:root{color:#172033;background:#eef2f7;font-family:Inter,system-ui,sans-serif}body{margin:0}.app{max-width:1280px;margin:auto;padding:28px}header h1{margin:.2rem 0;font-size:clamp(2rem,4vw,4rem)}header p{color:#526070;font-size:1.3rem}.grid{grid-template-columns:2fr 1fr;gap:18px;display:grid}.panel{background:#fff;border-radius:24px;padding:20px;box-shadow:0 12px 32px #14213d16}.controls{gap:13px;display:grid}label{gap:6px;font-weight:700;display:grid}input,select,button{font:inherit;border:1px solid #cdd6e4;border-radius:12px;padding:12px}button{color:#fff;cursor:pointer;background:#1457d9;border:0;font-weight:800}button:nth-child(2){background:#b42318}.buttons{flex-wrap:wrap;gap:10px;display:flex}.status{border-bottom:1px solid #e6ebf2;justify-content:space-between;gap:12px;padding:10px;display:flex}.stage{text-align:center;border-radius:28px;flex-direction:column;justify-content:center;gap:.7em;min-height:35vh;margin-top:22px;padding:40px;font-weight:900;line-height:1.14;display:flex}.stage.dark{color:#fff;background:#020617}.stage.light{color:#05070a;background:#fff;border:2px solid #d8dee8}.stage.small{font-size:clamp(1.8rem,4vw,3rem)}.stage.medium{font-size:clamp(2.3rem,5vw,4.5rem)}.stage.large{font-size:clamp(3rem,7vw,6rem)}.stage.huge{font-size:clamp(3.8rem,9vw,8.5rem)}.subtitle.interim{opacity:.55}.subtitle.final{opacity:1}.subtitle small{color:#7dd3fc;margin-top:.5rem;font-size:.28em;display:block}.display{background:#020617;height:100vh;margin:0}.display .stage{box-sizing:border-box;border-radius:0;height:100vh;margin:0}@media (width<=850px){.grid{grid-template-columns:1fr}.app{padding:14px}.stage{padding:20px}}