:root{color-scheme:light;font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility;--paper: oklch(.973 .008 83);--surface: oklch(.993 .005 86);--surface-2: oklch(.958 .01 82);--surface-3: oklch(.945 .011 80);--ink: oklch(.255 .013 62);--ink-2: oklch(.435 .013 64);--ink-3: oklch(.595 .011 66);--ink-4: oklch(.715 .01 70);--line: oklch(.905 .01 76);--line-2: oklch(.86 .012 76);--line-3: oklch(.815 .013 74);--accent: oklch(.52 .092 350);--accent-deep: oklch(.455 .092 350);--accent-soft: oklch(.932 .032 350);--accent-line: oklch(.82 .05 350);--accent-ink: oklch(.42 .088 350);--reviewed: oklch(.545 .066 158);--reviewed-soft: oklch(.93 .03 158);--reviewed-line: oklch(.82 .05 158);--saved: oklch(.52 .072 252);--saved-soft: oklch(.932 .03 252);--saved-line: oklch(.825 .046 252);--pin: oklch(.64 .092 76);--pin-soft: oklch(.94 .046 82);--pin-line: oklch(.835 .066 80);--error: oklch(.545 .13 28);--error-soft: oklch(.94 .038 30);--error-line: oklch(.83 .072 30);--font-read: "Spectral", Georgia, "Times New Roman", serif;--font-ui: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--r-sm: 5px;--r: 7px;--r-lg: 8px;--row-py: 16px;--row-gap: 14px;--read-size: 19px;--read-lh: 1.62;--board-gap: 26px;--focus: oklch(.565 .11 42 / .28);--sh-1: 0 1px 2px oklch(.4 .02 60 / .05), 0 1px 1px oklch(.4 .02 60 / .04);--sh-2: 0 2px 6px oklch(.4 .02 60 / .07), 0 1px 2px oklch(.4 .02 60 / .05);--sh-3: 0 8px 28px oklch(.35 .02 60 / .12), 0 2px 8px oklch(.35 .02 60 / .08);--sh-pop: 0 16px 48px oklch(.3 .02 60 / .18), 0 4px 12px oklch(.3 .02 60 / .1)}:root[data-density=compact]{--row-py: 9px;--row-gap: 7px;--read-size: 16.5px;--read-lh: 1.5;--board-gap: 16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}::selection{background:var(--accent-soft);color:var(--accent-ink)}*::-webkit-scrollbar{width:11px;height:11px}*::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:99px;background:var(--line-3);background-clip:padding-box}*::-webkit-scrollbar-track{background:transparent}button,input,select,textarea{font:inherit}button{border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{height:100vh;height:100dvh;display:grid;grid-template-rows:60px 1fr;overflow:hidden}.topbar{z-index:30;display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid var(--line);background:var(--surface)}.brand,.topbar-actions,.section-title,.status-pill,.nav-action,.primary-action,.secondary-action,.stats-strip,.speaker,.question-row,.selection-row{display:flex;align-items:center}.brand{min-width:0;gap:11px}.brand-mark{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:var(--r);background:var(--ink);color:var(--paper)}.brand h1{margin:0;overflow:hidden;color:var(--ink);font-size:15px;font-weight:600;letter-spacing:0;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.brand p{margin:3px 0 0;overflow:hidden;color:var(--ink-3);font-size:11px;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{margin-left:auto;gap:7px;justify-content:flex-end}.density-seg{display:inline-flex;padding:2px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2)}.density-seg button{width:30px;height:28px;display:grid;place-items:center;border-radius:var(--r-sm);background:transparent;color:var(--ink-3);cursor:pointer}.density-seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 408px;min-height:0;overflow:hidden}.reader-pane,.inspector-shell{min-height:0;overflow:hidden}.reader-pane{overflow-y:auto;overscroll-behavior:contain;padding:18px 22px 80px}.reader-pane>*{max-width:1180px;margin-right:auto;margin-left:auto}.inspector-shell{border-left:1px solid var(--line);background:var(--surface)}.inspector{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px}.source-editor,.active-segment,.selection-box,.followup-box,.empty-state,.error-banner,.explanation-stack section,.saved-notes{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1)}.source-editor{display:grid;gap:0;overflow:hidden}.source-header{display:flex;align-items:center;gap:14px;padding:12px 14px}.source-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto}.source-state{margin-top:5px;color:var(--ink-3);font-family:var(--font-mono);font-size:11.5px}.source-state.current{color:var(--reviewed)}.source-state.stale{color:var(--error)}.source-progress{display:flex;align-items:center;gap:7px;color:var(--ink-3);font-family:var(--font-mono);font-size:11px;white-space:nowrap}.source-progress b{color:var(--reviewed);font-weight:600}.mini-bar{width:64px;height:5px;overflow:hidden;border-radius:99px;background:var(--surface-3)}.mini-bar span{display:block;height:100%;border-radius:inherit;background:var(--reviewed);transition:width .25s ease}.section-title{gap:8px;color:var(--ink-3);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}label{display:grid;gap:7px}label span{display:flex;align-items:center;gap:7px;color:var(--ink-2);font-size:12px;font-weight:600}.field-hint{color:var(--ink-3);font-size:11.5px;line-height:1.45}select,input,textarea{width:100%;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface-2);color:var(--ink)}select,input{height:38px;padding:0 12px}textarea{min-height:132px;resize:vertical;padding:13px 15px;color:var(--ink);font-family:var(--font-read);font-size:16px;line-height:1.6}.source-editor>textarea{width:calc(100% - 28px);margin:0 14px 14px}input::placeholder,textarea::placeholder{color:var(--ink-4)}select:hover,input:hover,textarea:hover{border-color:var(--line-3)}select:focus,input:focus,textarea:focus{border-color:var(--accent-line);background:var(--surface);box-shadow:0 0 0 3px var(--focus);outline:none}.primary-action,.secondary-action,.nav-action,.icon-button{justify-content:center;gap:7px;height:36px;border-radius:var(--r);cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,opacity .14s ease}.primary-action{width:100%;border:1px solid var(--accent-deep);background:var(--accent);color:#fffbf4;font-weight:600;box-shadow:var(--sh-1)}.primary-action.compact{width:auto;min-width:112px;padding:0 13px}.primary-action.dark{background:var(--ink);border-color:var(--ink)}.secondary-action,.nav-action,.icon-button{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-weight:500}.secondary-action.compact{height:30px;padding:0 10px;font-size:12px}.nav-action{padding:0 13px;white-space:nowrap}.icon-button{width:36px;flex:0 0 36px;display:grid;place-items:center}.icon-button.solid{color:#fffbf4;background:var(--accent);border-color:var(--accent-deep)}.icon-button.mini{width:30px;height:30px;flex:0 0 30px}.primary-action:hover{background:var(--accent-deep)}.secondary-action:hover,.nav-action:hover,.icon-button:hover{border-color:var(--line-3);background:var(--surface-2)}button:disabled{cursor:not-allowed;opacity:.5}.workflow-stepper{display:flex;align-items:center;gap:11px;margin-top:14px;padding:10px 4px 2px}.workflow-step{display:flex;align-items:center;gap:8px;color:var(--ink-3);font-size:12px;font-weight:500;text-transform:capitalize;white-space:nowrap}.workflow-step:after{content:"";width:clamp(16px,5vw,80px);height:1px;background:var(--line-2)}.workflow-step:last-child:after{display:none}.workflow-step span{width:21px;height:21px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:99px;background:var(--surface-3);color:var(--ink-3);font-family:var(--font-mono);font-size:11px;font-weight:600}.workflow-step.done{color:var(--ink-2)}.workflow-step.done span{color:var(--reviewed);border-color:var(--reviewed-line);background:var(--reviewed-soft)}.workflow-step.active{color:var(--accent-ink);font-weight:600}.workflow-step.active span{color:#fffbf4;border-color:var(--accent-deep);background:var(--accent)}.progress-meter{display:grid;gap:9px;margin:0 14px 14px;padding:11px;border:1px solid var(--reviewed-line);border-radius:var(--r);background:var(--reviewed-soft)}.progress-copy{display:flex;align-items:center;justify-content:space-between;color:var(--reviewed);font-family:var(--font-mono);font-size:11.5px;font-weight:600}.progress-copy strong{color:var(--ink)}.progress-track{height:8px;overflow:hidden;border-radius:999px;background:#4e7c6129}.progress-fill{height:100%;border-radius:inherit;background:var(--reviewed);transition:width .2s ease}.status-pill{gap:8px;min-width:154px;max-width:240px;height:42px;justify-content:center;padding:0 13px;border:1px solid var(--line-2);border-radius:99px;background:var(--surface);color:var(--ink-2)}.status-pill span{min-width:0;display:grid;gap:1px}.status-pill strong,.status-pill small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill strong{color:currentColor;font-size:12px;font-weight:650;line-height:1.1}.status-pill small{color:var(--ink-3);font-size:10.5px;line-height:1.1}.status-pill.ok{color:var(--reviewed);border-color:var(--reviewed-line);background:var(--reviewed-soft)}.status-pill.bad{color:var(--error);border-color:var(--error-line);background:var(--error-soft)}.status-pill.pending{color:var(--accent-ink);border-color:var(--accent-line);background:var(--accent-soft)}.reading-board{margin-top:8px}.reading-board-header,.reading-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--board-gap)}.reading-board-header{position:sticky;top:-18px;z-index:5;padding:14px 0 9px;background:linear-gradient(var(--paper) 72%,transparent)}.reading-column-title{display:flex;align-items:center;gap:8px;color:var(--ink-3);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.reading-column-title.translation{color:var(--ink-3)}.reading-blocks{display:grid;gap:24px}.reading-block{display:grid;gap:var(--row-gap)}.reading-pair{position:relative;align-items:stretch;border-radius:var(--r-lg);transition:background .12s ease}.reading-pair:hover{background:#f5f1eb99}.reading-pair.active{border:1px solid var(--accent-line);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.reading-pair.active.reviewed{box-shadow:inset 3px 0 0 var(--reviewed-line)}.reading-segment{position:relative;min-width:0;padding:var(--row-py) 16px var(--row-py) 20px;border-left:3px solid var(--line-2);border-radius:var(--r-lg) 0 0 var(--r-lg);cursor:default;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}.translation-segment{padding-right:20px;border-left-color:transparent;border-radius:0 var(--r-lg) var(--r-lg) 0}.reading-segment.active{border-left-color:transparent;background:transparent;box-shadow:none}.reading-pair:not(.active) .reading-segment.reviewed{border-left-color:var(--reviewed-line)}.translation-segment.active{border-left-color:transparent;background:transparent;box-shadow:none}.reading-segment.working{background:var(--reviewed-soft);box-shadow:inset 0 0 0 1px var(--reviewed-line)}.segment-meta{display:flex;align-items:center;gap:8px;min-height:18px;margin-bottom:7px;color:var(--ink-4);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em}.reading-pair.active .segment-meta{color:var(--accent-ink)}.translation-meta{pointer-events:none;visibility:hidden}.reading-text{margin:0;color:var(--ink);font-family:var(--font-read);font-size:var(--read-size);line-height:var(--read-lh);text-wrap:pretty;-webkit-user-select:text;user-select:text}.translated-text{color:var(--ink-2)}.translated-text.pending{color:var(--ink-4);font-family:var(--font-ui);font-size:13px;font-style:italic}.translation-chunk{display:inline;margin:0 -.5px;padding:.5px 1.5px;border:0;border-radius:4px;background:transparent;color:inherit;cursor:pointer;font:inherit;line-height:inherit;text-align:inherit;transition:background .1s ease,box-shadow .1s ease;box-decoration-break:clone;-webkit-box-decoration-break:clone}.translation-chunk:hover,.translation-chunk.active{background:var(--pin-soft);box-shadow:inset 0 -1.5px 0 var(--pin-line)}.translation-chunk.active{background:transparent;box-shadow:inset 0 -1.5px 0 var(--accent-line)}.review-toggle{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:99px;background:var(--surface);color:var(--ink-4);cursor:pointer;box-shadow:var(--sh-1)}.reading-segment .review-toggle{position:absolute;top:var(--row-py);right:-30px;z-index:4}.review-toggle:hover{border-color:var(--reviewed-line);color:var(--reviewed)}.review-toggle.reviewed{color:var(--surface);background:var(--reviewed);border-color:var(--reviewed)}.speaker{width:max-content;max-width:100%;min-height:19px;overflow:hidden;padding:0 8px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-2);font-family:var(--font-ui);font-size:10.5px;font-weight:600;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.inspector-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 -16px 16px;padding:0 16px 12px;border-bottom:1px solid var(--line)}.inspector-tabs{display:flex;gap:2px;margin-top:12px;overflow-x:auto}.inspector-tabs button{position:relative;min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border-radius:var(--r) var(--r) 0 0;background:transparent;color:var(--ink-3);cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap}.inspector-tabs button.active{color:var(--accent-ink);font-weight:600}.inspector-tabs button.active:after{content:"";position:absolute;right:6px;bottom:-13px;left:6px;height:2px;border-radius:2px 2px 0 0;background:var(--accent)}.inspector-tabs span{min-width:18px;padding:1px 6px;border-radius:99px;background:var(--surface-3);color:var(--ink-2);font-family:var(--font-mono);font-size:10px;text-align:center}.active-segment{padding:13px 14px;margin-bottom:14px;border-color:var(--accent-line);background:var(--accent-soft)}.active-segment-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}.active-segment-heading>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.segment-number,.chunk-state{color:var(--accent-ink);font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.active-segment p,.segment-copy p{margin:0;color:var(--ink);cursor:text;font-family:var(--font-read);font-size:17px;line-height:1.42;-webkit-user-select:text;user-select:text}.active-segment small,.explanation-stack small,.saved-item small{display:block;margin-top:6px;color:var(--ink-3);font-size:12.5px;line-height:1.45}.selection-box,.followup-box,.explanation-stack,.saved-notes{margin-top:14px}.selection-box,.followup-box,.explanation-stack section,.saved-notes{padding:13px}.selection-row,.question-row{gap:8px;margin-top:10px}.selection-result{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.result-heading,.note-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.result-actions{display:flex;align-items:center;flex:0 0 auto;gap:6px;flex-wrap:wrap;justify-content:flex-end}.selection-result p,.answer-item p,.note-item p,.explanation-stack p,.explanation-stack li,.panel-copy,.saved-item p{color:var(--ink-2);line-height:1.55}dl{display:grid;grid-template-columns:74px 1fr;gap:7px 12px;margin:10px 0 0}dt{color:var(--ink-3);font-weight:600}dd{margin:0}.chunk-detail dl{grid-template-columns:82px 1fr;margin-top:0}.explanation-stack{display:grid;gap:12px}.explanation-stack h2{margin:0 0 8px;color:var(--ink);font-size:15px;font-weight:600}.explanation-stack p,.note-item p,.saved-item p{margin:0}.explanation-stack ul{margin:0;padding-left:18px}.explanation-stack li+li{margin-top:6px}.note-list{display:grid;gap:10px}.example-list{margin-top:12px}.note-item,.example-item,.saved-item,.practice-item{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:11px 12px}.note-item+.note-item,.example-item+.example-item,.saved-item+.saved-item,.practice-item+.practice-item{margin-top:9px}.prompt-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.prompt-chip{min-height:32px;padding:7px 11px;border:1px solid var(--line-2);border-radius:99px;background:var(--surface);color:var(--ink-2);cursor:pointer;font-size:12.5px;font-weight:500;line-height:1.25;text-align:left;transition:background .13s ease,border-color .13s ease,color .13s ease}.prompt-chip:hover{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink)}blockquote{margin:12px 0 0;padding:11px 12px;border-left:3px solid var(--reviewed);border-radius:0 var(--r) var(--r) 0;background:var(--reviewed-soft);color:var(--ink)}.answers{display:grid;gap:12px;margin-top:12px}.answer-item{display:grid;gap:7px}.answer-item strong{width:max-content;max-width:88%;padding:8px 12px;border-radius:12px 12px 3px;background:var(--ink);color:var(--paper);font-size:13px;font-weight:500;line-height:1.45}.answer-item p{max-width:96%;margin:0;padding:10px 13px;border:1px solid var(--line);border-radius:12px 12px 12px 3px;background:var(--surface-2);color:var(--ink);font-family:var(--font-read);font-size:14px}.answer-item.assistant strong{display:none}.answer-item.user{justify-items:end}.answer-item.user p{background:var(--ink);color:var(--paper);font-family:var(--font-ui)}.study-summary,.study-counts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.study-summary div,.study-counts span{min-height:58px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2)}.study-summary strong{color:var(--ink);font-family:var(--font-read);font-size:24px;line-height:1}.study-summary span,.study-counts span{color:var(--ink-3);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.practice-set{display:grid;gap:9px;margin-top:12px}.practice-item summary{cursor:pointer;color:var(--ink);font-weight:600}.empty-state,.error-banner{padding:18px}.empty-state{color:var(--ink-3);text-align:center}.error-banner{display:flex;align-items:center;gap:10px;margin-top:14px;border-color:var(--error-line);background:var(--error-soft);color:var(--error)}.primary-action.danger{background:var(--error);border-color:var(--error);color:#fffbf4}.primary-action.danger:hover{background:#9d3d34}.retry-banner{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border:1px solid var(--pin-line);border-radius:var(--r);background:var(--pin-soft);color:#624727;font-size:13px;font-weight:500}.retry-banner button{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--pin-line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);cursor:pointer;font-weight:600}.segment-tools{display:flex;gap:6px;margin-top:9px;opacity:0;pointer-events:none;transition:opacity .12s ease}.reading-pair:hover .segment-tools,.reading-pair.active .segment-tools{opacity:1;pointer-events:auto}.segment-tools button{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-3);cursor:pointer;font-family:var(--font-mono);font-size:10.5px;font-weight:600}.segment-tools button:hover{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink)}.segment-error{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--error-line);border-radius:var(--r);background:var(--error-soft);color:var(--error);font-size:12.5px;font-weight:500}.segment-error>span{display:inline-flex;align-items:center;gap:6px}.segment-error button{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid var(--error-line);border-radius:var(--r-sm);background:var(--surface);color:var(--error);cursor:pointer;font-size:12px;font-weight:600}.segment-warning{display:inline-flex;align-items:center;gap:5px;margin-top:7px;color:var(--pin);font-size:11px;font-weight:600}.split-hint{align-self:center;color:var(--ink-4);font-family:var(--font-mono);font-size:10.5px}.error-banner.inspector-error{margin:0 0 12px;padding:12px 14px;border-radius:var(--r);font-size:13px}@media(min-width:981px){.error-banner.inspector-error{display:none}}.reader-hint{margin:16px 0 4px;color:var(--ink-4);font-size:11.5px;text-align:center}.inline-warning{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px;padding:9px 11px;border:1px solid var(--pin-line);border-radius:var(--r);background:var(--pin-soft);color:#624727;font-size:12.5px}.inline-warning svg{flex-shrink:0;margin-top:2px}.inline-warning p{margin:0 0 4px}.inline-warning p:last-child{margin-bottom:0}.modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:22px;background:#25211d57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.settings-modal{position:relative;width:min(520px,100%);max-height:min(680px,calc(100vh - 44px));overflow-y:auto;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-pop)}.settings-modal>:not(.modal-close){padding:16px}.modal-close{position:absolute;top:12px;right:12px}.dialog-heading{padding-right:46px;border-bottom:1px solid var(--line)}.welcome-backdrop{background:linear-gradient(135deg,#28221d6b,#5132414d),#25211d57}.welcome-modal{position:relative;width:min(690px,100%);max-height:min(760px,calc(100vh - 44px));display:grid;grid-template-columns:230px minmax(0,1fr);overflow:hidden;border:1px solid oklch(.9 .025 74);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-pop)}.welcome-hero{min-height:420px;display:grid;grid-template-rows:1fr auto;gap:24px;padding:28px;border-right:1px solid oklch(.885 .024 74);background:repeating-linear-gradient(0deg,#f8f3e9 0% 27px,#e9e0d1 28px)}.welcome-mark{width:76px;height:76px;align-self:center;justify-self:center;display:grid;place-items:center;border:1px solid var(--accent-line);border-radius:var(--r-lg);background:var(--accent-soft);color:var(--accent-ink);box-shadow:var(--sh-2);transform:rotate(-3deg)}.welcome-lines{display:grid;gap:8px}.welcome-lines span{height:8px;border-radius:99px;background:#bbafa1}.welcome-lines span:nth-child(2){width:72%}.welcome-lines span:nth-child(3){width:42%;background:var(--accent-line)}.welcome-content{min-width:0;padding:34px 34px 28px}.welcome-kicker{margin:0 0 12px;color:var(--accent-ink);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.welcome-content h2{max-width:370px;margin:0;color:var(--ink);font-family:var(--font-read);font-size:34px;font-weight:600;letter-spacing:0;line-height:1.08}.welcome-copy{max-width:390px;margin:16px 0 0;color:var(--ink-2);font-size:15px;line-height:1.6}.welcome-points{display:grid;gap:11px;margin:24px 0 0}.welcome-points div{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;color:var(--ink-2);font-size:13.5px;line-height:1.45}.welcome-points svg{width:30px;height:30px;padding:6px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);color:var(--accent-ink)}.welcome-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.settings-grid{display:grid;gap:14px}.credential-memory{grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2)}.credential-memory input{width:16px;height:16px;margin:2px 0 0;padding:0;accent-color:var(--accent)}.credential-memory>span{display:grid;gap:3px}.credential-memory strong{color:var(--ink-2);font-size:12px}.credential-memory small{color:var(--ink-3);font-size:11px;font-weight:400;line-height:1.4}.activity-backdrop{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px;background:#1f191575;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.activity-modal{width:min(1180px,100%);height:min(780px,calc(100dvh - 40px));display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);box-shadow:var(--sh-pop)}.activity-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:16px 18px;border-bottom:1px solid var(--line)}.activity-header p{margin:7px 0 0;color:var(--ink-3);font-size:12px}.activity-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.activity-warning{padding:8px 18px;border-bottom:1px solid var(--pin-line);background:var(--pin-soft);color:#624727;font-size:11.5px}.activity-workspace{min-height:0;display:grid;grid-template-columns:310px minmax(0,1fr)}.trace-list{min-height:0;overflow-y:auto;border-right:1px solid var(--line);background:var(--surface-2)}.trace-list>button{width:100%;min-height:66px;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;text-align:left}.trace-list>button:hover{background:var(--surface-3)}.trace-list>button.active{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.trace-list-copy{min-width:0;display:grid;gap:3px}.trace-list-copy strong,.trace-list-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-list-copy strong{font-size:12.5px;font-weight:600}.trace-list-copy small,.trace-duration{color:var(--ink-3);font-family:var(--font-mono);font-size:9.5px}.trace-status{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:99px;color:var(--ink-3);background:var(--surface)}.trace-status.succeeded{border-color:var(--reviewed-line);background:var(--reviewed-soft);color:var(--reviewed)}.trace-status.failed{border-color:var(--error-line);background:var(--error-soft);color:var(--error)}.trace-status.running{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink)}.trace-empty{min-height:220px;display:grid;place-content:center;justify-items:center;gap:8px;padding:24px;color:var(--ink-3);text-align:center}.trace-empty strong{color:var(--ink-2)}.trace-empty span{max-width:220px;font-size:12px}.trace-detail{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.trace-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line)}.trace-detail-heading>div{min-width:0;display:flex;align-items:center;gap:10px}.trace-detail-heading h2,.trace-detail-heading p{margin:0}.trace-detail-heading h2{font-size:15px}.trace-detail-heading p{color:var(--ink-3);font-family:var(--font-mono);font-size:10px}.trace-state{padding:3px 8px;border-radius:99px;background:var(--surface-3);color:var(--ink-3);font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase}.trace-state.succeeded{background:var(--reviewed-soft);color:var(--reviewed)}.trace-state.failed{background:var(--error-soft);color:var(--error)}.trace-state.running{background:var(--accent-soft);color:var(--accent-ink)}.trace-tabs{display:flex;gap:3px;padding:8px 14px 0;border-bottom:1px solid var(--line);overflow-x:auto}.trace-tabs button{min-height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:2px solid transparent;background:transparent;color:var(--ink-3);cursor:pointer;font-size:11.5px;text-transform:capitalize}.trace-tabs button.active{border-bottom-color:var(--accent);color:var(--accent-ink);font-weight:600}.trace-tabs button span{min-width:17px;padding:1px 5px;border-radius:99px;background:var(--surface-3);font-family:var(--font-mono);font-size:9px}.trace-panel{min-height:0;overflow:auto;padding:16px 18px 28px}.trace-overview{max-width:720px;grid-template-columns:110px minmax(0,1fr);gap:9px 16px;margin:0}.trace-overview dt{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase}.trace-overview dd{min-width:0}.mono-wrap{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:11px}.trace-error,.trace-warning-item{margin-top:14px;padding:10px 12px;border:1px solid var(--error-line);border-radius:var(--r);background:var(--error-soft);color:var(--error);font-size:12px}.trace-warning-item{border-color:var(--pin-line);background:var(--pin-soft);color:#624727}.injection-list{display:grid;align-content:start;gap:12px}.injection-list section,.attempt-list details{overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.injection-list header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-bottom:1px solid var(--line)}.injection-list header strong{font-size:12px}.injection-list header span{color:var(--ink-3);font-family:var(--font-mono);font-size:9px;text-transform:uppercase}.trace-panel pre{max-width:100%;margin:0;overflow:auto;padding:12px;background:#26201b;color:#ece7df;font-family:var(--font-mono);font-size:10.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.trace-code-section+.trace-code-section{margin-top:18px}.trace-code-section h3,.attempt-list h3{margin:0 0 8px;color:var(--ink-3);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.attempt-list{display:grid;align-content:start;gap:10px}.attempt-list summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;cursor:pointer}.attempt-list summary span,.attempt-list summary small{color:var(--ink-3);font-family:var(--font-mono);font-size:9.5px}.attempt-list summary strong{font-size:11.5px;font-weight:600;text-transform:capitalize}.attempt-list details>div{display:grid;gap:9px;padding:0 12px 12px}.attempt-list details>div h3:not(:first-child){margin-top:8px}.trace-muted{color:var(--ink-3)}.connection-summary{display:grid;gap:12px;padding:12px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface-2)}.connection-summary-main{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px}.connection-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--accent-line);border-radius:var(--r);background:var(--accent-soft);color:var(--accent-ink)}.connection-summary strong,.connection-summary span,.connection-summary dd{overflow-wrap:anywhere}.connection-summary strong{display:block;color:var(--ink);font-size:13px;font-weight:650}.connection-summary span{display:block;margin-top:2px;color:var(--ink-3);font-family:var(--font-mono);font-size:11px}.connection-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.connection-summary dt{margin-bottom:3px;color:var(--ink-3);font-size:10.5px;font-weight:650;text-transform:uppercase}.connection-summary dd{min-height:20px;display:flex;align-items:center;gap:5px;margin:0;color:var(--ink-2);font-size:12px;font-weight:600}.connection-summary dd.ok{color:var(--reviewed)}.connection-summary dd.bad{color:var(--error)}.demo-access{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2)}.demo-access strong{display:block;margin-bottom:2px;color:var(--ink);font-size:12.5px;font-weight:650}.turnstile-widget{min-height:65px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sheet-grab,.mobile-inspector-bar,.sheet-scrim{display:none}@media(max-width:980px){.app-shell{grid-template-rows:60px 1fr}.workspace{grid-template-columns:1fr}.activity-backdrop{padding:10px}.activity-modal{height:calc(100dvh - 20px)}.activity-workspace{grid-template-columns:250px minmax(0,1fr)}.reader-pane{padding:14px 14px 90px}.inspector-shell{position:fixed;right:0;bottom:0;left:0;z-index:55;height:82vh;max-height:82dvh;display:flex;flex-direction:column;border-top:1px solid var(--line-2);border-left:0;border-radius:14px 14px 0 0;box-shadow:var(--sh-pop);transform:translateY(calc(100% + 10px));transition:transform .32s cubic-bezier(.2,.8,.25,1)}.inspector-shell.open{transform:translateY(0)}.inspector{flex:1 1 auto}.sheet-grab{flex:0 0 auto;display:flex;justify-content:center;padding:9px 0 3px;background:transparent;cursor:pointer}.sheet-grab span{width:38px;height:4px;border-radius:99px;background:var(--line-3)}.sheet-scrim{position:fixed;inset:0;z-index:50;display:block;background:#25211d47}.mobile-inspector-bar{position:fixed;right:12px;bottom:12px;left:12px;z-index:45;min-height:56px;display:flex;align-items:center;gap:12px;padding:9px 14px 9px 16px;border-radius:99px;background:var(--ink);color:var(--paper);box-shadow:var(--sh-3);cursor:pointer;text-align:left}.mobile-inspector-bar span{min-width:0;flex:1 1 auto;overflow:hidden;color:#fffbf4d1;font-family:var(--font-read);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.mobile-inspector-bar strong{display:block;color:#fffbf49e;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase}}@media(max-width:760px){.topbar{gap:10px;padding:0 12px}.activity-backdrop{padding:0}.activity-modal{width:100%;height:100dvh;border:0;border-radius:0}.activity-header{align-items:stretch;flex-direction:column;gap:10px;padding:12px}.activity-actions{justify-content:flex-start}.activity-warning{padding:8px 12px}.activity-workspace{grid-template-columns:1fr;grid-template-rows:128px minmax(0,1fr)}.trace-list{display:flex;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden}.trace-list>button{width:230px;min-width:230px;border-right:1px solid var(--line);border-bottom:0}.trace-empty{min-width:100%;min-height:128px}.brand{flex:1 1 auto}.brand p,.status-pill,.density-seg{display:none}.nav-action span,.topbar-actions .nav-action:not(:first-of-type){display:none}.welcome-modal{grid-template-columns:1fr;overflow-y:auto}.welcome-hero{min-height:130px;grid-template-columns:78px 1fr;grid-template-rows:1fr;align-items:center;gap:18px;padding:24px;border-right:0;border-bottom:1px solid oklch(.885 .024 74)}.welcome-mark{align-self:center;justify-self:start}.welcome-content{padding:24px}.welcome-content h2{max-width:none;font-size:28px}.welcome-copy{max-width:none}.welcome-actions .primary-action,.welcome-actions .secondary-action{flex:1 1 150px}.source-header{align-items:flex-start;flex-direction:column}.source-actions{width:100%;margin-left:0}.source-actions .primary-action{flex:1 1 0;min-width:0}.workflow-stepper{gap:5px;overflow-x:auto}.workflow-step:after{width:16px}.reading-board-header,.reading-pair{grid-template-columns:1fr;gap:4px}.reading-board-header .translation{display:none}.translation-segment{padding-top:4px;padding-bottom:14px;border-left:3px solid transparent;border-radius:0 0 var(--r-lg) var(--r-lg)}.translation-segment:before{content:"";display:block;width:22px;height:1px;margin:0 0 9px;background:var(--line-2)}.reading-segment .review-toggle{inset:auto auto 10px -2px}.inspector-header{display:grid}}