:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#0b1028;--panel:#111c2b;--moon:#e6e9f2;--muted:#adb6c9;--ember:#f4a76a;--line:#acbad82e;--edge:clamp(16px,3vw,44px);--bottom:max(18px,env(safe-area-inset-bottom))}*{box-sizing:border-box}html,body{background:var(--night);width:100%;height:100%;color:var(--moon);margin:0;font-family:Georgia,Malgun Gothic,serif;overflow:hidden}canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#app{z-index:1;pointer-events:none;height:100svh;position:relative}.heading{position:absolute;top:7%;left:7%}.eyebrow{letter-spacing:.28em;color:#a1abc5;font:10px sans-serif}h1{letter-spacing:.12em;margin:19px 0 12px;font-size:clamp(23px,3vw,38px);font-weight:400}.heading p{letter-spacing:.16em;color:var(--muted);font-size:13px}#status{color:#b5c2cf;font:12px sans-serif;position:absolute;top:6%;right:5%}nav{bottom:calc(var(--bottom) + 42px);white-space:nowrap;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}button,select,input{pointer-events:auto;font:12px Malgun Gothic,sans-serif}button{border:1px solid var(--line);min-height:44px;color:var(--moon);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:manipulation;background:#111c2bba;border-radius:24px;padding:10px 16px}button:hover{background:#263548}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #b5c5dd}button[aria-pressed=true]{background:#324152;border-color:#acbad880}footer{bottom:var(--bottom);text-align:center;color:var(--muted);white-space:nowrap;font:11px/1.7 Malgun Gothic,sans-serif;position:absolute;left:50%;transform:translate(-50%)}.touch-help{display:none}#settings-open{bottom:var(--bottom);left:max(var(--edge),env(safe-area-inset-left));padding-inline:20px;position:absolute}#ui-toggle{right:max(var(--edge),env(safe-area-inset-right));bottom:var(--bottom);font-size:11px;position:absolute}.channel-controls{color:#b5c2cf;align-items:center;gap:8px;font:12px Malgun Gothic,sans-serif;display:flex;position:absolute;top:calc(6% + 40px);right:5%}.channel-controls select{border:1px solid var(--line);background:var(--panel);max-width:130px;min-height:44px;color:var(--moon);cursor:pointer;border-radius:24px;padding:7px 12px}#settings{pointer-events:auto;inset:auto auto calc(var(--bottom) + 56px) max(var(--edge),env(safe-area-inset-left));overscroll-behavior:contain;background:var(--panel);width:min(360px,100vw - 32px);max-height:calc(100svh - 96px);color:var(--moon);border:1px solid #acbad847;border-radius:20px;margin:0;padding:24px;font:13px/1.6 Malgun Gothic,sans-serif;position:fixed;overflow:auto;box-shadow:0 16px 64px #05091980}#settings::backdrop{background:#080f2059}.settings-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-header h2{letter-spacing:.06em;margin:0;font:400 21px Georgia,Malgun Gothic,serif}#settings-close{background:0 0;padding:8px 12px}#settings-description{color:var(--muted);margin:8px 0 22px;font-size:12px}#settings h3{margin:0 0 8px;font-size:13px;font-weight:400}.settings-hint{color:var(--muted);margin:8px 0;font-size:11px}#audio-controls{gap:10px;margin-top:14px;display:grid}.audio-row{grid-template-columns:128px 1fr;align-items:center;gap:18px;display:grid}.audio-row button{border-radius:12px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.toggle-state{color:var(--muted);font-size:10px}[aria-pressed=true] .toggle-state{color:var(--ember)}.audio-row input{width:100%;min-width:0;height:44px;accent-color:var(--ember);cursor:pointer;margin:0}.screen-controls{left:max(var(--edge),env(safe-area-inset-left));right:max(var(--edge),env(safe-area-inset-right));bottom:calc(var(--bottom) + 52px);justify-content:space-between;gap:8px;display:flex;position:absolute}.camera-controls{gap:6px;display:flex}.camera-controls button{border-radius:12px;min-width:44px}#motion{border-radius:24px}.credit{color:var(--muted);margin:20px 0 0;font-size:10px;line-height:1.7}body[data-capture] #app{display:none}#app[data-ui-hidden=true]>:not(#ui-toggle){visibility:hidden;pointer-events:none}#app[data-ui-hidden=true] #ui-toggle{opacity:.25;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}#app[data-ui-hidden=true] #ui-toggle:hover,#app[data-ui-hidden=true] #ui-toggle:focus-visible{opacity:1}@media (width<=1000px){nav{bottom:calc(var(--bottom) + 126px)}footer{bottom:calc(var(--bottom) + 102px)}.screen-controls button{padding:8px;font-size:11px}}@media (width<=650px){.heading{top:max(28px,env(safe-area-inset-top));left:6%}.eyebrow{font-size:8px}#status{font-size:10px;top:150px;left:6%;right:auto}.channel-controls{font-size:10px;top:188px;left:6%;right:auto}nav{gap:5px}nav button{padding:10px 11px;font-size:11px}footer{white-space:normal;width:100%;padding:0 12px;font-size:10px}.desktop-help{display:none}.touch-help{display:inline}#settings{left:16px;bottom:calc(var(--bottom) + 56px);padding:20px}}@media (height>=501px) and (height<=650px){#settings{padding:16px}#settings-description{display:none}#settings .credit{margin-top:10px}#audio-controls{gap:6px;margin-top:8px}}@media (height<=500px){.heading{top:16px;left:24px}.eyebrow,.heading p{display:none}h1{margin:0;font-size:23px}#status{top:8px;left:auto;right:24px}.channel-controls{top:44px;left:auto;right:24px}footer{display:none}nav{bottom:calc(var(--bottom) + 104px)}#settings{width:min(360px,100vw - 32px);max-height:calc(100svh - 24px);padding:16px 20px;inset:12px auto auto 16px}#settings-description{margin:2px 0 10px}#settings .settings-hint{margin:3px 0}#audio-controls{gap:4px;margin-top:6px}#settings .credit{margin-top:10px}}