:root{
  --font: Inter, Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --background:#ffffff;
  --foreground:#161616;
  --secondbackground:#f8f8f8;
  --border:#e7e7e5;
  --hover:#efeee7d9;
  --desc:#808080;
  --ignore:#bababa;
  --tag:#c35af7;
  --header:rgba(249,250,251,.9);
  --card:#ffffff;
  --shadow:1px 1px 7px 3px rgba(177,177,177,.26);
  --primary:#111111;
  --primary-foreground:#ffffff;
  --secondary:#7c3aed;
  --secondary-foreground:#ffffff;
  --warning:#ffbf47;
  --warning-foreground:#111;
  --danger:#e5484d;
  --radius:12px;
  --sidebar-w:220px;
  --doc-height:100dvh;
  --vvh:100dvh;
  --browser-bottom:0px;
  --browser-top:0px;
  --browser-right:0px;
}
html.dark{
  --background:#0B0B0C;
  --foreground:#E1E1E1;
  --secondbackground:#1C1C1E;
  --border:#202022;
  --hover:#292929;
  --desc:#999;
  --ignore:#6d6d6d;
  --header:rgba(11,11,12,.82);
  --card:#151517;
  --shadow:none;
  --primary:#f9f9f9;
  --primary-foreground:#000;
  --warning:#ffbf47;
  --warning-foreground:#111;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;font-family:var(--font);background:var(--secondbackground);color:var(--foreground);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.muted{color:var(--desc)}
.tiny{font-size:12px}
.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--primary) 8%,transparent);font-size:12px;color:var(--desc)}
.app-shell{display:flex;height:var(--doc-height);width:100%;overflow:hidden;background:var(--secondbackground);transition:background .28s ease}
.app-shell.focus-mode{background:color-mix(in srgb,var(--background) 72%, var(--secondbackground))}
.app-shell.focus-mode .sidebar{width:0!important;min-width:0!important;max-width:0!important;padding-left:0!important;padding-right:0!important;border-right:none!important;overflow:hidden!important;opacity:0;pointer-events:none}
.app-shell.focus-mode .main{width:100%}
.app-shell.focus-mode .topbar{padding-inline:18px}
.app-shell.focus-mode .content-shell{padding-inline:18px}
.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);max-width:400px;background:var(--background);border-right:1px solid var(--border);padding:16px 14px 14px;display:flex;flex-direction:column;gap:14px;position:relative;transition:width .25s ease,min-width .25s ease;overflow:hidden;scrollbar-gutter:stable both-edges}.sidebar-scroll{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:2px}.sidebar-scroll::-webkit-scrollbar{width:10px}.sidebar-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border) 88%,transparent);border-radius:999px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}
.sidebar.collapsed{width:80px;min-width:80px}