:root { color-scheme:dark; --panel:#11151d; --line:#28303d; --text:#f7f9fc; --muted:#98a4b6; --gold:#f4b942; --red:#ff667a; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 50% 0,#172035,#07090d 44%); color:var(--text); font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif; }
.shell { width:min(1120px,calc(100% - 32px)); margin:auto; padding:24px 0 48px; }
header,.title-row { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.brand { color:var(--text); text-decoration:none; font-weight:900; }
header button,select { margin-left:10px; border:1px solid var(--line); border-radius:9px; background:#0b0f16; color:var(--text); padding:8px 11px; }
.eyebrow { margin:0 0 5px; color:var(--gold); font-size:.75rem; font-weight:900; letter-spacing:.16em; }
h1 { margin:0; font-size:clamp(2rem,6vw,3.6rem); line-height:1.08; }
h2 { margin:0 0 14px; font-size:1.05rem; }
.title-row { padding:54px 0 24px; }
.range { color:var(--muted); font-size:.85rem; }
.dashboard-meta { display:flex; align-items:flex-end; gap:16px; }
.version-badge { margin:0 0 2px; color:var(--muted); font-size:.8rem; white-space:nowrap; }
.version-badge strong { display:block; color:var(--gold); font-size:.95rem; }
.cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.cards article,.panel { border:1px solid var(--line); border-radius:15px; background:rgba(17,21,29,.94); }
.cards article { padding:18px; }
.cards span { display:block; color:var(--gold); font-size:clamp(1rem,3vw,1.75rem); font-weight:900; overflow-wrap:anywhere; }
.cards small { color:var(--muted); }
.subscriber-note { margin:12px 0 0; color:var(--muted); font-size:.82rem; }
.subscriber-note a { color:#a9cbff; }
.panel { margin-top:18px; padding:20px; }
.login { width:min(460px,100%); margin:90px auto 0; }
.login h1 { margin-bottom:24px; font-size:2.35rem; }
form { display:grid; gap:14px; }
label { display:grid; gap:6px; color:var(--muted); font-size:.85rem; font-weight:700; }
input { width:100%; border:1px solid #354052; border-radius:9px; background:#090c12; color:var(--text); padding:12px; font:inherit; }
form button { border:0; border-radius:9px; background:linear-gradient(135deg,#f4b942,#df8d24); color:#171006; padding:12px; font-weight:900; }
.message { min-height:1.4em; margin:0; color:var(--red); }
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; }
th,td { padding:10px; border-bottom:1px solid var(--line); text-align:right; white-space:nowrap; }
th:first-child,td:first-child { text-align:left; }
th { color:var(--muted); font-size:.78rem; }
.grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.grid .panel { margin-top:18px; }
ol,ul { margin:0; padding-left:22px; }
li { padding:6px 0; border-bottom:1px solid #202734; }
li span { float:right; color:var(--gold); font-weight:800; }
.methodology { color:#778294; font-size:.78rem; text-align:center; }
#stats-status { color:var(--muted); min-height:1.5em; }
#refresh-stats { border:1px solid var(--line); border-radius:9px; background:#0b0f16; color:var(--text); padding:10px 14px; cursor:pointer; }
#refresh-ideas { border:1px solid var(--line); border-radius:9px; background:#0b0f16; color:var(--text); padding:9px 12px; cursor:pointer; }
#add-passkey { border:0; border-radius:9px; background:linear-gradient(135deg,#f4b942,#df8d24); color:#171006; padding:11px 14px; font-weight:900; cursor:pointer; }
#add-passkey:disabled { opacity:.6; cursor:wait; }
.passkey-copy { text-align:left; margin-top:0; }
.passkey-password { max-width:420px; margin-bottom:12px; }
.message.success { color:#72d6a1; }
.panel-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.idea-copy { text-align:left; }
#idea-queue { display:grid; gap:12px; }
.idea-status { min-height:1.4em; margin-bottom:0; color:var(--muted); }
.idea-card { padding:16px; border:1px solid var(--line); border-radius:12px; background:#0b0f16; }
.idea-card h3 { margin:0; }
.idea-card p { margin:.55rem 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.idea-meta { color:var(--gold); font-size:.8rem; }
.idea-card textarea { width:100%; margin:8px 0; border:1px solid #354052; border-radius:9px; background:#090c12; color:var(--text); padding:12px; font:inherit; resize:vertical; }
.idea-actions { display:flex; flex-wrap:wrap; gap:8px; }
.idea-actions button { border:1px solid var(--line); border-radius:8px; background:#151b25; color:var(--text); padding:8px 11px; cursor:pointer; }
@media (max-width:880px) { .cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.title-row{align-items:flex-end} }
@media (max-width:540px) { .shell{width:min(100% - 20px,1120px)}.cards{grid-template-columns:1fr}.title-row{align-items:flex-start;flex-direction:column}.dashboard-meta{width:100%;justify-content:space-between}.login{margin-top:50px}.panel{padding:15px} }