:root{--bg:#07090d;--panel:#10161f;--panel-strong:#151f2b;--text:#e6edf3;--muted:#9aa8b7;--line:#263444;--accent:#41e3c3;--accent-2:#7aa7ff;--danger:#ffbf69;--shadow:0 24px 80px #0000006b;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font:16px/1.5 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,input,textarea{font:inherit}button{color:#06100f;background:linear-gradient(135deg, var(--accent), #d3fff5);cursor:pointer;border:1px solid #41e3c35c;border-radius:999px;min-height:44px;padding:0 18px;font-weight:700;transition:transform .16s,border-color .16s,box-shadow .16s;box-shadow:0 10px 28px #41e3c32e}button:hover{transform:translateY(-1px);box-shadow:0 14px 34px #41e3c33d}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.shell{background:linear-gradient(#41e3c30d 1px, transparent 1px), linear-gradient(90deg, #7aa7ff0d 1px, transparent 1px), radial-gradient(circle at 12% 20%, #41e3c324, transparent 28rem), radial-gradient(circle at 88% 10%, #7aa7ff29, transparent 24rem), var(--bg);background-size:36px 36px,36px 36px,auto,auto,auto;place-items:center;min-height:100svh;padding:36px 18px;display:grid}.lab-card{background:linear-gradient(145deg, #ffffff0d, #ffffff05), var(--panel);width:min(1240px,100%);box-shadow:var(--shadow);border:1px solid #9aa8b733;border-radius:24px;padding:clamp(20px,4vw,36px)}.header{gap:8px;margin-bottom:28px;display:grid}.eyebrow{color:var(--accent);font:700 .78rem/1.2 var(--mono);letter-spacing:0;text-transform:uppercase;margin:0}h1{color:var(--text);letter-spacing:0;margin:0;font-size:clamp(2rem,5vw,4.8rem);line-height:.95}.warning{max-width:720px;color:var(--muted);margin:0}.view-tabs{background:#151f2bb8;border:1px solid #9aa8b72e;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));width:min(360px,100%);margin-top:12px;padding:4px;display:inline-grid}.tab-button{min-height:38px;color:var(--muted);box-shadow:none;background:0 0;border-color:#0000;padding:0 14px}.tab-button:hover{box-shadow:none;transform:none}.tab-button.is-active{color:#06100f;background:linear-gradient(135deg, var(--accent), #d3fff5);border-color:#41e3c35c}.page-view{display:block}.is-hidden{display:none}.workspace{grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);align-items:start;gap:18px;display:grid}.panel{background:#151f2b9e;border:1px solid #9aa8b729;border-radius:18px;gap:16px;min-width:0;padding:18px;display:grid}.panel-header{justify-content:space-between;align-items:center;min-height:24px;display:flex}h2{color:var(--text);letter-spacing:0;margin:0;font-size:.95rem;line-height:1.2}.panel-input{grid-column:1}.panel-actions{grid-column:2;position:sticky;top:18px}.panel-output,.panel-visualizer{grid-column:1/-1}.input-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.field{gap:8px;display:grid}.field-wide{grid-column:span 1}.field-label,.log-panel span{color:var(--muted);font:700 .8rem/1.2 var(--mono);letter-spacing:0;text-transform:uppercase}input,textarea,pre{border:1px solid var(--line);width:100%;color:var(--text);background:var(--panel-strong);border-radius:16px}input,textarea{padding:14px 16px}.textarea-large{min-height:260px}.password-control{display:block;position:relative}.password-control input{padding-right:58px}.icon-button{width:40px;min-height:40px;color:var(--accent);box-shadow:none;cursor:pointer;background:#41e3c314;border-color:#41e3c338;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.icon-button:hover{box-shadow:none;border-color:#41e3c37a;transform:translateY(-50%)}.icon-button svg{color:inherit;stroke:currentColor;display:block}textarea{resize:vertical;min-height:140px;font-family:var(--mono)}input::placeholder,textarea::placeholder{color:#627286}.action-group{gap:12px;display:grid}.analysis-actions{border-top:1px solid #9aa8b724;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:14px}.action-group button{min-width:0;padding-inline:14px;line-height:1.15}.button-secondary{color:var(--text);box-shadow:none;background:#1b2837;border-color:#7aa7ff80}.button-analysis{color:#140f05;background:linear-gradient(135deg, var(--danger), #ffe2b8);border-color:#ffbf6973;min-height:40px;font-size:.92rem;box-shadow:0 10px 24px #ffbf691f}.output-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:16px;display:grid}.output-primary{grid-column:span 1}.output-primary:last-child{grid-column:1/-1}.visual-placeholder{min-height:220px;color:var(--muted);text-align:center;background:#07090d6b;border:1px dashed #9aa8b73d;border-radius:16px;place-items:center;padding:24px;display:grid}.log-panel{gap:8px;margin-top:18px;display:grid}pre{white-space:pre-wrap;color:#cfe8e2;min-height:58px;font-family:var(--mono);margin:0;padding:14px 16px}.concept-hero{background:#41e3c30f;border:1px solid #41e3c32e;border-radius:18px;gap:10px;margin-bottom:18px;padding:18px;display:grid}.concept-hero h2{font-size:clamp(1.5rem,3vw,2.4rem)}.concept-hero p{max-width:820px;color:var(--muted);margin:0}.concept-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.concept-card{background:#151f2b9e;border:1px solid #9aa8b729;border-radius:18px;align-content:start;gap:10px;min-width:0;padding:18px;display:grid}.concept-wide{grid-column:span 2}.concept-warning{background:#ffbf6914;border-color:#ffbf6947}.concept-visual{gap:14px}.permutation-svg{background:#020604;border:1px solid #41e3c32e;border-radius:16px;width:100%;height:auto;max-height:520px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.concept-kicker{color:var(--accent);font:700 .72rem/1.2 var(--mono);letter-spacing:0;text-transform:uppercase}.concept-card h3{color:var(--text);margin:0;font-size:1.05rem;line-height:1.25}.concept-card p{color:var(--muted);margin:0}.concept-card code,.concept-code{font-family:var(--mono)}.concept-card code{color:var(--accent)}.concept-code{color:#d9fff7;background:#07090db8;border-radius:12px;min-height:auto;margin:0;padding:12px;overflow-x:auto}.concept-list{color:var(--muted);gap:7px;margin:0;padding-left:18px;display:grid}@media (width<=800px){.shell{place-items:stretch stretch;padding:18px 12px}.lab-card{border-radius:18px}.workspace,.input-row,.output-grid{grid-template-columns:1fr}.panel-input,.panel-actions,.panel-output,.panel-visualizer,.output-primary,.output-primary:last-child{grid-column:auto}.panel-actions{position:static}.analysis-actions,.concept-grid{grid-template-columns:1fr}.concept-wide{grid-column:auto}}