:root{color-scheme:dark;--bg: #081318;--panel: rgba(11, 26, 33, .92);--panel-strong: rgba(9, 21, 27, .95);--line: rgba(123, 170, 167, .22);--line-strong: rgba(160, 213, 209, .38);--text: #e6f0ed;--muted: #8fa8a2;--accent: #ec8b28;--accent-soft: rgba(236, 139, 40, .18);--cyan: #4fd1c5;--green: #7bc576;--red: #f26b6b;--yellow: #f3c969;--shadow: 0 24px 60px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Barlow Condensed,sans-serif;background:radial-gradient(circle at top left,rgba(79,209,197,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(236,139,40,.12),transparent 30%),linear-gradient(180deg,#11262c,#071116);color:var(--text)}button,select,input{font:inherit}.shell{min-height:100vh;padding:24px}.hero{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px;padding:24px 28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#0d212af2,#071116d6),linear-gradient(90deg,rgba(79,209,197,.06),transparent);box-shadow:var(--shadow)}.eyebrow,.section-kicker,.metric-label,.scene-chips span,.hero-badges span,.status-banner,.regulation-meta,.tip,.selection-summary,.control span,.metric-list dt,.scene-overlay,.alert-card small{font-family:IBM Plex Mono,monospace;letter-spacing:.04em}.eyebrow,.section-kicker{margin:0 0 8px;color:var(--cyan);text-transform:uppercase;font-size:.74rem}.hero h1,.scene-head h2{margin:0;text-transform:uppercase;letter-spacing:.06em}.hero h1{font-size:clamp(2.3rem,4vw,4rem);line-height:.95}.hero-copy{max-width:760px;margin:12px 0 0;font-size:1.1rem;color:var(--muted)}.project-name-display{margin:14px 0 0;color:#d3ece7;font-family:IBM Plex Mono,monospace;letter-spacing:.05em;text-transform:uppercase;font-size:.76rem}.hero-badges{display:flex;flex-wrap:wrap;gap:8px}.hero-tools{display:grid;justify-items:end;gap:12px}.hero-badges span,.scene-chips span{padding:8px 12px;border:1px solid var(--line-strong);border-radius:999px;background:#0b1a21b3;font-size:.74rem;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(280px,320px) minmax(420px,1fr) minmax(300px,360px);gap:18px;align-items:start}.panel{border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel-controls,.panel-insights,.panel-scene{padding:18px}.panel-section+.panel-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.control{display:grid;gap:8px;margin-top:12px}.control select,.control input{width:100%;padding:12px 14px;border:1px solid var(--line-strong);border-radius:14px;color:var(--text);background:#030a0de6}.control-cluster{display:grid;gap:12px}.compact-cluster{margin-top:12px}.is-hidden{display:none}.panel-subsection{margin-top:12px;padding:12px;border:1px solid rgba(123,170,167,.12);border-radius:14px;background:#060d118a}.compact-panel-subsection{margin-top:0}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-summary{padding:12px 14px;border-radius:14px;border:1px solid rgba(123,170,167,.14);background:#060d11bd;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.75rem;line-height:1.5}.toggle-row{display:flex;flex-wrap:wrap;gap:10px}.toggle-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(123,170,167,.18);background:#0a1419e6;color:var(--muted);cursor:pointer}.toggle-pill input{width:auto;margin:0}.button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.button-row .button:last-child:nth-child(3){grid-column:span 2}.button{padding:12px 14px;border:1px solid var(--line-strong);border-radius:14px;background:#0a1419f2;color:var(--text);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.button:hover:not(:disabled){transform:translateY(-1px);border-color:#ec8b2873}.button:disabled{cursor:not-allowed;opacity:.4}.button-primary{background:linear-gradient(135deg,#ec8b28f0,#cc6e16e6);color:#0f120d;border-color:#ffc48473}.button-export{min-width:160px}.button.is-active{background:#4fd1c524;border-color:#4fd1c585;color:#d7fffb}.button-danger{border-color:#f26b6b59;color:#ffd1d1}.selection-summary,.status-banner{min-height:58px;margin:0;padding:12px 14px;border-radius:14px;background:#060d11c7;border:1px solid rgba(143,168,162,.12);color:var(--muted);font-size:.8rem}.status-banner[data-tone=success]{border-color:#7bc57652;color:#caebc6}.status-banner[data-tone=warning]{border-color:#f3c96952;color:#ffe09f}.status-banner[data-tone=critical]{border-color:#f26b6b57;color:#ffc7c7}.metric-list{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;margin:0}.metric-list dt{color:var(--muted);font-size:.75rem;text-transform:uppercase}.metric-list dd{margin:0;text-align:right}.tips{margin:12px 0 0;padding-left:18px;color:var(--muted)}.tips li+li{margin-top:8px}.scene-head{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:12px}.scene-head h2{font-size:1.7rem}.scene-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:end}.scene-container{position:relative;min-height:660px;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#0f2931d6,#050e12fa),repeating-linear-gradient(90deg,rgba(79,209,197,.03) 0,rgba(79,209,197,.03) 1px,transparent 1px,transparent 24px);border:1px solid rgba(123,170,167,.2)}.scene-container canvas{display:block;width:100%;height:100%}.scene-overlay{display:flex;justify-content:space-between;gap:16px;margin-top:12px;color:var(--muted);font-size:.76rem}.space-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.space-card{padding:14px;border-radius:16px;border:1px solid rgba(123,170,167,.14);background:#040b0fcc}.space-card strong{display:block;margin-top:6px;font-size:1.35rem}.space-card p{margin:6px 0 0;color:var(--muted);font-size:.9rem}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-card,.alert-card,.regulation-card{padding:14px;border-radius:18px;border:1px solid rgba(123,170,167,.14);background:#040b0fc7}.metric-card strong{display:block;margin-top:6px;font-size:1.5rem;letter-spacing:.03em}.metric-label{color:var(--muted);font-size:.7rem;text-transform:uppercase}.metric-trend{margin-top:4px;color:var(--muted);font-size:.92rem}.alert-stack,.regulation-list{display:grid;gap:12px}.alert-card{border-left:4px solid var(--cyan)}.alert-card.warning,.regulation-card.warning{border-color:#f3c9696b}.alert-card.critical,.regulation-card.critical{border-color:#f26b6b80}.alert-card.info,.regulation-card.info{border-color:#4fd1c559}.alert-card h3,.regulation-card h3{margin:0 0 8px;font-size:1rem;letter-spacing:.03em;text-transform:uppercase}.alert-card p,.regulation-card p{margin:0;color:var(--muted);line-height:1.45}.alert-card small,.regulation-meta{display:block;margin-top:10px;color:var(--muted);font-size:.72rem}.regulation-card a{color:var(--text)}.regulation-meta{text-transform:uppercase}@media(max-width:1180px){.layout{grid-template-columns:1fr}.scene-container{min-height:520px}}@media(max-width:720px){.shell{padding:14px}.hero{padding:18px;border-radius:20px}.hero,.scene-head,.scene-overlay{flex-direction:column;align-items:start}.hero-tools{width:100%;justify-items:start}.button-row,.metric-grid,.mini-grid,.space-summary{grid-template-columns:1fr}.scene-container{min-height:420px}}