:root{color-scheme:light;--bg: #e7f1f1;--panel: #ffffff;--panel-2: #eef7f6;--line: #d3e3e1;--text: #123330;--dim: #4f6d69;--teal: #0f9a8f;--teal-bright: #17b3a5;--teal-deep: #0a6b63;--teal-fill: #0a6b63;--coral: #12b6a6;--coral-deep: #0a6b63;--accent: var(--teal);--accent-solid: var(--coral-deep);--ok: #0f7a4f;--warn: #8a5e12;--bad: #b83c25;--readout-well: linear-gradient(180deg, #eaf4f2, #dcebe8);--readout-ink: var(--teal-deep);--readout-glow: 0 1px 0 #ffffff;--kraft: #dccaa2;--kraft-2: #cdb98d;--ink-on-kraft: #2a2318;--tape: #6f5a45;--tape-band: #6b5847;--vu: #0f9a8f;--shadow-sm: 0 12px 26px -16px rgb(16 54 49 / 42%);--shadow-lg: 0 34px 70px -34px rgb(16 54 49 / 48%);--radius: 14px;--radius-lg: 22px;--radius-field: 14px;--radius-pill: 999px;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-hand: "Caveat", ui-rounded, cursive}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #141719;--panel: #1e2225;--panel-2: #262b2e;--line: #2c3236;--text: #eef1f2;--dim: #9aa3a6;--teal: #26cbb6;--teal-bright: #63e6d3;--teal-deep: #63e6d3;--teal-fill: #0e6f65;--coral: #4fe0d0;--coral-deep: #0e6f65;--ok: #5bd0a4;--warn: #e6b25a;--bad: #ff8a6b;--readout-well: linear-gradient(180deg, #0e1113, #141719);--readout-ink: var(--teal-bright);--readout-glow: 0 0 12px rgb(47 210 195 / 50%), 0 0 2px rgb(150 255 240 / 60%);--vu: #4fd8c9;--shadow-sm: 0 12px 26px -16px #000;--shadow-lg: 0 40px 80px -34px #000}}:root[data-theme=light]{color-scheme:light;--bg: #e7f1f1;--panel: #ffffff;--panel-2: #eef7f6;--line: #d3e3e1;--text: #123330;--dim: #4f6d69;--teal: #0f9a8f;--teal-bright: #17b3a5;--teal-deep: #0a6b63;--teal-fill: #0a6b63;--coral: #12b6a6;--coral-deep: #0a6b63;--ok: #0f7a4f;--warn: #8a5e12;--bad: #b83c25;--readout-well: linear-gradient(180deg, #eaf4f2, #dcebe8);--readout-ink: var(--teal-deep);--readout-glow: 0 1px 0 #ffffff;--vu: #0f9a8f;--shadow-sm: 0 12px 26px -16px rgb(16 54 49 / 42%);--shadow-lg: 0 34px 70px -34px rgb(16 54 49 / 48%)}:root[data-theme=dark]{color-scheme:dark;--bg: #141719;--panel: #1e2225;--panel-2: #262b2e;--line: #2c3236;--text: #eef1f2;--dim: #9aa3a6;--teal: #26cbb6;--teal-bright: #63e6d3;--teal-deep: #63e6d3;--teal-fill: #0e6f65;--coral: #4fe0d0;--coral-deep: #0e6f65;--ok: #5bd0a4;--warn: #e6b25a;--bad: #ff8a6b;--readout-well: linear-gradient(180deg, #0e1113, #141719);--readout-ink: var(--teal-bright);--readout-glow: 0 0 12px rgb(47 210 195 / 50%), 0 0 2px rgb(150 255 240 / 60%);--vu: #4fd8c9;--shadow-sm: 0 12px 26px -16px #000;--shadow-lg: 0 40px 80px -34px #000}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body),sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.page{display:flex;flex-direction:column;min-height:100vh}@supports (min-height: 100dvh){.page{min-height:100dvh}}.bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:14px 18px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}.bar h2{flex:1;font-family:var(--font-display),sans-serif;font-size:16px;font-weight:700;letter-spacing:-.01em}.bar h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar .spacer{width:56px}.bar button{padding:7px 14px;font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:.04em;color:var(--teal-deep);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-pill)}.bar button:hover{border-color:var(--teal)}.bar .iconbtn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:var(--teal-deep);background:var(--panel);border:1px solid var(--line);border-radius:50%;box-shadow:var(--shadow-sm);transition:border-color .15s ease,color .15s ease,transform .1s ease}.bar .iconbtn:hover{color:var(--teal);border-color:var(--teal)}.bar .iconbtn:active{transform:translateY(1px)}.bar .clip{flex:none;padding:8px 28px 8px 13px;font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:.04em;color:var(--teal-deep);background-color:var(--panel);border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--teal) 50%),linear-gradient(135deg,var(--teal) 50%,transparent 50%);background-position:right 14px center,right 9px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;transition:border-color .15s ease,color .15s ease}.bar .clip:hover,.bar .clip:focus{outline:none;border-color:var(--teal)}.body{flex:1;padding:22px 18px 44px;overflow-y:auto}.body.center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}h1{margin-bottom:8px;font-family:var(--font-display),sans-serif;font-size:30px;font-weight:800;letter-spacing:-.025em;line-height:1.05;text-wrap:balance}.lede{max-width:40ch;margin-bottom:24px;font-size:15px;color:var(--dim)}.note{margin-top:14px;font-size:13px;color:var(--dim)}label{display:block;margin-bottom:7px;font-family:var(--font-mono),monospace;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.field{width:100%;margin-bottom:16px;padding:13px 14px;font-size:15px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-field);transition:border-color .15s ease}.field::placeholder{color:color-mix(in srgb,var(--dim) 70%,transparent)}.field:focus{outline:none;border-color:var(--teal)}select.field{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--teal) 50%),linear-gradient(135deg,var(--teal) 50%,transparent 50%);background-position:right 18px center,right 13px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px}.btn{display:block;width:100%;padding:15px;font-family:var(--font-display),sans-serif;font-size:16px;font-weight:700;letter-spacing:.01em;color:#fff;text-align:center;background:linear-gradient(180deg,var(--coral-deep),color-mix(in srgb,var(--coral-deep) 82%,#000));border-radius:var(--radius-pill);box-shadow:0 2px color-mix(in srgb,var(--coral-deep) 60%,#000),inset 0 1px #ffffff2e,var(--shadow-sm);transition:transform .1s ease,box-shadow .1s ease,filter .15s ease}.btn:hover{filter:brightness(1.04)}.btn:active{transform:translateY(2px);box-shadow:0 0 color-mix(in srgb,var(--coral-deep) 65%,#000)}.btn:disabled{opacity:.4;cursor:default;box-shadow:none}.btn.ghost{font-weight:600;color:var(--text);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.btn.ghost:hover{filter:none;border-color:var(--teal);color:var(--teal-deep)}.btn.sm{padding:11px;font-size:14px}.row{display:flex;gap:10px}.row>*{flex:1}.msg{margin-bottom:16px;padding:13px 16px;font-size:14px;border-radius:var(--radius)}.msg.err{color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--bad) 32%,var(--line))}.msg.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--ok) 32%,var(--line))}.msg.warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 13%,var(--panel));border:1px solid color-mix(in srgb,var(--warn) 34%,var(--line))}.msg b{color:var(--text);font-weight:600}.steps{margin-bottom:22px;padding:0;list-style:none;text-align:left}.steps li{position:relative;margin-bottom:14px;padding-left:32px;font-size:14.5px;color:var(--dim)}.steps li b{font-weight:600;color:var(--text)}.steps li .n{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:21px;height:21px;font-family:var(--font-mono),monospace;font-size:11px;font-weight:700;color:var(--teal-deep);background:color-mix(in srgb,var(--teal) 16%,var(--panel));border:1px solid color-mix(in srgb,var(--teal) 40%,var(--line));border-radius:50%}.copybox{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:12px 15px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius)}.copybox code{flex:1;font-family:var(--font-mono),monospace;font-size:12.5px;color:var(--teal-deep);word-break:break-all}.copybox button{font-family:var(--font-mono),monospace;font-size:12px;color:var(--teal-deep);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.qr svg{display:block;width:100%;height:100%}@media print{@page{size:A4 portrait;margin:0}body{background:#fff;padding:0}}