.ssf-recall[hidden]{display:none}.ssf-recall{align-items:center;gap:var(--space-xs) var(--space-md);margin:0 0 var(--space-xl);padding:var(--space-md) var(--space-lg);border:var(--border-w) solid color-mix(in oklch, var(--accent) 28%, var(--border));border-radius:var(--radius-md);background:color-mix(in oklch, var(--accent) 5%, var(--bg-elevated));font-size:var(--text-sm);color:var(--fg-muted);line-height:var(--leading-normal);flex-wrap:wrap;display:flex}.ssf-recall-text{color:var(--fg)}.ssf-recall-text strong{color:var(--fg-strong);font-weight:var(--weight-bold)}.ssf-recall-link{align-items:center;gap:var(--space-2xs);font-weight:var(--weight-bold);color:var(--accent);display:inline-flex}.ssf-recall-link:after{content:"→";transition:transform var(--dur-fast) var(--ease-standard)}.ssf-recall-link:hover:after{transform:translate(3px)}.ssf-recall-clear{padding:var(--space-3xs) var(--space-md);border:var(--border-w) solid var(--border-strong);border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--fg-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;transition:color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);margin-inline-start:auto}.ssf-recall-clear:hover{color:var(--accent);border-color:var(--accent)}.ssf-recall-clear:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.ssf-noscript{margin:var(--space-xl) 0;padding:var(--space-lg);border:var(--border-w) solid var(--border);border-inline-start:3px solid var(--accent);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--fg)}.ssf-setup{gap:var(--space-xl);margin-top:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=760px){.ssf-setup{gap:var(--space-2xl);grid-template-columns:1fr 1fr}}.ssf-field-label{align-items:center;gap:var(--space-sm);margin:0 0 var(--space-md);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-strong);letter-spacing:var(--tracking-tight);display:flex}.ssf-step{border-radius:var(--radius-pill);background:color-mix(in oklch, var(--accent) 14%, transparent);width:1.5rem;height:1.5rem;color:var(--accent);font-family:var(--font-serif);font-weight:var(--weight-bold);font-size:var(--text-sm);justify-content:center;align-items:center;display:inline-flex}.ssf-genres,.ssf-modes{gap:var(--space-sm);display:grid}.ssf-genres{grid-template-columns:repeat(3,1fr)}.ssf-modes{grid-template-columns:1fr 1fr}@media (width<=419px){.ssf-genres,.ssf-modes{grid-template-columns:1fr}}.ssf-genre,.ssf-mode{gap:var(--space-3xs);padding:var(--space-md);border:var(--border-w) solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-elevated);min-height:60px;color:var(--fg);cursor:pointer;text-align:start;transition:border-color var(--dur-fast), background var(--dur-fast), transform var(--dur-fast);flex-direction:column;display:flex}.ssf-genre:hover,.ssf-mode:hover{border-color:var(--accent)}.ssf-genre:active,.ssf-mode:active{transform:translateY(1px)}.ssf-genre.is-active,.ssf-mode.is-active{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 10%, var(--bg-elevated));box-shadow:inset 0 0 0 1px var(--accent)}.ssf-genre:focus-visible,.ssf-mode:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.ssf-genre-name,.ssf-mode-name{font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--fg-strong)}.ssf-genre-sub,.ssf-mode-sub{font-size:var(--text-2xs);color:var(--fg-muted)}.ssf-rights{margin:var(--space-sm) 0 0;font-size:var(--text-2xs);color:var(--fg-subtle);line-height:var(--leading-normal)}.ssf-transport{align-items:center;gap:var(--space-md) var(--space-lg);margin-top:var(--space-2xl);padding:var(--space-lg);border:var(--border-w) solid var(--border);border-radius:var(--radius-lg);background:var(--bg-subtle);flex-wrap:wrap;display:flex}.ssf-play{align-items:center;gap:var(--space-sm);min-height:48px;padding:0 var(--space-xl);border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-fg);font-size:var(--text-base);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--dur-fast), transform var(--dur-fast);border:none;display:inline-flex}.ssf-play:hover{background:var(--accent-hover)}.ssf-play:active{transform:translateY(1px)}.ssf-play:focus-visible{outline:var(--focus-ring);outline-offset:3px}.ssf-meter{border-radius:var(--radius-pill);background:color-mix(in oklch, var(--fg-subtle) 20%, transparent);flex:8rem;min-width:6rem;height:8px;overflow:hidden}.ssf-meter-fill{background:linear-gradient(90deg, var(--accent), color-mix(in oklch, var(--accent) 60%, white));width:0%;height:100%;transition:width 90ms linear;display:block}.ssf-status{font-size:var(--text-sm);color:var(--fg-muted);flex-basis:100%;margin:0}.ssf-panel{margin-top:var(--space-2xl)}.ssf-round-row{align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.ssf-round{font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps-sm);text-transform:uppercase;color:var(--accent);margin:0}.ssf-progress{border-radius:var(--radius-pill);background:color-mix(in oklch, var(--fg-subtle) 20%, transparent);flex:8rem;height:6px;overflow:hidden}.ssf-progress>span{background:var(--accent);width:0%;height:100%;transition:width var(--dur-base) var(--ease-standard);display:block}.ssf-blind-q{margin:var(--space-lg) 0;font-size:var(--text-md);color:var(--fg)}.ssf-ab{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.ssf-ab-btn{border:var(--border-w) solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-elevated);min-height:72px;color:var(--fg-strong);font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--weight-bold);cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast), transform var(--dur-fast)}.ssf-ab-btn:hover{border-color:var(--accent)}.ssf-ab-btn:active{transform:translateY(1px)}.ssf-ab-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.ssf-ab-btn.is-active{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 14%, var(--bg-elevated));box-shadow:inset 0 0 0 2px var(--accent);color:var(--accent)}.ssf-choice{gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.ssf-pick{border:var(--border-w) solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-elevated);min-height:48px;color:var(--fg-strong);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast);flex:8rem}.ssf-pick:hover{border-color:var(--accent);color:var(--accent)}.ssf-pick:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.ssf-pick-tie{color:var(--fg-muted);flex-basis:100%}.ssf-results{padding:var(--space-xl);border:var(--border-w) solid var(--accent);border-radius:var(--radius-lg);background:color-mix(in oklch, var(--accent) 5%, var(--bg-elevated))}.ssf-res-kicker{margin:0 0 var(--space-2xs);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps-sm);text-transform:uppercase;color:var(--accent)}.ssf-res-title{margin:0 0 var(--space-sm);font-family:var(--font-serif);font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--weight-bold);color:var(--fg-strong);line-height:var(--leading-tight)}.ssf-res-sub{margin:0 0 var(--space-xl);color:var(--fg-muted);font-size:var(--text-md);line-height:var(--leading-body);max-width:46rem}.ssf-res-profile{margin:0 0 var(--space-xl);gap:var(--space-sm);padding:0;list-style:none;display:grid}.ssf-res-row{align-items:center;gap:var(--space-md);font-size:var(--text-sm);grid-template-columns:6rem 1fr auto;display:grid}.ssf-res-dim{font-weight:var(--weight-bold);color:var(--fg-strong)}.ssf-res-bar{border-radius:var(--radius-pill);background:color-mix(in oklch, var(--fg-subtle) 18%, transparent);height:8px;position:relative}.ssf-res-bar:before{content:"";background:var(--border-strong);width:1px;position:absolute;top:-3px;bottom:-3px;left:50%}.ssf-res-bar>span{background:var(--accent);border-radius:var(--radius-pill);height:100%;position:absolute;top:0}.ssf-res-lean{color:var(--fg-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.ssf-res-next{margin:0 0 var(--space-sm);font-weight:var(--weight-bold);color:var(--fg-strong)}.ssf-res-links{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.ssf-res-link{min-height:44px;padding:0 var(--space-lg);border-radius:var(--radius-pill);border:var(--border-w) solid color-mix(in oklch, var(--accent) 35%, transparent);background:color-mix(in oklch, var(--accent) 8%, transparent);color:var(--accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);align-items:center;display:inline-flex}.ssf-res-link:hover{background:color-mix(in oklch, var(--accent) 16%, transparent)}.ssf-res-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.ssf-restart{min-height:44px;padding:0 var(--space-lg);border:var(--border-w) solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--fg-strong);font-weight:var(--weight-semibold);cursor:pointer}.ssf-restart:hover{border-color:var(--accent);color:var(--accent)}.ssf-restart:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.ssf-share{justify-content:center;align-items:center;gap:var(--space-xs);min-height:44px;padding:0 var(--space-xl);border:var(--border-w) solid color-mix(in oklch, var(--accent-block) 80%, transparent);border-radius:var(--radius-md);background:var(--accent-block);color:var(--brand-dark);font-weight:var(--weight-bold);cursor:pointer;transition:filter var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);display:inline-flex}.ssf-share:hover{filter:brightness(1.06)}.ssf-share:active{transform:scale(.98)}.ssf-share:focus-visible{outline:var(--focus-ring);outline-offset:3px}.ssf-share.is-done{background:var(--verdict-recommended);border-color:var(--verdict-recommended)}.ssf-sliders{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=640px){.ssf-sliders{gap:var(--space-lg) var(--space-2xl);grid-template-columns:1fr 1fr}}.ssf-slider-head{justify-content:space-between;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-2xs);display:flex}.ssf-slider-head label{font-weight:var(--weight-bold);color:var(--fg-strong)}.ssf-slider-val{font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);color:var(--accent);font-size:var(--text-sm)}.ssf-slider input[type=range]{width:100%;accent-color:var(--accent);min-height:28px}.ssf-slider-hint{margin:var(--space-2xs) 0 0;font-size:var(--text-2xs);color:var(--fg-subtle)}.ssf-explore-foot{gap:var(--space-sm);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.ssf-flat,.ssf-reset{min-height:44px;padding:0 var(--space-lg);border:var(--border-w) solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--fg-strong);font-weight:var(--weight-semibold);cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast)}.ssf-flat:hover,.ssf-reset:hover{border-color:var(--accent);color:var(--accent)}.ssf-flat:focus-visible,.ssf-reset:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.ssf-flat.is-active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.ssf-summary{margin-top:var(--space-xl);padding:var(--space-lg);border:var(--border-w) solid var(--border);border-inline-start:3px solid var(--accent);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--fg);font-size:var(--text-md);line-height:var(--leading-body);min-height:3.5rem}.ssf-summary strong{color:var(--fg-strong)}.ssf-summary-link{margin-top:var(--space-sm);font-weight:var(--weight-bold);color:var(--accent);text-underline-offset:3px;text-decoration:underline;display:inline-block}.ssf-summary-link:after{content:" →";text-decoration:none}.ssf-summary-link:hover{color:var(--accent-hover)}.ssf-learn{margin-top:var(--space-4xl)}.ssf-learn h2{font-family:var(--font-serif);font-size:var(--font-size-h2-lg);font-weight:var(--weight-bold);margin:0 0 var(--space-lg)}.ssf-table-wrap{overscroll-behavior-x:contain;border:var(--border-w) solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.ssf-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.ssf-table thead{background:var(--bg-subtle)}.ssf-table th,.ssf-table td{padding:var(--space-md);text-align:start;border-bottom:var(--border-w) solid var(--border);vertical-align:top}.ssf-table thead th{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-caps-sm);color:var(--fg-subtle)}.ssf-table tbody tr:last-child th,.ssf-table tbody tr:last-child td{border-bottom:none}.ssf-table tbody th{color:var(--accent);font-family:var(--font-serif);font-weight:var(--weight-bold);white-space:nowrap}.ssf-table td{color:var(--fg-muted);line-height:var(--leading-normal)}