:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#111827;--muted:#6b7280;--paper:#f5f6f8;--card:#fff;--line:#e5e7eb;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#4f46e514;--accent-ink:#fff;--alert:#b42318;--font:"Avenir Next", "Segoe UI", sans-serif;--display:"Iowan Old Style", Palatino, "Palatino Linotype", serif;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}*{box-sizing:border-box}body{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font);margin:0;font-size:1.05rem;line-height:1.5}a{color:inherit}button,input{font:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{color:var(--ink);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#ffffffdb;position:sticky;top:0}.topbar-inner{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;width:min(960px,100% - 2rem);margin:0 auto;padding:.9rem 0;display:flex}.brand{flex-direction:column;margin-right:auto;text-decoration:none;display:flex}.brand-native{font-family:var(--display);font-size:1.7rem;line-height:1}.brand-name{letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}.nav,.locales{align-items:center;gap:.4rem;display:flex}.nav a,.locales button,.button{border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:.35rem .8rem;text-decoration:none;display:inline-flex}.nav a{color:var(--muted)}.nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.locales button,.button{color:inherit;cursor:pointer;background:0 0;border:1px solid #0000}.locales button{color:var(--muted)}.locales button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.page{flex:1;width:min(960px,100% - 2rem);margin:1.5rem auto 2rem}.stack{gap:1rem;display:grid}.intro h1,.card h2,.slot h2{font-family:var(--display);margin:0;font-weight:600}.intro p,.slot p{color:var(--muted);margin:0}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.1rem}.field{gap:.35rem;display:grid}.field small,.hint,.aside,.footer{color:var(--muted)}.field input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:12px;padding:.55rem .75rem}.field input[name=code]{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase}.button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button.quiet{color:var(--ink);border-color:var(--line);background:0 0}.button:disabled{opacity:.6;cursor:wait}.actions{flex-wrap:wrap;gap:.6rem;margin-top:.8rem;display:flex}.code{font-family:var(--mono);letter-spacing:.28em;margin:0;font-size:clamp(1.8rem,6vw,2.6rem)}.facts{gap:.75rem;margin:0;display:grid}.facts div{gap:.15rem;display:grid}.facts dt{color:var(--muted);font-size:.85rem}.facts dd{overflow-wrap:anywhere;margin:0}.facts code{font-family:var(--mono);font-size:.92rem}.panels{gap:1rem;display:grid}.slot{background:#fff;border:1px dashed #d1d5db;border-radius:16px;min-height:8rem;padding:1rem}.alert{color:var(--alert);margin:0}.mono{font-family:var(--mono);overflow-wrap:anywhere;margin:0}.qr-wrap{background:var(--card);border-radius:12px;justify-content:center;margin:0;padding:.75rem;display:flex}.qr-wrap svg{display:block}.ttl{font-family:var(--mono);font-variant-numeric:tabular-nums}.ttl.expired{color:var(--alert)}.footer{width:min(960px,100% - 2rem);margin:0 auto 1.2rem;font-size:.92rem}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width>=800px){.panels,.facts{grid-template-columns:1fr 1fr}}.tool{gap:24px;width:min(720px,100%);margin:0 auto;padding:40px 0 64px;display:grid}.tool-head{text-align:center;justify-items:center;gap:12px;display:grid}.tool-aside{margin:0;font-size:.85rem}.tool-aside a{color:var(--muted);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.tool-head h1{font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:clamp(2.1rem,5vw,3.25rem);font-weight:600;line-height:1.12}.tool-sub{color:var(--muted);max-width:40ch;margin:0;font-size:1.06rem;line-height:1.6}.card.stage{background:var(--card);border:0;border-radius:24px;gap:0;padding:12px;display:grid;box-shadow:0 1px 2px #1118270d,0 16px 40px -24px #1118271f}.card.stage:focus-within{box-shadow:0 0 0 3px #4f46e51f,0 16px 40px -24px #1118271f}.card.stage.dragging{box-shadow:0 0 0 3px #4f46e52e,0 16px 40px -24px #1118271f}.stage-input{background:0 0;border:0;border-radius:16px;gap:8px;min-height:200px;padding:8px;transition:background .15s;display:grid}.card.stage.dragging .stage-input{background:#4f46e50a}.stage-text{gap:8px}.stage-text textarea{width:100%;min-height:244px;color:var(--ink);font:inherit;resize:vertical;background:0 0;border:0;padding:16px;line-height:1.6}.stage-text textarea:focus-visible{outline:none}.stage-text textarea::placeholder{color:#9ca3af}.stage-foot{border-top:1px solid var(--line);background:#fafafa;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px;display:flex}.stage-pick{border:1px solid var(--line);background:var(--card);min-height:40px;color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:.9rem;display:inline-flex}.stage-pick svg{width:17px;height:17px;color:var(--accent)}.stage-pick:hover:not(:disabled){background:var(--accent-soft);border-color:#c7d2fe}.stage-pick:disabled{opacity:.55;cursor:wait}.stage-quota{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.82rem}.button.stage-submit{border-radius:14px;width:100%;min-height:56px;padding:0 24px;font-size:1.06rem;font-weight:600;box-shadow:0 14px 28px -18px #4f46e58c}.stage-submit:disabled{box-shadow:none;opacity:.45;cursor:not-allowed}.stage-hint{text-align:center;color:var(--muted);margin:0;font-size:.85rem}.attach-list{gap:.4rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.attach-item{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:12px;grid-template-columns:1fr auto auto auto;align-items:center;gap:.6rem;padding:.5rem .7rem;font-size:.92rem;display:grid}.attach-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attach-size,.attach-state{color:var(--muted);font-size:.82rem}.attach-item[data-status=failed] .attach-state{color:var(--alert)}.attach-item[data-status=complete] .attach-state{color:#2f6b47}.attach-remove{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.2rem .35rem;font-size:1.15rem;line-height:1}.composer-name{text-align:left;width:100%;font-size:.92rem}.composer-name summary{color:var(--muted);cursor:pointer}.composer-name .field{margin-top:.5rem}.benefit-chips{flex-wrap:wrap;justify-content:center;gap:16px 32px;margin:0;padding:0;list-style:none;display:flex}.benefit-chips li{color:var(--muted);white-space:nowrap;font-size:.82rem}.pickup-row{border:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:0;padding:0;display:flex}.pickup-field{color:var(--muted);align-items:center;gap:8px;font-size:.92rem;display:flex}.pickup-field input{border:1px solid #0000;border-bottom-color:var(--line);width:132px;min-height:40px;color:var(--ink);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;background:0 0;border-radius:8px;padding:0 12px}.pickup-field input:focus-visible{border-color:var(--line);background:#fff}.pickup-go{min-height:40px;color:var(--muted);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 16px;font-size:.92rem;text-decoration:underline}.pickup-go:hover{color:var(--ink)}.card.stage.receipt{text-align:center;justify-items:center}.code-cells{cursor:pointer;background:0 0;border:0;gap:8px;padding:0;display:flex}.code-cell{border:1px solid var(--line);background:var(--paper);width:clamp(2.8rem,12vw,3.8rem);height:clamp(3.6rem,15vw,4.8rem);font-family:var(--mono);border-radius:14px;place-items:center;font-size:clamp(1.6rem,6.5vw,2.1rem);font-weight:600;display:grid}.receipt-link{border:1px solid var(--line);text-align:left;background:#f5f6f899;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;width:100%;padding:24px;display:flex}.receipt-link .qr-wrap{background:0 0;flex:none;width:148px;padding:0}.receipt-link-copy{justify-items:start;gap:8px;min-width:0;display:grid}.receipt-link .mono{color:var(--muted);font-size:.86rem}.receipt-link-copy .button{border-radius:10px;min-height:40px;padding:0 16px}.share-again{color:var(--muted);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;font-size:.9rem;text-decoration:underline}.join-stage{text-align:left}.join-input{gap:16px}.join-input .field>span{color:var(--muted);font-size:.86rem}.join-input .field input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:12px;padding:0 12px}.join-code{justify-items:center}.code-input{font-family:var(--mono);letter-spacing:.34em;text-align:center;text-transform:uppercase;font-size:clamp(1.4rem,6vw,1.9rem);min-height:64px!important}@media (width<=640px){.tool{gap:16px;padding:24px 0 48px}.card.stage{border-radius:20px;padding:20px}.stage-input{padding:16px}.receipt-link{gap:16px;padding:16px}.tool-home.tool{gap:24px;padding-top:24px}.tool-home .tool-head h1{font-size:2.1rem}.tool-home .tool-sub{font-size:1rem}.tool-home .tool-stage{border-radius:20px;padding:8px}.tool-home .stage-input{padding:4px}.tool-home .stage-text textarea{min-height:210px;padding:16px}.tool-home .stage-input-footer{gap:16px;padding:12px}.tool-home .stage-input-footer>.button{min-height:52px}}