:root{--bg: #081018;--surface: #0f1822;--surface-strong: #162230;--surface-hover: #1b2a3a;--accent: #ff8a3d;--accent-secondary: #52d2c6;--text: #e8eef5;--text-dim: #99a6b5;--border: #233244;--danger: #ff6b6b}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:SF Mono,Fira Code,Cascadia Code,monospace}body{overflow:hidden}#app{display:flex;min-height:100%}#sidebar{width:300px;min-width:300px;overflow-y:auto;border-right:1px solid var(--border);background:radial-gradient(circle at top,rgb(255 138 61 / .12),transparent 36%),linear-gradient(180deg,#0f1822f5,#090f17);padding:24px 18px 28px;display:flex;flex-direction:column;gap:20px}#sidebar h1{line-height:1.15;font-size:21px;color:var(--accent);letter-spacing:-.04em}.sidebar-copy{color:var(--text-dim);font-size:12px;line-height:1.6}#experiment-list{display:flex;flex-direction:column;gap:6px}.experiment-card{width:100%;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;text-align:left;padding:12px;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.experiment-card:hover{background:var(--surface-hover);transform:translate(2px)}.experiment-card.active{background:linear-gradient(180deg,#1b2a3a,#111d28);border-color:#52d2c680;box-shadow:inset 3px 0 0 var(--accent-secondary)}.experiment-card .name{font-size:13px;font-weight:700;margin-bottom:4px}.experiment-card .description{font-size:11px;color:var(--text-dim);line-height:1.5}#viewport{flex:1;min-width:0;display:grid;grid-template-rows:auto minmax(320px,1fr) auto;gap:16px;padding:20px;background:radial-gradient(circle at 18% 18%,rgb(82 210 198 / .08),transparent 20%),radial-gradient(circle at 82% 12%,rgb(255 138 61 / .1),transparent 22%),linear-gradient(180deg,#081018,#0b111a)}#hero-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:#0f1822bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-copy{display:flex;flex-direction:column;gap:6px}.eyebrow{color:var(--accent-secondary);font-size:11px;letter-spacing:.14em;text-transform:uppercase}#experiment-title{font-size:clamp(24px,3vw,34px);letter-spacing:-.04em}#experiment-description{color:var(--text-dim);font-size:12px;line-height:1.6;max-width:720px}.runtime-warning{max-width:720px;padding:10px 12px;border:1px solid rgb(255 138 61 / .24);border-radius:12px;background:linear-gradient(180deg,#ff8a3d1f,#52d2c60f);color:#ffd5bb;font-size:11px;line-height:1.6}#transport-toggle{border:1px solid rgb(255 138 61 / .48);border-radius:999px;background:linear-gradient(135deg,#ff8a3d33,#52d2c62e);color:var(--text);padding:11px 18px;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap;transition:transform .16s ease,border-color .16s ease,background .16s ease}#transport-toggle:hover{transform:translateY(-1px);border-color:var(--accent)}#transport-toggle.is-active{border-color:var(--accent-secondary);background:linear-gradient(135deg,#52d2c638,#ff8a3d24)}#visualizer-shell{position:relative;min-height:320px;border:1px solid var(--border);border-radius:24px;overflow:hidden;background:radial-gradient(circle at 18% 22%,rgb(82 210 198 / .08),transparent 24%),radial-gradient(circle at 82% 16%,rgb(255 138 61 / .08),transparent 26%),linear-gradient(180deg,#09111a,#0d1620)}#scope{display:block;width:100%;height:100%}#info-overlay{position:absolute;inset:auto auto 16px 16px;min-width:220px;padding:10px 12px;border-radius:12px;background:#081018b3;color:var(--text);font-size:11px;line-height:1.6;border:1px solid rgb(35 50 68 / .7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#inspector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.panel{border:1px solid var(--border);border-radius:18px;background:#0f1822d6;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:180px}.panel h3{font-size:12px;color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.12em}#engine-status,#experiment-notes,#controls{display:flex;flex-direction:column;gap:10px}#engine-status p,#experiment-notes p,.control-copy{color:var(--text-dim);font-size:11px;line-height:1.6}.status-grid{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px 10px;font-size:11px}.status-grid dt{color:var(--text-dim)}.status-grid dd{color:var(--text)}.control{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid rgb(35 50 68 / .75);border-radius:14px;background:#090f17c7}.control-header{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.control-label{font-size:11px;color:var(--text)}.control-value{font-size:10px;color:var(--accent)}.control input,.control select{width:100%;accent-color:var(--accent-secondary);font:inherit;color:var(--text);background:transparent}.control select{border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:var(--surface)}#learn-section{border-top:1px solid var(--border);padding-top:16px;display:flex;flex-direction:column;gap:6px}.learn-heading{color:var(--text-dim);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.learn-group{border-radius:10px;overflow:hidden}.learn-group summary{list-style:none;cursor:pointer;padding:9px 12px;border-radius:10px;font-size:12px;color:var(--text);transition:background .14s ease}.learn-group summary:hover{background:var(--surface-hover)}.learn-group summary:before{content:"▸";display:inline-block;margin-right:8px;color:var(--text-dim);transition:transform .14s ease}.learn-group[open] summary:before{transform:rotate(90deg)}.learn-group p,.learn-group ul{padding:0 12px 10px;color:var(--text-dim);font-size:11px;line-height:1.6}.learn-group ul{padding-left:28px}.learn-group code{color:var(--accent)}.learn-links{display:flex;flex-direction:column;gap:2px}.learn-links a{color:var(--accent-secondary);text-decoration:none;padding:8px 12px;border-radius:10px;font-size:11px;transition:background .14s ease}.learn-links a:hover{background:var(--surface-hover);text-decoration:underline}.error{color:var(--danger)}@media(max-width:1080px){body{overflow:auto}#app{flex-direction:column}#sidebar{width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--border)}#viewport{grid-template-rows:auto minmax(260px,46vh) auto}#inspector{grid-template-columns:1fr}}@media(max-width:720px){#viewport{padding:14px}#hero-panel{flex-direction:column;align-items:flex-start}#transport-toggle{width:100%;justify-content:center}#info-overlay{inset:auto 12px 12px 12px;min-width:0}}


.exploration-site-footer{flex:0 0 auto;margin-top:auto;border-top:1px solid var(--border,#222233);background:var(--surface,#13131a);padding:12px 16px}
.exploration-site-nav{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.exploration-site-nav a{color:var(--text,#d8d8e0);text-decoration:none;font-size:12px}
.exploration-site-nav a:hover,.exploration-site-nav a:focus-visible{text-decoration:underline}
html,body{min-height:100%}
body{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;min-height:100dvh}
#app{flex:1 0 auto;min-height:0}
@media (width <= 720px){.exploration-site-footer{padding:10px 12px}.exploration-site-nav{gap:10px 14px}}