.reader-page{position:relative;width:min(100%,58rem);min-height:calc(100dvh - 4rem);margin:0 auto}.reader-page--speech-active{padding-bottom:5.5rem}.reader-toolbar{position:sticky;z-index:4;top:0;display:flex;min-height:4.5rem;align-items:center;gap:.75rem;border:1px solid rgb(255 254 250 / 8%);border-radius:var(--radius-lg);padding:.65rem .75rem;background:var(--teal-950);color:var(--paper-50);box-shadow:0 12px 28px #103d3926}.reader-back,.reader-toolbar__chapters button{display:inline-grid;min-width:2.75rem;min-height:2.75rem;place-items:center;border:0;border-radius:var(--radius-sm);background:transparent;color:#fffefad1;cursor:pointer;font:inherit}.reader-back{display:inline-flex;gap:.35rem;padding:.4rem .55rem;font-size:.82rem;font-weight:750}.reader-back:hover,.reader-toolbar__chapters button:hover:not(:disabled){background:#dcefe61f;color:var(--paper-50)}.reader-toolbar__title{display:grid;min-width:0;flex:1;gap:.18rem;text-align:center}.reader-toolbar__title strong{overflow:hidden;color:var(--paper-50);font-family:Iowan Old Style,Georgia,serif;font-size:1.02rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.reader-toolbar__title span{overflow:hidden;color:#fffefa94;font-size:.72rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.reader-toolbar__chapters{display:flex;gap:.1rem}.reader-toolbar__chapters button:disabled{color:#fffefa3d;cursor:not-allowed}.reader-page__overview{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem .15rem .85rem}.reader-page__meta{display:grid;min-width:0;gap:.08rem;color:var(--ink-700);font-size:.74rem}.reader-page__meta span:first-child{overflow:hidden;color:var(--teal-950);font-size:.8rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.reader-reading-tools{display:flex;flex:none;align-items:center;justify-content:flex-end;gap:.45rem}.reader-language-control{display:flex;align-items:center;justify-content:flex-end;gap:.4rem}.reader-target-control{display:inline-flex;min-height:2.35rem;align-items:center;gap:.25rem;border:1px solid rgb(16 61 57 / 10%);border-radius:999px;padding:.25rem .45rem .25rem .68rem;background:var(--paper-50);color:var(--ink-700);box-shadow:0 5px 16px #103d3912;font-size:.68rem;font-weight:750}.reader-target-control select{max-width:7.8rem;border:0;outline:0;background:transparent;color:var(--teal-800);cursor:pointer;font:inherit;font-size:.72rem;font-weight:800}.reader-target-control select:disabled{cursor:not-allowed}.reader-language-switch{display:grid;grid-template-columns:repeat(2,minmax(3.2rem,1fr));gap:.15rem;border:1px solid rgb(16 61 57 / 10%);border-radius:999px;padding:.2rem;background:var(--paper-50);box-shadow:0 5px 16px #103d3912}.reader-language-switch button,.reader-listen-button{display:inline-flex;min-height:2.35rem;align-items:center;justify-content:center;gap:.32rem;border:0;border-radius:999px;padding:.38rem .72rem;background:transparent;color:var(--ink-700);cursor:pointer;font-size:.76rem;font-weight:760}.reader-language-switch button:hover,.reader-listen-button:hover{background:var(--mint-100);color:var(--teal-950)}.reader-language-switch button.is-active{background:var(--teal-800);color:var(--paper-50);box-shadow:0 4px 10px #24675f2e}.reader-translation-progress,.reader-translation-retry{display:inline-flex;min-height:2rem;align-items:center;gap:.25rem;border:0;border-radius:999px;padding:.3rem .45rem .3rem .65rem;background:var(--mint-100);color:var(--teal-800);font-size:.68rem;font-weight:750;white-space:nowrap}.reader-language-note{display:inline-flex;min-height:2rem;align-items:center;max-width:min(100%,18rem);overflow:hidden;border-radius:999px;padding:.3rem .65rem;background:var(--paper-100);color:var(--ink-700);font-size:.68rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.reader-translation-progress button{display:grid;width:1.55rem;height:1.55rem;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.reader-translation-progress button:hover{background:var(--paper-50)}.reader-translation-retry{cursor:pointer}.reader-translation-retry:hover{background:#cde8dc}.reader-listen-entry{display:flex;align-items:center;gap:.35rem}.reader-listen-button{border:1px solid rgb(16 61 57 / 10%);background:var(--paper-50);color:var(--teal-800);box-shadow:0 5px 16px #103d3912}.reader-speech-error{max-width:11rem;color:var(--danger-700);font-size:.68rem}.reader-canvas{position:relative;border:1px solid rgb(213 201 185 / 68%);border-radius:var(--radius-lg);padding:clamp(1.75rem,5vw,3.5rem) clamp(1.25rem,8vw,5.75rem);background:var(--paper-50);box-shadow:0 14px 36px #103d3912}.reader-paragraph{margin:0 0 1.65rem;transition:background-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.reader-paragraph--speaking{margin-left:-1rem;border-radius:0 .45rem .45rem 0;padding:.2rem .45rem .2rem 1rem;background:#dcefe6b8;box-shadow:inset 3px 0 var(--mint-400)}.reader-original,.reader-translation{margin:0;overflow-wrap:anywhere;white-space:pre-wrap;font-family:Iowan Old Style,"Noto Serif CJK SC",Songti SC,Georgia,serif;line-height:1.82}.reader-original{color:var(--ink-900);font-size:clamp(1.06rem,2vw,1.22rem);cursor:text}.reader-translation{margin-top:.62rem;color:var(--teal-800);font-size:clamp(.96rem,1.8vw,1.06rem)}.selection-actions{position:fixed;z-index:8;top:var(--selection-y);left:var(--selection-x);max-width:calc(100vw - 1.5rem);transform:translate(-50%,-100%);color:var(--ink-900)}.selection-actions__toolbar{display:flex;align-items:center;border:1px solid rgb(16 61 57 / 12%);border-radius:.75rem;padding:.22rem;background:var(--paper-50);box-shadow:0 12px 30px #103d3933}.selection-actions button{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;gap:.28rem;border:0;border-radius:.55rem;padding:.45rem .58rem;background:transparent;color:var(--teal-950);cursor:pointer;font-size:.75rem;font-weight:750;white-space:nowrap}.selection-actions button:hover{background:var(--mint-100)}.selection-actions__toolbar>button:first-child{background:var(--teal-800);color:var(--paper-50)}.selection-actions__toolbar>button:first-child:hover{background:var(--teal-950)}.selection-actions__close{margin-left:.05rem;border-left:1px solid var(--paper-200)!important}.selection-actions--expanded{width:min(21rem,calc(100vw - 1.5rem));border:1px solid rgb(16 61 57 / 12%);border-radius:var(--radius-md);padding:.75rem;background:var(--paper-50);box-shadow:0 16px 38px #103d3938}.selection-actions__heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--teal-950)}.selection-actions__heading span{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;font-weight:800}.selection-actions__heading button{width:2rem;min-height:2rem;padding:0}.selection-actions__target{display:inline-flex;min-height:2rem;align-items:center;gap:.35rem;margin-top:.45rem;border:1px solid var(--paper-200);border-radius:.5rem;padding:.25rem .45rem .25rem .6rem;color:var(--ink-700);font-size:.7rem;font-weight:750}.selection-actions__target select{max-width:10rem;border:0;outline:0;background:transparent;color:var(--teal-800);cursor:pointer;font:inherit;font-size:.72rem;font-weight:800}.selection-actions__target select:disabled{cursor:not-allowed}.selection-actions__source{max-height:2.7rem;margin:.35rem 0 0;overflow:hidden;color:var(--ink-700);font-size:.7rem;line-height:1.55}.selection-actions__result>p{margin:.55rem 0 0;font-family:Iowan Old Style,"Noto Serif CJK SC",Songti SC,Georgia,serif;font-size:.98rem;line-height:1.7}.selection-actions__result>.selection-actions__notice{color:var(--teal-800);font-family:inherit;font-size:.76rem;font-weight:700}.selection-actions__error{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.55rem;color:var(--danger-700);font-size:.74rem}.selection-actions__error button{min-height:2rem;color:inherit}.selection-actions__secondary{display:flex;justify-content:flex-end;gap:.2rem;margin-top:.4rem;border-top:1px solid var(--paper-200);padding-top:.35rem}.selection-actions__secondary button{min-height:2.1rem;padding-block:.25rem}.reader-speech-player{position:fixed;z-index:6;right:1rem;bottom:1.25rem;left:calc(var(--rail-width) + 1rem);display:grid;grid-template-columns:auto minmax(5.5rem,1fr) auto;width:min(32rem,calc(100vw - var(--rail-width) - 2rem));margin-inline:auto;align-items:center;gap:.7rem;border:1px solid rgb(255 254 250 / 10%);border-radius:1.1rem;padding:.7rem .75rem;background:var(--teal-950);color:var(--paper-50);box-shadow:0 18px 42px #103d3947}.reader-speech-player__icon{display:grid;width:2.65rem;height:2.65rem;flex:none;place-items:center;border-radius:50%;background:var(--paper-50);color:var(--teal-800)}.reader-speech-player__body{display:grid;min-width:0;gap:.45rem}.reader-speech-player__body strong{overflow:hidden;font-size:.78rem;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.reader-speech-player__track{height:.2rem;overflow:hidden;border-radius:999px;background:#fffefa2e}.reader-speech-player__track span{display:block;height:100%;border-radius:inherit;background:var(--mint-400);transition:width var(--motion-fast) ease}.reader-speech-player__actions{display:flex;align-items:center;gap:.22rem}.reader-speech-player__actions button{display:inline-grid;min-width:2.4rem;min-height:2.4rem;place-items:center;border:0;border-radius:999px;background:transparent;color:#fffefac7;cursor:pointer;font-size:.7rem;font-weight:760}.reader-speech-player__actions button:hover{background:#dcefe61f;color:var(--paper-50)}.reader-speech-player__actions .reader-speech-player__primary{background:var(--paper-50);color:var(--teal-950)}.reader-speech-player__rate{padding-inline:.4rem}.reader-feedback{display:flex;align-items:center;gap:.8rem;margin-top:1rem;border-radius:.65rem;padding:.7rem .9rem;font-size:.85rem}.reader-feedback--error{justify-content:space-between;background:#fff0ed;color:#9b3c2d}.reader-feedback--error button{border:1px solid currentColor;border-radius:.4rem;padding:.35rem .55rem;background:transparent;color:inherit;cursor:pointer}.reader-footer{display:flex;align-items:center;gap:.65rem;padding:1.1rem .2rem;color:var(--ink-700);font-size:.75rem}.reader-footer input{flex:1;accent-color:var(--teal-700)}.reader-empty{color:var(--ink-700);text-align:center}@media(max-width:59.999rem){.reader-speech-player{right:.75rem;bottom:calc(5.7rem + env(safe-area-inset-bottom));left:.75rem;width:min(32rem,calc(100vw - 1.5rem))}}@media(max-width:42rem){.reader-page{min-height:calc(100dvh - 5rem)}.reader-toolbar{top:0;min-height:4.35rem;margin-inline:-1rem;border-width:0;border-radius:0 0 1.35rem 1.35rem;padding:.6rem .7rem .72rem}.reader-back{padding-inline:.35rem}.reader-back span{display:none}.reader-toolbar__title{text-align:left}.reader-toolbar__chapters button{min-width:2.55rem;min-height:2.55rem}.reader-page__overview{margin-inline:-.1rem;padding:.9rem 0 .8rem}.reader-page__meta{max-width:8.5rem}.reader-reading-tools{flex-wrap:wrap;gap:.35rem}.reader-language-control{flex-wrap:wrap}.reader-language-switch{grid-template-columns:repeat(2,minmax(2.9rem,1fr))}.reader-language-switch button,.reader-listen-button{min-height:2.25rem;padding-inline:.62rem}.reader-target-control{min-height:2.25rem}.reader-translation-progress,.reader-translation-retry{order:3;margin-left:auto}.reader-language-note{order:3}.reader-canvas{margin-inline:-1rem;border-inline:0;border-radius:0;padding:1.55rem 1.2rem;box-shadow:none}.reader-original{font-size:1.08rem;line-height:1.82}.reader-translation{font-size:.98rem}.reader-speech-player{gap:.55rem;padding:.62rem}.reader-speech-player__icon{width:2.5rem;height:2.5rem}.reader-speech-player__actions{gap:.1rem}.reader-speech-player__actions button{min-width:2.3rem;min-height:2.3rem}}@media(max-width:23.5rem){.reader-page__meta{display:none}.reader-page__overview{justify-content:flex-end}.reader-speech-player__icon{display:none}}.studio-page{width:min(100%,70rem);margin:0 auto}.studio-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding:.7rem 0 1.75rem;color:var(--teal-800)}.studio-page__header svg{flex:none}.studio-page__header--tool{padding-top:.85rem}.studio-tool-back{display:inline-flex;min-height:2.5rem;align-items:center;gap:.4rem;border:0;padding:.35rem 0;background:transparent;color:var(--teal-800);cursor:pointer;font-size:.84rem;font-weight:750}.studio-tool-back:hover:not(:disabled){color:var(--teal-950)}.studio-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.studio-tool-card{display:flex;min-height:22rem;flex-direction:column;gap:1.35rem;border:1px solid var(--paper-200);border-radius:var(--radius-lg);padding:clamp(1.25rem,3vw,1.75rem);background:#fffefab3;color:var(--ink-700)}.studio-tool-card--available{background:var(--paper-50);box-shadow:var(--shadow-card)}.studio-tool-card__top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.studio-tool-card__icon{display:grid;width:3rem;height:3rem;place-items:center;border-radius:var(--radius-md);background:var(--mint-100);color:var(--teal-800)}.studio-tool-status{border:1px solid var(--paper-300);border-radius:99rem;padding:.3rem .55rem;color:var(--ink-600);font-size:.7rem;font-weight:750}.studio-tool-status--available{border-color:var(--mint-400);background:var(--mint-100);color:var(--teal-800)}.studio-tool-card h3{margin:0;color:var(--teal-950);font-size:1.45rem;letter-spacing:-.035em}.studio-tool-card p:not(.eyebrow,.studio-tool-note){margin:.7rem 0 0;font-size:.9rem;line-height:1.75}.studio-tool-action{align-self:flex-start;margin-top:auto}.studio-tool-note{margin:auto 0 0;color:var(--ink-600);font-size:.78rem;font-weight:750}.studio-hub-note{margin:1.25rem 0 0;color:var(--ink-600);font-size:.8rem;line-height:1.7}.studio-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;margin-bottom:1rem;border:1px solid var(--paper-200);border-radius:var(--radius-lg);padding:1rem;background:var(--paper-50);box-shadow:var(--shadow-card)}.studio-step{position:relative;display:grid;justify-items:center;gap:.45rem;color:var(--ink-700);font-size:.76rem;text-align:center}.studio-step:not(:last-child):after{position:absolute;top:1rem;left:calc(50% + 1.35rem);width:calc(100% - 2.7rem);height:1px;background:var(--paper-200);content:""}.studio-step span{z-index:1;display:grid;width:2rem;height:2rem;place-items:center;border:2px solid var(--paper-200);border-radius:50%;background:var(--paper-50);font-weight:800}.studio-step--active{color:var(--teal-800)}.studio-step--active span{border-color:var(--mint-400)}.studio-step--current span{background:var(--mint-400);color:var(--teal-950)}.studio-card{margin-bottom:1rem;border:1px solid var(--paper-200);border-radius:var(--radius-lg);padding:clamp(1.25rem,3vw,2rem);background:var(--paper-50);box-shadow:var(--shadow-card)}.studio-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--paper-200);padding-bottom:1rem}.studio-card h3{margin:0;color:var(--teal-950);font-size:clamp(1.25rem,3vw,1.7rem);letter-spacing:-.04em}.studio-card h4{margin:.1rem 0 .3rem;color:var(--teal-950);font-size:1.2rem}.studio-card__heading>span,.studio-progress-count{color:var(--ink-700);font-size:.82rem}.studio-book-list{display:grid;gap:.65rem;margin-top:1.1rem}.studio-book-option{display:flex;min-height:4.75rem;align-items:center;gap:.8rem;width:100%;border:1px solid var(--paper-200);border-radius:var(--radius-md);padding:.75rem;background:transparent;color:inherit;text-align:left;cursor:pointer}.studio-book-option:hover{border-color:var(--mint-400);background:var(--mint-100)}.studio-book-option>span:nth-child(2){display:grid;flex:1;gap:.25rem}.studio-book-option strong{color:var(--teal-950)}.studio-book-option small{color:var(--ink-700)}.studio-book-option__cover,.studio-summary__cover{display:grid;flex:none;place-items:center;overflow:hidden;border-radius:.45rem;background:var(--mint-100);color:var(--teal-800)}.studio-book-option__cover{width:2.8rem;height:3.4rem}.studio-book-option__cover img{width:100%;height:100%;object-fit:cover}.studio-book-summary{display:grid;grid-template-columns:8rem 1fr;gap:1.3rem;margin-top:1.3rem}.studio-summary__cover{min-height:11rem}.studio-summary__cover img{width:100%;height:100%;object-fit:cover}.studio-book-summary p{margin:0;color:var(--ink-700)}.studio-book-summary dl{display:flex;flex-wrap:wrap;gap:1.3rem;margin:1.2rem 0 0}.studio-book-summary dl div{display:grid;gap:.25rem}.studio-book-summary dt{color:var(--ink-700);font-size:.73rem}.studio-book-summary dd{margin:0;color:var(--teal-950);font-weight:800}.studio-card__footer{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.5rem;border-top:1px solid var(--paper-200);padding-top:1rem}.studio-card__footer .primary-action{min-width:9rem;justify-content:center}.text-button{min-height:2.5rem;border:0;border-radius:var(--radius-sm);padding:.35rem .55rem;background:transparent;color:var(--blue-700);cursor:pointer;font-size:.82rem;font-weight:750}.text-button:hover{background:var(--mint-100)}.studio-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.2rem}.studio-form-grid label,.studio-field-label{display:grid;gap:.45rem;color:var(--ink-700);font-size:.82rem;font-weight:750}.studio-form-grid select,.studio-card textarea{width:100%;border:1px solid var(--paper-300);border-radius:var(--radius-sm);padding:.72rem .75rem;background:var(--paper-50);color:var(--ink-900);font:inherit}.studio-card textarea{min-height:6.4rem;resize:vertical;margin-top:.45rem}.studio-checkbox{display:flex;min-height:2.75rem;align-items:center;gap:.5rem;margin-top:1rem;color:var(--teal-950);font-size:.86rem;font-weight:750}.studio-privacy-note{border-top:1px solid var(--paper-200);margin:1.2rem 0 0;padding-top:1rem;color:var(--ink-700);font-size:.75rem}.studio-progress-track{height:.55rem;margin:1.3rem 0;overflow:hidden;border-radius:1rem;background:var(--paper-200)}.studio-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--blue-600);transition:width .2s ease}.studio-status{margin:0;color:var(--teal-800);font-weight:800}.studio-status--paused{color:#996f28}.studio-failed{border:1px solid #e4aaa0;border-radius:.7rem;padding:.8rem;background:#fff5f2;color:#9b3c2d}.studio-failed ul{display:grid;gap:.35rem;margin:.7rem 0;padding-left:1.2rem;font-size:.8rem}.studio-failed li span{display:block;color:#b25e52;font-size:.72rem}.studio-alert{display:flex;align-items:center;gap:.45rem;margin-bottom:1rem;border:1px solid #e4aaa0;border-radius:.65rem;padding:.75rem .9rem;background:#fff5f2;color:#9b3c2d;font-size:.8rem}.studio-empty{margin-top:1rem;border:1px dashed var(--paper-200);border-radius:.7rem;padding:1.5rem;color:var(--ink-700);text-align:center}.studio-result-card{display:grid;justify-items:center;gap:.7rem;padding:3rem 1.5rem;text-align:center}.studio-result-card h3{margin:0}.studio-result-card p:not(.eyebrow){margin:0;color:var(--ink-700)}.studio-success-icon{display:grid;width:3.3rem;height:3.3rem;place-items:center;border-radius:50%;background:var(--mint-100);color:var(--teal-800)}@media(max-width:64rem){.studio-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:48rem){.studio-tool-grid{grid-template-columns:1fr}.studio-tool-card{min-height:auto}.studio-steps{gap:.1rem;padding:.7rem .4rem}.studio-step{font-size:.66rem}.studio-step span{width:1.7rem;height:1.7rem}.studio-step:not(:last-child):after{top:.85rem;left:calc(50% + 1rem);width:calc(100% - 2rem)}.studio-summary__cover{min-height:9rem}}@media(max-width:38rem){.studio-page__header{align-items:flex-start}.studio-page__header>svg{display:none}.studio-form-grid,.studio-book-summary{grid-template-columns:1fr}.studio-summary__cover{width:7rem;min-height:9rem}.studio-card__footer{flex-wrap:wrap}.studio-card__footer>*{flex:1}}.settings-page{width:min(100%,70rem);margin:0 auto}.settings-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding:.7rem 0 1.75rem;color:var(--teal-800)}.settings-page__header svg{flex:none}.settings-card{margin-bottom:1rem;border:1px solid var(--paper-200);border-radius:var(--radius-lg);padding:clamp(1.25rem,3vw,2rem);background:var(--paper-50);box-shadow:var(--shadow-card)}.settings-card__heading,.settings-editor__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--paper-200);padding-bottom:1rem}.settings-card h3,.provider-editor h3{margin:0;color:var(--teal-950);font-size:1.35rem;letter-spacing:-.035em}.settings-card__description{max-width:42rem;margin:.55rem 0 0;color:var(--ink-700);font-size:.82rem;line-height:1.65}.settings-privacy{display:flex;align-items:flex-start;gap:.6rem;color:var(--teal-800)}.settings-privacy p{margin:0;line-height:1.65;font-size:.86rem}.settings-notice,.settings-alert{margin-bottom:1rem;border:1px solid var(--mint-400);border-radius:.65rem;padding:.75rem .9rem;background:var(--mint-100);color:var(--teal-800);font-size:.8rem}.settings-alert{border-color:#e4aaa0;background:#fff5f2;color:#9b3c2d}.provider-list{display:grid;gap:.6rem;margin-top:1rem}.free-route-settings{display:grid;grid-template-columns:minmax(14rem,22rem) minmax(0,1fr);align-items:end;gap:1rem;margin-top:1rem;border-top:1px solid var(--paper-200);padding-top:1rem}.free-route-field{display:grid;gap:.45rem;color:var(--ink-700);font-size:.82rem;font-weight:750}.settings-field-title{position:relative;display:inline-flex;align-items:center;gap:.35rem}.settings-help{display:inline-grid;width:1.05rem;height:1.05rem;place-items:center;border:1px solid var(--paper-300);border-radius:50%;padding:0;background:var(--paper-100);color:var(--ink-700);cursor:help;font-size:.68rem;font-weight:800;line-height:1}.settings-help:hover{border-color:var(--mint-400);background:var(--mint-100);color:var(--teal-950)}.settings-help-popover{position:absolute;z-index:5;top:calc(100% + .45rem);left:0;width:min(20rem,calc(100vw - 4rem));border:1px solid var(--paper-300);border-radius:.65rem;padding:.65rem .75rem;background:var(--paper-50);box-shadow:var(--shadow-card);color:var(--ink-700);font-size:.74rem;font-weight:500;line-height:1.65}.free-route-settings select{width:100%;border:1px solid var(--paper-300);border-radius:var(--radius-sm);padding:.72rem .75rem;background:var(--paper-50);color:var(--ink-900);font:inherit}.free-route-settings p,.provider-editor__hint{margin:0;color:var(--ink-700);font-size:.76rem;line-height:1.7}.provider-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;min-height:4.25rem;align-items:center;gap:.75rem;border:1px solid var(--paper-200);border-radius:var(--radius-md);padding:.8rem .9rem}.provider-row--selected{border-color:var(--mint-400);background:var(--mint-100)}.provider-row__main{display:flex;align-items:center;gap:.7rem;min-width:0}.provider-row__icon{display:grid;flex:none;width:2rem;height:2rem;place-items:center;border-radius:.5rem;background:var(--teal-950);color:var(--mint-400)}.provider-row h4{overflow:hidden;margin:0 0 .2rem;color:var(--teal-950);font-size:.94rem;text-overflow:ellipsis;white-space:nowrap}.provider-row p{overflow:hidden;margin:0;color:var(--ink-700);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.provider-row__status{font-size:.76rem;font-weight:750;white-space:nowrap}.provider-enabled{color:var(--teal-800)}.provider-disabled{color:var(--ink-700)}.provider-row__actions{display:flex;align-items:center;gap:.2rem}.provider-row__actions .icon-button{margin:0}.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.8rem;margin-top:1.2rem}.settings-form-grid__service-row{display:grid;grid-column:1 / -1;grid-template-columns:minmax(12rem,.85fr) minmax(0,1.45fr);gap:.8rem}.settings-form-grid label{position:relative;display:grid;align-content:start;gap:.45rem;min-width:0;color:var(--ink-700);font-size:.82rem;font-weight:750}.settings-form-grid__wide{grid-column:1 / -1}.settings-form-grid input,.settings-form-grid select,.settings-form-grid textarea{box-sizing:border-box;width:100%;min-height:2.85rem;margin:0;border:1px solid var(--paper-300);border-radius:var(--radius-sm);padding:.72rem .75rem;background:var(--paper-50);color:var(--ink-900);font:inherit;line-height:1.5}.settings-form-grid textarea{min-height:7rem;resize:vertical}.settings-form-grid select:disabled{cursor:not-allowed;opacity:.62}.settings-reading-preferences__form{align-items:end}.settings-reading-preferences__preview{display:flex;min-height:4.25rem;align-items:center;gap:.65rem;padding-top:1.35rem}.settings-reading-preferences__preview span{color:var(--ink-700);font-size:.72rem}.settings-reading-preferences__hint{margin:1rem 0 0;border-top:1px solid var(--paper-200);padding-top:.85rem;color:var(--ink-700);font-size:.76rem;line-height:1.7}.secret-toggle{display:inline-flex;align-items:center;gap:.25rem;width:max-content;margin:0;border:0;padding:0;background:transparent;color:var(--blue-700);cursor:pointer;font-size:.7rem;font-weight:750}.field-hint{color:var(--ink-600);font-size:.7rem;font-weight:500}.provider-editor__validation{margin:1rem 0 0;border:1px solid #e4aaa0;border-radius:.65rem;padding:.7rem .9rem .7rem 2rem;background:#fff5f2;color:#9b3c2d;font-size:.76rem;line-height:1.7}.provider-editor__hint code{border-radius:.25rem;padding:.1rem .25rem;background:var(--paper-200);color:var(--teal-950);font-size:.72rem}.settings-editor__actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.2rem}.settings-guidance{display:flex;justify-content:space-between;gap:1rem;color:var(--teal-800)}.settings-guidance p:not(.eyebrow){max-width:46rem;margin:.75rem 0 0;color:var(--ink-700);font-size:.86rem;line-height:1.75}@media(max-width:42rem){.settings-page__header{align-items:flex-start}.settings-page__header>svg{display:none}.settings-card__heading{align-items:stretch;flex-direction:column}.settings-card__heading .primary-action{align-self:flex-start}.provider-row{grid-template-columns:1fr auto}.provider-row__status{grid-column:1;grid-row:2;padding-left:2.7rem}.provider-row__actions{grid-column:2;grid-row:2}.settings-form-grid,.settings-form-grid__service-row{grid-template-columns:1fr}.settings-form-grid__wide{grid-column:auto}.settings-reading-preferences__preview{align-items:flex-start;flex-direction:column;padding-top:0}.free-route-settings{grid-template-columns:1fr}.settings-editor__actions{flex-wrap:wrap}.settings-editor__actions>*{flex:1}}:root{--paper-50: #fffefa;--paper-100: #f6f1e8;--paper-200: #e5dccf;--paper-300: #d5c9b9;--ink-900: #172725;--ink-700: #52615f;--ink-600: #657370;--teal-950: #103d39;--teal-800: #24675f;--teal-700: #2f786d;--mint-400: #88ceb5;--mint-100: #dcefe6;--blue-600: var(--teal-700);--blue-700: var(--teal-800);--danger-700: #963f33;--danger-100: #fff1ed;--shadow-card: 0 16px 38px rgb(16 61 57 / 9%);--shadow-raised: 0 10px 24px rgb(16 61 57 / 14%);--radius-sm: .625rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--motion-fast: .15s;--rail-width: 16.75rem}*{box-sizing:border-box}html{background:var(--paper-100);color:var(--ink-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}body{margin:0;min-width:20rem;background:var(--paper-100);font-size:1rem;line-height:1.5}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--mint-400);outline-offset:3px}button{font:inherit;transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) ease}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:grid;min-height:100dvh;padding-bottom:5rem}.app-rail{display:contents}.brand{padding:1.3rem 1.2rem .8rem;color:var(--teal-950)}.brand h1{margin:0;font-size:1.32rem;letter-spacing:-.035em}.brand span{color:var(--blue-600)}.brand p{margin:.45rem 0 0;color:var(--ink-700);font-size:.78rem}.primary-navigation{position:fixed;z-index:5;right:.75rem;bottom:.75rem;left:.75rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.45rem;border:1px solid rgb(18 63 61 / 12%);border-radius:1rem;background:var(--paper-50);box-shadow:var(--shadow-card)}.primary-navigation a{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.4rem;padding:.7rem .35rem;border-radius:var(--radius-sm);color:var(--ink-700);font-size:.82rem;font-weight:700;transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease}.primary-navigation a:hover{background:#88ceb51f;color:var(--teal-950)}.primary-navigation a[aria-current=page]{background:var(--mint-100);color:var(--teal-950)}.rail-footer{display:none}main{min-width:0;padding:1.1rem 1rem 2rem}.eyebrow{margin:0 0 .55rem;color:var(--teal-800);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h2{margin:0;font-size:clamp(2rem,5vw,3.25rem);font-weight:760;letter-spacing:-.05em;line-height:1.08}.page-lede,.placeholder-page>p:not(.eyebrow){max-width:40rem;margin:.85rem 0 0;color:var(--ink-700);font-size:.96rem;line-height:1.75}.bookshelf-page{width:min(100%,70rem);margin:0 auto}.bookshelf-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding:.7rem 0 1.75rem}.bookshelf-page__actions{flex:none}.primary-action{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:var(--radius-sm);padding:.72rem 1rem;background:var(--blue-600);color:#fff;cursor:pointer;font-size:.88rem;font-weight:750;box-shadow:0 5px 14px #2f786d29}.primary-action:hover{background:var(--blue-700)}.import-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.continue-card{display:flex;min-height:5rem;align-items:center;gap:.9rem;width:100%;border:1px solid var(--teal-800);border-radius:var(--radius-md);padding:1rem 1.1rem;background:var(--teal-950);color:var(--paper-50);text-align:left;cursor:pointer;box-shadow:var(--shadow-card)}.continue-card:hover{background:#174a45}.continue-card__icon{display:grid;width:2.8rem;height:2.8rem;place-items:center;border-radius:.65rem;background:var(--mint-400);color:var(--teal-950)}.continue-card>span:nth-child(2){display:grid;flex:1;gap:.15rem}.continue-card small{color:var(--mint-400);font-size:.72rem;font-weight:800}.continue-card strong{font-size:1rem}.continue-card em{color:#fffdf8ad;font-size:.76rem;font-style:normal}.continue-card__arrow{font-size:1.3rem}.bookshelf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:2rem 0 .8rem}.bookshelf-toolbar h3{margin:0;color:var(--teal-950);font-size:1.05rem}.bookshelf-toolbar h3 span{margin-left:.2rem;color:var(--ink-700);font-size:.78rem;font-weight:500}.search-field{display:flex;min-height:2.75rem;align-items:center;gap:.45rem;width:min(100%,17rem);border-bottom:1px solid var(--paper-300);padding:.35rem .1rem;color:var(--ink-700)}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--ink-900);font:inherit;font-size:.78rem}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem}.book-card{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.85rem;min-height:8.6rem;border:1px solid var(--paper-200);border-radius:var(--radius-md);padding:.85rem;background:var(--paper-50);box-shadow:0 8px 22px #123f3d0f;transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.book-card:hover{border-color:var(--paper-300);box-shadow:var(--shadow-raised)}.book-card__cover{display:grid;min-height:6.8rem;place-items:center;overflow:hidden;border-radius:.55rem;background:var(--mint-100);color:var(--teal-800)}.book-card__cover img{width:100%;height:100%;object-fit:cover}.book-card__body{display:flex;min-width:0;flex-direction:column}.book-card h3{overflow:hidden;margin:.15rem 0 .3rem;color:var(--teal-950);font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.book-card p{overflow:hidden;margin:0;color:var(--ink-700);font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.book-card__progress{height:.23rem;margin-top:auto;overflow:hidden;border-radius:1rem;background:var(--paper-200)}.book-card__progress span{display:block;height:100%;border-radius:inherit;background:var(--blue-600)}.book-card__actions{display:flex;align-items:center;gap:.3rem;margin-top:.65rem}.book-open-action,.icon-button{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;gap:.3rem;border:0;border-radius:var(--radius-sm);padding:.4rem .55rem;background:transparent;color:var(--blue-700);cursor:pointer;font-size:.78rem;font-weight:750}.book-open-action:hover,.icon-button:hover{background:var(--mint-100)}.icon-button{min-width:2.5rem;margin-left:auto;padding:.4rem;color:var(--ink-700)}.state-card{display:grid;min-height:11rem;place-items:center;align-content:center;gap:.45rem;border:1px dashed var(--paper-300);border-radius:var(--radius-md);padding:1.75rem;color:var(--ink-700);text-align:center}.state-card--empty strong{color:var(--teal-950)}.state-card--empty p{margin:0;font-size:.85rem}.state-card--empty .primary-action{margin-top:.8rem}.state-card--error{border-color:#e4aaa0;background:#fff5f2;color:#9b3c2d}.placeholder-page{width:min(100%,44rem);margin:10vh auto;border:1px solid var(--paper-200);border-radius:var(--radius-lg);padding:clamp(1.5rem,6vw,3.5rem);background:var(--paper-50);box-shadow:var(--shadow-card)}.placeholder-note{display:inline-block;margin-top:1.6rem;border-radius:.5rem;padding:.5rem .7rem;background:var(--mint-100);color:var(--teal-800);font-size:.76rem;font-weight:700}.secondary-button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--paper-300);border-radius:var(--radius-sm);padding:.65rem .9rem;background:var(--paper-50);color:var(--teal-800);cursor:pointer;font-size:.88rem;font-weight:750}.secondary-button:hover{border-color:var(--mint-400);background:var(--mint-100)}.placeholder-page .secondary-button{margin-top:1.25rem}@media(min-width:60rem){.app-shell{grid-template-columns:var(--rail-width) minmax(0,1fr);padding:0}.app-rail{position:sticky;top:0;display:flex;grid-column:1;flex-direction:column;height:100dvh;background:var(--teal-950);color:var(--paper-50)}.brand{padding:2rem 1.65rem 1.5rem;color:var(--paper-50)}.brand span{color:var(--mint-400)}.brand p{color:#fffdf8a3}.primary-navigation{position:static;display:flex;flex-direction:column;gap:.35rem;padding:0 1rem;border:0;border-radius:0;background:transparent;box-shadow:none}.primary-navigation a{justify-content:flex-start;padding:.85rem 1rem;color:#fffdf8b8}.primary-navigation a:hover{background:#92d5bd1a;color:var(--paper-50)}.primary-navigation a[aria-current=page]{background:#92d5bd2e;color:var(--paper-50)}.rail-footer{display:flex;align-items:center;gap:.4rem;margin-top:auto;padding:1.5rem 1.65rem;color:#fffdf885;font-size:.72rem}main{grid-column:2;padding:3rem clamp(2rem,5vw,5.5rem)}}@media(max-width:59.999rem){.app-shell[data-route=reader]{background:var(--paper-50)}.app-shell[data-route=reader] .brand{display:none}.app-shell[data-route=reader] main{padding-top:0}.app-shell[data-route=reader] .primary-navigation{right:0;bottom:0;left:0;gap:.35rem;border:0;border-radius:1.1rem 1.1rem 0 0;padding:.35rem .6rem calc(.35rem + env(safe-area-inset-bottom));background:var(--teal-950);box-shadow:0 -10px 30px #103d392e}.app-shell[data-route=reader] .primary-navigation a{min-height:3.2rem;color:#fffefa9e}.app-shell[data-route=reader] .primary-navigation a:hover,.app-shell[data-route=reader] .primary-navigation a[aria-current=page]{background:#dcefe61a;color:var(--paper-50)}}@media(max-width:40rem){.bookshelf-page__header{align-items:flex-start;flex-direction:column}.bookshelf-page__actions,.import-action{width:100%;justify-content:center}.bookshelf-toolbar{align-items:flex-start;flex-direction:column}.search-field{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}