/* PIE Bakery app: StonkFun layout, PIE theme. */
@font-face{font-family:Bricolage;src:url('/assets/bricolage-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Bricolage;src:url('/assets/bricolage-bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
@font-face{font-family:DM Mono;src:url('/assets/dm-mono.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--bg:#041f19;--panel:#06281f;--panel2:#083227;--line:#1e4a3a;--line2:#2c604c;--cream:#fff6df;--mint:#c8efdb;--lime:#d6fb55;--muted:#8fb09b;--mono:'DM Mono',monospace;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font:14px/1.5 Bricolage,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit}
::selection{background:var(--lime);color:var(--bg)}
.boot{padding:80px;text-align:center;color:var(--muted);font-family:var(--mono)}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.mono{font-family:var(--mono)}.muted{color:var(--muted)}.lime{color:var(--lime)}.up{color:#7ee787}.warn{color:#ff9b9b}.small{font-size:12px}.hint{font-size:11px;color:var(--muted);line-height:1.5}

/* top bar */
.topbar{position:sticky;top:0;z-index:30;background:rgba(4,31,25,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:-.3px}
.logo b{color:var(--lime)}.logo-mark{width:30px;height:30px;border-radius:50%;background:var(--lime);color:var(--bg);display:grid;place-items:center;font-size:20px;font-weight:800}
.top-actions{display:flex;gap:8px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:0 14px;height:38px;font-weight:700;font-size:13px;border:1px solid var(--line2);background:var(--panel2);color:var(--cream);transition:transform .15s,background .15s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.btn.primary{background:var(--lime);color:var(--bg);border-color:var(--lime)}
.btn.ghost{background:var(--panel2)}.btn.icon{width:38px;padding:0}.btn.big{height:44px;padding:0 20px;font-size:14px}.btn.wide{width:100%}.btn.sm{height:32px;padding:0 12px;font-size:12px}
.btn.mono{font-family:var(--mono);font-weight:400;font-size:12px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--lime);display:inline-block}
.menu-wrap{position:relative}.menu{position:absolute;right:0;top:44px;background:var(--panel2);border:1px solid var(--line2);border-radius:10px;min-width:180px;display:grid;padding:6px;z-index:40}
.menu a,.menu button{text-align:left;padding:9px 10px;border-radius:7px;background:none;border:0;font-size:13px}.menu a:hover,.menu button:hover{background:var(--panel)}
.linklike{background:none;border:0;padding:0;color:var(--lime);font-size:inherit}.linklike.small{font-size:11px;color:var(--muted);margin-top:6px}

.page{padding:26px 20px 60px;min-height:70vh}
.alert{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin:0 0 18px;padding:12px 14px;border-radius:10px;border:1px solid #ff9b9b;background:rgba(255,107,107,.08);color:#ffb3b3;font-size:13px;word-break:break-word}
.alert.ok{border-color:var(--line2);background:rgba(214,251,85,.06);color:var(--mint)}.alert button{background:none;border:0;font-size:18px;line-height:1;color:inherit}

/* cards */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.card h3{margin:0 0 6px;font-size:15px;letter-spacing:-.2px}
.hero-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;background:linear-gradient(135deg,#06281f,#041f19 70%);border:1px solid var(--line);border-radius:18px;padding:36px 36px 32px;margin-bottom:22px;overflow:hidden;position:relative}
.hero-copy h1{margin:0 0 14px;font-size:clamp(34px,4.5vw,46px);line-height:1.02;letter-spacing:-1.8px}
.hero-copy p{margin:0 0 20px;color:var(--muted);max-width:380px;line-height:1.7}
.hero-chart{position:relative;min-height:190px}
.spark{position:absolute;inset:0;width:100%;height:100%}
.featured{position:absolute;right:0;bottom:0;background:rgba(4,31,25,.9);border:1px solid var(--line2);border-radius:12px;padding:12px 14px;width:250px;display:grid;gap:8px;font-size:12px}
.featured-top{display:flex;align-items:center;gap:8px}.featured-top b{font-size:14px}.featured .arrow{margin-left:auto;color:var(--muted)}
.featured-mid{color:var(--muted)}.featured-mid b{color:var(--cream)}
.featured-bot{display:flex;align-items:baseline;gap:8px}.featured-bot strong{font-size:20px;letter-spacing:-.5px}.featured-bot .up{margin-left:auto;font-family:var(--mono);font-size:10px}

.toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.search{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:0 14px;height:40px;width:min(100%,320px);color:var(--muted)}
.search input{flex:1;background:none;border:0;color:var(--cream);outline:none;font-size:13px}
.sort,.pairs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}
.chip{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:0 12px;height:34px;font-size:12px;font-weight:700;color:var(--mint)}
.chip.on{background:var(--panel2);border-color:var(--lime);color:var(--lime)}.chip:disabled{opacity:.45;cursor:not-allowed}
.pairs{padding:12px 0 18px;border-bottom:1px solid var(--line);margin-bottom:16px}
.list-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.list-head h2{margin:0;font-size:16px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.oven-card{position:relative;overflow:hidden;display:grid;gap:6px;min-height:210px;transition:border-color .15s,transform .15s}
.oven-card:hover{border-color:var(--line2);transform:translateY(-2px)}
.card-top{display:flex;justify-content:space-between;align-items:flex-start}
.avatar{border-radius:50%;object-fit:cover;background:var(--panel2);border:1px solid var(--line);display:grid;place-items:center;font-weight:800;color:var(--muted);width:40px;height:40px}
.mini-actions{display:flex;gap:6px;position:relative;z-index:2}.mini{height:26px;padding:0 8px;border-radius:7px;border:1px solid var(--line);background:var(--panel2);font:10px var(--mono);color:var(--mint);display:inline-flex;align-items:center}
.sym{color:var(--lime);font:700 12px var(--mono);letter-spacing:.3px;margin-top:8px}.big-sym{font-size:22px;font-family:Bricolage,Arial,sans-serif;letter-spacing:-.5px;margin:0}
.nm{color:var(--mint);font-size:13px}.nm-inline{font-size:13px;font-family:Bricolage,Arial,sans-serif;font-weight:400;margin-left:8px}
.big{font-size:28px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin:4px 0 6px}.big small{display:block;font:10px var(--mono);color:var(--muted);letter-spacing:.3px;margin-top:2px}
.paired{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);flex-wrap:wrap}.paired b{color:var(--cream)}
.pons-dot{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#9be9c4,#1f7a52);display:inline-block}
.tag{font:9px var(--mono);letter-spacing:.4px;border:1px solid var(--line2);border-radius:20px;padding:3px 8px;color:var(--mint);white-space:nowrap}.tag.ok{border-color:#3f8f5f;color:#9be9c4}
.card-foot{display:flex;gap:12px;font:10px var(--mono);color:var(--muted);margin-top:auto;padding-top:8px;flex-wrap:wrap}
.card-logo{position:absolute;right:-24px;bottom:-24px;opacity:.16;pointer-events:none}.card-logo .avatar{width:120px;height:120px;font-size:44px;border:10px solid var(--line)}

/* oven detail */
.head-card{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.head-left{display:flex;gap:14px;align-items:center}.head-right{display:flex;gap:22px;flex-wrap:wrap}
.kv{display:grid;gap:2px}.kv span{font:10px var(--mono);color:var(--muted)}.kv b{font-size:18px;letter-spacing:-.4px}
.two-col{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:14px}.two-col.even{grid-template-columns:1fr 1fr}
.side{display:grid;gap:14px;align-content:start}
.chart{width:100%;height:380px;border:0;border-radius:10px;background:#03150f;margin-bottom:18px}.empty-chart{display:grid;place-items:center;color:var(--muted);font-family:var(--mono);font-size:12px;text-align:center;padding:20px;border:1px dashed var(--line)}
.receipts,.rank,.log{display:grid;gap:4px;margin-top:6px}
.rrow{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line);font:11px/1.5 var(--mono);color:var(--mint);flex-wrap:wrap}.rrow a{color:var(--lime)}.rrow b{color:var(--cream)}.rrow .lime{margin-left:auto}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.stats-grid div{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:3px}.stats-grid span{font:9px var(--mono);color:var(--muted)}.stats-grid b{font-size:13px;font-family:var(--mono);font-weight:400}
.trade-card p{margin:0 0 12px}.links{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:12px}.links a,.links .linklike{color:var(--lime)}
.ca{display:block;margin-top:10px;font:10px/1.5 var(--mono);color:var(--muted);word-break:break-all;background:var(--panel2);border:1px dashed var(--line);border-radius:8px;padding:8px 10px}
.owner-card{display:grid;gap:8px}.owner-card h3{margin-bottom:2px}
.seed{border-top:1px dashed var(--line);margin-top:8px;padding-top:12px;display:grid;gap:8px}.seed h4{margin:0;font-size:14px}.seed p{margin:0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.seed label,.fld label{display:grid;gap:5px;font-size:12px;font-weight:700}.seed label span{font:10px var(--mono);color:var(--muted);font-weight:400}
input[type=text],input[type=url],input[type=number],input:not([type]),textarea{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:10px 12px;color:var(--cream);font-size:13px;outline:none;resize:vertical}
input:focus,textarea:focus{border-color:var(--lime)}input:disabled{opacity:.55}
.check{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.5;color:var(--mint);font-weight:400!important}.check input{width:auto;margin-top:3px;accent-color:#d6fb55}

/* launch */
.page-head{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--line)}.page-head h1{margin:0 0 8px;font-size:30px;letter-spacing:-1px}.page-head p{margin:0;color:var(--muted);max-width:560px;line-height:1.7}
.launch-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:14px;align-items:start}
.form-card{display:grid;gap:18px}.fld{display:grid;gap:6px}.fld>label{font-size:13px}
.seg{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.seg button{background:var(--panel2);border:1px solid var(--line);border-radius:9px;height:36px;padding:0 14px;font-size:12px;font-weight:700;color:var(--mint)}.seg button.on{border-color:var(--lime);color:var(--lime)}.seg button:disabled{opacity:.4;cursor:not-allowed}
.seg-custom{display:flex!important;grid-template-columns:none;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.seg-custom input{width:70px;padding:8px 10px}
.img-row{display:flex;gap:10px;align-items:center}
.sub{margin:4px 0 -6px;font-size:14px;display:flex;gap:10px;align-items:baseline}.sub .hint{font-weight:400}
.summary{position:sticky;top:76px;display:grid;gap:14px}
.kv-list{display:grid}.kv-list div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:12px}.kv-list span{color:var(--muted)}.kv-list b{text-align:right}
.notes{margin:0;padding:0 0 0 16px;font-size:11px;color:var(--muted);line-height:1.6;display:grid;gap:4px}
.steps{display:grid;gap:8px}.step{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);font-size:13px}
.step.now{border-color:var(--lime)}.step.done{opacity:.75}.step .n{width:24px;height:24px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;font:11px var(--mono)}
.step.done .n{background:var(--lime);color:var(--bg);border-color:var(--lime)}.step div{flex:1;display:grid}.step small{font:10px var(--mono);color:var(--muted)}.step small a{color:var(--lime)}

/* baker */
.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
.stat{display:grid;gap:4px}.stat span{font:10px var(--mono);color:var(--muted)}.stat b{font-size:26px;letter-spacing:-1px}.stat small{font-size:11px;color:var(--muted)}

/* footer */
.foot{border-top:1px solid var(--line);padding:22px 0;margin-top:20px}.foot .wrap{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;font-size:12px;color:var(--mint)}.foot a:hover{color:var(--lime)}.foot-note{width:100%;text-align:center;font:10px var(--mono);color:var(--muted)}

@media(max-width:960px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.launch-grid,.two-col.even{grid-template-columns:1fr}.summary{position:static}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{grid-template-columns:1fr;padding:26px}.hero-chart{min-height:170px}.stat-row{grid-template-columns:1fr}}
@media(max-width:600px){.grid{grid-template-columns:1fr}.topbar .wrap{height:56px}.logo span:not(.logo-mark){display:none}.btn.primary:not(.wide):not(.sm){padding:0 10px}.grid2{grid-template-columns:1fr}.head-right{gap:14px}.chart{height:280px}}

/* ---- polish v3 ---- */
.top-left{display:flex;align-items:center;gap:22px}
.topnav{display:flex;gap:2px}.topnav a{padding:8px 12px;border-radius:8px;font-size:13px;font-weight:700;color:var(--muted)}.topnav a i{display:none}.topnav a.on,.topnav a:hover{color:var(--cream);background:var(--panel2)}
.mobilenav{display:none}
.hide-sm{}
.eyebrow{display:inline-block;font:10px var(--mono);letter-spacing:.8px;color:var(--lime);margin-bottom:12px}
.hero-copy h1 em{font-style:normal;color:var(--lime)}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.pairs-panel{position:absolute;right:0;bottom:0;width:300px;display:grid;gap:8px;background:rgba(4,31,25,.85);border:1px solid var(--line2);border-radius:14px;padding:12px;backdrop-filter:blur(6px)}
.pairs-panel>.hint{letter-spacing:.6px;font-size:9px}
.pair-tile{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;border:1px solid var(--line);background:var(--panel);transition:border-color .15s,transform .15s}
.pair-tile.live:hover{border-color:var(--lime);transform:translateY(-1px)}
.pair-tile img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid var(--line2)}
.pair-tile div{display:grid;flex:1;min-width:0}.pair-tile b{font-size:14px}.pair-tile span{font:10px var(--mono);color:var(--muted)}.pair-tile .arrow{color:var(--muted)}
.pair-tile:not(.live){opacity:.75}
.pill{display:inline-flex;align-items:center;gap:6px;font:9px var(--mono);letter-spacing:.4px;border:1px solid var(--line2);border-radius:20px;padding:4px 9px;color:var(--mint);white-space:nowrap}
.pill i{width:6px;height:6px;border-radius:50%;background:var(--muted)}.pill.ok i{background:#7ee787;box-shadow:0 0 0 3px rgba(126,231,135,.18);animation:pulse 2s infinite}.pill.ok{color:#9be9c4;border-color:#3f8f5f}
.pill.warn i{background:#ffb347}.pill.warn{color:#ffd28a}.pill.err i{background:#ff6b6b}.pill.err{color:#ffb3b3}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(126,231,135,.18)}50%{box-shadow:0 0 0 6px rgba(126,231,135,.04)}}
.strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:-6px 0 20px}
.strip div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:2px}
.strip span{font:9px var(--mono);letter-spacing:.5px;color:var(--muted)}.strip b{font-size:20px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.strip small{font-size:10px;color:var(--muted)}
.search kbd{font:10px var(--mono);border:1px solid var(--line2);border-radius:5px;padding:2px 6px;color:var(--muted)}
.logo-chip{display:inline-flex;align-items:center;gap:6px}.logo-chip img{width:16px;height:16px;border-radius:50%}
.pair-logo{width:14px;height:14px;border-radius:50%;object-fit:cover;vertical-align:middle}
.big small em{font-style:normal;margin-left:8px;font-weight:700}
.down{color:#ff8a8a}
.card-foot b{color:var(--cream);font-weight:400}
.skel .sk{background:linear-gradient(90deg,var(--panel2) 25%,#0b3b2e 50%,var(--panel2) 75%);background-size:200% 100%;animation:sh 1.4s infinite;border-radius:6px}
.sk-av{width:40px;height:40px;border-radius:50%}.sk-l{height:10px;width:40%}.sk-m{height:12px;width:60%}.sk-xl{height:26px;width:50%;margin:6px 0}
@keyframes sh{0%{background-position:200% 0}100%{background-position:-200% 0}}
.empty{grid-column:1/-1;display:grid;gap:8px;justify-items:center;text-align:center;padding:40px}
.how{margin-top:40px}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.how-card{display:grid;gap:8px;align-content:start}.how-card .n{font:10px var(--mono);color:var(--lime);letter-spacing:.6px}.how-card h3{font-size:18px}.how-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-top:14px;padding:14px 16px;border:1px dashed var(--line2);border-radius:12px;font:11px var(--mono);color:var(--mint)}
.trust i{color:var(--lime);font-style:normal;margin-right:6px}.trust a{color:var(--lime);margin-left:auto}.trust a+a{margin-left:0}
.back{background:none;border:0;color:var(--muted);font-size:12px;padding:0;margin-bottom:12px}.back:hover{color:var(--cream)}
.head-actions{display:flex;gap:6px;align-self:center}
.kv b em{font-style:normal;font-size:11px;margin-left:6px;font-family:var(--mono)}
.curve{margin-bottom:14px;display:grid;gap:8px}.curve-head{display:flex;justify-content:space-between;font-size:12px}.curve-head b{font-family:var(--mono);font-weight:400;color:var(--lime)}
.bar{height:8px;border-radius:6px;background:var(--panel2);overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#7ee787,var(--lime));border-radius:6px;transition:width .6s}
.tabs{display:flex;gap:4px;align-items:center;margin-bottom:12px;border-bottom:1px solid var(--line);padding-bottom:10px}
.tabs button{background:none;border:1px solid transparent;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:700;color:var(--muted)}.tabs button.on{color:var(--lime);background:var(--panel2);border-color:var(--line)}
.tabs .next{margin-left:auto;font:10px var(--mono);color:var(--muted)}.tabs .next b{color:var(--lime)}
.about p{margin:0 0 10px;line-height:1.7;font-size:13px}.about ul{margin:0 0 10px;padding-left:18px;display:grid;gap:6px;font-size:13px;color:var(--mint)}.about a{color:var(--lime)}
.empty-inline{display:grid;gap:4px;padding:16px;border:1px dashed var(--line);border-radius:10px;font-size:13px}
.ministeps{display:flex;gap:6px;margin:2px 0 6px}.ministeps span{display:inline-flex;align-items:center;gap:6px;font:10px var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:4px 9px 4px 4px}
.ministeps i{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9px;border:1px solid var(--line2)}.ministeps .done{color:#9be9c4;border-color:#3f8f5f}.ministeps .done i{background:var(--lime);color:var(--bg);border-color:var(--lime)}
.howrow{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:12px;color:var(--muted)}.howrow span{display:inline-flex;align-items:center;gap:8px}.howrow i{width:20px;height:20px;border-radius:50%;background:var(--panel2);border:1px solid var(--line2);display:grid;place-items:center;font:10px var(--mono);font-style:normal;color:var(--lime)}.howrow b{color:var(--cream)}
.seg button.with-logo{display:inline-flex;align-items:center;gap:8px}.seg button.with-logo img{width:18px;height:18px;border-radius:50%}
.preview-card{border:1px solid var(--line2);border-radius:12px;padding:14px;background:var(--panel2);display:grid;gap:4px}
.keeper-card{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.keeper-card code{display:block;font:11px var(--mono);color:var(--cream);word-break:break-all;margin-top:4px}
.keeper-meta{display:flex;align-items:center;gap:12px}.keeper-meta b{font-family:var(--mono);font-weight:400}
.toasts{position:fixed;right:16px;bottom:16px;display:grid;gap:8px;z-index:50;max-width:min(420px,calc(100vw - 32px))}
.toast{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;border:1px solid var(--line2);background:var(--panel2);box-shadow:0 12px 30px rgba(0,0,0,.35);font-size:13px;animation:rise .25s ease-out}
.toast.ok{border-color:#3f8f5f}.toast.err{border-color:#a04040}.toast-ic{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;flex-shrink:0}
.toast.ok .toast-ic{background:var(--lime);color:var(--bg)}.toast.err .toast-ic{background:#ff6b6b;color:#2a0a0a}.toast-msg{flex:1;word-break:break-word;line-height:1.5}.toast button{background:none;border:0;color:var(--muted);font-size:16px;line-height:1}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.btn:active{transform:translateY(0) scale(.98)}
:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
@media(max-width:960px){.topnav{display:none}.strip{grid-template-columns:repeat(2,minmax(0,1fr))}.how-grid{grid-template-columns:1fr}.pairs-panel{position:static;width:100%;margin-top:10px}.hero-chart{min-height:0}.spark{display:none}}
@media(max-width:600px){.mobilenav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:35;background:rgba(4,31,25,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.mobilenav a{flex:1;display:grid;justify-items:center;gap:2px;padding:10px 0 12px;font:10px var(--mono);color:var(--muted)}.mobilenav a i{font-style:normal;font-size:16px}.mobilenav a.on{color:var(--lime)}.page{padding-bottom:90px}.hide-sm{display:none}.foot{padding-bottom:80px}.toasts{bottom:78px}.head-actions{width:100%}}

/* ---- trade panel, upload, tables ---- */
.side-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
.side-tabs button{height:38px;border-radius:9px;border:1px solid var(--line);background:var(--panel2);font-weight:800;color:var(--muted)}
.side-tabs button.on.buy{background:var(--lime);color:var(--bg);border-color:var(--lime)}.side-tabs button.on.sell{background:#ff6b6b;color:#2a0a0a;border-color:#ff6b6b}
.amt-box{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel2);display:grid;gap:8px}
.amt-head{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--muted)}
.amt-row{display:flex;align-items:center;gap:10px}.amt-row input{flex:1;background:none;border:0;padding:0;font-size:26px;font-weight:800;letter-spacing:-.5px;outline:none;min-width:0}.amt-row .unit{font:700 12px var(--mono);color:var(--cream);border:1px solid var(--line2);border-radius:20px;padding:6px 10px;white-space:nowrap}
.pcts{display:flex;gap:6px}.pcts button{flex:1;height:26px;border-radius:6px;border:1px solid var(--line);background:none;font:10px var(--mono);color:var(--muted)}.pcts button:hover{color:var(--cream);border-color:var(--line2)}.pcts button:disabled{opacity:.4}
.quote{display:grid;gap:6px;margin:12px 0;font-size:12px}.quote>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.quote span{color:var(--muted)}.quote b{font-family:var(--mono);font-weight:400;color:var(--cream);text-align:right}
.slips{display:flex;gap:4px}.slips button{height:22px;padding:0 7px;border-radius:5px;border:1px solid var(--line);background:none;font:10px var(--mono);color:var(--muted)}.slips button.on{border-color:var(--lime);color:var(--lime)}
.btn.sellbtn{background:#ff6b6b;color:#2a0a0a;border-color:#ff6b6b}
.trade-card .hint{display:block;margin-top:10px}.trade-card .hint a{color:var(--lime)}
.upload{flex:1;display:grid;gap:2px;border:1px dashed var(--line2);border-radius:10px;padding:12px 14px;cursor:pointer;font-size:13px;font-weight:700}.upload:hover{border-color:var(--lime)}.upload input{display:none}.upload small{font-size:11px;color:var(--muted);font-weight:400}
.img-row{margin-bottom:8px}
.table-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:12px;min-width:720px}.tbl th{text-align:left;font:10px var(--mono);letter-spacing:.4px;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}.tbl td{padding:10px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;vertical-align:middle}.tbl tbody tr{cursor:pointer}.tbl tbody tr:hover{background:var(--panel2)}.tbl.api tbody tr{cursor:default}
.tcell{display:inline-flex;align-items:center;gap:8px;font-family:Bricolage,Arial,sans-serif;font-size:13px}.tbl code{font:11px var(--mono);color:var(--lime);background:var(--panel2);border:1px solid var(--line);border-radius:5px;padding:2px 6px}.tbl code.post{color:#ffd28a}
.code{font:11px/1.6 var(--mono);color:var(--mint);background:#03150f;border:1px solid var(--line);border-radius:10px;padding:12px 14px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}

.paywith{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:11px}.paywith button{height:26px;padding:0 10px;border-radius:6px;border:1px solid var(--line);background:none;font:700 11px var(--mono);color:var(--muted)}.paywith button.on{border-color:var(--lime);color:var(--lime)}

/* ---- rich v4: brand, tape, gauge, sim, glow ---- */
.logo small{display:block;font:9px var(--mono);letter-spacing:.6px;color:var(--muted);margin-top:-2px;text-transform:uppercase}
html[data-brand=ponsis] .logo-mark{background:linear-gradient(135deg,#d6fb55,#7ee787)}
html[data-brand=ponsis] .hero-copy h1 em{background:linear-gradient(90deg,#d6fb55,#7ee787);-webkit-background-clip:text;background-clip:text;color:transparent}
.bg-glow{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(600px 300px at 15% 0%,rgba(214,251,85,.08),transparent 60%),radial-gradient(500px 300px at 85% 10%,rgba(126,231,135,.07),transparent 60%),radial-gradient(700px 400px at 50% 100%,rgba(214,251,85,.04),transparent 60%)}
.page,.topbar,.tape,.foot{position:relative;z-index:1}
.glass{background:rgba(6,40,31,.7)!important;backdrop-filter:blur(8px)}
.btn.glow{box-shadow:0 0 0 0 rgba(214,251,85,.5);animation:glow 2.6s ease-in-out infinite}
@keyframes glow{0%,100%{box-shadow:0 0 0 0 rgba(214,251,85,.0),0 8px 30px rgba(214,251,85,.18)}50%{box-shadow:0 0 0 6px rgba(214,251,85,.08),0 8px 40px rgba(214,251,85,.32)}}
.hero-card{overflow:hidden}.hero-mascot{position:absolute;right:-30px;top:-30px;width:320px;opacity:.07;pointer-events:none;filter:saturate(.6)}
.card{transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--line2)}
.oven-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.35),0 0 0 1px rgba(214,251,85,.15)}
.tape{border-bottom:1px solid var(--line);background:rgba(4,31,25,.9);display:flex;align-items:center;gap:0;height:34px;overflow:hidden}
.tape-live{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:100%;font:9px var(--mono);letter-spacing:.8px;color:var(--lime);border-right:1px solid var(--line);background:var(--panel);flex-shrink:0;z-index:2}
.tape-live i,.live-dot{width:6px;height:6px;border-radius:50%;background:#7ee787;display:inline-block;animation:pulse 1.6s infinite;margin-left:4px}
.tape-track{flex:1;overflow:hidden;position:relative;height:100%}
.tape-run{display:flex;gap:0;height:100%;width:max-content;animation:tape 60s linear infinite}
.tape-track:hover .tape-run{animation-play-state:paused}
@keyframes tape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tape-item{display:inline-flex;align-items:center;gap:6px;height:100%;padding:0 16px;border:0;border-right:1px solid var(--line);background:none;font:10px var(--mono);color:var(--mint);white-space:nowrap}
.tape-item i{width:6px;height:6px;border-radius:50%}.tape-item.buy i{background:#7ee787}.tape-item.sell i{background:#ff6b6b}.tape-item.buy{color:#9be9c4}.tape-item.sell{color:#ffb3b3}
.tape-item b{color:var(--cream)}.tape-item span{color:var(--muted);margin-left:4px}.tape-item:hover{background:var(--panel2)}
.gauge{display:block}.gauge-kv{align-items:center;justify-items:center}
.grade-chip{margin-left:auto;font:9px var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:3px 8px}.grade-chip b{color:var(--lime);font-size:11px}
.grade-card .grade-top{display:flex;gap:12px;align-items:center;margin-bottom:10px}.grade-card h3{margin:0}.grade-card .grade-parts{display:grid;gap:8px}.grade-parts>div{display:grid;gap:3px;font-size:11px}.grade-parts span{display:flex;justify-content:space-between;color:var(--cream)}.grade-parts small{font:10px var(--mono);color:var(--muted)}.grade-parts .bar{height:6px}
.sim{display:grid;gap:12px;margin-bottom:18px;padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(214,251,85,.03)}
.sim-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}.sim-head h4{margin:2px 0 0;font-size:15px;letter-spacing:-.3px}
.sim-out{display:flex;gap:18px}.sim-out div{display:grid;gap:2px}.sim-out span{font:9px var(--mono);color:var(--muted)}.sim-out b{font-size:20px;letter-spacing:-.5px}
.sim-chart{width:100%;height:150px;background:#03150f;border-radius:8px;border:1px solid var(--line)}
.sim-legend{display:flex;gap:16px;flex-wrap:wrap;font:10px var(--mono);color:var(--mint)}.sim-legend i{display:inline-block;width:14px;height:3px;margin-right:6px;vertical-align:middle;border-radius:2px}.lg-lime{background:var(--lime)}.lg-red{background:#ff8a8a}
.sim-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sim-controls label{display:grid;gap:6px;font:10px var(--mono);color:var(--muted)}.sim-controls b{color:var(--lime)}
.sim-card{margin-top:14px}.sim-card .sim{margin:0;border:0;padding:0;background:none}
.tbl.trades{min-width:520px}.tbl.trades td{font-size:11px}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:hidden}.confetti i{position:absolute;top:-10px;width:8px;height:14px;border-radius:2px;animation:fall 1.8s ease-in forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(720deg);opacity:.2}}
.brand-switch{width:100%;text-align:center;font:10px var(--mono);color:var(--muted);margin-top:6px}.brand-switch a{color:var(--muted)}.brand-switch a.on{color:var(--lime)}
@media(max-width:700px){.sim-controls{grid-template-columns:1fr}.hero-mascot{display:none}.tape-live{padding:0 8px}}

/* ---- flywheel ---- */
.flywheel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;margin:-6px 0 20px;background:linear-gradient(135deg,#06281f,#041f19 60%);position:relative;overflow:hidden}
.flywheel::after{content:'';position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(214,251,85,.12),transparent 65%);pointer-events:none}
.fw-left h2{margin:0 0 8px;font-size:clamp(22px,3vw,30px);letter-spacing:-1px;line-height:1.1}.fw-left h2 em{font-style:normal;color:var(--lime)}
.fw-left p{margin:0 0 14px;max-width:460px;line-height:1.7;font-size:13px}
.fw-stats{display:flex;gap:22px;margin-bottom:16px}.fw-stats div{display:grid;gap:2px}.fw-stats span{font:9px var(--mono);color:var(--muted)}.fw-stats b{font-size:22px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}
.fw-right{display:flex;gap:18px;align-items:center}.fw-ring{flex-shrink:0}
.fw-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px;flex:1}.fw-steps li{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(4,31,25,.5)}
.fw-steps li i{width:22px;height:22px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;font:10px var(--mono);font-style:normal;flex-shrink:0}
.fw-steps li.done i{background:var(--lime);color:var(--bg);border-color:var(--lime)}.fw-steps li.now{border-color:var(--lime)}.fw-steps li.now i{color:var(--lime);border-color:var(--lime)}
.fw-steps b{font-size:13px;display:block}.fw-steps small{font:10px var(--mono);color:var(--muted)}
@media(max-width:900px){.flywheel{grid-template-columns:1fr}.fw-right{flex-direction:column;align-items:flex-start}}

/* ---- mobile overflow fixes ---- */
.two-col>*,.card,.main-card,.side{min-width:0}
.tabs{flex-wrap:wrap;row-gap:6px}.tabs .next{margin-left:auto}
.chart{max-width:100%}
.head-card{min-width:0}.head-right{flex-wrap:wrap}
.hero-card,.flywheel,.strip{min-width:0}
@media(max-width:600px){.tabs .next{width:100%;margin-left:0}.head-right{width:100%;gap:12px}.fw-stats{flex-wrap:wrap;gap:14px}.amt-row input{font-size:22px}}

html,body{overflow-x:hidden;max-width:100vw}.tape{max-width:100vw}.tape-track{min-width:0}

/* ---- launch form: image field, step reasons ---- */
.img-row{display:flex;gap:12px;align-items:center;padding:8px;margin:0 -8px 4px;border-radius:12px;border:1px dashed transparent;transition:border-color .15s,background .15s}
.img-row.drag{border-color:var(--lime);background:rgba(214,251,85,.07)}
.avatar.lg{width:64px;height:64px;font-size:24px;flex-shrink:0}
.upload.working{border-style:solid;border-color:var(--line2);color:var(--muted);cursor:progress}
.upload input:disabled+span{color:var(--muted)}
.step small.why{color:#ffd28a}
.fld .linklike.small{justify-self:start}

/* ---- boot state (the bundle is large; say so instead of showing a blank page) ---- */
.boot{display:grid;justify-items:center;gap:14px;padding:120px 20px;color:var(--muted);font-family:var(--mono)}
.boot-mark{width:44px;height:44px;border-radius:50%;background:var(--lime);color:var(--bg);display:grid;place-items:center;font:800 26px Bricolage,Arial,sans-serif}
.boot-text{font-size:12px;letter-spacing:.3px}
.boot-bar{width:160px;height:3px;border-radius:3px;background:var(--panel2);overflow:hidden}.boot-bar i{display:block;width:40%;height:100%;background:var(--lime);border-radius:3px;animation:bootbar 1.1s ease-in-out infinite}
@keyframes bootbar{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
@media(prefers-reduced-motion:reduce){.boot-bar i{animation:none;width:100%;opacity:.5}}

@media(max-width:600px){.sub{display:grid;gap:2px}.sub .hint{margin:0}}

/* ---- π ---- */
.pi-rain{position:fixed;inset:0;pointer-events:none;z-index:80;overflow:hidden}
.pi-rain span{position:absolute;top:-8%;left:var(--x);font:800 calc(18px * var(--s)) Bricolage,Arial,sans-serif;color:#d6fb55;opacity:0;animation:pi-fall 3.14s cubic-bezier(.3,.6,.6,1) var(--d) forwards;text-shadow:0 2px 12px rgba(214,251,85,.35)}
@keyframes pi-fall{0%{transform:translateY(0) rotate(0);opacity:0}8%{opacity:1}100%{transform:translateY(115vh) rotate(314deg);opacity:.15}}
.pi-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);background:#d6fb55;color:#041f19;font:700 13px Bricolage,Arial,sans-serif;padding:10px 16px;border-radius:999px;z-index:81;opacity:0;transition:opacity .25s,transform .25s;box-shadow:0 12px 30px rgba(0,0,0,.35);pointer-events:none;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}
.pi-toast.on{opacity:1;transform:translate(-50%,0)}
html.pi-oclock .logo-mark,html.pi-oclock .brand-mark{animation:pi-glow 1.57s ease-in-out infinite}
@keyframes pi-glow{0%,100%{box-shadow:0 0 0 0 rgba(214,251,85,0)}50%{box-shadow:0 0 0 8px rgba(214,251,85,.25),0 0 30px rgba(214,251,85,.5)}}
@media(prefers-reduced-motion:reduce){.pi-rain{display:none}html.pi-oclock .logo-mark,html.pi-oclock .brand-mark{animation:none}}

.pi-digits{width:100%;text-align:center;font:10px var(--mono);color:var(--muted);letter-spacing:.4px;background:none;border:0;padding:4px 0;cursor:pointer;word-break:break-all}.pi-digits:hover{color:var(--lime)}
.tape-item.pi b::before,.tbl.trades tr.pi td:first-child::before{content:"π ";color:var(--lime)}
@media(max-width:600px){.pi-toast{bottom:86px}}

/* ---- the dog is the mark ---- */
img.logo-mark{object-fit:cover;background:var(--panel2);border:1px solid var(--line2);font-size:0}
img.boot-mark{object-fit:cover;background:var(--panel2);border:1px solid var(--line2)}

.links .pons-link{display:inline-flex;align-items:center;gap:6px;font-weight:700}.links .pons-link img{width:14px;height:14px;border-radius:50%}

.feed-card{display:grid;gap:10px}.feed-card h3{margin:0}.feed-card p{margin:0}.feed-card .hint code{font-size:10px}

/* ---- live flywheel ---- */
.fw-wrap{margin:0 0 14px;padding:10px 6px 4px;border:1px solid var(--line);border-radius:12px;background:rgba(214,251,85,.025);overflow-x:auto}
.fw-svg{width:100%;min-width:640px;height:auto;display:block}
.fw-node{fill:var(--panel2);stroke:var(--line);stroke-width:1;transition:stroke .3s,fill .3s}
.fw-node.on{stroke:var(--lime)}.fw-node.on.ok{stroke:#7ee787}.fw-node.on.fire{stroke:#ff8a8a}
.fw-title{font:700 12px Bricolage,Arial,sans-serif;fill:var(--cream)}
.fw-line{font:10px 'DM Mono',monospace;fill:var(--muted)}.fw-line.big{font-size:13px;fill:var(--lime)}
.fw-arrow{fill:none;stroke:var(--line2);stroke-width:2}
.fw-arrow.on{stroke:var(--lime);stroke-dasharray:6 6;animation:fwdash 1.1s linear infinite}
.fw-head{fill:var(--line2)}.fw-arrow.on+text{fill:var(--lime)}
.fw-label{font:9px 'DM Mono',monospace;fill:var(--muted)}
.fw-foot{font:11px 'DM Mono',monospace;fill:var(--mint)}.fw-foot.muted{fill:var(--muted);font-size:10px}
@keyframes fwdash{to{stroke-dashoffset:-12}}
@media(prefers-reduced-motion:reduce){.fw-arrow.on{animation:none}}
.tabs .next.wait b{color:#ffd28a}.tabs .next.ok b{color:#7ee787}