.wpxp{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#f7f7fb;background:#0b0c12;min-height:720px;border-radius:18px;overflow:hidden;position:relative}.wpxp *{box-sizing:border-box}.wpxp button,.wpxp input{font:inherit}.hidden{display:none!important}.wpxp-login{min-height:720px;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 0,#252044 0,#0b0c12 48%)}.wpxp-card{width:min(460px,100%);background:#141620;border:1px solid #282b39;border-radius:22px;padding:28px;box-shadow:0 30px 80px #0008}.wpxp-brand{display:flex;align-items:center;gap:10px;color:#fff}.wpxp-brand img{height:38px;max-width:140px;object-fit:contain}.wpxp-card h2{font-size:30px;margin:25px 0 6px}.muted,.notice{color:#9da2b4}.notice{font-size:12px;margin-top:18px}.tabs{display:flex;background:#0d0f16;border-radius:12px;padding:4px;margin:22px 0}.tabs button{flex:1;border:0;background:transparent;color:#aaa;padding:10px;border-radius:9px;cursor:pointer}.tabs button.active{background:var(--accent);color:white}.pane{display:none}.pane.active{display:block}.pane label{display:block;color:#c8cbd5;font-size:13px;margin:12px 0}.pane input:not([type=checkbox]){display:block;width:100%;background:#0d0f16;color:#fff;border:1px solid #303341;border-radius:10px;padding:13px;margin-top:6px;outline:none}.pane input:focus{border-color:var(--accent)}.check{display:flex!important;gap:8px;align-items:center}.primary{width:100%;padding:13px;border:0;border-radius:11px;background:var(--accent);color:white;font-weight:700;cursor:pointer}.or{text-align:center;color:#777;margin:12px}.file{border:1px dashed #3b3f50;border-radius:10px;padding:14px}.error{color:#ff8585;font-size:13px;margin-top:12px}.wpxp-shell{display:grid;grid-template-columns:220px 1fr;min-height:720px}.wpxp aside{background:#101119;border-right:1px solid #222530;padding:20px 12px;display:flex;flex-direction:column}.sidebrand{font-size:18px;padding:5px 10px 24px;display:flex;gap:8px}.sidebrand span{color:var(--accent)}.wpxp nav{display:grid;gap:6px}.nav{border:0;background:transparent;color:#9ca1b3;padding:12px;border-radius:10px;text-align:left;cursor:pointer}.nav.active,.nav:hover{background:#202231;color:white}.logout{margin-top:auto}.wpxp main{min-width:0;padding:22px;background:#0b0c12}.wpxp header{display:flex;align-items:center;gap:16px}.wpxp header h2{margin:0;font-size:25px}.wpxp header small{color:#777}.wpxp header input{margin-left:auto;width:min(320px,42%);padding:11px 14px;border-radius:11px;background:#151720;border:1px solid #292c38;color:white}.wpxp #xp-menu{display:none;background:transparent;color:white;border:0;font-size:22px}.categorybar{display:flex;gap:8px;overflow:auto;padding:20px 0 14px}.categorybar button{white-space:nowrap;background:#171923;color:#aaa;border:1px solid #292c38;padding:8px 12px;border-radius:999px;cursor:pointer}.categorybar button.active{background:var(--accent);color:white;border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.item{background:#151720;border:1px solid #242733;border-radius:14px;overflow:hidden;cursor:pointer;position:relative;transition:.15s}.item:hover{transform:translateY(-2px);border-color:#44495c}.thumb{height:150px;background:#1c1f2b;display:grid;place-items:center;overflow:hidden;font-size:40px}.thumb img{width:100%;height:100%;object-fit:cover}.meta{padding:10px}.meta b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta small{color:#7f8495}.fav{position:absolute;right:7px;top:7px;border:0;border-radius:50%;width:31px;height:31px;background:#000a;color:#fff;cursor:pointer}.loading{text-align:center;padding:50px;color:#aaa}.modal{position:fixed;z-index:999999;inset:0;background:#000d;display:grid;place-items:center;padding:20px}.modalbox{width:min(1000px,100%);max-height:94vh;overflow:auto;background:#11131b;border:1px solid #30333f;border-radius:18px;padding:18px;position:relative}.modalbox video{width:100%;max-height:70vh;background:#000;border-radius:10px}.close{position:absolute;right:12px;top:8px;background:#222633;color:#fff;border:0;border-radius:50%;font-size:24px;width:36px;height:36px;z-index:2}.episodes{display:grid;gap:7px;margin-top:15px}.episode{padding:10px;background:#1b1e28;border:0;color:white;text-align:left;border-radius:8px;cursor:pointer}@media(max-width:700px){.wpxp-shell{grid-template-columns:70px 1fr}.wpxp aside{padding:15px 7px}.sidebrand b,.nav span{display:none}.sidebrand{justify-content:center}.nav{text-align:center;font-size:20px}.wpxp main{padding:14px}.wpxp header h2{font-size:20px}.wpxp header input{width:48%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thumb{height:135px}}