:root{--bg:#f3f6f4;--surface:#fff;--ink:#132b26;--muted:#5d6f6a;--line:#d6e0dc;--accent:#e3a01a;--accent-ink:#2a1c00;--pine:#1f5a4c;--pine-soft:#e3efeb;--danger:#b3261e;--danger-soft:#fbe9e7;--ok:#1f7a4d;--font-display:"Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;--font-body:"Figtree", -apple-system, "Segoe UI", system-ui, sans-serif;--r:12px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1715;--surface:#16211e;--ink:#e7efec;--muted:#9db0aa;--line:#2b3b37;--accent:#f0b43a;--accent-ink:#1f1400;--pine:#7cc8b2;--pine-soft:#1c2f2a;--danger:#ff8a80;--danger-soft:#3a1d1a;--ok:#6fd3a0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1715;--surface:#16211e;--ink:#e7efec;--muted:#9db0aa;--line:#2b3b37;--accent:#f0b43a;--accent-ink:#1f1400;--pine:#7cc8b2;--pine-soft:#1c2f2a;--danger:#ff8a80;--danger-soft:#3a1d1a;--ok:#6fd3a0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{margin:0}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-text-size-adjust:100%;font-size:17px;line-height:1.45}.wrap{max-width:820px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto;padding-block:20px 48px}.top{top:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);border-bottom:1px solid var(--line);position:sticky}.top-in{max-width:820px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));align-items:center;gap:14px;margin:0 auto;padding-block:12px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.brand i{background:var(--accent);border-radius:50%;width:22px;height:22px;display:inline-block;box-shadow:inset -5px -5px #0000001f}.spacer{flex:1}.count{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.werber{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}.avatar{background:var(--pine);width:34px;height:34px;color:var(--surface);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.werber small{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;line-height:1.1;display:block}.werber b{font-size:15px;font-weight:600}.progress{background:var(--line);height:3px}.progress span{background:var(--accent);width:0;height:100%;transition:width .25s;display:block}h1{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:8px 0 4px;font-size:32px;line-height:1.1}.lede{color:var(--muted);margin:0 0 20px}.demo-row{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.sec{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:18px;padding:22px 22px 24px}.sec-h{align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.num{font-family:var(--font-display);color:var(--pine);background:var(--pine-soft);font-variant-numeric:tabular-nums;border-radius:8px;padding:2px 9px;font-size:15px;font-weight:700}.sec-h h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:21px}.sec-h p{color:var(--muted);margin:0;font-size:14px}.grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.c12{grid-column:span 12}.c6{grid-column:span 6}.c4{grid-column:span 4}.c8{grid-column:span 8}.c3{grid-column:span 3}.c9{grid-column:span 9}@media (max-width:620px){.c6,.c4,.c8,.c3,.c9{grid-column:span 12}}.field{flex-direction:column;gap:6px;min-width:0;display:flex}label.l,.l{color:var(--ink);font-size:14px;font-weight:600}.l .opt{color:var(--muted);font-weight:400}input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number],input[type=datetime-local],select{width:100%;min-height:52px;font:inherit;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r);appearance:none;padding:12px 14px;font-size:17px}select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px),calc(100% - 14px);background-repeat:no-repeat;background-size:6px 6px;padding-right:40px}input:focus,select:focus{border-color:var(--pine);box-shadow:0 0 0 3px var(--pine-soft);outline:none}.unit{position:relative}.unit input{padding-right:58px}.unit span{color:var(--muted);pointer-events:none;font-size:15px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.err{color:var(--danger);font-size:13px;display:none}.field.bad input,.field.bad select{border-color:var(--danger);background:var(--danger-soft)}.field.bad .err,.blk.bad .err{display:block}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{position:relative}.chip input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.chip span{border:1.5px solid var(--line);background:var(--bg);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;min-height:48px;padding:10px 18px;font-weight:500;display:flex}.chip input:checked+span{background:var(--pine);border-color:var(--pine);color:var(--surface)}.chip input:focus-visible+span{box-shadow:0 0 0 3px var(--pine-soft)}.tiles{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:520px){.tiles{grid-template-columns:1fr}}.tile{position:relative}.tile input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.tile div{border:1.5px solid var(--line);background:var(--bg);border-radius:14px;flex-direction:column;gap:4px;height:100%;padding:16px;display:flex}.tile b{font-family:var(--font-display);letter-spacing:-.02em;font-size:24px}.tile small{color:var(--muted);font-size:14px}.tile input:checked+div{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface));box-shadow:inset 0 0 0 1.5px var(--accent)}.tile input:focus-visible+div{box-shadow:0 0 0 3px var(--pine-soft)}.consent{border:1.5px solid var(--line);border-radius:var(--r);background:var(--bg);cursor:pointer;align-items:flex-start;gap:14px;padding:14px;display:flex}.consent input{width:28px;height:28px;accent-color:var(--pine);flex:none;margin:0}.consent p{margin:0;font-size:15px}.consent b{margin-bottom:2px;font-size:16px;display:block}.stack{gap:12px;display:grid}.sig-box{border:1.5px dashed var(--muted);border-radius:var(--r);background:var(--bg);touch-action:none;height:200px;position:relative}.sig-box canvas{border-radius:var(--r);cursor:crosshair;width:100%;height:100%;display:block}.sig-line{border-bottom:1px solid var(--line);pointer-events:none;position:absolute;bottom:44px;left:24px;right:24px}.sig-hint{color:var(--muted);pointer-events:none;font-size:13px;position:absolute;bottom:16px;left:24px}.blk.bad .sig-box{border-color:var(--danger);background:var(--danger-soft)}.sig-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.btn{font:inherit;border:1.5px solid var(--line);background:var(--surface);min-height:48px;color:var(--ink);cursor:pointer;border-radius:999px;padding:10px 18px;font-weight:600}.btn:focus-visible{outline:3px solid var(--pine-soft);outline-offset:2px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);border-radius:14px;width:100%;min-height:60px;font-size:19px}.btn.primary:active{transform:translateY(1px)}.link{font:inherit;color:var(--pine);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.legal{color:var(--muted);margin:14px 0 18px;font-size:14px}.summary-err{background:var(--danger-soft);color:var(--danger);border-radius:var(--r);margin-bottom:14px;padding:12px 14px;font-weight:600;display:none}.summary-err.show{display:block}.overlay{z-index:50;background:color-mix(in srgb,var(--ink) 45%,transparent);padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:18px;width:100%;max-width:640px;max-height:85vh;padding:26px;overflow:auto}.dialog h3{font-family:var(--font-display);margin:0 0 6px;font-size:24px}.note{background:var(--pine-soft);border-radius:10px;margin:10px 0 14px;padding:10px 12px;font-size:14px}.dialog p{margin:0 0 10px;font-size:15px}.done{text-align:left}.done .check{background:var(--ok);width:56px;height:56px;color:var(--surface);border-radius:50%;place-items:center;margin-bottom:12px;font-size:28px;display:grid}.rows{border:1px solid var(--line);border-radius:10px;margin:14px 0 18px;overflow-x:auto}.rows table{border-collapse:collapse;width:100%;font-size:14px}.rows td{border-bottom:1px solid var(--line);vertical-align:top;padding:8px 12px}.rows tr:last-child td{border-bottom:0}.rows td:first-child{color:var(--muted);white-space:nowrap;width:40%}.rows img{background:#fff;border-radius:6px;max-height:60px}.actions{flex-wrap:wrap;gap:10px;display:flex}.actions .btn{flex:1}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.login{min-height:100dvh;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));place-items:center;padding-block:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;gap:16px;width:100%;max-width:420px;padding:28px;display:grid}.login-card .brand{font-size:30px}.login-card p{color:var(--muted);margin:0}.login-err{background:var(--danger-soft);color:var(--danger);border-radius:var(--r);padding:10px 12px;font-size:15px;font-weight:600}.btn.ghost{min-height:40px;padding:6px 14px;font-size:14px}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);z-index:60;border-radius:999px;padding:12px 18px;font-weight:600;position:fixed;transform:translate(-50%)}.page{max-width:720px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto;padding-block:32px 48px}.page h1{font-family:var(--font-display)}