:root{--bg:#07090d;--bg2:#0c1017;--panel:#121826;--panel2:#171f2e;--line:#ffffff14;--text:#eef2ff;--muted:#93a0b8;--blue:#3b82f6;--blue2:#60a5fa;--glow:#3b82f673;--ok:#34d399;--danger:#fb7185;--warn:#fbbf24;--radius:1rem;--font:"Noto Sans SC", "DM Sans", system-ui, sans-serif;--display:"DM Sans", "Noto Sans SC", sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:radial-gradient(900px 500px at 85% -10%, #3b82f62e, transparent 55%), radial-gradient(700px 400px at 0% 20%, #60a5fa14, transparent 50%), linear-gradient(180deg, var(--bg), var(--bg2))}button,input,select,textarea{font:inherit}button{cursor:pointer;color:var(--text);background:#1f2937;border:0;border-radius:999px;padding:.85rem 1.35rem;font-weight:700}button.cta{color:#04101f;box-shadow:0 0 0 1px #93c5fd59, 0 0 28px var(--glow);background:linear-gradient(135deg,#2563eb,#3b82f6 45%,#60a5fa)}button.ghost{border:1px solid var(--line);background:0 0}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#121826;border-radius:14px;padding:.8rem .95rem}select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#93a0b8 50%),linear-gradient(135deg,#93a0b8 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:2rem}select option,select optgroup{color:#eef2ff;background-color:#121826}input[type=file]{color:var(--muted)}input[type=file]::file-selector-button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#1f2937;border-radius:999px;margin-right:.75rem;padding:.45rem .9rem}.top{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#07090db8;position:sticky;top:0}.top-inner{justify-content:space-between;align-items:center;gap:1rem;width:min(1180px,100% - 1.5rem);margin:0 auto;padding:.9rem 0;display:flex}.brand{font-family:var(--display);letter-spacing:-.03em;align-items:center;gap:.55rem;font-size:1.15rem;font-weight:800;display:inline-flex}.brand-logo{border-radius:8px;flex-shrink:0}.brand-text em{color:var(--blue2);font-style:normal}.brand-footer{margin-bottom:.65rem}.nav-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.credit-text{color:#d4d4d8;text-shadow:0 0 18px #60a5fa59;white-space:nowrap;font-size:.9rem}.nav-link{color:#a1a1aa;font-size:.92rem;font-weight:600;text-decoration:none;transition:color .15s}.nav-link:hover,.nav-link.active{color:#fff}.avatar-wrap{position:relative}.avatar-btn{color:#e4e4e7;background:#27272a;border:1px solid #3f3f46;border-radius:999px;place-items:center;width:36px;height:36px;padding:0;font-size:.85rem;font-weight:800;display:grid}.avatar-btn:hover{border-color:#60a5fa}.avatar-menu{color:#f4f4f5;z-index:80;background:#18181b;border:1px solid #27272a;border-radius:12px;min-width:200px;padding:.4rem;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #0000008c}.avatar-menu-meta{border-bottom:1px solid #27272a;margin-bottom:.25rem;padding:.55rem .7rem .65rem;font-size:.82rem}.avatar-menu button{text-align:left;color:#e4e4e7;background:0 0;border:0;border-radius:8px;width:100%;padding:.65rem .75rem;font-size:.9rem;font-weight:600}.avatar-menu button:hover{color:#fff;background:#27272a}.avatar-menu .danger-item{color:#fb7185}.pool-banner{color:#bfdbfe;background:#3b82f61a;border:1px solid #60a5fa59;border-radius:12px;margin:0 0 .8rem;padding:.75rem .9rem;font-size:.92rem}.pool-banner b{color:#fff;font-size:1.15rem}.audio-mode{flex-wrap:wrap;gap:.9rem 1.4rem;margin-top:.9rem;display:flex}.shell{width:min(1180px,100% - 1.5rem);margin:0 auto}.hero{gap:1.6rem;padding:2rem 0 2.4rem;display:grid}@media (width>=960px){.hero{grid-template-columns:1.05fr .95fr;align-items:start;padding:2.2rem 0 3rem}.hero-copy{padding-top:.35rem}}.eyebrow{border:1px solid var(--line);color:var(--muted);border-radius:999px;margin-bottom:1rem;padding:.3rem .7rem;font-size:.82rem;display:inline-flex}.hero h1{font-family:var(--display);letter-spacing:-.045em;margin:0;font-size:clamp(2.3rem,5.2vw,3.8rem);line-height:1.05}.hero .sub{color:var(--muted);max-width:34rem;margin:1rem 0 0;font-size:1.05rem;line-height:1.65}.hero-ctas{flex-wrap:wrap;gap:.7rem;margin-top:1.5rem;display:flex}.hero-note{color:var(--muted);margin:.9rem 0 0;font-size:.86rem}.player{border:1px solid var(--line);background:linear-gradient(160deg,#101826,#0b1220);border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #00000073,0 0 60px #3b82f61f}.player-bar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.82rem;display:flex}.compare-video{aspect-ratio:960/854;background:#0a0f18;max-height:min(72vh,640px)}.compare-video video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.section{padding:.6rem 0 3rem}.section h2{font-family:var(--display);letter-spacing:-.03em;margin:0 0 .35rem;font-size:clamp(1.5rem,3vw,2.1rem)}.section .lead{color:var(--muted);margin:0 0 1.2rem}.model-chip{margin:0 0 1rem;font-size:.9rem}.model-chip b{color:var(--blue2)}.invite-box{background:#3b82f614;border:1px solid #60a5fa59}.invite-code{border:1px solid var(--line);color:var(--blue2);letter-spacing:.04em;background:#0c1017;border-radius:10px;padding:.55rem .9rem;font-size:1.05rem;display:inline-block}.admin-table{flex-direction:column;gap:.45rem;margin:.6rem 0 1rem;display:flex}.admin-row{background:var(--panel2);border:1px solid var(--line);border-radius:12px;grid-template-columns:1.4fr .7fr .6fr .9fr .7fr 1.4fr;align-items:center;gap:.5rem;padding:.7rem .85rem;font-size:.88rem;display:grid}.admin-table.slim .admin-row,.admin-table.slim .admin-row.head{grid-template-columns:1.6fr .7fr .6fr 1.6fr}button.linkish{color:var(--blue2);background:0 0;border:0;border-radius:0;margin-left:.45rem;padding:0;font-size:.8rem;font-weight:600;display:inline}.admin-row.head{color:var(--muted);background:0 0;border:0;padding-bottom:.2rem;font-size:.78rem}@media (width<=900px){.admin-row,.admin-row.head{grid-template-columns:1fr}}.avatar-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}@media (width>=700px){.avatar-grid{grid-template-columns:repeat(4,1fr)}}.avatar-card{border:1px solid var(--line);background:var(--panel);color:inherit;text-align:left;border-radius:1rem;padding:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.avatar-card:hover{z-index:2;transform:scale(1.05);box-shadow:0 18px 40px #00000059}.avatar-card.selected{outline:2px solid var(--blue2)}.avatar-card img{aspect-ratio:3/4;object-fit:cover;background:#111827;width:100%;display:block}.avatar-card .cap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080c1473;padding:.7rem .75rem;font-size:.82rem;position:absolute;bottom:0;left:0;right:0}.avatar-card .cap b{display:block}.voice-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem;display:grid}.voice-card{border:1px solid var(--line);background:var(--panel);border-radius:1rem;grid-template-columns:auto 1fr;align-items:center;gap:.85rem;padding:.95rem;display:grid}.play-btn{width:48px;height:48px;color:var(--blue2);background:#3b82f626;border:1px solid #60a5fa59;border-radius:999px;place-items:center;padding:0;font-size:1rem;display:grid}.wave{align-items:end;gap:3px;height:28px;margin-top:.45rem;display:flex}.wave i{width:3px;height:var(--h,40%);background:#93c5fd59;border-radius:99px;display:block}.voice-card:hover .wave i,.voice-card.playing .wave i{background:var(--blue2);animation:.9s ease-in-out infinite pulse}.voice-card:hover .wave i:nth-child(2),.voice-card.playing .wave i:nth-child(2){animation-delay:.1s}.voice-card:hover .wave i:nth-child(3),.voice-card.playing .wave i:nth-child(3){animation-delay:.2s}.voice-card:hover .wave i:nth-child(4),.voice-card.playing .wave i:nth-child(4){animation-delay:.15s}.voice-card:hover .wave i:nth-child(5),.voice-card.playing .wave i:nth-child(5){animation-delay:.25s}@keyframes pulse{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:1.1rem;padding:1.1rem}.tabs{flex-wrap:wrap;gap:.45rem;margin:.5rem 0 1rem;display:flex}.tabs button{border:1px solid var(--line);background:0 0}.tabs button.active{color:var(--blue2);background:#3b82f62e;border-color:#60a5fa73}.grid2{gap:.85rem;display:grid}@media (width>=760px){.grid2{grid-template-columns:1fr 1fr}}label{color:var(--muted);gap:.35rem;font-size:.92rem;display:grid}.check{color:var(--text);align-items:flex-start;gap:.55rem;display:flex}.check input{width:auto;margin-top:.2rem}.row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.muted{color:var(--muted);font-size:.88rem}.export-tip{max-width:42rem;margin:.45rem 0 0;font-size:.8rem;line-height:1.45}.err{color:var(--danger)}.warn{color:var(--warn);font-size:.86rem}.ok{color:var(--ok)}.jobs{gap:.65rem;display:grid}.job{border:1px solid var(--line);background:var(--panel2);border-radius:14px;justify-content:space-between;align-items:center;gap:.8rem;padding:.85rem .95rem;display:flex}.workspace-top{justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0 .2rem;display:flex}.modal-mask{z-index:60;background:#0000009e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#101826;border-radius:22px;width:min(420px,100%);padding:1.2rem;box-shadow:0 30px 80px #00000080}.site-footer{border-top:1px solid var(--line);background:0 0;margin-top:1rem;padding:2.4rem 0 2.8rem}.footer-grid{grid-template-columns:1fr;gap:1.6rem;display:grid}@media (width>=800px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}.footer-col h4{color:#e2e8f0;margin:0 0 .7rem;font-size:.92rem}.footer-col a,.footer-col .footer-muted{color:#a1a1aa;font-size:.88rem;line-height:1.9;text-decoration:none;display:block}.footer-col a:hover{color:#fff}.footer-desc{color:#a1a1aa;max-width:16rem;margin:0;font-size:.88rem;line-height:1.65}.footer-bottom{color:#71717a;border-top:1px solid #27272a;flex-wrap:wrap;justify-content:space-between;gap:.6rem 1.2rem;margin-top:1.8rem;padding-top:1.1rem;font-size:.8rem;display:flex}.code-row{align-items:stretch;gap:.5rem;display:flex}.code-row input{flex:1}.ok{color:#86efac;font-size:.88rem}.hint-box{color:var(--muted);border:1px dashed #60a5fa59;border-radius:12px;margin-top:.8rem;padding:.75rem .9rem;font-size:.86rem}.page-shell{max-width:760px;padding:1.4rem 0 3rem}.page-back{margin-bottom:1rem}.page-card h1{font-family:var(--display);letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(1.6rem,3vw,2.1rem)}.page-card p,.page-card li{color:var(--muted);font-size:.98rem;line-height:1.75}.page-card ul{margin:.8rem 0 1.2rem;padding-left:1.2rem}.page-card a{color:var(--blue2)}.page-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:.75rem 1.2rem;margin-top:1.4rem;padding-top:1rem;font-size:.9rem;display:flex}.page-links a{color:#a1a1aa;text-decoration:none}.page-links a:hover{color:#fff}
