:root{color-scheme:light;font-family:Space Grotesk,Helvetica Neue,sans-serif;background-color:#0b1117;color:#f8fafc}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 15%,rgba(45,212,191,.35),transparent 45%),radial-gradient(circle at 80% 10%,rgba(244,114,182,.35),transparent 45%),radial-gradient(circle at 70% 80%,rgba(56,189,248,.25),transparent 50%),linear-gradient(135deg,#0b1117,#111827)}input,button,select{font-family:Space Grotesk,sans-serif}.page{max-width:1200px;margin:0 auto;padding:36px 24px 60px}.hero{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;margin-bottom:36px;animation:fadeUp .8s ease both}.hero h1{font-size:clamp(2.4rem,4vw,3.5rem);line-height:1.05;margin:8px 0 16px}.hero h1 span{display:block;color:#94a3b8;font-weight:500;font-size:clamp(1.2rem,2.2vw,1.6rem)}.eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:.7rem;color:#a7f3d0}.subhead{color:#cbd5f5;max-width:520px}.status-card{background:#0f172aad;border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:20px;box-shadow:0 30px 60px #0f172a59;position:relative;overflow:hidden}.status-card:after{content:"";position:absolute;inset:-40% auto auto -40%;width:200px;height:200px;background:radial-gradient(circle,rgba(56,189,248,.5),transparent 70%);opacity:.6}.mono{font-family:IBM Plex Mono,monospace;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#67e8f9;margin-bottom:8px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:16px}.stats span{display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.stats strong{font-size:1.3rem}.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:24px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.table{display:grid;gap:8px}.table-row{display:grid;grid-template-columns:repeat(6,minmax(80px,1fr));gap:12px;padding:10px 12px;border-radius:12px;background:#0f172a8c;border:1px solid rgba(148,163,184,.16)}.table-row.head{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:#94a3b8;background:transparent;border:none}.compare-controls{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.compare-controls label{display:block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-bottom:6px}.winner-badge{display:flex;align-items:center;padding:10px 12px;border-radius:12px;background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#bbf7d0}.compare-chart{margin-bottom:12px}.panel{background:#0f172ab3;border:1px solid rgba(148,163,184,.16);border-radius:20px;padding:22px;box-shadow:inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeUp .8s ease both}.weather-panel{overflow:hidden}.panel h2{margin-top:0}.panel h3{margin-bottom:10px;color:#c7d2fe}.field{display:grid;gap:8px;margin-bottom:14px}.field label{font-size:.85rem;color:#e2e8f0}.field input,.field select{background:#0f172a99;border:1px solid rgba(148,163,184,.25);border-radius:12px;padding:10px 12px;color:#e2e8f0}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row select{min-width:220px}.hint{font-size:.75rem;color:#94a3b8}.divider{height:1px;background:#94a3b829;margin:16px 0}.toggle{display:flex;gap:10px;margin-bottom:16px}.toggle button{flex:1;padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.25);background:#0f172a99;color:#e2e8f0;cursor:pointer}.toggle button.active{background:linear-gradient(135deg,#5eead4cc,#6366f1cc);color:#0f172a;border:none}button.primary{width:100%;padding:12px 16px;border-radius:12px;border:none;background:linear-gradient(120deg,#38bdf8,#6366f1);color:#0f172a;font-weight:600;cursor:pointer;box-shadow:0 12px 24px #38bdf840}button:disabled{opacity:.6;cursor:not-allowed}.primary-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;background:linear-gradient(120deg,#38bdf8,#6366f1);color:#0f172a;font-weight:600;text-decoration:none;box-shadow:0 12px 24px #38bdf840}button.ghost{padding:12px 16px;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:#0f172a80;color:#e2e8f0;cursor:pointer}button.ghost.small{padding:8px 12px;font-size:.85rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.chart-panel{margin-top:10px}.chart-header{display:flex;justify-content:space-between;align-items:center}.chart-controls{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:16px 0 10px}.chart-controls label{display:block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-bottom:6px}.chart-controls input{width:100%;background:#0f172a99;border:1px solid rgba(148,163,184,.25);border-radius:10px;padding:8px 10px;color:#e2e8f0}.chip{background:#94a3b833;border-radius:999px;padding:6px 12px;font-size:.75rem}.chart{margin-top:16px;position:relative}.legend{display:flex;gap:16px;margin-top:10px;font-size:.8rem;color:#cbd5f5}.legend-item{display:flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.buy{background:#61e4ff}.dot.sell{background:#ffb347}.dot.soc{background:#21c98a}.dot.profit{background:#c084fc}.dot.baseline{background:#facc15}.empty{padding:24px;border:1px dashed rgba(148,163,184,.4);border-radius:16px;text-align:center;color:#94a3b8}.error{color:#fca5a5;font-weight:500}.tooltip{position:absolute;right:18px;top:18px;background:#0f172ad9;border:1px solid rgba(148,163,184,.3);border-radius:12px;padding:10px 12px;display:grid;gap:4px;font-size:.8rem;box-shadow:0 20px 35px #0f172a80}.spinner{width:14px;height:14px;border:2px solid rgba(15,23,42,.2);border-top-color:#0f172a;border-radius:50%;display:inline-block;animation:spin .8s linear infinite;margin-right:6px}.status-badges{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}.badge{padding:4px 10px;border-radius:999px;background:#38bdf826;border:1px solid rgba(56,189,248,.4);color:#bae6fd;font-size:.7rem;letter-spacing:.04em}.mini-chart{position:relative}.mini-tooltip{position:absolute;right:12px;top:12px;background:#0f172acc;border:1px solid rgba(148,163,184,.3);border-radius:10px;padding:8px 10px;font-size:.75rem;display:grid;gap:4px}.histogram{display:grid;gap:16px}.histogram svg{margin-top:8px}.forecast-grid,.current-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.current-card{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:12px;display:grid;gap:6px}.code-block{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:12px;max-height:320px;overflow:auto;font-size:.75rem;color:#cbd5f5}.rule-list{display:grid;gap:10px;margin-bottom:12px}.rule-row{display:grid;grid-template-columns:1.2fr .6fr .8fr auto;gap:8px;align-items:center}.rule-row select,.rule-row input{background:#0f172a99;border:1px solid rgba(148,163,184,.25);border-radius:10px;padding:8px 10px;color:#e2e8f0}textarea{width:100%;background:#0f172a99;border:1px solid rgba(148,163,184,.25);border-radius:12px;padding:10px 12px;color:#e2e8f0}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 720px){.page{padding:24px 16px 40px}.chart-header{flex-direction:column;align-items:flex-start;gap:12px}}