@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--forest-900:#010d05;--forest-800:#03190c;--forest-700:#102a1a;--forest-600:#264531;--forest-400:#4c735a;--forest-200:#93b59d;--forest-100:#c9decf;--forest-50:#eaf5ed;--sage:#1c985a;--sage-dark:#007840;--sage-light:#59b47d;--sage-glow:#1c985a38;--sage-subtle:#1c985a14;--mint:#6fc5a1;--mint-bg:#daf7e3;--gold:#e2a520;--bg:#eff8f2;--bg-surface:#fafffc;--bg-raised:#dfece3;--text-primary:var(--forest-900);--text-secondary:var(--forest-600);--text-muted:var(--forest-400);--accent:var(--sage);--accent-hover:var(--sage-dark);--accent-glow:var(--sage-glow);--border:#d1dfd5;--border-hover:#a9bdaf;--shadow-sm:0 1px 3px #010d050f;--shadow-md:0 4px 16px #010d0517;--shadow-lg:0 12px 40px #010d0521;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--nav-height:64px;--container-max:1280px;--container-max-wide:1440px;--font-display:"Bebas Neue",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.4,0,.2,1)}@supports (color:lab(0% 0 0)){:root{--forest-900:lab(2.66106% -4.01331 1.98784);--forest-800:lab(6.64388% -9.86516 4.88922);--forest-700:lab(14.7489% -14.2602 7.34116);--forest-600:lab(26.4194% -15.7468 8.0946);--forest-400:lab(45.1155% -18.8208 9.66619);--forest-200:lab(70.5103% -15.5661 7.98225);--forest-100:lab(86.4853% -9.29451 4.7619);--forest-50:lab(95.5636% -4.63548 2.37385);--sage:lab(55.4078% -44.9052 23.192);--sage-dark:lab(43.7897% -45.381 23.5139);--sage-light:lab(66.7709% -38.0155 19.5689);--sage-glow:lab(55.4078% -44.9052 23.192/.22);--sage-subtle:lab(55.4078% -44.9052 23.192/.08);--mint:lab(73.4935% -33.7465 9.6557);--mint-bg:lab(94.7394% -12.4067 6.35767);--gold:lab(72.1714% 15.988 69.7113);--bg:lab(96.683% -3.70675 1.89811);--bg-surface:lab(99.5016% -1.85192 .948155);--bg-raised:lab(92.1241% -5.56546 2.85035);--border:lab(87.511% -6.1864 3.16859);--border-hover:lab(74.8849% -9.30017 4.76533);--shadow-sm:0 1px 3px lab(2.66106% -4.01331 1.98784/.06);--shadow-md:0 4px 16px lab(2.66106% -4.01331 1.98784/.09);--shadow-lg:0 12px 40px lab(2.66106% -4.01331 1.98784/.13)}}@media (prefers-color-scheme:dark){:root{--bg:var(--forest-900);--bg-surface:var(--forest-800);--bg-raised:var(--forest-700);--text-primary:#e7f2ea;--text-secondary:var(--forest-200);--text-muted:var(--forest-400);--border:var(--forest-700);--border-hover:var(--forest-600);--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 12px 40px #0009}@supports (color:lab(0% 0 0)){:root{--text-primary:lab(94.4036% -4.63563 2.37392);--shadow-sm:0 1px 3px lab(0% 0 0/.4);--shadow-md:0 4px 16px lab(0% 0 0/.5);--shadow-lg:0 12px 40px lab(0% 0 0/.6)}}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-body);background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:16px;line-height:1.55;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.02em;font-weight:400;line-height:1.05}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 clamp(16px,4vw,40px)}.accent{color:var(--accent)}.badge{background:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-xs);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);align-items:center;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.animate-slide-up{animation:slideUp .5s var(--ease-out-expo)forwards}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-scale-in{animation:scaleIn .4s var(--ease-out-expo)forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.animate-pulse{animation:pulse 1.8s var(--ease-in-out)infinite}@media (min-width:1400px){.container{max-width:var(--container-max-wide);padding:0 clamp(40px,5vw,80px)}}@media (min-width:1600px){.container{max-width:1600px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--sage-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sage)}
.Navbar-module__cJzEcG__navbar{height:var(--nav-height);background:var(--bg);border-bottom:1px solid var(--border);z-index:50;align-items:center;display:flex;position:sticky;top:0;left:0;right:0}.Navbar-module__cJzEcG__container{width:100%;max-width:var(--container-max);justify-content:space-between;align-items:center;margin:0 auto;padding:0 clamp(16px,4vw,40px);display:flex}.Navbar-module__cJzEcG__logo{align-items:center;gap:8px;text-decoration:none;transition:opacity .2s;display:flex}.Navbar-module__cJzEcG__logo:hover{opacity:.75}.Navbar-module__cJzEcG__logoMark{background:var(--accent);border-radius:var(--radius-xs);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.Navbar-module__cJzEcG__logoMarkInner{clip-path:polygon(0 0,60% 0,100% 50%,60% 100%,0 100%,40% 50%);background:#fff;width:10px;height:14px}.Navbar-module__cJzEcG__logoText{font-family:var(--font-display);letter-spacing:.08em;color:var(--text-primary);font-size:1.45rem;line-height:1}.Navbar-module__cJzEcG__navLinks{align-items:center;gap:4px;margin-left:32px;display:flex}.Navbar-module__cJzEcG__navLink{color:var(--text-secondary);letter-spacing:.07em;border-radius:var(--radius-sm);text-transform:uppercase;align-items:center;gap:6px;padding:6px 10px;font-size:.82rem;font-weight:600;transition:color .2s,background .2s;display:flex}.Navbar-module__cJzEcG__navLink:hover{color:var(--text-primary);background:var(--bg-surface)}.Navbar-module__cJzEcG__actions{align-items:center;gap:8px;display:flex}.Navbar-module__cJzEcG__iconButton{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.Navbar-module__cJzEcG__iconButton:hover{color:var(--text-primary);background:var(--bg-surface)}.Navbar-module__cJzEcG__loginBtn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;align-items:center;gap:6px;margin-left:4px;padding:7px 18px;font-size:.82rem;font-weight:700;transition:background .2s,transform .15s;display:flex}.Navbar-module__cJzEcG__loginBtn:hover{background:var(--accent-hover);transform:translateY(-1px)}.Navbar-module__cJzEcG__loginBtn:active{transform:translateY(0)}.Navbar-module__cJzEcG__userMenu{align-items:center;margin-left:4px;display:flex;position:relative}.Navbar-module__cJzEcG__userButton{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;align-items:center;gap:8px;padding:5px 12px 5px 5px;transition:border-color .2s,background .2s;display:flex}.Navbar-module__cJzEcG__userButton:hover{border-color:var(--border-hover);background:var(--bg-raised)}.Navbar-module__cJzEcG__avatar{border-radius:var(--radius-full);object-fit:cover;width:26px;height:26px}.Navbar-module__cJzEcG__avatarFallback{border-radius:var(--radius-full);background:var(--bg-raised);width:26px;height:26px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.Navbar-module__cJzEcG__userName{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:.82rem;font-weight:600;overflow:hidden}.Navbar-module__cJzEcG__userDropdown{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);width:210px;box-shadow:var(--shadow-lg);z-index:100;animation:Navbar-module__cJzEcG__scaleIn .18s var(--ease-out-expo)forwards;transform-origin:100% 0;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.Navbar-module__cJzEcG__dropdownItem{color:var(--text-primary);cursor:pointer;text-align:left;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.88rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.Navbar-module__cJzEcG__dropdownItem:hover{background:var(--bg-raised);color:var(--accent)}.Navbar-module__cJzEcG__dropdownSeparator{background:var(--border);height:1px;margin:4px 0}@media (max-width:768px){.Navbar-module__cJzEcG__navLinks,.Navbar-module__cJzEcG__userName,.Navbar-module__cJzEcG__loginBtn span{display:none}.Navbar-module__cJzEcG__loginBtn{padding:7px 12px}}@media (min-width:1400px){.Navbar-module__cJzEcG__container{max-width:var(--container-max-wide);padding:0 clamp(40px,5vw,80px)}}@media (min-width:1600px){.Navbar-module__cJzEcG__container{max-width:1600px}}
.NotificationMenu-module__WAAItW__container{align-items:center;display:flex;position:relative}.NotificationMenu-module__WAAItW__bellBtn{border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex;position:relative}.NotificationMenu-module__WAAItW__bellBtn:hover{background:var(--bg-surface)}.NotificationMenu-module__WAAItW__badge{background:var(--accent);color:var(--forest-900);border:2px solid var(--bg);letter-spacing:0;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:800;display:flex;position:absolute;top:3px;right:3px}.NotificationMenu-module__WAAItW__dropdown{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:340px;box-shadow:var(--shadow-lg);z-index:100;animation:NotificationMenu-module__WAAItW__dropIn .2s var(--ease-out-expo)forwards;position:absolute;top:calc(100% + 10px);right:-10px;overflow:hidden}@keyframes NotificationMenu-module__WAAItW__dropIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.NotificationMenu-module__WAAItW__header{border-bottom:1px solid var(--border);padding:14px 16px 10px}.NotificationMenu-module__WAAItW__headerTitle{font-family:var(--font-display);letter-spacing:.06em;color:var(--text-primary);font-size:1rem}.NotificationMenu-module__WAAItW__tabRow{border-bottom:1px solid var(--border);background:var(--bg);display:flex}.NotificationMenu-module__WAAItW__tab{color:var(--text-secondary);cursor:pointer;letter-spacing:.03em;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:.78rem;font-weight:600;transition:color .18s,background .18s;display:flex;position:relative}.NotificationMenu-module__WAAItW__tab:after{content:"";background:var(--accent);opacity:0;border-radius:2px 2px 0 0;height:2px;transition:opacity .18s;position:absolute;bottom:0;left:16px;right:16px}.NotificationMenu-module__WAAItW__tabActive{color:var(--text-primary)}.NotificationMenu-module__WAAItW__tabActive:after{opacity:1}.NotificationMenu-module__WAAItW__tabBadge{background:var(--accent);color:var(--forest-900);text-align:center;border-radius:8px;align-items:center;min-width:16px;height:14px;padding:1px 5px;font-size:9px;font-weight:800;line-height:14px;display:inline-flex}.NotificationMenu-module__WAAItW__list{max-height:360px;overflow-y:auto}.NotificationMenu-module__WAAItW__list::-webkit-scrollbar{width:4px}.NotificationMenu-module__WAAItW__list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.NotificationMenu-module__WAAItW__item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 14px;text-decoration:none;transition:background .15s;display:flex}.NotificationMenu-module__WAAItW__item:hover{background:var(--bg-raised)}.NotificationMenu-module__WAAItW__item:last-child{border-bottom:none}.NotificationMenu-module__WAAItW__cover{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:38px;height:54px}.NotificationMenu-module__WAAItW__info{flex:1;min-width:0}.NotificationMenu-module__WAAItW__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.85rem;font-weight:600;line-height:1.3;overflow:hidden}.NotificationMenu-module__WAAItW__chapter{color:var(--accent);letter-spacing:.01em;font-size:.75rem;font-weight:500}.NotificationMenu-module__WAAItW__newBadge{background:var(--accent);color:var(--forest-900);border-radius:var(--radius-xs);letter-spacing:.04em;flex-shrink:0;padding:3px 7px;font-size:.65rem;font-weight:800}.NotificationMenu-module__WAAItW__empty{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:10px;padding:36px 16px;display:flex}.NotificationMenu-module__WAAItW__empty p{color:var(--text-muted);font-size:.85rem}.NotificationMenu-module__WAAItW__loadingRows{padding:8px 0}.NotificationMenu-module__WAAItW__skeletonRow{align-items:center;gap:12px;padding:10px 14px;display:flex}.NotificationMenu-module__WAAItW__skeletonCover{border-radius:var(--radius-sm);background:var(--bg-raised);flex-shrink:0;width:38px;height:54px;animation:1.6s ease-in-out infinite NotificationMenu-module__WAAItW__shimmer}.NotificationMenu-module__WAAItW__skeletonText{flex-direction:column;flex:1;gap:8px;display:flex}.NotificationMenu-module__WAAItW__skeletonLine{background:var(--bg-raised);border-radius:4px;height:12px;animation:1.6s ease-in-out infinite NotificationMenu-module__WAAItW__shimmer}.NotificationMenu-module__WAAItW__skeletonLineShort{background:var(--bg-raised);border-radius:4px;width:60%;height:10px;animation:1.6s ease-in-out .2s infinite NotificationMenu-module__WAAItW__shimmer}@keyframes NotificationMenu-module__WAAItW__shimmer{0%,to{opacity:1}50%{opacity:.4}}.NotificationMenu-module__WAAItW__loginHint{color:var(--text-muted);text-align:center;border-top:1px solid var(--border);background:var(--bg);letter-spacing:.02em;padding:10px 14px;font-size:.75rem}@media (max-width:768px){.NotificationMenu-module__WAAItW__dropdown{top:var(--nav-height);border-radius:var(--radius-md);width:auto;position:fixed;left:12px;right:12px}}