:root{--wheel-border:#977c7c33}html.overlay-mode,html.overlay-mode body{background:0 0!important}html.overlay-mode .site-header,html.overlay-mode .site-footer,html.overlay-mode .cookie-consent,html.overlay-mode .pwa-bottom-nav,html.overlay-mode .pwa-install-banner,html.overlay-mode .feedback-popup,html.overlay-mode .feedback-btn,html.overlay-mode .embed-section,html.overlay-mode .bg-orbs{display:none!important}html.overlay-mode .stream-wheel-page{gap:.75rem;padding:.5rem}html.overlay-mode .sw-page-hero,html.overlay-mode .sw-toolbar,html.overlay-mode .stream-instructions,html.overlay-mode .seo-content-area,html.overlay-mode .wheel-config-panel{display:none!important}html.overlay-mode .wheel-card{backdrop-filter:blur(6px);border-color:#ffffff1f!important}html.overlay-mode .settings-toggle-btn,html.overlay-mode .remove-wheel-btn{display:none!important}html.overlay-mode .wheel-title-input{pointer-events:none;background:0 0!important;border-color:#0000!important}html.overlay-mode .sw-result{font-size:1.4rem}.stream-wheel-page{max-width:1400px;padding:1.5rem var(--layout-gutter);flex-direction:column;gap:1.5rem;margin:0 auto;display:flex}.sw-page-hero{padding:2rem 2.5rem}.sw-page-hero .hero-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--brand-subtle-text);margin:0;font-size:.75rem;font-weight:800}.sw-page-hero h1{color:var(--brand-heading);margin:.5rem 0 0;font-size:2.2rem;font-weight:700}.sw-page-hero p{color:var(--brand-text);max-width:72ch;margin:.5rem 0 0;font-size:1rem;line-height:1.6}.sw-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.sw-toolbar-actions{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;display:flex}.sw-share-output{width:100%;color:var(--brand-text);background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-md);word-break:break-all;margin-top:.25rem;padding:.6rem 1rem;font-size:.85rem}.wheels-container{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));align-items:start;gap:1.5rem;display:grid}.sw-add-row{justify-content:center;padding:.25rem 0;display:flex}.wheel-card{border-radius:var(--radius-lg);flex-direction:column;gap:0;display:flex;overflow:hidden}.wheel-card-header{border-bottom:1px solid var(--glass-border,#ffffff1f);justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.2rem .9rem 1.4rem;display:flex}.wheel-title-input{font-family:var(--brand-font-family);color:var(--brand-heading);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;flex:1;min-width:0;padding:.3rem .5rem;font-size:1rem;font-weight:700;transition:border-color .2s,background .2s}.wheel-title-input:hover{border-color:var(--brand-border);background:var(--brand-surface)}.wheel-title-input:focus{border-color:var(--brand-accent,#9146ff);background:var(--brand-surface);outline:none;box-shadow:0 0 0 3px #9146ff2e}.wheel-card-header-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.wheel-config-panel{border-bottom:1px solid var(--glass-border,#ffffff1f);background:var(--glass-bg,#ffffff0f);flex-direction:column;gap:1.2rem;padding:1.2rem 1.4rem;display:none}.wheel-config-panel:not([hidden]){display:flex}.config-label{color:var(--brand-heading);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.config-hint{text-transform:none;letter-spacing:0;color:var(--brand-subtle-text);font-weight:400}.items-input{font-family:var(--brand-font-family);border:1px solid var(--brand-border);border-radius:var(--radius-md);background:var(--brand-surface);color:var(--brand-text);resize:vertical;box-sizing:border-box;width:100%;min-height:100px;padding:10px 12px;font-size:.9rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.items-input:focus{border-color:var(--brand-accent,#9146ff);outline:none;box-shadow:0 0 0 3px #9146ff26}.config-row-btns{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.palette-grid{flex-wrap:wrap;gap:.5rem;display:flex}.palette-btn{border:1.5px solid var(--brand-border);border-radius:var(--radius-md);background:var(--brand-surface);color:var(--brand-text);cursor:pointer;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.palette-btn:hover{border-color:var(--brand-accent,#9146ff);background:var(--glass-bg)}.palette-btn.active{border-color:var(--brand-accent,#9146ff);background:#9146ff26;box-shadow:0 0 0 2px #9146ff33}.palette-swatches{gap:2px;display:flex}.palette-swatches span{border-radius:2px;flex-shrink:0;width:8px;height:8px;display:inline-block}.config-option-label{color:var(--brand-text);cursor:pointer;user-select:none;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.config-option-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-accent,#9146ff);cursor:pointer;flex-shrink:0}.spin-duration-row{flex-direction:column;gap:.4rem;display:flex}.spin-duration-range{width:100%;accent-color:var(--brand-accent,#9146ff);cursor:pointer}.wheel-play-area{flex-direction:column;align-items:center;gap:1rem;padding:1.4rem;display:flex}.wheel-wrapper{line-height:0;display:inline-block;position:relative}.sw-indicator{border-left:10px solid #0000;border-right:10px solid #0000;border-top:22px solid var(--brand-accent,#9146ff);z-index:2;filter:drop-shadow(0 2px 4px #00000080);width:0;height:0;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.wheel-canvas{border-radius:50%;max-width:100%;display:block;box-shadow:0 8px 32px #00000059}.sw-spin-btn{border-radius:var(--radius-lg);cursor:pointer;background:var(--brand-accent,#9146ff);color:#fff;letter-spacing:.04em;text-transform:uppercase;border:none;padding:.75rem 2.5rem;font-size:1.05rem;font-weight:800;transition:opacity .2s,transform .1s,box-shadow .2s;box-shadow:0 4px 16px #9146ff66}.sw-spin-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 20px #9146ff80}.sw-spin-btn:active:not(:disabled){transform:translateY(0)}.sw-spin-btn:disabled{opacity:.55;cursor:not-allowed}.sw-result{min-height:2rem;color:var(--brand-heading);text-align:center;opacity:0;letter-spacing:.01em;font-size:1.2rem;font-weight:800;transition:opacity .3s,transform .3s;transform:scale(.92)}.sw-result.sw-result--shown{opacity:1;transform:scale(1)}.sw-history-wrap{border-top:1px solid var(--glass-border,#ffffff1a);padding:.75rem 1.4rem 1.1rem}.sw-history-label{text-transform:uppercase;letter-spacing:.1em;color:var(--brand-subtle-text);margin:0 0 .5rem;font-size:.75rem;font-weight:700}.sw-history-pills{flex-wrap:wrap;gap:.35rem;display:flex}.sw-history-pill{color:var(--brand-text);background:#9146ff26;border:1px solid #9146ff4d;border-radius:999px;align-items:center;gap:.25rem;max-width:100%;padding:.25rem .5rem .25rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.sw-history-pill-item-text{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.sw-history-pill-restore{cursor:pointer;color:var(--brand-subtle-text);background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:1px 2px;font-size:.7rem;line-height:1;transition:color .15s}.sw-history-pill-restore:hover{color:var(--brand-heading)}.stream-instructions{flex-direction:column;gap:1.5rem;padding:2rem 2.5rem;display:flex}.stream-instructions h2{color:var(--brand-heading);margin:0;font-size:1.4rem;font-weight:700}.instructions-toc{background:var(--glass-bg,#ffffff0f);border:1px solid var(--glass-border,#ffffff1f);border-radius:var(--radius-md);padding:1rem 1.4rem}.instructions-toc h3{text-transform:uppercase;letter-spacing:.1em;color:var(--brand-subtle-text);margin:0 0 .6rem;font-size:.85rem;font-weight:700}.instructions-toc ul{flex-direction:column;gap:.25rem;margin:0;padding:0 0 0 1.2rem;display:flex}.instructions-toc li{font-size:.9rem}.instructions-toc a{color:var(--brand-accent,#9146ff);text-decoration:none}.instructions-toc a:hover{text-decoration:underline}.instruction-block{flex-direction:column;gap:.75rem;display:flex}.instruction-block h3{color:var(--brand-heading);border-bottom:1px solid var(--glass-border,#ffffff1a);margin:0;padding-bottom:.5rem;font-size:1.05rem;font-weight:700}.instruction-block ol,.instruction-block ul{flex-direction:column;gap:.4rem;margin:0;padding-left:1.5rem;display:flex}.instruction-block li{color:var(--brand-text);font-size:.95rem;line-height:1.55}.instruction-block p{color:var(--brand-text);margin:0;font-size:.95rem;line-height:1.6}.instruction-tip{border-left:3px solid var(--brand-accent,#9146ff);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#9146ff1a;padding:.65rem 1rem;font-size:.88rem!important}code{background:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;padding:.1em .4em;font-family:SF Mono,Fira Code,monospace;font-size:.85em}.seo-content-area{flex-direction:column;gap:1.25rem;padding:2rem 2.5rem;display:flex}.seo-content-area h2{color:var(--brand-heading);margin:0;font-size:1.3rem;font-weight:700}.seo-content-area h3{color:var(--brand-heading);margin:.5rem 0 0;font-size:1.05rem;font-weight:700}.seo-content-area p{color:var(--brand-text);margin:0;font-size:.95rem;line-height:1.7}.seo-content-area ul,.seo-content-area ol{flex-direction:column;gap:.3rem;margin:0;padding-left:1.5rem;display:flex}.seo-content-area li{color:var(--brand-text);font-size:.95rem;line-height:1.6}.seo-toc{background:var(--glass-bg,#ffffff0f);border:1px solid var(--glass-border,#ffffff1f);border-radius:var(--radius-md);padding:1rem 1.4rem}.seo-toc h3{text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;font-weight:700;color:var(--brand-subtle-text)!important;margin:0 0 .6rem!important}.seo-toc ol{margin:0;padding-left:1.4rem}.seo-toc a{color:var(--brand-accent,#9146ff);text-decoration:none}.seo-toc a:hover{text-decoration:underline}.btn{border-radius:var(--radius-md);font-family:var(--brand-font-family);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .2s,transform .1s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--accent{background:var(--brand-accent,#9146ff);border-color:var(--brand-accent,#9146ff);color:#fff;box-shadow:0 2px 10px #9146ff4d}.btn--secondary{background:var(--brand-surface);border-color:var(--brand-border);color:var(--brand-text)}.btn--secondary:hover:not(:disabled){border-color:var(--brand-accent,#9146ff);color:var(--brand-heading)}.btn--ghost{border-color:var(--brand-border);color:var(--brand-text);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--glass-bg,#ffffff14);border-color:var(--brand-border);color:var(--brand-heading)}.btn--sm{padding:.35rem .75rem;font-size:.8rem}.btn--danger{border-color:var(--brand-border);color:var(--brand-subtle-text);background:0 0}.btn--danger:hover:not(:disabled){color:#f44;border-color:#f44}@media (width<=480px){.wheels-container{grid-template-columns:1fr}.stream-wheel-page{padding:1rem var(--layout-gutter)}.sw-page-hero,.stream-instructions,.seo-content-area{padding:1.5rem 1.25rem}.wheel-play-area{padding:1rem}.sw-toolbar{padding:.75rem 1rem}}