:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#f4f5fb;background:#0c0e16}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}button,input{font:inherit}button{cursor:pointer}aside{width:238px;flex-shrink:0;background:#131521;border-right:1px solid #292b3a;display:flex;flex-direction:column;padding:25px 14px}.brand{font-size:27px;font-weight:900;letter-spacing:-1px;padding:5px 13px 38px}.brand .mark{color:#fb535d;font-size:23px}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:600;margin-left:37px;color:#a9a9bf}.brand b{color:#fb535d}.nav{display:block;width:100%;text-align:left;background:none;color:#a6a7b8;border:0;padding:15px;border-radius:10px;margin-bottom:5px}.nav:hover,.nav.active{background:#29243e;color:white}.nav.active{border-left:3px solid #a36eff}.asidefoot{margin-top:auto;font-size:10px;letter-spacing:1px;color:#9b93b0;padding:16px}.asidefoot span{color:#65677c}main{flex:1;min-width:0;padding:26px clamp(16px,3vw,48px);max-width:1600px;margin:auto}header,.sectionhead,.deckhead{display:flex;align-items:center;justify-content:space-between;gap:14px}h1{margin:0;font-size:27px}header p,.panel p,.hero p{color:#a2a4b9}header p{margin:5px 0 0;font-size:13px}.status{font-size:11px;letter-spacing:1px;color:#b8b8c9}.status i{display:inline-block;background:#e9a33a;width:8px;height:8px;border-radius:50%;margin-right:6px}.status span{margin-left:16px}.hero{margin:30px 0;padding:30px;border:1px solid #49405f;border-radius:18px;background:linear-gradient(115deg,#33214e,#1d2033 70%);display:flex;justify-content:space-between;align-items:center;gap:20px}.hero h2{font-size:30px;margin:10px 0}.hero p{max-width:560px;line-height:1.6}.eyebrow{color:#cba8ff;font-size:11px;letter-spacing:2px}.modes{display:flex;gap:10px;flex-wrap:wrap}.mode,.controls button,.mixer button{border:1px solid #47465a;background:#252737;color:#fff;border-radius:9px;padding:12px 16px}.mode.selected,.primary{background:#8c55e7!important;color:white!important;border:0!important}.primary{padding:12px 17px;border-radius:9px}.view{display:none}.view.active{display:block}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stats article,.panel{background:#191b28;border:1px solid #303241;border-radius:14px;padding:22px}.stats small{color:#a4a4ba;font-size:10px;letter-spacing:1.2px}.stats strong{display:block;margin-top:16px;font-size:23px}.panel h3{margin:0 0 12px}.panel p{line-height:1.6}.decks{display:grid;grid-template-columns:1fr 1fr;gap:18px}.deckhead span{font-size:11px;color:#a9a8b8}.art{margin:15px auto;background:linear-gradient(135deg,#34294e,#262c43);width:115px;height:115px;border-radius:18px;display:grid;place-items:center;font-size:46px;color:#b594f8}.deck{text-align:center}.deckhead{text-align:left}.deck h2{font-size:17px;overflow-wrap:anywhere}.deck p{font-size:13px}.seekrow,.cross{display:flex;align-items:center;gap:12px}.seekrow span{font-size:12px;color:#a9a8b8}.seekrow input,.cross input{flex:1;min-width:30px}input[type=range]{accent-color:#a678ff}.controls{display:flex;gap:10px;justify-content:center;margin:20px 0}.deck label{display:block;font-size:12px;color:#b8b8c9}.deck label input{vertical-align:middle;margin-left:12px}.mixer{margin-top:18px;text-align:center}.cross{max-width:600px;margin:20px auto}.sectionhead{margin-bottom:20px}#search{width:100%;background:#10121d;border:1px solid #343649;color:white;padding:13px;border-radius:9px;margin-bottom:18px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:#a4a4b6;font-size:11px;letter-spacing:1px}td,th{padding:14px 9px;border-bottom:1px solid #303241}td{font-size:13px}td button{background:#2e3042;color:white;border:0;border-radius:7px;padding:8px;margin:2px}.empty{text-align:center;color:#a4a4b6;padding:40px}#queue li{padding:11px;border-bottom:1px solid #303241}#queue button{float:right;border:0;background:#303247;color:white;border-radius:6px;padding:5px 9px}.hint{font-size:12px}footer{display:flex;justify-content:space-between;gap:12px;color:#797c91;font-size:10px;letter-spacing:1px;padding:25px 0}@media(max-width:950px){.hero{display:block}.stats{grid-template-columns:1fr 1fr}.decks{grid-template-columns:1fr}}@media(max-width:650px){body{display:block}aside{width:100%;padding:10px}.brand{padding:8px}.brand small{margin-left:0}.asidefoot{display:none}nav{display:flex;overflow:auto}.nav{white-space:nowrap;width:auto;padding:11px;font-size:12px}main{padding:16px}.hero{padding:20px}.hero h2{font-size:24px}.status{font-size:9px}.stats article{padding:14px}.stats strong{font-size:17px}}
.loginwrap{min-height:100vh;display:grid;place-items:center;background:#0c101a;padding:24px}.loginpanel{max-width:420px;width:100%;display:grid;gap:18px}.loginpanel input{padding:14px;border-radius:9px;border:1px solid #485068;background:#161b2a;color:white;font-size:16px}.loginpanel button{padding:13px}.loginpanel h1{font-size:22px}.loginpanel p{color:#aeb6c7}