*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#030507;color:#f5eeee;font-family:Inter,system-ui,sans-serif}header{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #452a30;background:#160b0e}header>div{display:flex;align-items:center;gap:10px}.badge{padding:4px 7px;border:1px solid #8f3d4e;border-radius:99px;color:#ff8d7f;font:700 9px/1 monospace;letter-spacing:.12em}strong{font-size:16px}.version{color:#94787e;font-size:11px}nav{display:flex;gap:7px}button{border:1px solid #57323b;border-radius:8px;padding:7px 10px;color:#e7d3d7;background:#211015;cursor:pointer}button:hover{border-color:#ff7b6e;color:#fff}main{height:calc(100% - 54px)}iframe{width:100%;height:100%;border:0;background:#000}aside{position:fixed;z-index:5;top:66px;right:12px;width:min(390px,calc(100% - 24px));max-height:calc(100% - 78px);overflow:auto;padding:22px;border:1px solid #64343e;border-radius:14px;background:#160d11f2;box-shadow:0 18px 70px #000c}aside h2{margin:0 0 8px}aside p{color:#b89da3;line-height:1.45}.close{position:absolute;top:10px;right:10px;border:0;background:none;font-size:22px}dl{display:grid;grid-template-columns:1fr 1.35fr;gap:9px 14px;font-size:13px}dt{color:#ad8991}dd{margin:0;color:#f3e4e7}.fine{font-size:11px}a{color:#ff8d7f}@media(max-width:640px){header{height:92px;align-items:flex-start;padding-top:10px;flex-wrap:wrap}nav{width:100%;padding-bottom:8px}main{height:calc(100% - 92px)}.version{display:none}}