*{box-sizing:border-box;margin:0;padding:0}
  html,body{height:100%}
  body{font-family:var(--grotesk);background:var(--bg);color:var(--ink);
    -webkit-font-smoothing:antialiased;line-height:1.45;min-height:100dvh;transition:background .25s,color .25s}
  html{-webkit-text-size-adjust:100%}
  body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}
  /* текстовый контент оставляем выделяемым/копируемым */
  .doc,.tr,.ex,.note-line,.ntext,.word,input,textarea{user-select:text;-webkit-user-select:text}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:max(22px,env(safe-area-inset-top)) 22px 64px}
  .mono{font-family:var(--mono)}

  @keyframes spin{to{transform:rotate(360deg)}}

  @keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  @keyframes fade{from{opacity:0}to{opacity:1}}

  @keyframes ptrspin{to{transform:rotate(360deg)}}