@font-face{font-family:Merriweather;src:url(/fonts/merriweather-0.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Merriweather;src:url(/fonts/merriweather-1.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Vietnam;src:url(/fonts/be-vietnam-pro-0.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Vietnam;src:url(/fonts/be-vietnam-pro-2.ttf)format("truetype");font-weight:600;font-display:swap}:root{--background:#f8f6f1;--surface:#fff;--foreground:#302b25;--muted:#726b61;--accent:#79593d;--border:#e4ded4;--serif:Merriweather, Georgia, serif;--sans:Vietnam, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);background:var(--background);color:var(--foreground);font-size:14px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{margin:0}.skip-link{z-index:1000;border:2px solid var(--accent);background:var(--surface);color:var(--foreground);border-radius:8px;padding:12px 16px;position:fixed;top:8px;left:8px;transform:translateY(calc(-100% - 16px))}.skip-link:focus{transform:translateY(0)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{transition:background .18s,color .18s,border-color .18s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button,.button{background:var(--accent);color:var(--surface);border:1px solid var(--accent);border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:12px 19px;font-size:12px;font-weight:600;display:inline-flex}button:hover,.button:hover{filter:brightness(.94)}button svg,.button svg{flex-shrink:0}.secondary{color:var(--foreground);border-color:var(--border);background:0 0}.plain,.icon-button{color:inherit;background:0 0;border:0;min-height:0;padding:0;font-weight:400}.plain:hover,.icon-button:hover{color:var(--accent);filter:none}.icon-button{border-radius:50%;flex-shrink:0;width:38px;height:38px;display:inline-flex}.icon-button:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.small{min-height:38px;padding:9px 13px}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3{font-family:var(--serif);letter-spacing:-.04em;font-weight:400;line-height:1.4}h1{margin:13px 0 20px;font-size:44px}h2{margin:7px 0 16px;font-size:27px}h3{margin:8px 0;font-size:19px}h2 svg,h3 svg{vertical-align:middle;margin-right:7px}em{color:var(--accent);font-style:normal}p{line-height:1.85}small{color:var(--muted);font-size:11px;line-height:1.7;display:block}.quiet{color:var(--muted);font-size:12px}.eyebrow{font:600 10px/1.7 var(--sans);letter-spacing:.15em;color:var(--accent);margin:0 0 12px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:42px;height:86px;padding:0 max(28px,50vw - 628px);display:flex;position:relative}.brand{font:26px var(--serif);white-space:nowrap;text-align:left;align-items:center;gap:10px;display:inline-flex}.brand small{font:7px var(--sans);letter-spacing:.14em;color:var(--muted);margin-top:7px}.logo-mark{border:1px solid var(--accent);width:41px;height:41px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.topbar nav{gap:25px;margin:auto;display:flex}.nav{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;gap:8px;padding:31px 0 29px;font-size:12px}.nav.active{border-color:var(--accent);color:var(--accent)}.header-actions{align-items:center;gap:12px;display:flex}.account{position:relative}.account summary{border:1px solid var(--border);background:var(--background);color:var(--accent);cursor:pointer;border-radius:50%;place-items:center;width:34px;height:34px;list-style:none;display:grid}.account summary::-webkit-details-marker{display:none}.account-menu{background:var(--surface);border:1px solid var(--border);border-radius:6px;width:240px;padding:22px;position:absolute;top:50px;right:0;box-shadow:0 10px 30px #0001}.account-menu strong{overflow-wrap:anywhere;display:block}.account-menu a,.account-menu button{gap:9px;margin-top:18px;font-size:12px;display:flex}.notification-button{position:relative}.notification-button i{background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:7px}.notification-panel{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:6px;width:min(420px,100vw - 40px);padding:24px;position:absolute;top:78px;right:25px;box-shadow:0 12px 40px #0001}.notification-item{border:0;border-top:1px solid var(--border);color:var(--foreground);text-align:left;background:0 0;border-radius:0;justify-content:flex-start;width:100%;padding:18px 0}.page{max-width:1256px;margin:0 auto;padding:0 28px 70px}.workspace-panel[hidden]{display:none!important}.studio-editor-panel{display:contents}.studio-editor-panel[hidden],.world-workspace[hidden]{display:none!important}.hero{border-bottom:1px solid var(--border);grid-template-columns:1.4fr 1fr;align-items:center;gap:45px;padding:52px 35px 58px;display:grid}.hero .eyebrow{letter-spacing:.12em;align-items:center;gap:10px;font-size:9px;display:flex}.hero .eyebrow>span{background:#899077;border-radius:50%;width:6px;height:6px}.hero h1{letter-spacing:-.055em;margin:21px 0;font-size:clamp(32px,3.3vw,45px);line-height:1.4}.hero-description{color:var(--muted);font-size:12px;line-height:2.1}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero .actions{margin-top:27px}.hero-note{color:var(--muted);align-items:center;gap:9px;margin-top:29px;font-size:10px;display:flex}.hero-feature{width:100%;max-width:330px;margin:auto;padding-top:16px;position:relative}.feature-annotation{letter-spacing:.14em;color:var(--muted);font-size:8px;position:absolute;top:-10px;right:-16px}.feature-annotation span{vertical-align:middle;font-size:30px}.featured-cover{color:#fff6df;width:230px;height:300px;box-shadow:13px 15px 0 color-mix(in srgb, var(--accent) 9%, transparent);isolation:isolate;background-position:50%;background-size:cover;border:8px solid #e7ddcc;border-left:12px solid #d9cbb4;border-radius:1px;flex-direction:column;margin:auto;padding:22px 20px;display:flex;position:relative}.featured-cover:before,.book-cover:before{content:"";z-index:-1;background:#171b136b;position:absolute;inset:0}.book-stamp{letter-spacing:.16em;margin-top:6px;font-size:7px;line-height:1.6}.featured-title{font:27px/1.5 var(--serif);text-align:center;color:#fff7e8;margin:auto 0}.featured-cover small{letter-spacing:.16em;color:#e4d9c7;font-size:7px}.feature-caption{color:var(--muted);justify-content:space-between;align-items:center;margin:25px 30px 0;font-size:9px;display:flex}.feature-caption>span:first-child{border:1px solid var(--border);border-radius:2px;padding:5px 9px}.section-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.section-head h2,.section-head h3{margin-bottom:0}.catalog{padding-top:38px;scroll-margin-top:20px}.catalog .eyebrow{margin-bottom:8px;font-size:9px}.catalog h2{font-size:25px}.filter-row{align-items:center;gap:18px;display:flex}.search-field{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:5px;flex:1;align-items:center;gap:13px;margin:0;padding:0 16px;display:flex}.search-field input{outline-offset:2px;background:0 0;border:0;min-width:0;padding:14px 0;font-size:11px}.sort{flex-shrink:0;align-items:center;gap:10px;width:185px;margin:0;display:flex}.sort select{background:0 0;border:0;padding-left:0;font-size:11px}.genre-list{flex-wrap:wrap;gap:8px;margin:20px 0 30px;display:flex}.chip{color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:25px;min-height:32px;padding:7px 16px;font-size:10px;font-weight:400}.chip.selected{background:var(--accent);color:var(--surface);border-color:var(--accent)}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 25px;display:grid}.book-card{min-width:0}.book-cover{isolation:isolate;color:#f7eedb;background-position:50%;background-size:cover;border-radius:4px;flex-direction:column;width:100%;height:265px;padding:22px 20px 28px;display:flex;position:relative;overflow:hidden}.book-cover>span:last-child{font:24px/1.5 var(--serif);letter-spacing:-.03em;text-shadow:0 1px 4px #0004;max-width:200px;margin:auto 0 0}.cover-imprint{font:7px/1.4 var(--sans);letter-spacing:.22em;text-align:left;border-bottom:1px solid #fff8;align-self:flex-start;padding-bottom:6px}.book-meta{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.book-meta small{color:var(--accent);font-size:9px}.book-meta .icon-button{width:25px;height:28px}.book-name{font:17px/1.6 var(--serif);text-align:left;letter-spacing:-.035em;justify-content:flex-start;margin-top:2px;display:block}.book-author{color:var(--muted);margin:7px 0 13px;font-size:10px}.book-foot{color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-top:11px;font-size:9px;display:flex}.book-foot span,.book-foot button{align-items:center;gap:6px;font-size:9px;display:flex}.book-foot button{color:var(--accent)}progress{width:100%;height:3px;accent-color:var(--accent);border:0}.pagination{color:var(--muted);justify-content:center;align-items:center;gap:18px;margin:30px 0;font-size:12px;display:flex}.writer-callout{border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 4%, var(--background));border-radius:5px;align-items:center;gap:25px;margin:55px 0 0;padding:33px 35px;display:flex}.callout-mark{border:1px solid var(--border);width:76px;height:76px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.writer-callout h2{margin:4px 0 10px;font-size:22px}.writer-callout p:not(.eyebrow){color:var(--muted);margin:0;font-size:11px}.writer-callout .eyebrow{margin:0;font-size:8px}.writer-callout button{flex-shrink:0;margin-left:auto}.footer{border-top:1px solid var(--border);align-items:center;gap:35px;padding:30px max(28px,50vw - 600px);display:flex}.footer .brand{color:var(--accent);font-size:21px}.footer p{color:var(--muted);font-size:10px}.footer>div{color:var(--muted);align-items:center;gap:10px;margin-left:auto;font-size:10px;display:flex}.theme-dot{border:1px solid var(--border);border-radius:50%;width:22px;height:22px;min-height:22px;padding:0}.theme-dot.current{outline:1px solid var(--accent);outline-offset:3px}.page-title{margin-bottom:30px;padding-top:45px}.page-title h1{margin:8px 0 13px;font-size:36px}.page-title p:not(.eyebrow){color:var(--muted);font-size:12px}.empty{text-align:center;border:1px dashed var(--border);border-radius:5px;flex-direction:column;align-items:center;gap:8px;padding:65px 25px;display:flex}.empty>svg{color:var(--accent);margin-bottom:12px}.empty h2,.empty h3{margin:8px 0}.empty p{color:var(--muted);margin:5px 0 20px;font-size:12px}.empty.compact{padding:30px}.banner{border:1px solid var(--border);background:var(--surface);border-radius:4px;margin:15px 0;padding:15px 18px;font-size:12px;line-height:1.8}.banner.error{color:#a34736;background:#fff4ef;border-color:#e4b4a4}.banner button{margin-left:10px;font-size:11px;text-decoration:underline}.panel{border:1px solid var(--border);background:var(--surface);border-radius:5px;padding:22px}label{margin-bottom:18px;font-size:12px;font-weight:600;line-height:1.7;display:block}label small{font-weight:400;display:inline}input,textarea,select{border:1px solid var(--border);background:var(--background);width:100%;color:var(--foreground);border-radius:4px;min-height:42px;margin-top:7px;padding:11px 12px;line-height:1.7;display:block}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8;font-weight:400}textarea{resize:vertical}input[type=range]{accent-color:var(--accent);min-height:20px;padding:0}input[type=checkbox],input[type=radio]{width:17px;height:17px;min-height:17px;accent-color:var(--accent);margin:0}.checkbox{align-items:center;gap:10px;font-weight:400;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.modal-backdrop,.drawer-backdrop{z-index:80;background:#17130b55;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:490px;max-width:100%;max-height:90vh;padding:30px;overflow:auto;box-shadow:0 25px 80px #0002}.modal.wide{width:620px}.modal .section-head{align-items:flex-start}.modal h2{margin:0;font-size:25px}.modal p{color:var(--muted);font-size:12px}.modal>button:last-child{width:100%;margin-top:20px}.cover-options{border:0;gap:10px;margin:0 0 20px;padding:0;display:flex}.cover-options legend{margin-bottom:10px;font-size:12px}.cover-options label{cursor:pointer;flex:1;margin:0;position:relative}.cover-options input{z-index:1;position:absolute;top:5px;left:5px}.cover-options .cover-thumbnail{object-fit:cover;border:2px solid #0000;border-radius:3px;width:100%;height:80px;display:block}.cover-options input:checked+.cover-thumbnail{border-color:var(--accent)}.toast{z-index:100;background:var(--foreground);color:var(--background);border-radius:6px;align-items:center;gap:10px;max-width:calc(100vw - 30px);padding:15px 22px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0002}.toast svg{flex-shrink:0}.count{background:var(--background);width:24px;height:24px;font:12px var(--sans);border-radius:50%;place-items:center;display:inline-grid}.reader-page{max-width:1150px;margin:auto;padding:0 28px 65px}.reader-top{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:10px;display:flex}.reader-top button{font-size:11px}.reader-top>span{letter-spacing:.1em;font-size:9px}.reader-title{text-align:center;max-width:740px;margin:42px auto 35px}.reader-title h1{margin:12px 0;font-size:35px}.reader-title>p:not(.eyebrow){color:var(--muted);max-width:590px;margin:14px auto;font-size:12px}.reader-controls{justify-content:center;align-items:center;gap:28px;margin:25px 0;display:flex}.reader-controls label{align-items:center;gap:7px;margin:0;display:flex}.reader-controls select{background:0 0;border:0;max-width:300px;margin:0;font-size:11px}.reader-controls button{color:var(--accent);font-size:11px}.reader-settings{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin:20px auto 30px;display:grid}.reader-settings label{margin:0;font-size:11px}.reader-settings output{float:right;color:var(--muted);font-size:10px}.reader-settings select{font-size:10px}.prose{background:var(--surface);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:3px;margin:auto;padding:50px 55px}.prose h2{text-align:center;color:inherit;margin:15px 0 30px;font-size:29px;line-height:1.7}.chapter-number{text-align:center;font:9px var(--sans);letter-spacing:.2em;color:var(--accent)}.ornament{text-align:center;letter-spacing:.6em;color:var(--muted);margin:15px 0 30px;font-size:17px}.paragraph{position:relative}.paragraph p{font-family:inherit;line-height:inherit;white-space:pre-wrap;margin:0 0 1.5em}.paragraph-comment{opacity:.25;width:30px;height:30px;font-size:10px;position:absolute;top:1px;right:-39px}.paragraph:hover .paragraph-comment{opacity:1}.paragraph-comment:focus-visible{opacity:1}.watermark{color:var(--muted);text-align:center;font:9px var(--sans);opacity:.6;display:block}.reader-theme-paper{color:#352b23;--accent:#79593d;--muted:#726b61;background:#fffdf5}.reader-theme-sepia{color:#3d3024;--accent:#77502b;--muted:#75614d;background:#f0e3cc}.reader-theme-dark{color:#eeeae1;--accent:#d0b58c;--muted:#aaa99f;background:#222421}.chapter-nav{max-width:720px;color:var(--muted);justify-content:space-between;align-items:center;margin:26px auto;font-size:11px;display:flex}.reader-end{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;padding-top:23px;font-size:10px;display:flex}.reader-end button{color:var(--muted);font-size:10px}.selection-actions{z-index:50;gap:5px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 3px 20px #0002}.audio-panel{margin:25px auto}.audio-panel h3{margin:0;font-size:19px}.audio-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.audio-controls label{flex:1;min-width:110px;margin:0;font-size:10px}.audio-controls select{margin-top:3px;font-size:10px}.audio-panel details{margin-top:20px;font-size:11px}.audio-panel details p{color:var(--muted);font-size:10px}.drawer-backdrop{justify-content:flex-end;padding:0}.drawer{background:var(--surface);border-left:1px solid var(--border);width:470px;max-width:100%;height:100%;padding:30px;overflow:auto}.drawer h2{margin:0;font-size:24px}.drawer textarea{margin-bottom:15px}.drawer>small{margin-top:20px}.drawer blockquote{border-left:2px solid var(--accent);font:14px/1.8 var(--serif);color:var(--muted);margin:20px 0;padding-left:18px}.comment{border-bottom:1px solid var(--border);padding:18px 0}.comment strong{font-size:12px}.comment small{float:right;font-size:9px}.comment p{white-space:pre-wrap;font-size:12px}.ai-answer{white-space:pre-wrap;background:var(--background);border:1px solid var(--border);border-radius:5px;margin:20px 0;padding:18px;font-size:13px;line-height:1.85}.studio-welcome{text-align:center;padding:80px 20px}.studio-welcome .callout-mark{margin:0 auto 25px}.studio-welcome>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:2}.studio-welcome>.button{margin-top:20px}.studio-guest-help{margin:12px auto 0;display:flex}.guide-entry-actions{align-items:center;gap:10px;display:flex}.studio-help{min-height:38px}.modal.guide-modal{width:min(860px,100%);padding:0}.guide-heading{justify-content:space-between;align-items:flex-start;gap:20px;padding:28px 32px 18px;display:flex}.guide-heading h2{margin:5px 0 9px}.guide-heading p:last-child{margin:0}.guide-progress{background:var(--border);height:4px}.guide-progress span{background:var(--accent);height:100%;transition:width .2s;display:block}.guide-layout{grid-template-columns:215px minmax(0,1fr);min-height:470px;display:grid}.guide-steps{border-right:1px solid var(--border);background:color-mix(in srgb, var(--accent) 4%, var(--surface));padding:20px 12px}.guide-step{text-align:left;width:100%;min-height:0;color:var(--muted);background:0 0;border:0;justify-content:flex-start;gap:11px;padding:11px;font-size:11px;font-weight:400;line-height:1.5;display:flex}.guide-step>span:first-child{color:var(--accent);font-size:10px}.guide-step>span:nth-child(2){flex:1}.guide-step.active{color:var(--foreground);background:var(--surface);box-shadow:inset 2px 0 var(--accent);font-weight:600}.guide-body{min-width:0;padding:25px 32px 28px}.guide-body h3{margin:7px 0 10px;font-size:23px}.guide-body>p:not(.eyebrow){line-height:1.8}.guide-exercise{border:1px solid var(--border);background:var(--background);border-radius:5px;margin:18px 0;padding:18px}.guide-exercise>strong{align-items:center;gap:8px;font-size:12px;display:flex}.guide-exercise>p{margin:8px 0 14px}.guide-exercise label{margin:13px 0;font-size:11px;font-weight:600;display:block}.guide-exercise label small{color:var(--muted);font-weight:400}.guide-exercise textarea,.guide-exercise select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--foreground);border-radius:4px;margin-top:7px;padding:11px;font-size:12px;line-height:1.7;display:block}.guide-exercise textarea{resize:vertical;min-height:100px}.guide-exercise>small,.guide-action small{color:var(--muted);line-height:1.7;display:block}.guide-tip{align-items:flex-start;gap:9px;padding-left:2px;display:flex}.guide-tip svg{flex-shrink:0;margin-top:3px}.guide-action{margin-top:18px}.guide-action>button,.guide-action>a{margin-bottom:9px}.guide-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:15px 32px 22px;display:flex}.welcome-features{color:var(--muted);justify-content:center;gap:45px;margin-top:60px;font-size:11px;display:flex}.welcome-features span{align-items:center;gap:10px;display:flex}.welcome-features svg{width:19px}.project-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.project-card{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:5px;gap:22px;min-width:0;padding:20px;display:flex}.project-art{background-position:50%;background-size:cover;border-radius:3px;width:85px;min-width:85px;height:125px}.project-card>div:nth-child(2){flex:1;min-width:0}.project-card h2{margin:12px 0 8px;font-size:21px}.project-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.status{font-size:9px;font-family:var(--sans);border:1px solid var(--border);color:var(--muted);border-radius:3px;padding:3px 7px;display:inline-block}.status-published{color:#4e7147;background:#eef4e9;border-color:#c7d6be}.status-pending{color:#916325;background:#fff7e9}.studio-top{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:28px;padding:19px 30px;display:flex}.studio-top>button{font-size:11px}.studio-top>div:nth-child(2){border-left:1px solid var(--border);flex:1;padding-left:24px}.studio-top strong{font:17px var(--serif)}.studio-top small{margin-top:5px;font-size:9px}.studio-top button{font-size:11px}.studio-layout{grid-template-columns:220px minmax(0,1fr);max-width:1600px;min-height:750px;margin:auto;display:grid}.chapter-sidebar{border-right:1px solid var(--border);flex-direction:column;padding:25px 15px;display:flex}.studio-tabs{border-bottom:1px solid var(--border);gap:15px;margin:0 0 30px;padding-bottom:18px;display:flex}.studio-tabs button{color:var(--muted);font-size:10px}.studio-tabs .active{color:var(--accent)}.chapter-sidebar .eyebrow{margin-left:10px;font-size:8px}.chapter-item{color:var(--foreground);text-align:left;background:0 0;border:0;border-radius:4px;justify-content:flex-start;gap:12px;width:100%;margin-bottom:7px;padding:12px 10px;font-size:11px;display:flex}.chapter-item.selected{background:color-mix(in srgb, var(--accent) 9%, transparent);color:var(--accent)}.chapter-item>span{color:var(--muted);font-size:9px}.chapter-item>div{text-overflow:ellipsis;flex:1;overflow:hidden}.chapter-item small{margin-top:4px;font-size:8px}.add-chapter{color:var(--accent);justify-content:flex-start;margin:18px 10px;font-size:10px}.sidebar-note{color:var(--muted);margin-top:auto;padding:45px 10px 0}.sidebar-note p{font:11px/2 var(--serif)}.writing-area{background:var(--surface);flex-direction:column;min-width:0;display:flex}.editor-toolbar{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:22px;padding:17px 25px;font-size:10px;display:flex}.editor-toolbar span:first-child{flex:1;align-items:center;gap:6px;display:flex}.editor-toolbar button{font-size:10px}.dot{background:#79966b;border-radius:50%;width:5px;height:5px}.error-dot{background:#b35442}.writing-sheet{flex:1;padding:45px 45px 20px}.writing-sheet .eyebrow{font-size:9px}.chapter-title-input{font:27px/1.6 var(--serif);background:0 0;border:0;margin:12px 0 25px;padding:0}.manuscript{resize:vertical;min-height:570px;font:17px/2 var(--serif);outline-offset:12px;background:0 0;border:0;padding:0}.editor-foot{text-align:center;letter-spacing:.12em;color:var(--muted);padding:15px;font-size:7px}.world-workspace{grid-column:2;min-width:0;padding:40px}.world-workspace h2{font-size:29px}.world-workspace .section-head p:not(.eyebrow){color:var(--muted);font-size:12px}.world-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.world-card{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:5px;padding:25px;display:block}.world-card .eyebrow{font-size:8px}.world-card p{white-space:pre-wrap;color:var(--muted);-webkit-line-clamp:7;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.hub-page{max-width:1080px}.hub-security{background:color-mix(in srgb, var(--accent) 5%, var(--background));border:1px solid var(--border);color:var(--accent);border-radius:5px;align-items:center;gap:19px;padding:22px 25px;display:flex}.hub-security strong{font-size:13px}.hub-security p{color:var(--muted);margin:6px 0 0;font-size:11px}.hub-section{margin-top:35px}.hub-section>h2{margin-bottom:22px;font-size:23px}.connections{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:15px;display:grid}.connection{align-items:center;gap:15px;display:flex}.provider-logo{font:25px var(--serif);background:var(--background);border:1px solid var(--border);border-radius:50%;place-items:center;width:45px;height:45px;display:grid}.connection>div{flex:1;min-width:0}.connection h3{margin:0 0 7px;font-size:17px}.connection p{color:var(--muted);margin:0 0 8px;font-size:10px}.connection code{overflow-wrap:anywhere;color:var(--accent);font-size:10px}.routing-table{gap:8px;display:grid}.ai-route-editor{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;padding:12px}.ai-route-heading{align-items:center;gap:8px;min-height:32px;display:flex}.ai-route-heading>strong{margin-right:auto;font-size:14px}.ai-route-heading .quiet{font-size:11px}.ai-task-model{border-top:1px solid var(--border);align-items:center;gap:6px;min-width:0;padding:4px 0;display:flex}.ai-model-priority{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;flex:0 0 18px;font-size:11px}.ai-task-model-name{flex:1;min-width:0}.ai-task-model-name strong,.ai-task-model-name small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ai-task-model-name strong{font-size:13px}.ai-task-model-name small{color:var(--muted);margin-top:2px;font-size:10px}.ai-model-actions{flex-shrink:0;gap:0;display:flex}.ai-model-actions .icon-button,.ai-route-heading .icon-button{width:32px;min-width:32px;height:36px;min-height:36px;padding:0}.ai-model-picker{align-items:center;gap:4px;margin-top:6px;display:flex}.ai-model-picker select{flex:1;width:100%;min-width:0;min-height:44px;margin:0}.hub-page .connection{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:12px;display:grid}.hub-page .provider-logo{flex:0 0 32px;width:32px;height:32px;font-size:18px}.hub-page .connection h3{margin-bottom:3px;font-size:14px}.hub-page .connection p{margin-bottom:4px;font-size:11px}.ai-connection-info{min-width:0}.ai-connection-info h3,.ai-connection-info p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ai-connected-models{--model-timeout-width:76px;--model-action-width:36px;grid-column:1/-1;min-width:0}.ai-model-list-heading,.ai-connected-model{grid-template-columns:minmax(0, 1fr) var(--model-timeout-width) var(--model-action-width);align-items:center;column-gap:8px;display:grid}.ai-model-list-heading{border-bottom:1px solid var(--border);color:var(--muted);padding-bottom:5px;font-size:11px}.ai-model-list-heading>span:nth-child(2){text-align:center;white-space:nowrap}.ai-model-heading-label{white-space:nowrap}.ai-model-list{min-width:0;margin:0;padding:0;list-style:none}.ai-connected-model{border-bottom:1px solid var(--border);min-width:0;padding-block:4px}.ai-connected-model:last-child{border-bottom:0;padding-bottom:0}.ai-connected-model .ai-model-name{min-width:0;min-height:36px;color:var(--foreground);text-align:left;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:4px;padding:4px 0;display:flex}.ai-model-name>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.ai-model-name>svg{color:var(--muted);flex:none}.ai-model-name[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.ai-model-name>.ai-image-model-icon{color:var(--accent)}.ai-image-model-icon{vertical-align:middle;color:var(--accent);flex:none}.ai-task-model-title{align-items:center;gap:4px;min-width:0;display:flex}.ai-task-model-title>strong{min-width:0}.catalog-fetch-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.catalog-fetch-actions>button{min-height:44px}.ai-model-name:hover{color:var(--accent)}.ai-connected-models .icon-button{width:var(--model-action-width);min-width:var(--model-action-width);height:36px;min-height:36px;padding:0}.ai-model-details{background:var(--background);border-radius:5px;grid-column:1/-1;min-width:0;margin-top:3px;padding:8px;font-size:12px}.ai-model-details strong,.ai-model-details code{overflow-wrap:anywhere;white-space:normal;display:block}.ai-model-details code{margin-top:4px}.ai-model-catalog{gap:12px;min-width:0;margin:16px 0;display:grid}.ai-model-catalog>button{justify-self:start;min-height:44px}.ai-model-catalog small{color:var(--muted);line-height:1.6}.ai-model-catalog .catalog-search{margin:0}.catalog-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.catalog-count{color:var(--muted);margin-right:auto;font-size:12px}.catalog-row-limit{border:1px solid var(--border);border-radius:8px;align-items:center;display:inline-flex}.catalog-row-limit button{width:36px;min-width:36px;min-height:36px;color:var(--foreground);background:0 0;border:0;padding:0}.catalog-row-limit output{text-align:center;font-variant-numeric:tabular-nums;min-width:66px;font-size:12px}.help-hint{color:var(--foreground);flex-shrink:0;display:inline-flex;position:relative}.help-hint summary{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:36px;height:36px;list-style:none;display:grid}.help-hint summary::-webkit-details-marker{display:none}.help-hint[open] summary,.help-hint summary:hover{color:var(--accent);border-color:var(--accent)}.help-hint-content{z-index:30;border:1px solid var(--border);background:var(--surface);width:min(340px,100vw - 32px);color:var(--foreground);border-radius:8px;padding:14px 16px;font-size:13px;font-weight:400;line-height:1.65;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0002}.ai-help-heading{align-items:center;gap:10px;display:flex}.hub-security{padding:12px 18px}.hub-section>.section-head h2{font-size:23px}.modal.wide.ai-connection-modal{width:min(960px,100%)}.catalog-table{min-width:0;max-height:480px}.catalog-table table{table-layout:fixed;min-width:720px;font-size:13px}.catalog-table .catalog-col-name{width:27%}.catalog-table .catalog-col-inputUsdPerMillion,.catalog-table .catalog-col-outputUsdPerMillion{width:15%}.catalog-table .catalog-col-contextTokens{width:18%}.catalog-table .catalog-col-releasedAt{width:25%}.catalog-table th{background:var(--surface);position:sticky;top:0}.catalog-table th,.catalog-table td{min-width:0;padding:7px}.catalog-table th{vertical-align:top}.catalog-table td:not(:first-child){white-space:nowrap;font-variant-numeric:tabular-nums}.catalog-table .catalog-sort{border:1px solid var(--border);background:var(--background);width:100%;min-width:0;min-height:48px;color:var(--foreground);text-align:left;border-radius:8px;flex-direction:column;justify-content:center;align-items:stretch;gap:3px;padding:7px 9px;font-size:12px;display:flex}.catalog-table .catalog-sort.is-sorted{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.catalog-table .catalog-sort-main{justify-content:space-between;align-items:center;gap:4px;width:100%;display:flex}.catalog-table .catalog-sort-marker{height:34px;color:var(--accent);flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:2px;display:inline-flex}.catalog-table .catalog-sort:not(.is-sorted) .catalog-sort-marker{opacity:.55}.catalog-table .catalog-sort:not(.is-sorted) .catalog-sort-rank{visibility:hidden}.catalog-table .catalog-sort-rank{background:var(--accent);width:18px;height:18px;color:var(--surface);border-radius:50%;place-items:center;font-size:10px;display:grid}.catalog-table .catalog-unit{min-height:15px;color:var(--muted);font-size:10px;font-weight:400;line-height:15px}.catalog-table .catalog-heading-mobile,.catalog-table .catalog-value-mobile{display:none}.catalog-table .catalog-model-name{width:100%;min-width:0;min-height:44px;color:var(--accent);text-align:left;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:6px;padding:0;font-weight:700;display:flex}.catalog-table .catalog-model-name svg{flex-shrink:0}.catalog-table .catalog-model-name span{overflow-wrap:anywhere;white-space:normal;min-width:0;display:block}.catalog-table .catalog-model-name:hover span{text-decoration:underline}.catalog-table .catalog-chosen{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.table-scroll{border:1px solid var(--border);border-radius:5px;overflow:auto}table{border-collapse:collapse;background:var(--surface);text-align:left;width:100%;font-size:10px}th,td{border-bottom:1px solid var(--border);padding:15px}th{color:var(--muted);background:var(--background);font-weight:400}td small{margin-top:5px;font-size:8px}.hub-section>small{margin-top:18px;font-size:10px}.admin-row{align-items:center;gap:15px;margin:15px 0;display:flex}.admin-row>div{flex:1}.admin-row p{color:var(--muted);font-size:12px}.moderation-reason{max-width:700px}@media (min-width:1450px){.hero{padding-top:65px;padding-bottom:65px}.book-cover{height:280px}}@media (max-width:1050px){.topbar{gap:20px;padding:0 24px}.topbar nav{gap:17px}.nav svg{display:none}.hero{gap:20px;padding:45px 10px}.hero h1{font-size:34px}.book-grid{gap:30px 19px}.book-cover{height:230px}.book-cover>span:last-child{font-size:21px}.writer-callout{gap:20px;padding:27px}.writer-callout h2{font-size:19px}.studio-layout{grid-template-columns:185px minmax(0,1fr)}.writing-sheet{padding:35px 28px}.world-grid{grid-template-columns:1fr 1fr}}@media (max-width:800px){.topbar{flex-wrap:wrap;gap:12px;height:auto;padding:18px 22px 0}.topbar .brand{font-size:25px}.topbar .brand small{font-size:6px}.header-actions{margin-left:auto}.topbar nav{order:3;justify-content:space-around;gap:15px;width:100%}.nav{padding:16px 4px;font-size:11px}.nav svg{width:14px;display:block}.hero{grid-template-columns:1.3fr 1fr;gap:10px;padding:35px 0}.hero h1{font-size:30px}.hero .eyebrow{font-size:7px}.hero-description{font-size:11px}.hero-feature{max-width:240px}.featured-cover{width:180px;height:260px;padding:16px}.featured-title{font-size:22px}.feature-annotation{display:none}.hero-note{font-size:8px}.hero .actions{gap:9px}.hero .actions button{padding:10px 12px;font-size:10px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.book-cover{height:240px}.book-cover>span:last-child{font-size:22px}.writer-callout{flex-wrap:wrap}.writer-callout .callout-mark{display:none}.writer-callout button{margin:0}.footer{flex-wrap:wrap;gap:20px}.footer p{display:none}.studio-layout{grid-template-columns:170px minmax(0,1fr)}.world-workspace{grid-column:2;padding:25px}.world-grid,.project-grid{grid-template-columns:1fr}.reader-settings{grid-template-columns:repeat(3,minmax(0,1fr))}.connections{grid-template-columns:minmax(0,1fr)}.welcome-features{gap:22px}.studio-welcome h1{font-size:34px}.writing-sheet{padding:30px}.manuscript{min-height:430px}.reader-controls{flex-wrap:wrap;gap:15px}.reader-title h1{font-size:30px}}@media (max-width:560px){.page{padding:0 20px 40px}.hero{flex-direction:column;align-items:flex-start;gap:30px;padding:35px 0 30px;display:flex}.hero h1{font-size:32px}.hero .eyebrow{font-size:7px}.hero-description{font-size:11px}.hero-feature{align-self:center;width:100%;max-width:300px}.featured-cover{width:210px;height:265px;transform:rotate(-3deg)}.feature-caption{margin-top:22px}.hero .actions button{padding:11px 15px;font-size:11px}.hero-note{margin-top:22px;font-size:9px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 15px}.book-cover{height:220px;padding:18px 12px}.book-cover>span:last-child{font-size:21px}.book-name{font-size:15px}.book-author{font-size:9px}.book-foot,.book-foot button{font-size:8px}.book-foot svg{width:11px}.catalog .section-head{align-items:flex-start;gap:10px}.catalog .eyebrow{font-size:7px}.catalog h2{font-size:22px}.section-head>.quiet{white-space:nowrap;margin-top:5px;font-size:9px}.filter-row{flex-wrap:wrap;gap:8px}.search-field{flex-basis:100%;min-width:0}.sort{width:160px;margin-left:auto}.sort select{margin:0;font-size:10px}.genre-list{gap:7px;margin:15px 0 23px}.chip{min-height:30px;padding:7px 12px;font-size:9px}.writer-callout{gap:18px;margin-top:35px;padding:23px}.writer-callout h2{font-size:21px}.writer-callout p:not(.eyebrow),.writer-callout button{font-size:10px}.footer{gap:15px;padding:25px 20px}.footer .brand{font-size:20px}.footer>div{gap:9px}.topbar{padding:17px 20px 0}.topbar .brand small{font-size:5.5px}.logo-mark{border-radius:7px;width:34px;height:34px}.topbar .brand{gap:9px;font-size:23px}.header-actions{gap:4px}.header-actions .button{min-height:33px;padding:8px;font-size:9px}.header-actions .button svg{display:none}.header-actions .icon-button{width:30px;height:30px}.nav{gap:6px;font-size:10px}.nav svg{width:13px}.page-title{padding-top:32px}.page-title h1{font-size:30px}.page-title .button,.page-title>button{white-space:nowrap;padding:10px 12px;font-size:10px}.page-title p{font-size:11px}.modal-backdrop{padding:12px}.modal{max-height:94vh;padding:23px}.modal h2{font-size:23px}.modal .eyebrow{font-size:8px}.form-grid{grid-template-columns:1fr;gap:0}.cover-options{gap:5px}.cover-options .cover-thumbnail{height:65px}.cover-options input{width:13px;height:13px;min-height:13px;top:4px;left:3px}.studio-top{flex-wrap:wrap;gap:14px;padding:15px}.studio-top>div:nth-child(2){padding-left:14px}.studio-top strong{font-size:14px}.studio-top small{font-size:8px}.studio-top .actions{gap:5px}.studio-top .actions button{padding:10px;font-size:10px}.studio-top>button{font-size:9px}.studio-top .actions .icon-button{width:30px;padding:0}.studio-layout{flex-direction:column;display:flex}.chapter-sidebar{border-right:0;border-bottom:1px solid var(--border);padding:15px;display:block}.studio-tabs{gap:25px;margin:0 0 12px;padding-bottom:12px}.chapter-sidebar>.eyebrow,.sidebar-note{display:none}.chapter-item{vertical-align:middle;width:auto;max-width:210px;margin:0 6px 8px 0;padding:8px;font-size:10px;display:inline-flex}.chapter-item small{display:none}.add-chapter{margin:8px;font-size:10px;display:inline-flex}.writing-sheet{padding:30px 24px}.chapter-title-input{font-size:26px}.manuscript{min-height:430px;font-size:16px}.world-workspace{padding:25px 20px}.world-workspace h2{font-size:23px}.world-workspace .section-head{align-items:flex-start}.world-workspace .section-head button{white-space:nowrap;padding:9px;font-size:9px}.studio-welcome{padding:45px 0}.studio-welcome h1{font-size:29px}.studio-welcome p:not(.eyebrow){font-size:11px}.welcome-features{flex-direction:column;align-items:center;gap:20px;margin-top:35px}.reader-page{padding:0 15px 45px}.reader-top{gap:10px;padding:14px 0}.reader-top>span{font-size:7px}.reader-top .actions{gap:0}.reader-top .icon-button{width:31px}.reader-top>button{font-size:10px}.reader-title{margin-top:30px}.reader-title h1{font-size:28px}.reader-title p:not(.eyebrow){font-size:11px}.reader-controls{gap:7px}.reader-controls label{justify-content:center;width:100%}.reader-settings{grid-template-columns:1fr 1fr;gap:18px;padding:18px}.prose{padding:35px 28px 30px 22px}.prose h2{font-size:24px}.paragraph-comment{opacity:.3;width:25px;height:25px;right:-27px}.paragraph-comment svg{width:12px}.chapter-nav button{padding:10px 12px;font-size:10px}.chapter-nav span{font-size:10px}.reader-end{gap:15px;font-size:9px}.reader-end button{font-size:9px}.drawer{padding:24px}.audio-controls>button{font-size:10px}.audio-panel h3{font-size:16px}.audio-panel .section-head{flex-wrap:wrap;align-items:flex-start;gap:6px}.hub-security{align-items:flex-start;padding:18px}.hub-security>svg{flex-shrink:0;width:20px}.hub-security strong{font-size:12px}.hub-security p{font-size:10px}.routing-table{padding:0 14px}.routing-table label{gap:12px;font-size:10px}.routing-table select{width:55%;font-size:10px}.admin-row{flex-wrap:wrap}.admin-row>div{flex-basis:100%}.admin-row button{font-size:10px}.notification-panel{right:15px}.toast{width:max-content;max-width:calc(100vw - 30px);font-size:11px}.project-card{gap:15px;padding:16px}.project-card h2{font-size:19px}.project-art{width:65px;min-width:65px;height:110px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.topbar,.footer,.reader-top,.reader-title,.reader-settings,.audio-panel,.chapter-nav,.reader-end,.paragraph-comment,.drawer-backdrop,.selection-actions,.toast{display:none!important}.prose{border:0;padding:0;color:#000!important;background:#fff!important;max-width:none!important}.reader-page{padding:0}body{background:#fff}.prose p{break-inside:avoid}}.cover-thumbnail{background-position:50%;background-size:cover;width:100%;height:108px;display:block}.import-label{cursor:pointer;margin:0;font-size:12px;position:relative}.import-label input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.modal details{border-bottom:1px solid var(--border);padding:12px 0}.reader-theme-custom{border-radius:4px;padding:36px}@media (max-width:700px){.guide-entry-actions{flex-wrap:wrap;justify-content:flex-end}.studio-help span{display:none}.guide-heading{padding:20px 18px 14px}.guide-heading h2{font-size:21px}.guide-layout{min-height:0;display:block}.guide-steps{border-right:0;border-bottom:1px solid var(--border);padding:10px;display:flex;overflow-x:auto}.guide-step{flex:0 0 160px}.guide-body{padding:20px 18px}.guide-body h3{font-size:19px}.guide-exercise{padding:14px}.guide-footer{padding:14px 18px 18px}}.account-panel{max-height:90dvh;overflow-y:auto}.account-section{border-top:1px solid var(--border);margin-top:24px;padding-top:22px}.account-section h3{margin-bottom:8px}.account-section p{color:var(--muted);line-height:1.65}.account-section form,.settings-form{gap:18px;display:grid}.account-section>button,.account-section>form>button{margin-top:16px}.pen-list{gap:12px;margin:20px 0;display:grid}.pen-card{border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.pen-card small{color:var(--muted);margin-top:6px;display:block}.pen-create{align-items:end;gap:12px;display:flex}.pen-create label{flex:1}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.selected-pen{color:var(--accent);opacity:1!important}.table-scroll{max-width:100%;margin:18px 0;overflow-x:auto}.table-scroll table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.table-scroll th,.table-scroll td{border-bottom:1px solid var(--border);vertical-align:top;padding:12px}.table-scroll th{white-space:nowrap;color:var(--muted);font-weight:600}.table-scroll code{overflow-wrap:anywhere;font-size:11px}.admin-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.moderation-card{margin-bottom:14px}.moderation-card .row-actions{margin-top:18px}.import-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--background);border:1px solid var(--border);border-radius:8px;max-height:300px;padding:16px;font-size:12px;overflow:auto}.danger-button{color:#fff;background:#9a3535}.signin-panel{gap:18px;max-width:560px;margin:60px auto;padding:36px;display:grid}.signin-panel p{line-height:1.7}.signin-panel small{color:var(--muted)}.login-options{gap:14px;display:grid}.login-options .button{text-align:center}.remember-login{cursor:pointer;align-items:center;gap:10px;display:flex}.remember-login input{width:18px;height:18px;accent-color:var(--accent)}.account-menu form button{width:100%}.settings-form{max-width:880px}@media (max-width:600px){.pen-card{flex-direction:column;align-items:flex-start}.pen-create{flex-direction:column;align-items:stretch}.account-panel{padding:22px 16px}.admin-tabs button{flex:1 0 auto;min-height:44px}.administration .admin-row{align-items:stretch}.signin-panel{margin:32px auto;padding:24px}.table-scroll{font-size:13px}}.connection>.ai-connection-actions{justify-self:end;align-items:center;gap:2px;display:flex}.ai-connection-actions .icon-button{width:32px;min-width:32px;height:36px;min-height:36px;padding:0}.ai-model-aliases{gap:8px;max-height:45vh;margin-top:12px;display:grid;overflow:auto}.ai-model-aliases label{gap:4px;min-width:0;margin:0;display:grid}.ai-model-aliases label>span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ai-model-settings{border-bottom:1px solid var(--border);min-width:0;padding-block:8px}.ai-model-settings>strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:12px;display:block;overflow:hidden}.ai-model-settings>div{grid-template-columns:minmax(0,1fr) 100px;gap:8px;display:grid}.ai-model-settings label{font-size:12px}.ai-model-timeout{min-width:0;margin:0;display:block}.ai-connected-model .ai-model-timeout input{box-sizing:border-box;text-align:center;font-variant-numeric:tabular-nums;width:100%;min-width:0;height:36px;min-height:36px;margin:0;padding:4px;font-size:13px}@media (max-width:600px){.ai-connected-models{--model-action-width:44px}.ai-connected-models .icon-button,.ai-connected-model .ai-model-name,.ai-connected-model .ai-model-timeout input{height:44px;min-height:44px}}.ai-model-add-bar{z-index:5;background:var(--surface);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex;position:sticky;top:-1px}.ai-model-add-bar span,.ai-selected-names summary{font-size:13px}.ai-selected-names summary,.ai-usage-details summary{cursor:pointer;padding:10px 0}.ai-usage-dashboard{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:14px}.ai-usage-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.ai-chart-tabs{background:var(--background);border-radius:7px;gap:2px;padding:3px;display:flex}.ai-chart-tabs button{min-height:36px;color:var(--muted);background:0 0;border:0;padding:6px 10px;font-size:12px}.ai-chart-tabs button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #0001}.ai-usage-controls select{width:auto;min-height:36px;margin:0;padding:6px;font-size:13px}.ai-usage-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 4px;display:grid}.ai-usage-metrics small{min-height:28px;color:var(--muted);font-size:11px;display:block}.ai-usage-metrics strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:4px;font-size:clamp(13px,2.5vw,22px);display:block}.ai-usage-metrics strong span{color:var(--muted);font-weight:400}.ai-usage-chart{width:100%;margin-top:8px;display:block;overflow:visible}.ai-usage-chart text{font:11px var(--sans);fill:var(--muted)}.ai-chart-grid{stroke:var(--border);stroke-dasharray:3 4}.ai-chart-input{fill:var(--accent);pointer-events:none}.ai-chart-output{fill:#baa882;pointer-events:none}.ai-chart-day{cursor:pointer;outline:none}.ai-chart-day:focus .ai-chart-hit,.ai-chart-day:hover .ai-chart-hit,.ai-chart-day[aria-pressed=true] .ai-chart-hit{fill:color-mix(in srgb, var(--accent) 10%, transparent);stroke:var(--accent);stroke-width:.7px}.ai-chart-caption{color:var(--muted);align-items:center;gap:8px;min-height:30px;font-size:11px;display:flex}.ai-chart-caption>span:last-child{margin-left:auto}.ai-chart-legend{align-items:center;gap:6px;display:flex}.ai-chart-legend i{background:var(--accent);border-radius:2px;width:8px;height:8px}.ai-chart-legend i:nth-of-type(2){background:#baa882;margin-left:8px}.ai-chart-selection{margin:4px 0;font-size:12px}.ai-usage-details{border-top:1px solid var(--border);margin-top:6px;font-size:13px}.ai-usage-details .table-scroll{max-height:380px}@media screen and (max-width:767px){.ai-usage-chart text{font-size:18px}}.writing-ai-group{min-width:0}.writing-ai-tools{flex-wrap:wrap;align-items:center;gap:4px;margin:10px 0;display:flex}.writing-ai-tools>.secondary{min-height:34px;padding:6px 10px;font-size:12px}.writing-ai-tools>.icon-button{width:34px;height:34px;min-height:34px;padding:7px}.writing-ai-field{width:100%;min-width:0;display:block;position:relative}.writing-ai-field>input,.writing-ai-field>textarea{width:100%;padding-right:44px}.writing-ai-trigger{border:1px solid var(--border,#dedbd2);width:34px;height:34px;min-height:34px;color:var(--accent,#70613b);background:var(--surface,#fffdf7);z-index:1;border-radius:9px;padding:8px;position:absolute;top:4px;right:4px}.writing-ai-trigger:hover{background:var(--background)}.writing-ai-trigger:focus-visible{outline-offset:2px;outline:2px solid}.writing-ai-backdrop{z-index:300}.writing-ai-dialog{overscroll-behavior:contain;max-height:calc(100dvh - 32px);overflow-y:auto}.writing-ai-dialog .section-head h2{align-items:center;gap:8px;font-size:21px;display:flex}.writing-ai-context{color:var(--muted,#777);margin-bottom:14px;font-size:12px}.writing-ai-context summary{cursor:pointer}.writing-ai-preview{border-top:1px solid var(--border,#dedbd2);margin-top:18px;padding-top:12px}.writing-ai-preview details{border-bottom:1px solid var(--border,#dedbd2);padding:8px 0}.writing-ai-preview summary{cursor:pointer;overflow-wrap:anywhere}.writing-ai-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:var(--background);max-height:300px;color:var(--foreground);padding:8px;font-size:14px;line-height:1.7;overflow-y:auto}.writing-ai-preview .actions{flex-wrap:wrap;margin-top:16px}.writing-change-add{color:#28734a}.writing-change-delete{color:#ae3434}.writing-change-update{color:#85601e}.writing-preference{border-bottom:1px solid var(--border,#dedbd2);padding:12px 0 20px}.writing-volume{margin:12px 0}.writing-volume p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:140px;overflow:auto}.writing-volume-chapters{border:1px solid var(--border,#dedbd2);border-radius:10px;max-height:240px;margin:16px 0;padding:12px;overflow-y:auto}.writing-area>.writing-ai-group>.writing-ai-tools{margin-inline:20px}.studio-tabs{flex-wrap:wrap}@media (max-width:640px){.writing-ai-dialog{width:100%;max-height:calc(100dvh - 16px);padding:18px}.writing-ai-dialog .section-head h2{font-size:18px}.writing-ai-tools>.secondary{max-width:calc(100% - 76px)}.writing-ai-tools>.secondary span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.writing-ai-field>.chapter-title-input{padding-right:42px}.writing-ai-dialog .actions>button{flex:1}}.ai-model-choice{min-width:0}.ai-model-choice select{text-overflow:ellipsis;max-width:100%}.writing-image-field{margin:14px 0}.writing-image-preview{aspect-ratio:1;background-color:var(--background);border:1px solid var(--border);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:10px;width:100%;min-height:200px;max-height:480px}.writing-image-preview.image-cover,.writing-image-preview.image-character{aspect-ratio:2/3;max-width:320px;margin-inline:auto}.writing-image-preview.image-place,.writing-image-preview.image-map{aspect-ratio:3/2}.world-card-image{aspect-ratio:3/2;background-position:50%;background-size:cover;border-radius:7px;width:100%;margin:10px 0;display:block}@media (max-width:640px){.writing-image-preview{min-height:160px;max-height:380px}.writing-ai-preview .actions{gap:8px}}.catalog-type-filter{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.catalog-type-filter .chip{align-items:center;gap:5px;display:inline-flex}.catalog-model-name .catalog-image-mark{color:var(--accent);flex:0 0 14px}.modal.writing-image-dialog{flex-direction:column;min-height:0;display:flex;overflow:hidden}.writing-image-dialog>.section-head{flex-shrink:0}.writing-image-dialog-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;overflow-y:auto}.writing-image-dialog-body>button{width:100%;margin-top:12px}.writing-image-dialog-actions{border-top:1px solid var(--border);padding-top:14px;padding-bottom:env(safe-area-inset-bottom,0px);flex-wrap:wrap;flex-shrink:0;gap:8px;margin-top:12px;display:flex}.writing-image-dialog-actions>*{min-height:44px}@media (max-width:640px){.writing-image-dialog-actions>button:first-child{flex-basis:100%}.writing-image-dialog-actions>.secondary{flex:1}}.world-add-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.world-add-actions .writing-ai-tools{margin:0}.compact-chapters{min-width:0;margin-top:12px}.compact-chapters>.section-head{margin-bottom:8px}.compact-chapter{border-bottom:1px solid var(--border);min-width:0;padding:8px 0}.compact-chapter-title{text-align:left;gap:8px;width:100%;padding:4px 0;display:flex}.compact-chapter-title strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.compact-chapter-actions{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.compact-chapter-actions select{flex:95px;width:95px;min-width:0;padding:6px;font-size:12px}.compact-chapter-actions .icon-button{width:30px;min-width:30px;height:32px;padding:5px}.world-workspace>.world-workspace{border-top:1px solid var(--border);margin-top:28px;padding:24px 0 0}.image-frame{aspect-ratio:3/2;background-color:#eee;background-repeat:no-repeat;background-size:cover;border-radius:12px;width:100%;max-width:420px;margin:auto}.image-frame.image-cover{aspect-ratio:2/3;max-width:260px}.image-framing{gap:10px;display:grid}.writing-image-field>.writing-image-preview{aspect-ratio:3/2;background-size:cover;min-height:0;max-height:none}.writing-image-field>.writing-image-preview.image-cover{aspect-ratio:2/3}@media (max-width:640px){.compact-chapter-actions .icon-button{width:34px;min-width:34px;height:36px}.world-add-actions{width:100%}}.world-add-actions .secondary,.world-add-actions>button,.compact-chapters>.section-head button{min-height:36px;font-size:12px}.compact-chapter-heading{align-items:center;gap:8px;min-width:0;display:flex}.compact-chapter-heading .compact-chapter-title{flex:1;justify-content:flex-start;min-width:0}.compact-chapter-heading select{width:110px;min-width:0;max-width:40%;padding:6px;font-size:12px}.compact-chapter-actions{flex-wrap:nowrap;justify-content:flex-end;margin-top:4px}.world-add-actions .writing-ai-tools{display:contents}.modal.guide-modal{flex-direction:column;min-height:0;max-height:calc(100dvh - 24px);display:flex;overflow:hidden}.guide-heading,.guide-progress,.guide-summary,.guide-footer,.guide-mobile-select{flex-shrink:0}.guide-summary{color:var(--muted);padding:10px 24px}.guide-layout{flex:1;min-height:0;overflow:hidden}.guide-steps,.guide-body{overscroll-behavior:contain;overflow-y:auto}.guide-steps .eyebrow{margin:12px 8px 6px;font-size:9px}.guide-body{min-height:0}.guide-mobile-select{display:none}.guide-done{margin:18px 0}.guide-exercise details,.guide-about{margin-top:16px;font-size:13px;line-height:1.7}.guide-exercise summary,.guide-about summary,.writing-templates summary,.chapter-review summary{cursor:pointer;color:var(--accent);font-weight:600}.guide-footer{padding-bottom:max(14px, env(safe-area-inset-bottom))}.writing-templates,.chapter-review{border:1px solid var(--border);border-radius:10px;margin:16px 0;padding:14px;font-size:13px}.writing-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:12px;display:grid}.writing-template-grid button{text-align:left;white-space:normal;justify-content:flex-start;min-height:44px;font-size:12px}.chapter-review ul{padding-left:20px;line-height:1.8}.chapter-review>button{margin-top:12px}@media (max-width:640px){.guide-heading{padding:16px 16px 10px}.guide-summary{padding:8px 16px;font-size:12px}.guide-mobile-select{padding:0 16px 10px;font-size:12px;display:block}.guide-mobile-select select{width:100%;min-width:0;margin-top:4px;font-size:14px}.guide-steps{display:none}.guide-layout{display:flex}.guide-body{flex:1;padding:16px}.guide-footer{padding:10px 16px max(10px, env(safe-area-inset-bottom))}.guide-action .actions{display:grid}.guide-action button{white-space:normal;width:100%}}.guide-body .guide-done{align-items:center;gap:10px;font-weight:500;display:flex}.guide-done input[type=checkbox]{flex-shrink:0;width:18px;height:18px;margin:0}.guide-exercise textarea{font-weight:400}.ai-prompt-settings>summary{cursor:pointer;padding:12px 0;font-size:18px;font-weight:600}.ai-prompt-settings>p{color:var(--muted);font-size:13px;line-height:1.7}.ai-prompt-settings form{gap:12px;margin-top:16px;display:grid}.ai-prompt-settings select,.ai-prompt-settings textarea{width:100%;min-width:0;font-size:14px}.ai-prompt-settings pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:var(--background);padding:12px;line-height:1.7}.ai-prompt-settings .actions{flex-wrap:wrap}.compact-action-bar{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.compact-action-bar>button{white-space:nowrap;flex-shrink:0;height:44px;min-height:44px;padding:8px 12px;line-height:1.25}.compact-action-bar>.icon-button{width:44px;min-width:44px;padding:10px}.writing-ai-dialog-actions{margin-top:16px}.writing-ai-dialog-actions.has-result{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.writing-ai-dialog-actions>button{gap:6px;min-width:0;font-size:13px}.hero .compact-action-bar>button{height:48px;min-height:48px}.ai-model-name>.ai-backup-count{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:10px}.ai-model-details .ai-route-editor{background:0 0;border:0;padding:8px 0 0}.ai-model-details .ai-task-model-name strong{overflow-wrap:normal;white-space:nowrap}.ai-backup-help{justify-content:flex-end;margin-top:4px;display:flex}.ai-route-heading{flex-wrap:wrap}.ai-route-heading>strong{min-width:0}@media (max-width:600px){.ai-model-details .ai-model-actions .icon-button{width:36px;min-width:36px}}.context-manager-backdrop{z-index:400}.context-manager{flex-direction:column;max-height:calc(100dvh - 24px);display:flex;overflow:hidden}.context-manager>.section-head,.context-manager-footer{flex-shrink:0}.context-manager-body{overscroll-behavior:contain;gap:12px;min-height:0;padding:0 2px 12px;display:grid;overflow-y:auto}.context-manager-body>details{background:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.context-manager-body label{margin:0}.context-manager select,.context-manager input{width:100%;min-width:0;max-width:100%}.context-manager-trigger{white-space:nowrap;min-height:36px}.context-summaries{gap:10px;display:grid}.context-summaries article{border:1px solid var(--border);border-radius:12px;min-width:0;padding:12px}.context-summary-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.summary-status{color:var(--muted);font-size:12px}.summary-current{color:#30704b}.summary-stale,.summary-error{color:#955a14}.context-summary-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.context-tags{gap:8px;min-width:0;display:grid}.context-tag-list{flex-wrap:wrap;gap:6px;display:flex}.context-tag-list button{overflow-wrap:anywhere;text-align:left;white-space:normal;max-width:100%;min-height:36px}.context-tag-add{grid-template-columns:minmax(0,1fr) 44px;gap:8px;display:grid}.context-manager-footer{padding-top:12px;padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--border)}.context-manager-footer button{min-height:44px}.context-manager-footer p,.context-progress{overflow-wrap:anywhere;font-size:13px}.context-source-list{gap:8px;padding-left:20px;display:grid}.context-source-list li{overflow-wrap:anywhere;font-size:13px}.context-checkbox{align-items:center;gap:8px;font-weight:400;display:flex}.context-checkbox input{flex-shrink:0;width:18px;height:18px}.ai-cache-metrics{color:var(--muted);flex-wrap:wrap;gap:8px 20px;font-size:13px;display:flex}@media (max-width:640px){.context-manager{width:calc(100vw - 20px);padding:16px}.context-manager-body{gap:10px}.context-manager-trigger{min-height:40px}}.ai-backup-model{flex-wrap:wrap}.ai-backup-name{width:100%;min-width:0;min-height:40px;color:var(--foreground);text-align:left;background:0 0;border:0;justify-content:flex-start;padding:0}.ai-backup-name strong{flex:1;min-width:0}.ai-backup-name>svg{flex-shrink:0}.ai-backup-name[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.ai-full-model-id{background:var(--background);border-radius:8px;flex-basis:100%;align-items:flex-start;gap:8px;min-width:0;padding:8px;display:flex}.ai-full-model-id code{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;flex:1;min-width:0;font-size:12px}.ai-full-model-id .icon-button{flex-shrink:0;min-width:40px;min-height:40px}.writing-ai-dialog>.section-head{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;display:grid}.writing-ai-dialog>.section-head>.icon-button{grid-area:1/2/3}.writing-ai-dialog .ai-generation-status{white-space:normal;text-align:left;overflow-wrap:anywhere;grid-area:2/1;max-width:100%;min-height:1.5em;font-size:11px}.ai-full-prompt{min-width:0;margin-top:12px}.ai-full-prompt pre{overscroll-behavior:contain;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--background);max-height:min(52dvh,520px);color:var(--foreground);border:1px solid var(--border);border-radius:8px;padding:12px;font:12px/1.6 ui-monospace,monospace;overflow:auto}.image-generation-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.image-generation-options label{min-width:0;margin:0}.image-generation-options .context-checkbox{grid-column:1/-1}.image-generation-options select{width:100%;min-width:0}.image-crop-stage{--crop-height:min(34dvh,300px);background:var(--background);-webkit-user-select:none;user-select:none;border-radius:8px;max-width:100%;margin-inline:auto;position:relative;overflow:hidden}.image-crop-stage>img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.image-crop-selection{touch-action:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #0009}.image-crop-move{cursor:move;touch-action:none;background:0 0;border:0;border-radius:0;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.image-crop-move:after{content:"";pointer-events:none;border:1px solid #ffffff70;position:absolute;inset:33.33%}.image-crop-selection .image-crop-handle{touch-action:none;background:0 0;border:0;border-radius:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;position:absolute}.image-crop-handle:after{content:"";background:#202020;border:2px solid #fff;border-radius:3px;width:12px;height:12px;position:absolute;box-shadow:0 1px 4px #0008}.crop-nw{cursor:nwse-resize;top:0;left:0}.crop-ne{cursor:nesw-resize;top:0;right:0}.crop-sw{cursor:nesw-resize;bottom:0;left:0}.crop-se{cursor:nwse-resize;bottom:0;right:0}.crop-nw:after{top:0;left:0}.crop-ne:after{top:0;right:0}.crop-sw:after{bottom:0;left:0}.crop-se:after{bottom:0;right:0}:is(.image-crop-handle:focus-visible,.image-crop-move:focus-visible){outline:3px solid var(--accent);outline-offset:-3px}.image-frame-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.image-frame-toolbar small{color:var(--muted);flex:1;font-size:11px}.image-framing-panel{border:1px solid var(--border);border-radius:10px;padding:12px}.image-frame,.writing-image-preview,.world-card-image,.project-art,.cover-thumbnail{position:relative;overflow:hidden}.image-crop-layer{pointer-events:none;z-index:0;background:var(--background);width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.book-cover>span,.featured-cover>span,.featured-cover>small{z-index:1;position:relative}.image-frame{max-width:225px;max-height:150px}.image-frame.image-cover{max-width:120px;max-height:180px}.image-download-wrap{display:inline-flex;position:relative}.image-download{background:var(--surface);border:1px solid var(--border);width:36px;height:36px;min-height:36px;color:var(--foreground);border-radius:9px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.image-download-error{z-index:6;background:var(--surface);min-width:160px;color:var(--foreground);border:1px solid var(--border);padding:8px;position:absolute;top:100%;right:0}.project-card-wrap,.world-card-wrap,.book-card,.hero-feature{min-width:0;position:relative}.project-card-wrap>.project-card,.world-card-wrap>.world-card{width:100%;height:100%}.project-card-wrap>.image-download-wrap,.world-card-wrap>.image-download-wrap,.book-card>.image-download-wrap{z-index:2;position:absolute;top:8px;right:8px}.hero-feature>.image-download-wrap{z-index:2;position:absolute;top:52px;right:12px}@media (any-pointer:coarse){.image-download{width:44px;height:44px;min-height:44px}}@media (max-width:767px){.book-card>.image-download-wrap{top:4px;left:32px;right:auto}.image-generation-options{gap:8px}}.image-download-wrap,.project-card-wrap>.image-download-wrap,.world-card-wrap>.image-download-wrap,.book-card>.image-download-wrap,.hero-feature>.image-download-wrap{z-index:3;width:44px;height:44px;position:absolute;inset:0 0 auto auto}.image-download{color:#fff;opacity:.6;filter:drop-shadow(0 1px 2px #000);background:0 0;border:0;border-radius:0;width:44px;height:44px;min-height:44px}:is(.image-download:hover,.image-download:focus-visible){opacity:1;background:0 0}[data-refreshing=true]{opacity:.6}.section-head>div:first-child{flex:1;min-width:0}.section-head h1,.section-head h2,.section-head h3{word-break:normal;overflow-wrap:break-word}.catalog>.section-head{flex-wrap:wrap}.catalog>.section-head>div:first-child{flex-basis:240px}.library-tabs{gap:8px;display:flex}.library-tabs button{white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:44px;display:flex}.compact-chapter-heading{min-width:0}.compact-chapter-heading select{text-overflow:ellipsis;white-space:nowrap;width:clamp(80px,35%,160px);min-width:0;max-width:45%;padding-right:24px;overflow:hidden}.collection-view{min-width:0}.collection-view-toolbar{justify-content:flex-end;gap:2px;margin:6px 0;display:flex}.collection-view-toolbar button{min-height:36px}.collection-view-toolbar [aria-pressed=true]{background:var(--accent-soft,var(--border));color:var(--accent)}.collection-view.is-compact>.book-grid,.collection-view.is-compact>.project-grid,.collection-view.is-compact>.world-grid,.collection-view.is-compact>.connections,.collection-view.is-compact>.local-book-list{grid-template-columns:1fr;gap:6px;display:grid}.collection-view.is-compact .project-card{grid-template-columns:48px minmax(0,1fr) 20px;gap:10px;padding:8px;display:grid}.collection-view.is-compact .project-art{width:48px;height:64px;min-height:0}.collection-view.is-compact .project-card h2,.collection-view.is-compact .world-card h3{white-space:nowrap;text-overflow:ellipsis;margin:2px 0;font-size:16px;overflow:hidden}.collection-view.is-compact .project-card p,.collection-view.is-compact .world-card p{display:none}.collection-view.is-compact .world-card{text-align:left;grid-template-rows:20px 28px;grid-template-columns:52px minmax(0,1fr);gap:2px 10px;padding:8px;display:grid}.collection-view.is-compact .world-card-image{grid-area:1/1/3;width:52px;height:50px;margin:0}.collection-view.is-compact .world-card>.eyebrow,.collection-view.is-compact .world-card>h3{grid-column:2;margin:0}.collection-view.is-compact .world-card:not(:has(.world-card-image)){grid-template-columns:1fr}.collection-view.is-compact .world-card:not(:has(.world-card-image))>*{grid-column:1}.collection-view.is-compact .book-card{grid-template-columns:48px minmax(0,1fr);gap:4px 12px;padding:8px;display:grid}.collection-view.is-compact .book-cover{border-radius:4px;grid-row:1/5;width:48px;height:64px;min-height:0;margin:0}.collection-view.is-compact .book-cover>span{display:none}.collection-view.is-compact .book-card h3{margin:0;font-size:16px}.collection-view.is-compact .book-card p,.collection-view.is-compact .book-card .book-stats{display:none}.collection-view.is-compact .book-meta{margin:0;padding:0}.collection-view.is-compact>article.panel{padding:8px 12px!important}.collection-view.is-compact>article.panel p,.collection-view.is-compact>article.panel blockquote{display:none}.collection-view.is-compact .connection{gap:8px;padding:10px}.collection-view.is-compact .connection>p{display:none}.collection-view.is-compact .local-book{padding:10px}.collection-view.is-compact .local-book>p{display:none}@media (max-width:600px){.library-tabs button{flex:1;padding:8px}.library-tabs button span{display:none}.section-head{gap:10px}.catalog .section-head h2{font-size:clamp(22px,6vw,28px)}}.collection-view.is-compact>.compact-chapter{padding:5px 0}.collection-view.is-compact>.compact-chapter .compact-chapter-actions{gap:0;margin:0}.collection-view.is-compact>.writing-volume>p{display:none}.collection-view.is-compact>.ai-model-list .ai-connected-model{min-height:36px;padding-block:2px}.collection-view.is-compact .catalog-table td{padding-block:2px}.collection-view.is-compact .catalog-model-name{min-height:32px}.collection-view.is-compact .local-book{grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;display:grid}.collection-view.is-compact .local-book-title{text-overflow:ellipsis;white-space:nowrap;grid-column:1;overflow:hidden}.collection-view.is-compact .local-book-topline,.collection-view.is-compact .local-download-controls{display:none}.collection-view.is-compact .local-book-actions{grid-area:1/2/3;margin:0}.collection-view.is-compact .local-book>small{grid-column:1}.ai-action-icon{align-items:center;width:24px;height:24px;display:inline-flex;position:relative}.ai-action-icon>svg:last-child{background:var(--surface);border-radius:2px;position:absolute;bottom:0;right:0}.collection-view.is-compact .book-card .book-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;line-height:1.3;overflow:hidden}.collection-view.is-compact .book-card .book-foot{margin:0;padding:0;font-size:11px}.collection-view.is-compact .book-card .book-foot>button{display:none}.collection-view.is-compact .book-meta{line-height:1.2}.world-add-actions{width:auto;flex:none!important}.collection-view.is-compact>.compact-chapter .compact-chapter-actions{display:none}.collection-view.is-compact>.compact-chapter .compact-chapter-heading{min-height:36px}.collection-view.is-compact .image-download-wrap{display:none}.collection-view.is-compact .book-card{grid-template-rows:24px 24px;grid-template-columns:48px minmax(0,1fr) 32px;align-items:center;gap:2px 10px;padding:8px}.collection-view.is-compact .book-cover{grid-area:1/1/3;width:48px;height:50px}.collection-view.is-compact .book-card .book-name{text-align:left;grid-area:1/2;min-height:0;padding:0}.collection-view.is-compact .book-card .book-author{white-space:nowrap;text-overflow:ellipsis;grid-area:2/2;margin:0;font-size:12px;display:block;overflow:hidden}.collection-view.is-compact .book-card .book-meta{grid-area:1/3/3}.collection-view.is-compact .book-card .book-meta>small,.collection-view.is-compact .book-card .book-foot,.collection-view.is-compact .book-card>progress{display:none}.catalog-tools{flex-wrap:wrap;align-items:flex-start;gap:8px;margin:12px 0;display:flex}.catalog-advanced{flex:1;min-width:200px}.catalog-advanced>summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;display:flex}.catalog-advanced-fields{border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:12px;display:grid}.catalog-advanced-fields label{min-width:0}.catalog-sort-fields{grid-column:1/-1;gap:8px;display:grid}.catalog-sort-row{grid-template-columns:20px minmax(0,1fr) minmax(0,1fr) 36px;align-items:center;gap:6px;display:grid}.catalog-sort-row select{min-width:0}.banner-navigation{align-items:center;gap:12px;margin-top:16px;display:flex}.hero-description{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.catalog-ai-criteria{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;display:flex}.catalog-ai-criteria>button{white-space:nowrap;padding:6px;text-decoration:underline}.scrolling-label{white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:hidden}.scrolling-label>span{min-width:100%;display:inline-block}@keyframes label-travel{0%,15%{transform:translate(0)}85%,to{transform:translateX(var(--label-distance))}}.scrolling-label[data-overflow=true]:hover>span{animation:label-travel var(--label-duration) linear infinite alternate}button:focus-visible .scrolling-label[data-overflow=true]>span{animation:label-travel var(--label-duration) linear infinite alternate}@media (hover:none){.scrolling-label[data-overflow=true]>span{animation:label-travel var(--label-duration) linear infinite alternate}}@media (prefers-reduced-motion:reduce){.scrolling-label>span{animation:none!important}}.story-metrics{scrollbar-width:none;max-width:100%;font-family:var(--sans);font-variant-numeric:tabular-nums;color:var(--muted);align-items:center;gap:8px;font-size:10px;line-height:16px;display:flex;overflow-x:auto}.story-metrics>span{white-space:nowrap;flex:none;align-items:center;gap:3px;display:inline-flex}.story-metrics svg{flex:none}.book-card>.story-metrics{margin-block:4px}.collection-view.is-compact .book-card{grid-template-rows:21px 17px 17px;grid-template-columns:44px minmax(0,1fr);gap:1px 9px}.collection-view.is-compact .book-cover{grid-row:1/4;width:44px;height:57px}.collection-view.is-compact .book-card>.book-meta{display:none}.collection-view.is-compact .book-card>.story-metrics{grid-area:3/2;margin:0}.collection-view.is-compact .book-card .book-name{width:100%}.reader-introductions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:760px;margin:18px auto;display:grid}.reader-introductions>button{justify-content:center;min-width:0;padding:9px 6px;font-size:12px}.reader-introductions>button svg{flex:none}.reader-info-modal{text-align:left}.story-info-header{grid-template-columns:130px minmax(0,1fr);gap:20px;display:grid}.story-info-header h3{overflow-wrap:anywhere}.story-info-cover{aspect-ratio:2/3;background-position:50%;background-size:cover;border-radius:8px;position:relative;overflow:hidden}.story-info-synopsis,.chapter-gallery figcaption p{white-space:pre-wrap;overflow-wrap:anywhere}.story-info-tags{color:var(--muted)}.chapter-gallery{border-top:1px solid var(--border);text-align:left;max-width:900px;margin:28px auto;padding-top:24px}.chapter-gallery h3{align-items:center;gap:8px;display:flex}.chapter-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.chapter-gallery figure{min-width:0;margin:0}.chapter-gallery-image{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:8px;height:360px;position:relative;overflow:hidden}.chapter-gallery figcaption{padding-block:12px}.chapter-gallery-editor{border-top:1px solid var(--border);margin:16px;padding-top:16px}.chapter-gallery-editor summary{cursor:pointer;align-items:center;gap:8px;display:flex}.chapter-gallery-editor .compact-action-bar{flex-wrap:wrap}.chapter-gallery-editor select{max-width:100%}.chapter-attachment-editor{border-top:1px solid var(--border);padding-block:16px}.attachment-upload{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.attachment-upload input{max-width:100%}@media (max-width:600px){.reader-introductions{grid-template-columns:repeat(2,minmax(0,1fr))}.story-info-header{grid-template-columns:88px minmax(0,1fr);gap:12px}.chapter-gallery-grid{grid-template-columns:1fr}.reader-action-tools{gap:2px}}.hero h1,.reader-title h1{overflow-wrap:anywhere}.reader-listening{border:1px solid var(--border);background:var(--surface);max-width:820px;color:var(--foreground);text-align:left;border-radius:14px;margin:20px auto 28px;padding:18px 20px}.reader-listening button,.reader-value-dialog button{min-height:44px}.reader-listening-heading,.reader-listening-heading>div{align-items:center;gap:10px;min-width:0;display:flex}.reader-listening-heading{justify-content:space-between}.reader-listening-heading h2{font:600 16px var(--sans);margin:0}.reader-listening-heading>div{flex-wrap:wrap}.reader-listening-heading .icon-button{flex-shrink:0;width:44px}.reader-audio-status{background:var(--background);color:var(--muted);border-radius:20px;padding:5px 9px;font-size:11px}.reader-audio-status.is-playing{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.reader-listening-chapter{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:8px 0 14px;font-size:12px;overflow:hidden}.reader-playback-row{align-items:center;gap:8px;display:flex}.reader-listening .reader-audio-icon{width:44px;min-width:44px;height:44px;color:var(--foreground);border:1px solid var(--border);background:0 0;border-radius:10px;padding:0}.reader-listening .reader-audio-icon.is-active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.reader-listening .reader-audio-play{border-radius:12px;min-width:120px;min-height:48px;padding:10px 18px;font-size:13px}.reader-audio-settings-toggle{margin-left:auto}.reader-audio-progress{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin-top:12px;font-size:11px;display:flex}.reader-audio-progress>span{flex-shrink:0}.reader-audio-progress progress{background:var(--border);min-width:20px;height:5px;accent-color:var(--accent);border:0;border-radius:10px;flex:1;overflow:hidden}.reader-audio-progress progress::-webkit-progress-bar{background:var(--border)}.reader-audio-progress progress::-webkit-progress-value{background:var(--accent);border-radius:10px}.reader-audio-progress progress::-moz-progress-bar{background:var(--accent)}.reader-sleep-status{color:var(--accent);align-items:center;gap:5px;margin:9px 0 0;font-size:11px;display:flex}.reader-audio-error,.reader-audio-hint{background:var(--background);color:var(--muted);border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:12px;line-height:1.65}.reader-audio-error{color:var(--foreground);border-left:3px solid #b35843}.reader-audio-settings[hidden]{display:none}.reader-audio-settings{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.reader-voice-field>label{align-items:center;gap:5px;margin:0 0 8px;font-size:12px;display:flex}.reader-voice-field>label>span{color:var(--muted);font-weight:400}.reader-voice-row{align-items:center;gap:6px;min-width:0;display:flex}.reader-voice-row select{background:var(--background);width:0;min-width:0;max-width:100%;min-height:44px;color:var(--foreground);border:1px solid var(--border);text-overflow:ellipsis;border-radius:9px;flex:1;margin:0;padding:9px 10px;font-size:13px}.reader-inline-help{color:var(--muted);margin-top:8px;font-size:11px}.reader-inline-help>summary{cursor:pointer;align-items:center;gap:5px;width:fit-content;min-height:34px;display:flex}.reader-inline-help>summary::-webkit-details-marker{display:none}.reader-inline-help p{margin:6px 0 10px;font-size:12px;line-height:1.7}.reader-audio-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.reader-fine-value{min-width:0}.reader-value-trigger{text-align:left;background:var(--background);width:100%;min-height:70px;color:var(--foreground);border-color:var(--border);border-radius:10px;grid-template-columns:1fr auto;gap:5px 8px;padding:10px 12px;display:grid}.reader-value-trigger>span{color:var(--muted);grid-column:1/-1;font-size:11px;font-weight:400}.reader-value-trigger>strong{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;line-height:1.4}.reader-value-trigger>svg{color:var(--muted)}.reader-sleep-field{background:var(--background);border:1px solid var(--border);border-radius:10px;flex-direction:column;justify-content:space-between;gap:6px;min-width:0;margin:0;padding:10px 12px;display:flex}.reader-sleep-field>span{color:var(--muted);align-items:center;gap:5px;font-size:11px;font-weight:400;display:flex}.reader-sleep-field select{width:100%;min-width:0;color:var(--foreground);background:0 0;border:0;min-height:24px;margin:0;padding:0 18px 0 0;font-size:13px;font-weight:600}.reader-audio-toggles{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;margin-top:15px;display:grid}.reader-audio-toggles label{cursor:pointer;align-items:center;gap:9px;min-height:44px;margin:0;font-size:12px;font-weight:400;line-height:1.5;display:flex}.reader-audio-toggles input{width:17px;min-width:17px;height:17px;accent-color:var(--accent);margin:0}.reader-dictionary{border-top:1px solid var(--border);margin-top:10px;padding-top:8px}.reader-dictionary summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:12px;font-weight:600;display:flex}.reader-dictionary summary:before{content:"+";color:var(--muted);font-size:16px}.reader-dictionary[open] summary:before{content:"−"}.reader-dictionary summary::-webkit-details-marker{display:none}.reader-dictionary label{color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:400;line-height:1.6}.reader-dictionary textarea{background:var(--background);border-color:var(--border);min-height:90px;margin:0;font-size:13px;line-height:1.7}.reader-value-dialog{border:1px solid var(--border);background:var(--surface);width:min(390px,100vw - 28px);max-height:calc(100dvh - 32px);color:var(--foreground);border-radius:18px;margin:auto;padding:18px;overflow:auto;box-shadow:0 20px 80px #0003}.reader-value-dialog::backdrop{background:#201b1866}.reader-value-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.reader-value-heading h3{font:600 17px var(--sans);margin:0}.reader-value-heading .icon-button{width:44px;color:var(--muted);padding:0}.reader-value-help{color:var(--muted);margin:4px 0 14px;font-size:12px;line-height:1.65}.reader-wheel-frame{background:var(--background);border-radius:14px;margin:0 0 14px;position:relative;overflow:hidden}.reader-wheel-selection{pointer-events:none;border-block:1px solid var(--border);background:color-mix(in srgb, var(--accent) 9%, var(--surface));border-radius:9px;height:44px;position:absolute;top:88px;left:12px;right:12px}.reader-value-wheel{overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:var(--border) transparent;height:220px;position:relative;overflow-y:auto}.reader-value-wheel:focus-visible{outline-offset:-3px;border-radius:14px}.reader-wheel-spacer{pointer-events:none;height:88px}.reader-wheel-option{scroll-snap-align:center;cursor:pointer;height:44px;font:16px var(--sans);font-variant-numeric:tabular-nums;color:var(--muted);justify-content:center;align-items:center;display:flex}.reader-wheel-option[aria-selected=true]{color:var(--accent);font-size:21px;font-weight:600}.reader-value-exact{align-items:center;gap:10px;display:flex}.reader-value-exact button{border-radius:10px;flex-shrink:0;width:44px;padding:0}.reader-value-exact input{border:1px solid var(--border);background:var(--background);width:0;min-width:0;min-height:44px;color:var(--foreground);text-align:center;font-variant-numeric:tabular-nums;border-radius:10px;flex:1;margin:0;padding:10px;font-size:16px}.reader-value-unit{color:var(--muted);font-size:12px}.reader-value-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.reader-value-footer>span{color:var(--muted);font-size:10px;line-height:1.6}.reader-value-footer button{white-space:nowrap;border-radius:10px}:is(.reader-listening :focus-visible,.reader-value-dialog :focus-visible){outline:2px solid var(--accent);outline-offset:3px}.reader-mini-player{z-index:45;left:50%;bottom:calc(var(--mobile-nav-space,env(safe-area-inset-bottom,0px)) + 12px);border:1px solid var(--border);background:var(--surface);width:min(650px,100vw - 32px);min-height:64px;color:var(--foreground);border-radius:16px;align-items:center;gap:7px;padding:8px 10px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 34px #0002}.reader-mini-player>.icon-button{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--muted);border-radius:10px;padding:0}.reader-mini-player .reader-mini-play{border-radius:50%;width:46px;min-width:46px;height:46px;min-height:46px;padding:0}.reader-mini-player .reader-mini-label{min-width:0;min-height:44px;color:var(--foreground);text-align:left;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:3px;padding:2px 6px;display:flex}.reader-mini-label>strong,.reader-mini-label>span{white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;overflow:hidden}.reader-mini-label>strong{font-size:12px;font-weight:600}.reader-mini-label>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px;font-weight:400}.reader-reading-position{z-index:44;right:max(20px,50vw - 560px);bottom:calc(var(--mobile-nav-space,env(safe-area-inset-bottom,0px)) + 12px);border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:24px;align-items:center;gap:5px;padding:2px 3px 2px 12px;display:flex;position:fixed;box-shadow:0 3px 16px #0001}.reader-reading-position>span{font-variant-numeric:tabular-nums;font-size:10px}.reader-reading-position>.icon-button{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--accent);padding:0}.reader-synopsis{max-width:590px;color:var(--muted);margin:10px auto 0}.reader-synopsis>summary{cursor:pointer;align-items:center;gap:7px;min-height:36px;font-size:11px;display:inline-flex}.reader-synopsis>summary:after{content:"+";color:var(--accent);font-size:16px}.reader-synopsis[open]>summary:after{content:"−"}.reader-synopsis>summary::-webkit-details-marker{display:none}.reader-synopsis>p{text-align:left;margin:5px 0 0;font-size:12px;line-height:1.8}.prose .paragraph{min-height:0;scroll-margin-block:120px;display:flow-root}.prose .paragraph p{margin-bottom:var(--reader-paragraph-space,1.5em)}.prose .paragraph-actions{opacity:.35;flex-direction:column;align-items:center;gap:2px;transition:opacity .15s;display:flex;position:absolute;top:0;right:-45px}.prose .paragraph-actions .icon-button{float:none;opacity:1;width:32px;min-width:32px;height:32px;min-height:32px;color:var(--muted);font:10px var(--sans);border-radius:7px;margin:0;padding:0;position:static}.prose .paragraph-actions svg{width:16px;height:16px}.prose .paragraph:hover .paragraph-actions,.prose .paragraph:focus-within .paragraph-actions,.prose .paragraph.is-listening .paragraph-actions{opacity:1}.prose .paragraph-actions .paragraph-listen{color:var(--accent)}.prose .paragraph.is-listening{background:color-mix(in srgb, currentColor 5%, transparent);box-shadow:-3px 0 0 var(--accent);border-radius:5px}.reader-page .reader-settings{border-radius:13px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:900px;padding:16px}.reader-settings>label:not(.reader-setting-toggle){background:var(--background);border:1px solid var(--border);color:var(--muted);border-radius:10px;flex-direction:column;justify-content:space-between;gap:6px;padding:10px 12px;font-size:11px;display:flex}.reader-settings>label:not(.reader-setting-toggle) select{color:var(--foreground);background:0 0;border:0;min-height:30px;margin:0;padding:0 18px 0 0;font-size:12px}.reader-settings input[type=color]{background:0 0;border:0;width:100%;height:34px;min-height:34px;margin:0;padding:0}.reader-settings .reader-setting-toggle{min-height:44px;color:var(--foreground);align-items:center;gap:9px;margin:0;padding:8px 12px;font-size:12px;font-weight:400;display:flex}.reader-setting-toggle input{width:18px;min-width:18px;height:18px;min-height:18px;accent-color:var(--accent);margin:0}.reader-has-player .selection-actions{bottom:calc(var(--mobile-nav-space,env(safe-area-inset-bottom,0px)) + 90px)}:is(.reader-mini-player :focus-visible,.reader-reading-position :focus-visible,.paragraph-actions :focus-visible){outline:2px solid var(--accent);outline-offset:2px}@media (max-width:800px){.reader-page .reader-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:13px}.reader-settings>label:not(.reader-setting-toggle) select{min-height:44px;font-size:16px}.reader-synopsis>summary{min-height:44px;font-size:12px}.reader-synopsis>p{font-size:14px}.prose .paragraph{min-height:0;padding-bottom:0}.prose .paragraph p{margin-bottom:0}.prose .paragraph-actions{opacity:.65;flex-direction:row;justify-content:flex-end;gap:2px;height:44px;top:auto;bottom:0;right:0}.prose .paragraph-actions .icon-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px}.prose .paragraph-actions svg{width:18px;height:18px}.reader-mini-player{border-radius:14px;gap:4px;width:calc(100vw - 24px);padding:7px 8px}.reader-reading-position{right:max(12px, env(safe-area-inset-right,0px))}.reader-reading-position>span{font-size:11px}:root[data-mobile-keyboard=true] .reader-mini-player,:root[data-mobile-keyboard=true] .reader-reading-position{visibility:hidden}}@media (max-width:600px){.reader-listening{border-radius:13px;margin-top:16px;padding:15px 13px}.reader-listening-heading>div{gap:8px}.reader-listening-heading h2{font-size:15px}.reader-listening-heading .reader-audio-status{padding-inline:7px;font-size:10px}.reader-playback-row{gap:5px}.reader-listening .reader-audio-play{min-width:94px;padding-inline:12px}.reader-audio-values{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-audio-toggles{column-gap:10px}.reader-audio-toggles label{font-size:11px}.reader-voice-row select,.reader-sleep-field select,.reader-dictionary textarea{font-size:16px}.reader-sleep-field select{min-height:30px;font-size:14px}.reader-value-dialog{padding:15px}}@media (max-width:370px){.reader-listening{padding-inline:10px}.reader-listening .reader-audio-play{min-width:83px;padding-inline:10px}.reader-playback-row{gap:4px}.reader-listening-heading .reader-audio-status{padding:4px 6px}}@media print{.reader-listening,.reader-value-dialog,.reader-mini-player,.reader-reading-position,.paragraph-actions{display:none!important}.reader-page.reader-has-player{padding-bottom:0}.prose .paragraph{box-shadow:none;background:0 0;padding-bottom:0}.prose .paragraph p{margin-bottom:var(--reader-paragraph-space,1.5em)}}.reader-hold-trigger{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.reader-press-overlay{z-index:2500;pointer-events:none;position:fixed;inset:0}.reader-press-shade{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#201b1855;position:absolute;inset:0}.reader-press-preview{background:var(--surface);height:160px;color:var(--foreground);border:1px solid var(--border);font:12px var(--sans);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px;display:flex;position:absolute;box-shadow:0 12px 40px #0003}.reader-press-preview strong{color:var(--accent);font-variant-numeric:tabular-nums;font-size:24px}.reader-press-preview small{opacity:.45;font-size:13px}.reader-press-preview>span:last-child{color:var(--muted);font-size:10px}.reader-custom-colors{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.reader-custom-colors label{background:var(--background);border:1px solid var(--border);color:var(--muted);border-radius:10px;margin:0;padding:10px 12px;font-size:11px}.reader-custom-colors input{display:block;margin-top:8px!important}.reader-listening .reader-value-trigger,.reader-listening .reader-sleep-field{grid-template-rows:16px 21px;align-content:center;row-gap:5px;height:70px;min-height:70px;margin:0;display:grid}.reader-listening .reader-sleep-field select{height:21px;min-height:21px;font-size:15px;line-height:21px}.reader-listening .reader-sleep-field>span{line-height:16px}.reader-audio-progress .reader-seek{flex:1;width:0}.reader-seek{-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:none;background:0 0;border:0;border-radius:0;width:100%;min-width:0;height:28px;min-height:28px;margin:0;padding:0}.reader-seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--seek-fill), var(--border) var(--seek-fill));border-radius:4px;height:4px}.reader-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);border:2px solid var(--surface);width:16px;height:16px;box-shadow:0 0 0 1px var(--accent);border-radius:50%;margin-top:-6px}.reader-seek::-moz-range-track{background:var(--border);border-radius:4px;height:4px}.reader-seek::-moz-range-progress{background:var(--accent);height:4px}.reader-seek::-moz-range-thumb{border:2px solid var(--surface);background:var(--accent);border-radius:50%;width:14px;height:14px}.reader-mini-player{grid-template-columns:repeat(5,44px) minmax(0,1fr) 44px;gap:2px 6px;display:grid}.reader-mini-player>.reader-seek{grid-area:2/1/auto/-1}.reader-mini-player>.reader-mini-close{grid-area:1/7}.reader-mini-player>.reader-mini-label{grid-area:1/6}.reader-mini-player>.reader-chapter-back{grid-area:1/1}.reader-mini-player>.reader-chapter-next{grid-area:1/5}@media (max-width:600px){.reader-listening .reader-sleep-field select{font-size:16px}.reader-playback-row{grid-template-columns:44px 44px minmax(44px,1fr) 44px 44px;gap:6px;display:grid}.reader-listening .reader-audio-play{width:100%;min-width:44px;padding-inline:6px}.reader-listening .reader-stop{grid-column:4}.reader-listening .reader-audio-settings-toggle{grid-column:5;margin:0}.reader-mini-player{grid-template-columns:repeat(6,minmax(44px,1fr));gap:0 4px;width:calc(100vw - 16px);padding:5px 8px}.reader-mini-player>button{justify-self:center}.reader-mini-player>.reader-mini-label{grid-area:2/1/auto/3;gap:1px;width:100%;min-height:32px;padding:0 4px}.reader-mini-player>.reader-mini-close{grid-area:1/6}.reader-mini-player>.reader-chapter-back{grid-area:1/1}.reader-mini-player>.reader-chapter-next{grid-area:1/5}.reader-mini-player>.reader-mini-play{grid-area:1/3}.reader-mini-player>button[aria-label=Đoạn\ trước]{grid-area:1/2}.reader-mini-player>button[aria-label=Đoạn\ tiếp]{grid-area:1/4}.reader-mini-player>.reader-seek{grid-area:2/3/auto/-1;align-self:center}.reader-has-player .selection-actions{bottom:calc(var(--mobile-nav-space,env(safe-area-inset-bottom,0px)) + 110px)}}@media print{.reader-press-overlay{display:none!important}}.reader-page article.prose{padding-bottom:76px}:root{--reader-player-height:0px;--app-bottom-space:calc(var(--mobile-nav-space,env(safe-area-inset-bottom,0px)) + var(--reader-player-height))}:root[data-audio-dock=true]{scroll-padding-bottom:calc(var(--app-bottom-space) + 16px)}:root[data-audio-dock=true] body{padding-bottom:calc(var(--app-bottom-space) + 16px)}.reader-audio-dock{z-index:59;inset:auto 0 var(--mobile-nav-space,env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border);position:fixed;box-shadow:0 -4px 18px #0001}.reader-audio-dock .reader-mini-player{box-shadow:none;border:0;border-radius:0;margin:0 auto;position:static;transform:none}.reader-page.reader-has-player{padding-bottom:0}:root[data-audio-dock=true] .selection-actions,:root[data-audio-dock=true] .toast,:root[data-audio-dock=true] .reader-reading-position{bottom:calc(var(--app-bottom-space) + 12px)}.reader-dock-error{max-height:64px;color:var(--accent);grid-column:1/-1;margin:0;font-size:12px;overflow:auto}@media (max-width:800px){:root[data-mobile-keyboard=true] .reader-audio-dock{display:none}}@media print{.reader-audio-dock{display:none!important}:root[data-audio-dock=true] body{padding-bottom:0}}.reader-mini-player{grid-template-columns:repeat(5,44px) minmax(0,1fr) 44px 44px}.reader-mini-player>.reader-mini-settings{grid-area:1/7}.reader-mini-player>.reader-mini-close{grid-column:8}.reader-dock-settings{width:min(650px,100vw - 16px);max-height:min(65dvh, calc(var(--mobile-visual-height,100dvh) - var(--app-bottom-space) - 80px));overscroll-behavior:contain;scrollbar-width:thin;background:var(--surface);border:1px solid var(--border);border-radius:16px 16px 0 0;position:absolute;bottom:100%;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 -12px 35px #0002}.reader-dock-settings .reader-listening{box-shadow:none;border:0;margin:0;padding:16px}.reader-dock-settings .reader-listening-heading{z-index:2;background:var(--surface);margin:-16px -16px 0;padding:12px 16px;position:sticky;top:-16px}.reader-dock-settings .reader-listening-heading h2{font-size:15px}@media (max-width:600px){.reader-mini-player{grid-template-columns:repeat(6,minmax(44px,1fr))}.reader-mini-player>.reader-mini-settings{grid-area:2/6;height:36px;min-height:36px}.reader-mini-player>.reader-mini-close{grid-area:1/6}.reader-mini-player>.reader-seek{grid-column:3/6}}@media (max-width:800px){:root[data-mobile-keyboard=true] .reader-audio-dock:has(.reader-dock-settings){bottom:max(0px, calc(100% - var(--mobile-visual-height,100dvh) - var(--mobile-visual-top,0px)));display:block}:root[data-mobile-keyboard=true] .reader-audio-dock:has(.reader-dock-settings) .reader-mini-player{visibility:visible}:root[data-mobile-keyboard=true] .reader-value-dialog{top:calc(var(--mobile-visual-top,0px) + 8px);max-height:calc(var(--mobile-visual-height,100dvh) - 16px);margin:0 auto;bottom:auto}}.reader-speed-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.reader-speed-presets button{font-variant-numeric:tabular-nums;min-width:0;min-height:40px;padding:6px}.reader-speed-presets button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--background)}.writing-ai-tools{flex-wrap:nowrap;gap:4px;min-width:0}.writing-ai-tools>button{border-radius:8px;flex-shrink:0;height:36px;min-height:36px}.writing-ai-tools>.secondary{min-width:42px;padding:6px 10px}.writing-ai-tools>.icon-button{width:36px;height:36px;min-height:36px}.writing-ai-tools>.context-manager-trigger{margin-right:auto}.context-manager-trigger{border-radius:8px;gap:6px}.writing-ai-dialog.modal{flex-direction:column;max-height:calc(100dvh - 24px);display:flex;overflow:hidden}.writing-ai-dialog>.section-head{flex-shrink:0;align-items:center;gap:8px;margin-bottom:12px}.writing-ai-dialog .section-head h2,.context-manager .section-head h2{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;font-size:19px;display:flex}.writing-ai-dialog .section-head h2 svg,.context-manager .section-head h2 svg{flex-shrink:0}.writing-ai-dialog .section-head>.icon-button,.context-manager .section-head>.icon-button{width:44px;height:44px;min-height:44px}.writing-ai-dialog-body{overscroll-behavior:contain;scrollbar-gutter:stable;min-width:0;min-height:0;padding:0 2px 8px;overflow-y:auto}.writing-ai-dialog-body select,.writing-ai-dialog-body textarea{min-width:0;max-width:100%}.writing-ai-dialog-body>label{margin-top:12px}.writing-optional{color:var(--muted);font-size:12px;font-weight:400}.writing-ai-dialog>.writing-ai-dialog-actions{border-top:1px solid var(--border);padding-top:12px;padding-bottom:env(safe-area-inset-bottom,0px);flex-shrink:0;gap:8px;margin-top:8px}.writing-ai-dialog-actions>button{white-space:nowrap;min-height:44px;padding:10px 12px}.writing-ai-dialog-actions:not(.has-result)>button{width:100%}.writing-ai-dialog .context-progress{color:var(--foreground);align-items:flex-start;gap:8px;display:flex}.context-progress svg{flex-shrink:0;margin-top:2px}.context-preview.writing-ai-context{border:1px solid var(--border);color:var(--foreground);border-radius:10px;margin:12px 0 0;padding:0}.context-preview>summary{align-items:center;gap:7px;min-height:42px;padding:8px 10px;list-style:none;display:flex}.context-preview>summary::-webkit-details-marker{display:none}.context-disclosure>summary::-webkit-details-marker{display:none}.context-preview>summary:after,.context-disclosure>summary:after{content:"⌄";color:var(--muted);margin-left:auto}.context-preview[open]>summary:after,.context-disclosure[open]>summary:after{transform:rotate(180deg)}.context-preview-count{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto}.context-preview-count+*{margin-left:0}.context-preview-body{gap:8px;padding:0 10px 10px;display:grid}.context-preview-body>button{justify-self:start;min-height:40px;padding:8px 12px}.context-preview-body>.context-checkbox{min-height:40px;margin:0}.context-preview-metrics{font-variant-numeric:tabular-nums;margin:4px 0}.context-preview-body>.context-source-list{margin-block:0}.context-disclosure>summary{cursor:pointer;align-items:center;gap:7px;min-height:36px;font-size:12px;list-style:none;display:flex}.context-disclosure>summary svg{flex-shrink:0}.context-disclosure .ai-model-choice{padding-top:8px}.context-manager-body>.context-disclosure{border-radius:8px;padding:0 10px}.context-manager-body>.context-disclosure[open]{padding-bottom:10px}.context-source-picker{gap:10px;display:grid}.context-manager .context-search{position:relative}.context-search>svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.context-manager .context-search>input{margin-top:0;padding-left:36px}.context-summaries article{padding:10px 12px}.context-summary-head{gap:4px 10px}.context-summary-head strong{font-size:13px}.context-summary-text{overscroll-behavior:contain;max-height:220px;margin-block:8px;overflow-y:auto}.context-summary-action{min-height:36px;margin-top:8px;padding:6px 10px}.context-count{color:var(--muted);margin-left:4px;font-size:12px;font-weight:400}.context-tag-list button{gap:6px;padding:6px 10px}.context-tag-list button>span{overflow-wrap:anywhere;min-width:0}.context-manager-footer{justify-content:space-between;align-items:center;gap:8px 12px;min-height:60px;display:flex}.context-manager-footer>button{flex-shrink:0;padding:8px 12px}.context-manager-footer .context-save-status{align-items:center;gap:6px;min-height:20px;margin:0;font-size:12px;display:flex}.context-save-status>svg{flex-shrink:0}.context-spinner{animation:1s linear infinite context-control-spin}@keyframes context-control-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.context-spinner{animation:none}}@media (min-width:641px){.context-source-picker{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:end}}@media (max-width:640px){.writing-ai-backdrop{padding:8px}.writing-ai-dialog.modal,.context-manager.modal{width:100%;max-height:calc(100dvh - 16px);padding:14px}.writing-ai-tools>.secondary,.writing-ai-tools>.icon-button,.context-manager-trigger{width:auto;min-width:44px;max-width:none;height:44px;min-height:44px}.writing-ai-tools>.icon-button{width:44px}.writing-ai-tools>.context-manager-trigger{width:44px;padding:10px}.writing-ai-tools .context-manager-trigger>span{display:none}.writing-ai-trigger{background:0 0;border-color:#0000;width:44px;height:44px;min-height:44px;padding:12px;top:0;right:0}.writing-ai-field>input,.writing-ai-field>textarea{min-height:44px;padding-right:48px}.writing-ai-field>.chapter-title-input{padding-right:48px}.writing-ai-dialog-actions>button{gap:5px;padding-inline:8px;font-size:12px}.context-disclosure>summary,.context-preview>summary,.context-preview-body>button,.context-preview-body>.context-checkbox,.context-tag-list button,.context-summary-action{min-height:44px}.context-manager-footer{align-items:center}.context-manager-footer>button{gap:6px;padding-inline:10px;font-size:12px}}.writing-ai-dialog>.section-head{flex-wrap:nowrap;gap:10px}.writing-ai-dialog>.section-head h2{white-space:nowrap;flex:0 auto;min-width:0;font-size:clamp(16px,3vw,22px)}.ai-inline-progress{min-width:0;height:20px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;font-size:12px;line-height:20px;overflow:hidden}.catalog .section-head{flex-wrap:nowrap}.catalog .section-head>div{min-width:0}.catalog-status{text-overflow:ellipsis;text-align:right;white-space:nowrap;flex:0 0 9.5em;width:9.5em;font-size:12px;overflow:hidden}.paragraph-note{background:var(--surface);border-inline-start:2px solid var(--accent);font:13px/1.6 var(--sans);border-radius:6px;align-items:start;gap:6px;margin-block:4px 12px;padding:8px;display:flex}.paragraph-note>span,.paragraph-note>div{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-width:0}.paragraph-note .icon-button{flex-shrink:0;min-width:36px;min-height:40px}.paragraph-note-editor{margin-block:6px 18px}.paragraph-note-editor textarea{width:100%;font-size:16px}.stale-annotations blockquote{max-height:100px;color:var(--muted);margin:0;overflow:auto}.stale-annotations select{max-width:100%}.annotation-heading{min-height:42px;color:var(--muted);font:12px var(--sans);justify-content:space-between;align-items:center;display:flex}.annotation-heading>span:first-child{align-items:center;gap:6px;display:flex}.manuscript-editor-frame{position:relative}.manuscript-editor-frame .writing-ai-field>textarea.manuscript{resize:none;white-space:pre-wrap;overflow-wrap:break-word;border:0;border-radius:0;width:100%;margin:0;padding:0;display:block;overflow:hidden}.manuscript-editor-frame .writing-ai-field>.writing-ai-trigger{display:none}.manuscript-measure{box-sizing:border-box;white-space:pre-wrap;visibility:hidden;pointer-events:none;max-width:100%;position:absolute;top:0;left:0}.paragraph-note-trigger{border:1px solid var(--border);background:var(--surface);width:30px;min-width:30px;height:30px;min-height:30px;color:var(--muted);opacity:.38;z-index:2;font:10px var(--sans);border-radius:50%;gap:1px;padding:0;position:absolute;right:-16px}.paragraph-note-trigger:before{content:"";border-radius:50%;position:absolute;inset:-5px}:is(.paragraph-note-trigger:hover,.paragraph-note-trigger:focus-visible,.paragraph-note-trigger[aria-expanded=true]){opacity:1;border-color:var(--accent)}.paragraph-note-trigger.has-notes{color:var(--accent);opacity:.75}.paragraph-note-popover{z-index:5;border:1px solid var(--border);background:var(--surface);width:min(100%,420px);color:var(--foreground);border-radius:12px;max-height:min(460px,65dvh);padding:12px;position:absolute;right:0;overflow-y:auto;box-shadow:0 8px 24px #0003}.paragraph-note-popover>.section-head{gap:8px;margin-bottom:8px;font-size:12px}.paragraph-note-popover .section-head .icon-button{flex-shrink:0;width:36px;height:36px}.paragraph-note-popover .paragraph-note-editor{margin-bottom:0}.context-manager-body>.context-disclosure{background:var(--background);color:var(--foreground)}:root[data-theme=dark] .summary-current{color:#86d5a2}:root[data-theme=dark] .summary-stale,:root[data-theme=dark] .summary-error{color:#edbf78}.summary-status time{white-space:nowrap;font-variant-numeric:tabular-nums}.paragraph-note-popover{overscroll-behavior:contain;scroll-padding-block:52px}.paragraph-note-popover>.section-head{z-index:1;background:var(--surface);padding-block:4px;position:sticky;top:-12px}.paragraph-note-popover .paragraph-note-editor textarea{min-height:60px;height:clamp(60px, calc(var(--annotation-available-height,460px) - 150px), 120px);resize:vertical;max-height:120px}.paragraph-note-popover .paragraph-note-editor .actions{background:var(--surface);flex-wrap:nowrap;padding-block:8px;position:sticky;bottom:-12px}.hub-page .hub-security{align-items:center;gap:10px;padding:10px 14px}.hub-page .hub-security>svg{flex:none}.hub-page .hub-security .ai-help-heading{flex:1;justify-content:space-between;min-width:0}.hub-page .hub-section{margin-top:26px}.hub-page .hub-section>.section-head h2{font-size:21px}.ai-connection-fields{border:0;min-width:0;margin:0;padding:0}.ai-connection-modal .section-head{align-items:center}.ai-connection-modal .section-head h2{overflow-wrap:anywhere;min-width:0;font-size:22px}.ai-connection-modal .section-head .icon-button{flex:none}.ai-connection-fields>button{min-width:100px;min-height:40px}.ai-model-choice-heading{justify-content:space-between;align-items:center;gap:8px;min-height:22px;display:flex}.ai-model-choice-status{min-width:76px;color:var(--muted);white-space:nowrap;justify-content:flex-end;align-items:center;gap:4px;font-size:11px;font-weight:400;display:inline-flex}.ai-model-timeout{position:relative}.ai-timeout-state{width:16px;height:16px;color:var(--accent);pointer-events:none;place-items:center;display:grid;position:absolute;top:-3px;right:-3px}.ai-timeout-state:not(:empty){background:var(--surface);border-radius:50%}.ai-save-spinner{animation:1s linear infinite ai-control-spin}@keyframes ai-control-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.hub-page .hub-section{margin-top:22px}.hub-page .hub-section>.section-head h2{font-size:20px}.ai-connection-actions .icon-button,.ai-model-actions .icon-button,.ai-route-heading .icon-button{width:44px;min-width:44px;height:44px;min-height:44px}.ai-connection-fields>button,.ai-model-add-bar>button{min-height:44px}.ai-connection-modal .section-head h2{font-size:20px}.ai-connected-model .ai-model-timeout input{font-size:16px}}@media (prefers-reduced-motion:reduce){.ai-save-spinner{animation:none}}.save-form-fields{border:0;min-width:0;margin:0;padding:0}.save-spinner{flex-shrink:0;animation:.9s linear infinite save-turn}@keyframes save-turn{to{transform:rotate(360deg)}}.editor-toolbar{flex-wrap:wrap;align-items:center;gap:6px}.editor-toolbar>.draft-save-state:first-child{white-space:nowrap;flex:auto;align-items:center;gap:6px;min-width:96px;margin-right:auto;display:inline-flex}.draft-save-state .dot{flex:0 0 5px}.draft-save-state[data-state=saved]{color:var(--forest,#446f55)}.draft-save-state[data-state=error]{color:var(--danger,#a13e35)}.editor-toolbar .draft-word-count{white-space:nowrap;margin-right:8px}.editor-toolbar .editor-tool{white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:40px;min-height:40px;margin:0;padding:8px;display:inline-flex}.editor-toolbar .editor-tool span{margin:0}.editor-toolbar .editor-tool:hover{background:var(--surface-soft,#f1efe8)}.editor-toolbar .editor-tool:disabled{cursor:default;opacity:.55}.preference-save-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.preference-save-actions>span{color:var(--muted,#77766e);font-size:12px}.preference-save-actions>button{min-width:84px}.writing-settings-help{margin-bottom:14px}.writing-settings-help>summary{cursor:pointer;width:fit-content;color:var(--muted,#77766e);align-items:center;gap:6px;font-size:12px;display:flex}@media (max-width:600px){.editor-toolbar{gap:2px;padding-inline:10px}.editor-toolbar .editor-tool{min-width:44px;min-height:44px;padding:10px}.editor-toolbar .editor-tool>span{display:none}.editor-toolbar .draft-save-state{min-width:88px;font-size:12px}.editor-toolbar .draft-word-count{margin-right:2px;font-size:12px}}@media (prefers-reduced-motion:reduce){.save-spinner{animation:none}}@media (hover:hover) and (pointer:fine){.paragraph-note-trigger{opacity:.35}:is(.paragraph-note-trigger:hover,.paragraph-note-trigger:focus-visible,.paragraph-note-trigger.has-notes,.paragraph-note-trigger[aria-expanded=true]){opacity:1}}.paragraph-note-trigger:focus-visible{outline:2px solid var(--accent,#79593d);outline-offset:2px}.mobile-chapter-toggle,.mobile-assistant-toggle{display:none}@media screen and (max-width:800px){:root{--mobile-nav-height:68px;--mobile-nav-space:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px));scroll-padding-block:80px calc(var(--mobile-nav-space) + 20px);-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{padding-bottom:var(--mobile-nav-space)}button,.button,.small,.plain,.chip{min-height:44px;font-size:14px;line-height:1.5}button,.button{border-radius:8px}.icon-button{width:44px;min-width:44px;height:44px;padding:10px}.icon-button svg{width:20px;height:20px}small,.quiet{font-size:13px;line-height:1.65}.eyebrow{letter-spacing:.09em;font-size:11px}label{font-size:14px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not(.chapter-title-input),textarea,select,.sort select,.reader-controls select,.reader-settings select,.ai-sidebar select,.ai-sidebar textarea,.routing-table select,.audio-controls select,.guide-exercise textarea,.guide-exercise select{max-width:100%;min-height:48px;font-size:16px}input[type=range]{min-height:44px}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:20px}.checkbox{min-height:44px}.page{padding:0 max(20px, env(safe-area-inset-right)) 36px max(20px, env(safe-area-inset-left))}.page-title{padding-top:28px}.page-title h1{margin:8px 0 12px;font-size:clamp(28px,6vw,36px)}.page-title p:not(.eyebrow),.studio-welcome p:not(.eyebrow){font-size:15px}.page-title .button,.page-title>button{white-space:normal;font-size:14px}.section-head{flex-wrap:wrap;gap:12px}.section-head>div{min-width:0}.section-head>.quiet{margin:0;font-size:13px}.actions{flex-wrap:wrap}.topbar{height:calc(64px + env(safe-area-inset-top,0px));padding:calc(8px + env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));z-index:50;flex-wrap:nowrap;gap:8px;position:sticky;top:0}.topbar .brand{gap:8px;min-width:0;font-size:23px}.topbar .brand small{display:none}.logo-mark{border-radius:8px;width:32px;height:34px}.header-actions{gap:0;margin-left:auto}.header-actions .button{min-height:44px;padding:10px 12px;font-size:13px}.header-actions .icon-button{width:44px;height:44px}.account summary{place-items:center;width:44px;height:44px;display:grid}.account-menu{max-width:calc(100vw - 32px)}.account-menu a,.account-menu button{min-height:44px;margin-top:8px;font-size:14px}.topbar nav{width:auto;height:var(--mobile-nav-space);padding:4px max(8px, env(safe-area-inset-right)) env(safe-area-inset-bottom,0px) max(8px, env(safe-area-inset-left));background:var(--surface);border-top:1px solid var(--border);z-index:60;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin:0;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -4px 20px #00000006}.topbar .nav{min-width:0;min-height:56px;color:var(--muted);border:0;border-radius:10px;flex-direction:column;justify-content:center;gap:4px;padding:7px 2px;font-size:11px;font-weight:600;display:flex}.topbar .nav svg{width:21px;height:21px;display:block}.topbar .nav.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}:root[data-mobile-keyboard=true]{--mobile-nav-space:0px}:root[data-mobile-keyboard=true] .topbar nav{display:none}.notification-panel{top:calc(64px + env(safe-area-inset-top,0px));width:min(420px,100vw - 24px);max-height:calc(100dvh - 160px);padding:20px;position:fixed;right:12px;overflow-y:auto}.hero{grid-template-columns:1fr;gap:24px;padding:28px 0;display:grid}.hero .eyebrow{font-size:10px}.hero h1{margin:12px 0 16px;font-size:clamp(28px,6.5vw,36px);line-height:1.5}.hero-description{font-size:15px;line-height:1.8}.hero .actions{gap:10px;margin-top:20px;display:flex}.hero .actions button{flex:1;min-height:48px;padding:12px 16px;font-size:14px}.hero-note{display:none}.hero-feature{width:100%;max-width:none;margin:0}.featured-cover{border-radius:12px;align-items:flex-start;width:100%;height:150px;padding:20px;transform:none}.book-stamp{display:none}.featured-title{text-align:left;margin:auto 0 10px;font-size:24px}.featured-cover small{font-size:11px}.feature-caption{margin-top:10px;font-size:12px}.feature-annotation{display:none}.catalog .eyebrow{font-size:10px}.catalog h2{font-size:24px;line-height:1.55}.filter-row{flex-wrap:wrap;gap:10px}.search-field{flex-basis:100%;width:100%;min-width:0}.sort{width:auto;max-width:100%;margin-left:auto}.genre-list{overscroll-behavior-inline:contain;flex-wrap:nowrap;gap:8px;max-width:100%;margin:12px 0 20px;padding:4px 0 10px;scroll-padding-inline:8px;overflow-x:auto}.genre-list .chip{flex-shrink:0;min-height:44px;padding:10px 16px;font-size:13px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.book-name{min-height:44px;font-size:18px}.book-author,.book-meta small{font-size:13px}.book-meta .icon-button{width:44px;height:44px}.book-foot,.book-foot button{font-size:13px}.book-foot{flex-wrap:wrap}.book-foot svg{width:15px;height:15px}.writer-callout{gap:16px;margin-top:32px;padding:24px}.writer-callout h2{font-size:24px}.writer-callout p:not(.eyebrow){font-size:15px}.writer-callout button{font-size:14px}.footer{padding:24px 20px;font-size:13px}.footer .brand{font-size:21px}.theme-dot{width:44px;height:44px}.banner,.empty p,.empty.compact p{overflow-wrap:anywhere;font-size:14px}.banner button,.pagination{font-size:14px}.empty{padding:32px 16px}.empty h2,.empty h3{line-height:1.6}.studio-layout{flex-direction:column;min-height:0;display:flex}.studio-top{flex-wrap:wrap;gap:12px;padding:16px 20px}.studio-top>button{font-size:14px}.studio-top>div:nth-child(2){flex:1;min-width:0;padding-left:12px}.studio-top strong{overflow-wrap:anywhere;font-size:17px;display:block}.studio-top small{font-size:12px}.studio-top .actions{flex-basis:100%;justify-content:flex-end;gap:8px}.studio-top .actions button{min-height:44px;padding:10px 14px;font-size:14px}.studio-top .actions .icon-button{width:44px;padding:10px}.studio-help span{display:inline}.chapter-sidebar{border-right:0;border-bottom:1px solid var(--border);padding:16px 20px;display:block}.studio-tabs{gap:12px;margin-bottom:12px;padding-bottom:10px}.studio-tabs button{border-radius:8px;flex:1;min-height:44px;font-size:14px}.studio-tabs button.active{background:color-mix(in srgb, var(--accent) 9%, transparent)}.mobile-chapter-toggle{justify-content:flex-start;width:100%;padding:12px;display:flex}.mobile-chapter-toggle span{text-align:left;flex:1}.mobile-chapter-toggle[aria-expanded=true]>svg:last-child,.mobile-assistant-toggle[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.chapter-directory{max-height:38dvh;margin-top:8px;overflow-y:auto}.chapter-directory[data-mobile-open=false],.ai-sidebar[data-mobile-open=false],.chapter-directory .eyebrow,.sidebar-note{display:none}.chapter-item{width:100%;max-width:none;min-height:52px;margin:0 0 4px;padding:12px;font-size:14px;display:flex}.chapter-item>span,.chapter-item small{font-size:12px;display:block}.add-chapter{width:100%;margin:8px 0;font-size:14px;display:flex}.editor-toolbar{flex-wrap:wrap;gap:8px 16px;padding:12px 20px;font-size:13px}.editor-toolbar>span:first-child{flex-basis:calc(100% - 90px)}.editor-toolbar button,.import-label{align-items:center;min-height:44px;font-size:14px;display:inline-flex}.writing-sheet{padding:24px 20px 16px}.writing-sheet .eyebrow{font-size:11px}input.chapter-title-input{margin:8px 0 20px;font-size:26px;line-height:1.65}textarea.manuscript{min-height:48svh;font-size:18px;line-height:1.9}.editor-foot{letter-spacing:.06em;font-size:10px}.mobile-assistant-toggle{justify-content:space-between;margin:16px 20px;padding:12px 16px;display:flex}.ai-sidebar{border-top:1px solid var(--border);padding:24px 20px}.ai-sidebar h3{font-size:21px}.ai-sidebar>p,.ai-sidebar>small,.ai-result .ai-answer,.ai-sidebar label{font-size:14px}.ai-sidebar>button,.ai-result button{min-height:48px;font-size:14px}.quiet-note{font-size:14px}.world-workspace{padding:24px 20px}.world-workspace h2{font-size:24px}.world-workspace .section-head p:not(.eyebrow),.world-card p{font-size:14px}.world-workspace .section-head button{padding:12px 16px;font-size:14px}.world-grid,.form-grid,.project-grid{grid-template-columns:minmax(0,1fr)}.world-card{min-width:0}.world-card .eyebrow{font-size:11px}.world-card h3{overflow-wrap:anywhere}.project-card{gap:14px;min-width:0;padding:16px}.project-card>div{min-width:0}.project-card h2{overflow-wrap:anywhere;font-size:20px}.project-card p,.project-card small,.status{font-size:12px}.project-art{width:72px;min-width:72px;height:112px}.studio-welcome{padding:36px 0}.studio-welcome h1{font-size:clamp(26px,6vw,34px)}.studio-welcome .button,.studio-guest-help{width:100%}.studio-guest-help{margin:12px 0 0}.welcome-features{flex-direction:column;align-items:flex-start;gap:18px;margin-top:28px}.welcome-features span{font-size:14px}.guide-entry-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.guide-entry-actions button{flex:1}.reader-page{padding:0 16px 32px}.reader-top{gap:4px;padding:10px 0}.reader-top>button{font-size:14px}.reader-top>span{display:none}.reader-top .actions{flex-wrap:nowrap;gap:0;margin-left:auto}.reader-top .icon-button{width:44px}.reader-title{margin-top:24px}.reader-title h1{overflow-wrap:anywhere;font-size:28px}.reader-title>p:not(.eyebrow){font-size:15px}.reader-controls{gap:12px}.reader-controls label{justify-content:flex-start;width:100%;min-width:0}.reader-controls select{width:100%;min-width:0}.reader-controls button{font-size:14px}.reader-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px}.reader-settings label,.reader-settings output{min-width:0;font-size:13px}.prose,.reader-theme-custom{overflow-wrap:anywhere;padding:24px 16px}.prose h2{font-size:25px}.chapter-number{font-size:11px}.watermark{font-size:12px}.paragraph{display:flow-root}.paragraph p{margin-bottom:0}.paragraph-comment{float:right;opacity:.7;width:44px;height:44px;margin-bottom:8px;position:static}.paragraph-comment svg{width:18px;height:18px}.chapter-nav{flex-wrap:wrap;gap:8px}.chapter-nav button{flex:1;min-height:48px;padding:12px;font-size:14px}.chapter-nav>span{text-align:center;order:3;width:100%;font-size:13px}.reader-end,.reader-end button{font-size:13px}.audio-panel h3{font-size:19px}.audio-controls>button,.audio-controls label,.audio-panel details,.audio-panel details p{font-size:14px}.audio-controls label{flex-basis:100%;min-width:0}.modal-backdrop,.drawer-backdrop{align-items:flex-end;padding:0}:root[data-mobile-keyboard=true] :is(.modal-backdrop,.drawer-backdrop){top:var(--mobile-visual-top,0px);height:var(--mobile-visual-height,100dvh);bottom:auto}:root[data-mobile-keyboard=true] :is(.modal,.drawer){max-height:calc(var(--mobile-visual-height,100dvh) - 16px)}.modal,.modal.wide,.drawer{width:100%;max-width:620px;max-height:calc(100dvh - max(16px, env(safe-area-inset-top)));height:auto;padding:20px 20px max(24px, env(safe-area-inset-bottom));overscroll-behavior:contain;border-radius:18px 18px 0 0;scroll-padding-block:20px}.drawer-backdrop{justify-content:center}.modal h2,.drawer h2{font-size:24px;line-height:1.55}.modal .eyebrow{font-size:11px}.modal p,.drawer p,.drawer>small,.comment p,.drawer blockquote{font-size:14px}.form-grid{gap:0}.cover-options{flex-wrap:wrap;gap:10px}.cover-options label{flex:0 0 calc(25% - 8px)}.cover-options .cover-thumbnail{height:88px}.cover-options input{width:20px;height:20px;min-height:20px}.modal.guide-modal{padding:0}.guide-step{min-height:56px;font-size:13px}.guide-heading{padding:20px}.guide-heading p,.guide-step small,.guide-exercise>p,.guide-exercise label small,.guide-exercise>small,.guide-action small,.guide-tip,.guide-footer{font-size:13px}.guide-body{padding:20px}.guide-body>p:not(.eyebrow){font-size:15px}.guide-footer{padding-bottom:max(20px, env(safe-area-inset-bottom))}.selection-actions,.toast{bottom:calc(var(--mobile-nav-space) + 12px)}.selection-actions{max-width:calc(100vw - 24px)}.selection-actions button{padding:10px 12px;font-size:13px}.toast{width:max-content;max-width:calc(100vw - 32px);font-size:14px}.hub-security{align-items:flex-start;padding:20px}.hub-security strong,.hub-security p,.hub-section>small{font-size:14px}.connections{grid-template-columns:1fr}.connection{gap:12px;padding:16px}.provider-logo{flex-shrink:0}.connection p,.connection code{font-size:13px}.routing-table{padding:0}.ai-route-editor,.ai-backup{padding:12px}.ai-route-actions>button{width:100%}.ai-route-editor input,.ai-route-editor select{font-size:16px}.catalog-table{--catalog-name-max-width:80vw;--catalog-visible-name-width:max(64px, calc(var(--catalog-name-max-width) - var(--catalog-scroll-x,0px)));max-height:min(70vh,560px)}.catalog-table table{width:calc(var(--catalog-name-max-width) + 264px);min-width:calc(var(--catalog-name-max-width) + 264px);border-collapse:separate;border-spacing:0;font-size:12px}.catalog-table .catalog-col-name{width:var(--catalog-name-max-width)}.catalog-table .catalog-col-inputUsdPerMillion,.catalog-table .catalog-col-outputUsdPerMillion,.catalog-table .catalog-col-contextTokens{width:64px}.catalog-table .catalog-col-releasedAt{width:72px}.catalog-table th,.catalog-table td{border-bottom:1px solid var(--border);padding:7px 6px}.catalog-table th{z-index:2;padding:4px 3px}.catalog-table th:first-child,.catalog-table td:first-child{z-index:1;background:var(--surface);clip-path:inset(0 calc(var(--catalog-name-max-width) - var(--catalog-visible-name-width)) 0 0);position:sticky;left:0;box-shadow:2px 0 5px #00000012}.catalog-table th:first-child{z-index:3}.catalog-table tbody tr:nth-child(2n) td:first-child{background:var(--background)}.catalog-table tbody tr.catalog-chosen td:first-child{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.catalog-table tbody td{padding:4px 6px}.catalog-table .catalog-sort{height:64px;min-height:64px;padding:4px;font-size:12px}.catalog-table th:first-child .catalog-sort{width:calc(var(--catalog-visible-name-width) - 6px)}.catalog-table .catalog-sort-main{grid-template-columns:minmax(0,1fr) 18px;gap:2px;display:grid}.catalog-table .catalog-sort-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.catalog-table .catalog-sort-marker{width:18px}.catalog-table .catalog-unit{font-size:10px}.catalog-table .catalog-heading-desktop,.catalog-table .catalog-value-desktop{display:none}.catalog-table .catalog-heading-mobile,.catalog-table .catalog-value-mobile{display:inline}.catalog-table .catalog-model-name{width:calc(var(--catalog-visible-name-width) - 12px);height:30px;min-height:30px;font-size:13px;font-weight:700;line-height:1.3}.catalog-table .catalog-model-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.catalog-toolbar{justify-content:flex-start}.catalog-count{font-size:13px}.catalog-row-limit button,.help-hint summary{width:44px;min-width:44px;height:44px;min-height:44px}.help-hint-content{inset:auto 12px calc(var(--mobile-nav-space) + 12px);z-index:100;overscroll-behavior:contain;width:auto;max-height:min(50dvh,360px);position:fixed;overflow-y:auto;box-shadow:0 16px 48px #0004}.ai-connection-modal{padding-inline:14px}.routing-table label{flex-direction:column;align-items:stretch;gap:10px;font-size:14px}.routing-table select{width:100%}.table-scroll{max-width:100%}table{min-width:560px;font-size:13px}td small{font-size:12px}.admin-row{flex-wrap:wrap}.admin-row>div{flex-basis:100%;min-width:0}.admin-row p,.admin-row button{font-size:14px}}@media screen and (max-width:560px){.hero{gap:20px}.hero h1{font-size:clamp(26px,7.4vw,32px)}.hero .eyebrow{letter-spacing:.06em}.hero-description{font-size:14px}.featured-cover{height:125px}.featured-title{font-size:22px}.feature-caption{display:none}.book-grid{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.book-card{border-bottom:1px solid var(--border);grid-template-columns:88px minmax(0,1fr);align-content:start;column-gap:16px;padding:16px 0;display:grid}.book-cover{border-radius:8px;grid-area:1/1/5;align-self:start;width:88px;height:132px;padding:12px}.book-cover>span{display:none}.book-meta{grid-column:2;min-width:0;margin:-8px 0 0}.book-name{overflow-wrap:anywhere;grid-column:2;min-height:44px;margin:0;font-size:17px;line-height:1.6}.book-author{grid-column:2;margin:4px 0;font-size:13px}.book-foot{border:0;grid-column:2;gap:0 12px;padding-top:4px}.book-foot,.book-foot button{font-size:12px}.book-foot button{min-height:44px}.book-card progress{grid-column:1/-1;margin-top:12px}}@media screen and (max-width:360px){.page{padding-inline:16px}.ai-route-editor{padding:8px}.ai-backup{padding:6px}.hero .actions{flex-direction:column}.book-card{grid-template-columns:76px minmax(0,1fr);column-gap:12px}.book-cover{width:76px;height:114px}.reader-page{padding-inline:12px}.reader-top>button{font-size:12px}}@media screen and (max-width:800px){.guide-entry-actions.compact-action-bar{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:6px;display:grid}.guide-entry-actions.compact-action-bar>button{gap:6px;height:44px;min-height:44px;padding:8px;font-size:13px}.studio-top .actions.compact-action-bar{grid-template-columns:auto auto 44px minmax(max-content,1fr);gap:6px;width:100%;display:grid}.studio-top .actions.compact-action-bar>button{gap:6px;min-width:44px;height:44px;min-height:44px;padding:8px;font-size:12px}.studio-top .actions.compact-action-bar>.icon-button{padding:10px}.writing-ai-dialog-actions.has-result{gap:6px}.writing-ai-dialog-actions>button{height:44px;min-height:44px;padding:8px;font-size:12px}.hero .actions.compact-action-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hero .actions.compact-action-bar>button{gap:6px;height:48px;min-height:48px;padding:8px;font-size:13px}}@media screen and (max-width:380px){.studio-top .compact-action-bar>button:not(.icon-button)>svg{display:none}}@media (any-pointer:coarse){.paragraph-note-trigger{opacity:.7;min-width:44px;min-height:44px}.paragraph-note-trigger.has-notes,.paragraph-note-trigger[aria-expanded=true]{opacity:1}}