:root{color:#f8f7f2;background:#171816;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}main{width:min(1000px,100% - 40px);margin:0 auto;padding:7vh 0}header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.eyebrow{color:#9ca58e;letter-spacing:.15em;font-size:.75rem;font-weight:800}h1{letter-spacing:-.055em;margin:10px 0 36px;font-size:clamp(2.4rem,6vw,4.6rem)}.connection{color:#f0a68e;border:1px solid #5c392f;border-radius:999px;padding:9px 13px;font-size:.8rem;font-weight:700}.connection.online{color:#8ed7b0;border-color:#355947}.simulator{background:#20221e;border:1px solid #343731;border-radius:28px;grid-template-columns:1.1fr .9fr;display:grid;overflow:hidden}.gate{background:radial-gradient(circle,#34382f,#1e201c 70%);justify-content:center;align-items:center;gap:8px;min-height:430px;display:flex}.door{transform-origin:0;background:linear-gradient(135deg,#41463b,#262923);border:2px solid #69705e;border-radius:12px 3px 3px 12px;width:110px;height:245px;transition:transform .3s}.door+.door{transform-origin:100%;border-radius:3px 12px 12px 3px}.door.open:first-child{transform:perspective(500px)rotateY(-62deg)}.door.open:last-child{transform:perspective(500px)rotateY(62deg)}.controls{padding:48px 38px}label{color:#b8bdaf;margin-bottom:10px;font-size:.82rem;display:block}input,button{width:100%;min-height:48px;font:inherit;border-radius:10px}input{color:#f8f7f2;background:#191a18;border:1px solid #484d43;padding:0 14px}button{color:#182319;cursor:pointer;background:#b6e47c;border:0;margin-top:14px;font-weight:800}button:disabled{cursor:not-allowed;opacity:.45}.result{color:#aeb3a6;min-height:48px;margin-top:28px;line-height:1.5}.result.applied{color:#b6e47c}.result.duplicate{color:#ffc279}@media (width<=720px){.simulator{grid-template-columns:1fr}.gate{min-height:300px}.door{width:80px;height:185px}}