:root{color:#33343c;font-synthesis:none;background:#c7bdd0;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:#33343c;background:#f6f1f2ef;border:1px solid #80758b55;border-radius:9px;padding:11px 16px;transition:background .15s}button:hover{background:#fff}button:focus-visible,input:focus-visible,canvas:focus-visible{outline-offset:4px;outline:3px solid #476c69}button:disabled{opacity:.5;cursor:wait}button.primary{color:#fff;background:#485f59;border-color:#485f59;width:100%;padding:15px;font-weight:600}button.primary:hover{background:#354b45}.text-button{text-underline-offset:4px;background:0 0;border-color:#0000;width:100%;margin-top:6px;text-decoration:underline}.quiet{color:#65616d;font-size:12px;line-height:1.65}.small-label{color:#666171;font-size:13px}h1{letter-spacing:-1.3px;margin:15px 0 22px;font-family:Palatino,Palatino Linotype,Georgia,serif;font-size:44px;font-weight:400;line-height:1.08}p{margin:0 0 18px;line-height:1.7}h2{margin:0 0 20px;font-size:18px;font-weight:600}#world{touch-action:none;outline:none;width:100vw;height:100dvh;display:block}header{pointer-events:none;background:linear-gradient(#ecedf35c,#0000);justify-content:space-between;align-items:flex-start;padding:30px 36px;display:flex;position:fixed;inset:0 0 auto}.wordmark{letter-spacing:-.6px;color:#343544;font-family:Palatino,Georgia,serif;font-size:29px}.wordmark span{letter-spacing:0;margin-top:5px;font:12px Avenir Next,sans-serif;display:block}.chapter{text-align:right;color:#555362;font-size:12px}.chapter span{color:#33343c;margin-top:5px;font-size:18px;display:block}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f3edf3f0;border-radius:18px;width:350px;max-height:calc(100dvh - 155px);padding:29px 30px 22px;position:fixed;top:50%;left:4.5vw;overflow:auto;transform:translateY(-48%);box-shadow:0 18px 75px #3d304124}.gesture-demo{color:#698178;border-bottom:1px solid #bfb3c5;align-items:center;gap:28px;margin:18px 0 20px;padding-bottom:16px;font-size:30px;display:flex}.gesture-demo span:first-child{font-family:serif;font-size:38px}ol{padding-left:19px;font-size:13px;line-height:1.6}li{margin:7px 0}.toolbar{justify-content:center;gap:7px;display:flex}.toolbar button{background:#f6f1f2e6;padding:10px 14px;font-size:12px}.control-hint{text-align:center;text-shadow:0 1px 8px #fff;margin-bottom:12px;background:#f4eff080;border-radius:20px;width:fit-content;margin-inline:auto;padding:6px 14px;font-size:12px}footer{max-width:100%;padding:0 8px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#journey{width:270px;position:fixed;top:112px;left:50%;transform:translate(-50%)}.journey-label{text-shadow:0 1px 12px #fff;justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}progress{accent-color:#5e7e70;border:0;border-radius:8px;width:100%;height:4px;display:block}progress::-webkit-progress-bar{background:#fcf6f28a;border-radius:8px}progress::-webkit-progress-value{background:#5e7e70;border-radius:8px}#hand-view{background:#f4eef3e8;border-radius:13px;width:210px;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 6px 35px #37303f22}.preview{background:#54515c;height:145px;position:relative;overflow:hidden}.preview video,.preview canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.hand-meta{justify-content:space-between;padding:10px 10px 6px;font-size:10px;display:flex}.finger-bars{gap:10px;padding:0 10px 12px;display:flex}.finger-bars label{flex:1;font-size:10px}.finger-bars meter{width:100%;height:7px;margin-top:4px;display:block}.tuning{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4eff5f5;border-radius:15px;width:285px;max-height:65dvh;padding:24px;position:fixed;top:110px;right:24px;overflow:auto}.tuning label{margin:18px 0 5px;font-size:12px;display:block}.tuning output{float:right}.tuning input{accent-color:#58766d;width:100%;margin-top:12px;display:block}.tuning dl{grid-template-columns:1fr auto;font-size:12px;line-height:1.9;display:grid}.tuning dd{margin:0}.tuning button{width:100%;margin:4px 0;font-size:12px}#notice{color:#fff;text-align:center;background:#33343ced;border-radius:12px;max-width:440px;padding:12px 20px;font-size:13px;position:fixed;bottom:115px;left:50%;transform:translate(-50%)}[hidden]{display:none!important}@media (width<=850px){header{padding:20px}.wordmark{font-size:24px}.wordmark span{max-width:160px;font-size:10px}.panel{width:min(350px,100vw - 32px);padding:23px;left:16px}h1{font-size:37px}#hand-view{width:150px;bottom:135px;right:12px}.preview{height:110px}.toolbar{flex-wrap:wrap;width:95vw}.toolbar button{padding:9px 12px}footer{bottom:12px}.control-hint{font-size:10px}.tuning{width:260px;right:12px}#journey{width:230px;top:95px}}@media (prefers-reduced-motion:reduce){button{transition:none}}#welcome h1{margin:12px 0 16px;font-size:40px}#welcome p{margin-bottom:14px;font-size:13px}#welcome .gesture-demo{margin:10px 0 12px;padding-bottom:10px;font-size:22px}#welcome .gesture-demo span:first-child{font-size:28px}#welcome .quiet{font-size:11px}#hand-view.setting-up{width:320px;bottom:24px;right:4.5vw}#hand-view.setting-up .preview{height:240px}#hand-view.setting-up .hand-meta{font-size:12px}@media (width<=850px){#hand-view.setting-up{width:180px;bottom:15px;right:12px}#hand-view.setting-up .preview{height:135px}}.gesture-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4eff5f5;border-radius:20px;width:min(570px,100vw - 32px);padding:26px 30px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 75px #3d304124}.gesture-panel h2{margin:8px 0 12px;font:36px Palatino,Georgia,serif}.menu-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.menu-grid button{min-height:70px;font-size:16px}.gesture-panel .quiet{margin:12px 0}.setting-row{grid-template-columns:1fr 80px 80px;align-items:center;gap:14px;margin:14px 0;display:grid}.setting-row button{height:64px;font-size:28px}.setting-row output{color:#65616d;margin-top:4px;font-size:13px;display:block}.diagnostic-meta{flex-wrap:wrap;gap:8px;margin:16px 0 0;font-size:10px;display:flex}.diagnostic-meta dd{margin:0 10px 0 0}.countdown{background:#dce8da;border-radius:10px;padding:16px;font-weight:600}#gesture-cursor{pointer-events:none;z-index:20;background:conic-gradient(#2e7561 calc(var(--dwell,0)*1turn),#fffa 0);border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:fixed;transform:translate(-50%,-50%);box-shadow:0 2px 16px #22382e66}#gesture-cursor span{background:#374c48;border:3px solid #fff;border-radius:50%;width:32px;height:32px}button.gesture-hover{outline-offset:3px;color:#253e33;background:#e0f0e5;outline:4px solid #528777}#menu-feedback{min-height:20px}#finished{width:440px;left:50%;transform:translate(-50%,-50%)}#finished button{min-height:70px}body.menu-open #hand-view{width:150px}body.menu-open #hand-view .preview{height:112px}@media (height<=700px){.gesture-panel{padding:18px 24px}.gesture-panel h2{font-size:28px}.menu-grid button{min-height:58px}.setting-row{margin:9px 0}.setting-row button{height:52px}}@media (width<=600px){.gesture-panel{top:42%}.menu-grid{gap:12px}.menu-grid button{font-size:14px}.setting-row{grid-template-columns:1fr 65px 65px}}#end-walk{background:0 0;grid-column:1/-1;min-height:54px}#recording-status{color:#fff;letter-spacing:.08em;z-index:30;background:#303438d9;border-radius:999px;padding:7px 11px;font-size:10px;position:fixed;top:22px;right:22px}#recording-status[data-status=recording]{background:#9c3138}#recording-status[data-status=off],#recording-status[data-status=paused]{background:#5d6266}#recording-status[data-status=error]{background:#8a5b22}.consent-panel{width:min(620px,100vw - 32px)}.consent-panel .menu-grid button{min-height:88px}.consent-panel #consent-status{min-height:22px;margin-top:14px}#steering-meter{accent-color:#58766d;width:180px;height:8px;margin:5px auto 0;display:block}#public-recording-notice{z-index:25;background:#fff8e8f2;border-radius:12px;width:min(390px,100vw - 44px);padding:14px 16px;font-size:12px;position:fixed;top:92px;left:22px;box-shadow:0 5px 28px #332b2230}#public-recording-notice p{margin:0 0 9px;line-height:1.45}#public-recording-notice button{padding:8px 11px;font-size:12px}#public-recording-notice small{color:#655f55;margin-top:7px;display:block}#gesture-cursor.tracking-lost{opacity:.8;background:#aaa}#gesture-cursor.tracking-lost span{background:#777}#gesture-cursor.not-pointing span{background:#a99360}#cursor-label{color:#fff;text-align:center;background:#343a3de8;border-radius:6px;width:160px;padding:5px;font-size:11px;position:absolute;top:53px;left:50%;transform:translate(-50%)}#cursor-label:empty{display:none}#debug-status{pointer-events:none;background:#f4eff0de;border-radius:10px;max-width:275px;padding:10px 14px;font-size:12px;position:fixed;bottom:22px;left:22px}#debug-status small{color:#65616d;margin-top:5px;font-size:10px;display:block}body.menu-open #debug-status{bottom:12px}#steering-feedback{color:#324f49;margin-top:7px;font-size:12px;font-weight:600}.wheel-demo{color:#536b64;text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 15px;font-size:10px;display:grid}.wheel-demo span:before{content:"";background:#698178;border-radius:3px;width:45px;height:3px;margin:0 auto 7px;display:block;box-shadow:-20px 0 0 -1px #698178,20px 0 0 -1px #698178}.wheel-demo .wheel-left:before{transform:rotate(-16deg)}.wheel-demo .wheel-right:before{transform:rotate(16deg)}