:root{--bg:#0d1020;--panel:#151a2f;--panel2:#1d2440;--text:#f7f2ea;--muted:#b9bfd3;--gold:#e8c36a;--accent:#7c5cff;--green:#35d29b;--danger:#ff6b6b;--border:rgba(255,255,255,.1);--shadow:0 24px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,#27204d 0,#0d1020 34%,#090b16 100%);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}small{display:block;color:var(--muted);font-size:.78rem;margin-top:.2rem}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--border);backdrop-filter:blur(16px);position:sticky;top:0;background:rgba(13,16,32,.78);z-index:10}.brand{display:flex;align-items:center;gap:.8rem;font-weight:800;font-size:1.05rem}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--gold),#fff0b7);color:#1f1633;font-weight:900;box-shadow:0 12px 35px rgba(232,195,106,.25)}nav{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.94rem}nav a:hover{color:var(--text)}.page{width:min(1180px,92vw);margin:0 auto;padding:42px 0 70px}.footer{width:min(1180px,92vw);margin:0 auto;color:var(--muted);border-top:1px solid var(--border);padding:26px 0;display:flex;justify-content:space-between;font-size:.9rem}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center;min-height:560px}.hero h1{font-size:clamp(2.35rem,5vw,5rem);line-height:.98;margin:18px 0;background:linear-gradient(135deg,#fff,#f9e2a4 55%,#d9ccff);-webkit-background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:1.18rem;line-height:1.7;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-card,.card,.price-card,.stat-card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow)}.hero-card{padding:30px;min-height:360px;position:relative;overflow:hidden}.wave{height:130px;border-radius:26px;background:repeating-linear-gradient(90deg,rgba(232,195,106,.2) 0 8px,transparent 8px 18px),linear-gradient(135deg,rgba(124,92,255,.45),rgba(53,210,155,.25));margin-bottom:30px;position:relative}.wave:after{content:"";position:absolute;inset:28px;border-radius:24px;border:1px solid rgba(255,255,255,.25)}.pill{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(232,195,106,.35);background:rgba(232,195,106,.09);color:#ffe49c;padding:8px 13px;border-radius:999px;font-weight:700;font-size:.85rem}.steps-mini{color:var(--muted);line-height:2}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:16px;padding:12px 18px;font-weight:800;cursor:pointer;min-height:46px}.btn-primary{background:linear-gradient(135deg,var(--gold),#fff1b4);color:#15101d;box-shadow:0 16px 38px rgba(232,195,106,.22)}.btn-secondary{background:rgba(255,255,255,.08);border:1px solid var(--border);color:var(--text)}.btn-ghost{border:1px solid var(--border);color:var(--text);background:transparent}.section-grid,.pricing-grid,.dashboard-grid,.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:34px 0}.dashboard-grid{grid-template-columns:1fr 1.4fr}.pricing-grid{grid-template-columns:repeat(4,1fr)}.stat-grid{grid-template-columns:repeat(5,1fr)}.card{padding:26px}.card h1,.card h2,.hero-card h3{margin-top:0}.card p{color:var(--muted);line-height:1.65}.pricing{margin-top:52px}.price-card{padding:24px;display:flex;flex-direction:column;gap:10px}.price-card strong{font-size:1.3rem}.price-card span{color:var(--gold);font-weight:800}.price-card p{color:var(--muted);margin:0}.featured{outline:2px solid rgba(232,195,106,.45)}.auth-card{max-width:520px;margin:40px auto}.wide-card{width:100%}.form-grid{display:grid;gap:16px}.form-grid.two-col{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1/-1}label{display:grid;gap:7px;color:var(--muted);font-weight:700}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.06);color:var(--text);padding:13px 14px;font:inherit;outline:none}textarea{min-height:110px;resize:vertical}option{background:#151a2f}.check{display:flex;grid-template-columns:none;gap:10px;align-items:flex-start;font-weight:600}.check input{width:auto;margin-top:4px}.alert{border-radius:16px;padding:14px 16px;margin-bottom:18px;border:1px solid var(--border)}.alert-success{background:rgba(53,210,155,.12);border-color:rgba(53,210,155,.35)}.alert-error{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.35)}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.dashboard-head,.table-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.dashboard-head p{color:var(--muted)}.mini-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border);color:var(--muted)}.mini-row b{color:var(--gold);font-size:.88rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--gold);font-size:.83rem;text-transform:uppercase;letter-spacing:.04em}td{color:var(--muted)}td a{color:var(--gold);font-weight:800}.badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(124,92,255,.16);color:#d9ccff;font-size:.82rem;font-weight:800}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.detail-grid div,.stat-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid var(--border)}.detail-grid strong,.stat-card span{display:block;color:var(--muted);font-size:.82rem}.detail-grid span,.stat-card strong{display:block;color:var(--text);font-weight:900;margin-top:6px}.stat-card strong{font-size:2rem}.lyrics-box{white-space:pre-wrap;background:rgba(0,0,0,.22);border:1px solid var(--border);border-radius:20px;padding:18px;color:#f4eedf;line-height:1.6}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filters a{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.07);color:var(--muted)}.install-wrap{min-height:100vh;display:grid;place-items:center;width:min(760px,92vw);margin:0 auto}.install-card{width:100%}hr{border:0;border-top:1px solid var(--border);width:100%;margin:6px 0}@media(max-width:880px){.topbar{height:auto;align-items:flex-start;padding:18px 5vw;gap:14px;flex-direction:column}nav{flex-wrap:wrap}.hero,.split,.dashboard-grid{grid-template-columns:1fr;min-height:auto}.section-grid,.pricing-grid,.stat-grid,.form-grid.two-col,.detail-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:8px}.dashboard-head,.table-head{align-items:flex-start;flex-direction:column}.hero h1{font-size:2.7rem}.page{padding-top:28px}}
/* v0.1.2 UI polish */
.muted{color:var(--muted)}.action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-form{display:grid;grid-template-columns:1.5fr .7fr .7fr auto;gap:12px;margin:0 0 18px}.quick-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:18px}.full-btn{width:100%;margin-top:14px}.sticky-card{position:sticky;top:96px;align-self:start}.order-page .card:first-child{min-width:0}.workflow-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.workflow-steps span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:9px 8px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.055);color:var(--muted);font-size:.83rem;font-weight:800}.workflow-steps span.active{background:rgba(232,195,106,.16);border-color:rgba(232,195,106,.4);color:#ffe49c}.guide-box,.consent-box,.legal-card{padding:16px;border-radius:20px;border:1px solid var(--border);background:rgba(255,255,255,.055);margin:16px 0}.guide-box strong,.consent-box strong{display:block;color:#ffe49c;margin-bottom:8px}.guide-box p{margin:0;color:var(--muted);line-height:1.6}.consent-box span{display:block;color:var(--muted);margin-top:6px}.voice-card{border:1px solid var(--border);border-radius:20px;background:rgba(255,255,255,.055);padding:16px;margin-bottom:12px;display:grid;gap:10px}.voice-card strong{color:var(--text)}.voice-card p{margin:0;color:var(--muted)}.onboarding-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 22px}.onboarding-strip div{border:1px solid var(--border);background:rgba(255,255,255,.055);border-radius:20px;padding:16px;display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:800}.onboarding-strip strong{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:var(--text)}.onboarding-strip .active{border-color:rgba(232,195,106,.45);background:rgba(232,195,106,.1);color:#ffe49c}.onboarding-strip .done{border-color:rgba(53,210,155,.35);background:rgba(53,210,155,.09);color:#bffff0}.badge-ready,.badge-completed{background:rgba(53,210,155,.16);color:#bffff0}.badge-uploaded,.badge-pending{background:rgba(232,195,106,.14);color:#ffe49c}.badge-training,.badge-processing,.badge-voice_training{background:rgba(124,92,255,.18);color:#d9ccff}.badge-failed,.badge-rejected{background:rgba(255,107,107,.14);color:#ffc4c4}.badge-manual_review{background:rgba(255,255,255,.12);color:var(--text)}.trust-grid .card{min-height:190px}.legal-card{margin-top:34px}.stat-card{display:block}.stat-card:hover{border-color:rgba(232,195,106,.38);transform:translateY(-1px)}
@media(max-width:880px){.filter-form{grid-template-columns:1fr}.workflow-steps,.onboarding-strip{grid-template-columns:1fr}.sticky-card{position:static}.action-row{width:100%}.action-row .btn{flex:1}}

/* v0.1.3 production modes */
.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0 22px}.mode-card{position:relative;display:block;border:1px solid var(--border);border-radius:22px;background:rgba(255,255,255,.055);padding:18px;min-height:126px;cursor:pointer;transition:.18s ease}.mode-card:hover{border-color:rgba(232,195,106,.45);transform:translateY(-1px)}.mode-card input{position:absolute;opacity:0;pointer-events:none}.mode-card span{display:block;color:var(--text);font-weight:900;margin-bottom:8px}.mode-card small{display:block;color:var(--muted);line-height:1.45}.mode-card:has(input:checked){background:rgba(232,195,106,.12);border-color:rgba(232,195,106,.55);box-shadow:0 18px 45px rgba(232,195,106,.12)}.order-create .guide-box.full,.order-create .consent-box.full{margin:0}.dashboard-modes{margin-top:-4px}.filter-form-4{grid-template-columns:1.35fr .75fr .7fr .7fr auto}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.legal-card strong{color:#ffe49c;display:block;margin-bottom:8px}.trust-grid{grid-template-columns:repeat(3,1fr)}
@supports not selector(:has(*)){.mode-card input:checked + span{color:#ffe49c}}
@media(max-width:980px){.mode-grid,.trust-grid{grid-template-columns:1fr 1fr}.filter-form-4{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.mode-grid,.trust-grid,.detail-grid{grid-template-columns:1fr}}


/* v0.1.5 AI center */
.ai-stat-grid{grid-template-columns:repeat(5,1fr)}.code-line{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;word-break:break-all;background:rgba(0,0,0,.22);border:1px solid var(--border);border-radius:14px;padding:12px;color:#f7f2ea!important}.inline-actions{display:flex;gap:6px;flex-wrap:wrap}.inline-actions button{border:1px solid var(--border);background:rgba(255,255,255,.07);color:var(--text);border-radius:10px;padding:7px 9px;cursor:pointer;font-weight:800;font-size:.78rem}.inline-actions button:hover{border-color:rgba(232,195,106,.45);color:#ffe49c}.badge-sent,.badge-queued{background:rgba(232,195,106,.14);color:#ffe49c}
@media(max-width:980px){.ai-stat-grid{grid-template-columns:1fr 1fr}.inline-actions{min-width:220px}}
@media(max-width:620px){.ai-stat-grid{grid-template-columns:1fr}}


/* v0.1.6 payment center */
.payment-callout{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(232,195,106,.45);background:rgba(232,195,106,.1);border-radius:22px;padding:18px;margin:18px 0}.payment-callout strong{color:#ffe49c;display:block;margin-bottom:4px}.payment-callout p{margin:0;color:var(--muted)}.payment-info strong{display:block;color:#ffe49c;margin-top:14px}.payment-info p{margin:6px 0 0;color:var(--muted);line-height:1.55}.payment-summary{grid-template-columns:repeat(4,1fr)}.inline-payment-form{display:grid;gap:8px;min-width:260px}.inline-payment-form input{padding:9px 10px;border-radius:12px}.badge-payment-unpaid,.badge-payment-record-waiting{background:rgba(232,195,106,.14);color:#ffe49c}.badge-payment-pending,.badge-payment-record-submitted{background:rgba(124,92,255,.18);color:#d9ccff}.badge-payment-paid,.badge-payment-record-approved{background:rgba(53,210,155,.16);color:#bffff0}.badge-payment-refunded,.badge-payment-record-refunded{background:rgba(255,255,255,.12);color:var(--text)}.badge-payment-record-rejected{background:rgba(255,107,107,.14);color:#ffc4c4}
@media(max-width:880px){.payment-callout{align-items:flex-start;flex-direction:column}.payment-summary{grid-template-columns:1fr}.inline-payment-form{min-width:0}}


/* v0.1.7 revision center */
.workflow-steps-7{grid-template-columns:repeat(7,1fr)}.delivery-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.delivery-actions form{margin:0}.revision-block{margin-top:26px}.revision-card{border:1px solid var(--border);border-radius:22px;background:rgba(255,255,255,.045);padding:16px;margin:14px 0}.revision-card p{color:var(--muted);line-height:1.65}.revision-form,.revision-admin-form{border:1px dashed rgba(232,195,106,.35);border-radius:22px;padding:18px;background:rgba(232,195,106,.055);margin-top:16px}.revision-stat-grid{grid-template-columns:repeat(4,1fr)}.badge-revision-requested,.badge-revision-in_progress,.badge-revision-answered,.badge-revision-closed{background:rgba(232,195,106,.14);color:#ffe49c}.badge-revision-in_progress{background:rgba(124,92,255,.18);color:#d9ccff}.badge-revision-answered{background:rgba(53,210,155,.16);color:#bffff0}.badge-revision-closed,.badge-approved{background:rgba(255,255,255,.12);color:var(--text)}.badge-revision_requested{background:rgba(232,195,106,.14);color:#ffe49c}
@media(max-width:980px){.workflow-steps-7,.revision-stat-grid{grid-template-columns:1fr 1fr}.delivery-actions{align-items:stretch;flex-direction:column}.delivery-actions .btn{width:100%}}
@media(max-width:620px){.workflow-steps-7,.revision-stat-grid{grid-template-columns:1fr}}