
:root{--bg:#07080d;--bg2:#0e0f17;--bg3:#161722;--bg4:#1e2030;--border:rgba(255,255,255,.06);--border2:rgba(255,255,255,.12);--accent:#d4002a;--accent2:#ff1f45;--accentg:rgba(212,0,42,.12);--text:#eeeef0;--muted:#7a7d8f;--muted2:#4a4d60;--r:10px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Lato',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}
button,input,select,textarea,a{min-width:0;max-width:100%}button,input,select,textarea{font:inherit}img,iframe{max-width:100%}
.screen{display:none;position:relative;z-index:1}.screen.active{display:block}
#navbar{position:fixed;top:0;left:0;right:0;z-index:500;height:60px;display:flex;align-items:center;gap:1rem;padding:0 1.5rem;background:rgba(7,8,13,.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
.nav-logo{font-family:'Oswald',sans-serif;font-size:1.4rem;font-weight:600;letter-spacing:.12em;cursor:pointer;flex-shrink:0}.nav-logo span{color:var(--accent)}
.nav-links{display:flex;gap:1.2rem}.nav-link{font-size:.8rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:color .2s;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--text)}
.nav-search{flex:1;max-width:260px;position:relative;min-width:0}.nav-search input{width:100%;padding:7px 12px 7px 32px;background:var(--bg2);border:1px solid var(--border);border-radius:99px;color:var(--text);font-family:'Lato',sans-serif;font-size:.8rem;outline:none}.nav-search input:focus{border-color:var(--border2)}
.nav-search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);opacity:.4;pointer-events:none}
.nav-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
.btn-login{padding:6px 14px;border-radius:6px;border:1px solid var(--border2);background:transparent;color:var(--muted);font-family:'Lato',sans-serif;font-size:.8rem;cursor:pointer}
.btn-register{padding:6px 14px;border-radius:6px;border:none;background:var(--accent);color:#fff;font-family:'Lato',sans-serif;font-size:.8rem;font-weight:700;cursor:pointer}
.btn-sm{padding:4px 9px;border-radius:5px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:'Lato',sans-serif;font-size:.74rem;cursor:pointer}
.notif-bell{position:relative;cursor:pointer;padding:5px;border-radius:6px;background:transparent;border:none;color:var(--muted);display:flex;align-items:center}
.notif-badge{position:absolute;top:0;right:0;width:10px;height:10px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;animation:pulse-dot 2s infinite;font-size:0}
@keyframes pulse-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}
.nav-burger{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:6px;background:transparent;border:none;flex-shrink:0}
.nav-burger span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px}
.nav-mobile{display:none;position:fixed;top:60px;left:0;right:0;z-index:499;background:rgba(7,8,13,.98);border-bottom:1px solid var(--border);padding:1rem 1.5rem;flex-direction:column;gap:10px}
.nav-mobile.open{display:flex}.nav-mobile .nav-link{font-size:.9rem;padding:8px 0;border-bottom:1px solid var(--border)}
.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r);overflow:hidden;z-index:600;display:none}.search-results.open{display:block}
.sr-item{display:flex;gap:10px;align-items:center;padding:9px 12px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border)}.sr-item:last-child{border-bottom:none}.sr-item:hover{background:var(--bg3)}
.sr-thumb{width:30px;height:42px;border-radius:4px;object-fit:cover;background:var(--bg3);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-size:.7rem;color:var(--muted2)}
.notif-panel{position:fixed;top:62px;right:1rem;width:320px;max-width:calc(100vw - 2rem);background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r);z-index:600;box-shadow:0 8px 32px rgba(0,0,0,.5);display:none;max-height:440px;overflow-y:auto}.notif-panel.open{display:block}
.notif-hd{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-family:'Oswald',sans-serif;font-size:.85rem;letter-spacing:.06em}
.notif-item{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.notif-item:hover{background:var(--bg3)}.notif-item.unread{background:rgba(212,0,42,.04)}.notif-item:last-child{border-bottom:none}
.notif-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:5px}.notif-item:not(.unread) .notif-dot{opacity:0}
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:100px 2rem 3rem;position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(212,0,42,.08),transparent 70%);pointer-events:none}
.hero-eyebrow{font-family:'Oswald',sans-serif;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-weight:400}
.hero-title{font-family:'Oswald',sans-serif;font-size:clamp(2.8rem,8vw,6.5rem);font-weight:600;line-height:.95;margin-bottom:1.2rem}.hero-title em{font-style:normal;color:var(--accent)}
.hero-sub{font-size:clamp(.9rem,2.5vw,1.05rem);color:var(--muted);max-width:520px;line-height:1.7;margin-bottom:2rem;font-weight:300}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn-primary{padding:11px 26px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-family:'Lato',sans-serif;font-size:.9rem;font-weight:700;cursor:pointer}
.btn-ghost{padding:11px 26px;border-radius:8px;border:1px solid var(--border2);background:transparent;color:var(--text);font-family:'Lato',sans-serif;font-size:.9rem;cursor:pointer}
.stats-bar{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;padding:1.2rem 1.5rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(255,255,255,.015)}
.community-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:18px}.community-panel{border:1px solid var(--border);background:var(--bg2);border-radius:8px;padding:14px}.community-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.community-row{display:flex;gap:10px;align-items:center;padding:9px;border-top:1px solid var(--border);cursor:pointer}.community-row:first-child{border-top:0}.community-thumb{width:42px;height:56px;object-fit:cover;border-radius:5px;background:var(--bg3)}.chat-log{height:330px;overflow:auto;display:flex;flex-direction:column;gap:7px;margin:10px 0}.chat-msg{padding:8px 10px;background:var(--bg3);border-radius:6px;font-size:.8rem}.chat-msg b{color:var(--accent)}.facet-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.facet-btn{border:1px solid var(--border2);background:var(--bg3);color:var(--muted);padding:6px 9px;border-radius:6px;cursor:pointer;font-size:.72rem}.character-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px}.character-card{border:1px solid var(--border);background:var(--bg2);border-radius:7px;overflow:hidden;cursor:pointer}.character-card img{width:100%;aspect-ratio:3/4;object-fit:cover}.character-card div{padding:7px;font-size:.72rem;font-weight:700}@media(max-width:800px){.community-grid{grid-template-columns:1fr}.chat-log{height:260px}}
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.news-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;overflow:hidden}.news-card img{width:100%;aspect-ratio:16/8;object-fit:cover}.news-card-body{padding:15px}.news-card h2{font-family:'Oswald',sans-serif;font-size:1.08rem;letter-spacing:0;margin:0 0 8px}.news-meta{font-size:.7rem;color:var(--accent);margin-bottom:9px}.news-card p{font-size:.82rem;color:var(--muted);line-height:1.65;margin:0}.character-hero{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;padding-top:30px}.character-portrait{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.character-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:16px 0}.character-fact{background:var(--bg2);border:1px solid var(--border);border-radius:7px;padding:10px}.character-fact b{display:block;color:var(--muted);font-size:.66rem;text-transform:uppercase;margin-bottom:4px}.character-about{white-space:pre-line;line-height:1.7;color:var(--muted)}@media(max-width:640px){.news-grid{grid-template-columns:1fr}.character-hero{grid-template-columns:100px minmax(0,1fr);gap:14px}.character-facts{grid-template-columns:1fr 1fr}}
.news-card{cursor:pointer;transition:border-color .18s,transform .18s}.news-card:hover{border-color:var(--accent);transform:translateY(-2px)}.news-article-hero{width:100%;max-height:430px;object-fit:cover;border-radius:8px;margin:14px 0 20px}.news-article-body{font-size:.95rem;line-height:1.85;color:var(--muted);white-space:pre-line}.article-rating{display:flex;gap:5px;margin:12px 0}.article-rating button{background:var(--bg3);border:1px solid var(--border);color:#f5c842;border-radius:5px;padding:7px 10px;cursor:pointer}.home-news-card{display:grid;grid-template-columns:minmax(180px,340px) minmax(0,1fr);background:var(--bg2);border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer}.home-news-card img{width:100%;height:100%;min-height:180px;object-fit:cover}.home-news-copy{padding:20px}.image-lightbox{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.92);align-items:center;justify-content:center;padding:24px}.image-lightbox.open{display:flex}.image-lightbox img{max-width:min(94vw,1400px);max-height:92vh;object-fit:contain}.lightbox-close{position:fixed;top:14px;right:18px;width:42px;height:42px;border:1px solid rgba(255,255,255,.3);background:#111;color:#fff;font-size:28px;cursor:pointer;border-radius:50%}.animepage-poster,.character-portrait{cursor:zoom-in}.studio-head{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:28px 0}.studio-logo{width:150px;height:150px;object-fit:contain;background:#fff;border-radius:8px;padding:10px}.studio-description{color:var(--muted);line-height:1.75;white-space:pre-line}.planned-badge{margin-left:auto;flex-shrink:0;background:#15548a;color:#fff;border-radius:4px;padding:4px 7px;font-size:.68rem;font-weight:800}@media(max-width:640px){.home-news-card{grid-template-columns:1fr}.home-news-card img{max-height:210px}.studio-head{grid-template-columns:90px minmax(0,1fr)}.studio-logo{width:90px;height:90px}}
#character-page .character-fact:last-child{display:none}
#character-page .character-fact:last-child{display:block}.anime-news-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.anime-news-card{display:grid;grid-template-columns:92px 1fr;min-height:94px;background:var(--bg2);border:1px solid var(--border);border-radius:7px;overflow:hidden;cursor:pointer;text-align:left;color:var(--text)}.anime-news-card img{width:92px;height:100%;object-fit:cover}.anime-news-card>div{padding:11px}.anime-news-card b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.82rem;line-height:1.4}.studio-meta-link{color:var(--accent);word-break:break-word}.studio-description{white-space:pre-line;line-height:1.7}.character-admin-actions{display:flex;gap:8px;align-items:center;margin-top:10px}.character-card{cursor:pointer}.character-card>div{min-width:0}.character-card>div:first-line{font-weight:800}.character-about{white-space:pre-line;line-height:1.72}.news-related-anime{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:20px}.news-related-anime .community-row{background:var(--bg2);border:1px solid var(--border)}@media(max-width:850px){.anime-news-strip{grid-template-columns:1fr 1fr}}@media(max-width:560px){.anime-news-strip{grid-template-columns:1fr}.anime-news-card{grid-template-columns:76px 1fr}.anime-news-card img{width:76px}.character-hero{grid-template-columns:1fr!important}.character-image-wrap{margin:0 auto}.character-portrait{max-width:220px}}
#screen-community .catalog-wrap>.community-grid,#screen-news .news-grid{width:min(1180px,calc(100% - 3rem));margin:0 auto 4rem}.community-panel{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),var(--bg2);box-shadow:0 16px 40px rgba(0,0,0,.16);padding:18px}.community-panel .section-title{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--border)}.community-row{border-radius:6px;transition:background .16s,border-color .16s;border:1px solid transparent}.community-row:hover{background:var(--bg3);border-color:var(--border2)}#studio-page{width:min(1180px,calc(100% - 3rem));margin:0 auto;padding-top:105px;padding-bottom:4rem}.studio-head{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:22px;box-shadow:0 18px 45px rgba(0,0,0,.2)}#character-page{width:min(1100px,calc(100% - 3rem));margin:0 auto;padding-bottom:4rem}#screen-news-article .static-wrap{max-width:900px}.image-lightbox{backdrop-filter:blur(10px)}.image-lightbox img{background:#08090d;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:8px;box-shadow:0 30px 90px rgba(0,0,0,.8)}.lightbox-close{display:flex;align-items:center;justify-content:center;transition:background .18s,transform .18s}.lightbox-close:hover{background:var(--accent);transform:rotate(4deg)}.character-edit-mark{position:absolute;right:8px;bottom:8px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(8,9,13,.88);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.character-image-wrap{position:relative;align-self:start}@media(max-width:640px){#screen-community .catalog-wrap>.community-grid,#screen-news .news-grid,#studio-page,#character-page{width:min(100% - 2rem,1180px)}.community-panel{padding:13px}.studio-head{padding:14px}}
.stat-item{text-align:center}.stat-val{font-family:'Oswald',sans-serif;font-size:1.8rem;font-weight:600;color:var(--accent)}.stat-lbl{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
#character-page .character-fact:last-child{display:none!important}
.character-card{color:var(--text)}.character-card>div{color:var(--text)!important;background:var(--bg2)}.character-card>div span{color:var(--muted)!important}.studio-inline-link{appearance:none;border:0;background:none;padding:0;color:var(--accent);font:inherit;font-weight:800;cursor:pointer;text-decoration:none}.studio-inline-link:hover{text-decoration:underline}.animepage-info{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px!important;margin:14px 0!important}.animepage-info span,.animepage-info .anime-fact{display:block!important;background:rgba(14,15,23,.84);border:1px solid var(--border);border-radius:6px;padding:9px 10px;line-height:1.35}.animepage-info span+span::before{display:none!important}.anime-fact b{display:block;font-size:.6rem;color:var(--muted2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.image-lightbox{padding:28px!important}.lightbox-frame{position:relative;display:flex;align-items:center;justify-content:center;max-width:94vw;max-height:92vh;border:2px solid var(--accent);border-radius:8px;background:#06070b;padding:10px;box-shadow:0 34px 100px rgba(0,0,0,.86),0 0 0 5px rgba(212,0,42,.12);transform:scale(.94);opacity:0;transition:transform .22s ease,opacity .22s ease}.image-lightbox.open .lightbox-frame{transform:scale(1);opacity:1}.image-lightbox img{max-width:calc(94vw - 24px)!important;max-height:calc(92vh - 24px)!important;padding:0!important;border:0!important;box-shadow:none!important}.lightbox-close{position:absolute!important;top:-18px!important;right:-18px!important;background:var(--accent)!important;border:2px solid #fff!important;z-index:2}.chat-page{width:min(900px,calc(100% - 2rem));margin:0 auto;padding:110px 0 50px}.chat-page-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.online-pill{background:rgba(54,211,153,.1);border:1px solid rgba(54,211,153,.3);color:#6ee7b7;border-radius:999px;padding:7px 11px;font-size:.74rem}.chat-page-log{height:min(58vh,560px);padding:16px;background:var(--bg2);border:1px solid var(--border);border-radius:8px}.chat-composer{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.chat-composer input{background:var(--bg2);border:1px solid var(--border2);border-radius:7px;padding:11px 13px;color:var(--text)}#screen-community .community-grid{align-items:start}.community-panel{position:relative;overflow:hidden}.community-panel:after{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:var(--accent);opacity:.55}.community-row{background:rgba(255,255,255,.012)}@media(max-width:640px){.animepage-info{grid-template-columns:1fr 1fr!important}.chat-page{padding-top:88px}.chat-page-head{align-items:start;flex-direction:column}.lightbox-close{top:-14px!important;right:-10px!important}}
.studio-website{display:inline-flex;margin:0 0 16px;color:var(--accent);font-size:.8rem;font-weight:800;text-decoration:none}.studio-website:hover{text-decoration:underline}.empty-state.compact{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.empty-state.compact strong{font-size:.9rem;color:var(--text)}.empty-state.compact span{font-size:.76rem;color:var(--muted);text-align:center}.planned-badge.muted{background:var(--bg3);color:var(--muted);border:1px solid var(--border)}
.news-article-body h2{font-family:Oswald,sans-serif;color:var(--text);font-size:1.3rem;margin:26px 0 10px}.news-article-body p{margin:0 0 16px}.news-article-body ul{margin:0 0 18px;padding-left:20px}.news-article-body li{margin:6px 0}
.section{padding:3rem 1.5rem;max-width:1280px;margin:0 auto}
.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.2rem;flex-wrap:wrap;gap:8px}
.section-title{font-family:'Oswald',sans-serif;font-size:1.35rem;font-weight:500;letter-spacing:.05em}
.section-more{font-size:.8rem;color:var(--accent);cursor:pointer;text-transform:uppercase;letter-spacing:.06em}
.genre-tags{display:flex;gap:7px;flex-wrap:wrap;padding:0 1.5rem .5rem;max-width:1280px;margin:0 auto}
.genre-tag{padding:5px 14px;border-radius:99px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:'Lato',sans-serif;font-size:.76rem;cursor:pointer;transition:all .2s}.genre-tag:hover{border-color:var(--accent);color:var(--text);background:var(--accentg)}
.anime-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.75rem}
.anime-card{border-radius:var(--r);overflow:hidden;background:var(--bg2);border:1px solid var(--border);cursor:pointer;transition:all .22s;position:relative}.anime-card:hover{transform:translateY(-4px);border-color:rgba(212,0,42,.35)}
.anime-thumb-ph{width:100%;aspect-ratio:2/3;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-size:2rem;color:var(--muted2)}
.anime-thumb{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}
.anime-badge{position:absolute;top:6px;left:6px;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:4px}
.badge-new{background:var(--accent);color:#fff}.badge-ongoing{background:#0a7e5a;color:#fff}
.anime-info{padding:8px 9px}.anime-title-card{font-family:'Oswald',sans-serif;font-size:.9rem;font-weight:400;margin-bottom:3px;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.anime-meta-card{font-size:.68rem;color:var(--muted);display:flex;justify-content:space-between}
.continue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}
.continue-card{display:flex;gap:12px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:11px;cursor:pointer;transition:all .2s;align-items:center}.continue-card:hover{border-color:rgba(212,0,42,.3)}
.continue-thumb{width:48px;height:68px;border-radius:6px;object-fit:cover;background:var(--bg3);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;color:var(--muted2)}
.continue-info{flex:1;min-width:0}.continue-anime{font-family:'Oswald',sans-serif;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px}.continue-ep{font-size:.78rem;color:var(--accent);font-weight:700;margin-bottom:4px}
.continue-prog{height:3px;background:var(--bg4);border-radius:99px;overflow:hidden}.continue-fill{height:100%;background:var(--accent);border-radius:99px}
.continue-play{width:34px;height:34px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ep-recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:9px}
.ep-recent-card{display:flex;gap:11px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:11px;cursor:pointer;transition:all .2s;align-items:center}.ep-recent-card:hover{border-color:rgba(212,0,42,.3)}
.ep-recent-thumb{width:50px;height:70px;border-radius:5px;object-fit:cover;background:var(--bg3);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;color:var(--muted2)}
.ep-recent-info{flex:1;min-width:0}.ep-recent-anime{font-family:'Oswald',sans-serif;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-recent-ep{font-size:.78rem;color:var(--accent);font-weight:700;margin:2px 0}.ep-recent-date{font-size:.68rem;color:var(--muted2)}
.calendar-strip{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:8px;overflow-x:auto;padding:2px 0 9px;scrollbar-width:thin}.calendar-day{background:var(--bg2);border:1px solid var(--border);border-radius:8px;min-width:0;overflow:hidden}.calendar-day-head{padding:9px 10px;border-bottom:1px solid var(--border);font-family:'Oswald',sans-serif;font-size:.78rem;color:var(--accent);letter-spacing:.05em}.calendar-day-items{display:flex;flex-direction:column}.calendar-item{padding:9px 10px;border-bottom:1px solid var(--border);cursor:pointer;min-width:0}.calendar-item:last-child{border-bottom:0}.calendar-item:hover{background:var(--bg3)}.calendar-title{font-size:.76rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-ep{font-size:.68rem;color:var(--muted);margin-top:3px}
.rc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:9px}
.rc-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:11px;display:flex;gap:10px;cursor:pointer;transition:all .2s}.rc-card:hover{border-color:rgba(212,0,42,.3)}
.rc-thumb{width:38px;height:54px;border-radius:5px;object-fit:cover;background:var(--bg3);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;color:var(--muted2)}
.rc-anime{font-family:'Oswald',sans-serif;font-size:.88rem;margin-bottom:2px}.rc-text{font-size:.78rem;color:var(--muted);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rc-meta{font-size:.68rem;color:var(--muted2);margin-top:3px}
.catalog-wrap{padding-top:80px;min-height:100vh}
.catalog-header{padding:2.5rem 1.5rem 1.2rem;max-width:1280px;margin:0 auto}
.catalog-title{font-family:'Oswald',sans-serif;font-size:2.2rem;font-weight:500;letter-spacing:.05em;margin-bottom:.3rem}
.filter-bar{display:flex;gap:7px;flex-wrap:wrap;padding:0 1.5rem .8rem;max-width:1280px;margin:0 auto}
.filter-pill{padding:5px 13px;border-radius:99px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:'Lato',sans-serif;font-size:.74rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.06em}.filter-pill.active,.filter-pill:hover{border-color:var(--accent);color:var(--text);background:var(--accentg)}
.genre-pills-wrap{display:flex;gap:6px;flex-wrap:wrap;padding:0 1.5rem .8rem;max-width:1280px;margin:0 auto}
.genre-pill{padding:3px 11px;border-radius:99px;border:1px solid var(--border);background:transparent;color:var(--muted2);font-family:'Lato',sans-serif;font-size:.72rem;cursor:pointer;transition:all .2s}.genre-pill.active,.genre-pill:hover{border-color:rgba(212,0,42,.4);color:var(--text);background:rgba(212,0,42,.07)}
.catalog-grid{max-width:1280px;margin:0 auto;padding:0 1.5rem 4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.75rem}
.animepage-wrap{padding-top:60px;min-height:100vh}
.animepage-hero{position:relative;height:360px;overflow:hidden;display:flex;align-items:flex-end}
.animepage-bg{position:absolute;inset:0;background:var(--bg3);background-size:cover;background-position:center;filter:brightness(.42);transform:none;display:flex;align-items:center;justify-content:center}
.animepage-bg-brand{font-family:Oswald,sans-serif;font-size:clamp(2.2rem,7vw,5.5rem);font-weight:800;color:rgba(255,255,255,.08);letter-spacing:.08em;text-transform:uppercase}
.animepage-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 0%,transparent 60%)}
.animepage-content{position:relative;z-index:2;padding:1.5rem;max-width:1280px;width:100%;margin:0 auto;display:flex;gap:1.5rem;align-items:flex-end}
.animepage-poster{width:130px;flex-shrink:0;border-radius:var(--r);overflow:hidden;border:1px solid var(--border2);aspect-ratio:2/3;background:var(--bg3)}
.animepage-poster img{width:100%;height:100%;object-fit:cover;display:block}
.animepage-poster-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-size:1.8rem;color:var(--muted2)}
.animepage-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:.6rem}
.tag{padding:2px 7px;border-radius:4px;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;background:var(--bg4);color:var(--muted);border:1px solid var(--border)}
.animepage-title{font-family:'Oswald',sans-serif;font-size:clamp(1.5rem,4vw,3rem);font-weight:600;line-height:1;margin-bottom:.5rem}
.animepage-alt-title{font-size:.82rem;color:var(--muted);margin:-.15rem 0 .65rem;line-height:1.4}
.animepage-info{font-size:.8rem;color:var(--muted);margin-bottom:.7rem;display:flex;gap:0;flex-wrap:wrap}.animepage-info span{display:inline-flex;align-items:center}.animepage-info span+span::before{content:'·';color:var(--muted2);margin:0 .65rem}
.animepage-desc{font-size:.86rem;color:var(--muted);line-height:1.7;font-weight:300;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.animepage-body{max-width:1280px;margin:0 auto;padding:1.5rem;display:grid;grid-template-columns:1fr 270px;gap:1.5rem}
.ep-list{display:flex;flex-direction:column;gap:5px}
.ep-item{display:flex;align-items:center;gap:11px;padding:11px 13px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .18s}.ep-item:hover{border-color:var(--accent);background:var(--bg3)}.ep-item.ep-disabled{background:rgba(255,255,255,.025);border-style:dashed;border-color:rgba(255,255,255,.1);cursor:not-allowed}.ep-item.ep-disabled:hover{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.14)}.ep-item.ep-disabled .ep-num-badge,.ep-item.ep-disabled .ep-name{color:var(--muted)}
.ep-num-badge{font-family:'Oswald',sans-serif;font-size:.95rem;color:var(--muted2);min-width:26px;font-weight:500}
.ep-info{flex:1;min-width:0}.ep-name{font-size:.85rem;font-weight:700;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-submeta{font-size:.7rem;color:var(--muted)}
.ep-watched{margin-left:8px;font-size:.62rem;padding:2px 7px;border-radius:99px;font-weight:700;text-transform:uppercase;white-space:nowrap;flex-shrink:0}
.watched-yes{background:rgba(10,126,90,.2);color:#2ecc71;border:1px solid rgba(46,204,113,.2)}.watched-no{background:var(--bg3);color:var(--muted2);border:1px solid var(--border)}
.sidebar-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:1.1rem;margin-bottom:.75rem}
.sidebar-title{font-family:'Oswald',sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.08em;margin-bottom:.8rem;text-transform:uppercase;color:var(--muted)}
.list-actions{display:flex;gap:8px;margin-bottom:8px;align-items:stretch}
.mylist-btn{flex:1;padding:8px;border-radius:7px;border:1px solid var(--border2);background:transparent;color:var(--text);font-family:'Lato',sans-serif;font-size:.8rem;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}.mylist-btn.added{border-color:rgba(10,126,90,.5);color:#2ecc71;background:rgba(10,126,90,.1)}
.follow-btn{padding:8px 10px;border-radius:7px;border:1px solid var(--border2);background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:4px;font-family:'Lato',sans-serif;font-size:.78rem}.follow-btn.following{border-color:rgba(10,126,90,.5);color:#2ecc71;background:rgba(10,126,90,.08)}
.status-row{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}
.status-btn{padding:4px 9px;border-radius:5px;border:none;font-family:'Lato',sans-serif;font-size:.7rem;font-weight:700;cursor:pointer;opacity:.5}.status-btn.active{opacity:1}
.st-watching{background:rgba(10,126,90,.2);color:#2ecc71}.st-completed{background:rgba(59,130,246,.2);color:#60a5fa}.st-planned{background:rgba(245,166,35,.2);color:#f5c842}.st-dropped{background:rgba(212,0,42,.2);color:#ff6b6b}
.prog-bar{height:3px;background:var(--bg4);border-radius:99px;overflow:hidden;margin-top:6px}.prog-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .4s}
.rating-num{font-family:'Oswald',sans-serif;font-size:2.6rem;font-weight:600}
.stars{display:flex;gap:2px}.star{font-size:.95rem;cursor:pointer}.star.filled{color:#f5a623}.star.empty{color:var(--muted2)}
.comment-form textarea{width:100%;padding:8px 10px;background:var(--bg3);border:1px solid var(--border);border-radius:7px;color:var(--text);font-family:'Lato',sans-serif;font-size:.82rem;resize:vertical;min-height:70px;outline:none}.comment-form textarea::placeholder{color:var(--muted2)}
.btn-comment{width:100%;margin-top:6px;padding:8px;border-radius:7px;border:none;background:var(--accent);color:#fff;font-family:'Lato',sans-serif;font-size:.82rem;font-weight:700;cursor:pointer}
.comment-list{margin-top:.8rem;display:flex;flex-direction:column;gap:9px}
.comment-item{padding:9px;background:var(--bg3);border-radius:7px;border:1px solid var(--border)}
.comment-author{font-size:.76rem;font-weight:700;margin-bottom:3px}.comment-text{font-size:.8rem;color:var(--muted);line-height:1.6;word-break:break-word}.comment-date{font-size:.66rem;color:var(--muted2);margin-top:3px}
.comment-like-btn{display:inline-flex;align-items:center;gap:4px;margin-top:5px;padding:3px 8px;border-radius:5px;border:1px solid var(--border);background:transparent;color:var(--muted2);font-family:'Lato',sans-serif;font-size:.7rem;cursor:pointer}.comment-like-btn.liked{border-color:rgba(212,0,42,.35);color:var(--accent);background:rgba(212,0,42,.06)}
.player-wrap{padding-top:60px;min-height:100vh}
.player-top{max-width:1280px;margin:0 auto;padding:1.2rem 1.5rem .5rem}
.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--muted);margin-bottom:.7rem;flex-wrap:wrap}.breadcrumb span{cursor:pointer}.bc-sep{opacity:.3}
.player-layout{max-width:1280px;margin:0 auto;padding:0 1.5rem 3rem;display:grid;grid-template-columns:1fr 300px;gap:1.2rem}
.video-container{width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--r);overflow:hidden;border:1px solid var(--border)}
.video-iframe{width:100%;height:100%;border:none;display:block}
.video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;background:linear-gradient(135deg,#0e0f17,#161722)}
.source-tabs{display:flex;gap:6px;margin-top:.7rem;flex-wrap:wrap;align-items:center}
.source-tab{padding:5px 13px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:'Lato',sans-serif;font-size:.78rem;cursor:pointer}.source-tab.active{border-color:var(--accent);color:var(--text);background:var(--accentg)}
.btn-report-src{padding:4px 10px;border-radius:6px;border:1px solid rgba(245,166,35,.3);background:transparent;color:#f5c842;font-family:'Lato',sans-serif;font-size:.7rem;cursor:pointer;margin-left:auto}
.video-title-bar{display:flex;align-items:flex-start;justify-content:space-between;padding:.7rem 0;gap:8px;flex-wrap:wrap}
.video-title-txt{font-family:'Oswald',sans-serif;font-size:1.15rem;font-weight:400;letter-spacing:.03em}.video-submeta{font-size:.75rem;color:var(--muted);margin-top:2px}
.sub-badge{padding:3px 8px;border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(212,0,42,.15);color:var(--accent);border:1px solid rgba(212,0,42,.25);flex-shrink:0}
.ep-nav{display:flex;gap:7px;margin-top:.5rem}
.ep-nav-btn{flex:1;padding:8px 5px;border-radius:7px;border:1px solid var(--border);background:var(--bg2);color:var(--muted);font-family:'Lato',sans-serif;font-size:.76rem;cursor:pointer;text-align:center;min-width:0}.ep-nav-btn:disabled{opacity:.3;cursor:not-allowed}
.ep-nav-btn.pnav{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}
.sidebar-eps{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.sidebar-eps-hd{padding:11px 13px;border-bottom:1px solid var(--border);font-family:'Oswald',sans-serif;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sidebar-ep-list{max-height:420px;overflow-y:auto}
.sidebar-ep-item{display:flex;align-items:center;gap:9px;padding:9px 13px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.sidebar-ep-item:hover{background:var(--bg3)}.sidebar-ep-item.current{background:var(--accentg);border-left:2px solid var(--accent)}
.sidebar-ep-num{font-family:'Oswald',sans-serif;font-size:.9rem;color:var(--muted2);min-width:22px}.sidebar-ep-name{font-size:.78rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ep-check{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--muted2);flex-shrink:0;display:flex;align-items:center;justify-content:center}.ep-check.done{background:rgba(10,126,90,.3);border-color:rgba(46,204,113,.5)}.ep-check.done::after{content:'✓';font-size:.5rem;color:#2ecc71}
.mylist-wrap{padding-top:80px;min-height:100vh}
.mylist-header{padding:2.5rem 1.5rem 1rem;max-width:1280px;margin:0 auto}
.mylist-title{font-family:'Oswald',sans-serif;font-size:2.2rem;font-weight:500;letter-spacing:.05em}
.mylist-tabs{display:flex;gap:6px;margin-top:1rem;flex-wrap:wrap}
.mylist-tab{padding:5px 14px;border-radius:99px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:'Lato',sans-serif;font-size:.76rem;cursor:pointer;text-transform:uppercase;letter-spacing:.05em}.mylist-tab.active{border-color:var(--accent);color:var(--text);background:var(--accentg)}
.mylist-items{max-width:1280px;margin:0 auto;padding:1rem 1.5rem 4rem}
.mylist-row{display:flex;gap:11px;align-items:center;padding:11px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);margin-bottom:7px;cursor:pointer}
.mylist-thumb{width:42px;height:60px;border-radius:5px;background:var(--bg3);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;color:var(--muted2);overflow:hidden}.mylist-thumb img{width:100%;height:100%;object-fit:cover}
.mylist-info{flex:1;min-width:0}.mylist-anime-title{font-family:'Oswald',sans-serif;font-size:.98rem;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mylist-remove{padding:4px 10px;border-radius:5px;border:1px solid var(--border);background:transparent;color:var(--muted2);font-family:'Lato',sans-serif;font-size:.7rem;cursor:pointer;flex-shrink:0}
.profile-wrap{padding-top:80px;min-height:100vh;max-width:840px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}
.profile-header{display:flex;align-items:center;gap:1.2rem;padding:2rem 0 1.5rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}
.profile-avatar{width:64px;height:64px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;flex-shrink:0;cursor:pointer;position:relative}
.profile-avatar-edit{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background:var(--bg2);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:.55rem;color:var(--muted)}
.profile-name{font-family:'Oswald',sans-serif;font-size:1.6rem;font-weight:500}
.profile-level-card{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;align-items:end;background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:15px 17px;margin-bottom:12px}.profile-level-card>div:first-child{display:flex;align-items:baseline;gap:9px}.profile-level-card>div:first-child span{font-family:'Oswald',sans-serif;font-size:.72rem;color:var(--muted);letter-spacing:.08em}.profile-level-card>div:first-child strong{font-family:'Oswald',sans-serif;font-size:2rem;line-height:1;color:var(--accent)}.profile-xp-copy{display:flex;justify-content:flex-end;gap:12px;align-items:center;font-size:.72rem;color:var(--muted)}.profile-xp-copy b{color:var(--text)}.profile-xp-track{grid-column:1/-1;height:7px;background:var(--bg4);border-radius:99px;overflow:hidden}.profile-xp-track div{height:100%;width:0;background:var(--accent);border-radius:99px;transition:width .35s}.profile-level-card small{grid-column:1/-1;color:var(--muted2);font-size:.67rem}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:1.5rem}.achievement-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:11px;min-width:0}.achievement-item.locked{opacity:.48;filter:saturate(.35)}.achievement-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:var(--bg4);border:1px solid var(--border2);font-family:'Oswald',sans-serif;color:var(--accent);font-size:.9rem}.achievement-copy{min-width:0}.achievement-copy b{display:block;font-size:.78rem;margin-bottom:2px}.achievement-copy span{display:block;font-size:.68rem;line-height:1.35;color:var(--muted)}.achievement-reward{font-size:.63rem!important;color:var(--accent)!important;margin-top:4px}.achievement-progress{height:3px;background:var(--bg4);border-radius:99px;margin-top:6px;overflow:hidden}.achievement-progress div{height:100%;background:var(--accent)}
.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:1.5rem}
.mystat{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:9px 14px}.mystat-val{font-family:'Oswald',sans-serif;font-size:1.5rem;font-weight:500}.mystat-lbl{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.prof-section-title{font-family:'Oswald',sans-serif;font-size:1.05rem;font-weight:500;letter-spacing:.06em;margin-bottom:.7rem;color:var(--muted)}
.history-list{display:flex;flex-direction:column;gap:6px;margin-bottom:1.5rem}
.history-item{display:flex;gap:10px;align-items:center;padding:8px 11px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;cursor:pointer}
.history-thumb{width:30px;height:42px;border-radius:4px;object-fit:cover;background:var(--bg3);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--muted2)}
.hi-anime{font-size:.84rem;font-weight:700}.hi-ep{font-size:.74rem;color:var(--muted)}.hi-date{font-size:.66rem;color:var(--muted2)}
.ratings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:7px;margin-bottom:2rem}
.rating-item{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:8px;cursor:pointer;text-align:center}
.ri-score{font-family:'Oswald',sans-serif;font-size:1.4rem;color:var(--accent)}.ri-title{font-size:.72rem;margin-top:3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.static-wrap{padding-top:80px;min-height:100vh;max-width:780px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:4rem}
.static-title{font-family:'Oswald',sans-serif;font-size:2rem;font-weight:500;margin:2rem 0 1.5rem}
.static-section{margin-bottom:2rem}.static-section h2{font-family:'Oswald',sans-serif;font-size:1.15rem;margin-bottom:.7rem}
.static-section p,.static-section li{font-size:.88rem;color:var(--muted);line-height:1.8;margin-bottom:.4rem}
.static-section ul{margin-left:1.2rem}.static-section a{color:var(--accent);text-decoration:none}
.dmca-form{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:1.5rem;margin-top:.8rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:11px}.form-full{grid-column:1/-1}
.fld label{display:block;font-size:.72rem;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}
.fld input,.fld textarea{width:100%;padding:8px 11px;background:var(--bg3);border:1px solid var(--border);border-radius:7px;color:var(--text);font-family:'Lato',sans-serif;font-size:.86rem;outline:none}.fld textarea{resize:vertical;min-height:90px}
.modal-backdrop{position:fixed;inset:0;z-index:800;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.modal-backdrop.open{opacity:1;pointer-events:all}
.modal-box{width:380px;max-width:calc(100vw - 2rem);background:var(--bg2);border:1px solid var(--border2);border-radius:14px;padding:1.8rem;transform:translateY(14px);transition:transform .25s}.modal-backdrop.open .modal-box{transform:translateY(0)}
.modal-logo{font-family:'Oswald',sans-serif;font-size:1.4rem;font-weight:600;letter-spacing:.1em;text-align:center;margin-bottom:1.4rem}.modal-logo span{color:var(--accent)}
.modal-tabs{display:flex;background:var(--bg3);border-radius:8px;padding:3px;gap:3px;margin-bottom:1.2rem}
.modal-tab{flex:1;padding:7px;text-align:center;border:none;background:transparent;color:var(--muted);font-family:'Lato',sans-serif;font-size:.82rem;cursor:pointer;border-radius:5px}.modal-tab.active{background:var(--accent);color:#fff;font-weight:700}
.field-group{margin-bottom:10px}.field-group label{display:block;font-size:.7rem;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em}
.field-group input{width:100%;padding:8px 11px;background:var(--bg3);border:1px solid var(--border);border-radius:7px;color:var(--text);font-family:'Lato',sans-serif;font-size:.86rem;outline:none}
.modal-msg{font-size:.78rem;padding:7px 10px;border-radius:6px;margin-bottom:10px;display:none}.modal-msg.err{background:rgba(212,0,42,.1);color:#ff8080;border:1px solid rgba(212,0,42,.2)}.modal-msg.ok{background:rgba(46,204,113,.1);color:#86efac;border:1px solid rgba(46,204,113,.2)}
.modal-hint{font-size:.74rem;color:var(--muted);text-align:center;margin-top:.8rem}.modal-hint span{color:var(--accent);cursor:pointer}
.report-modal-wrap{position:fixed;inset:0;z-index:850;background:rgba(0,0,0,.8);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.report-modal-wrap.open{opacity:1;pointer-events:all}
.report-modal{width:380px;max-width:calc(100vw - 2rem);background:var(--bg2);border:1px solid var(--border2);border-radius:14px;padding:1.6rem;transform:translateY(14px);transition:transform .25s}.report-modal-wrap.open .report-modal{transform:translateY(0)}
.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:10px 0}
.av-opt{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;border:2px solid transparent;background:var(--bg3)}.av-opt.sel{border-color:var(--accent);background:var(--accentg)}
.loading{text-align:center;padding:2.5rem;color:var(--muted);font-size:.86rem}
.empty-state{text-align:center;padding:2.5rem;color:var(--muted)}.empty-state .big{font-family:'Oswald',sans-serif;font-size:2.5rem;color:var(--muted2);display:block;margin-bottom:.4rem}
footer{border-top:1px solid var(--border);padding:1.8rem 1.5rem;position:relative;z-index:1}
.footer-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.footer-logo{font-family:'Oswald',sans-serif;font-size:1.1rem;letter-spacing:.12em;color:var(--muted)}.footer-logo b{color:var(--accent)}
.footer-links{display:flex;gap:1rem;flex-wrap:wrap}.footer-link{font-size:.76rem;color:var(--muted2);cursor:pointer}
.sidebar-ep-list::-webkit-scrollbar{width:3px}.sidebar-ep-list::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}
@keyframes fi{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fi{animation:fi .28s ease both}
@media(max-width:768px){
#navbar{padding:0 .85rem;gap:.6rem}
#navbar .nav-links,.nav-search{display:none}
.nav-burger{display:flex}
.nav-logo{font-size:1.16rem}.nav-right{gap:5px}.btn-login,.btn-register{padding:7px 9px;font-size:.74rem}
.nav-mobile{padding:1rem}.nav-mobile .nav-link{min-height:40px;display:flex;align-items:center}
.notif-panel{right:.5rem;top:64px;width:calc(100vw - 1rem);max-width:360px}
.hero{padding:90px 1.2rem 3rem}
.section{padding:2.5rem 1.2rem}
.anime-grid,.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.55rem}
.animepage-hero{height:280px}.animepage-content{padding:1.2rem;gap:1rem}.animepage-poster{width:90px}
.animepage-body{grid-template-columns:1fr;padding:1.2rem}
.player-top{padding:1rem 1.2rem .5rem}.player-layout{grid-template-columns:1fr;padding:0 1.2rem 2rem}
.ep-nav{flex-wrap:wrap}.profile-stats{grid-template-columns:1fr 1fr}
.rc-grid,.ep-recent-grid,.continue-grid{grid-template-columns:minmax(0,1fr)}
.calendar-strip{grid-template-columns:repeat(7,minmax(145px,1fr))}
.rc-card,.ep-recent-card,.continue-card{min-width:0;max-width:100%;overflow:hidden}
.form-row{grid-template-columns:1fr}.stats-bar{gap:1.2rem}
.modal-box,.report-modal{max-height:calc(100vh - 2rem);overflow-y:auto}
.footer-inner{justify-content:center;text-align:center}.footer-links{justify-content:center}
}
@media(max-width:480px){
#navbar{height:58px;padding:0 .65rem}.nav-logo{font-size:1rem;letter-spacing:.08em}.nav-right{gap:3px}.nav-burger{padding:5px}.btn-login,.btn-register{padding:6px 7px;font-size:.68rem}
.hero{min-height:92vh;padding:82px 1rem 2.4rem}.hero-title{font-size:2.4rem}.hero-sub{margin-bottom:1.4rem}.hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.hero-actions>*{width:100%;padding:11px 8px}
.section,.catalog-header,.mylist-header{padding-left:1rem;padding-right:1rem}.genre-tags,.filter-bar,.genre-pills-wrap{padding-left:1rem;padding-right:1rem}.catalog-grid,.mylist-items{padding-left:1rem;padding-right:1rem}
.anime-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.anime-title-card{font-size:.86rem}
.animepage-hero{height:260px}.animepage-content{padding:1rem;gap:.75rem}.animepage-poster{width:72px}.animepage-title{font-size:1.35rem}.animepage-desc{display:none}.animepage-info{gap:.45rem;font-size:.72rem}.animepage-body{padding:1rem}
.calendar-strip{grid-template-columns:repeat(7,minmax(138px,1fr));margin-right:-1rem;padding-right:1rem}
.ep-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:10px}.ep-watched{margin-left:0}.list-actions{display:grid;grid-template-columns:minmax(0,1fr) auto}.status-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.status-btn{min-height:36px}
.player-top{padding:.9rem 1rem .4rem}.player-layout{padding:0 1rem 1.5rem}.video-container{border-radius:7px}.source-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.source-tab,.btn-report-src{width:100%;margin-left:0;min-height:38px}.btn-report-src{grid-column:1/-1}
.ep-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ep-nav-btn{min-height:40px}.ep-nav-btn.pnav{grid-column:1/-1;grid-row:1}
.profile-wrap,.static-wrap{padding-left:1rem;padding-right:1rem}.profile-header{gap:.8rem}.profile-avatar{width:54px;height:54px}.profile-name{font-size:1.35rem}.mystat{padding:9px}.mystat-lbl{font-size:.61rem}
.dmca-form,.modal-box,.report-modal{padding:1rem}.form-row{gap:8px;margin-bottom:8px}.report-modal-wrap,.modal-backdrop{align-items:flex-start;padding-top:1rem;overflow-y:auto}
.footer-inner{flex-direction:column}.footer-links{width:100%}
}
@media(max-width:640px){.achievement-grid{grid-template-columns:1fr}.profile-level-card{grid-template-columns:1fr}.profile-xp-copy{justify-content:flex-start}.profile-stats{grid-template-columns:1fr 1fr}}
