.settings-page{background:radial-gradient(circle at 80% 10%, oklch(72% .16 68/.1), transparent 28%), linear-gradient(180deg, var(--card), var(--background) 34%);min-height:100vh;padding:clamp(112px,14vh,154px) 4.5% 90px}.settings-hero{max-width:1160px;margin:0 auto 38px}.settings-back{color:var(--muted-foreground);align-items:center;gap:7px;margin-bottom:32px;font-size:11px;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.settings-back:hover{color:var(--primary)}.settings-eyebrow,.settings-kicker{color:var(--primary);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.settings-hero h1{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin:11px 0 9px;font-size:clamp(56px,8vw,96px);line-height:.9}.settings-hero p{max-width:570px;color:var(--muted-foreground);margin:0;font-size:15px;line-height:1.6}.settings-layout{grid-template-columns:minmax(230px,285px) minmax(0,1fr);align-items:start;gap:18px;max-width:1160px;margin:0 auto;display:grid}.settings-sidebar,.settings-panel{border:1px solid var(--border);background:color-mix(in oklab, var(--card) 90%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;box-shadow:0 20px 60px oklch(3% 0 0/.18)}.settings-sidebar{padding:9px;position:sticky;top:90px}.settings-sidebar>button{width:100%;color:var(--muted-foreground);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:34px minmax(0,1fr) 15px;align-items:center;gap:10px;padding:12px 10px;transition:background .2s,border-color .2s,color .2s;display:grid;position:relative}.settings-sidebar>button:after{background:var(--primary);content:"";opacity:0;border-radius:0 99px 99px 0;width:3px;transition:opacity .22s,transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:9px;bottom:9px;left:0;transform:scaleY(.35)}.settings-sidebar>button.is-active:after{opacity:1;transform:scaleY(1)}.settings-sidebar>button:hover,.settings-sidebar>button.is-active{border-color:color-mix(in oklab, var(--primary) 28%, var(--border));background:color-mix(in oklab, var(--primary) 8%, var(--card));color:var(--foreground)}.settings-sidebar>button.is-active .settings-sidebar-icon{color:var(--primary)}.settings-sidebar-icon{background:color-mix(in oklab, var(--secondary) 80%, transparent);width:32px;height:32px;color:var(--muted-foreground);border-radius:8px;place-items:center;display:grid}.settings-sidebar-icon svg{width:16px;height:16px}.settings-sidebar strong,.settings-sidebar small{display:block}.settings-sidebar strong{font-size:11px}.settings-sidebar small{color:var(--muted-foreground);margin-top:3px;font-size:9px;line-height:1.3}.settings-sidebar>button>svg{opacity:.5}.settings-sidebar-foot{border-top:1px solid var(--border);color:var(--muted-foreground);align-items:flex-start;gap:7px;margin:12px 7px 5px;padding-top:13px;font-size:9px;line-height:1.45;display:flex}.settings-sidebar-foot svg{color:var(--primary);flex:none}.settings-sidebar-foot a{color:var(--primary);text-decoration:none}.settings-panel{min-height:590px;padding:clamp(22px,4vw,42px);overflow:hidden}.settings-tab-content{will-change:opacity, transform;animation-duration:.34s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}.settings-tab-forward{animation-name:settings-tab-forward}.settings-tab-backward{animation-name:settings-tab-backward}@keyframes settings-tab-forward{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes settings-tab-backward{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}.settings-panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.settings-panel-heading>svg{color:var(--primary);opacity:.8;flex:none}.settings-panel h2{font-family:var(--font-display);text-transform:uppercase;margin:8px 0 7px;font-size:clamp(32px,5vw,52px);line-height:.95}.settings-panel-heading p{max-width:530px;color:var(--muted-foreground);margin:0;font-size:13px;line-height:1.6}.settings-info-card,.settings-mini-card,.settings-data-card,.settings-callout{border:1px solid var(--border);background:color-mix(in oklab, var(--background) 35%, transparent);border-radius:11px}.settings-account-card{align-items:center;gap:13px;padding:16px;display:flex}.settings-avatar{background:var(--primary);width:42px;height:42px;color:var(--primary-foreground);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:22px;display:grid}.settings-account-card strong,.settings-account-card span:not(.settings-avatar):not(.settings-status-pill){display:block}.settings-account-card strong{font-size:13px}.settings-account-card span:not(.settings-avatar):not(.settings-status-pill){color:var(--muted-foreground);margin-top:4px;font-size:11px}.settings-status-pill{border:1px solid var(--border);color:var(--muted-foreground);text-transform:uppercase;border-radius:999px;margin-left:auto;padding:5px 8px;font-size:9px;font-weight:800}.settings-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:11px;display:grid}.settings-mini-card{align-items:flex-start;gap:11px;min-width:0;padding:16px;display:flex}.settings-mini-card>svg:first-child{color:var(--primary);flex:none}.settings-mini-card>div{flex:1;min-width:0}.settings-mini-card strong,.settings-mini-card p{display:block}.settings-mini-card strong{font-size:11px}.settings-mini-card p{color:var(--muted-foreground);margin:5px 0 0;font-size:10px;line-height:1.45}.settings-success{color:#8fd17a;flex:none}.settings-action-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}.settings-action-link{color:var(--primary);align-items:center;gap:7px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.settings-muted,.settings-option-block small{color:var(--muted-foreground);font-size:10px}.settings-option-block,.settings-row{border-top:1px solid var(--border);padding:18px 0}.settings-option-block:first-of-type,.settings-row:first-of-type{border-top:0}.settings-block-title{align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.settings-block-title svg{color:var(--primary)}.settings-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settings-choice-grid button{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:11px;font-size:11px;display:flex}.settings-choice-grid button.is-selected{border-color:var(--primary);color:var(--foreground);box-shadow:0 0 0 1px color-mix(in oklab, var(--primary) 28%, transparent)}.settings-choice-grid button svg{color:var(--primary);margin-left:auto}.settings-theme-swatch{border:1px solid var(--border);border-radius:4px;width:28px;height:21px}.settings-theme-swatch.dark{background:linear-gradient(135deg,#161916 55%,#ff8b39 56%)}.settings-theme-swatch.light{background:linear-gradient(135deg,#f7f5ef 55%,#e77b32 56%)}.settings-select,.settings-field input,.settings-field select{border:1px solid var(--border);background:var(--card);width:100%;min-height:42px;color:var(--foreground);font:inherit;border-radius:8px;padding:0 12px;font-size:11px}.settings-option-block>.settings-select{max-width:320px}.settings-option-block small{margin-top:8px;line-height:1.5;display:block}.settings-palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.settings-palette-grid button{border:1px solid var(--border);background:var(--card);min-width:0;color:var(--muted-foreground);text-align:left;cursor:pointer;border-radius:8px;gap:7px;padding:8px;font-size:9px;display:grid;position:relative}.settings-palette-grid button.is-selected{border-color:var(--primary);color:var(--foreground);box-shadow:0 0 0 1px color-mix(in oklab, var(--primary) 28%, transparent)}.settings-palette-grid button>span:last-of-type{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-palette-grid button svg{color:var(--primary);position:absolute;top:37px;right:7px}.settings-palette-swatch{border:1px solid #ffffff26;border-radius:5px;height:34px;display:block}.settings-color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.settings-color-field{gap:7px;display:grid}.settings-color-field>span:first-child{color:var(--muted-foreground);font-size:10px}.settings-color-control{border:1px solid var(--border);background:var(--card);border-radius:7px;align-items:center;gap:7px;min-width:0;padding:5px 7px;display:flex}.settings-color-control input{cursor:pointer;background:0 0;border:0;border-radius:5px;width:25px;height:25px;padding:0}.settings-color-control code{color:var(--muted-foreground);text-overflow:ellipsis;font-size:9px;overflow:hidden}.settings-palette-preview{min-height:92px;box-shadow:0 10px 28px color-mix(in srgb, var(--theme-glow) 20%, transparent);border:1px solid;border-radius:10px;gap:5px;margin-top:17px;padding:16px;display:grid}.settings-palette-preview span{letter-spacing:.18em;font-size:8px;font-weight:800}.settings-palette-preview strong{font-family:var(--font-display);text-transform:uppercase;font-size:22px}.settings-palette-preview i{border-radius:99px;width:42px;height:3px;display:block}.settings-segmented{background:var(--card);border-radius:7px;gap:3px;padding:3px;display:inline-flex}.settings-segmented button{color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:8px 11px;font-size:10px}.settings-segmented button.is-selected{background:var(--secondary);color:var(--primary)}.settings-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.settings-row-copy{gap:5px;display:grid}.settings-row-copy strong{font-size:12px}.settings-row-copy span{color:var(--muted-foreground);font-size:10px;line-height:1.5}.settings-switch{border:1px solid var(--border);background:var(--secondary);cursor:pointer;border-radius:999px;flex:none;width:42px;height:24px;padding:3px;transition:background .2s,border-color .2s}.settings-switch span{background:var(--muted-foreground);border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;display:block}.settings-switch.is-on{border-color:var(--primary);background:color-mix(in oklab, var(--primary) 75%, var(--secondary))}.settings-switch.is-on span{background:var(--primary-foreground);transform:translate(17px)}.settings-callout{color:var(--muted-foreground);align-items:flex-start;gap:10px;margin-top:18px;padding:13px;font-size:10px;line-height:1.55;display:flex}.settings-callout svg{color:var(--primary);flex:none}.settings-callout-safe{border-color:color-mix(in oklab, #8fd17a 32%, var(--border))}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.settings-field{gap:7px;display:grid}.settings-field>span{color:var(--muted-foreground);font-size:10px;font-weight:700}.settings-field input::placeholder{color:var(--muted-foreground);opacity:.6}.settings-form-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.settings-saved-note,.settings-global-notice{color:#8fd17a;align-items:center;gap:6px;font-size:10px;display:inline-flex}.settings-data-card{justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:16px;display:flex}.settings-data-card>div{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:4px 9px;display:grid}.settings-data-card>div>svg{color:var(--primary);grid-row:span 2}.settings-data-card strong{font-size:11px}.settings-data-card p{color:var(--muted-foreground);grid-column:2;margin:0;font-size:10px;line-height:1.5}.settings-data-card-muted{background:color-mix(in oklab, var(--card) 55%, transparent)}.settings-global-notice{margin-top:22px}html.reduce-motion *,html.reduce-motion :before,html.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (width<=800px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{scrollbar-width:none;gap:6px;padding:7px;display:flex;position:static;overflow-x:auto}.settings-sidebar::-webkit-scrollbar{display:none}.settings-sidebar>button{min-width:190px}.settings-sidebar-foot{display:none}.settings-panel{min-height:0}}@media (width<=560px){.settings-page{padding-inline:5%}.settings-card-grid,.settings-choice-grid,.settings-form-grid{grid-template-columns:1fr}.settings-palette-grid,.settings-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-panel{padding:22px 18px}.settings-account-card{align-items:flex-start}.settings-status-pill{margin-left:auto}.settings-segmented{width:100%;display:flex}.settings-segmented button{flex:1}}