*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--ground); color: var(--ink); font-family: var(--font-body); font-size: var(--fs-16); line-height: var(--lh-24); font-weight: var(--fw-400); }
h1, h2, h3, p, ul, ol, dl, dd, figure { margin: 0; padding: 0; }
ul, ol { list-style: none; }
a { color: inherit; }
img, svg { display: block; }
button, input, select { font: inherit; color: inherit; }
table { border-collapse: collapse; width: 100%; }
th { text-align: left; font-weight: var(--fw-500); }
strong { font-weight: var(--fw-700); }
:where(a, button, input, select, summary, [tabindex]):focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-offset); border-radius: var(--r-8); }
.vh { position: absolute; width: var(--bw-1); height: var(--bw-1); margin: calc(var(--bw-1) * -1); overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.tnum, .n1, .n2, .n3, .nx { font-variant-numeric: tabular-nums; }
.d1 { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-40); line-height: var(--lh-44); letter-spacing: var(--track-display); }
.d2 { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-28); line-height: var(--lh-32); letter-spacing: var(--track-head); }
.d3 { font-family: var(--font-display); font-weight: var(--fw-700); font-size: var(--fs-22); line-height: var(--lh-28); letter-spacing: var(--track-head); }
.d4 { font-family: var(--font-display); font-weight: var(--fw-700); font-size: var(--fs-18); line-height: var(--lh-24); letter-spacing: var(--track-head); }
.n1 { font-size: var(--fs-36); line-height: var(--lh-40); font-weight: var(--fw-700); letter-spacing: var(--track-number); }
.n2 { font-size: var(--fs-22); line-height: var(--lh-28); font-weight: var(--fw-700); letter-spacing: var(--track-number); }
.n3 { font-size: var(--fs-16); line-height: var(--lh-24); font-weight: var(--fw-700); }
.small { font-size: var(--fs-14); line-height: var(--lh-20); }
.cap { font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-500); letter-spacing: var(--track-caption); }
.label { font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-700); letter-spacing: var(--track-label); text-transform: uppercase; color: var(--ink-2); }
.muted { color: var(--ink-2); }
.amt { display: inline-flex; align-items: baseline; gap: var(--sp-4); white-space: nowrap; }
.unit { font-size: var(--fs-14); line-height: var(--lh-20); font-weight: var(--fw-500); color: var(--ink-2); }
.ic { width: var(--ic-20); height: var(--ic-20); flex: none; }
.ic--14 { width: var(--ic-14); height: var(--ic-14); }
.ic--16 { width: var(--ic-16); height: var(--ic-16); }
.ic--24 { width: var(--ic-24); height: var(--ic-24); }
.glyph { width: var(--dot); height: var(--dot); flex: none; }
.mark { width: var(--mark-header); height: var(--mark-header); flex: none; overflow: visible; }
.mark--footer { width: var(--mark-footer); height: var(--mark-footer); }
.animal { width: var(--animal); height: var(--animal); flex: none; }
.squiggle { width: 100%; height: var(--sp-16); color: var(--sun); margin-top: calc(var(--sp-4) * -1); }
.titled { display: inline-flex; flex-direction: column; align-items: stretch; align-self: flex-start; }
.av { width: var(--av-48); height: var(--av-48); border-radius: var(--r-pill); border: var(--border); background: var(--surface-2); flex: none; object-fit: cover; }
.av--40 { width: var(--av-40); height: var(--av-40); }
.av--32 { width: var(--av-32); height: var(--av-32); }
.av--88 { width: var(--av-88); height: var(--av-88); }


.btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-8); min-height: var(--control-m); min-width: var(--target); padding: 0 var(--sp-20); border: var(--border); border-radius: var(--r-12); background: var(--surface); color: var(--ink); font-size: var(--fs-16); line-height: var(--lh-24); font-weight: var(--fw-700); text-decoration: none; white-space: nowrap; cursor: pointer; transition: transform var(--t-press), box-shadow var(--t-press); }
.btn--primary { background: var(--sun); color: var(--on-sun); box-shadow: var(--pop-3); }
.btn--secondary { box-shadow: var(--pop-2); }
.btn--ghost { border-color: transparent; background: transparent; }
.btn--s { min-height: var(--target); padding: 0 var(--sp-16); font-size: var(--fs-14); line-height: var(--lh-20); }
.btn--l { min-height: var(--control-l); padding: 0 var(--sp-24); font-size: var(--fs-18); }
.btn--full { width: 100%; }
.btn:active:not([disabled]) { transform: translate(var(--press), var(--press)); box-shadow: none; }
.btn[disabled] { background: var(--surface-2); color: var(--ink-2); border: var(--border-off); box-shadow: none; cursor: not-allowed; }
.iconbtn { display: inline-flex; align-items: center; justify-content: center; flex: none; width: var(--target); height: var(--target); border: 0; border-radius: var(--r-12); background: transparent; color: var(--ink); cursor: pointer; }
.why { font-size: var(--fs-14); line-height: var(--lh-20); font-weight: var(--fw-500); color: var(--ink); }
.textlink { display: inline-flex; align-items: center; gap: var(--sp-4); min-height: var(--target); font-weight: var(--fw-700); text-decoration: underline; text-decoration-thickness: var(--bw-2); text-underline-offset: var(--sp-4); text-decoration-color: var(--emphasis); }
.textlink:hover, .ftr__nav a:hover, .rec:hover, .crumbs a:hover { text-decoration-color: var(--emphasis); text-decoration-thickness: var(--bw-3); }
.lcard:hover, .cat:hover { box-shadow: var(--pop-5); }

.helplinks { display: flex; flex-wrap: wrap; gap: 0 var(--sp-20); }


.chip { display: inline-flex; align-items: center; gap: var(--sp-4); padding: var(--sp-2) var(--sp-8); border-radius: var(--r-pill); border: var(--bw-1) solid transparent; font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-700); letter-spacing: var(--track-caption); white-space: nowrap; }
.chip--proved { background: var(--proved-soft); color: var(--proved); }
.chip--unread { background: var(--unread-soft); color: var(--ink-2); }
.chip--refused { background: var(--refused-soft); color: var(--refused); }
.chip--failed { background: var(--unread-soft); color: var(--ink); border-color: var(--ink-3); }
.chip--stale, .chip--live { background: var(--sun-soft); color: var(--ink); }
.chip--neutral { background: var(--surface-2); color: var(--ink); border-color: var(--hairline); }
.chip--inverse { background: var(--ink); color: var(--on-ink); }
.chain { display: inline-flex; align-items: center; gap: var(--sp-6); padding: var(--sp-2) var(--sp-8); border-radius: var(--r-pill); border: var(--rule); background: var(--surface-2); font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-500); white-space: nowrap; }
.age { display: inline-flex; align-items: center; gap: var(--sp-4); font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-500); color: var(--ink-2); white-space: nowrap; font-variant-numeric: tabular-nums; }
.age--stale { color: var(--ink); font-weight: var(--fw-700); }
.note { display: flex; gap: var(--sp-12); padding: var(--sp-16); border-radius: var(--r-16); background: var(--surface-2); font-size: var(--fs-14); line-height: var(--lh-20); color: var(--ink-2); }
.note > .ic { margin-top: var(--sp-2); color: var(--ink); }
.note__body { display: flex; flex-direction: column; gap: var(--sp-6); min-width: 0; }
.note__title { color: var(--ink); font-weight: var(--fw-700); }
.note--refused { background: var(--refused-soft); } .note--refused > .ic { color: var(--refused); }
.note--unread { background: var(--unread-soft); }
.note--proved { background: var(--proved-soft); } .note--proved > .ic { color: var(--proved); }
.note--stale { background: var(--sun-soft); }


.panel { display: flex; flex-direction: column; gap: var(--sp-16); padding: var(--sp-20); border: var(--border); border-radius: var(--r-20); background: var(--surface); }
.panel--pop { box-shadow: var(--pop-5); }
.well { display: flex; flex-direction: column; gap: var(--sp-8); padding: var(--sp-16); border-radius: var(--r-16); background: var(--surface-2); }
.well--stale { background: var(--sun-soft); }
.well--reading { border: var(--rule-dashed); }
.rule { height: var(--bw-1); background: var(--hairline); border: 0; margin: 0; }
.row { display: flex; align-items: center; gap: var(--sp-12); }
.row--between { justify-content: space-between; }
.row--wrap { flex-wrap: wrap; }
.stack { display: flex; flex-direction: column; gap: var(--sp-8); }
.stack--16 { gap: var(--sp-16); }
.stack--24 { gap: var(--sp-24); }


.hdr { position: sticky; top: 0; z-index: var(--z-header); display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "brand tools" "search search"; align-items: center; gap: var(--sp-12); padding: var(--sp-12) var(--gutter); background: var(--ground); border-bottom: var(--border); }
.brand { grid-area: brand; display: inline-flex; align-items: center; gap: var(--sp-8); min-height: var(--target); text-decoration: none; }
.brand__name { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-22); line-height: var(--lh-28); letter-spacing: var(--track-display); white-space: nowrap; }
.search { grid-area: search; display: flex; align-items: center; gap: var(--sp-12); min-width: 0; min-height: var(--control-m); padding: 0 var(--sp-16); border: var(--border); border-radius: var(--r-12); background: var(--surface); color: var(--ink-2); }
.search input { flex: 1 1 0; width: 100%; min-width: 0; min-height: var(--target); border: 0; outline: 0; background: transparent; color: var(--ink); font-size: var(--fs-16); }
.search input::placeholder { color: var(--ink-2); }
.search input { text-overflow: ellipsis; }
.search:focus-within { outline: var(--focus-ring); outline-offset: var(--focus-offset); }
.hdr__tools { grid-area: tools; display: flex; align-items: center; gap: var(--sp-8); }
.hdr__wallets { display: none; }
.hdr__basketlbl { position: absolute; width: var(--bw-1); height: var(--bw-1); overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.hdr__basket { position: relative; padding: 0 var(--sp-12); }
.hdr__basket .count { display: inline-flex; align-items: center; justify-content: center; min-width: var(--badge); height: var(--badge); padding: 0 var(--sp-6); border-radius: var(--r-pill); background: var(--on-sun); color: var(--sun); font-size: var(--fs-12); line-height: var(--lh-16); font-variant-numeric: tabular-nums; }
.crumbs { display: flex; align-items: center; gap: var(--sp-6); font-size: var(--fs-14); line-height: var(--lh-20); color: var(--ink-2); }
.crumbs a { display: inline-flex; align-items: center; justify-content: center; min-height: var(--target); min-width: var(--target); text-decoration: underline; text-decoration-color: transparent; text-underline-offset: var(--sp-4); }
.crumbs [aria-current] { color: var(--ink); font-weight: var(--fw-700); }
.main { display: flex; flex-direction: column; gap: var(--sp-24); padding: var(--sp-24) var(--gutter) var(--sp-64); }
.ftr { display: flex; flex-direction: column; gap: var(--sp-24); padding: var(--sp-32) var(--gutter) var(--sp-48); border-top: var(--border); background: var(--surface-2); font-size: var(--fs-14); line-height: var(--lh-20); color: var(--ink-2); }
.ftr__about { display: flex; gap: var(--sp-16); align-items: flex-start; max-width: var(--w-narrow); }
.ftr__about > div { display: flex; flex-direction: column; gap: var(--sp-8); }
.ftr__name { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-18); line-height: var(--lh-24); letter-spacing: var(--track-head); color: var(--ink); }
.ftr__lead { color: var(--ink); font-weight: var(--fw-700); }
.ftr__nav { display: flex; flex-direction: column; }
.ftr__nav a { display: inline-flex; align-items: center; min-height: var(--target); color: var(--ink); font-weight: var(--fw-500); text-underline-offset: var(--sp-4); text-decoration-color: var(--ink-3); }

@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }


body { padding-bottom: var(--bar-h); }
.btn--full { white-space: normal; text-align: center; }
.top { position: sticky; top: 0; z-index: var(--z-header); display: flex; align-items: center; gap: var(--sp-8); min-height: var(--hdr-h); padding: var(--sp-4) var(--gutter) 0; background: var(--ground); border-bottom: var(--bw-2) solid var(--hairline); }
.top::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: var(--sp-4); background: var(--stripe); }
.top .brand { flex: 1 1 auto; min-width: 0; }
.top .brand__name { font-size: var(--fs-22); line-height: var(--lh-28); }
.top .mark { width: var(--av-32); height: var(--av-32); }
.top__tools { display: flex; align-items: center; gap: var(--sp-4); }
.top__basket { position: relative; gap: var(--sp-6); padding: 0 var(--sp-12); }
.top__basket .count { display: inline-flex; align-items: center; justify-content: center; min-width: var(--badge); height: var(--badge); padding: 0 var(--sp-6); border-radius: var(--r-pill); background: var(--on-sun); color: var(--sun); font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-700); font-variant-numeric: tabular-nums; }
.top__basket .top__appr { display: none; }
.main2 { display: flex; flex-direction: column; gap: var(--sp-16); padding: var(--sp-16) var(--gutter) var(--sp-48); max-width: var(--w-page); margin: 0 auto; }
.crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-4); font-size: var(--fs-14); line-height: var(--lh-20); color: var(--ink-2); }
.crumbs a { display: inline-flex; align-items: center; min-height: var(--target); color: var(--ink); font-weight: var(--fw-500); }
.crumbs [aria-current] { color: var(--ink); font-weight: var(--fw-700); }


.dialbar { position: sticky; top: var(--hdr-h); z-index: var(--z-dial); display: flex; flex-direction: column; gap: var(--sp-4); padding: var(--sp-8) var(--gutter) var(--sp-8); background: var(--ground); border-bottom: var(--rule); }
.dial { display: flex; flex-direction: column; gap: var(--sp-4); margin: 0; padding: 0; border: 0; min-width: 0; }
.dial__lbl { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-16); line-height: var(--lh-24); letter-spacing: var(--track-head); white-space: nowrap; }
.dial__lbl em { display: none; font-style: normal; color: var(--sun); }
.dial:has(input[value="1h"]:checked) .dial__lbl em[data-for="1h"] { display: inline; }
.dial:has(input[value="6h"]:checked) .dial__lbl em[data-for="6h"] { display: inline; }
.dial:has(input[value="24h"]:checked) .dial__lbl em[data-for="24h"] { display: inline; }
.dial:has(input[value="3d"]:checked) .dial__lbl em[data-for="3d"] { display: inline; }
.dial:has(input[value="7d"]:checked) .dial__lbl em[data-for="7d"] { display: inline; }
.dial:has(input[value="30d"]:checked) .dial__lbl em[data-for="30d"] { display: inline; }
.dial__track { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); min-height: var(--dial-track-h); }
.dial__track::before { content: ""; position: absolute; left: calc(100% / 12); right: calc(100% / 12); top: calc(var(--dial-line) - var(--bw-1)); height: var(--bw-2); background: var(--hairline); border-radius: var(--r-pill); }
.dial__stop { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; min-height: var(--dial-track-h); cursor: pointer; }
.dial__stop input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.dial__tick { position: absolute; top: calc(var(--dial-line) - var(--tick) / 2); width: var(--tick); height: var(--tick); border-radius: var(--r-pill); background: var(--ink-3); }
.dial__txt { position: relative; margin-top: var(--sp-16); font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-700); font-variant-numeric: tabular-nums; color: var(--ink-2); }
.dial__stop:has(input:checked) .dial__txt { color: var(--ink); }
.dial__stop:has(input:focus-visible) .dial__txt { outline: var(--focus-ring); outline-offset: var(--focus-offset); border-radius: var(--r-8); }
.dial__knob { position: absolute; top: calc(var(--dial-line) - var(--knob) / 2); left: calc(100% / 12); width: var(--knob); height: var(--knob); margin-left: calc(var(--knob) / -2); border-radius: var(--r-pill); background: var(--nose); border: var(--bw-2) solid var(--ink); box-shadow: var(--pop-2); transition: left var(--t-knob) ease-out; pointer-events: none; }
.dial__knob::after { content: ""; position: absolute; left: var(--sp-6); top: var(--sp-4); width: var(--sp-8); height: var(--sp-6); border-radius: var(--r-pill); background: var(--on-nose); transform: rotate(-20deg); }
.dial__track:has(input[value="6h"]:checked) .dial__knob { left: calc(100% * 3 / 12); }
.dial__track:has(input[value="24h"]:checked) .dial__knob { left: calc(100% * 5 / 12); }
.dial__track:has(input[value="3d"]:checked) .dial__knob { left: calc(100% * 7 / 12); }
.dial__track:has(input[value="7d"]:checked) .dial__knob { left: calc(100% * 9 / 12); }
.dial__track:has(input[value="30d"]:checked) .dial__knob { left: calc(100% * 11 / 12); }
.dial__count { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-4) var(--sp-8); font-size: var(--fs-12); line-height: var(--lh-16); color: var(--ink-2); }
.dial__count strong { color: var(--ink); font-variant-numeric: tabular-nums; }
.dial__count .age { color: var(--ink-2); }
.dial__stops { display: none; }
.dial__stop .stopn { position: absolute; bottom: 100%; font-size: var(--fs-12); line-height: var(--lh-16); color: var(--ink-3); font-variant-numeric: tabular-nums; }


.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--w-card2-s), 1fr)); gap: var(--sp-12); align-items: stretch; }
.tmark { grid-column: 1 / -1; position: relative; height: 0; margin: 0; }
.tmark::before { content: ""; position: absolute; left: 0; right: 0; top: 0; border-top: var(--rule); }
.tmark span { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); padding: var(--sp-2) var(--sp-12); border-radius: var(--r-pill); background: var(--ground); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-700); letter-spacing: var(--track-label); text-transform: uppercase; white-space: nowrap; }
.tmark--gap { padding: var(--sp-4) 0; }
.gap { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-12) var(--sp-24); padding: var(--sp-16) var(--sp-20); border: var(--rule-dashed); border-radius: var(--r-16); color: var(--ink-2); font-size: var(--fs-14); line-height: var(--lh-20); }
.gap strong { color: var(--ink); }
.gap .age { margin-left: auto; }


.card2 { position: relative; container-type: inline-size; min-width: 0; border: var(--bw-2) solid var(--hairline); border-radius: var(--r-16); background: var(--surface); color: var(--ink); transition: box-shadow var(--t-press), border-color var(--t-press); }
.card2:hover { border-color: var(--ink-3); box-shadow: var(--pop-3); }
.card2__in { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "tile name" "sym sym" "hero hero" "allin allin" "meta meta" "act act"; align-items: center; gap: var(--sp-6) var(--sp-8); height: 100%; padding: var(--sp-12); }
.card2__link { position: absolute; inset: 0; z-index: 0; border-radius: var(--r-16); }
.card2__link:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-offset); }
.card2__in > .tile { grid-area: tile; }
.tile { display: inline-flex; flex: none; width: var(--tile-s); height: var(--tile-s); border-radius: var(--r-12); background: var(--tile); overflow: hidden; }
.tile img { width: 100%; height: 100%; }
.tile--off { background: var(--tile-off); }
.card2__name { grid-area: name; min-width: 0; font-family: var(--font-display); font-weight: var(--fw-700); font-size: var(--fs-16); line-height: var(--lh-20); letter-spacing: var(--track-head); overflow-wrap: anywhere; }
.card2__sym { grid-area: sym; display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2) var(--sp-4); font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-500); letter-spacing: var(--track-caption); color: var(--ink-2); }
.card2__sym .chain { display: inline-flex; align-items: center; gap: var(--sp-4); white-space: nowrap; }
.card2__hero { grid-area: hero; display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-2) var(--sp-8); min-height: var(--lh-32); align-self: end; }
.card2__gain { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-28); line-height: var(--lh-32); letter-spacing: var(--track-display); font-variant-numeric: tabular-nums; white-space: nowrap; }
.card2--up .card2__gain, .card2--up-big .card2__gain, .card2--up-hard .card2__gain { color: var(--up); }
.card2--down .card2__gain, .card2--down-hard .card2__gain { color: var(--down); }
.card2__win { font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-500); color: var(--ink-2); white-space: nowrap; }
.card2__new { font-family: var(--font-display); font-weight: var(--fw-700); font-size: var(--fs-16); line-height: var(--lh-32); letter-spacing: var(--track-head); white-space: nowrap; }
.card2__allin { grid-area: allin; display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-4); font-size: var(--fs-14); line-height: var(--lh-20); font-weight: var(--fw-700); font-variant-numeric: tabular-nums; }
.card2__allin .unit { font-size: var(--fs-12); line-height: var(--lh-16); }
.card2__allin .cap { display: none; white-space: nowrap; }
.card2__meta { grid-area: meta; display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-4) var(--sp-6); font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-500); color: var(--ink-2); font-variant-numeric: tabular-nums; }
.dots { display: inline-flex; gap: var(--sp-2); }
.dots i { display: block; width: var(--bar); height: var(--bar); border-radius: var(--r-pill); background: var(--proved); }
.dots i.o { background: transparent; border: var(--bw-1) dashed var(--ink-3); }
.card2__meta .some { color: var(--ink); font-weight: var(--fw-700); }
.card2__add { grid-area: act; position: relative; z-index: 1; align-self: end; min-height: var(--target); gap: var(--sp-6); box-shadow: none; }
.card2__add:hover { box-shadow: var(--pop-2); }
.card2__why { grid-area: act; position: relative; z-index: 1; align-self: end; min-height: var(--target); white-space: normal; text-align: center; }
.card2__in > .stepper2 { grid-area: act; align-self: end; }
.stepper2 { position: relative; z-index: 1; display: grid; grid-template-columns: var(--target) minmax(0, 1fr) var(--target); align-items: center; min-height: var(--target); border: var(--border); border-radius: var(--r-12); background: var(--sun); color: var(--on-sun); }
.stepper2 button { display: inline-flex; align-items: center; justify-content: center; min-width: var(--target); min-height: var(--target); border: 0; background: transparent; color: inherit; font-weight: var(--fw-700); cursor: pointer; border-radius: var(--r-12); }
.stepper2 output { text-align: center; font-weight: var(--fw-700); font-variant-numeric: tabular-nums; font-size: var(--fs-14); line-height: var(--lh-20); }
.stepper2 output small { display: block; font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-500); }
.card2--basket { border-color: var(--sun); }
.card2--blocked { background: var(--surface-2); border-style: dashed; }
.card2--blocked .card2__name, .card2--blocked .card2__sym { color: var(--ink-2); }
.card2__blocked { grid-area: hero; display: flex; align-items: center; min-height: var(--lh-32); align-self: end; }
.card2__reason { grid-area: allin; font-size: var(--fs-14); line-height: var(--lh-20); font-weight: var(--fw-500); color: var(--ink); }
.card2--up-hard .card2__in { border-radius: var(--r-16); background-image: radial-gradient(circle at 92% 10%, var(--sun) var(--bw-3), transparent calc(var(--bw-3) + var(--bw-1))), radial-gradient(circle at 84% 20%, var(--nose) var(--bw-2), transparent var(--bw-3)), radial-gradient(circle at 96% 26%, var(--ink) var(--bw-2), transparent var(--bw-3)), radial-gradient(circle at 76% 8%, var(--nose) var(--bw-2), transparent var(--bw-3)), radial-gradient(circle at 88% 34%, var(--sun) var(--bw-2), transparent var(--bw-3)); }
.card2__tag { position: absolute; top: calc(var(--sp-8) * -1); right: var(--sp-12); z-index: 1; padding: 0 var(--sp-8); border-radius: var(--r-pill); background: var(--sun); color: var(--on-sun); border: var(--bw-2) solid var(--ground); font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-700); letter-spacing: var(--track-caption); }

@container (max-width: 180px) {
  .card2__in { grid-template-areas: "tile hero" "name name" "sym sym" "allin allin" "meta meta" "act act"; }
  .card2__hero, .card2__blocked { justify-self: end; text-align: right; justify-content: flex-end; }
  .card2__hero { flex-direction: column; align-items: flex-end; gap: 0; }
  .card2__gain { font-size: var(--fs-24); line-height: var(--lh-28); }
  .card2__new { line-height: var(--lh-28); }
  .card2--up-hard .card2__in { background-image: none; }
}


.bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-bar); display: flex; align-items: center; gap: var(--sp-12); min-height: var(--bar-h); padding: var(--sp-8) var(--gutter); background: var(--surface); border-top: var(--bw-2) solid var(--ink); }
.bar::before { content: ""; position: absolute; left: 0; right: 0; top: calc(var(--bw-2) * -1); height: var(--sp-4); background: var(--stripe); }
.bar__sum { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.bar__n { font-weight: var(--fw-700); font-variant-numeric: tabular-nums; }
.bar__n em { font-style: normal; color: var(--sun); }
.bar__cap { font-size: var(--fs-12); line-height: var(--lh-16); color: var(--ink-2); }
.bar--empty { display: none; }
.bar__tot, .bar__cap:not(.bar__cap--s) { display: none; }


.troupe { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; }
.troupe img { width: var(--clown-troupe-s); height: var(--clown-troupe-s); margin: 0 calc(var(--sp-8) * -1); }
.troupe img:nth-child(even) { transform: translateY(var(--sp-8)); }


.foot { display: flex; flex-direction: column; gap: var(--sp-24); padding: var(--sp-32) var(--gutter) var(--sp-96); border-top: var(--bw-2) solid var(--hairline); background: var(--surface); color: var(--ink-2); font-size: var(--fs-14); line-height: var(--lh-20); }
.foot__claim { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-28); line-height: var(--lh-32); letter-spacing: var(--track-display); color: var(--ink); }
.foot__claim em { font-style: normal; color: var(--sun); }
.foot__cols { display: flex; flex-direction: column; gap: var(--sp-24); }
.foot__col { display: flex; flex-direction: column; gap: var(--sp-8); max-width: var(--w-prose); }
.foot__col strong { color: var(--ink); }
.foot__nav { display: flex; flex-direction: column; }
.foot__nav a { display: inline-flex; align-items: center; min-height: var(--target); color: var(--ink); font-weight: var(--fw-500); text-underline-offset: var(--sp-4); }
.foot__mark { display: flex; align-items: center; gap: var(--sp-12); color: var(--ink); font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-18); line-height: var(--lh-24); }
@media (min-width: 1024px) {
  .d1 { font-size: var(--fs-56); line-height: var(--lh-60); }
  .d2 { font-size: var(--fs-40); line-height: var(--lh-44); }
  .d3 { font-size: var(--fs-28); line-height: var(--lh-32); }
  .d4 { font-size: var(--fs-22); line-height: var(--lh-28); }
  .panel { padding: var(--sp-32); gap: var(--sp-20); }
}

@media (min-width: 1024px) {
  .top { gap: var(--sp-16); }
  .top .brand__name { font-size: var(--fs-28); line-height: var(--lh-32); }
  .top .mark { width: var(--mark-header); height: var(--mark-header); }
  .top__basket { padding: 0 var(--sp-16); }
  .top__basket .top__appr { display: inline; font-weight: var(--fw-500); }
  .main2 { gap: var(--sp-16); padding-top: var(--sp-16); }
  .dialbar { flex-direction: row; align-items: center; gap: var(--sp-32); }
  .dial { flex-direction: row; align-items: center; gap: var(--sp-20); flex: 0 1 var(--w-narrow); }
  .dial__lbl { font-size: var(--fs-18); line-height: var(--lh-24); }
  .dial__track { flex: 1 1 0; }
  .dial__count { font-size: var(--fs-14); line-height: var(--lh-20); }
  .grid { grid-template-columns: repeat(auto-fill, minmax(var(--w-card2), 1fr)); gap: var(--sp-12); }
  .tile { width: var(--tile-m); height: var(--tile-m); }
  .card2__gain { font-size: var(--fs-32); line-height: var(--lh-36); }
  .card2__hero { min-height: var(--lh-36); }
  .card2__new { line-height: var(--lh-36); }
  .card2__allin .cap { display: inline; }
  .bar { left: 50%; right: auto; bottom: var(--sp-16); width: min(100%, var(--w-narrow)); transform: translateX(-50%); border: var(--bw-2) solid var(--ink); border-radius: var(--r-16); box-shadow: var(--pop-5); }
  .bar::before { border-radius: var(--r-16) var(--r-16) 0 0; top: 0; }
  .troupe img { width: var(--clown-troupe); height: var(--clown-troupe); }
  .foot__cols { flex-direction: row; justify-content: space-between; gap: var(--sp-48); }
  .bar__tot { display: inline; }
  .bar__cap:not(.bar__cap--s) { display: block; }
  .bar__cap--s { display: none; }
  .foot__claim { font-size: var(--fs-40); line-height: var(--lh-44); }
}


.top { background: var(--ink); color: var(--paper); border-bottom: 0; }
.top .brand__name, .top .iconbtn { color: var(--paper); }
.top .mark { --ink: var(--paper); }
.dialbar { background: var(--sun); border-bottom: var(--bw-2) solid var(--ink); }
.dial__lbl em { color: var(--paper); }
.dial__track::before { background: var(--ink); }
.dial__tick { background: var(--ink); }
.dial__count, .dial__txt { color: var(--ink); }
.card2 { border: var(--bw-3) solid var(--ink); border-radius: var(--r-20); box-shadow: var(--pop-5); }
.card2:hover { transform: translate(-1px, -1px); box-shadow: var(--pop-5); }
.card2--blocked { border-style: dashed; box-shadow: none; background: var(--surface-2); }
.tile { border: var(--bw-2) solid var(--ink); }
.btn--primary, .stepper2 { background: var(--nose); color: var(--on-nose); }
.card2--basket { border-color: var(--nose); }
.card2__tag { background: var(--nose); color: var(--on-nose); border-color: var(--surface); }
.bar { background: var(--ink); color: var(--paper); border-top-color: var(--ink); }
.bar__cap { color: var(--paper-2); }
.bar__n em { color: var(--sun); }
.tmark span { background: var(--ground); color: var(--ink); }
.tmark::before { border-top-color: var(--ink); }
.foot { background: var(--ink); color: var(--paper-2); }
.foot__claim, .foot__col strong, .foot__nav a, .foot__mark { color: var(--paper); }
.foot__mark .mark { --ink: var(--paper); }
.sheet2 { border: var(--bw-3) solid var(--ink); }

.review { display: none; flex-wrap: wrap; align-items: center; gap: var(--sp-6); padding: var(--sp-6) var(--gutter); background: var(--surface); border-bottom: var(--bw-2) dashed var(--ink-3); font-size: var(--fs-12); line-height: var(--lh-16); }
.review__k { margin-right: var(--sp-8); color: var(--ink-2); font-weight: var(--fw-700); letter-spacing: var(--track-caption); text-transform: uppercase; }
.review a { padding: var(--sp-2) var(--sp-8); border: var(--bw-1) solid var(--ink-3); border-radius: var(--r-pill); text-decoration: none; font-weight: var(--fw-700); color: var(--ink); }
.review a.on { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.top .iconbtn { text-decoration: none; }
.muted { color: var(--ink-2); }
.small { font-size: var(--fs-14); line-height: var(--lh-20); }
.up { color: var(--up); } .down { color: var(--down); }
.unread { color: var(--ink-2); font-weight: var(--fw-700); }


.card2__in { grid-template-areas: "tile name" "sym sym" "hero hero" "allin allin" "spark spark" "nums nums" "meta meta" "act act"; }
.card2__spark { grid-area: spark; color: var(--ink); line-height: 0; }
.card2__spark .spark { width: 100%; height: 28px; }
.card2--down .card2__spark, .card2--down-hard .card2__spark { color: var(--down); }
.card2--up .card2__spark, .card2--up-big .card2__spark, .card2--up-hard .card2__spark { color: var(--up); }
.card2__nums { grid-area: nums; display: flex; flex-wrap: wrap; gap: var(--sp-2) var(--sp-8); font-size: var(--fs-12); line-height: var(--lh-16); color: var(--ink-2); font-variant-numeric: tabular-nums; }
.card2__nums b { color: var(--ink); font-weight: var(--fw-700); }
.card2--blocked .card2__spark, .card2--blocked .card2__nums { display: none; }


.page { display: flex; flex-direction: column; gap: var(--sp-16); max-width: var(--w-read); width: 100%; margin: 0 auto; }
.page__h { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-36); line-height: var(--lh-40); letter-spacing: var(--track-display); }
.page__h2 { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-24); line-height: var(--lh-28); letter-spacing: var(--track-head); margin-top: var(--sp-8); }
.crumb { display: inline-flex; align-items: center; gap: var(--sp-6); align-self: flex-start; font-size: var(--fs-14); line-height: var(--lh-20); font-weight: var(--fw-700); text-decoration: none; }
.box { border: var(--bw-3) solid var(--ink); border-radius: var(--r-20); background: var(--surface); padding: var(--sp-16); box-shadow: var(--pop-5); }
.box__h { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-8); font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-18); line-height: var(--lh-24); letter-spacing: var(--track-head); margin-bottom: var(--sp-12); }
.box__h .age { font-family: var(--font-body); font-weight: var(--fw-500); font-size: var(--fs-12); }
.box__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-8); }
.box__row .box__h { margin-bottom: 0; }
.age { display: inline-flex; align-items: center; gap: var(--sp-4); color: var(--ink-2); font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-500); }


.coinhead { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "pic t" "hero hero"; gap: var(--sp-12) var(--sp-16); align-items: center; border: var(--bw-3) solid var(--ink); border-radius: var(--r-20); background: var(--surface); padding: var(--sp-16); box-shadow: var(--pop-5); }
.coinhead > .tile { grid-area: pic; }
.tile--l { width: 112px; height: 112px; border-radius: var(--r-16); }
.coinhead__t { grid-area: t; min-width: 0; display: flex; flex-direction: column; gap: var(--sp-4); }
.coinhead__name { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-32); line-height: var(--lh-36); letter-spacing: var(--track-display); overflow-wrap: anywhere; }
.coinhead__hero { grid-area: hero; display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-4) var(--sp-16); padding-top: var(--sp-12); border-top: var(--rule); }
.coinhead__hero .card2__gain { font-size: var(--fs-40); line-height: var(--lh-44); }
.coinhead__hero .card2__allin { font-size: var(--fs-18); line-height: var(--lh-24); }
.coinhead__hero .card2__allin .cap { display: inline; color: var(--ink-2); font-size: var(--fs-14); }
.origin { font-size: var(--fs-14); line-height: var(--lh-20); color: var(--ink-2); display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-4); }
.origin b { color: var(--ink); }
@media (min-width: 768px) { .coinhead { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "pic t hero"; } .coinhead__hero { flex-direction: column; align-items: flex-end; gap: 0; padding-top: 0; border-top: 0; text-align: right; } }

.facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-8) var(--sp-12); }
@media (min-width: 768px) { .facts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.facts div { border: var(--bw-2) solid var(--ink); border-radius: var(--r-12); padding: var(--sp-8) var(--sp-12); background: var(--surface-2); min-width: 0; }
.facts dt { font-size: var(--fs-12); line-height: var(--lh-16); color: var(--ink-2); letter-spacing: var(--track-caption); }
.facts dd { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-22); line-height: var(--lh-28); letter-spacing: var(--track-head); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.facts dd .unread { font-family: var(--font-body); font-size: var(--fs-14); }
.facts__foot { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-6); margin-top: var(--sp-12); font-size: var(--fs-12); line-height: var(--lh-16); color: var(--ink-2); font-weight: var(--fw-500); }
.switches { display: flex; flex-wrap: wrap; gap: var(--sp-8); }
.sw { padding: var(--sp-4) var(--sp-12); border-radius: var(--r-pill); font-size: var(--fs-14); line-height: var(--lh-20); font-weight: var(--fw-700); border: var(--bw-2) solid transparent; }
.sw--ok { background: var(--proved-soft); color: var(--proved); border-color: var(--proved); }
.sw--bad { background: var(--refused-soft); color: var(--refused); border-color: var(--refused); }
.refusal { margin-top: var(--sp-12); padding: var(--sp-12); border: var(--bw-2) dashed var(--refused); border-radius: var(--r-12); color: var(--ink); font-size: var(--fs-14); line-height: var(--lh-20); }
.refusal .ic { color: var(--refused); vertical-align: -2px; }


.ranges { display: inline-flex; gap: var(--sp-4); }
.range, .part { min-height: var(--target); padding: 0 var(--sp-12); border: var(--bw-2) solid var(--ink); border-radius: var(--r-pill); background: var(--surface); font-weight: var(--fw-700); font-size: var(--fs-14); cursor: pointer; }
.range--on, .part--on { background: var(--ink); color: var(--paper); }
.chart { width: 100%; height: auto; margin-top: var(--sp-12); }
.chart .line { fill: none; stroke: var(--ink); stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; }
.chart .grid { stroke: var(--hairline); stroke-width: 1; }
.chart .ax { font: 500 12px var(--font-body); fill: var(--ink-2); }
.chart .gapbox { fill: var(--surface-2); stroke: var(--ink-3); stroke-dasharray: 4 4; }
.chart .mk circle { stroke: var(--surface); stroke-width: 3; }
.chart .mk text { font: 700 12px var(--font-body); }
.chart .mk--buy circle { fill: var(--nose); } .chart .mk--buy text { fill: var(--ink); }
.chart .mk--sell circle { fill: var(--ink); } .chart .mk--sell text { fill: var(--ink); }
.chart--bag .line { stroke: var(--nose); }
.chart__foot { display: flex; flex-wrap: wrap; gap: var(--sp-8) var(--sp-16); margin-top: var(--sp-8); font-size: var(--fs-12); line-height: var(--lh-16); }
.mk-legend { display: inline-flex; align-items: center; gap: var(--sp-6); font-weight: var(--fw-700); }
.mk-legend::before { content: ""; width: var(--dot); height: var(--dot); border-radius: var(--r-pill); }
.mk-legend--buy::before { background: var(--nose); } .mk-legend--sell::before { background: var(--ink); }

.addr { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-8) var(--sp-12); font-size: var(--fs-14); }
.addr code { flex: 1 1 200px; min-width: 0; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--fs-12); line-height: var(--lh-16); }
.tbl { overflow-x: auto; border: var(--bw-2) solid var(--ink); border-radius: var(--r-12); }
.tbl th, .tbl td { padding: var(--sp-8) var(--sp-12); border-top: var(--rule); font-size: var(--fs-14); line-height: var(--lh-20); white-space: nowrap; }
.tbl th { border-top: 0; background: var(--surface-2); font-weight: var(--fw-700); }
.actions { display: flex; flex-wrap: wrap; gap: var(--sp-12); }
.actions--sheet { margin-top: var(--sp-8); }
.actions .btn--l { flex: 1 1 200px; }


.page--sheet { max-width: var(--w-sheet2); }
.sheet { border: var(--bw-3) solid var(--ink); border-radius: var(--r-20); background: var(--surface); padding: var(--sp-20) var(--sp-16); box-shadow: var(--pop-5); display: flex; flex-direction: column; gap: var(--sp-16); }
.sheet__h { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-28); line-height: var(--lh-32); letter-spacing: var(--track-display); }
.sheet__sub { color: var(--ink-2); font-size: var(--fs-16); line-height: var(--lh-24); }
.sheet__sub b { color: var(--ink); }
.blines { display: flex; flex-direction: column; gap: var(--sp-8); }
.bline { display: flex; align-items: center; gap: var(--sp-12); padding: var(--sp-8) 0; border-top: var(--rule); }
.bline--chain { border-top: 0; padding-top: var(--sp-4); font-size: var(--fs-12); line-height: var(--lh-16); justify-content: space-between; }
.bline__t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; font-size: var(--fs-14); line-height: var(--lh-20); }
.bline__t span { font-size: var(--fs-12); line-height: var(--lh-16); }
.stepper2--s { min-width: 168px; grid-template-columns: var(--target) minmax(0, 1fr) var(--target); font-size: var(--fs-14); }
.stepper2 output { text-align: center; font-weight: var(--fw-700); font-variant-numeric: tabular-nums; }
.stepper2 button { display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; color: inherit; min-height: var(--target); cursor: pointer; }
.readback { border: var(--bw-3) solid var(--ink); border-radius: var(--r-16); background: var(--sun-soft); padding: var(--sp-16); display: flex; flex-direction: column; gap: var(--sp-8); font-size: var(--fs-16); line-height: var(--lh-24); }
.readback__big { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-24); line-height: var(--lh-28); letter-spacing: var(--track-head); }
.readback__nothing { padding-top: var(--sp-8); border-top: var(--bw-2) dashed var(--ink-3); }
.parts { display: flex; gap: var(--sp-8); }
.parts .part { flex: 1 1 0; min-height: var(--control-m); font-size: var(--fs-16); }
.wgroup { border: var(--bw-2) solid var(--ink); border-radius: var(--r-16); padding: var(--sp-8) var(--sp-12) var(--sp-12); margin: 0; }
.wgroup legend { padding: 0 var(--sp-4); }
.wopts { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--sp-8); }
.wopt { position: relative; }
.wopt input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.wopt span { display: inline-flex; width: 100%; align-items: center; gap: var(--sp-8); min-height: var(--target); padding: 0 var(--sp-12); border: var(--bw-2) solid var(--ink); border-radius: var(--r-12); font-weight: var(--fw-700); font-size: var(--fs-14); background: var(--surface); }
.wopt input:checked + span { background: var(--ink); color: var(--paper); }
.wopt input:focus-visible + span { outline: var(--focus-ring); outline-offset: var(--focus-offset); }
.rcpt__kicker { font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-700); letter-spacing: var(--track-caption); text-transform: uppercase; color: var(--proved); display: flex; align-items: center; gap: var(--sp-6); }
.sheet--receipt .sheet__h { font-size: var(--fs-24); line-height: var(--lh-28); }
.sheet--receipt .box { box-shadow: none; border-width: var(--bw-2); padding: var(--sp-12); }
.tog { display: inline-flex; align-items: center; gap: var(--sp-8); font-size: var(--fs-14); font-weight: var(--fw-700); }


.card { width: 100%; height: auto; border: var(--bw-2) solid var(--ink); border-radius: var(--r-12); }
.card .card__name { font: 800 64px var(--font-display); fill: var(--ink); letter-spacing: -0.03em; }
.card .card__sym { font: 700 28px var(--font-body); fill: var(--ink-2); }
.card .card__big { font: 800 150px var(--font-display); letter-spacing: -0.04em; }
.card .card__held { font: 700 36px var(--font-body); fill: var(--ink); }
.card .card__foot { font: 700 26px var(--font-body); fill: var(--ink); }
.cards { display: grid; gap: var(--sp-16); }
@media (min-width: 1024px) { .cards { grid-template-columns: 3fr 2fr; align-items: start; } }


.page--wait { max-width: var(--w-sheet2); }
.wait { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--sp-16); padding: var(--sp-40) var(--sp-16); border: var(--bw-3) solid var(--ink); border-radius: var(--r-20); background: var(--surface); box-shadow: var(--pop-5); }
.wait__clown { width: 160px; height: 160px; border: var(--bw-2) solid var(--ink); border-radius: var(--r-pill); background: var(--sun); }
.wait__line { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-24); line-height: var(--lh-28); letter-spacing: var(--track-head); max-width: 24ch; }
.wait__next { display: flex; gap: var(--sp-8); padding-top: var(--sp-16); border-top: var(--rule-dashed); width: 100%; justify-content: center; }


.page--folio { max-width: var(--w-page); }
.folio { border: var(--bw-3) solid var(--ink); border-radius: var(--r-20); background: var(--surface); padding: var(--sp-20) var(--sp-16); box-shadow: var(--pop-5); display: flex; flex-direction: column; gap: var(--sp-4); }
.folio__k { font-size: var(--fs-14); line-height: var(--lh-20); color: var(--ink-2); font-weight: var(--fw-700); }
.folio__big { font-family: var(--font-display); font-weight: var(--fw-800); font-size: clamp(40px, 8vw, 72px); line-height: 1.05; letter-spacing: var(--track-display); }
.folio__up { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-22); line-height: var(--lh-28); letter-spacing: var(--track-head); }
.folio__up b { font-variant-numeric: tabular-nums; }
.folio__split { display: flex; flex-wrap: wrap; gap: var(--sp-4) var(--sp-16); font-size: var(--fs-14); line-height: var(--lh-20); color: var(--ink-2); }
.segbar { display: flex; gap: var(--sp-4); margin-top: var(--sp-12); }
.seg { display: flex; align-items: center; gap: var(--sp-6); min-width: 0; height: var(--control-m); padding: 0 var(--sp-12); border: var(--bw-2) solid var(--ink); border-radius: var(--r-12); font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-500); white-space: nowrap; overflow: hidden; }
.seg b { font-size: var(--fs-16); }
.seg--sol { background: var(--sun); color: var(--on-sun); } .seg--base { background: var(--surface-2); } .seg--hood { background: var(--ink); color: var(--paper); }
.grid--hold { grid-template-columns: repeat(auto-fill, minmax(var(--w-card2), 1fr)); }
.gone { border: var(--bw-2) dashed var(--ink-3); border-radius: var(--r-16); padding: var(--sp-8) var(--sp-16); background: var(--surface); }
.gone summary { cursor: pointer; font-weight: var(--fw-700); min-height: var(--target); display: flex; align-items: center; gap: var(--sp-8); }
.gone .blines { padding-bottom: var(--sp-8); }


.refusals { display: grid; gap: var(--sp-12); grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.refusal-card { border: var(--bw-2) dashed var(--ink); border-radius: var(--r-16); background: var(--surface-2); padding: var(--sp-16); display: flex; flex-direction: column; gap: var(--sp-6); font-size: var(--fs-14); line-height: var(--lh-20); }
.refusal-card__k { font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-700); letter-spacing: var(--track-caption); text-transform: uppercase; color: var(--ink-2); }
.refusal-card__h { display: flex; align-items: center; gap: var(--sp-6); font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-18); line-height: var(--lh-24); color: var(--refused); }
.empties { display: grid; gap: var(--sp-12); grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.empty { border: var(--bw-3) solid var(--ink); border-radius: var(--r-20); background: var(--surface); padding: var(--sp-16); box-shadow: var(--pop-5); }
.empty__body { display: flex; align-items: center; gap: var(--sp-12); flex-wrap: wrap; font-size: var(--fs-14); line-height: var(--lh-20); }
.empty__body img { width: 96px; height: 96px; border-radius: var(--r-pill); border: var(--bw-2) solid var(--ink); background: var(--sun); }
.empty__body > div { flex: 1 1 200px; }


body:not(.screen-shop) .bar { display: none; }
.screen-shop .main2 { padding-bottom: calc(var(--bar-h) + var(--sp-24)); }


.tile { position: relative; }
.tile__nose { position: absolute; right: -4px; bottom: -4px; width: 22px; height: 22px; border-radius: var(--r-pill); background: var(--surface); border: var(--bw-2) solid var(--ink); display: grid; place-items: center; }
.tile__nose .mark { width: 16px; height: 16px; }
.tile--l .tile__nose { width: 36px; height: 36px; right: -6px; bottom: -6px; }
.tile--l .tile__nose .mark { width: 26px; height: 26px; }

.stepper2--s { min-width: 200px; }
.seg { flex-basis: 0; }
@media (max-width: 599px) { .seg__n { display: none; } .seg { padding: 0 var(--sp-8); } }
@media (max-width: 767px) { .chart .ax { font-size: 11px; } .facts dd { font-size: var(--fs-18); line-height: var(--lh-24); } }


.viewsw { display: inline-flex; gap: 0; margin-left: auto; border: var(--bw-2) solid var(--ink); border-radius: var(--r-pill); overflow: hidden; background: var(--surface); }
.viewsw__b { min-height: 36px; padding: 0 var(--sp-16); border: 0; background: transparent; color: var(--ink); font-weight: var(--fw-700); font-size: var(--fs-14); cursor: pointer; }
.viewsw__b.on { background: var(--ink); color: var(--paper); }
.dialbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-8) var(--sp-24); }
.lst__sortword { font-size: var(--fs-14); line-height: var(--lh-20); color: var(--ink); font-weight: var(--fw-700); }
.lst { border: var(--bw-3) solid var(--ink); border-radius: var(--r-20); background: var(--surface); box-shadow: var(--pop-5); overflow-x: auto; }
.lst table { min-width: 100%; }
.lst th, .lst td { padding: var(--sp-8) var(--sp-8); border-top: var(--rule); vertical-align: middle; white-space: nowrap; font-size: var(--fs-14); line-height: var(--lh-20); }
.lst td:first-child, .lst th:first-child { padding-left: var(--sp-12); } .lst td:last-child, .lst th:last-child { padding-right: var(--sp-12); }
.lst__n, .lst__each, .lst__meta { font-size: var(--fs-13); }
.lst th { border-top: 0; background: var(--surface-2); font-size: var(--fs-12); line-height: var(--lh-16); letter-spacing: var(--track-caption); color: var(--ink-2); }
.lst th button { border: 0; background: transparent; padding: 0; font: inherit; color: inherit; cursor: pointer; text-decoration: underline dotted; text-underline-offset: 3px; }
.lst th.on { color: var(--ink); }
.lst th.on button { text-decoration: underline; font-weight: var(--fw-700); }
.lst__coin { display: flex; align-items: center; gap: var(--sp-8); min-width: 200px; }
.lst__coin .chip { margin-left: var(--sp-4); }
.lst__coin .tile { width: 40px; height: 40px; border-radius: var(--r-8); }
.lst__coin .tile__nose { width: 16px; height: 16px; right: -3px; bottom: -3px; } .lst__coin .tile__nose .mark { width: 11px; height: 11px; }
.lst__name { display: flex; flex-direction: column; text-decoration: none; }
.lst__name b { font-family: var(--font-display); font-weight: var(--fw-700); letter-spacing: var(--track-head); }
.lst__name span { font-size: var(--fs-12); line-height: var(--lh-16); color: var(--ink-2); }
.lst__since .card2__gain { font-size: var(--fs-18); line-height: var(--lh-24); }
.lst__new { font-family: var(--font-display); font-weight: var(--fw-700); }
.lst__n, .lst__each { text-align: right; }
.lst th.lst__n, .lst th.lst__each { text-align: right; }
.lst__meta { color: var(--ink-2); font-size: var(--fs-12); }
.lst__meta .dots { margin-right: var(--sp-6); vertical-align: middle; }
.lst__spark { color: var(--ink); line-height: 0; }
.lst__spark .spark { width: 96px; height: 24px; }
.lst__r--blocked td { background: var(--surface-2); color: var(--ink-2); }
.lst__act { text-align: right; }
.lst__act .btn { box-shadow: none; min-height: 40px; padding: 0 var(--sp-12); }
.lst__in { background: var(--sun); color: var(--on-sun); border-color: var(--ink); }
@media (max-width: 767px) { .lst .lst__x, .lst .lst__chain, .lst th.lst__x, .lst th.lst__chain { display: none; } .lst th, .lst td { padding: var(--sp-8); } .lst table { table-layout: auto; } .lst__each { white-space: normal; } }

.lst__r--blocked .lst__each { white-space: normal; max-width: 170px; font-size: var(--fs-12); line-height: var(--lh-16); }
.lst__spark .spark { width: 84px; height: 24px; }
.lst__act .btn { padding: 0 var(--sp-8); }

@media (max-width: 767px) {
  .lst .lst__each, .lst th.lst__each { display: none; }
  .lst__coin { min-width: 0; }
  .lst__coin .chip { display: none; }
  .lst__coin .tile { width: 36px; height: 36px; }
  .lst__name b { font-size: var(--fs-14); }
  .lst__since .card2__gain { font-size: var(--fs-16); }
  .lst table { width: 100%; }
  .lst__act .btn span { display: none; }
  .lst__act .btn { min-width: var(--target); }
}

@media (max-width: 767px) {
  .lst th, .lst td { white-space: normal; }
  .lst__since { max-width: 92px; }
  .lst__since .lst__new { font-size: var(--fs-14); line-height: var(--lh-16); display: block; }
  .lst__coin { max-width: 160px; }
  .lst__name b { overflow-wrap: anywhere; }
}


.draw { stroke-dasharray: 1; stroke-dashoffset: 1; animation: cw-draw 700ms ease-out forwards; }
.draw--slow { animation-duration: 1100ms; }
@keyframes cw-draw { to { stroke-dashoffset: 0; } }
.top .mark .eye { transform-box: fill-box; transform-origin: center; animation: cw-blink 6s infinite; }
@keyframes cw-blink { 0%, 93%, 100% { transform: scaleY(1); } 96% { transform: scaleY(0.12); } }
.top .mark { cursor: pointer; }
.top .mark.squeak { animation: cw-squeak 320ms cubic-bezier(.3,1.6,.5,1); }
@keyframes cw-squeak { 0% { transform: scale(1); } 35% { transform: scale(1.22, 0.8); } 70% { transform: scale(0.94, 1.1); } 100% { transform: scale(1); } }
.fly { position: fixed; z-index: 50; border-radius: var(--r-8); pointer-events: none; transition: transform 430ms cubic-bezier(.4,-0.2,.6,1), opacity 430ms ease-in; will-change: transform; }
.top__basket.bump { animation: cw-bump 300ms cubic-bezier(.3,1.6,.5,1); }
@keyframes cw-bump { 50% { transform: scale(1.14); } }
.wait__clown { animation: cw-breathe 3200ms ease-in-out infinite; }
@keyframes cw-breathe { 50% { transform: scale(1.03) rotate(-1deg); } }
.screen-signing .top::before, .screen-signing-sell .top::before { animation: cw-pole 900ms linear infinite; }
@keyframes cw-pole { to { background-position-x: 22.63px; } }
.stamp { position: absolute; right: var(--sp-12); top: var(--sp-8); width: 128px; height: 128px; transform: rotate(-6deg); animation: cw-stamp 380ms cubic-bezier(.2,1.5,.4,1) both; pointer-events: none; }
@keyframes cw-stamp { from { transform: scale(1.9) rotate(-14deg); opacity: 0; } to { transform: scale(1) rotate(-6deg); opacity: 1; } }
.sheet--receipt { position: relative; overflow: visible; }
.sheet--receipt .sheet__h { padding-right: 112px; }
.confetti { position: absolute; inset: 0; overflow: hidden; pointer-events: none; border-radius: inherit; }
.confetti i { position: absolute; top: -12px; width: 8px; height: 12px; border-radius: 2px; border: 1px solid var(--ink); animation: cw-fall 1500ms ease-in both; }
@keyframes cw-fall { to { transform: translateY(110vh) rotate(540deg); opacity: 0.9; } }
@media (prefers-reduced-motion: reduce) {
  .draw { stroke-dasharray: none; stroke-dashoffset: 0; animation: none; }
  .top .mark .eye, .top .mark.squeak, .wait__clown, .screen-signing .top::before, .screen-signing-sell .top::before, .stamp, .confetti i, .top__basket.bump { animation: none; }
  .confetti { display: none; }
}

.rcpt__kicker .ticks { text-transform: none; }


.peek { position: fixed; z-index: 45; width: 360px; max-height: calc(100vh - 16px); overflow: auto; border: var(--bw-3) solid var(--ink); border-radius: var(--r-20); background: var(--surface); box-shadow: var(--pop-5); padding: var(--sp-12); display: flex; flex-direction: column; gap: var(--sp-10); opacity: 0; transform: translateY(4px); transition: opacity 140ms ease-out, transform 140ms ease-out; }
.peek--in { opacity: 1; transform: none; }
.peek__head { display: flex; align-items: center; gap: var(--sp-8); }
.peek__t { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
.peek__t b { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-18); line-height: var(--lh-24); letter-spacing: var(--track-head); }
.peek__hero { text-align: right; display: flex; flex-direction: column; align-items: flex-end; }
.peek__hero .card2__gain { font-size: var(--fs-22); line-height: var(--lh-28); }
.peek .origin { font-size: var(--fs-12); }
.peek__chart .chart { margin-top: 0; }
.peek .facts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-6); }
.peek .facts div { padding: var(--sp-6) var(--sp-8); }
.peek .facts dd { font-size: var(--fs-16); line-height: var(--lh-20); }
.peek .facts__foot { margin-top: var(--sp-6); }
.peek .sw { font-size: var(--fs-12); line-height: var(--lh-16); padding: var(--sp-2) var(--sp-8); }
.peek__act { display: flex; gap: var(--sp-8); padding-top: var(--sp-8); border-top: var(--rule); }
.peek__act .btn { flex: 1 1 0; box-shadow: none; }
@media (hover: none), (pointer: coarse) { .peek { display: none; } }
@media (prefers-reduced-motion: reduce) { .peek { transition: none; transform: none; } }


.gate { display: grid; gap: var(--sp-6); grid-template-columns: 1fr; }
@media (min-width: 768px) { .gate { grid-template-columns: 1fr 1fr; } }
.gate li { display: flex; flex-direction: column; gap: var(--sp-2); padding: var(--sp-8) var(--sp-12); border: var(--bw-2) solid var(--ink); border-radius: var(--r-12); background: var(--proved-soft); font-size: var(--fs-14); line-height: var(--lh-20); }
.gate li.gate__no { background: var(--refused-soft); border-style: dashed; }
.gate li b { font-family: var(--font-display); font-weight: var(--fw-800); }
.gate li.gate__ok b::before { content: "✓ "; color: var(--proved); } .gate li.gate__no b::before { content: "✕ "; color: var(--refused); }
.gate li span { color: var(--ink-2); }
.gatelist { display: flex; flex-direction: column; gap: var(--sp-12); counter-reset: none; }
.gatelist li { border: var(--bw-3) solid var(--ink); border-radius: var(--r-16); background: var(--surface); padding: var(--sp-12) var(--sp-16); box-shadow: var(--pop-3); display: flex; flex-direction: column; gap: var(--sp-4); }
.gatelist li b { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-18); line-height: var(--lh-24); }
.gatelist li p { margin: 0; max-width: 70ch; }

.chart--impact { margin-top: 0; } .impact__row { display: flex; flex-wrap: wrap; gap: var(--sp-8) var(--sp-16); margin-top: var(--sp-8); font-size: var(--fs-14); font-variant-numeric: tabular-nums; }
.impact__row b { font-weight: var(--fw-700); margin-right: var(--sp-4); }
.chart--hm .hm__dev { fill: var(--nose); stroke: var(--ink); stroke-width: 2; } .chart--hm .hm__top { fill: var(--sun); stroke: var(--ink); stroke-width: 2; } .chart--hm .hm__rest { fill: var(--surface-2); stroke: var(--ink); stroke-width: 1.5; }
.chart--hm .hm__link { stroke: var(--nose); stroke-width: 2; stroke-dasharray: 4 4; }
.hm__legend { display: flex; flex-wrap: wrap; gap: var(--sp-6) var(--sp-16); margin-top: var(--sp-8); font-size: var(--fs-12); line-height: var(--lh-16); }
.hm__k { display: inline-flex; align-items: center; gap: var(--sp-6); font-weight: var(--fw-700); }
.hm__k::before { content: ""; width: var(--dot); height: var(--dot); border-radius: var(--r-pill); border: 1px solid var(--ink); }
.hm__k--dev::before { background: var(--nose); } .hm__k--top::before { background: var(--sun); } .hm__k--rest::before { background: var(--surface-2); }
.hm__k--up::before { background: var(--up); } .hm__k--down::before { background: var(--down); } .hm__k--hollow::before { background: transparent; border: 2px solid var(--ink); }
.hm__k--sun::before { background: var(--sun); } .hm__k--base::before { background: var(--surface-2); } .hm__k--ink::before { background: var(--ink); }
.chart--tape { margin-top: 0; } .chart--tape .tp__buy { fill: var(--up); } .chart--tape .tp__sell { fill: var(--down); } .chart--tape .tp__dev { fill: none; stroke: var(--ink); stroke-width: 2; }
.chart .cd--up { stroke: var(--up); fill: var(--up); } .chart .cd--down { stroke: var(--down); fill: var(--down); }
.ranges__gap { width: var(--sp-8); }


.os { border: var(--bw-2) solid var(--ink); border-radius: var(--r-16); padding: var(--sp-12); background: var(--sun-soft); display: flex; flex-direction: column; gap: var(--sp-8); }
.os + .os { margin-top: var(--sp-12); }
.os__h { display: flex; align-items: center; gap: var(--sp-8); }
.os__t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; font-size: var(--fs-14); line-height: var(--lh-20); }
.os__t span { font-size: var(--fs-12); line-height: var(--lh-16); }
.os__bar { display: flex; gap: 3px; height: 14px; }
.os__bar i { display: block; border-radius: 3px; border: 1px solid var(--ink); }
.os__fill { background: var(--nose); } .os__rest { background: var(--surface); border-style: dashed !important; }
.os__rule { font-size: var(--fs-14); line-height: var(--lh-20); font-weight: var(--fw-700); }


.modes { display: flex; flex-direction: column; gap: var(--sp-8); }
.modes__k { font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-700); letter-spacing: var(--track-caption); text-transform: uppercase; color: var(--ink-2); }
.modes__row { display: grid; gap: var(--sp-8); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mode { position: relative; display: flex; width: 100%; flex-direction: column; gap: var(--sp-2); text-align: left; padding: var(--sp-8) var(--sp-10); border: var(--bw-2) solid var(--ink); border-radius: var(--r-12); background: var(--surface); cursor: pointer; font: inherit; color: var(--ink); min-height: var(--target); }
.mode input { position: absolute; inset: 0; opacity: 0; cursor: pointer; margin: 0; }
.mode:has(input:focus-visible) { outline: var(--focus-ring); outline-offset: var(--focus-offset); }
.mode b { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-16); line-height: var(--lh-20); }
.mode span { font-size: var(--fs-12); line-height: var(--lh-16); color: var(--ink-2); }
.mode--on { background: var(--ink); color: var(--paper); } .mode--on span { color: var(--paper-2); }
@media (max-width: 599px) { .modes__row { grid-template-columns: 1fr; } .animal { flex-direction: row; align-items: baseline; gap: var(--sp-8); } .mode span { display: none; } .mode--on span { display: inline; } }
.dials { display: grid; gap: var(--sp-8); grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.dial2 { display: flex; flex-direction: column; gap: var(--sp-2); padding: var(--sp-8) var(--sp-10); border: var(--bw-1) solid var(--hairline); border-radius: var(--r-8); background: var(--surface-2); font-size: var(--fs-12); line-height: var(--lh-16); }
.dial2 b { color: var(--ink-2); font-weight: var(--fw-700); } .dial2 em { font-style: normal; font-weight: var(--fw-700); font-size: var(--fs-14); }
.dial2 input, .dial2 select { border: var(--bw-1) solid var(--ink-3); border-radius: var(--r-8); background: var(--surface); padding: var(--sp-4) var(--sp-8); font: inherit; font-weight: var(--fw-700); min-height: 32px; width: 100%; }


.ladder { margin-top: var(--sp-8); padding-top: var(--sp-12); border-top: var(--rule-dashed); display: flex; flex-direction: column; gap: var(--sp-8); }
.ladder__rows li { display: flex; justify-content: space-between; gap: var(--sp-12); padding: var(--sp-8) 0; border-top: var(--rule); font-size: var(--fs-14); line-height: var(--lh-20); }
.ladder__rows li:first-child { border-top: 0; } .ladder__rows em { font-style: normal; color: var(--ink-2); font-variant-numeric: tabular-nums; }


.two2 { display: grid; gap: var(--sp-16); }
@media (min-width: 900px) { .two2 { grid-template-columns: 1fr 1fr; } }
.two2--top { margin-top: var(--sp-16); }
.box__h3 { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-16); line-height: var(--lh-20); margin: var(--sp-8) 0; }
.rules li, .wl li { display: flex; align-items: center; gap: var(--sp-8); padding: var(--sp-6) 0; border-top: var(--rule); font-size: var(--fs-14); line-height: var(--lh-20); }
.rules li:first-child, .wl li:first-child { border-top: 0; }
.wl code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--fs-12); color: var(--ink-2); flex: 1 1 auto; }
.wl__add { display: flex; gap: var(--sp-8); margin-top: var(--sp-8); } .wl__add input { flex: 1 1 auto; min-width: 0; border: var(--bw-2) solid var(--ink); border-radius: var(--r-12); padding: 0 var(--sp-12); min-height: var(--target); font: inherit; }
.jr li { display: grid; grid-template-columns: 70px 1fr; gap: var(--sp-2) var(--sp-8); padding: var(--sp-6) 0; border-top: var(--rule); font-size: var(--fs-14); line-height: var(--lh-20); }
.jr li:first-child { border-top: 0; } .jr em { grid-column: 2; font-style: italic; color: var(--ink-2); }
.chart--rs .rs__up { fill: var(--up); stroke: var(--ink); } .chart--rs .rs__down { fill: var(--down); stroke: var(--ink); }
.hh { display: flex; flex-direction: column; gap: var(--sp-6); }
.hh__r { display: grid; grid-template-columns: 96px 1fr 24px; gap: var(--sp-6); align-items: center; font-size: var(--fs-13); line-height: 16px; }
.hh__bars { display: flex; align-items: center; min-height: 14px; }
.hh__r i { display: inline-block; height: 12px; border: 1px solid var(--ink); border-radius: 3px; vertical-align: middle; }
.hh__won { background: var(--up); } .hh__lost { background: var(--down); margin-left: 3px; }
.chart--ea .ea__sol { fill: var(--sun); stroke: var(--ink); } .chart--ea .ea__base { fill: var(--surface-2); stroke: var(--ink); } .chart--ea .ea__hood { fill: var(--ink); stroke: var(--ink); }
.box--fee { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.fee__big { font-family: var(--font-display); font-weight: var(--fw-800); font-size: var(--fs-40); line-height: var(--lh-44); letter-spacing: var(--track-display); color: var(--sun); }
.al { display: flex; flex-direction: column; gap: var(--sp-8); }
.al__i { border: var(--bw-2) solid var(--ink); border-radius: var(--r-16); background: var(--surface); padding: var(--sp-12) var(--sp-16); display: flex; flex-direction: column; gap: var(--sp-6); box-shadow: var(--pop-3); }
.al__k { font-size: var(--fs-12); line-height: var(--lh-16); font-weight: var(--fw-700); letter-spacing: var(--track-caption); text-transform: uppercase; color: var(--ink-2); }
.al__i p { margin: 0; font-size: var(--fs-16); }
.al__i .btn { align-self: flex-start; }
.first { display: flex; flex-direction: column; gap: var(--sp-8); font-size: var(--fs-14); line-height: var(--lh-20); }
.first li { padding: var(--sp-8) var(--sp-12); border: var(--bw-2) solid var(--ink); border-radius: var(--r-12); background: var(--surface-2); }

.helps { display: flex; flex-direction: column; gap: var(--sp-12); }
.help p { margin: 0; max-width: 70ch; }
.helpnav { display: flex; flex-wrap: wrap; gap: var(--sp-8); padding-top: var(--sp-8); }
.helpnav a { display: inline-block; padding: var(--sp-6) var(--sp-12); border: var(--bw-2) solid var(--ink); border-radius: var(--r-pill); background: var(--surface); text-decoration: none; font-weight: var(--fw-700); font-size: var(--fs-14); box-shadow: var(--pop-2); }


.ranges { flex-wrap: wrap; }
.box__row { row-gap: var(--sp-8); }
.crumb { min-height: var(--target); padding: var(--sp-8) 0; }
.viewsw__b { min-height: var(--target); }
.helpnav a { min-height: var(--target); display: inline-flex; align-items: center; }
.tog input, .rules input { width: 22px; height: 22px; accent-color: var(--nose); margin: 0; }
.tog, .rules label { min-height: var(--target); cursor: pointer; }
.wl__add input, .dial2 input, .dial2 select { min-height: var(--target); }
.stepper2 output { white-space: nowrap; }
@media (max-width: 599px) {
  .bline { flex-wrap: wrap; }
  .bline .stepper2--s { width: 100%; min-width: 0; margin-top: var(--sp-4); }
  .bline__t { flex: 1 1 60%; }
  .lst__since .chip { white-space: normal; }
  .lst__r--blocked .lst__since { max-width: 92px; }
}


.actbar { display: none; }
@media (max-width: 767px) {
  .actions--coin { display: none; }
  .actbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-bar); display: flex; gap: var(--sp-8); min-height: var(--actbar-h); padding: var(--sp-8) var(--gutter) calc(var(--sp-8) + env(safe-area-inset-bottom, 0px)); background: var(--surface); border-top: var(--bw-2) solid var(--ink); }
  .actbar::before { content: ""; position: absolute; left: 0; right: 0; top: calc(var(--bw-2) * -1); height: var(--sp-4); background: var(--stripe); }
  .actbar .btn { flex: 1 1 0; min-height: var(--control-m); font-size: var(--fs-16); padding: 0 var(--sp-12); }
  .screen-coin .main2, .screen-holding .main2 { padding-bottom: calc(var(--control-m) + var(--sp-40)); }
  
  .screen-coin, .screen-holding { padding-bottom: var(--actbar-h); }
}

.srch { display: flex; gap: var(--sp-8); }
.srch input { flex: 1 1 auto; min-width: 0; min-height: var(--control-m); border: var(--bw-2) solid var(--ink); border-radius: var(--r-12); padding: 0 var(--sp-12); font: inherit; background: var(--surface); }
.box--note { box-shadow: none; border-width: var(--bw-2); }
.box--note p { margin: 0 0 var(--sp-8); }

.sheet--entry { align-items: flex-start; }
.sheet--entry .mark { width: 72px; height: 72px; }
.sheet--entry p { margin: 0; }
.sheet--entry .muted a { color: var(--ink); }

.asks { width: 100%; text-align: left; display: flex; flex-direction: column; gap: var(--sp-4); }
.asks__i { display: grid; grid-template-columns: 28px 1fr auto; grid-template-areas: "n name state" "n chain state"; align-items: center; gap: 0 var(--sp-8); padding: var(--sp-6) var(--sp-8); border: var(--bw-2) solid var(--hairline); border-radius: var(--r-12); font-size: var(--fs-14); line-height: var(--lh-20); }
.asks__i b { grid-area: name; } .asks__i .muted { grid-area: chain; font-size: var(--fs-12); line-height: var(--lh-16); } .asks__i em { grid-area: state; font-style: normal; font-weight: var(--fw-700); font-size: var(--fs-12); }
.asks__n { grid-area: n; width: 24px; height: 24px; border-radius: var(--r-pill); border: var(--bw-2) solid var(--ink); display: grid; place-items: center; font-weight: var(--fw-800); font-size: var(--fs-12); }
.asks__i--waiting { border-color: var(--nose); background: var(--sun-soft); } .asks__i--waiting em { color: var(--nose); }
.asks__i--done .asks__n { background: var(--proved); color: #fff; border-color: var(--proved); }

.jr__in { width: 100%; min-height: var(--target); border: var(--bw-2) solid var(--ink); border-radius: var(--r-12); padding: 0 var(--sp-12); font: inherit; background: var(--surface); }
.bline--chain a { color: var(--ink); }

.wopt span { min-height: var(--target); }
.lst__since .chip--refused { padding: var(--sp-2) var(--sp-6); font-size: 11px; }
.rules + .muted .btn, .rulesbox__act { margin-top: var(--sp-8); }

.bline--chain a { display: inline-flex; align-items: center; min-height: var(--target); padding: 0 var(--sp-6); }

h1.folio__k, h1.wait__line { margin: 0; }