:root{color-scheme:dark;font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif;--page: #111310;--surface: #181b17;--text: #f1f3ed;--muted: #aeb5a8;--line: #343930;--accent: #e86243;--ui-accent-rgb: 232, 98, 67;color:var(--text);background:var(--page);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,summary{cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible,iframe:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:3;left:16px;top:12px;padding:12px 18px;background:var(--accent);color:#180b06;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.page-shell{width:min(1224px,calc(100% - 96px));margin-inline:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:24px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.6px}.brand img{display:block}.setup-label{color:var(--muted);font-size:14px}.setup-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.34fr);gap:clamp(36px,5vw,72px);padding-block:42px 40px;align-items:start}.introduction h1{font-size:clamp(40px,4.2vw,57px);line-height:1.06;letter-spacing:-.055em;margin:0 0 16px;font-weight:650}.introduction p{color:var(--muted);margin:0 0 26px;line-height:1.6;font-size:17px}.theme-choices{border:0;padding:0;margin:0;display:grid;gap:10px}.theme-choice{display:block;position:relative}.theme-choice input{position:absolute;width:1px;height:1px;opacity:0}.theme-row{display:grid;grid-template-columns:19px minmax(0,1fr) 16px;gap:19px;align-items:center;min-height:88px;padding:12px 24px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.theme-row:hover{border-color:#68725f;background:#20241e}.theme-choice input:checked+.theme-row{border-color:var(--accent);box-shadow:inset 0 0 0 .5px var(--accent)}.theme-choice input:focus-visible+.theme-row{outline:2px solid var(--text);outline-offset:4px}.choice-circle{width:19px;height:19px;border:2px solid #87917f;border-radius:50%;position:relative}.theme-choice input:checked+.theme-row .choice-circle{border-color:var(--accent)}.theme-choice input:checked+.theme-row .choice-circle:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--accent)}.choice-copy strong,.choice-copy small{display:block}.choice-copy strong{font-size:18px;font-weight:650;letter-spacing:-.2px}.choice-copy small{font-size:13px;line-height:1.5;color:var(--muted);margin-top:3px}.theme-preview{height:60px;width:14px;position:relative;border-radius:7px;background:#252b22}.theme-preview:before,.theme-preview:after{content:"";display:block;position:absolute;right:1px}.theme-preview:before{width:12px;height:100%;top:0;border-radius:7px;background:var(--preview-track)}.theme-preview:after{top:13px;height:31px;box-sizing:border-box}.finish-area{margin-top:25px}.use-theme{display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;padding:12px 16px;width:100%;min-height:52px;border:0;border-radius:12px;color:#1d0b06;background:var(--accent);font-size:17px;font-weight:700;transition:background-color .15s ease,transform .15s ease}.use-theme:hover{background:#fa795b}.use-theme:active{transform:translateY(1px)}.reassurance{margin:12px 0 0;text-align:center;color:var(--muted);font-size:13px}.confirmation{margin:14px 0 0;padding-left:12px;border-left:2px solid var(--accent);color:var(--text);font-size:13px;line-height:1.6}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:34px;margin-bottom:15px}.preview-toolbar h2{font-size:16px;font-weight:600;margin:0}.compare{border:0;background:transparent;color:var(--muted);padding:6px 0 6px 8px;font-size:13px;text-decoration:underline;text-decoration-color:#68725f;text-underline-offset:5px}.compare:hover,.compare[aria-pressed=true]{color:var(--text);text-decoration-color:var(--accent)}.preview-frame{height:490px;overflow:hidden;border-radius:12px;background:#f3f4ee}iframe{display:block;width:100%;height:100%;border:0;background:#f3f4ee}.preview-frame:focus-within{outline:2px solid #77806f;outline-offset:4px}.preview-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:13px}.preview-caption p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.theme-state{color:var(--muted);font-size:12px}.preview-error,.no-script{color:#ffac96;font-size:14px;line-height:1.6}.quick-help{border-top:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;gap:30px;font-size:13px;line-height:1.65;color:var(--muted)}.quick-help>p{margin:0;max-width:50ch}.quick-help strong{color:var(--text);font-weight:500}.quick-help details{max-width:440px}.quick-help summary{color:var(--text);padding:0 0 4px}.quick-help details p{margin:12px 0}.quick-help a{color:var(--text)}footer{padding-block:8px 24px;display:flex;justify-content:space-between;gap:20px;color:#959e8f;font-size:11px;line-height:1.5}footer span:last-child{display:flex;gap:18px}@media(min-width:1400px){.setup-grid{padding-top:60px}.preview-frame{height:535px}.theme-row{min-height:94px}}@media(max-width:900px){.page-shell{width:calc(100% - 48px)}.setup-grid{gap:28px;grid-template-columns:minmax(270px,.9fr) minmax(0,1.1fr)}.introduction h1{font-size:40px}.theme-row{padding-inline:16px;gap:14px}.preview-frame{height:490px}}@media(max-width:680px){.page-shell{width:calc(100% - 36px)}.topbar{padding-block:18px}.brand{font-size:18px;gap:4px}.brand img{width:36px;height:36px}.setup-label{font-size:12px}.setup-grid{display:flex;flex-direction:column;gap:24px;padding-block:24px 28px}.choose{display:contents}.introduction{order:0;width:100%}.introduction h1{font-size:42px}.introduction p{margin-bottom:0;font-size:15px}.theme-choices{order:1;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.theme-row{display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:96px;padding:12px 5px;text-align:center}.choice-copy strong{font-size:14px}.choice-copy small,.theme-preview{display:none}.choice-circle{width:17px;height:17px}.try{order:2;width:100%}.preview-frame{height:360px}.preview-toolbar{margin-bottom:11px}.preview-toolbar h2{font-size:15px}.compare{font-size:12px}.finish-area{order:3;width:100%;margin-top:0}.preview-caption{gap:8px}.theme-state{display:none}.quick-help{display:block;padding-block:20px}.quick-help details{margin-top:16px}footer{flex-wrap:wrap;gap:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){.theme-choice input:checked+.theme-row{outline:2px solid Highlight}.choice-circle{forced-color-adjust:auto}.use-theme{border:1px solid ButtonText}}:root[data-scrollsmith-theme=minimal]{--ss-track: transparent;--ss-firefox-track: transparent;--ss-firefox-thumb: var(--ss-accent);--ss-thumb: var(--ss-accent);--ss-thumb-hover: rgba(var(--ss-accent-rgb), .86);--ss-thumb-active: rgba(var(--ss-accent-rgb), .72);--ss-thumb-border: 2px solid transparent;--ss-thumb-shadow: none}:root[data-scrollsmith-interface] .theme-preview[data-preview-theme=minimal]{--preview-surface: #ecefe9;--preview-track: transparent;--preview-primary: var(--accent)}:root[data-scrollsmith-interface] .theme-preview[data-preview-theme=minimal]:before{background:transparent}:root[data-scrollsmith-interface] .theme-preview[data-preview-theme=minimal]:after{width:7px;border-radius:8px;background:var(--preview-primary)}@media(prefers-color-scheme:dark){:root[data-scrollsmith-theme=minimal]{--ss-thumb-hover: rgba(var(--ss-accent-rgb), .94);--ss-thumb-active: rgba(var(--ss-accent-rgb), .82)}:root[data-scrollsmith-interface] .theme-preview[data-preview-theme=minimal]{--preview-surface: #151714}}:root[data-scrollsmith-theme=glass]{--ss-track: rgba(127, 134, 126, .12);--ss-firefox-track: transparent;--ss-firefox-thumb: rgba(var(--ss-accent-rgb), .78);--ss-thumb: linear-gradient(180deg, rgba(255, 255, 255, .68) 0%, rgba(var(--ss-accent-rgb), .64) 24%, rgba(var(--ss-accent-rgb), .82) 100%);--ss-thumb-hover: linear-gradient(180deg, rgba(255, 255, 255, .82) 0%, rgba(var(--ss-accent-rgb), .76) 24%, rgba(var(--ss-accent-rgb), .94) 100%);--ss-thumb-active: linear-gradient(180deg, rgba(255, 255, 255, .52) 0%, rgba(var(--ss-accent-rgb), .86) 30%, var(--ss-accent) 100%);--ss-thumb-border: 2px solid rgba(255, 255, 255, .42);--ss-thumb-shadow: inset 0 1px 0 rgba(255, 255, 255, .58), inset 0 -1px 0 rgba(24, 27, 23, .16)}:root[data-scrollsmith-interface] .theme-preview[data-preview-theme=glass]{--preview-surface: #e6ebe7;--preview-track: rgba(78, 87, 79, .12)}:root[data-scrollsmith-interface] .theme-preview[data-preview-theme=glass]:after{width:10px;border:1px solid rgba(255,255,255,.72);border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(var(--ui-accent-rgb),.72) 36%,var(--accent));box-shadow:inset 0 1px #ffffffb3,inset 0 -2px #23292429}@media(prefers-color-scheme:dark){:root[data-scrollsmith-theme=glass]{--ss-track: rgba(143, 154, 140, .1);--ss-thumb-border: 2px solid rgba(255, 255, 255, .34)}:root[data-scrollsmith-interface] .theme-preview[data-preview-theme=glass]{--preview-surface: #171a16;--preview-track: rgba(180, 190, 178, .1)}}:root[data-scrollsmith-theme=neon]{--ss-track: rgba(15, 18, 15, .82);--ss-firefox-track: rgba(15, 18, 15, .82);--ss-firefox-thumb: var(--ss-accent);--ss-thumb: linear-gradient(180deg, rgba(var(--ss-accent-rgb), .72), var(--ss-accent) 48%, rgba(var(--ss-accent-rgb), .74));--ss-thumb-hover: linear-gradient(180deg, rgba(var(--ss-accent-rgb), .88), var(--ss-accent) 48%, rgba(var(--ss-accent-rgb), .9));--ss-thumb-active: var(--ss-accent);--ss-thumb-border: 3px solid rgba(15, 18, 15, .9);--ss-thumb-shadow: inset 0 0 0 1px rgba(var(--ss-accent-rgb), .42), inset 0 0 8px rgba(var(--ss-accent-rgb), .58)}:root[data-scrollsmith-interface] .theme-preview[data-preview-theme=neon]{--preview-surface: #e9ece7;--preview-track: #171a17}:root[data-scrollsmith-interface] .theme-preview[data-preview-theme=neon]:after{width:12px;border:3px solid #171a17;border-radius:7px;background:var(--accent);box-shadow:inset 0 0 5px rgba(var(--ui-accent-rgb),.66)}@media(prefers-color-scheme:dark){:root[data-scrollsmith-interface] .theme-preview[data-preview-theme=neon]{--preview-surface: #121411;--preview-track: #0d100d}}