*{box-sizing:border-box}:root{color-scheme:dark;--bg: #020617;--panel: #0f172a;--panel-2: #111827;--border: #1f2937;--text: #e5e7eb;--muted: #94a3b8;--accent: #f59e0b;--danger: #ef4444;--warn: #f59e0b;--ok: #22c55e}body{margin:0;background:radial-gradient(circle at top,#1e293b 0,#020617 45%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{color:#93c5fd}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.layout{width:min(1200px,calc(100vw - 24px));margin:12px auto}.header{width:min(1200px,calc(100vw - 24px));margin:12px auto 0;background:color-mix(in oklab,var(--panel) 88%,black);border:1px solid var(--border);border-radius:16px;padding:12px;display:grid;gap:10px}.header-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;justify-content:space-between}.brand{font-size:1rem;font-weight:700;letter-spacing:.02em}.brand small{color:var(--muted);font-weight:500;margin-left:8px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab-btn{background:#0b1220;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:600}.tab-btn.active{border-color:#f59e0b88;box-shadow:inset 0 0 0 1px #f59e0b66}.tab-btn .badge{margin-left:8px;font-size:.75rem;color:var(--muted)}.banner{border-radius:10px;border:1px solid #334155;background:#020617b3;padding:10px;color:var(--muted);font-size:.9rem}.panel{background:#0f172ae0;border:1px solid var(--border);border-radius:16px;padding:14px;margin-bottom:12px}.panel h2{margin:0 0 8px;font-size:1rem}.panel p,.panel li{color:var(--muted)}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.grid.two,.grid.three{grid-template-columns:1fr}}.dune-panel{border-color:#5b4626;background:radial-gradient(circle at 10% 0%,rgba(245,158,11,.12),transparent 40%),radial-gradient(circle at 90% 100%,rgba(217,119,6,.08),transparent 45%),#15110aeb;box-shadow:inset 0 0 0 1px #b4781a26}.dune-heading{display:grid;gap:2px;margin-bottom:4px}.dune-kicker{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:#d6b47c}.dune-item-label{color:#f8e7c6;display:block}.spice-progress{margin:10px 0 4px;height:10px;border-radius:999px;border:1px solid #6b4f1d;overflow:hidden;background:#22180ae6}.spice-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#b45309,#f59e0b 55%,#facc15);box-shadow:0 0 14px #fbbf2473;transition:width .18s ease}.dune-stat{border-color:#5b4626;background:linear-gradient(180deg,#281c0abf,#110c05cc)}.dune-checklist-item{border-color:#4e3a1d;background:linear-gradient(180deg,#1e160abf,#110c05b8)}.dune-checklist-item.complete{border-color:#9a6f2e;box-shadow:inset 0 0 0 1px #facc1533}.dune-checklist-item input[type=checkbox]{accent-color:#f59e0b}.checklist{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.checklist-item{border:1px solid var(--border);border-radius:12px;padding:10px;background:#02061780;display:grid;gap:8px}.check-row{display:flex;align-items:start;gap:10px}.check-row input[type=checkbox]{margin-top:2px}.kind-pill{border:1px solid #334155;border-radius:99px;font-size:.75rem;padding:2px 8px;color:var(--muted)}.kind-pill.required{border-color:#f59e0b88;color:#fcd34d}.kind-pill.recommended{border-color:#38bdf888;color:#93c5fd}.small{font-size:.85rem;color:var(--muted)}.stat-row{display:flex;gap:8px;flex-wrap:wrap}.stat{flex:1;min-width:150px;border:1px solid var(--border);border-radius:10px;padding:10px;background:#02061773}.stat .label{color:var(--muted);font-size:.8rem}.stat .value{display:block;margin-top:4px;font-weight:700}.controls{display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))}.controls .control{display:grid;gap:4px}.controls .control.wide{grid-column:span 2}@media(max-width:980px){.controls{grid-template-columns:1fr 1fr}.controls .control.wide{grid-column:span 2}}label{font-size:.85rem;color:var(--muted)}select,input[type=number],input[type=text],textarea{width:100%;background:#020617;color:var(--text);border:1px solid #334155;border-radius:8px;padding:8px 10px}textarea{min-height:140px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.btn-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}button{background:#0b1220;color:var(--text);border:1px solid #334155;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:600}button.primary{border-color:#f59e0b88;background:#f59e0b1a}button.warn{border-color:#ef444488;background:#ef444414}button:disabled{opacity:.55;cursor:not-allowed}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:820px;font-size:.9rem}th,td{border-bottom:1px solid var(--border);padding:8px;text-align:left;vertical-align:top}th{color:var(--muted);background:#020617b3;position:sticky;top:0}tr:hover td{background:#1e293b59}.score-good{color:#86efac;font-weight:700}.score-warn{color:#fcd34d;font-weight:700}.score-bad{color:#fca5a5;font-weight:700}.status-pill{border-radius:999px;padding:2px 8px;font-size:.75rem;border:1px solid #334155}.status-pill.online{color:#86efac;border-color:#22c55e66}.status-pill.maintenance,.status-pill.offline{color:#fca5a5;border-color:#ef444466}.inline-code{background:#94a3b81a;border:1px solid #334155;border-radius:6px;padding:1px 6px;color:#cbd5e1}.footer{width:min(1200px,calc(100vw - 24px));margin:0 auto 12px;color:var(--muted);font-size:.85rem}.toast-region{position:fixed;right:10px;bottom:10px;display:grid;gap:8px;z-index:50;width:min(360px,calc(100vw - 20px))}.toast{border:1px solid #334155;background:#020617eb;border-radius:10px;padding:10px;display:grid;gap:6px}.toast .title{font-weight:700;display:flex;justify-content:space-between;gap:8px}.toast.success{border-color:#22c55e55}.toast.error{border-color:#ef444455}.toast.info{border-color:#38bdf855}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.diffs{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}.diff-up{color:#86efac}.diff-down{color:#fca5a5}.diff-flat{color:#cbd5e1}.callout{border-radius:10px;padding:10px;border:1px solid #334155;background:#0206178c}.callout.warning{border-color:#f59e0b66;color:#fef3c7}.callout.error{border-color:#ef444466;color:#fee2e2}