/* PAYBACK v10 pages: shell polish, create, activity, profile and the explainer pages.
   Loaded after terminal.css. Shell rules are global; page rules live under body.pg. See DESIGN.md. */

/* ---------- shell: top bar ---------- */
.top{height:52px;min-height:52px;gap:14px;padding:0 14px 0 16px;position:relative;z-index:35}
.top .brand{gap:9px;font-size:14px;font-weight:800;letter-spacing:.04em;flex:none}
.top .brand svg{width:22px;height:22px}
.search-trigger{height:34px;gap:9px;padding:0 6px 0 11px;border-radius:8px;font-size:12.5px;min-width:0}
.search-trigger svg{width:15px;height:15px;stroke:var(--faint);flex:none}
.search-trigger span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--faint);min-width:0}
.search-trigger:hover span{color:var(--muted)}
.search-trigger kbd{flex:none;height:22px;display:inline-flex;align-items:center;padding:0 6px;border-radius:5px;border:1px solid var(--line-2);background:var(--surface);color:var(--faint);font:600 10.5px/1 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:.02em}
.top .create{height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 13px 0 10px;border-radius:8px;font-size:13px;font-weight:700;white-space:nowrap;flex:none}
.top .create svg{width:15px;height:15px;stroke-width:2.2}
.top .create:active{transform:scale(.98)}
.account-link{height:34px;padding:0 11px;border-radius:8px;border:1px solid var(--line);background:var(--panel);gap:8px!important;white-space:nowrap;flex:none;transition:border-color .12s,color .12s}
.account-link svg{width:15px;height:15px}
.account-link:hover{border-color:var(--line-2);color:var(--text)}
.account-link[aria-current]{border-color:#86EFAC44;color:var(--green)}
.account-link .acct-dot{width:6px;height:6px;border-radius:50%;background:var(--info);box-shadow:0 0 0 3px #7DD3FC1A;flex:none}

/* ---------- shell: rail ---------- */
@media(min-width:1280px){
 .rail{width:55px;gap:4px;padding:10px 0;background:var(--canvas)}
 .rail a{position:relative;width:38px;height:38px;border-radius:8px;color:var(--faint)}
 .rail a svg{width:18px;height:18px}
 .rail a:hover{color:var(--text);background:var(--surface)}
 .rail a[aria-current]{color:var(--green);background:#86EFAC10}
 .rail a[aria-current]::before{content:"";position:absolute;left:-8px;top:9px;bottom:9px;width:2px;border-radius:2px;background:var(--green)}
 .rail a span{display:block!important;left:calc(100% + 12px);top:50%;transform:translate(-4px,-50%);opacity:0;pointer-events:none;padding:6px 10px;border-radius:var(--rc);border:1px solid var(--line-2);background:var(--surface);color:var(--text);font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;box-shadow:0 10px 30px -10px #000;transition:opacity .12s,transform .12s var(--ease);z-index:60}
 .rail a:hover span,.rail a:focus-visible span{opacity:1;transform:translate(0,-50%)}
 .rail .rail-gap{flex:1}
}

/* ---------- shell: ticker ---------- */
.ticker{height:32px;min-height:32px;gap:0;padding:0 8px;font-size:12px;mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
.ticker>a,.ticker>span{display:inline-flex;align-items:center;gap:7px;height:100%;padding:0 12px;flex:none;white-space:nowrap;border-right:1px solid var(--line);font-weight:500}
.ticker>a:last-child,.ticker>span:last-child{border-right:0}
.ticker>a:hover{background:var(--panel)}
.ticker .tk-sym{color:var(--text);font-weight:700}
.ticker .tk-side{font-weight:600}
.ticker .tk-side.is-buy{color:var(--up)}.ticker .tk-side.is-sell{color:var(--down)}
.ticker .tk-pay{color:var(--green);font-weight:600}
.ticker .tk-pay i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #86EFAC22;margin-right:2px}
.ticker small{color:var(--faint)!important;font-size:11px}
.ticker .up,.ticker .down{font-size:12px}

/* ---------- shell: footer and mobile nav ---------- */
.foot{min-height:40px;align-items:center;padding:0 16px;font-size:11.5px;color:var(--faint);border-top:1px solid var(--line)}
.foot nav{gap:18px}
.foot nav a{color:var(--muted)}
.foot nav a:hover{color:var(--text)}
.foot>span{text-align:right}
@media(max-width:760px){
 .bottom-nav{background:#08090BF2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 .bottom-nav a{position:relative;font-weight:500;color:var(--faint);transition:color .12s}
 .bottom-nav a span{font-size:10.5px;line-height:1.1;white-space:nowrap}
 .bottom-nav a[aria-current]{color:var(--green)}
 .bottom-nav a[aria-current]::before{content:"";position:absolute;top:0;left:30%;right:30%;height:2px;border-radius:0 0 2px 2px;background:var(--green)}
 .top{height:52px;min-height:52px;padding:0 12px}
 .top .create{width:34px;padding:0;justify-content:center;background:#86EFAC14;border:1px solid #86EFAC33}
 .top .search{flex:0 0 34px;width:34px;height:34px;max-width:34px;padding:0;justify-content:center}
 .foot>span{text-align:left}
}

/* ---------- shell: search dialog ---------- */
.command{width:min(640px,calc(100vw - 24px));padding:0;border-radius:12px;overflow:hidden;display:none;flex-direction:column}
.command[open]{display:flex}
.command>header{margin:0;height:44px;padding:0 10px 0 16px;border-bottom:1px solid var(--line)}
.command>header h2{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.command>header button{height:26px;padding:0 10px;font-size:12px;background:var(--surface);border-color:var(--line);color:var(--muted)}
.command-input{height:52px;padding:0 16px;gap:12px}
.command-input svg{stroke:var(--green)!important}
.command-input input{font-size:15px;height:100%}
.command-input input::placeholder{color:var(--faint)}
.command .search-modes{margin:10px 12px 4px;align-self:flex-start;display:inline-flex}
.command .search-modes button{height:26px;padding:0 10px;font-size:12px}
#search-status{margin:0;padding:0 16px;min-height:0}
#search-status:not(:empty){padding:6px 16px}
#search-results{padding:4px 6px 6px;max-height:min(440px,56dvh)}
.search-result{height:60px;padding:0 8px;gap:8px;border:0;border-radius:8px;position:relative}
.search-result+.search-result{margin-top:1px}
.search-result.selected{background:var(--surface)}
.search-result.selected::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:2px;background:var(--green)}
.search-result>a{gap:11px}
.search-result .pic{width:38px!important;height:38px!important;border-radius:8px!important}
.sr-id{display:grid!important;gap:3px;min-width:0;overflow:hidden}
.sr-l1{display:flex;align-items:center;gap:7px;min-width:0}
.sr-l1 b{font-size:13.5px;font-weight:700;white-space:nowrap;flex:none;max-width:120px;overflow:hidden;text-overflow:ellipsis}
.sr-l1 .sr-name{color:var(--faint);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sr-l2{display:flex;align-items:center;gap:7px;min-width:0;font-size:11.5px;color:var(--muted)}
.sr-l2 .sr-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.search-value{display:grid;gap:3px;justify-items:end;font-size:13px;font-weight:700}
.search-value small{font-weight:500;color:var(--faint)!important}
.search-result button[data-search-star]{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;flex:none}
.search-result button[data-search-star]:hover{background:var(--surface-2);color:var(--warn)}
.search-result button[aria-pressed=true]{color:var(--warn)}
.search-result button[aria-pressed=true] svg{fill:#F5B83D33}
#search-results .empty{padding:28px 12px;text-align:center;font-size:12.5px}
.command>footer{display:flex;gap:16px;align-items:center;padding:10px 16px!important;margin:0;border-top:1px solid var(--line);font-size:11px;color:var(--faint)}
.command>footer kbd{display:inline-flex;align-items:center;height:18px;padding:0 5px;margin-right:5px;border-radius:4px;border:1px solid var(--line-2);background:var(--surface);font:600 10px/1 system-ui;color:var(--muted)}
@media(max-width:760px){
 .command{margin:12px auto auto;width:calc(100vw - 16px)}
 .command>footer{display:none}
 .sr-l1 .sr-name{display:none}
 .search-result .muted{display:inline}
}

/* ---------- X-ray verdict chip (shared) ---------- */
.xv{display:inline-flex;align-items:center;gap:5px;height:18px;padding:0 6px;border-radius:4px;font-size:10.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap;flex:none}
.xv::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.xv.clean{color:var(--green);background:#86EFAC14}
.xv.watch{color:var(--warn);background:#F5B83D16}
.xv.risky{color:var(--down);background:#FF4D6D18}
.xv.lg{height:24px;padding:0 9px;font-size:12px;border-radius:6px}

/* ---------- page base ---------- */
body.pg{height:auto;min-height:100dvh;overflow:auto}
body.pg main{flex:1}
.pg h1,.pg h2,.pg h3{text-wrap:balance}
.pg p{text-wrap:pretty}
.pg-hero{padding:40px 0 28px;border-bottom:1px solid var(--line);margin-bottom:28px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.eyebrow i{display:none}
/* live dot only on pages that stream data (DESIGN.md rule 6) */
.eyebrow.live{color:var(--green)}.eyebrow.live i{display:block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #86EFAC22}
.pg-hero h1{margin:14px 0 12px;font-size:clamp(28px,4.2vw,44px);line-height:1.04;letter-spacing:-.035em;font-weight:750;max-width:16ch}
h1 em,h2 em{font-style:normal;color:var(--green)}
.pg-hero .lede{margin:0;font-size:16px;line-height:1.55;color:var(--muted);max-width:60ch}
.pg-hero .hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:8px;font-size:13px;font-weight:700;border:1px solid var(--line-2);background:var(--surface);color:var(--text);white-space:nowrap;transition:background .12s,border-color .12s,transform .1s,color .12s}
.btn:hover{background:var(--surface-2);color:var(--text)}
.btn:active{transform:scale(.98)}
.btn svg{width:15px;height:15px}
.btn.primary{background:var(--green);border-color:var(--green);color:var(--green-ink)}
.btn.primary:hover{background:#A7F3C4;color:var(--green-ink)}
.btn.ghost{background:none}

.reading-main.pg-main{width:min(1120px,100%);padding:0 28px 72px}
.pg-main p,.pg-main li{color:var(--muted);line-height:1.65}
.pg-main a:not(.btn){color:var(--green)}
.pg-main h2{font-size:22px;letter-spacing:-.02em;line-height:1.2;margin:0 0 10px;color:var(--text)}
.pg-main h3{font-size:14px;margin:0 0 6px;color:var(--text)}

/* chapter: number rail + content */
.chapter{display:grid;grid-template-columns:160px minmax(0,1fr);gap:28px;padding:36px 0;border-bottom:1px solid var(--line)}
.chapter:last-child{border-bottom:0}
.chapter>.ch-n{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding-top:6px}
.chapter>.ch-n b{display:block;font-size:28px;letter-spacing:-.03em;color:var(--line-2);font-weight:750;margin-bottom:4px;font-variant-numeric:tabular-nums}
.chapter .ch-lead{font-size:15px;color:var(--muted);max-width:62ch;margin:0 0 20px}
.chapter p{max-width:68ch;margin:0 0 12px}

/* split: copy + visual */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}

/* panel card used on explainers */
.pcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:inset 0 1px 0 #ffffff07;min-width:0}
.pcard>header{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-bottom:1px solid var(--line)}
.pcard>header h3{margin:0;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pcard>header .meta{margin-left:auto;font-size:11.5px;color:var(--faint);white-space:nowrap}
.pcard .pbody{padding:14px}

/* ---------- flip tax schedule (shared) ---------- */
.sched{display:grid;gap:10px}
.sched-bars{position:relative;display:flex;align-items:flex-end;gap:3px;height:136px;padding-top:24px}
.sched-bars>div{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;height:100%}
.sched-bars>div>i{display:block;border-radius:5px 5px 2px 2px;background:color-mix(in srgb,var(--c) 22%,transparent);border-top:2px solid var(--c);transition:background .18s,box-shadow .18s}
.sched-bars>div.on>i{background:color-mix(in srgb,var(--c) 42%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 60%,transparent) inset}
.sched-bars>div>b{position:absolute;left:0;right:0;text-align:center;font-size:13px;font-weight:750;color:var(--c);font-variant-numeric:tabular-nums;white-space:nowrap}
.sched-bars .s50{--c:#FF4D6D;flex:2}.sched-bars .s35{--c:#FA7458;flex:3}.sched-bars .s20{--c:#F5B83D;flex:5}.sched-bars .s10{--c:#BC9A5A;flex:5}.sched-bars .s0{--c:var(--muted);flex:3}
.sched-bars .s50>i{height:100%}.sched-bars .s35>i{height:70%}.sched-bars .s20>i{height:40%}.sched-bars .s10>i{height:20%}.sched-bars .s0>i{height:4%;border-radius:2px;border-top-style:dashed}
.sched-bars .s50>b{bottom:calc(100% - 26px)}.sched-bars .s35>b{bottom:calc(70% + 6px)}.sched-bars .s20>b{bottom:calc(40% + 6px)}.sched-bars .s10>b{bottom:calc(20% + 6px)}.sched-bars .s0>b{bottom:calc(4% + 6px)}
.sched-bars .s50>b{color:#FFE4EA}
.sched-axis{display:flex;gap:3px;font-size:10.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.sched-axis>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sched-axis .s50{flex:2}.sched-axis .s35{flex:3}.sched-axis .s20{flex:5}.sched-axis .s10{flex:5}.sched-axis .s0{flex:3;color:var(--up)}
.sched-head{position:absolute;top:0;bottom:-4px;width:2px;margin-left:-1px;background:var(--text);border-radius:2px;left:0;pointer-events:none;box-shadow:0 0 0 3px #F1F2F41A}
.sched-head::after{content:attr(data-t);position:absolute;top:0;left:6px;font-size:10.5px;font-weight:700;color:var(--text);background:var(--surface-2);border:1px solid var(--line-2);border-radius:4px;padding:1px 5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.sched-head.flip::after{left:auto;right:6px}
.sched-read{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.sched-read b{font-size:22px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text)}
.sched-read b.hot{color:var(--down)}.sched-read b.cool{color:var(--up)}
.sched input[type=range]{width:100%;accent-color:var(--green);background:none;border:0;padding:0;height:20px}

/* ---------- X-ray sample on explainers ---------- */
.xr-sample{display:grid;gap:0}
.xr-sample>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
.xr-sample>div:last-child{border-bottom:0}
.xr-sample .sym{font-weight:700;font-size:13px}
.xr-sample p{grid-column:2;margin:0;font-size:12.5px;line-height:1.45;color:var(--muted)}
.xr-sample .row1{display:flex;align-items:center;gap:8px;min-width:0}
.xr-sample .row1 .muted{font-size:11.5px;color:var(--faint);margin-left:auto;white-space:nowrap}
.xr-sample .pic{position:relative;inset:auto;width:34px;height:34px;border-radius:8px;grid-row:span 2}

.vocab{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:20px 0 0}
.vocab>div{background:var(--panel);padding:14px;display:grid;gap:5px;align-content:start}
.vocab dt,.vocab b{font-size:13px;font-weight:700;color:var(--text)}
.vocab dd,.vocab span{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}

/* stat strip */
.strip{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);box-shadow:inset 0 1px 0 #ffffff07}
.strip>div{flex:1 1 140px;display:grid;gap:5px;padding:14px 16px;border-right:1px solid var(--line);min-width:0}
.strip>div:last-child{border-right:0}
.strip small{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
.strip b{font-size:20px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.strip b.up{font-size:20px}.strip b.down{font-size:20px}
.strip span{font-size:11.5px;color:var(--faint)}

/* fee table */
.ftable{width:100%;border-collapse:separate;border-spacing:0;white-space:normal!important;margin:0!important}
.ftable th{position:static;background:none;height:auto;padding:0 14px 10px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:600;text-align:left!important;border-bottom:1px solid var(--line)}
.ftable td{height:auto;padding:13px 14px;font-size:13px;color:var(--muted);text-align:left!important;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.5}
.ftable td:first-child{color:var(--text);font-weight:600;white-space:nowrap}
.ftable td b{color:var(--text);font-variant-numeric:tabular-nums}
.ftable tr:last-child td{border-bottom:0}
.ftable tbody tr{transition:background .12s}
.ftable tbody tr:hover{background:var(--hover)}

.callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px 16px;border-radius:var(--r);border:1px solid #86EFAC26;background:linear-gradient(90deg,#86EFAC0D,transparent 70%)}
.callout>i{width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #86EFAC1A}
.callout p{margin:0!important;color:var(--text)!important;font-size:13px}
.callout p small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.callout.warn{border-color:#F5B83D26;background:linear-gradient(90deg,#F5B83D0D,transparent 70%)}
.callout.warn>i{background:var(--warn);box-shadow:0 0 0 4px #F5B83D1A}

.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut)}
.flow>div{position:relative;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);display:grid;gap:6px;align-content:start}
.flow>div>small{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.flow>div>b{font-size:24px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.flow>div>span{font-size:12px;color:var(--muted);line-height:1.5}
.flow .g b{color:var(--green)}.flow .w b{color:var(--warn)}

/* ---------- how it works: hero demo ---------- */
.how-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:36px;align-items:center}
.how-hero{padding:36px 0 12px}
.how-hero .pg-hero{border:0;margin:0;padding:0}
.demo{padding:0}
.demo .sched{padding:18px 16px 16px}
.demo-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.demo-out>div{padding:12px 14px;border-right:1px solid var(--line);display:grid;gap:4px;min-width:0}
.demo-out>div:last-child{border-right:0}
.demo-out small{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
.demo-out b{font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.demo-in{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.demo-in label{display:flex;align-items:center;gap:8px;white-space:nowrap}
.demo-in input{width:84px;height:30px;text-align:right;font-variant-numeric:tabular-nums}

/* ---------- docs ---------- */
.docs-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start}
.docs-toc{position:sticky;top:20px;display:grid;gap:2px;padding-top:4px}
.docs-toc>.label{margin-bottom:10px}
.docs-toc a{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;min-height:30px;padding:4px 10px 4px 8px;border-radius:6px;font-size:12.5px;color:var(--faint)!important;border-left:2px solid transparent;transition:color .12s,background .12s}
.docs-toc a span{font-size:10.5px;font-variant-numeric:tabular-nums;color:#3A3F49}
.docs-toc a:hover{color:var(--text)!important;background:var(--panel)}
.docs-toc a.on{color:var(--text)!important;background:var(--panel);border-left-color:var(--green)}
.docs-toc a.on span{color:var(--green)}
.docs-toc .toc-group{margin:14px 0 4px 10px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.docs-toc .toc-group:first-of-type{margin-top:0}
.docs-jump{display:none}
.manual-section{padding:28px 0;border-bottom:1px solid var(--line);scroll-margin-top:16px}
.manual-section:first-child{padding-top:0}
.manual-section h2{display:flex;align-items:baseline;gap:12px;font-size:20px}
.manual-section h2 span{font-size:12px;color:var(--faint);font-weight:600;font-variant-numeric:tabular-nums}
.manual-section h3{margin:20px 0 8px}
.manual-section .pcard{margin:16px 0}
.manual-section table{white-space:normal}
.glossary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:16px 0 0}
.glossary>div{background:var(--panel);padding:12px 14px}
.glossary dt{font-size:13px;font-weight:700;color:var(--text);margin-bottom:4px}
.glossary dd{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.tax-chip{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:4px;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums}
.tax-chip[data-rate="50"]{color:#FF4D6D;background:#FF4D6D18}.tax-chip[data-rate="35"]{color:#FA7458;background:#FA745818}.tax-chip[data-rate="20"]{color:#F5B83D;background:#F5B83D18}.tax-chip[data-rate="10"]{color:#BC9A5A;background:#BC9A5A1c}.tax-chip[data-rate="0"]{color:var(--muted);background:#ffffff0a}
.badge-soft{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:5px;border:1px solid var(--line-2);font-size:11px;color:var(--muted);white-space:nowrap}

/* ---------- create ---------- */
.create-v10{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--gut);width:min(1080px,100%);margin:0 auto;padding:var(--gut) var(--gut) 40px;align-items:start}
.create-v10 .create-form{display:grid;gap:var(--gut);min-width:0;grid-column:1}
.create-v10>.cr-head{grid-column:1}
.create-v10>.cr-side{grid-column:2;grid-row:1 / span 2}
.cr-head{padding:26px 22px 22px;background:radial-gradient(120% 140% at 0% 0%,#86EFAC12,transparent 55%),var(--panel)}
.cr-head h1{margin:12px 0 8px;font-size:clamp(26px,3vw,34px);line-height:1.05;letter-spacing:-.03em;font-weight:750}
.cr-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.55;max-width:62ch}
.stepper{display:flex;gap:4px;margin-top:20px;flex-wrap:wrap}
.stepper a{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 10px 0 6px;border-radius:14px;border:1px solid var(--line);background:var(--canvas);font-size:12px;color:var(--faint)!important;white-space:nowrap;transition:border-color .12s,color .12s}
.stepper a i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);font-style:normal;font-size:10.5px;font-weight:700;color:var(--muted)}
.stepper a:hover{border-color:var(--line-2);color:var(--text)!important}
.stepper a.done{color:var(--text)!important;border-color:#86EFAC33}
.stepper a.done i{background:var(--green);color:var(--green-ink)}
.step{scroll-margin-top:12px}
.step>header{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border-bottom:1px solid var(--line)}
.step>header .n{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:var(--surface-2);font-size:11px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}
.step.done>header .n{background:#86EFAC1A;color:var(--green)}
.step>header h2{margin:0;font-size:14px;font-weight:650;letter-spacing:-.005em;color:var(--text);text-transform:none}
.step>header .meta{margin-left:auto;font-size:11.5px;color:var(--faint);white-space:nowrap}
.step .sbody{padding:16px;display:grid;gap:14px}
.create-v10 .fld{margin:0;gap:7px;min-width:0}
.create-v10 .fld>span{display:flex;align-items:baseline;gap:8px;font-size:12px;font-weight:600;color:var(--muted)}
.create-v10 .fld>span .count{margin-left:auto;font-weight:500;color:var(--faint);font-size:11px;font-variant-numeric:tabular-nums}
.create-v10 .fld input,.create-v10 .fld textarea{height:40px;padding:0 12px;border-radius:8px;background:var(--canvas);border:1px solid var(--line);font-size:14px;color:var(--text);transition:border-color .12s,box-shadow .12s}
.create-v10 .fld textarea{height:auto;min-height:84px;padding:10px 12px;line-height:1.5;resize:vertical}
.create-v10 .fld input:hover,.create-v10 .fld textarea:hover{border-color:var(--line-2)}
.create-v10 .fld input:focus,.create-v10 .fld textarea:focus{border-color:#86EFAC88;box-shadow:0 0 0 3px #86EFAC14;outline:0}
.create-v10 .fld input::placeholder,.create-v10 .fld textarea::placeholder{color:#4A4F58}
.create-v10 input[name=symbol]{text-transform:uppercase;font-weight:700;letter-spacing:.02em}
.row2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px}
.row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.create-v10 .note{margin:0;color:var(--faint);font-size:11.5px;line-height:1.5}
.create-v10 .drop{position:relative;display:grid;place-items:center start;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;min-height:0;margin:0;padding:14px;text-align:left;border:1px dashed var(--line-2);border-radius:var(--r);background:var(--canvas);transition:border-color .12s,background .12s}
.create-v10 .drop:hover,.create-v10 .drop.over{border-color:#86EFAC88;background:#86EFAC08}
.create-v10 .drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}
.drop-thumb{width:96px;height:96px;border-radius:8px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;color:var(--faint)}
.drop-thumb svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6}
.create-v10 .drop img,.create-v10 .drop video{width:96px;height:96px;max-height:none;object-fit:cover;border-radius:8px}
.drop-thumb:has(img:not([hidden])) svg,.drop-thumb:has(video:not([hidden])) svg{display:none}
#drop-text{display:grid;gap:4px;font-size:12.5px;color:var(--muted);line-height:1.45}
#drop-text b{font-size:14px;color:var(--text)}
#drop-text .muted{color:var(--faint);font-size:12px}
.more{border:1px solid var(--line);border-radius:8px;background:var(--canvas)}
.more>summary{list-style:none;display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;font-size:12.5px;font-weight:600;color:var(--muted)}
.more>summary::-webkit-details-marker{display:none}
.more>summary::after{content:"";margin-left:auto;width:7px;height:7px;border-right:1.5px solid var(--faint);border-bottom:1.5px solid var(--faint);transform:rotate(45deg) translate(-2px,-2px);transition:transform .18s var(--ease)}
.more[open]>summary::after{transform:rotate(225deg) translate(-2px,-2px)}
.more>summary i{font-style:normal;font-weight:400;color:var(--faint)}
.more>summary:hover{color:var(--text)}
.more>.more-body{padding:4px 12px 14px;display:grid;gap:12px}
.create-v10 .pair-choice{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:6px}
.create-v10 .pair-choice legend{font-size:12px;color:var(--muted);margin-bottom:7px}
.create-v10 .pair-choice button{height:48px;border-radius:8px;background:var(--canvas);border:1px solid var(--line);display:grid;place-content:center;gap:2px;font-weight:700;font-size:13px}
.create-v10 .pair-choice button.on{border-color:#86EFAC77;background:#86EFAC0D;color:var(--green);box-shadow:0 0 0 3px #86EFAC0F}
.create-v10 .pair-choice small{font-size:10.5px;font-weight:500;color:var(--faint)}
.create-v10 .amt{display:flex;align-items:center;height:44px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);padding:0 4px 0 12px;gap:8px;transition:border-color .12s}
.create-v10 .amt:focus-within{border-color:#86EFAC88;box-shadow:0 0 0 3px #86EFAC14}
.create-v10 .amt input{flex:1;min-width:0;height:100%;border:0;background:none;outline:0;padding:0;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
.create-v10 .amt>span{font-size:12px;font-weight:700;color:var(--muted)}
.amt-presets{display:flex;gap:4px}
.amt-presets button{height:30px;padding:0 9px;font-size:12px;font-weight:600;border-radius:6px;background:var(--surface);color:var(--muted)}
.amt-presets button:hover{color:var(--text);border-color:var(--line-2)}
.amt-presets button.on{color:var(--green);border-color:#86EFAC55}
.create-v10 .pair-choice button:disabled{opacity:.45;cursor:not-allowed}
.mint-row{display:flex;gap:6px}.mint-row input{flex:1;min-width:0;font-family:var(--mono,ui-monospace,monospace);font-size:13px!important}.mint-row .btn{height:40px;flex:none}
.mint-state.ok{color:var(--green)}.mint-state.bad{color:var(--down)}
.create-v10 .fld input[type=file]{height:auto;padding:6px;font-size:12.5px;color:var(--faint)}.create-v10 .fld input[type=file]::file-selector-button{height:30px;margin-right:10px;padding:0 12px;border-radius:6px;border:1px solid var(--line-2);background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer}
.dexb{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--canvas)}
.dexb-head{display:flex;align-items:baseline;gap:8px}.dexb-head b{font-size:13px;font-weight:650}.dexb-head .meta{margin-left:auto;font-size:11.5px;color:var(--faint)}
.dexb>.note{margin:0}.dexb [data-unlock]{color:var(--text);font-weight:600}
.dexb-frame{position:relative;display:grid;place-items:center;aspect-ratio:3;border:1px dashed var(--line-2);border-radius:8px;background:var(--surface);overflow:hidden;cursor:pointer;transition:border-color .12s}
.dexb-frame:hover,.dexb-frame:focus-within{border-color:#86EFAC88}.dexb-frame.has{border-style:solid;border-color:var(--line)}
.dexb-frame input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2}
.dexb-frame img,.dexb-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dexb-empty{display:grid;gap:2px;text-align:center;font-size:12px;color:var(--faint)}.dexb-empty b{font-size:13px;color:var(--muted)}.dexb-frame.has .dexb-empty{display:none}
.dexb-spec.warn{color:#FBBF24}
.media-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.media-list:empty{display:none}
.media-list li{display:grid;grid-template-columns:96px minmax(0,1fr) auto auto;align-items:center;gap:10px;height:40px;padding:0 4px 0 12px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);font-size:12.5px}
.media-list b{font-weight:650}.media-list span{color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-list em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--green);font-variant-numeric:tabular-nums}.media-list li.bad em{color:var(--down)}
.media-list .btn{height:30px}
.route{gap:10px!important}
.route-presets{display:flex;flex-wrap:wrap;gap:4px}
.route-presets button{height:32px;padding:0 11px;font-size:12px;font-weight:600;border-radius:6px;background:var(--canvas);color:var(--muted)}
.route-presets button:hover{color:var(--text);border-color:var(--line-2)}.route-presets button.on{color:var(--green);border-color:#86EFAC55;background:#86EFAC0D}
.route-bar{display:flex;gap:2px;height:8px;border-radius:4px;background:var(--surface);overflow:hidden}.route-bar i{min-width:3px;transition:flex .2s var(--ease)}
.route-bar.over{box-shadow:0 0 0 1px var(--down)}
.route-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.route-rows li{display:grid;grid-template-columns:8px 150px minmax(0,1fr) 96px 36px;align-items:center;gap:8px}
.route-dot{width:8px;height:8px;border-radius:2px}
.route-rows select{height:40px;padding:0 10px;border-radius:8px;background:var(--canvas);border:1px solid var(--line);color:var(--text);font-size:13px;min-width:0}
.route-rows select:focus{border-color:#86EFAC88;outline:0;box-shadow:0 0 0 3px #86EFAC14}
.create-v10 .route-rows .route-val{font-family:var(--mono,ui-monospace,monospace);font-size:13px;min-width:0;width:100%}
.route-fixed{font-size:12.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.route-pct{display:flex;align-items:center;height:40px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);padding:0 10px 0 0}
.route-pct:focus-within{border-color:#86EFAC88;box-shadow:0 0 0 3px #86EFAC14}
.create-v10 .route-pct input{border:0!important;box-shadow:none!important;background:none;height:38px;width:100%;min-width:0;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;padding:0 4px 0 8px}
.route-pct span{font-size:12px;color:var(--muted);font-weight:700}
.route-rm{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:none;color:var(--faint)}.route-rm:hover:not(:disabled){color:var(--down);border-color:#FF4D6D44}.route-rm:disabled{opacity:.3}
.route-rm svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.route-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.route-foot .btn{height:32px}
.route-total{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.route-total.ok{color:var(--green)}.route-total.bad{color:var(--down)}
.route-lock{padding:9px 12px;border-radius:8px;border:1px solid #FBBF2426;background:#FBBF240A}.route-lock b{color:#FBBF24}
.cf-route{display:grid;gap:8px}.cf-route h4{margin:0;display:flex;font-size:12.5px;font-weight:650}.cf-route h4 span{margin-left:auto;font-weight:600;color:#FBBF24;font-size:11.5px}
.cf-route ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.cf-route li{display:flex;align-items:center;gap:8px;font-size:12.5px;min-width:0}.cf-route li i{width:8px;height:8px;border-radius:2px;flex:none}
.cf-route li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.cf-route li b{font-variant-numeric:tabular-nums}
@media(max-width:760px){.route-rows li{grid-template-columns:8px minmax(0,1fr) 84px 36px;grid-template-areas:"d k p x" ". v v v"}.route-dot{grid-area:d}.route-rows select{grid-area:k}.route-rows .route-val,.route-fixed{grid-area:v}.route-pct{grid-area:p}.route-rm{grid-area:x}.route-fixed{padding-left:2px}
 .media-list li{grid-template-columns:96px minmax(0,1fr) auto;height:auto;min-height:40px;padding:6px 4px 6px 12px}.media-list em{grid-column:2}.media-list .btn{grid-row:1/3;grid-column:3}}
.fee-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border:1px solid var(--line);border-radius:8px;background:var(--canvas);overflow:hidden}
.fee-strip>div{padding:11px 12px;border-right:1px solid var(--line);display:grid;gap:4px;min-width:0}
.fee-strip>div:last-child{border-right:0}
.fee-strip dt{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
.fee-strip dd{margin:0;font-size:12.5px;font-weight:600;color:var(--text);line-height:1.35}
.launch-bar{display:flex;align-items:center;gap:14px;padding:14px 16px}
.launch-bar .go{flex:none;width:auto;margin:0;height:44px;padding:0 22px;border-radius:8px;border:0;background:var(--green);color:var(--green-ink);font-size:14px;font-weight:800;letter-spacing:.01em;display:inline-flex;align-items:center;gap:8px;box-shadow:0 10px 30px -12px #86EFACAA}
.launch-bar .go:hover{background:#A7F3C4;color:var(--green-ink)}
.launch-bar .go svg{width:15px;height:15px;fill:currentColor;stroke:none}
.launch-bar .note{flex:1;min-width:0}
.launch-bar .note b{color:var(--muted);font-weight:600}

.cr-side{position:sticky;top:var(--gut);display:grid;gap:var(--gut);min-width:0}
.cr-side .pcard>header .live{font-size:11px;font-weight:600;gap:6px}
.cr-side .pcard>header .live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #86EFAC22;animation:blink 2s infinite}
.preview-col{background:var(--panel)}
.preview-col .col-h{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-bottom:1px solid var(--line);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.preview-col .col-h .n{margin-left:auto;text-transform:none;letter-spacing:0}
.preview-col .ghost-card{height:76px;display:grid;grid-template-columns:50px minmax(0,1fr) 70px;gap:8px;align-items:center;padding:6px 10px;opacity:.28;border-top:1px solid var(--line)}
.preview-col .ghost-card i{display:block;height:9px;border-radius:4px;background:var(--surface-2)}
.preview-col .ghost-card .gc-av{width:50px;height:50px;border-radius:50%;border:3px solid var(--surface-2);background:none}
.preview-col .ghost-card .gc-mid{display:grid;gap:7px}
.preview-col .ghost-card .gc-r{display:grid;gap:7px;justify-items:end}
#card-preview{border:0;border-radius:0;overflow:visible}
#card-preview .card{cursor:default}
#card-preview .card.enter{animation:arrive .32s var(--ease)}
#card-preview .card .sym{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#card-preview .card .sym:after{display:none}
#card-preview .card .pic img{width:100%;height:100%;object-fit:cover}
#card-preview .card .buy{pointer-events:none}
.pv-detail{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:14px;border-top:1px solid var(--line)}
.pv-detail .pv-img{width:72px;height:72px;border-radius:10px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;font-size:22px;font-weight:800;color:var(--faint)}
.pv-detail .pv-img img{width:100%;height:100%;object-fit:cover}
.pv-detail h3{margin:0;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-detail .pv-sym{font-size:12px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-detail p{margin:6px 0 0;font-size:12px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.pv-detail .pv-empty{color:var(--faint)}
#banner-preview{display:block;width:100%;aspect-ratio:3;object-fit:cover;border-bottom:1px solid var(--line)}
.cr-side .sched{padding:16px 14px 14px}
.cr-side .sched-bars{height:124px}

/* confirm sheet */
.create-v10~.sheet,#create-confirm{width:min(480px,calc(100vw - 24px));padding:0;border-radius:12px;overflow:hidden}
#create-confirm[open]{display:flex;flex-direction:column}
#create-confirm>header{margin:0;height:48px;padding:0 12px 0 18px;border-bottom:1px solid var(--line)}
#create-confirm>header h2{font-size:14px}
#create-confirm>header button{height:28px;padding:0 12px;font-size:12px;color:var(--muted)}
#confirm-details{padding:18px;overflow:auto;display:grid;gap:14px}
.cf-id{display:flex;align-items:center;gap:14px;min-width:0}
.cf-id .confirm-image,.cf-id .cf-ph{width:60px;height:60px;border-radius:10px;object-fit:cover;flex:none;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-weight:800;color:var(--faint)}
.cf-id h3{margin:0;font-size:18px;font-weight:750;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-id .muted{font-size:12.5px;color:var(--faint)}
.cf-id>div{min-width:0}
#confirm-details .fee{display:grid;grid-template-columns:auto minmax(0,1fr);margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--canvas)}
#confirm-details .fee dt,#confirm-details .fee dd{padding:9px 12px;border-bottom:1px solid var(--line);font-size:12.5px;margin:0}
#confirm-details .fee dt{color:var(--faint)}
#confirm-details .fee dd{text-align:right;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}
#confirm-details .fee dt:nth-last-of-type(1),#confirm-details .fee dd:last-child{border-bottom:0}
#confirm-details .note{margin:0}
#create-confirm>.go{width:auto;margin:0 18px;height:46px;border:0;border-radius:8px;background:var(--green);color:var(--green-ink);font-weight:800;font-size:14px}
#create-confirm>.go:hover{background:#A7F3C4;color:var(--green-ink)}
#confirm-status{margin:0;padding:10px 18px 16px;min-height:16px}
.cf-tax{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:#FF4D6D0F;border:1px solid #FF4D6D22;font-size:12.5px;color:var(--muted)}
.cf-tax b{color:var(--down);font-size:15px}

/* ---------- activity + profile ---------- */
.ledger-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:32px 0 20px}
.ledger-head h1{margin:10px 0 6px;font-size:clamp(26px,3vw,34px);letter-spacing:-.03em;line-height:1.05}
.ledger-head p{margin:0;max-width:60ch;font-size:14px}
.ledger-main{width:min(1080px,100%);margin:0 auto;padding:0 var(--gut) 48px}
.ledger-main .strip{margin-bottom:var(--gut)}
.ledger-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--gut);align-items:start}
.ledger-grid>.pcard,.ledger-grid>div>.pcard{overflow:hidden}
.ledger-grid>div{display:grid;gap:var(--gut);min-width:0}
.pcard>header .seg{margin-left:auto}
.pcard>header .seg button{height:24px;padding:0 9px;font-size:11.5px}
.pcard>header .seg+.seg{margin-left:6px}
.ltable{width:100%;border-collapse:collapse;white-space:nowrap;font-variant-numeric:tabular-nums}
.ltable th{position:sticky;top:0;z-index:1;height:34px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--line);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);text-align:right}
.ltable td{height:44px;padding:0 12px;border-bottom:1px solid var(--line);font-size:12.5px;text-align:right;color:var(--text)}
.ltable th:first-child,.ltable td:first-child{text-align:left}
.ltable tbody tr{position:relative;transition:background .12s}
.ltable tbody tr:hover{background:var(--hover)}
.ltable tbody tr:hover td:first-child{box-shadow:inset 2px 0 0 var(--green)}
.ltable tbody tr:last-child td{border-bottom:0}
.ltable .coin-cell{display:flex;align-items:center;gap:9px;min-width:0;max-width:220px;color:var(--text)!important}
.ltable .coin-cell .pic{position:relative;inset:auto;width:26px;height:26px;border-radius:6px;flex:none}
.ltable .coin-cell .pic b{font-size:10px}
.ltable .coin-cell span{display:grid;min-width:0}
.ltable .coin-cell b{font-weight:700;overflow:hidden;text-overflow:ellipsis}
.ltable .coin-cell small{font-size:11px;color:var(--faint);overflow:hidden;text-overflow:ellipsis}
.ltable .coin-cell:hover b{color:var(--green)}
.ltable .up,.ltable .down{font-size:12.5px}
.ltable .side{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:4px;font-size:10.5px;font-weight:700;letter-spacing:.02em}
.ltable .side.is-buy{color:var(--up);background:#4ADE8014}.ltable .side.is-sell{color:var(--down);background:#FF4D6D16}
.mode{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);white-space:nowrap}
.mode i{width:6px;height:6px;border-radius:50%;flex:none}
.mode.local i{background:var(--info);box-shadow:0 0 0 3px #7DD3FC1A}.mode.practice i{background:var(--faint)}
.ltable .tax{color:var(--green);font-weight:600}
.ltable .dim{color:var(--faint)}
.sig-btn{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px!important;border-radius:5px;border:1px solid var(--line)!important;background:var(--surface)!important;font-size:11.5px;color:var(--muted);font-family:ui-monospace,"SF Mono",Menlo,monospace}
.sig-btn svg{width:12px!important;height:12px!important}
.sig-btn:hover{color:var(--text);border-color:var(--line-2)!important}
.pcard .table-scroll{max-height:560px}
.empty-state{display:grid;justify-items:center;text-align:center;gap:10px;padding:44px 20px}
.empty-state .es-art{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#86EFAC1F,transparent 70%),var(--surface);border:1px solid var(--line);color:var(--green)}
.empty-state .es-art svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.empty-state b{font-size:15px;color:var(--text)}
.empty-state p{margin:0;max-width:40ch;font-size:12.5px;line-height:1.55;color:var(--muted)}
.empty-state .btn{margin-top:6px}
.empty-state.sm{padding:26px 16px}
.empty-state.sm .es-art{width:44px;height:44px;border-radius:12px}
.empty-state.sm .es-art svg{width:20px;height:20px}
.mini-list{display:grid}
.mini-list>a,.mini-list>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:52px;padding:8px 14px;border-bottom:1px solid var(--line);transition:background .12s}
.mini-list>*:last-child{border-bottom:0}
.mini-list>a:hover{background:var(--hover)}
.mini-list .pic{position:relative;inset:auto;width:30px;height:30px;border-radius:7px}
.mini-list .pic b{font-size:10px}
.mini-list .mid{display:grid;gap:3px;min-width:0}
.mini-list .mid>span{display:flex;align-items:center;gap:6px;min-width:0}
.mini-list .mid b{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.mini-list .mid small{font-size:11.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-list .r{display:grid;justify-items:end;gap:3px;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.mini-list .r small{font-size:11px;font-weight:500;color:var(--faint)}
.wallet-card{padding:16px;display:grid;gap:12px}
.wallet-card .wc-top{display:flex;align-items:center;gap:12px}
.wallet-card .wc-av{width:44px;height:44px;border-radius:50%;background:conic-gradient(from 200deg,#86EFAC,#7DD3FC,#86EFAC);box-shadow:inset 0 0 0 3px var(--panel),0 0 0 1px var(--line-2);flex:none}
.wallet-card b{font-size:15px}
.wallet-card small{display:block;font-size:12px;color:var(--faint);margin-top:2px}
.wallet-card .modes{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.wallet-card .modes>div{padding:10px 12px;border-radius:8px;background:var(--canvas);border:1px solid var(--line);display:grid;gap:4px}
.wallet-card .modes span{font-size:12px;color:var(--muted);line-height:1.45}
.ledger-foot{margin-top:14px;font-size:11.5px;color:var(--faint);line-height:1.55}
.pnl-bar{display:flex;height:4px;border-radius:2px;overflow:hidden;background:var(--surface-2);margin-top:6px;min-width:60px}
.pnl-bar i{display:block;height:100%}

/* ---------- responsive ---------- */
@media(max-width:1100px){
 .create-v10{grid-template-columns:minmax(0,1fr) 330px}
 .ledger-grid{grid-template-columns:1fr}
 .how-hero{grid-template-columns:1fr;gap:8px}
 .docs-shell{grid-template-columns:180px minmax(0,1fr);gap:28px}
 .top .tabs{display:none}
}
@media(max-width:900px){
 .create-v10{grid-template-columns:1fr}
 .create-v10>.cr-side{position:static;grid-column:1;grid-row:auto}
 .create-v10>.create-form{order:3}
 .cr-side .sched-card{display:none}
 .chapter{grid-template-columns:1fr;gap:6px;padding:28px 0}
 .chapter>.ch-n{display:flex;align-items:baseline;gap:10px;padding:0}
 .chapter>.ch-n b{font-size:18px;margin:0}
 .split{grid-template-columns:1fr}
 .flow{grid-template-columns:1fr}
 .vocab{grid-template-columns:1fr 1fr}
 .docs-shell{grid-template-columns:1fr}
 .docs-toc{display:none}
 .docs-jump{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:5;margin:0 -16px 8px;padding:8px 16px;background:#050607F0;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);font-size:12px;color:var(--faint)}
 .docs-jump select{flex:1;height:34px;font-size:13px;color:var(--text)}
}
@media(max-width:760px){
 body.pg{height:auto;overflow:auto}
 .reading-main.pg-main{padding:0 16px 40px}
 .pg-hero{padding:28px 0 22px;margin-bottom:8px}
 .pg-hero .lede{font-size:14.5px}
 .create-v10{padding:var(--gut) var(--gut) 24px}
 .preview-col .ghost-card{display:none}
 .cr-head{padding:20px 16px 18px}
 .stepper{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}
 .row2,.row3{grid-template-columns:1fr}
 .create-v10 .drop{grid-template-columns:72px minmax(0,1fr);gap:12px}
 .drop-thumb,.create-v10 .drop img,.create-v10 .drop video{width:72px;height:72px}
 .fee-strip{grid-template-columns:1fr 1fr}
 .fee-strip>div:nth-child(2){border-right:0}
 .fee-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .launch-bar{flex-direction:column;align-items:stretch}
 .launch-bar .go{justify-content:center}
 .amt-presets button{padding:0 7px}
 .ledger-head{padding:22px 10px 14px}
 .strip>div{flex:1 1 45%;border-bottom:1px solid var(--line)}
 .strip>div:nth-child(2n){border-right:0}
 .strip b{font-size:17px}.strip b.up,.strip b.down{font-size:17px}
 .pcard>header{flex-wrap:wrap;height:auto;min-height:40px;padding:8px 12px;row-gap:8px}
 .ltable .hide-sm{display:none}
 .demo-out b{font-size:14px}
 .vocab{grid-template-columns:1fr}
 .glossary{grid-template-columns:1fr}
 .ftable td:first-child{white-space:normal}
 #create-confirm{width:100%;max-width:100%;border-radius:12px 12px 0 0}
 #create-confirm>.go{margin-bottom:0}
 #confirm-status{padding-bottom:calc(16px + env(safe-area-inset-bottom))}
}
@media(max-width:420px){
 .demo-out{grid-template-columns:1fr 1fr}
 .demo-out>div:nth-child(2){border-right:0}
 .demo-out>div:last-child{grid-column:span 2;border-top:1px solid var(--line)}
}
@media(prefers-reduced-motion:reduce){.cr-side .pcard>header .live i{animation:none}#card-preview .card{animation:none}}
.mini-list>.empty-state{display:grid;grid-template-columns:none;justify-items:center;min-height:0}
.wallet-card .modes>div .mode{color:var(--text);font-weight:600}

/* ---------- auth slot ---------- */
#auth-slot{flex:none;display:flex}
.signin-btn{height:34px;padding:0 14px;border-radius:8px;border:1px solid var(--line-2)!important;background:var(--surface)!important;color:var(--text);font-size:13px;font-weight:700;white-space:nowrap}
.signin-btn:hover{border-color:#86EFAC55!important;color:var(--green)}
.auth-menu{position:relative}
.auth-menu>summary.account-link{display:flex;align-items:center;width:auto;height:34px;padding:0 11px;list-style:none;cursor:pointer;color:var(--text);font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:12px}
.auth-menu>summary::-webkit-details-marker{display:none}
.auth-menu[open]>summary{border-color:var(--line-2);background:var(--surface)}
.auth-pop{top:42px!important;right:0;width:230px!important;padding:6px!important;gap:2px!important}
.auth-pop .auth-who{display:flex;align-items:center;gap:9px;padding:8px 8px 10px;margin-bottom:4px;border-bottom:1px solid var(--line);min-width:0}
.auth-pop .auth-who span{display:grid;gap:2px;min-width:0}
.auth-pop .auth-who b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auth-pop .auth-who small{font-size:11px;color:var(--faint);font-family:ui-monospace,"SF Mono",Menlo,monospace}
.auth-pop a,.auth-pop button{display:flex;align-items:center;width:100%;height:32px;padding:0 8px;border:0!important;border-radius:6px;background:none!important;font-size:12.5px;color:var(--muted);text-align:left}
.auth-pop a:hover,.auth-pop button:hover{background:var(--surface-2)!important;color:var(--text)}
.auth-pop [data-auth-logout]:hover{color:var(--down)}
@media(max-width:760px){
 #auth-slot{display:none}
}

/* profile account block */
#auth-wallet:empty{display:none}
#auth-wallet{padding-bottom:12px;border-bottom:1px solid var(--line)}
.aw-out{display:grid;gap:10px}
.aw-out b{font-size:14px}
.aw-out small{display:block;font-size:12px;line-height:1.45;color:var(--muted);margin-top:3px}
.aw-out .btn{justify-self:start}
.aw-in{display:grid;gap:10px}
.aw-row{display:flex;align-items:center;gap:10px;min-width:0}
.aw-row .ident{width:28px;height:28px}
.aw-row>span{display:grid;gap:2px;min-width:0;flex:1}
.aw-row b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw-linked{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.aw-linked li{display:flex;align-items:center;gap:8px;height:34px;padding:0 8px;border-radius:6px;background:var(--canvas);border:1px solid var(--line);font-size:12px;font-family:ui-monospace,"SF Mono",Menlo,monospace}
.aw-linked small{margin-left:auto;font-family:-apple-system,system-ui,sans-serif;color:var(--faint);text-transform:capitalize}
.aw-in>.btn{justify-self:start}

/* ---------- leaderboard ---------- */
.lb-head h1 em{font-style:normal;color:var(--green)}
.lb-head .seg button{height:30px;padding:0 12px;font-size:12.5px}
.lb-hero{margin-bottom:var(--gut);overflow:hidden;background:radial-gradient(90% 120% at 0% 0%,#86EFAC10,transparent 55%),var(--panel)}
.lb-total{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding:22px 18px 6px}
.lb-total b{font-size:clamp(40px,6vw,64px);line-height:1;letter-spacing:-.04em;font-weight:750;color:var(--green);font-variant-numeric:tabular-nums}
.lb-total b small{font-size:.38em;margin-left:8px;letter-spacing:0;color:var(--muted)}
.lb-total span{font-size:14px;color:var(--muted)}
.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut);padding:16px 18px 18px}
.pod{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"pic id" "val val" "bar bar" "mc mc";gap:10px 12px;padding:16px;border-radius:var(--r);border:1px solid var(--line);background:var(--canvas);transition:border-color .12s,background .12s,transform .12s var(--ease)}
.pod:hover{border-color:var(--line-2);background:var(--hover);transform:translateY(-1px)}
.pod.r1{border-color:#86EFAC44;background:linear-gradient(180deg,#86EFAC12,var(--canvas) 70%)}
.pod-rank{position:absolute;top:12px;right:14px;font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--line-2);font-variant-numeric:tabular-nums}
.pod.r1 .pod-rank{color:#86EFAC55}
.pod .pic{grid-area:pic;position:relative;inset:auto;width:44px;height:44px;border-radius:10px}
.pod-id{grid-area:id;display:grid;gap:2px;align-content:center;min-width:0;padding-right:28px}
.pod-id b{font-size:15px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pod-id small{font-size:12px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pod-val{grid-area:val;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pod-val b{font-size:24px;letter-spacing:-.02em;color:var(--green);font-variant-numeric:tabular-nums;white-space:nowrap}
.pod-val small{font-size:12px;color:var(--muted)}
.pod-bar{grid-area:bar;height:4px;border-radius:2px;background:var(--surface-2);overflow:hidden}
.pod-bar i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#4ADE80,#86EFAC)}
.pod-mc{grid-area:mc;font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.lb-rest:not(:empty){border-top:1px solid var(--line)}
.lb-rest>a .r{color:var(--green)}
.ltable .wallet{font-size:12px}
@media(max-width:900px){.podium{grid-template-columns:1fr}}
@media(max-width:760px){.lb-total{padding:18px 14px 4px}.podium{padding:12px 12px 14px}}
.ltable td.up{color:var(--up)}.ltable td.down{color:var(--down)}
.ticker .tk-pic{position:relative;width:20px;height:20px;flex:none}
.ticker .tk-pic .pic{inset:0;border-radius:5px;box-shadow:0 0 0 1px var(--line)}
.ticker .tk-pic .pic b{font-size:8px}

/* ======================= round 2: shell additions ======================= */
html[data-motion=reduce] *,html[data-motion=reduce] *::before,html[data-motion=reduce] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
.icon-btn{height:34px;min-width:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 9px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:12.5px;font-weight:600;white-space:nowrap;flex:none;position:relative;transition:border-color .12s,color .12s}
.icon-btn:hover{color:var(--text);border-color:var(--line-2)}
.icon-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.help-btn span{display:none}
@media(min-width:1440px){.help-btn span{display:inline}}
#bell-slot{display:contents}
.bell .nt-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--down);color:#fff;font-size:10px;font-weight:800;line-height:17px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--canvas)}
.bell .nt-badge:empty{display:none}
.bell.has{color:var(--text)}
.bell.has svg{animation:bell-ring 1.4s var(--ease) 1}
@keyframes bell-ring{0%,100%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-11deg)}45%{transform:rotate(7deg)}60%{transform:rotate(-4deg)}}
.rail .rail-end{margin-top:auto;display:flex;flex-direction:column}
@media(max-width:1279px){.rail .rail-end{display:contents}}
@media(max-width:760px){.top .help-btn{display:none}.top .bell{border:0;background:none;width:32px;min-width:32px;padding:0}}

/* notification center: right drawer on desktop, bottom sheet on phones */
.notif{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(420px,100vw);padding:0;border:0;border-left:1px solid var(--line-2);border-radius:0;background:var(--panel);color:var(--text);display:none;flex-direction:column;overflow:hidden}
.notif[open]{display:flex;animation:nt-in .22s var(--ease)}
.notif::backdrop{background:#000a;backdrop-filter:blur(2px)}
@keyframes nt-in{from{transform:translateX(24px);opacity:0}}
.notif>header{display:flex;align-items:center;gap:8px;height:52px;padding:0 12px 0 16px;border-bottom:1px solid var(--line);flex:none}
.notif>header h2{margin:0 auto 0 0;font-size:14px;font-weight:700}
.notif>header button{height:28px;padding:0 10px;font-size:12px}
button.link{border:0;background:none;color:var(--muted);padding:0 6px;font-size:12px;font-weight:600}
button.link:hover{color:var(--green)}
.notif #nt-filter{margin:10px 12px;display:flex;flex:none;overflow-x:auto}
.notif #nt-filter button{height:26px;padding:0 10px;font-size:12px;flex:none}
.nt-list{flex:1;overflow-y:auto;min-height:0;border-top:1px solid var(--line)}
.nt-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 16px;border-bottom:1px solid var(--line);color:var(--text)!important;transition:background .12s}
.nt-row:hover{background:var(--hover)}
.nt-row.new{background:#86EFAC07}
.nt-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;background:var(--faint)}
.nt-dot.up{background:var(--up)}.nt-dot.info{background:var(--info)}.nt-dot.warn{background:var(--warn)}.nt-dot.kol{background:#C4B5FD}
.nt-row:not(.new) .nt-dot{opacity:.35}
.nt-txt{display:grid;gap:3px;min-width:0}
.nt-txt b{font-size:13px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}
.nt-txt small{font-size:12px;color:var(--muted);line-height:1.4}
.nt-meta{display:grid;justify-items:end;gap:3px;white-space:nowrap}
.nt-meta em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.nt-meta small{font-size:11px;color:var(--faint)}
.nt-sec{flex:none;max-height:30dvh;overflow-y:auto;padding:10px 16px 12px;border-top:1px solid var(--line-2);background:var(--canvas)}
.nt-sec h3{margin:0 0 8px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.nt-sec .note{margin:0;font-size:12px}
.nt-pa{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;gap:8px;align-items:center;height:36px}
.nt-pa a{display:flex;gap:8px;min-width:0;font-size:12.5px;color:var(--text)!important}
.nt-pa a span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nt-pa small{font-size:10.5px;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.05em}
.nt-pa.off small{color:var(--faint)}.nt-pa.off a{opacity:.6}
.nt-pa button,.mini-btn{width:28px;height:28px;display:inline-grid;place-items:center;padding:0;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--muted);flex:none}
.nt-pa button:hover,.mini-btn:hover{color:var(--text);border-color:var(--line-2)}
.nt-pa svg,.mini-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mini-btn.on{color:var(--green);border-color:#86EFAC55;background:#86EFAC10}
.notif>footer{flex:none;display:flex;justify-content:space-between;align-items:center;height:44px;padding:0 16px;border-top:1px solid var(--line);font-size:12px}
.notif>footer a{color:var(--muted)}.notif>footer a:hover{color:var(--green)}
@media(max-width:760px){.notif{margin:auto 0 0;width:100%;height:86dvh;max-height:86dvh;border-left:0;border-top:1px solid var(--line-2);border-radius:14px 14px 0 0;padding-bottom:env(safe-area-inset-bottom)}@keyframes nt-in{from{transform:translateY(30px);opacity:0}}}

/* price alert sheet, help sheet, tour */
.price-ask form{display:grid;gap:12px}
.price-ask header{margin:0!important}
.price-ask .note{margin:0}
.price-ask .seg{display:flex}.price-ask .seg button{flex:1}
.amt{display:flex;align-items:center;height:42px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);padding:0 10px;gap:8px;transition:border-color .12s}
.amt:focus-within{border-color:#86EFAC88;box-shadow:0 0 0 3px #86EFAC14}
.amt input{flex:1;min-width:0;width:100%;height:100%;border:0;background:none;outline:0;padding:0;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}
.amt>span{font-size:12px;font-weight:700;color:var(--muted);flex:none}
.amt.sm{height:34px;width:120px}.amt.sm input{font-size:13.5px}
.help-sheet p{margin:0 0 14px;font-size:14px;line-height:1.55;color:var(--text)}
.help-terms{display:grid;gap:8px;margin:0 0 16px;padding:12px;border-radius:8px;background:var(--canvas);border:1px solid var(--line)}
.help-terms div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px}
.help-terms dt{font-size:12px;font-weight:700;color:var(--green)}
.help-terms dd{margin:0;font-size:12.5px;color:var(--muted);line-height:1.45}
.help-sheet footer{display:flex;gap:8px;flex-wrap:wrap}
.tour{width:min(440px,calc(100vw - 24px));padding:0;border:1px solid var(--line-2);border-radius:14px;background:var(--panel);color:var(--text);overflow:hidden;box-shadow:0 30px 80px -20px #000}
.tour::backdrop{background:#000c}
.tour[open]{animation:tour-in .26s var(--ease)}
@keyframes tour-in{from{transform:translateY(10px) scale(.98);opacity:0}}
.tour-art{position:relative;height:150px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#86EFAC26,transparent 60%),radial-gradient(circle at 80% 90%,#7DD3FC1C,transparent 55%),var(--canvas);border-bottom:1px solid var(--line);overflow:hidden}
.tour-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tour-mark{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--green);color:var(--green);font-size:28px;font-weight:800;box-shadow:0 0 0 10px #86EFAC0D,0 0 0 22px #86EFAC07}
.tour-body{padding:18px 20px 18px}
.tour-n{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.tour h2{margin:6px 0 8px;font-size:20px;letter-spacing:-.02em}
.tour p{margin:0;font-size:13.5px;line-height:1.55;color:var(--muted)}
.tour-dots{display:flex;gap:6px;margin:16px 0}
.tour-dots i{width:18px;height:3px;border-radius:2px;background:var(--line-2)}.tour-dots i.on{background:var(--green);width:28px}
.tour footer{display:flex;justify-content:space-between;gap:8px}
.tour-spot{position:relative;z-index:1;outline:2px solid var(--green)!important;outline-offset:3px;border-radius:6px;box-shadow:0 0 0 8px #86EFAC22!important}

/* ======================= wallet profile ======================= */
.wl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:32px 0 20px}
.wl-id{display:flex;gap:18px;align-items:center;min-width:0;flex:1 1 420px}
.wl-ava{position:relative;width:72px;height:72px;flex:none;border-radius:16px;overflow:hidden;border:1px solid var(--line-2);background:var(--surface)}
.wl-ava .ident{position:absolute;inset:0;width:100%!important;height:100%!important;border-radius:0}
.wl-ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wl-name{display:grid;gap:6px;min-width:0}
.wl-name h1{margin:0;font-size:clamp(24px,3vw,34px);letter-spacing:-.03em;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wl-sub{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12.5px}
.wl-addr{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:5px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font:500 12px ui-monospace,"SF Mono",Menlo,monospace}
.wl-addr:hover{color:var(--text);border-color:var(--line-2)}
.wl-addr svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8}
.wl-x{color:var(--muted)!important;font-weight:600}.wl-x:hover{color:var(--green)!important}
.wl-tags{display:flex;gap:6px;flex-wrap:wrap}
.wl-tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.wl-tag.kol{color:#C4B5FD;background:#C4B5FD18}.wl-tag.down{color:var(--down);background:#FF4D6D18}.wl-tag.up{color:var(--green);background:#86EFAC14}.wl-tag.warn{color:var(--warn);background:#F5B83D16}.wl-tag.info{color:var(--info);background:#7DD3FC16}.wl-tag.none{color:var(--faint);background:var(--surface)}
.wl-obs{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:5px;border:1px dashed var(--line-2);font-size:11px;color:var(--faint);text-transform:capitalize;white-space:nowrap}
.wl-actions{display:flex;gap:8px;flex-wrap:wrap}
.wl-actions .btn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.wl-intro h1{margin:10px 0 6px;font-size:clamp(26px,3vw,34px);letter-spacing:-.03em}.wl-intro h1 em{font-style:normal;color:var(--green)}.wl-intro p{margin:0;max-width:60ch;font-size:14px;color:var(--muted)}
.wl-find{display:flex;gap:8px;margin-bottom:var(--gut);padding:8px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.wl-find .command-input{flex:1;height:42px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);padding:0 12px}
.wl-find input{font:500 14px ui-monospace,"SF Mono",Menlo,monospace}
.wl-find .btn{height:42px}
.ltable td small.sub{display:block;margin-top:2px;font-size:11px;font-weight:500;color:var(--faint)}
.ltable td.up small.sub,.ltable td.down small.sub{opacity:.8}
.ltable .mode.local{margin-left:6px}
.ledger-grid>div>.pcard>.table-scroll{max-height:560px;overflow:auto}
.dev-sheet{display:grid}
.dev-verdict{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.dev-nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-bottom:1px solid var(--line)}
.dev-nums>div{display:grid;gap:2px;padding:12px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.dev-nums>div:nth-child(2n){border-right:0}.dev-nums>div:nth-last-child(-n+2){border-bottom:0}
.dev-nums dt{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.dev-nums dd{margin:0;font-size:18px;font-weight:750;font-variant-numeric:tabular-nums}
.dev-nums small{font-size:11px;color:var(--faint)}
.dev-sheet .note{margin:0;padding:10px 14px;font-size:11px;color:var(--faint);border-top:1px solid var(--line)}
.mini-list .ident{width:30px;height:30px;border-radius:7px}

/* ======================= tracker ======================= */
.trk-main{width:min(1480px,100%);margin:0 auto;padding:0 var(--gut) 48px}
.trk-head{align-items:flex-end}
.eyebrow.live i{animation:live-pulse 1.6s ease-in-out infinite}
.eyebrow.live.off{color:var(--warn)}.eyebrow.live.off i{background:var(--warn);animation:none}
@keyframes live-pulse{50%{box-shadow:0 0 0 6px #86EFAC00}}
.trk-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.trk-controls .seg button{height:32px;padding:0 11px;font-size:12.5px}
.trk-min{display:flex;align-items:center;gap:6px;height:34px;padding:0 4px 0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:12px;color:var(--faint)}
.trk-min select{height:28px;border:0;background:var(--surface);border-radius:6px;color:var(--text);font-weight:700;padding:0 6px}
.trk-controls .btn{height:34px}
.trk-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:var(--gut);align-items:start}
.trk-side{position:sticky;top:64px;display:flex;flex-direction:column;max-height:calc(100dvh - 120px);overflow:hidden}
.trk-side>header .seg{margin:0}
.trk-side>header .seg button span{margin-left:4px;color:var(--faint);font-variant-numeric:tabular-nums}
.trk-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:10px;border-bottom:1px solid var(--line)}
.trk-add input,.trk-filter input{height:32px;min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--canvas);padding:0 9px;font-size:12px;color:var(--text)}
.trk-add input:focus,.trk-filter input:focus{outline:0;border-color:#86EFAC77}
.trk-add .btn{height:32px;padding:0 10px;font-size:12px}
.trk-add #w-addr{grid-column:1/-1}
.trk-filter{display:block;padding:8px 10px;border-bottom:1px solid var(--line)}.trk-filter input{width:100%}
.trk-wallets{overflow-y:auto;min-height:0;flex:1}
.trk-w{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:6px;align-items:center;padding:0 10px 0 0;border-bottom:1px solid var(--line)}
.trk-w>a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:50px;padding:7px 0 7px 12px;color:var(--text)!important;min-width:0}
.trk-w:hover{background:var(--hover)}
.trk-w .mid{display:grid;gap:2px;min-width:0}
.trk-w .mid b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trk-w .mid small{font-size:11px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trk-w .r{display:grid;justify-items:end;font-size:12px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.trk-w .r small{font-size:10px;font-weight:500;color:var(--faint)}
.trk-ava{position:relative;width:30px;height:30px;border-radius:50%;overflow:hidden;flex:none;background:var(--surface)}
.trk-ava .ident{position:absolute;inset:0;width:100%!important;height:100%!important}
.trk-ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.trk-feed{overflow:hidden;min-height:420px}
.trk-rows{display:grid}
.trk-row{display:grid;grid-template-columns:44px minmax(150px,1.2fr) 64px minmax(130px,1fr) 104px 74px;gap:12px;align-items:center;min-height:56px;padding:0 12px 0 14px;border-bottom:1px solid var(--line);position:relative}
.trk-row:hover{background:var(--hover)}
.trk-row::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--up);opacity:.6}
.trk-row.is-sell::before{background:var(--down)}
.trk-row.fresh{animation:trk-in .9s var(--ease)}
@keyframes trk-in{from{background:#86EFAC1C;transform:translateY(-4px)}}
.trk-row.is-sell.fresh{animation-name:trk-in-s}@keyframes trk-in-s{from{background:#FF4D6D1A;transform:translateY(-4px)}}
.trk-t{font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.trk-who,.trk-coin{display:flex;align-items:center;gap:9px;min-width:0;color:var(--text)!important}
.trk-who>span,.trk-coin>span{display:grid;gap:2px;min-width:0}
.trk-who b,.trk-coin b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trk-who small,.trk-coin small{font-size:11px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trk-who em{font-style:normal;font-weight:700;color:#C4B5FD;margin-right:6px}.trk-who em.fol{color:var(--green)}
.trk-who:hover b,.trk-coin:hover b{color:var(--green)}
.trk-coin .pic{position:relative;inset:auto;width:30px;height:30px;border-radius:7px;flex:none}.trk-coin .pic b{font-size:10px}
.trk-row .side{display:inline-flex;justify-content:center;height:20px;align-items:center;border-radius:4px;font-size:11px;font-weight:700}
.trk-row .side.is-buy{color:var(--up);background:#4ADE8014}.trk-row .side.is-sell{color:var(--down);background:#FF4D6D16}
.trk-amt{display:grid;justify-items:end;gap:2px;font-variant-numeric:tabular-nums}
.trk-amt b{font-size:13.5px}.trk-amt small{font-size:11px;color:var(--faint)}
.trk-buy{height:30px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 9px;border-radius:7px;border:1px solid #86EFAC44;background:#86EFAC12;color:var(--green);font-size:12px;font-weight:800}
.trk-buy:hover{background:var(--green);color:var(--green-ink)}
.trk-buy svg{width:13px;height:13px;fill:currentColor;stroke:none}
.trk-buy:active{transform:scale(.96)}
@media(max-width:1100px){.trk-grid{grid-template-columns:1fr}.trk-feed{order:-1;min-height:280px}.trk-side{position:static;max-height:460px}}
@media(max-width:760px){.trk-row{grid-template-columns:minmax(0,1fr) auto auto 52px;grid-template-areas:"who side t buy" "coin coin amt buy";gap:6px 10px;padding:9px 12px;min-height:0}.trk-who{grid-area:who}.trk-coin{grid-area:coin}.trk-amt{grid-area:amt}.trk-buy{grid-area:buy;height:100%;min-height:44px;flex-direction:column;gap:2px}.trk-row .side{grid-area:side;padding:0 6px}.trk-t{grid-area:t;text-align:right}.trk-coin .pic{width:22px;height:22px;border-radius:5px}.trk-ava{width:26px;height:26px}.trk-controls{width:100%}.trk-controls .seg{flex:1 1 auto}.trk-controls .seg button{flex:1}}

/* ======================= portfolio ======================= */
.pf-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pf-actions .seg button{height:32px;padding:0 11px;font-size:12.5px}
.pf-chart-card{margin-bottom:var(--gut)}
.pf-chart-card>header .meta b{font-size:13px}
.pf-chart{position:relative;height:240px;padding:12px 0 26px}
.pf-chart svg{display:block;width:100%;height:100%}
.pf-chart .zero{stroke:var(--line-2);stroke-dasharray:3 5}
.pf-chart .ln{fill:none;stroke-width:2.2;stroke-linejoin:round}.pf-chart .ln.up{stroke:var(--up)}.pf-chart .ln.down{stroke:var(--down)}
.pf-dot{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--up);box-shadow:0 0 0 5px #4ADE8026;animation:live-pulse 1.8s infinite;pointer-events:none}
.pf-dot.down{background:var(--down);box-shadow:0 0 0 5px #FF4D6D26}
.pf-chart>.empty-state{height:100%;padding:18px}
.pf-tip{position:absolute;top:12px;display:grid;gap:2px;padding:7px 10px;border-radius:6px;border:1px solid var(--line-2);background:var(--surface);pointer-events:none;white-space:nowrap;z-index:2}
.pf-tip b{font-size:13px}.pf-tip small{font-size:11px;color:var(--muted)}
.pf-axis{position:absolute;left:14px;right:14px;bottom:4px;display:flex;justify-content:space-between;font-size:11px;color:var(--faint)}
.ledger-main>.pcard+.pcard{margin-top:var(--gut)}
.pf-act{white-space:nowrap}.pf-act .mini-btn+.mini-btn{margin-left:4px}
.pf-act a.mini-btn{color:var(--green)}
.share-sheet{width:min(720px,calc(100vw - 24px))}
.share-sheet canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:10px;border:1px solid var(--line)}
.share-sheet .note{margin:10px 0 14px;font-size:12px}
.share-sheet footer{display:flex;gap:8px;flex-wrap:wrap}

/* ======================= settings ======================= */
.set-main{width:min(1080px,100%)}
.set-saved{height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:6px;font-size:12px;font-weight:700;color:var(--green);background:#86EFAC12;opacity:0;transition:opacity .2s}
.set-saved.on{opacity:1}
.set-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:start}
.set-toc a{grid-template-columns:1fr}
.set-body{display:grid;gap:var(--gut);min-width:0}
.set-sec{scroll-margin-top:72px}
.set-sec>header .btn{margin-left:auto}
.btn.sm{height:28px;padding:0 10px;font-size:12px}
.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.set-row:first-child{padding-top:0}.set-row:last-child{border-bottom:0;padding-bottom:0}
.set-row>div:first-child{flex:1 1 260px;min-width:0}
.set-row b{font-size:13.5px}
.set-row p{margin:3px 0 0;font-size:12.5px;line-height:1.45;color:var(--muted)}
.set-ctl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.set-row .seg button{height:30px;padding:0 10px;font-size:12px}
.set-row select,.preset select{height:34px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);color:var(--text);padding:0 10px;font-size:13px}
.set-body .note{margin:10px 0 0;font-size:12px}
.switch{position:relative;display:inline-flex;width:42px;height:24px;flex:none;cursor:pointer}
.switch input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.switch i{position:absolute;inset:0;border-radius:12px;background:var(--surface-2);border:1px solid var(--line-2);transition:background .15s}
.switch i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .18s var(--ease),background .15s}
.switch input:checked+i{background:#86EFAC2A;border-color:#86EFAC77}
.switch input:checked+i::after{transform:translateX(18px);background:var(--green)}
.switch input:focus-visible+i{outline:2px solid var(--green);outline-offset:2px}
.set-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;padding:12px 0;border-bottom:1px solid var(--line)}
.set-check{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:8px;border:1px solid var(--line);background:var(--canvas);cursor:pointer}
.set-check:has(input:checked){border-color:#86EFAC44}
.set-check input{margin-top:2px;accent-color:#86EFAC}
.set-check span{display:grid;gap:2px}.set-check b{font-size:12.5px}.set-check small{font-size:11.5px;color:var(--faint)}
.preset-grid{display:grid;gap:8px}
.preset{display:grid;grid-template-columns:44px repeat(3,minmax(0,1fr));gap:10px;align-items:end;padding:10px;border-radius:8px;border:1px solid var(--line);background:var(--canvas)}
.preset-n{height:34px;display:grid;place-items:center;border-radius:7px;background:#86EFAC14;color:var(--green);font-weight:800;font-size:13px}
.preset label{display:grid;gap:4px;min-width:0}.preset label small{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.preset .amt.sm{width:auto}.preset select{width:100%}
.keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;margin-top:10px}
.key-row{display:flex;justify-content:space-between;align-items:center;gap:10px;height:42px;padding:0 6px 0 12px;border-radius:8px;border:1px solid var(--line);background:var(--canvas);font-size:12.5px}
.key-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.key{height:30px;min-width:44px;padding:0 8px;border-radius:6px;border:1px solid var(--line-2);background:var(--surface);color:var(--text);font-size:12px;font-weight:700;flex:none}
.key kbd,.set-body kbd{font:700 12px ui-monospace,"SF Mono",Menlo,monospace}
.key.listening{border-color:var(--green);color:var(--green);animation:live-pulse 1.2s infinite}
.set-body .aw-linked{display:grid;gap:6px;margin-bottom:12px}
.set-body .aw-row{padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--canvas)}
.set-body .aw-row small{font-size:11.5px;color:var(--faint)}
@media(max-width:900px){.set-grid{grid-template-columns:1fr}.set-toc{position:static;display:flex;overflow-x:auto;gap:4px}.set-toc a{flex:none;border-left:0;border-bottom:2px solid transparent;border-radius:6px 6px 0 0}.set-toc a.on{border-bottom-color:var(--green)}}
@media(max-width:600px){.preset{grid-template-columns:1fr 1fr}.preset-n{grid-column:1/-1;height:26px;justify-self:start;padding:0 10px}.set-row>.amt.sm,.set-ctl{width:100%}.set-row select{width:100%}}
.preset.on{border-color:#86EFAC55}
button.preset-n{border:0;cursor:pointer;background:var(--surface);color:var(--muted)}
.preset.on .preset-n{background:#86EFAC1A;color:var(--green);box-shadow:inset 0 0 0 1px #86EFAC55}
.preset-grid>.set-row{padding:12px 0 0}
.set-sub{margin:16px 0 8px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.keys-ref{display:flex;flex-wrap:wrap;gap:6px}
.keys-ref span{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px 0 6px;border-radius:6px;border:1px solid var(--line);font-size:12px;color:var(--muted)}
.keys-ref kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:4px;background:var(--surface-2);color:var(--text)}
.pf-plot{position:relative;height:100%}
.pf-chart-card>header .meta{margin-left:auto}.pf-chart-card>header .seg{margin-left:10px}
.search-result.sr-go>a{gap:11px}
.sr-ic{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:8px;background:#86EFAC12;color:var(--green);border:1px solid #86EFAC33}
.sr-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.search-result.sr-go kbd{margin-left:auto;height:20px;display:inline-flex;align-items:center;padding:0 6px;border-radius:4px;border:1px solid var(--line-2);font:600 10px/1 system-ui;color:var(--faint)}
.pf-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;color:var(--text)!important;transition:border-color .12s}
.pf-link:hover{border-color:var(--line-2)}
.pf-link>span:first-child{display:grid;gap:3px}.pf-link small{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.pf-link b{font-size:20px;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}
.pf-link .muted{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ltable .lb-kol{display:inline-flex;align-items:center;gap:9px;font-family:inherit}
.ltable .lb-kol>span{display:grid;gap:1px;text-align:left}.ltable .lb-kol b{font-size:13px}.ltable .lb-kol small{font-size:11px;color:var(--faint)}
.ltable .lb-kol .ident{width:26px;height:26px}
.pcard>header #lb-src{margin-left:0}
.ap-list{border-top:0;max-height:none}
.ap-foot{display:flex;justify-content:space-between;padding:10px 12px;border-top:1px solid var(--line)}
.pcard>header>.seg:first-child{margin-left:0}
.nt-links{display:flex;gap:14px}
.sr-go .sr-l1 b{max-width:none}
/* brand v1 (BRAND.md) */
.top .brand picture{display:flex;align-items:center}
.top .brand img{display:block;height:16px;width:auto}
@media(max-width:379px){.top .brand img{height:24px;width:24px}}
.tour-art{height:auto;aspect-ratio:16/9}
.tour-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px 12px}
.tour-mark{position:absolute;left:12px;top:12px;z-index:1;width:28px;height:28px;font-size:13px;border-width:1.5px;background:var(--canvas);box-shadow:none}
.empty-art{display:grid;justify-items:center;gap:4px;padding:28px 16px;text-align:center}
.empty-art img{margin-bottom:8px;max-width:100%;height:auto}
.empty-art b{font-size:13px;font-weight:600;color:var(--text)}
.empty-art span{font-size:12px;color:var(--muted);max-width:40ch;line-height:1.5}
.empty-art .btn{margin-top:10px}
.mini-list>.empty-art{display:grid;grid-template-columns:none;min-height:0}
.trk-who em.k-whale{color:var(--info)}.trk-who em.k-smart{color:var(--green)}.trk-who em.k-alt{color:#A5B4FC}
.share-sheet .share-img{display:block;width:100%;height:auto;aspect-ratio:1200/630;border-radius:10px;border:1px solid var(--line);background:var(--canvas)}
.aw-art{padding:8px 0 16px}
.new-here{position:fixed;right:12px;left:auto;bottom:12px;z-index:70;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:8px 8px 8px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--panel);box-shadow:0 16px 40px -12px #000;font-size:12.5px;color:var(--muted)}
.new-here b{color:var(--text);white-space:nowrap}
.new-here span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.new-here .btn{background:none;box-shadow:inset 0 0 0 1px #86EFAC55;border-color:transparent;color:var(--green)}
@media(max-width:760px){.new-here{bottom:calc(72px + env(safe-area-inset-bottom));right:8px}}
@media(max-width:480px){.new-here span{display:none}}
.pf-share{justify-self:start;margin-top:-2px}
.key kbd+kbd{margin-left:2px}.key{white-space:nowrap;font-size:11px;color:var(--faint)}
.sr-ic .ident{width:100%;height:100%;border-radius:8px}.kol-tag{color:#C4B5FD!important;background:#C4B5FD18!important}
/* tour: a non-modal card that never covers the board (audit P0-14) */
.tour[open]{position:fixed;inset:auto 16px 16px auto;margin:0;z-index:80;width:min(380px,calc(100vw - 24px))}
.tour .tour-art{max-height:170px}
.tour-body{padding:14px 16px}
.tour h2{font-size:17px}
@media(max-width:760px){
 .tour[open]{inset:auto 8px calc(70px + env(safe-area-inset-bottom)) 8px;width:auto;display:grid;grid-template-columns:96px minmax(0,1fr);border-radius:12px}
 .tour .tour-art{aspect-ratio:auto;height:100%;max-height:none;min-height:120px;border-bottom:0;border-right:1px solid var(--line)}
 .tour .tour-art img{padding:4px}
 .tour-mark{width:22px;height:22px;font-size:11px;left:6px;top:6px}
 .tour-body{padding:10px 12px}
 .tour h2{font-size:15px;margin:3px 0 4px}
 .tour p{font-size:12.5px;line-height:1.45}
 .tour-dots{margin:8px 0}
 .tour footer .btn{height:32px;padding:0 12px;font-size:12px}
}
.trk-w .mid small .xv{height:15px;font-size:9.5px;padding:0 5px;margin-right:5px;vertical-align:1px}
.ap-new{display:grid;gap:10px}
.ap-field{display:grid;gap:4px}.ap-field small{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.ap-field input{height:40px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);padding:0 12px;font-size:14px;color:var(--text)}
.ap-field input:focus{outline:0;border-color:#86EFAC77}
.ap-hits{display:flex;flex-wrap:wrap;gap:6px}.ap-hits:empty{display:none}.ap-hits .note{margin:0;font-size:12px}
.ap-hits button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px 0 4px;border-radius:8px;font-size:12.5px;max-width:100%}
.ap-hits .pic{position:relative;inset:auto;width:24px;height:24px;border-radius:6px;flex:none}.ap-hits .pic b{font-size:9px}
.ap-hits button>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.ap-hits small{color:var(--faint);font-size:11px}
.ap-new .seg{display:flex}.ap-new .seg button{flex:1}
.ap-list-pa{display:grid;gap:8px}
.ap-pa{display:grid;grid-template-columns:minmax(0,1fr) 84px 118px auto 28px;gap:6px;align-items:center}
.ap-pa>a{display:grid;gap:1px;min-width:0;color:var(--text)!important}.ap-pa>a b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-pa>a small{font-size:10.5px;color:var(--green);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.ap-pa.off>a small{color:var(--faint)}
.ap-pa select{height:34px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);color:var(--text);padding:0 6px;font-size:12.5px}
.ap-pa .amt.sm{width:auto}
.ap-rules{list-style:none;margin:0;padding:6px 14px 12px;display:grid}
.ap-rules li{display:grid;gap:2px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.ap-rules li:last-child{border-bottom:0}.ap-rules b{font-size:13px;color:var(--text)}
@media(max-width:420px){.ap-pa{grid-template-columns:minmax(0,1fr) 84px 28px}.ap-pa .amt.sm{grid-column:1/2}.ap-pa .btn{grid-column:2/4}}
@media(min-width:1101px){.ap-grid{grid-template-columns:minmax(0,1fr) 440px}}
/* design review round 3 */
.sr-l1 .pb-tag,#card-preview .pb-tag,.ltable .pb-tag,.mini-list .pb-tag{background:#86EFAC1a!important;color:var(--green)!important}
.sr-l2 .sr-line{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}
@media(max-width:480px){.tour[open]{grid-template-columns:1fr}.tour .tour-art{aspect-ratio:16/9;height:auto;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.tour .tour-art img{padding:6px 10px}}
kbd,.key kbd,.set-body kbd,.keys-ref kbd{font:600 11px ui-monospace,"SF Mono",Menlo,monospace;padding:2px 6px;border-radius:4px;background:#ffffff0d;box-shadow:inset 0 -1px 0 #ffffff1a;border:0;color:var(--text);min-width:0;height:auto;display:inline-block}
.set-toc a.on{box-shadow:inset 2px 0 0 var(--green)}
.preset:not(.on) .preset-n{background:var(--surface);color:var(--sec,var(--muted));box-shadow:none}
.docs-shell p,.chapter p{max-width:68ch}
.ch-n{font-family:ui-monospace,"SF Mono",Menlo,monospace;color:var(--muted)!important}
.ch-n b{color:var(--muted)!important}
.health{display:inline-grid;place-items:center;width:18px;height:18px;flex:none;margin-left:-6px;cursor:help}
.health i{width:7px;height:7px;border-radius:50%;background:var(--faint)}
.health.green i{background:var(--up);box-shadow:0 0 0 3px #4ADE801f}.health.amber i{background:var(--warn);box-shadow:0 0 0 3px #F5B83D22}.health.red i{background:var(--down);box-shadow:0 0 0 3px #FF4D6D22;animation:live-pulse 1.4s infinite}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ltable tr[data-href]{cursor:pointer}
.lb-note details summary{cursor:pointer;color:var(--muted);font-weight:600;width:max-content;max-width:100%}
.lb-note details summary:hover{color:var(--text)}
.lb-note details p{margin:8px 0 0;max-width:80ch}
.ltable td small.dim,.ltable td .dim{color:var(--faint)}
.trk-row .side,.trk-row .side.is-buy,.trk-row .side.is-sell{background:none;color:var(--sec,#A0A5AF);font-weight:600;justify-content:flex-start;padding:0}
.trk-more{display:block;width:100%;height:44px;border:0;border-top:1px solid var(--line);border-radius:0;background:none;color:var(--muted);font-size:12.5px;font-weight:600}
.trk-more:hover{background:var(--hover);color:var(--text)}
@media(max-width:760px){.trk-buy{height:32px;min-height:0;padding:0 10px;flex-direction:row;align-self:center}.trk-row{grid-template-columns:minmax(0,1fr) auto auto auto}}
.strip.strip-empty{display:block;padding:14px 16px}.strip.strip-empty p{margin:0;font-size:13px;color:var(--muted)}
.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}
.ap-rules li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.ap-rules li>span{display:grid;gap:2px}
button.link.danger{color:var(--down)}
.pcard>.pf-link{border:0;border-radius:0}
.wallet-card .wc-av{width:24px;height:24px}
.wl-main{min-height:calc(100dvh - 140px)}
.wl-picks{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-2px 0 var(--gut)}
.wl-picks>span{width:100%;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:2px}
.wl-picks a{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 8px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text)!important;font-size:12.5px;max-width:100%}
.wl-picks a:hover{border-color:var(--line-2)}
.wl-picks .ident{width:20px;height:20px}.wl-picks b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.wl-picks small{font-size:11px;font-weight:600;white-space:nowrap}
.wl-find .command-input .btn{flex:none}
.create-v10 .pair-choice button.on{border-color:var(--line-2);background:var(--canvas);color:var(--text);box-shadow:inset 2px 0 0 var(--green)}
.create-v10 .pair-choice button.on small{color:var(--muted)}
.fee-line{margin:4px 0 12px;font-size:12px;line-height:1.5;color:var(--muted)}.fee-line a{color:var(--text);font-weight:600}
.stepper a.on,.stepper a[aria-current]{color:var(--green)}
#scorecard .pcard>header{height:auto;min-height:40px;padding:8px 14px;flex-wrap:wrap;gap:4px 12px}
#scorecard .pcard>header h3{white-space:nowrap}
#scorecard .pcard>header .meta{white-space:normal;text-align:right;flex:1 1 240px;line-height:1.4}
#scorecard .ftable td small{margin-left:4px}
.manual,.manual-section,#scorecard,#scorecard .pcard{min-width:0;max-width:100%}
#scorecard .table-scroll{overflow-x:auto}
#scorecard .ftable{min-width:520px}
/* create: crop, X-ray checks, launch sheet */
.crop-sheet{width:min(460px,calc(100vw - 24px))}
.crop-stage{position:relative;width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--canvas);touch-action:none}
.crop-stage canvas{display:block;width:100%;height:100%;cursor:grab}.crop-stage canvas:active{cursor:grabbing}
.crop-ring{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff22;background:radial-gradient(circle at center,transparent 49.6%,#0008 50%)}
.crop-zoom{display:flex;align-items:center;gap:10px;margin:12px 0 4px;font-size:12px;color:var(--muted)}.crop-zoom input{flex:1;accent-color:#86EFAC}
.crop-sheet footer{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.fld-err{display:block;margin-top:4px;font-size:11.5px;color:var(--down)}
.xr-card{margin-top:var(--gut)}
.xr-checks{list-style:none;margin:0;padding:6px 14px;display:grid}
.xr-checks li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;align-items:start;padding:8px 0;border-bottom:1px solid var(--line)}
.xr-checks li:last-child{border-bottom:0}
.xr-checks li>i{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--faint)}
.xr-checks li.pass>i{background:var(--green)}.xr-checks li.soft>i{background:var(--warn)}.xr-checks li.fail>i{background:var(--down)}.xr-checks li.wait>i{background:none;box-shadow:inset 0 0 0 1.5px var(--faint)}
.xr-checks b{display:block;font-size:12.5px}.xr-checks small{font-size:11.5px;color:var(--muted);line-height:1.4}
.xr-foot{margin:0;padding:0 14px 12px;font-size:11.5px}
.launched{width:min(520px,calc(100vw - 24px));text-align:center}
.ln-hero{height:90px}
.launched h2{margin:0 0 6px;font-size:24px;letter-spacing:-.02em}
.ln-ca{display:flex;align-items:center;gap:8px;margin:14px 0;padding:6px 6px 6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);text-align:left}
.ln-ca code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12px ui-monospace,"SF Mono",Menlo,monospace;color:var(--muted)}
.ln-card{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--line);margin-bottom:14px}
.launched footer{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.mini-list>a{position:relative}
.lb-rest>a .rest-bar{position:absolute;left:54px;right:14px;bottom:6px;height:2px;border-radius:2px;background:var(--line);overflow:hidden}
.lb-rest>a .rest-bar i{display:block;height:100%;background:var(--green);opacity:.7}
.doc-fig{margin:14px 0 18px;max-width:640px}
.doc-fig img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:var(--canvas)}
.doc-fig figcaption{margin-top:6px;font-size:12px;color:var(--muted)}
@media(max-width:760px){.docs-jump{position:sticky;top:52px;z-index:5;background:var(--canvas);padding:8px 0}}
.wl-art{display:none}
@media(min-width:900px){.wl-head:has(.wl-intro){align-items:center}.wl-head .wl-art{display:block;opacity:.9}}
.lock-note{margin:0 0 10px;font-size:12px}
.pnl-src{display:grid}
.pnl-row{display:grid;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line)}
.pnl-l b{font-size:12.5px}.pnl-l small{display:block;font-size:10.5px;color:var(--faint)}
.pnl-cells{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px}
.pnl-cells>span{display:grid;gap:1px;padding:6px 8px;border-radius:6px;background:var(--canvas);border:1px solid var(--line);min-width:0}
.pnl-cells small{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.pnl-cells b{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.pnl-cells em{font-style:normal;font-size:10.5px;color:var(--muted);line-height:1.3}
.wl-pnl-none{margin:0;padding:12px 14px;font-size:12px}
.smart-note{margin:var(--gut) 0 0;padding:10px 14px;border-radius:8px;border:1px solid #F5B83D44;background:#F5B83D0d;font-size:12.5px;color:var(--muted)}
/* clipboard CA preview */
.clip-btn svg{width:16px;height:16px}
@media(max-width:760px){.top .clip-btn{border:0;background:none;width:32px;min-width:32px;padding:0}}
.clip-chip{position:fixed;top:60px;right:12px;z-index:85;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:8px 8px 8px 10px;border:1px solid var(--line-2);border-radius:12px;background:var(--panel);box-shadow:0 18px 40px -12px #000;animation:nt-in .2s var(--ease)}
.clip-chip .cc-id{display:flex;align-items:center;gap:10px;min-width:0;color:var(--text)!important}
.clip-chip .pic,.clip-chip .ident{position:relative;inset:auto;width:34px;height:34px;border-radius:8px;flex:none}
.clip-chip .cc-id>span{display:grid;gap:1px;min-width:0}.clip-chip b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-chip small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.clip-chip .cc-acts{display:flex;gap:6px;flex:none}
@media(max-width:480px){.clip-chip{left:8px;right:8px;flex-wrap:wrap}.clip-chip .cc-acts{order:3;width:100%}.clip-chip .cc-acts .btn{flex:1}}
/* rug replays */
.rp-tabs{display:flex;flex-wrap:wrap;margin-bottom:10px}.rp-tabs button{height:34px;padding:0 12px;font-size:12.5px}.rp-tabs small{color:var(--faint);margin-left:4px;font-variant-numeric:tabular-nums}
.rp-note{margin:0 0 6px;font-size:12px;color:var(--faint);max-width:80ch}
.rp-caption{margin:0 0 var(--gut);font-size:13px;color:var(--muted)}
.rp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--gut)}
.rp-card{display:flex;flex-direction:column;overflow:hidden}
.rp-card.blocked_rug,.rp-card.mass_deployer{box-shadow:inset 2px 0 0 #FF4D6D66}.rp-card.passed_rug{box-shadow:inset 2px 0 0 #F5B83D88}.rp-card.passed_winner{box-shadow:inset 2px 0 0 #86EFAC66}
.rp-id{display:grid;min-width:0;color:var(--text)!important}.rp-id b{font-size:14px}.rp-id small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-card>header{height:auto;min-height:48px;padding:8px 14px}
.rp-failed{display:flex;flex-wrap:wrap;gap:4px;padding:10px 14px 0}.rp-failed .xv{white-space:normal;height:auto;min-height:18px;padding:2px 6px;line-height:1.3}
.rp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;margin:0;padding:12px 14px}
.rp-stats dt{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.rp-stats dd{margin:2px 0 0;font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums}
.rp-flags{margin:0;padding:0 14px 10px;font-size:11.5px;color:var(--warn);line-height:1.45}
.rp-out{margin:0 14px 12px;padding:10px;border-radius:8px;background:var(--canvas);border:1px solid var(--line);display:grid;gap:6px;font-size:12px;color:var(--muted)}
.rp-out b{font-size:16px;color:var(--text)}
.rp-path{width:100%;height:64px;overflow:visible}.rp-path path{fill:none;stroke-width:2;stroke:var(--down)}.rp-path.up path{stroke:var(--up)}.rp-path circle{fill:currentColor;color:var(--text)}.rp-path .base{stroke:var(--line-2);stroke-dasharray:3 4}.rp-path text{font-size:9px;fill:var(--faint)}
.rp-card>footer{margin-top:auto;display:flex;flex-wrap:wrap;gap:12px;padding:10px 14px;border-top:1px solid var(--line)}
.rp-dev{display:inline-flex;align-items:center;gap:6px;font:500 11.5px ui-monospace,"SF Mono",Menlo,monospace;color:var(--muted)!important}.rp-dev .ident{width:16px;height:16px}
.rp-rules ul{margin:8px 0 0;padding-left:18px;display:grid;gap:4px}
@media(max-width:420px){.rp-grid{grid-template-columns:1fr}.rp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sw-update{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:90;height:40px;padding:0 18px;border-radius:20px;border:1px solid #86EFAC66;background:var(--panel);color:var(--green);font-size:13px;font-weight:700;box-shadow:0 16px 40px -12px #000;cursor:pointer}
@media(max-width:760px){.sw-update{bottom:calc(76px + env(safe-area-inset-bottom))}}
.auth-pop [data-install]{text-align:left}
/* ticker: KOL face before the coin, quiet empty state */
.ticker .tk-kol{position:relative;width:20px;height:20px;flex:none;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--line-2)}
.ticker .tk-kol .ident,.ticker .tk-kol img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}
.ticker .tk-kol+.tk-pic{margin-left:-11px;box-shadow:0 0 0 2px var(--canvas);border-radius:5px}
.ticker>.tk-empty{color:var(--faint);font-weight:500;border-right:0}
/* callouts rail (callouts.js): pushes the page on wide screens, a drawer below 1280 */
.co-btn{position:relative}
.co-btn span{display:none}
@media(min-width:1440px){.co-btn span{display:inline}}
.co-btn.on{color:var(--green);border-color:#86EFAC44}
.co-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px var(--canvas)}
.co-rail{position:fixed;top:0;right:0;bottom:0;z-index:70;width:min(380px,calc(100vw - 40px));display:flex;flex-direction:column;background:var(--canvas);border-left:1px solid var(--line);box-shadow:-24px 0 60px -30px #000}
.co-rail[hidden]{display:none}
.co-scrim{position:fixed;inset:0;z-index:69;background:#000A}
.co-scrim[hidden]{display:none}
.co-rail>header{display:flex;align-items:center;gap:10px;height:48px;min-height:48px;padding:0 10px 0 16px;border-bottom:1px solid var(--line)}
.co-rail h2{font-size:14px;font-weight:700;margin:0;margin-right:auto}
.co-rail .co-tabs button{min-width:52px}
.co-close{width:30px;padding:0}
.co-list{flex:1;overflow-y:auto;margin:0;padding:0;list-style:none;overscroll-behavior:contain}
.co-item{position:relative;border-bottom:1px solid var(--line)}
.co-link{display:grid;gap:6px;padding:12px 16px 12px;color:inherit}
.co-link:hover{background:var(--surface)}
.co-who,.co-coin,.co-meta{display:flex;align-items:center;gap:7px;min-width:0}
.co-who b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}
.co-who small{color:var(--faint);font-size:11px}
.co-face{position:relative;width:22px;height:22px;flex:none;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--line-2)}
.co-face .ident,.co-face img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}
.co-pic{position:relative;width:20px;height:20px;flex:none}
.co-pic .pic{inset:0;border-radius:5px;box-shadow:0 0 0 1px var(--line)}
.co-pic .pic b{font-size:8px}
.co-coin b{font-size:13px}
.co-mult{font-weight:700;font-size:13px;font-variant-numeric:tabular-nums}
.co-mult.up,.co-table .up,.co-totals .up{color:var(--up)}.co-mult.down,.co-table .down,.co-totals .down{color:var(--down)}
.co-thesis{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.co-meta{flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--faint)}
.co-flag{color:var(--warn,#F5B83D);font-weight:600;font-size:11px;white-space:nowrap}
.co-tail{position:absolute;right:14px;top:9px;height:28px;padding:0 14px}
.co-who{padding-right:64px}
.co-empty{padding:28px 16px;color:var(--faint);font-size:13px;line-height:1.5}
.co-foot{padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);font-size:12px;line-height:1.45;color:var(--faint)}
.co-foot a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
@media(min-width:1280px){.co-rail{width:300px;box-shadow:none;z-index:40}body.co-open{padding-right:300px}}
/* callouts tables on profile and wallet */
.co-card{grid-column:1/-1}
.co-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--rc);overflow:hidden;margin-bottom:12px}
.co-totals>div{display:grid;gap:4px;padding:10px 12px;background:var(--canvas)}
.co-totals span{font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.06em}
.co-totals b{font-size:16px;font-variant-numeric:tabular-nums}
.co-wrap{overflow-x:auto}
.co-table .r{text-align:right}
.co-cell{display:inline-flex;align-items:center;gap:7px;color:inherit}
.co-th{display:block;max-width:220px;margin-top:3px;color:var(--faint);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-none{margin:0}
.lb-kol .co-face{width:24px;height:24px}
.name-form{display:flex;gap:8px;align-items:center}
.name-form input{width:180px;height:32px;padding:0 10px;border-radius:var(--rc);border:1px solid var(--line-2);background:var(--surface);color:var(--text);font:inherit;font-size:13px}
.name-form input:disabled{opacity:.6}
@media(max-width:760px){.name-form{width:100%}.name-form input{flex:1;width:auto;min-width:0}}
@media(max-width:760px){.co-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.co-table th,.co-table td{padding-left:8px;padding-right:8px}}
.co-closed{font-size:11px}
/* live PnL flash (portfolio, wallet positions): a short tint on the value that moved */
@keyframes live-up{from{background:#4ADE8026}to{background:transparent}}
@keyframes live-down{from{background:#FF4D6D26}to{background:transparent}}
.live-up{animation:live-up .6s ease-out}
.live-down{animation:live-down .6s ease-out}
@media(prefers-reduced-motion:reduce){.live-up,.live-down{animation:none}}

/* ---------- Create: fee mode and creator lock (SPEC-CHANGES 11, 12) ---------- */
.create-v10 .mode-choice{margin:0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}
.create-v10 .mode-choice legend{display:flex;gap:8px;align-items:baseline;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:7px;padding:0}
.create-v10 .mode-choice legend i{font-style:normal;font-weight:600;color:#FBBF24;font-size:11px}
.mode-choice button{display:grid;gap:6px;align-content:start;text-align:left;padding:12px 13px;border-radius:10px;background:var(--canvas);border:1px solid var(--line);color:var(--text);min-width:0;transition:border-color .12s,background .12s}
.mode-choice button:hover{border-color:var(--line-2)}
.mode-choice button.on{border-color:#86EFAC77;background:#86EFAC0B;box-shadow:0 0 0 3px #86EFAC0F}
.mode-choice .mc-top{display:flex;align-items:baseline;gap:8px}
.mode-choice .mc-top b{font-size:14px;font-weight:700}
.mode-choice .mc-top em{margin-left:auto;font-style:normal;font-size:18px;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--muted)}
.mode-choice button.on .mc-top em{color:var(--green)}
.mode-choice small{font-size:11.5px;line-height:1.45;color:var(--faint)}
.create-v10 .mode-note{margin-top:-8px}
.lock{gap:10px!important}
.lock-row{display:flex;align-items:center;gap:12px;min-width:0}
.lock-row input[type=range]{flex:1;min-width:0;height:24px;margin:0;appearance:none;-webkit-appearance:none;background:none;cursor:pointer;
  --p:0%;--cap:100%}
.lock-row input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--info) var(--p),var(--line-2) var(--p) var(--cap),var(--surface) var(--cap))}
.lock-row input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--info) var(--p),var(--line-2) var(--p) var(--cap),var(--surface) var(--cap))}
.lock-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:var(--text);border:3px solid var(--canvas);box-shadow:0 0 0 1px var(--line-2)}
.lock-row input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--text);border:3px solid var(--canvas)}
.lock-row input[type=range]:focus-visible{outline:2px solid #7DD3FC88;outline-offset:2px;border-radius:4px}
.lock-row .amt-presets button.on{color:var(--info);border-color:#7DD3FC55;background:#7DD3FC0D}
.lock-row .amt-presets button:disabled{opacity:.35;cursor:not-allowed}
.lock #lock-val{color:var(--faint)}.lock.on #lock-val{color:var(--info);font-weight:700}
.lock-sched{display:grid;grid-template-columns:1.1fr .6fr 1.6fr;gap:2px;height:26px;opacity:.55;transition:opacity .15s}
.lock.on .lock-sched{opacity:1}
.lock-sched i{display:flex;align-items:center;padding:0 8px;min-width:0;font-style:normal}
.lock-sched b{font-size:10.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.lock-sched .ls-a{border-radius:5px 0 0 5px;background:repeating-linear-gradient(135deg,#7DD3FC22 0 6px,#7DD3FC10 6px 12px)}
.lock-sched .ls-b{background:#7DD3FC22}
.lock-sched .ls-c{border-radius:0 5px 5px 0;background:linear-gradient(90deg,#7DD3FC22,#7DD3FC00)}
.lock-note b{color:var(--text)}
.card .chip.lock{color:var(--info);background:#7DD3FC14}
.pv-detail .pv-terms{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.pv-detail .pv-terms b{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:4px;font-size:11px;font-weight:600;background:var(--surface-2);color:var(--muted)}
.pv-detail .pv-terms b.on{color:var(--info);background:#7DD3FC14}
.cf-lock{display:grid;gap:6px}.cf-lock h4{margin:0;display:flex;font-size:12.5px;font-weight:650}.cf-lock h4 span{margin-left:auto;font-weight:600;color:var(--info);font-size:11.5px}
.cf-lock p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}
@media(max-width:560px){.create-v10 .mode-choice{grid-template-columns:1fr}.lock-row{flex-wrap:wrap}.lock-row input[type=range]{flex-basis:100%}}

/* ---------- Fees: the two modes and the 1 SOL breakdown ---------- */
.fee-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fee-mode{display:grid;gap:14px;align-content:start;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);min-width:0}
.fee-mode header{display:flex;align-items:baseline;gap:10px}
.fee-mode h3{margin:0;font-size:16px}
.fee-mode .fm-rate{margin-left:auto;font-size:28px;font-weight:750;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fee-mode .fm-rate small{font-size:12px;font-weight:600;color:var(--faint);margin-left:4px;letter-spacing:0}
.fee-mode>p{margin:0;font-size:13px;color:var(--muted);line-height:1.55}
.fee-mode dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;margin:0;font-size:12.5px}
.fee-mode dt{color:var(--faint)}.fee-mode dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.sol-split{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--line)}
.sol-split h4{margin:0;font-size:12px;font-weight:650;color:var(--muted)}
.sol-bar{display:flex;gap:2px;height:10px;border-radius:5px;overflow:hidden;background:var(--surface)}
.sol-bar i{min-width:3px}
.sol-split ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.sol-split li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12.5px}
.sol-split li i{width:8px;height:8px;border-radius:2px}
.sol-split li span{color:var(--muted);min-width:0}
.sol-split li b{font-variant-numeric:tabular-nums}
.sol-split .after{color:var(--faint);font-size:11.5px;margin:0}
@media(max-width:760px){.fee-modes{grid-template-columns:1fr}}
.create-v10 .lock-row input[type=range]{height:24px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.create-v10 .lock>span{flex-wrap:wrap}
/* KOL copy-trade verdict "Holds up": its own blue, so it never reads as the X-ray's Clean */
.xv.up{color:var(--info);background:#7DD3FC14}
.xv.down{color:var(--down);background:#FF4D6D14}
/* ticker: big trades or recent coins, the switch stays pinned at the left edge */
.ticker>.tk-mode{position:sticky;left:-8px;z-index:2;display:inline-flex;align-self:center;height:24px;padding:2px;margin:0 6px 0 -8px;border:1px solid var(--line);border-radius:6px;background:var(--canvas);box-shadow:-8px 0 0 var(--canvas),10px 0 10px 2px var(--canvas)}
.ticker>.tk-mode button{height:18px;padding:0 8px;font-size:11px;font-weight:600;line-height:18px;white-space:nowrap}
.ticker>.tk-mode+a,.ticker>.tk-mode+span{padding-left:6px}
@media (max-width:480px){.ticker>.tk-mode .tk-long{display:none}}