@font-face{font-family:Wheel Bits;src:url(./wheel-bits-CcF2ZnqI.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0025,U+002B-003A}:root{--charcoal-950: #1a1a20;--charcoal-900: #23232b;--charcoal-800: #2d2d36;--charcoal-700: #41414c;--cream-100: #f3eee5;--gray-300: #b5b3bd;--amber-400: #f5ba69;--mint-300: #a4d9bd;--bg: var(--charcoal-950);--surface: var(--charcoal-900);--field: var(--charcoal-800);--border: var(--charcoal-700);--text: var(--cream-100);--muted: var(--gray-300);--accent: var(--amber-400);--positive: var(--mint-300);--focus: #b9e8d1;--error: #ffb4b1;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 20px;--text-xl: 32px;--text-display: 44px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;color-scheme:dark;background:var(--bg);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--text-base);line-height:1.5;color:var(--text);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;min-width:0}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration-skip-ink:auto;text-underline-offset:4px}button:disabled{cursor:wait;opacity:.65}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}button svg,a svg{flex-shrink:0}button{border:0}fieldset{min-width:0;margin:0;padding:0;border:0}legend{padding:0}[hidden]{display:none!important}::selection{background:#f5ba69;color:#1a1a20}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.icon{width:20px;height:20px;vertical-align:middle;flex-shrink:0}.pixel-number{font-family:Wheel Bits,ui-monospace,Courier New,monospace;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:0}.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;inset-block-start:8px;inset-inline-start:16px;z-index:100;background:var(--accent);color:var(--bg);padding:12px 20px;transform:translateY(-150%);border-radius:8px}.skip-link:focus{transform:none}.site-header{max-width:1280px;margin-inline:auto;min-height:88px;border-block-end:1px solid var(--border);display:flex;align-items:center;gap:48px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em}.brand-hamster{width:42px;height:42px;flex-shrink:0}.brand-accent{color:var(--accent);margin-inline-start:3px}.site-header nav{display:flex;align-items:center;gap:28px;margin-inline-start:auto}.site-header nav a{font-size:var(--text-sm);color:var(--muted);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:6px}.site-header nav a:hover{color:var(--text)}.site-header nav .nav-active{color:var(--text)}.site-header nav .icon{width:16px;height:16px}.free-note{font-size:var(--text-sm);color:var(--positive);display:flex;align-items:center;gap:7px}.free-note .icon{width:16px;height:16px}main:not(.overlay-canvas){max-width:1280px;margin-inline:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:42px 34px}.intro h1{font-size:var(--text-display);font-weight:700;line-height:1.13;letter-spacing:-.035em}.intro h1 span{color:var(--accent)}.intro p{margin-block-start:12px;color:var(--muted);font-size:var(--text-base);line-height:1.5}.intro-aside{display:flex;align-items:center;gap:14px;font-size:var(--text-sm);color:var(--muted);flex-shrink:0;line-height:1.7}.intro-aside>.icon{width:36px;height:36px;color:var(--positive)}.intro-aside strong{font-weight:400;color:var(--text)}.studio{display:grid;grid-template-columns:352px minmax(0,1fr);grid-template-areas:"controls preview";gap:28px;align-items:start}.preview-column{grid-area:preview;min-width:0}.controls-panel{grid-area:controls;min-width:0;background:var(--surface);border-radius:var(--radius-lg);padding:24px}.controls-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block-end:24px}h2{font-size:var(--text-lg);line-height:1.3;font-weight:700;letter-spacing:-.02em}.text-button{background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--text-sm);min-height:32px;padding:4px 0;color:var(--muted);text-decoration:none}.text-button:hover{color:var(--text)}.text-button .icon{height:16px;width:16px}.control-group{margin-block-end:24px}.control-group legend,.control-group>label,.scale-label>label{font-size:var(--text-sm);font-weight:700;margin-block-end:10px}.layout-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.layout-choice,.theme-choice{cursor:pointer;position:relative}.layout-choice input,.theme-choice input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.choice-content{position:relative;display:flex;align-items:center;flex-direction:column;gap:10px;padding:14px 4px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);line-height:1.5;color:var(--muted);pointer-events:none}.layout-choice input:checked+.choice-content{border-color:var(--accent);color:var(--accent);background:#f5ba690a}.layout-choice input:focus-visible+.choice-content,.theme-choice input:focus-visible+span{outline:2px solid var(--focus);outline-offset:3px}.layout-choice input:focus-visible,.theme-choice input:focus-visible{outline:none}.layout-mini{width:56px;height:34px;background:#33333e;position:relative;border-radius:3px;display:block}.layout-mini i{position:absolute;inset:5px;background:#41414e;border-radius:1px}.layout-mini b{position:absolute;display:block;background:#b5b3bd;border-radius:2px}.mini-badge b{width:20px;height:14px;inset-inline-start:5px;inset-block-end:5px}.mini-bar b{height:9px;inset-inline:5px;inset-block-end:5px}.mini-panel b{width:13px;inset-inline-end:5px;inset-block:5px}.layout-choice input:checked+.choice-content .layout-mini b{background:var(--accent)}.choice-check{position:absolute;inset-block-start:4px;inset-inline-end:4px;display:none}.choice-check .icon{width:12px;height:12px}.layout-choice input:checked+.choice-content .choice-check{display:block}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--bg);padding:4px;border-radius:var(--radius-sm);gap:4px}.theme-choice>span{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 4px;min-height:36px;border-radius:5px;font-size:var(--text-sm);color:var(--muted);pointer-events:none}.theme-choice .icon{width:16px;height:16px}.theme-choice input:checked+span{background:var(--border);color:var(--text)}.field-hint{font-size:var(--text-xs);line-height:1.5;color:var(--muted);margin-block-start:8px}.accent-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.swatches{display:flex;gap:8px;align-items:center}.swatch{background:var(--swatch);color:#27242b;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;padding:6px}.swatch:after{content:"";position:absolute;inset:-4px;border:1px solid transparent;border-radius:50%}.swatch[aria-pressed=true]:after{border-color:var(--swatch)}.swatch .icon{width:16px;height:16px;opacity:0;stroke-width:2.5}.swatch[aria-pressed=true] .icon{opacity:1}.custom-color{display:flex;align-items:center;gap:6px;position:relative;font-size:var(--text-xs);color:var(--muted);margin:0;cursor:pointer}.custom-color input{width:24px;height:30px;border:0;padding:0;background:transparent;cursor:pointer}.custom-color input::-webkit-color-swatch-wrapper{padding:4px 0}.custom-color input::-webkit-color-swatch{border:1px solid var(--border);border-radius:4px}.scale-label{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-block-end:10px}.scale-label>label{margin:0}.scale-label output{font-size:var(--text-sm);color:var(--accent)}input[type=range]{display:block;accent-color:var(--accent);width:100%;height:24px;margin:0;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--muted);margin-block-start:2px}.widget-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}.widget-choice{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);min-height:34px;cursor:pointer}.widget-choice input{width:16px;height:16px;accent-color:var(--accent);margin:0;flex-shrink:0}.widget-choice:last-child{grid-column:1/-1}.chat-control{border-block-start:1px solid var(--border);padding-block-start:22px;margin-block-end:20px}.chat-control>label{display:flex;align-items:center;gap:7px}.chat-control>label>.icon{color:#bcadf0;width:16px;height:16px}.chat-control>label>span{margin-inline-start:auto;color:var(--muted);font-size:var(--text-xs);font-weight:400}.channel-input{display:flex;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding-inline:12px;gap:7px}.channel-input>span{color:var(--muted)}.channel-input input{background:transparent;color:var(--text);border:0;width:100%;min-width:0;font-size:var(--text-base);height:44px;padding:8px 0;border-radius:3px}.channel-input input::placeholder{color:var(--muted)}.channel-input:focus-within{border-color:var(--focus)}.channel-input input:focus-visible{outline-offset:2px}.field-error{font-size:var(--text-xs);color:var(--error);margin-block-start:8px;line-height:1.5}.chat-connection{font-size:var(--text-xs);line-height:1.5;color:var(--muted);margin-block-start:8px;min-height:18px;overflow-wrap:anywhere}.session-tools{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:4px;font-size:var(--text-xs);color:var(--muted);margin-block-start:8px}.session-tools .text-button{font-size:var(--text-xs);color:var(--positive)}.sound-control{display:flex;align-items:center;cursor:pointer;min-height:40px;gap:12px;position:relative}.sound-label{display:flex;align-items:center;gap:8px;font-size:var(--text-sm)}.sound-label .icon{width:16px;height:16px;color:var(--muted)}.sound-control input{position:absolute;inset-inline-end:0;width:40px;height:26px;margin:0;opacity:0;cursor:pointer}.switch-track{width:38px;height:22px;background:#62616c;border-radius:20px;padding:3px;margin-inline-start:auto;pointer-events:none}.switch-track i{display:block;border-radius:50%;width:16px;height:16px;background:var(--text)}.sound-control input:checked+.switch-track{background:var(--positive)}.sound-control input:checked+.switch-track i{transform:translate(16px);background:#25382d}.sound-control input:focus-visible+.switch-track{outline:2px solid var(--focus);outline-offset:4px}.sound-control input:focus-visible{outline:none}.sound-hint{font-size:var(--text-xs);color:var(--muted);margin-block-start:4px}.preview-panel{background:var(--surface);border-radius:var(--radius-lg)}.preview-toolbar{min-height:62px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-toolbar h2{font-size:var(--text-sm);font-weight:700;letter-spacing:0;display:flex;align-items:center;gap:8px;white-space:nowrap}.preview-dot{width:7px;height:7px;border-radius:50%;background:var(--positive)}.preview-controls{display:flex;align-items:center;gap:12px}.preview-mode{background:transparent;color:var(--muted);font-size:var(--text-xs);padding:4px 0;min-height:32px;text-decoration:underline;text-underline-offset:4px}.preview-mode[aria-pressed=true]{color:var(--accent)}.icon-button{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:6px;background:var(--field);color:var(--muted);padding:5px}.icon-button:hover{color:var(--text);background:var(--border)}.icon-button .icon{width:16px;height:16px}.stream-stage{aspect-ratio:16/10;position:relative;isolation:isolate;overflow:hidden;background:#292c43}.stream-scene{position:absolute;inset:0;width:100%;height:100%}.scene-hud{position:absolute;inset-block-start:18px;inset-inline:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--text-xs);color:#f3eee5;text-shadow:0 1px 2px #151c26}.scene-hud>span:first-child{background:#202631e8;padding:5px 8px;border-radius:4px;display:flex;gap:6px;align-items:center}.scene-hud i{display:block;width:5px;height:5px;background:#a4d9bd}.scene-description{color:#f3eee5;background:#202631e8;padding:5px 8px;border-radius:4px}.preview-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 20px;font-size:var(--text-xs)}.data-status{display:flex;align-items:center;gap:7px;color:var(--positive);min-width:0}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}.data-status.is-offline{color:var(--muted)}.data-status.is-demo{color:var(--accent)}.preview-caption .text-button{font-size:var(--text-xs);flex-shrink:0}.export-section{padding-block:26px 0}.export-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-block-end:14px}.export-heading>span{font-size:var(--text-xs);color:var(--muted)}.url-field{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding-inline:14px;gap:10px}.url-field>.icon{width:16px;height:16px;color:var(--muted)}.url-field input{background:transparent;color:var(--muted);border:0;padding:12px 0;font-size:var(--text-sm);width:100%;min-width:0;height:44px}.export-actions{display:flex;gap:12px;margin-block-start:12px}.primary-button,.secondary-button{min-height:48px;padding:12px 22px;border-radius:var(--radius-sm);display:inline-flex;justify-content:center;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:700;line-height:1.4;text-decoration:none}.primary-button{background:var(--accent);color:#282328;flex:1}.primary-button:hover{background:#ffd08d}.primary-button:active{transform:scale(.98)}.secondary-button{background:var(--field);color:var(--text);font-weight:400;min-width:170px}.secondary-button:hover{background:var(--border)}.export-actions .icon{width:18px;height:18px}.url-help{font-size:var(--text-xs);color:var(--muted);margin-block-start:10px}.action-status{font-size:var(--text-sm);color:var(--positive);margin-block-start:8px;min-height:21px;line-height:1.5}.chat-explainer{display:flex;align-items:flex-start;gap:14px;margin-block-start:12px;padding-block:22px;border-block-start:1px solid var(--border)}.chat-explainer>.icon{color:#bcadf0;margin-block-start:2px}.chat-explainer strong{font-size:var(--text-sm);font-weight:700}.chat-explainer p{font-size:var(--text-sm);line-height:1.6;color:var(--muted);margin-block-start:6px;max-width:52ch}.command-tag{background:var(--field);font-size:var(--text-xs);padding:8px 12px;border-radius:6px;white-space:nowrap;color:#bcadf0;margin-inline-start:auto}.command-tag>span{color:var(--muted);padding-inline:3px}.obs-section{margin-block-start:48px;padding-block:34px;border-block-start:1px solid var(--border)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-title p{font-size:var(--text-sm);color:var(--muted);margin-block-start:8px}.setup-time{font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.instruction-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0;margin:28px 0}.instruction-steps li{display:flex;gap:14px;align-items:flex-start}.step-number{color:var(--accent);font-size:var(--text-lg);line-height:1.3;padding-block-start:1px;flex-shrink:0}.instruction-steps h3{font-size:var(--text-base);line-height:1.5;font-weight:700;letter-spacing:-.01em}.instruction-steps p{font-size:var(--text-sm);line-height:1.7;color:var(--muted);margin-block-start:8px;max-width:42ch}.instruction-steps strong{font-weight:400;color:var(--text)}.help-details{border-block-start:1px solid var(--border);padding-block-start:16px;color:var(--muted);font-size:var(--text-sm)}.help-details summary{cursor:pointer;padding-block:8px;width:fit-content;max-width:100%;color:var(--text);line-height:1.5}.help-details summary .icon{width:16px;height:16px;margin-inline-start:6px}.help-details>div{display:grid;grid-template-columns:1fr 1fr;column-gap:36px;row-gap:16px;padding-block:16px 4px}.help-details p{max-width:65ch;line-height:1.7}.help-details strong{color:var(--text);font-weight:400}.about-section{display:flex;align-items:center;gap:24px;background:var(--surface);border-radius:var(--radius-lg);padding:28px 32px;margin-block:12px 44px}.about-art{width:76px;height:76px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f5ba690a;border-radius:16px}.about-art .brand-hamster{width:64px;height:64px}.about-section p{font-size:var(--text-sm);line-height:1.7;color:var(--muted);max-width:80ch;margin-block:10px 12px}.about-section a{font-size:var(--text-sm);color:var(--positive);display:inline-flex;align-items:center;gap:4px;min-height:32px}.about-section a .icon{width:16px;height:16px}.about-stamp{font-size:var(--text-sm);flex-shrink:0;margin-inline-start:auto;color:var(--muted);line-height:1.7;text-align:end}.about-stamp strong{font-weight:400;color:var(--accent)}.site-footer{max-width:1280px;margin-inline:auto;border-block-start:1px solid var(--border);padding-block:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:var(--text-xs)}.footer-brand{display:flex;align-items:center;gap:7px;text-decoration:none;color:var(--text);font-size:var(--text-sm);font-weight:700}.footer-brand .brand-hamster{width:26px;height:26px}.site-footer>a:last-child{text-decoration:none}html.is-overlay,html[data-page=overlay]{background:transparent;color-scheme:normal}.overlay-page{background:transparent;margin:0;overflow:hidden;min-width:0}.overlay-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.wheel-overlay{--o-bg: #202229;--o-text: #f3eee5;--o-muted: #babbc3;--o-inset: #373b44;--o-divider: #414550;position:absolute;inset-inline-start:24px;inset-block-end:24px;transform:scale(var(--render-scale, 1));transform-origin:bottom left;width:max-content;color:var(--o-text);pointer-events:none;font-size:var(--text-sm);line-height:1.5;z-index:2}.wheel-overlay.is-preview{inset-inline-start:20px;inset-block-end:20px}.overlay-surface{width:336px;position:relative;isolation:isolate;padding:16px 18px 12px;background:var(--o-bg);border-radius:var(--radius-md);filter:drop-shadow(0 4px 6px #0005)}.overlay-surface:before{content:"";position:absolute;inset-inline:18px;inset-block-start:0;height:3px;background:var(--overlay-accent);border-end-start-radius:3px;border-end-end-radius:3px}.overlay-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.overlay-name{display:flex;align-items:center;gap:5px;font-weight:700;font-size:var(--text-sm)}.overlay-name .brand-hamster{width:25px;height:25px}.hamster-state{display:flex;align-items:center;gap:5px;font-size:var(--text-xs);color:var(--o-muted)}.wheel-overlay[data-state=running] .hamster-state{color:#a4d9bd}.theme-light[data-state=running] .hamster-state{color:#2e624a}.wheel-row{display:flex;align-items:center;gap:12px;padding-block:4px 6px;min-width:0}.wheel-wrap{width:136px;flex-shrink:0}.wheel-art{display:block;width:100%;height:auto;overflow:visible}.wheel-rotor{transform-origin:64px 57px}.rpm-block{min-width:0;flex:1}.rpm-reading{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.rpm-reading>.pixel-number{font-size:var(--text-xl);color:var(--overlay-accent-text);line-height:1.3;white-space:nowrap}.rpm-unit{font-size:var(--text-xs);color:var(--o-muted)}.rpm-meter{height:4px;background:var(--o-inset);margin-block:8px;border-radius:2px;overflow:hidden}.rpm-meter>span{display:block;height:100%;background:var(--overlay-accent);transform-origin:left center;border-radius:2px}.rpm-caption{font-size:var(--text-xs);color:var(--o-muted);display:block;line-height:1.5}.overlay-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-block:12px 2px;border-block-start:1px solid var(--o-divider)}.overlay-metric{min-width:0;display:flex;flex-direction:column;gap:4px;font-size:var(--text-xs);color:var(--o-muted)}.overlay-metric>strong{color:var(--o-text);font-size:var(--text-lg);font-weight:400;line-height:1.5;overflow-wrap:anywhere}.overlay-metric>strong small{font-size:var(--text-xs);color:var(--o-muted);font-family:inherit}.metric-note{font-size:var(--text-xs);color:var(--o-muted)}.round-widget{margin-block-start:14px}.round-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:var(--text-xs);color:var(--o-muted)}.round-top>.pixel-number{color:var(--overlay-accent-text);font-size:var(--text-sm)}.round-track{height:4px;margin-block-start:8px;background:var(--o-inset);border-radius:4px;overflow:hidden}.round-track>span{display:block;height:100%;background:var(--overlay-accent);transform-origin:left center}.overlay-footer{display:flex;align-items:center;gap:5px;margin-block-start:14px;font-size:var(--text-xs);color:var(--o-muted);line-height:1.5}.overlay-footer [data-value=connection]{font-size:var(--text-xs)}.overlay-footer .status-dot{width:4px;height:4px;color:#a4d9bd}.wheel-overlay[data-online=false] .overlay-footer .status-dot{color:var(--o-muted)}.overlay-credit{margin-inline-start:auto;font-size:var(--text-xs);color:var(--o-muted);white-space:nowrap}.wheel-overlay .is-unknown{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:var(--text-sm)!important;color:var(--o-muted)!important}.eye-sleep,.sleep-z,.wheel-overlay[data-state=sleeping] .eye-open{display:none}.wheel-overlay[data-state=sleeping] .eye-sleep,.wheel-overlay[data-state=sleeping] .sleep-z{display:block}.wheel-overlay[data-state=unknown] .wheel-art{opacity:.65}.vote-widget{border-block-start:1px solid var(--o-divider);margin-block-start:14px;padding-block-start:12px}.vote-title,.vote-labels{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--text-xs)}.vote-title strong{font-size:var(--text-sm);font-weight:700}.vote-title>span{color:var(--o-muted)}.vote-labels{margin-block-start:10px}.vote-labels>span:first-child{color:#a4d9bd}.vote-labels>span:last-child{color:#c4b6ec}.theme-light .vote-labels>span:first-child{color:#2e624a}.theme-light .vote-labels>span:last-child{color:#64518b}.vote-labels b{font-weight:700}.vote-track{height:7px;background:#a392ca;margin-block:6px;border-radius:4px;overflow:hidden}.vote-track>span{display:block;height:100%;background:#a4d9bd;transform-origin:left center}.vote-hint{color:var(--o-muted);font-size:var(--text-xs);line-height:1.5;overflow-wrap:anywhere}.leaderboard-widget{margin-block-start:14px;padding-block-start:12px;border-block-start:1px solid var(--o-divider)}.leaderboard-title{display:flex;align-items:center;gap:6px;font-size:var(--text-xs)}.leaderboard-title .icon{color:var(--overlay-accent-text);height:14px;width:14px}.leaderboard-title strong{font-weight:700}.leaderboard-list{padding:0;margin:10px 0 0;list-style:none}.leaderboard-list:empty{display:none}.leaderboard-list li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;align-items:baseline;font-size:var(--text-xs);padding-block:3px;overflow-wrap:anywhere}.leaderboard-list .rank{color:var(--o-muted)}.leaderboard-list strong{font-weight:400;color:var(--overlay-accent-text)}.leaderboard-empty{font-size:var(--text-xs);color:var(--o-muted);line-height:1.5;margin-block-start:8px}.cheer-pop,.result-pop{position:absolute;z-index:3;inset-inline:10px;inset-block-start:45%;padding:14px 18px;background:#f5ba69;color:#30272b;border-radius:var(--radius-sm);text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;filter:drop-shadow(0 3px 5px #0004)}.cheer-pop strong{font-size:var(--text-base);font-weight:700}.pop-sparkles{font-size:var(--text-lg)}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;width:6px;height:6px;background:#a4d9bd;inset-inline-start:20%;inset-block-start:50%;opacity:0}.confetti i:nth-child(2){inset-inline-start:40%;background:#c4b6ec}.confetti i:nth-child(3){inset-inline-start:60%;background:#f3eee5}.confetti i:nth-child(4){inset-inline-start:80%;background:#eea7ab}.confetti i:nth-child(5){inset-inline-start:30%;background:#f3eee5}.confetti i:nth-child(6){inset-inline-start:70%;background:#c4b6ec}.result-pop{inset-block-start:38%;display:flex;flex-direction:column;background:#a4d9bd;gap:6px}.result-pop strong{font-size:var(--text-lg)}.result-pop>span:last-child{font-size:var(--text-xs)}.result-icon>.icon{width:24px;height:24px}.squeek-callout{position:absolute;z-index:4;inset-inline:0;inset-block-start:0;background:var(--o-bg);color:var(--o-text);padding:12px;display:flex;align-items:center;gap:10px;border-radius:var(--radius-sm);filter:drop-shadow(0 4px 6px #0005)}.squeek-callout .brand-hamster{width:36px;height:36px}.squeek-callout>div{display:flex;flex-direction:column;gap:3px;font-size:var(--text-xs)}.squeek-callout strong{font-size:var(--text-sm)}.enable-sound{pointer-events:auto;background:#202229;color:#f3eee5;padding:8px 12px;border-radius:6px;margin-block-start:6px;display:flex;align-items:center;gap:6px;min-height:40px;font-size:var(--text-sm)}.layout-panel{inset-inline-start:auto;inset-inline-end:24px;inset-block-start:24px;inset-block-end:auto;transform-origin:top right}.layout-panel.is-preview{inset-inline-start:auto;inset-inline-end:20px;inset-block-start:20px;inset-block-end:auto}.layout-panel .overlay-surface{width:320px;padding:18px 20px 14px}.layout-panel .wheel-row{flex-direction:column;gap:0;padding-block:10px 16px}.layout-panel .wheel-wrap{width:184px}.layout-panel .rpm-block{width:100%;text-align:center}.layout-panel .rpm-reading{justify-content:center}.layout-panel .rpm-reading>.pixel-number{font-size:var(--text-display)}.layout-panel .rpm-meter{max-width:150px;margin-inline:auto}.layout-panel .overlay-metrics{padding-block-start:16px}.layout-panel .overlay-credit{display:none}.layout-bar .overlay-surface{width:1040px;display:grid;grid-template-columns:140px 230px 250px minmax(0,1fr);column-gap:20px;row-gap:0;align-items:center;padding:16px 22px 12px}.layout-bar .overlay-head{flex-direction:column;align-items:flex-start;gap:8px}.layout-bar .wheel-row{gap:4px;padding:0}.layout-bar .wheel-wrap{width:100px}.layout-bar .rpm-block{flex:1}.layout-bar .rpm-caption{font-size:var(--text-xs)}.layout-bar .overlay-metrics{border:0;padding:0;gap:12px}.layout-bar .round-widget{margin:0}.layout-bar .overlay-footer{grid-column:1/-1;margin-block-start:8px}.layout-bar .vote-widget{grid-column:1/-1;display:grid;grid-template-columns:210px 150px 1fr;column-gap:22px;row-gap:5px;align-items:center;margin-block-start:12px;padding-block-start:12px}.layout-bar .vote-labels{margin:0}.layout-bar .vote-track{grid-column:3;grid-row:1;margin:0}.layout-bar .vote-hint,.layout-bar .leaderboard-widget{grid-column:1/-1}.layout-bar .leaderboard-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 24px}.layout-bar .cheer-pop,.layout-bar .result-pop{inset-inline:auto;inset-inline-start:35%;min-width:300px;inset-block-start:20%}.layout-bar .squeek-callout{inset-inline:auto;inset-inline-start:0;min-width:340px}.theme-light{--o-bg: #f5efe4;--o-text: #302d29;--o-muted: #655f55;--o-inset: #d8d0c0;--o-divider: #d2caba}.theme-light .overlay-footer .status-dot{color:#2e624a}.theme-transparent{--o-bg: transparent;--o-text: #f3eee5;--o-muted: #e0dfe4;--o-inset: #454955;--o-divider: transparent}.theme-transparent .overlay-surface{filter:drop-shadow(0 2px 3px #0005)}.theme-transparent .overlay-head,.theme-transparent .rpm-block,.theme-transparent .overlay-metric,.theme-transparent .round-widget,.theme-transparent .vote-widget,.theme-transparent .leaderboard-widget,.theme-transparent .overlay-footer{background:#1a1a20ef;border-radius:6px;padding:8px}.theme-transparent .overlay-metrics{border:0;gap:8px}.theme-transparent .overlay-footer{margin-block-start:10px}.theme-transparent .overlay-surface:before{display:none}.theme-transparent .wheel-row{gap:4px}.theme-transparent.layout-bar .overlay-head{padding:8px}.theme-transparent.layout-panel .rpm-block{max-width:250px}.theme-transparent.layout-panel .wheel-row{padding-block-end:4px}@media(prefers-reduced-motion:no-preference){.wheel-overlay[data-motion=true][data-spinning=true] .wheel-rotor{animation:wheel-turn var(--wheel-duration, 1s) linear infinite}.wheel-overlay[data-motion=true][data-spinning=true] .hamster-sprite{animation:hamster-bob var(--paw-duration, .25s) ease-in-out infinite alternate}.wheel-overlay[data-motion=true][data-spinning=true] .paws{animation:hamster-paws var(--paw-duration, .25s) steps(2,end) infinite}.wheel-overlay[data-motion=true] .popping{animation:cheer-pop .45s cubic-bezier(.2,0,0,1) both}.wheel-overlay[data-motion=true] .popping .confetti i{animation:confetti .85s cubic-bezier(.2,0,0,1) both}.wheel-overlay[data-motion=true] .popping .confetti i:nth-child(2n){animation-delay:.1s}.wheel-overlay[data-motion=true] .result-pop:not([hidden]){animation:cheer-pop .45s cubic-bezier(.2,0,0,1) both}.primary-button,.secondary-button,.icon-button{transition:background-color .16s ease,transform .16s ease}.switch-track i{transition:transform .16s ease}.rpm-meter>span,.vote-track>span{transition:transform .5s ease}}@keyframes wheel-turn{to{transform:rotate(360deg)}}@keyframes hamster-bob{to{transform:translateY(-2px)}}@keyframes hamster-paws{50%{transform:translate(3px)}}@keyframes cheer-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes confetti{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(-70px) rotate(120deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:1424px){.site-header,main:not(.overlay-canvas),.site-footer{max-width:1280px}}@media(max-width:1423px){.site-header,main:not(.overlay-canvas),.site-footer{margin-inline:40px}.intro h1{max-width:760px}.intro h1 span{display:block}.studio{grid-template-columns:332px minmax(0,1fr);gap:24px}.controls-panel{padding:22px}.custom-color{gap:4px}.swatches{gap:7px}.custom-color input{width:20px}.export-heading{flex-wrap:wrap;gap:6px}.command-tag{display:none}.site-header{gap:32px}.stream-stage{aspect-ratio:16/11}}@media(max-width:1060px){.site-header,main:not(.overlay-canvas),.site-footer{margin-inline:28px}.intro{padding-block:32px 28px}.intro h1{font-size:var(--text-xl);letter-spacing:-.025em}.intro-aside{display:none}.studio{grid-template-columns:304px minmax(0,1fr);gap:20px}.controls-panel{padding:20px}.layout-options{gap:6px}.choice-content{font-size:var(--text-xs);padding-inline:2px}.layout-mini{width:48px}.accent-controls{gap:10px}.custom-color #accent-hex{display:none}.custom-color input{width:30px}.preview-toolbar{padding-inline:16px;gap:6px}.preview-controls{gap:8px}.preview-caption{padding-inline:16px}.export-actions{flex-wrap:wrap;gap:10px}.primary-button,.secondary-button{padding-inline:16px}.secondary-button{min-width:140px}.scene-description{display:none}.stream-stage{aspect-ratio:1/1}.instruction-steps{gap:22px}.instruction-steps li{gap:10px}.about-stamp{display:none}}@media(max-width:800px){.site-header{min-height:76px;gap:20px}.free-note{display:none}.site-header nav{gap:24px}.studio{grid-template-columns:1fr;grid-template-areas:"preview" "controls";gap:24px}.preview-column{display:contents}.preview-panel{grid-row:1}.export-section{grid-row:2;padding:0}.chat-explainer{grid-row:4;margin:0;padding-block:0 12px;border-block-start:0}.controls-panel{grid-area:auto;grid-row:3;padding:24px}.stream-stage{aspect-ratio:16/9}.intro h1 span{display:inline}.intro h1{max-width:none}.intro p{margin-block-start:10px}.export-heading,.export-actions{flex-wrap:nowrap}.controls-panel .custom-color #accent-hex{display:inline}.accent-controls{justify-content:flex-start;gap:24px}.custom-color input{width:26px}.control-group{margin-block-end:24px}.layout-options{gap:12px}.choice-content{font-size:var(--text-sm);padding-block:16px 12px}.layout-mini{width:68px;height:40px}.layout-mini i{inset:6px}.mini-badge b{width:23px;height:16px;inset-inline-start:6px;inset-block-end:6px}.mini-bar b{inset-inline:6px;height:10px;inset-block-end:6px}.mini-panel b{width:15px;inset-inline-end:6px;inset-block:6px}.widget-options{gap:4px 20px}.widget-choice{font-size:var(--text-sm);min-height:40px}.widget-choice input{width:18px;height:18px}.chat-control>label>span{margin-inline-start:12px}.theme-choice>span{min-height:44px}.obs-section{margin-block-start:32px;padding-block-start:28px}.instruction-steps{grid-template-columns:1fr;gap:22px}.instruction-steps li{gap:18px}.instruction-steps p{max-width:65ch;margin-block-start:4px}.help-details>div{grid-template-columns:1fr;gap:16px}.about-section{padding:24px;align-items:flex-start}.about-art{width:56px;height:56px}.about-art .brand-hamster{width:48px;height:48px}.site-footer{flex-wrap:wrap;gap:12px}.site-footer>span{order:3;flex-basis:100%}.site-footer>a:last-child{margin-inline-start:auto}.site-footer{padding-block:20px 24px}.setup-time{display:none}}@media(max-width:480px){.site-header,main:not(.overlay-canvas),.site-footer{margin-inline:20px}.site-header{min-height:72px}.brand{font-size:var(--text-lg);gap:7px}.brand-hamster{width:34px;height:34px}.site-header nav .nav-active{display:none}.site-header nav{gap:0}.site-header nav a{font-size:var(--text-xs);gap:2px}.site-header nav a .icon{width:14px;height:14px}.intro{padding-block:26px 24px}.intro h1{font-size:var(--text-xl);line-height:1.15;letter-spacing:-.03em}.intro h1 span{display:block}.intro p{font-size:var(--text-sm);max-width:34ch;line-height:1.6}.preview-toolbar{min-height:52px;padding:10px 14px}.preview-controls{gap:12px}.preview-mode{font-size:var(--text-xs)}.stream-stage{aspect-ratio:4/3}.preview-caption{padding:8px 14px;min-height:48px;gap:8px}.data-status{font-size:var(--text-xs);gap:5px}.preview-caption .text-button{font-size:var(--text-xs);gap:3px}.preview-caption .text-button .icon{width:14px;height:14px}.scene-hud{inset-inline:14px;inset-block-start:12px}.export-heading{align-items:flex-start;flex-direction:column;gap:6px;margin-block-end:12px}.export-heading h2{font-size:var(--text-lg)}.export-heading>span{display:none}.url-field{padding-inline:12px}.url-field input{font-size:var(--text-base)}.export-actions{gap:8px;margin-block-start:10px}.primary-button,.secondary-button{font-size:var(--text-sm);padding:12px 10px;gap:6px;min-height:48px}.secondary-button{min-width:116px}.export-actions .icon{width:16px;height:16px}.action-status{font-size:var(--text-xs)}.url-help{line-height:1.5}.controls-panel{padding:20px}.controls-title{margin-block-end:20px}.control-group{margin-block-end:22px}.layout-options{gap:8px}.choice-content{font-size:var(--text-xs);padding:14px 3px 10px;gap:8px}.layout-mini{width:56px;height:34px}.accent-controls{gap:16px;justify-content:space-between}.custom-color{gap:6px}.swatches{gap:10px}.widget-options{column-gap:12px}.widget-choice{font-size:var(--text-xs)}.chat-control>label>span{margin-inline-start:auto}.chat-explainer{gap:12px}.chat-explainer p{font-size:var(--text-sm);line-height:1.6}.obs-section{margin-block-start:20px}.section-title p{font-size:var(--text-sm);line-height:1.6}.about-section{padding:22px;gap:12px;flex-wrap:wrap}.about-art{width:44px;height:44px}.about-art .brand-hamster{width:40px;height:40px}.about-section>div:nth-child(2){flex-basis:100%}.about-section p{line-height:1.7}.site-footer{font-size:var(--text-xs)}.site-footer>span{max-width:34ch}.help-details summary{font-size:var(--text-sm)}.help-details summary .icon{display:none}}@media(max-width:350px){.site-header,main:not(.overlay-canvas),.site-footer{margin-inline:16px}.brand{font-size:var(--text-base);gap:5px}.brand-hamster{width:30px;height:30px}.site-header nav a{font-size:var(--text-xs)}.intro{padding-block:22px 20px}.preview-toolbar{padding-inline:12px}.preview-controls{gap:8px}.preview-caption{padding-inline:12px;flex-wrap:wrap;row-gap:2px}.preview-mode{max-width:100px}.export-actions{flex-wrap:wrap}.primary-button{flex-basis:100%}.secondary-button{flex:1;min-width:0}.controls-panel{padding:18px}.layout-options{gap:6px}.layout-mini{width:48px;height:32px}.custom-color #accent-hex{display:none!important}.custom-color input{width:30px}.widget-options{grid-template-columns:1fr}.widget-choice{font-size:var(--text-sm)}.site-footer>a:last-child{font-size:var(--text-xs)}.about-section{padding:20px}}@media(forced-colors:active){:focus-visible{outline-color:Highlight}.layout-choice input:checked+.choice-content,.theme-choice input:checked+span{outline:2px solid Highlight}.swatch{border:2px solid ButtonText}.swatch[aria-pressed=true]{outline:2px solid Highlight}.swatch .icon{color:ButtonText}.primary-button,.secondary-button,.switch-track{border:1px solid ButtonText}.sound-control input:checked+.switch-track{background:Highlight}.status-dot{background:CanvasText}}.choice-content{border-color:transparent;background:transparent}.layout-choice input:checked+.choice-content{border-color:transparent;background:transparent}.layout-choice input:checked+.choice-content .layout-mini{outline:2px solid var(--accent);outline-offset:3px}.choice-check{inset-block-start:12px;inset-inline-end:9px}.layout-choice input:checked+.choice-content .choice-check{display:none}.overlay-notices{display:flex;flex-direction:column;gap:8px;grid-column:1/-1;margin-block-start:12px}.wheel-overlay .cheer-pop,.wheel-overlay .result-pop,.wheel-overlay .squeek-callout{position:relative;inset:auto;min-width:0;width:auto;margin:0;filter:none}.wheel-overlay .squeek-callout{background:var(--o-inset)}.theme-transparent .squeek-callout{background:#1a1a20ef}.layout-bar .overlay-notices{flex-direction:row;align-items:stretch}.layout-bar .overlay-notices>*{flex:1;min-width:0}