.mono{letter-spacing:.02em;color:#57442f;background:#efe9e1;border:1px solid #1c191714;border-radius:12px;flex:none;place-items:center;width:56px;height:56px;font-size:15px;font-weight:800;display:grid}.mono.s{border-radius:8px;width:36px;height:36px;font-size:11.5px}.sample{background:var(--amber-soft);color:var(--amber);border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:13.5px;font-weight:600;display:flex}.sample svg.i{flex:none;width:16px;height:16px;margin-top:1px}.faces{display:flex}.faces span{color:#57442f;background:#efe9e1;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;margin-left:-6px;font-size:10.5px;font-weight:800;display:grid}.faces span:first-child{margin-left:0}.faces span:nth-child(2n){color:#334155;background:#e9ecef}.faces span:nth-child(3n){color:#3b5244;background:#e8eee9}.ticks{color:var(--ink-2);gap:6px;font-size:13.5px;list-style:none;display:grid}.ticks li{align-items:flex-start;gap:8px;display:flex}.ticks li svg.i{color:var(--green);flex:none;margin-top:2px}.jsteps{gap:6px;margin-bottom:18px;display:flex}.jsteps span{background:var(--line);border-radius:2px;flex:1;height:4px}.jsteps span.on{background:var(--brand)}.fc h1{letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.2}.fc .lead{color:var(--ink-2);margin:4px 0 20px}.fq{min-width:0;margin-bottom:20px}.fq>label,.fq>b{margin-bottom:8px;font-size:13.5px;font-weight:700;display:block}.fc .lnk{color:var(--brand-d);font-weight:700;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.fc .lnk:hover{text-decoration:underline}.cbox{border:1px solid var(--line-2);background:#fff;border-radius:10px;overflow:hidden}.cbox:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.cbox .in{align-items:center;gap:8px;height:44px;padding:0 12px;display:flex}.cbox .in svg.i{color:var(--ink-3);flex:none}.cbox .in input{font:inherit;min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.cbox .opt{text-align:left;border:0;border-top:1px solid var(--line);cursor:pointer;width:100%;font:inherit;color:var(--ink);background:#fff;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;display:grid}.cbox .opt:hover,.cbox .opt:focus-visible{background:var(--brand-soft);outline:0}.cbox .opt b,.picked b{font-size:14px;line-height:1.3;display:block}.cbox .opt span:not(.mono),.picked span:not(.mono){color:var(--ink-3);font-size:12.5px}.cbox .opt em{color:var(--ink-3);white-space:nowrap;font-size:12.5px;font-style:normal}.cbox .hint,.cbox .add{color:var(--ink-3);border-top:1px solid var(--line);padding:9px 12px;font-size:13px}.cbox .add{background:#faf8f5}.picked{border:1px solid var(--brand);background:var(--brand-soft);border-radius:10px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.addc{gap:8px;display:grid}.addc p{color:var(--ink-3);font-size:13px}.bseg{flex-wrap:wrap;gap:6px;display:flex}.bseg button{border:1px solid var(--line-2);min-height:38px;font:inherit;color:var(--ink-2);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:4px 14px;font-weight:700;line-height:1.15;display:inline-flex}.bseg button small{color:var(--green);font-size:11px;font-weight:600}.bseg button.hl:not(.on){border-color:#b9ecca}.bseg button.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-d)}.bseg button.on small{color:var(--brand-d)}.two{grid-template-columns:200px minmax(0,1fr);gap:16px;display:grid}select.input{appearance:auto}.sub-note{color:var(--ink-3);margin-top:8px;font-size:13px}.sub-note.top{margin:-4px 0 8px}.warn{color:var(--amber);margin-top:6px;font-size:13px;font-weight:600}.err{color:var(--red);background:var(--red-soft);border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13.5px;font-weight:600}.notopen{border:1px solid var(--line);background:#faf8f5;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.notopen svg.i{color:var(--blue);flex:none;margin-top:2px}.notopen b{font-size:14.5px;display:block}.notopen p{color:var(--ink-2);margin-top:2px;font-size:13.5px}.fc .actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.fc .actions .btn.p{min-width:180px}.fc .actions .btn[disabled]{opacity:.6;cursor:default}.fc .fine{color:var(--ink-3);gap:6px;margin-top:16px;font-size:12.5px;display:flex}.fc .fine svg.i{flex:none;width:14px;height:14px;margin-top:2px}.sentto{border:1px solid var(--line);color:var(--ink-2);background:#faf8f5;border-radius:10px;align-items:center;gap:10px;min-width:0;margin-bottom:18px;padding:12px 14px;font-size:13.5px;display:flex}.sentto>span{overflow-wrap:anywhere;min-width:0}.sentto b{color:var(--ink)}.sentto svg.i{color:var(--ink-3);flex:none}.sentto a{color:var(--brand-d);white-space:nowrap;margin-left:auto;font-weight:700}.input.otp{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;width:220px;max-width:100%;height:56px;font-size:26px;font-weight:800}.resend{color:var(--ink-3);margin-bottom:18px;font-size:13.5px}.done-h{align-items:center;gap:14px;margin-bottom:18px;display:flex}.done-h .lead{margin:2px 0 0}.done-h .ok{background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.done-h .ok svg.i{stroke-width:3px;width:22px;height:22px}.grp{border:1px solid var(--line);border-radius:12px;align-items:center;gap:14px;margin-bottom:18px;padding:16px;display:flex}.grp .mono{width:52px;height:52px;font-size:14px}.grp>div{min-width:0}.grp b{font-size:16px;display:block}.grp span:not(.mono){color:var(--ink-3);font-size:13.5px}.inv{background:#effcf4;border:1px solid #b9ecca;border-radius:12px;margin-bottom:18px;padding:16px}.inv h2{font-size:16px;font-weight:800}.inv p{color:var(--ink-2);margin:4px 0 12px;font-size:13.5px}.inv .msg{overflow-wrap:anywhere;background:#fff;border:1px solid #d5f0de;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:13.5px}.inv .row{gap:8px;display:flex}.inv .btn.w{color:#fff;background:#0f7a40;flex:1}.inv .btn.w:hover{background:#0c6735}.inv .lnkbox{border:1px solid var(--line-2);height:36px;font:inherit;color:var(--ink-2);cursor:pointer;background:#fff;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:0;padding:0 10px;font-size:13px;display:flex}.inv .lnkbox span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inv .lnkbox b{color:var(--brand-d);margin-left:auto}@media (width<=760px){.fc h1{font-size:21px}.two{grid-template-columns:minmax(0,1fr);gap:0}.cbox .opt{grid-template-columns:36px minmax(0,1fr)}.cbox .opt em{display:none}.picked{grid-template-columns:36px minmax(0,1fr)}.picked .btn{grid-column:1/-1}.fc .actions .btn{white-space:normal;text-align:center;flex:100%;min-width:0}.inv .row{flex-direction:column}.inv .row>*{flex:none}.cats .cat{height:38px;padding:0 14px}}
