:root{color-scheme:dark;--accent:#58d8d8;--muted:#929ca9;--line:#ffffff15;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#070a0e;color:#edf2f7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 60% 20%,#10252c66,transparent 50%),#070a0e}button,input,select{font:inherit}button,select{cursor:pointer}a{color:inherit;text-decoration:none}header,main,footer{max-width:1440px;margin:auto;padding:0 5%}header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{font-weight:900;font-size:34px;letter-spacing:-3px;display:flex;align-items:center;gap:18px}.wordmark span{letter-spacing:2px;font-size:11px}.status{font:700 10px/1.4 Consolas,monospace;letter-spacing:1.5px;color:var(--muted);display:flex;gap:8px;align-items:center}.status i{height:6px;width:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.intro{padding:70px 0 45px;max-width:850px}.eyebrow{font:700 10px/1.6 Consolas,monospace;letter-spacing:2px;color:var(--accent)}h1{font-size:clamp(38px,5vw,72px);font-weight:650;letter-spacing:-3px;line-height:1.08;margin:16px 0 22px}.intro p{font-size:17px;line-height:1.7;color:#aeb8c5;max-width:650px}.collection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:36px}.collection button{display:grid;gap:11px;text-align:left;border:1px solid var(--line);border-radius:12px;background:#0c1118;padding:23px;color:#edf2f7;transition:background .2s,border-color .2s}.collection button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,#0c1118)}.number{font:700 9px Consolas,monospace;letter-spacing:1.3px;color:var(--muted)}.collection strong{font-size:23px;letter-spacing:-.6px}.collection small{font-size:12px;color:#9ea8b6;line-height:1.6}.experience{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.6fr);gap:45px}.experience aside{padding:32px 0;min-width:0}h2{font-size:42px;letter-spacing:-1.5px;margin:10px 0 15px}aside>p{color:#a9b4c1;font-size:14px;line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0}.tags span{padding:6px 9px;border:1px solid var(--line);border-radius:4px;color:#c8d2de;font:600 9px Consolas,monospace}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:30px 0}.controls label{display:grid;gap:9px;min-width:0;color:#aab5c3;font:700 9px Consolas,monospace;letter-spacing:1px}.controls label:last-child{grid-column:1/-1}.controls select{min-width:0;width:100%;background:#0f151d;border:1px solid #ffffff25;color:#e1eaf3;padding:11px 7px;border-radius:5px;font:500 12px "Segoe UI",sans-serif;letter-spacing:0}.controls input{width:100%;accent-color:var(--accent)}.controls output{color:var(--accent)}.primary{background:var(--accent);color:#081018;border:none;border-radius:6px;font-weight:750;padding:13px 23px}aside .hint{margin:25px 0 30px;font-size:12px}.sim-label{color:#d5ad65;font:700 9px Consolas,monospace;letter-spacing:1.5px}.sim-copy{font-size:11px!important;color:#7d8998!important}.stage{border:1px solid #ffffff1b;border-radius:15px;overflow:hidden;background:radial-gradient(ellipse at center,#22323c66,transparent 65%),linear-gradient(145deg,#151b22,#090e13);min-width:0;position:relative}.stage-top,.stage-bottom{font:600 9px/1.5 Consolas,monospace;color:#9caaba;letter-spacing:1px;padding:20px 22px;display:flex;justify-content:space-between;gap:12px}.stage-top{border-bottom:1px solid #ffffff0e}.demo-dot{color:var(--accent)}iframe{display:block;width:100%;height:1050px;border:none;background:transparent}.stage-bottom{background:#06090b55;min-height:60px;letter-spacing:0}.details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:70px 0;border-bottom:1px solid var(--line)}.details span{color:var(--accent);font:700 9px Consolas,monospace;letter-spacing:1px}.details h3{font-size:21px;font-weight:600;letter-spacing:-.5px}.details p{color:#8f9ba9;font-size:13px;line-height:1.8}footer{display:flex;justify-content:space-between;padding-top:30px;padding-bottom:30px;font-size:11px;color:#74818f}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:900px){.experience{grid-template-columns:minmax(0,1fr);gap:15px}.experience aside{padding-top:5px}.controls{grid-template-columns:repeat(4,minmax(0,1fr))}.controls label:last-child{grid-column:1/-1}.collection button{padding:16px}.collection strong{font-size:19px}.stage iframe{height:900px}.details{gap:20px}}@media(max-width:540px){header{height:78px}.status{font-size:8px;max-width:96px}.wordmark span{font-size:8px;letter-spacing:1px}.wordmark{font-size:28px;gap:12px}.intro{padding-top:42px}.intro p{font-size:14px}.collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.collection button{padding:14px;gap:8px}.collection strong{font-size:20px}.collection small{font-size:10px}.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.stage iframe{height:730px}.stage-top{padding:15px;font-size:8px}.stage-bottom{padding:15px}.details{grid-template-columns:minmax(0,1fr);gap:22px;padding:40px 0}.experience{gap:0}h2{font-size:36px}.intro h1{letter-spacing:-1.5px}}