:root{color-scheme:light;--color-background: #f6f3ec;--color-surface: #ffffff;--color-surface-raised: #fbf9f4;--color-text: #172b2b;--color-text-muted: #4b6261;--color-primary: #17645d;--color-primary-hover: #124f4a;--color-on-primary: #ffffff;--color-highlight: #f2e3af;--color-focus: #934309;--color-danger: #a12828;--color-danger-surface: #fbeeee;--color-border: #d8d2c4;--color-border-strong: #74817c;--color-review-surface: #fff6df;--color-review-border: #a3761c;--color-info-surface: #e9f1ef;--color-marker: #934309;--shadow-dialog: 0 12px 40px rgba(23, 43, 43, .18);--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--radius: 12px;--radius-dialog: 16px;--radius-small: 8px;--target-min: 44px;--target-primary-mobile: 48px;--content-max: 72rem;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-sans: Arial, Helvetica, sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-reading: var(--font-ui);--motion-duration: .12s;--focus-ring: 0 0 0 2px var(--color-background), 0 0 0 4px var(--color-focus);--reading-size: 22px;--reading-word-size: 44px;--reading-line-height: 1.6;--reading-letter-spacing: 0em;--reading-word-spacing: 0em;--reading-paragraph-spacing: 1em;--reading-column: 50ch}[data-theme=dark]{color-scheme:dark;--color-background: #121c1c;--color-surface: #1b2929;--color-surface-raised: #203232;--color-text: #f1f5ef;--color-text-muted: #b5c5c1;--color-primary: #9ed6c6;--color-primary-hover: #b7e3d6;--color-on-primary: #122522;--color-highlight: #394b42;--color-focus: #ffd58a;--color-danger: #ffb4ad;--color-danger-surface: #3a2323;--color-border: #2e3f3e;--color-border-strong: #66807c;--color-review-surface: #3a3220;--color-review-border: #d9a94b;--color-info-surface: #203232;--color-marker: #ffd58a;--shadow-dialog: 0 12px 40px rgba(0, 0, 0, .5)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--color-background: #121c1c;--color-surface: #1b2929;--color-surface-raised: #203232;--color-text: #f1f5ef;--color-text-muted: #b5c5c1;--color-primary: #9ed6c6;--color-primary-hover: #b7e3d6;--color-on-primary: #122522;--color-highlight: #394b42;--color-focus: #ffd58a;--color-danger: #ffb4ad;--color-danger-surface: #3a2323;--color-border: #2e3f3e;--color-border-strong: #66807c;--color-review-surface: #3a3220;--color-review-border: #d9a94b;--color-info-surface: #203232;--color-marker: #ffd58a;--shadow-dialog: 0 12px 40px rgba(0, 0, 0, .5)}}@media(prefers-reduced-motion:reduce){:root:not([data-reduced-motion=off]){--motion-duration: 0ms}}[data-reduced-motion=on]{--motion-duration: 0ms}*,*:before,*:after{box-sizing:border-box}html{font-size:18px;font-family:var(--font-ui);line-height:1.5;background:var(--color-background);color:var(--color-text);-webkit-text-size-adjust:100%;scroll-padding-top:6rem;scroll-padding-bottom:8rem}body{margin:0;min-height:100dvh;overflow-wrap:anywhere;hyphens:manual}h1,h2,h3,h4,p,ul,ol,figure{margin:0}h1{font-size:1.6rem;line-height:1.25;font-weight:650}h2{font-size:1.25rem;line-height:1.3;font-weight:650}h3{font-size:1.05rem;line-height:1.35;font-weight:650}a{color:var(--color-primary);text-underline-offset:.15em}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:var(--color-highlight);color:var(--color-text)}.skip-link{position:absolute;top:-100px;left:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-small);z-index:100}.skip-link:focus{top:var(--space-3)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.muted{color:var(--color-text-muted)}.small{font-size:.9rem}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack-tight{display:flex;flex-direction:column;gap:var(--space-2)}.stack-loose{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.row-between{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:space-between}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}.narrow{max-width:32rem}.prose p+p{margin-top:var(--space-3)}.prose ul{padding-left:1.2em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-shell{min-height:100dvh;display:flex;flex-direction:column;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-header{position:sticky;top:0;z-index:20;background:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--space-2) var(--space-3);padding-top:calc(var(--space-2) + env(safe-area-inset-top))}.app-header-inner{max-width:var(--content-max);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.app-header-title{font-size:1.1rem;font-weight:650;line-height:1.3;min-width:0;flex:1 1 12rem;margin:0}.app-header-title a{color:inherit;text-decoration:none}.app-header-title a:hover{text-decoration:underline}.app-nav{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.app-nav a,.app-nav button{display:inline-flex;align-items:center;min-height:var(--target-min);padding:0 var(--space-3);border-radius:var(--radius-small);text-decoration:none;color:var(--color-text);border:1px solid transparent;background:transparent}.app-nav a[aria-current=page]{border-color:var(--color-border-strong);background:var(--color-surface)}.app-nav a:hover,.app-nav button:hover{background:var(--color-surface)}.app-main{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-4) var(--space-3);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}.app-main.reader-main{max-width:none;padding-top:var(--space-3)}.page-title{margin-bottom:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--target-min);min-width:var(--target-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid transparent;font-weight:600;line-height:1.25;text-align:center;text-decoration:none;transition:background-color var(--motion-duration) ease,border-color var(--motion-duration) ease}.btn:disabled,.btn[aria-disabled=true]{opacity:.55}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary)}.btn-quiet{background:transparent;color:var(--color-primary)}.btn-quiet:hover:not(:disabled){background:var(--color-surface)}.btn-danger{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-surface)}.btn-large{min-height:var(--target-primary-mobile);padding:var(--space-3) var(--space-4);font-size:1.05rem}.btn-block{width:100%}.btn-busy{position:relative}.btn-spinner{width:1em;height:1em;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-pressed[aria-pressed=true]{background:var(--color-highlight);border-color:var(--color-border-strong);color:var(--color-text)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field-label{font-weight:600}.field-hint{color:var(--color-text-muted);font-size:.9rem}.field-error{color:var(--color-danger);font-size:.95rem;font-weight:600}.field-input,.field-select,.field-textarea{width:100%;min-height:var(--target-min);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text)}.field-input[aria-invalid=true],.field-textarea[aria-invalid=true]{border-color:var(--color-danger);border-width:2px}.field-textarea{min-height:10rem;resize:vertical;line-height:1.5}.field-select{appearance:none;padding-right:2.5rem;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.field-input-row{display:flex;gap:var(--space-2);align-items:stretch}.field-input-row .field-input{flex:1;min-width:0}.field-number{width:6ch;flex:0 0 auto;text-align:center;padding-left:var(--space-1);padding-right:var(--space-1)}.checkbox{display:flex;align-items:flex-start;gap:var(--space-2);min-height:var(--target-min);cursor:pointer}.checkbox input{width:24px;height:24px;margin:10px 0 0;flex:0 0 auto;accent-color:var(--color-primary)}.checkbox-text{padding-top:10px}.slider{display:flex;flex-direction:column;gap:var(--space-1)}.slider-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2)}.slider-value{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.slider-controls{display:grid;grid-template-columns:var(--target-min) 1fr var(--target-min) auto;gap:var(--space-2);align-items:center}.slider-controls .field-number{min-height:var(--target-min)}.slider-controls .btn{padding:0}.slider input[type=range]{width:100%;min-height:var(--target-min);margin:0;accent-color:var(--color-primary);cursor:pointer}.switch{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--target-min);width:100%;padding:var(--space-1) 0;background:none;border:0;text-align:left;color:inherit}.switch-track{flex:0 0 auto;width:52px;height:30px;border-radius:15px;background:var(--color-border-strong);position:relative;transition:background-color var(--motion-duration) ease}.switch[aria-checked=true] .switch-track{background:var(--color-primary)}.switch-thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--color-surface);transition:transform var(--motion-duration) ease}.switch[aria-checked=true] .switch-thumb{transform:translate(22px)}.switch-label{flex:1}.segmented{display:flex;flex-direction:column;gap:var(--space-1)}.segmented-legend{font-weight:600;padding:0}.segmented-options{display:flex;flex-wrap:wrap;gap:var(--space-1);border:1px solid var(--color-border-strong);border-radius:var(--radius);padding:var(--space-1);background:var(--color-surface)}.segmented-option{flex:1 1 auto;position:relative}.segmented-option input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}.segmented-option>span{display:flex;align-items:center;justify-content:center;min-height:40px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-small);text-align:center;font-weight:600;color:var(--color-text)}.segmented-option input:checked+span{background:var(--color-primary);color:var(--color-on-primary)}.segmented-option input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:2px}.segmented-icons .segmented-options{gap:var(--space-1)}.segmented-icons .segmented-option>span{flex-direction:column;gap:2px;min-height:var(--target-min);min-width:var(--target-min);padding:var(--space-1) var(--space-2)}.segmented-icon{display:inline-flex}.segmented-icon svg{width:28px;height:28px}.segmented-icons .segmented-text{font-size:.8rem;font-weight:600;line-height:1.15}.icon-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--target-min);min-width:var(--target-min);padding:var(--space-1) var(--space-2);border-radius:var(--radius);border:1px solid transparent;font-weight:600;line-height:1.15;text-align:center;text-decoration:none;color:var(--color-text);background:transparent;transition:background-color var(--motion-duration) ease,border-color var(--motion-duration) ease}.icon-btn-glyph{display:inline-flex}.icon-btn-glyph svg{width:28px;height:28px}.icon-btn-text{font-size:.8rem;white-space:nowrap}.icon-btn:disabled{opacity:.55}.icon-btn-secondary{background:var(--color-surface);border-color:var(--color-border-strong)}.icon-btn-secondary:hover:not(:disabled){border-color:var(--color-primary)}.icon-btn-quiet{background:transparent;color:var(--color-text)}.icon-btn-quiet:hover:not(:disabled){background:var(--color-surface)}.icon-btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.icon-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.icon-btn-large{min-width:72px;min-height:72px;padding:var(--space-2) var(--space-3)}.icon-btn-large .icon-btn-glyph svg{width:40px;height:40px}.icon-btn-large .icon-btn-text{font-size:.9rem}.icon-btn[aria-pressed=true]:not(.icon-btn-primary){background:var(--color-highlight);border-color:var(--color-border-strong);color:var(--color-text)}.language-switch{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3)}.language-switch-options{display:inline-flex;gap:var(--space-1)}.dialog{border:1px solid var(--color-border);border-radius:var(--radius-dialog);background:var(--color-surface);color:var(--color-text);padding:0;width:min(100% - 2 * var(--space-3),36rem);max-height:calc(100dvh - 2 * var(--space-3));box-shadow:var(--shadow-dialog);margin:auto}.dialog::backdrop{background:#172b2b73}.dialog-inner{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);max-height:calc(100dvh - 2 * var(--space-3));overflow:auto}.dialog-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-2)}.dialog-wide{width:min(100% - 2 * var(--space-3),48rem)}.status-message{padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);background:var(--color-info-surface);border:1px solid var(--color-border)}.status-message:empty{display:none}.inline-alert{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-info-surface)}.inline-alert-review{background:var(--color-review-surface);border-color:var(--color-review-border)}.inline-alert-danger{background:var(--color-danger-surface);border-color:var(--color-danger)}.inline-alert-title{font-weight:650}.inline-alert-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.empty-state{text-align:center;padding:var(--space-6) var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.skeleton{display:block;background:var(--color-border);border-radius:var(--radius-small);height:1em;opacity:.6}.skeleton+.skeleton{margin-top:var(--space-2)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:999px;border:1px solid var(--color-border-strong);font-size:.85rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.badge-saved{border-color:var(--color-primary);color:var(--color-primary)}.disclosure{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.disclosure>summary{list-style:none;cursor:pointer;min-height:var(--target-min);display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);font-weight:600;border-radius:var(--radius)}.disclosure>summary::-webkit-details-marker{display:none}.disclosure-chevron{display:inline-flex;color:var(--color-text-muted);transition:transform var(--motion-duration) ease}.disclosure[open]>summary .disclosure-chevron{transform:rotate(180deg)}.disclosure-body{padding:var(--space-2) var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.dropzone{border:2px dashed var(--color-border-strong);border-radius:var(--radius);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;background:var(--color-surface)}.dropzone-active{border-color:var(--color-primary);background:var(--color-info-surface)}.doc-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.doc-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);align-items:center}.doc-item-main{flex:1 1 16rem;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.doc-item-title{font-weight:650;font-size:1.05rem}.doc-item-actions{display:flex;flex-wrap:wrap;gap:var(--space-1)}.start-hero{padding:var(--space-5) 0 var(--space-4)}.start-hero h1{font-size:2rem}.start-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--space-3)}.start-tile{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start;text-align:left;min-height:7rem;padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);text-decoration:none}.start-tile:hover{border-color:var(--color-primary)}.start-tile-primary{border-color:var(--color-primary);border-width:2px}.start-tile-title{font-size:1.15rem;font-weight:650}.start-tile-sub{color:var(--color-text-muted)}.auth-card{max-width:28rem;margin:var(--space-4) auto}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border)}.tab{min-height:var(--target-min);padding:var(--space-2) var(--space-3);background:none;border:0;border-bottom:3px solid transparent;font-weight:600;color:var(--color-text-muted);margin-bottom:-1px}.tab[aria-selected=true]{color:var(--color-text);border-bottom-color:var(--color-primary)}.warning-group{display:flex;flex-direction:column;gap:var(--space-2)}.warning-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.warning-item{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);background:var(--color-surface);border:1px solid var(--color-border)}.preview-blocks{display:flex;flex-direction:column;gap:var(--space-3);font-family:var(--font-reading)}.preview-block{scroll-margin-top:6rem}.preview-block-flagged{border-left:4px solid var(--color-review-border);padding-left:var(--space-2)}.preview-block-blocking{border-left-color:var(--color-danger)}.page-marker{font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-top:1px solid var(--color-border);padding-top:var(--space-2);margin-top:var(--space-2);scroll-margin-top:6rem}.kbd{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em;padding:1px 6px;border:1px solid var(--color-border-strong);border-bottom-width:2px;border-radius:6px;background:var(--color-surface)}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.sticky-bottom{position:sticky;bottom:0;background:var(--color-background);padding:var(--space-2) 0;padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);z-index:10}.reader-shell{height:100dvh;min-height:0;display:flex;flex-direction:column;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.reader-scroll{flex:1 1 auto;min-height:10rem;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:flex;flex-direction:column}.reader-scroll:focus{outline:none}.reader-header{position:static;top:0;z-index:20;background:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--space-2) var(--space-3);padding-top:calc(var(--space-2) + env(safe-area-inset-top));display:flex;flex-direction:column;gap:var(--space-2)}.reader-header-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.reader-title{flex:1 1 14rem;min-width:0;font-size:1.1rem;line-height:1.3;font-weight:650;margin:0;overflow-wrap:anywhere}.reader-header-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.reader-header-tools a,.reader-header-tools .btn{min-height:var(--target-min)}.reader-header .segmented{max-width:44rem}.reader-header .segmented-option>span{min-height:var(--target-min)}.reader-header-tools a:not(.icon-btn){display:inline-flex;align-items:center;padding:0 var(--space-2);text-decoration:none;color:var(--color-text);border-radius:var(--radius-small)}.reader-header-tools a:not(.icon-btn):hover{text-decoration:underline}.reader-header-tools .icon-btn:hover{text-decoration:none}.reader-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr);width:100%}.reader-body.with-panel{grid-template-columns:minmax(0,1fr) minmax(18rem,24rem)}.reader-main{min-width:0;padding:var(--space-4) var(--space-3);padding-bottom:var(--space-6)}.reader-main:focus{outline:none}.reader-main-word{display:flex;flex-direction:column}.reader-main-word .reader-stage{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;min-height:min(50vh,24rem);padding:var(--space-3) 0}.reader-stage{scroll-margin-top:1rem;scroll-margin-bottom:1rem}.reader-main :is(a,button,input,select,textarea,summary,[tabindex]){scroll-margin-bottom:1rem;scroll-margin-top:1rem}.reader-aside:focus{outline:none}.reader-aside{border-left:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-3);position:sticky;top:var(--reader-header-h, 7rem);align-self:start;max-height:calc(100dvh - var(--reader-header-h, 7rem) - var(--reader-controls-h, 6rem));overflow:auto}.reader-alerts{max-width:var(--reading-column);margin:0 auto var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.reading-area{font-family:var(--font-reading);font-size:var(--reading-size);line-height:var(--reading-line-height);letter-spacing:var(--reading-letter-spacing);word-spacing:var(--reading-word-spacing);max-width:var(--reading-column);margin:0 auto;text-align:left;hyphens:manual;overflow-wrap:anywhere}.reading-area>*+*{margin-top:var(--reading-paragraph-spacing)}.reading-area h2{font-size:1.25em;line-height:1.3;font-weight:650}.reading-area ul{padding-left:1.2em}.reading-area .table-note{padding-left:.6em;border-left:3px solid var(--color-border-strong)}.sentence{border-radius:4px;scroll-margin:40vh 0;cursor:pointer}.sentence:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sentence-current{background:var(--color-highlight);color:var(--color-text);box-shadow:0 0 0 3px var(--color-highlight)}.sentence-stage{max-width:var(--reading-column);margin:0 auto;font-family:var(--font-reading);font-size:calc(var(--reading-size) * 1.2);line-height:var(--reading-line-height);letter-spacing:var(--reading-letter-spacing);word-spacing:var(--reading-word-spacing);min-height:8em;padding:var(--space-4) 0}.sentence-stage .paragraph-context{font-size:var(--reading-size);color:var(--color-text-muted);margin-top:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.sentence-stage .paragraph-context .sentence-current{color:var(--color-text)}.word-stage{font-family:var(--font-reading);font-size:var(--reading-word-size);line-height:1.25;letter-spacing:var(--reading-letter-spacing);min-height:calc(var(--reading-word-size) * 3.6);display:flex;align-items:center;justify-content:center;padding:var(--space-5) var(--space-3);border:0;border-radius:var(--radius-dialog);background:var(--color-surface);max-width:40rem;width:100%;margin:0 auto;overflow-wrap:anywhere;text-align:center}.word-stage-left{justify-content:flex-start;text-align:left}.word-stage-marker{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.4fr);align-items:baseline;text-align:initial}.word-stage-marker .word-before{text-align:right;white-space:pre}.word-stage-marker .word-after{text-align:left;white-space:pre}.word-marker-letter{color:var(--color-marker);font-weight:650;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.12em}.word-context{max-width:var(--reading-column);margin:var(--space-4) auto 0;font-family:var(--font-reading);font-size:var(--reading-size);line-height:var(--reading-line-height);color:var(--color-text-muted);text-align:center}.word-context .unit-current{color:var(--color-text);background:var(--color-highlight);border-radius:4px}.word-stage.ended{color:var(--color-text-muted);font-size:var(--reading-size)}.reader-controls{position:sticky;bottom:0;z-index:15;flex:0 0 auto;background:var(--color-background);border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom))}.reader-controls-inner{max-width:60rem;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2)}.reader-controls-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.reader-controls-row .btn-primary{min-width:9rem}.reader-controls-row .reader-play,.reader-controls-center .reader-play{width:11rem;max-width:100%}.reader-controls-row .reader-play .icon-btn-text,.reader-controls-center .reader-play .icon-btn-text{white-space:normal;text-align:center}.reader-controls-word{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-2)}.reader-controls-group{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.reader-controls-left{justify-content:flex-end}.reader-controls-right{justify-content:flex-start}.reader-controls-center{display:flex;justify-content:center}.reader-controls-word .icon-btn-text{white-space:normal}@media(max-width:40rem){.reader-controls-word{grid-template-columns:minmax(0,auto) minmax(0,auto);grid-template-areas:"left right" "center center";justify-content:space-between;gap:var(--space-2) var(--space-1)}.reader-controls-word .icon-btn:not(.reader-play){padding-left:6px;padding-right:6px}.reader-controls-left{grid-area:left;justify-content:flex-start}.reader-controls-right{grid-area:right;justify-content:flex-end}.reader-controls-center{grid-area:center}.reader-controls-center .reader-play{min-width:60%;min-height:56px}.reader-main-word .reader-stage{min-height:min(36vh,20rem)}}.reader-position{color:var(--color-text-muted);font-size:.9rem;font-variant-numeric:tabular-nums}.reader-tempo{width:100%;max-width:36rem;min-width:0;margin:0 auto}.reader-controls-row{justify-content:center}.reader-controls-meta{justify-content:center;text-align:center}.reader-voice{max-width:var(--reading-column);margin:0 auto var(--space-3)}.reader-howto{margin:0;padding-left:1.25rem}.reader-controls-meta{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);align-items:baseline;min-height:1.4rem}.reader-controls-meta .reader-position{margin:0}.reader-controls-meta .status-message{margin:0;min-height:0}.reader-footer{max-width:var(--reading-column);margin:var(--space-6) auto 0;display:flex;flex-direction:column;gap:var(--space-2)}.reader-aside-head h2{font-size:1.1rem;margin:0}.conflict-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-3)}.conflict-preview{font-family:var(--font-reading, inherit);overflow-wrap:anywhere;margin:0}.resume-banner{max-width:var(--reading-column);margin:0 auto var(--space-3)}.shortcut-list{list-style:none;padding:0;display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3)}.appearance-panel,.appearance-section{display:flex;flex-direction:column;gap:var(--space-3)}.appearance-section-footer{display:flex;justify-content:flex-end}@media(min-width:64rem){.reader-header{position:sticky}}@media(max-width:1023px){.reader-body.with-panel{grid-template-columns:minmax(0,1fr)}.reader-aside{display:none}}
