:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e7e9de;background:#121c21;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{background:#22333b;border:1px solid #43545b;color:#dce8df;border-radius:6px;padding:9px 12px;cursor:pointer}button:hover,button[aria-pressed=true]{background:#40594f;border-color:#b3d7b8}button:focus-visible,textarea:focus-visible{outline:3px solid #eac587;outline-offset:3px}.primary{background:#b7d6a3;color:#172a24}main{min-height:100dvh;display:flex;flex-direction:column}header{display:flex;gap:22px;align-items:center;padding:28px 32px;border-bottom:1px solid #33434a}header h1{font-size:25px;margin:5px 0}.logo{font-family:Georgia,serif;font-size:28px;color:#d9b98c}.badge{font-size:12px;border:1px solid #485950;border-radius:30px;padding:9px 12px;margin-left:auto;color:#c0d2b7}small{font-size:10px;letter-spacing:2px;color:#9bb6ae}h2{font-family:Georgia,serif;font-weight:400;font-size:30px;line-height:1.1;margin:18px 0}p{font-size:13px;line-height:1.6;color:#b5c3c3}.room{display:grid;grid-template-columns:minmax(270px,1fr) minmax(360px,1.8fr) minmax(280px,1fr);flex:1}.room>aside,.room>article{padding:26px;border-right:1px solid #33434a;min-width:0}.stage-head{display:flex;gap:16px;align-items:center}.stage-head h2{font-size:26px}.scene{width:100%;aspect-ratio:1;max-height:570px;display:grid;place-items:center;background:radial-gradient(ellipse,#284046,#132129 70%);border-radius:50%;overflow:hidden}.scene canvas{width:min(100%,570px)!important;height:auto!important;aspect-ratio:1;display:block}.buttons{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}label{display:block;font-size:12px;margin-top:22px}.hint{font-size:11px;color:#a0b2b4}textarea{width:100%;min-height:290px;resize:vertical;background:#0c171d;color:#b9ddc2;border:1px solid #344b51;border-radius:8px;padding:14px;font-family:monospace;font-size:12px}.metrics{display:flex;gap:20px;border-top:1px solid #3a4a4e;margin-top:25px;padding-top:18px;flex-wrap:wrap}.metrics strong{display:block;font-family:Georgia,serif;font-size:26px;margin-top:9px}.pair-list{max-height:580px;overflow:auto}.pair{padding:15px 0;border-bottom:1px solid #33434a}.pair b{display:block;font-size:12px;overflow-wrap:anywhere}.pair span{display:block;font-size:10px;color:#a6b6b7;margin-top:8px}.pair strong{font-family:monospace;font-size:12px;display:block;margin-top:5px}.bar{height:3px;margin-top:10px}footer{display:flex;gap:12px;align-items:center;border-top:1px solid #33434a;padding:18px 30px;font-size:10px;color:#aab9b6}footer>span:first-child{max-width:850px;margin-right:auto}@media(max-width:1100px){.room{grid-template-columns:1fr 1.5fr}.residuals{grid-column:1/-1}.pair-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}}@media(max-width:700px){header{padding:18px;flex-wrap:wrap}.room{display:flex;flex-direction:column}.room>aside,.room>article{padding:20px}.pair-list{grid-template-columns:1fr 1fr}footer{flex-wrap:wrap}h1{font-size:22px!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.focused .room>aside{display:none}.focused .room{display:block}.focused .room>article{min-height:calc(100dvh - 120px)}.focused .scene{max-height:none;width:min(68dvh,100%);margin:auto}.focused .scene canvas{max-width:none!important;width:100%!important}h1,h2{overflow-wrap:anywhere}