:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#e5edf2;background:#101c26;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{max-width:1000px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;letter-spacing:2px;font-size:13px;font-weight:700}.logo{font-size:35px;color:#9ae7c5}.brand small{display:block;letter-spacing:0;color:#a4b4c0;font-size:11px;margin-top:5px;font-weight:400}main{max-width:960px;margin:auto;padding:18px 24px 60px}h1{font-size:clamp(28px,5vw,42px);letter-spacing:-1.3px;margin:6px 0 22px}h2{font-size:18px;margin:10px 0}p{line-height:1.55;color:#a4b4c0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#9ae7c5}.intro,.row{display:flex;align-items:center;justify-content:space-between;gap:14px}.panel{background:#192936;border:1px solid #2a3d4a;border-radius:20px;padding:22px;margin-bottom:24px}#login{max-width:460px;margin:8vh auto}label{display:block;font-size:13px;margin-bottom:10px}input{width:100%;padding:14px;background:#101c26;border:1px solid #50616d;border-radius:10px;margin-bottom:16px;font-size:16px}button,select,a{font:inherit}button,select{border:1px solid #3d5362;background:#213644;color:#e5edf2;border-radius:10px;padding:12px;min-height:44px;cursor:pointer}button:hover{border-color:#9ae7c5}button:disabled{opacity:.55;cursor:wait}.primary{background:#a0e6c8;color:#142c25;font-weight:650;border-color:#a0e6c8}.pill{padding:9px 12px;background:#213d37;color:#9ae7c5;border-radius:30px;font-size:12px;white-space:nowrap}.viewport{position:relative;border-radius:12px;overflow:hidden;background:#0b131a;aspect-ratio:4/3;margin:15px 0}.viewport img{width:100%;height:100%;object-fit:contain}.viewport span{position:absolute;top:12px;left:12px;background:#101c26d9;font-size:11px;border-radius:20px;padding:7px 12px}.hint{font-size:12px;line-height:1.5}.options{flex-wrap:wrap}.options select{flex:1}nav{display:flex;gap:8px;margin:24px 0}nav button{flex:1;background:transparent;border-color:transparent;font-size:13px}nav .active{background:#294339;color:#b6f2d7;border-color:#487363}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{background:#192936;border:1px solid #2a3d4a;border-radius:14px;overflow:hidden;text-align:left;padding:0;width:100%}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#0b131a;display:block}.card .detail{padding:14px}.card strong{display:block;font-size:14px}.card small{display:block;color:#a4b4c0;line-height:1.6;margin-top:6px}.tag{font-size:10px;color:#9ae7c5;letter-spacing:1px}.controlGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}dialog{width:min(640px,94vw);background:#192936;color:#e5edf2;border:1px solid #496170;border-radius:18px;padding:20px}dialog::backdrop{background:#050d16bf}video{width:100%;max-height:60vh;margin:12px 0;background:#000}a{color:#a0e6c8}#message{min-height:24px;color:#f3cb95}#more{margin-top:18px;width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #a0e6c8;outline-offset:3px}@media(min-width:760px){.viewport{aspect-ratio:16/9}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:460px){main{padding:12px 14px 40px}header{padding:18px 16px}.panel{padding:15px}.cards{grid-template-columns:1fr}.intro{align-items:flex-start}.row select{max-width:55%}nav{gap:2px}nav button{padding:10px 4px}}