:root{color:#223d3c;font-synthesis:none;--muted:#758482;--line:#dce2dc;--teal:#244f4d;background:#f4f5f0;font-family:Segoe UI,Yu Gothic UI,Hiragino Kaku Gothic ProN,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;transition:background .18s,color .18s,border-color .18s}button:disabled{cursor:default;opacity:.45}button:focus-visible,summary:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #49a99f}button{border:0}a{color:inherit;text-decoration:none}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:90px;padding:0 3.4%;display:flex}.brand{letter-spacing:2px;align-items:center;gap:14px;font-size:19px;font-weight:650;display:flex}.brand-mark{color:#3c6964;font-size:46px;font-weight:200;line-height:1;transform:rotate(90deg)}.brand small{letter-spacing:2.1px;margin-top:4px;font-size:8px;font-weight:500;display:block}.project{letter-spacing:2px;align-items:center;gap:12px;font-size:10px;display:flex}.divider{color:#a9b4ad;margin:0 8px}.live-dot{background:#75aa91;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.live-dot.offline{background:#b49666}.quiet{color:#58706b;background:0 0;padding:9px 10px;font-size:11px}.quiet:hover{color:#162f2e;background:#e6ebe4}.quiet span{margin-left:12px;font-size:17px}main{max-width:1680px;margin:auto;padding:0 3.4%}.intro{justify-content:space-between;align-items:flex-end;padding:35px 0 30px;display:flex}.eyebrow{letter-spacing:2px;color:#74867e;margin:0 0 9px;font-size:10px}h1{letter-spacing:3px;margin:0;font-size:35px;font-weight:450}.intro-note{color:#7a8983;margin:0 0 2px;font-size:11px;line-height:1.9}.workspace{grid-template-columns:238px minmax(0,1fr);gap:30px;display:grid}.controls{padding:5px 0 0}.section-heading{align-items:center;gap:12px;margin:0 0 17px;display:flex}.section-heading>span{color:#98a99d;font-family:monospace;font-size:10px}.section-heading h2{letter-spacing:1px;margin:0;font-size:12px;font-weight:550}.primary{background:var(--teal);color:#edf6ee;border:1px solid var(--teal);justify-content:space-between;align-items:center;width:100%;padding:15px 14px;font-size:12px;display:flex}.primary:hover,.primary.running{background:#38716b}.primary span{font-size:17px}.field-label{color:#809087;margin:15px 0 6px;font-size:10px;display:block}select{border:1px solid var(--line);color:#5d716a;background:0 0;border-radius:0;width:100%;padding:9px 10px;font-size:11px}.source-options{grid-template-columns:1fr 1fr;gap:6px;margin:10px 0;display:grid}.source{border:1px solid var(--line);color:#6d7e76;background:0 0;padding:10px;font-size:11px}.source:hover,.source.active{color:#284e43;background:#e5ece3;border-color:#7b9c90}.source.wide{text-align:left;grid-column:span 2}.source.wide span{float:right;letter-spacing:1px;color:#8a9c91;margin-top:2px;font-size:8px}.hint{color:#88968c;margin:11px 0;font-size:10px;line-height:1.8}.text-button{color:#637f72;text-underline-offset:4px;background:0 0;padding:7px 0;font-size:10px;text-decoration:underline}.rule{background:var(--line);height:1px;margin:20px 0}.range-label{color:#6d7e74;justify-content:space-between;margin:13px 0 6px;font-size:11px;display:flex}.range-label output{color:#8a9a8d;font-family:monospace;font-size:10px}input[type=range]{accent-color:#416c5d;cursor:pointer;width:100%;height:16px;margin:0}input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;width:31px;height:24px;padding:0}.color-row{color:#6d7e74;justify-content:space-between;align-items:center;margin:15px 0 9px;font-size:11px;display:flex}.palette{gap:10px;margin-bottom:18px;display:flex}.swatch{background:var(--swatch);border:4px solid #f4f5f0;border-radius:50%;outline:1px solid #0000;width:27px;height:27px}.swatch.selected{outline-color:#7f998b}.secondary{text-align:left;color:#4d6b5c;background:0 0;border:1px solid #c9d4c8;width:100%;padding:11px 13px;font-size:11px}.secondary span{float:right}.secondary:hover{background:#e6ece2}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px}summary{color:#6c8172;cursor:pointer;padding:15px 0;font-size:11px;list-style:none}summary>span{float:right}.details-content{padding-bottom:12px}.check{color:#7a8b7c;align-items:center;gap:6px;margin:13px 0;font-size:10px;display:flex}.check input{accent-color:#416c5d}.privacy{color:#9ba798;gap:10px;margin:22px 0;font-size:9px;line-height:1.8;display:flex}.privacy>span{margin-top:4px;font-size:17px}.privacy p{margin:0}.stage{aspect-ratio:3000/2060;isolation:isolate;background:#081c22;position:relative;overflow:hidden;box-shadow:0 12px 40px #15392909}.stage canvas{width:100%;height:100%;position:absolute;inset:0}#overlay{touch-action:none}.stage-top,.stage-bottom{z-index:2;pointer-events:none;color:#b2cac2;letter-spacing:1.6px;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;left:26px;right:26px}.stage-top{top:24px}.stage-top>span:first-child{align-items:center;gap:8px;display:flex}.stage-top b{font-weight:400}.stage-top>span:last-child{color:#86a29e;font-family:monospace;font-size:8px}.stage-bottom{letter-spacing:2px;font-size:12px;bottom:23px}.stage-coordinate{color:#7e9e9b;letter-spacing:1px;font-family:monospace;font-size:8px}.display-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:14px 0;display:flex}.mode-tabs{gap:7px;display:flex}.mode-tabs button{color:#839183;background:0 0;padding:7px 13px;font-size:11px}.mode-tabs button.selected{color:#3b5945;background:#e1e8dc}.emergency{color:#9b8170;background:0 0;border:1px solid #ded8ca;margin-left:5px;padding:7px 11px;font-size:10px}.emergency.latched{color:#fff;background:#a65d43;border-color:#a65d43}.telemetry{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(74px,1fr)) 2.4fr;align-items:center;padding:23px 0;display:grid}.telemetry>div>span{letter-spacing:1.4px;color:#9aa695;margin-bottom:8px;font-size:8px;display:block}.telemetry strong{color:#385444;font-family:monospace;font-size:21px;font-weight:400}.telemetry strong small{color:#8c9b87;font-size:10px}.telemetry .connection{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:25px;display:flex}.telemetry .connection>span{margin:0}.connection p{color:#758672;letter-spacing:.4px;margin:0;font-size:10px;line-height:1.7}.experience-guide{justify-content:space-between;gap:20px;margin:22px 0 4px;display:flex}.experience-guide span{color:#8a9a81;letter-spacing:1px;font-size:9px}.experience-guide p{color:#5a7355;letter-spacing:.5px;margin:6px 0;font-size:11px}.experience-guide>div{flex:1}footer{border-top:1px solid var(--line);color:#9eaa94;letter-spacing:1.4px;justify-content:space-between;align-items:center;margin-top:35px;padding:23px 0 28px;font-size:8px;display:flex}footer p{letter-spacing:1px;margin:0;font-size:10px}footer b{margin-left:8px;font-weight:400}#fatal{z-index:5;color:#f0ddc2;background:#102a2be8;padding:20%;line-height:2;position:absolute;inset:0}#fatal[hidden]{display:none}.presentation{background:#061419}.presentation .header,.presentation .intro,.presentation .controls,.presentation footer,.presentation .telemetry,.presentation .experience-guide,.presentation .display-toolbar{display:none}.presentation main{max-width:none;padding:0}.presentation .workspace{display:block}.presentation .stage{aspect-ratio:3000/2060;width:auto;max-width:100vw;height:100vh;margin:auto}.presentation .stage-top,.presentation .stage-bottom{display:none}@media (width>=1600px){.workspace{grid-template-columns:260px minmax(0,1fr);gap:45px}.controls{padding:12px 8px}.intro{padding:45px 0 36px}}@media (width<=1050px){.workspace{grid-template-columns:200px minmax(0,1fr);gap:20px}.telemetry{grid-template-columns:repeat(4,1fr);gap:15px}.telemetry .connection{border:0;grid-column:span 4;padding-left:0}.stage-coordinate{display:none}.display-toolbar{flex-wrap:wrap}.project{display:none}.intro-note{font-size:10px}}@media (width<=720px){.header{height:70px;padding:0 20px}.brand{font-size:15px}.brand-mark{font-size:34px}.brand small{font-size:6px}main{padding:0 20px}.intro{padding:26px 0 22px}h1{font-size:26px}.intro-note{display:none}.workspace{flex-direction:column;gap:24px;display:flex}.display-area{order:-1}.controls{grid-template-columns:1fr 1fr;gap:10px 18px;display:grid}.controls>.section-heading,.controls>.rule,.controls>details,.controls>.privacy,.controls>#source-help{grid-column:span 2}.controls>.rule{margin:8px 0}.controls>.section-heading{margin:4px 0}.controls>.field-label{display:none}.controls>.source-options{grid-column:span 2;margin:0}.controls>.source-options .wide{grid-column:auto}.source-options{grid-template-columns:1fr 1fr 1.8fr}.controls>.hint{margin:0}.controls>.range-label{margin:7px 0}.controls>#flow,.controls>#gravity{grid-column:2}.controls>.palette,.controls>.color-row,.controls>.privacy{margin:0}.stage-top,.stage-bottom{left:16px;right:16px}.stage-top{top:16px}.stage-bottom{font-size:10px;bottom:16px}.stage-top>span:last-child{font-size:6px}.mode-tabs button{padding:7px 10px;font-size:10px}.display-toolbar .quiet{font-size:9px}.experience-guide{gap:12px}.experience-guide p{font-size:9px}.telemetry{padding:18px 0}footer{gap:15px;margin-top:26px}footer p{display:none}}.display-dock{display:none}.people-limit{grid-column:span 2;margin-top:14px}.back-controls{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.back-controls .section-heading{margin-bottom:12px}.back-controls input[type=file]{color:#62776d;width:100%;font-size:10px}.back-controls input[type=file]::file-selector-button{color:#284e43;cursor:pointer;background:#e5ece3;border:1px solid #c9d4c8;margin-right:7px;padding:10px}#ad-status{color:#3b7866;overflow-wrap:anywhere}.display-status{display:none}.presentation .display-status{z-index:2;top:max(44px,calc(env(safe-area-inset-top) + 20px));left:max(28px,env(safe-area-inset-left));letter-spacing:.5px;color:#c4d6d0;text-shadow:0 1px 8px #000;pointer-events:none;font-size:10px;line-height:1.6;display:block;position:absolute;right:28px}.presentation{background:#070e10;overflow:hidden}.presentation .stage{aspect-ratio:auto;width:100vw;max-width:none;height:100dvh;box-shadow:none;margin:0}.presentation .display-area{width:100vw;min-width:0}.presentation .stage-top{top:max(24px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));opacity:.7;display:flex}.presentation .stage-top>span:last-child{display:none}.presentation .stage-bottom{bottom:max(108px,calc(env(safe-area-inset-bottom) + 88px));letter-spacing:2px;color:#c4d6d0;text-shadow:0 1px 8px #000;justify-content:center;font-size:11px;display:flex;left:28px;right:28px}.presentation .stage-coordinate{display:none}.presentation .display-dock{z-index:10;bottom:max(22px,env(safe-area-inset-bottom));left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));color:#e7eeeb;justify-content:space-between;align-items:center;gap:18px;display:flex;position:fixed}.dock-brand{letter-spacing:3px;text-shadow:0 2px 12px #000;font-size:14px}.dock-brand small{letter-spacing:2px;color:#b3c3be;margin-top:8px;font-size:9px;display:block}.display-dock>div{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071c21ad;border:1px solid #aac8bd30;border-radius:12px;gap:8px;padding:6px;display:flex}.display-dock button{color:#d9e9e3;letter-spacing:.8px;background:0 0;border-radius:7px;min-height:44px;padding:12px 16px;font-size:11px}.display-dock button:first-child{color:#153934;background:#d5e5df}.display-dock button:hover{color:#fff;background:#ffffff25}.display-dock button:first-child:hover{color:#153934;background:#edf9f3}#display-coupons[aria-pressed=true]{color:#f0deb0;box-shadow:inset 0 0 0 1px #c7b47e60}#display-coupons[aria-pressed=false]{color:#9bb0a7}@media (width<=720px){.presentation .display-dock{left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));justify-content:center}.dock-brand{display:none}.display-dock>div{justify-content:center;width:min(100%,390px)}.display-dock button{flex:1;padding:10px 12px}.presentation .stage-top{left:20px;right:20px}.presentation .stage-bottom{letter-spacing:.7px;font-size:10px;left:16px;right:16px}.controls>#quality,.controls>.back-controls{grid-column:span 2}.experience-guide{flex-wrap:wrap}.experience-guide>div{min-width:130px}}@media (height<=500px) and (orientation:landscape){.presentation .stage-bottom{display:none}.presentation .display-dock{bottom:max(10px,env(safe-area-inset-bottom))}.display-dock button{padding:8px 14px}}.coupon-controls{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.coupon-controls input[type=url]{color:#173b32;background:#fffef9;border:1px solid #bdcdbd;border-radius:3px;width:100%;margin:8px 0 12px;padding:12px 10px;font:12px inherit}.coupon-controls .secondary{width:100%}#coupon-status{color:#3b7866;overflow-wrap:anywhere}#coupon-popup{z-index:25;color:#143b30;text-align:center;overscroll-behavior:contain;will-change:left,top;background:#f8f4e7;border:1px solid #d6c7a4;border-radius:18px;width:300px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 156px);padding:20px;position:fixed;top:64px;left:16px;overflow:auto;box-shadow:0 20px 80px #0007,0 0 45px #fce7a517}#coupon-popup[hidden],#coupon-reopen[hidden]{display:none}#coupon-close{color:#607568;cursor:pointer;background:0 0;border:0;border-radius:50%;width:38px;height:38px;min-height:38px;font-size:25px;position:absolute;top:6px;right:8px}.coupon-eyebrow{letter-spacing:3px;color:#967643;margin:3px 0 15px;font-size:9px}#coupon-found{letter-spacing:1px;color:#608071;margin:0 0 8px;font-size:12px}#coupon-title{letter-spacing:-.5px;margin:0 0 18px;font-size:21px;font-weight:600;line-height:1.5}.coupon-qr{background:#fff;border:1px solid #e8e8dc;border-radius:10px;flex-direction:column;align-items:center;max-width:100%;padding:6px 6px 12px;display:inline-flex}#coupon-qr{object-fit:contain;width:208px;max-width:100%;height:208px;display:block}.coupon-qr span{letter-spacing:3px;color:#7c8f80;font-size:8px}#coupon-instruction{margin:15px 0 7px;font-size:12px;line-height:1.7}#coupon-code{letter-spacing:1px;color:#728074;margin:0 0 13px;font:10px Consolas,monospace}#coupon-open{color:#fffbed;background:#214c3e;border-radius:6px;min-height:44px;padding:13px 8px;font-size:12px;line-height:1.5;text-decoration:none;display:block}#coupon-note{color:#7b806e;margin:12px 0 0;font-size:10px;line-height:1.7}#coupon-next{color:#335e4c;cursor:pointer;background:0 0;border:0;min-height:38px;padding:12px 8px 0;font-size:11px;text-decoration:underline}#coupon-next[hidden]{display:none}#coupon-reopen{z-index:24;top:max(20px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));color:#244438;letter-spacing:1px;cursor:pointer;background:#f1e5c5;border:1px solid #fcf2d3;border-radius:50px;min-height:44px;padding:11px 17px;font-size:11px;position:fixed;box-shadow:0 5px 24px #0002}#coupon-popup a:focus-visible,#coupon-popup button:focus-visible,#coupon-reopen:focus-visible{outline-offset:3px;outline:3px solid #af7924}@media (width<=720px){.controls>.coupon-controls{grid-column:span 2}#coupon-reopen{top:max(16px,env(safe-area-inset-top));right:16px}}@media (height<=620px) and (width>=580px){#coupon-popup{grid-template-columns:208px 1fr;column-gap:20px;width:560px;max-height:calc(100dvh - 106px);padding:18px 22px;display:grid}.coupon-heading{grid-area:1/2;align-self:end;padding-right:8px}.coupon-eyebrow{margin-bottom:8px}#coupon-title{margin-bottom:4px;font-size:18px}.coupon-qr{grid-area:1/1/span 2;align-self:center}#coupon-qr{width:192px;height:192px}.coupon-details{grid-area:2/2}#coupon-instruction{margin-top:8px}#coupon-note{font-size:9px;line-height:1.5}}.coupon-switch{cursor:pointer;color:#244c3c;justify-content:space-between;align-items:center;gap:12px;min-height:52px;font-size:12px;display:flex;position:relative}.coupon-switch small{color:#718271;margin-top:4px;font-size:10px;line-height:1.6;display:block}.coupon-switch input{opacity:0;cursor:pointer;width:44px;height:28px;position:absolute;right:0}.switch-track{pointer-events:none;background:#b9c3b7;border-radius:20px;flex-shrink:0;width:44px;height:26px;transition:background .15s}.switch-track:after{content:"";background:#fffdf4;border-radius:50%;width:20px;height:20px;margin:3px;transition:transform .15s;display:block;box-shadow:0 1px 4px #0002}.coupon-switch input:checked+.switch-track{background:#2d6651}.coupon-switch input:checked+.switch-track:after{transform:translate(18px)}.coupon-switch input:focus-visible+.switch-track{outline-offset:3px;outline:3px solid #af7924}@media (prefers-reduced-motion:reduce){.switch-track,.switch-track:after{transition:none}}