.layout.single{grid-template-columns:1fr;margin-top:24px}.basket-sum{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;margin-top:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:13px;color:var(--text-dim)}.basket-sum .num{color:var(--text);font-size:15px}.basket-sum.complete .num{color:var(--success)}.basket-sum.over .num{color:var(--danger)}.pie-wrap{display:flex;align-items:center;gap:18px;margin-top:16px;padding:18px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.pie-wrap svg{flex-shrink:0}.pie-legend{list-style:none;display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.pie-legend li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim)}.pie-legend .swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pie-legend .sym{color:var(--text);flex:1}.pie-legend .num{color:var(--text-dim)}.pie-legend .empty{color:var(--text-faint)}.leg-list{list-style:none;display:flex;flex-direction:column;gap:10px}.leg-list .empty{font-size:14px;color:var(--text-faint);padding:14px 4px}.leg-row{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:10px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:16px}.leg-swatch{width:10px;height:10px;border-radius:50%}.leg-symbol{font-weight:600;font-size:14px}.leg-pct-input{width:64px;height:36px;font-family:JetBrains Mono,monospace;font-size:14px;text-align:right;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 8px}.leg-pct-input:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.leg-pct-sign{color:var(--text-faint);font-size:13px}.leg-remove{width:28px;height:28px;border:1px solid var(--border);background:transparent;color:var(--text-faint);border-radius:50%;cursor:pointer;font-size:14px;line-height:1}.leg-remove:hover{border-color:var(--danger);color:var(--danger)}.leg-remove:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.leg-add-row{display:flex;gap:8px;margin:14px 0}.leg-add-row select{flex:1}.review-row{display:flex;justify-content:space-between;padding:11px 16px;margin-bottom:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:13px;color:var(--text-dim)}.review-row .num{color:var(--text)}.status.muted{margin-top:10px}.leg-row.status-row{grid-template-columns:1fr auto}.order-state{font-family:JetBrains Mono,monospace;font-size:12px}.order-state.pending{color:var(--accent-bright)}.order-state.filled{color:var(--success)}.order-state.expired{color:var(--danger)}@media(max-width:720px){.leg-row{grid-template-columns:auto 1fr auto auto}.pie-wrap{flex-direction:column}}body.counter-page{background:var(--cream)}.counter-page .counter-heading h1{line-height:1.12}.counter-page .section-kicker{line-height:1.5}.counter-page .builder-label{flex-wrap:wrap;row-gap:6px}.counter-page .balance-line{flex-wrap:wrap;line-height:1.5}.counter-page .review-button{height:auto;padding:14px 12px;line-height:1.4;white-space:normal}.counter-page .counter-note strong{line-height:1.5}.counter-page .leg-row{grid-template-columns:28px minmax(0,1fr) 58px 10px 28px;gap:7px}.counter-page .leg-pct-input{width:58px}.counter-page .leg-remove{grid-column:auto}@media(max-width:620px){.counter-page .leg-add-row select{flex:none;width:100%;min-height:44px}}@media(min-width:921px)and (max-width:1100px){.counter-page .builder-step{grid-template-columns:1fr;padding:22px}.counter-page .counter-layout{gap:24px}}.app-topbar{position:sticky;top:0}.counter-main{display:block;max-width:1280px;margin:0 auto;padding:52px clamp(18px,5vw,70px) 100px}.counter-heading{display:flex;flex-direction:column;align-items:start;gap:16px;margin-bottom:36px}.counter-heading h1{font-size:clamp(52px,5.8vw,74px);line-height:1.08;letter-spacing:-.055em;margin-top:14px}.counter-heading h1 em{color:var(--cherry);font-weight:600}.counter-heading>p{max-width:620px;color:var(--ink-soft);font-size:17px;line-height:1.5;padding:0}.counter-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);align-items:start;gap:clamp(24px,3vw,38px)}.builder-card{background:var(--paper);border:2px solid var(--ink);border-radius:28px;box-shadow:7px 7px 0 var(--ink);overflow:hidden}.builder-step{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:28px}.step-badge{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:50%;border:2px solid var(--ink);background:var(--butter);box-shadow:3px 3px 0 var(--ink);font:700 15px/1 DM Mono,monospace;transform:rotate(-5deg)}.cherry-badge{background:var(--cherry);color:#fff;transform:rotate(4deg)}.berry-badge{background:var(--berry);color:#fff}.builder-step-body{min-width:0}.builder-label{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin:4px 0 19px}.builder-label h2{font-size:24px}.builder-label>span{color:var(--text-faint);font:400 10px/1.4 DM Mono,monospace;text-align:right}.perforation{height:2px;margin:0 28px;background:repeating-linear-gradient(90deg,var(--ink) 0 8px,transparent 8px 15px);opacity:.33}.amount-shell{display:flex;background:var(--cream);border:2px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:3px 3px #2a17122e}.amount-shell .input{height:64px;border:0;border-radius:0;background:transparent}.amount-shell .token-select{width:135px;border-right:2px solid var(--ink);padding-left:16px;font-weight:700}.amount-shell .amount{font:500 28px/1 DM Mono,monospace;color:var(--ink)}.input{background:var(--cream);color:var(--ink);border:1.5px solid var(--ink);font-family:DM Mono,monospace}.input:focus,.input:focus-visible{outline:3px solid var(--berry);outline-offset:-3px;border-color:var(--ink)}.balance-line{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:10px;color:var(--text-faint);font:400 10px/1 DM Mono,monospace}.pct-row{margin:0}.pct-btn{height:28px;min-width:45px;flex:none;background:transparent;color:var(--ink-soft);border:1px solid var(--border);font-family:DM Mono,monospace}.pct-btn:hover{background:var(--butter);border-color:var(--ink);color:var(--ink);transform:rotate(-2deg)}.leg-list{gap:9px}.leg-row{grid-template-columns:auto minmax(70px,1fr) auto auto auto;border:1.5px solid var(--ink);border-radius:14px;background:var(--cream);box-shadow:2px 2px #2a171238;padding:10px 12px;transition:transform .2s ease,box-shadow .2s ease}.leg-row:hover{transform:translate(4px) rotate(.25deg);box-shadow:4px 4px #2a171238}.leg-swatch{width:28px;height:28px;border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.leg-symbol{font:700 14px/1 DM Mono,monospace}.leg-pct-input{border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);font-family:DM Mono,monospace;border-radius:9px}.leg-pct-sign{color:var(--ink)}.leg-remove{border:1.5px solid var(--ink);color:var(--ink)}.leg-remove:hover{background:var(--cherry);border-color:var(--ink);color:#fff;transform:rotate(9deg)}.leg-add-row{margin-bottom:0}.leg-add-row select{height:44px}.leg-add-row .btn{height:44px;white-space:nowrap;background:var(--lime)}.review-step{background:#ffd5652e}.review-button{min-height:56px;font-size:15px}.review-button:not(:disabled):after{content:" →"}.status{color:var(--cherry-deep);font-family:DM Mono,monospace}.builder-card>#status-line{margin:0 28px 22px 94px}.status.muted{font-size:10px;line-height:1.5}.pie-counter{position:sticky;top:94px;border:2px solid var(--ink);background:var(--pink);box-shadow:6px 6px 0 var(--ink)}.ticket-top{display:flex;justify-content:space-between;padding:13px 17px;border-bottom:2px solid var(--ink);background:var(--ink);color:var(--cream);font:500 10px/1 DM Mono,monospace;letter-spacing:.1em}.pie-display{min-height:330px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle,rgba(255,255,255,.42) 0 2px,transparent 3px);background-size:28px 28px}#basket-pie{position:relative;z-index:2;filter:drop-shadow(9px 11px 0 rgba(42,23,18,.2));transition:transform .45s cubic-bezier(.2,.8,.2,1)}#basket-pie:hover{transform:rotate(5deg) scale(1.04)}#basket-pie svg{width:min(58vw,250px);height:auto;display:block;overflow:visible}#basket-pie.pie-updated svg{animation:pie-refresh .42s cubic-bezier(.2,1.5,.5,1)}.pie-slice{stroke:var(--ink);stroke-width:1.4px;transform-box:fill-box;transform-origin:center;transition:filter .2s ease,transform .2s ease;cursor:default}.pie-slice:hover{filter:brightness(1.08);transform:scale(.97)}.pie-doodle{position:absolute;z-index:3}.pie-doodle-one{color:var(--berry);font-size:38px;right:12%;top:12%;animation:counter-twinkle 2.8s ease-in-out infinite}.pie-doodle-two{color:var(--cherry);font-size:42px;left:8%;bottom:10%;transform:rotate(20deg)}.basket-sum{margin:0;padding:15px 18px;border:0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);font:500 12px/1 DM Mono,monospace}.basket-sum .num{color:var(--ink);font-size:22px;font-weight:500}.basket-sum.complete{background:var(--lime)}.basket-sum.complete .num{color:var(--ink);animation:pop-total .45s cubic-bezier(.2,1.8,.5,1)}.basket-sum.over{background:var(--cherry);color:#fff}.basket-sum.over .num{color:#fff}.pie-legend{padding:17px 18px;gap:4px;background:var(--paper)}.pie-legend li{padding:7px 0;border-bottom:1px dashed rgba(42,23,18,.25);color:var(--ink-soft);font-family:DM Mono,monospace}.pie-legend .swatch{width:17px;height:17px;border:1.5px solid var(--ink);border-radius:50%}.pie-legend .sym,.pie-legend .num{color:var(--ink)}.counter-note{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:var(--butter);border-top:2px solid var(--ink)}.counter-note strong{font:700 12px/1 DM Mono,monospace}.counter-note span{font-size:12px;line-height:1.4;color:var(--ink-soft)}.history-ticket{margin-top:65px;display:grid;grid-template-columns:260px 1fr;gap:40px;padding:28px;border:2px solid var(--ink);border-radius:24px;background:var(--paper);box-shadow:6px 6px 0 var(--ink)}.history-ticket h2{font-size:30px;margin-top:9px}.history-ticket .leg-list{justify-content:center}.history-ticket .empty{color:var(--ink-soft)}@keyframes counter-twinkle{0%,to{transform:rotate(0) scale(.85)}50%{transform:rotate(18deg) scale(1.12)}}@keyframes pop-total{50%{transform:scale(1.16) rotate(2deg)}}@keyframes pie-refresh{0%{transform:scale(.94) rotate(-3deg)}to{transform:none}}@media(max-width:920px){.counter-heading{align-items:start;flex-direction:column;gap:18px}.counter-layout{grid-template-columns:1fr}.pie-counter{position:relative;top:0;max-width:560px;width:100%;margin:0 auto;transform:none}.pie-display{min-height:300px}.history-ticket{grid-template-columns:1fr;gap:18px}}@media(max-width:620px){.app-topbar .badge{display:none}.counter-main{padding-top:36px}.counter-heading h1{font-size:56px}.counter-heading>p{font-size:15px}.builder-step{grid-template-columns:1fr;padding:22px 17px}.step-badge{width:36px;height:36px}.builder-label{align-items:start;flex-direction:column;gap:5px}.builder-label>span{text-align:left}.balance-line{align-items:start;flex-direction:column}.pct-row{width:100%}.pct-btn{min-width:0;flex:1}.amount-shell .token-select{width:105px}.amount-shell .amount{font-size:21px}.leg-row{grid-template-columns:auto minmax(54px,1fr) auto auto}.leg-remove{grid-column:4}.leg-add-row{flex-direction:column}.leg-add-row .btn{width:100%}.builder-card>#status-line{margin-left:17px}.pie-display{min-height:260px}.history-ticket{margin-top:45px;padding:22px 17px}}.quote-lines{list-style:none;margin:4px 0 14px;padding:4px 16px;background:var(--paper);border:2px solid var(--ink);border-radius:14px;box-shadow:3px 3px #2a171238;font-family:DM Mono,monospace;font-size:12px}.quote-lines li{display:grid;grid-template-columns:17px minmax(48px,auto) 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed rgba(42,23,18,.25);color:var(--ink)}.quote-lines li:last-child{border-bottom:0}.quote-lines .swatch{width:17px;height:17px;border:1.5px solid var(--ink);border-radius:50%}.quote-lines .sym{font-weight:700}.quote-lines .note{color:var(--ink-soft);text-align:right}.quote-lines .out{min-width:0;font-weight:700;white-space:nowrap;text-align:right}.quote-lines li.failed .note,.quote-lines li.failed .out{color:var(--cherry-deep)}.quote-lines li.failed .out{max-width:260px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}.mode-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px;border-bottom:2px solid var(--ink);background:var(--pink)}.mode-label{color:var(--ink-soft);font:500 10px/1 DM Mono,monospace;letter-spacing:.12em}.mode-switch{display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);box-shadow:3px 3px 0 var(--ink)}.mode-btn{min-width:88px;height:34px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--ink-soft);font:700 12px/1 DM Mono,monospace;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.mode-btn:hover:not(:disabled){color:var(--ink);transform:translateY(-1px)}.mode-btn:focus-visible{outline:3px solid var(--berry);outline-offset:2px}.mode-btn.active{background:var(--cherry);color:#fff}.share-btn.active{background:var(--butter);border-color:var(--ink);color:var(--ink)}.mode-btn:disabled{opacity:.5;cursor:not-allowed}[data-mode=sell] .buy-only,[data-mode=sell] .balance-line{display:none}[data-mode=sell] .amount-shell{width:fit-content}[data-mode=sell] .amount-shell .token-select{border-right:0;width:180px}.counter-page .sell-leg-row{grid-template-columns:28px minmax(0,1fr) auto 28px;gap:7px}.sell-leg-row .leg-balance{display:block;margin-top:4px;color:var(--text-faint);font:400 10px/1 DM Mono,monospace}.share-row{display:flex;gap:4px}.share-btn{min-width:40px;height:26px}@media(max-width:620px){.mode-toggle{padding:16px 17px}.mode-label{display:none}.mode-switch{width:100%}.mode-btn{min-width:0}.counter-page .sell-leg-row{grid-template-columns:28px minmax(0,1fr) 28px}.counter-page .sell-leg-row .leg-remove{grid-column:3;grid-row:1}.sell-leg-row .share-row{grid-column:1 / -1}.share-btn{flex:1;min-width:0}}@media(max-width:520px){.quote-lines li{grid-template-columns:17px 1fr auto}.quote-lines .note{grid-column:2 / -1;grid-row:2;text-align:left}.quote-lines .out{grid-column:2 / -1;max-width:none;white-space:normal;overflow-wrap:anywhere}}[data-mode=sell] #basket-sum-value{font-size:18px;white-space:nowrap}.history-run{display:grid;gap:6px;padding:12px 14px;border:1.5px solid var(--ink);border-radius:14px;background:var(--cream)}.history-head{display:flex;justify-content:space-between;gap:12px;color:var(--text-faint);font:400 11px/1.2 DM Mono,monospace}.history-head b{color:var(--ink);font-weight:700}.history-leg{display:grid;grid-template-columns:10px auto 1fr auto;gap:8px;align-items:center;color:var(--ink);text-decoration:none;font:400 12px/1.4 DM Mono,monospace}.history-leg .swatch{width:10px;height:10px;border:1px solid var(--ink);border-radius:50%}.history-leg .sym{font-weight:700}.history-leg .note{color:var(--text-faint);text-align:right}.history-leg:hover .out{text-decoration:underline}@media(max-width:620px){.history-leg{grid-template-columns:10px minmax(0,1fr)}.history-leg .sym{grid-column:2}.history-leg .note,.history-leg .out{grid-column:2;min-width:0;text-align:left;overflow-wrap:anywhere}}