:root{color-scheme:dark;--accent:#ed79af;--bg:#171e29;--text:#f1f3f6;--muted:#a1adbd}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);font:14px system-ui,sans-serif;color:var(--text)}#hands-world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;inset:0 0 auto;display:flex;align-items:center;gap:24px;padding:24px 30px;pointer-events:none}header a{pointer-events:auto;color:var(--muted);text-decoration:none;font-size:12px}header>a:last-child{margin-left:auto;margin-right:47px}header>span{font:10px monospace;letter-spacing:.15em;color:var(--muted)}header .brand{font-weight:800;letter-spacing:.1em;color:var(--text)}.brand b{color:var(--accent)}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #aabbd325;border-radius:9px;background:#aabbd308;min-height:39px;padding:9px;font-size:11px}button:hover{border-color:var(--accent)}button[aria-pressed=true]{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.menu-toggle{position:fixed;right:24px;top:16px;width:42px;height:42px;border-radius:50%;font-size:17px;background:#171e29cc}aside{position:fixed;right:24px;top:80px;bottom:24px;width:300px;padding:23px;border:1px solid #aabbd326;border-radius:18px;background:#111923e8;overflow:auto;scrollbar-width:thin}.eyebrow{font:9px monospace;letter-spacing:.1em;color:var(--accent);margin:0 0 12px}h1{font-size:27px;line-height:1.08;margin:0 0 15px;font-weight:650;letter-spacing:-.025em}.intro,.note{font-size:11px;line-height:1.6;color:var(--muted)}fieldset{border:0;padding:0;margin:23px 0 0;min-width:0}legend{font:9px monospace;letter-spacing:.12em;color:#b6c1cf;margin-bottom:10px}.two,.three{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.three{grid-template-columns:repeat(3,1fr)}label{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:12px 0;gap:12px}input[type=range]{width:124px;accent-color:var(--accent);min-height:22px}.caption{position:fixed;bottom:28px;left:30px;pointer-events:none;font:10px monospace;letter-spacing:.09em}.caption span{color:var(--accent)}.caption small{display:block;font:10px system-ui;color:var(--muted);margin-top:6px;letter-spacing:0}.error{position:fixed;left:30px;bottom:75px;background:#4b273c;padding:20px;border-radius:12px}[hidden]{display:none!important}@media(max-width:760px){header{padding:20px}header>span{display:none}header>a:last-child{margin-right:50px}.menu-toggle{right:15px;top:12px}aside{right:12px;left:12px;bottom:12px;top:auto;width:auto;max-height:45vh;padding:16px 20px}aside h1{font-size:23px}aside .intro{display:none}.caption{left:20px;bottom:calc(46vh + 25px);font-size:9px}.caption small{font-size:9px}fieldset{margin-top:16px}.note{margin-bottom:0}}@media(max-height:510px){aside{top:64px;bottom:12px;left:auto;right:12px;width:270px;max-height:none}.caption{bottom:18px;left:20px}.caption small{display:none}}