:root {
  color-scheme: dark;
  --bg: #07090e;
  --panel: #0d1119;
  --panel-2: #111722;
  --line: #202836;
  --muted: #7f8999;
  --text: #f4f7fb;
  --red: #ff455d;
  --red-2: #ff6c52;
  --amber: #f8ba45;
  --green: #59e0a5;
  --cyan: #61d7ee;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { background: var(--bg); scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; font-family: var(--font); color: var(--text); background: radial-gradient(circle at 78% -10%, #25121a 0, transparent 30%), var(--bg); }
button, input { font: inherit; }
button { color: inherit; }
.noise { pointer-events: none; position: fixed; inset: 0; z-index: 9; opacity: .018; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.shell { width: min(1450px, calc(100% - 48px)); margin: 0 auto; }
.topbar { height: 90px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.brand { color: inherit; text-decoration: none; display: flex; align-items: center; gap: 12px; letter-spacing: .08em; font-size: 18px; }
.brand strong { font-weight: 900; } .brand b { color: var(--red); font-weight: 900; }
.brand-mark { width: 32px; height: 32px; display: flex; align-items: end; gap: 3px; padding: 6px; background: var(--red); transform: skew(-8deg); }
.brand-mark i { width: 5px; background: #fff; display: block; }.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:14px}.brand-mark i:nth-child(3){height:20px}
.live-cluster { display:flex; align-items:center; gap:18px; color:var(--muted); font-size:11px; letter-spacing:.12em; font-weight:700; }
.mode-badge { border:1px solid #31404c; padding:8px 10px; color:#b8c3ce; }.mode-badge.demo { border-color:#765b2c; color:var(--amber); }
.sync { display:flex; align-items:center; gap:8px; }.sync i { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }.sync i.offline { background:var(--red); box-shadow:0 0 12px var(--red); }
.icon-button { width:36px; height:36px; border:1px solid var(--line); background:#0d1119; cursor:pointer; font-size:20px; transition:.2s; }.icon-button:hover {border-color:var(--red);color:var(--red)} .icon-button.loading { animation:spin 1s linear infinite; }
@keyframes spin{to{transform:rotate(360deg)}}
.hero { min-height:360px; display:grid; grid-template-columns:1fr 220px; gap:40px; align-items:center; border-bottom:1px solid var(--line); }
.eyebrow { color:var(--red); font-size:10px; letter-spacing:.22em; font-weight:800; margin:0 0 18px; }
.hero h1 { font-size:clamp(42px,6.2vw,88px); line-height:.91; letter-spacing:-.065em; margin:0; font-weight:950; max-width:1100px; }.hero h1 span{color:transparent;-webkit-text-stroke:1px #656e7c}
.hero-copy { color:#9da7b5; font-size:15px; line-height:1.7; max-width:660px; margin:28px 0 0; }
.clock-card { justify-self:end; width:200px; border-left:1px solid var(--line); padding-left:34px; display:flex; flex-direction:column; gap:10px; }.clock-card span{font-size:9px;color:var(--muted);letter-spacing:.18em}.clock-card strong{font-family:Consolas,monospace;font-size:52px;letter-spacing:-.08em}.clock-card small{color:var(--muted);font-size:10px;line-height:1.5}
.summary-grid { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--line); }
.summary-card { padding:24px 28px; min-height:130px; border-right:1px solid var(--line); display:grid; grid-template-columns:auto 1fr; align-items:center; column-gap:18px; }.summary-card:last-child{border-right:0}.summary-card>span{grid-column:1/-1;color:var(--muted);letter-spacing:.14em;font-size:9px}.summary-card strong{font-size:36px;letter-spacing:-.05em}.summary-card small{color:var(--muted);font-size:11px}.summary-card.accent strong{color:var(--red)}.summary-card strong.safe{font-size:22px;color:var(--green);letter-spacing:.05em}
.board-head { display:flex; justify-content:space-between; align-items:end; padding:70px 0 26px; }.board-head h2,.method-section h2{font-size:34px;letter-spacing:-.04em;margin:0}.board-head .eyebrow{margin-bottom:8px}.legend{display:flex;gap:22px;color:var(--muted);font-size:10px;letter-spacing:.06em}.legend span{display:flex;align-items:center;gap:7px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%}.dot.hot{background:var(--red)}.dot.confirm{background:var(--green)}.dot.wait{background:#596273}
.error-banner { border:1px solid #57313a; background:#1a1015; color:#ff9caa; padding:14px 18px; margin-bottom:16px; font-size:12px; }.hidden{display:none!important}
.candidate-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:16px; }.candidate-card{grid-column:span 4;position:relative;background:linear-gradient(145deg,#101620,#0b0f16);border:1px solid var(--line);padding:22px;overflow:hidden;transition:border-color .2s,transform .2s}.candidate-card:hover{border-color:#3c4656;transform:translateY(-2px)}.candidate-card:nth-child(1),.candidate-card:nth-child(2){grid-column:span 6}.candidate-card:nth-child(1){border-color:#5c2b36}.card-rank{position:absolute;right:10px;top:-20px;font-size:110px;font-weight:950;color:#fff;opacity:.025;letter-spacing:-.1em}.card-header{display:flex;justify-content:space-between;align-items:center}.coin-id{display:flex;align-items:center;gap:12px}.coin-logo{width:38px;height:38px;border:1px solid #374250;background:radial-gradient(circle at 30% 30%,#354151,#151b24);border-radius:50%;display:grid;place-items:center;font-weight:900;color:#d6dde6;font-size:11px}.coin-id h3{margin:0;font-size:18px}.coin-id p{margin:3px 0 0;color:var(--muted);font-size:8px;letter-spacing:.16em}.status-pill{font-size:8px;letter-spacing:.13em;padding:7px 8px;border:1px solid #3c4553;color:#9da7b5}.status-pill.danger{border-color:#8a3141;color:#ff8292;background:#281218}.status-pill.warning{border-color:#715826;color:var(--amber);background:#211a0e}
.price-row{display:flex;justify-content:space-between;align-items:end;margin:28px 0 12px}.price-row>div:first-child{display:flex;align-items:baseline;gap:10px}.price{font-size:31px;letter-spacing:-.045em}.change{font-size:12px;color:var(--green)}.change.negative{color:var(--red)}.score-ring{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--red) var(--score),#252c37 0);position:relative}.score-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#0e131b}.score-ring span,.score-ring small{z-index:1;position:absolute}.score-ring span{font-weight:900;font-size:15px;top:12px}.score-ring small{font-size:6px;letter-spacing:.1em;color:var(--muted);bottom:11px}
.spark{width:100%;height:70px;overflow:visible;margin-bottom:20px}.spark polyline{fill:none;stroke:var(--red);stroke-width:2;vector-effect:non-scaling-stroke}.spark-area{fill:url(#sparkFill)}
.score-bars{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;display:grid;gap:13px}.score-bars>div>span{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;color:var(--muted)}.score-bars em{font-style:normal;color:#dfe5ec}.score-bars i{display:block;height:3px;background:#252b35;margin-top:7px}.score-bars u{display:block;height:100%;text-decoration:none;background:var(--red);width:0;transition:width .5s}.score-bars .trigger-bar{background:var(--green)}
.agent-callout{display:flex;gap:12px;padding:18px 0;min-height:88px}.mini-orb,.agent-orb{flex:0 0 auto;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ff8796,#b11431 45%,#21060c 70%);box-shadow:0 0 22px #ff455d33}.mini-orb{width:25px;height:25px}.agent-callout p{font-size:11px;line-height:1.55;color:#b4becb;margin:0}
.levels{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.levels>div{padding:11px;border-right:1px solid var(--line);min-width:0}.levels>div:last-child{border-right:0}.levels span{display:block;color:var(--muted);font-size:6px;letter-spacing:.11em;margin-bottom:6px}.levels strong{font-family:Consolas,monospace;font-size:9px;white-space:nowrap}.levels>div:nth-child(2) strong{color:var(--red)}.levels>div:nth-child(3) strong{color:var(--green)}
.card-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:14px}.card-actions button{height:39px;border:1px solid var(--line);background:transparent;font-size:9px;letter-spacing:.08em;cursor:pointer}.card-actions button:hover{border-color:#556173}.agent-button{background:#e9334d!important;border-color:#e9334d!important;color:white;font-weight:800}.card-actions span{float:right;margin-right:8px}.metric-panel{display:none;margin-top:14px;grid-template-columns:1fr 1fr;gap:7px}.metric-panel.open{display:grid}.metric{border:1px solid var(--line);padding:10px;min-height:62px}.metric span{display:block;color:var(--muted);font-size:7px;letter-spacing:.09em}.metric strong{display:block;margin:5px 0 3px;font-size:13px}.metric small{display:none;color:var(--muted);line-height:1.4}.metric:hover small{display:block}.metric.hot strong{color:var(--red)}.metric.confirm strong{color:var(--green)}.metric.warm strong{color:var(--amber)}
.skeleton{grid-column:span 4;height:560px;border:1px solid var(--line);background:linear-gradient(90deg,#0c1118 25%,#141b25 50%,#0c1118 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{to{background-position:-200% 0}}
.intraday-watch-section{margin-top:78px;padding:0 20px 26px;border:1px solid #674963;background:linear-gradient(135deg,#1a1121,#110f1a 68%);box-shadow:inset 0 0 0 1px #d36bb41a}.intraday-watch-head{padding:38px 0 20px}.intraday-watch-head h2{color:#f3b5db}.intraday-watch-updated{color:#c59bb9;font-size:10px;letter-spacing:.08em}.intraday-watch-notice{border:1px solid #a34e86;background:#33182d;color:#f6cae4;padding:15px 16px;font-size:12px;line-height:1.6}.intraday-watch-notice strong{color:#ff8fc9;text-transform:uppercase;letter-spacing:.06em}.intraday-watch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding-top:18px}.intraday-watch-card{border:1px solid #69475f;background:linear-gradient(150deg,#1f1222,#120f1b);padding:17px;cursor:pointer;transition:transform .2s,border-color .2s}.intraday-watch-card:hover{transform:translateY(-2px);border-color:#e579ba}.intraday-watch-card header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.intraday-watch-card .coin-id h3{font-size:16px}.intraday-observation-pill{border:1px solid #c15a96;color:#ff9ed1;padding:5px 6px;font-size:7px;letter-spacing:.08em;white-space:nowrap}.intraday-watch-price{display:flex;align-items:baseline;gap:10px;margin:21px 0 14px}.intraday-watch-price strong{font-size:27px;letter-spacing:-.04em}.intraday-watch-price .change{color:#75dfbe}.intraday-watch-data{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border:1px solid #563a53}.intraday-watch-data div{padding:9px 8px;border-right:1px solid #563a53;min-width:0}.intraday-watch-data div:last-child{border-right:0}.intraday-watch-data dt{color:#a98eaa;font-size:6px;letter-spacing:.09em}.intraday-watch-data dd{margin:6px 0 0;color:#f0d9e8;font-family:Consolas,monospace;font-size:9px;white-space:nowrap}.intraday-watch-action{min-height:46px;margin:14px 0;color:#cbb8c8;font-size:10px;line-height:1.5}.intraday-details-button{width:100%;border:1px solid #90577e;background:#2b1630;color:#f9d9ed;padding:10px;font-size:9px;letter-spacing:.08em;cursor:pointer}.intraday-details-button span{float:right}.intraday-watch-empty{grid-column:1/-1;color:#c7afc0;font-size:12px;padding:8px 0;margin:0}
.method-section{margin:90px 0 0;padding:56px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:280px 1fr;gap:80px;align-items:center}.method-section .eyebrow{margin-bottom:8px}.method-flow{display:flex;align-items:center}.flow-step{display:flex;align-items:center;gap:12px;min-width:190px}.flow-step>b{font-size:30px;color:#313a47;letter-spacing:-.08em}.flow-step span{display:flex;flex-direction:column;gap:5px}.flow-step strong{font-size:12px}.flow-step small{color:var(--muted);font-size:9px;line-height:1.45;max-width:180px}.flow-step.final b,.flow-step.final strong{color:var(--red)}.flow-line{flex:1;height:1px;background:linear-gradient(90deg,#3b4654,#722737);margin:0 18px}
footer{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:40px;color:var(--muted);font-size:9px;letter-spacing:.05em}footer p:first-child{max-width:650px;line-height:1.6}footer p:last-child{letter-spacing:.14em;white-space:nowrap}
.drawer-backdrop{position:fixed;inset:0;background:#000a;backdrop-filter:blur(3px);z-index:20}.agent-drawer{position:fixed;right:0;top:0;bottom:0;width:min(470px,100%);background:#0b1017;border-left:1px solid #303845;z-index:21;padding:34px;transform:translateX(102%);transition:transform .28s;display:flex;flex-direction:column}.agent-drawer.open{transform:translateX(0)}.drawer-close{position:absolute;right:22px;top:19px;border:0;background:transparent;font-size:30px;color:var(--muted);cursor:pointer}.agent-head{display:flex;gap:16px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.agent-orb{width:50px;height:50px}.agent-head p{color:var(--red);letter-spacing:.17em;font-size:8px;margin:0 0 5px}.agent-head h2{margin:0;font-size:26px}.agent-snapshot{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.agent-snapshot div{padding:15px 8px;border-right:1px solid var(--line)}.agent-snapshot div:last-child{border:0}.agent-snapshot span{display:block;color:var(--muted);font-size:7px;letter-spacing:.1em}.agent-snapshot strong{font-size:14px;display:block;margin-top:5px}.agent-messages{flex:1;overflow:auto;padding:24px 0;display:flex;flex-direction:column;gap:12px}.message{max-width:88%;padding:13px 15px;font-size:12px;line-height:1.55}.message.agent{background:#141b25;border-left:2px solid var(--red)}.message.user{background:#28313d;align-self:flex-end}.quick-questions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.quick-questions button{border:1px solid var(--line);background:transparent;padding:8px 9px;font-size:9px;cursor:pointer}.quick-questions button:hover{border-color:var(--red);color:#ff8494}.agent-form{display:grid;grid-template-columns:1fr 44px;border:1px solid #303945}.agent-form input{height:46px;border:0;background:#0e141c;color:white;padding:0 13px;outline:none}.agent-form button{border:0;background:var(--red);font-size:20px;cursor:pointer}.agent-disclaimer{color:#626c7b;font-size:8px;line-height:1.5;margin-top:10px}
@media(max-width:1000px){.summary-grid{grid-template-columns:1fr 1fr}.summary-card:nth-child(2){border-right:0}.candidate-card,.candidate-card:nth-child(1),.candidate-card:nth-child(2){grid-column:span 6}.intraday-watch-grid{grid-template-columns:repeat(2,1fr)}.method-section{grid-template-columns:1fr;gap:35px}.method-flow{align-items:flex-start}.flow-line{margin-top:22px}.hero{grid-template-columns:1fr 150px}.clock-card{width:150px;padding-left:22px}}
@media(max-width:700px){.shell{width:min(100% - 28px,1450px)}.topbar{height:72px}.mode-badge{display:none}.sync span{display:none}.hero{grid-template-columns:1fr;min-height:420px;padding:55px 0}.clock-card{display:none}.hero h1{font-size:47px}.summary-grid{grid-template-columns:1fr 1fr}.summary-card{padding:18px 14px;min-height:110px}.summary-card strong{font-size:28px}.candidate-card,.candidate-card:nth-child(1),.candidate-card:nth-child(2){grid-column:1/-1}.intraday-watch-section{margin-top:54px;padding:0 13px 20px}.intraday-watch-grid{grid-template-columns:1fr}.intraday-watch-head{padding-top:30px}.board-head{align-items:flex-start;gap:20px}.legend{display:none}.method-flow{flex-direction:column;gap:15px}.flow-line{height:28px;width:1px;margin:0 0 0 17px}.flow-step{min-width:0}.method-section{margin-top:60px}.levels strong{font-size:8px}footer{flex-direction:column;align-items:flex-start;justify-content:center;padding:28px 0}.agent-drawer{padding:25px 18px}.metric-panel{grid-template-columns:1fr}.live-cluster{gap:8px}}