:root{color-scheme:dark;--bg:#080d1b;--ink:#edf4ff;--muted:#8897b1;--line:#ffffff16;--cyan:#4de0ff;--blue:#4d8dff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 system-ui,-apple-system,sans-serif}header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5%;gap:20px}.brand{text-decoration:none;font-size:43px;font-weight:850;letter-spacing:-5px;color:white}.brand span{color:var(--cyan)}.brandname{font-size:11px;font-weight:600;letter-spacing:2px}.brandname span{display:block;color:var(--muted);font-size:8px;margin-top:4px;letter-spacing:1.8px}.local{margin-left:auto;font:10px monospace;letter-spacing:1px;color:var(--muted)}i{display:inline-block;background:var(--cyan);width:5px;height:5px;border-radius:50%;margin-right:8px;box-shadow:0 0 10px #4de0ff77}main{padding:54px 5% 32px;display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:28px}.intro{grid-column:1;grid-row:1}.eyebrow{font:9px monospace;letter-spacing:2px;color:var(--cyan)}h1{font-size:clamp(40px,4.5vw,68px);line-height:1.05;letter-spacing:-3px;font-weight:500;margin:24px 0}h1 em{font-style:normal;color:#90a9d3}.lede,.muted{color:var(--muted);font-size:13px}.stage{grid-column:1;grid-row:2;position:relative;min-height:480px;height:58vh;max-height:680px;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:20px;background:radial-gradient(ellipse at center,#112645 0%,#0a1223 55%,#080d1b 95%)}canvas{width:100%;height:100%;display:block;touch-action:pan-y}.stage-top,.stage-bottom{position:absolute;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.stage-top{top:20px;font:9px monospace;letter-spacing:1.3px;color:var(--muted)}.stage-bottom{bottom:28px}.stage-bottom h2{font-size:25px;font-weight:400;margin:4px 0}.stage-bottom .eyebrow{color:var(--muted);font-size:8px}#mode{border:1px solid #4de0ff33;border-radius:20px;padding:6px 10px;font:8px monospace;color:var(--cyan)}.coordinates{position:absolute;top:60px;left:24px;font:8px/1.8 monospace;color:#53617b}.hint{position:absolute;bottom:8px;text-align:center;width:100%;font:7px monospace;letter-spacing:1px;color:#66758e;pointer-events:none}.panel{grid-column:2;grid-row:1/3;border-left:1px solid var(--line);padding-left:32px}.panel-title{display:flex;justify-content:space-between;color:var(--muted);font:9px monospace;letter-spacing:1px}.tiny{color:var(--cyan);font-size:8px}h3{font-size:26px;letter-spacing:-1px;font-weight:500;margin:27px 0 8px}.forms{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0}.forms button{background:#101a2b;border:1px solid var(--line);border-radius:10px;padding:14px;text-align:left;color:#bac9df;cursor:pointer;font:12px system-ui}.forms b{display:block;font-size:28px;height:40px;color:#d5e5ff;font-weight:400}.forms small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.forms .selected{background:#112b40;border-color:#4de0ff70;color:var(--cyan)}.forms .selected b{color:var(--cyan)}.forms b.nvsmall{font-size:23px;font-weight:800;letter-spacing:-2px;padding-top:4px}.camera-preview{height:132px;background:#060b15;border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden;text-align:center}video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:none}#cameraPlaceholder{padding:16px}#cameraPlaceholder span{color:#62718b;font-size:24px}#cameraPlaceholder p{font-size:10px;margin:3px}#cameraPlaceholder small{font-size:9px;color:#65718a}.preview-label{position:absolute;top:9px;left:10px;font:7px monospace;color:var(--muted);background:#080d1bcc;padding:2px 5px;border-radius:4px}.primary{width:100%;background:var(--cyan);border:0;border-radius:7px;color:#052030;font-weight:650;padding:14px;margin-top:12px;cursor:pointer}.primary span{float:right}.primary:disabled{opacity:.6}#status{font-size:10px;color:var(--muted);min-height:32px}.settings{border-top:1px solid var(--line);padding-top:12px}.settings label{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:#a6b4cb;font-size:11px}.settings button,select{background:#111e32;color:#c5d5ef;border:1px solid var(--line);border-radius:4px;padding:5px 10px;font-size:10px}details{border-top:1px solid var(--line);margin-top:14px;padding-top:15px;color:var(--muted);font-size:10px}summary{cursor:pointer;list-style:none}summary span{float:right;color:var(--cyan)}footer{margin:0 5%;padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1px;color:#687893}footer b{color:var(--cyan);margin:0 10px}button:hover{filter:brightness(1.15)}button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@media(min-width:1500px){main,header,footer{max-width:1500px;margin:auto}}@media(max-width:850px){main{grid-template-columns:1fr;padding-top:28px;gap:22px}.panel{grid-column:1;grid-row:3;border:1px solid var(--line);border-radius:14px;padding:22px}.stage{height:480px;min-height:380px;margin-top:0}.intro{grid-row:1}.forms{grid-template-columns:repeat(4,1fr)}.camera-preview{height:170px}.local{font-size:8px}header{height:80px}.brandname{font-size:9px}.brandname span{font-size:6px}.lede{font-size:12px}footer span:last-child{display:none}}@media(max-width:420px){.forms{gap:5px}.forms button{padding:10px 7px;font-size:10px}.local{display:none}.stage{height:420px}h1{font-size:44px}.hint{font-size:6px}}

.forms .love-button{grid-column:1/-1;display:flex;align-items:center;gap:14px;background:#29182b;border-color:#ff87b933;color:#ffb7d6}.forms .love-button b{color:#ff87b9;height:auto;font-size:30px}.forms .love-button.selected{background:#422039;border-color:#ff87b9}.forms .love-button small{color:#c294ae}

.stage-tools{position:absolute;top:50px;right:20px;display:flex;gap:7px;z-index:3}.stage-tools button,.fullscreen-dock button{border:1px solid #ffffff28;background:#0a1429e8;color:#d1e5ff;border-radius:7px;padding:8px 12px;font:10px system-ui;cursor:pointer;backdrop-filter:blur(10px)}.stage-tools button:hover,.fullscreen-dock .selected{border-color:#4de0ff88;color:var(--cyan)}.fullscreen-dock{display:none}.stage:fullscreen,.stage.expanded{height:100dvh!important;width:100vw;min-height:0;max-height:none;margin:0;border:0;border-radius:0;background:radial-gradient(ellipse at center,#112645 0%,#080d1b 80%)}.stage.expanded{position:fixed;inset:0;z-index:1000}.stage:fullscreen .fullscreen-dock,.stage.expanded .fullscreen-dock{display:flex;position:absolute;bottom:34px;left:50%;transform:translateX(-50%);gap:8px;justify-content:center;flex-wrap:wrap;width:max-content;max-width:94%;z-index:3}.stage:fullscreen .stage-bottom,.stage.expanded .stage-bottom{bottom:100px}.stage.clean .stage-top,.stage.clean .stage-bottom,.stage.clean .coordinates,.stage.clean .hint,.stage.clean .fullscreen-dock{display:none}.stage.clean .stage-tools{top:16px;opacity:.45}.stage.clean .stage-tools:hover,.stage.clean .stage-tools:focus-within{opacity:1}body.stage-expanded{overflow:hidden}#fsStopCamera{display:none}.camera-active #fsStopCamera{display:block;border-color:#ff87b955;color:#ffb7d6}@media(max-width:500px){.stage-tools{top:48px;right:14px}.stage-tools button,.fullscreen-dock button{padding:8px;font-size:9px}.stage:fullscreen .stage-bottom,.stage.expanded .stage-bottom{bottom:125px}}

.creator-credit strong,.stage-credit strong{font-weight:500;color:#a8bad5}.stage-credit{display:none;position:absolute;bottom:12px;left:16px;right:16px;text-align:center;font:9px system-ui;letter-spacing:.5px;color:#7f91ad;pointer-events:none}.stage:fullscreen .stage-credit,.stage.expanded .stage-credit{display:block}.stage:fullscreen .hint,.stage.expanded .hint{display:none}@media(max-width:850px){footer{flex-wrap:wrap;gap:12px}footer .creator-credit{display:block!important;width:100%;line-height:1.7}}