.confirmation-overlay{z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080c1294;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirmation-dialog{border:1px solid var(--border);background:var(--surface);width:min(440px,100%);color:var(--text);border-radius:16px;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:22px;display:grid;box-shadow:0 24px 70px #0000004d}.confirmation-dialog-icon{background:color-mix(in srgb, #dc2626 14%, var(--surface));color:#dc2626;border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.15rem;font-weight:800;display:grid}.confirmation-dialog-copy h2{margin:1px 0 8px;font-size:1.15rem;line-height:1.3}.confirmation-dialog-copy p{color:var(--text-secondary);margin:0;line-height:1.55}.confirmation-dialog-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.confirmation-dialog-actions button{border:1px solid var(--border);min-height:40px;font:inherit;cursor:pointer;border-radius:9px;padding:0 16px;font-weight:700}.confirmation-dialog-cancel{background:var(--surface-raised);color:var(--text)}.confirmation-dialog-cancel:hover{background:var(--hover)}.confirmation-dialog-confirm{color:#fff;background:#b91c1c;border-color:#b91c1c!important}.confirmation-dialog-confirm:hover{background:#991b1b}.confirmation-dialog-actions button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (width<=520px){.confirmation-overlay{align-items:end;padding:12px}.confirmation-dialog{border-radius:16px;padding:20px 18px 18px}.confirmation-dialog-actions{flex-direction:column-reverse}.confirmation-dialog-actions button{width:100%}}@media (prefers-reduced-motion:no-preference){.confirmation-overlay{animation:.12s ease-out confirmation-fade-in}.confirmation-dialog{animation:.16s ease-out confirmation-rise-in}}@keyframes confirmation-fade-in{0%{opacity:0}}@keyframes confirmation-rise-in{0%{transform:translateY(8px)scale(.985)}}.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{border:0;border-bottom:1px solid var(--border);width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;padding:.65rem 1rem;transition:background .15s;display:block}.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--nudge{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.notif-item--nudge:hover{background:color-mix(in srgb, var(--accent) 16%, var(--surface))}.notif-nudge-copy{color:var(--text-secondary);margin-top:.12rem;display:block}.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}}.text-size-control{flex-direction:column;gap:8px;display:flex}.text-size-control-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.text-size-control-title{color:var(--text-secondary);font-size:12px;font-weight:600}.text-size-control-title--sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.text-size-control-value{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:11px}.text-size-control-row{align-items:center;gap:6px;display:flex}.text-size-stepper{border:1px solid var(--border);border-radius:var(--radius);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-weight:600;line-height:1;transition:all .15s;display:flex}.text-size-stepper--down{font-size:11px}.text-size-stepper--up{font-size:17px}.text-size-stepper:hover:not(:disabled){background:var(--hover);color:var(--text);border-color:var(--text-muted)}.text-size-stepper:disabled{opacity:.35;cursor:default}.text-size-track{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex;position:relative}.text-size-track:before{content:"";background:var(--border);border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:10px;right:10px}.text-size-step{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:relative}.text-size-step-dot{background:var(--surface);border:1.5px solid var(--text-muted);border-radius:50%;transition:all .15s;display:block}.text-size-step-dot--0{width:6px;height:6px}.text-size-step-dot--1{width:8px;height:8px}.text-size-step-dot--2{width:10px;height:10px}.text-size-step-dot--3{width:12px;height:12px}.text-size-step-dot--4{width:14px;height:14px}.text-size-step:hover .text-size-step-dot{border-color:var(--accent)}.text-size-step--active .text-size-step-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.text-size-step:focus-visible,.text-size-stepper:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle{position:relative}.theme-toggle-btn{border:1px solid var(--border-control);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-btn:focus-visible,.theme-toggle-option:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.theme-toggle-menu{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:200;border-radius:12px;min-width:248px;padding:.35rem;animation:.12s ease-out theme-menu-in;position:absolute;top:calc(100% + 6px);right:0}.theme-toggle-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:.35rem .6rem .2rem;font-size:.65rem;font-weight:600}.theme-toggle-options{flex-direction:column;display:flex}.theme-toggle-divider{background:var(--border);height:1px;margin:.35rem .25rem}.theme-toggle-text-size{padding:.2rem .45rem .4rem}.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:.65rem;padding:.48rem .55rem;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{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent)}.theme-toggle-option--active:hover{background:var(--accent-soft);color:var(--accent)}.theme-toggle-option-icon{border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.theme-toggle-option--system .theme-toggle-option-icon{color:#7c3f58;background:linear-gradient(135deg,#f6f2ec 50%,#1a1e1e 50%)}.theme-toggle-option--light .theme-toggle-option-icon{color:#7c3f58;background:#f6f2ec;border-color:#d8ccc2}.theme-toggle-option--dark .theme-toggle-option-icon{color:#2dd4bf;background:#1a1e1e;border-color:#343a39}.theme-toggle-option--e-reader .theme-toggle-option-icon{color:#8b6f3a;background:#f5eed8;border-color:#d8ccb0}.theme-toggle-option--focus .theme-toggle-option-icon{color:#0f766e;background:#eef5f0;border-color:#cbd8cf}.theme-toggle-option--studio .theme-toggle-option-icon{color:#be3455;background:#f3f5f2;border-color:#d6dcd8}.theme-toggle-option-copy{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.theme-toggle-option-label{white-space:nowrap}.theme-toggle-option-description{color:var(--text-muted);white-space:nowrap;font-size:.66rem;font-weight:450}.theme-toggle-option--active .theme-toggle-option-description{color:color-mix(in srgb, var(--accent) 76%, var(--text-secondary))}@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(--brand), var(--brand-secondary));width:28px;height:28px;color:var(--brand-ink);border-radius:7px;justify-content:center;align-items:center;display:flex}.nav-links{gap:.125rem;display:flex}@media (width<=1180px) and (width>=768px){.nav-left{gap:.75rem}.nav-link{padding-inline:.5rem}.nav-profile-name,.btn-signout{display:none}}.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:var(--accent-ink)}.nav-link--disabled{opacity:.35;pointer-events:none;cursor:default}.nav-link-dot{background:var(--brand-secondary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.nav-link.active .nav-link-dot{background:var(--accent-ink)}.nav-link--primary{background:var(--accent);color:var(--accent-ink)}.nav-link--primary:hover{opacity:.9;color:var(--accent-ink);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(--brand), var(--brand-secondary));width:28px;height:28px;color:var(--brand-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;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:var(--brand-secondary);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-surface{top:calc(var(--nav-height,52px) + .75rem);z-index:95;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.45rem;width:min(380px,100vw - 1.5rem);display:flex;position:fixed;right:.85rem}.pwa-card,.pwa-update-chip{pointer-events:auto;border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));background:color-mix(in srgb, var(--surface) 94%, var(--accent-soft));color:var(--text);box-shadow:var(--shadow-lg)}.pwa-card{border-radius:8px;flex-direction:column;gap:.65rem;width:100%;padding:.8rem 2.5rem .8rem .85rem;animation:.22s ease-out pwa-card-in;display:flex;position:relative}@keyframes pwa-card-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pwa-card-head{align-items:flex-start;gap:.55rem;min-width:0;display:flex}.pwa-card-icon,.pwa-update-dot{color:var(--accent);flex:none}.pwa-update-dot{background:var(--accent);width:.6rem;height:.6rem;box-shadow:0 0 0 4px var(--accent-soft);border-radius:999px;margin-top:.28rem}.pwa-card-copy{flex-direction:column;gap:.12rem;min-width:0;display:flex}.pwa-card-copy strong{font-size:.82rem;line-height:1.25}.pwa-card-copy span{color:var(--text-secondary);font-size:.74rem;line-height:1.35}.pwa-card-actions{flex-wrap:wrap;gap:.45rem;display:flex}.pwa-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;min-height:30px;padding:.35rem .72rem;font-family:inherit;font-size:.76rem;font-weight:700}.pwa-btn--primary{background:var(--accent);color:var(--accent-ink)}.pwa-btn--primary:hover{background:var(--accent-hover)}.pwa-btn--dismiss{border-color:var(--border);background:var(--surface);color:var(--text-secondary)}.pwa-btn--dismiss:hover{background:var(--hover);color:var(--text)}.pwa-btn--never{color:var(--text-muted);background:0 0}.pwa-btn--never:hover{background:var(--hover);color:var(--text)}.pwa-card-close{width:1.65rem;height:1.65rem;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:.55rem;right:.55rem}.pwa-card-close:hover,.pwa-card-close:focus-visible{border-color:var(--border);background:var(--surface-raised);color:var(--text);outline:none}.pwa-update-chip{min-height:32px;color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.38rem .72rem;font-family:inherit;font-size:.74rem;font-weight:750;animation:.18s ease-out pwa-chip-in;display:inline-flex}.pwa-update-chip .pwa-update-dot{width:.46rem;height:.46rem;box-shadow:0 0 0 3px var(--accent-soft);margin-top:0}.pwa-update-chip:hover,.pwa-update-chip:focus-visible{background:var(--surface);color:var(--text);outline:none}@keyframes pwa-chip-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.pwa-surface{top:calc(var(--nav-height,48px) + .5rem);width:calc(100vw - 1rem);right:.5rem}.pwa-card{padding:.75rem 2.35rem .75rem .75rem}}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-shell-content{flex:1;min-height:0;display:flex;overflow:hidden}