:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4eee3;--surface:#fffcf6b8;--surface-solid:#fbf7f0;--surface-2:#e8decc8c;--text:#2f3a2f;--muted:#66684f;--border:#6e604829;--brand:#557458;--sand:#d8c3a0;--ok:#4e6b51;--ok-soft:#8fa98a47;--warn:#8a5a12;--warn-soft:#e8b96e4d;--bad:#a0432d;--bad-soft:#c96e5633;--glass:#fffcf69e;--glass-strong:#fffbf494;--glass-border:#ffffffb3;--glass-highlight:inset 0 1px 0 #ffffffd9;--shadow:0 1px 2px #5640280f, 0 8px 24px #56402814;--shadow-float:0 2px 6px #56402814, 0 16px 40px #56402824;--blur:blur(24px) saturate(160%);--ambient-1:#8fa98a61;--ambient-2:#d8c3a08c;--ambient-3:#f2b8c64d;--ambient-4:#86aedb3d;--ambient-5:#b5523b1a;--radius:22px;--radius-control:14px;--radius-sheet:28px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-rounded:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, sans-serif;--accent:#557458;--accent-soft:#8fa98a4d;--on-accent:#fff}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-accent=pink]{--accent:#b05a77;--accent-soft:#f2b8c673;--ambient-3:#f2b8c66b}[data-accent=blue]{--accent:#4a76ab;--accent-soft:#b0cdee80;--ambient-4:#86aedb5c}[data-accent=sage]{--accent:#557458;--accent-soft:#8fa98a52}[data-accent=brick]{--accent:#a9472f;--accent-soft:#d68c764d;--ambient-5:#b5523b2e}@media (prefers-color-scheme:dark){:root{--bg:#1c1814;--surface:#302821a8;--surface-solid:#2a231d;--surface-2:#4a3e328c;--text:#f2e9dc;--muted:#bfaf99;--border:#ffecd21a;--brand:#a9c7a6;--sand:#8a7558;--ok:#a9c7a6;--ok-soft:#6e916a47;--warn:#f0c27a;--warn-soft:#b07c2c47;--bad:#e7967f;--bad-soft:#a9472f4d;--glass:#2c241e8c;--glass-strong:#28211b99;--glass-border:#ffe6c81f;--glass-highlight:inset 0 1px 0 #ffecd614;--shadow:0 1px 2px #00000040, 0 8px 24px #00000040;--shadow-float:0 2px 6px #0000004d, 0 16px 40px #0006;--ambient-1:#5f7f6347;--ambient-2:#966c3c4d;--ambient-3:#b05a772e;--ambient-4:#4a76ab29;--ambient-5:#b5523b33;--accent:#a9c7a6;--accent-soft:#6e916a4d;--on-accent:#1b261c}[data-accent=pink]{--accent:#f0a9be;--accent-soft:#b05a7752;--on-accent:#2a1a20}[data-accent=blue]{--accent:#9dc0ea;--accent-soft:#4a76ab52;--on-accent:#14202e}[data-accent=sage]{--accent:#a9c7a6;--accent-soft:#6e916a4d;--on-accent:#1b261c}[data-accent=brick]{--accent:#e7967f;--accent-soft:#a9472f52;--on-accent:#2e1610}}*{box-sizing:border-box}html{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:0 0;min-height:100dvh;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(45% 35% at 12% 8%, var(--ambient-1), transparent 70%), radial-gradient(50% 40% at 92% 18%, var(--ambient-3), transparent 70%), radial-gradient(55% 45% at 85% 78%, var(--ambient-4), transparent 70%), radial-gradient(60% 45% at 10% 70%, var(--ambient-2), transparent 70%), radial-gradient(35% 25% at 55% 100%, var(--ambient-5), transparent 70%), var(--bg);position:fixed;inset:-10%}a{color:var(--accent)}h1,h2,h3{letter-spacing:-.01em;margin:0}.num{font-family:var(--font-rounded);font-variant-numeric:tabular-nums}input,select,textarea,button{font:inherit;font-size:16px}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);width:100%;min-height:46px;color:var(--text);box-shadow:var(--glass-highlight);padding:.6rem .85rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}textarea{resize:vertical}input[type=checkbox]{width:1.25rem;height:1.25rem;min-height:0;accent-color:var(--accent);box-shadow:none}::placeholder{color:var(--muted);opacity:.8}button,.button{background:var(--accent);min-height:46px;color:var(--on-accent);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.15rem;font-weight:600;text-decoration:none;transition:transform .12s,filter .12s;display:inline-flex}button:active,.button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:default;transform:none}button.secondary,.button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--shadow)}button.small,.button.small{min-height:36px;padding:.35rem .9rem;font-size:.9rem}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-highlight), var(--shadow)}.glass-strong{background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--shadow-float);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-strong{background:var(--surface-solid)}}@media (prefers-reduced-transparency:reduce){.glass,.glass-strong,input,select,textarea,button.secondary,.button.secondary{background:var(--surface-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}button.link{color:var(--muted);min-height:0;box-shadow:none;background:0 0;padding:.4rem .6rem;font-weight:500}button.danger{color:var(--bad)}.app{max-width:640px;padding:calc(env(safe-area-inset-top) + .5rem) 1rem 2rem;margin:0 auto}.topbar{top:calc(env(safe-area-inset-top) + .5rem);z-index:5;border-radius:999px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem .5rem .5rem 1.2rem;display:flex;position:sticky}.topbar h1{font-size:1.25rem}.login{place-items:center;min-height:100dvh;padding:1rem;display:grid}.card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);width:min(360px,100%);box-shadow:var(--glass-highlight), var(--shadow);gap:1rem;padding:1.75rem 1.5rem;display:grid}.card h1{text-align:center;margin:0;font-size:1.8rem}.card label{color:var(--muted);gap:.35rem;font-size:.9rem;display:grid}.error{color:var(--bad);margin:.5rem 0}.empty{color:var(--muted);text-align:center;padding:1.5rem .5rem}.hint{color:var(--muted);margin:0;font-size:.9rem}.consent{width:min(400px,100%)}.consent .lead{text-align:center;margin:0;line-height:1.45}.access{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.access li{background:var(--surface-2);border-radius:var(--radius-control);align-items:flex-start;gap:.75rem;padding:.75rem .9rem;display:flex}.access .emoji{font-size:1.3rem;line-height:1.2}.access strong,.connections strong{display:block}.access small,.connections small{color:var(--muted)}.actions{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.panel{border-radius:var(--radius);gap:.75rem;padding:1.1rem 1.2rem;display:grid}.panel h2,.section-title{font-size:1.1rem}.section-title{margin:1.5rem .25rem .75rem}.url{align-items:center;gap:.5rem;display:flex}.url code{overflow-wrap:anywhere;background:var(--surface-2);border-radius:var(--radius-control);flex:1;min-width:0;padding:.55rem .75rem;font-size:.9rem}.steps{gap:.35rem;margin:0;padding-left:1.1rem;font-size:.9rem;display:grid}.connections{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.connections li{border-radius:18px;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem .9rem .8rem 1.1rem;display:flex}
