@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:400 800;font-display:swap;src:url('/sites/a/noto-sans-thai-variable.woff2') format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:400 800;font-display:swap;src:url('/sites/a/noto-sans-latin-variable.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
:root{color-scheme:light;font-family:'Noto Sans Thai',Tahoma,sans-serif;color:#262b35;background:#f6f7fa;line-height:1.65;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--brand,#545ac5);outline-offset:4px}[hidden]{display:none!important}.catalog-app{--brand:#5555ae;--wash:#efeffb;--ink:#35356f;--line:#e2e4ed;min-height:100vh;background:radial-gradient(ellipse at 90% 0,var(--wash),transparent 40%),#f8f9fc}.brand-b{--brand:#a5445f;--wash:#fbedf0;--ink:#803048;--line:#eee0e5}.brand-c{--brand:#286a84;--wash:#e8f3f6;--ink:#20556b;--line:#d9e7ee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:20px;top:-80px;z-index:50;background:white;padding:12px}.skip:focus{top:12px}.brand-head{border-bottom:1px solid var(--line);background:#ffffffed}.head-inner{max-width:1260px;margin:auto;padding:24px 32px;display:flex;align-items:center;gap:30px}.brand-name{font-weight:800;font-size:clamp(18px,2vw,25px);letter-spacing:-.5px;color:var(--ink);margin-right:auto}.head-nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:600}.head-nav a:hover{color:var(--brand)}.zone-link{border:1px solid var(--line);border-radius:9px;padding:4px 10px}.social-links{display:flex;gap:8px;padding-left:22px;border-left:1px solid var(--line)}.social-links a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--wash);color:var(--ink)}.catalog-page{max-width:1260px;margin:auto;padding:28px 32px 56px}.catalog-toolbar{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:30px}.search-box{display:flex;gap:12px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:10px 16px;width:340px}.search-box>span{font-size:27px;line-height:1;color:var(--brand)}.search-box input{border:0;outline:0;min-width:0;width:100%;background:transparent;font-size:14px}.view-tabs{display:flex;gap:5px;flex-wrap:wrap}.view-tabs button{border:0;background:transparent;padding:10px 17px;border-radius:10px;color:#656c7b;font-weight:600;white-space:nowrap}.view-tabs button[aria-pressed=true]{background:var(--brand);color:white}.view-tabs button:hover:not([aria-pressed=true]){background:var(--wash)}h1,h2,h3,p{margin-top:0}h2{font-size:24px;line-height:1.5;letter-spacing:-.4px;margin-bottom:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head>span{font-size:12px;color:#747c88}.section-kicker{font-size:12px;color:var(--brand);font-weight:600}.shelf{margin-bottom:38px}.latest-shelf h2:before{content:'';display:inline-block;width:9px;height:9px;background:#278b53;border-radius:50%;margin-right:10px;box-shadow:0 0 0 5px #e0f2e6;vertical-align:middle}.book-strip{display:grid;grid-auto-columns:calc((100% - 100px)/6);grid-auto-flow:column;gap:20px;overflow-x:auto;padding:3px 2px 14px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.book-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 20px}.book{min-width:0;scroll-snap-align:start}.book-art{position:relative;border-radius:12px;overflow:hidden;background:#e9eaf0;box-shadow:0 5px 16px #1f25320b}.book-cover{display:block;width:100%;aspect-ratio:5/7;overflow:hidden;background:#e9eaf0;border-radius:inherit}.book-cover img{width:100%;height:100%;object-fit:cover;object-position:top}.cover-placeholder{display:grid;place-items:center;height:100%;font-size:13px;color:#636b78;background:linear-gradient(145deg,#ebedf4,#f6f7fa)}.cover--blurred img{filter:blur(16px);transform:scale(1.12)}.new-badge{position:absolute;top:10px;left:10px;background:#217447;color:#fff;font-size:10px;font-weight:700;border-radius:6px;padding:3px 7px;box-shadow:0 1px 6px #0002}.fav{border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:5px;font-weight:600}.book-art>.fav{position:absolute;right:8px;top:8px;min-width:34px;height:34px;justify-content:center;padding:0;box-shadow:0 2px 8px #0001}.book-art .fav-label{display:none}.fav>span:first-child{font-size:24px;line-height:1}.fav[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.book-copy{padding:12px 1px 0}.book-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#7d8493;margin-bottom:5px}.book-meta span:last-child{color:var(--brand)}.book-name{font-size:14px;font-weight:700;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}.book-name:hover{color:var(--brand)}.book-episode{font-size:13px;font-weight:800;color:var(--ink);background:var(--wash);border-radius:6px;display:inline-block;padding:3px 8px;margin:8px 0 0}.book-copy>small{display:block;font-size:10px;color:#78808b;margin-top:5px}.week-panel{border:1px solid var(--line);border-radius:16px;background:#fff;padding:24px;margin-bottom:36px}.week-days{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin-bottom:22px}.week-days button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 3px;color:#535b6a;font-size:12px;font-weight:600}.week-days button>span{display:block;font-size:11px;font-weight:400;opacity:.75}.week-days button[aria-pressed=true]{background:var(--wash);color:var(--ink);border-color:var(--brand);box-shadow:inset 0 -2px var(--brand)}.schedule-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.schedule-book{display:flex;gap:13px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;min-width:0}.schedule-book>.book-cover{width:52px;flex:none;border-radius:5px}.schedule-book strong{font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.schedule-book b{font-size:12px;color:var(--brand);display:block;margin-top:4px}.schedule-empty{color:#7a808d;font-size:13px;margin:10px 0}.pinned-shelf .book-strip{grid-auto-columns:150px}.library{scroll-margin-top:24px;border-top:1px solid var(--line);padding-top:28px}.sort-box{font-size:12px;color:#7a808d;display:flex;align-items:center;gap:8px}.sort-box select{border:1px solid var(--line);border-radius:7px;padding:7px 9px;background:#fff;color:#404858;max-width:160px}.genre-picker{border:1px solid var(--line);border-radius:10px;margin-bottom:14px;background:#fff}.genre-picker summary{cursor:pointer;padding:10px 14px;font-size:13px}.genre-picker summary span{color:#7a808d;margin-left:8px;font-size:11px}.genre-options{display:flex;flex-wrap:wrap;gap:9px 18px;padding:10px 14px 16px;font-size:13px}.genre-options label{display:flex;align-items:center;gap:6px;cursor:pointer}.genre-options input{accent-color:var(--brand);width:16px;height:16px}.result-count{font-size:12px;color:#7a808d;margin-bottom:18px}.empty-state{padding:44px 20px;text-align:center;border:1px dashed var(--line);border-radius:12px;background:white;color:#737b89}.empty-state h3{color:#343b48}.empty-state button,.load-more,.detail-actions>button{background:white;border:1px solid var(--line);border-radius:9px;padding:10px 18px;color:var(--ink)}.load-more{display:block;margin:28px auto 0;min-width:210px}.catalog-footer{max-width:1196px;margin:auto;border-top:1px solid var(--line);padding:28px 0 36px;display:flex;flex-wrap:wrap;gap:8px 24px;color:#7b8190;font-size:12px}.catalog-footer strong{color:var(--ink);margin-right:auto}.catalog-footer small{width:100%;font-size:11px}.detail-page{padding-top:32px}.detail-top{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}.detail-art .book-cover{border-radius:14px;box-shadow:0 8px 24px #232f4212}.detail-art img{object-fit:contain}.detail-info h1{font-size:clamp(24px,3vw,35px);line-height:1.55;letter-spacing:-.6px;margin:10px 0;overflow-wrap:anywhere}.detail-labels{display:flex;gap:7px;flex-wrap:wrap}.detail-labels span{font-size:11px;background:var(--wash);color:var(--ink);border-radius:5px;padding:3px 9px}.alternate-name{color:#808796;font-size:14px}.detail-chapter{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:12px 0 20px}.detail-chapter strong{font-size:22px;color:var(--ink);font-weight:800}.detail-chapter>span{font-size:11px;color:#818895}.read-now h2{font-size:14px;margin-bottom:10px}.reader-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:620px}.reader-link{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:9px;border:1px solid #d9ddec;background:#eef0f9;color:#353a7a;padding:12px 15px;font-size:12px}.reader-link strong{display:block;font-size:16px}.platform-kairew{background:#fff0eb;border-color:#f4d3c7;color:#9e482a}.platform-readtoon{background:#f2edfc;border-color:#e0d6f5;color:#644399}.platform-readrealm{background:#e9f3fb;border-color:#cce3f4;color:#286582}.platform-duckkitoon{background:#fff7dc;border-color:#eee0a5;color:#86621b}.reader-link:hover{filter:brightness(.97)}.detail-actions{display:flex;gap:10px;margin-top:16px;align-items:center;font-size:12px}.detail-actions .fav{padding:8px 13px}.detail-bottom{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:30px;margin:36px 0;border-top:1px solid var(--line);padding-top:28px}.detail-bottom h2{font-size:18px;margin-bottom:14px}.synopsis>p{font-size:15px;line-height:1.95;color:#596170;white-space:pre-line}.story-tags{display:flex;gap:7px;flex-wrap:wrap}.story-tags a{padding:4px 9px;font-size:11px;border:1px solid var(--line);border-radius:6px;color:var(--ink)}.paired-edition{background:var(--wash);border:1px solid var(--line);border-radius:12px;padding:20px;align-self:start}.edition-link{display:flex;align-items:center;gap:17px}.edition-link .book-cover{width:90px;flex:none;border-radius:7px}.edition-link>span:last-child{display:grid;gap:5px}.edition-link small{color:var(--brand);font-size:11px}.edition-link strong{font-size:14px;line-height:1.6}.edition-link b{font-size:12px;color:var(--ink)}.edition-link em{font-style:normal;font-size:12px;color:var(--brand);font-weight:700}.age-banner{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:24px;font-size:12px;color:#6d7380}.age-banner p{margin:0}.age-form button{white-space:nowrap;border:0;border-radius:8px;background:var(--brand);color:#fff;padding:9px 12px;font-size:12px}.notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#263042;color:#fff;border-radius:10px;padding:12px 20px;z-index:100;font-size:13px;box-shadow:0 8px 30px #0002}.image-error:after{content:'โหลดภาพไม่สำเร็จ';display:grid;place-items:center;height:100%;font-size:12px;color:#666}.image-error img{display:none}@media(min-width:1500px){.head-inner,.catalog-page{max-width:1380px}.catalog-footer{max-width:1316px}}@media(max-width:1000px){.head-inner{gap:18px}.brand-name{font-size:20px}.head-nav{gap:12px;font-size:12px}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.book-strip{grid-auto-columns:calc((100% - 60px)/4)}.catalog-toolbar{flex-wrap:wrap;gap:12px}.search-box{width:100%}.view-tabs{width:100%}.week-days{grid-template-columns:repeat(4,minmax(0,1fr))}.schedule-books{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-footer{margin:0 32px}.detail-top{grid-template-columns:200px minmax(0,1fr);gap:28px}}@media(max-width:640px){.head-inner{padding:18px 18px 14px;gap:12px;flex-wrap:wrap}.brand-name{font-size:19px;width:calc(100% - 125px);margin:0}.social-links{order:1;padding:0;border:0;margin-left:auto;gap:4px}.social-links a{width:30px;height:30px}.head-nav{order:2;width:100%;font-size:12px;gap:20px}.catalog-page{padding:20px 18px 36px}.catalog-toolbar{margin-bottom:25px}.view-tabs{flex-wrap:nowrap;overflow:auto;gap:3px}.view-tabs button{padding:8px 13px;font-size:12px;flex:1}.search-box{padding:8px 12px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.book-strip{grid-auto-columns:calc((100% - 14px)/2.2);gap:14px}.book-name{font-size:13px}.book-episode{font-size:12px}.book-cover{aspect-ratio:5/7}.book-art{border-radius:10px}.section-head{margin-bottom:16px}h2{font-size:21px}.shelf{margin-bottom:28px}.week-panel{padding:16px;margin-bottom:28px}.week-days{gap:6px}.week-days button{font-size:11px;padding:8px 2px}.schedule-books{grid-template-columns:1fr}.schedule-book>.book-cover{width:44px}.genre-options{max-height:220px;overflow:auto}.catalog-footer{margin:0 18px;padding:22px 0 28px;font-size:11px}.catalog-footer strong{width:100%}.detail-top{grid-template-columns:110px minmax(0,1fr);gap:17px}.detail-info{display:contents}.detail-art{grid-column:1;grid-row:1/4}.detail-labels{grid-column:2;gap:4px}.detail-labels span{font-size:9px;padding:2px 5px}.detail-info h1{grid-column:2;font-size:21px;margin:0;line-height:1.65}.alternate-name{grid-column:2;font-size:11px;margin:0}.detail-chapter{grid-column:2;display:block;margin:0}.detail-chapter strong{font-size:18px;display:block}.detail-chapter>span{font-size:10px}.read-now{grid-column:1/-1;margin-top:4px}.reader-links{gap:8px}.reader-link{padding:10px 12px;font-size:10px}.reader-link strong{font-size:14px}.detail-actions{grid-column:1/-1;margin-top:0}.detail-bottom{grid-template-columns:1fr;gap:24px;margin:24px 0}.synopsis>p{font-size:14px}.age-banner{display:block;padding:12px}.age-form{margin-top:10px}.new-badge{font-size:9px;top:8px;left:8px}.notice{width:max-content;max-width:90vw;text-align:center}.sort-box{font-size:11px}.sort-box select{max-width:140px;font-size:11px}}@media(prefers-reduced-motion:no-preference){.book-art{transition:box-shadow .15s}.book:hover .book-art{box-shadow:0 7px 20px #26364d21}.reader-link,.view-tabs button{transition:background-color .15s}}