:root{--paper:#fbfaf8;--ink:#1b1b18;--ink-soft:#5d5c55;--line:#e6e4dd;--lime:#d6e64a;--rust:#b4552d;--teal:#0e6e5c;--ok:#2c8a54;--error:#b3261e;--coal:#17171a;--coal-raised:#26262a;--coal-line:#3a3a3f;--coal-ink:#e9ecf1;--coal-dim:#8b8a80;--sans:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"Fragment Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}.panel-screen{place-items:center;min-height:100%;padding:24px 16px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:28px;width:min(460px,100%);padding:clamp(28px,5vw,40px);box-shadow:0 14px 40px #1b1b181a}.logo{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:9px;margin-bottom:26px;font-size:16px;font-weight:800;text-decoration:none;display:flex}.logo .mark{object-fit:cover;border-radius:8px;width:26px;height:26px;display:block}.echo{--fx:var(--rust);margin-bottom:18px;display:inline-block;position:relative}.echo.teal{--fx:var(--teal)}.echo i{z-index:1;background:var(--fx);color:#fff;font-style:normal;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;padding:5px 14px;font-size:11px;display:inline-block;position:relative}.echo:before,.echo:after{content:"";border:1.5px solid var(--fx);border-radius:999px;position:absolute;inset:0}.echo:before{opacity:.35;transform:translate(10px)}.echo:after{opacity:.15;transform:translate(20px)}.panel h1{letter-spacing:-.025em;text-wrap:balance;margin-bottom:10px;font-size:clamp(26px,6vw,32px);font-weight:800;line-height:1.05}.hint{color:var(--ink-soft);margin-bottom:20px;font-size:15px}.hint.small{margin:16px 0 0;font-size:13.5px}.hint a{color:var(--ink)}form label{color:var(--ink-soft);margin:14px 0 6px;font-size:13.5px;font-weight:600;display:block}form input{background:var(--paper);border:1.5px solid var(--line);width:100%;color:var(--ink);font:inherit;border-radius:12px;padding:11px 14px}form input::placeholder{color:#b3b1a8}form input:focus-visible{outline:2px solid var(--ink);outline-offset:0;border-color:#0000}.code-input{font-family:var(--mono);text-align:center;letter-spacing:.16em;text-transform:uppercase;padding:14px 12px;font-size:23px}button{font:700 15.5px var(--sans);cursor:pointer;border:none;border-radius:999px;padding:12px 22px;transition:transform 80ms}button:active{transform:scale(.98)}button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}button .arr{font-weight:400}.primary{background:var(--ink);color:#fff;width:100%;margin-top:18px}.primary:hover{background:#000}.primary[disabled]{opacity:.6;cursor:wait}.ghost{width:100%;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);background:#fff;margin-top:10px}.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.error{color:var(--error);white-space:pre-line;background:#b4552d14;border:1px solid #b4552d4d;border-radius:12px;margin-top:14px;padding:10px 14px;font-size:13.5px}.divider{color:var(--ink-soft);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;margin:22px 0 6px;font-size:11px;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--line);flex:1}.divider code,.hint code{font-family:var(--mono);font-size:12.5px}.session-chip{font-family:var(--mono);color:var(--ink-soft);align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.dot{background:#b3b1a8;border-radius:50%;width:8px;height:8px}.dot.on{background:var(--ok)}#screen-session{background:var(--coal);flex-direction:column;height:100dvh;display:flex}#toolbar{background:var(--coal);border-bottom:1px solid var(--coal-line);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 14px;display:flex}.toolbar-logo{align-items:center;display:flex}.toolbar-logo .mark{border-radius:7px;width:22px;height:22px;display:block}.desktop-name{color:var(--coal-dim);text-overflow:ellipsis;white-space:nowrap;max-width:30vw;font-size:13px;overflow:hidden}.toolbar-spacer{flex:1}.stats{font-family:var(--mono);color:var(--coal-dim);font-size:11.5px}.mods{gap:6px;display:flex}#toolbar button{touch-action:manipulation}.mods button{font-family:var(--mono);background:var(--coal-raised);color:#b9b8ae;border:1px solid var(--coal-line);border-radius:9px;min-width:34px;padding:5px 9px;font-size:13px;font-weight:400}.mods button:hover{color:var(--coal-ink)}.mods button.latched{background:var(--lime);color:var(--ink);border-color:var(--lime)}.mods button:focus-visible{outline-color:var(--lime)}.danger{color:#e0906b;border:1px solid var(--coal-line);background:0 0;padding:6px 14px;font-size:13.5px}.danger:hover{border-color:var(--rust)}.danger:focus-visible{outline-color:var(--lime)}#stage{touch-action:none;overscroll-behavior:contain;background:#000;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}#screen{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:50%;outline:none;max-width:100%;max-height:100%}#actions-menu{z-index:6;border:1px solid var(--coal-line);background:#1f1f23;border-radius:16px;width:min(340px,100vw - 20px);max-height:min(60vh,480px);padding:12px 14px 14px;position:absolute;top:100%;right:10px;overflow-y:auto;box-shadow:0 16px 40px #00000080}#toolbar{position:relative}.actions-group{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--coal-dim);margin:10px 0 6px;font-size:11px}.actions-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.actions-footnote{border-top:1px solid var(--coal-line);color:var(--coal-dim);margin:12px 2px 0;padding-top:10px;font-size:11.5px;line-height:1.45}.actions-grid button[aria-checked=true]{background:var(--lime);border-color:var(--lime);color:var(--ink)}.actions-grid button[aria-checked=true] kbd{color:var(--ink)}.actions-grid button{background:var(--coal-raised);border:1px solid var(--coal-line);color:var(--coal-ink);text-align:left;touch-action:manipulation;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:13.5px;font-weight:500;display:flex}.actions-grid button:hover{border-color:var(--lime)}.actions-grid kbd{font-family:var(--mono);color:var(--coal-dim);font-size:11px}#toast{z-index:7;border:1px solid var(--coal-line);max-width:min(440px,100vw - 32px);color:var(--coal-ink);text-align:center;pointer-events:none;background:#1f1f23f5;border-radius:11px;padding:9px 15px;font-size:13.5px;line-height:1.35;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073}#touch-cursor{pointer-events:none;z-index:4;transition:opacity .4s;position:absolute;top:0;left:0}#touch-cursor.idle{opacity:.45}#touch-cursor svg{filter:drop-shadow(0 1px 2px #0009);display:block}#touch-cursor .pulse{opacity:0;border:2px solid #fff;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;top:1px;left:2px;transform:scale(.3)}#touch-cursor.clicked .pulse{animation:.35s ease-out click-pulse}@keyframes click-pulse{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){#touch-cursor.clicked .pulse{animation:none}}#kb-input{opacity:.01;color:#0000;caret-color:#0000;background:0 0;border:none;width:2px;height:2px;font-size:16px;position:fixed;bottom:0;left:0}.mods #kb-toggle{font-size:15px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17171ab8;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.overlay .panel{box-shadow:0 24px 60px #00000073}@media (prefers-reduced-motion:no-preference){.panel{animation:.25s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}}