:root{--bg-main:#0c0c0e;--bg-card:#16161a;--bg-header:rgba(12,12,14,0.85);--border-color:#27272a;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#9ca3af;--accent-primary:#ff2a5f;--accent-primary-hover:#e01b4c;--accent-secondary:#8b5cf6;--color-tag:#ff5e84;--color-artist:#34d399;--color-character:#60a5fa;--color-group:#fbbf24;--color-parody:#f472b6;--color-language:#818cf8;--font-sans:'Outfit','Sarabun',system-ui,-apple-system,sans-serif;--shadow-main:0 4px 20px rgba(0,0,0,0.5);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);}body.grayscale-mode .story-detail-container .detail-cover-col img,body.grayscale-mode .reader-container .reader-images-col .reader-image-wrapper:not(#page-mascot) img,body.grayscale-mode .story-card .card-image-wrapper img{filter:grayscale(100%) !important;}html{scroll-behavior:smooth;}*{box-sizing:border-box;margin:0;padding:0;}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;}a{color:inherit;text-decoration:none;transition:var(--transition-smooth);}header{background-color:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;}.nav-container{max-width:1400px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;}.logo{font-size:1.8rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:0.5rem;}.logo span{color:var(--accent-primary);}.nav-links{display:flex;align-items:center;gap:1.5rem;}.nav-link{font-size:1rem;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:0.4rem;}.nav-link:hover,.nav-link.active{color:var(--accent-primary);}.search-form{flex-grow:1;max-width:600px;position:relative;}.search-input{width:100%;background-color:#202024;border:1px solid var(--border-color);border-radius:9999px;padding:0.75rem 1.5rem;padding-right:3rem;color:var(--text-primary);font-family:var(--font-sans);font-size:0.95rem;transition:var(--transition-smooth);}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 10px rgba(255,42,95,0.2);}.search-btn{position:absolute;right:0rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);}.search-btn:hover{color:var(--accent-primary);}.controls-group{display:flex;align-items:center;gap:0.75rem;}.btn-toggle{background-color:#202024;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:0.85rem;font-weight:500;padding:0.5rem 0.75rem;display:flex;align-items:center;gap:0.4rem;transition:background-color 0.25s ease,opacity 0.25s ease;}.btn-toggle:hover{color:var(--text-primary);border-color:var(--text-muted);}.btn-toggle.active{background-color:var(--accent-primary);color:white;border-color:var(--accent-primary);}main{flex-grow:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem 1.5rem;}.banner-slot{display:none !important;}body.show-ads .banner-slot{background-color:var(--bg-card);border:1px dashed var(--border-color);border-radius:8px;margin:1.5rem auto;padding:1rem;text-align:center;max-width:970px;width:100%;min-height:110px;display:flex !important;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:visible;}.banner-viewport{width:100%;align-self:stretch;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;text-align:center;}.banner-content{display:inline-block;min-width:max-content;margin:0 auto;text-align:center;}.banner-content ins,.banner-content iframe,.banner-content img{max-width:none !important;}.banner-slot::before{content:'ADVERTISEMENT';position:absolute;top:4px;left:8px;font-size:0.65rem;color:var(--text-muted);letter-spacing:0.05em;font-weight:600;}.banner-placeholder{color:var(--text-muted);font-size:0.9rem;font-weight:500;}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin-top:1.5rem;}.story-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:var(--transition-smooth);position:relative;box-shadow:var(--shadow-main);}.story-card:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:0 8px 30px rgba(255,42,95,0.15);}.story-card:hover .card-title{color:var(--accent-primary);}.card-image-wrapper{position:relative;width:100%;padding-top:141.4%;background-color:#101012;overflow:hidden;}.card-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth);}.story-card:hover .card-image-wrapper img{transform:scale(1.05);}.card-info{padding:0.75rem;display:flex;flex-direction:column;flex-grow:1;}.card-title{font-size:0.9rem;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:3rem;min-height:48px;margin-bottom:0.5rem;transition:var(--transition-smooth);}.card-meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:0.75rem;color:var(--text-secondary);}.card-pages{background-color:rgba(255,255,255,0.05);padding:0.2rem 0.5rem;border-radius:4px;}.story-detail-container{display:grid;grid-template-columns:350px 1fr;gap:3rem;margin-top:2rem;}.detail-cover-col{display:flex;flex-direction:column;gap:1.5rem;}.detail-cover{width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-main);aspect-ratio:1 / 1.414;background-color:var(--bg-card);}.detail-cover img{width:100%;height:100%;object-fit:cover;}.action-buttons{display:flex;flex-direction:column;gap:0.75rem;}.btn-action{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.9rem;border-radius:8px;font-weight:600;cursor:pointer;font-size:1rem;transition:var(--transition-smooth);border:none;font-family:var(--font-sans);}.btn-read{background-color:var(--accent-primary);color:white;}.btn-read:hover{background-color:var(--accent-primary-hover);}.btn-fav{background-color:#202024;border:1px solid var(--border-color);color:var(--text-primary);}.btn-fav.active{background-color:rgba(255,42,95,0.1);border-color:var(--accent-primary);color:var(--accent-primary);}.btn-download{background-color:#202024;border:1px solid var(--border-color);color:var(--text-primary);}.btn-download:disabled{opacity:0.5;cursor:not-allowed;}.detail-info-col{display:flex;flex-direction:column;gap:2rem;}.titles-group{display:flex;flex-direction:column;gap:0.5rem;}.title-thai{font-size:2rem;font-weight:700;line-height:1.2;}.title-eng{font-size:1.2rem;font-weight:500;color:var(--text-secondary);}.metadata-table{display:flex;flex-direction:column;gap:1.2rem;border-top:1px solid var(--border-color);padding-top:1.5rem;}.meta-row{display:grid;grid-template-columns:120px 1fr;align-items:flex-start;font-size:1rem;}.meta-label{color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:0.85rem;padding-top:0.2rem;}.tag-list{display:flex;flex-wrap:wrap;gap:0.6rem;}.tag-badge{padding:0.25rem 0.75rem;border-radius:6px;font-size:0.85rem;font-weight:500;background-color:rgba(255,255,255,0.04);border:1px solid var(--border-color);display:inline-flex;align-items:center;gap:0.4rem;}.tag-badge .count{color:var(--text-muted);font-size:0.75rem;}.tag-badge:hover{border-color:currentColor;}.tag-badge[data-tax="tag"]{color:var(--color-tag);}.tag-badge[data-tax="artist"]{color:var(--color-artist);}.tag-badge[data-tax="character"]{color:var(--color-character);}.tag-badge[data-tax="group"]{color:var(--color-group);}.tag-badge[data-tax="parody"]{color:var(--color-parody);}.tag-badge[data-tax="language"]{color:var(--color-language);}.thumbnails-header{border-top:1px solid var(--border-color);padding-top:2rem;margin-top:2rem;margin-bottom:1rem;font-size:1.4rem;font-weight:700;}.thumbnails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;}.thumbnail-item{aspect-ratio:1 / 1.414;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);background-color:var(--bg-card);transition:var(--transition-smooth);}.thumbnail-item:hover{border-color:var(--accent-primary);transform:scale(1.03);}.thumbnail-item img{width:100%;height:100%;object-fit:cover;}.reader-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:0;}.reader-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background-color:var(--bg-card);padding:1rem 1.5rem;border-radius:8px;border:1px solid var(--border-color);}.reader-image-wrapper{width:100%;min-height:200px;background-color:#111113;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;position:relative;transition:max-width 0.3s cubic-bezier(0.4,0,0.2,1);scroll-margin-top:90px;}.reader-image-wrapper img{width:100%;height:auto;display:block;}.reader-footer{width:100%;margin-top:2rem;display:flex;justify-content:center;}.pagination{display:flex;justify-content:center;align-items:center;gap:0.5rem;margin-top:2.5rem;flex-wrap:wrap;}.btn-page{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:0.75rem 1.25rem;border-radius:6px;cursor:pointer;font-weight:600;transition:var(--transition-smooth);min-height:44px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;}.btn-page:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary);}.btn-page.active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:white;}.btn-page:disabled{opacity:0.4;cursor:not-allowed;}footer{border-top:1px solid var(--border-color);background-color:#08080a;padding:2.5rem 1.5rem;text-align:center;font-size:0.9rem;color:var(--text-secondary);margin-top:auto;}.footer-logo{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:0.5rem;display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;text-decoration:none;}.footer-logo span{color:var(--accent-primary);}@media (max-width:1024px){.story-detail-container{grid-template-columns:1fr;gap:2rem;}.detail-cover-col{max-width:350px;margin:0 auto;width:100%;}}@media (max-width:768px){.nav-container{flex-direction:row !important;justify-content:space-between;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;}.logo{font-size:1.25rem;}.logo-full{display:none;}.search-form{flex-grow:1;max-width:none;margin:0;}.search-input{padding:0.4rem 0.8rem;padding-right:2rem;font-size:0.8rem;border-radius:9999px;}.search-btn{right:0rem;}.nav-links{display:none !important;}header .controls-group{display:none !important;}#mobile-menu-btn{display:flex !important;}.btn-toggle{padding:0.35rem !important;border-radius:6px;}.toggle-text{display:none;}.user-name-display{display:none !important;}.login-text{display:none !important;}.story-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;}}.main-layout{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start;}.content-area{min-width:0;}.sidebar{display:flex;flex-direction:column;gap:1.5rem;width:300px;}@media (min-width:1025px){.sidebar{align-self:stretch;}.sidebar > div:nth-child(3){position:sticky;top:80px;z-index:10;}}.card-image-wrapper img.hover-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.25s ease-in-out;}.story-card:hover .card-image-wrapper img.hover-img{opacity:1;}.story-grid.list-view{grid-template-columns:1fr !important;gap:1.25rem;}.story-grid.list-view .story-card{flex-direction:row !important;height:auto;min-height:212px;}.story-grid.list-view .card-image-wrapper{width:160px;min-width:160px;padding-top:0 !important;height:212px;flex-shrink:0;position:relative;overflow:visible;background:transparent !important;}.story-grid.list-view .card-image-wrapper img{position:absolute;left:10px;top:12px;width:120px;height:175px;object-fit:cover;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.4);transition:transform 0.35s cubic-bezier(0.25,0.8,0.25,1),opacity 0.35s ease,filter 0.35s ease,box-shadow 0.35s ease;display:block;}.story-grid.list-view .card-image-wrapper img.cover-img{transform:translate(0,12px);z-index:5;opacity:1 !important;}.story-grid.list-view .card-image-wrapper img.hover-img{transform:translate(20px,0);z-index:4;opacity:0.55 !important;filter:brightness(0.5) grayscale(20%);}.story-grid.list-view .story-card:hover .card-image-wrapper img.cover-img{transform:translate(20px,0);z-index:4;opacity:0.55 !important;filter:brightness(0.5) grayscale(20%);box-shadow:0 4px 12px rgba(0,0,0,0.4);}.story-grid.list-view .story-card:hover .card-image-wrapper img.hover-img{transform:translate(0,12px) scale(1.02);z-index:5;opacity:1 !important;filter:brightness(1) grayscale(0%);box-shadow:0 8px 20px rgba(255,42,95,0.25),0 6px 15px rgba(0,0,0,0.5);}.story-grid.list-view .card-image-wrapper:not(:has(.hover-img)) img.cover-img{transform:translate(10px,6px);z-index:5;opacity:1 !important;}.story-grid.list-view .story-card:hover .card-image-wrapper:not(:has(.hover-img)) img.cover-img{transform:translate(10px,2px) scale(1.02);box-shadow:0 8px 20px rgba(255,42,95,0.25),0 6px 15px rgba(0,0,0,0.5);}.story-grid.list-view .card-info{padding:1.25rem;display:flex;flex-direction:column;justify-content:flex-start;flex-grow:1;min-width:0;}.story-grid.list-view .card-title{font-size:1.15rem;font-weight:700;height:auto;-webkit-line-clamp:2;margin-bottom:0.75rem;line-height:1.4;}.card-metadata-list{display:none;}.story-grid.list-view .card-metadata-list.desktop-only{display:flex;flex-direction:column;gap:0.4rem;margin-top:0.75rem;}.meta-item{display:flex;align-items:baseline;font-size:0.85rem;line-height:1.4;}.meta-label{color:var(--text-muted);font-weight:600;width:85px;flex-shrink:0;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.03em;}.meta-val{color:var(--text-secondary);min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}.meta-link{transition:var(--transition-smooth);font-weight:500;}.meta-link:hover{text-decoration:underline;}.meta-link.artist{color:var(--color-artist);}.meta-link.group{color:var(--color-group);}.meta-link.parody{color:var(--color-parody);}.meta-link.character{color:var(--color-character);}.tags-container{display:flex;flex-wrap:wrap;gap:0.35rem;white-space:normal;}.story-grid.list-view .tag-badge{padding:0.15rem 0.45rem;border-radius:4px;font-size:0.75rem;margin-bottom:0.15rem;}.story-grid.list-view .card-meta{margin-top:auto;border-top:1px solid var(--border-color);padding-top:0.75rem;display:flex;justify-content:flex-start;gap:1.5rem;color:var(--text-muted);font-size:0.8rem;}@media (max-width:767px){.story-grid.row-cols-2{grid-template-columns:repeat(2,1fr) !important;}.story-grid.row-cols-3{grid-template-columns:repeat(3,1fr) !important;gap:0.75rem;}.story-grid.row-cols-3 .card-title{font-size:0.8rem;height:3rem;min-height:48px;}.container-header{flex-wrap:nowrap !important;gap:0.5rem !important;margin-bottom:1rem !important;}.container-header h2{font-size:1.1rem !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 !important;flex-grow:1;min-width:0;}.container-header .controls-group{flex-shrink:0 !important;margin-left:auto;}.container-header .controls-group > span:first-child{display:none !important;}}@media (min-width:768px) and (max-width:1199px){.story-grid.row-cols-md-3{grid-template-columns:repeat(3,1fr) !important;}.story-grid.row-cols-md-4{grid-template-columns:repeat(4,1fr) !important;}}@media (min-width:1200px){.story-grid.row-cols-xl-4{grid-template-columns:repeat(4,1fr) !important;}.story-grid.row-cols-xl-6{grid-template-columns:repeat(6,1fr) !important;}}@media (max-width:576px){.story-grid.list-view .story-card{flex-direction:row !important;height:auto;min-height:140px;}.story-grid.list-view .card-image-wrapper{width:100px !important;min-width:100px !important;height:140px !important;flex-shrink:0;background:transparent !important;}.story-grid.list-view .card-image-wrapper img{left:5px;top:8px;width:80px;height:115px;}.story-grid.list-view .card-image-wrapper img.cover-img{transform:translate(0,8px);}.story-grid.list-view .card-image-wrapper img.hover-img{transform:translate(10px,0);}.story-grid.list-view .story-card:hover .card-image-wrapper img.cover-img{transform:translate(10px,0);}.story-grid.list-view .story-card:hover .card-image-wrapper img.hover-img{transform:translate(0,8px) scale(1.02);}.story-grid.list-view .card-image-wrapper:not(:has(.hover-img)) img.cover-img{transform:translate(5px,4px);}.story-grid.list-view .story-card:hover .card-image-wrapper:not(:has(.hover-img)) img.cover-img{transform:translate(5px,2px) scale(1.02);}.story-grid.list-view .card-info{padding:0.5rem 0.5rem 0.5rem 0.75rem;flex:1 1 0% !important;min-width:0 !important;}.story-grid.list-view .card-title{font-size:0.9rem;margin-bottom:0.4rem;line-height:1.3;display:block !important;-webkit-line-clamp:none !important;overflow:visible !important;height:auto !important;}.story-grid.list-view .story-card{flex-wrap:wrap !important;}.story-grid.list-view .card-metadata-list.desktop-only{display:none !important;}.story-grid.list-view .card-metadata-list.mobile-only{display:block !important;width:100% !important;margin-top:0.25rem;border-top:1px dashed var(--border-color);padding:0.4rem 0.75rem 0.5rem 0.75rem;max-height:2.2rem;overflow:hidden;}.story-grid.list-view .card-metadata-list.mobile-only .tags-container{max-height:2rem;overflow:hidden;display:flex;flex-wrap:wrap;gap:0.35rem;}.story-grid.list-view .meta-item{font-size:0.75rem;}.story-grid.list-view .meta-label{width:65px;font-size:0.65rem;}.story-grid.list-view .meta-val{white-space:normal;}.story-grid.list-view .tag-badge{padding:0.1rem 0.35rem;font-size:0.7rem;border-radius:3px;}.story-grid.list-view .card-meta{padding-top:0.4rem;font-size:0.75rem;gap:1rem;}body .story-grid.list-view .story-card .card-lang-flags{display:flex !important;margin-left:auto;}.pagination{gap:0.3rem;}.btn-page{padding:0.75rem 1rem;font-size:0.9rem;border-radius:6px;min-height:44px;}}@media (max-width:1024px){.main-layout{grid-template-columns:1fr;}.sidebar{width:100%;}.reader-controls{display:none !important;}.reader-images-col .reader-image-wrapper{max-width:100% !important;}}.story-grid:not(.list-view) .story-card{position:relative;aspect-ratio:1 / 1.414;overflow:hidden;height:auto;}.story-grid:not(.list-view) .card-image-wrapper{height:100%;width:100%;padding-top:0 !important;display:block;}.story-grid:not(.list-view) .card-info{position:absolute;bottom:0;left:0;right:0;padding:2rem 0.75rem 0.75rem 0.75rem;background:linear-gradient(to top,rgba(12,12,14,0.95) 0%,rgba(12,12,14,0.6) 65%,rgba(12,12,14,0) 100%);z-index:4;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;}.story-grid:not(.list-view) .card-title{font-size:0.85rem;font-weight:600;color:var(--text-primary);line-height:1.35;margin-bottom:0;height:auto;max-height:2.3rem;-webkit-line-clamp:2;text-shadow:0 1px 3px rgba(0,0,0,0.9);pointer-events:auto;}.story-grid:not(.list-view) .card-meta{display:none;}.story-card .card-pages{position:absolute;top:8px;right:8px;z-index:5;background-color:rgba(12,12,14,0.85);border:1px solid var(--border-color);color:var(--text-primary);padding:0.15rem 0.45rem;border-radius:4px;font-size:0.7rem;font-weight:600;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}.story-grid.list-view .card-pages{display:none;}.story-grid.list-view .card-lang-grid{display:none !important;}.card-pages-list{background-color:rgba(255,255,255,0.05);padding:0.15rem 0.45rem;border-radius:4px;font-size:0.75rem;color:var(--text-secondary);}.reader-images-col.width-100 .reader-image-wrapper{max-width:100%;margin-left:auto;margin-right:auto;}.reader-images-col.width-75 .reader-image-wrapper{max-width:75%;margin-left:auto;margin-right:auto;}.reader-images-col.width-50 .reader-image-wrapper{max-width:50%;margin-left:auto;margin-right:auto;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.icon-color-rainbow{width:14px;height:14px;border-radius:50%;background:conic-gradient(#ff2a5f,#f59e0b,#10b981,#3b82f6,#8b5cf6,#ff2a5f);display:inline-block;vertical-align:middle;margin-right:4px;border:1px solid rgba(255,255,255,0.1);}.icon-grayscale-bw{width:14px;height:14px;border-radius:50%;background:linear-gradient(90deg,#f4f4f5 50%,#16161a 50%);display:inline-block;vertical-align:middle;margin-right:4px;border:1px solid var(--text-muted);}.search-suggestions-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:rgba(22,22,26,0.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.6);max-height:380px;overflow-y:auto;z-index:1000;}.search-suggestions-dropdown::-webkit-scrollbar{width:6px;}.search-suggestions-dropdown::-webkit-scrollbar-track{background:transparent;}.search-suggestions-dropdown::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px;}.search-suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.2);}.suggestion-header{font-size:0.75rem;font-weight:700;color:var(--text-muted);padding:12px 16px 6px;text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid rgba(255,255,255,0.03);}.suggestion-item{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;cursor:pointer;transition:background-color 0.15s ease;border-bottom:1px solid rgba(255,255,255,0.02);}.suggestion-item:last-child{border-bottom:none;}.suggestion-item:hover,.suggestion-item.active{background-color:rgba(255,42,95,0.12);}.suggestion-text{font-size:0.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:1rem;}.suggestion-thai{color:var(--text-secondary);font-size:0.8rem;font-weight:400;}.suggestion-count{color:var(--text-muted);font-size:0.8rem;font-weight:500;}.suggestion-badge{font-size:0.65rem;font-weight:700;padding:0.15rem 0.45rem;border-radius:4px;color:#ffffff;letter-spacing:0.02em;text-shadow:0 1px 2px rgba(0,0,0,0.2);}.suggestion-badge.badge-tag{background-color:var(--text-secondary);}.suggestion-badge.badge-artist{background-color:var(--color-artist);}.suggestion-badge.badge-character{background-color:var(--color-character);}.suggestion-badge.badge-parody{background-color:var(--color-parody);}.suggestion-badge.badge-group{background-color:var(--color-group);}.suggestion-badge.badge-language{background-color:var(--color-language);}.suggestion-badge.badge-category{background-color:#f1c40f;color:#0c0c0e;}.suggestion-badge.badge-favorite{background-color:#ec4899;}.suggestion-badge.badge-title-th{background-color:#1abc9c;}.suggestion-badge.badge-title-en{background-color:#34495e;}.suggestion-badge.badge-pages{background-color:#9b59b6;}.suggestion-badge.badge-uploaded{background-color:#2ecc71;}.suggestion-badge.badge-favorites{background-color:#e74c3c;}.suggestion-badge.badge-title{background-color:#1abc9c;}.suggestion-badge.badge-jtitle{background-color:#34495e;}.suggestion-badge.badge-prefix{background-color:#7f8c8d;}.suggestion-badge.badge-popular{background-color:var(--accent-primary);}@media (max-width:768px){.search-suggestions-dropdown{left:-40px;right:-40px;max-width:90vw;margin:0 auto;}}.history-section{border-bottom:1px solid var(--border-color);padding:6px 0;}.history-item{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;transition:background-color 0.15s ease;}.history-item:hover{background-color:rgba(255,255,255,0.03);}.history-left-click{display:flex;align-items:center;gap:12px;flex-grow:1;cursor:pointer;min-width:0;}.history-icon{font-size:0.8rem;color:var(--text-muted);flex-shrink:0;}.history-query-text{font-size:0.9rem;color:#c084fc;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.history-controls{display:flex;align-items:center;gap:4px;flex-shrink:0;}.btn-history-pin,.btn-history-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px 6px;font-size:0.95rem;transition:color 0.15s ease,transform 0.15s ease;display:flex;align-items:center;justify-content:center;}.btn-history-pin:hover,.btn-history-pin.pinned{color:#f1c40f;transform:scale(1.1);}.btn-history-delete:hover{color:var(--accent-primary);transform:scale(1.1);}.history-toggle-btn{padding:10px 16px;font-size:0.8rem;font-weight:700;color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:0.05em;transition:color 0.15s ease;border-top:1px solid rgba(255,255,255,0.02);}.history-toggle-btn:hover{color:var(--text-secondary);}.filter-helpers-section{display:flex;flex-direction:column;}.filter-helper-item{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;cursor:pointer;transition:background-color 0.15s ease;border-bottom:1px solid rgba(255,255,255,0.02);}.filter-helper-item:last-child{border-bottom:none;}.filter-helper-item:hover{background-color:rgba(255,42,95,0.08);}.filter-helper-label{font-family:monospace,var(--font-sans);font-size:0.9rem;font-weight:700;color:var(--text-secondary);letter-spacing:0.02em;}.filter-helper-desc{font-size:0.8rem;color:var(--text-muted);font-weight:500;}.search-for-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background-color:rgba(255,255,255,0.03);border-bottom:1px solid var(--border-color);}.search-for-left{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:0.9rem;font-weight:600;color:var(--text-primary);user-select:none;}.search-for-icon{font-size:1rem;color:var(--accent-primary);font-weight:bold;}.search-for-text{color:#c084fc;font-weight:700;}.search-for-controls{display:flex;align-items:center;}.btn-search-pin{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px 6px;font-size:1rem;transition:color 0.15s ease,transform 0.15s ease;display:flex;align-items:center;justify-content:center;}.btn-search-pin:hover,.btn-search-pin.pinned{color:#f1c40f;transform:scale(1.1);}.page-indicator{position:absolute;top:0;right:0;background-color:rgba(12,12,14,0.4);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-left:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05);border-bottom-left-radius:8px;padding:0.35rem 0.7rem;font-size:0.85rem;font-weight:700;color:var(--text-secondary);cursor:pointer;user-select:none;z-index:10;opacity:0.75;transition:var(--transition-smooth);}.page-indicator:hover{opacity:1;background-color:var(--accent-primary);color:white;border-color:var(--accent-primary);}@keyframes hit-upward{0%{transform:translateY(0);opacity:1;filter:brightness(1);}5%{transform:translateY(-16px);opacity:0.75;filter:brightness(1.7);}15%{transform:translateY(6px);opacity:0.85;filter:brightness(0.7);}25%{transform:translateY(-6px);opacity:0.9;filter:brightness(1.2);}35%{transform:translateY(2px);opacity:0.95;filter:brightness(0.95);}45%{transform:translateY(0);opacity:1;filter:brightness(1);}100%{transform:translateY(0);opacity:1;filter:brightness(1);}}@keyframes hit-downward{0%{transform:translateY(0);opacity:1;filter:brightness(1);}5%{transform:translateY(16px);opacity:0.75;filter:brightness(1.7);}15%{transform:translateY(-6px);opacity:0.85;filter:brightness(0.7);}25%{transform:translateY(6px);opacity:0.9;filter:brightness(1.2);}35%{transform:translateY(-2px);opacity:0.95;filter:brightness(0.95);}45%{transform:translateY(0);opacity:1;filter:brightness(1);}100%{transform:translateY(0);opacity:1;filter:brightness(1);}}@keyframes hit-leftward{0%{transform:translateX(0);opacity:1;filter:brightness(1);}5%{transform:translateX(-16px);opacity:0.75;filter:brightness(1.7);}15%{transform:translateX(8px);opacity:0.85;filter:brightness(0.7);}25%{transform:translateX(-4px);opacity:0.9;filter:brightness(1.2);}35%{transform:translateX(2px);opacity:0.95;filter:brightness(0.95);}45%{transform:translateX(0);opacity:1;filter:brightness(1);}100%{transform:translateX(0);opacity:1;filter:brightness(1);}}@keyframes hit-rightward{0%{transform:translateX(0);opacity:1;filter:brightness(1);}5%{transform:translateX(16px);opacity:0.75;filter:brightness(1.7);}15%{transform:translateX(-8px);opacity:0.85;filter:brightness(0.7);}25%{transform:translateX(4px);opacity:0.9;filter:brightness(1.2);}35%{transform:translateX(-2px);opacity:0.95;filter:brightness(0.95);}45%{transform:translateX(0);opacity:1;filter:brightness(1);}100%{transform:translateX(0);opacity:1;filter:brightness(1);}}.reader-image-wrapper.effect-hit-upward img{animation:hit-upward 1.5s cubic-bezier(0.25,0.8,0.25,1) infinite;}.reader-image-wrapper.effect-hit-downward img{animation:hit-downward 1.5s cubic-bezier(0.25,0.8,0.25,1) infinite;}.reader-image-wrapper.effect-hit-leftward img{animation:hit-leftward 1.5s cubic-bezier(0.25,0.8,0.25,1) infinite;}.reader-image-wrapper.effect-hit-rightward img{animation:hit-rightward 1.5s cubic-bezier(0.25,0.8,0.25,1) infinite;}.effect-indicator{position:absolute;top:0;left:0;background-color:rgba(12,12,14,0.4);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-right:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05);border-bottom-right-radius:8px;padding:0.35rem 0.7rem;font-size:0.85rem;font-weight:700;color:var(--text-secondary);cursor:pointer;user-select:none;z-index:10;opacity:0.45;transition:var(--transition-smooth);}.effect-indicator:hover{opacity:1;background-color:var(--accent-primary);color:white;border-color:var(--accent-primary);}.effect-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:8;overflow:hidden;}.heart-particle{position:absolute;color:rgba(255,105,180,0.4);text-shadow:0 0 5px rgba(255,182,193,0.3);pointer-events:none;animation:float-heart linear infinite;}@keyframes float-heart{0%{top:100%;transform:translateX(0) scale(0.7) rotate(0deg);opacity:0;}15%{opacity:1;}50%{transform:translateX(20px) scale(1) rotate(15deg);}85%{opacity:1;}100%{top:-15%;transform:translateX(-20px) scale(0.7) rotate(-15deg);opacity:0;}}.sakura-particle{position:absolute;opacity:0;pointer-events:none;filter:opacity(0.35);animation:fall-sakura linear infinite;}@keyframes fall-sakura{0%{top:-10%;transform:translateX(0) rotate(0deg) scale(0.7);opacity:0;}15%{opacity:1;}50%{transform:translateX(-30px) rotate(180deg) scale(1);}85%{opacity:1;}100%{top:110%;transform:translateX(30px) rotate(360deg) scale(0.7);opacity:0;}}.custom-sparkle{position:absolute;width:14px;height:14px;background:radial-gradient(circle,#fff 20%,rgba(255,223,128,0.8) 50%,transparent 80%);clip-path:polygon(50% 0%,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0% 50%,37% 37%);box-shadow:0 0 8px rgba(255,255,255,0.8);pointer-events:none;animation:twinkle-custom ease-in-out infinite;}@keyframes twinkle-custom{0%,100%{transform:scale(0.2) rotate(0deg);opacity:0.1;}50%{transform:scale(1.3) rotate(90deg);opacity:0.95;}}.smoke-puff{position:absolute;bottom:-80px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.82) 0%,rgba(245,245,245,0.38) 50%,rgba(245,245,245,0) 75%);filter:blur(10px);opacity:0;mix-blend-mode:screen;pointer-events:none;}.puff-lr-1{width:180px;height:140px;left:5%;animation:driftLeftToRight 7s ease-in-out infinite;animation-delay:0s;}.puff-lr-2{width:230px;height:170px;left:20%;animation:driftLeftToRight 9s ease-in-out infinite;animation-delay:3s;}.puff-lr-3{width:150px;height:120px;left:35%;animation:driftLeftToRight 6s ease-in-out infinite;animation-delay:5s;}.puff-rl-1{width:190px;height:150px;left:75%;animation:driftRightToLeft 8s ease-in-out infinite;animation-delay:1.5s;}.puff-rl-2{width:240px;height:180px;left:55%;animation:driftRightToLeft 10s ease-in-out infinite;animation-delay:4.2s;}.puff-rl-3{width:160px;height:130px;left:85%;animation:driftRightToLeft 6.5s ease-in-out infinite;animation-delay:2.5s;}@media (max-width:768px){.puff-lr-1{width:90px;height:70px;}.puff-lr-2{width:115px;height:85px;}.puff-lr-3{width:75px;height:60px;}.puff-rl-1{width:95px;height:75px;}.puff-rl-2{width:120px;height:90px;}.puff-rl-3{width:80px;height:65px;}}@keyframes driftLeftToRight{0%{bottom:-80px;transform:translateX(0) scale(0.7) rotate(0deg);opacity:0;}15%{opacity:0.85;}50%{transform:translateX(50px) scale(1.2) rotate(15deg);opacity:0.6;}100%{bottom:90%;transform:translateX(90px) scale(1.4) rotate(30deg);opacity:0;}}@keyframes driftRightToLeft{0%{bottom:-80px;transform:translateX(0) scale(0.7) rotate(0deg);opacity:0;}15%{opacity:0.85;}50%{transform:translateX(-50px) scale(1.2) rotate(-15deg);opacity:0.6;}100%{bottom:90%;transform:translateX(-90px) scale(1.4) rotate(-30deg);opacity:0;}}.firework-rocket{position:absolute;width:2.5px;height:18px;background:linear-gradient(to top,transparent,rgba(255,255,255,0.9));bottom:0;pointer-events:none;box-shadow:0 0 6px rgba(255,255,255,0.8);animation:launch-rocket 1.0s cubic-bezier(0.25,0.46,0.45,0.94) forwards;}@keyframes launch-rocket{0%{bottom:0;opacity:0.2;transform:scaleY(0.5);}10%{opacity:1;transform:scaleY(1);}90%{opacity:1;}100%{bottom:calc(100% - var(--target-y));opacity:0;}}.firework-burst{position:absolute;width:2px;height:2px;pointer-events:none;}.firework-spark{position:absolute;top:0;left:0;width:3.5px;height:3.5px;border-radius:50%;opacity:0;box-shadow:0 0 5px currentColor;animation:spark-fly-custom 1.2s cubic-bezier(0.1,0.8,0.3,1) forwards;}@keyframes spark-fly-custom{0%{transform:translate(0,0) scale(1.5);opacity:1;}70%{opacity:0.9;}100%{transform:translate(var(--dx),var(--dy)) scale(0.2);opacity:0;}}.tear-drop{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:rgba(180,225,255,0.15);backdrop-filter:blur(1.5px) scale(1.05);-webkit-backdrop-filter:blur(1.5px) scale(1.05);border:1.5px solid rgba(135,206,250,0.4);box-shadow:inset -3px -3px 6px rgba(0,0,0,0.15),inset 3px 3px 6px rgba(135,206,250,0.6),0 4px 10px rgba(0,0,0,0.15);animation:tearImpact 9.5s cubic-bezier(0.2,0.6,0.4,1) forwards;}@keyframes tearImpact{0%{width:0px;height:0px;opacity:0;transform:translate(-50%,-100%) scale(0.5);}6%{width:30px;height:42px;border-radius:50% 50% 40% 40% / 60% 60% 40% 40%;opacity:0.95;transform:translate(-50%,-50%) scale(1);}15%{width:70px;height:65px;border-radius:50%;opacity:0.85;background:rgba(180,225,255,0.12);}50%{width:140px;height:130px;opacity:0.60;backdrop-filter:blur(2.5px) scale(1.03);}85%{width:190px;height:180px;opacity:0.30;backdrop-filter:blur(2.5px) scale(1.03);}100%{width:190px;height:180px;opacity:0;backdrop-filter:blur(0px) scale(1);transform:translate(-50%,-50%) scale(1.15);}}.flame-glow-overlay{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 35px rgba(255,43,0,0.65),inset 0 0 75px rgba(255,120,0,0.3);mix-blend-mode:color-dodge;pointer-events:none;animation:flame-pulse-custom 2s ease-in-out infinite alternate;}.ember-particle{position:absolute;background:radial-gradient(circle,#fff 0%,#ff5500 50%,#ff0000 100%);border-radius:50%;filter:blur(0.5px);box-shadow:0 0 8px #ff5500,0 0 16px #ff0000;pointer-events:none;animation:ember-rise-custom linear infinite;}@keyframes flame-pulse-custom{0%{box-shadow:inset 0 0 25px rgba(255,43,0,0.5),inset 0 0 50px rgba(255,120,0,0.2);}100%{box-shadow:inset 0 0 45px rgba(255,43,0,0.8),inset 0 0 90px rgba(255,120,0,0.4);}}@keyframes ember-rise-custom{0%{top:105%;transform:translateX(0) scale(0.8);opacity:0;}10%{opacity:1;}50%{transform:translateX(25px) scale(1.3);}85%{opacity:1;}100%{top:20%;transform:translateX(-25px) scale(0.4);opacity:0;}}.snow-particle-white{position:absolute;color:#ffffff;text-shadow:0 0 4px rgba(255,255,255,0.8);pointer-events:none;animation:fall-snow-custom linear infinite;}@keyframes fall-snow-custom{0%{top:-10%;transform:translateX(0) rotate(0deg);opacity:0;}15%{opacity:0.9;}50%{transform:translateX(25px) rotate(180deg);}85%{opacity:0.9;}100%{top:110%;transform:translateX(-25px) rotate(360deg);opacity:0;}}.rain-overlay-tint{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(10,24,48,0.16);pointer-events:none;}.rain-streak{position:absolute;width:1.5px;height:45px;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(175,215,255,0.45) 80%,rgba(255,255,255,0));pointer-events:none;animation:rain-fall-custom linear infinite;}@keyframes rain-fall-custom{0%{top:-50px;transform:translateX(0);}100%{top:105%;transform:translateX(-20px);}}.dust-particle{position:absolute;background:radial-gradient(circle,rgba(255,223,128,0.45) 0%,rgba(255,180,0,0.12) 50%,transparent 80%);border-radius:50%;filter:blur(1.5px);pointer-events:none;animation:dust-drift-custom linear infinite;}@keyframes dust-drift-custom{0%{transform:translate(0,0) scale(0.8);opacity:0;}15%{opacity:0.75;}50%{transform:translate(25px,-35px) scale(1.3);}85%{opacity:0.75;}100%{transform:translate(50px,-70px) scale(0.8);opacity:0;}}.spotlight-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:background 0.15s ease-out;}.save-indicator{position:absolute;bottom:0;right:0;background-color:rgba(12,12,14,0.45);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-left:1px solid rgba(255,255,255,0.05);border-top:1px solid rgba(255,255,255,0.05);border-top-left-radius:8px;padding:0.35rem 0.7rem;font-size:0.85rem;font-weight:700;color:var(--text-secondary);cursor:pointer;user-select:none;z-index:10;opacity:0.45;transition:var(--transition-smooth);}.reader-image-wrapper:hover .save-indicator{opacity:0.95;background-color:rgba(12,12,14,0.75);}.save-indicator.active{opacity:0.95;background-color:rgba(255,42,95,0.8);color:#fff;border-color:rgba(255,42,95,0.2);}.save-indicator:hover{transform:scale(1.1);opacity:1 !important;}@media (max-width:768px){.save-indicator{opacity:0.85;}}@media (max-width:767px){.story-grid.row-cols-1{grid-template-columns:repeat(1,1fr) !important;gap:1.25rem;}}@media (min-width:768px) and (max-width:1199px){.story-grid.row-cols-md-2{grid-template-columns:repeat(2,1fr) !important;gap:1.25rem;}}@media (min-width:1200px){.story-grid.row-cols-xl-3{grid-template-columns:repeat(3,1fr) !important;gap:1.5rem;}}.album-effect-mode .story-card{cursor:pointer;}.album-effect-mode .card-image-wrapper{pointer-events:none;}.album-delete-btn{position:absolute;bottom:8px;right:8px;width:28px;height:28px;border-radius:50%;background-color:rgba(0,0,0,0.7);color:#fff;border:1px solid rgba(255,255,255,0.15);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all 0.2s ease-in-out;opacity:0;}.story-card:hover .album-delete-btn{opacity:1;}.album-delete-btn:hover{background-color:#ff3b30;transform:scale(1.12);color:white;border-color:#ff3b30;}@media (max-width:768px){.album-delete-btn{opacity:0.85;}}.story-card .card-lang-flags{display:none !important;}.story-grid.list-view .story-card .card-lang-flags{display:flex !important;margin-left:auto;}#mobile-menu-dropdown{display:none;background-color:rgba(20,20,24,0.96) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);box-shadow:0 8px 32px rgba(0,0,0,0.5);padding:1rem !important;position:fixed;top:76px;left:0;right:0;z-index:999;flex-direction:column;gap:0.75rem;animation:mobileMenuSlideDown 0.2s cubic-bezier(0.16,1,0.3,1) forwards;}@keyframes mobileMenuSlideDown{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}.mobile-menu-row{display:flex !important;align-items:center !important;padding:0.75rem 1rem !important;border-radius:8px !important;color:var(--text-primary) !important;text-decoration:none !important;font-weight:600 !important;font-size:0.95rem !important;background-color:rgba(255,255,255,0.02) !important;border:1px solid rgba(255,255,255,0.04) !important;transition:all 0.2s cubic-bezier(0.16,1,0.3,1) !important;box-sizing:border-box !important;width:100% !important;min-height:48px !important;}.mobile-menu-row:hover,.mobile-menu-row:active{background-color:rgba(255,255,255,0.06) !important;border-color:rgba(255,255,255,0.08) !important;transform:translateY(-1px);}.mobile-menu-icon{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:24px !important;height:24px !important;margin-right:0.75rem !important;font-size:1.15rem !important;color:var(--accent-primary) !important;}button.mobile-menu-row{font-family:inherit;text-align:left;cursor:pointer;outline:none;}div.mobile-menu-row{justify-content:space-between !important;}@media (max-width:576px){#btn-download span:nth-child(2){font-size:0 !important;}#btn-download span:nth-child(2)::after{content:"load PDF" !important;font-size:0.95rem !important;}}@media (min-width:1025px){.story-detail-container{display:grid;grid-template-columns:350px 1fr;grid-template-rows:auto auto;gap:2rem 3rem;}.detail-cover-col{grid-column:1;grid-row:1;}.action-buttons{grid-column:1;grid-row:2;display:flex;flex-direction:row;flex-wrap:wrap;gap:0.75rem;width:100%;}.detail-info-col{grid-column:2;grid-row:1 / span 2;}}@media (max-width:1024px){.story-detail-container{display:flex;flex-direction:column;gap:2rem;}.detail-cover-col{max-width:350px;margin:0 auto;width:100%;order:1;}.detail-info-col{order:2;}.action-buttons{order:3;display:flex;flex-direction:row;flex-wrap:wrap;gap:0.75rem;width:100%;max-width:900px;margin:0 auto;padding:0 1rem;box-sizing:border-box;}}@media (max-width:768px){#page-mascot{display:flex !important;flex-direction:column !important;background-color:transparent !important;border:none !important;box-shadow:none !important;overflow:visible !important;width:100% !important;max-width:350px !important;margin:0 auto !important;}#page-mascot img{order:2 !important;border:2px solid var(--accent-primary) !important;border-radius:12px !important;box-shadow:0 8px 24px rgba(0,0,0,0.65) !important;width:100% !important;height:auto !important;}#page-mascot .effect-overlay{display:none !important;}#page-mascot .mascot-credit{order:1 !important;position:static !important;align-self:center !important;margin-bottom:1.25rem !important;background:transparent !important;color:var(--accent-primary) !important;box-shadow:none !important;border:none !important;padding:0 !important;font-size:1.05rem !important;font-weight:700 !important;}#page-mascot .review-score-card{order:3 !important;position:static !important;background:var(--bg-card) !important;padding:1.5rem !important;margin-top:1.5rem !important;border-radius:12px !important;border:1px solid var(--border-color) !important;box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;text-align:left !important;width:100% !important;box-sizing:border-box !important;}#page-mascot .review-score-card h4,#page-mascot .review-score-card span,#page-mascot .review-score-card p{color:var(--text-primary) !important;}#page-mascot .review-score-card p{color:var(--text-secondary) !important;font-weight:400 !important;}#page-mascot .review-score-card .reviewer-credit-badge{color:var(--accent-primary) !important;background:rgba(255,74,110,0.08) !important;border:1px solid rgba(255,74,110,0.15) !important;}}@media (max-width:768px){.title-thai{font-size:1.4rem !important;}.title-eng{font-size:1rem !important;}}@media (max-width:576px){#page-mascot .review-score-card .review-card-header{flex-direction:column !important;align-items:flex-start !important;gap:0.75rem !important;}#page-mascot .review-score-card .review-score-container{margin-left:0 !important;}}