.site-header{height:60px;position:fixed;inset:0 0 auto;background:#181825;display:flex;align-items:center;z-index:100}.brand{display:inline-flex;align-items:center;font-family:var(--font);font-weight:800;font-size:22px;color:var(--text);white-space:nowrap;flex-shrink:0}.brand span{color:var(--accent);font-weight:600}.brand-link{height:60px;display:flex;align-items:center;padding:0 18px;flex-shrink:0}.brand-link:hover .brand{color:var(--accent)}.desktop-nav{display:flex;height:100%;align-items:stretch;flex:1}.desktop-nav>a,.desktop-nav>button{display:flex;align-items:center;padding:0 16px;gap:8px;font-size:16px;white-space:nowrap}.desktop-nav>a:hover,.desktop-nav>button:hover,.desktop-nav .active,.nav-open,.header-icon:hover{background:#313244;color:#cdd6f4}.header-actions{display:flex;align-self:stretch;margin-left:auto}.header-icon{display:flex;align-items:center;justify-content:center;width:52px;height:60px;color:#cdd6f4}.profile-button{width:84px;gap:8px}.profile-button img{width:34px;height:34px;object-fit:cover;border-radius:50%}.mobile-toggle{display:none}.category-menu,.popover,.mobile-nav{position:absolute;top:60px;background:#181825;box-shadow:0 12px 24px #0009}.category-menu{left:0;right:0;padding:32px var(--gutter);display:flex;gap:48px;border-top:1px solid #313244}.category-menu>div:first-child{display:flex;flex-direction:column;gap:14px;min-width:180px;border-right:1px solid #45475a;padding-right:48px}.category-menu a:hover,.popover a:hover,.mobile-nav a:hover{color:var(--accent)}.genre-links{display:grid;grid-template-columns:repeat(4,160px);gap:18px 36px}.genre-links .eyebrow{grid-column:1/-1}.popover{width:300px;padding:16px 0}.popover>a{display:flex;gap:16px;align-items:center;padding:16px 24px}.popover>a:hover{background:#313244;color:#cdd6f4}.news-menu{left:700px}.user-menu{right:0}.profile-summary{display:flex;gap:16px;padding:8px 24px 24px;border-bottom:1px solid #45475a}.profile-summary img{width:48px;height:48px;border-radius:50%}.profile-summary small{display:block;color:#a6adc8;margin-top:4px}.local-note{font-size:12px;line-height:1.6;color:#a6adc8;padding:20px 24px 8px;border-top:1px solid #45475a}.footer{background:linear-gradient(180deg,var(--bg) 0,var(--surface) 100%);padding:100px max(var(--gutter),calc((100vw - 1216px)/2)) 28px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:48px;padding-bottom:60px}.footer-grid>div{display:flex;align-items:flex-start;flex-direction:column}.footer h3{font-family:Fira Sans,sans-serif;font-size:20px;margin-bottom:24px}.footer-grid>div>a:not(:first-child){font-size:14px;color:#a6adc8;margin:9px 0}.footer a:hover{color:#cdd6f4!important;text-decoration:underline}.footer-brand .brand{font-size:30px;color:var(--text)}.footer-brand small{font-size:12px;color:#a6adc8;margin-top:14px}.footer-brand p{font-size:14px;line-height:1.6;margin-top:24px;max-width:260px}.footer-language{display:flex;align-items:center;gap:24px;margin-top:28px!important}.footer-bottom{padding-top:24px;border-top:1px solid #45475a;display:flex;justify-content:space-between;font-size:12px;color:#a6adc8;gap:24px;line-height:1.5}@media(max-width:1100px){.desktop-nav>a,.desktop-nav>button{padding:0 12px;font-size:14px}.desktop-nav>a:nth-of-type(4),.desktop-nav>a:nth-of-type(5){display:none}.genre-links{grid-template-columns:repeat(3,1fr)}.footer-grid{gap:30px}.news-menu{left:auto;right:180px}}@media(max-width:800px){.desktop-nav{display:none}.mobile-toggle{display:flex;width:60px}.brand-link{width:60px;padding:0 15px}.brand-link .brand>span{display:none}.header-icon{width:60px}.profile-button{width:92px}.watchlist-header{display:none}.mobile-nav{left:0;width:300px;max-height:calc(100dvh - 60px);overflow:auto;padding:12px 0}.mobile-nav a{display:block;padding:14px 24px}.mobile-nav .eyebrow{display:block;padding:24px 24px 12px}.footer{padding-top:60px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.category-menu{display:none}}@media(max-width:400px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}.shelf{margin-bottom:56px}.shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.shelf-heading p{margin-top:8px;font-size:16px;color:#a6adc8}.shelf-body{position:relative}.shelf-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 120px)/5);gap:30px;overflow-x:auto;scrollbar-width:none;padding:8px 0;margin:-8px 0;scroll-snap-type:x mandatory}.shelf-row::-webkit-scrollbar{display:none}.anime-card{position:relative;min-width:0;scroll-snap-align:start;isolation:isolate}.poster-link{display:block;aspect-ratio:2/3;background:#181825}.poster-link img{width:100%;height:100%;object-fit:cover}.card-caption{padding-top:12px}.card-caption h3{font-size:14px;line-height:20px;font-weight:500;margin-bottom:5px}.card-caption>span{font-size:14px;color:#a6adc8}.card-preview{position:absolute;inset:-8px;background:#181825;z-index:2;padding:16px 12px;opacity:0;visibility:hidden;display:flex;flex-direction:column;transition:opacity .15s}.anime-card:hover .card-preview,.anime-card:focus-within .card-preview{opacity:1;visibility:visible}.card-preview-link{position:absolute;inset:0;z-index:0}.card-preview h3{font-size:15px;font-weight:600;line-height:1.4;margin-bottom:12px;pointer-events:none}.card-preview .muted{font-size:14px;margin:12px 0}.rating{display:flex;align-items:center;gap:6px;font-size:14px;pointer-events:none}.rating svg{fill:currentColor}.rating span{color:#a6adc8;margin-left:4px;font-size:12px}.preview-description{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden;pointer-events:none}.preview-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;position:relative;width:max-content}.preview-actions>a,.preview-actions>button{color:var(--accent);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.preview-actions>a:hover,.preview-actions>button:hover{color:#cdd6f4}.save-button{color:var(--accent);height:40px;width:40px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px var(--accent)}.save-button:hover{background:#cba6f720;color:var(--accent-hover)}.preview-actions .save-button{box-shadow:none}.shelf-arrow{position:absolute;top:0;bottom:0;width:var(--gutter);z-index:3;display:flex;align-items:center;justify-content:center;opacity:.8}.shelf-arrow:hover{opacity:1;background:#18182580}.shelf-arrow.previous{left:calc(-1 * var(--gutter))}.shelf-arrow.next{right:calc(-1 * var(--gutter))}.anime-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 30px}@media(min-width:1800px){.shelf-row{grid-auto-columns:calc((100% - 150px)/6)}.anime-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1050px){.shelf-row{grid-auto-columns:calc((100% - 72px)/4);gap:24px}.anime-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}.preview-description{-webkit-line-clamp:5}}@media(max-width:800px){.shelf-row{grid-auto-columns:calc((100% - 40px)/3);gap:20px}.anime-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}.shelf-heading p{font-size:14px}}@media(max-width:600px){.shelf-row{grid-auto-columns:calc((100% - 26px)/2.2);gap:16px;overflow:visible}.shelf-body{overflow-x:auto;margin:0 calc(-1 * var(--gutter));padding:8px var(--gutter);scrollbar-width:none}.shelf-arrow{display:none}.shelf{margin-bottom:36px}.shelf-heading{gap:10px;align-items:flex-start}.shelf-heading .text-action{padding-top:5px}.shelf-heading h2{font-size:22px}.anime-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.card-caption h3{font-size:14px}.card-caption>span{font-size:12px}.card-preview{display:none}.card-caption h3 a{display:block}}@media(hover:none){.card-preview{display:none}}:root{--bg:#1e1e2e;--surface:#181825;--surface2:#313244;--border:#45475a;--text:#cdd6f4;--muted:#a6adc8;--accent:#cba6f7;--accent-hover:#d5b8ff;--radius:10px;--font:"Fira Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--gutter:64px;--header:60px;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{font-family:Fira Sans,sans-serif;font-weight:700}h1{font-size:34px}h2{font-size:28px;line-height:1.3}h3{font-size:16px;font-weight:600}img{display:block;max-width:100%}svg{flex-shrink:0;vertical-align:middle}main{min-height:60vh;padding-top:var(--header)}.muted{color:var(--muted)}.fine{font-size:13px}.eyebrow{font-size:12px;letter-spacing:.5px;font-weight:700}.down{transform:rotate(90deg)}.flipped{transform:rotate(180deg)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;font-weight:800;line-height:1.2;transition:background .15s,color .15s;white-space:nowrap}.button.primary{background:var(--accent);color:#11111b}.button.primary:hover{background:var(--accent-hover)}.button.secondary{box-shadow:inset 0 0 0 2px var(--accent);color:var(--accent)}.button.secondary:hover{background:#cba6f718}.button.neutral{background:#313244;color:#cdd6f4}.button.neutral:hover{background:#45475a}.button svg{width:24px;height:24px}.text-action{display:inline-flex;gap:6px;align-items:center;color:#a6adc8;font-size:14px;font-weight:700;white-space:nowrap}.text-action:hover{color:#cdd6f4}.page-container{padding:48px var(--gutter) 80px;max-width:1800px;margin:auto}.empty-state{min-height:380px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:22px;padding:60px 24px}.empty-state>svg{color:var(--accent)}.empty-state p{color:#a6adc8;max-width:500px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.image-missing{background:#313244;object-fit:contain!important;padding:20%}.skip-link{position:fixed;top:-60px;left:20px;z-index:1000;padding:12px;background:var(--accent);color:#11111b}.skip-link:focus{top:10px}.skeleton{background:linear-gradient(90deg,#181825 25%,#313244,#181825 75%);background-size:200% 100%;animation:shimmer 1.7s infinite}.loading-layout{padding:48px var(--gutter)}.skeleton-hero{height:480px;margin:0 calc(-1 * var(--gutter)) 60px}.skeleton-heading{width:260px;height:28px;margin-bottom:24px}.skeleton-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px}.skeleton-poster{aspect-ratio:2/3}.skeleton-line{height:18px;width:70%;margin-top:12px}.error-inline{color:#f38ba8;background:#313244;padding:16px;font-size:14px;line-height:1.5}.error-inline button{text-decoration:underline;color:#cdd6f4;margin-left:8px}.spinner{width:42px;height:42px;border:3px solid #ffffff30;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.toast{background:#313244;border-left:3px solid var(--accent);padding:14px 20px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:300;box-shadow:0 3px 20px #0008}.select{border:0;background:#181825;padding:12px 36px 12px 14px;color:#cdd6f4;cursor:pointer;max-width:100%}.labelled-select{display:flex;gap:8px;flex-direction:column;font-size:12px;color:#a6adc8}.load-more{display:flex;justify-content:center;gap:24px;align-items:center;margin-top:40px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1800px){:root{--gutter:80px}}@media(max-width:1050px){:root{--gutter:40px}.skeleton-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.skeleton-grid>div:last-child{display:none}}@media(max-width:600px){:root{--gutter:20px}h1{font-size:28px}h2{font-size:22px}.page-container{padding-top:32px}.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.skeleton-grid>div:nth-child(n+3){display:none}.skeleton-hero{height:440px}.text-action,.button{font-size:12px}.toast{width:calc(100% - 40px);text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}