:root{--ui-ink:color-mix(in srgb, var(--bg-color) 45%, black);--ui-well:color-mix(in srgb, var(--bg-color) 75%, black)}.ui-settings-section{padding:var(--spacing-md);margin-bottom:var(--spacing-ms);border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg)}.ui-settings-title{margin:0 0 var(--spacing-ms);font-family:var(--font-display);font-size:var(--font-size-sm);letter-spacing:.06em;color:var(--text-muted);font-weight:500}.ui-settings-title.sr-only{margin:-1px}.ui-settings-rows{gap:var(--spacing-md);flex-direction:column;display:flex}.ui-settings-row--inline{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.ui-settings-row--stacked{gap:var(--spacing-sm);flex-direction:column;display:flex}.ui-settings-text{min-width:0}.ui-settings-label{font-size:var(--font-size-md);color:var(--text-main);font-weight:600;display:block}.ui-settings-desc{margin:var(--spacing-xxs) 0 0;font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.4}.ui-settings-control{flex-shrink:0}.ui-settings-row--stacked .ui-settings-control{width:100%}.ui-icon-step{border-color:var(--glass-border-strong);color:var(--text-main)}.ui-slider-head{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:baseline;display:flex}.ui-slider-label{font-size:var(--font-size-sm);color:var(--text-muted)}.ui-slider-value{font-family:var(--font-display);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums;color:var(--accent);margin-left:auto}.ui-slider-body{align-items:center;gap:var(--spacing-sm);display:flex}.ui-slider-input{min-width:0;height:var(--control-lg);cursor:pointer;appearance:none;background:0 0;flex:1;margin:0}.ui-slider-input::-webkit-slider-runnable-track{border:1px solid var(--glass-border);background:linear-gradient(to right, var(--accent) 0 var(--fill), var(--ui-well) var(--fill) 100%);height:8px;box-shadow:inset 1px 1px 0 var(--ui-ink)}.ui-slider-input::-moz-range-track{border:1px solid var(--glass-border);background:var(--ui-well);height:8px;box-shadow:inset 1px 1px 0 var(--ui-ink)}.ui-slider-input::-moz-range-progress{background:var(--accent);height:8px}.ui-slider-input::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--ui-ink);background:var(--accent);width:20px;height:20px;box-shadow:2px 2px 0 var(--ui-ink);transition:transform var(--transition-instant);border-radius:0;margin-top:-7px}.ui-slider-input::-moz-range-thumb{border:2px solid var(--ui-ink);background:var(--accent);width:16px;height:16px;box-shadow:2px 2px 0 var(--ui-ink);border-radius:0}.ui-slider-input:hover::-webkit-slider-thumb{background:var(--accent-hover)}.ui-slider-input:active::-webkit-slider-thumb{box-shadow:1px 1px 0 var(--ui-ink);transform:translate(1px,1px)}.ui-slider-input:focus-visible{outline-color:#0000}.ui-slider-input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent);outline-offset:3px}.ui-slider-input:focus-visible::-moz-range-thumb{outline:2px solid var(--accent);outline-offset:3px}.ui-switch{border:1px solid var(--glass-border);background:var(--ui-well);width:52px;height:28px;box-shadow:inset 2px 2px 0 var(--ui-ink);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);border-radius:0;flex-shrink:0;padding:0;position:relative}.ui-switch:before{content:"";inset:calc((var(--control-lg) - 28px) / -2) -4px;position:absolute}.ui-switch-knob{background:var(--text-muted);width:18px;height:18px;transition:transform var(--transition-spring), background-color var(--transition-fast);position:absolute;top:4px;left:4px}.ui-switch:hover:not(:disabled){border-color:var(--glass-border-strong)}.ui-switch.is-on{border-color:var(--accent);background:var(--accent);box-shadow:2px 2px 0 var(--ui-ink)}.ui-switch.is-on .ui-switch-knob{background:var(--accent-contrast);transform:translate(24px)}.ui-switch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ui-switch:disabled{opacity:.45;cursor:not-allowed}.ui-options{gap:var(--spacing-xs);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.ui-option{justify-content:center;align-items:center;gap:var(--spacing-sm);min-height:var(--control-lg);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;font-weight:600;display:flex}.ui-option:hover:not(.active){border-color:var(--glass-border-strong);color:var(--text-main)}.ui-option.active{border-color:var(--accent);color:var(--text-main)}.ui-option-mark{border:1px solid var(--glass-border);background:var(--ui-well);flex-shrink:0;width:8px;height:8px}.ui-option.active .ui-option-mark{border-color:var(--accent);background:var(--accent)}.ui-option svg{width:14px;height:14px}.ui-option-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (prefers-reduced-motion:reduce){.ui-switch-knob{transition:none}}.ui-toast-viewport{left:50%;bottom:calc(var(--control-lg) * 3 + var(--spacing-xl) + var(--spacing-md) + var(--safe-bottom));width:min(92vw,420px);z-index:var(--z-toast);pointer-events:none;position:fixed;transform:translate(-50%)}@media (width>=769px){.ui-toast-viewport{left:auto;right:var(--spacing-lg);bottom:calc(var(--spacing-lg) + var(--safe-bottom));width:min(380px, calc(100vw - var(--spacing-lg) * 2));transform:none}}.ui-toast{align-items:center;gap:var(--spacing-md);box-sizing:border-box;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--glass-border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--glass-bg);box-shadow:2px 2px 0 var(--ui-ink);color:var(--text-main);font-size:var(--font-size-sm);pointer-events:auto;animation:ui-toast-in var(--dur-fast) var(--steps-snap);display:flex}.ui-toast--success{border-left-color:var(--color-success,var(--success,var(--accent)))}.ui-toast--error{border-left-color:var(--error,var(--accent))}.ui-toast-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ui-toast-content{gap:var(--spacing-xxs);flex-direction:column;flex:1;min-width:0;display:flex}.ui-toast-title{font-family:var(--font-display);color:var(--text-main);font-weight:600;line-height:1.2}.ui-toast-message{flex:1;min-width:0;line-height:1.3}.ui-toast-action,.ui-toast-close{min-height:32px;padding:0 var(--spacing-sm);border:1px solid var(--glass-border);background:var(--ui-well);color:var(--text-main);border-radius:0;flex-shrink:0}.ui-toast-action{font-family:var(--font-display);color:var(--accent);box-shadow:2px 2px 0 var(--ui-ink)}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.ui-toast{animation:none}}.achievement-stack{top:calc(var(--spacing-md) + var(--safe-top));z-index:var(--z-toast);gap:var(--spacing-sm);pointer-events:none;flex-direction:column;width:min(92vw,380px);margin:0;padding:0;list-style:none;display:flex;position:fixed;left:50%;transform:translate(-50%)}@media (width>=1281px){.achievement-stack{width:min(380px, calc((100vw - 600px) / 2 - var(--spacing-lg) * 2));top:calc(var(--spacing-lg) + var(--safe-top));right:var(--spacing-lg);left:auto;transform:none}}.achievement-stack-item{pointer-events:auto;animation:px-row-in var(--dur-fast) var(--steps-row) calc(var(--i,0) * var(--dur-base)) backwards}.achievement-stack-item .ui-toast{animation:none}
