:root{color:#f6f4f1;background:#101114;font-family:Inter,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:0;border-radius:10px;padding:13px 16px;background:#e4a448;color:#19120a;font-weight:800;cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:#f2c777}.secondary{background:#292c31;color:#f6f4f1}.danger{background:#642e38;color:#fff}.mobile{min-height:100vh;max-width:680px;margin:auto;padding:20px;background:linear-gradient(160deg,#101114,#19171a)}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;color:#e4a448}header b{font-size:1.25rem}header span{color:#c6c0bc;font-size:.9rem}.search{display:grid;gap:10px}.search label{font-size:1.05rem;font-weight:800}.search input,.search select,.login input{width:100%;border:1px solid #3b3e46;border-radius:10px;padding:15px;color:#fff;background:#22242a}.results{display:grid;gap:12px;margin:22px 0}.results article{display:flex;gap:12px;padding:10px;border-radius:12px;background:#1d1f24}.results img{width:132px;height:74px;border-radius:7px;object-fit:cover}.results article div{display:grid;min-width:0;gap:5px}.results b,.admin-track span{line-height:1.35}.results small,.admin-track small,.muted{color:#aaa}.results button{justify-self:start;padding:8px 12px}.queue{margin-top:28px;padding-top:18px;border-top:1px solid #37383d}.queue h2{font-size:1.15rem}.queue h3{color:#aaa;font-size:.95rem}.queue ol{padding-left:25px}.queue li{padding:10px 0}.queue li span,.now{display:grid;gap:4px}.queue li b,.now small{color:#e4a448}.queue li em{font-style:normal}.queue li i{color:#f2d27c;font-size:.82rem}.now{padding:15px;border-left:3px solid #e4a448;border-radius:7px;background:#32291d}.empty,.success,.login,.idle{display:grid;min-height:35vh;align-content:center;justify-items:center;gap:14px;color:#c9c4bf;text-align:center}.success{min-height:auto;margin:16px 0;padding:22px;border-radius:14px;color:#fff;background:#1c2823}.success h1,.success strong{color:#86d7a8}.success small{color:#c9c4bf}.error{color:#ff9e9e}.admin-nav,.controls{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.admin-track{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #303238}.admin-track span{flex:1 1 100%}.admin-track button,.admin-track a{padding:8px 10px;border-radius:9px;font-size:.85rem}.admin-track a{color:#f6f4f1;background:#292c31;font-weight:800;text-decoration:none}.draggable{cursor:grab}.draggable:active{cursor:grabbing;opacity:.7}.player{display:grid;min-height:100vh;grid-template-rows:1fr auto;background:#000}.video{width:100%;min-height:70vh;height:100%}.player footer{display:flex;justify-content:space-between;gap:30px;padding:18px 3vw;background:#121316}.player footer div{display:grid;gap:5px}.player footer small{color:#e4a448}.player footer b{font-size:clamp(1rem,2vw,1.55rem)}.player-error{position:fixed;z-index:10;top:12px;left:50%;transform:translate(-50%);padding:10px 14px;border-radius:8px;color:#fff;background:#712f38}.idle{min-height:100vh;background:radial-gradient(circle,#36271b,#101114)}.login input{width:100%}details summary{cursor:pointer;color:#f2c777}details button{margin:12px 8px 0 0;padding:8px 10px}@media(max-width:600px){.mobile{padding:16px}.player footer{padding:12px;gap:12px}.player footer div:last-child{display:none}}