:root{color-scheme:dark;--bg:#0e1d18;--panel:#1b3027;--text:#eaf6ee;--muted:#b1caba;--border:#3e5b4d;--accent:#b7eccb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(at 100% 0%,#2d554640,transparent 65%),var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif;min-height:100vh}body.light{color-scheme:light;--bg:#f1f5ed;--panel:#fffef8;--text:#173427;--muted:#486553;--border:#baceba;--accent:#22563d}header{padding:24px 5%;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px}header strong{font-size:23px;margin-right:auto}main{max-width:1150px;margin:45px auto;padding:0 24px}h1{font-size:clamp(32px,5vw,54px);line-height:1.15;letter-spacing:-2px}h2{font-size:21px}.eyebrow{letter-spacing:3px;color:var(--accent);font-size:12px}p{color:var(--muted)}button,input,select{font:inherit;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);padding:10px 15px}button{cursor:pointer}button:hover,button.active{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}nav{display:flex;gap:9px;flex-wrap:wrap}article{border:1px solid var(--border);background:var(--panel);padding:25px;border-radius:20px;margin:18px 0}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.tiles article{margin:0}.metric{font-size:28px}form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:18px 0}label{display:grid;gap:5px;font-size:13px;color:var(--muted)}label input,label select{max-width:220px}table{width:100%;border-collapse:collapse}td,th{padding:12px 8px;text-align:left;border-bottom:1px solid var(--border)}.table{overflow:auto}.tag{color:var(--accent);font-size:13px}#message{white-space:pre-wrap}#login{max-width:680px;margin:80px auto}[hidden]{display:none!important}#signin{background:var(--accent);color:var(--bg);font-weight:650}.remove{font-size:13px}small{color:var(--muted)}
/* Portfolio chart: themed surfaces and readable series in both appearances. */
:root{--chart-blue:#8fc3ed;--chart-red:#f4a38d;--chart-gold:#e5cc87}body.light{--chart-blue:#276d9f;--chart-red:#ab472e;--chart-gold:#927018}.dashboard-chart{background:radial-gradient(ellipse at top right,#548c5e18,transparent 65%),var(--panel)}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.chart-selectors{display:flex;gap:12px;flex-wrap:wrap}#priceChart{width:100%;height:400px;display:block}.grid-line{stroke:var(--border);stroke-width:1}.axis-label{fill:var(--muted);font-size:12px}.close-line{fill:none;stroke:var(--accent);stroke-width:2.5}.average-line{fill:none;stroke:var(--chart-gold);stroke-width:2;stroke-dasharray:7 4}.cursor-point{fill:var(--panel);stroke:var(--accent);stroke-width:3}#priceReadout{padding:12px 0;color:var(--text)}#chartLegend{display:flex;gap:15px;flex-wrap:wrap;font-size:13px;margin-bottom:15px}#marketStatus{font-size:13px}a{color:var(--accent)}
.chart-scroll{overflow-x:auto}#priceChart.year-history{min-width:850px}
.brand{margin-right:auto;display:flex;flex-direction:column;gap:2px}.brand strong{line-height:1.2}.brand span{font-size:12px;letter-spacing:1.2px;color:#b9cbea}
/* Horizon: cool neutral surfaces, an electric-blue signal, and orbital contours. */
:root{--bg:#0b101b;--panel:#151e2e;--text:#f3f6fc;--muted:#afbbce;--border:#33425a;--accent:#79b0ff;--chart-blue:#a8a0ff;--chart-red:#ff947f;--chart-gold:#f4c56a}
body.light{--bg:#edf1f7;--panel:#fff;--text:#142139;--muted:#50617b;--border:#c5d0e0;--accent:#195fc8;--chart-blue:#6e43bc;--chart-red:#b74332;--chart-gold:#906000}
body{--orbit-solid:#253b625c;--orbit-soft:#1b2c494d;--orbit-glow:#456dd738;background:radial-gradient(ellipse at 90% -15%,var(--orbit-glow),transparent 60%),radial-gradient(ellipse 170% 95% at 115% 12%,transparent 0 39%,var(--orbit-solid) 39.2% 57%,var(--orbit-soft) 57.2% 75%,transparent 75.2%),var(--bg);background-attachment:fixed;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body.light{--orbit-solid:#9bb9e538;--orbit-soft:#b6ccec30;--orbit-glow:#456dd71c}
.axis-notch{stroke:var(--muted);stroke-opacity:.55;stroke-width:1}
header{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#12213a,#111728);color:#f3f6fc;border-color:#35486c;padding-top:30px;padding-bottom:30px}
header:before{content:'';position:absolute;z-index:-1;width:620px;height:620px;right:-50px;top:-460px;border:1px solid #76a9ff55;border-radius:50%;box-shadow:0 0 0 28px #0000,0 0 0 29px #76a9ff28,0 0 0 58px #0000,0 0 0 59px #76a9ff20,0 0 0 88px #0000,0 0 0 89px #76a9ff18;transform:rotate(-20deg) scaleX(1.5)}
header strong{letter-spacing:-.7px}header button{background:#1d2a41;color:#eef5ff;border-color:#405778}article{border-radius:16px;box-shadow:0 10px 26px #07102312}h1{font-weight:650;letter-spacing:-1.5px}h2{font-weight:600;letter-spacing:-.45px}.dashboard-chart{background:var(--panel)}nav{border-bottom:1px solid var(--border);padding-bottom:14px}nav button{background:transparent;border-color:transparent;border-radius:8px}nav button.active{background:var(--panel);border-color:var(--accent);color:var(--accent)}.tiles article{border-top:2px solid var(--accent)}.metric{font-variant-numeric:tabular-nums;font-weight:600}.close-line{stroke-width:2.8}#priceReadout{background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:12px 15px;margin:12px 0}#chartLegend span:first-child{color:var(--accent)}#chartLegend span:nth-child(2){color:var(--chart-gold)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.heatmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:20px 0}.heat-tile{min-height:110px;text-align:left;border:0;background:#203f6a;color:#f2f7ff}.heat-tile.overlap{background:#513b87}.heat-tile strong{display:block;font-size:24px}.heat-tile small{color:#e0e9ff}.coverage{border-left:3px solid var(--chart-gold);padding:10px 15px}.overlap-detail{padding:18px;background:var(--bg);border-radius:12px}.exposure-form input{max-width:180px}
