/* ─────────────────────────────────────────
   RESET & THEME VARIABLES
───────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased}
html[data-theme="dark"]{
  --bg:#0f0f0f;--bg3:#1e1e1e;--border:rgba(255,255,255,0.08);
  --text:#f1f1f1;--muted:#aaa;--faint:#444;
  --tbg:#0f0f0f;--sbg:#111;--sborder:#222;--sfocus:#1c62b9;
  --accent:#b5ff4d;--adark:#1a2e00;--btn-bg:#1e1e1e;--btn-bg-h:#2a2a2a;
  --desc-bg:#161616;--tag-color:#3ea6ff;--page-bg:#0f0f0f;
  --sidebar-bg:#111;--sidebar-border:rgba(255,255,255,0.07);
  --notes-bg:#0d0d0d;--notes-border:rgba(255,255,255,0.07);--notes-focus:rgba(181,255,77,0.15);
  --nav-bg:#0f0f0f;--nav-border:rgba(255,255,255,0.08);
  --nav-item-hover:#ffffff14;--nav-item-active:#ffffff1a;--nav-active-text:#b5ff4d;
  --ctx-bg:#1e1e1e;--ctx-border:rgba(255,255,255,0.1);--ctx-hover:#2a2a2a;
  --pip-bg:#1a1a1a;--pip-border:rgba(255,255,255,0.12);
  --drop-bg:#1e1e1e;--drop-border:rgba(255,255,255,0.1);--drop-hover:#272727;
  --rc-bg:#161616;--rc-border:rgba(255,255,255,0.07);
  --bottom-nav:#111;--chip:#272727;
}
html[data-theme="light"]{
  --bg:#f9f9f9;--bg3:#ebebeb;--border:rgba(0,0,0,0.08);
  --text:#0f0f0f;--muted:#606060;--faint:#bbb;
  --tbg:#fff;--sbg:#fff;--sborder:#e0e0e0;--sfocus:#1c62b9;
  --accent:#b5ff4d;--adark:#1a2e00;--btn-bg:#ebebeb;--btn-bg-h:#e0e0e0;
  --desc-bg:#f2f2f2;--tag-color:#065fd4;--page-bg:#f9f9f9;
  --sidebar-bg:#f4f4f4;--sidebar-border:rgba(0,0,0,0.07);
  --notes-bg:#fff;--notes-border:rgba(0,0,0,0.1);--notes-focus:rgba(45,118,0,0.12);
  --nav-bg:#fff;--nav-border:rgba(0,0,0,0.08);
  --nav-item-hover:rgba(0,0,0,0.05);--nav-item-active:rgba(0,0,0,0.08);--nav-active-text:#5a9c00;
  --ctx-bg:#fff;--ctx-border:rgba(0,0,0,0.1);--ctx-hover:#f0f0f0;
  --pip-bg:#fff;--pip-border:rgba(0,0,0,0.12);
  --drop-bg:#fff;--drop-border:rgba(0,0,0,0.1);--drop-hover:#f5f5f5;
  --rc-bg:#fff;--rc-border:rgba(0,0,0,0.07);
  --bottom-nav:#fff;--chip:#ebebeb;
}
body{font-family:'Roboto',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;transition:background .2s,color .2s}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(128,128,128,0.2);border-radius:10px}