:root{color:var(--ink);background:var(--paper-warm);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--ink-rgb:36 36 31;--accent-rgb:49 92 85;--paper:#f8f6f0;--paper-warm:#f3f0e8;--ink:#24241f;--ink-soft:#6f6e64;--ink-faint:#919086;--revealed-ink:#46463f;--line:#24241f21;--line-strong:#24241f26;--accent:#315c55;--accent-strong:#244b45;--accent-soft:#dfe9e3;--accent-faint:#315c5513;--on-accent:#fff;--focus:#467e73;--rail:#ece9e0;--control-subtle:#24241f0f;--control-hover:#24241f1f;--header-control:#ffffff47;--header-control-hover:#ffffff8f;--select-bg:#ffffff6b;--select-hover:#ffffffad;--field-bg:#ffffff85;--field-focus:#ffffffb8;--toggle-bg:#ffffff7a;--toggle-hover:#ffffffd1;--notice-bg:#eef3ee;--hero-glow:#315c5517;--scrim:#1b1c1854;--shadow:#17181426;--danger:#7e3731;--danger-soft:#97463d12;--danger-border:#8b39312e;--warning:#76502f;--warning-soft:#be8c4b17;--warning-border:#8f5c2a33;--warning-hover:#76502f17;--translate-base:#ffffff2e;--translate-fill:#58595221}:root[data-theme=dark]{--ink-rgb:236 238 232;--accent-rgb:122 175 159;--paper:#171a18;--paper-warm:#1d211f;--ink:#eceee8;--ink-soft:#a9ada5;--ink-faint:#7f857d;--revealed-ink:#cfd3cb;--line:#eceee821;--line-strong:#eceee82b;--accent:#7aaf9f;--accent-strong:#a4cabe;--accent-soft:#2a3c36;--accent-faint:#7aaf9f1a;--on-accent:#12201c;--focus:#8fc2b2;--rail:#131614;--control-subtle:#ffffff0e;--control-hover:#ffffff1a;--header-control:#ffffff0a;--header-control-hover:#ffffff14;--select-bg:#ffffff0d;--select-hover:#ffffff16;--field-bg:#ffffff0e;--field-focus:#ffffff16;--toggle-bg:#ffffff0b;--toggle-hover:#ffffff17;--notice-bg:#25332e;--hero-glow:#7aaf9f1c;--scrim:#0204039e;--shadow:#00000057;--danger:#e39a93;--danger-soft:#ca675e1c;--danger-border:#e39a933d;--warning:#d7ad7c;--warning-soft:#be8c4b1f;--warning-border:#d7ad7c3d;--warning-hover:#d7ad7c1a;--translate-base:#ffffff06;--translate-fill:#eceee816}html:not([data-theme]) #root{visibility:hidden}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:var(--paper-warm);min-height:100vh}button,input,select,textarea{font:inherit}button{border:0;justify-content:center;align-items:center;margin:0;line-height:1;display:flex}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.button{cursor:pointer;letter-spacing:.01em;border-radius:999px;gap:10px;min-height:44px;padding:0 18px;font-size:.86rem;font-weight:600;transition:background .15s,color .15s,transform .15s}.button:not(:disabled):active{transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.42}.button-primary{color:var(--on-accent);background:var(--accent)}.button-primary:not(:disabled):hover{background:var(--accent-strong)}.generation-cta{width:164px;min-width:164px}.button-quiet{color:var(--ink);background:var(--control-subtle)}.button-quiet:hover{background:var(--control-hover)}.eyebrow{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin:0 0 11px;font-size:.7rem;font-weight:600}.input-workspace{background:radial-gradient(circle at 86% 6%, var(--hero-glow), transparent 26rem), var(--paper-warm);min-height:100vh;padding:28px clamp(28px,5vw,76px) 48px}.workspace-header{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto 54px;display:flex}.workspace-header p{color:var(--ink-soft);margin:0;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-style:italic}.workspace-header-actions{align-items:center;gap:22px;display:flex}.header-theme-control{border:1px solid var(--line);width:116px;min-height:36px;color:var(--ink-soft);background:var(--header-control);border-radius:999px;flex:0 0 116px;justify-content:center;align-items:center;gap:5px;padding:0 8px;display:flex;position:relative}.theme-control-icon{flex:none;justify-content:center;align-items:center;display:flex}.header-theme-control select,.rail-theme-control select{z-index:1;appearance:none;border-radius:inherit;color:#0000;cursor:pointer;opacity:0;background:0 0;border:0;outline:0;width:100%;height:100%;position:absolute;inset:0}.theme-control-value{text-align:center;font-size:.72rem;font-weight:600;display:inline-block}.header-theme-control .theme-control-value{width:64px}.header-theme-control:hover{color:var(--ink);background:var(--header-control-hover)}:is(.header-theme-control:has(select:focus-visible),.rail-theme-control:has(select:focus-visible)){outline:2px solid var(--focus);outline-offset:3px}.header-theme-control option,.rail-theme-control option{color:var(--ink);background:var(--paper-warm)}.header-library-button{border:1px solid var(--line);min-height:36px;color:var(--ink-soft);background:var(--header-control);cursor:pointer;border-radius:999px;padding:0 14px;font-size:.74rem;font-weight:600}.header-library-button:hover{color:var(--ink);background:var(--header-control-hover)}.header-api-key-button{border:1px solid var(--line);width:116px;min-height:36px;color:var(--ink-soft);background:var(--header-control);cursor:pointer;border-radius:999px;flex:0 0 116px;gap:7px;padding:0 10px;font-size:.72rem;font-weight:600;display:flex}.header-api-key-button:hover{color:var(--ink);background:var(--header-control-hover)}.header-api-key-button-missing{color:var(--on-accent);background:var(--accent);border-color:#0000}.header-api-key-button-missing:hover{color:var(--on-accent);background:var(--accent-strong)}.brand{color:inherit;align-items:center;gap:11px;font-family:Georgia,Times New Roman,serif;font-size:1.2rem;font-weight:500;text-decoration:none;display:inline-flex}.brand-mark,.rail-mark{color:var(--on-accent);background:var(--accent);justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;font-weight:500;display:flex}.brand-mark{border-radius:50%;width:34px;height:34px;font-size:1rem}.input-panel{width:min(100%,1120px);margin:0 auto}.input-intro{max-width:660px;margin-bottom:40px}.input-intro h1{letter-spacing:-.035em;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,5vw,4.6rem);font-weight:400;line-height:.98}.input-intro>p:last-child{max-width:600px;color:var(--ink-soft);margin:0;font-size:.98rem;line-height:1.65}.settings-summary{border-block:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0 0 24px;display:grid}.setting-block{flex-direction:column;min-height:100px;padding:19px 24px 18px 0;display:flex}.setting-block+.setting-block{border-left:1px solid var(--line);padding-left:24px}.setting-label,.source-field>span{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:.71rem;font-weight:600}.setting-block strong{font-size:.98rem;font-weight:500}.setting-select-wrap{width:fit-content;position:relative}.setting-select-wrap:after{color:var(--ink-soft);content:"⌄";pointer-events:none;font-size:.78rem;position:absolute;top:50%;right:9px;transform:translateY(-58%)}.setting-select{appearance:none;border:1px solid var(--line);min-width:82px;height:32px;color:var(--ink);background:var(--select-bg);cursor:pointer;border-radius:8px;padding:0 29px 0 10px;font-size:.9rem;font-weight:500}.setting-select-direction{min-width:112px}.setting-select-wrap-warning .setting-select-direction{border-color:var(--warning-border);background:var(--warning-soft);padding-right:48px}.direction-warning-icon{z-index:1;color:var(--warning);pointer-events:none;display:flex;position:absolute;top:50%;right:25px;transform:translateY(-50%)}.direction-warning-balloon{z-index:20;border:1px solid var(--warning-border);width:min(292px,100vw - 40px);color:var(--ink);background:var(--paper-warm);box-shadow:0 13px 34px var(--shadow);border-radius:12px;padding:14px 15px 13px;position:absolute;top:calc(100% + 10px);left:0}.direction-warning-balloon:before{border-top:1px solid var(--warning-border);border-left:1px solid var(--warning-border);background:var(--paper-warm);content:"";width:8px;height:8px;position:absolute;top:-5px;left:23px;transform:rotate(45deg)}.direction-warning-balloon p{margin:0;font-size:.74rem;line-height:1.45}.direction-warning-balloon p:first-child{color:var(--warning);font-weight:600}.direction-warning-guidance{color:var(--ink-soft);margin-top:8px!important}.direction-warning-action{min-height:30px;color:var(--warning);background:var(--warning-soft);cursor:pointer;border-radius:999px;margin-top:10px;padding:0 10px;font-size:.68rem;font-weight:600}.direction-warning-action:hover:not(:disabled){background:var(--warning-hover)}.setting-select:hover:not(:disabled){border-color:rgb(var(--accent-rgb) / .38);background:var(--select-hover)}.setting-select:disabled{cursor:wait;opacity:.55}.setting-note{color:var(--ink-faint);margin-top:6px;font-size:.72rem}.source-field{flex-direction:column;display:flex}.credential-field{grid-template-columns:minmax(140px,190px) 1fr;align-items:center;gap:5px 18px;margin-bottom:18px;display:grid}.credential-field>span{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;grid-row:1/3;font-size:.71rem;font-weight:600}.credential-field input{border:1px solid var(--line-strong);width:100%;min-height:42px;color:var(--ink);background:var(--field-bg);border-radius:10px;outline:none;padding:0 14px}.credential-field input:focus{border-color:rgb(var(--accent-rgb) / .55);background:var(--field-focus)}.credential-field small{color:var(--ink-faint);font-size:.69rem}.source-field textarea{resize:vertical;border:1px solid var(--line-strong);width:100%;min-height:238px;color:var(--ink);background:var(--field-bg);box-shadow:0 15px 50px var(--shadow);border-radius:18px;outline:none;padding:25px 27px;font-family:Georgia,Times New Roman,serif;font-size:1.16rem;line-height:1.62;transition:border-color .15s,background .15s}.source-field textarea:focus{border-color:rgb(var(--accent-rgb) / .55);background:var(--field-focus)}.input-actions{justify-content:flex-end;align-items:center;gap:20px;margin-top:20px;display:flex}.generation-error{border:1px solid var(--danger-border);color:var(--danger);background:var(--danger-soft);border-radius:9px;margin:14px 0 0;padding:11px 13px;font-size:.76rem;line-height:1.45}.reader-layout{background:var(--paper);grid-template-columns:112px 1fr;min-height:100vh;display:grid}.control-rail{z-index:10;border-right:1px solid var(--line);background:var(--rail);flex-direction:column;align-items:center;width:112px;padding:24px 12px 18px;display:flex;position:fixed;inset:0 auto 0 0}.rail-mark{border-radius:50%;flex:none;width:42px;height:42px;font-size:1.2rem}.rail-settings{width:100%;color:var(--ink-soft);text-align:center;flex-direction:column;gap:7px;margin:31px 0 0;font-size:.7rem;display:flex}.rail-settings span:first-child{color:var(--ink);font-weight:600}.rail-actions{flex-direction:column;gap:5px;width:100%;margin-top:32px;display:flex}.rail-button{width:100%;min-height:54px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;gap:5px;padding:5px 2px;font-size:.66rem;line-height:1;transition:color .14s,background .14s}.rail-button:hover{color:var(--ink);background:var(--control-subtle)}.rail-icon{justify-content:center;align-items:center;width:22px;height:22px;font-size:1rem;font-weight:400;display:flex}.rail-theme-control{width:100%;min-height:62px;color:var(--ink-soft);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;margin-top:auto;font-size:.66rem;display:flex;position:relative}.rail-theme-control:hover{color:var(--ink);background:var(--control-subtle)}.rail-theme-control .theme-control-value{width:100%;font-size:.62rem}.theme-control-label{line-height:1}.reader{grid-column:2;min-width:0;min-height:100vh}.reader-page{width:min(100% - 72px,860px);margin:0 auto;padding:clamp(72px,10vh,118px) 0 44px}.reader-header{border-bottom:1px solid var(--line);margin-bottom:clamp(44px,7vh,72px);padding-bottom:25px}.reader-header h1{letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.1rem,4vw,3.4rem);font-weight:400}.reader-header>p:last-child{color:var(--ink-soft);margin:10px 0 0;font-size:.79rem}.reader-copy{max-width:780px;margin-left:clamp(0px,3vw,34px)}.persistence-warning{border:1px solid var(--warning-border);color:var(--warning);background:var(--warning-soft);border-radius:9px;justify-content:space-between;align-items:center;gap:14px;margin:-24px 0 28px;padding:10px 12px 10px 14px;font-size:.76rem;display:flex}.persistence-warning button{width:26px;height:26px;color:inherit;cursor:pointer;background:0 0;border-radius:50%;flex:none}.persistence-warning button:hover{background:var(--warning-hover)}.sentence{--hold-progress:0%;--reveal-base:transparent;--reveal-fill:rgb(var(--accent-rgb) / .24);background:0 0;border-left:2px solid #0000;border-radius:0 7px 7px 0;align-items:flex-start;gap:14px;min-height:52px;margin:0 0 9px;padding:8px 10px 9px 18px;transition:background-color .18s,border-color .18s,color .18s;display:flex;position:relative}.sentence p{flex:1;margin:0;font-family:Georgia,Hiragino Mincho ProN,YuMincho,Times New Roman,serif;font-size:clamp(1.25rem,2.1vw,1.55rem);line-height:1.52}.sentence-reveal-restore:not(.sentence-unlocked){border-left-color:rgb(var(--accent-rgb) / .65);background-color:var(--accent-faint);--reveal-base:var(--accent-faint);--reveal-fill:rgb(var(--accent-rgb) / .28)}.sentence-reveal-translate:not(.sentence-unlocked){border-left-style:dashed;border-left-color:rgb(var(--ink-rgb) / .3);--reveal-base:var(--translate-base);--reveal-fill:var(--translate-fill)}.sentence-paragraph-start{margin-top:27px}.sentence-revealable{cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg, var(--reveal-fill) 0, var(--reveal-fill) var(--hold-progress), transparent var(--hold-progress), transparent 100%), var(--reveal-base)}.sentence-revealable:hover{border-left-color:rgb(var(--accent-rgb) / .72)}.sentence-unlocked{color:var(--revealed-ink);border-left-color:rgb(var(--accent-rgb) / .28);background:rgb(var(--accent-rgb) / .038)}.sentence-unlocked.sentence-content-original{border-left-color:rgb(var(--ink-rgb) / .24)}.sentence-unlocked.sentence-content-translation{border-left-color:rgb(var(--accent-rgb) / .38)}.sentence-source-highlight{animation:1.8s ease-out both sentence-source-highlight}.sentence-translation-loading{cursor:wait}.sentence-translation-error{border-left-color:var(--danger)}.sentence-toggle{border:1px solid var(--line);min-width:55px;min-height:30px;color:var(--ink-soft);background:var(--toggle-bg);cursor:pointer;border-radius:999px;flex:none;gap:5px;margin-top:2px;padding:0 9px;font-size:.65rem;font-weight:600;line-height:1;transition:color .14s,border-color .14s,background .14s}.sentence-scrap{width:30px;height:30px;color:var(--ink-faint);cursor:pointer;opacity:.2;background:0 0;border-radius:50%;flex:none;margin-top:2px;font-size:.8rem;transition:color .14s,background .14s,opacity .14s}.sentence:hover .sentence-scrap,.sentence-scrap:focus-visible,.sentence-scrap:disabled{opacity:1}.sentence-scrap:hover:not(:disabled){color:var(--accent-strong);background:var(--accent-faint)}.sentence-scrap-saved{color:var(--accent)}.sentence-scrap:disabled{cursor:default}.scrap-feedback{color:var(--ink-soft);font-size:.64rem;line-height:1;position:absolute;bottom:-17px;right:10px}.sentence-translation-error .scrap-feedback{color:var(--danger)}.sentence-toggle:hover{color:var(--ink);border-color:var(--line-strong);background:var(--toggle-hover)}.reveal-notice{z-index:2;border:1px solid rgb(var(--accent-rgb) / .16);min-height:26px;color:var(--accent-strong);background:var(--notice-bg);box-shadow:0 8px 22px var(--shadow);pointer-events:none;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:.66rem;font-weight:600;line-height:1;animation:.18s ease-out both reveal-notice-in;display:flex;position:absolute;top:-29px;right:8px}.reader-footer{border-top:1px solid var(--line);color:var(--ink-faint);letter-spacing:.04em;justify-content:flex-end;margin-top:clamp(50px,9vh,92px);padding-top:17px;font-size:.67rem;display:flex}.api-key-layer{z-index:50;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.api-key-scrim{background:var(--scrim);cursor:default;border-radius:0;width:100%;height:100%;animation:.18s ease-out both scrim-in;position:absolute;inset:0}.api-key-dialog{border:1px solid var(--line);background:var(--paper-warm);width:min(100%,480px);box-shadow:0 24px 80px var(--shadow);border-radius:20px;padding:30px;animation:.2s cubic-bezier(.22,.75,.25,1) both api-key-dialog-in;position:relative}.api-key-dialog-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.api-key-dialog-header h2{letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:400}.api-key-dialog-close{width:36px;height:36px;color:var(--ink-soft);background:var(--control-subtle);cursor:pointer;border-radius:50%;flex:0 0 36px}.api-key-dialog-close:hover{color:var(--ink);background:var(--control-hover)}.api-key-field{flex-direction:column;gap:8px;display:flex}.api-key-field>span{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.71rem;font-weight:600}.api-key-field input{border:1px solid var(--line-strong);width:100%;min-height:46px;color:var(--ink);background:var(--field-bg);border-radius:10px;outline:none;padding:0 14px}.api-key-field input:focus{border-color:rgb(var(--accent-rgb) / .55);background:var(--field-focus)}.api-key-note{color:var(--ink-faint);margin:10px 0 0;font-size:.7rem;line-height:1.5}.api-key-dialog-actions{justify-content:flex-end;gap:9px;margin-top:25px;display:flex}.edit-layer{z-index:30;position:fixed;inset:0}.edit-scrim{background:var(--scrim);cursor:default;border-radius:0;width:100%;height:100%;animation:.18s ease-out both scrim-in;position:absolute;inset:0}.edit-scrim:disabled{cursor:wait}.edit-overlay{background:var(--paper-warm);width:min(64vw,830px);min-width:620px;box-shadow:24px 0 70px var(--shadow);flex-direction:column;padding:36px clamp(32px,5vw,64px) 44px;animation:.22s cubic-bezier(.22,.75,.25,1) both overlay-in;display:flex;position:absolute;inset:0 auto 0 0;overflow-y:auto}.edit-header{justify-content:space-between;align-items:center;gap:28px;margin-bottom:30px;display:flex}.edit-header h2{letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:400}.edit-actions{flex:none;gap:9px;display:flex}.edit-overlay .settings-summary{margin-bottom:27px}.source-field-edit{flex:1;min-height:0}.source-field-edit textarea{background:var(--field-bg);flex:1;min-height:270px}.edit-note{color:var(--ink-soft);margin:13px 0 0;font-size:.73rem}.library-layer{z-index:40;position:fixed;inset:0}.library-scrim{background:var(--scrim);cursor:default;border-radius:0;width:100%;height:100%;animation:.18s ease-out both scrim-in;position:absolute;inset:0}.library-overlay{background:var(--paper-warm);width:min(92vw,540px);box-shadow:-24px 0 70px var(--shadow);padding:38px 36px 46px;animation:.22s cubic-bezier(.22,.75,.25,1) both library-overlay-in;position:absolute;inset:0 0 0 auto;overflow-y:auto}.library-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:24px;display:flex}.library-header h2{letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:2.6rem;font-weight:400}.library-close{width:38px;height:38px;color:var(--ink-soft);background:var(--control-subtle);cursor:pointer;border-radius:50%;font-size:1.3rem}.library-list{flex-direction:column;display:flex}.library-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:22px;padding:24px 0;display:flex}.library-item-copy{min-width:0}.library-item h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 7px;font-family:Georgia,Times New Roman,serif;font-size:1.2rem;font-weight:400;overflow:hidden}.library-item p,.library-item time{color:var(--ink-soft);margin:0;font-size:.72rem;line-height:1.5;display:block}.library-item time{color:var(--ink-faint);margin-top:2px}.library-item-actions{flex:none;align-items:center;gap:7px;display:flex}.library-item-actions .button{min-height:36px;padding-inline:14px;font-size:.73rem}.library-delete{min-height:36px;color:var(--danger);cursor:pointer;background:0 0;padding:0 8px;font-size:.7rem}.library-delete:disabled,.library-item-actions .button:disabled{cursor:default;opacity:.4}.library-empty,.library-error{color:var(--ink-soft);margin:32px 0;font-family:Georgia,Times New Roman,serif;font-size:1rem}.scraps-overlay{width:min(94vw,720px)}.scraps-list{flex-direction:column;display:flex}.scrap-item{border-bottom:1px solid var(--line);padding:30px 0 24px}.scrap-item-inactive .scrap-pair,.scrap-item-inactive .scrap-source{opacity:.35}.scrap-item-inactive .scrap-pair{pointer-events:none}.scrap-pair{--hold-progress:0%;border-left:2px solid rgb(var(--accent-rgb) / .22);border-radius:0 7px 7px 0;align-items:flex-start;gap:14px;padding:14px 12px 15px 16px;display:flex;position:relative}.scrap-pair p{flex:1;margin:0;font-family:Georgia,Hiragino Mincho ProN,YuMincho,Times New Roman,serif;font-size:clamp(1.2rem,2.3vw,1.48rem);line-height:1.52}.scrap-pair-revealable{cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg, rgb(var(--accent-rgb) / .2) 0, rgb(var(--accent-rgb) / .2) var(--hold-progress), transparent var(--hold-progress), transparent 100%)}.scrap-pair-revealable:hover{border-left-color:rgb(var(--accent-rgb) / .58)}.scrap-pair-revealed{color:var(--revealed-ink);background:rgb(var(--accent-rgb) / .038)}.scrap-hold-label{color:var(--ink-faint);letter-spacing:.02em;text-transform:uppercase;flex:none;margin-top:8px;font-size:.62rem}.scrap-meta{justify-content:space-between;align-items:flex-start;gap:18px;padding:11px 10px 0 18px;display:flex}.scrap-meta>div{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.scrap-source,.scrap-remove{color:var(--ink-soft);cursor:pointer;background:0 0;padding:0;font-size:.69rem;line-height:1.35}.scrap-source{text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.scrap-source:hover{color:var(--accent-strong)}.scrap-source:disabled{cursor:default}.scrap-remove{color:var(--danger);flex:none}.scrap-item-inactive .scrap-remove{color:var(--accent-strong)}.scrap-pending-removal,.scrap-source-error{color:var(--danger);font-size:.65rem}.library-error{color:var(--danger)}@keyframes overlay-in{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes library-overlay-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes api-key-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes reveal-notice-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes sentence-source-highlight{0%{background-color:#d1b16038;border-left-color:#9d77278c}to{background-color:#0000}}@media (width<=760px){.input-workspace{padding:22px 20px 36px}.workspace-header{margin-bottom:42px}.workspace-header p{display:none}.workspace-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:210px}.header-api-key-button{flex-basis:36px;width:36px;padding:0}.header-api-key-button span{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.settings-summary{grid-template-columns:1fr}.setting-block{min-height:auto;padding:15px 0}.setting-block+.setting-block{border-top:1px solid var(--line);border-left:0;padding-left:0}.input-actions{flex-direction:column;align-items:stretch}.credential-field{grid-template-columns:1fr}.credential-field>span{grid-row:auto}.input-actions .button{width:100%}.input-actions .generation-cta{min-width:0}.reader-layout{grid-template-columns:76px 1fr}.control-rail{width:76px;padding-inline:8px}.reader-page{width:calc(100% - 34px);padding-top:58px}.sentence{padding-left:12px;padding-right:4px}.sentence p{font-size:1.18rem}.sentence-toggle{min-width:48px;padding-inline:7px}.edit-overlay{width:calc(100% - 24px);min-width:0;padding:26px 22px 34px}.library-overlay{width:calc(100% - 18px);padding:28px 22px 38px}.scrap-pair{padding-left:11px;padding-right:6px}.scrap-meta{padding-left:13px}.library-item{flex-direction:column;align-items:flex-start;gap:14px}.edit-header{flex-direction:column;align-items:flex-start;gap:18px}.edit-actions{width:100%}.edit-actions .button{flex:1}.api-key-dialog{padding:25px 22px}.api-key-dialog-actions .button{flex:1}}:where(body,.input-workspace,.reader-layout,.control-rail,.brand-mark,.rail-mark,.header-library-button,.header-api-key-button,.header-theme-control,.button,.rail-button,.setting-block,.setting-select,.credential-field input,.api-key-dialog,.api-key-dialog-close,.api-key-field input,.source-field textarea,.sentence,.sentence-scrap,.sentence-toggle,.reveal-notice,.generation-error,.persistence-warning,.edit-overlay,.library-overlay,.library-item,.library-close,.scrap-pair,.scrap-source,.scrap-remove){transition:color .22s,background-color .22s,border-color .22s,box-shadow .22s}:where(p,h1,h2,h3,span,label,a,time){transition:color .22s}.brand,.brand>span:last-child{transition:none}.brand-mark{transition:color .22s,background-color .22s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}