:root{--ink:#242332;--purple:#6f45da;--muted:#777486;--line:#e8e4ef;--bg:#f6f4fa;--peach:#ffc18f}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}[hidden]{display:none!important}header{background:#212029;color:white;padding:22px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:750;font-size:19px}.brand small{display:block;font-size:10px;letter-spacing:3px;color:#cdc0f5}.brand-icon{border:1px solid #eacda6;border-radius:50%;height:44px;width:44px;text-align:center;line-height:42px;color:#eacda6;font-family:Georgia;font-size:28px}.pilot{font-size:12px;color:#ded4f5;padding:7px 12px;border:1px solid #5c526f;border-radius:30px}main{max-width:1180px;margin:auto;padding:48px 24px}.intro{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;margin-bottom:40px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--purple)}h1{font-size:clamp(42px,5vw,66px);line-height:1.08;letter-spacing:-2.5px;margin:14px 0 20px}p{color:var(--muted);margin:12px 0}.sound-art{height:236px;border-radius:25px;background:linear-gradient(135deg,#382064,#7750d4);color:#ffd3aa;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.sound-art>span{font-size:115px;position:absolute;opacity:.16;left:28px;top:-30px}.sound-art small{position:absolute;bottom:22px;font-size:9px;letter-spacing:3px;color:#ddccef}.bars{width:80%;height:110px;display:flex;align-items:center;justify-content:space-between;gap:5px}.bars i{display:block;width:7px;background:linear-gradient(#ffca9d,#baa2ff);border-radius:12px}.columns{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}.card{padding:30px;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 30px #31224f04}h2{font-size:23px;letter-spacing:-.6px;margin:0}h3{font-size:23px;margin:12px 0}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.tag,.mini-tag{font-size:11px;background:#f2edfc;border-radius:20px;padding:6px 12px;color:#7550bc;white-space:nowrap}.type-switch{display:flex;background:#f5f3f8;padding:5px;border-radius:12px;margin:24px 0;gap:6px}.type-switch button{flex:1;border:0;background:transparent;padding:10px;border-radius:9px;font-weight:700;color:var(--muted)}.type-switch .selected{background:white;color:var(--purple);box-shadow:0 2px 5px #21112d10}label{display:block;font-size:13px;font-weight:700;margin:18px 0 7px}input,textarea,select{width:100%;padding:13px 14px;font:inherit;border:1px solid #dcd7e8;border-radius:10px;background:#fcfbfe;color:var(--ink)}textarea{resize:vertical;font-size:14px;line-height:1.65}input:focus,textarea:focus,select:focus{outline:2px solid #c7b4f2;outline-offset:1px}.label-row{display:flex;align-items:center;justify-content:space-between}.label-row span{font-size:11px;color:var(--muted);margin-top:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}button,a.secondary{cursor:pointer}button{font:inherit}.primary{background:var(--peach);color:#2b2036;border:0;padding:15px;border-radius:11px;font-weight:800;width:100%;margin-top:16px}.primary:hover{background:#ffb67b}.primary:disabled{opacity:.55;cursor:wait}.text-button{border:0;background:none;color:var(--purple);font-size:12px;font-weight:700;padding:8px 0}.hint{font-size:12px;line-height:1.6}.cost{background:#f5f1fd;border:1px solid #e7dff6;border-radius:12px;padding:15px;display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:22px}.cost small{display:block;color:var(--muted);font-size:10px}.cost strong{font-size:20px;color:var(--purple)}.consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;font-weight:400;color:var(--muted)}.consent input{width:17px;height:17px;flex-shrink:0;accent-color:var(--purple);margin-top:2px}aside .card+ .card{margin-top:24px}.listen h2{margin-top:16px;font-size:30px;line-height:1.25}.empty{min-height:240px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty>span{background:#f3effb;border-radius:50%;width:90px;height:90px;font-size:42px;line-height:90px;color:var(--purple)}.empty p{font-size:13px}.secondary{display:block;text-align:center;text-decoration:none;border:1px solid #ded2f2;color:var(--purple);padding:12px;border-radius:10px;font-weight:700;font-size:13px;margin-top:20px}audio{width:100%;margin-top:35px}.tips p{font-size:13px}.history{margin-top:34px}.history-item{background:white;border:1px solid var(--line);border-radius:13px;padding:17px 20px;display:flex;justify-content:space-between;align-items:center;margin-top:10px}.history-item small{display:block;color:var(--muted);font-size:11px}.history-item button{border:0;background:#f1ebfc;border-radius:8px;color:var(--purple);font-size:12px;padding:9px 15px}.history-item .error{color:#b43e57}footer{font-size:12px;color:var(--muted);margin-top:42px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}footer span{font-size:10px}.login{display:grid;grid-template-columns:1fr 1fr;gap:30px}.login h2{margin-top:8px}#notice:not(:empty){background:#fff0e1;border:1px solid #ffd4af;padding:14px 18px;border-radius:12px;margin-bottom:20px;font-size:13px}#progress{text-align:center;padding:60px 0}#progress small{color:var(--muted);font-size:12px}.spinner{width:34px;height:34px;border:3px solid #e7ddfa;border-top-color:var(--purple);border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){header{padding:17px 20px}.brand{font-size:15px}.pilot{font-size:9px}main{padding:30px 18px}.intro{grid-template-columns:1fr;gap:22px}.sound-art{height:155px}.columns,.login{grid-template-columns:1fr}.card{padding:23px}h1{font-size:46px}.card-top h2{font-size:20px}footer{flex-direction:column}.history-item{gap:10px}.two{gap:10px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}
/* NeoDrive Music v0.2 — dark creative studio */
:root{--ink:#f6f6f4;--purple:#caf767;--muted:#92968e;--line:#2c302a;--bg:#11130f;--peach:#caf767}html{scroll-behavior:smooth}body{background:var(--bg)}.sidebar{position:fixed;inset:0 auto 0 0;width:222px;background:#161913;border-right:1px solid var(--line);padding:28px 22px;z-index:3;display:flex;flex-direction:column}.brand{font-size:21px;gap:11px}.brand-icon{border-color:#caf767;color:#caf767;background:#25311b;font-family:inherit;font-size:24px;font-weight:900;border-radius:12px}.brand small{font-size:8px;letter-spacing:2.5px;color:#91978a}.nav-label{margin:48px 12px 15px;font-size:9px;letter-spacing:2px;color:#6e7668}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav a{padding:12px 14px;border-radius:9px;color:#a7afa0;text-decoration:none;font-size:14px;display:flex;gap:12px;align-items:center}.sidebar nav .nav-active{background:#2d391e;color:#d6ffa0}.sidebar-bottom{margin-top:auto;color:#a5ae9c;font-size:12px}.sidebar-bottom small{display:block;font-size:9px;margin-top:10px;color:#606957}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#caf767;margin-right:7px;box-shadow:0 0 12px #b6f86355}.page-shell{margin-left:222px}header{height:78px;padding:18px 40px;background:#11130f;border-bottom:1px solid var(--line)}.breadcrumb{color:#717a68;font-size:12px}.breadcrumb strong{color:#bdc7b4;font-weight:500}.top-actions{display:flex;align-items:center;gap:16px}.avatar{width:34px;height:34px;border-radius:50%;background:#cab4e8;color:#2d1843;text-align:center;line-height:34px;font-weight:750}.pilot{border-color:#384331;color:#b8c8aa;font-size:10px}main{max-width:1360px;padding:36px 40px}.intro{min-height:350px;display:grid;grid-template-columns:1fr 1.1fr;gap:0;background:#1b2416;border:1px solid #33422b;border-radius:18px;overflow:hidden;position:relative}.hero-copy{padding:35px 36px;z-index:1}.eyebrow{font-size:9px;letter-spacing:2px;color:#c6f391}h1{font-size:clamp(40px,4.4vw,64px);letter-spacing:-2px;line-height:1.04;margin:17px 0}h1 em{color:#caf767;font-style:normal}.hero-copy p{font-size:14px;color:#a6b69a}.hero-cta{display:inline-block;background:#caf767;color:#182112;padding:11px 20px;border-radius:8px;text-decoration:none;font-size:12px;font-weight:850;margin-top:13px}.hero-tags{display:flex;gap:16px;color:#b7cda4;font-size:9px;margin-top:25px}.hero-visual{position:relative;min-height:355px}.hero-photo{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:75% 50%}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1b2416,transparent 40%),linear-gradient(0deg,#11180d88,transparent 50%)}.hero-caption{position:absolute;bottom:25px;right:25px;color:white;z-index:1;font-size:9px;letter-spacing:2px}.floating-disc{position:absolute;bottom:62px;left:25px;width:78px;height:78px;border-radius:50%;background:repeating-radial-gradient(#191e16 0 2px,#303b28 3px 4px);border:1px solid #a8d682;color:#c6f68a;font-size:36px;line-height:76px;text-align:center;z-index:1;transform:rotate(-20deg)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:28px 0 19px;gap:20px}.section-heading h2{margin-top:7px;font-size:24px}.section-note{color:#808d75;font-size:11px}.genre-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.genre-card{height:175px;border:1px solid #353a30;background:#22271b;border-radius:13px;padding:0;position:relative;overflow:hidden;text-align:left;color:white}.genre-card img{height:100%;width:100%;object-fit:cover;opacity:.7;transition:transform .3s}.genre-card:hover img{transform:scale(1.04)}.genre-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0e120cf0,transparent)}.genre-card>div{position:absolute;bottom:17px;left:18px;z-index:1}.genre-card small{font-size:8px;letter-spacing:1.6px;color:#d5eebc}.genre-card strong{display:block;font-size:21px;margin:3px 0}.genre-card div>span{font-size:10px;color:#c0cbbb}.genre-icon{position:absolute;right:13px;top:13px;z-index:1;border:1px solid #ffffff66;border-radius:50%;width:25px;height:25px;text-align:center;line-height:23px}.radio img{object-position:85% 50%}.columns{grid-template-columns:1.2fr 1fr}.card{background:#1b1e17;border:1px solid #33382e;border-radius:14px;box-shadow:none;padding:26px}.card-top h2{font-size:19px;color:#f0f5e9}.tag,.mini-tag{color:#c3dfa7;background:#2c3524;border:1px solid #3c492f;font-size:9px}.type-switch{background:#11140e;border:1px solid #303729;margin:22px 0}.type-switch button{color:#929e87;font-size:12px}.type-switch .selected{background:#36442b;color:#d1f6af;box-shadow:none}input,textarea,select{background:#12150f;border-color:#353e2d;color:#dee6d7;border-radius:8px;font-size:13px}input::placeholder,textarea::placeholder{color:#64705b}label{color:#bbc6b0;font-size:11px}.label-row span{color:#76866a;font-size:10px}input:focus,textarea:focus,select:focus{outline:1px solid #caf767;outline-offset:1px}.text-button{color:#b3d68b;font-size:11px}.hint{color:#829175;font-size:10px}.cost{background:#252e1d;border-color:#3b4a2d;color:#afc59b;border-radius:8px}.cost strong{color:#caf767;font-size:19px}.cost small{color:#80966d;font-size:9px}.primary{background:#caf767;border-radius:8px;font-size:13px}.primary:hover{background:#d9ff93}.consent{color:#8f9f82;font-size:10px}.consent input{accent-color:#caf767}.listen{min-height:400px;background:radial-gradient(ellipse at 50% 40%,#2e3a24,#1b1e17 70%)}.listen h2{font-size:34px;letter-spacing:-1px}.empty{min-height:220px}.vinyl{height:126px;width:126px;border-radius:50%;background:repeating-radial-gradient(#0d100b 0 2px,#272f20 3px 4px);border:1px solid #415232;box-shadow:0 0 0 12px #28322155,0 0 50px #99ce4020;display:grid;place-items:center}.vinyl span{height:47px;width:47px;border-radius:50%;background:#c5f268;line-height:47px;color:#1a2410;font-size:23px}.empty p{color:#89997c;font-size:11px;margin-top:26px}.tips{background:#1b1e17}.tips h3{font-size:20px}.tips p{font-size:12px;color:#92a183}.secondary{border-color:#445734;color:#caf767;background:#2d3a22;font-size:11px}.history-item{background:#1b1e17;border-color:#303a27;border-radius:9px;font-size:13px}.history-item button{background:#2e3e22;color:#caf767}.history-item small{color:#7f9170}.history-item .error{color:#ff9da8}.login{margin-top:28px}.login p{font-size:12px}#notice:not(:empty){background:#302916;border-color:#5c4a26;color:#ecd59c}.spinner{border-color:#344629;border-top-color:#caf767}footer{border-color:#2b3523;color:#6f8062;font-size:10px}.inspiration{margin-bottom:34px}#createForm{scroll-margin-top:25px}
@media(min-width:1500px){main{padding:45px 60px}.intro{min-height:380px}}@media(max-width:1050px){.sidebar{width:185px;padding:26px 15px}.page-shell{margin-left:185px}main{padding:28px 24px}header{padding:18px 24px}.hero-copy{padding:28px}.hero-tags{flex-direction:column;gap:5px}.genre-card strong{font-size:18px}.columns{grid-template-columns:1fr 1fr}.card{padding:22px}}@media(max-width:760px){.sidebar{position:static;width:auto;height:auto;padding:16px 20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:20px}.nav-label,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;margin-top:17px;gap:6px}.sidebar nav a{font-size:10px;padding:9px 8px;gap:5px;flex:1;justify-content:center}.page-shell{margin-left:0}header{height:58px;padding:12px 20px}.breadcrumb{font-size:10px}.avatar{display:none}main{padding:22px 18px}.intro{grid-template-columns:1fr;min-height:440px}.hero-copy{padding:28px 25px;position:relative;width:100%;background:linear-gradient(90deg,#172112f7,#172112aa);min-height:440px}.hero-visual{position:absolute;inset:0;min-height:440px}.hero-visual:after{background:linear-gradient(0deg,#172112,transparent)}.hero-photo{object-position:70% 50%;opacity:.55}.hero-caption,.floating-disc{display:none}h1{font-size:59px}.hero-tags{flex-direction:row;gap:13px;margin-top:22px}.genre-cards{grid-template-columns:repeat(3,220px);overflow-x:auto;padding-bottom:8px}.genre-card{height:160px}.section-heading h2{font-size:21px}.section-note{display:none}.columns,.login{grid-template-columns:1fr}.listen{min-height:350px}.intro{margin-bottom:27px}.card-top h2{font-size:19px}.cost strong{font-size:20px}}
.brand-logo{width:55px;height:55px;object-fit:contain}.sidebar .brand{font-size:17px;line-height:1.3}.sidebar .brand small{margin-top:5px;letter-spacing:1.2px}.packages{margin-top:48px;scroll-margin-top:24px}.package-lead{font-size:13px;margin-bottom:26px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.package-card{border:1px solid #35432c;background:#1a2015;border-radius:15px;padding:27px 24px;position:relative}.package-card.featured{border-color:#a5d85c;background:linear-gradient(145deg,#29391c,#192015)}.package-card h3{font-size:23px;margin:12px 0}.package-price{font-size:39px;letter-spacing:-1px;font-weight:850;color:#e4f6d1}.package-price small{font-size:11px;color:#92a27e;font-weight:500;letter-spacing:0}.package-card>strong{font-size:13px;color:#caf767}.package-card p{font-size:12px;min-height:38px}.package-card ul{padding:0;list-style:none;font-size:11px;line-height:2.5;color:#a7b69a;margin:22px 0}.package-card li:before{content:'✓';color:#caf767;margin-right:8px}.package-button{width:100%;border:1px solid #536b3d;background:#293a1c;color:#d5fca9;border-radius:8px;padding:12px;font-size:12px;font-weight:750}.featured .package-button{background:#caf767;color:#1a2710;border-color:#caf767}.package-badge{position:absolute;top:-11px;right:16px;background:#caf767;color:#27371a;padding:4px 10px;font-size:8px;font-weight:850;border-radius:20px;letter-spacing:1px}.package-terms{border-top:1px solid #2e3b25;margin-top:26px;padding-top:10px}.package-terms p{font-size:11px;color:#899b7c}.package-terms strong{color:#b7cda5}.draft-label{color:#ccbf86!important}.contact-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #35442b;background:#192213;border-radius:15px;padding:26px;margin-top:42px}.contact-strip img{width:80px;height:80px;object-fit:contain}.contact-strip>div:nth-child(2){flex:1}.contact-strip h2{font-size:21px;margin-top:5px}.contact-strip p{font-size:11px;margin:6px 0}.contact-links{display:flex;flex-direction:column;gap:9px}.contact-links a{color:#c2e59d;font-size:11px;text-decoration:none}.package-button:hover{filter:brightness(1.15)}@media(max-width:1000px){.package-grid{gap:10px}.package-card{padding:22px 15px}.package-price{font-size:32px}.contact-strip{flex-wrap:wrap}.contact-links{width:100%}}@media(max-width:760px){.package-grid{grid-template-columns:1fr;gap:22px}.package-card p{min-height:0}.sidebar nav a{font-size:9px;padding:9px 6px;gap:4px}.sidebar .brand{font-size:20px}.contact-strip{padding:20px;gap:15px}.contact-strip img{width:65px;height:65px}.package-card{padding:27px}.package-price{font-size:40px}}
#adminContent h3{font-size:18px;margin-top:25px}#adminContent p{font-size:12px}#adminContent .history-item{flex-wrap:wrap}#adminContent button{margin:3px}#serviceTerms a,.consent a{color:#caf767}#logout{padding:4px 8px}.package-button:disabled{opacity:.5;cursor:wait}#walletContent{font-size:12px;color:#a4b995}#historyList{color:#9ab18a;font-size:12px}