:root{color-scheme:light dark;--fg: #1a1a1a;--bg: #fff;--muted: #666;--accent: #ff5a5f}@media (prefers-color-scheme: dark){:root{--fg: #e8e8ea;--bg: #131316;--muted: #9a9aa2}}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--fg);background:var(--bg);margin:0;line-height:1.55}#app{max-width:640px;margin:2rem auto;padding:0 1.25rem 4rem}h1{font-size:1.5rem;margin:0 0 1rem}p{margin:0 0 .9rem}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--accent);min-height:1.2em}.instruction{font-size:1.15rem;font-weight:600;min-height:1.6em}.instruction.ok{color:#1a8b4a}.session-id{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.1rem;padding:.6rem .8rem;border:1px solid var(--muted);border-radius:6px;overflow-wrap:anywhere}button{padding:.65rem 1.2rem;font-size:1rem;border-radius:6px;border:1px solid transparent;background:var(--fg);color:var(--bg);cursor:pointer;margin:0 .5rem .5rem 0}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{background:transparent;color:var(--fg);border-color:var(--muted)}label{display:block;margin:0 0 .7rem}input[type=range]{width:100%}.consent-checks{margin:1.5rem 0}.consent-check{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.9rem}.consent-check input{margin-top:.35rem;flex:0 0 auto}.preview-frame{position:relative;width:100%;background:#111;border-radius:8px;overflow:hidden}.preview{width:100%;display:block;transform:scaleX(-1)}.preview-target{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:42%;aspect-ratio:1 / 1;border:2px dashed rgba(255,255,255,.65);border-radius:8px;pointer-events:none}.cal-card{background:linear-gradient(135deg,#3a6ea5,#2b4c73);border-radius:10px;margin:1rem 0;box-shadow:0 1px 6px #00000040}.dot-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:10}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.debug{margin-top:.75rem;padding:.5rem .75rem;background:#0b0b0f;border:1px solid #2a2a33;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.45;white-space:pre;overflow-x:auto;color:#c9c9d4}