:root {
  --bg: #07090d;
  --panel: rgba(18, 22, 27, .72);
  --panel-solid: #11151a;
  --line: rgba(255,255,255,.08);
  --muted: #7c858d;
  --text: #f4f7f8;
  --lime: #d8ff45;
  --mint: #57f5be;
  --cyan: #66d9ff;
  --orange: #ff9e56;
  --danger: #ff6a78;
  --sidebar: 246px;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif; -webkit-font-smoothing: antialiased; }
body.modal-open { overflow:hidden; }
button, input { font: inherit; }
button { color: inherit; }
.ambient { position: fixed; pointer-events: none; filter: blur(4px); opacity: .6; z-index: 0; }
.ambient-a { width: 580px; height: 580px; left: 38%; top: -360px; background: radial-gradient(circle, rgba(208,255,60,.09), transparent 68%); }
.ambient-b { width: 620px; height: 620px; right: -340px; top: 28%; background: radial-gradient(circle, rgba(67,244,184,.055), transparent 70%); }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar) 1fr; position: relative; z-index: 1; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: var(--sidebar); padding: 28px 18px 20px; display: flex; flex-direction: column; border-right: 1px solid var(--line); background: rgba(8,10,14,.88); backdrop-filter: blur(22px); z-index: 20; }
.brand { display: flex; gap: 13px; align-items: center; color: inherit; text-decoration: none; padding: 0 9px 30px; }
.brand-mark { width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: linear-gradient(145deg,var(--lime),var(--mint)); color: #0a0d0d; font-weight: 950; font-size: 19px; letter-spacing: -3px; box-shadow: 0 10px 30px rgba(216,255,69,.14); transform: skew(-4deg); }
.brand-mark i { font-style: normal; transform: skew(4deg); }
.brand-mark i + i { margin-left: 1px; }
.brand-copy { display: flex; flex-direction: column; gap: 4px; }
.brand-copy strong { font-size: 18px; letter-spacing: .06em; }
.brand-copy small { font-size: 8px; color: var(--muted); letter-spacing: .18em; }
.side-nav { display: grid; gap: 7px; }
.nav-item { position: relative; width: 100%; border: 0; background: transparent; border-radius: 11px; min-height: 50px; display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 8px; padding: 0 13px; color: #818a92; cursor: pointer; text-align: left; transition: .25s ease; }
.nav-item::before { content:""; position:absolute; left:-18px; width:2px; height:0; background:var(--lime); box-shadow:0 0 10px var(--lime); transition:.25s; }
.nav-item:hover { color: #d7dcdf; background: rgba(255,255,255,.025); }
.nav-item.active { color: white; background: linear-gradient(90deg,rgba(216,255,69,.12),rgba(216,255,69,.035)); }
.nav-item.active::before { height: 25px; }
.nav-item span:nth-child(2) { font-size: 13px; font-weight: 650; }
.nav-item em { font-style: normal; font-size: 9px; color: #9099a1; letter-spacing: .1em; }
.nav-item.active em { color: var(--lime); }
.nav-icon { width: 18px; height: 18px; position: relative; opacity: .8; }
.icon-cross::before,.icon-cross::after { content:""; position:absolute; border:1px solid currentColor; border-radius:50%; width:7px;height:7px; }
.icon-cross::before { left:1px; top:1px; box-shadow:8px 8px 0 -1px var(--bg),8px 8px 0 0 currentColor; }
.icon-cross::after { right:1px;top:1px; box-shadow:-8px 8px 0 -1px var(--bg),-8px 8px 0 0 currentColor; }
.icon-grid { background: radial-gradient(circle,currentColor 1.5px,transparent 2px) 0 0/6px 6px; }
.side-spacer { flex: 1; min-height: 30px; }
.engine-state { margin: 0 5px 14px; padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.02); }
.state-head { display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:10px; letter-spacing:.08em; margin-bottom:9px; }
.live-dot { width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,158,86,.08); }
.engine-state.ready .live-dot { background: var(--mint); box-shadow:0 0 0 4px rgba(87,245,190,.08),0 0 10px var(--mint); }
.engine-state strong,.engine-state small { display:block; }
.engine-state strong { font-size:12px;margin-bottom:5px; }
.engine-state small { font-size:9px;color:#9099a1;line-height:1.5; }
.side-help { border:0;background:transparent;color:#727b82;display:flex;align-items:center;gap:8px;padding:10px 10px;cursor:pointer;font-size:11px; }
.side-help span { border:1px solid #485057;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:9px; }
.side-footer { padding:12px 10px 0;border-top:1px solid var(--line);color:#9099a1;font-size:9px;letter-spacing:.06em; }
.main { grid-column:2; min-width:0; }
.topbar { height: 82px; padding: 0 clamp(24px,4vw,58px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:rgba(7,9,13,.7);backdrop-filter:blur(18px);position:sticky;top:0;z-index:15; }
.period-strip { display:flex;align-items:center;gap:18px; }
.eyebrow { color:#9099a1;font-size:8px;letter-spacing:.18em;display:none; }
.period-strip > strong { font-size:13px;font-weight:550;color:#aab1b7; }
.period-strip > strong b { color:#fff;font-size:15px; }
.period-strip > i { width:1px;height:21px;background:var(--line); }
.countdown { display:flex;align-items:baseline;gap:8px; }
.countdown span { font-size:10px;color:#7f8991; }
.countdown b { font-size:18px;letter-spacing:.07em;color:var(--lime);font-variant-numeric:tabular-nums; }
.top-actions { display:flex;align-items:center;gap:13px; }
.mode-pill { font-size:10px;color:#8e969c;border:1px solid var(--line);border-radius:99px;padding:9px 12px; }
.mode-pill i { display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);margin-right:6px;box-shadow:0 0 8px var(--mint); }
.connect-button { border:0;border-radius:9px;padding:11px 17px;background:var(--lime);color:#0b0e0d;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 8px 30px rgba(216,255,69,.1);transition:.2s; }
.connect-button:hover { transform:translateY(-1px);box-shadow:0 10px 34px rgba(216,255,69,.2); }
.link-glyph { display:inline-block;width:11px;height:11px;border:1.5px solid currentColor;border-radius:6px;margin-right:7px;vertical-align:-2px;transform:rotate(-38deg);position:relative; }
.link-glyph::after { content:"";position:absolute;width:6px;border-top:1.5px solid currentColor;top:4px;left:7px; }
.mobile-brand { display:none; }
.content { padding: 45px clamp(24px,4vw,58px) 70px; max-width: 1640px; margin:0 auto; }
.view { display:none;animation:viewIn .45s ease both; }
.view.active { display:block; }
@keyframes viewIn { from { opacity:0;transform:translateY(7px); } }
.hero-heading { display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px; }
.section-kicker { display:flex;align-items:center;gap:8px;color:#788188;font-size:9px;letter-spacing:.18em;font-weight:700;margin-bottom:11px; }
.section-kicker i { width:18px;height:1px;background:var(--lime);box-shadow:0 0 6px var(--lime); }
.hero-heading h1 { margin:0;font-size:clamp(30px,3vw,45px);letter-spacing:-.055em;line-height:1.05; }
.hero-heading h1 span { color:var(--lime);margin-left:5px; }
.hero-heading p { margin:13px 0 0;color:#737c83;font-size:12px;max-width:630px;line-height:1.8; }
.truth-badge,.sample-control { width:138px;min-width:138px;padding:12px 16px;border-left:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:end; }
.truth-badge span,.sample-control label { color:#818b92;font-size:9px;grid-column:1/3; }
.truth-badge strong { font-size:33px;line-height:1;color:#eaff94;letter-spacing:-.06em; }
.truth-badge sup { font-size:13px;margin-left:2px; }
.truth-badge small,.sample-control small { font-size:8px;color:#7b858c;justify-self:end;margin-bottom:3px; }
.product-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }
.product-card { --accent:var(--lime); position:relative;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(22,27,32,.94),rgba(12,15,19,.92));padding:20px;min-height:394px;transition:.32s ease;cursor:pointer; }
.product-card:nth-child(2) { --accent:var(--mint); }
.product-card:nth-child(3) { --accent:var(--cyan); }
.product-card:hover { border-color:rgba(255,255,255,.16);transform:translateY(-3px); }
.product-card.selected { border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 22px 65px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04); }
.card-aura { position:absolute;inset:-150px -170px auto auto;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent),transparent 68%);opacity:.25;transition:.3s; }
.product-card.selected .card-aura { opacity:1; }
.card-top { position:relative;display:flex;justify-content:space-between;align-items:center; }
.product-index { color:#505860;font:600 9px/1 ui-monospace,monospace;letter-spacing:.14em; }
.choice-mark { color:#555e65;font-size:9px;display:flex;align-items:center;gap:6px; }
.choice-mark i { width:5px;height:5px;border-radius:50%;background:#3c444a; }
.selected .choice-mark { color:var(--accent); }
.selected .choice-mark i { background:var(--accent);box-shadow:0 0 7px var(--accent); }
.product-title { margin:25px 0 18px;position:relative; }
.product-title small { color:var(--accent);font-size:8px;letter-spacing:.18em;opacity:.65; }
.product-title h2 { margin:5px 0 0;font-size:22px;letter-spacing:-.03em; }
.prediction-orb { position:relative;height:105px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(0,0,0,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden; }
.prediction-orb::before { content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 9%,transparent),transparent 66%); }
.prediction-orb span { color:#667078;font-size:9px;letter-spacing:.12em;z-index:1; }
.prediction-orb strong { color:var(--accent);font-size:26px;letter-spacing:.08em;margin:5px 0 2px;z-index:1;text-shadow:0 0 25px color-mix(in srgb,var(--accent) 28%,transparent); }
.prediction-orb small { color:#4f585f;font-size:8px;z-index:1; }
.remaining { display:flex;align-items:center;justify-content:space-between;margin:16px 0; }
.remaining > span { color:#626b72;font-size:9px; }
.remaining > div { display:flex;gap:4px; }
.remaining i { font-style:normal;color:#91999f;font-size:8px;border:1px solid var(--line);border-radius:4px;padding:4px 5px;transition:.2s; }
.remaining i.excluded { color:#41484d;text-decoration:line-through;opacity:.45; }
.card-stats { display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:15px; }
.card-stats div { display:flex;flex-direction:column;gap:5px; }
.card-stats div+div { border-left:1px solid var(--line);padding-left:15px; }
.card-stats span { color:#555e65;font-size:8px; }
.card-stats b { font-size:12px;font-weight:650; }
.select-product { width:100%;height:35px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#7f888f;font-size:9px;font-weight:700;cursor:pointer;transition:.2s; }
.selected .select-product { background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent); }
.insight-row,.number-analysis { display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-top:16px; }
.glass-panel { min-width:0;border:1px solid var(--line);border-radius:15px;background:var(--panel);backdrop-filter:blur(12px); }
.performance-panel,.number-performance-panel { padding:20px;margin-top:16px; }
.product-performance,.number-stat-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px; }
.performance-stat { border:1px solid var(--line);border-radius:8px;padding:11px;background:rgba(255,255,255,.018); }
.performance-stat span,.performance-stat small { display:block;color:#a2aab0;font-size:8px; }
.performance-stat b { display:block;margin:7px 0 4px;font-size:15px; }
.performance-stat small { color:#9099a1; }
.history-table { border:1px solid var(--line);border-radius:9px;overflow:hidden; }
.history-record { display:grid;grid-template-columns:92px repeat(3,1fr);align-items:center;min-height:43px;padding:0 12px;border-bottom:1px solid var(--line);gap:8px; }
.history-record:last-child { border-bottom:0; }
.history-record > span { color:#788188;font-size:8px; }
.history-record > div { display:flex;align-items:center;justify-content:space-between;gap:5px;color:#8b949a;font-size:8px; }
.history-record strong { font-size:9px;color:#c7cdd1; }.history-record em { font-style:normal;color:#7d868c;font-size:8px; }
.history-record em.win { color:var(--mint); }.history-record em.loss { color:var(--danger); }.history-record em.pending { color:#8c959b; }
.history-panel,.ratio-panel,.chart-panel,.recent-number-panel { padding:20px; }
.panel-heading { display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px; }
.panel-heading span { color:#7e878e;font-size:7px;letter-spacing:.18em; }
.panel-heading h2,.panel-heading h3 { margin:5px 0 0;font-size:13px; }
.panel-heading > small { color:#7e878e;font-size:8px;margin-top:9px; }
.text-button { border:0;background:transparent;color:#879098;font-size:9px;cursor:pointer;margin-top:7px; }
.text-button b { color:var(--lime);font-size:13px;margin-left:5px; }
.draw-list { display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:9px;overflow:hidden;min-height:80px; }
.draw-item { padding:12px 9px;border-right:1px solid var(--line); }
.draw-item:last-child { border-right:0; }
.draw-item span { display:block;color:#9099a1;font-size:7px;margin-bottom:8px; }
.draw-balls { display:flex;align-items:center;gap:3px; }
.draw-balls i { width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:8px;background:#20262b;color:#b7bec3; }
.draw-balls b { color:#4d565d;font-size:9px;margin:0 1px; }
.draw-balls strong { color:var(--lime);font-size:12px;margin-left:2px; }
.draw-item small { display:block;margin-top:8px;color:#a2aab0;font-size:7px; }
.empty-line { color:#7e878e;font-size:9px;display:grid;place-items:center;min-height:72px;grid-column:1/-1; }
.ratio-list { display:grid;gap:16px; }
.ratio-row { display:grid;grid-template-columns:42px 1fr 49px;align-items:center;gap:8px; }
.ratio-row span,.ratio-row b { font-size:8px;color:#858e95; }
.ratio-row b { text-align:right;font-variant-numeric:tabular-nums; }
.ratio-row > div { height:5px;border-radius:5px;background:rgba(255,255,255,.055);overflow:hidden; }
.ratio-row > div i { display:block;width:50%;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--lime),var(--mint));box-shadow:0 0 8px rgba(216,255,69,.22); }
.ratio-row.p0 > div i { width:0 }.ratio-row.p5 > div i { width:5% }.ratio-row.p10 > div i { width:10% }.ratio-row.p15 > div i { width:15% }.ratio-row.p20 > div i { width:20% }
.ratio-row.p25 > div i { width:25% }.ratio-row.p30 > div i { width:30% }.ratio-row.p35 > div i { width:35% }.ratio-row.p40 > div i { width:40% }.ratio-row.p45 > div i { width:45% }
.ratio-row.p50 > div i { width:50% }.ratio-row.p55 > div i { width:55% }.ratio-row.p60 > div i { width:60% }.ratio-row.p65 > div i { width:65% }.ratio-row.p70 > div i { width:70% }
.ratio-row.p75 > div i { width:75% }.ratio-row.p80 > div i { width:80% }.ratio-row.p85 > div i { width:85% }.ratio-row.p90 > div i { width:90% }.ratio-row.p95 > div i { width:95% }.ratio-row.p100 > div i { width:100% }
.ratio-row.alt > div i { background:linear-gradient(90deg,var(--cyan),#8d9dff); }
.combo-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:16px; }
.combo-cell { border:1px solid var(--line);border-radius:6px;padding:8px 6px;text-align:center; }
.combo-cell span,.combo-cell small { display:block;color:#a2aab0;font-size:7px; }.combo-cell b { display:block;font-size:11px;margin:5px 0;color:#d6dcdf; }.combo-cell small { color:#9099a1; }
.panel-note { color:#7e878e;font-size:8px;line-height:1.6;margin:17px 0 0;padding-top:14px;border-top:1px solid var(--line); }
.manual-section { margin-top:16px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(12,15,18,.55); }
.manual-section summary { min-height:66px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none; }
.manual-section summary::-webkit-details-marker { display:none; }
.manual-section summary > span { display:grid;grid-template-columns:15px auto;align-items:center;column-gap:9px; }
.manual-section summary i { width:14px;height:14px;border:1px solid #4c555c;border-radius:3px;grid-row:1/3;position:relative; }
.manual-section summary i::after { content:"";position:absolute;width:5px;border-top:1px solid #68727a;left:4px;top:6px; }
.manual-section summary b { font-size:11px; }
.manual-section summary small { color:#7e878e;font-size:8px;margin-top:3px; }
.manual-section summary em { color:#7e878e;font-style:normal;font-size:8px; }
.manual-content { border-top:1px solid var(--line);padding:20px;display:flex;align-items:center;gap:25px; }
.manual-intro { flex:1; }
.manual-intro strong { font-size:11px; }
.manual-intro p { color:#5c656c;font-size:8px;line-height:1.7;margin:5px 0 0; }
.manual-options { display:flex;gap:7px; }
.manual-options label { border:1px solid var(--line);padding:8px 10px;border-radius:6px;color:#697279;font-size:8px; }
.manual-options input { vertical-align:-2px;accent-color:var(--lime); }
.manual-content > button { border:1px solid var(--line);background:#171b1f;color:#596168;border-radius:7px;padding:10px 14px;font-size:8px; }
.manual-number-placeholder { color:#606970;font-size:9px;letter-spacing:.14em; }
.sample-control > div { display:flex;align-items:center;grid-column:1/3;margin-top:5px;gap:4px; }
.sample-control input { width:60px;border:0;border-bottom:1px solid rgba(216,255,69,.35);background:transparent;color:var(--lime);font-size:25px;font-weight:800;line-height:1.2;padding:1px 0;outline:none; }
.sample-control input:focus { border-color:var(--lime);box-shadow:0 4px 8px -7px var(--lime); }
.sample-control > div > b { font-size:12px;color:var(--lime); }.sample-control button { border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:5px;color:#a2aab0;font-size:7px;padding:6px;margin-left:auto;cursor:pointer; }
.sample-control small { grid-column:1/3;margin-top:5px;justify-self:start; }
.number-stage { padding:24px;position:relative;overflow:hidden; }
.number-stage::before { content:"";position:absolute;width:600px;height:260px;left:12%;top:-200px;background:radial-gradient(ellipse,rgba(216,255,69,.08),transparent 67%); }
.number-stage-head { position:relative;display:flex;align-items:center;justify-content:space-between; }
.number-stage-head > div:first-child { display:flex;align-items:center;gap:12px; }
.number-stage-head span { font-size:9px;color:#626b72; }
.number-stage-head strong { font-size:10px; }
.method-chip { color:#758087;font:500 8px/1 ui-monospace,monospace;border:1px solid var(--line);padding:7px 9px;border-radius:5px; }
.number-picks { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px auto 22px;max-width:690px;position:relative; }
.number-pick { height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:13px;background:linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.005)); }
.number-pick span { color:#586168;font-size:8px;letter-spacing:.14em; }
.number-pick strong { font-size:56px;line-height:1.05;margin:6px 0 7px;letter-spacing:-.08em; }
.number-pick small { color:#596168;font-size:8px; }
.number-pick.first { border-color:rgba(216,255,69,.24);box-shadow:inset 0 0 50px rgba(216,255,69,.025); }
.number-pick.first strong { color:var(--lime);text-shadow:0 0 35px rgba(216,255,69,.16); }
.number-explain { max-width:690px;margin:auto;display:flex;align-items:flex-start;gap:9px;padding-top:17px;border-top:1px solid var(--line); }
.number-explain i { width:5px;height:5px;border-radius:50%;background:var(--lime);margin-top:5px; }
.number-explain p { margin:0;color:#596269;font-size:8px;line-height:1.7; }
.number-explain strong { color:#7a838a; }
.chart-panel { min-height:300px; }
.bar-chart { height:206px;display:grid;grid-template-columns:repeat(28,1fr);gap:3px;align-items:end;border-bottom:1px solid var(--line);padding-top:20px; }
.bar-column { height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;position:relative; }
.bar-column i { display:block;width:100%;max-width:12px;min-height:2px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--lime),rgba(87,245,190,.32));opacity:.72;transition:.3s; }
.bar-column i.h5 { height:5% }.bar-column i.h10 { height:10% }.bar-column i.h15 { height:15% }.bar-column i.h20 { height:20% }.bar-column i.h25 { height:25% }
.bar-column i.h30 { height:30% }.bar-column i.h35 { height:35% }.bar-column i.h40 { height:40% }.bar-column i.h45 { height:45% }.bar-column i.h50 { height:50% }
.bar-column i.h55 { height:55% }.bar-column i.h60 { height:60% }.bar-column i.h65 { height:65% }.bar-column i.h70 { height:70% }.bar-column i.h75 { height:75% }
.bar-column i.h80 { height:80% }.bar-column i.h85 { height:85% }.bar-column i.h90 { height:90% }.bar-column i.h95 { height:95% }.bar-column i.h100 { height:100% }
.bar-column em { position:absolute;bottom:14px;width:100%;max-width:15px;border-top:1px dashed rgba(102,217,255,.9);z-index:2; }
.bar-column em.h5 { height:5% }.bar-column em.h10 { height:10% }.bar-column em.h15 { height:15% }.bar-column em.h20 { height:20% }.bar-column em.h25 { height:25% }
.bar-column em.h30 { height:30% }.bar-column em.h35 { height:35% }.bar-column em.h40 { height:40% }.bar-column em.h45 { height:45% }.bar-column em.h50 { height:50% }
.bar-column em.h55 { height:55% }.bar-column em.h60 { height:60% }.bar-column em.h65 { height:65% }.bar-column em.h70 { height:70% }.bar-column em.h75 { height:75% }
.bar-column em.h80 { height:80% }.bar-column em.h85 { height:85% }.bar-column em.h90 { height:90% }.bar-column em.h95 { height:95% }.bar-column em.h100 { height:100% }
.legend-actual,.legend-expected { display:inline-block!important;width:7px;height:7px;border-radius:2px;background:var(--lime);margin:0 3px 0 7px; }
.legend-expected { background:transparent;border-top:1px dashed var(--cyan);border-radius:0;height:4px; }
.bar-column:hover i { opacity:1;box-shadow:0 0 10px rgba(216,255,69,.2); }
.bar-column span { color:#9099a1;font-size:6px; }
.number-draws { display:grid;gap:7px;max-height:220px;overflow:auto;padding-right:3px; }
.number-draw-row { display:grid;grid-template-columns:1fr auto auto;align-items:center;padding:8px 10px;background:rgba(255,255,255,.02);border-radius:6px; }
.number-draw-row span { color:#9099a1;font-size:7px; }
.number-draw-row div { color:#7d868c;font-size:8px;letter-spacing:.08em; }
.number-draw-row strong { color:var(--lime);font-size:11px;width:27px;text-align:right; }
.modal-backdrop { position:fixed;inset:0;background:rgba(1,3,5,.78);backdrop-filter:blur(12px);z-index:100;display:grid;place-items:center;padding:20px;animation:fadeIn .2s; }
.modal-backdrop[hidden] { display:none; }
@keyframes fadeIn { from { opacity:0; } }
.modal { width:min(420px,100%);border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(145deg,#171c21,#0d1014);padding:33px;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.6); }
.modal-close { position:absolute;right:15px;top:14px;border:0;background:transparent;color:#657078;font-size:22px;cursor:pointer; }
.modal-icon { width:45px;height:45px;border-radius:12px;background:rgba(216,255,69,.1);color:var(--lime);display:grid;place-items:center;margin-bottom:20px; }
.modal-icon .link-glyph { margin:0; }
.modal h2 { font-size:25px;margin:0 0 10px; }
.modal > p { color:#6e777e;font-size:10px;line-height:1.8;margin:0; }
.modal-status { margin:22px 0;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:9px;padding:13px;background:rgba(255,255,255,.02); }
.modal-status > i { width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 8px var(--orange); }
.modal-status span { display:flex;flex-direction:column;gap:4px; }
.modal-status strong { font-size:9px; }
.modal-status small { color:#5b646b;font-size:8px; }
.modal-primary { width:100%;height:40px;border:0;border-radius:8px;background:var(--lime);color:#0b0e0d;font-weight:800;font-size:10px;cursor:pointer; }
.about-steps { display:grid;gap:8px;margin:22px 0; }
.about-steps > div { display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:8px; }
.about-steps b { width:25px;height:25px;border-radius:50%;background:rgba(216,255,69,.1);color:var(--lime);display:grid;place-items:center;font-size:9px; }
.about-steps span { display:flex;flex-direction:column;gap:4px; }
.about-steps strong { font-size:9px; }.about-steps small { color:#596168;font-size:8px; }
.risk-copy { border-top:1px solid var(--line);padding-top:14px; }
@media (min-width:1200px) { .eyebrow { display:block; } }
@media (max-width:1050px) { .product-card { padding:16px; }.draw-list { grid-template-columns:repeat(3,1fr); }.draw-item:nth-child(n+4){display:none}.remaining { align-items:flex-start;gap:8px;flex-direction:column; }.insight-row { grid-template-columns:1fr; } }
@media (max-width:900px) {
  :root { --sidebar:0px; }
  .app-shell { display:block; }.sidebar { transform:translateX(-100%);width:246px;transition:.25s;box-shadow:25px 0 80px rgba(0,0,0,.5); }.sidebar.open { transform:translateX(0); }
  .main { grid-column:auto; }.topbar { height:68px;padding:0 17px; }.mobile-brand { display:grid;gap:3px;width:44px;height:44px;border:0;background:transparent;padding:13px; }.mobile-brand span{height:1px;background:#8f989e;width:17px}.period-strip{gap:9px}.period-strip>strong{font-size:10px}.period-strip>strong b{font-size:11px}.period-strip>i,.mode-pill{display:none}.countdown span{display:none}.countdown b{font-size:14px}.connect-button{padding:9px 11px;min-height:44px}.content{padding:30px 16px 50px}.hero-heading{align-items:flex-start}.hero-heading p{font-size:10px}.truth-badge,.sample-control{width:128px;min-width:128px;padding:9px}.truth-badge strong{font-size:27px}.product-grid{grid-template-columns:1fr}.product-card{min-height:auto}.insight-row,.number-analysis{grid-template-columns:1fr}.manual-content{align-items:stretch;flex-direction:column}.manual-options{flex-wrap:wrap}.number-picks{gap:7px}.number-pick{height:115px}.number-pick strong{font-size:39px}.draw-list{grid-template-columns:repeat(3,1fr)}.product-performance,.number-stat-grid{grid-template-columns:1fr}.history-record{grid-template-columns:74px 1fr;padding:9px 10px}.history-record>div{grid-column:2}.combo-grid{grid-template-columns:repeat(2,1fr)}
  .side-help,.select-product,.text-button,.manual-content>button,.sample-control button,.modal-primary,.modal-close { min-height:44px; }
  .manual-options label { min-height:44px;display:flex;align-items:center;gap:5px; }
}
@media (min-width:650px) and (max-width:900px) {
  .product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .product-card { padding:15px; }
  .product-performance,.number-stat-grid { grid-template-columns:repeat(3,1fr); }
  .history-record { grid-template-columns:82px repeat(3,1fr);padding:9px 11px; }
  .history-record>div { grid-column:auto; }
  .combo-grid { grid-template-columns:repeat(4,1fr); }
}
@media (max-width:470px) { .hero-heading { flex-direction:column;align-items:stretch; }.truth-badge,.sample-control{border-left:0;border-top:1px solid var(--line);width:100%;grid-template-columns:1fr auto;padding:10px 0}.truth-badge span,.sample-control span{grid-column:auto}.truth-badge small,.sample-control small{display:none}.top-actions .connect-button .link-glyph{display:none}.product-title{margin-top:18px}.number-stage{padding:16px}.number-pick{height:100px}.number-pick strong{font-size:34px}.bar-chart{gap:1px}.manual-section summary small{max-width:170px}.modal{padding:27px 22px} }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important; } }

/* M2 account, strategy and simulation workspace */
button,input,select { font:inherit; }
input,select { color-scheme:dark; }
.nav-divider { display:block;margin:20px 13px 7px;color:#7d878e;font:600 7px/1 ui-monospace,monospace;letter-spacing:.18em; }
.secondary-nav { min-height:42px; }
.icon-list::before,.icon-list::after { content:"";position:absolute;left:2px;right:2px;border-top:1px solid currentColor;box-shadow:0 5px 0 currentColor,0 10px 0 currentColor;top:3px; }
.icon-pulse::before { content:"";position:absolute;inset:4px 1px;border-left:1px solid currentColor;border-bottom:1px solid currentColor;transform:skew(-25deg); }
.icon-curve::before { content:"";position:absolute;left:1px;right:1px;bottom:3px;height:10px;border-bottom:1px solid currentColor;border-radius:0 0 70% 20%;transform:rotate(-10deg); }
.connect-button.connected { border-color:rgba(87,245,190,.25);background:rgba(87,245,190,.07);color:#d9fff2;max-width:230px; }
.connect-button.connected span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.online-dot { flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px rgba(87,245,190,.65); }

.automation-panel { margin-top:16px;padding:24px;position:relative;overflow:hidden;border-color:rgba(216,255,69,.12);background:linear-gradient(135deg,rgba(22,27,29,.92),rgba(13,17,20,.82)); }
.automation-panel::before { content:"";position:absolute;inset:-220px auto auto -160px;width:480px;height:350px;background:radial-gradient(circle,rgba(216,255,69,.06),transparent 68%);pointer-events:none; }
.automation-head { position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:19px;padding-bottom:18px;border-bottom:1px solid var(--line); }
.automation-head h2 { margin:5px 0 6px;font-size:18px;letter-spacing:-.025em; }
.automation-head p { margin:0;color:#758087;font-size:9px;line-height:1.7; }
.account-context { flex:0 0 auto;max-width:250px;border:1px solid rgba(216,255,69,.15);border-radius:20px;padding:8px 12px;color:#9da77a;background:rgba(216,255,69,.04);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.strategy-form { position:relative; }
.strategy-grid { display:grid;grid-template-columns:1.15fr repeat(2,minmax(0,1fr));gap:8px; }
.selected-strategy { grid-row:span 2;border:1px solid rgba(216,255,69,.15);border-radius:11px;padding:18px;background:linear-gradient(145deg,rgba(216,255,69,.075),rgba(216,255,69,.015));display:flex;flex-direction:column;justify-content:center;min-height:118px; }
.selected-strategy span { color:#7c8662;font-size:8px; }
.selected-strategy strong { color:var(--lime);font-size:20px;margin:7px 0; }
.selected-strategy small { color:#5f6860;font-size:8px;line-height:1.5; }
.strategy-item { border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018);min-width:0;transition:.2s; }
.strategy-item:focus-within,.strategy-item.expanded { border-color:rgba(216,255,69,.18);background:rgba(216,255,69,.025); }
.item-primary { min-height:55px;padding:9px 10px;display:flex;align-items:center;gap:9px; }
.item-primary > label:not(.item-check) { color:#667078;font-size:7px;display:flex;align-items:center;gap:5px;white-space:nowrap; }
.item-primary input[type=number] { width:70px;height:30px;border:1px solid var(--line);border-radius:6px;background:rgba(0,0,0,.22);padding:0 7px;color:#dce2e5;font-size:9px;outline:none; }
.item-primary input:focus { border-color:rgba(216,255,69,.45); }
.item-check { min-width:65px;display:flex;align-items:center;gap:8px;cursor:pointer; }
.item-check input { position:absolute;opacity:0; }
.item-check span { width:17px;height:17px;border:1px solid #414a50;border-radius:5px;position:relative;background:#111519; }
.item-check input:checked + span { border-color:rgba(216,255,69,.55);background:rgba(216,255,69,.12); }
.item-check input:checked + span::after { content:"";position:absolute;width:7px;height:4px;border-left:2px solid var(--lime);border-bottom:2px solid var(--lime);transform:rotate(-45deg);left:4px;top:4px; }
.item-check strong { font-size:10px; }
.item-expand { margin-left:auto;border:0;background:transparent;color:#667078;font-size:7px;cursor:pointer;padding:8px 2px;white-space:nowrap; }
.item-advanced { display:none;grid-template-columns:1fr .7fr 1.6fr;gap:7px;padding:0 10px 11px; }
.strategy-item.expanded .item-advanced { display:grid; }
.item-advanced label,.strategy-controls label { display:flex;flex-direction:column;gap:5px;color:#7f888f;font-size:7px; }
.item-advanced select,.item-advanced input,.strategy-controls select,.strategy-controls input { min-width:0;width:100%;height:32px;border:1px solid var(--line);border-radius:6px;background:#111519;color:#c2c9cd;padding:0 8px;font-size:8px;outline:none; }
.item-advanced label:nth-child(2) { position:relative; }.item-advanced label:nth-child(2) small { position:absolute;right:8px;bottom:9px;color:#535c62; }
.item-advanced label:nth-child(2) input { padding-right:22px; }
.item-ladder small,.ladder-field small { color:#4e575e;font-size:7px; }
.strategy-controls { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px; }
.strategy-controls .ladder-field { grid-column:span 2; }
.strategy-controls input:focus,.strategy-controls select:focus,.item-advanced input:focus,.item-advanced select:focus { border-color:rgba(216,255,69,.4); }
.strategy-action { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line); }
.strategy-action > small { color:#656e74;font-size:8px; }.strategy-action > small[data-tone=success] { color:var(--mint); }.strategy-action > small[data-tone=error] { color:var(--danger); }
.strategy-action > button,.manual-config-content > button { height:38px;border:0;border-radius:8px;background:var(--lime);color:#0a0d0c;padding:0 18px;font-size:9px;font-weight:800;cursor:pointer; }
.strategy-action > button:disabled,.manual-config-content > button:disabled { opacity:.45;cursor:wait; }
.switch-line { display:flex;align-items:center;gap:9px;cursor:pointer; }
.switch-line input { position:absolute;opacity:0; }
.switch-line span { width:35px;height:19px;border-radius:20px;background:#272e33;position:relative;transition:.2s; }
.switch-line span::after { content:"";position:absolute;width:13px;height:13px;left:3px;top:3px;border-radius:50%;background:#758087;transition:.2s; }
.switch-line input:checked + span { background:rgba(216,255,69,.22);box-shadow:inset 0 0 0 1px rgba(216,255,69,.2); }
.switch-line input:checked + span::after { left:19px;background:var(--lime);box-shadow:0 0 10px rgba(216,255,69,.35); }
.switch-line b { font-size:9px;white-space:nowrap; }
.rank-select { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.rank-select > label:not(.amount-field) { min-height:38px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;padding:0 11px;color:#8a9399;font-size:8px;cursor:pointer;background:rgba(255,255,255,.015); }
.rank-select input[type=checkbox] { accent-color:var(--lime); }
.rank-select .amount-field { margin-left:auto;display:flex;align-items:center;gap:8px;color:#7b848b;font-size:8px; }
.rank-select .amount-field input { width:115px;height:38px;border:1px solid var(--line);border-radius:8px;background:#101418;padding:0 10px;color:var(--lime);font-weight:700;outline:none; }

.manual-config-content { display:grid;grid-template-columns:220px 1fr;align-items:start; }
.manual-config-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px; }
.number-manual-grid { grid-template-columns:repeat(2,minmax(260px,1fr));max-height:540px;overflow:auto;padding-right:4px; }
.manual-config-content > button { grid-column:2;justify-self:end;margin-top:13px; }

.workspace-heading { margin-bottom:25px; }.workspace-heading h1 { font-size:38px;margin:5px 0 8px;letter-spacing:-.045em; }.workspace-heading h1 span { color:var(--lime); }.workspace-heading p { color:#727b82;font-size:10px;margin:0; }
.workspace-panel { padding:23px; }
.simulation-history { border:1px solid var(--line);border-radius:10px;overflow:hidden; }
.simulation-row { display:grid;grid-template-columns:100px 90px 1fr 55px 100px;align-items:center;gap:10px;min-height:48px;padding:0 14px;border-bottom:1px solid var(--line); }
.simulation-row:last-child { border-bottom:0; }.simulation-row span,.simulation-row small { color:#7b848b;font-size:8px; }.simulation-row strong { font-size:10px; }.simulation-row b { font-size:8px;color:#a2abb0; }.simulation-row em { text-align:right;font-style:normal;font-size:9px;font-variant-numeric:tabular-nums; }
.positive { color:var(--mint)!important; }.negative { color:var(--danger)!important; }
.board-summary-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:16px; }
.board-card { min-height:260px;border:1px solid var(--line);border-radius:16px;padding:27px;background:linear-gradient(145deg,rgba(23,28,33,.9),rgba(12,15,19,.75));position:relative;overflow:hidden; }
.board-card::after { content:"";position:absolute;width:300px;height:300px;right:-160px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(216,255,69,.09),transparent 67%); }
.board-card.number::after { background:radial-gradient(circle,rgba(102,217,255,.09),transparent 67%); }
.board-card > span { color:#7d868d;font-size:9px;letter-spacing:.08em; }.board-card > strong { display:block;font-size:37px;letter-spacing:-.04em;margin:13px 0 4px; }.board-card.number > strong { color:var(--cyan); }.board-card.market > strong { color:var(--lime); }.board-card > small { color:#667078;font-size:8px; }
.board-card > div { position:absolute;left:27px;right:27px;bottom:24px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:17px; }.board-card p { margin:0;display:flex;flex-direction:column;gap:6px; }.board-card em { color:#606970;font-style:normal;font-size:7px; }.board-card b { font-size:10px; }
.fund-curve { min-height:310px; }.fund-curve svg { width:100%;height:250px;overflow:visible; }.fund-curve svg line { stroke:rgba(255,255,255,.09);stroke-dasharray:5 5; }.fund-curve polyline { stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round; }.curve-market { stroke:var(--lime);filter:drop-shadow(0 0 5px rgba(216,255,69,.2)); }.curve-number { stroke:var(--cyan);filter:drop-shadow(0 0 5px rgba(102,217,255,.2)); }
.curve-legend { display:flex;align-items:center;gap:18px;color:#858e94;font-size:8px; }.curve-legend span { display:flex;align-items:center;gap:6px; }.curve-legend i { width:14px;border-top:2px solid var(--lime); }.curve-legend span:nth-child(2) i { border-color:var(--cyan); }.curve-legend b { margin-left:auto;color:#606970;font-weight:500; }.curve-range { display:flex;justify-content:space-between;color:#505960;font-size:7px;padding:0 4%; }

.connect-form { display:grid;gap:13px;margin-top:20px; }.connect-form > label:not(.consent-line),.group-select-label,.disconnect-zone label { display:flex;flex-direction:column;gap:6px;color:#878f95;font-size:8px; }.connect-form input,.group-select-label select,.disconnect-zone input { height:42px;border:1px solid var(--line);border-radius:8px;background:#0e1216;padding:0 12px;color:#e3e8ea;outline:none; }.connect-form input:focus,.group-select-label select:focus,.disconnect-zone input:focus { border-color:rgba(216,255,69,.45);box-shadow:0 0 0 3px rgba(216,255,69,.04); }
.consent-line { display:flex;align-items:flex-start;gap:8px;color:#737c82;font-size:8px;line-height:1.65;cursor:pointer; }.consent-line input { width:15px;height:15px;flex:0 0 auto;margin-top:1px;accent-color:var(--lime); }.form-error { min-height:14px!important;margin:0!important;color:var(--danger)!important;font-size:8px!important; }
.connected-identity { display:flex;flex-direction:column;gap:5px;padding:14px;margin:18px 0 14px;border:1px solid rgba(87,245,190,.13);border-radius:10px;background:rgba(87,245,190,.035); }.connected-identity span,.connected-identity small { color:#687179;font-size:8px; }.connected-identity strong { font-size:13px; }.connected-identity small { color:#6f9f8e; }
.migration-notice { margin:18px 0 14px;padding:16px;border:1px solid rgba(216,255,69,.16);border-radius:11px;background:rgba(216,255,69,.035); }.migration-notice > span { display:block;color:#858f73;font-size:8px; }.migration-notice > strong { display:flex;align-items:center;gap:11px;margin:12px 0;font-size:16px; }.migration-notice > strong b { color:var(--lime); }.migration-notice > strong i { color:#596269;font-style:normal; }.migration-notice p { margin:0;color:#737c82;font-size:8px;line-height:1.7; }.migration-primary { color:#0b0e0d!important;background:var(--lime)!important;border-color:var(--lime)!important;font-weight:800; }
.group-hint { color:#656e74;font-size:8px;line-height:1.65; }.account-actions { display:flex;gap:8px;margin:14px 0; }.account-actions button,.disconnect-zone button { min-height:36px;border:1px solid var(--line);border-radius:7px;background:#151a1f;color:#90999f;padding:0 12px;font-size:8px;cursor:pointer; }.disconnect-zone { border-top:1px solid var(--line);padding-top:13px; }.disconnect-zone summary { cursor:pointer;color:#686f75;font-size:8px; }.disconnect-zone[open] { display:grid;gap:9px; }.disconnect-zone button { color:var(--danger);border-color:rgba(255,106,120,.2); }

@media (max-width:1050px) {
  .strategy-grid { grid-template-columns:1fr 1fr; }.selected-strategy { grid-column:1/-1;grid-row:auto;min-height:90px; }.strategy-controls { grid-template-columns:repeat(3,1fr); }.manual-config-content { grid-template-columns:1fr; }.manual-config-content > button { grid-column:1; }.simulation-row { grid-template-columns:85px 75px 1fr 50px 85px; }
}
@media (max-width:700px) {
  .automation-panel { padding:17px; }.automation-head { flex-direction:column;gap:11px; }.account-context { max-width:100%; }.strategy-grid,.manual-config-grid,.number-manual-grid { grid-template-columns:1fr; }.strategy-controls { grid-template-columns:1fr 1fr; }.strategy-controls .ladder-field { grid-column:1/-1; }.strategy-action { grid-template-columns:1fr; }.strategy-action > button { width:100%;min-height:44px; }.item-primary { flex-wrap:wrap; }.item-check { margin-right:auto; }.item-advanced { grid-template-columns:1fr 1fr; }.item-ladder { grid-column:1/-1; }.rank-select .amount-field { width:100%;margin:4px 0 0;justify-content:space-between; }.rank-select .amount-field input { flex:1; }.board-summary-grid { grid-template-columns:1fr; }.simulation-row { grid-template-columns:1fr auto auto;padding:10px 12px; }.simulation-row small { grid-column:1/3; }.simulation-row b { grid-column:2;grid-row:1; }.simulation-row em { grid-column:3;grid-row:1/3; }.workspace-heading h1 { font-size:31px; }.fund-curve { min-height:240px; }.fund-curve svg { height:190px; }
}

/* M3 guarded real execution */
.real-execution { margin-top:16px;padding:22px 23px 18px;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(420px,1.4fr);gap:16px 28px;position:relative;overflow:hidden;border-color:rgba(255,151,89,.22);background:linear-gradient(120deg,rgba(37,24,19,.94),rgba(18,20,22,.94) 48%,rgba(12,16,19,.9));box-shadow:0 20px 55px rgba(0,0,0,.17); }
.real-execution::before { content:"";position:absolute;width:360px;height:360px;right:-170px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(255,128,68,.14),transparent 68%);pointer-events:none; }
.number-real { border-color:rgba(102,217,255,.2);background:linear-gradient(120deg,rgba(17,29,35,.95),rgba(18,20,22,.94) 48%,rgba(12,16,19,.9)); }
.number-real::before { background:radial-gradient(circle,rgba(102,217,255,.12),transparent 68%); }
.real-signal { position:absolute;right:20px;top:17px;display:flex;align-items:center;gap:7px;color:#c68b6e;font:600 7px/1 ui-monospace,monospace;letter-spacing:.13em; }
.real-signal i { width:6px;height:6px;border-radius:50%;background:#ff955f;box-shadow:0 0 0 5px rgba(255,149,95,.07),0 0 16px rgba(255,149,95,.45);animation:pulse 2.2s infinite; }
.number-real .real-signal { color:#70a7b5; }.number-real .real-signal i { background:var(--cyan);box-shadow:0 0 0 5px rgba(102,217,255,.07),0 0 16px rgba(102,217,255,.35); }
.real-copy { min-width:0;align-self:center;padding-right:8px; }
.real-copy h2 { margin:7px 0 7px;font-size:21px;letter-spacing:-.035em; }
.real-copy p { max-width:470px;margin:0;color:#84898d;font-size:8px;line-height:1.75; }
.real-form { align-self:end;display:grid;grid-template-columns:1fr 1fr minmax(155px,.9fr);gap:8px;margin-top:20px;position:relative; }
.real-form label { display:flex;flex-direction:column;gap:6px;color:#8a8e91;font-size:7px; }
.real-form input,.real-form select { width:100%;height:43px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(5,8,10,.48);color:#f3f5f5;padding:0 11px;outline:none;font-size:10px; }
.real-form input:focus,.real-form select:focus { border-color:rgba(255,149,95,.48);box-shadow:0 0 0 3px rgba(255,149,95,.05); }
.number-real .real-form input:focus { border-color:rgba(102,217,255,.5);box-shadow:0 0 0 3px rgba(102,217,255,.05); }
.real-form button { align-self:end;height:43px;border:0;border-radius:9px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(120deg,#ff9e68,#ff754f);color:#1a0d08;font-size:8px;font-weight:900;cursor:pointer;box-shadow:0 8px 25px rgba(255,116,79,.13); }
.number-real .real-form button { background:linear-gradient(120deg,#75e2ff,#50c6e8);color:#071317;box-shadow:0 8px 25px rgba(80,198,232,.12); }
.real-form button b { font-size:15px; }.real-form button:disabled { opacity:.4;cursor:not-allowed;box-shadow:none; }
.real-error { grid-column:1/-1;margin:0;padding:10px 12px;border:1px solid rgba(255,106,120,.2);border-radius:8px;background:rgba(255,106,120,.045);color:#ff8894;font-size:8px;line-height:1.55; }
.real-foot { grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);position:relative; }
.real-foot span { color:#d29b7e;font-size:8px; }.number-real .real-foot span { color:#7bb5c5; }
.real-foot small { color:#646b6f;font-size:7px;text-align:right; }
.real-execution.blocked { border-color:rgba(255,106,120,.32); }.real-execution.blocked .real-foot span { color:var(--danger); }

.real-log-panel { margin-bottom:16px;border-color:rgba(255,151,89,.14); }
.real-history { border:1px solid var(--line);border-radius:10px;overflow:hidden; }
.real-row { min-height:58px;display:grid;grid-template-columns:90px minmax(120px,1.15fr) minmax(130px,1fr) 95px auto;align-items:center;gap:12px;padding:9px 13px;border-bottom:1px solid var(--line); }
.real-row:last-child { border-bottom:0; }.real-row > span,.real-row > small { color:#717a80;font-size:8px; }.real-row strong { font-size:11px; }.real-row small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.delivery-state { justify-self:start;border:1px solid var(--line);border-radius:20px;padding:6px 9px;color:#959da2;font-size:7px;font-style:normal;white-space:nowrap; }
.delivery-state.posted { color:var(--mint);border-color:rgba(87,245,190,.2);background:rgba(87,245,190,.04); }.delivery-state.failed,.delivery-state.skipped { color:#8b9297; }.delivery-state.unknown { color:#ffbc7b;border-color:rgba(255,188,123,.24);background:rgba(255,188,123,.05); }.delivery-state.sending,.delivery-state.queued { color:var(--cyan);border-color:rgba(102,217,255,.2); }
.unknown-actions { display:flex;gap:5px;justify-self:end; }.unknown-actions button { min-height:31px;border:1px solid rgba(255,188,123,.18);border-radius:6px;background:rgba(255,188,123,.04);color:#d6a675;padding:0 8px;font-size:7px;cursor:pointer; }.unknown-actions button:last-child { color:#8d989e;border-color:var(--line);background:#12171a; }

.real-confirm-modal { border-color:rgba(255,149,95,.19);background:linear-gradient(150deg,#171a1d,#111416 60%,#19120f); }
.real-confirm-mark { display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;border:1px solid rgba(255,149,95,.16);border-radius:20px;padding:7px 10px;color:#bd876b;font-size:7px;letter-spacing:.08em; }
.real-confirm-mark i { width:5px;height:5px;border-radius:50%;background:#ff955f;box-shadow:0 0 10px rgba(255,149,95,.5); }
.confirm-ticket { display:grid;grid-template-columns:1fr 1fr;margin:20px 0 13px;border:1px solid rgba(255,255,255,.09);border-radius:12px;overflow:hidden;background:rgba(4,7,8,.3); }
.confirm-ticket > div { min-height:72px;padding:14px;display:flex;flex-direction:column;gap:7px;border-right:1px solid var(--line);border-bottom:1px solid var(--line); }
.confirm-ticket > div:nth-child(2n) { border-right:0; }.confirm-ticket > div:nth-child(n+3) { border-bottom:0; }
.confirm-ticket span { color:#6c757b;font-size:7px; }.confirm-ticket strong { color:#ffae7e;font-size:19px; }.confirm-ticket b { font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.real-risk { margin:0 0 15px;padding:12px;border-left:2px solid #ff955f;background:rgba(255,149,95,.045);color:#898f93;font-size:8px;line-height:1.75; }
.confirm-phrase { display:flex;flex-direction:column;gap:7px;color:#858d92;font-size:8px; }.confirm-phrase b { color:#ffae7e; }.confirm-phrase input { height:42px;border:1px solid var(--line);border-radius:8px;background:#0d1114;color:#eef0f1;padding:0 11px;outline:none; }.confirm-phrase input:focus { border-color:rgba(255,149,95,.48); }
.danger-primary { background:linear-gradient(120deg,#ff9e68,#ff754f)!important;color:#170b07!important; }

@media (max-width:900px) {
  .real-execution { grid-template-columns:1fr;gap:8px; }.real-form { margin-top:9px; }.real-row { grid-template-columns:75px 1fr 85px auto; }.real-row > small { grid-column:2;grid-row:2; }.real-row .delivery-state { grid-column:3;grid-row:1/3; }.real-row .unknown-actions { grid-column:4;grid-row:1/3; }
}
@media (max-width:620px) {
  .real-execution { padding:19px 16px 15px; }.real-signal { position:static;margin-bottom:4px; }.real-copy { padding:0; }.real-form { grid-template-columns:1fr 1fr; }.real-form button { grid-column:1/-1;min-height:46px; }.real-foot { align-items:flex-start;flex-direction:column;gap:6px; }.real-foot small { text-align:left; }.real-row { grid-template-columns:1fr auto;padding:12px; }.real-row > span { grid-column:1; }.real-row > strong { grid-column:1; }.real-row > small { grid-column:1;grid-row:auto; }.real-row .delivery-state { grid-column:2;grid-row:1/3;justify-self:end; }.real-row .unknown-actions { grid-column:1/-1;grid-row:auto;justify-self:start;margin-top:3px; }.confirm-ticket { grid-template-columns:1fr; }.confirm-ticket > div { border-right:0!important;border-bottom:1px solid var(--line)!important; }.confirm-ticket > div:last-child { border-bottom:0!important; }
}

/* M4 observed group-balance console */
.balance-console { margin-bottom:16px;position:relative;overflow:hidden;border-color:rgba(87,245,190,.16);background:linear-gradient(135deg,rgba(11,28,27,.82),rgba(16,20,23,.96) 44%,rgba(11,15,18,.94)); }
.balance-glow { position:absolute;width:420px;height:300px;left:-210px;top:-190px;border-radius:50%;background:radial-gradient(circle,rgba(87,245,190,.13),transparent 68%);pointer-events:none; }
.balance-heading { position:relative; }.balance-heading h2 { letter-spacing:-.025em; }
.balance-mode { display:flex;align-items:center;gap:7px;border:1px solid rgba(255,188,123,.18);border-radius:20px;padding:7px 10px;color:#c6a173!important;background:rgba(255,188,123,.035);font:600 7px/1 ui-monospace,monospace!important;letter-spacing:.08em; }
.balance-mode i { width:6px;height:6px;border-radius:50%;background:#d5a366;box-shadow:0 0 12px rgba(213,163,102,.35); }.balance-mode.enabled { color:var(--mint)!important;border-color:rgba(87,245,190,.2);background:rgba(87,245,190,.04); }.balance-mode.enabled i { background:var(--mint);box-shadow:0 0 12px rgba(87,245,190,.45); }
.balance-layout { display:grid;grid-template-columns:minmax(280px,.8fr) minmax(390px,1.2fr);gap:14px;margin-top:17px;position:relative; }
.balance-primary,.balance-side { border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(5,10,12,.33); }
.balance-primary { min-height:235px;padding:23px;display:flex;flex-direction:column;align-items:flex-start; }
.balance-primary > span { color:#6e8b84;font-size:8px;letter-spacing:.035em; }
.balance-primary > strong { display:flex;align-items:baseline;gap:9px;max-width:100%;margin:14px 0 8px;font-weight:700; }
.balance-primary > strong small { flex:0 0 auto;color:#58756e;font-size:8px;font-weight:600;letter-spacing:.08em;white-space:nowrap; }.balance-primary > strong b { min-width:0;max-width:100%;color:#e7fff7;font-size:35px;letter-spacing:-.045em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere; }
.balance-meta { display:flex;gap:13px;flex-wrap:wrap;color:#75817e;font-size:8px; }.balance-meta span + span { padding-left:13px;border-left:1px solid var(--line); }
#balance-query { width:100%;min-height:44px;margin-top:auto;border:1px solid rgba(87,245,190,.18);border-radius:9px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,rgba(87,245,190,.15),rgba(87,245,190,.07));color:#b9fbe3;font-size:9px;font-weight:800;cursor:pointer; }
#balance-query b { font-size:15px; }#balance-query:disabled { color:#68736f;border-color:var(--line);background:rgba(255,255,255,.025);cursor:not-allowed; }
.balance-error { min-height:12px;margin:7px 0 -9px;color:var(--danger);font-size:7px; }
.balance-side { min-height:235px;padding:17px;display:grid;grid-template-rows:auto 1fr;gap:12px; }
.balance-trust { display:flex;gap:11px;padding:13px;border:1px solid rgba(87,245,190,.09);border-radius:10px;background:rgba(87,245,190,.025); }.balance-trust > i { width:8px;height:8px;flex:0 0 auto;margin-top:3px;border:2px solid #5c8b7d;border-radius:50%;box-shadow:0 0 0 5px rgba(87,245,190,.035); }.balance-trust div { min-width:0; }.balance-trust span { display:block;color:#61776f;font-size:7px;letter-spacing:.09em; }.balance-trust strong { display:block;margin:5px 0;color:#c7d4d0;font-size:9px; }.balance-trust p { margin:0;color:#6d7774;font-size:7px;line-height:1.65; }
.balance-query-list { min-height:83px;border:1px solid var(--line);border-radius:10px;overflow:hidden; }.balance-query-row { min-height:40px;padding:7px 10px;display:grid;grid-template-columns:60px minmax(100px,1fr) minmax(90px,1fr);align-items:center;gap:8px;border-bottom:1px solid var(--line); }.balance-query-row:last-child { border-bottom:0; }.balance-query-row span,.balance-query-row small { color:#66716e;font-size:7px; }.balance-query-row strong { color:#96a49f;font-size:8px; }.balance-query-row small { text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.balance-candidate-action { width:100%;min-height:82px;border:0;padding:13px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 10px;text-align:left;background:linear-gradient(120deg,rgba(216,255,69,.08),rgba(87,245,190,.04));color:#dfffb0;cursor:pointer; }.balance-candidate-action span { grid-column:1;color:#92a373;font-size:7px;letter-spacing:.08em; }.balance-candidate-action span i { display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px rgba(216,255,69,.45); }.balance-candidate-action strong { font-size:10px; }.balance-candidate-action b { grid-column:2;grid-row:1/3;font-size:18px; }
.balance-snapshots { margin-top:13px;border:1px solid var(--line);border-radius:10px;overflow:hidden;position:relative; }.balance-snapshot-row { min-height:43px;padding:7px 12px;display:grid;grid-template-columns:70px 90px minmax(110px,1fr) 100px 110px;align-items:center;gap:10px;border-bottom:1px solid var(--line); }.balance-snapshot-row:last-child { border-bottom:0; }.balance-snapshot-row span,.balance-snapshot-row small { color:#69736f;font-size:7px; }.balance-snapshot-row strong { color:#8c9994;font-size:8px; }.balance-snapshot-row b { color:#d7e5e0;font-size:11px;font-variant-numeric:tabular-nums; }.balance-snapshot-row em { font-style:normal;font-size:8px;text-align:right; }.balance-snapshot-row small { text-align:right; }
.balance-curve { min-height:245px;margin-top:13px;padding:16px 17px 11px;border:1px solid var(--line);border-radius:10px;background:rgba(3,8,9,.22);overflow:hidden; }.balance-curve > .empty-line { min-height:215px;display:grid;place-items:center; }
.balance-curve-head { display:flex;align-items:flex-end;justify-content:space-between;gap:14px; }.balance-curve-head > div { display:flex;flex-direction:column;gap:5px; }.balance-curve-head span,.balance-curve-head small { color:#60706a;font-size:7px;letter-spacing:.06em; }.balance-curve-head strong { color:#b8c7c1;font-size:10px; }.balance-curve-head > small { text-align:right;letter-spacing:0; }
.balance-curve-legend { min-height:29px;margin:12px 0 0;display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:thin; }.balance-curve-key { flex:0 0 auto;display:grid;grid-template-columns:13px auto;align-items:center;column-gap:5px;padding:5px 7px;border:1px solid rgba(255,255,255,.055);border-radius:7px;background:rgba(255,255,255,.018); }.balance-curve-key i { grid-row:1/3;width:12px;border-top:2px solid var(--mint); }.balance-curve-key b { color:#83908b;font-size:7px; }.balance-curve-key small { color:#56625e;font-size:6px; }.balance-curve-key-available i { border-color:#e7a66b; }.balance-curve-key.balance-curve-style-1 i { border-top-style:dashed; }.balance-curve-key.balance-curve-style-2 i { border-top-style:dotted; }
.balance-curve svg { width:100%;height:158px;display:block;overflow:visible; }.balance-curve svg line { stroke:rgba(255,255,255,.055);stroke-dasharray:4 6; }.balance-curve svg polyline { stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round; }.balance-curve svg circle { stroke-width:1.5; }.balance-curve-total { stroke:var(--mint);fill:#10271f;filter:drop-shadow(0 0 5px rgba(87,245,190,.22)); }.balance-curve-available { stroke:#e7a66b;fill:#281c12;filter:drop-shadow(0 0 5px rgba(231,166,107,.2)); }.balance-curve svg .balance-curve-style-1 { stroke-dasharray:8 5; }.balance-curve svg .balance-curve-style-2 { stroke-dasharray:2 5; }
.balance-curve-range { margin-top:-5px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;color:#57625e;font-size:6px; }.balance-curve-range b { color:#68756f;font-size:7px;font-weight:600;text-align:center; }.balance-curve-range span:last-child { text-align:right; }

.balance-confirm-modal { border-color:rgba(87,245,190,.2);background:linear-gradient(145deg,#111b1a,#111416 62%,#0c1714); }
.balance-confirm-mark { display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;border:1px solid rgba(87,245,190,.15);border-radius:20px;padding:7px 10px;color:#79b5a1;font-size:7px;letter-spacing:.08em; }.balance-confirm-mark i { width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px rgba(87,245,190,.5); }
.balance-confirm-intro { margin:9px 0 15px;color:#7e8985;font-size:8px;line-height:1.75; }
.balance-ticket { display:grid;grid-template-columns:145px 1fr;border:1px solid rgba(255,255,255,.085);border-radius:12px;overflow:hidden;background:rgba(3,8,8,.3); }.balance-ticket > div { padding:17px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center; }.balance-ticket > div span,.balance-ticket > div small { color:#66766f;font-size:7px; }.balance-ticket > div strong { margin:8px 0 4px;color:var(--mint);font-size:23px;letter-spacing:-.035em;overflow-wrap:anywhere; }.balance-ticket dl { margin:0;padding:9px 13px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px; }.balance-ticket dl div { min-width:0;padding:8px 0;border-bottom:1px solid var(--line); }.balance-ticket dl div:nth-last-child(-n+2) { border-bottom:0; }.balance-ticket dt { color:#5e6965;font-size:7px; }.balance-ticket dd { margin:5px 0 0;color:#b2bcb8;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.balance-confirm-modal blockquote { margin:12px 0;padding:11px 12px;border-left:2px solid var(--mint);background:rgba(87,245,190,.035);color:#86928d;font-size:8px;line-height:1.65;overflow-wrap:anywhere; }.balance-confirm-modal .confirm-phrase b { color:var(--mint); }.balance-confirm-modal .confirm-phrase input:focus { border-color:rgba(87,245,190,.45); }.balance-confirm-submit { background:linear-gradient(120deg,#67f6c2,#4fd6aa)!important;color:#07120e!important; }

@media (max-width:850px) {
  .balance-layout { grid-template-columns:1fr; }.balance-primary { min-height:220px; }.balance-side { min-height:0; }
}
@media (max-width:620px) {
  .balance-console { padding:17px; }.balance-heading { align-items:flex-start; }.balance-primary { min-height:225px;padding:18px; }.balance-primary > strong b { font-size:30px; }.balance-snapshot-row { grid-template-columns:1fr auto auto;padding:10px 11px; }.balance-snapshot-row span { grid-column:1; }.balance-snapshot-row strong { grid-column:1; }.balance-snapshot-row b { grid-column:2;grid-row:1/3; }.balance-snapshot-row em { grid-column:3;grid-row:1; }.balance-snapshot-row small { grid-column:3;grid-row:2; }.balance-curve { min-height:230px;padding:14px 11px 9px; }.balance-curve-head { align-items:flex-start;flex-direction:column;gap:5px; }.balance-curve-head > small { text-align:left; }.balance-curve svg { height:140px; }.balance-curve-range { grid-template-columns:1fr 1fr; }.balance-curve-range b { grid-column:1/-1;grid-row:1; }.balance-ticket { grid-template-columns:1fr; }.balance-ticket > div { border-right:0;border-bottom:1px solid var(--line); }.balance-ticket dl { grid-template-columns:1fr; }.balance-ticket dl div:nth-last-child(2) { border-bottom:1px solid var(--line); }
}
/* Account-wide automation controls share the strategy page's visual hierarchy. */
.automation-bar { display:flex; flex-wrap:wrap; gap:14px; align-items:center; padding:18px 22px; margin-bottom:24px; }
.automation-bar > label { display:grid; gap:6px; min-width:130px; }
.automation-bar > div { flex:1; min-width:180px; }
.automation-bar p { margin:6px 0 0; font-size:12px; line-height:1.6; }
.automation-bar button, .automation-bar select { padding:10px 14px; border:1px solid var(--line, #d5dbe5); border-radius:10px; background:var(--panel, white); color:inherit; font:inherit; }
.automation-bar button:not(:disabled) { cursor:pointer; }
.automation-bar button:disabled { opacity:.5; }
.automation-bar .form-error { flex-basis:100%; }
.automation-bar .form-error:empty { display:none; }
.automation-configs { max-height:36vh; overflow:auto; padding:8px 0; }
.automation-configs section { padding:8px 0; border-bottom:1px solid #d5dbe5; }
.automation-configs p { font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
@media (max-width:600px) { .automation-bar { padding:16px; } .automation-bar > div { flex-basis:100%; } .automation-bar button { flex:1; font-size:12px; } }

.strategy-controls label[hidden] { display:none; }