@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg-main:#07131f;--bg-main-deep:#04101a;--bg-card:#0b1b27c2;--bg-card-hover:#112634eb;--text-primary:#f4fbff;--text-secondary:#9ab7c7;--text-muted:#7e9aab;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-tertiary:#f3c969;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--accent-gradient-glossy:linear-gradient(160deg, #fff6, #fff0 55%), linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--glossy-shadow:inset 0 1px 0 #ffffff59, 0 10px 22px #6366f159;--glossy-shadow-hover:inset 0 1px 0 #fff6, 0 14px 28px #6366f16b;--border-color:#b4d7f02e;--glass-border:#a6cde429;--accent:var(--accent-secondary);--surface-line:#ffffff12;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--nav-active-bg:linear-gradient(135deg, #6366f12e, #8b5cf629);--nav-active-border:#6366f166;--surface-hover:#ffffff0f;--surface-faint:#ffffff05;--divider:#ffffff0f;--input-bg:#08151fd1;--card-gradient:linear-gradient(180deg, #0b1b27e6, #08141ed1);--card-gradient-strong:linear-gradient(180deg, #0a1824fa, #061019fa);--overlay-scrim:#02080ec7;--scrollbar-thumb:#fff3;--scrollbar-thumb-hover:#ffffff4d;--grid-line:#ffffff06;--hero-tint:#6366f124;--avatar-bg:#07141f9e;--glass-sheen:#ffffff17;--panel-tint:#05101a6b;--shadow-tint:#0000004d;--sheen-gradient-soft:linear-gradient(180deg, #ffffff0a, #ffffff04);--badge-danger-bg:#ef444438;--badge-danger-text:#fca5a5;--badge-warning-bg:#f59e0b33;--badge-warning-text:#fcd34d;--badge-success-bg:#10b98133;--badge-success-text:#6ee7b7;--border:#b4d7f02e;--surface:#0b1b27c2;--surface-elevated:#1e1e2e;--surface-2:#ffffff0a;--surface-alt:#ffffff0a;--text:#f4fbff;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-full:9999px;--shadow-sm:0 2px 8px #0000003d;--shadow-md:0 8px 18px #00000040;--shadow-glass:0 20px 45px #00000061}:root[data-theme=light]{--bg-main:#f4f7fb;--bg-main-deep:#e7ecf3;--bg-card:#ffffffd1;--bg-card-hover:#fffffff5;--text-primary:#10202e;--text-secondary:#445a6b;--text-muted:#6b8194;--accent-tertiary:#92400e;--border-color:#10202e1f;--glass-border:#10202e1a;--surface-line:#10202e14;--nav-active-bg:linear-gradient(135deg, #6366f129, #8b5cf624);--nav-active-border:#8b5cf659;--surface-hover:#10202e0d;--surface-faint:#10202e08;--divider:#10202e14;--input-bg:#fff;--card-gradient:linear-gradient(180deg, #fffffff2, #f4f7fbe6);--card-gradient-strong:linear-gradient(180deg, #fffffffc, #f7fafdfc);--overlay-scrim:#10202e73;--scrollbar-thumb:#10202e2e;--scrollbar-thumb-hover:#10202e47;--grid-line:#10202e09;--hero-tint:#6366f11a;--avatar-bg:#ffffffb3;--glass-sheen:#10202e0d;--panel-tint:#10202e0a;--shadow-tint:#10202e24;--sheen-gradient-soft:linear-gradient(180deg, #10202e0d, #10202e05);--badge-danger-bg:#dc26261f;--badge-danger-text:#b91c1c;--badge-warning-bg:#d9770624;--badge-warning-text:#92400e;--badge-success-bg:#05966924;--badge-success-text:#047857;--shadow-sm:0 2px 8px #10202e14;--shadow-md:0 8px 18px #10202e1a;--shadow-glass:0 20px 45px #10202e24;--border:#10202e1f;--surface:#ffffffd1;--surface-elevated:#fff;--surface-2:#10202e0a;--surface-alt:#10202e0a;--text:#10202e}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 15% -10%, var(--hero-tint), transparent 40%), linear-gradient(160deg, var(--bg-main), var(--bg-main-deep) 72%);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Manrope,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5}body:before{content:"";pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);opacity:.45;background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 85%);mask-image:radial-gradient(circle,#000 35%,#0000 85%)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);position:relative;overflow:hidden}.glass-panel:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(140deg, var(--glass-sheen), transparent 55%);position:absolute;inset:0}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{padding:var(--spacing-xl);gap:var(--spacing-xl);flex-direction:column;flex:1;display:flex;overflow-y:auto}.app-loading-state{min-height:100vh;color:var(--text-secondary);place-items:center;font-size:1rem;display:grid}.session-expired-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#090b14b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.session-expired-dialog{background:var(--surface,#fff);width:min(420px,100%);color:var(--text-primary,#10131c);text-align:left;border-radius:14px;padding:24px;box-shadow:0 18px 48px #00000052}.session-expired-dialog h2{margin:0 0 8px;font-size:1.25rem}.session-expired-dialog p{color:var(--text-secondary,#4a5163);margin:0 0 18px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Manrope,sans-serif;font-weight:700;line-height:1.2}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;border:none;font-family:inherit;font-weight:500;transition:all .22s;display:inline-flex}.btn-primary{background:var(--accent-gradient-glossy);color:#fff;box-shadow:var(--glossy-shadow);font-weight:700}.btn-primary:hover{box-shadow:var(--glossy-shadow-hover);transform:translateY(-2px)}.btn-outline{background:var(--surface-faint);border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background:var(--surface-hover)}.app-shell{position:relative}.workspace-stage{gap:1.25rem;padding:1.25rem 1.5rem 2rem;position:relative}h1{letter-spacing:-.04em}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}input,select,textarea{border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);border-radius:var(--radius-sm);font-family:inherit;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#6366f1e6;outline:none;box-shadow:0 0 0 3px #6366f133}input,select{min-height:44px;padding:0 .85rem}textarea{padding:.85rem}.password-field-shell{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--input-bg);align-items:stretch;display:flex;overflow:hidden}.password-field-shell:focus-within{border-color:#6366f1e6;box-shadow:0 0 0 3px #6366f133}.password-field-shell input{box-shadow:none;background:0 0;border:none;border-radius:0;flex:1}.password-toggle-btn{border:none;border-left:1px solid var(--surface-line);width:46px;color:var(--text-secondary);background:0 0;justify-content:center;align-items:center;display:inline-flex}.password-toggle-btn:hover{color:var(--text-primary);background:var(--surface-faint)}@media (width<=768px){.app-container{flex-direction:column}.main-content{padding:var(--spacing-md);padding-bottom:80px}.workspace-stage:before{border-radius:1.4rem;inset:0}.desktop-only{display:none!important}}@media (width>=769px){.mobile-only{display:none!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}:root{--radius-xl:1.35rem;--content-max:1600px;--focus-ring:0 0 0 3px #818cf847;--panel-highlight:linear-gradient(145deg, #fff1, transparent 38%)}body{background:radial-gradient(ellipse at 8% -8%, #6366f130, transparent 34%), radial-gradient(ellipse at 92% 8%, #1eb4be13, transparent 28%), linear-gradient(155deg, var(--bg-main), var(--bg-main-deep) 70%)}body:before{opacity:.32;background-size:32px 32px}.main-content{scroll-behavior:smooth;gap:1.1rem;padding:1.15rem clamp(1rem,2.2vw,2.4rem) 2.4rem;position:relative}.main-content>*{width:min(100%, var(--content-max));margin-inline:auto}.glass-panel{background:var(--panel-highlight), var(--card-gradient);-webkit-backdrop-filter:blur(18px)saturate(125%);border-color:#aecbe224;box-shadow:0 18px 44px #0000003d,inset 0 1px #ffffff0e}.glass-panel:before{background:linear-gradient(135deg,#ffffff0b,#0000 42%)}h2{letter-spacing:-.025em}.btn{letter-spacing:-.01em;min-height:40px;font-weight:650}.btn:focus-visible,button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #9aa1ff}.btn:disabled,button:disabled{cursor:not-allowed;filter:saturate(.35);opacity:.5;box-shadow:none;transform:none!important}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary:active:not(:disabled){transform:scale(.97)translateY(0)}.btn-primary{border:1px solid #ffffff29;box-shadow:inset 0 1px #ffffff42,0 10px 24px #564dcb47}.btn-outline{background:linear-gradient(#ffffff09,#ffffff03);border-color:#b4d7f02b}@media (prefers-reduced-motion:no-preference){.main-content>:not(.workspace-toolbar){animation:.28s cubic-bezier(.2,.75,.3,1) groundnote-enter}@keyframes groundnote-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}@media (width<=768px){.main-content{padding:.85rem .75rem calc(92px + env(safe-area-inset-bottom));gap:.85rem}.glass-panel{border-radius:1rem}}@media (width>=1800px){.main-content{padding-inline:3rem}}:root{--text-secondary:#aec5d2;--text-muted:#849eae}:root[data-theme=light]{--text-secondary:#354e60;--text-muted:#5b7284;--bg-card:#ffffffe6;--card-gradient:linear-gradient(180deg, #fffffff5, #f7fafdf0)}.main-content{padding-top:.9rem}.glass-panel{box-shadow:0 10px 28px #0000002e,inset 0 1px #ffffff0d}.btn{border-radius:.62rem;min-height:36px;padding:.42rem .78rem;font-size:.84rem}input,select{min-height:40px}h1{font-size:clamp(1.65rem,2vw,2rem)}h2{font-size:1.3rem}h3{font-size:1.08rem}:root[data-theme=light] .glass-panel{border-color:#10202e1c;box-shadow:0 8px 22px #1c304217,inset 0 1px #ffffffe6}@media (width<=768px){.btn{min-height:40px}}.workspace-stage{overscroll-behavior:contain;scrollbar-gutter:stable;min-width:0;min-height:0}.workspace-stage::-webkit-scrollbar{width:8px}.workspace-stage::-webkit-scrollbar-track{background:0 0}.workspace-stage::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-muted) 32%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.workspace-stage::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--text-muted) 52%, transparent);background-clip:padding-box}@media (width<=768px){.workspace-stage{scrollbar-gutter:auto}}
