:root{--ink: #2b2a33;--paper: #fdf6e3;--card: #fffdf7;--accent: #f28c38;--tape: rgba(255, 249, 196, .8);--focus: #1c5fb0;font-family:Golos Text,Nunito,Rubik,system-ui,sans-serif;font-size:18px;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(rgba(43,42,51,.05) 1px,transparent 1.5px),linear-gradient(rgba(28,126,214,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(28,126,214,.06) 1px,transparent 1px);background-size:7px 7px,32px 32px,32px 32px}body{margin:0;min-height:100vh}.sheet{position:relative;max-width:960px;margin:24px auto;padding:24px;background:var(--card);border:3px solid var(--ink);border-radius:18px;box-shadow:4px 6px #2b2a332e}.sheet:before{content:"";position:absolute;top:-12px;left:calc(50% - 44px);width:88px;height:22px;background:var(--tape);border:1px solid rgba(43,42,51,.2);border-radius:3px;transform:rotate(-2deg);pointer-events:none}.room-code{font-size:64px;font-weight:800;letter-spacing:.12em;margin:0}button{min-height:64px;min-width:64px;font:inherit;color:var(--ink);border:3px solid var(--ink);border-radius:14px;background:var(--accent);cursor:pointer;box-shadow:2px 3px #2b2a332e}button:active:not(:disabled){transform:translateY(2px);box-shadow:none}input,select{min-height:64px;font:inherit;border:3px solid var(--ink);border-radius:12px;padding:0 12px;box-sizing:border-box}input[type=checkbox]{min-height:0;width:28px;height:28px;accent-color:var(--accent)}:focus-visible{outline:4px solid var(--focus);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}