:root{--app-header-height: 4.1rem;--app-header-offset: calc(var(--app-header-height) + max(env(safe-area-inset-top), .8rem));--app-mobile-nav-height: 4.3125rem;--app-mobile-nav-offset: calc(var(--app-mobile-nav-height) + max(env(safe-area-inset-bottom), .55rem));--app-shell-height: 100dvh;--app-main-height: calc(var(--app-shell-height) - var(--app-header-offset));--bg: #F6F4F1;--card: #FFFFFF;--text: #111827;--muted: #6B7280;--border: rgba(17, 24, 39, .1);--accent: #365dfb;--accent-hover: #2b4cd6;--accent-rgb: 54, 93, 251;--accent-sub: #96ece9;--accent-sub-hover: #53cfcb;--accent-sub-rgb: 150, 236, 233;--accent-gradient: linear-gradient(135deg, var(--accent), var(--accent-sub));--glass-fill-subtle: rgba(255, 255, 255, .5);--glass-fill: rgba(255, 255, 255, .64);--glass-fill-strong: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .52);--glass-shadow: 0 16px 40px rgba(15, 23, 42, .1);--glass-saturation: 150%;--glass-blur: 18px;--glass-focus: rgba(var(--accent-rgb), .34);--surface-solid: rgba(255, 255, 255, .92);--surface-border: rgba(15, 23, 42, .12);--surface-shadow: 0 8px 24px rgba(15, 23, 42, .08);--glass-text: rgba(10, 18, 34, .95);--glass-muted: rgba(51, 65, 85, .82)}@supports not (height: 100dvh){:root{--app-shell-height: 100vh}}@media(min-width:768px){:root{--app-header-height: 4rem}}html,body,#root{min-height:100%}html.native-app,html.native-app body,html.native-app #root{min-height:var(--app-shell-height)}html[data-native-platform=ios],html[data-native-platform=ios] body{overscroll-behavior-y:none}html[data-native-platform=ios] input,html[data-native-platform=ios] textarea,html[data-native-platform=ios] select{font-size:16px}.dark{--bg: #171717;--card: #1F2937;--text: #F3F4F6;--muted: #9CA3AF;--border: rgba(243, 244, 246, .12);--accent: #4f73ff;--accent-hover: #365dfb;--accent-rgb: 79, 115, 255;--accent-sub: #96ece9;--accent-sub-hover: #72e0dc;--accent-sub-rgb: 150, 236, 233;--accent-gradient: linear-gradient(135deg, var(--accent), var(--accent-sub));--glass-fill-subtle: rgba(11, 15, 24, .44);--glass-fill: rgba(15, 23, 42, .56);--glass-fill-strong: rgba(15, 23, 42, .7);--glass-border: rgba(255, 255, 255, .16);--glass-shadow: 0 20px 44px rgba(0, 0, 0, .4);--glass-saturation: 135%;--glass-blur: 20px;--glass-focus: rgba(var(--accent-rgb), .54);--surface-solid: rgba(15, 23, 42, .86);--surface-border: rgba(148, 163, 184, .3);--surface-shadow: 0 10px 26px rgba(0, 0, 0, .36);--glass-text: rgba(241, 245, 249, .96);--glass-muted: rgba(203, 213, 225, .85)}body{min-height:var(--app-shell-height);background-color:var(--bg);color:var(--text)}::selection{background:var(--accent);color:#fff}.bg-slate-50{background-color:color-mix(in srgb,var(--bg) 92%,#ffffff 8%)!important}.text-slate-900{color:var(--text)!important}.text-slate-500,.text-slate-400{color:var(--muted)!important}.border-slate-200,.border-slate-100{border-color:var(--border)!important}.accent-indigo-500,.accent-indigo-600,.accent-indigo-700{accent-color:var(--accent)!important}.glass,.glass-subtle,.glass-strong{position:relative;border:1px solid var(--glass-border);background:var(--glass-fill);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation))}.glass-subtle{background:var(--glass-fill-subtle);--glass-blur: 14px}.glass-strong{background:var(--glass-fill-strong);--glass-blur: 24px;--glass-saturation: 160%}.hairline{border:1px solid var(--glass-border)}.specular:before{content:"";pointer-events:none;position:absolute;left:0;right:0;top:0;height:38%;border-radius:inherit;background:linear-gradient(180deg,#ffffff5c,#fff0);opacity:.88}.surface{background:var(--surface-solid);border:1px solid var(--surface-border);box-shadow:var(--surface-shadow)}.focus-ring{outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}.focus-ring:focus-visible{box-shadow:0 0 0 2px var(--glass-focus),var(--surface-shadow);border-color:rgba(var(--accent-rgb),.44)!important}.glass .text-slate-900,.glass-subtle .text-slate-900,.glass-strong .text-slate-900,.glass .text-slate-800,.glass-subtle .text-slate-800,.glass-strong .text-slate-800{color:var(--glass-text)!important}.glass .text-slate-600,.glass-subtle .text-slate-600,.glass-strong .text-slate-600,.glass .text-slate-500,.glass-subtle .text-slate-500,.glass-strong .text-slate-500{color:var(--glass-muted)!important}.specular:hover:before{opacity:1}@media(prefers-reduced-transparency:reduce){.glass,.glass-subtle,.glass-strong{background:var(--surface-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.specular:before{display:none}}@media(prefers-contrast:more){.glass,.glass-subtle,.glass-strong{border-color:#0f172a4d;background:#ffffffe6}.dark .glass,.dark .glass-subtle,.dark .glass-strong{border-color:#f1f5f957;background:#020617e0}}@media(prefers-reduced-motion:reduce){.focus-ring,.glass,.glass-subtle,.glass-strong,.surface{transition:none!important}}.dashboard-scroll{scrollbar-width:none;-ms-overflow-style:none}.dashboard-scroll::-webkit-scrollbar{width:0;height:0}.dashboard-scroll.dashboard-scroll--active{scrollbar-width:thin}.dashboard-scroll.dashboard-scroll--active::-webkit-scrollbar{width:6px;height:6px}.dashboard-scroll.dashboard-scroll--active::-webkit-scrollbar-thumb{border-radius:999px;background:#94a3b88c}.dashboard-scroll.dashboard-scroll--active::-webkit-scrollbar-track{background:transparent}.sidebar-codex{--text: #1e293b;--muted: #64748b;--border: rgba(148, 163, 184, .28);--accent: #3b82f6;--accent-hover: #2563eb;--accent-rgb: 59, 130, 246;--accent-sub: #38bdf8;--accent-sub-rgb: 56, 189, 248;--accent-gradient: linear-gradient(135deg, #3b82f6, #38bdf8);--glass-fill-subtle: rgba(255, 255, 255, .72);--glass-fill: rgba(255, 255, 255, .82);--glass-fill-strong: rgba(248, 250, 252, .96);--glass-border: rgba(148, 163, 184, .26);--glass-shadow: 0 16px 36px rgba(15, 23, 42, .08);--glass-saturation: 120%;--glass-blur: 14px;--glass-focus: rgba(59, 130, 246, .42);--surface-solid: rgba(255, 255, 255, .78);--surface-border: rgba(148, 163, 184, .26);--surface-shadow: 0 8px 20px rgba(15, 23, 42, .08);--glass-text: #1e293b;--glass-muted: #64748b;border:1px solid rgba(148,163,184,.24);background:radial-gradient(110% 68% at 50% -12%,rgba(59,130,246,.16) 0%,transparent 60%),linear-gradient(180deg,#f8fafcf5,#f1f5f9f2);box-shadow:0 14px 32px #0f172a14}.sidebar-codex[data-slot=sidebar]{border-color:#94a3b83d}.sidebar-codex [data-slot=sidebar-header],.sidebar-codex [data-slot=sidebar-footer]{background:#ffffff9e;border-color:#94a3b838}.sidebar-codex [data-slot=sidebar-group-label]{color:#475569d1!important}.sidebar-codex .surface{background:#ffffffbd;border-color:#94a3b83d;box-shadow:0 4px 12px #0f172a0a}.sidebar-codex .glass,.sidebar-codex .glass-subtle,.sidebar-codex .glass-strong{background:#f8fafcf2;border-color:#94a3b83d;box-shadow:0 10px 26px #0f172a14}.sidebar-codex .specular:before{opacity:.55;background:linear-gradient(180deg,#ffffff8c,#fff0)}.sidebar-codex-item-active{border:1px solid rgba(var(--accent-rgb),.45);background:linear-gradient(90deg,rgba(var(--accent-rgb),.18),rgba(var(--accent-rgb),.07));box-shadow:0 8px 18px rgba(var(--accent-rgb),.18),inset 0 1px #ffffff73}.sidebar-codex .focus-ring:focus-visible{box-shadow:0 0 0 2px rgba(var(--accent-rgb),.45),0 8px 20px #0f172a1f}