.book-home{--book-bg:#090a0c;--book-surface:#121317;--book-surface-raised:#18191e;--book-surface-hover:#202127;--book-border:#ffffff1a;--book-border-strong:#ffffff2e;--book-text:#f7f3ed;--book-text-muted:#aaa7a2;--book-text-subtle:#89878c;--book-accent:#bd3d47;--book-accent-deep:#81141e;--book-gold:#d8b56b;--book-focus:#f05d69;--book-radius-sm:10px;--book-radius-md:16px;--book-radius-lg:24px;--book-shadow-card:0 18px 50px #00000042;--book-shadow-float:0 24px 70px #0000007a;--book-ease-out:cubic-bezier(.16, 1, .3, 1);--book-ease-standard:cubic-bezier(.2, 0, 0, 1);--color-text-primary:var(--book-text);--color-surface-raised:var(--book-surface-raised);--color-surface-hover:var(--book-surface-hover);--color-border-subtle:var(--book-border);--color-border:var(--book-border-strong);--color-accent-bright:var(--book-focus);--color-favorite:var(--book-gold);background-color:var(--book-bg);background-image:radial-gradient(circle at 8% 8%, #7e192329, transparent 25rem), radial-gradient(circle at 86% 34%, #6f4d2a17, transparent 28rem), linear-gradient(#090a0cdb, #090a0cf0), var(--book-page-background,none);min-height:100dvh;color:var(--book-text);font-family:var(--font-sans-thai), "Leelawadee UI", Tahoma, sans-serif;font-synthesis:none;text-rendering:optimizelegibility;background-position:top;background-repeat:no-repeat;background-size:auto,auto,auto,cover}:root[data-theme=light] .book-home{--book-bg:#f7f2eb;--book-surface:#fffaf4;--book-surface-raised:#fffdf9;--book-surface-hover:#f0e7df;--book-border:#402b2e1f;--book-border-strong:#402b2e38;--book-text:#241e20;--book-text-muted:#675f60;--book-text-subtle:#827a7b;--book-accent:#ad2633;--book-accent-deep:#7a1722;--book-gold:#8b662d;--book-focus:#b32837;--book-shadow-card:0 18px 42px #4b322c24;--book-shadow-float:0 24px 70px #4b322c2e;background-color:var(--book-bg);background-image:radial-gradient(circle at 8% 8%, #a81b2a1a, transparent 25rem), radial-gradient(circle at 86% 34%, #8b662d1c, transparent 28rem), linear-gradient(#f7f2ebe0, #f7f2ebf2), var(--book-page-background,none);color:var(--book-text)}.book-home :where(button,a,input):focus-visible,.book-header :where(button,a,input):focus-visible{outline:2px solid var(--book-focus,#f05d69);outline-offset:3px}.book-header{z-index:70;height:72px;color:var(--book-text,#f7f3ed);-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);background:#090a0cd1;border-bottom:1px solid #ffffff14;position:sticky;top:0;box-shadow:0 10px 35px #00000029}.book-header__inner{width:min(1480px,100%);height:72px;margin-inline:auto;padding:12px clamp(20px,3vw,48px)}.book-header__lead{gap:clamp(18px,2.2vw,34px)}.book-header__logo{height:46px;padding-right:0}.book-header__search{border:1px solid var(--book-border);width:clamp(280px,32vw,470px);height:42px;transition:border-color .18s var(--book-ease-standard), background-color .18s var(--book-ease-standard), box-shadow .18s var(--book-ease-standard);background:#ffffff0f;border-radius:12px;gap:10px;padding-inline:14px;box-shadow:inset 0 1px #ffffff08}.book-header__search:focus-within{background:#ffffff14;border-color:#f05d69b3;box-shadow:0 0 0 3px #bd3d4724,inset 0 1px #ffffff0a}.book-header__search input{color:var(--book-text);font-family:var(--font-sans-thai), "Leelawadee UI", sans-serif;font-size:.94rem;font-weight:450;line-height:1.45}.book-header__search input::placeholder{color:#858387}.book-header__actions{gap:10px}.book-header__primary-actions{gap:8px}.book-header__writer,.book-header__library{height:40px;font-family:var(--font-sans-thai), "Leelawadee UI", sans-serif;transition:transform .16s var(--book-ease-out), border-color .18s var(--book-ease-standard), background-color .18s var(--book-ease-standard), color .18s var(--book-ease-standard);border:1px solid #0000;border-radius:11px;gap:8px;padding-inline:14px;font-size:.91rem;font-weight:650;line-height:1}.book-header__writer{color:#fff;background:linear-gradient(135deg,#a62631,#76121b);box-shadow:0 8px 24px #81141e3d}.book-header__library{border-color:var(--book-border);color:var(--book-text,#8b0000);background:#ffffff12}.book-header__writer.is-active,.book-header__library.is-active{border-color:#d8b56b70}.book-header .book-header__library:hover{border-color:var(--book-border,#ffffff2e);color:var(--book-text,#f7f3ed);background:#ffffff1f}.book-header__notification{width:40px;height:40px;transition:border-color .18s var(--book-ease-standard), background-color .18s var(--book-ease-standard), transform .16s var(--book-ease-out);border:1px solid #0000;border-radius:11px}.book-header__notification:hover{border-color:var(--book-border);background:#ffffff12}.book-header__theme-toggle{border:1px solid var(--book-border);height:40px;color:var(--book-text);cursor:pointer;font-family:var(--font-sans-thai), "Leelawadee UI", sans-serif;transition:border-color .18s var(--book-ease-standard), background-color .18s var(--book-ease-standard), color .18s var(--book-ease-standard), transform .16s var(--book-ease-out);background:#ffffff12;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding-inline:12px;font-size:.84rem;font-weight:700;line-height:1;display:inline-flex}.book-header__theme-toggle>span:first-child{place-items:center;width:16px;height:16px;font-size:.9rem;line-height:1;display:grid}.book-header__theme-toggle:hover{border-color:var(--book-border-strong);background:#ffffff1f}.book-header__theme-toggle:disabled{cursor:wait;opacity:.68}.profile-menu__trigger{min-width:0;color:var(--muted-strong,#d0cdca);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.book-header .profile-menu__trigger{width:42px;height:42px;transition:border-color .18s var(--book-ease-standard), transform .16s var(--book-ease-out);border:1px solid #0000;border-radius:50%;place-items:center;display:grid}.book-header .profile-menu__trigger[aria-expanded=true]{border-color:#d8b56b8f}.book-header__avatar{width:38px;height:38px;transition:transform .18s var(--book-ease-out);border:1px solid #ffffff38;box-shadow:0 0 0 3px #0000002e}.book-header .profile-menu__trigger:hover .book-header__avatar{transform:scale(1.04)}.book-header .profile-menu__popover{z-index:90;width:252px;box-shadow:var(--book-shadow-float);-webkit-backdrop-filter:blur(20px)saturate(125%);backdrop-filter:blur(20px)saturate(125%);transform-origin:100% 0;animation:book-popover-in .18s var(--book-ease-out) both;background:#141519f5;border-color:#ffffff21;border-radius:15px;padding:9px;top:calc(100% + 13px)}.book-header .profile-menu__identity{border-color:var(--book-border);padding:12px 11px 14px}.book-header .profile-menu__identity strong{color:var(--book-text);font-size:.92rem}.book-header .profile-menu__identity span{color:var(--book-text-subtle);margin-top:2px;font-size:.76rem}.book-header .profile-menu__popover a,.book-header .profile-menu__popover button{color:#c8c5c1;min-height:40px;font-family:var(--font-sans-thai), "Leelawadee UI", sans-serif;transition:background-color .14s var(--book-ease-standard), color .14s var(--book-ease-standard), transform .14s var(--book-ease-out);border-radius:9px;padding:9px 11px;font-size:.86rem}.book-header .profile-menu__popover a:hover,.book-header .profile-menu__popover button:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.book-home__main{flex-direction:column;width:min(1360px,100% - clamp(32px,6vw,96px));margin-inline:auto;padding:clamp(22px,3vw,42px) 0 72px;display:flex}.book-hero{border-radius:var(--book-radius-lg);isolation:isolate;background:#111216;border:1px solid #ffffff1c;width:100%;height:clamp(360px,31vw,440px);margin:0;position:relative;overflow:hidden;box-shadow:0 28px 70px #00000061,inset 0 1px #ffffff0f}.book-hero:after{z-index:1;pointer-events:none;border-radius:inherit;content:"";border:1px solid #ffffff0d;position:absolute;inset:0}.book-hero__slide{animation:book-hero-slide-in .52s var(--book-ease-out) both;position:absolute;inset:0;overflow:hidden}.book-hero__image{z-index:-3;object-fit:cover;object-position:center 45%;filter:saturate(.92)contrast(1.04);animation:book-hero-image-in .9s var(--book-ease-out) both;transform:scale(1.015);width:100%!important;max-width:none!important;height:100%!important;inset:0!important}.book-hero__shade{z-index:-2;background:linear-gradient(90deg,#07080af0 0%,#07080abf 35%,#07080a29 68%,#07080a6b 100%),linear-gradient(#0000 42%,#07080ac2 100%),linear-gradient(#07080a29,#0000 30%)}.book-hero__copy{z-index:2;gap:10px;width:min(560px,52%);top:auto;bottom:clamp(34px,4.4vw,58px);left:clamp(40px,5vw,72px)}.book-hero__eyebrow{color:#e1c58d;letter-spacing:.08em;background:#08090b75;border:1px solid #d8b56b59;border-radius:999px;align-items:center;min-height:25px;padding:4px 10px;font-size:.72rem;font-weight:720;line-height:1;display:inline-flex}.book-hero__copy h1{color:#fffaf3;max-width:100%;font-family:var(--font-serif-thai), Georgia, serif;letter-spacing:0;text-wrap:balance;margin:0;padding-top:.08em;font-size:clamp(2.85rem,5vw,4.45rem);font-weight:650;line-height:1.16;overflow:visible}.book-hero__copy>p{color:#c2bfbb;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:520px;margin:0;font-size:clamp(.96rem,1.4vw,1.12rem);font-weight:400;line-height:1.68;display:-webkit-box;overflow:hidden}.book-hero__meta{flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;display:flex}.book-hero__meta .book-story-author{color:#bbb8b4}.book-hero__actions{margin-top:4px;display:flex}.book-hero__primary-action{color:#fff;cursor:pointer;min-width:126px;min-height:44px;transition:box-shadow .18s var(--book-ease-standard), filter .18s var(--book-ease-standard), transform .16s var(--book-ease-out);background:linear-gradient(135deg,#c94751 0%,#8b1721 100%);border:1px solid #ffffff1a;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:10px 18px;font-family:inherit;font-size:.93rem;font-weight:700;display:inline-flex;box-shadow:0 12px 30px #82131d52}.book-hero__primary-action span{font-size:.74rem}.book-hero__arrow{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:44px;height:44px;transition:border-color .18s var(--book-ease-standard), background-color .18s var(--book-ease-standard), transform .18s var(--book-ease-out);background:#0c0d1085;border:1px solid #ffffff21;box-shadow:0 8px 24px #0000003d}.book-hero__arrow img{opacity:.84;width:32px;height:32px}.book-hero__arrow:hover{background:#16171bcc;border-color:#ffffff40;transform:translateY(-50%)scale(1.045)}.book-hero__arrow--left{left:18px}.book-hero__arrow--right{right:18px}.book-hero__pagination{gap:2px;height:34px;margin-top:8px}.book-hero__pagination button{background:0 0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}.book-hero__pagination button span{width:6px;height:6px;transition:width .22s var(--book-ease-out), background-color .18s var(--book-ease-standard), box-shadow .18s var(--book-ease-standard);background:#646369;border-radius:99px}.book-hero__pagination button.is-active{background:0 0;width:32px}.book-hero__pagination button.is-active span{background:var(--book-gold);width:20px;box-shadow:0 0 16px #d8b56b6b}.book-home-section{min-width:0;margin-top:clamp(32px,4vw,52px)}.book-home-section--continue,.book-home-section--categories,.book-home-section--popular,.book-home-section--weekly{width:100%;margin-top:clamp(32px,4vw,52px)}.book-home-section--continue{margin-top:10px}.book-section-heading{justify-content:space-between;align-items:flex-end;gap:16px;min-height:42px;margin-bottom:14px;display:flex}.book-section-heading>div{align-items:baseline;gap:12px;min-width:0;display:flex}.book-home-section h2,.book-section-heading h2{height:auto;color:var(--book-text);font-family:var(--font-serif-thai), Georgia, serif;letter-spacing:-.025em;margin:0;font-size:clamp(1.55rem,2.15vw,2rem);font-weight:650;line-height:1.25}.book-section-heading__meta{color:var(--book-text-subtle);font-variant-numeric:tabular-nums;font-size:.78rem}.book-section-heading__action{color:#c5a96e;cursor:pointer;min-height:40px;transition:border-color .16s var(--book-ease-standard), background-color .16s var(--book-ease-standard), color .16s var(--book-ease-standard);background:0 0;border:1px solid #0000;border-radius:9px;flex:none;padding:7px 11px;font-family:inherit;font-size:.8rem;font-weight:650}.book-section-heading__action:hover{color:#e1c68f;background:#d8b56b14;border-color:#d8b56b38}.book-continue-rail,.book-popular-rail,.book-weekly-rail,.book-category-rail{scrollbar-color:#4a494d transparent;scrollbar-width:thin;min-width:0;overflow:visible}.book-continue-rail{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.book-continue-card{flex:initial;border:1px solid var(--book-border);border-radius:var(--book-radius-md);width:100%;min-width:0;height:158px;transition:border-color .2s var(--book-ease-standard), box-shadow .22s var(--book-ease-standard), transform .22s var(--book-ease-out);background:linear-gradient(145deg,#1c1d22f5,#121317f5);grid-template-columns:106px minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 12px 34px #0000002e}.book-continue-card__cover-button{cursor:pointer;background:0 0;width:100%;height:100%;padding:8px 0 8px 8px;display:block;position:relative;overflow:hidden}.book-continue-card__cover{border:1px solid #ffffff14;border-radius:11px;width:98px;height:142px;display:block;box-shadow:0 8px 20px #0000004d}.book-continue-card__cover:after,.book-popular-card__cover:after,.book-weekly-card__cover:after{pointer-events:none;content:"";background:linear-gradient(#0000 65%,#0003);position:absolute;inset:0}.book-continue-card__cover img,.book-popular-card__cover img,.book-weekly-card__cover img{transition:filter .28s var(--book-ease-standard), transform .42s var(--book-ease-out)}.book-story-cover-fallback{background:radial-gradient(circle at 28% 24%, color-mix(in srgb, var(--book-story-accent,#5d1017) 82%, white 8%), transparent 36%), linear-gradient(145deg, var(--book-story-accent,#5d1017), #111216 64%);align-items:flex-end;padding:12px;display:flex;position:absolute;inset:0;overflow:hidden}.book-story-cover-fallback:before{content:"";opacity:.55;background:repeating-radial-gradient(circle,#ffffff0d 0 1px,#0000 1px 13px);position:absolute;inset:-35%;transform:rotate(-12deg)}.book-story-cover-fallback>span{z-index:1;color:#ffffffad;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:.58rem;font-weight:750;position:relative;overflow:hidden}.book-continue-card__body{flex-direction:column;align-items:stretch;width:auto;min-width:0;height:100%;padding:12px 10px 11px 13px;display:flex}.book-continue-card__title-row{grid-template-columns:minmax(0,1fr);align-items:center;width:100%;min-width:0;min-height:40px;padding-right:118px;display:grid}.book-continue-card__title-button{min-width:0;color:var(--book-text);cursor:pointer;text-align:left;background:0 0;padding:3px 0;overflow:hidden}.book-continue-card__title-button strong,.book-continue-card__title-row strong{font-family:var(--font-serif-thai), Georgia, serif;text-overflow:ellipsis;white-space:nowrap;font-size:1.08rem;font-weight:650;line-height:1.3;display:block;overflow:hidden}.book-continue-card .book-continue-card__bookmark{--icon-button-size:40px;z-index:2;border-color:#0000;border-radius:10px;block-size:40px;inline-size:40px;position:absolute;top:14px;right:16px}.book-continue-card__progress-copy{color:#858388;font-variant-numeric:tabular-nums;margin-top:auto;font-size:.7rem;line-height:1.5}.book-continue-card__progress{background:#393a40;height:3px}.book-continue-card__progress>span{border-radius:inherit;transition:width .42s var(--book-ease-out);background:linear-gradient(90deg,#a72a35,#dd676e);box-shadow:0 0 10px #bd3d4747}.book-story-author{height:20px;color:var(--book-text-muted);gap:5px;font-size:.74rem;line-height:1.35}.book-story-author img{opacity:.78}.book-story-tags{gap:5px;margin-top:2px;overflow:hidden}.book-story-tags>span{color:#b8b5b2;background:#ffffff12;border:1px solid #ffffff17;border-radius:6px;min-height:20px;padding:2px 7px;font-size:.66rem;font-weight:570;line-height:1.2}.book-story-tags>.book-story-tags__primary{color:#e5a4a8;background:#bd3d4726;border-color:#bd3d4740}.book-story-metrics{color:#76757a;font-variant-numeric:tabular-nums;gap:12px;height:18px;font-size:.7rem;line-height:1}.book-story-metrics>span{gap:5px}.book-story-metrics img{opacity:.66}.book-rating{color:#e6c987;font-variant-numeric:tabular-nums;background:#d8b56b1a;border:1px solid #d8b56b33;border-radius:7px;justify-self:end;gap:4px;height:auto;min-height:22px;padding:3px 7px;font-size:.68rem;font-weight:720;line-height:1}.book-continue-card__title-row>.book-rating{z-index:2;border-radius:10px;justify-content:center;width:56px;height:40px;min-height:40px;padding:0 8px;position:absolute;top:14px;right:70px}.book-category-frame{min-width:0;position:relative}.book-category-frame:before,.book-category-frame:after{z-index:2;opacity:0;pointer-events:none;width:76px;transition:opacity .18s var(--book-ease-standard);content:"";position:absolute;top:0;bottom:12px}.book-category-frame:before{background:linear-gradient(90deg,#07080af5,#07080a00);left:0}.book-category-frame:after{background:linear-gradient(270deg,#07080af5,#07080a00);right:0}.book-category-frame.can-scroll-prev:before,.book-category-frame.can-scroll-next:after{opacity:1}.book-category-rail{scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;gap:12px;padding:2px 56px 12px 2px;scroll-padding-inline:2px;display:flex;overflow:auto hidden}.book-category-rail::-webkit-scrollbar{display:none}.book-category-scroll{z-index:4;opacity:0;pointer-events:none;width:36px;height:44px;transition:border-color .18s var(--book-ease-standard), background-color .18s var(--book-ease-standard), opacity .18s var(--book-ease-standard), transform .22s var(--book-ease-out);background:#0c0d10b8;border:1px solid #ffffff24;border-radius:999px;place-items:center;display:grid;position:absolute;top:calc(50% - 6px);transform:translateY(-50%)scale(.94);box-shadow:0 12px 26px #00000052}.book-category-scroll--left{left:6px}.book-category-scroll--right{right:6px}.book-category-scroll img{width:18px;height:18px}.book-category-frame.can-scroll-prev .book-category-scroll--left,.book-category-frame.can-scroll-next .book-category-scroll--right{opacity:1;pointer-events:auto;transform:translateY(-50%)scale(1)}.book-category-scroll:hover{background:#141519e0;border-color:#d8b56b59}.book-category-frame.is-dragging .book-category-rail{cursor:grabbing;scroll-snap-type:none}.book-category-frame.is-dragging .book-category{pointer-events:none}.book-category{scroll-snap-align:start;border:1px solid var(--book-border);background:var(--book-surface-raised);cursor:pointer;isolation:isolate;width:clamp(150px,11.5vw,200px);height:76px;transition:border-color .18s var(--book-ease-standard), box-shadow .22s var(--book-ease-standard), transform .22s var(--book-ease-out);border-radius:13px;flex:0 0 clamp(150px,11.5vw,200px);position:relative;overflow:hidden;box-shadow:0 8px 20px #00000024}.book-category:after{z-index:-1;transition:background-color .18s var(--book-ease-standard);background:linear-gradient(#08090b2e 22%,#08090be0 100%),linear-gradient(90deg,#08090b2e,#08090b5c)}.book-category img{filter:saturate(.86)brightness(.88);object-position:center;-webkit-user-drag:none;transition:filter .22s var(--book-ease-standard), transform .36s var(--book-ease-out)}.book-category span,.book-category:nth-child(3) span{color:#f3eee8;max-width:calc(100% - 22px);font-family:var(--font-sans-thai), "Leelawadee UI", sans-serif;letter-spacing:.005em;text-shadow:0 2px 8px #000;font-size:clamp(.72rem,1.05vw,.88rem);font-weight:700;line-height:1.2;inset:auto 11px 9px;transform:none}.book-category__indicator{z-index:3;color:#0000;opacity:0;width:22px;height:22px;transition:background-color .18s var(--book-ease-standard), color .18s var(--book-ease-standard), opacity .18s var(--book-ease-standard), transform .22s var(--book-ease-out);background:#08090b8a;border:1px solid #ffffff2e;border-radius:50%;place-items:center;font-size:.68rem;font-style:normal;font-weight:800;display:grid;position:absolute;top:7px;right:7px;transform:scale(.76)}.book-category.is-active{border-color:#d8b56bc7;box-shadow:0 0 0 2px #d8b56b24,0 12px 28px #00000047}.book-category.is-active img{filter:saturate()brightness(.96)}.book-category.is-active .book-category__indicator{background:var(--book-gold);color:#1d1810;opacity:1;border-color:#d8b56bb8;transform:scale(1)}.book-popular-rail{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:14px;padding:0;display:grid}.book-popular-card{flex:initial;border:1px solid var(--book-border);border-radius:var(--book-radius-md);width:100%;min-width:0;height:auto;transition:border-color .2s var(--book-ease-standard), box-shadow .22s var(--book-ease-standard), transform .24s var(--book-ease-out);background:linear-gradient(160deg,#191a1f,#121317);overflow:hidden;box-shadow:0 12px 34px #0000002e}.book-popular-card>button{height:100%}.book-popular-card__cover{flex:initial;aspect-ratio:.78;background:#111216;border-radius:0;width:100%;height:auto}.book-popular-card__body{gap:3px;width:100%;height:108px;padding:10px 10px 11px}.book-popular-card__title-row{grid-template-columns:minmax(0,1fr) auto;gap:5px;display:grid}.book-popular-card__title-row strong{font-family:var(--font-serif-thai), Georgia, serif;font-size:.95rem;font-weight:650;line-height:1.35}.book-popular-card .book-story-author{height:17px;font-size:.67rem;line-height:1.3}.book-popular-card .book-story-author img{width:9px;height:9px}.book-popular-card .book-story-tags{gap:4px;margin-top:0}.book-popular-card .book-story-tags>span{min-height:18px;padding-inline:5px;font-size:.59rem}.book-popular-card .book-story-metrics{gap:7px;margin-top:auto;font-size:.62rem}.book-popular-card .book-story-metrics>span{gap:3px}.book-weekly-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.book-weekly-card{flex:initial;border:1px solid var(--book-border);border-radius:var(--book-radius-md);width:100%;min-width:0;height:190px;transition:border-color .2s var(--book-ease-standard), box-shadow .22s var(--book-ease-standard), transform .24s var(--book-ease-out);background:linear-gradient(145deg,#1b1c21,#121317);box-shadow:0 14px 38px #0000002e}.book-weekly-card>button{gap:18px;padding:10px}.book-weekly-card__cover{border:1px solid #ffffff14;border-radius:11px;flex:0 0 154px;width:154px;height:168px;box-shadow:0 8px 24px #00000042}.book-weekly-card__body{width:auto;min-width:0;height:156px;padding:3px 8px 2px 0}.book-weekly-card__body>strong{max-width:100%;font-family:var(--font-serif-thai), Georgia, serif;letter-spacing:-.02em;font-size:clamp(1.25rem,2vw,1.65rem);font-weight:650;line-height:1.3;display:block}.book-weekly-card .book-story-tags{margin-top:5px}.book-weekly-card .book-story-tags>span{min-height:19px;padding-inline:6px;font-size:.62rem}.book-weekly-card__synopsis{color:#8f8d91;margin-top:7px;font-size:.78rem;line-height:1.55}.book-weekly-card .book-story-metrics{gap:11px;margin-top:auto;font-size:.67rem}.book-home-skeleton{border-radius:var(--book-radius-md);background:#17181d;border:1px solid #ffffff0f;animation:none;position:relative;overflow:hidden}.book-home-skeleton:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffff12 45%,#0000 70%);animation:1.45s linear infinite book-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.book-home-skeleton--continue{width:100%;height:158px}.book-home-skeleton--popular{width:100%;height:310px}.book-home-error,.book-home-empty{border-radius:var(--book-radius-md);min-height:176px;color:var(--book-text-muted);text-align:center;background:#ffffff08;border:1px dashed #ffffff24;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.book-home-error p,.book-home-empty p{color:var(--book-text-subtle);margin:0;font-size:.82rem}.book-home-empty strong{color:var(--book-text);font-family:var(--font-serif-thai), Georgia, serif;font-size:1.15rem}.book-home-error button,.book-home-empty button{color:#e9b0b4;cursor:pointer;min-height:40px;font:650 .8rem/1 var(--font-sans-thai), sans-serif;background:#bd3d4724;border:1px solid #bd3d4752;border-radius:9px;margin-top:5px;padding:8px 14px}[data-home-reveal]{opacity:0;transition:opacity .52s var(--book-ease-out), transform .52s var(--book-ease-out);transform:translateY(16px)}[data-home-reveal].is-visible{opacity:1;transform:translateY(0)}@media (hover:hover) and (pointer:fine){.book-header__writer:hover,.book-header__library:hover,.book-hero__primary-action:hover{filter:brightness(1.08);transform:translateY(-1px)}.book-hero__primary-action:hover{box-shadow:0 16px 36px #82131d66}.book-continue-card:hover{box-shadow:var(--book-shadow-card);border-color:#ffffff2e}.book-popular-card:hover,.book-weekly-card:hover{box-shadow:var(--book-shadow-card);border-color:#ffffff2e;transform:translateY(-4px)}.book-continue-card:hover .book-continue-card__cover img,.book-popular-card:hover .book-popular-card__cover img,.book-weekly-card:hover .book-weekly-card__cover img{filter:brightness(1.06);transform:scale(1.035)}.book-category:hover{border-color:#ffffff38;transform:translateY(-3px);box-shadow:0 12px 28px #00000040}.book-category:hover img{filter:saturate(.95)brightness(.86);transform:scale(1.045)}}@keyframes book-popover-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes book-hero-slide-in{0%{opacity:.4}to{opacity:1}}@keyframes book-hero-image-in{0%{opacity:.75;transform:scale(1.05)}to{opacity:1;transform:scale(1.015)}}@keyframes book-skeleton-shimmer{to{transform:translate(100%)}}@media (max-width:1240px){.book-header__search{width:min(31vw,390px)}.book-popular-rail{scroll-snap-type:x proximity;gap:12px;padding:2px 2px 12px;scroll-padding-inline:2px;display:flex;overflow-x:auto}.book-category{scroll-snap-align:start;flex:0 0 150px;width:150px}.book-popular-card{scroll-snap-align:start;flex:0 0 164px;width:164px}.book-popular-card__cover{aspect-ratio:auto;height:210px}}@media (max-width:1020px){.book-header__inner{padding-inline:22px}.book-header__search{width:min(34vw,330px)}.book-header__writer,.book-header__library{padding-inline:10px}.book-home__main{width:calc(100% - 40px)}.book-hero__copy{width:min(570px,66%)}.book-continue-rail{scroll-snap-type:x proximity;gap:12px;padding:2px 2px 12px;display:flex;overflow-x:auto}.book-continue-card,.book-home-skeleton--continue{scroll-snap-align:start;flex:0 0 min(430px,76vw);width:min(430px,76vw)}.book-weekly-card{height:180px}.book-weekly-card__cover{flex-basis:138px;width:138px;height:158px}}@media (max-width:820px){.book-header__primary-actions,.book-header__notification{display:none}.book-header__search{width:min(48vw,400px)}.book-header__menu-button{border:1px solid var(--book-border);width:40px;height:40px;color:var(--book-text);cursor:pointer;background:#ffffff0f;border-radius:11px;place-items:center;display:grid}.book-header__mobile-menu{border-color:var(--book-border-strong);width:min(360px,100vw - 32px);box-shadow:var(--book-shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:book-popover-in .18s var(--book-ease-out) both;background:#141519f7;border-radius:14px;gap:7px;padding:12px;top:64px;right:16px}.book-header__mobile-menu input,.book-header__mobile-menu button,.book-header__mobile-menu a{border:1px solid var(--book-border);min-height:42px;color:var(--book-text);font-family:var(--font-sans-thai), sans-serif;background:#ffffff0d;border-radius:9px}.book-header__mobile-menu form button{flex:none}.book-hero{height:390px}.book-hero__copy{width:auto;bottom:34px;left:58px;right:58px}.book-hero__copy h1{font-size:clamp(2.45rem,9vw,3.5rem)}.book-weekly-rail{scroll-snap-type:x proximity;gap:12px;padding:2px 2px 12px;display:flex;overflow-x:auto}.book-weekly-card{scroll-snap-align:start;flex:0 0 min(570px,84vw);width:min(570px,84vw)}}@media (max-width:640px){.book-header,.book-header__inner{height:64px}.book-header__inner{padding-inline:12px}.book-header__lead{flex:1;gap:8px}.book-header__logo{transform-origin:0;width:118px;height:42px;transform:scale(.8)}.book-header__search{display:none}.book-header__profile-menu{display:block}.book-header__theme-toggle{width:40px;padding-inline:0}.book-header__theme-toggle>span:last-child{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.book-header .profile-menu__trigger,.book-header__avatar{width:38px;height:38px}.book-header .profile-menu__popover{right:-48px}.book-header__mobile-menu{top:60px}.book-home__main{width:calc(100% - 24px);padding-top:14px;padding-bottom:48px}.book-hero{border-radius:18px;height:440px}.book-hero__image{object-position:62% center}.book-hero__shade{background:linear-gradient(#07080a1f 18%,#07080a99 52%,#07080af2 100%),linear-gradient(90deg,#07080a42,#0000 80%)}.book-hero__copy{gap:8px;width:auto;bottom:26px;left:24px;right:24px}.book-hero__eyebrow{min-height:23px;font-size:.66rem}.book-hero__copy h1{font-size:clamp(2.15rem,12vw,3rem)}.book-hero__copy>p{font-size:.88rem;line-height:1.55}.book-hero__primary-action{min-height:44px}.book-hero__arrow{width:40px;height:40px;top:42%}.book-hero__arrow--left{left:8px}.book-hero__arrow--right{right:8px}.book-home-section,.book-home-section--continue,.book-home-section--categories,.book-home-section--popular,.book-home-section--weekly{margin-top:34px}.book-home-section--continue{margin-top:8px}.book-section-heading{margin-bottom:11px}.book-section-heading>div{flex-direction:column;align-items:flex-start;gap:1px}.book-home-section h2,.book-section-heading h2{font-size:1.55rem}.book-continue-card,.book-home-skeleton--continue{flex-basis:min(360px,86vw);width:min(360px,86vw)}.book-continue-card{grid-template-columns:100px minmax(0,1fr);height:154px}.book-continue-card__cover{width:92px;height:138px}.book-continue-card__body{padding:10px 8px 10px 11px}.book-continue-card__title-row{padding-right:50px}.book-continue-card .book-continue-card__bookmark{top:10px;right:8px}.book-continue-card__title-row>.book-rating{display:none}.book-category{flex-basis:142px;width:142px;height:74px}.book-popular-card{flex-basis:154px;width:154px}.book-popular-card__cover{height:198px}.book-weekly-card{flex-basis:88vw;width:88vw;height:174px}.book-weekly-card>button{gap:13px;padding:8px}.book-weekly-card__cover{flex-basis:126px;width:126px;height:156px}.book-weekly-card__body{height:150px;padding-right:3px}.book-weekly-card__body>strong{font-size:1.22rem}.book-weekly-card__synopsis{-webkit-line-clamp:2;font-size:.72rem}}@media (max-width:390px){.book-header__logo{width:104px;transform:scale(.72)}.book-header__actions{gap:6px}.book-hero{height:420px}.book-hero__meta .book-story-tags{display:none}.book-continue-card,.book-home-skeleton--continue{flex-basis:88vw;width:88vw}.book-weekly-card__cover{flex-basis:116px;width:116px}}:root[data-theme=light] .book-header{color:var(--book-text);background:#fffaf4e0;border-bottom-color:#402b2e1c;box-shadow:0 10px 30px #4b322c1a}:root[data-theme=light] .book-header__search,:root[data-theme=light] .book-header__theme-toggle,:root[data-theme=light] .book-header__menu-button{background:#402b2e0d;box-shadow:inset 0 1px #ffffffb3}:root[data-theme=light] .book-header__search:focus-within{background:#ffffffd1;box-shadow:0 0 0 3px #b328371f,inset 0 1px #ffffffdb}:root[data-theme=light] .book-header__search input::placeholder{color:#817879}:root[data-theme=light] .book-header__library{color:var(--book-accent-deep);background:#ad263312;border-color:#ad26332e}:root[data-theme=light] .book-header .book-header__library:hover,:root[data-theme=light] .book-header__theme-toggle:hover,:root[data-theme=light] .book-header__notification:hover{color:var(--book-accent-deep);background:#ad263317}:root[data-theme=light] .book-header__avatar{border-color:#402b2e2e;box-shadow:0 0 0 3px #fffaf4bd}:root[data-theme=light] .book-header .profile-menu__popover,:root[data-theme=light] .book-header__mobile-menu{border-color:var(--book-border-strong);box-shadow:var(--book-shadow-float);background:#fffdf9f7}:root[data-theme=light] .book-header .profile-menu__popover a,:root[data-theme=light] .book-header .profile-menu__popover button{color:var(--book-text-muted)}:root[data-theme=light] .book-header .profile-menu__popover a:hover,:root[data-theme=light] .book-header .profile-menu__popover button:hover{color:var(--book-text);background:#ad263314}:root[data-theme=light] .book-hero{background:#0d0d0d;border-color:#402b2e24;box-shadow:0 28px 58px #4b322c24,inset 0 1px #ffffffb8}:root[data-theme=light] .book-hero:after{border-color:#ffffff5c}:root[data-theme=light] .book-hero__shade{background:linear-gradient(90deg,#07080ad1 0%,#07080a94 35%,#07080a1a 68%,#07080a4d 100%),linear-gradient(#0000 42%,#07080a8f 100%),linear-gradient(#07080a1a,#0000 30%)}:root[data-theme=light] .book-hero__eyebrow{color:#e1c58d;background:#08090b75;border-color:#d8b56b59}:root[data-theme=light] .book-hero__copy h1{color:#fffaf3;text-shadow:0 2px 18px #00000061}:root[data-theme=light] .book-hero__copy>p,:root[data-theme=light] .book-hero__meta .book-story-author{color:#c2bfbb;text-shadow:0 2px 14px #0000006b}:root[data-theme=light] .book-hero__arrow,:root[data-theme=light] .book-category-scroll{background:#fffaf4b8;border-color:#402b2e1f;box-shadow:0 12px 26px #4b322c24}:root[data-theme=light] .book-hero__arrow:hover,:root[data-theme=light] .book-category-scroll:hover{background:#fffdf9e6;border-color:#8b662d42}:root[data-theme=light] .book-hero__pagination button span{background:#b8afa8}:root[data-theme=light] .book-hero__pagination button.is-active span{background:var(--book-gold)}:root[data-theme=light] .book-continue-card,:root[data-theme=light] .book-popular-card,:root[data-theme=light] .book-weekly-card{border-color:var(--book-border);background:linear-gradient(145deg,#fffdf9fa,#f5eee6fa);box-shadow:0 12px 30px #4b322c1a}:root[data-theme=light] .book-popular-card>button,:root[data-theme=light] .book-weekly-card>button{color:var(--book-text)}:root[data-theme=light] .book-continue-card__cover,:root[data-theme=light] .book-popular-card__cover,:root[data-theme=light] .book-weekly-card__cover{background:#151515;border-color:#ffffff1a;box-shadow:0 8px 18px #0000002e}:root[data-theme=light] .book-story-cover-fallback{background:radial-gradient(circle at 28% 24%, color-mix(in srgb, var(--book-story-accent,#8e2732) 60%, white 28%), transparent 36%), linear-gradient(145deg, color-mix(in srgb, var(--book-story-accent,#8e2732) 68%, white 20%), #eadfd5 64%)}:root[data-theme=light] .book-story-cover-fallback>span{color:#241e20ad}:root[data-theme=light] .book-continue-card__progress-copy,:root[data-theme=light] .book-story-metrics,:root[data-theme=light] .book-weekly-card__synopsis{color:var(--book-text-subtle)}:root[data-theme=light] .book-continue-card__progress{background:#ded4cc}:root[data-theme=light] .book-story-tags>span{color:#5f5758;background:#402b2e0f;border-color:#402b2e1a}:root[data-theme=light] .book-story-tags>.book-story-tags__primary{color:#8e1f2b;background:#ad26331a;border-color:#ad26332e}:root[data-theme=light] .book-rating{color:#735221;background:#8b662d1a;border-color:#8b662d33}:root[data-theme=light] .book-category{background:#121317;border-color:#402b2e1a;box-shadow:0 8px 20px #4b322c1a}:root[data-theme=light] .book-category:after{background:linear-gradient(#08090b1a 22%,#08090bb3 100%),linear-gradient(90deg,#08090b1a,#08090b3d)}:root[data-theme=light] .book-category img{filter:saturate(.94)brightness(.98)}:root[data-theme=light] .book-category span,:root[data-theme=light] .book-category:nth-child(3) span{color:#f3eee8;text-shadow:0 2px 8px #000}:root[data-theme=light] .book-category__indicator{background:#08090b8a;border-color:#ffffff2e}:root[data-theme=light] .book-category.is-active{border-color:#8b662d9e;box-shadow:0 0 0 2px #8b662d1f,0 12px 26px #4b322c24}:root[data-theme=light] .book-home-skeleton{background:#eee4da;border-color:#402b2e14}:root[data-theme=light] .book-home-skeleton:after{background:linear-gradient(100deg,#0000 20%,#ffffffad 45%,#0000 70%)}:root[data-theme=light] .book-home-error,:root[data-theme=light] .book-home-empty{background:#fffdf9b8;border-color:#402b2e29}:root[data-theme=light] .book-home-error button,:root[data-theme=light] .book-home-empty button,:root[data-theme=light] .book-section-heading__action{color:#8e1f2b;background:#ad263317;border-color:#ad263338}:root[data-theme=light] .book-header__mobile-menu input,:root[data-theme=light] .book-header__mobile-menu button,:root[data-theme=light] .book-header__mobile-menu a{border-color:var(--book-border);color:var(--book-text);background:#402b2e0d}@media (pointer:coarse){.profile-menu__trigger{min-height:44px}.book-header .profile-menu__trigger,.book-header__menu-button,.mobile-menu-button,.book-hero__arrow,.book-hero__pagination button,.book-hero__pagination button.is-active{width:44px;height:44px}.book-header__mobile-menu input,.book-header__mobile-menu button,.book-header__mobile-menu a{min-height:44px}}@media (prefers-reduced-motion:reduce){.book-home *,.book-header *{scroll-behavior:auto!important}[data-home-reveal],[data-home-reveal].is-visible{opacity:1;transition:none;transform:none}.book-header .profile-menu__popover,.book-header__mobile-menu,.book-hero__slide,.book-hero__image,.book-home-skeleton:after{animation:none}.book-continue-card,.book-popular-card,.book-weekly-card,.book-category,.book-continue-card__cover img,.book-popular-card__cover img,.book-weekly-card__cover img,.book-category img,.book-hero__primary-action,.book-hero__arrow,.book-category-scroll{transition-duration:.01ms}}