*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:#f3f1ee;-webkit-font-smoothing:antialiased;background:#0e0e11;margin:0;font-family:Anuphan,system-ui,sans-serif}::-webkit-scrollbar{display:none}*{scrollbar-width:none}a{color:#ff7a45;text-decoration:none}a:hover{color:#ffa07a}a.plain,a.plain:hover{color:inherit}textarea,input,button{font-family:inherit}button{color:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.clamp2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.content{min-height:100dvh;padding-bottom:calc(120px + env(safe-area-inset-bottom))}.app.stacked .content{padding-bottom:calc(48px + env(safe-area-inset-bottom))}.app.thread .content{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.app.reader .content{padding-bottom:0}:root{--nav-top:0px;--nav-left:0px}@media (width>=768px){:root{--nav-left:76px}.content{padding-bottom:48px}.app:not(.reader) .content{padding-left:76px}}@media (width>=1200px){:root{--nav-top:64px;--nav-left:0px}.app:not(.reader) .content{padding-top:64px;padding-left:0}}.nav-rail,.nav-top{display:none}.nav-pill{display:flex}.app.stacked .nav-pill{display:none}@media (width>=768px){.nav-pill{display:none!important}.nav-rail{display:flex}}@media (width>=1200px){.nav-rail{display:none}.nav-top{display:block}}.backdrop{z-index:45;-webkit-backdrop-filter:blur(3px);background:#0009;position:fixed;inset:0}.sheet{z-index:46;color:#f3f1ee;background:#141418;border-top:1px solid #ffffff14;border-radius:26px 26px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -20px 50px #00000080}.sheet-foot{padding-bottom:calc(28px + env(safe-area-inset-bottom))!important}@media (width>=768px){.sheet{border-radius:22px;bottom:6%;left:max(24px,50% - 280px);right:max(24px,50% - 280px)}.sheet-foot{padding-bottom:20px!important}}.search-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);background:#0000008c;position:fixed;inset:0}.search-panel{z-index:41;padding:calc(16px + env(safe-area-inset-top)) 16px 16px;background:#141418;border-bottom:1px solid #ffffff14;border-radius:0 0 26px 26px;flex-direction:column;gap:14px;max-height:70vh;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 20px 50px #00000080}@media (width>=768px){.search-panel{border-radius:22px;padding-top:16px;top:40px;left:max(24px,50% - 320px);right:max(24px,50% - 320px)}}@media (width>=1200px){.search-panel{top:76px}}.home{padding:calc(8px + env(safe-area-inset-top)) 0 0;flex-direction:column;gap:22px;width:100%;max-width:1240px;margin:0 auto;display:flex}.home-header{display:flex}.shout{margin:-8px 16px 0}.picks{scroll-snap-type:x mandatory;gap:12px;padding:0 20px;scroll-padding-inline:20px;display:flex;overflow-x:auto}.pick{flex:none;width:min(312px,100vw - 56px)}.sections{grid-template-columns:minmax(0,1fr);gap:22px 0;display:grid}.lgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;display:grid}@media (width>=768px){.shout{margin:-6px 20px 0}.sections.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lgrid.novel{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width>=1200px){.home{gap:30px;padding-top:28px}.home-header{display:none}.shout{margin:0 20px}.picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.pick{width:auto}.lgrid.comic{grid-template-columns:repeat(4,minmax(0,1fr))}.lgrid.novel{grid-template-columns:repeat(6,minmax(0,1fr))}}.hero{height:230px}.detail-grid{grid-template-columns:minmax(0,1fr);gap:0;width:100%;max-width:1240px;margin:0 auto;display:grid}@media (width>=1200px){.hero{height:280px}.detail-grid{grid-template-columns:minmax(0,1fr) 400px;gap:24px}.chap-col{padding-top:16px}}.lib-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;padding:0 20px;display:grid}@media (width>=768px){.lib-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.composer-bar{left:var(--nav-left);z-index:20;padding:10px 16px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);background:#121216f2;border-top:1px solid #ffffff12;position:fixed;bottom:0;right:0}