.flow{padding:40px 0 120px}.flow-col{max-width:600px;margin:0 auto;padding:0 20px}.flow-kicker{color:var(--muted);margin:0 0 14px;font-size:14px}.flow h1{font-family:var(--display);text-transform:uppercase;text-wrap:balance;margin:0 0 14px;font-size:clamp(32px,5.5vw,52px);font-weight:400;line-height:.95}.flow .lead{color:var(--muted);max-width:52ch;margin:0 0 28px;font-size:17px}.flow-card{border:1px solid var(--rule);background:var(--surface);border-radius:18px;padding:22px}.flow-card+.flow-card,.flow-card+.flow-block,.flow-block+.flow-card{margin-top:16px}.flow-block{margin-top:28px}.flow-block h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:14px;font-weight:400}.flow-sum{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;display:grid}.flow-sum h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:22px;font-weight:400}.flow-sum .price{font-family:var(--display);font-size:30px;line-height:1}.flow-sum .price small{font-family:var(--sans);color:var(--muted);font-size:14px}.flow-sum p{color:var(--muted);grid-column:1/-1;margin:4px 0 0;font-size:15px}.flow-list{border-top:1px solid var(--rule);margin:16px 0 0;padding:0;list-style:none}.flow-list li{border-bottom:1px solid var(--rule);grid-template-columns:22px minmax(0,1fr);gap:10px;padding:11px 0;font-size:16px;display:grid}.flow-list li:before{content:"✓";color:var(--strong);font-weight:700}.flow-list.lose li:before{content:"–";color:var(--muted)}.flow-list.keep li:before{content:"✓"}.flow-list li:last-child{border-bottom:0;padding-bottom:0}.flow-rows{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;margin:0;font-size:16px;display:grid}.flow-rows dt,.flow-rows dd{border-bottom:1px solid var(--rule);margin:0;padding:11px 0}.flow-rows dt{color:var(--muted)}.flow-rows dd{text-align:right;font-variant-numeric:tabular-nums}.flow-rows .total dt,.flow-rows .total dd{color:var(--text);border-bottom:0;font-weight:600}.flow-check{cursor:pointer;align-items:flex-start;gap:12px;margin:22px 0 0;font-size:16px;line-height:1.45;display:flex}.flow-check input{width:18px;height:18px;accent-color:var(--ink);flex:none;margin:2px 0 0}:root:not([data-theme=light]) .flow-check input{accent-color:var(--yellow)}.flow-check a{color:var(--text)}.flow-fine.terms-links{flex-wrap:wrap;gap:0 18px;margin:2px 0 0 30px;display:flex}.terms-links .textbtn{min-height:32px;font-size:13px}.flow-terms{color:var(--muted);margin:18px 0 0;font-size:14px}.flow-terms a{color:var(--text)}.flow-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:22px;display:flex}.flow-actions .btn{border-radius:6px;min-width:200px}.flow-actions .btn:disabled{background:var(--off-bg);color:var(--off-fg);cursor:not-allowed}.flow .btn-line{color:var(--text);border-color:var(--rule-strong)}.flow .btn-line:hover{background:var(--text);color:var(--bg)}.btn-danger{background:var(--danger);color:var(--on-danger)}.flow-fine{color:var(--muted);max-width:60ch;margin:14px 0 0;font-size:13px}.flow-done{text-align:left}.flow-done .stamp-tag{margin-bottom:18px}.flow [hidden]{display:none!important}.packs-flow{gap:10px;display:grid}.pack{border:1px solid var(--rule);cursor:pointer;border-radius:14px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:4px 14px;padding:16px 18px;transition:border-color .15s,background .15s;display:grid}.pack:hover{border-color:var(--rule-strong)}.pack:has(input:checked){background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.pack:has(input:checked) span{color:var(--ink)}.pack input{appearance:none;border:1.5px solid;border-radius:50%;place-items:center;width:18px;height:18px;margin:0;display:grid}.pack input:checked:after{content:"";background:var(--ink);border-radius:50%;width:8px;height:8px}.pack input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pack b{font-size:18px}.pack span{color:var(--muted);font-size:14px}.pack span:not(.pp){grid-column:2}.pack .pp{color:var(--text);grid-area:1/3/span 2;font-size:18px;font-weight:600}.balance{grid-template-columns:1fr 1fr;gap:12px;display:grid}.balance div{border:1px solid var(--rule);background:var(--surface);border-radius:14px;padding:16px}.balance b{font-family:var(--display);margin-bottom:6px;font-size:34px;line-height:1;display:block}.balance span{color:var(--muted);font-size:14px}.stars{border:0;gap:6px;margin:0;padding:0;display:flex}.stars legend{color:var(--muted);margin-bottom:10px;padding:0;font-size:15px}.stars label{cursor:pointer}.stars input{opacity:0;pointer-events:none;position:absolute}.stars svg{fill:#0000;width:38px;height:38px;stroke:var(--text);stroke-width:1.5px;stroke-linejoin:round;transition:transform .15s,fill .15s}.stars label.on svg{fill:var(--yellow);stroke:var(--text)}.stars label:hover svg{transform:scale(1.08)}.stars input:focus-visible+svg{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.flow textarea,.flow .tfield input,.flow .tfield select{border:1px solid var(--rule-strong);width:100%;color:var(--text);font:inherit;background:0 0;border-radius:10px;padding:12px 14px;font-size:16px}.flow textarea{resize:vertical;min-height:120px}.flow textarea:focus,.flow .tfield input:focus,.flow .tfield select:focus{outline:2px solid var(--accent);outline-offset:1px}.tfield{color:var(--muted);gap:6px;font-size:15px;display:grid}.tfield-row{gap:14px;margin-top:18px;display:grid}@media (min-width:560px){.tfield-row{grid-template-columns:1fr 1fr 1fr}}.review-preview{margin-top:18px}.review-preview .who{color:var(--muted);font-size:14px}.review-preview q{quotes:"“" "”";margin:6px 0;font-size:17px;display:block}.rewarded{color:var(--muted);border:1px solid var(--rule);border-radius:999px;margin-top:8px;padding:3px 9px;font-size:12px;display:inline-block}.ext-links{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.gbtn{border:1px solid var(--rule-strong);background:var(--bg);width:100%;height:52px;color:var(--text);font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:10px;font-weight:600;display:flex}.gbtn:disabled{opacity:.45;cursor:not-allowed}.gsi-slot{justify-content:center;min-height:44px;display:flex}.or{color:var(--muted);align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.or:before,.or:after{content:"";background:var(--rule);flex:1;height:1px}.tfield+.tfield{margin-top:14px}.board.sign-page{background:var(--yellow);min-height:100dvh}.flow.sign-wrap{width:min(476px,100%);margin:0 auto;padding:clamp(24px,9vh,80px) 16px 48px}.sign-card{background:var(--bg);box-shadow:0 0 0 1.5px var(--ink), 6px 6px 0 var(--ink);border-radius:20px;padding:28px}.sign-card .brand{margin-bottom:26px;display:inline-flex}.flow .sign-card h1{font-size:30px;line-height:1}.flow .sign-card .lead{margin-bottom:22px;font-size:16px}.flow .sign-card .lead b{color:var(--text);overflow-wrap:anywhere;font-weight:600}.sign-card .flow-check{margin-top:16px;font-size:15px}.sign-card .flow-actions{margin-top:18px}.sign-card .flow-actions .btn{width:100%;min-width:0}.sign-card .gbtn{height:48px}.sign-card .flow-check+.gbtn,.sign-card .flow-check+.gsi-slot{margin-top:22px}.sign-switch{text-align:center;color:var(--ink);margin:22px 0 0;font-size:15px}.sign-switch a{color:var(--text);font-weight:600}.flow .tfield input.code-input{height:64px;font-family:var(--mono);letter-spacing:.24em;text-align:center;border-width:1.5px;padding:0 12px;font-size:28px}.code-links{flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-top:16px;display:flex}.code-links .textbtn{min-height:36px;font-size:14px}.code-links .textbtn:disabled{color:var(--muted);cursor:default;text-decoration:none}.sign-card .errnote{color:var(--danger);margin:10px 0 0;font-size:15px}@media (max-width:480px){.sign-card{box-shadow:0 0 0 1.5px var(--ink), 4px 4px 0 var(--ink);padding:22px 20px}}.gate-changes{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.gate-changes li{border-bottom:1px solid var(--rule);padding:14px 0}.gate-changes b{margin-bottom:2px;display:block}.gate-changes span{color:var(--muted);font-size:15px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tfield-row .tfield+.tfield{margin-top:0}
