:root{--canvas: #f3f1ed;--surface: #fcfbf9;--surface-soft: #f7f5f1;--ink: #22201e;--muted: #6f6b66;--line: #e3dfd8;--accent: #b84d1e;--accent-hover: #9f3f15;--accent-active: #8f3610;--accent-soft: #f9e9df;--green: #527366;--danger: #b7434d;--serif: "Iowan Old Style", "Noto Serif SC", "Songti SC", Georgia, serif;--sans: "DM Sans", "PingFang SC", "Hiragino Sans GB", sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--ease: cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html,body{overflow-x:clip}html,body,#root{height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font-family:var(--sans)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{display:grid;grid-template-columns:58px minmax(0,1fr);height:100%;transition:grid-template-columns .22s var(--ease)}.app-shell.library-open{grid-template-columns:284px minmax(0,1fr)}.library{min-width:0;overflow:hidden;background:#eeece8;border-right:1px solid var(--line)}.library-toggle{display:flex;align-items:center;gap:12px;width:100%;height:64px;padding:0 20px;border:0;background:transparent;color:var(--ink);cursor:pointer;font:500 14px var(--sans);white-space:nowrap}.app-shell:not(.library-open) .library-toggle{justify-content:center;padding:0}.hamburger{display:grid;gap:5px;width:18px}.hamburger i{display:block;height:1px;background:var(--ink)}.hamburger i:last-child{width:11px}.library-toggle:hover .hamburger i{background:var(--accent)}.app-main{min-width:0;display:grid;grid-template-rows:64px minmax(0,1fr)}.app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--canvas) 90%,white)}.wordmark{justify-self:start;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer;font:500 19px var(--serif);letter-spacing:-.06em}.header-context{color:var(--muted);font:11px var(--mono);letter-spacing:.06em}.new-button{justify-self:end;padding:8px 11px;border:0;border-radius:8px;background:transparent;color:var(--ink);cursor:pointer;font-size:12px}.new-button:hover{background:var(--surface)}.wordmark,.new-button,.text-button,.reader-tabs button{min-height:44px}.stage{min-width:0;overflow:auto;padding:52px 30px 68px}.workbench{width:min(960px,100%);margin:0 auto}.onboarding-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:clamp(44px,7vw,86px);align-items:start;padding-top:58px}.welcome-copy{min-width:0}.welcome{max-width:470px;margin:0 0 34px}.kicker,.card-eyebrow{margin:0 0 10px;color:var(--accent);font:11px var(--mono);letter-spacing:.07em}.welcome h1,.session-header h1,.reader h1{margin:0;font-family:var(--serif);font-weight:400;letter-spacing:-.045em}.welcome h1{overflow-wrap:anywhere;min-width:0;font-size:clamp(38px,4.5vw,54px);line-height:1.06}.welcome>p:last-child{max-width:34em;margin:18px 0 0;color:var(--muted);font-size:14px;line-height:1.75}.journey{display:grid;gap:0;margin:0;padding:0;list-style:none}.journey li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:13px;min-height:70px;color:var(--muted)}.journey li:not(:last-child):after{content:"";position:absolute;top:30px;bottom:0;left:14px;width:1px;background:var(--line)}.journey-index{z-index:1;display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--canvas);font:10px var(--mono)}.journey b{display:block;padding-top:3px;color:var(--ink);font-size:13px}.journey p{margin:5px 0 0;font-size:12px;line-height:1.5}.journey .current .journey-index{border-color:var(--accent);background:var(--accent);color:#fff}.journey .done .journey-index{border-color:var(--green);color:var(--green)}.intake-panel{min-width:0}.intake-heading{margin-bottom:18px}.intake-heading span{color:var(--accent);font:10px var(--mono);letter-spacing:.05em}.intake-heading h2{margin:9px 0 8px;font:400 28px/1.18 var(--serif);letter-spacing:-.04em}.intake-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.composer,.focus-card,.source-strip,.notice,.title-editor{border:1px solid var(--line);background:var(--surface);border-radius:16px}.composer{padding:22px}.composer label{display:block;margin-bottom:10px;font-size:13px;font-weight:600}.composer form{display:flex;gap:8px}.composer input,.title-editor input{min-width:0;flex:1;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:9px;outline:none;background:var(--surface-soft);color:var(--ink)}.composer input:focus,.title-editor input:focus{border-color:var(--accent);background:var(--surface)}.field-hint{min-height:1lh;margin:7px 0 0;font-size:11px}.error-text{color:var(--danger)}.or{display:flex;align-items:center;gap:9px;margin:17px 0;color:var(--muted);font-size:11px}.or span{flex:1;height:1px;background:var(--line)}.file-drop{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:16px;border:1px dashed #d7c7bb;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;text-align:left}.file-drop:hover,.file-drop.over{border-color:var(--accent);background:var(--accent-soft)}.file-drop b{font-size:12px}.file-drop small{margin-top:4px;color:var(--muted);font-size:11px}.control-note{display:flex;gap:8px;margin:13px 2px 0;color:var(--muted);font-size:11px;line-height:1.55}.control-note span{color:var(--green)}.notice{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:15px 17px}.notice b{font-size:13px}.notice p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.notice.error{border-color:#ecd5d7}.notice.error b,.notice.error p{color:var(--danger)}.spinner{width:18px;height:18px;flex:0 0 auto;border:2px solid #eee4dd;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.has-episode{width:min(720px,100%);padding-top:24px}.journey.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:28px}.journey.compact li{display:flex;align-items:center;min-height:0;gap:8px;padding-top:10px;border-top:2px solid var(--line)}.journey.compact li:after{display:none}.journey.compact li.current{border-color:var(--accent)}.journey.compact li.done{border-color:var(--green)}.journey.compact .journey-index{width:22px;height:22px;flex:0 0 auto;background:var(--canvas)}.journey.compact .current .journey-index{background:var(--accent)}.journey.compact b{overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.session-header{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-bottom:22px}.session-header h1{max-width:23ch;font-size:clamp(28px,4vw,38px);line-height:1.16}.state-chip{flex:0 0 auto;margin-top:4px;padding:5px 8px;border-radius:99px;background:#ebe8e3;color:var(--muted);font:10px var(--mono)}.state-chip.active{background:var(--accent-soft);color:var(--accent)}.state-chip.failed{background:#f7e5e6;color:var(--danger)}.state-chip.transcribed{background:#e9f0ed;color:var(--green)}.source-strip{display:flex;align-items:center;gap:11px;padding:12px 14px}.source-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#e9f0ed;color:var(--green)}.source-strip div{min-width:0;flex:1}.source-strip b,.source-strip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-strip b{font-size:12px}.source-strip small{margin-top:3px;color:var(--muted);font-size:11px}.text-button{padding:6px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;white-space:nowrap}.text-button:hover{color:var(--accent)}.title-editor{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px}.title-editor label{flex:0 0 110px;color:var(--muted);font-size:12px;line-height:1.4}.focus-card{margin-top:18px;padding:28px}.focus-card h2{max-width:18em;margin:0;font:400 28px/1.2 var(--serif);letter-spacing:-.04em}.focus-card>p:not(.card-eyebrow){max-width:42em;margin:13px 0 21px;color:var(--muted);font-size:13px;line-height:1.65}.inline-error{display:grid;gap:4px;margin-top:18px;padding:13px 14px;border-left:2px solid var(--danger);background:#fbf1f1;color:var(--danger);font-size:12px;line-height:1.5}.inline-error span{color:var(--ink)}.inline-error small{color:var(--muted)}.focus-card.blocked{border-color:#edd6d7}.focus-card.blocked h2{color:var(--danger)}.recovery-note{margin:-7px 0 20px;color:var(--ink);font-size:12px}.recovery-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.button{min-height:44px;border:0;border-radius:8px;cursor:pointer;font:600 12px var(--sans)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:grid;place-items:start center;z-index:50}.modal-backdrop .gate{margin:16vh auto 0}.guest-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 18px;background:var(--surface-soft);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.guest-banner a{color:var(--accent);white-space:nowrap}.gate{width:min(360px,90vw);display:grid;gap:10px;padding:26px;border:1px solid var(--line);background:var(--surface);border-radius:16px}.gate label{font-size:13px;font-weight:600}.gate input{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:9px;outline:none;background:var(--surface-soft);color:var(--ink)}.gate input:focus{border-color:var(--accent);background:var(--surface)}.button.primary{height:44px;padding:0 16px;background:var(--accent);color:#fff;white-space:nowrap}.button.primary:hover{background:var(--accent-hover)}.button.primary:active{background:var(--accent-active);transform:translateY(1px)}.button.large{min-width:118px;height:44px}.button.quiet{height:44px;padding:0 13px;background:var(--surface-soft);color:var(--ink)}.button.quiet:hover{background:#ebe7e1}.button.quiet:active,.file-drop:active{background:#e5e0d9;transform:translateY(1px)}.link-button{display:inline-flex;align-items:center;text-decoration:none}button:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.5)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.processing .progress-head{display:flex;justify-content:space-between;gap:20px}.processing .progress-head h2{font-size:26px}.pulse{width:9px;height:9px;margin-top:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 color-mix(in srgb,var(--accent) 35%,transparent);animation:pulse 1.5s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.progress-track{height:4px;margin:23px 0 16px;overflow:hidden;border-radius:10px;background:#ece7e1}.progress-track i{display:block;height:100%;min-width:10px;border-radius:inherit;background:var(--accent);transition:width .4s var(--ease)}.process-details{margin:14px 0;color:var(--muted);font-size:12px}.process-details summary{cursor:pointer}.process-details pre{max-height:200px;overflow:auto;margin:10px 0 0;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);font:10px/1.55 var(--mono);white-space:pre-wrap}.episode-list{height:calc(100% - 64px);overflow:auto;padding:4px 12px 20px}.library-summary{display:flex;justify-content:space-between;padding:8px 8px 14px;color:var(--muted);font-size:11px}.library-summary b{color:var(--ink);font-weight:500}.library-empty{padding:8px;color:var(--muted);font-size:12px}.episode-list ul{margin:0;padding:0;list-style:none}.episode-list li{position:relative;margin:2px 0;border-radius:10px}.episode-list li.active{background:var(--surface)}.episode-select{display:flex;align-items:flex-start;gap:9px;width:100%;padding:11px 28px 11px 9px;border:0;border-radius:inherit;background:transparent;color:inherit;cursor:pointer;text-align:left}.episode-select:hover{background:color-mix(in srgb,var(--surface) 70%,transparent)}.status-dot{width:6px;height:6px;flex:0 0 auto;margin-top:6px;border-radius:50%;background:#b9b5af}.status-dot.running,.status-dot.paused,.status-dot.uploaded,.status-dot.failed{background:var(--accent)}.status-dot.transcribed,.status-dot.cleaned{background:var(--green)}.episode-copy{min-width:0}.ep-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;font-weight:550;line-height:1.35}.ep-meta{display:block;margin-top:4px;color:var(--muted);font-size:10px}.btn-del{position:absolute;top:8px;right:5px;width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:16px;opacity:0}.episode-list li:hover .btn-del{opacity:1}.btn-del:hover{background:#f7e5e6;color:var(--danger)}.reader{width:min(900px,100%);margin:0 auto}.reader-header{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding:0 0 24px;border-bottom:1px solid var(--line)}.reader-title{min-width:0}.reader h1{max-width:34ch;font-size:clamp(28px,3.4vw,38px);line-height:1.2;text-wrap:balance}.reader-meta{margin:12px 0 0;color:var(--muted);font-size:12px}.reader-actions{display:flex;gap:6px;flex:0 0 auto}.reader-tabs{display:flex;gap:16px;margin:18px 0 38px}.reader-tabs button{padding:0 0 6px;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font-size:12px}.reader-tabs button.on{border-color:var(--accent);color:var(--ink)}.reader-body{max-width:65ch;margin:0 auto}.reader-body.article{font:18px/1.92 var(--serif);letter-spacing:.01em}.reader-body.article h2{margin:2.8em 0 .8em;font:500 27px/1.3 var(--serif);letter-spacing:-.035em}.reader-body.article h2:first-child{margin-top:0}.reader-body.article h3{margin:2em 0 .65em;font:600 18px/1.45 var(--sans)}.reader-body.article p{margin:0 0 1.35em}.reader-body.article blockquote{margin:2em 0;padding-left:18px;border-left:2px solid var(--accent);color:#4b443e;font-size:20px;line-height:1.75}.reader-body.source pre{margin:0;white-space:pre-wrap;word-break:break-word;color:#47413b;font:12px/1.7 var(--mono)}.reader-placeholder{color:var(--muted);font-size:14px}.source-note{max-width:65ch;margin:-20px auto 22px;padding:10px 12px;border-radius:8px;background:var(--surface-soft);color:var(--muted);font-size:11px;line-height:1.55}.reader-error{max-width:65ch;margin:-18px auto 28px}.toast{position:fixed;z-index:10;bottom:24px;left:50%;transform:translate(-50%);max-width:min(92vw,640px);padding:10px 15px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--ink);box-shadow:0 8px 28px #261f1814;cursor:pointer;font-size:13px}@media (max-width: 720px){.app-shell,.app-shell.library-open{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.library{max-height:54px;border-right:0;border-bottom:1px solid var(--line)}.app-shell.library-open .library{max-height:40vh}.library-toggle,.app-shell:not(.library-open) .library-toggle{justify-content:flex-start;height:54px;padding:0 20px}.app-main{grid-row:2;grid-template-rows:56px minmax(0,1fr)}.app-header{padding:0 18px}.stage{padding:28px 18px 50px}.onboarding-layout{grid-template-columns:minmax(0,1fr);gap:34px;padding-top:20px}.welcome{margin-top:0}.welcome h1{font-size:clamp(36px,11.5vw,48px)}.journey:not(.compact){grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.journey:not(.compact) li{display:block;min-height:0;padding-top:10px;border-top:1px solid var(--line)}.journey:not(.compact) li:after{display:none}.journey:not(.compact) .journey-index{margin-bottom:9px}.journey:not(.compact) p{display:none}.composer form{align-items:stretch;flex-direction:column}.composer form .button{width:100%}.intake-heading h2{font-size:26px}.control-note{margin-bottom:10px}.session-header,.reader-header{align-items:flex-start;flex-direction:column}.title-editor{align-items:stretch;flex-wrap:wrap}.title-editor label{flex-basis:100%}.reader-tabs{margin-bottom:24px}}@media (max-width: 360px){.stage{padding-right:14px;padding-left:14px}.composer{padding:18px}.journey.compact{gap:5px}.journey.compact .journey-index{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}