:root{--wm-color-primary:#5b8def;--wm-color-secondary:#cfe0ff;--wm-color-accent:#7fd6c2;--wm-color-background:#f7faff;--wm-color-text-primary:#2a3a5f;--wm-color-text-secondary:#4b5d7a;--wm-color-text-muted:#9ca3af;--wm-color-text-inverse:#fff;--wm-color-border-subtle:#e6eeff;--wm-color-border-default:#cfe0ff;--wm-color-border-focus:#5b8def;--wm-surface-primary:#fff;--wm-surface-secondary:#f7faff;--wm-font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--wm-font-weight-light:300;--wm-font-weight-regular:400;--wm-font-weight-medium:500;--wm-letter-brand:.02em;--wm-space-1:4px;--wm-space-2:8px;--wm-space-3:12px;--wm-space-4:16px;--wm-space-5:20px;--wm-space-6:24px;--wm-space-8:32px;--wm-space-10:40px;--wm-space-12:48px;--wm-space-16:64px;--wm-radius-sm:12px;--wm-radius-md:20px;--wm-radius-pill:24px;--wm-radius-full:9999px;--wm-shadow-soft:0 12px 40px #5b8def1a;--wm-shadow-card:0 8px 24px #5b8def14;--wm-duration-fast:.15s;--wm-duration-normal:.3s;--wm-duration-breathing:6s;--wm-duration-floating:36s;--wm-ease-standard:cubic-bezier(.4,0,.2,1);--wm-ease-soft:cubic-bezier(.22,1,.36,1);--wm-button-height:48px;--wm-button-radius:24px;--wm-input-height:48px;--wm-input-radius:24px;--wm-card-radius:20px;--wm-card-padding:24px;--wm-content-max:960px}@keyframes wm-breathing{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes wm-floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--wm-font-sans);font-weight:var(--wm-font-weight-regular);color:var(--wm-color-text-primary);background:radial-gradient(800px 400px at 10% 10%,#cfe0ffbf,#0000 60%),radial-gradient(700px 320px at 90% 15%,#7fd6c238,#0000 55%),linear-gradient(#f7faff 0%,#f4f8ff 100%);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%}.page-shell{width:min(1120px,100vw - 32px);padding:var(--wm-space-6)0 var(--wm-space-16);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:var(--wm-space-4);padding:0 0 var(--wm-space-6);display:flex}.topbar-brand{align-items:center;display:inline-flex}.brand-lockup{align-items:center;gap:var(--wm-space-3);font-size:20px;font-weight:var(--wm-font-weight-medium);letter-spacing:var(--wm-letter-brand);color:var(--wm-color-text-primary);display:inline-flex}.brand-lockup.compact{margin-bottom:var(--wm-space-4);font-size:16px}.brand-logo{width:auto;height:46px;display:block}.brand-icon{flex:none;width:36px;height:36px}.topbar-link,.link-button{min-height:var(--wm-button-height);border-radius:var(--wm-radius-full);border:1px solid var(--wm-color-border-subtle);color:var(--wm-color-text-secondary);transition:border-color var(--wm-duration-fast)var(--wm-ease-standard),transform var(--wm-duration-fast)var(--wm-ease-standard),background var(--wm-duration-fast)var(--wm-ease-standard);background:#ffffffb8;justify-content:center;align-items:center;padding:0 20px;display:inline-flex}.button-icon,.chip-icon,.feature-icon{flex:none;width:18px;height:18px}.button-icon{margin-right:8px}.chip-icon{width:14px;height:14px;margin-right:6px}.feature-icon{color:var(--wm-color-primary)}.feature-icon.small{width:16px;height:16px}.topbar-link:hover,.link-button:hover{border-color:var(--wm-color-border-default);background:#ffffffe6;transform:translateY(-1px)}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--wm-shadow-soft);background:#ffffffd1;border:1px solid #e6eeffeb;border-radius:28px}.hero-panel{gap:var(--wm-space-10);padding:var(--wm-space-10);grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;display:grid;position:relative;overflow:hidden}.hero-copy,.hero-preview,.hero-actions,.hero-chips,.preview-chips,.composer-form,.button-stack,.field,.job-stack,.library-copy,.session-copy,.segment-list{display:grid}.hero-copy{gap:var(--wm-space-4)}.hero-brand{margin-bottom:var(--wm-space-2);align-items:center;display:inline-flex}.hero-wordmark{width:min(100%,240px);height:auto}.eyebrow{border-radius:var(--wm-radius-full);border:1px solid var(--wm-color-border-subtle);width:fit-content;min-height:32px;color:var(--wm-color-text-secondary);letter-spacing:.08em;text-transform:uppercase;background:#ffffffb8;align-items:center;margin:0;padding:0 12px;font-size:14px;display:inline-flex}.hero-panel h1,.section-head h2,.value-card h2,.timeline-card h3,.segments-card h3,.transcript-card h3,.audio-card h3,.error-card h3,.history-head h3,.session-copy h3{font-weight:var(--wm-font-weight-medium);letter-spacing:-.03em;color:var(--wm-color-text-primary);margin:0}.hero-panel h1{max-width:11ch;font-size:clamp(46px,6vw,64px);line-height:1.05}.lead,.section-note,.empty-copy,.story-card p,.timeline-card p,.transcript-card p,.audio-card p,.error-card p,.helper-copy,.segment-item p,.session-copy p,.value-card .lead,.preview-label{color:var(--wm-color-text-secondary);margin:0;line-height:1.6}.hero-actions{justify-content:start;gap:var(--wm-space-4);grid-auto-flow:column}.hero-button{width:fit-content;padding:0 20px}.hero-chips,.preview-chips{justify-content:start;gap:var(--wm-space-3);grid-auto-columns:max-content;grid-auto-flow:column}.hero-chips span,.preview-chip,.session-kicker,.cover-badge,.badge{border-radius:var(--wm-radius-full);width:fit-content;min-height:32px;font-size:12px;font-weight:var(--wm-font-weight-medium);letter-spacing:.04em;align-items:center;padding:0 12px;display:inline-flex}.hero-chips span,.preview-chip{border:1px solid var(--wm-color-border-subtle);color:var(--wm-color-text-secondary);background:#ffffffd1;gap:2px}.hero-preview{min-height:520px;position:relative}.hero-cloud{filter:drop-shadow(0 20px 40px #5b8def1f);width:min(100%,520px);animation:18s ease-in-out infinite wm-floating;position:absolute;inset:2% 4% auto auto}.hero-preview-panel{gap:var(--wm-space-4);padding:var(--wm-card-padding);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--wm-shadow-card);background:#ffffffd1;border:1px solid #e6eeffe6;border-radius:28px;display:grid;position:absolute;bottom:6%;left:8%;right:2%}.preview-label{text-transform:lowercase;font-size:14px}.preview-prompt{border:1px solid var(--wm-color-border-default);min-height:56px;color:var(--wm-color-text-secondary);background:#fff;border-radius:24px;padding:16px 18px}.value-grid{gap:var(--wm-space-6);margin:var(--wm-space-8)0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.value-card,.meta-grid article,.story-card,.timeline-card,.segments-card,.transcript-card,.audio-card,.error-card,.library-card,.countdown-card{padding:var(--wm-card-padding);border:1px solid var(--wm-color-border-subtle);border-radius:var(--wm-card-radius);box-shadow:var(--wm-shadow-card);background:#ffffffbd}.value-card{gap:var(--wm-space-3);display:grid}.value-icon,.auth-icon-shell{background:#cfe0ff80;border:1px solid #e6eeffeb;border-radius:18px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.auth-header{margin-bottom:var(--wm-space-4);justify-content:flex-start;display:flex}.app-section{scroll-margin-top:var(--wm-space-8)}.auth-panel{width:min(760px,100%);margin:0 auto;padding:clamp(24px,3vw,32px)}.auth-note{margin-top:var(--wm-space-4);text-align:left;max-width:none}.auth-language{gap:var(--wm-space-3);margin-top:var(--wm-space-4);display:flex}.workspace-grid{gap:var(--wm-space-6);grid-template-columns:minmax(340px,420px) minmax(0,1fr);align-items:start;display:grid}.workspace-grid>.panel{padding:clamp(20px,2.4vw,28px)}.status-panel{position:relative}.composer-panel{top:var(--wm-space-4);position:sticky}.section-head,.history-head,.account-card,.countdown-meta,.segment-meta{justify-content:space-between;align-items:start;gap:var(--wm-space-4);display:flex}.section-head h2{font-size:clamp(32px,4vw,40px);line-height:1.1}.section-note{text-align:right;max-width:18rem;font-size:14px}.account-card{margin-bottom:var(--wm-space-6);padding:var(--wm-card-padding);border:1px solid var(--wm-color-border-default);background:radial-gradient(circle at 100% 0,#7fd6c229,#0000 40%),linear-gradient(135deg,#fffffff0,#f7faffe0);border-radius:24px;align-items:end}.studio-topbar{justify-content:space-between;align-items:center;gap:var(--wm-space-4);padding-bottom:var(--wm-space-5);margin-bottom:var(--wm-space-5);border-bottom:1px solid #e6eeffeb;display:flex}.studio-logo{width:min(100%,240px);height:auto;display:block}.studio-topbar-copy{justify-items:end;gap:var(--wm-space-2);display:grid}.account-email{font-size:16px}.account-meta{justify-items:end;gap:var(--wm-space-3);display:grid}.account-meta span,.library-copy span,.library-copy small,.countdown-meta,.segment-meta span,.session-cover-placeholder,.autoplay-copy{color:var(--wm-color-text-secondary)}.composer-form{gap:var(--wm-space-4);margin-top:var(--wm-space-6)}.button-stack{gap:var(--wm-space-3)}.helper-copy{font-size:14px}.field{gap:var(--wm-space-2)}.field span,.field legend{font-weight:var(--wm-font-weight-medium);color:var(--wm-color-text-primary)}.field small{color:var(--wm-color-text-muted)}.fieldset-reset{border:0;margin:0;padding:0}.field select,.text-input,.field textarea{width:100%;min-height:var(--wm-input-height);border:1px solid var(--wm-color-border-default);border-radius:var(--wm-input-radius);color:var(--wm-color-text-primary);transition:border-color var(--wm-duration-fast)var(--wm-ease-standard),box-shadow var(--wm-duration-fast)var(--wm-ease-standard);background:#fffffff5;outline:none;padding:14px 16px}.field select:focus,.text-input:focus,.field textarea:focus{border-color:var(--wm-color-border-focus);box-shadow:0 0 0 4px #5b8def24}.field textarea{resize:vertical;min-height:120px}.pill-grid{gap:var(--wm-space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.pill{cursor:pointer;position:relative}.pill input{opacity:0;position:absolute;inset:0}.pill span{min-height:var(--wm-button-height);border:1px solid var(--wm-color-border-default);border-radius:var(--wm-radius-full);color:var(--wm-color-text-secondary);transition:transform var(--wm-duration-fast)var(--wm-ease-standard),border-color var(--wm-duration-fast)var(--wm-ease-standard),background var(--wm-duration-fast)var(--wm-ease-standard);background:#ffffffeb;justify-content:center;align-items:center;display:flex}.pill input:checked+span{border-color:var(--wm-color-primary);color:var(--wm-color-text-primary);background:linear-gradient(135deg,#cfe0ffb3,#7fd6c238);transform:translateY(-1px)}.primary-button,.secondary-button,.ghost-button{width:100%;min-height:var(--wm-button-height);border-radius:var(--wm-button-radius);cursor:pointer;transition:transform var(--wm-duration-fast)var(--wm-ease-standard),box-shadow var(--wm-duration-fast)var(--wm-ease-standard),border-color var(--wm-duration-fast)var(--wm-ease-standard),background var(--wm-duration-fast)var(--wm-ease-standard);justify-content:center;align-items:center;padding:0 20px;display:inline-flex}.primary-button{background:var(--wm-color-primary);color:var(--wm-color-text-inverse);box-shadow:var(--wm-shadow-soft);border:0}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled){transform:translateY(-1px)}.secondary-button{border:1px solid var(--wm-color-border-default);color:var(--wm-color-text-primary);background:#ffffffeb}.ghost-button{border:1px solid var(--wm-color-border-subtle);width:auto;color:var(--wm-color-text-secondary);background:#ffffffbd}.ghost-button.active{border-color:var(--wm-color-border-focus);color:var(--wm-color-text-primary);background:#cfe0ff9e}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.65;cursor:not-allowed}.badge{background:#ffffffe0}.badge-idle{color:var(--wm-color-text-secondary)}.badge-active{color:var(--wm-color-primary);background:#5b8def1f}.badge-success{color:#2e6d60;background:#7fd6c22e}.badge-danger{color:#9b4d44;background:#df797924}.job-stack{gap:var(--wm-space-4);margin-top:var(--wm-space-4)}.story-card{gap:var(--wm-space-2);margin-top:var(--wm-space-4);background:radial-gradient(circle at 100% 0,#7fd6c229,#0000 35%),#fffc;display:grid}.library-card{margin-top:var(--wm-space-4)}.history-head{margin-bottom:var(--wm-space-4)}.section-title-with-icon{align-items:center;gap:8px;display:inline-flex}.library-grid{gap:var(--wm-space-4);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.library-item{gap:var(--wm-space-3);padding:var(--wm-space-3);border:1px solid var(--wm-color-border-subtle);text-align:left;cursor:pointer;transition:transform var(--wm-duration-fast)var(--wm-ease-standard),box-shadow var(--wm-duration-fast)var(--wm-ease-standard),border-color var(--wm-duration-fast)var(--wm-ease-standard);background:#ffffffe0;border-radius:18px;display:grid}.library-item:hover{box-shadow:var(--wm-shadow-card);transform:translateY(-2px)}.library-item-active{border-color:var(--wm-color-primary);box-shadow:var(--wm-shadow-card)}.library-cover,.session-cover{aspect-ratio:1;background:linear-gradient(135deg,#cfe0ffe6,#7fd6c238);border-radius:18px;position:relative;overflow:hidden}.library-cover img,.session-cover img{object-fit:cover;width:100%;height:100%;display:block}.library-cover-placeholder,.session-cover-placeholder{background:radial-gradient(circle at top,#ffffff80,#0000 32%),linear-gradient(135deg,#cfe0fff2,#7fd6c23d);width:100%;height:100%}.library-copy{gap:2px}.cover-badge,.session-kicker{color:var(--wm-color-text-primary);background:#ffffffe0;border:1px solid #e6eeffeb}.cover-badge{position:absolute;top:12px;left:12px}.countdown-card{gap:var(--wm-space-4);margin-top:var(--wm-space-4);display:grid}.countdown-ring{--countdown-progress:0;aspect-ratio:1;background:conic-gradient(from 180deg,#5b8deff0 0deg,#5b8deff0 calc(360deg*var(--countdown-progress)),#5b8def14 calc(360deg*var(--countdown-progress)),#5b8def14 360deg);border-radius:50%;width:min(240px,100%);margin:0 auto;padding:14px;box-shadow:inset 0 0 0 1px #e6eeffcc}.countdown-core{align-content:center;justify-items:center;gap:var(--wm-space-2);background:radial-gradient(circle at top,#fffffffa,#f7fafff0),#fff;border-radius:50%;height:100%;display:grid}.countdown-core .feature-icon{width:22px;height:22px}.countdown-core span{letter-spacing:.08em;text-transform:uppercase;color:var(--wm-color-text-muted);font-size:12px}.countdown-core strong{font-size:clamp(32px,5vw,56px);font-weight:var(--wm-font-weight-medium);line-height:1}.session-hero{gap:var(--wm-space-4);padding:var(--wm-card-padding);border:1px solid var(--wm-color-border-subtle);border-radius:var(--wm-card-radius);background:radial-gradient(circle at 100% 0,#cfe0ff52,#0000 40%),#ffffffd1;grid-template-columns:minmax(190px,220px) minmax(0,1fr);display:grid}.session-cover-placeholder{padding:var(--wm-space-5);text-align:center;place-items:center;line-height:1.5;display:grid}.session-copy{align-content:start;gap:var(--wm-space-3)}.session-copy h3{font-size:clamp(28px,4vw,40px);line-height:1.1}.meta-grid{gap:var(--wm-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.meta-grid span{margin-bottom:var(--wm-space-2);letter-spacing:.08em;text-transform:uppercase;color:var(--wm-color-text-muted);font-size:12px;display:inline-block}.meta-grid strong{overflow-wrap:anywhere;display:block}.transcript-card p{white-space:pre-wrap}.segment-list{gap:var(--wm-space-3);margin-top:var(--wm-space-4)}.segment-item{padding:var(--wm-space-4);border:1px solid var(--wm-color-border-subtle);background:#ffffffd6;border-radius:18px}.segment-meta{margin-bottom:var(--wm-space-2);align-items:center}.audio-card audio{width:100%;margin-top:var(--wm-space-4)}.muted-card{opacity:.78}.error-banner,.error-card{margin-top:var(--wm-space-4)}.error-banner{padding:var(--wm-space-4);color:#9b4d44;background:#df797914;border:1px solid #df797929;border-radius:18px}@media (max-width:980px){.hero-panel,.workspace-grid,.value-grid{grid-template-columns:1fr}.composer-panel{position:static}.section-note{text-align:left;max-width:none}.hero-preview{min-height:480px}}@media (max-width:720px){.page-shell{width:min(100vw - 16px,100%);padding-top:var(--wm-space-4)}.topbar,.section-head,.account-card,.studio-topbar,.history-head,.countdown-meta,.segment-meta{flex-direction:column;align-items:start}.hero-panel,.workspace-grid>.panel,.auth-panel{padding:20px}.hero-actions,.hero-chips,.preview-chips{grid-auto-flow:row;justify-content:stretch}.hero-button,.link-button{width:100%}.studio-topbar-copy{justify-items:start}.pill-grid,.meta-grid{grid-template-columns:1fr 1fr}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.session-hero{grid-template-columns:1fr}}@media (max-width:540px){.pill-grid,.meta-grid,.library-grid{grid-template-columns:1fr}.hero-preview{min-height:420px}}