body{background:#080d21;color:#eaf4ff}.local-app{background:radial-gradient(circle at 80% 6%,rgba(121,100,255,.2),transparent 38%),radial-gradient(circle at 0% 34%,rgba(35,225,200,.1),transparent 38%),#080d21;min-height:90vh;padding:28px 0 82px}.local-hero{display:grid;grid-template-columns:1.4fr .6fr;gap:32px;align-items:center;min-height:275px;margin-bottom:18px}.local-eyebrow{color:#8af4d8;font-size:12px;letter-spacing:2.3px;font-weight:800}.local-hero h1{font-size:clamp(30px,4.3vw,56px);line-height:1.17;letter-spacing:-2px;margin:22px 0}.local-hero em{font-style:normal;background:linear-gradient(100deg,#85f8df,#a59fff,#d5adff);color:transparent;background-clip:text}.local-hero p{max-width:720px;color:#b5c4df;font-size:15px;line-height:1.85}.local-hero-badges{display:flex;gap:11px;flex-wrap:wrap;margin-top:19px}.local-hero-badges span{border:1px solid #304565;background:#111c35;border-radius:24px;padding:9px 14px;font-size:11px;color:#b7d5ed}.local-orbit{height:240px;position:relative;display:grid;place-items:center}.local-orb{display:grid;place-items:center;width:135px;height:135px;border-radius:36px;background:linear-gradient(145deg,#142844,#5e42aa);font-size:68px;color:#97ffe3;box-shadow:0 0 90px #5743d055;transform:rotate(-8deg);animation:floatLocal 5s ease-in-out infinite}.orbitr{position:absolute;border:1px solid #6a83bd58;border-radius:50%;height:192px;width:192px;animation:spinLocal 30s linear infinite}.orbitr.two{height:236px;width:236px;border-style:dashed;animation-duration:45s;animation-direction:reverse}.orbit-voice{position:absolute;background:#1b284b;border:1px solid #556d9b;border-radius:22px;padding:8px 11px;font-size:10px;font-weight:700}.orbit-voice.v1{top:12px;left:9%}.orbit-voice.v2{right:6%;bottom:24px}.orbit-voice.v3{right:0;top:38px;color:#86f5d9}@keyframes floatLocal{50%{transform:rotate(5deg) translateY(-12px)}}@keyframes spinLocal{to{transform:rotate(360deg)}}.local-infobar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#112e37aa;border:1px solid #2d766d;border-radius:14px;padding:16px 20px;font-size:12px;color:#a5edd9;margin:15px 0 23px}.local-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);align-items:start;gap:20px}.local-main,.local-side{display:flex;flex-direction:column;gap:20px;min-width:0}.local-panel{background:linear-gradient(145deg,#151b36,#10172d);border:1px solid #303a62;border-radius:22px;padding:27px;box-shadow:0 14px 54px #02071326}.local-section-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid #34405d;padding-bottom:17px;margin-bottom:20px;font-weight:800;font-size:15px}.local-section-title small{color:#8e9dbd;font-size:11px;font-weight:500}.local-mode,.local-surface-tabs{display:flex;gap:8px;flex-wrap:wrap}.local-mode button,.local-surface-tabs button,.voice-filters button{background:#111b35;color:#9fb2d3;border:1px solid #36405e;border-radius:12px;padding:12px 13px;cursor:pointer;font-weight:650;font-size:12px}.local-mode button.active,.local-surface-tabs button.active,.voice-filters button.active{background:#153d40;border-color:#5fe5cd;color:#9affec}.local-hint,.local-mini{font-size:12px;color:#9daecf;line-height:1.8;margin:11px 0}.voice-filters{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.voice-filters button{font-size:11px;padding:8px 11px}.local-voice-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.local-voice-card{background:#0e1630;border:1px solid #3b486d;border-radius:14px;padding:14px;cursor:pointer;display:flex;flex-direction:column;align-items:start;text-align:left;color:#e6efff;gap:8px;min-width:0}.local-voice-card.active{border-color:#5ee8cd;background:#14393b}.local-voice-card:hover{transform:translateY(-2px);transition:transform .15s}.local-voice-card .avatar{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:14px;background:#273560;color:#9ff4d8;font-size:20px}.local-voice-card b{font-size:14px}.local-voice-card small{font-size:10px;color:#aab9d3;line-height:1.4}.local-voice-card .license{font-size:10px;color:#f4c3a5}.local-primary{background:linear-gradient(120deg,#72f5d9,#a7e3e9);border:0;border-radius:12px;color:#082332;font-weight:850;padding:15px 18px;cursor:pointer}.local-secondary,.local-backup-actions button{border:1px solid #415072;border-radius:12px;padding:12px 14px;background:#1a2341;color:#dbeafe;font-weight:650;font-size:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.local-primary:hover,.local-secondary:hover{filter:brightness(1.1)}.local-label{display:block;font-size:12px;color:#d7e5ff;font-weight:750;margin:13px 0 10px}.local-field{width:100%;max-width:100%;background:#0a122a;color:#e5f0ff;border:1px solid #3a4565;border-radius:13px;padding:12px 14px;font-family:inherit;font-size:13px}.local-field:focus{outline:2px solid #77e8ce;outline-offset:0}.local-textarea{height:185px;resize:vertical;line-height:1.85}.local-surface-tabs{margin-bottom:18px}.local-field-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#9aabca;margin-top:6px}.local-text-btn{color:#a5e9d8;border:0;background:none;cursor:pointer}.local-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.local-message{font-size:12px;color:#bad2f1;line-height:1.65;margin:15px 0 0}.local-message.error{color:#ffb8b2}.local-message.success{color:#8cf9d6}.local-progress-track{height:8px;background:#26334c;border-radius:5px;margin-top:14px;overflow:hidden}.local-progress-track div{height:100%;width:0;background:linear-gradient(90deg,#5ce0c7,#a99efb);transition:width .2s}.local-result{display:flex;flex-direction:column;gap:14px;background:#0d2734;border:1px solid #4c8c86;border-radius:16px;padding:18px;margin-top:18px}.local-result>div{display:flex;flex-direction:column;gap:3px}.local-result>div span{font-size:11px;color:#add0d0}.local-result audio{width:100%}.local-backup-actions{display:flex;gap:9px;flex-wrap:wrap}.local-history-list,.local-project-list{display:flex;flex-direction:column;gap:9px}.local-history-item,.local-project-item{display:flex;flex-wrap:wrap;gap:7px;justify-content:space-between;align-items:center;background:#0d1731;border:1px solid #303b5e;border-radius:12px;padding:12px}.local-history-item strong,.local-project-item strong{display:block;font-size:12px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.local-history-item small,.local-project-item small{display:block;color:#8799bf;font-size:10px;margin-top:4px}.local-history-actions{display:flex;gap:5px}.local-history-actions button{padding:7px 9px;font-size:10px;background:#203052;color:#dceaff;border:1px solid #425078;border-radius:8px;cursor:pointer}.local-side-heading{font-size:13px;color:#b5c9e3;border-top:1px solid #303e60;padding-top:15px;margin-top:17px}.local-license h3{margin:0 0 10px;font-size:15px}.local-license p{font-size:12px;color:#a4b3d3;line-height:1.8}.local-license a{font-size:12px;color:#84e9d5}.local-footer{border-top:1px solid #293553;background:#080b19;color:#96a7c9;font-size:11px;padding:25px 0}.local-footer a{color:#9fedda}.dialogue-speakers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.dialogue-speakers label{color:#b5c5e1;font-size:12px}.dialogue-speakers select{margin-top:10px}.local-turn{display:grid;grid-template-columns:100px 1fr auto;gap:10px;align-items:center;margin:10px 0}.local-turn textarea{min-height:80px;resize:vertical}.local-turn select{font-size:12px}.local-turn button{border:1px solid #4a5268;background:#1b2d42;color:#e5edfa;padding:10px;border-radius:11px;cursor:pointer}@media(max-width:1000px){.local-layout{grid-template-columns:1fr}.local-voice-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.local-app{padding-top:8px}.local-hero{grid-template-columns:1fr;gap:0}.local-orbit{display:none}.local-hero h1{letter-spacing:-1px}.local-panel{padding:17px;border-radius:15px}.local-voice-list{grid-template-columns:1fr 1fr}.local-turn{grid-template-columns:85px 1fr}.local-turn button{grid-column:2;justify-self:end}.local-surface-tabs button{flex:1}.local-actions>*{flex:1}.local-infobar{font-size:11px}.dialogue-speakers{grid-template-columns:1fr}.nav-links{display:none}.nav-links.is-open{display:flex;position:absolute;top:70px;left:0;right:0;flex-direction:column;z-index:20;background:#10192c;padding:20px}}
