.settings-page{padding-block:clamp(2.4rem,6vw,5rem)}.settings-center{gap:1.2rem;max-width:1050px;margin:auto;display:grid}.settings-hero{border:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--c-violet) 9%,white),color-mix(in srgb,var(--c-cyan) 8%,white),color-mix(in srgb,var(--c-yellow) 7%,white));border-radius:2rem;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:clamp(1.2rem,4vw,2rem);display:flex}.settings-kicker{color:var(--c-violet-dark);font-size:.75rem;font-weight:900}.settings-hero h1{letter-spacing:-.05em;margin:.45rem 0;font-size:clamp(2rem,5vw,3.3rem)}.settings-hero p{max-width:44rem;color:var(--text-muted);margin:0;line-height:1.95}.connection-pill{white-space:nowrap;background:var(--surface);border-radius:999px;padding:.55rem .8rem;font-size:.75rem;font-weight:900}.connection-pill.online{color:#067647}.connection-pill.offline{color:#b42318}.settings-message{background:color-mix(in srgb,var(--c-cyan) 10%,white);border:1px solid color-mix(in srgb,var(--c-cyan) 28%,var(--border));border-radius:1rem;padding:.9rem 1rem;font-size:.82rem;font-weight:800}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.settings-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:1.5rem;align-content:start;gap:.85rem;padding:1.2rem;display:grid}.card-heading{align-items:flex-start;gap:.75rem;display:flex}.card-heading>span{font-size:1.55rem}.card-heading h2{margin:0;font-size:1.08rem}.card-heading p{color:var(--text-soft);margin:.2rem 0 0;font-size:.73rem;line-height:1.75}.stats-row{grid-template-columns:repeat(4,1fr);gap:.45rem;display:grid}.stats-row span{text-align:center;background:var(--surface-2);color:var(--text-soft);border-radius:.8rem;padding:.6rem .3rem;font-size:.62rem;display:grid}.stats-row b{color:var(--text-strong);font-size:.85rem}.settings-button,.file-button{border:1px solid var(--border);background:var(--surface-2);min-height:2.8rem;color:var(--text-strong);font:inherit;cursor:pointer;border-radius:.9rem;justify-content:center;align-items:center;padding:.65rem .8rem;font-size:.78rem;font-weight:900;display:flex}.settings-button.primary{background:linear-gradient(135deg,var(--c-violet),var(--c-blue));color:#fff;border-color:#0000}.settings-button.update{background:color-mix(in srgb,var(--c-green) 13%,white);border-color:color-mix(in srgb,var(--c-green) 35%,var(--border))}.settings-button.danger-soft{color:#b42318;background:#fff5f4;border-color:#fecdca}.settings-button:disabled{opacity:.55;cursor:wait}.file-button input{opacity:0;pointer-events:none;position:absolute}.import-preview{background:var(--surface-2);border-radius:1rem;gap:.55rem;padding:.75rem;display:grid}.import-preview strong{font-size:.78rem}.import-preview small,.privacy-note{color:var(--text-soft);font-size:.68rem;line-height:1.7}.warning{color:#b54708;margin:0;font-size:.7rem;line-height:1.7}.mode-row{flex-wrap:wrap;gap:.8rem;font-size:.72rem;display:flex}.mode-row label{align-items:center;gap:.35rem;display:flex}.offline-meter{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.offline-meter>div{background:var(--surface-2);border-radius:1rem;gap:.2rem;padding:.8rem;display:grid}.offline-meter strong{font-size:.9rem}.offline-meter small{color:var(--text-soft);font-size:.63rem}.download-progress{grid-template-columns:1fr auto;align-items:center;gap:.6rem;font-size:.66rem;display:grid}.download-progress progress{width:100%;accent-color:var(--c-violet)}.status-line{border-bottom:1px dashed var(--border);justify-content:space-between;gap:1rem;padding:.6rem 0;font-size:.73rem;display:flex}.toggle-row{background:var(--surface-2);cursor:pointer;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.toggle-row span{gap:.15rem;display:grid}.toggle-row b{font-size:.76rem}.toggle-row small{color:var(--text-soft);font-size:.64rem;line-height:1.6}.toggle-row input{width:1.2rem;height:1.2rem;accent-color:var(--c-violet)}.danger-zone{background:#fff8f7;border:1px solid #fecdca;border-radius:1.3rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.danger-zone div{gap:.2rem;display:grid}.danger-zone strong{color:#b42318;font-size:.86rem}.danger-zone span{color:#7a271a;font-size:.69rem}.danger-zone button{color:#b42318;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #f04438;border-radius:.8rem;padding:.6rem .75rem;font-size:.7rem;font-weight:900}@media (width<=760px){.settings-grid{grid-template-columns:1fr}.settings-hero,.danger-zone{flex-direction:column}.stats-row{grid-template-columns:repeat(2,1fr)}.danger-zone button{width:100%}}@media (width<=440px){.offline-meter{grid-template-columns:1fr}.mode-row{display:grid}.settings-page{padding-top:1.3rem}}