@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--md-surface:#1c1b1f;--md-surface-1:#2b2930;--md-surface-2:#312f36;--md-surface-3:#37353d;--md-surface-variant:#49454f;--md-on-surface:#e6e1e5;--md-on-surface-var:#cac4d0;--md-outline:#938f99;--md-outline-var:#49454f;--md-primary:#d0bcff;--md-on-primary:#381e72;--md-primary-container:#4f378b;--md-on-primary-cont:#eaddff;--md-secondary:#ccc2dc;--md-on-secondary:#332d41;--md-secondary-cont:#4a4458;--md-tertiary:#efb8c8;--md-tertiary-cont:#633b48;--md-error:#f2b8b5;--md-error-cont:#8c1d18;--md-on-error-cont:#f9dedc;--md-success:#81c995;--md-star:#fdd663;--md-elev-1:0 1px 2px #0000004d,0 1px 3px 1px #00000026;--md-elev-2:0 1px 2px #0000004d,0 2px 6px 2px #00000026;--md-elev-3:0 4px 8px 3px #00000026,0 1px 3px #0000004d;--md-elev-4:0 6px 10px 4px #00000026,0 2px 3px #0000004d;--md-shape-xs:4px;--md-shape-sm:8px;--md-shape-md:12px;--md-shape-lg:16px;--md-shape-xl:28px;--md-shape-full:9999px;--md-font:"Inter",sans-serif;--md-font-display:"Outfit",sans-serif;--md-mono:"JetBrains Mono",monospace;--note-paper:#232836;--note-paper-line:#7e94bc33;--note-paper-margin:#607aaa2e;--note-paper-edge:#ffffff0f;--note-ink:#eef2ff;--note-muted:#98a6c7;--note-shadow:0 22px 34px #00000042,inset 0 1px 0 #ffffff0d;--bg:var(--md-surface);--bg2:var(--md-surface-1);--bg3:var(--md-surface-2);--border:var(--md-outline-var);--text:var(--md-on-surface);--text2:var(--md-on-surface-var);--text3:var(--md-outline);--accent:var(--md-primary);--accent2:var(--md-primary-container);--star-active:var(--md-star);--star-inactive:var(--md-outline-var);--danger:var(--md-error);--success:var(--md-success);--shadow:var(--md-elev-3);--radius:var(--md-shape-md);--font:var(--md-font);--mono:var(--md-mono)}.bookdc-app{background:radial-gradient(circle at top right,#3b82f624,#0000 24%),radial-gradient(circle at bottom left,#7c3aed1f,#0000 24%),#1c1b1f;background:radial-gradient(circle at top right,#3b82f624,#0000 24%),radial-gradient(circle at bottom left,#7c3aed1f,#0000 24%),var(--md-surface);color:#e6e1e5;color:var(--md-on-surface);display:flex;flex-direction:column;min-height:100%}.bookdc-brandbar{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,#1c1b1f 88%,#0000);background:color-mix(in srgb,var(--md-surface) 88%,#0000);border-bottom:1px solid #49454f;border-bottom:1px solid var(--md-outline-var);display:flex;gap:18px;justify-content:space-between;padding:18px 22px}.bookdc-brand{display:flex;flex-direction:column;gap:4px}.bookdc-kicker{color:#e6e1e5;color:var(--md-on-surface);font-size:12px;font-weight:800;letter-spacing:.18em}.bookdc-subtle-link{background:none;border:none;color:#938f99;color:var(--md-outline);cursor:pointer;font-size:14px;padding:0;text-align:left}.bookdc-subtle-link:hover{color:#d0bcff;color:var(--md-primary)}.bookdc-brand-actions{align-items:center;display:flex;gap:12px}.bookdc-pill{background:color-mix(in srgb,#312f36 80%,#0000);background:color-mix(in srgb,var(--md-surface-2) 80%,#0000);border:1px solid var(--md-outline-variant);border-radius:999px;color:#938f99;color:var(--md-outline);font-size:13px;padding:9px 14px;white-space:nowrap}.bookdc-shell{display:grid;flex:1 1;grid-template-columns:280px minmax(0,1fr);min-height:0}.bookdc-nav{background:color-mix(in srgb,#1c1b1f 92%,#0000);background:color-mix(in srgb,var(--md-surface) 92%,#0000);border-right:1px solid #49454f;border-right:1px solid var(--md-outline-var);display:flex;flex-direction:column;gap:18px;padding:22px 18px}.bookdc-hero h2,.bookdc-nav-head h2,.bookdc-reader-head h2{font-size:clamp(28px,4vw,56px);letter-spacing:-.05em;line-height:.95;margin:0}.bookdc-nav-head h2{font-size:24px;line-height:1}.bookdc-hero p,.bookdc-nav-head p,.bookdc-nav-sidecard p,.bookdc-reader-head p{color:#cac4d0;color:var(--md-on-surface-var);line-height:1.6;margin:0}.bookdc-nav-stack{display:flex;flex-direction:column;gap:8px}.bookdc-nav-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:16px;color:#cac4d0;color:var(--md-on-surface-var);cursor:pointer;display:flex;gap:12px;padding:13px 14px;transition:.16s ease;width:100%}.bookdc-nav-item.active,.bookdc-nav-item:hover{background:color-mix(in srgb,#d0bcff 12%,#312f36);background:color-mix(in srgb,var(--md-primary) 12%,var(--md-surface-2));border-color:color-mix(in srgb,#d0bcff 24%,#49454f);border-color:color-mix(in srgb,var(--md-primary) 24%,var(--md-outline-var));color:#e6e1e5;color:var(--md-on-surface)}.bookdc-book-card,.bookdc-empty-card,.bookdc-gate-card,.bookdc-inline-strip,.bookdc-nav-sidecard,.bookdc-note-card,.bookdc-reader-main,.bookdc-reader-side,.bookdc-side-card,.bookdc-stat-card,.bookdc-summary-card{background:color-mix(in srgb,#1c1b1f 94%,#0000);background:color-mix(in srgb,var(--md-surface) 94%,#0000);border:1px solid #49454f;border:1px solid var(--md-outline-var);border-radius:24px;box-shadow:0 18px 40px #00000024}.bookdc-nav-sidecard{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding:18px}.bookdc-nav-sidehead{align-items:center;display:flex;gap:12px;justify-content:space-between}.bookdc-nav-sidehead span{color:#d0bcff;color:var(--md-primary);font-size:13px}.bookdc-main{min-width:0;overflow:auto;padding:22px}.bookdc-section{display:flex;flex-direction:column;gap:20px}.bookdc-hero,.bookdc-reader-head{align-items:flex-start;display:flex;gap:18px;justify-content:space-between}.bookdc-hero-actions,.bookdc-reader-head-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.bookdc-inline-btn,.bookdc-primary-btn{align-items:center;border:1px solid #49454f;border:1px solid var(--md-outline-var);border-radius:14px;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;transition:.15s ease}.bookdc-primary-btn{background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000;color:#fff;padding:12px 16px}.bookdc-primary-btn:hover{box-shadow:0 14px 30px #2563eb3d;transform:translateY(-1px)}.bookdc-primary-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.bookdc-inline-btn{background:color-mix(in srgb,#312f36 84%,#0000);background:color-mix(in srgb,var(--md-surface-2) 84%,#0000);color:#e6e1e5;color:var(--md-on-surface);padding:10px 14px}.bookdc-inline-btn:hover{background:color-mix(in srgb,#d0bcff 10%,#312f36);background:color-mix(in srgb,var(--md-primary) 10%,var(--md-surface-2));border-color:color-mix(in srgb,#d0bcff 28%,#49454f);border-color:color-mix(in srgb,var(--md-primary) 28%,var(--md-outline-var))}.bookdc-inline-btn.danger{color:#f87171}.bookdc-feedback{background:color-mix(in srgb,#10b981 16%,#1c1b1f);background:color-mix(in srgb,#10b981 16%,var(--md-surface));border:1px solid color-mix(in srgb,#10b981 28%,#49454f);border:1px solid color-mix(in srgb,#10b981 28%,var(--md-outline-var));border-radius:16px;padding:14px 16px}.bookdc-feedback.error{background:color-mix(in srgb,#ef4444 14%,#1c1b1f);background:color-mix(in srgb,#ef4444 14%,var(--md-surface));border-color:color-mix(in srgb,#ef4444 24%,#49454f);border-color:color-mix(in srgb,#ef4444 24%,var(--md-outline-var));color:#fecaca}.bookdc-dashboard-grid,.bookdc-library-grid,.bookdc-notes-grid,.bookdc-stats-grid{grid-gap:16px;display:grid;gap:16px}.bookdc-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bookdc-library-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.bookdc-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.bookdc-notes-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.bookdc-stat-card,.bookdc-summary-card{display:flex;flex-direction:column;gap:10px;padding:18px}.bookdc-stat-card strong,.bookdc-summary-card strong{font-size:14px}.bookdc-stat-card span,.bookdc-summary-card p,.bookdc-summary-card span{color:#938f99;color:var(--md-outline)}.bookdc-summary-card p{margin:0}.bookdc-inline-strip{display:flex;flex-direction:column;gap:14px;padding:18px}.bookdc-strip-head{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.bookdc-strip-head h3{font-size:18px;margin:0}.bookdc-strip-head span{color:#938f99;color:var(--md-outline)}.bookdc-inline-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.bookdc-continue-card{background:color-mix(in srgb,#312f36 84%,#0000);background:color-mix(in srgb,var(--md-surface-2) 84%,#0000);border:1px solid var(--md-outline-variant);border-radius:16px;color:var(--md-text);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:16px;text-align:left}.bookdc-continue-card span{color:#938f99;color:var(--md-outline)}.bookdc-book-card{grid-gap:16px;color:#e6e1e5;color:var(--md-on-surface);cursor:pointer;display:grid;gap:16px;grid-template-columns:86px minmax(0,1fr);padding:16px;text-align:left;transition:.15s ease}.bookdc-book-card.active,.bookdc-book-card:hover{border-color:color-mix(in srgb,#d0bcff 28%,#49454f);border-color:color-mix(in srgb,var(--md-primary) 28%,var(--md-outline-var));transform:translateY(-2px)}.bookdc-book-visual{align-items:flex-end;border-radius:18px;color:#fff;display:flex;font-size:12px;font-weight:800;justify-content:flex-start;letter-spacing:.1em;min-height:122px;padding:14px}.bookdc-book-meta{display:flex;flex-direction:column;gap:10px;min-width:0}.bookdc-book-topline,.bookdc-note-head,.bookdc-session-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.bookdc-book-topline strong,.bookdc-note-card strong,.bookdc-note-item strong{font-size:18px;line-height:1.1}.bookdc-book-meta>span,.bookdc-muted,.bookdc-note-card span,.bookdc-note-item span,.bookdc-session-row span{color:#cac4d0;color:var(--md-on-surface-var)}.bookdc-book-chips{display:flex;flex-wrap:wrap;gap:8px}.bookdc-book-chips span,.bookdc-note-type,.bookdc-sync-state{background:color-mix(in srgb,#312f36 84%,#0000);background:color-mix(in srgb,var(--md-surface-2) 84%,#0000);border:1px solid #49454f;border:1px solid var(--md-outline-var);border-radius:999px;font-size:12px;padding:6px 10px}.bookdc-progress{background:color-mix(in srgb,#49454f 72%,#0000);background:color-mix(in srgb,var(--md-outline-var) 72%,#0000);border-radius:999px;height:7px;overflow:hidden;position:relative;width:100%}.bookdc-progress span{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:inherit;inset:0 auto 0 0;position:absolute}.bookdc-book-actions{display:flex;flex-wrap:wrap;gap:8px}.bookdc-reader-layout{grid-gap:18px;display:grid;gap:18px;grid-template-columns:minmax(0,1.45fr) 320px}.bookdc-reader-main,.bookdc-reader-side{padding:18px}.bookdc-reader-main{display:flex;flex-direction:column;gap:16px;min-width:0}.bookdc-reader-side{display:flex;flex-direction:column;gap:14px}.bookdc-reader-controls{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.bookdc-reader-controls label{color:#938f99;color:var(--md-outline);display:flex;flex-direction:column;font-size:13px;gap:8px}.bookdc-reader-controls input,.bookdc-reader-controls select{width:100%}.bookdc-search-wrap{align-items:center;background:color-mix(in srgb,#312f36 86%,#0000);background:color-mix(in srgb,var(--md-surface-2) 86%,#0000);border:1px solid #49454f;border:1px solid var(--md-outline-var);border-radius:14px;display:flex;gap:10px;min-width:0;padding:0 12px}.bookdc-reader-controls input,.bookdc-reader-controls select,.bookdc-search-wrap input{background:#0000;border:none;color:#e6e1e5;color:var(--md-on-surface);min-height:42px;outline:none}.bookdc-reader-frame{display:flex;flex-direction:column;gap:12px}.bookdc-reader-status{align-items:center;color:#cac4d0;color:var(--md-on-surface-var);display:flex;gap:12px;justify-content:space-between}.bookdc-reader-status-left{display:flex;flex-direction:column;gap:4px}.bookdc-reader-status-right{align-items:center;display:flex;gap:8px}.bookdc-progress-bar{background:#49454f;background:var(--md-surface-variant);border-radius:999px;height:8px;overflow:hidden;width:180px}.bookdc-progress-fill{background:linear-gradient(90deg,#d0bcff,#ccc2dc);background:linear-gradient(90deg,var(--md-primary),var(--md-secondary));border-radius:999px;height:100%;transition:width .25s ease-in-out;width:0}.bookdc-reader-page-info{color:#cac4d0;color:var(--md-on-surface-var);font-size:12px}.bookdc-reader-status-actions,.bookdc-side-stack{display:flex;flex-direction:column;gap:10px}.bookdc-reader-status-actions{align-items:center;flex-direction:row;flex-wrap:wrap}.bookdc-pdf-shell,.bookdc-reader-surface{border:1px solid #49454f;border:1px solid var(--md-outline-var);border-radius:24px;min-height:min(72vh,880px);overflow:auto}.bookdc-reader-text-mode{padding-bottom:26px;padding-top:20px}.bookdc-reader-text{white-space:pre-wrap}.bookdc-reader-light .bookdc-pdf-shell,.bookdc-reader-light .bookdc-reader-surface{background:#f8fafc;color:#111827}.bookdc-reader-sepia .bookdc-pdf-shell,.bookdc-reader-sepia .bookdc-reader-surface{background:#f6ead6;color:#422006}.bookdc-reader-dark .bookdc-pdf-shell,.bookdc-reader-dark .bookdc-reader-surface{background:#0f172a;color:#e2e8f0}.bookdc-pdf-shell{align-items:center;display:flex;flex-direction:column;gap:12px;padding:20px}.bookdc-pdf-canvas{border-radius:12px;box-shadow:0 18px 40px #00000038;height:auto;max-width:100%}.bookdc-pdf-controls{display:flex;gap:10px}.bookdc-inline-state,.bookdc-note-card,.bookdc-note-item,.bookdc-search-result,.bookdc-session-row{background:color-mix(in srgb,#312f36 84%,#0000);background:color-mix(in srgb,var(--md-surface-2) 84%,#0000);border:1px solid #49454f;border:1px solid var(--md-outline-var);border-radius:18px;padding:14px}.bookdc-inline-state,.bookdc-note-card,.bookdc-note-item,.bookdc-search-result{display:flex;flex-direction:column;gap:8px}.bookdc-inline-stack{display:flex;flex-direction:column;gap:10px}.bookdc-side-title{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.bookdc-search-result{color:#e6e1e5;color:var(--md-on-surface);cursor:pointer;text-align:left;width:100%}.bookdc-search-result:hover{border-color:color-mix(in srgb,#d0bcff 28%,#49454f);border-color:color-mix(in srgb,var(--md-primary) 28%,var(--md-outline-var))}.bookdc-note-head button{background:none;border:none;color:#f87171;cursor:pointer;padding:0}.bookdc-note-card p{line-height:1.6;margin:0}.bookdc-session-list{display:flex;flex-direction:column;gap:12px}.bookdc-session-row strong{display:block}.bookdc-empty-card,.bookdc-gate{align-items:center;display:flex;justify-content:center}.bookdc-empty-card,.bookdc-gate-card{flex-direction:column;gap:12px;padding:26px;text-align:center}.bookdc-empty-icon{align-items:center;background:color-mix(in srgb,#d0bcff 16%,#0000);background:color-mix(in srgb,var(--md-primary) 16%,#0000);border-radius:18px;color:#d0bcff;color:var(--md-primary);display:inline-flex;height:50px;justify-content:center;width:50px}.bookdc-gate{flex:1 1;padding:32px}@media (max-width:1100px){.bookdc-reader-layout,.bookdc-shell{grid-template-columns:1fr}.bookdc-nav{border-bottom:1px solid #49454f;border-bottom:1px solid var(--md-outline-var);border-right:none}.bookdc-dashboard-grid{grid-template-columns:1fr}}@media (max-width:760px){.bookdc-brandbar,.bookdc-hero,.bookdc-reader-head{align-items:stretch;flex-direction:column}.bookdc-brand-actions,.bookdc-hero-actions,.bookdc-reader-head-actions{flex-wrap:wrap;width:100%}.bookdc-main,.bookdc-nav{padding:16px}.bookdc-book-card,.bookdc-inline-list,.bookdc-library-grid,.bookdc-notes-grid{grid-template-columns:1fr}}[data-theme=purple-night]{--md-surface:#0a0514;--md-surface-1:#1a1525;--md-surface-2:#241d36;--md-surface-3:#37353d;--md-surface-variant:#49454f;--app-bg:radial-gradient(circle at top right,#2e1065 0%,#0a0514 60%);--md-on-surface:#e6e1e5;--md-on-surface-var:#cac4d0;--md-outline:#938f99;--md-outline-var:#49454f;--md-primary:#d0bcff;--md-on-primary:#381e72;--md-primary-container:#4f378b;--md-on-primary-cont:#eaddff;--md-secondary:#ccc2dc;--md-secondary-cont:#4a4458;--md-tertiary:#efb8c8;--md-tertiary-cont:#633b48;--md-error:#f2b8b5;--md-error-cont:#8c1d18;--md-on-error-cont:#f9dedc;--md-success:#81c995;--md-star:#fdd663}[data-theme=ocean-blue]{--md-surface:#1a1c1e;--md-surface-1:#272a2d;--md-surface-2:#2d3135;--md-surface-3:#33373c;--md-surface-variant:#41484d;--md-on-surface:#e2e2e6;--md-on-surface-var:#c1c7ce;--md-outline:#8b9198;--md-outline-var:#41484d;--md-primary:#9ecaff;--md-on-primary:#003258;--md-primary-container:#004a77;--md-on-primary-cont:#d1e4ff;--md-secondary:#bbc8db;--md-secondary-cont:#3d4e60;--md-tertiary:#d6bee4;--md-tertiary-cont:#4e3f5e;--md-error:#ffb4ab;--md-error-cont:#93000a;--md-on-error-cont:#ffdad6;--md-success:#6dcb87;--md-star:#fcd34d}[data-theme=forest-green]{--md-surface:#191c19;--md-surface-1:#272b27;--md-surface-2:#2d312d;--md-surface-3:#333733;--md-surface-variant:#424940;--md-on-surface:#e1e3de;--md-on-surface-var:#c2c9be;--md-outline:#8c9389;--md-outline-var:#424940;--md-primary:#80db80;--md-on-primary:#003a00;--md-primary-container:#1a5c1a;--md-on-primary-cont:#9cf69c;--md-secondary:#b7ccb3;--md-secondary-cont:#3c4e3a;--md-tertiary:#a0cfcf;--md-tertiary-cont:#1f4e4e;--md-error:#ffb4ab;--md-error-cont:#93000a;--md-on-error-cont:#ffdad6;--md-success:#6dcb87;--md-star:#fbbf24}[data-theme=sunset-red]{--md-surface:#1f1b16;--md-surface-1:#2e2a24;--md-surface-2:#35302a;--md-surface-3:#3c3730;--md-surface-variant:#4e4539;--md-on-surface:#ebe1d9;--md-on-surface-var:#d2c4b4;--md-outline:#9f8d7e;--md-outline-var:#4e4539;--md-primary:#ffb680;--md-on-primary:#4a2500;--md-primary-container:#6b3800;--md-on-primary-cont:#ffdcc2;--md-secondary:#e4bfa8;--md-secondary-cont:#5c3f2e;--md-tertiary:#c8ca84;--md-tertiary-cont:#474610;--md-error:#ffb4ab;--md-error-cont:#93000a;--md-on-error-cont:#ffdad6;--md-success:#81c995;--md-star:#fcd34d}[data-theme=github-dark]{--md-surface:#0d1117;--md-surface-1:#161b22;--md-surface-2:#21262d;--md-surface-3:#2d333b;--md-surface-variant:#30363d;--md-on-surface:#e6edf3;--md-on-surface-var:#adbac7;--md-outline:#768390;--md-outline-var:#30363d;--md-primary:#2f81f7;--md-on-primary:#fff;--md-primary-container:#1f4b8e;--md-on-primary-cont:#cae8ff;--md-secondary:#adbac7;--md-secondary-cont:#2d333b;--md-tertiary:#bc8cff;--md-tertiary-cont:#271052;--md-error:#f47067;--md-error-cont:#3c0014;--md-on-error-cont:#ffd7d5;--md-success:#3fb950;--md-star:#d29922;--md-elev-1:0 1px 0 #00000080;--md-elev-2:0 3px 6px #0006,0 1px 2px #0000004d;--md-elev-3:0 8px 24px #0006,0 2px 6px #0000004d;--md-elev-4:0 16px 32px #0006,0 4px 8px #0000004d}[data-theme=daylight]{--md-surface:#fffbfe;--md-surface-1:#f4eff4;--md-surface-2:#ede8f0;--md-surface-3:#e7e0eb;--md-surface-variant:#e7e0eb;--md-on-surface:#1c1b1f;--md-on-surface-var:#49454f;--md-outline:#79747e;--md-outline-var:#cac4d0;--md-primary:#6750a4;--md-on-primary:#fff;--md-primary-container:#eaddff;--md-on-primary-cont:#21005d;--md-secondary:#625b71;--md-secondary-cont:#e8def8;--md-tertiary:#7d5260;--md-tertiary-cont:#ffd8e4;--md-error:#b3261e;--md-error-cont:#f9dedc;--md-on-error-cont:#410002;--md-success:#2d7a3a;--md-star:#d97706;--md-elev-1:0 1px 2px #0000001a,0 1px 3px 1px #00000012;--md-elev-2:0 1px 2px #0000001a,0 2px 6px 2px #00000012;--md-elev-3:0 4px 8px 3px #00000012,0 1px 3px #0000001a}[data-theme=mint-fresh]{--md-surface:#f4fbf4;--md-surface-1:#e8f5e9;--md-surface-2:#dff0e0;--md-surface-3:#d5ebd6;--md-surface-variant:#dce5db;--md-on-surface:#191c19;--md-on-surface-var:#404941;--md-outline:#707972;--md-outline-var:#c0c9c0;--md-primary:#1b6e35;--md-on-primary:#fff;--md-primary-container:#9cf69c;--md-on-primary-cont:#002106;--md-secondary:#4e6950;--md-secondary-cont:#d1ebd1;--md-tertiary:#3b6470;--md-tertiary-cont:#beeaf5;--md-error:#ba1a1a;--md-error-cont:#ffdad6;--md-on-error-cont:#410002;--md-success:#1b6e35;--md-star:#d97706;--md-elev-1:0 1px 2px #00000014,0 1px 3px 1px #0000000d;--md-elev-2:0 1px 2px #00000014,0 2px 6px 2px #0000000d;--md-elev-3:0 4px 8px 3px #0000000d,0 1px 3px #00000014}[data-theme=desktop-mode]{--md-surface:#d8ebff;--md-surface-1:#eef6ff;--md-surface-2:#f8fbff;--md-surface-3:#c2defc;--md-surface-variant:#7cb2e6;--md-on-surface:#112642;--md-on-surface-var:#39567c;--md-outline:#55779f;--md-outline-var:#2a518257;--md-primary:#1b7cff;--md-on-primary:#fff;--md-primary-container:#a6d0ff;--md-on-primary-cont:#082447;--md-secondary:#3b8f6d;--md-secondary-cont:#cfeedd;--md-tertiary:#ffb347;--md-tertiary-cont:#ffe2b6;--md-error:#e85d75;--md-error-cont:#ffd7de;--md-on-error-cont:#591221;--md-success:#2f9d67;--md-star:#ffb01f;--md-elev-1:0 2px 0 #1126422e,0 6px 16px #1d3c641f;--md-elev-2:0 3px 0 #1126422e,0 10px 22px #1d3c6429;--md-elev-3:0 4px 0 #11264233,0 18px 34px #1d3c6433;--md-elev-4:0 6px 0 #11264238,0 26px 48px #1d3c6438;--desktop-wallpaper:radial-gradient(circle at 72% 32%,#cf832bfa 0 20%,#cf832b00 56%),radial-gradient(circle at 58% 46%,#8a1754e0 0 18%,#8a175400 52%),linear-gradient(135deg,#8a1754 0 34%,#cf832b 68% 100%);--app-bg:linear-gradient(180deg,#8a1754,#8a1754 28%,#cf832b)}[data-theme=desktop-dark]{--md-surface:#1e1e1e;--md-surface-1:#252526;--md-surface-2:#2d2d30;--md-surface-3:#3e3e42;--md-surface-variant:#3e3e42;--md-on-surface:#ccc;--md-on-surface-var:#9e9e9e;--md-outline:#6e6e6e;--md-outline-var:#ffffff1f;--md-primary:#0078d4;--md-on-primary:#fff;--md-primary-container:#004578;--md-on-primary-cont:#b3d7ff;--md-secondary:#60cdff;--md-secondary-cont:#003d5c;--md-tertiary:#ffb900;--md-tertiary-cont:#5c4200;--md-error:#ff6b6b;--md-error-cont:#4a0000;--md-on-error-cont:#ffb3b3;--md-success:#6ccb5f;--md-star:#ffb900;--md-elev-1:0 2px 8px #0006;--md-elev-2:0 4px 16px #00000073;--md-elev-3:0 8px 24px #00000080;--md-elev-4:0 16px 40px #0000008c;--desktop-wallpaper:linear-gradient(135deg,#0078d4,#00bcf2 50%,#005a9e);--app-bg:#1e1e1e}[data-theme=desktop-light]{--md-surface:#f3f3f3;--md-surface-1:#fff;--md-surface-2:#e8e8e8;--md-surface-3:#d4d4d4;--md-surface-variant:#e0e0e0;--md-on-surface:#1a1a1a;--md-on-surface-var:#5a5a5a;--md-outline:#8a8a8a;--md-outline-var:#0000001a;--md-primary:#0078d4;--md-on-primary:#fff;--md-primary-container:#d1e8ff;--md-on-primary-cont:#003a6a;--md-secondary:#0063b1;--md-secondary-cont:#d1e8ff;--md-tertiary:#ffb900;--md-tertiary-cont:#fff4cc;--md-error:#e81123;--md-error-cont:#fde7e9;--md-on-error-cont:#6e0811;--md-success:#107c10;--md-star:#ffb900;--md-elev-1:0 2px 4px #00000014,0 0 1px #0000000f;--md-elev-2:0 4px 12px #0000001a,0 0 1px #0000000f;--md-elev-3:0 8px 24px #0000001f,0 0 1px #0000000f;--md-elev-4:0 16px 40px #00000024,0 0 1px #0000000f;--desktop-wallpaper:linear-gradient(135deg,#0078d4,#00bcf2 50%,#005a9e);--app-bg:#f3f3f3}[data-theme=daylight],[data-theme=mint-fresh]{--note-paper:#fcfaf4;--note-paper-line:#6750a41f;--note-paper-margin:#6750a424;--note-paper-edge:#fff9;--note-ink:#1e2430;--note-muted:#758095;--note-shadow:0 22px 34px #0000002e,inset 0 1px 0 #ffffff8c}#root,body,html{-webkit-font-smoothing:antialiased;background:#1c1b1f;background:var(--app-bg,var(--md-surface));color:#e6e1e5;color:var(--md-on-surface);font-family:Inter,sans-serif;font-family:var(--md-font);height:100%;transition:background .3s,color .3s}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#49454f;background:var(--md-outline-var);border-radius:2px}button{cursor:pointer}button,input,textarea{border:none;font-family:Inter,sans-serif;font-family:var(--md-font);outline:none}.md-ripple{overflow:hidden;position:relative}.md-ripple:after{background:currentColor;border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.md-ripple:hover:after{opacity:.08}.md-ripple:active:after{opacity:.14}.app{flex-direction:column;height:100vh}.app,.app-body{display:flex;overflow:hidden}.app-body{flex:1 1}.desktop-mode-app{background:var(--app-bg);color:#e6e1e5;color:var(--md-on-surface);height:100vh;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.desktop-pixel-clouds,.desktop-pixel-ground,.desktop-pixel-hills,.desktop-wallpaper{inset:0;pointer-events:none;position:absolute}.desktop-wallpaper{background:radial-gradient(circle at 66% 42%,#8a17548f,#0000 28%),radial-gradient(circle at 50% 48%,#cf832b2e,#0000 32%),var(--desktop-wallpaper);background-position:50%;background-size:cover}.desktop-mode-app.win10 .desktop-wallpaper{background:var(--desktop-wallpaper);background-position:50%;background-size:cover;filter:none;image-rendering:auto}.desktop-pixel-clouds{animation:desktop-cloud-drift 22s linear infinite;background:radial-gradient(circle at 14% 14%,#ffffffeb 0 4.5%,#0000 4.8%),radial-gradient(circle at 22% 18%,#ffffffd1 0 3.8%,#0000 4.1%),radial-gradient(circle at 77% 12%,#ffffffeb 0 4.8%,#0000 5.1%),radial-gradient(circle at 83% 16%,#ffffffd1 0 3.7%,#0000 4%);filter:drop-shadow(0 12px 0 rgba(255,255,255,.08));opacity:.9}.desktop-pixel-hills{background:linear-gradient(180deg,#0000 0 42%,#23684a1a 42% 100%);height:46%;inset:auto 0 52px}.desktop-pixel-hills:after,.desktop-pixel-hills:before{background-repeat:no-repeat;content:"";height:100%;image-rendering:pixelated;inset:auto 0 0;position:absolute}.desktop-pixel-hills:before{background:linear-gradient(135deg,#0000 30%,#5fa262 30% 70%,#0000 70%) 0 100% /44% 82% no-repeat,linear-gradient(135deg,#0000 34%,#6db36f 34% 70%,#0000 70%) bottom /56% 88% no-repeat,linear-gradient(135deg,#0000 30%,#4e8e56 30% 70%,#0000 70%) 100% 100% /40% 76% no-repeat;opacity:.9}.desktop-pixel-hills:after{background:linear-gradient(180deg,#0000 0 62%,#254b32 62% 70%,#2c5939 70% 100%),repeating-linear-gradient(90deg,#0000000f 0 16px,#0000 16px 32px);mix-blend-mode:multiply}.desktop-pixel-ground{background:repeating-linear-gradient(90deg,#0000001a 0 18px,#0000 18px 36px),linear-gradient(180deg,#47844d00,#47844d33 12%,#336742 0,#336742 38%,#20472d 0,#20472d);height:124px;inset:auto 0 0}.desktop-icons{inset:0;pointer-events:none;position:absolute;z-index:2}.desktop-icon{align-items:center;background:#0000;border-radius:6px;color:#fff;display:flex;flex-direction:column;gap:6px;padding:8px 6px;pointer-events:auto;position:absolute;text-shadow:0 1px 3px #0009;touch-action:none;transition:background .14s ease;width:80px}.desktop-icon:focus-visible,.desktop-icon:hover{background:#ffffff24}.desktop-icon.selected{background:#ffffff38;outline:1px solid #ffffff4d}.desktop-icon-badge{align-items:center;background:#ffffff1f;border:none;border-radius:8px;box-shadow:none;color:inherit;display:inline-flex;height:44px;justify-content:center;width:44px}.desktop-icon span:last-child{font-size:11px;font-weight:500;line-height:1.2;max-width:72px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.desktop-window-layer{inset:0;pointer-events:none;position:absolute;z-index:3}.desktop-window{animation:desktop-window-in .2s cubic-bezier(.16,1,.3,1);background:#2b2930;background:var(--md-surface-1);border:1px solid #49454f;border:1px solid var(--md-outline-var);border-radius:8px;box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d;box-shadow:var(--md-elev-3);display:flex;flex-direction:column;min-height:200px;min-width:320px;overflow:hidden;pointer-events:auto;position:absolute;transform-origin:top center}.desktop-window.focused{border-color:#d0bcff;border-color:var(--md-primary);box-shadow:0 6px 10px 4px #00000026,0 2px 3px #0000004d;box-shadow:var(--md-elev-4)}.desktop-window.maximized{border:none;border-radius:0}.desktop-window-titlebar{align-items:center;background:#2b2930;background:var(--md-surface-1);border-bottom:1px solid #49454f;border-bottom:1px solid var(--md-outline-var);cursor:grab;display:flex;flex-shrink:0;gap:8px;height:32px;justify-content:space-between;padding:0 0 0 10px;touch-action:none}.desktop-window.focused .desktop-window-titlebar{background:#1c1b1f;background:var(--md-surface)}.desktop-window-title{align-items:center;color:#e6e1e5;color:var(--md-on-surface);display:flex;font-size:12px;font-weight:500;gap:8px;min-width:0}.desktop-window-title span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-window-actions{align-items:center;display:flex;gap:0;height:100%}.desktop-window-btn{align-items:center;background:#0000;border:none;border-radius:0;color:#cac4d0;color:var(--md-on-surface-var);display:inline-flex;height:100%;justify-content:center;transition:background .12s ease,color .12s ease;width:46px}.desktop-window-btn:hover{background:#49454f;background:var(--md-surface-variant);color:#e6e1e5;color:var(--md-on-surface)}.desktop-window-btn.win-close:hover{background:#e81123;color:#fff}.desktop-window-content{background:#1c1b1f;background:var(--md-surface);flex:1 1;min-height:0;overflow:hidden;-webkit-user-select:auto;user-select:auto}.desktop-window-content>*{height:100%;overflow-y:auto}.desktop-taskbar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e1e1ee0;border-radius:0;border-top:1px solid #ffffff14;bottom:0;display:flex;gap:0;height:48px;left:0;padding:0;position:absolute;right:0;z-index:5}.desktop-mode-app.classic .desktop-taskbar{background:linear-gradient(180deg,#f3f9ffe0,#d8e9fbd1);border:1px solid #ffffffb8;border-radius:16px;bottom:14px;box-shadow:0 8px 0 #11264224,0 20px 36px #1126422e;gap:4px;height:52px;left:18px;padding:4px 8px;right:18px}[data-theme=desktop-light] .desktop-taskbar{background:#f3f3f3e0;border-top-color:#00000014}.desktop-start-wrap{height:100%;position:relative}.desktop-start-button{align-items:center;background:#0000;color:#fff;display:inline-flex;height:100%;justify-content:center;transition:background .14s ease;width:48px}.desktop-start-button:hover{background:#ffffff1a}.desktop-mode-app.classic .desktop-start-button{background:linear-gradient(135deg,#1b7cff,#53cfff);border-radius:12px;color:#fff;font-size:13px;font-weight:700;gap:8px;padding:0 14px;width:auto}[data-theme=desktop-light] .desktop-start-button{color:#1a1a1a}[data-theme=desktop-light] .desktop-start-button:hover{background:#0000000f}.desktop-taskbar-apps{align-items:center;display:flex;flex:1 1;gap:2px;height:100%;justify-content:center;min-width:0;overflow-x:auto;overflow-y:hidden}.desktop-mode-app.classic .desktop-taskbar-apps{gap:4px;justify-content:flex-start}.desktop-taskbar-item{align-items:center;background:#0000;border:none;color:#ffffffb3;display:inline-flex;height:100%;justify-content:center;position:relative;transition:background .14s ease,color .14s ease;width:44px}.desktop-taskbar-item:hover{background:#ffffff1a;color:#fff}.desktop-taskbar-item.open{color:#fff}.desktop-taskbar-item.open:after{background:#ffffff80;border-radius:2px;bottom:2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:6px}.desktop-taskbar-item.active{background:#ffffff1f;color:#fff}.desktop-taskbar-item.active:after{background:#d0bcff;background:var(--md-primary);width:18px}.desktop-mode-app.classic .desktop-taskbar-item{border-radius:10px;color:#234264;font-size:13px;font-weight:600;gap:6px;padding:0 12px;width:auto}.desktop-mode-app.classic .desktop-taskbar-item:hover{background:#1b7cff14}.desktop-mode-app.classic .desktop-taskbar-item.open{background:#ffffff8c}.desktop-mode-app.classic .desktop-taskbar-item.active{background:#1b7cff24;box-shadow:inset 0 -3px 0 #1b7cff;color:#1357b2}.desktop-mode-app.classic .desktop-taskbar-item:after{display:none}[data-theme=desktop-light] .desktop-taskbar-item{color:#1a1a1aa6}[data-theme=desktop-light] .desktop-taskbar-item:hover{background:#0000000d;color:#1a1a1a}[data-theme=desktop-light] .desktop-taskbar-item.open{color:#1a1a1a}[data-theme=desktop-light] .desktop-taskbar-item.open:after{background:#00000059}[data-theme=desktop-light] .desktop-taskbar-item.active{background:#0000000f;color:#1a1a1a}.desktop-system-tray{align-items:center;display:flex;gap:2px;height:100%;margin-left:auto;padding-right:8px}.desktop-tray-btn{align-items:center;background:#0000;border-radius:4px;color:#ffffffb3;display:inline-flex;height:36px;justify-content:center;transition:background .12s ease,color .12s ease;width:36px}.desktop-tray-btn:hover{background:#ffffff1a;color:#fff}[data-theme=desktop-light] .desktop-tray-btn{color:#1a1a1aa6}[data-theme=desktop-light] .desktop-tray-btn:hover{background:#0000000d;color:#1a1a1a}.desktop-clock{align-items:center;background:#0000;border-radius:4px;color:#ffffffd9;display:flex;flex-direction:column;font-size:11px;justify-content:center;line-height:1.3;min-width:80px;padding:4px 10px;transition:background .12s ease}.desktop-clock:hover{background:#ffffff14}.desktop-clock strong{font-size:12px;font-weight:500}.desktop-clock span{font-size:10px;opacity:.7}.desktop-mode-app.classic .desktop-clock{background:#ffffff7a;border-radius:12px;color:#29486c;padding:4px 14px}[data-theme=desktop-light] .desktop-clock{color:#1a1a1ad9}[data-theme=desktop-light] .desktop-clock:hover{background:#0000000a}.desktop-start-menu{animation:desktop-window-in .18s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#2c2c2cf5;border:1px solid #ffffff1a;border-radius:8px;bottom:calc(100% + 4px);box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;left:0;max-height:560px;overflow:hidden;position:absolute;width:380px}.desktop-mode-app.classic .desktop-start-menu{background:linear-gradient(180deg,#f3f9fffa,#e0ecfcfa);border-color:#ffffffbf;border-radius:18px;bottom:calc(100% + 10px);box-shadow:0 10px 0 #11264224,0 28px 44px #1126423d}[data-theme=desktop-light] .desktop-start-menu{background:#f3f3f3f5;border-color:#00000014;box-shadow:0 8px 32px #0003}.desktop-start-header{border-bottom:1px solid #ffffff0f;padding:12px 14px}.desktop-mode-app.classic .desktop-start-header{background:linear-gradient(135deg,#1b7cfff0,#57c1ffe0);border-bottom:none;color:#fff;padding:14px 16px}[data-theme=desktop-light] .desktop-start-header{border-bottom-color:#0000000d}.desktop-start-search{align-items:center;background:#ffffff14;border-radius:6px;color:#ffffff80;display:flex;gap:8px;padding:8px 12px}.desktop-start-search input{background:#0000;border:none;color:#fff;flex:1 1;font-size:13px}.desktop-start-search input::placeholder{color:#fff6}[data-theme=desktop-light] .desktop-start-search{background:#0000000d;color:#0006}[data-theme=desktop-light] .desktop-start-search input{color:#1a1a1a}[data-theme=desktop-light] .desktop-start-search input::placeholder{color:#00000059}.desktop-start-pinned{padding:10px 14px 6px}.desktop-start-tiles{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr)}.desktop-start-tile{align-items:center;background:#0000;border-radius:6px;color:#ffffffd9;display:flex;flex-direction:column;font-size:11px;font-weight:500;gap:6px;justify-content:center;padding:14px 4px;transition:background .12s ease}.desktop-start-tile:hover{background:#ffffff1a}[data-theme=desktop-light] .desktop-start-tile{color:#1a1a1a}[data-theme=desktop-light] .desktop-start-tile:hover{background:#0000000d}.desktop-start-section{padding:6px 14px}.desktop-start-label{color:#ffffff73;font-size:11px;font-weight:600;letter-spacing:.04em;padding:2px 4px 6px;text-transform:uppercase}.desktop-mode-app.classic .desktop-start-label{color:#4a6a91}[data-theme=desktop-light] .desktop-start-label{color:#0006}.desktop-start-item{align-items:center;background:#0000;border-radius:6px;color:#ffffffd9;display:flex;font-size:13px;font-weight:500;gap:10px;padding:9px 10px;transition:background .12s ease;width:100%}.desktop-start-item.active,.desktop-start-item:hover{background:#ffffff1a}.desktop-start-item.active{color:#d0bcff;color:var(--md-primary)}.desktop-mode-app.classic .desktop-start-item{border-radius:12px;color:#20415f;font-weight:700;padding:11px 12px}.desktop-mode-app.classic .desktop-start-item.active,.desktop-mode-app.classic .desktop-start-item:hover{background:#1b7cff24;color:#0f56b3}[data-theme=desktop-light] .desktop-start-item{color:#1a1a1a}[data-theme=desktop-light] .desktop-start-item.active,[data-theme=desktop-light] .desktop-start-item:hover{background:#0000000d}.desktop-theme-preview{border-radius:999px;box-shadow:0 0 0 2px #ffffff1f;height:14px;width:14px}[data-theme=desktop-light] .desktop-theme-preview{box-shadow:0 0 0 2px #0000001a}.desktop-start-footer{align-items:center;border-top:1px solid #ffffff0f;display:flex;justify-content:space-between;margin-top:auto;padding:8px 14px 10px}[data-theme=desktop-light] .desktop-start-footer{border-top-color:#0000000d}.desktop-start-user{align-items:center;color:#ffffffd9;display:flex;font-size:13px;font-weight:500;gap:10px}[data-theme=desktop-light] .desktop-start-user{color:#1a1a1a}.desktop-personalize-overlay{align-items:center;animation:desktop-window-in .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.desktop-personalize-panel{background:#2b2930;background:var(--md-surface-1);border:1px solid #49454f;border:1px solid var(--md-outline-var);border-radius:8px;box-shadow:0 6px 10px 4px #00000026,0 2px 3px #0000004d;box-shadow:var(--md-elev-4);display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:480px}.desktop-personalize-header{align-items:center;background:#1c1b1f;background:var(--md-surface);border-bottom:1px solid #49454f;border-bottom:1px solid var(--md-outline-var);color:#e6e1e5;color:var(--md-on-surface);display:flex;font-size:13px;font-weight:600;gap:8px;height:40px;padding:0 6px 0 14px}.desktop-personalize-close{align-items:center;background:#0000;border-radius:4px;color:#cac4d0;color:var(--md-on-surface-var);display:inline-flex;height:34px;justify-content:center;margin-left:auto;transition:background .12s ease;width:34px}.desktop-personalize-close:hover{background:#e81123;color:#fff}.desktop-personalize-body{overflow-y:auto;padding:16px}.desktop-personalize-label{color:#cac4d0;color:var(--md-on-surface-var);font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:10px;text-transform:uppercase}.desktop-personalize-label+.desktop-personalize-label{margin-top:18px}.desktop-personalize-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.desktop-wallpaper-preset{align-items:flex-end;aspect-ratio:16/10;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding-bottom:6px;transition:border-color .12s ease,transform .12s ease}.desktop-wallpaper-preset span{color:#fffc;font-size:10px;font-weight:600;text-shadow:0 1px 3px #00000080}.desktop-wallpaper-preset:hover{transform:scale(1.04)}.desktop-wallpaper-preset.active{border-color:#d0bcff;border-color:var(--md-primary);box-shadow:0 0 0 2px #d0bcff;box-shadow:0 0 0 2px var(--md-primary)}.desktop-upload-btn{align-items:center;background:#d0bcff;background:var(--md-primary);border-radius:6px;color:#381e72;color:var(--md-on-primary);display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:opacity .12s ease;width:100%}.desktop-upload-btn:hover{opacity:.9}[data-theme=desktop-light] .desktop-icon{color:#1a1a1a;text-shadow:0 1px 3px #fff9}[data-theme=desktop-light] .desktop-icon.selected,[data-theme=desktop-light] .desktop-icon:hover{background:#00000014}[data-theme=desktop-light] .desktop-icon.selected{outline-color:#00000026}.desktop-window-content .dashboard-wrap,.desktop-window-content .expense-app,.desktop-window-content .leaderboard-page,.desktop-window-content .notebooks-app,.desktop-window-content .pomodoro-app,.desktop-window-content .profile-page,.desktop-window-content .settings-page,.desktop-window-content .upcoming-page{height:100%;overflow-y:auto}.desktop-mode-app .sidebar-overlay,.desktop-mode-app .topbar{display:none}.topbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:color-mix(in srgb,#2b2930 60%,#0000);background:color-mix(in srgb,var(--md-surface-1) 60%,#0000);box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;box-shadow:var(--md-elev-1);flex-shrink:0;gap:4px;height:64px;padding:0 16px 0 4px;position:relative;z-index:100}.topbar,.topbar-logo{align-items:center;display:flex}.topbar-logo{color:#e6e1e5;color:var(--md-on-surface);font-family:Outfit,sans-serif;font-family:var(--md-font-display);font-size:24px;font-weight:600;gap:8px;letter-spacing:0;padding:0 8px}.topbar-spacer{flex:1 1}.topbar-actions{gap:4px}.btn-icon,.topbar-actions{align-items:center;display:flex}.btn-icon{background:#0000;border-radius:9999px;border-radius:var(--md-shape-full);color:#cac4d0;color:var(--md-on-surface-var);height:40px;justify-content:center;overflow:hidden;position:relative;transition:background .2s,color .2s;width:40px}.btn-icon:after{background:currentColor;border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.btn-icon:hover{color:#e6e1e5;color:var(--md-on-surface)}.btn-icon:hover:after{opacity:.08}.btn-icon:active:after{opacity:.14}.btn{align-items:center;border-radius:9999px;border-radius:var(--md-shape-full);display:inline-flex;font-size:14px;font-weight:500;gap:8px;letter-spacing:.1px;overflow:hidden;padding:10px 24px;position:relative;transition:box-shadow .2s,background .2s;white-space:nowrap}.btn:after{background:currentColor;border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.btn:hover:after{opacity:.08}.btn:active:after{opacity:.14}.btn-primary{background:linear-gradient(135deg,#d0bcff,#efb8c8);background:linear-gradient(135deg,var(--md-primary),var(--md-tertiary));box-shadow:0 4px 14px 0 color-mix(in srgb,#d0bcff 40%,#0000);box-shadow:0 4px 14px 0 color-mix(in srgb,var(--md-primary) 40%,#0000);color:#381e72;color:var(--md-on-primary);justify-content:center;padding:10px 24px;width:100%}.btn-primary:hover{box-shadow:0 6px 20px 0 color-mix(in srgb,#d0bcff 60%,#0000);box-shadow:0 6px 20px 0 color-mix(in srgb,var(--md-primary) 60%,#0000);transform:translateY(-1px)}.btn-primary:active{box-shadow:none;transform:translateY(0)}.btn-outline{background:#4a4458;background:var(--md-secondary-cont);border:none;color:#e6e1e5;color:var(--md-on-surface);justify-content:center;padding:10px 24px;width:100%}.btn-outline:hover{box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;box-shadow:var(--md-elev-1)}.btn-ghost{background:#0000;color:#d0bcff;color:var(--md-primary);padding:10px 12px}.btn-danger{background:#0000;border-radius:9999px;border-radius:var(--md-shape-full);color:#f2b8b5;color:var(--md-error);font-size:12px;font-weight:500;padding:6px 12px}.btn-danger:hover{background:color-mix(in srgb,#f2b8b5 12%,#0000);background:color-mix(in srgb,var(--md-error) 12%,#0000)}.add-work-btn{align-items:center;background:#312f36;background:var(--md-surface-2);border:2px dashed #49454f;border:2px dashed var(--md-outline-var);border-radius:16px;border-radius:var(--md-shape-lg);color:#938f99;color:var(--md-outline);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--md-font);font-size:14px;font-weight:500;gap:8px;justify-content:center;min-height:90px;padding:18px;transition:all .2s}.add-work-btn:hover{background:color-mix(in srgb,#d0bcff 8%,#312f36);background:color-mix(in srgb,var(--md-primary) 8%,var(--md-surface-2));border-color:#d0bcff;border-color:var(--md-primary);color:#d0bcff;color:var(--md-primary)}.theme-picker{position:relative}.theme-menu{background:#312f36;background:var(--md-surface-2);border:1px solid #49454f;border:1px solid var(--md-outline-var);border-radius:12px;border-radius:var(--md-shape-md);box-shadow:0 6px 10px 4px #00000026,0 2px 3px #0000004d;box-shadow:var(--md-elev-4);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:200}.theme-option{align-items:center;background:#0000;color:#e6e1e5;color:var(--md-on-surface);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--md-font);font-size:14px;gap:12px;overflow:hidden;padding:12px 16px;position:relative;text-align:left;transition:background .15s;width:100%}.theme-option:after{background:currentColor;content:"";inset:0;opacity:0;position:absolute;transition:opacity .15s}.theme-option:hover:after{opacity:.08}.theme-option.active{color:#d0bcff;color:var(--md-primary)}.theme-option.active:before{content:"✓";font-size:13px;margin-left:auto;order:999}.theme-dot{border:2px solid #0000;border-radius:50%;box-shadow:0 0 0 1.5px #938f99;box-shadow:0 0 0 1.5px var(--md-outline);flex-shrink:0;height:20px;width:20px}.user-menu{position:relative}.user-avatar{align-items:center;background:#4f378b;background:var(--md-primary-container);border:none;border-radius:9999px;border-radius:var(--md-shape-full);color:#eaddff;color:var(--md-on-primary-cont);cursor:pointer;display:flex;font-size:13px;font-weight:600;height:36px;justify-content:center;transition:box-shadow .2s;width:36px}.user-avatar:hover{box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;box-shadow:var(--md-elev-1)}.user-dropdown{background:#312f36;background:var(--md-surface-2);border:1px solid #49454f;border:1px solid var(--md-outline-var);border-radius:12px;border-radius:var(--md-shape-md);box-shadow:0 6px 10px 4px #00000026,0 2px 3px #0000004d;box-shadow:var(--md-elev-4);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:200}.user-info{border-bottom:1px solid #49454f;border-bottom:1px solid var(--md-outline-var);padding:16px}.user-name{font-size:14px;font-weight:500;margin-bottom:2px}.user-email{color:#938f99;color:var(--md-outline);font-size:12px}.dropdown-item{align-items:center;background:#0000;color:#e6e1e5;color:var(--md-on-surface);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--md-font);font-size:14px;gap:12px;overflow:hidden;padding:12px 16px;position:relative;text-align:left;transition:background .15s;width:100%}.dropdown-item:after{background:currentColor;content:"";inset:0;opacity:0;position:absolute;transition:opacity .15s}.dropdown-item:hover:after{opacity:.08}.dropdown-item.danger{color:#f2b8b5;color:var(--md-error)}.auth-screen{align-items:center;background:radial-gradient(circle at top left,color-mix(in srgb,#d0bcff 18%,#0000),#0000 34%),radial-gradient(circle at bottom right,color-mix(in srgb,#efb8c8 14%,#0000),#0000 32%),#1c1b1f;background:radial-gradient(circle at top left,color-mix(in srgb,var(--md-primary) 18%,#0000),#0000 34%),radial-gradient(circle at bottom right,color-mix(in srgb,var(--md-tertiary) 14%,#0000),#0000 32%),var(--app-bg,var(--md-surface));display:flex;flex:1 1;justify-content:center;padding:32px}.auth-shell{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:minmax(280px,1.05fr) minmax(360px,460px);min-height:min(720px,calc(100vh - 64px));width:min(1040px,100%)}.auth-hero,.auth-panel{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:color-mix(in srgb,#2b2930 82%,#0000);background:color-mix(in srgb,var(--md-surface-1) 82%,#0000);border:1px solid color-mix(in srgb,#938f99 16%,#0000);border:1px solid color-mix(in srgb,var(--md-outline) 16%,#0000);box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d;box-shadow:var(--md-elev-3)}.auth-hero{border-radius:32px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:40px;position:relative}.auth-hero:before{background:color-mix(in srgb,#d0bcff 20%,#0000);background:color-mix(in srgb,var(--md-primary) 20%,#0000);border-radius:50%;content:"";filter:blur(24px);height:240px;inset:auto -15% -20% auto;pointer-events:none;position:absolute;width:240px}.auth-badge{align-items:center;background:color-mix(in srgb,#d0bcff 10%,#0000);background:color-mix(in srgb,var(--md-primary) 10%,#0000);border:1px solid color-mix(in srgb,#d0bcff 30%,#0000);border:1px solid color-mix(in srgb,var(--md-primary) 30%,#0000);border-radius:999px;color:#e6e1e5;color:var(--md-on-surface);display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.08em;padding:8px 14px;text-transform:uppercase;width:fit-content}.auth-hero-title{font-family:Outfit,sans-serif;font-family:var(--md-font-display);font-size:clamp(36px,5vw,62px);letter-spacing:-.04em;line-height:.96;margin-top:28px;max-width:10ch}.auth-hero-copy{color:#cac4d0;color:var(--md-on-surface-var);font-size:16px;line-height:1.7;margin-top:18px;max-width:34rem}.auth-feature-list{grid-gap:14px;display:grid;gap:14px;margin-top:36px}.auth-feature-item{align-items:flex-start;background:color-mix(in srgb,#312f36 72%,#0000);background:color-mix(in srgb,var(--md-surface-2) 72%,#0000);border-radius:18px;color:#cac4d0;color:var(--md-on-surface-var);display:flex;gap:12px;line-height:1.55;padding:14px 16px}.auth-feature-item svg{color:#d0bcff;color:var(--md-primary);flex-shrink:0;margin-top:2px}.auth-panel{border-radius:28px;display:flex;flex-direction:column;justify-content:center;padding:28px}.auth-title{color:#e6e1e5;color:var(--md-on-surface);font-size:30px;font-weight:600;letter-spacing:-.03em}.auth-sub{color:#cac4d0;color:var(--md-on-surface-var);font-size:14px;line-height:1.5;margin-top:8px}.auth-panel-header{grid-gap:18px;display:grid;gap:18px;margin-bottom:24px}.auth-mode-switch{grid-gap:4px;background:color-mix(in srgb,#312f36 88%,#0000);background:color-mix(in srgb,var(--md-surface-2) 88%,#0000);border:1px solid #49454f;border:1px solid var(--md-outline-var);border-radius:16px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);padding:4px}.auth-mode-pill{background:#0000;border-radius:12px;color:#938f99;color:var(--md-outline);font-size:14px;font-weight:600;min-height:40px;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.auth-mode-pill.active{background:color-mix(in srgb,#d0bcff 16%,#0000);background:color-mix(in srgb,var(--md-primary) 16%,#0000);box-shadow:inset 0 0 0 1px color-mix(in srgb,#d0bcff 36%,#0000);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-primary) 36%,#0000);color:#e6e1e5;color:var(--md-on-surface)}.auth-widget{background:color-mix(in srgb,#1c1b1f 55%,#2b2930);background:color-mix(in srgb,var(--md-surface) 55%,var(--md-surface-1));border:1px solid color-mix(in srgb,#938f99 14%,#0000);border:1px solid color-mix(in srgb,var(--md-outline) 14%,#0000);border-radius:22px;padding:22px}.auth-social-button{background:#312f36;background:var(--md-surface-2);border:1px solid #49454f;border:1px solid var(--md-outline-var);border-radius:14px;gap:10px;justify-content:center;min-height:48px}.auth-social-button svg{flex-shrink:0}.auth-input{background:#312f36;background:var(--md-surface-2);border:1px solid #49454f;border:1px solid var(--md-outline-var);border-radius:14px;color:#e6e1e5;color:var(--md-on-surface);font-size:15px;margin-bottom:12px;min-height:48px;padding:0 16px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.auth-input::placeholder{color:#938f99;color:var(--md-outline)}.auth-input:focus{background:color-mix(in srgb,#312f36 82%,#fff);background:color-mix(in srgb,var(--md-surface-2) 82%,#fff);border-color:color-mix(in srgb,#d0bcff 70%,#fff);border-color:color-mix(in srgb,var(--md-primary) 70%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,#d0bcff 18%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--md-primary) 18%,#0000)}.auth-error,.auth-success{border-radius:14px;font-size:13px;line-height:1.55;margin-bottom:12px;padding:12px 14px}.auth-error{background:color-mix(in srgb,#f2b8b5 12%,#0000);background:color-mix(in srgb,var(--md-error) 12%,#0000);border:1px solid color-mix(in srgb,#f2b8b5 28%,#0000);border:1px solid color-mix(in srgb,var(--md-error) 28%,#0000);color:#f2b8b5;color:var(--md-error)}.auth-success{background:color-mix(in srgb,#81c995 12%,#0000);background:color-mix(in srgb,var(--md-success) 12%,#0000);border:1px solid color-mix(in srgb,#81c995 28%,#0000);border:1px solid color-mix(in srgb,var(--md-success) 28%,#0000);color:#81c995;color:var(--md-success)}.auth-inline-action,.auth-inline-center{margin:4px 0 14px}.auth-inline-action{text-align:right}.auth-inline-center{text-align:center}.auth-inline-action button,.auth-inline-center button{background:#0000;color:#d0bcff;color:var(--md-primary);font-size:13px;font-weight:600;padding:0}.auth-submit-button{border-radius:14px;min-height:48px}.auth-loading,.auth-provider-error{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:320px;text-align:center}.auth-loading p,.auth-provider-error p{color:#cac4d0;color:var(--md-on-surface-var);font-size:14px;line-height:1.6}.auth-provider-error-title{color:#e6e1e5;color:var(--md-on-surface);font-size:18px;font-weight:600}.auth-divider{align-items:center;color:#938f99;color:var(--md-outline);display:flex;font-size:13px;font-weight:500;gap:12px;margin:22px 0 16px}.auth-divider:after,.auth-divider:before{background:#49454f;background:var(--md-outline-var);content:"";flex:1 1;height:1px}.auth-guest-button{background:color-mix(in srgb,#4a4458 78%,#312f36);background:color-mix(in srgb,var(--md-secondary-cont) 78%,var(--md-surface-2));border-radius:14px;font-weight:600;gap:10px;justify-content:center;min-height:48px}.auth-guest-label{align-items:center;background:color-mix(in srgb,#1c1b1f 35%,#0000);background:color-mix(in srgb,var(--md-surface) 35%,#0000);border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.06em;padding:4px 8px;text-transform:uppercase}.auth-guest-label,.auth-guest-note{color:#938f99;color:var(--md-outline)}.auth-guest-note{font-size:12px;line-height:1.6;margin-top:12px;text-align:center}.auth-form-stack{grid-gap:0;display:grid;gap:0}.work-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:color-mix(in srgb,#2b2930 80%,#0000);background:color-mix(in srgb,var(--md-surface-1) 80%,#0000);border:1px solid color-mix(in srgb,#938f99 20%,#0000);border:1px solid color-mix(in srgb,var(--md-outline) 20%,#0000);border-radius:28px;border-radius:var(--md-shape-xl);box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;box-shadow:var(--md-elev-1);cursor:pointer;overflow:hidden;padding:16px;position:relative;transform:translateZ(0);transition:box-shadow .3s,transform .3s,border-color .3s;will-change:transform,box-shadow}.work-card:after{background:#e6e1e5;background:var(--md-on-surface);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.work-card:hover{border-color:color-mix(in srgb,#d0bcff 40%,#0000);border-color:color-mix(in srgb,var(--md-primary) 40%,#0000);box-shadow:0 8px 24px -4px color-mix(in srgb,#d0bcff 15%,#0000);box-shadow:0 8px 24px -4px color-mix(in srgb,var(--md-primary) 15%,#0000);transform:translateY(-3px) scale(1.01)}.work-card:hover:after{opacity:.05}.work-card:active{box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;box-shadow:var(--md-elev-1);transform:translateY(0)}.work-card[data-stars="5"]{border-left:3px solid #fdd663;border-left:3px solid var(--md-star)}.work-card[data-stars="4"]{border-left:3px solid #d0bcff;border-left:3px solid var(--md-primary)}.work-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.work-card-title{font-size:16px;font-weight:500;line-height:1.35;word-break:break-word}.work-card-actions{display:flex;flex-shrink:0;gap:0;opacity:0;transition:opacity .15s}.work-card:hover .work-card-actions{opacity:1}.work-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.work-progress{color:#938f99;color:var(--md-outline);font-family:JetBrains Mono,monospace;font-family:var(--md-mono);font-size:12px}.stars{align-items:center;display:flex;gap:2px}.star{color:#49454f;color:var(--md-outline-var);cursor:pointer;font-size:16px;line-height:1;transition:color .15s,transform .15s}.star.active{color:#fdd663;color:var(--md-star)}.star:hover{transform:scale(1.2)}.star.readonly{cursor:default}.star.readonly:hover{transform:none}.dashboard{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow:hidden;padding:24px}.dashboard-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.dashboard-actions{align-items:center;display:flex;gap:12px}.dashboard-view-toggle{align-items:center;background:color-mix(in srgb,#2b2930 92%,#0000);background:color-mix(in srgb,var(--md-surface-1) 92%,#0000);border:1px solid color-mix(in srgb,#938f99 14%,#0000);border:1px solid color-mix(in srgb,var(--md-outline) 14%,#0000);border-radius:999px;display:inline-flex;gap:4px;padding:4px}.dashboard-view-btn{align-items:center;background:#0000;border:none;border-radius:999px;color:#938f99;color:var(--md-outline);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--md-font);font-size:12px;font-weight:600;gap:6px;padding:7px 12px;transition:background .2s,color .2s}.dashboard-view-btn.active{background:color-mix(in srgb,#d0bcff 15%,#0000);background:color-mix(in srgb,var(--md-primary) 15%,#0000);color:#d0bcff;color:var(--md-primary)}.dashboard-title,.dashboard-view-btn:hover{color:#e6e1e5;color:var(--md-on-surface)}.dashboard-title{font-size:22px;font-weight:400;letter-spacing:0}.dashboard-subtitle{color:#938f99;color:var(--md-outline);font-size:14px;margin-top:2px}.works-grid{grid-gap:12px;align-content:start;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));overflow:auto;padding:10px 12px 18px 4px}.works-grid-list{grid-template-columns:minmax(0,880px)}.works-grid-list .add-work-btn{justify-content:flex-start;min-height:74px}.work-card-list{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1.4fr) auto auto;padding:14px 16px}.work-card-list .work-card-header{margin-bottom:0;min-width:0}.work-card-list .work-card-footer{gap:10px;justify-content:flex-end;margin-top:0}.work-card-list .stars{justify-content:center;min-width:92px}.work-card-list .work-card-actions{opacity:1}.work-card-list .work-card-title{font-size:15px}.work-card-list .work-progress{white-space:nowrap}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:500}.modal{background:#312f36;background:var(--md-surface-2);border-radius:28px;border-radius:var(--md-shape-xl);box-shadow:0 6px 10px 4px #00000026,0 2px 3px #0000004d;box-shadow:var(--md-elev-4);max-width:420px;padding:24px;width:100%}.modal-title{font-size:20px;font-weight:500;letter-spacing:.15px;margin-bottom:16px}.modal-input,.modal-title{color:#e6e1e5;color:var(--md-on-surface)}.modal-input{background:#0000;border:1px solid #938f99;border:1px solid var(--md-outline);border-radius:4px;border-radius:var(--md-shape-xs);font-family:Inter,sans-serif;font-family:var(--md-font);font-size:16px;margin-bottom:14px;padding:14px 16px;transition:border-color .2s,border-width .1s;width:100%}.modal-input:focus{border-color:#d0bcff;border-color:var(--md-primary);border-width:2px;outline:none;padding:13px 15px}.modal-input::placeholder{color:#938f99;color:var(--md-outline)}.modal-label{color:#cac4d0;color:var(--md-on-surface-var);font-size:12px;font-weight:500;letter-spacing:.4px;margin-bottom:8px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}.modal-actions .btn{flex:0 0 auto;width:auto}.work-page{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.work-page-fullscreen{background:#1c1b1f;background:var(--md-surface)}.work-page-header{align-items:center;background:#2b2930;background:var(--md-surface-1);border-bottom:1px solid #49454f;border-bottom:1px solid var(--md-outline-var);box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;box-shadow:var(--md-elev-1);display:flex;flex-shrink:0;gap:8px;padding:12px 16px}.work-page-title{color:#e6e1e5;color:var(--md-on-surface);flex:1 1;font-size:18px;font-weight:400;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-page-body{display:flex;flex:1 1;overflow:hidden}.work-page-body-focus{gap:0}.tasks-panel{border-right:1px solid #49454f;border-right:1px solid var(--md-outline-var);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width .28s cubic-bezier(.2,0,0,1),border-color .2s,background .2s;width:340px}.tasks-panel-focus{background:color-mix(in srgb,#2b2930 92%,#0000);background:color-mix(in srgb,var(--md-surface-1) 92%,#0000);border-left:1px solid #49454f;border-left:1px solid var(--md-outline-var);border-right:none;order:2;width:320px}.panel-section{border-bottom:1px solid #49454f;border-bottom:1px solid var(--md-outline-var);padding:16px}.panel-section-title{align-items:center;color:#938f99;color:var(--md-outline);display:flex;font-size:11px;font-weight:600;justify-content:space-between;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.todo-item{align-items:center;background:#312f36;background:var(--md-surface-2);border-radius:12px;border-radius:var(--md-shape-md);display:flex;gap:12px;margin-bottom:6px;padding:12px;transition:background .15s}.todo-item:last-child{margin-bottom:0}.todo-check{align-items:center;background:#0000;border:2px solid #938f99;border:2px solid var(--md-outline);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s;width:20px}.todo-check:hover{background:color-mix(in srgb,#d0bcff 10%,#0000);background:color-mix(in srgb,var(--md-primary) 10%,#0000)}.todo-check.done,.todo-check:hover{border-color:#d0bcff;border-color:var(--md-primary)}.todo-check.done{background:#d0bcff;background:var(--md-primary)}.todo-text{flex:1 1;font-size:14px;line-height:1.4}.todo-text.done{color:#938f99;color:var(--md-outline);text-decoration:line-through}.todo-add-row{display:flex;gap:8px;margin-top:12px}.todo-add-input{background:#312f36;background:var(--md-surface-2);border:1px solid #938f99;border:1px solid var(--md-outline);border-radius:4px;border-radius:var(--md-shape-xs);color:#e6e1e5;color:var(--md-on-surface);flex:1 1;font-family:Inter,sans-serif;font-family:var(--md-font);font-size:14px;padding:10px 14px;transition:border-color .2s,border-width .1s}.todo-add-input:focus{border-color:#d0bcff;border-color:var(--md-primary);border-width:2px;outline:none;padding:9px 13px}.todo-add-input::placeholder,.todo-limit{color:#938f99;color:var(--md-outline)}.todo-limit{font-family:JetBrains Mono,monospace;font-family:var(--md-mono);font-size:11px}.history-section{flex:1 1;overflow-y:auto;padding:12px 16px}.history-item{align-items:center;background:#312f36;background:var(--md-surface-2);border-radius:12px;border-radius:var(--md-shape-md);display:flex;gap:10px;margin-bottom:4px;opacity:.7;padding:10px 12px}.history-icon{color:#81c995;color:var(--md-success);flex-shrink:0}.history-text{color:#cac4d0;color:var(--md-on-surface-var);flex:1 1;font-size:13px;text-decoration:line-through}.history-time{color:#938f99;color:var(--md-outline);flex-shrink:0;font-family:JetBrains Mono,monospace;font-family:var(--md-mono);font-size:10px}.notepad-panel{background:radial-gradient(circle at top right,color-mix(in srgb,#d0bcff 12%,#0000),#0000 42%),linear-gradient(180deg,color-mix(in srgb,#2b2930 95%,#0000),color-mix(in srgb,#1c1b1f 92%,#0000));background:radial-gradient(circle at top right,color-mix(in srgb,var(--md-primary) 12%,#0000),#0000 42%),linear-gradient(180deg,color-mix(in srgb,var(--md-surface-1) 95%,#0000),color-mix(in srgb,var(--md-surface) 92%,#0000));display:flex;flex:1 1;flex-direction:column;overflow:hidden}.notepad-panel-focus .notepad-sheet-wrap{padding:18px 32px 28px}.notepad-panel-focus{border-right:1px solid color-mix(in srgb,#49454f 72%,#0000);border-right:1px solid color-mix(in srgb,var(--md-outline-var) 72%,#0000);flex:1 1 auto}.notepad-header{align-items:flex-start;border-bottom:1px solid color-mix(in srgb,#49454f 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--md-outline-var) 80%,#0000);display:flex;gap:16px;justify-content:space-between;padding:18px 22px 12px}.notepad-heading{grid-gap:6px;display:grid;gap:6px}.notepad-kicker{color:#938f99;color:var(--md-outline);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.notepad-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.notepad-title{color:#e6e1e5;color:var(--md-on-surface);font-family:Outfit,sans-serif;font-family:var(--md-font-display);font-size:24px;line-height:1}.notepad-saved{background:color-mix(in srgb,#81c995 12%,#0000);background:color-mix(in srgb,var(--md-success) 12%,#0000);border-radius:999px;color:#81c995;color:var(--md-success);font-size:12px;font-weight:500;gap:4px;letter-spacing:0;padding:5px 9px;text-transform:none}.notepad-focus-btn,.notepad-saved{align-items:center;display:inline-flex}.notepad-focus-btn{background:color-mix(in srgb,#312f36 70%,#0000);background:color-mix(in srgb,var(--md-surface-2) 70%,#0000);border:1px solid color-mix(in srgb,#938f99 22%,#0000);border:1px solid color-mix(in srgb,var(--md-outline) 22%,#0000);border-radius:999px;color:#cac4d0;color:var(--md-on-surface-var);cursor:pointer;font:600 12px/1 Inter,sans-serif;font:600 12px/1 var(--md-font);gap:8px;padding:9px 12px;transition:border-color .2s,color .2s,background .2s,transform .2s}.notepad-focus-btn:hover{border-color:color-mix(in srgb,#d0bcff 45%,#0000);border-color:color-mix(in srgb,var(--md-primary) 45%,#0000);color:#d0bcff;color:var(--md-primary);transform:translateY(-1px)}.notepad-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 22px 0}.notepad-tools{align-items:center;display:flex;gap:8px}.notepad-tool-btn{align-items:center;background:color-mix(in srgb,#312f36 90%,#0000);background:color-mix(in srgb,var(--md-surface-2) 90%,#0000);border:1px solid color-mix(in srgb,#938f99 18%,#0000);border:1px solid color-mix(in srgb,var(--md-outline) 18%,#0000);border-radius:999px;color:#cac4d0;color:var(--md-on-surface-var);cursor:pointer;display:inline-flex;font:600 12px/1 Inter,sans-serif;font:600 12px/1 var(--md-font);gap:8px;min-height:30px;padding:0 12px;transition:border-color .2s,color .2s,transform .2s,background .2s}.notepad-tool-btn:hover{border-color:color-mix(in srgb,#d0bcff 44%,#0000);border-color:color-mix(in srgb,var(--md-primary) 44%,#0000);color:#d0bcff;color:var(--md-primary);transform:translateY(-1px)}.notepad-tool-btn-active{background:color-mix(in srgb,#d0bcff 16%,#0000);background:color-mix(in srgb,var(--md-primary) 16%,#0000);border-color:color-mix(in srgb,#d0bcff 55%,#0000);border-color:color-mix(in srgb,var(--md-primary) 55%,#0000);box-shadow:inset 0 0 0 1px color-mix(in srgb,#d0bcff 14%,#0000);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-primary) 14%,#0000);color:#d0bcff;color:var(--md-primary)}.notepad-tool-btn strong{font-size:14px;line-height:1}.notepad-stats{display:flex;flex-wrap:wrap;gap:8px}.notepad-chip{background:color-mix(in srgb,#312f36 88%,#0000);background:color-mix(in srgb,var(--md-surface-2) 88%,#0000);border:1px solid color-mix(in srgb,#938f99 14%,#0000);border:1px solid color-mix(in srgb,var(--md-outline) 14%,#0000);border-radius:999px;color:#cac4d0;color:var(--md-on-surface-var);font-size:11px;font-weight:600;letter-spacing:.04em;min-height:28px;padding:0 10px;text-transform:uppercase}.notepad-chip,.notepad-toolbar-hint{align-items:center;display:inline-flex}.notepad-toolbar-hint{color:#938f99;color:var(--md-outline);font-size:12px;gap:7px}.notepad-sheet-wrap{flex:1 1;overflow:auto;padding:18px 22px 24px}.notepad-sheet-top{align-items:center;color:#938f99;color:var(--md-outline);display:flex;font-size:12px;gap:12px;justify-content:space-between;margin-bottom:10px}.notepad-sheet-label{font-weight:700;letter-spacing:.06em;text-transform:uppercase}.notepad-sheet-date{font-family:JetBrains Mono,monospace;font-family:var(--md-mono);font-size:11px}.notepad-sheet{background:linear-gradient(90deg,#0000 0 62px,#607aaa2e 62px 64px,#0000 64px),repeating-linear-gradient(180deg,color-mix(in srgb,#232836 96%,#0000) 0 35px,color-mix(in srgb,#7e94bc33 100%,#232836) 35px 36px);background:linear-gradient(90deg,#0000 0 62px,var(--note-paper-margin) 62px 64px,#0000 64px),repeating-linear-gradient(180deg,color-mix(in srgb,var(--note-paper) 96%,#0000) 0 35px,color-mix(in srgb,var(--note-paper-line) 100%,var(--note-paper)) 35px 36px);border:1px solid color-mix(in srgb,#938f99 10%,#0000);border:1px solid color-mix(in srgb,var(--md-outline) 10%,#0000);border-radius:24px;box-shadow:0 22px 34px #00000042,inset 0 1px 0 #ffffff0d;box-shadow:var(--note-shadow);display:flex;min-height:100%;overflow:hidden;position:relative}.notepad-panel-focus .notepad-sheet{min-height:calc(100vh - 240px)}.work-page-fullscreen .notepad-panel-focus .notepad-sheet{min-height:calc(100vh - 180px)}.notepad-margin{background:linear-gradient(180deg,#ffffff0f,color-mix(in srgb,#ffffff0f 45%,#0000));background:linear-gradient(180deg,var(--note-paper-edge),color-mix(in srgb,var(--note-paper-edge) 45%,#0000));border-right:1px solid #607aaa2e;border-right:1px solid var(--note-paper-margin);flex-shrink:0;width:72px}.notepad-textarea{background:#0000;caret-color:#4f378b;caret-color:var(--md-primary-container);flex:1 1;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:400;letter-spacing:.01em;line-height:36px;min-height:100%;padding:8px 24px 24px 20px;position:relative;resize:none;z-index:1}.notepad-textarea,.notepad-textarea::placeholder{-webkit-text-fill-color:#0000;color:#0000}.notepad-textarea::selection{background:color-mix(in srgb,#d0bcff 24%,#232836);background:color-mix(in srgb,var(--md-primary) 24%,var(--note-paper))}.notepad-editor{caret-color:#4f378b;caret-color:var(--md-primary-container);color:#eef2ff;color:var(--note-ink);flex:1 1;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:400;letter-spacing:.01em;line-height:36px;min-height:100%;outline:none;padding:8px 24px 24px 20px;white-space:pre-wrap;word-break:break-word}.notepad-editor:empty:before{color:#98a6c7;color:var(--note-muted);content:attr(data-placeholder)}.notepad-editor p{margin:0;min-height:36px}.notepad-editor ol,.notepad-editor ul{margin:0;padding-left:32px}.notepad-editor li{min-height:36px}.notepad-editor ul{list-style-type:disc}.notepad-editor ul ul{list-style-type:circle}.notepad-editor ul ul ul{list-style-type:square}.notepad-editor ol{list-style-type:decimal}.notepad-editor ol ol{list-style-type:lower-alpha}.notepad-editor ol ol ol{list-style-type:lower-roman}.notepad-editor li::marker{color:color-mix(in srgb,#d0bcff 65%,#eef2ff);color:color-mix(in srgb,var(--md-primary) 65%,var(--note-ink));font-weight:700}.notepad-editor ul ul li::marker{color:color-mix(in srgb,#ccc2dc 70%,#eef2ff);color:color-mix(in srgb,var(--md-secondary) 70%,var(--note-ink))}.notepad-editor ol ol li::marker{color:color-mix(in srgb,#efb8c8 72%,#eef2ff);color:color-mix(in srgb,var(--md-tertiary) 72%,var(--note-ink))}.notepad-editor ol ol ol li::marker,.notepad-editor ul ul ul li::marker{color:color-mix(in srgb,#81c995 72%,#eef2ff);color:color-mix(in srgb,var(--md-success) 72%,var(--note-ink))}.notepad-editor b,.notepad-editor strong{font-weight:700}.notebooks-app{background:radial-gradient(circle at top right,color-mix(in srgb,#d0bcff 10%,#0000),#0000 30%),#1c1b1f;background:radial-gradient(circle at top right,color-mix(in srgb,var(--md-primary) 10%,#0000),#0000 30%),var(--md-surface);display:grid;flex:1 1;grid-template-columns:220px 280px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:0}.notebooks-brandbar{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,#2b2930 95%,#0000),color-mix(in srgb,#1c1b1f 88%,#0000)),radial-gradient(circle at top right,color-mix(in srgb,#d0bcff 14%,#0000),#0000 36%);background:linear-gradient(135deg,color-mix(in srgb,var(--md-surface-1) 95%,#0000),color-mix(in srgb,var(--md-surface) 88%,#0000)),radial-gradient(circle at top right,color-mix(in srgb,var(--md-primary) 14%,#0000),#0000 36%);border-bottom:1px solid color-mix(in srgb,#49454f 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--md-outline-var) 80%,#0000);display:flex;gap:16px;grid-column:1/-1;justify-content:space-between;padding:16px 20px}.notebooks-brand-actions,.notebooks-brandblock{align-items:center;display:flex;gap:12px}.notebooks-brand{color:#e6e1e5;color:var(--md-on-surface);font-family:Outfit,sans-serif;font-family:var(--md-font-display);font-size:28px;font-weight:700;letter-spacing:.08em}.notebooks-brand-sub{color:#938f99;color:var(--md-outline);font-size:12px}.notebooks-brand-link{background:none;border:none;cursor:pointer;font:inherit;padding:0}.notebooks-brand-link,.notebooks-brand-pill{color:#d0bcff;color:var(--md-primary);font-weight:600}.notebooks-brand-pill{align-items:center;background:color-mix(in srgb,#d0bcff 14%,#0000);background:color-mix(in srgb,var(--md-primary) 14%,#0000);border-radius:999px;display:inline-flex;font-size:12px;gap:8px;padding:8px 12px}.notebooks-index,.notebooks-rail{background:color-mix(in srgb,#2b2930 96%,#0000);background:color-mix(in srgb,var(--md-surface-1) 96%,#0000);border-right:1px solid #49454f;border-right:1px solid var(--md-outline-var);display:flex;flex-direction:column;min-height:0}.notebooks-workspace{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.notebooks-app-rail-collapsed{grid-template-columns:72px 280px minmax(0,1fr)}.notebooks-app-index-collapsed{grid-template-columns:220px 76px minmax(0,1fr)}.notebooks-app-rail-collapsed.notebooks-app-index-collapsed{grid-template-columns:72px 76px minmax(0,1fr)}.notebooks-editor-header,.notebooks-index-header,.notebooks-rail-header{align-items:center;border-bottom:1px solid color-mix(in srgb,#49454f 80%,#0000);border-bottom:1px solid color-mix(in srgb,var(--md-outline-var) 80%,#0000);display:flex;gap:12px;justify-content:space-between;padding:18px 18px 14px}.notebooks-index-title,.notebooks-rail-title{color:#e6e1e5;color:var(--md-on-surface);font-family:Outfit,sans-serif;font-family:var(--md-font-display);font-size:20px}.notebooks-eyebrow{color:#938f99;color:var(--md-outline);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.notebooks-index-tree,.notebooks-rail-list{flex:1 1;overflow:auto;padding:14px 12px 18px}.notebooks-app-rail-collapsed .notebook-card-copy,.notebooks-app-rail-collapsed .notebooks-empty-side,.notebooks-app-rail-collapsed .notebooks-eyebrow,.notebooks-app-rail-collapsed .notebooks-rail-title{display:none}.notebooks-app-rail-collapsed .notebooks-rail-header{align-items:center;flex-direction:column;gap:10px;justify-content:flex-start;padding:16px 8px 10px}.notebooks-app-rail-collapsed .notebooks-index-actions{flex-direction:column;gap:6px;width:100%}.notebooks-app-rail-collapsed .notebooks-rail-list{padding-left:8px;padding-right:8px;padding-top:8px}.notebooks-app-rail-collapsed .notebook-card{border-radius:16px;justify-content:center;margin-bottom:10px;padding:12px 8px}.notebooks-app-index-collapsed .notebooks-index .notebooks-eyebrow,.notebooks-app-index-collapsed .notebooks-index-name-input,.notebooks-app-index-collapsed .notebooks-index-title,.notebooks-app-index-collapsed .notebooks-index-tree{display:none}.notebooks-app-index-collapsed .notebooks-index-header{align-items:center;flex-direction:column;gap:10px;justify-content:flex-start;padding:16px 8px 10px}.notebooks-app-index-collapsed .notebooks-index-actions{flex-direction:column;gap:6px;width:100%}.notebooks-app-index-collapsed .notebooks-index,.notebooks-app-rail-collapsed .notebooks-rail{background:linear-gradient(180deg,color-mix(in srgb,#312f36 84%,#0000),color-mix(in srgb,#2b2930 96%,#0000));background:linear-gradient(180deg,color-mix(in srgb,var(--md-surface-2) 84%,#0000),color-mix(in srgb,var(--md-surface-1) 96%,#0000))}.notebooks-index-mini{display:none}.notebooks-app-index-collapsed .btn-icon,.notebooks-app-rail-collapsed .btn-icon{border-radius:14px;height:40px;margin:0 auto;width:40px}.notebooks-app-rail-collapsed .notebook-card-icon{border-radius:14px;font-size:19px;height:38px;width:38px}.notebooks-app-index-collapsed .notebooks-index-mini{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;padding:16px 8px 18px}.notebooks-index-mini-badge{align-items:center;background:color-mix(in srgb,#d0bcff 16%,#0000);background:color-mix(in srgb,var(--md-primary) 16%,#0000);border-radius:16px;color:#d0bcff;color:var(--md-primary);display:inline-flex;font-size:14px;font-weight:700;height:42px;justify-content:center;min-width:42px;padding:0 10px}.notebooks-index-mini-label{color:#938f99;color:var(--md-outline);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transform:rotate(180deg);writing-mode:vertical-rl}.notebooks-index-mini-current{align-items:center;background:color-mix(in srgb,#e6e1e5 7%,#0000);background:color-mix(in srgb,var(--md-on-surface) 7%,#0000);border-radius:16px;color:#938f99;color:var(--md-outline);display:inline-flex;height:42px;justify-content:center;width:42px}.notebook-card{align-items:center;background:color-mix(in srgb,#312f36 84%,#0000);background:color-mix(in srgb,var(--md-surface-2) 84%,#0000);border:1px solid color-mix(in srgb,#938f99 14%,#0000);border:1px solid color-mix(in srgb,var(--md-outline) 14%,#0000);border-radius:18px;color:#cac4d0;color:var(--md-on-surface-var);cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;text-align:left;transition:border-color .2s,background .2s,transform .2s;width:100%}.notebook-card:hover{border-color:color-mix(in srgb,#d0bcff 30%,#0000);border-color:color-mix(in srgb,var(--md-primary) 30%,#0000);transform:translateY(-1px)}.notebook-card.active{background:color-mix(in srgb,#d0bcff 16%,#312f36);background:color-mix(in srgb,var(--md-primary) 16%,var(--md-surface-2));border-color:color-mix(in srgb,#d0bcff 38%,#0000);border-color:color-mix(in srgb,var(--md-primary) 38%,#0000);color:#e6e1e5;color:var(--md-on-surface)}.notebook-card-icon{align-items:center;background:color-mix(in srgb,#d0bcff 18%,#0000);background:color-mix(in srgb,var(--md-primary) 18%,#0000);border-radius:12px;display:inline-flex;flex-shrink:0;font-size:18px;height:34px;justify-content:center;width:34px}.notebook-card-copy{grid-gap:3px;display:grid;gap:3px;min-width:0}.notebook-card-sub,.notebook-card-title,.notebook-page-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notebook-card-title{font-size:14px;font-weight:600}.notebook-card-sub{color:#938f99;color:var(--md-outline);font-size:11px}.notebook-page-node{align-items:center;background:#0000;border:none;border-radius:12px;color:#cac4d0;color:var(--md-on-surface-var);cursor:pointer;display:flex;gap:8px;min-height:36px;padding:0 10px;text-align:left;width:100%}.notebook-page-node:hover{background:color-mix(in srgb,#e6e1e5 8%,#0000);background:color-mix(in srgb,var(--md-on-surface) 8%,#0000)}.notebook-page-node.active{background:color-mix(in srgb,#d0bcff 16%,#0000);background:color-mix(in srgb,var(--md-primary) 16%,#0000);color:#d0bcff;color:var(--md-primary)}.notebook-page-caret{align-items:center;color:#938f99;color:var(--md-outline);display:inline-flex;flex-shrink:0;justify-content:center;width:14px}.notebook-editor-shell{display:flex;flex:1 1;flex-direction:column;min-height:0}.notebooks-editor-meta{grid-gap:8px;display:grid;gap:8px;min-width:0}.notebooks-editor-stats{flex-wrap:wrap;justify-content:flex-end}.notebooks-editor-actions,.notebooks-editor-stats,.notebooks-index-actions{align-items:center;display:flex;gap:8px}.notebooks-editor-actions-primary{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;display:inline-flex;gap:10px;padding:0}.notepad-tool-btn-danger{border-color:color-mix(in srgb,#f2b8b5 24%,#0000);border-color:color-mix(in srgb,var(--md-error) 24%,#0000);color:#f2b8b5;color:var(--md-error)}.notepad-tool-btn-danger:hover{border-color:color-mix(in srgb,#f2b8b5 42%,#0000);border-color:color-mix(in srgb,var(--md-error) 42%,#0000);color:#f2b8b5;color:var(--md-error)}.notebooks-index-name-input,.notebooks-notebook-name-input,.notebooks-page-title-input{background:#0000;border:none;color:#e6e1e5;color:var(--md-on-surface);font-family:Outfit,sans-serif;font-family:var(--md-font-display);outline:none}.notebooks-page-title-input{font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1}.notebooks-notebook-name-input{color:#938f99;color:var(--md-outline);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.notebooks-index-name-input{color:#e6e1e5;color:var(--md-on-surface);font-size:22px;font-weight:600;line-height:1.1;width:100%}.notebooks-editor-toolbar{padding-top:0}.notebooks-editor-toolbar .notepad-tool-btn{background:#0000;border-color:color-mix(in srgb,#938f99 14%,#0000);border-color:color-mix(in srgb,var(--md-outline) 14%,#0000);border-radius:999px}.notebooks-editor-toolbar .notepad-tool-btn:hover{background:color-mix(in srgb,#e6e1e5 6%,#0000);background:color-mix(in srgb,var(--md-on-surface) 6%,#0000)}.notebooks-editor-toolbar .notepad-tool-btn-active{background:color-mix(in srgb,#d0bcff 14%,#0000);background:color-mix(in srgb,var(--md-primary) 14%,#0000)}.notebooks-social-note{color:#938f99;color:var(--md-outline);font-size:12px;line-height:1.45;padding:9px 12px}.notebooks-sheet-wrap{padding-top:14px}.notebooks-empty-main,.notebooks-empty-side,.notebooks-empty-tree{align-items:center;color:#938f99;color:var(--md-outline);display:flex;gap:10px;justify-content:center}.notebooks-empty-main{flex:1 1;flex-direction:column;padding:40px;text-align:center}.notebooks-empty-title{color:#e6e1e5;color:var(--md-on-surface);font-family:Outfit,sans-serif;font-family:var(--md-font-display);font-size:22px}.notebooks-empty-copy{line-height:1.6;max-width:420px}.notebooks-empty-side{flex-direction:column;padding:24px 16px;text-align:center}.notebooks-empty-tree{background:#0000;border:1px dashed color-mix(in srgb,#938f99 24%,#0000);border:1px dashed color-mix(in srgb,var(--md-outline) 24%,#0000);border-radius:14px;cursor:pointer;min-height:42px;width:100%}.empty-state{align-items:center;color:#938f99;color:var(--md-outline);display:flex;flex-direction:column;gap:10px;grid-column:1/-1;justify-content:center;padding:60px 20px;text-align:center}.empty-state-icon{font-size:40px;margin-bottom:4px}.empty-state-title{color:#cac4d0;color:var(--md-on-surface-var);font-size:16px;font-weight:500}.empty-state-sub{font-size:14px}.empty-state-minimal{background:linear-gradient(180deg,color-mix(in srgb,#2b2930 90%,#0000),color-mix(in srgb,#1c1b1f 98%,#0000));background:linear-gradient(180deg,color-mix(in srgb,var(--md-surface-1) 90%,#0000),color-mix(in srgb,var(--md-surface) 98%,#0000));border:1px dashed color-mix(in srgb,#938f99 20%,#0000);border:1px dashed color-mix(in srgb,var(--md-outline) 20%,#0000);border-radius:24px;gap:12px;min-height:220px}@keyframes md-fade-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes md-slide-in{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes md-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes desktop-window-in{0%{opacity:0;transform:translate3d(0,20px,0) scale(.96)}to{opacity:1}}@keyframes desktop-cloud-drift{0%{transform:translateX(0)}50%{transform:translateX(-18px)}to{transform:translateX(0)}}.fade-in{animation:md-fade-in .4s cubic-bezier(.16,1,.3,1) forwards}.slide-in{animation:md-slide-in .25s cubic-bezier(.2,0,0,1) forwards}.scale-in{animation:md-scale-in .25s cubic-bezier(.2,0,0,1) forwards}.loading-spinner{animation:spin .7s linear infinite;border:3px solid #49454f;border-top-color:#d0bcff;border:3px solid var(--md-outline-var);border-radius:50%;border-top-color:var(--md-primary);height:28px;width:28px}.priority-badge{align-items:center;border-radius:9999px;border-radius:var(--md-shape-full);display:inline-flex;font-size:11px;font-weight:500;gap:4px;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase}@keyframes chat-slide-in{0%{opacity:0;transform:translateX(32px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}.bottom-nav{display:none}@media (max-width:768px){.desktop-mode-app{min-height:100vh}.desktop-icons{inset:0 0 94px 0}.desktop-icon{padding:8px 4px;width:84px}.desktop-icon-badge{height:52px;width:52px}.desktop-window{min-width:0}.desktop-window:not(.maximized){height:auto!important;inset:10px 10px 84px!important;transform:none!important;width:auto!important}.desktop-taskbar{height:44px;padding:0}.desktop-mode-app.classic .desktop-taskbar{bottom:10px;height:52px;left:10px;padding:4px 8px;right:10px}.desktop-mode-app.win10 .desktop-taskbar-item{width:38px}.bottom-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:color-mix(in srgb,#2b2930 85%,#0000);background:color-mix(in srgb,var(--md-surface-1) 85%,#0000);border-top:1px solid #49454f;border-top:1px solid var(--md-outline-var);bottom:0;height:64px;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:900}.bottom-nav,.bottom-nav-item{align-items:center;display:flex}.bottom-nav-item{background:#0000;border:none;color:#938f99;color:var(--md-outline);cursor:pointer;flex:1 1;flex-direction:column;font-family:Inter,sans-serif;font-family:var(--md-font);gap:4px;height:100%;justify-content:center;transition:color .2s}.bottom-nav-item.active{color:#d0bcff;color:var(--md-primary)}.bottom-nav-icon{transition:transform .2s cubic-bezier(.2,0,0,1)}.bottom-nav-item.active .bottom-nav-icon{transform:translateY(-2px)}.bottom-nav-label{font-size:10px;font-weight:500;letter-spacing:.3px}.app-body,.dashboard-container,.pomodoro-page,.work-page{padding-bottom:calc(env(safe-area-inset-bottom) + 80px)!important}.app-sidebar{border-left:1px solid #49454f!important;border-left:1px solid var(--md-outline-var)!important;border-right:none!important;bottom:0;box-shadow:0 6px 10px 4px #00000026,0 2px 3px #0000004d;box-shadow:var(--md-elev-4);height:100vh;left:auto!important;max-width:85vw!important;position:fixed!important;right:0;top:0;transform:translateX(100%)!important;transition:transform .3s cubic-bezier(.2,0,0,1)!important;width:280px!important;z-index:1000!important}.app-sidebar.open{transform:translateX(0)!important}.friends-fab{bottom:calc(env(safe-area-inset-bottom) + 84px)!important}.friends-panel-container{bottom:calc(env(safe-area-inset-bottom) + 152px)!important}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:block!important;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s;z-index:999}.sidebar-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-btn{display:flex!important}.tasks-panel{border-bottom:1px solid #49454f;border-bottom:1px solid var(--md-outline-var);border-right:none;flex:none;width:100%}.notepad-panel{flex:none;min-height:600px;overflow:visible}.work-page-body{overflow-x:hidden;overflow-y:auto}.work-page-body,.work-page-body-focus{flex-direction:column}.tasks-panel-focus{border-left:none;border-top:1px solid #49454f;border-top:1px solid var(--md-outline-var);order:0;width:100%}.dashboard{padding:16px}.dashboard-actions,.dashboard-header{flex-wrap:wrap}.dashboard-actions{justify-content:space-between;width:100%}.work-card-list,.works-grid,.works-grid-list{grid-template-columns:1fr}.work-card-list .stars,.work-card-list .work-card-footer{justify-content:flex-start}.topbar{height:56px}.notebooks-app{grid-template-columns:1fr;grid-template-rows:auto auto auto minmax(0,1fr)}.notebooks-brandbar{align-items:flex-start;flex-direction:column;padding:14px 16px}.notebooks-brand-actions{justify-content:space-between;width:100%}.notebooks-brand{font-size:22px}.notebooks-index,.notebooks-rail{border-bottom:1px solid #49454f;border-bottom:1px solid var(--md-outline-var);border-right:none}.notebooks-rail-list{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding-top:12px}.notebook-card{margin-bottom:0;min-width:190px}.notebooks-index-tree{padding-top:10px}.notebooks-editor-header{align-items:flex-start;flex-direction:column}.notebooks-editor-actions{flex-wrap:wrap;width:100%}.notebooks-editor-stats{justify-content:flex-start;width:100%}.notebooks-app-index-collapsed,.notebooks-app-rail-collapsed,.notebooks-app-rail-collapsed.notebooks-app-index-collapsed{grid-template-columns:1fr}.notebooks-page-title-input{font-size:clamp(24px,8vw,34px);width:100%}.notepad-header,.notepad-panel-focus .notepad-sheet-wrap,.notepad-sheet-wrap,.notepad-toolbar{padding-left:16px;padding-right:16px}.notepad-title{font-size:20px}.notepad-sheet{border-radius:18px}.notepad-margin{width:44px}.notepad-editor,.notepad-textarea{font-size:15px;line-height:32px;padding:8px 16px 20px 14px}.auth-screen{align-items:flex-start;padding:16px}.auth-shell{gap:16px;grid-template-columns:1fr;min-height:auto;width:100%}.auth-hero,.auth-panel{border-radius:24px}.auth-hero{padding:22px 20px}.auth-hero-title{font-size:clamp(28px,11vw,42px);line-height:1;margin-top:18px;max-width:none}.auth-feature-list{gap:10px;margin-top:18px}.auth-feature-item{border-radius:16px;font-size:14px;padding:12px 13px}.auth-hero-copy{font-size:14px;line-height:1.6;margin-top:14px}.auth-panel{padding:18px 16px}.auth-widget{border-radius:18px;padding:16px 14px}.auth-title{font-size:26px}.auth-panel-header{gap:14px;margin-bottom:18px}.auth-mode-switch{border-radius:14px}.auth-mode-pill{font-size:13px;min-height:38px}.auth-guest-button,.auth-input,.auth-social-button,.auth-submit-button{min-height:46px}.auth-divider{font-size:12px;margin:18px 0 14px}.auth-guest-button{flex-wrap:wrap;padding:10px 14px}.auth-guest-note{font-size:11px;line-height:1.5}.modal{padding:20px;width:92%}.topbar{gap:2px;padding:0 10px 0 2px}.topbar-logo{font-size:17px;padding:0 4px}.topbar-actions{gap:2px}.topbar-points-pill,.topbar-theme-btn{display:none!important}}@media (min-width:769px){.mobile-menu-btn,.sidebar-overlay{display:none!important}}@media (max-width:980px){.auth-shell{grid-template-columns:1fr}.auth-hero{min-height:auto}}@media (max-width:480px){.auth-screen{padding:10px}.auth-shell{gap:12px}.auth-hero{padding:18px 16px}.auth-badge{font-size:11px;padding:7px 11px}.auth-hero-copy{font-size:13px}.auth-feature-list{display:none}.auth-panel{padding:16px 12px}.auth-widget{padding:14px 12px}.auth-title{font-size:24px}.auth-sub{font-size:13px}.notebooks-editor-header,.notebooks-index-header,.notebooks-rail-header{padding-left:14px;padding-right:14px}.notebooks-index-name-input{font-size:20px}.notebooks-editor-actions .notepad-tool-btn{justify-content:center;width:100%}.notebooks-editor-actions-primary{justify-content:flex-start;width:100%}.notepad-header{align-items:stretch;flex-direction:column}.notepad-focus-btn{justify-content:center;width:100%}.notepad-toolbar{align-items:flex-start}.notepad-stats,.notepad-tools{width:100%}.notepad-toolbar-hint{font-size:11px}.notepad-sheet-top{align-items:flex-start;flex-direction:column}.notepad-margin{width:26px}.notepad-editor,.notepad-textarea{font-size:14px;line-height:30px;padding-right:12px}}.works-spreadsheet{background:#2b2930;background:var(--md-surface-1);border:1px solid #49454f;border:1px solid var(--md-outline-var);border-radius:16px;border-radius:var(--md-shape-lg);display:flex!important;flex-direction:column;gap:0;overflow:hidden}.work-spreadsheet-header{background:#312f36;background:var(--md-surface-2);border-bottom:2px solid #49454f;border-bottom:2px solid var(--md-outline-var);color:#938f99;color:var(--md-outline);font-size:11px;font-weight:700;letter-spacing:.1em;padding:14px 20px;text-transform:uppercase}.work-spreadsheet-header,.work-spreadsheet-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.5fr) 120px 140px 120px 120px}.work-spreadsheet-row{border-bottom:1px solid #49454f;border-bottom:1px solid var(--md-outline-var);cursor:grab;padding:12px 20px;transition:background .15s ease}.work-spreadsheet-row:last-of-type{border-bottom:none}.work-spreadsheet-row:hover{background:color-mix(in srgb,#d0bcff 8%,#312f36);background:color-mix(in srgb,var(--md-primary) 8%,var(--md-surface-2))}.ws-cell{display:flex;flex-direction:column;font-size:14px;justify-content:center}.ws-desc{color:#938f99;color:var(--md-outline);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-actions{flex-direction:row;gap:4px;justify-content:flex-end}.ws-actions .btn-icon{height:32px;width:32px}.flocus-page{align-items:center;color:#fff;display:flex;flex:1 1;flex-direction:column;font-family:var(--md-font);justify-content:center;min-height:100%;overflow:hidden;position:relative}.flocus-fullscreen{inset:0;position:fixed;z-index:1000}@keyframes flocus-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.flocus-bg{animation:flocus-gradient 20s ease infinite;background:var(--scene-gradient);background-size:400% 400%;inset:0;position:absolute;transition:background .8s ease;z-index:0}.flocus-bg:after{background:radial-gradient(ellipse at 30% 40%,#ffffff14 0,#0000 50%),radial-gradient(ellipse at 70% 60%,#ffffff0d 0,#0000 40%);content:"";inset:0;pointer-events:none;position:absolute}.flocus-quote{color:#ffffffb3;display:flex;flex-direction:column;font-size:14px;font-style:italic;font-weight:500;gap:4px;line-height:1.5;max-width:320px;position:absolute;right:32px;text-align:right;top:24px;z-index:2}.flocus-quote-author{font-size:12px;font-style:normal;opacity:.6}.flocus-center{align-items:center;display:flex;flex-direction:column;gap:24px;position:relative;z-index:2}.flocus-heading{color:#ffffffd9;font-size:20px;font-weight:400;letter-spacing:.3px;margin:0}.flocus-modes{display:flex;gap:10px}.flocus-mode-pill{background:#0000;border:1.5px solid #ffffff40;border-radius:99px;color:#ffffffbf;cursor:pointer;font-family:var(--md-font);font-size:14px;font-weight:600;letter-spacing:.3px;padding:8px 20px;transition:all .18s ease}.flocus-mode-pill:hover{background:#ffffff14;border-color:#ffffff80;color:#fff}.flocus-mode-pill.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border-color:#ffffff80;box-shadow:0 4px 20px #00000026;color:#fff}.flocus-dots{display:flex;gap:8px}.flocus-dot{background:#ffffff40;border-radius:50%;height:8px;width:8px}.flocus-dot.active{background:#fff;box-shadow:0 0 8px #ffffff80}.flocus-timer{color:#fff;font-family:var(--md-font);font-size:150px;font-weight:700;letter-spacing:-4px;line-height:1;text-shadow:0 4px 40px #0003;transition:transform .3s ease,text-shadow .3s ease;-webkit-user-select:none;user-select:none}.flocus-timer.running{text-shadow:0 0 60px #fff3,0 4px 40px #0003}.flocus-actions{align-items:center;display:flex;gap:12px}.flocus-start-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff3;border:1px solid #ffffff4d;border-radius:99px;box-shadow:0 4px 20px #00000026;color:#fff;cursor:pointer;display:flex;font-family:var(--md-font);font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px 36px;transition:all .18s ease}.flocus-start-btn:hover{background:#ffffff4d;box-shadow:0 6px 28px #0003;transform:translateY(-1px)}.flocus-start-btn:active{transform:translateY(0)}.flocus-reset-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .18s ease;width:42px}.flocus-reset-btn:hover{background:#fff3;color:#fff;transform:rotate(-20deg)}.flocus-toolbar{align-items:center;bottom:0;display:flex;height:56px;justify-content:space-between;left:0;padding:0 20px;position:absolute;right:0;z-index:5}.flocus-toolbar-left,.flocus-toolbar-right{display:flex;gap:4px}.flocus-tool-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#ffffff80;cursor:pointer;display:inline-flex;height:40px;justify-content:center;position:relative;transition:all .16s ease;width:40px}.flocus-tool-btn:hover{background:#ffffff1a;color:#ffffffd9}.flocus-tool-btn.active{background:#ffffff26;color:#fff}.flocus-tool-btn.playing:after{background:#4ade80;border-radius:50%;bottom:4px;box-shadow:0 0 6px #4ade80;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:6px}.flocus-panel{animation:flocus-panel-in .22s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);background:#141414bf;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 40px #0006;display:flex;flex-direction:column;max-height:calc(100% - 80px);overflow:hidden;position:absolute;width:340px;z-index:10}.flocus-panel-left{bottom:64px;left:20px}.flocus-panel-right{bottom:64px;right:20px}@keyframes flocus-panel-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.flocus-panel-header{align-items:center;border-bottom:1px solid #ffffff0f;color:#ffffffe6;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:14px 16px}.flocus-panel-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:all .12s ease;width:28px}.flocus-panel-close:hover{background:#ffffff1a;color:#fff}.flocus-panel-body{flex:1 1;overflow-y:auto;padding:16px}.flocus-search{align-items:center;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:10px;display:flex;gap:8px;margin-bottom:12px;padding:10px 12px}.flocus-search input{background:#0000;border:none;color:#fff;flex:1 1;font-family:var(--md-font);font-size:13px;outline:none}.flocus-search input::placeholder{color:#ffffff59}.flocus-search svg{color:#ffffff59;flex-shrink:0}.flocus-work-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.flocus-work-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff0a;border-radius:8px;color:#ffffffd9;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:space-between;padding:10px 12px;text-align:left;transition:all .14s ease;width:100%}.flocus-work-item:hover{background:#ffffff1a;transform:translateX(3px)}.flocus-empty{color:#ffffff59;font-size:13px;font-style:italic;padding:28px 0;text-align:center}.flocus-selected-header{align-items:center;background:#ffffff0f;border-radius:8px;color:#ffffffe6;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:12px;padding:10px 12px}.flocus-todo-list{max-height:240px;overflow-y:auto}.flocus-todo-item{align-items:center;border-bottom:1px solid #ffffff0d;color:#ffffffd9;display:flex;font-size:13px;gap:10px;padding:10px 0}.flocus-todo-check{background:#0000;border:1.5px solid #ffffff4d;border-radius:5px;cursor:pointer;flex-shrink:0;height:16px;transition:all .14s ease;width:16px}.flocus-todo-check:hover{background:#4ade8026;border-color:#4ade80;transform:scale(1.15)}.flocus-todo-add{display:flex;gap:8px;margin-top:12px}.flocus-todo-add input{background:#ffffff0f;border:1px solid #ffffff0f;border-radius:8px;color:#fff;flex:1 1;font-family:var(--md-font);font-size:13px;outline:none;padding:9px 12px}.flocus-todo-add input::placeholder{color:#ffffff4d}.flocus-todo-add input:focus{border-color:#fff3}.flocus-todo-add button{align-items:center;background:#ffffff1f;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .12s ease;width:34px}.flocus-todo-add button:hover:not(:disabled){background:#fff3;color:#fff}.flocus-todo-add button:disabled{cursor:not-allowed;opacity:.3}.flocus-panel-music{width:360px}.flocus-section-label{color:#fff6;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:12px;text-transform:uppercase}.flocus-sounds-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.flocus-sound-card{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden;transition:all .14s ease}.flocus-sound-card.active{background:#ffffff1a;border-color:#ffffff26;box-shadow:0 0 16px #4ade8014}.flocus-sound-toggle{align-items:center;background:#0000;border:none;color:#ffffff80;cursor:pointer;display:flex;flex-direction:column;font-family:var(--md-font);font-size:11px;font-weight:500;gap:6px;padding:14px 8px 10px;position:relative;transition:color .14s ease;width:100%}.flocus-sound-card.active .flocus-sound-toggle{color:#fff}.flocus-sound-toggle:hover{color:#ffffffd9}.flocus-sound-indicator{color:#4ade80;position:absolute;right:8px;top:8px}.flocus-sound-volume{appearance:none;background:#ffffff1a;border-radius:2px;height:4px;margin:0 8px 10px;outline:none;width:calc(100% - 16px)}.flocus-sound-volume::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 0 6px #0000004d;cursor:pointer;height:12px;width:12px}.flocus-sound-volume::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.flocus-spotify-embed{position:relative}.flocus-spotify-clear{background:#0009;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;position:absolute;right:8px;top:8px;transition:all .12s ease}.flocus-spotify-clear:hover{background:#f006;color:#fff}.flocus-spotify-input{display:flex;gap:8px}.flocus-spotify-input input{background:#ffffff0f;border:1px solid #ffffff0f;border-radius:8px;color:#fff;flex:1 1;font-family:var(--md-font);font-size:12px;outline:none;padding:10px 12px}.flocus-spotify-input input::placeholder{color:#ffffff4d}.flocus-spotify-input input:focus{border-color:#fff3}.flocus-spotify-input button{background:#1db954;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--md-font);font-size:12px;font-weight:600;padding:10px 16px;transition:all .12s ease;white-space:nowrap}.flocus-spotify-input button:hover:not(:disabled){background:#1ed760}.flocus-spotify-input button:disabled{cursor:not-allowed;opacity:.4}.flocus-scenes-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.flocus-scene-card{align-items:flex-end;animation:flocus-gradient 8s ease infinite;aspect-ratio:16/10;background-size:400% 400%;border:2px solid #0000;border-radius:12px;color:#fffc;cursor:pointer;display:flex;font-size:12px;font-weight:600;justify-content:center;padding-bottom:8px;text-shadow:0 1px 4px #00000080;transition:all .16s ease}.flocus-scene-card span{pointer-events:none}.flocus-scene-card:hover{box-shadow:0 4px 20px #0000004d;transform:scale(1.04)}.flocus-scene-card.active{border-color:#fff;box-shadow:0 0 0 2px #fff6,0 4px 20px #0000004d}.flocus-setting{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:12px 0}.flocus-setting span{color:#ffffffbf;font-size:13px;font-weight:500}.flocus-setting input{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;color:#fff;font-family:var(--md-mono);font-size:14px;outline:none;padding:8px 10px;text-align:center;width:70px}.flocus-setting input:focus{border-color:#ffffff40}.flocus-toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff3;border:1px solid #ffffff26;border-radius:99px;bottom:80px;color:#fff;font-family:var(--md-mono);font-size:13px;font-weight:700;padding:7px 16px;pointer-events:none;position:fixed;right:24px;transition:all .25s cubic-bezier(.2,0,0,1);z-index:1050}@media (prefers-reduced-motion:reduce){.flocus-bg,.flocus-scene-card{animation:none!important}.flocus-mode-pill,.flocus-panel,.flocus-reset-btn,.flocus-start-btn,.flocus-timer,.flocus-toast,.flocus-tool-btn{transition-duration:.01ms!important}}@media (max-width:768px){.flocus-timer{font-size:80px;letter-spacing:-2px}.flocus-heading{font-size:16px}.flocus-modes{flex-wrap:wrap;gap:6px;justify-content:center}.flocus-mode-pill{font-size:12px;padding:6px 14px}.flocus-quote{display:none}.flocus-panel{left:10px;max-height:65vh;right:10px;width:calc(100% - 20px)}.flocus-panel-right{left:10px}.flocus-scenes-grid,.flocus-sounds-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.flocus-timer{font-size:60px;letter-spacing:-1px}.flocus-heading{font-size:14px;text-align:center}.flocus-center{gap:16px}.flocus-start-btn{font-size:14px;padding:10px 28px}.flocus-scenes-grid,.flocus-sounds-grid{grid-template-columns:repeat(2,1fr)}}.flocus-now-playing{align-items:center;animation:flocus-panel-in .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141414b3;border:1px solid #ffffff1a;border-radius:99px;bottom:60px;color:#ffffffb3;display:flex;font-size:12px;font-weight:500;gap:8px;left:50%;padding:6px 14px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:6}.flocus-now-playing button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;height:20px;justify-content:center;margin-left:4px;transition:all .12s ease;width:20px}.flocus-now-playing button:hover{background:#ff505080;color:#fff}.flocus-stop-all{background:#ff505026;border:1px solid #ff505033;border-radius:8px;color:#ff6b6b;cursor:pointer;font-family:var(--md-font);font-size:12px;font-weight:600;margin-top:12px;padding:8px;transition:all .12s ease;width:100%}.flocus-stop-all:hover{background:#ff505040}.flocus-animated-bg{inset:0;overflow:hidden;position:absolute;z-index:0}.scene-pixel-rain{background:#0a0a1a}.scene-pixel-rain .flocus-animated-bg{background:linear-gradient(180deg,#0a0a1a,#0d1117 40%,#161b22)}.scene-pixel-rain .flocus-animated-bg:after,.scene-pixel-rain .flocus-animated-bg:before{animation:pixel-rain-fall .6s linear infinite;background-image:linear-gradient(#508cff66 1px,#0000 0);background-size:4px 16px;content:"";inset:0;pointer-events:none;position:absolute}.scene-pixel-rain .flocus-animated-bg:after{animation-duration:.8s;background-size:8px 20px;opacity:.3}@keyframes pixel-rain-fall{0%{background-position:0 -16px}to{background-position:0 0}}.scene-pixel-rain .flocus-animated-bg:before{background-image:linear-gradient(#508cff4d 1px,#0000 0),linear-gradient(180deg,#0000 85%,#508cff14)}.scene-pixel-stars{background:#04060e}.scene-pixel-stars .flocus-animated-bg{animation:pixel-stars-twinkle 3s ease-in-out infinite alternate;background:radial-gradient(1px 1px at 10% 20%,#fff 100%,#0000),radial-gradient(1px 1px at 30% 70%,#fff 100%,#0000),radial-gradient(1px 1px at 50% 10%,#aad 100%,#0000),radial-gradient(1px 1px at 70% 50%,#fff 100%,#0000),radial-gradient(1px 1px at 90% 80%,#dda 100%,#0000),radial-gradient(2px 2px at 20% 45%,#fff 100%,#0000),radial-gradient(1px 1px at 60% 35%,#aaf 100%,#0000),radial-gradient(1px 1px at 80% 15%,#ffa 100%,#0000),radial-gradient(2px 2px at 40% 90%,#fff 100%,#0000),radial-gradient(1px 1px at 15% 60%,#fff 100%,#0000),radial-gradient(1px 1px at 85% 40%,#adf 100%,#0000),radial-gradient(1px 1px at 45% 55%,#fff 100%,#0000),#04060e}.scene-pixel-stars .flocus-animated-bg:before{animation:pixel-stars-twinkle 4s ease-in-out infinite alternate-reverse;background:radial-gradient(1px 1px at 5% 85%,#fff 100%,#0000),radial-gradient(2px 2px at 25% 30%,#aaf 100%,#0000),radial-gradient(1px 1px at 55% 75%,#fff 100%,#0000),radial-gradient(1px 1px at 75% 25%,#fda 100%,#0000),radial-gradient(1px 1px at 95% 55%,#adf 100%,#0000),radial-gradient(2px 2px at 35% 15%,#fff 100%,#0000),radial-gradient(1px 1px at 65% 95%,#fff 100%,#0000);content:"";inset:0;position:absolute}.scene-pixel-stars .flocus-animated-bg:after{animation:pixel-shooting-star 8s linear infinite;background:linear-gradient(90deg,#fff,#0000);border-radius:2px;content:"";height:2px;left:-100px;opacity:0;position:absolute;top:20%;width:80px}@keyframes pixel-stars-twinkle{0%{opacity:.7}50%{opacity:1}to{opacity:.8}}@keyframes pixel-shooting-star{0%{left:-100px;opacity:0;top:15%}5%{opacity:1}15%{left:110%;opacity:0;top:35%}to{left:110%;opacity:0;top:35%}}.scene-pixel-city{background:#0a0a18}.scene-pixel-city .flocus-animated-bg{background:linear-gradient(180deg,#0a0a18,#0d0d24 50%,#1a1040)}.scene-pixel-city .flocus-animated-bg:before{background:linear-gradient(90deg,#0000 2%,#111 0,#111 6%,#0000 0,#0000 8%,#0d0d1a 0,#0d0d1a 14%,#0000 0,#0000 16%,#111 0,#111 19%,#0000 0,#0000 22%,#0a0a16 0,#0a0a16 30%,#0000 0,#0000 33%,#111 0,#111 38%,#0000 0,#0000 40%,#0d0d20 0,#0d0d20 44%,#0000 0,#0000 48%,#111 0,#111 55%,#0000 0,#0000 58%,#0a0a18 0,#0a0a18 63%,#0000 0,#0000 66%,#111 0,#111 70%,#0000 0,#0000 73%,#0d0d1a 0,#0d0d1a 80%,#0000 0,#0000 84%,#111 0,#111 90%,#0000 0,#0000 93%,#0d0d20 0,#0d0d20 98%,#0000 0);bottom:0;content:"";height:35%;left:0;position:absolute;right:0}.scene-pixel-city .flocus-animated-bg:after{animation:pixel-city-flicker 4s step-end infinite;background-image:radial-gradient(1.5px 1.5px at 3.5% 30%,#ff0 100%,#0000),radial-gradient(1.5px 1.5px at 4.5% 50%,#fa0 100%,#0000),radial-gradient(1.5px 1.5px at 10% 20%,#ff0 100%,#0000),radial-gradient(1.5px 1.5px at 11% 60%,#fa0 100%,#0000),radial-gradient(1.5px 1.5px at 24% 25%,#ff0 100%,#0000),radial-gradient(1.5px 1.5px at 26% 45%,#0af 100%,#0000),radial-gradient(1.5px 1.5px at 35% 30%,#ff0 100%,#0000),radial-gradient(1.5px 1.5px at 36% 55%,#fa0 100%,#0000),radial-gradient(1.5px 1.5px at 42% 20%,#0af 100%,#0000),radial-gradient(1.5px 1.5px at 50% 35%,#ff0 100%,#0000),radial-gradient(1.5px 1.5px at 52% 50%,#fa0 100%,#0000),radial-gradient(1.5px 1.5px at 60% 25%,#ff0 100%,#0000),radial-gradient(1.5px 1.5px at 68% 40%,#0af 100%,#0000),radial-gradient(1.5px 1.5px at 75% 20%,#ff0 100%,#0000),radial-gradient(1.5px 1.5px at 76% 55%,#fa0 100%,#0000),radial-gradient(1.5px 1.5px at 86% 35%,#ff0 100%,#0000),radial-gradient(1.5px 1.5px at 88% 50%,#fa0 100%,#0000),radial-gradient(1.5px 1.5px at 95% 30%,#0af 100%,#0000);bottom:0;content:"";height:30%;left:0;position:absolute;right:0}@keyframes pixel-city-flicker{0%,to{opacity:1}50%{opacity:.85}75%{opacity:.95}}.scene-pixel-fire{background:#0d0800}.scene-pixel-fire .flocus-animated-bg{background:linear-gradient(180deg,#060305,#0d0800 40%,#1a0d00)}.scene-pixel-fire .flocus-animated-bg:before{animation:pixel-fire-dance .3s steps(3) infinite;background:radial-gradient(ellipse at center bottom,#ff640099 0,#0000 60%),radial-gradient(ellipse at 40% 60%,#ffc80080 0,#0000 40%),radial-gradient(ellipse at 60% 70%,#ff320066 0,#0000 50%);bottom:10%;content:"";filter:blur(2px);height:80px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.scene-pixel-fire .flocus-animated-bg:after{animation:pixel-fire-glow 2s ease-in-out infinite alternate;background:radial-gradient(ellipse at 50% 90%,#ff50001f 0,#0000 50%);content:"";inset:0;position:absolute}@keyframes pixel-fire-dance{0%{transform:translateX(-50%) scaleY(1) scaleX(1)}33%{transform:translateX(-50%) scaleY(1.15) scaleX(.95)}66%{transform:translateX(-50%) scaleY(.9) scaleX(1.05)}}@keyframes pixel-fire-glow{0%{opacity:.6}to{opacity:1}}.scene-pixel-snow{background:#0e1a2b}.scene-pixel-snow .flocus-animated-bg{background:linear-gradient(180deg,#0e1a2b,#14243d 50%,#1d3050)}.scene-pixel-snow .flocus-animated-bg:after,.scene-pixel-snow .flocus-animated-bg:before{animation:pixel-snow-fall 6s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#fff 100%,#0000),radial-gradient(2px 2px at 80px 120px,#fff 100%,#0000),radial-gradient(2px 2px at 160px 60px,#fff 100%,#0000),radial-gradient(2px 2px at 240px 180px,#fff 100%,#0000),radial-gradient(2px 2px at 320px 40px,#fff 100%,#0000),radial-gradient(2px 2px at 400px 140px,#fff 100%,#0000),radial-gradient(2px 2px at 480px 90px,#fff 100%,#0000),radial-gradient(2px 2px at 560px 200px,#fff 100%,#0000),radial-gradient(2px 2px at 640px 70px,#fff 100%,#0000),radial-gradient(2px 2px at 720px 160px,#fff 100%,#0000);background-size:800px 300px;content:"";inset:0;opacity:.7;position:absolute}.scene-pixel-snow .flocus-animated-bg:after{animation-delay:-3s;animation-duration:9s;background-image:radial-gradient(3px 3px at 50px 20px,#fff9 100%,#0000),radial-gradient(2px 2px at 130px 100px,#fff 100%,#0000),radial-gradient(3px 3px at 210px 50px,#ffffff80 100%,#0000),radial-gradient(2px 2px at 290px 150px,#fff 100%,#0000),radial-gradient(3px 3px at 370px 80px,#ffffffb3 100%,#0000),radial-gradient(2px 2px at 450px 200px,#fff 100%,#0000),radial-gradient(3px 3px at 530px 40px,#fff9 100%,#0000),radial-gradient(2px 2px at 610px 130px,#fff 100%,#0000),radial-gradient(3px 3px at 690px 180px,#ffffff80 100%,#0000),radial-gradient(2px 2px at 770px 60px,#fff 100%,#0000);background-size:800px 350px;opacity:.5}.scene-pixel-snow .flocus-animated-bg{border-bottom:6px solid #ffffff14}@keyframes pixel-snow-fall{0%{background-position:0 -300px}to{background-position:0 0}}.scene-pixel-neon{background:#050008}.scene-pixel-neon .flocus-animated-bg{background:#050008;perspective:500px}.scene-pixel-neon .flocus-animated-bg:before{animation:pixel-neon-scroll 4s linear infinite;background:repeating-linear-gradient(90deg,#ff00c826,#ff00c826 1px,#0000 0,#0000 60px),repeating-linear-gradient(0deg,#00c8ff1f,#00c8ff1f 1px,#0000 0,#0000 40px);bottom:0;content:"";height:60%;left:-50%;position:absolute;right:-50%;transform:rotateX(60deg);transform-origin:center bottom}.scene-pixel-neon .flocus-animated-bg:after{background:linear-gradient(90deg,#0000 5%,#ff00c880 30%,#00ffff80 70%,#0000 95%);bottom:38%;box-shadow:0 0 30px #ff00c866,0 0 60px #0ff3;content:"";height:4px;left:0;position:absolute;right:0}@keyframes pixel-neon-scroll{0%{background-position:0 0}to{background-position:0 40px}}.flocus-scene-animated{overflow:hidden;position:relative}.flocus-scene-animated.scene-pixel-rain{background:linear-gradient(180deg,#0a0a1a,#161b22)!important}.flocus-scene-animated.scene-pixel-stars{background:#04060e!important;box-shadow:inset 0 0 10px 3px #ffffff1a}.flocus-scene-animated.scene-pixel-city{background:linear-gradient(180deg,#0a0a18,#1a1040)!important}.flocus-scene-animated.scene-pixel-fire{background:radial-gradient(ellipse at 50% 80%,#ff50004d,#0d0800)!important}.flocus-scene-animated.scene-pixel-snow{background:linear-gradient(180deg,#0e1a2b,#1d3050)!important}.flocus-scene-animated.scene-pixel-neon{background:linear-gradient(180deg,#050008 40%,#ff00c814)!important}.et-page{background:var(--md-surface);color:var(--md-on-surface);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.et-page-header{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:24px 28px 0}.et-page-title-row{align-items:center;display:flex;gap:10px}.et-page-title{font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0}.et-page-actions{align-items:center;display:flex;gap:8px}.et-tabbar{border-bottom:1px solid var(--md-outline-var);display:flex;flex-shrink:0;gap:0;padding:16px 28px 0}.et-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--md-outline);cursor:pointer;display:flex;font-family:var(--md-font);font-size:13px;font-weight:600;gap:6px;margin-bottom:-1px;padding:9px 18px;transition:color .18s,border-color .18s;white-space:nowrap}.et-tab:hover{color:var(--md-on-surface)}.et-tab.active{border-bottom-color:var(--md-primary);color:var(--md-primary)}.et-content{flex:1 1;overflow-y:auto;padding:24px 28px}.et-hero{align-items:center;background:linear-gradient(135deg,#1f4b8e,var(--md-primary));background:linear-gradient(135deg,var(--md-primary-container,#1f4b8e),var(--md-primary));border-radius:var(--md-shape-xl);color:#fff;display:flex;justify-content:space-between;margin-bottom:16px;overflow:hidden;padding:28px 32px;position:relative}.et-hero:before{background:radial-gradient(circle at 80% 50%,#ffffff1f 0,#0000 60%);content:"";inset:0;position:absolute}.et-hero-label{font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:6px;opacity:.8;text-transform:uppercase}.et-hero-amount{font-family:var(--md-mono);font-size:36px;font-weight:800;letter-spacing:-1px;line-height:1;margin-bottom:6px}.et-hero-sub{font-size:13px;opacity:.7}.et-hero-icon{flex-shrink:0;opacity:.18}.et-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.et-stat{align-items:center;background:var(--md-surface-1);border:1px solid var(--md-outline-var);border-radius:var(--md-shape-lg);display:flex;gap:10px;padding:14px 16px}.et-stat-label{color:var(--md-outline);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.et-stat-val{color:var(--md-on-surface);font-family:var(--md-mono);font-size:16px;font-weight:700}.et-stat-income{border-left:3px solid var(--md-success)}.et-stat-income svg{color:var(--md-success);flex-shrink:0}.et-stat-expense{border-left:3px solid var(--md-error)}.et-stat-expense svg{color:var(--md-error);flex-shrink:0}.et-stat-balance{border-left:3px solid var(--md-primary)}.et-stat-balance svg{color:var(--md-primary);flex-shrink:0}.et-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.et-card{background:var(--md-surface-1);border:1px solid var(--md-outline-var);border-radius:var(--md-shape-xl);padding:20px}.et-card-title{color:var(--md-outline);font-size:13px;font-weight:600;letter-spacing:.6px;margin-bottom:16px;text-transform:uppercase}.et-chart{align-items:flex-end;display:flex;gap:8px;height:130px;padding-bottom:4px}.et-chart-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;height:100%}.et-chart-bars{align-items:flex-end;display:flex;flex:1 1;gap:3px;width:100%}.et-bar{border-radius:4px 4px 0 0;flex:1 1;min-height:2px;transition:height .6s ease;transition:height .6s var(--md-decel,ease)}.et-bar-income{background:color-mix(in srgb,var(--md-primary) 75%,#0000)}.et-bar-expense{background:color-mix(in srgb,var(--md-error) 75%,#0000)}.et-chart-label{color:var(--md-outline);font-size:10px;font-weight:500}.et-chart-legend{align-items:center;color:var(--md-outline);display:flex;font-size:11px;gap:4px;margin-top:12px}.et-legend-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.et-tx-row{align-items:center;border-bottom:1px solid var(--md-outline-var);display:flex;gap:12px;padding:12px 20px;transition:background .14s}.et-tx-row:last-child{border-bottom:none}.et-tx-row:hover{background:var(--md-surface-2)}.et-tx-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.et-tx-info{flex:1 1;min-width:0}.et-tx-desc{color:var(--md-on-surface);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.et-tx-sub{color:var(--md-outline);font-size:11px;margin-top:1px}.et-tx-amount{flex-shrink:0;font-family:var(--md-mono);font-size:14px;font-weight:700;white-space:nowrap}.et-section{display:flex;flex-direction:column;gap:16px}.et-section-header{align-items:center;display:flex;justify-content:space-between}.et-section-title{color:var(--md-on-surface);font-size:18px;font-weight:700}.et-accounts-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.et-account-card{background:var(--md-surface-1);border:1px solid var(--md-outline-var);border-radius:var(--md-shape-xl);display:flex;flex-direction:column;gap:6px;padding:20px;transition:box-shadow .2s,border-color .2s}.et-account-card:hover{border-color:var(--md-primary);box-shadow:0 4px 20px -6px color-mix(in srgb,var(--md-primary) 30%,#0000)}.et-account-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.et-account-icon{align-items:center;background:color-mix(in srgb,var(--md-primary) 12%,var(--md-surface-2));border-radius:var(--md-shape-md);color:var(--md-primary);display:flex;height:38px;justify-content:center;width:38px}.et-account-name{color:var(--md-on-surface);font-size:16px;font-weight:700}.et-account-type{color:var(--md-outline);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.et-account-balance{color:var(--md-on-surface);font-family:var(--md-mono);font-size:22px;font-weight:800;letter-spacing:-.5px;margin-top:6px}.et-field{display:flex;flex-direction:column;gap:6px}.et-label{color:var(--md-on-surface-var);font-size:12px;font-weight:600;letter-spacing:.2px}.et-input{background:var(--md-surface-2);border:1px solid var(--md-outline-var);border-radius:var(--md-shape-md);box-sizing:border-box;color:var(--md-on-surface);font-family:var(--md-font);font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s;width:100%}.et-input:focus{border-color:var(--md-primary)}.et-select{appearance:none;cursor:pointer}.et-btn{align-items:center;border:none;border-radius:var(--md-shape-full);cursor:pointer;display:inline-flex;font-family:var(--md-font);font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:9px 18px;transition:filter .15s,transform .12s;white-space:nowrap}.et-btn:hover:not(:disabled){filter:brightness(1.08)}.et-btn:active:not(:disabled){transform:scale(.97)}.et-btn:disabled{cursor:not-allowed;opacity:.5}.et-btn-primary{background:var(--md-primary);color:#fff;color:var(--md-on-primary,#fff)}.et-btn-ghost{background:var(--md-surface-2);border:1px solid var(--md-outline-var);color:var(--md-on-surface-var)}.et-btn-danger{background:color-mix(in srgb,var(--md-error) 12%,#0000);color:var(--md-error)}.et-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.et-modal{background:var(--md-surface-1);border:1px solid var(--md-outline-var);border-radius:var(--md-shape-xl);box-shadow:var(--md-elev-4);max-width:460px;padding:24px;width:100%}.et-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.et-modal-title{font-size:18px;font-weight:700;margin:0}.et-form{display:flex;flex-direction:column;gap:14px}.et-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.et-empty{color:var(--md-outline);font-size:13px;line-height:1.6;padding:32px 0;text-align:center}.et-dashboard{display:flex;flex-direction:column;gap:16px}@media (max-width:768px){.et-page-header{padding:16px 16px 0}.et-tabbar{gap:0;overflow-x:auto;padding:12px 16px 0}.et-tab{font-size:12px;padding:8px 12px}.et-content{padding:16px 16px calc(env(safe-area-inset-bottom) + 80px)}.et-hero{padding:20px}.et-hero-amount{font-size:28px}.et-hero-icon{display:none}.et-stats{gap:8px}.et-accounts-grid,.et-grid-2,.et-stats{grid-template-columns:1fr}.et-tx-row{padding:11px 14px}.et-modal{border-radius:var(--md-shape-xl) var(--md-shape-xl) 0 0;max-width:100%}.et-modal-overlay{align-items:flex-end;padding:0}}
/*# sourceMappingURL=main.b519589b.css.map*/