:root{color-scheme:dark;font-family:Arial,"Segoe UI",sans-serif;background:#08090d;color:#f7f7fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0,#33101e 0,transparent 34%),#08090d}main{max-width:1280px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.mark{background:#ee174b;padding:9px 12px;border-radius:9px;margin-left:8px;letter-spacing:2px}header input{width:min(480px,60vw);background:#14161d;border:1px solid #2b2e38;border-radius:12px;color:#fff;padding:13px 16px;font-size:16px}.login{max-width:430px;margin:12vh auto;background:#111319;border:1px solid #292c35;border-radius:20px;padding:34px;box-shadow:0 30px 80px #0008}.login h1{font-size:38px;margin:0 0 6px}.login p,#status{color:#a9acb7}.login form{display:flex;gap:10px;margin-top:25px}.login input,.login button,nav button{border:0;border-radius:10px;padding:13px 16px;font-size:16px}.login input{min-width:0;flex:1;background:#20232c;color:#fff}.login button,nav button.active{background:#ee174b;color:white}#loginError{display:block;color:#ff708f;margin-top:14px}nav{display:flex;gap:10px;margin-bottom:22px}nav button{background:#171921;color:#c7c9d1;cursor:pointer}#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;margin-top:20px}.card{background:#12141a;border:1px solid #252833;border-radius:15px;overflow:hidden;cursor:pointer;text-align:right;color:#fff;padding:0}.card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#1c1e26}.card span{display:block;padding:13px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}dialog{width:min(1000px,94vw);background:#090a0e;color:#fff;border:1px solid #30333c;border-radius:18px;padding:18px}dialog::backdrop{background:#000d}dialog video{width:100%;max-height:72vh;background:#000}#close{float:left;background:#242731;color:#fff;border:0;border-radius:9px;padding:9px 14px} @media(max-width:620px){main{padding:15px}header{align-items:flex-start;flex-direction:column}header input{width:100%}.login{margin-top:6vh;padding:24px}#grid{grid-template-columns:repeat(2,minmax(0,1fr))}}