:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--l0:#08090a;--l1:#0b0c0d;--l2:#0c0d0e;--l3:#141517;--room:#171717;--room-stage:#0b0b0b;--room-bezel:#121212;--ink:#fffffff2;--ink-2:#ffffffbf;--ink-body:#ffffff8c;--ink-meta:#ffffff59;--ink-faint:#fff3;--lift:#ffffff0a;--lift-2:#ffffff12;--lift-3:#ffffff1c;--hair:#ffffff12;--hair-2:#ffffff1a;--glass-fill:#0e0e10b8;--glass-shadow:0 16px 44px #0000008c;--grab:#4f7cff;--grab-glow:#4f7cff40;--alarm:#e2726e;--pill:#f4f4f4;--font:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--r-md:8px;--r-lg:12px;--r-xl:16px;--ease:cubic-bezier(.22, .61, .36, 1);--fast:.12s}*{box-sizing:border-box}html,body,#root{height:100%;font-family:var(--font);background:var(--room-stage);color:var(--ink);margin:0}.app{height:100%;position:relative;overflow:hidden}.stage{position:absolute;inset:0}.chrome{pointer-events:none;gap:16px;padding:18px 22px;display:flex;position:absolute;left:0;right:0}.chrome>*{pointer-events:auto}.top{justify-content:space-between;align-items:center;top:0}.wordmark{letter-spacing:.01em;background:var(--glass-fill);border:1px solid var(--hair-2);border-radius:999px;padding:8px 15px;font-size:14px;font-weight:650}.beta{border:1px solid var(--hair-2);letter-spacing:.08em;text-transform:uppercase;vertical-align:2px;color:var(--ink-body);border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:600}.actions{gap:8px;display:flex}button{font:inherit;color:var(--ink);background:var(--glass-fill);border:1px solid var(--hair-2);cursor:pointer;border-radius:999px;padding:8px 15px;font-size:13px;transition:background .12s,border-color .12s}button:hover{background:var(--lift-3)}button.primary{background:var(--ink);color:var(--l0);border-color:#0000;font-weight:600}button.primary:hover{background:var(--pill)}.bottom{flex-direction:column;gap:12px;bottom:0}.write{flex-direction:column;gap:6px;max-width:640px;display:flex}.write span{background:var(--glass-fill);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);border-radius:6px;align-self:flex-start;padding:3px 8px;font-size:11px}textarea{font:inherit;color:var(--ink);background:var(--glass-fill);border:1px solid var(--hair-2);resize:none;border-radius:12px;padding:11px 13px;font-size:15px;line-height:1.5}textarea:focus{border-color:var(--ink-body);outline:none}textarea::placeholder{color:var(--ink-meta)}.rail{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.presets,.transport{align-items:center;gap:7px;display:flex}.transport{flex:1;max-width:340px}.walkhint{background:var(--glass-fill);letter-spacing:.04em;color:var(--ink-2);border-radius:6px;align-self:flex-start;margin:0 0 8px;padding:3px 8px;font-size:11px}.chip{padding:6px 13px;font-size:12px}.chip.on{background:var(--pill);color:var(--l0);border-color:#0000;font-weight:600}input[type=range]{accent-color:var(--ink);flex:1}@media (width<=720px){.write,.transport{max-width:none}}.on-touch{display:none}@media (pointer:coarse){.on-keys{display:none}.on-touch{display:inline}}@media (width<=720px){.rail{flex-direction:column;align-items:stretch;gap:10px}.presets{scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-right:26px;overflow-x:auto}.presets::-webkit-scrollbar{display:none}.presets>.chip{flex:none}.rail-scroll{position:relative}.rail-scroll:after{content:"";pointer-events:none;background:linear-gradient(90deg,#08090a00,#08090aeb);width:34px;position:absolute;top:0;bottom:0;right:0}.chip{min-height:40px;padding:9px 15px;font-size:13px}input[type=range]{height:32px}}.wordmark,button,textarea{-webkit-backdrop-filter:blur(14px)}@media (prefers-reduced-transparency:reduce){.wordmark,button,textarea{background:var(--l3);-webkit-backdrop-filter:none}}.feedback-tab{z-index:5;writing-mode:vertical-rl;letter-spacing:.04em;color:var(--ink-2);border-left:0;border-radius:0 12px 12px 0;padding:14px 8px;font-size:12px;position:fixed;top:50%;right:0;transform:translateY(-50%)rotate(180deg)}.feedback-tab:hover{color:var(--ink)}.feedback-scrim{z-index:50;background:#04040599;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.feedback-dialog{background:var(--l3);border:1px solid var(--hair-2);width:100%;max-width:440px;box-shadow:var(--glass-shadow);border-radius:16px;padding:20px}.feedback-dialog.has-form{max-width:560px}.feedback-dialog:focus{outline:none}.feedback-dialog h2{margin:0;font-size:15px;font-weight:600}.feedback-dialog p{color:var(--ink-body);margin:6px 0 0;font-size:13px;line-height:1.5}.feedback-choices{flex-direction:column;gap:8px;margin-top:16px;display:flex}.feedback-choice{text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;display:flex}.feedback-choice strong{font-weight:600}.feedback-choice span{color:var(--ink-body);font-size:12px}.feedback-head{align-items:center;gap:10px;display:flex}.feedback-form{background:var(--l2);border:0;border-radius:12px;width:100%;height:min(560px,70vh);margin-top:12px;display:block}.feedback-actions{justify-content:flex-end;margin-top:14px;display:flex}