:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--c-primary:#0b5d8a;--c-primary-hover:#084a6e;--c-accent:#4d9bc7;--c-accent-soft:#4d9bc726;--c-bg:#fafafa;--c-surface:#fff;--c-text:#1f1f1f;--c-text-muted:#666;--c-border:#e4e4e4;--c-border-input:#ccc;--c-input-bg:#fff;--c-error:#b00020;--c-error-soft:#b000201a;--c-on-primary:#fff;--c-overlay:#00000073;--c-header-bg:#fafafaeb;--r-sm:.375rem;--r-md:.75rem;--r-lg:1rem;--r-full:999px;--sh-sm:0 1px 3px #00000014;--sh-md:0 10px 30px #00000040;--sh-fab:0 2px 8px #00000040;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-8:3rem;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-cursive:"Marck Script", "Segoe Print", "Comic Sans MS", cursive;--content-width:48rem;--header-height:3.5rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--c-bg:#151515;--c-surface:#1e1e1e;--c-text:#e6e6e6;--c-text-muted:#9a9a9a;--c-border:#333;--c-border-input:#444;--c-input-bg:#111;--c-error:#ff6b6b;--c-error-soft:#ff6b6b29;--c-overlay:#0009;--c-header-bg:#151515eb}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--font-sans);background:var(--c-bg);color:var(--c-text);margin:0;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}main{width:100%;max-width:calc(2.5rem + var(--content-width));box-sizing:border-box;padding:var(--sp-6) 1.25rem var(--sp-8);flex:1;margin:0 auto}h1{margin-bottom:var(--sp-5);font-size:calc(clamp(1.6rem,4vw,2.2rem));line-height:1.25}h1,h2{letter-spacing:-.01em}h2{font-size:1.35rem}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.error{color:var(--c-error)}.muted{color:var(--c-text-muted)}.back-link{margin-bottom:var(--sp-5);font-size:.9rem;display:inline-block}button{font:inherit;border:1px solid var(--c-primary);border-radius:var(--r-sm);background:var(--c-primary);color:var(--c-on-primary);cursor:pointer;padding:.55rem 1.1rem;transition:background-color .15s}button:hover:not(:disabled){background:var(--c-primary-hover)}button:disabled{opacity:.6;cursor:wait}button.secondary{color:var(--c-primary);background:0 0}button.secondary:hover:not(:disabled){background:#0b5d8a1a}.feather-icon{vertical-align:-.16em;width:1.15em;height:1.15em}.feather-icon.writing{transform-origin:20% 88%;animation:.9s ease-in-out infinite feather-writing;display:inline-block}@keyframes feather-writing{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)translate(-1px,1px)}50%{transform:rotate(5deg)translate(1px,-1px)}75%{transform:rotate(-5deg)translate(-.5px,.5px)}}.site-header{z-index:40;background:var(--c-header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--c-border);position:sticky;top:0}.site-header-inner{max-width:var(--content-width);height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--sp-4);margin:0 auto;padding:0 1.25rem;display:flex}.brand{align-items:center;gap:var(--sp-3);color:var(--c-text);display:inline-flex}.brand:hover{text-decoration:none}.brand-feather{width:1.6em;height:1.6em;color:var(--c-primary);flex-shrink:0}.wordmark{letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.header-cta{padding:.4rem .9rem;font-size:.92rem}@media (width<=480px){.header-cta{padding:.35rem .7rem}}.locale-select{align-items:center;display:inline-flex;position:relative}.locale-select-icon{pointer-events:none;opacity:.75;font-size:.8rem;line-height:1;position:absolute;inset-inline-start:.45rem}.locale-select-input{appearance:none;font:inherit;border:1px solid var(--c-border);border-radius:var(--r-sm);color:var(--c-text);cursor:pointer;background:0 0;padding-block:.3rem;padding-inline:1.55rem 1.2rem;font-size:.88rem}.locale-select-input:hover{border-color:var(--c-primary)}@media (width<=720px){.locale-select-input{padding-inline:1.45rem .8rem;font-size:.82rem}}@media (width<=480px){.locale-select-icon{display:none}.locale-select-input{max-width:6.5rem;padding-inline:.6rem}}.header-actions{align-items:center;gap:var(--sp-3);display:flex}.header-auth-link{font-size:.92rem}.header-auth-link.active{font-weight:600;text-decoration:underline}.header-auth-btn{padding:.35rem;font-size:.92rem;line-height:0}.header-account{display:inline-flex;position:relative}.header-account-btn .icon-svg{width:1.35em;height:1.35em}.header-account-menu{top:calc(100% + .4rem);z-index:45;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);min-width:11rem;box-shadow:var(--sh-md);padding:var(--sp-2);flex-direction:column;display:flex;position:absolute;inset-inline-end:0}.icon-svg{vertical-align:-.2em;width:1.15em;height:1.15em}.flag-svg{vertical-align:-.05em;border-radius:1px;width:1em;height:.7em;display:inline-block}.header-menu-btn{color:var(--c-text);border-radius:var(--r-sm);background:0 0;padding:.3rem .7rem;font-size:1.05rem;line-height:1.2;display:none}.header-menu,.header-menu-btn{border:1px solid var(--c-border)}.header-menu{top:calc(-4px + var(--header-height));z-index:45;background:var(--c-surface);border-radius:var(--r-md);min-width:11rem;box-shadow:var(--sh-md);padding:var(--sp-2);flex-direction:column;display:flex;position:absolute;inset-inline-end:1.25rem}.header-menu-link{border-radius:var(--r-sm);color:var(--c-primary);font:inherit;text-align:start;background:0 0;border:none;padding:.55rem .9rem;font-size:.95rem;display:block}.header-menu-link:hover:not(:disabled){background:var(--c-accent-soft);text-decoration:none}.header-menu-link.active{background:var(--c-accent-soft);font-weight:600}.header-menu-signout{margin-top:var(--sp-1);border-top:1px solid var(--c-border);border-radius:0 0 var(--r-sm) var(--r-sm);align-items:center;gap:.5rem;display:flex}.header-menu-signout .icon-svg{flex-shrink:0}@media (width<=720px){.header-actions .header-account,.header-actions .header-auth-link{display:none}.header-menu-btn{display:inline-block}}.site-footer{padding:var(--sp-6) var(--sp-4);border-top:1px solid var(--c-border);text-align:center;color:var(--c-text-muted);font-size:.88rem}.site-footer p{margin:0}.hero{text-align:center;padding:var(--sp-5) 0 var(--sp-2)}.hero h1{margin-bottom:var(--sp-4)}.hero-sub{max-width:40rem;color:var(--c-text-muted);margin:0 auto;font-size:1.05rem}.section{margin-top:var(--sp-8)}.section h2{margin-bottom:var(--sp-2)}.section-sub{margin-top:0;margin-bottom:var(--sp-5);color:var(--c-text-muted)}#library{scroll-margin-top:calc(1rem + var(--header-height))}.composer{max-width:44rem;margin:var(--sp-6) auto 0}.composer.composer-hub{margin-bottom:var(--sp-6)}.composer form{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:var(--sp-4)}.composer-title{text-align:center;margin:0 0 var(--sp-4)}.composer-label{margin-bottom:.3rem;font-size:.9rem;display:block}.composer-input{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--c-border-input);border-radius:var(--r-sm);background:var(--c-input-bg);color:var(--c-text);resize:vertical;padding:.6rem .7rem}.composer-top{align-items:flex-end;gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.composer-selects{gap:var(--sp-2);flex:16rem;min-width:0;display:flex}.composer-bar{margin-top:var(--sp-3);justify-content:flex-end;display:flex}.composer-select{flex:1 1 0;min-width:0}.composer-select-label{color:var(--c-text-muted);margin-bottom:.2rem;font-size:.8rem;display:block}.composer-level{border:1px solid var(--c-border-input);background:var(--c-input-bg)}.composer-level,.composer-static{box-sizing:border-box;width:100%;font:inherit;border-radius:var(--r-sm);color:var(--c-text);padding:.45rem .6rem}.composer-static{align-items:center;gap:var(--sp-2);border:1px solid var(--c-border);background:var(--c-accent-soft);display:flex}.composer-submit{border-radius:var(--r-full);justify-content:center;width:2.6rem;height:2.6rem;padding:0;font-size:1.1rem}.composer-options-toggle,.composer-submit{flex:none;align-items:center;display:inline-flex}.composer-options-toggle{gap:var(--sp-2);border:1px solid var(--c-border-input);border-radius:var(--r-sm);color:var(--c-text-muted);background:0 0;padding:.45rem .6rem;font-size:.85rem}.composer-options-toggle:before{content:"▸";color:var(--c-primary);transition:transform .15s}.composer-options-toggle[aria-expanded=true]:before{transform:rotate(90deg)}.composer-options-toggle:hover:not(:disabled),.filter-pill:hover{background:var(--c-accent-soft)}.composer-options-panel{margin-bottom:var(--sp-3)}.composer-options-grid{gap:var(--sp-3) var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.composer-options-grid .field{margin-bottom:0}.composer-field-wide{grid-column:1/-1}@media (width<=480px){.composer-options-grid{grid-template-columns:1fr}}.filter-pills{gap:var(--sp-2);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.filter-pill{border:1px solid var(--c-primary);color:var(--c-primary);border-radius:var(--r-full);padding:.2rem .85rem;font-size:.88rem;transition:background-color .15s}.chapter-row a:hover,.filter-pill:hover,.story-card:hover{text-decoration:none}.filter-pill.active{background:var(--c-primary);color:var(--c-on-primary)}.filter-pill.active:hover{background:var(--c-primary-hover)}.story-grid{gap:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));margin:0;padding:0;list-style:none;display:grid}.story-grid li{display:flex;position:relative}.story-card-bell{top:var(--sp-2);z-index:1;color:var(--c-text-muted);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-full);cursor:pointer;align-items:center;padding:.3rem;display:inline-flex;position:absolute;inset-inline-end:var(--sp-2)}.story-card-bell:hover:not(:disabled){color:var(--c-primary);background:var(--c-surface)}.story-card-bell.on{color:var(--c-primary);background:var(--c-accent-soft);border-color:var(--c-accent)}.story-card{gap:var(--sp-3);aspect-ratio:2/3;box-sizing:border-box;width:100%;padding:var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.story-card-cover{z-index:0;position:absolute;inset:0}.story-card-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.story-card-cover:after{content:"";background:linear-gradient(#0000,#000000c7);height:60%;position:absolute;inset:auto 0 0}.story-card.has-cover{justify-content:flex-end}.story-card.has-cover .story-card-meta,.story-card.has-cover .story-card-title{z-index:1;position:relative}.story-card.has-cover .story-card-title{color:#fff;text-shadow:0 1px 3px #00000080}.story-card.has-cover .story-card-meta{margin-top:0}.story-card.has-cover .story-card-meta .muted{color:#ffffffd9}@media (width<=480px){.story-grid{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}}.story-card-title{color:var(--c-primary);margin:0;font-size:1.05rem;font-weight:600}.story-card-meta{margin-top:auto;font-size:.9rem}.empty-state{text-align:center;padding:var(--sp-8) var(--sp-4)}.empty-state .muted{margin-bottom:var(--sp-4)}.chapter-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.chapter-row{border-bottom:1px solid var(--c-border);align-items:center;position:relative}.chapter-row,.chapter-row a{gap:var(--sp-3);display:flex}.chapter-row a{min-width:0;padding:var(--sp-3) 0;flex:1;align-items:baseline;font-size:1.05rem}.chapter-row a:after{content:"";position:absolute;inset:0}.chapter-number{text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-muted);flex-shrink:0;font-size:.78rem;font-weight:600}.chapter-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.chapter-chevron{color:var(--c-text-muted);margin-inline-start:auto}.chapter-flags{align-items:center;gap:var(--sp-3);margin-inline-start:auto;display:inline-flex}.chapter-audio,.chapter-bookmark{align-items:center;font-size:.85rem;display:inline-flex}.chapter-bookmark{z-index:1;color:var(--c-text-muted);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;margin:-.35rem;padding:.35rem;position:relative}.chapter-bookmark:hover:not(:disabled){color:var(--c-primary);background:0 0}.chapter-bookmark.active{color:var(--c-primary)}.notice{align-items:flex-start;gap:var(--sp-3);margin:var(--sp-4) 0;padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-inline-start:3px solid var(--c-accent);border-radius:var(--r-md);display:flex}.notice:before{content:"";background:var(--c-accent);border-radius:50%;flex-shrink:0;width:.6rem;height:.6rem;margin-top:.45rem;animation:1.4s ease-in-out infinite notice-pulse}.notice.error{border-left-color:var(--c-error)}.notice.error:before{background:var(--c-error);animation:none}@keyframes notice-pulse{0%,to{opacity:1}50%{opacity:.35}}.loading{align-items:center;gap:var(--sp-3);padding:var(--sp-5) 0;display:flex}.dict-spinner,.loading-spinner{border:3px solid var(--c-primary);border-top-color:#0000;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite dict-spin}.loading-spinner{border-width:2px;flex-shrink:0;width:1.25rem;height:1.25rem}@keyframes dict-spin{to{transform:rotate(1turn)}}.level-badge{color:#fff;background:var(--c-primary);border-radius:var(--r-full);vertical-align:middle;align-items:center;gap:.35em;padding:.15rem .6rem;font-size:.8rem;display:inline-flex}.bookmark-story-meta .level-badge,.my-story-meta .level-badge,h1 .level-badge{white-space:nowrap}.privacy-badge{color:var(--c-text-muted);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-full);vertical-align:middle;margin-inline-start:var(--sp-2);padding:.15rem .6rem;font-size:.8rem}.status-pill{border-radius:var(--r-full);flex-shrink:0;padding:.1rem .55rem;font-size:.75rem}.status-published{color:var(--c-on-primary);background:var(--c-primary)}.status-private{color:var(--c-text-muted);border:1px solid var(--c-border)}.my-story-row{align-items:center;gap:var(--sp-3);display:flex}.my-story-link{gap:var(--sp-2);flex-direction:column;flex:1;min-width:0;display:flex}.my-story-link:hover{text-decoration:none}.my-story-main,.my-story-meta{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.my-story-meta{font-size:.9rem}.my-story-title{font-weight:600}.publish-btn{z-index:1;flex-shrink:0;padding:.35rem .8rem;font-size:.85rem;position:relative}.my-story-actions{justify-content:flex-end;align-items:center;gap:var(--sp-2);flex-wrap:wrap;flex-shrink:0;display:flex}.auto-btn.auto-on{background:var(--c-accent-soft);border-color:var(--c-accent);font-weight:600}button.secondary.danger-btn{color:var(--c-error);border-color:var(--c-error)}button.secondary.danger-btn:hover:not(:disabled){background:var(--c-error-soft)}@media (width<=640px){.my-story-row{align-items:stretch;gap:var(--sp-2);padding-bottom:var(--sp-3);flex-direction:column}.my-story-actions{justify-content:flex-start}}.bell-btn{justify-content:center;align-items:center;padding:.35rem .5rem;display:inline-flex}.bell-btn .icon-svg{vertical-align:0;width:1.15rem;height:1.15rem}.bell-btn.on{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-primary)}.auto-next{font-size:.85rem}.bookmark-local-note{margin-bottom:var(--sp-4);font-size:.9rem}.bookmark-group{margin-bottom:var(--sp-5)}.bookmark-group-head{align-items:baseline;gap:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-1);flex-wrap:wrap;display:flex}.bookmark-story-link{font-size:1.1rem;font-weight:600}.bookmark-story-meta{align-items:center;gap:var(--sp-3);flex-wrap:wrap;font-size:.9rem;display:inline-flex}.bookmark-chapter-static{align-items:baseline;gap:var(--sp-3);min-width:0;padding:var(--sp-3) 0;flex:1;font-size:1.05rem;display:flex}.auth-card{max-width:24rem;margin:var(--sp-6) auto 0;padding:var(--sp-5);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-sm)}.auth-card h1{margin-bottom:var(--sp-4);font-size:1.5rem}.auth-actions{margin-top:var(--sp-4);justify-content:flex-end;display:flex}.auth-links{margin:var(--sp-4) 0 0;font-size:.9rem}.password-wrap{position:relative}.field .password-wrap input{padding-inline-end:3.8rem}.password-toggle{top:50%;color:var(--c-primary);background:0 0;border:none;padding:.25rem .5rem;font-size:.8rem;position:absolute;inset-inline-end:.35rem;transform:translateY(-50%)}.password-toggle:hover:not(:disabled){background:0 0;text-decoration:underline}.dict-overlay,.modal-overlay{background:var(--c-overlay);padding:var(--sp-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay{z-index:50}.dict-panel,.modal{background:var(--c-surface);color:var(--c-text);border-radius:var(--r-md);padding:var(--sp-5);box-shadow:var(--sh-md);position:relative}.modal{width:min(100%,28rem)}.modal h2{margin-top:0}.field{margin-bottom:var(--sp-4)}.field label{margin-bottom:.3rem;font-size:.9rem;display:block}.field input,.field select,.field textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--c-border-input);border-radius:var(--r-sm);background:var(--c-input-bg);color:var(--c-text);padding:.45rem .6rem}.field-hint{color:var(--c-text-muted);margin:.35rem 0 0;font-size:.82rem}.field-check{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem;display:flex}.field-check input{width:auto;margin:0}.lang-select{position:relative}.lang-select-btn{align-items:center;gap:var(--sp-2);border:1px solid var(--c-border-input);border-radius:var(--r-sm);width:100%;color:var(--c-text);font:inherit;padding:.45rem .6rem;display:flex}.lang-select-btn,.lang-select-btn:hover:not(:disabled){background:var(--c-input-bg)}.lang-select-caret{color:var(--c-text-muted);margin-inline-start:auto;font-size:.8rem}.lang-select-menu{top:calc(100% + .25rem);z-index:60;padding:var(--sp-1);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-sm);box-shadow:var(--sh-md);max-height:16rem;margin:0;list-style:none;position:absolute;inset-inline:0;overflow-y:auto}.lang-select-option{align-items:center;gap:var(--sp-2);border-radius:var(--r-sm);width:100%;color:var(--c-text);font:inherit;text-align:start;background:0 0;border:none;padding:.45rem .6rem;display:flex}.lang-select-option:hover:not(:disabled){background:var(--c-accent-soft)}.lang-select-option[aria-selected=true]{background:var(--c-accent-soft);font-weight:600}.lang-select-suffix{color:var(--c-text-muted);margin-inline-start:auto;font-size:.85rem}.field-row{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.modal-actions{gap:var(--sp-3);margin-top:var(--sp-5);justify-content:flex-end;display:flex}.actions{gap:var(--sp-3);margin:var(--sp-5) 0}.actions,.story-hero{flex-wrap:wrap;align-items:flex-start;display:flex}.story-hero{gap:var(--sp-5)}.story-hero-main{flex:20rem;min-width:0}.story-cover{flex:0 0 11rem;width:11rem;max-width:100%;margin:0}.story-cover img{border-radius:var(--r-md);width:100%;height:auto;box-shadow:var(--sh-sm);display:block}.story-cover-empty{justify-content:center;align-items:center;gap:var(--sp-2);box-sizing:border-box;aspect-ratio:2/3;padding:var(--sp-3);text-align:center;background:var(--c-accent-soft);border:1px dashed var(--c-border);border-radius:var(--r-md);flex-direction:column;display:flex}.length-picker{border:1px solid var(--c-border-input);border-radius:var(--r-sm);display:inline-flex;overflow:hidden}.length-picker button{color:var(--c-text);background:0 0;border:none;border-radius:0;padding:.55rem .8rem}.length-picker button.active{background:var(--c-primary);color:var(--c-on-primary)}.word-panel{border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:.9rem}.word-panel summary{cursor:pointer;color:var(--c-text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:var(--sp-2);font-size:.85rem;list-style:none;display:flex}.word-panel summary::-webkit-details-marker{display:none}.word-panel summary:before{content:"▸";color:var(--c-primary);transition:transform .15s}.download-panel[open] summary:after,.word-panel[open] summary:before{transform:rotate(90deg)}.word-count-badge{color:var(--c-primary);border:1px solid var(--c-primary);border-radius:var(--r-full);padding:0 .45rem;font-size:.75rem}.word-list{margin-top:var(--sp-3);flex-wrap:wrap;align-items:center;gap:.35rem .5rem;display:flex}.word-chip{border:1px solid var(--c-primary);color:var(--c-primary);border-radius:var(--r-full);align-items:center;gap:.25rem;padding:.1rem .4rem .1rem .55rem;font-size:.8rem;display:inline-flex}.word-remove{color:inherit;background:0 0;border:none;padding:0 .2rem;font-size:.95rem;line-height:1}.word-remove:hover:not(:disabled){color:var(--c-error);background:0 0}.download-panel{border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:.9rem;position:relative}.download-panel summary{cursor:pointer;color:var(--c-text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:var(--sp-2);font-size:.9rem;list-style:none;display:flex}.download-panel summary::-webkit-details-marker{display:none}.download-panel summary:after{content:"▸";color:var(--c-primary);transition:transform .15s}.download-options{gap:var(--sp-2);margin-top:var(--sp-3);display:flex}.download-options button{white-space:nowrap;padding:.4rem .8rem;font-size:.85rem}.reader-toolbar .download-panel{border:none;padding:0}.reader-toolbar .download-options{z-index:5;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-3);box-shadow:var(--sh-md);position:absolute}.download-error{margin:var(--sp-2) 0 0;font-size:.85rem}.word-add-row{gap:var(--sp-2);margin-top:var(--sp-2);display:flex}.word-add-row input{min-width:0;font:inherit;border:1px solid var(--c-border-input);border-radius:var(--r-sm);background:var(--c-input-bg);color:var(--c-text);flex:1;padding:.4rem .6rem}.reader-toolbar{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);flex-wrap:wrap;font-size:.9rem;display:flex}.reader-toolbar input[type=range]{width:12rem}.reader-toolbar input{accent-color:var(--c-primary)}.switch-toggle{align-items:center;gap:var(--sp-2);cursor:pointer;-webkit-user-select:none;user-select:none;margin-inline-start:.25rem;display:flex}.switch-toggle input{opacity:0;width:0;height:0;position:absolute}.switch-toggle .switch{border-radius:var(--r-full);background:#c5c5c5;flex-shrink:0;width:2.4rem;height:1.4rem;transition:background-color .15s;position:relative}.switch-toggle .switch:before{content:"";top:.18rem;background:#fff;border-radius:50%;width:1.04rem;height:1.04rem;transition:transform .15s;position:absolute;inset-inline-start:.18rem;box-shadow:0 1px 2px #00000040}.switch-toggle input:checked+.switch{background:var(--c-primary)}.switch-toggle input:checked+.switch:before{transform:translate(1rem)}.switch-toggle input:focus-visible+.switch{outline:2px solid var(--c-primary);outline-offset:2px}::highlight(saved){background-color:#cfe6f5}.zh-char.zh-saved{background-color:#cfe6f5;border-radius:2px}::highlight(spoken){color:#1f1f1f;background-color:#ffe08a}.zh-char.zh-spoken{background-color:#ffe08a;border-radius:2px}.bookmark-btn,.highlight-note{font-size:.85rem}.bookmark-btn{color:var(--c-text-muted);border:1px solid var(--c-border);border-radius:var(--r-full);background:0 0;align-items:center;gap:.35rem;padding:.15rem .65rem;font-weight:600;display:inline-flex}.bookmark-btn:hover:not(:disabled){color:var(--c-primary);border-color:var(--c-primary);background:0 0}.bookmark-btn.active{color:var(--c-primary);border-color:var(--c-primary);background:var(--c-accent-soft)}.audio-bar{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);display:flex}.audio-bar audio{width:100%;max-width:32em;height:2.4rem}.audio-signin{margin:0;font-size:.9rem}.chapter-figure{margin:0 0 var(--sp-5);border-radius:var(--r-md);background:var(--c-accent-soft);box-shadow:var(--sh-sm);overflow:hidden}.chapter-figure img{width:100%;height:auto;display:block}.chapter-kicker{text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-muted);margin-bottom:var(--sp-2);font-size:.85rem;font-weight:600;display:block}.story-text{white-space:pre-line;margin:0;font-size:1.05rem;line-height:1.8}.story-text.cursive{font-family:var(--font-cursive)}.story-text.zh{white-space:normal;line-break:anywhere}.zh-para{margin:0 0 1.5em}.zh-para:last-child{margin-bottom:0}.end-cta-name,.zh-char{white-space:nowrap}.zh-char.zh-word-gap{margin-inline-start:.5em}.zh-char ruby{ruby-align:center;ruby-position:under}.zh-char rt{color:var(--c-text-muted);-webkit-user-select:none;user-select:none;font-size:.45em}.dict-fab{z-index:60;width:2.4rem;height:2.4rem;box-shadow:var(--sh-fab);border-radius:50%;padding:0;font-size:1.1rem;line-height:1;position:fixed}@media (pointer:coarse){.dict-fab{width:2.9rem;height:2.9rem}}.end-cta{inset-inline-start:50%;z-index:50;align-items:center;gap:var(--sp-3) var(--sp-4);width:min(100%,2.5rem + var(--content-width));box-sizing:border-box;padding:var(--sp-3) 1.25rem calc(var(--sp-3) + env(safe-area-inset-bottom,0px));background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--sh-md);border-bottom:none;flex-wrap:wrap;display:flex;position:fixed;bottom:0;transform:translate(-50%)}.end-cta-enter-active,.end-cta-leave-active{transition:transform .28s,opacity .28s}.end-cta-enter-from,.end-cta-leave-to{opacity:0;transform:translate(-50%,100%)}.end-cta-main{align-items:center;gap:var(--sp-4);min-width:0;color:inherit;flex:14rem;display:flex}.end-cta-main,a.end-cta-main:hover{text-decoration:none}a.end-cta-main:hover .end-cta-title{color:var(--c-primary)}.end-cta-text{flex-direction:column;min-width:0;display:flex}.end-cta-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-muted);font-size:.75rem;font-weight:600}.end-cta-title{align-items:baseline;gap:var(--sp-2);min-width:0;font-weight:600;transition:color .15s;display:flex}.end-cta-name{text-overflow:ellipsis;color:var(--c-text-muted);font-weight:400;overflow:hidden}.end-cta-arrow{background:var(--c-primary);width:2.5rem;height:2.5rem;color:var(--c-on-primary);box-shadow:var(--sh-sm);border-radius:50%;place-items:center;font-size:1.1rem;line-height:1;display:grid}.end-cta-arrow,.end-cta-generate{flex-shrink:0;margin-inline-start:auto}.end-cta-generate{align-items:center;gap:var(--sp-2);display:inline-flex}.end-cta-error{color:var(--c-error);flex-basis:100%;margin:0;font-size:.85rem}.chapter-end-sentinel{height:7rem}@media (width<=480px){.field-row{grid-template-columns:1fr}.end-cta{gap:var(--sp-2) var(--sp-3);padding:var(--sp-3) 1rem calc(var(--sp-3) + env(safe-area-inset-bottom,0px))}.end-cta-title{font-size:.95rem}.end-cta-generate{margin-inline-start:0}}.dict-overlay{z-index:70}.dict-panel{width:min(100%,24rem);max-height:85vh;overflow-y:auto}@media (width>=1280px){.dict-overlay{pointer-events:none;padding:var(--header-height) 0 0;background:0 0;justify-content:flex-end;align-items:stretch}.dict-panel{pointer-events:auto;box-sizing:border-box;width:calc(.5 * (100vw - (2.5rem + var(--content-width))));border-inline-start:1px solid var(--c-border);max-height:none;padding-bottom:var(--sp-6);overflow-wrap:anywhere;border-radius:0;animation:.18s ease-out dict-panel-in;overflow-y:auto;box-shadow:-.5rem 0 1.5rem #0000001a}@keyframes dict-panel-in{0%{opacity:0;transform:translate(1.5rem)}}}.dict-panel h2{margin:0 0 .25rem;padding-inline-end:2rem}.dict-panel h3{text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-muted);margin:1.25rem 0 .5rem;font-size:.9rem}.dict-close{top:var(--sp-3);padding:.2rem .55rem;position:absolute;inset-inline-end:var(--sp-3)}.dict-chips{margin:var(--sp-2) 0;flex-wrap:wrap;gap:.35rem;display:flex}.dict-chip{border:1px solid var(--c-primary);color:var(--c-primary);border-radius:var(--r-full);padding:.1rem .5rem;font-size:.75rem}.dict-translation{margin:0;font-size:1.15rem}.dict-head{align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding-inline-end:2rem;display:flex}.dict-head h2{overflow-wrap:anywhere;flex:auto;min-width:0;margin:0;padding-inline-end:0}.word-save{flex-wrap:wrap;gap:.4rem;margin-inline-start:auto}.word-save,.word-save-btn{align-items:center;display:inline-flex}.word-save-btn{color:var(--c-text-muted);border:1px solid var(--c-border);border-radius:var(--r-full);background:0 0;gap:.35rem;padding:.15rem .65rem;font-size:.85rem;font-weight:600}.word-save-btn:hover:not(:disabled){color:var(--c-primary);border-color:var(--c-primary);background:0 0}.word-save-btn.active{color:var(--c-primary);border-color:var(--c-primary);background:var(--c-accent-soft)}.word-save-error{font-size:.8rem}.dict-loading{padding:var(--sp-4) 0 var(--sp-2);text-align:center;flex-direction:column;align-items:center;gap:.6rem;display:flex}.dict-loading p{margin:0}.dict-loading-note{font-size:.85rem}.dict-table{border-collapse:collapse;width:100%;margin-bottom:var(--sp-3)}.dict-table caption{text-align:start;color:var(--c-text-muted);padding-bottom:.25rem;font-size:.85rem}.dict-table td,.dict-table th{text-align:start;border-bottom:1px solid var(--c-border);padding:.2rem .5rem .2rem 0}.dict-table th{width:4.5rem;color:var(--c-text-muted);font-weight:600}.dict-hit{color:var(--c-primary);font-weight:700}.dict-language{margin-top:var(--sp-6)}.dict-selector{max-width:16rem}.dict-saved-table th{width:auto}.dict-remove-col{text-align:right;width:3rem}.dict-word-link{color:var(--c-primary);font:inherit;text-align:start;background:0 0;border:none;padding:0}.dict-word-link:hover:not(:disabled){background:0 0;text-decoration:underline}.dict-etym-stages li:before,.dict-row-selected td{background:var(--c-accent-soft)}.dict-examples{margin:0;padding-inline-start:1.2rem}.dict-examples li{margin-bottom:.6rem}.dict-ex-text{display:block}.dict-etymology{margin:0;font-size:.9rem}.dict-etym h4{margin:var(--sp-4) 0 .35rem;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted);font-size:.8rem;font-weight:600}.dict-etym-facts{gap:.25rem var(--sp-3);margin:var(--sp-3) 0 0;grid-template-columns:auto minmax(0,1fr);font-size:.9rem;display:grid}.dict-etym-facts dt{color:var(--c-text-muted);white-space:nowrap}.dict-etym-facts dd{min-width:0;margin:0}.dict-etym-list,.dict-etym-morphemes{margin:0;padding:0;font-size:.9rem;list-style:none}.dict-etym-list li,.dict-etym-morphemes li{border-bottom:1px solid var(--c-border);flex-wrap:wrap;align-items:baseline;gap:.4rem;padding:.25rem 0;display:flex}.dict-etym-list li:last-child,.dict-etym-morphemes li:last-child{border-bottom:none}.dict-etym-stages{counter-reset:stage;padding:0 0 0 var(--sp-4);border-inline-start:2px solid var(--c-border);margin:0;font-size:.9rem;list-style:none}.dict-etym-stages li{flex-wrap:wrap;align-items:baseline;gap:.4rem;padding:.15rem 0;display:flex;position:relative}.dict-etym-stages li:before{counter-increment:stage;content:counter(stage);inset-inline-start:calc(-.55rem + -1 * var(--sp-4));border:1px solid var(--c-border);border-radius:var(--r-full);width:1.1rem;height:1.1rem;color:var(--c-text-muted);place-items:center;font-size:.6rem;display:grid;position:absolute;top:.2rem}.dict-etym-lang,.dict-etym-period{color:var(--c-text-muted);font-size:.8rem}.dict-etym-word{font-weight:600}.dict-etym-notes{font-style:italic}.dict-chip-quiet{padding:0 .4rem;font-size:.7rem}@media (prefers-color-scheme:dark){a,button{border-color:var(--c-accent);color:var(--c-accent);background:0 0}button.secondary:hover:not(:disabled),button:hover:not(:disabled){background:var(--c-accent-soft)}.brand-feather,.dict-word-link,.filter-pill,.header-menu-link,.password-toggle,button.secondary{color:var(--c-accent)}.level-badge{background:var(--c-accent)}.filter-pill{border-color:var(--c-accent)}.filter-pill:hover{background:var(--c-accent-soft)}.filter-pill.active{color:#111}.filter-pill.active,.filter-pill.active:hover{background:var(--c-accent)}.end-cta-arrow,.length-picker button.active{background:var(--c-accent);color:#111}.story-card-title{color:var(--c-accent)}.reader-toolbar input{accent-color:var(--c-accent)}.switch-toggle .switch{background:#555}.switch-toggle input:checked+.switch{background:var(--c-accent)}.switch-toggle input:focus-visible+.switch{outline-color:var(--c-accent)}::highlight(saved){background-color:#2c4a5c}.zh-char.zh-saved{background-color:#2c4a5c}::highlight(spoken){color:#f5f5f5;background-color:#6b5a1f}.zh-char.zh-spoken{background-color:#6b5a1f}.composer-options-toggle:before,.word-panel summary:before{color:var(--c-accent)}.word-chip,.word-count-badge{color:var(--c-accent);border-color:var(--c-accent)}.word-remove:hover:not(:disabled){color:var(--c-error)}.dict-chip{border-color:var(--c-accent)}.dict-chip,.dict-hit{color:var(--c-accent)}.dict-spinner,.loading-spinner{border-color:var(--c-accent);border-top-color:#0000}}@media (prefers-reduced-motion:reduce){.composer-options-toggle:before,.filter-pill,.switch-toggle .switch,.switch-toggle .switch:before,.word-panel summary:before,button{transition:none}.dict-panel,.feather-icon.writing,.notice:before{animation:none}.dict-spinner,.loading-spinner{animation-duration:1.6s}.end-cta-enter-active,.end-cta-leave-active{transition:opacity .15s}.end-cta-enter-from,.end-cta-leave-to{transform:translate(-50%)}}.breadcrumbs{margin-bottom:var(--sp-5);font-size:.9rem}.breadcrumbs ol{gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{align-items:center;gap:var(--sp-2);color:var(--c-text-muted);display:flex}.breadcrumbs li+li:before{content:"›";color:var(--c-text-muted)}.breadcrumbs [aria-current=page]{color:var(--c-text)}.read-language{margin-top:var(--sp-6)}.read-language h2 a{color:inherit}.read-level-link{white-space:nowrap}.browse-link{margin-top:var(--sp-5)}.site-footer .footer-nav{justify-content:center;gap:var(--sp-4);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}