.new-chapters-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:64px 32px;background:rgba(30,34,36,.9);overscroll-behavior:contain;animation:new-chapters-fade-in .3s ease-in-out both;font-family:var(--cl-font-family-ui,"Lexend",sans-serif);color:#fffbe7}.new-chapters-dialog{position:relative;width:311px;max-width:100%;outline:none}.new-chapters-panel{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:32px;isolation:isolate;max-height:min(524px,calc(100dvh - 130px))}.new-chapters-background{position:absolute;inset:0;z-index:-1;height:100%;width:100%;-o-object-fit:fill;object-fit:fill;border-radius:32px;pointer-events:none}.new-chapters-heading{flex:none;padding-right:80px;text-align:left;text-shadow:0 1px 1px rgba(41,18,6,.8),0 1px 4px rgba(90,33,5,.8)}.new-chapters-heading h2{margin:0;font-size:18px;font-weight:500;line-height:1.5;color:#fffbe7}.new-chapters-heading p{margin:0;font-size:12px;font-weight:400;line-height:1.3;color:rgba(255,251,231,.9);white-space:pre-line}.new-chapters-scroll-area{position:relative;display:flex;min-height:0;max-height:373px;width:100%}.new-chapters-scroll-area .new-chapters-scroll-indicator{position:absolute;right:-10px;pointer-events:none}.new-chapters-scroll-indicator>span{position:absolute;top:0;left:0;display:block;width:100%;border-radius:100px}.new-chapters-list{flex:1;min-height:0;max-height:373px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.new-chapters-list::-webkit-scrollbar{display:none;width:0;height:0}.new-chapters-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:start;gap:11px}.new-chapters-card{position:relative;display:block;flex:0 0 calc((100% - 11px) / 2);width:calc((100% - 11px) / 2);min-width:0;aspect-ratio:134/240;overflow:hidden;border:0;padding:0;border-radius:8px;color:#fffbe7;background:#1e2224;text-align:left;cursor:pointer;font:inherit}.new-chapters-card:only-child{margin-inline:auto}.new-chapters-cover{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.new-chapters-count{position:absolute;top:0;left:0;z-index:1;padding:1px 6px 2px;border-radius:8px 0 8px 0;max-width:100%;font-size:12px;font-weight:400;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(rgba(30,34,36,.4),rgba(30,34,36,.4)),rgba(253,109,75,.9)}.new-chapters-card-shade{position:absolute;inset:auto 0 0;width:100%;height:50%;background:radial-gradient(ellipse 168.5% 88.74% at 50% 11.26%,transparent 0,#000 38.127%);-webkit-mask-image:var(--new-chapters-mask);mask-image:var(--new-chapters-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;pointer-events:none}.new-chapters-card-copy{position:absolute;bottom:6px;left:6px;right:6px;display:flex;flex-direction:column;gap:6px}.new-chapters-story-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;font-weight:500;line-height:1.3;text-shadow:0 0 3px rgba(0,0,0,.9);overflow-wrap:anywhere}.new-chapters-read{height:24px;border-radius:32px;color:#323124;background:#fffbe7;white-space:nowrap}.new-chapters-close,.new-chapters-read{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;line-height:1.5}.new-chapters-close{position:relative;flex:none;height:36px;width:100%;border:1px solid rgba(255,251,231,.9);border-radius:32px;padding:0 20px;color:rgba(255,251,231,.9);background:transparent;font-family:inherit;cursor:pointer}.new-chapters-bell{position:absolute;width:150px;height:150px;top:-53px;right:-35px;pointer-events:none}.new-chapters-bell>div{width:100%;height:100%}.new-chapters-bell-fallback{width:140px;height:140px;-o-object-fit:contain;object-fit:contain;transform:rotate(25deg)}.new-chapters-snooze{position:absolute;left:50%;bottom:-39px;height:44px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;color:rgba(255,251,231,.9);font-size:12px;font-weight:400;line-height:18px;white-space:nowrap;cursor:pointer}.new-chapters-snooze input{position:absolute;left:0;top:50%;transform:translateY(-50%);margin:0;width:16px;height:16px;opacity:0;cursor:pointer}.new-chapters-snooze img{flex:none;width:16px;height:16px}.new-chapters-snooze:has(input:focus-visible){outline:2px solid #fffbe7;outline-offset:2px;border-radius:4px}.new-chapters-card:focus-visible,.new-chapters-close:focus-visible{outline:2px solid #fffbe7;outline-offset:-3px}.new-chapters-card:hover .new-chapters-read{background:#f7ecc9}.new-chapters-overlay[data-closing=true]{animation:new-chapters-fade-out .3s ease-in-out both}.new-chapters-overlay[data-closing=true] .new-chapters-dialog{pointer-events:none}@media (max-width:350px){.new-chapters-heading{padding-right:60px}.new-chapters-heading h2{font-size:16px}.new-chapters-count{font-size:10px}.new-chapters-read{font-size:12px}}@media (min-width:761px){.new-chapters-overlay{padding-top:48px;padding-bottom:48px}}@media (prefers-reduced-motion:reduce){.new-chapters-dialog,.new-chapters-overlay{animation:none}}@keyframes new-chapters-fade-in{0%{opacity:0}to{opacity:1}}@keyframes new-chapters-fade-out{0%{opacity:1}to{opacity:0}}