:root{--bg: #eef3f9;--tx: #14213d;--mut: #5d6c87;--panel: #ffffff;--line: #d5deeb}@media (prefers-color-scheme: dark){:root{--bg: #0b1220;--tx: #ebf1ff;--mut: #94a7c6;--panel: #151f33;--line: #25324d}}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--tx);font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent}button{font:inherit}.mut{color:var(--mut)}.app{max-width:1180px;margin:0 auto;padding:calc(10px + env(safe-area-inset-top,0px)) 14px calc(36px + env(safe-area-inset-bottom,0px))}.bar{display:flex;align-items:center;justify-content:space-between;height:54px}.logo{display:flex;align-items:center;gap:10px}.lg{display:grid;grid-template-columns:repeat(2,11px);gap:3px;padding:5px;border-radius:7px;background:#e3000b;box-shadow:0 3px #8e0007}.lg i{width:11px;height:11px;border-radius:50%;background:#ff5a62;box-shadow:inset 0 -2px #0003}.name{font-size:19px;font-weight:900;letter-spacing:.18em}.mode{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--tx);display:grid;place-items:center;cursor:pointer}.hero{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4 / 3.3;background:linear-gradient(180deg,#7cc8f5,#d9f0ff);box-shadow:0 18px 40px -18px #14213d73;transition:background .6s}.hero.night{background:linear-gradient(180deg,#060d22,#26396b)}@media (min-width: 900px){.hero{aspect-ratio:21 / 9}}.stage3d{position:absolute;top:0;right:0;bottom:0;left:0}.stage3d canvas{display:block;width:100%;height:100%;cursor:grab}.tip{position:absolute;transform:translate(-50%,-100%);background:#14213deb;color:#fff;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:99px;white-space:nowrap;pointer-events:none}.sec{display:flex;align-items:center;gap:12px;margin:26px 2px 16px;color:var(--mut);font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.sec i{flex:1;height:1px;background:var(--line)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 12px}@media (min-width: 760px){.cards{grid-template-columns:repeat(3,1fr);gap:24px 16px}}.card{position:relative;border:0;border-radius:14px;padding:16px 14px 14px;min-height:150px;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:14px;background:linear-gradient(160deg,var(--c1),var(--c2));box-shadow:0 6px #00000042,0 16px 24px -14px #00000080;transition:transform .14s,box-shadow .14s}.card:before{content:"";position:absolute;left:12px;right:12px;top:-7px;height:8px;border-radius:4px 4px 0 0;background:radial-gradient(circle at 10px 8px,var(--c1) 0 7px,transparent 7.5px) 0 0 / 26px 8px repeat-x;filter:brightness(1.15)}.card:hover{transform:translateY(-3px)}.card:active{transform:translateY(4px);box-shadow:0 2px #00000042}.ib{width:52px;height:52px;border-radius:14px;background:#fffffff2;display:grid;place-items:center;box-shadow:inset 0 -3px #0000001a,0 4px 10px -4px #0006}.ib.big{width:88px;height:88px;border-radius:24px;background:var(--panel)}.tx b{display:block;font-size:15px;line-height:1.22;font-weight:800}.tx small{display:block;margin-top:6px;font-size:12px;opacity:.85;font-weight:600}.go{position:absolute;right:12px;bottom:12px;width:28px;height:28px;border-radius:50%;background:#ffffff38;display:grid;place-items:center;font-size:15px}.card.wide{grid-column:1 / -1;flex-direction:row;align-items:center;min-height:96px;gap:14px}.card.wide .go{position:static;margin-left:auto}.ph{display:grid;place-content:center;justify-items:center;gap:14px;text-align:center;min-height:100vh;padding:20px}.backbtn{border:0;border-radius:12px;padding:12px 22px;background:#0055bf;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 4px #00000047}