:root{font-family:Inter,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;color:#173c35;background:#f1f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:32px 24px 60px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}.brand span{color:#65a27b}.tag{font-size:11px;font-weight:700;letter-spacing:2px;border:1px solid #b8c8bc;border-radius:30px;padding:8px 14px}h1{font-size:clamp(29px,4vw,46px);letter-spacing:-1.7px;margin:8px 0 12px;line-height:1.35}h2{font-size:18px;margin:0 0 16px}.intro{color:#60736b;margin:0 0 28px;line-height:1.8}.eyebrow{font-size:11px;letter-spacing:3px;color:#638471;font-weight:800}.grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:24px}.card{padding:24px;background:#fff;border:1px solid #dce5dc;border-radius:20px;margin-bottom:20px}.stage{aspect-ratio:4/3;background:#102420;position:relative;overflow:hidden;border-radius:18px;display:flex;align-items:center;justify-content:center}.stage video,.stage canvas{width:100%;height:100%;object-fit:contain}.stage:fullscreen{width:100vw;height:100vh;border-radius:0}.stage.expanded{position:fixed;inset:0;z-index:20;width:100vw;height:100dvh;aspect-ratio:auto;border-radius:0}.placeholder{position:absolute;text-align:center;color:#c1d4c7;padding:20px;pointer-events:none;line-height:1.8}.overlay{position:absolute;bottom:16px;left:16px;right:16px;display:flex;gap:12px;justify-content:space-between;color:#fff;font-size:12px;pointer-events:none}.pill{background:#ffffff14;border:1px solid #ffffff22;padding:8px 12px;border-radius:24px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.controls{margin-top:18px}.muted,small{color:#63766d;font-size:12px;line-height:1.8}label{display:block;font-size:13px;font-weight:650;margin-bottom:9px}input,button{font:inherit}input[type=url],input[type=text],input[type=number]{width:100%;border:1px solid #c8d8cb;background:#f8faf7;border-radius:10px;padding:11px;color:#204a3d}input[type=range]{width:100%;accent-color:#276445;margin:18px 0}button{border:0;border-radius:11px;background:#e9efe7;color:#28533d;padding:12px 17px;cursor:pointer;font-weight:700;font-size:13px}button.primary{background:#295f43;color:#fff}button.danger{background:#f6e9e5;color:#873e2c}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #97c6a6;outline-offset:3px}.delay-value{font-size:48px;font-weight:800;letter-spacing:-2px}.delay-value small{font-size:15px;letter-spacing:0}.presets button{padding:7px 12px}.status{font-size:13px;padding:14px 0;line-height:1.7}.status:before{content:"●";margin-right:8px;color:#6c9b77}.error{color:#a84127;background:#fff0e9;border-radius:10px;padding:12px;white-space:pre-line;font-size:13px}.error:empty{display:none}#qr{width:220px!important;height:220px!important;max-width:100%;display:block;margin:12px auto}#invite{font-size:11px}details{margin-top:16px}summary{cursor:pointer;font-size:12px}footer{font-size:11px;letter-spacing:1px;color:#788c7f;margin-top:24px}#full{position:relative;z-index:21}.viewer .grid{grid-template-columns:1fr}.viewer .stage{width:100%;height:min(65vh,720px);aspect-ratio:auto}.viewer .stage:fullscreen,.viewer .stage.expanded{height:100dvh}.stage #full{position:absolute;top:16px;right:16px}.metric{font-variant-numeric:tabular-nums}.space{margin-top:14px}[hidden]{display:none!important}@media(max-width:760px){main{padding:20px 16px 40px}header{margin-bottom:28px}.grid{grid-template-columns:1fr;gap:4px}.card{padding:20px}h1{letter-spacing:-1px}.stage{border-radius:14px}.tag{font-size:9px;padding:6px 10px}}