@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap");
:root{--brand:#5b4cf0;--brand-2:#8a78ff;--accent:#13b8a6;--bg:#f7f7fb;--surface:#fff;--surface-2:#f1f1f7;--text:#17172a;--muted:#707085;--line:#e5e5ee;--success:#17875d;--waiting:#93701a;--warning:#ad6416;--danger:#c23c4a;--shadow:0 18px 60px rgba(35,31,76,.10);--radius:18px;--sidebar:250px;font-family:"Noto Sans SC",Inter,system-ui,sans-serif;color:var(--text);background:var(--bg);font-size:16px}
:root[data-theme=dark]{--bg:#0e0f18;--surface:#171824;--surface-2:#20212f;--text:#f4f4fa;--muted:#a4a4b8;--line:#303142;--shadow:0 18px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit;color:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}.hidden{display:none!important}.mobile-only,.mobile-brand{display:none}.brand{display:flex;align-items:center;gap:11px;font-size:17px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--brand),#7969ff);font-weight:700;box-shadow:0 8px 22px rgba(91,76,240,.28)}.brand-mark.small{width:30px;height:30px;border-radius:10px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:12px;padding:10px 17px;font-weight:600;border:1px solid transparent;background:transparent}.button.primary,.send-button{color:#fff;background:linear-gradient(135deg,var(--brand),#7666fa);box-shadow:0 8px 24px rgba(91,76,240,.22)}.button.ghost{border-color:var(--line);background:var(--surface)}.button.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 28%,transparent);background:color-mix(in srgb,var(--danger) 8%,transparent)}.button.large{padding:14px 22px}.button.full{width:100%;padding:13px}.button:disabled,.send-button:disabled{cursor:not-allowed;opacity:.46;box-shadow:none}.eyebrow{display:inline-flex;color:var(--brand);text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:700}.public-nav{height:76px;max-width:1200px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.public-nav nav{display:flex;align-items:center;gap:22px;font-size:14px}.icon-button{width:38px;height:38px;border-radius:11px;background:var(--surface-2);color:var(--muted)}.landing{background:radial-gradient(circle at 80% 12%,rgba(122,103,255,.1),transparent 30%),var(--bg)}.hero{min-height:680px;max-width:1200px;margin:auto;padding:75px 28px 90px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.hero-copy h1{font-size:clamp(48px,6vw,75px);line-height:1.08;letter-spacing:-.055em;margin:20px 0}.hero-copy h1 span{background:linear-gradient(90deg,var(--brand),#9b5de5);background-clip:text;color:transparent}.hero-copy>p{font-size:19px;line-height:1.85;color:var(--muted);max-width:570px}.hero-actions{display:flex;gap:12px;margin:32px 0}.trust-row{display:flex;gap:20px;color:var(--muted);font-size:13px}.hero-visual{position:relative;min-height:510px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:380px;height:380px;background:linear-gradient(135deg,#cccbff,#8b79ff);right:0;top:25px}.orb-two{width:220px;height:220px;background:rgba(32,199,180,.34);left:15px;bottom:0}.preview-window{width:min(520px,94%);height:430px;display:grid;grid-template-columns:58px 1fr;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);border-radius:25px;box-shadow:0 35px 80px rgba(48,38,130,.27);position:relative;transform:rotate(1deg);overflow:hidden}.preview-sidebar{background:#181729;color:#fff;display:flex;flex-direction:column;align-items:center;gap:25px;padding:17px 0}.preview-sidebar i{font-style:normal;color:#a5a1bd}.preview-body{padding:22px;display:flex;flex-direction:column;gap:20px}.preview-top{display:flex;justify-content:space-between;font-weight:600}.preview-top i{width:26px;height:26px;border-radius:50%;background:var(--surface-2)}.preview-message{border-radius:15px;padding:14px;font-size:13px;line-height:1.55}.preview-message.user{align-self:flex-end;background:var(--brand);color:white;max-width:75%}.preview-message.ai{display:flex;gap:12px;background:var(--surface);border:1px solid var(--line)}.preview-message.ai>b{color:var(--brand)}.preview-message p{color:var(--muted);margin:7px 0}.skeleton-line{height:7px;border-radius:10px;background:var(--surface-2);margin-top:9px}.skeleton-line.short{width:63%}.preview-input{margin-top:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:13px;color:var(--muted)}.preview-input button{float:right;width:25px;height:25px;border-radius:8px;color:white;background:var(--brand)}.feature-section{max-width:1200px;margin:auto;padding:100px 28px}.section-heading{text-align:center;max-width:650px;margin:0 auto 50px}.section-heading h2,.cta h2{font-size:38px;letter-spacing:-.03em;margin:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:.2s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-card h3{margin:18px 0 8px}.feature-card p{color:var(--muted);line-height:1.7;margin:0}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand);font-size:20px}.tone-1,.tone-4{color:#b04eb5;background:#f9eafa}.tone-2{color:#e0783d;background:#fff0e6}.tone-3{color:#168b7e;background:#e4f8f5}.tone-5{color:#3c76c9;background:#e9f2ff}.cta{text-align:center;max-width:950px;margin:40px auto 100px;padding:70px 30px;border-radius:30px;background:linear-gradient(140deg,#19172e,#302965);color:#fff}.cta p{color:#c8c6dc;margin:18px auto 28px}.landing footer{max-width:1200px;margin:auto;padding:25px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}
.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(380px,45%) 1fr}.auth-art{padding:48px 7vw;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 70% 30%,#6d5eda,transparent 40%),linear-gradient(145deg,#17152d,#2d2764)}.brand.light{color:white}.auth-art h1{font-size:clamp(40px,5vw,66px);line-height:1.18;letter-spacing:-.05em}.auth-art p,.auth-art small{color:#c7c5dc}.auth-panel{display:grid;place-items:center;padding:30px}.auth-card{width:min(430px,100%)}.auth-card h1{font-size:35px;margin:0 0 8px}.auth-card>p{color:var(--muted);margin-bottom:32px}.auth-card label,.settings-card label{display:grid;gap:8px;margin:17px 0;font-size:14px;font-weight:600}.auth-card input,.settings-card select,.form-grid select{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 14px;outline:none}.auth-card input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(91,76,240,.1)}.form-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:12px 0 20px}.form-row a,.auth-switch a{color:var(--brand);font-weight:600}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;margin:0!important}.notice{padding:13px 15px;margin-top:18px;border-radius:12px;display:grid;gap:4px;font-size:13px}.notice.warning{background:color-mix(in srgb,var(--warning) 10%,var(--surface));color:var(--warning)}.auth-switch{text-align:center;font-size:14px!important}
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:22px 16px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.sidebar .brand{padding:0 8px 22px}.new-task{padding:12px;border-radius:12px;background:var(--text);color:var(--surface);font-weight:600}.side-nav{display:grid;gap:5px;margin-top:20px}.side-nav a{display:flex;gap:12px;align-items:center;padding:11px 13px;border-radius:10px;color:var(--muted);font-size:14px}.side-nav a.active{background:color-mix(in srgb,var(--brand) 10%,var(--surface));color:var(--brand);font-weight:600}.sidebar-bottom{margin-top:auto}.plan-card{padding:14px;margin-bottom:10px;border-radius:13px;background:var(--surface-2);display:grid;gap:4px;font-size:12px;color:var(--muted)}.plan-card strong{color:var(--text)}.user-chip{width:100%;display:flex;gap:9px;align-items:center;padding:9px;background:none;text-align:left}.user-chip>span:nth-child(2){display:grid;flex:1}.user-chip small{color:var(--muted)}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#dfdcff,#b5acf9);color:#40358c;font-weight:700}.avatar.large{width:64px;height:64px;font-size:22px}.app-main{grid-column:2;min-width:0}.app-topbar{height:70px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.app-topbar>div:first-of-type{display:flex;align-items:center;gap:12px}.connection{font-size:11px;padding:4px 8px;border-radius:20px}.connection.offline{color:var(--warning);background:color-mix(in srgb,var(--warning) 11%,transparent)}.connection.online{color:var(--success);background:color-mix(in srgb,var(--success) 11%,transparent)}.top-actions{display:flex;align-items:center;gap:10px}.balance{padding:8px 12px;border-radius:10px;background:var(--surface-2);font-size:12px}.balance b{margin-left:5px}.top-actions select{border:0;background:var(--surface-2);border-radius:10px;padding:8px}.page{max-width:1180px;margin:auto;padding:35px 34px 90px}.workspace-heading,.page-heading,.section-row{display:flex;align-items:flex-start;justify-content:space-between}.workspace-heading h1,.page-heading h1{font-size:30px;margin:6px 0}.workspace-heading p,.page-heading p,.section-row p{color:var(--muted);margin:0}.status-pill{padding:9px 12px;border-radius:20px;background:var(--surface);border:1px solid var(--line);font-size:12px;color:var(--muted)}.status-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--warning);margin-right:6px}.mode-tabs{display:flex;gap:8px;overflow-x:auto;padding:24px 0 18px;scrollbar-width:none}.mode-tabs button{min-width:max-content;padding:9px 13px;border-radius:11px;background:transparent;color:var(--muted)}.mode-tabs button span{margin-right:6px}.mode-tabs button.active{color:#fff;background:var(--brand)}.composer-card,.voice-card,.audio-result,.metric-card,.table-card,.profile-card,.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 32px rgba(30,27,75,.035)}.composer-card{padding:18px}.composer-context{display:flex;align-items:center;gap:11px}.composer-context>div:nth-child(2){display:grid;flex:1}.composer-context small{color:var(--muted)}.disabled-badge{font-size:11px;padding:5px 9px;border-radius:20px;color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,transparent)}.composer-card textarea,.transcript textarea{width:100%;min-height:150px;resize:vertical;border:0;background:transparent;padding:20px 2px;outline:none;font-size:16px}.composer-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}.composer-actions>div{display:flex;align-items:center;gap:7px}.tool-button{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;background:var(--surface-2);border-radius:10px;font-size:13px}.send-button{width:40px;height:40px;border-radius:12px}.composer-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;padding-top:12px}.templates{margin-top:38px}.section-row h2{margin:0 0 5px;font-size:20px}.text-button{background:none;color:var(--brand);font-weight:600}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.template-card{display:flex;align-items:center;gap:12px;padding:15px;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.template-card>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:var(--surface-2);color:var(--brand)}.template-card div{display:grid;flex:1}.template-card small{color:var(--muted);margin-top:3px}.template-card b{color:var(--muted)}.voice-card{padding:28px;display:grid;grid-template-columns:1fr 1.25fr;gap:35px}.voice-copy h2{font-size:27px}.voice-copy p{color:var(--muted);line-height:1.7}.recorder-ui{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:15px;background:var(--surface-2)}.record-orb{width:85px;height:85px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--brand) 13%,var(--surface));color:var(--brand);font-size:30px;margin-bottom:14px}.record-orb.recording{animation:pulse 1.5s infinite;background:color-mix(in srgb,var(--danger) 13%,var(--surface));color:var(--danger)}@keyframes pulse{50%{box-shadow:0 0 0 17px color-mix(in srgb,var(--danger) 9%,transparent)}}.recorder-ui time{font-variant-numeric:tabular-nums;color:var(--muted);margin:6px}.record-actions{display:flex;gap:8px;margin:12px}.upload-drop{font-size:13px;color:var(--brand);padding:9px}.recorder-ui audio{width:100%;margin:8px}.transcript{grid-column:1/-1;display:grid;gap:10px}.transcript textarea{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface-2)}.tts-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.form-grid label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.audio-result{display:flex!important;justify-content:center}.filter-tabs{display:flex;gap:8px;margin:25px 0}.filter-tabs button{padding:8px 16px;border-radius:10px;background:var(--surface)}.filter-tabs button.active{background:var(--text);color:var(--surface)}.empty-state{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);padding:30px}.empty-state.compact{min-height:300px}.empty-state p{max-width:430px;color:var(--muted)}.empty-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:var(--surface-2);color:var(--brand);font-size:25px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.metric-card{padding:20px;display:grid;gap:8px}.metric-card span,.metric-card small{color:var(--muted);font-size:12px}.metric-card strong{font-size:20px}.table-card{padding:20px}.table-empty{height:220px;display:grid;place-items:center;color:var(--muted)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.profile-card,.settings-card{padding:25px}.profile-head{display:flex;align-items:center;gap:15px}.profile-head h2,.profile-head p{margin:3px}.profile-head p{color:var(--muted)}dl>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0}dt{color:var(--muted)}.settings-card hr{border:0;border-top:1px solid var(--line);margin:25px 0}.output img,.output video{max-width:100%}.output audio{width:100%}.output pre{overflow:auto}.error-state{color:var(--danger)}#toast-region{position:fixed;right:20px;bottom:20px;display:grid;gap:8px;z-index:100}.toast{padding:12px 16px;border-radius:12px;background:var(--text);color:var(--surface);box-shadow:var(--shadow)}.toast.error{background:var(--danger);color:white}.state-page{min-height:100vh;display:flex;flex-direction:column;padding:30px 5vw}.state-page>div{margin:auto;text-align:center}.state-code{font-size:60px;color:var(--brand);font-weight:700}.state-page h1{font-size:40px;margin:14px}.state-page p{color:var(--muted);margin-bottom:28px}.loading-screen{height:100vh;display:grid;place-items:center}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:50px}.hero-copy{text-align:center}.hero-copy>p{margin:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{min-height:450px}.feature-grid{grid-template-columns:repeat(2,1fr)}.template-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.voice-card,.tts-grid{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr}.auth-art{display:none}.mobile-brand{display:flex;margin-bottom:45px}}
@media(max-width:700px){:root{--sidebar:280px}.mobile-only{display:block}.public-nav{padding:0 18px}.public-nav nav>a:not(.primary),.public-nav nav>a[href="#features"]{display:none}.public-nav nav{gap:8px}.hero{padding:45px 18px 60px;gap:20px}.hero-copy h1{font-size:46px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.trust-row{flex-wrap:wrap;font-size:11px}.hero-visual{min-height:370px}.preview-window{height:350px}.feature-section{padding:70px 18px}.feature-grid{grid-template-columns:1fr}.cta{margin:20px 18px 70px;padding:50px 20px}.landing footer{margin:0 18px;padding:25px 0;flex-direction:column;gap:8px}.app-shell{display:block}.sidebar{transform:translateX(-102%);transition:.22s;box-shadow:var(--shadow)}.sidebar.open{transform:none}.app-main{display:block}.app-topbar{height:62px;padding:0 14px;gap:8px}.app-topbar>div:first-of-type{gap:8px}.app-topbar>div:first-of-type>strong{display:none}.balance{display:none}.top-actions{gap:6px}.page{padding:25px 15px 110px}.workspace-heading{display:block}.status-pill{display:inline-block;margin-top:14px}.mode-tabs{margin-right:-15px}.composer-card{padding:14px}.composer-actions span{display:none}.composer-foot span:first-child{max-width:70%}.template-grid{grid-template-columns:1fr}.voice-card{padding:18px}.form-grid{grid-template-columns:1fr}.metric-grid,.profile-grid{grid-template-columns:1fr}.page-heading h1{font-size:27px}.auth-panel{padding:24px 18px}.auth-card h1{font-size:30px}.state-page{padding:20px}.section-row{gap:10px}.audio-result{min-height:240px}.top-actions select{max-width:92px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}