:root,[data-theme=light]{--bg:#f6f7fb;--surface:#fff;--surface-raised:#eef1f6;--surface-inset:#e4e8f0;--border:#dce2eb;--hover:#e9edf5;--text:#17181c;--text-secondary:#525866;--text-muted:#8d95a6;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#2563eb17;--accent-glow:#2563eb29;--editor-paper:#fff;--editor-paper-shadow:0 18px 55px #2b344514;--editor-ink:#202124;--editor-rule:#e7ebf2;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--radius:8px;--nav-height:52px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#111414;--surface:#1a1e1e;--surface-raised:#242928;--surface-inset:#0d0f0f;--border:#343a39;--hover:#2c3331;--text:#f0f2ef;--text-secondary:#b4bab4;--text-muted:#747d76;--accent:#2dd4bf;--accent-hover:#14b8a6;--accent-soft:#2dd4bf1a;--accent-glow:#2dd4bf29;--editor-paper:#171a1a;--editor-paper-shadow:0 20px 60px #00000059;--editor-ink:#f3f4f1;--editor-rule:#303635;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=e-reader]{--bg:#f5eed8;--surface:#faf5e8;--surface-raised:#f0e9d4;--surface-inset:#ebe3cc;--border:#d8ccb0;--hover:#ede5ce;--text:#3d3122;--text-secondary:#635643;--text-muted:#9a8b74;--accent:#8b6f3a;--accent-hover:#74592c;--accent-soft:#8b6f3a1a;--accent-glow:#8b6f3a26;--editor-paper:#fff9eb;--editor-paper-shadow:0 18px 48px #503c141a;--editor-ink:#34291d;--editor-rule:#e5d9bd;--shadow-sm:0 1px 2px #503c140f;--shadow-md:0 4px 12px #503c1414;--shadow-lg:0 8px 24px #503c141a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=focus]{--bg:#eef5f0;--surface:#fbfdf9;--surface-raised:#e4ece5;--surface-inset:#d9e3dc;--border:#cbd8cf;--hover:#dde8e1;--text:#15211a;--text-secondary:#425148;--text-muted:#77877c;--accent:#0f766e;--accent-hover:#115e59;--accent-soft:#0f766e1a;--accent-glow:#0f766e2e;--editor-paper:#fffffb;--editor-paper-shadow:0 22px 60px #1c40321c;--editor-ink:#17201a;--editor-rule:#dfe8e1;--shadow-sm:0 1px 2px #1c40320d;--shadow-md:0 4px 12px #1c403214;--shadow-lg:0 8px 24px #1c40321f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=studio]{--bg:#f3f5f2;--surface:#fffefd;--surface-raised:#ecefed;--surface-inset:#e2e6e4;--border:#d6dcd8;--hover:#e8ece9;--text:#18191b;--text-secondary:#4e5552;--text-muted:#838b86;--accent:#be3455;--accent-hover:#9f2745;--accent-soft:#be345517;--accent-glow:#be345529;--editor-paper:#fffdf8;--editor-paper-shadow:0 22px 58px #2a2d2b1a;--editor-ink:#1d1d1f;--editor-rule:#e5ded7;--shadow-sm:0 1px 2px #2a2d2b0d;--shadow-md:0 4px 14px #2a2d2b14;--shadow-lg:0 10px 28px #2a2d2b1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (width<=767px){:root{--nav-height:48px}}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.route-fallback{background:var(--bg);min-height:100%}::selection{background:var(--accent-glow);color:var(--text)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=767px){button,a{-webkit-tap-highlight-color:transparent}}.notif-bell-wrapper{position:relative}.notif-bell-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.notif-bell-btn:hover{background:var(--hover);color:var(--text);border-color:var(--text-muted)}.notif-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.6rem;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.notif-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:340px;max-height:420px;box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;animation:.15s ease-out notif-fade-in;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-dropdown-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.notif-dropdown-title{font-size:.85rem;font-weight:700}.notif-mark-all{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.72rem;font-weight:600}.notif-mark-all:hover{background:var(--accent-soft)}.notif-dropdown-list{flex:1;overflow-y:auto}.notif-dropdown-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.82rem}.notif-item{cursor:pointer;border-bottom:1px solid var(--border);padding:.65rem 1rem;transition:background .15s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--hover)}.notif-item--unread{background:var(--accent-soft)}.notif-item--unread:hover{background:var(--accent-glow)}.notif-item-text{color:var(--text);font-size:.8rem;line-height:1.4}.notif-actor{font-weight:600}.notif-item-time{color:var(--text-muted);margin-top:2px;font-size:.68rem}.notif-see-all{border:none;border-top:1px solid var(--border);color:var(--accent);cursor:pointer;text-align:center;background:0 0;width:100%;padding:.6rem 1rem;font-size:.78rem;font-weight:600}.notif-see-all:hover{background:var(--hover)}@keyframes notif-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.notif-dropdown{top:var(--nav-height);width:100%;max-height:calc(100vh - var(--nav-height));border-left:none;border-right:none;border-radius:0;position:fixed;left:0;right:0}}.theme-toggle{position:relative}.theme-toggle-btn{border:1px solid var(--border);border-radius:var(--radius);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.theme-toggle-btn:hover{background:var(--hover);color:var(--text);border-color:var(--text-muted)}.theme-toggle-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;min-width:140px;padding:.25rem;animation:.12s ease-out theme-menu-in;position:absolute;top:calc(100% + 6px);right:0}.theme-toggle-option{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.78rem;font-weight:500;transition:all .1s;display:flex}.theme-toggle-option:hover{background:var(--hover);color:var(--text)}.theme-toggle-option--active,.theme-toggle-option--active:hover{background:var(--accent-soft);color:var(--accent)}.theme-toggle-option-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex}.theme-toggle-option-label{white-space:nowrap}@keyframes theme-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex}.avatar span{letter-spacing:-.02em}.avatar svg{display:block}.top-nav{height:var(--nav-height);border-bottom:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1.25rem;display:flex;position:relative}.nav-left{align-items:center;gap:2rem;display:flex}.nav-hamburger{border-radius:var(--radius);width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:none}.nav-hamburger:hover{background:var(--hover)}.nav-brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;text-decoration:none;display:flex}.nav-brand:hover{text-decoration:none}.nav-brand-icon{background:linear-gradient(135deg, var(--accent), #a78bfa);color:#fff;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.nav-links{gap:.125rem;display:flex}.nav-link{border-radius:var(--radius);color:var(--text-secondary);align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.nav-link:hover{background:var(--hover);color:var(--text);text-decoration:none}.nav-link.active{background:var(--accent);color:#fff}.nav-link--disabled{opacity:.35;pointer-events:none;cursor:default}.nav-link-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:6px;height:6px}.nav-link.active .nav-link-dot{background:#fff}.nav-link--primary{background:var(--accent);color:#fff}.nav-link--primary:hover{opacity:.9;color:#fff;text-decoration:none}.nav-right{flex-shrink:0;align-items:center;display:flex}.nav-user{align-items:center;gap:.5rem;display:flex}.nav-profile{color:var(--text);border-radius:var(--radius);white-space:nowrap;align-items:center;gap:.5rem;padding:.3rem .6rem .3rem .3rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.nav-profile:hover{background:var(--hover);text-decoration:none}.nav-avatar{background:linear-gradient(135deg, var(--accent), #a78bfa);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;font-weight:700;display:flex}.nav-avatar--sm{width:24px;height:24px;font-size:.65rem}.nav-auth{align-items:center;gap:.5rem;display:flex}.btn-signout{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:var(--radius);white-space:nowrap;background:0 0;padding:.25rem .5rem;font-size:.75rem;transition:all .15s}.btn-signout:hover{background:var(--hover);color:var(--text);border-color:var(--text-muted)}.nav-mobile-backdrop,.nav-mobile-menu{display:none}@media (width<=767px){.top-nav{padding:0 .75rem}.nav-left{gap:.25rem}.nav-hamburger{display:flex}.nav-links,.nav-profile-name{display:none}.nav-profile{padding:.4rem}.btn-signout,.nav-brand-text{display:none}.nav-mobile-backdrop{inset:0;top:var(--nav-height);background:var(--bg);opacity:.95;z-index:99;animation:.15s ease-out fade-in;display:block;position:fixed}.nav-mobile-menu{top:var(--nav-height);background:var(--surface);z-index:100;flex-direction:column;padding:.5rem;animation:.15s ease-out slide-down;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.nav-mobile-link{border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.nav-mobile-link:hover{background:var(--hover);text-decoration:none}.nav-mobile-link--disabled{color:var(--text-muted);opacity:.45;cursor:default}.nav-mobile-link--disabled:hover{background:0 0}.nav-mobile-soon{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--surface-raised);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:.6rem;font-weight:700}.nav-mobile-divider{background:var(--border);height:1px;margin:.25rem .75rem}.nav-mobile-signout{color:var(--text-muted)}.nav-mobile-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:auto}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:.2s ease-out page-fade-in;display:contents}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}.pwa-banner{z-index:9999;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 3rem .75rem 1.25rem;font-size:.85rem;animation:.3s ease-out pwa-slide-up;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes pwa-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.pwa-banner--install{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.pwa-banner--update{color:#fff;background:linear-gradient(135deg,#059669,#10b981)}.pwa-banner-content{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.pwa-banner-icon{flex-shrink:0}.pwa-banner-actions{flex-wrap:wrap;flex-shrink:0;gap:.5rem;display:flex}.pwa-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.4rem .85rem;font-family:inherit;font-size:.8rem;font-weight:600}.pwa-btn--primary{color:#4f46e5;background:#fffffff2}.pwa-btn--primary:hover{background:#fff}.pwa-btn--dismiss{color:#fff;background:#fff3}.pwa-btn--dismiss:hover{background:#ffffff4d}.pwa-btn--never{color:#ffffffbf;background:0 0;border:1px solid #ffffff59}.pwa-btn--never:hover{color:#fff;background:#ffffff1a;border-color:#ffffff8c}.pwa-banner-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.pwa-banner-close:hover{background:#ffffff47}body.has-pwa-banner{--pwa-banner-height:64px}@media (width<=480px){.pwa-banner{text-align:center;padding:.9rem 1rem;padding-bottom:calc(.9rem + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:stretch;padding-right:1rem}.pwa-banner-actions{justify-content:center}.pwa-banner-close{top:.4rem;right:.4rem;transform:none}body.has-pwa-banner{--pwa-banner-height:140px}}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-shell-content{flex:1;min-height:0;display:flex;overflow:hidden}