:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f6f4ef;background:#111713;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b9d889;outline-offset:3px}header{height:70px;padding:0 max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#111713;position:sticky;top:0;z-index:10;border-bottom:1px solid #252936}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-icon{width:38px;height:38px;display:block;flex:none;border-radius:9px}.brand-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.brand-copy strong{font-size:.96rem;line-height:1;letter-spacing:.11em;font-weight:900;white-space:nowrap}.brand-copy small{font-size:.56rem;letter-spacing:.2em;color:#b9d889;font-weight:800;white-space:nowrap}.icon-button{border:1px solid #343845;background:#1c202d;color:#e8e8eb;border-radius:12px;width:40px;height:40px;font-size:1.2rem}main{max-width:1180px;margin:auto;padding:20px 22px 130px;min-height:calc(100dvh - 70px)}.page-head{padding:27px 0 25px}.page-head.small{padding-bottom:20px}.eyebrow{color:#b9d889;font-size:.72rem;font-weight:800;letter-spacing:.18em;margin:0 0 12px}.page-head h1{font-size:clamp(2.55rem,7vw,5.7rem);line-height:1.04;letter-spacing:-.045em;margin:0;font-weight:800}.accent{color:#b9d889}.subtle{color:#9da2b1;font-size:.88rem;line-height:1.5}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin:23px 0 15px;gap:15px}.section-heading h2{font-size:1.28rem;margin:0;letter-spacing:-.03em}.section-heading span{color:#949baa;font-size:.83rem}.section-heading button{border:0;background:none;color:#b9d889;padding:10px;font-size:.88rem}.continue-list{display:grid;gap:12px}.continue-card{background:linear-gradient(115deg,#252939,#191d2a);border:1px solid #383d4c;border-radius:19px;padding:13px;display:flex;align-items:center;gap:14px;min-height:118px}.continue-info{display:flex;align-items:center;text-align:left;gap:14px;min-width:0;flex:1;color:inherit;background:none;border:0;padding:0}.continue-info img,.mini-art{width:61px;height:88px;border-radius:9px;object-fit:cover;flex:none;background:#35384a}.mini-art{display:grid;place-items:center;color:#b9d889}.continue-info strong{font-size:1rem;display:block;line-height:1.25}.continue-info small,.progress-label{display:block;font-size:.8rem;color:#adb0ba;margin-top:7px}.progress-label{color:#b9d889}.next-button,.primary{background:#b9d889;border:0;border-radius:12px;color:#141e17;font-weight:800;min-height:48px;padding:10px 17px}.next-button span{font-size:1.1rem;margin-left:5px}.primary:hover,.next-button:hover{background:#d3eba9}.welcome,.empty{background:#1b202c;border:1px solid #303646;border-radius:20px;padding:30px 24px;margin:10px 0 29px}.welcome-glyph{color:#b9d889;font-size:2rem}.welcome h2,.empty h2{margin:13px 0 7px}.welcome p,.empty p{color:#aab0bf;line-height:1.5}.poster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}.poster-row{display:flex;gap:14px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x mandatory}.poster-card{border:0;background:none;color:#f8f8fb;text-align:left;padding:0;min-width:0}.poster-row .poster-card{flex:0 0 135px;scroll-snap-align:start}.art{aspect-ratio:2/3;background:linear-gradient(145deg,#32384b,#202534);display:block;border-radius:13px;overflow:hidden;position:relative;border:1px solid #353b4d}.art img{width:100%;height:100%;object-fit:cover}.no-art{height:100%;display:grid;place-items:center;color:#a8c780;letter-spacing:.2em;font-size:.72rem}.saved-dot{position:absolute;top:8px;right:8px;background:#b9d889;color:#141823;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-weight:800}.card-title{display:block;font-size:.9rem;font-weight:700;line-height:1.25;margin:9px 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{display:block;color:#969cab;font-size:.78rem}.search-box{height:55px;border:1px solid #3d4251;background:#202533;border-radius:13px;display:flex;align-items:center;gap:12px;padding:0 16px}.search-box span{color:#b9d889;font-size:1.5rem}.search-box input{background:none;border:0;color:white;outline:none;width:100%;font-size:1rem}.search-box input::placeholder{color:#939aa8}.segmented{display:flex;overflow-x:auto;gap:8px;margin:20px 0 25px;padding-bottom:4px}.segmented button{flex:none;border:1px solid #353b49;background:#1c212d;color:#b6bac5;border-radius:40px;min-height:41px;padding:0 17px;font-size:.85rem}.segmented button.selected{background:#b9d889;color:#141e17;border-color:#b9d889;font-weight:800}.state{text-align:center;color:#afb4c1;padding:35px}nav{position:fixed;z-index:20;bottom:0;left:0;right:0;background:#19221c;border-top:1px solid #343949;display:flex;justify-content:space-around;padding:7px max(8px,calc((100vw - 620px)/2)) calc(8px + env(safe-area-inset-bottom));box-shadow:0 -9px 30px #0004}nav button{color:#9199a9;background:none;border:0;min-height:52px;min-width:58px;padding:3px 6px;font-size:.68rem;display:flex;flex-direction:column;align-items:center;gap:3px}nav button span{font-size:1.45rem;line-height:1.3}nav button .nav-icon{width:30px;height:30px;display:grid;place-items:center}nav button .nav-icon svg{width:25px;height:25px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}nav button.active{color:#b9d889;font-weight:800}.scrim{position:fixed;inset:0;background:#05070bbd;z-index:30}.sheet{position:fixed;z-index:31;background:#1c251e;bottom:0;left:0;right:0;max-height:90dvh;overflow-y:auto;border-radius:23px 23px 0 0;border:1px solid #3a4050;padding:27px 22px calc(35px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px #0008}.sheet-close{position:sticky;float:right;top:0;border:1px solid #424858;background:#303544;color:white;border-radius:50%;height:38px;width:38px;font-size:1.45rem;z-index:2}.detail-top{display:flex;gap:17px;align-items:flex-end;margin-top:12px}.detail-top img,.detail-placeholder{width:110px;aspect-ratio:2/3;object-fit:cover;border-radius:12px;background:#343a4b;flex:none}.detail-placeholder{display:grid;place-items:center;color:#b9d889}.detail-top h2,.settings h2{font-size:1.75rem;line-height:1.1;letter-spacing:-.04em;margin:0}.score{color:#b9d889;font-size:.85rem}.overview,.settings p{color:#c0c4cf;line-height:1.55;font-size:.92rem}.provider-block{padding:13px 0}.provider-block h3,.episode-section h3{font-size:1rem;margin:0 0 12px}.provider-block small{color:#8e94a2}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.chips span{background:#313745;border-radius:8px;padding:7px 10px;font-size:.82rem}.detail-actions{display:flex;gap:7px;margin:20px 0}.detail-actions button{flex:1;min-height:47px;background:#303645;color:#eff0f3;border:1px solid #41485a;border-radius:11px;font-size:.78rem;font-weight:700;padding:5px}.detail-actions button.chosen{background:#b9d889;color:#161a25;border-color:#b9d889}.episode-section{border-top:1px solid #394050;padding:19px 0}.episode-controls{display:flex;align-items:end;gap:9px;margin:17px 0}.episode-controls label{font-size:.76rem;color:#bfc3cc;flex:1;min-width:0}.episode-controls select,.episode-controls input{display:block;width:100%;height:48px;min-height:48px;box-sizing:border-box;background-color:#292e3d;color:white;border:1px solid #4a5060;border-radius:11px;margin-top:7px;padding:0 14px;font-size:1rem;line-height:normal;color-scheme:dark}.episode-controls select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='%23bfc3cc' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:38px}.episode-controls button{height:48px;min-height:48px;background:#363c4b;border:1px solid #4b5161;color:white;border-radius:11px;padding:0 15px}.wide{width:100%}#episode-list{max-height:220px;overflow:auto;margin-top:13px}#episode-list button{display:block;width:100%;background:none;color:#d9dbe1;border:0;border-bottom:1px solid #353b49;text-align:left;padding:12px 3px;font-size:.86rem}.remove{display:block;background:none;color:#d99393;border:0;padding:15px 0;margin:4px auto}.attribution{font-size:.72rem!important;color:#89909f!important;margin-top:20px}.settings{max-width:520px}.import-label{display:block;text-align:center;border:1px solid #555d6e;border-radius:12px;padding:13px;margin-top:12px;color:white;font-weight:700;cursor:pointer}.import-label input{display:none}#toast{position:fixed;z-index:40;bottom:calc(92px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,15px);background:#b9d889;color:#161924;border-radius:10px;padding:11px 16px;font-size:.85rem;font-weight:700;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}@media(max-width:570px){.continue-card{flex-wrap:wrap}.next-button{width:100%}.page-head{padding-top:19px}}@media(min-width:700px){main{padding-top:25px}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.continue-list{grid-template-columns:repeat(2,minmax(0,1fr))}.continue-card{flex-wrap:wrap}.next-button{width:100%}.sheet{left:50%;right:auto;transform:translateX(-50%);width:min(570px,100vw);border-radius:22px 22px 0 0}.page-head{padding-top:42px}}@media(min-width:1060px){.poster-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.book-meta{color:#b7c2b4;font-size:.85rem;margin:8px 0}.book-link{color:#b9d889;text-decoration:none;font-size:.83rem}.book-link:hover{text-decoration:underline}.related{border-top:1px solid #394050;padding-top:18px}.related-row{display:flex;gap:10px;overflow:auto;margin:12px 0 4px}.related-row .poster-card{flex:0 0 112px}.loading-inline{color:#aab6a6;font-size:.84rem}.chapter-section{border-top:1px solid #394050;padding:19px 0}.chapter-section h3,.related h3{font-size:1rem;margin:0 0 12px}.chapter-controls{display:flex;gap:9px;align-items:end;margin:14px 0}.chapter-controls label{font-size:.76rem;color:#bfc3cc;flex:1}.chapter-controls input{display:block;width:100%;height:48px;background:#292e3d;color:white;border:1px solid #4a5060;border-radius:11px;margin-top:7px;padding:0 14px}.chapter-controls button{height:48px;background:#363c4b;border:1px solid #4b5161;color:white;border-radius:11px;padding:0 15px}.chapter-list{max-height:185px;overflow:auto;margin:10px 0}.chapter-list button{display:block;width:100%;background:none;color:#d9dbe1;border:0;border-bottom:1px solid #353b49;text-align:left;padding:10px 3px;font-size:.85rem}.chapter-list button.current{color:#b9d889;font-weight:700}.rec-tabs{display:flex;gap:7px;margin:10px 0}.rec-tabs button{background:#303645;border:1px solid #41485a;border-radius:9px;color:#ddd;padding:8px 12px}.rec-tabs button.selected{background:#b9d889;color:#141e17}.detail-top h2{overflow-wrap:anywhere}.chapter-note{font-size:.78rem;color:#929e95}.search-box input{color-scheme:dark}