:root{--bg-color:#f6f4ee;--text-color:#4a5568;--heading-color:#2a1b38;--primary-color:#2a1b38;--primary-hover:#3e2b52;--on-primary:#fff;--primary-shadow:#2a1b3833;--primary-shadow-hover:#2a1b384d;--primary-wash:#2a1b380d;--accent-color:#7ba089;--focus-ring:#7ba08933;--outline-fg:var(--primary-color);--outline-border:var(--primary-color);--outline-border-hover:var(--primary-hover);--selected-bg:var(--primary-color);--selected-fg:var(--on-primary);--selected-border:var(--primary-color);--header-bg:#fff;--navlink-fg:#6b7280;--navlink-hover-bg:#2a1b380d;--navlink-active-bg:#2a1b3814;--navlink-active-fg:#2a1b38;--nav-bg:#f6f4eed9;--glass-bg:#fff;--surface-2:#f9fafb;--surface-sunken:#00000005;--glass-border:#00000014;--glass-shadow:0 4px 12px 0 #0000000d;--overlay-scrim:#11111b8c;--text-strong:#374151;--text-muted:#6b7280;--text-dim:#9ca3af;--text-on-dark:#fff;--input-bg:#fff;--input-border:#d1d5db;--input-shadow:inset 0 1px 2px #0000000d;--danger-color:#ef4444;--danger-ink:#991b1b;--danger-soft:#ef44441a;--on-danger:#fff;--success-color:#10b981;--success-ink:#065f46;--success-soft:#10b9811a;--on-success:#fff;--warning-color:#b45309;--warning-ink:#7c2d12;--warning-soft:#b453091a;--info-color:#2563eb;--info-soft:#2563eb1f;--accent-violet:#7c3aed;--accent-soft:#7ba08924;--media-bg:#111;--media-bg-deep:#000}[data-theme=dark]{--bg-color:#1a1b1a;--text-color:#d5d0cb;--heading-color:#f0edea;--primary-color:#79a090;--primary-hover:#8db4a3;--on-primary:#2e2f2e;--primary-shadow:#00000073;--primary-shadow-hover:#0009;--primary-wash:#79a09026;--accent-color:#79a090;--focus-ring:#79a09059;--outline-fg:#a99e9a;--outline-border:#74666380;--outline-border-hover:#79a09099;--selected-bg:#79a09026;--selected-fg:#8fb8a6;--selected-border:#79a09066;--header-bg:#2e2f2e;--navlink-fg:#a99e9a;--navlink-hover-bg:#ffffff0a;--navlink-active-bg:#79a09026;--navlink-active-fg:#8fb8a6;--nav-bg:#1a1b1ad9;--glass-bg:#2e2f2e;--surface-2:#3a3b3a;--surface-sunken:#ffffff09;--glass-border:#74666380;--glass-shadow:0 4px 16px 0 #00000073;--overlay-scrim:#0c0d0cb8;--text-strong:#e6e2de;--text-muted:#a99e9a;--text-dim:#a29995;--input-bg:#2e2f2e;--input-border:#7466638c;--input-shadow:inset 0 1px 2px #00000040;--danger-color:#c0776e;--danger-ink:#d9958c;--danger-soft:#c0776e29;--on-danger:#241615;--success-color:#5fbf92;--success-ink:#93d9b5;--success-soft:#5fbf9229;--on-success:#1c2a23;--warning-color:#d9a05b;--warning-ink:#e8c490;--warning-soft:#d9a05b29;--info-color:#7fa8c4;--info-soft:#7fa8c42e;--accent-violet:#ae93b8;--accent-soft:#79a09026}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;font-family:Outfit,sans-serif}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--heading-color);font-weight:600}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:24px}.glass-nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);position:static}.app-header{background:var(--header-bg);border-bottom:1px solid var(--glass-border);padding:10px 20px}.app-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.nav-link{color:var(--navlink-fg);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:4px;padding:7px 12px;font-size:.95rem;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.nav-link:hover{background:var(--navlink-hover-bg);color:var(--heading-color)}.nav-link[aria-current=page]{background:var(--navlink-active-bg);color:var(--navlink-active-fg)}.nav-link:focus-visible,.nav-menu-item:focus-visible,.nav-install:focus-visible,.nav-quiet:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.nav-count{background:var(--primary-color);min-width:20px;height:20px;color:var(--on-primary);border-radius:999px;justify-content:center;align-items:center;margin-left:6px;padding:0 6px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.nav-dot{background:var(--primary-color);border-radius:999px;width:9px;height:9px;position:absolute;top:6px;right:6px}.nav-menu{z-index:50;background:var(--glass-bg);border:1px solid var(--glass-border);min-width:190px;box-shadow:var(--glass-shadow);border-radius:10px;padding:4px 0;position:absolute;top:calc(100% + 6px);left:0}.nav-menu-item{width:100%;color:var(--text-color);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:9px 16px;font-size:.92rem;display:block}.nav-menu-item:hover{background:var(--navlink-hover-bg)}.nav-menu-item[aria-current=page]{background:var(--navlink-active-bg);color:var(--navlink-active-fg)}.nav-install{border:1px solid var(--selected-border);color:var(--navlink-active-fg);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.88rem;font-weight:500;display:inline-flex}.nav-install:hover{background:var(--navlink-active-bg)}.nav-quiet{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:4px;font-size:.82rem}.nav-quiet:hover{color:var(--heading-color)}.nav-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:14rem;font-size:.8rem;overflow:hidden}.nav-mobile-menu{border-top:1px solid var(--glass-border);flex-direction:column;gap:2px;margin-top:10px;padding-top:10px;display:flex}.nav-section{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin:8px 12px 2px;font-size:.72rem;font-weight:700}.nav-desktop{display:none}@media (width>=1024px){.nav-desktop{display:flex}.nav-mobile-only{display:none!important}}@media (width<=640px){.nav-email{display:none}.app-header{padding:10px 14px}}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:var(--on-primary);box-shadow:0 4px 10px var(--primary-shadow)}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 6px 14px var(--primary-shadow-hover);transform:translateY(-2px)}.btn-outline{color:var(--outline-fg);border:1px solid var(--outline-border);background:0 0}.btn-outline:hover{background:var(--primary-wash);border-color:var(--outline-border-hover)}.btn-selected{background:var(--selected-bg);color:var(--selected-fg);border:1px solid var(--selected-border)}.btn-selected:hover{background:var(--selected-bg);border-color:var(--selected-border)}.btn-danger{background-color:var(--danger-color);color:var(--on-danger)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.input-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.input-group label{color:var(--text-muted);font-size:.9rem}.input-field{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-color);box-shadow:var(--input-shadow);border-radius:8px;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .3s}.input-field::placeholder{color:var(--text-dim);opacity:1}.input-field:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--focus-ring);outline:none}html[data-text=large]{font-size:120%}[data-theme=dark] .logo-plaque{background:#fff;border-radius:8px;padding:5px 9px;display:inline-flex}.page-container{max-width:1200px;margin:0 auto;padding:40px 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes spin{to{transform:rotate(360deg)}}