*{box-sizing:border-box}body{margin:0;background:#08090c;color:#eee;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.top{padding:22px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #20232a;background:#0d0f14;position:sticky;top:0;z-index:5}.brand{font-size:24px;font-weight:800}.brand span{color:#8b5cf6}.btn{border:0;border-radius:10px;padding:11px 16px;background:#8b5cf6;color:white;font-weight:700;cursor:pointer}.btn.alt{background:#1a1d24}.wrap{max-width:1200px;margin:auto;padding:35px 5%}.hero{padding:30px 0}.hero h1{font-size:clamp(34px,6vw,62px);margin:0 0 12px}.muted{color:#9ca3af}.tools{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.input,.select{background:#11141a;border:1px solid #292d36;color:#fff;border-radius:10px;padding:13px;min-width:180px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.card{background:#11141a;border:1px solid #242833;border-radius:16px;overflow:hidden}.thumb{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;background:#181b22;display:block}.cardbody{padding:15px}.tag{display:inline-block;font-size:12px;padding:5px 8px;border-radius:20px;background:#20242d;color:#c4b5fd;margin-bottom:8px}.modal{position:fixed;inset:0;background:#000b;display:none;align-items:center;justify-content:center;padding:18px;z-index:20}.modal.open{display:flex}.modalbox{width:min(900px,100%);max-height:94vh;overflow:auto;background:#10131a;border:1px solid #303542;border-radius:18px;padding:20px}.viewer{background:#000;border-radius:12px;overflow:hidden}.viewer{position:relative;touch-action:none}.viewer video{display:block;width:100%;max-height:65vh;aspect-ratio:16/9;object-fit:contain;cursor:grab;touch-action:none}.viewer video:active{cursor:grabbing}.viewer-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:#000b;padding:8px 12px;border-radius:999px;font-size:13px;color:#fff;pointer-events:none}.viewer-play{position:absolute;right:12px;top:12px;border:0;border-radius:9px;padding:9px 12px;background:#8b5cf6;color:#fff;font-weight:700;cursor:pointer}.row{display:flex;gap:10px;flex-wrap:wrap}.close{float:right;background:#272b34;border:0;color:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}.panel{max-width:900px;margin:auto;background:#10131a;border:1px solid #272b34;border-radius:16px;padding:22px}.field{display:grid;gap:7px;margin:13px 0}.field input,.field textarea,.field select{background:#0b0e13;color:#fff;border:1px solid #2b303a;border-radius:9px;padding:12px}.field textarea{min-height:100px}.skin-admin{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-bottom:1px solid #292d36;padding:13px 0}.danger{background:#dc2626}.notice{padding:12px;border-radius:10px;background:#171b23;margin:12px 0}.hidden{display:none}@media(max-width:600px){.skin-admin{grid-template-columns:1fr}.top{padding:16px 4%}.wrap{padding:25px 4%}}