.mp-app{--mp-cyan:#00c8fa;--mp-pink:#ff299d;--mp-muted:#a1a2af;box-sizing:border-box;background:#0b0b10;color:#f2f3f8;padding:clamp(20px,4vw,48px);border-radius:18px;font:15px/1.6 system-ui,sans-serif;max-width:1200px;margin:24px auto; color-scheme:dark}.mp-app *{box-sizing:border-box}.mp-app [hidden]{display:none!important}.mp-app a{color:var(--mp-cyan);text-decoration:none}.mp-app a:hover{text-decoration:underline}.mp-brand{font-size:clamp(25px,4vw,36px);font-weight:850;letter-spacing:3px;color:var(--mp-cyan);text-shadow:0 0 15px #00c8fa55;margin-bottom:30px}.mp-brand span{color:var(--mp-pink);text-shadow:0 0 15px #ff299d55}.mp-app h1,.mp-app h2,.mp-app h3{color:#f4f4f8;line-height:1.25}.mp-app h2{font-size:25px}.mp-form{max-width:660px;margin:24px auto;background:#111117;border:1px solid #272732;border-radius:16px;padding:clamp(20px,4vw,34px);display:grid;gap:20px}.mp-register{max-width:500px;box-shadow:0 0 20px #a32eff22}.mp-app label{display:grid;gap:8px;color:var(--mp-muted)}.mp-app input:not([type=radio]):not([type=checkbox]),.mp-app textarea{width:100%;min-width:0;background:#181820;border:1px solid #2c2c38;color:#f4f4f8;border-radius:12px;padding:12px;font:inherit}.mp-app textarea{min-height:120px;resize:vertical}.mp-app input[type=radio],.mp-app input[type=checkbox]{accent-color:var(--mp-cyan)}.mp-app input:focus-visible,.mp-app textarea:focus-visible,.mp-app button:focus-visible,.mp-app a:focus-visible{outline:2px solid var(--mp-cyan);outline-offset:3px}.mp-app button,.mp-app .mp-button{display:inline-block;background:linear-gradient(110deg,#00bbf1,#8138cb);color:white;border:0;border-radius:11px;padding:11px 20px;font:600 14px/1.4 system-ui;cursor:pointer;text-decoration:none;text-align:center}.mp-app button:hover{filter:brightness(1.15)}.mp-app button:disabled{opacity:.5;cursor:not-allowed}.mp-app .mp-secondary{background:transparent;border:1px solid #255468;color:var(--mp-cyan)}.mp-app fieldset{border:0;padding:0;margin:0;min-width:0}.mp-app legend{color:var(--mp-muted);margin-bottom:10px}.mp-app .mp-choice{display:flex;align-items:center;background:#181820;border:1px solid #2c2c38;border-radius:12px;padding:15px;margin-bottom:8px;cursor:pointer}.mp-choice:has(input:checked){background:#083745;border-color:var(--mp-cyan)}.mp-art-fields{display:grid;gap:18px}.mp-app .mp-genres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mp-genres legend{grid-column:1/-1}.mp-genres label{display:flex;align-items:center;border:1px solid #30303d;border-radius:12px;padding:9px;font-size:13px}.mp-hero{display:flex;align-items:center;gap:20px;padding:30px 0 50px}.mp-hero h1{margin:0;font-size:clamp(24px,4vw,36px)}.mp-hero p{margin:0;color:var(--mp-muted)}.mp-hero aside{margin-left:auto;border:1px solid #194255;border-radius:15px;padding:20px}.mp-avatar{width:86px;height:86px;border:1px solid var(--mp-cyan);border-radius:50%;object-fit:cover}.mp-panel{background:#121219;border:1px solid #242430;border-radius:16px;padding:28px;margin:20px 0 40px}.mp-panel p{color:var(--mp-muted)}.mp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:32px}.mp-card{border:1px solid #262633;background:#121219;border-radius:14px;overflow:hidden;padding:16px}.mp-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.mp-card h3{font-size:18px;margin:12px 0}.mp-card p,.mp-card small{color:var(--mp-muted)}.mp-card form{margin-top:12px}.mp-track{display:grid;grid-template-columns:3fr 2fr 1fr auto;gap:8px;margin-bottom:10px}.mp-track input{font-size:13px!important;padding:9px!important}.mp-track button{padding:8px}.mp-detail iframe,.mp-live-player{border:0;border-radius:12px}.mp-live-player{width:100%;aspect-ratio:16/9;height:auto}.mp-tracklist li{padding:8px;border-bottom:1px solid #292934}.mp-chat{margin-top:25px}.mp-chat [data-chat-log]{height:360px;overflow-y:auto;list-style:none;padding:10px;background:#111118;border:1px solid #292934;border-radius:12px}.mp-chat [data-chat-log] li{display:flex;gap:12px;border-bottom:1px solid #282833;padding:12px 0;align-items:flex-start;overflow-wrap:anywhere}.mp-chat [data-chat-log] img{border-radius:50%;object-fit:cover}.mp-chat [data-chat-log] small{color:var(--mp-muted);margin-left:10px}.mp-chat [data-chat-log] p{margin:4px 0;white-space:pre-wrap}.mp-chat [data-chat-form]{display:grid;gap:12px}.mp-chat [data-chat-form] div{display:flex;gap:8px}.mp-chat [data-chat-form] div button{background:#20202c}.mp-app nav .page-numbers{display:inline-block;padding:8px}.mp-app nav .current{color:white}@media(max-width:720px){.mp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-hero{flex-wrap:wrap}.mp-hero aside{margin:0;width:100%}.mp-app .mp-genres{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-track{grid-template-columns:1fr 1fr}.mp-track input:first-child{grid-column:1/-1}.mp-app{padding:20px}.mp-form{padding:20px}.mp-chat li{flex-wrap:wrap}}@media(max-width:420px){.mp-grid{grid-template-columns:1fr}.mp-app .mp-genres{grid-template-columns:1fr}}

.mp-plan-choices .mp-choice span{display:block}.mp-plan-choices .mp-choice{align-items:flex-start}.mp-form p[role=status],.mp-form p[role=alert]{margin:0}