@keyframes shimmer-bar{0%{background-position:200%0}to{background-position:-200%0}}:root{--bg-color:#1a1a2e;--bg-surface:#16213e;--bg-elevated:#0f3460;--bg-card:#16213e;--border-subtle:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.12);--text-primary:#e8e8e8;--text-secondary:#8892a8;--text-muted:#5c6680;--accent-color:#e2a93b;--accent-hover:#f0bc52;--accent-dim:rgba(226,169,59,0.1);--accent-border:rgba(226,169,59,0.3);--accent-glow:rgba(226,169,59,0.2);--font-family:'Noto Sans Thai', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-pill:24px;--transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);--shadow-card:0 2px 12px rgba(0,0,0,0.3);--shadow-hover:0 12px 32px rgba(0,0,0,0.5);--glass-bg:rgba(22,33,62,0.75);--glass-blur:blur(16px)}*,::after,::before{box-sizing:border-box}body,h1,h2,h3,h4{color:var(--text-primary)}body{margin:0;padding:0;background:var(--bg-color);font-family:var(--font-family);-webkit-font-smoothing:antialiased;line-height:1.6;font-size:16px}img{max-width:100%;height:auto;display:block}button{background:0 0;border:0;cursor:pointer;font-family:inherit;color:inherit}a{color:var(--accent-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}h1,h2,h3,h4{margin-top:0;font-weight:700;line-height:1.3}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 12px}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--accent-color),#f0bc52,var(--accent-color));background-size:200% 100%;animation:shimmer-bar 2s linear infinite;z-index:9999;pointer-events:none}.site-header{background:linear-gradient(135deg,#d4a020 0,#e8b840 40%,#f0c850 100%)!important;border-bottom:2px solid rgb(0 0 0/.1);position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgb(0 0 0/.15)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:0}.site-branding{flex-shrink:0}.site-logo-link{display:flex;align-items:center;transition:transform .2s ease}.site-logo-link:hover{transform:scale(1.03)}.site-logo-img{height:38px;width:auto;object-fit:contain;filter:drop-shadow(0 1px 1px rgb(255 255 255/.2))}.header-search{flex:1;max-width:420px;position:relative}.header-search form{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:rgb(26 26 46/.4);pointer-events:none;z-index:2}.search-input{width:100%;background:rgb(255 255 255/.2);border:1px solid rgb(0 0 0/.12);color:#1a1a2e;padding:10px 20px 10px 38px;border-radius:var(--radius-pill);font-size:16px;font-family:var(--font-family);outline:0;transition:var(--transition)}.search-input:focus{background:rgb(255 255 255/.35);border-color:rgb(0 0 0/.2);box-shadow:0 2px 12px rgb(0 0 0/.1)}.search-input::placeholder{color:rgb(26 26 46/.45);font-size:16px}.mobile-search-btn{background:0 0;border:0;cursor:pointer;color:#000!important;padding:0}.mobile-search-btn svg{opacity:1;stroke:#000!important;stroke-width:2.5px}.mobile-search-btn:active{opacity:.5}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;padding:8px;z-index:101;cursor:pointer;background:0 0;border:0}.mobile-menu-toggle span{display:block;width:22px;height:2.5px;background:#000;border-radius:2px;transition:var(--transition);transform-origin:center}.mobile-search-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:#1a1a2e;z-index:99;padding:15px;border-bottom:2px solid #e8b840;box-shadow:0 4px 15px rgb(0 0 0/.4);transform-origin:top}.mobile-search-dropdown form{display:flex;gap:10px;align-items:center;justify-content:center;max-width:500px;margin:0 auto}.mobile-search-dropdown .search-input{flex:1;padding:12px 16px;border:1px solid rgb(255 255 255/.1);border-radius:var(--radius-pill);font-size:15px;background:rgb(255 255 255/.05);color:#fff;transition:border-color .3s ease;width:100%}.mobile-search-dropdown .search-input:focus{outline:0;border-color:#e8b840}.mobile-search-dropdown .search-submit{background:#e8b840;color:#1a1a2e;border:0;padding:0 20px;height:46px;border-radius:var(--radius-pill);font-weight:700;cursor:pointer;transition:background .3s ease}.mobile-search-dropdown .search-submit:hover{background:#ffcc4d}@media (max-width:768px){.mobile-menu-toggle,.mobile-search-btn{display:flex}.header-search,.mobile-search-dropdown{display:none}}@media (min-width:769px){.mobile-header-actions,.mobile-search-dropdown{display:none!important}.header-inner{display:flex;align-items:center;max-width:1200px;margin:0 auto;padding:10px 12px;gap:20px;width:100%}.site-branding{flex-shrink:0;padding-left:0!important}.header-search{flex:1;max-width:380px}}@media (min-width:1400px){.header-inner{max-width:1360px}}.main-navigation{background:rgb(0 0 0/.08);border-top:1px solid rgb(0 0 0/.08)}#primary-menu,.main-navigation>ul{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;list-style:none;margin:0;padding:6px 16px;gap:4px;align-items:center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}#primary-menu::-webkit-scrollbar,.main-navigation>ul::-webkit-scrollbar{display:none}#primary-menu>li,.main-navigation>ul>li{flex-shrink:0;margin:0;position:relative}#primary-menu ul,.main-navigation ul ul{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid rgb(0 0 0/.1);border-radius:var(--radius-md);box-shadow:0 8px 24px rgb(0 0 0/.15);padding:6px 0;min-width:200px;z-index:9999;list-style:none}#primary-menu li:hover>ul,.main-navigation li:hover>ul{display:block}#primary-menu ul li,.main-navigation ul ul li{width:100%;margin:0;flex-shrink:unset}#primary-menu ul a,.main-navigation ul ul a{display:block!important;padding:10px 18px;color:#1a1a2e!important;font-size:14px;font-weight:600;border-radius:0!important;white-space:nowrap;min-height:unset!important;background:#fff0;border:0!important}#primary-menu ul a:hover,.main-navigation ul ul a:hover{background:rgb(226 169 59/.12)!important;color:#b8860b!important}#primary-menu>li>a,.main-navigation>ul>li>a{display:flex;align-items:center;min-height:38px;padding:0 14px;color:#1a1a2e!important;font-size:1rem;font-weight:700;border-radius:var(--radius-pill);white-space:nowrap;transition:var(--transition);border:1px solid #fff0;text-decoration:none}#primary-menu>li>a .menu-link-icon,.main-navigation>ul>li>a .menu-link-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:9px;color:rgb(26 26 46/.72);flex-shrink:0;transform:translateY(-.5px);transition:color .2s ease,transform .2s ease,opacity .2s ease;opacity:.92}#primary-menu>li>a .menu-link-icon svg,.main-navigation>ul>li>a .menu-link-icon svg{display:block;width:100%;height:100%}#primary-menu>li>a .menu-link-text,.main-navigation>ul>li>a .menu-link-text{display:inline-block;line-height:1}#primary-menu>li>a:hover,.main-navigation>ul>li>a:hover{color:#000!important;background:rgb(0 0 0/.12);border-color:rgb(0 0 0/.1);text-decoration:none}#primary-menu>li>a:hover .menu-link-icon,.main-navigation>ul>li>a:hover .menu-link-icon{color:rgb(0 0 0/.88);transform:translateY(-.5px) scale(1.04)}@media (min-width:769px){#primary-menu,.main-navigation>ul{justify-content:center;flex-wrap:wrap;overflow:visible;padding:6px 20px;-webkit-mask-image:none;mask-image:none}}@media (max-width:768px){.main-navigation{display:block!important;max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1)}#primary-menu,.main-navigation ul{flex-direction:column;overflow-x:visible;align-items:stretch;padding:8px 12px;-webkit-mask-image:none;mask-image:none}#primary-menu a,.main-navigation a{justify-content:center;border-radius:var(--radius-sm);padding:10px 16px;min-height:44px}#primary-menu>li>a .menu-link-icon,.main-navigation>ul>li>a .menu-link-icon{width:19px;height:19px;margin-right:11px}}.doujin-grid{display:grid!important;gap:10px!important}.doujin-single-article{max-width:900px;margin:0 auto;padding:20px 0}.doujin-title-h1{font-size:clamp(21px,3vw,30px);text-align:center;color:#fff;margin-bottom:6px;line-height:1.4}.doujin-title-h2{font-size:clamp(16px,2vw,18px);text-align:center;color:var(--text-secondary);font-weight:400;margin-bottom:4px}.doujin-title-h3.sr-only-seo{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.doujin-meta-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 18px;margin-bottom:20px}.meta-row{display:flex;align-items:flex-start;gap:10px;padding:6px 0;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.meta-row:last-child{border-bottom:none}.meta-row-info{color:var(--text-secondary);font-size:16px;font-weight:500;flex-wrap:wrap;gap:16px}.meta-item{display:flex;align-items:center;gap:4px}.meta-icon{font-size:14px;opacity:.7}.meta-label{flex-shrink:0;font-size:16px;font-weight:700;color:var(--text-secondary);min-width:90px;padding-top:4px}.meta-pills{display:flex;flex-wrap:wrap;gap:4px}.meta-pages{background:var(--accent-dim);color:var(--accent-color);padding:2px 10px;border-radius:var(--radius-pill);font-weight:600;font-size:16px}.raw-content{display:flex;flex-direction:column;align-items:center}.raw-content img{max-width:100%;height:auto;margin-bottom:0;border-radius:0}.doujin-tag-pill,.footer-links a{font-weight:600;font-size:16px;border-radius:var(--radius-pill);transition:var(--transition)}.doujin-tag-pill{display:inline-block;background:var(--accent-dim);color:var(--accent-color);padding:5px 14px;margin:3px;border:1px solid var(--accent-border);text-decoration:none}.pill-artist{background:rgb(100 180 255/.1);color:#7ec8ff;border-color:rgb(100 180 255/.25)}.pill-cat{background:rgb(100 220 150/.1);color:#6dda9e;border-color:rgb(100 220 150/.25)}.doujin-tag-pill:hover{background:var(--accent-color);color:var(--bg-color);box-shadow:0 0 14px var(--accent-glow);transform:translateY(-1px);text-decoration:none}.related-section{margin:40px 0 20px;padding-top:24px;border-top:1px solid var(--border-subtle)}.related-heading{font-size:1.2rem;margin-bottom:16px;color:var(--accent-color)}.related-doujins-grid{grid-template-columns:repeat(2,1fr)}@media (min-width:600px){.related-doujins-grid{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}}@media (min-width:1024px){.related-doujins-grid{grid-template-columns:repeat(4,1fr)!important;gap:16px!important}}.related-card{display:block;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;box-shadow:var(--shadow-card)}.related-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgb(226 169 59/.15);text-decoration:none}.related-card img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.related-card-info{padding:8px 10px}.related-card h4{font-size:16px;color:var(--text-primary);margin:0;line-height:1.4;display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important}.related-artist{display:block;font-size:14px;margin-top:3px;font-weight:600;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-links a:hover,.related-artist,.related-card:hover h4{color:var(--accent-color)}.related-card:hover .related-artist{opacity:1}.doujin-class-cloud{margin:30px 0;padding-top:20px;border-top:1px solid var(--border-subtle)}.doujin-class-cloud h3{font-size:1rem;color:var(--text-secondary);margin-bottom:10px}.class-tags-wrap{display:flex;flex-wrap:wrap;gap:6px}.site-footer{background:linear-gradient(180deg,var(--bg-color) 0%,#0d1321 60%,#070b14 100%);border-top:1px solid var(--border-subtle);padding:40px 0 24px;color:var(--text-secondary);text-align:center;position:relative;overflow:hidden}.site-footer::before{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(180deg,transparent 0,rgb(226 169 59/.03) 50%,rgb(226 169 59/.06) 100%);pointer-events:none}.footer-inner{position:relative;z-index:1}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:20px}.footer-links a{color:var(--text-secondary);padding:6px 16px;border:1px solid var(--border-subtle)}.footer-links a:hover{border-color:var(--accent-border);background:var(--accent-dim)}.footer-sitename{font-size:18px;font-weight:900;background:linear-gradient(135deg,var(--accent-color),#f0bc52);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;margin:0 0 8px}.footer-copy{max-width:550px;margin:0 auto 6px;line-height:1.5}.footer-18plus,.footer-copy{font-size:16px;color:var(--text-muted)}.btn-back-top,.mobile-search-btn{align-items:center;justify-content:center;border-radius:50%}.btn-back-top{position:fixed;bottom:20px;right:16px;width:46px;height:46px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:var(--bg-color);display:flex;font-size:1.2rem;font-weight:900;box-shadow:0 4px 16px var(--accent-glow);opacity:0;transform:translateY(14px);transition:opacity .3s ease,transform .3s ease,box-shadow .2s ease;pointer-events:none;z-index:998;text-decoration:none}.btn-back-top:hover{transform:translateY(-3px);box-shadow:0 8px 28px var(--accent-glow);text-decoration:none}.mobile-search-btn{display:none;width:40px;height:40px;color:var(--text-secondary);font-size:1.1rem;transition:var(--transition)}.mobile-search-btn:hover{background:var(--accent-dim);color:var(--accent-color)}@media (max-width:768px){.mobile-search-btn{display:flex}}@media (max-width:600px){.doujin-single-article{padding:12px 0}.container{padding:0 10px}.doujin-title-h1{font-size:1.2rem}}@media (min-width:1400px){.container{max-width:1360px}}.vote-row{margin-top:20px;border-top:1px dashed var(--border-strong);padding-top:20px;justify-content:center}.btn-vote{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,gold,#ffb300);color:#1a1a2e;border:0;padding:12px 28px;border-radius:var(--radius-pill);font-weight:800;font-size:1.1rem;cursor:pointer;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease;box-shadow:0 4px 15px rgb(0 0 0/.25)}.btn-vote:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 10px 25px rgb(255 215 0/.3)}.btn-vote:active{transform:scale(.98)}.btn-vote svg{transition:transform .3s ease}.btn-vote:hover svg{transform:rotate(15deg)}