:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;color:#f5f7fb;background:#10131a;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation;border:1px solid #454b58;background:#252b36;color:#fff;border-radius:11px;padding:10px 14px;transition:background-color .16s ease,transform .16s ease}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){background:#323a49}button:focus-visible{outline:2px solid #8dc7ff;outline-offset:2px}main{min-height:100dvh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;padding:14px max(18px,env(safe-area-inset-right));background:#171c25;border-bottom:1px solid #303744;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:650;letter-spacing:-.02em}.mark{color:#78b8ff;font-size:26px}.status{font-size:13px;color:#a5b3c7;text-align:right}.welcome{margin:auto;text-align:center;max-width:430px;padding:36px 26px;animation:appear .25s ease-out}.orb{font-size:70px;color:#7cbcff;text-shadow:0 0 60px #278fff}.welcome h1{font-size:clamp(26px,5vw,38px);margin:22px 0 8px;letter-spacing:-.04em}.welcome p{color:#aab7ca;line-height:1.5}.primary{background:#3589ec;border-color:#3589ec;padding:12px 24px;margin-top:22px;font-weight:600}.viewer{display:none;position:relative;flex:1;min-height:0;background:#050608}.viewer.active{display:flex;align-items:center;justify-content:center}.viewer video{display:block;width:100%;height:100%;max-height:calc(100dvh - 130px);object-fit:contain}.touch-layer{position:absolute;inset:0;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));font-size:13px;color:#afbad0;background:#171c25}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.actions button[aria-pressed=true]{background:#2c5c93;border-color:#6aaeff}.danger{border-color:#a04b54;color:#ffb5bc}.keyboard{position:fixed;opacity:0;width:1px;height:1px;bottom:0;left:0}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){header{padding-top:calc(10px + env(safe-area-inset-top))}.brand{font-size:14px}.status{font-size:11px}footer{align-items:flex-start;flex-direction:column}.actions{width:100%;justify-content:space-between}.actions button{font-size:12px;padding:9px}.viewer video{max-height:calc(100dvh - 145px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.session{height:100dvh}.session header,.session footer{flex-shrink:0}.viewer video{position:absolute;inset:0;max-height:none;pointer-events:none}.gesture-guide{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 12px;padding:7px max(16px,env(safe-area-inset-right)) 7px max(16px,env(safe-area-inset-left));color:#afbad0;background:#171c25;border-bottom:1px solid #303744;font-size:12px;line-height:1.35}.gesture-guide strong{color:#f5f7fb;font-weight:600}.touch-layer{-webkit-touch-callout:none}.keyboard{font-size:16px}main.expanded{position:fixed;inset:0;z-index:10;height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none;background:#10131a}