@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;color:#e7e7e7;background-color:#1b1b1b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#1b1b1b}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.app{min-height:100vh;background:radial-gradient(circle at 20% 20%,#2b2b2b,#1e1e1e 45%,#191919);color:#e7e7e7;padding:24px 26px 32px;box-sizing:border-box}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:6px 8px 18px}.topbar-left{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.topbar-left h1{font-size:22px;font-weight:700;margin:0;letter-spacing:.4px}.status{color:#9ba5b4;font-size:13px}.topbar-actions{display:flex;flex-wrap:wrap;gap:10px}.user-badge{background:#1b1b1b;border:1px solid rgba(255,255,255,.08);color:#cdd4df;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px}.admin-badge{background:#3b2f12;color:#ffd36b;border-radius:999px;padding:2px 8px;font-size:11px;letter-spacing:.4px;text-transform:uppercase}.btn{background:#1f4f87;border:1px solid transparent;color:#f2f6ff;padding:8px 18px;border-radius:8px;font-weight:600;font-size:13px;transition:transform .15s ease,background .2s ease}.btn:hover:not(:disabled){transform:translateY(-1px);background:#2460a8}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.ghost{background:#244c7a}.btn.tiny{padding:6px 14px;font-size:12px;border-radius:6px}.btn.muted{background:#3a3a3a;color:#b7bcc6}.btn.fav{background:#2a2a2a;color:#e4b84a}.btn.fav.active{background:#3b2f12;color:#ffd36b}.btn.danger{background:#4a1f1f;color:#ffb4b4}.btn.danger:hover:not(:disabled){background:#5a2323}.btn.playing{background:#203426;color:#7ef0a0}.btn.playing.active{background:#2c4a35;color:#b6ffcb}.panel{background:#222;border-radius:18px;padding:16px 16px 18px;box-shadow:0 14px 40px #00000059;min-height:72vh}.tabs{display:inline-flex;background:#2b2b2b;border-radius:999px;padding:4px;gap:6px;margin:6px 0 16px 6px}.tab{background:transparent;color:#d4d7dd;padding:6px 16px;border-radius:999px;font-size:13px;border:1px solid transparent}.tab.active{background:#1f4f87;color:#f7fbff}.scroll-area{max-height:72vh;overflow-y:auto;padding:8px 6px 6px;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:20px;justify-content:start}.anime-card{display:grid;grid-template-columns:110px 1fr;gap:16px;background:#252525;border-radius:14px;padding:16px;box-shadow:inset 0 0 0 1px #ffffff05;max-width:560px}.poster-wrap{width:110px;height:160px;border-radius:10px;overflow:hidden;background:#1a1a1a;border:none;padding:0;cursor:pointer}.poster{width:100%;height:100%;object-fit:cover;display:block}.poster.placeholder{display:flex;align-items:center;justify-content:center;color:#9aa4b2;font-size:12px}.card-body{display:flex;flex-direction:column;gap:8px}.anime-title{margin:0;font-size:16px;font-weight:700}.anime-meta{color:#b6bcc8;font-size:13px;line-height:1.5}.anime-meta p{margin:0}.label{color:#9ba5b4}.pill{color:#7db4ff;font-size:12px;font-weight:600}.episode-check{display:flex;align-items:center;gap:8px;font-size:13px;color:#c7cbd3}.episode-check input{accent-color:#2f6bb3}.episode-check.is-checked{color:#f2c94c}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;flex-wrap:wrap;gap:8px}.stream{color:#7db4ff;font-size:13px}.stream:hover{text-decoration:underline}.card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:100%}.placeholder{color:#9ba5b4;padding:24px}.search-panel{display:flex;flex-direction:column;gap:12px}.search-bar{padding:0 6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-bar input{width:100%;background:#1f1f1f;color:#e7e7e7;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;font-size:14px;flex:1}.settings-panel{padding:12px 6px 6px}.settings-card{background:#1f1f1f;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;max-width:520px}.settings-card h3{margin:0 0 8px;font-size:16px}.settings-hint{margin:0 0 12px;color:#aeb6c2;font-size:13px}.settings-note{margin:-4px 0 12px;color:#8f98a6;font-size:12px}.settings-form{display:flex;gap:10px;flex-wrap:wrap}.settings-form input{flex:1 1 260px;background:#151515;color:#e7e7e7;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;font-size:14px}.settings-divider{height:1px;background:#ffffff14;margin:12px 0}.steam-panel{display:flex;flex-direction:column;gap:10px;padding:6px 0 0}.steam-header{display:flex;align-items:center;justify-content:space-between;padding:0 6px}.steam-tabs{display:inline-flex;gap:8px;align-items:center}.steam-tabs label{display:inline-flex;align-items:center;gap:8px;color:#c7cbd3;font-size:13px}.steam-tabs select{background:#1f1f1f;color:#e7e7e7;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 10px}.steam-search{background:#1f1f1f;color:#e7e7e7;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 10px;min-width:220px}.steam-status{margin:0 6px;font-size:13px;color:#c7cbd3}.steam-modal{max-width:820px}.steam-news{display:flex;flex-direction:column;gap:12px}.steam-news-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.steam-news-item{background:#1f1f1f;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px}.steam-news-item h4{margin:0 0 6px;font-size:14px}.steam-news-item p{margin:0 0 8px;color:#c7cbd3;font-size:13px;line-height:1.5}.chat-modal{max-width:720px}.chat-header-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-note{margin:-6px 0 10px;font-size:12px;color:#c7cbd3}.chat-body{max-height:50vh;overflow-y:auto;padding-right:6px;margin-bottom:10px;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}.scroll-area::-webkit-scrollbar,.chat-body::-webkit-scrollbar{width:10px}.scroll-area::-webkit-scrollbar-track,.chat-body::-webkit-scrollbar-track{background:transparent}.scroll-area::-webkit-scrollbar-thumb,.chat-body::-webkit-scrollbar-thumb{background-color:#3a3a3a;border-radius:999px;border:2px solid transparent;background-clip:content-box}.scroll-area::-webkit-scrollbar-thumb:hover,.chat-body::-webkit-scrollbar-thumb:hover{background-color:#4a4a4a}.chat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.chat-end{height:1px}.shared-item{display:flex;flex-direction:column;gap:6px}.shared-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px;font-size:12px;color:#9ba5b4}.shared-trackers{font-size:12px;color:#b6bcc8;padding:0 6px 2px;line-height:1.4}.chat-item{background:#1f1f1f;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:10px 12px;max-width:75%;align-self:flex-start;box-shadow:0 8px 18px #00000040}.chat-item.mine{align-self:flex-end;background:#203426;border-color:#7ef0a040}.chat-item .anime-card{background:transparent;box-shadow:none;padding:0;max-width:100%}.chat-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#9ba5b4;margin-bottom:6px}.chat-item.mine .chat-meta{flex-direction:row-reverse}.chat-user{font-weight:600;color:#e7e7e7;font-size:13px;background:#2a2a2a;border-radius:999px;padding:2px 8px;display:inline-flex;align-items:center;gap:6px}.chat-item.mine .chat-user{background:#2c4a35;color:#b6ffcb}.chat-item.mine .chat-time{color:#a4d9b8}.chat-text{margin:0;color:#c7cbd3;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.chat-text a{color:#7db4ff;text-decoration:underline}.chat-image{margin-top:8px;max-width:100%;border-radius:10px;display:block}.chat-form{display:flex;gap:10px;align-items:center}.chat-form input{flex:1;background:#1f1f1f;color:#e7e7e7;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;font-size:14px}.chat-error{color:#ff9a9a;font-size:13px;margin:0 0 8px}.users-modal{max-width:520px}.users-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.users-item{display:flex;align-items:center;justify-content:space-between;background:#1f1f1f;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:8px 10px;font-size:13px;gap:10px}.users-meta{color:#9ba5b4;font-size:12px}.settings-status{margin:10px 0 0;font-size:13px;color:#c7cbd3}.settings-muted{margin:6px 0 0;font-size:12px;color:#8f98a6}.sort-row{display:flex;justify-content:flex-end;padding:0 6px 8px}.sort-row label{display:flex;align-items:center;gap:8px;color:#c7cbd3;font-size:13px}.sort-row select{background:#1f1f1f;color:#e7e7e7;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 10px}.modal-backdrop{position:fixed;inset:0;background:#0a0a0ab3;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal{background:#232323;border-radius:16px;max-width:900px;width:100%;box-shadow:0 20px 60px #00000073;padding:18px;max-height:90vh;overflow:auto}.auth-modal{max-width:420px}.auth-form{display:flex;flex-direction:column;gap:12px;color:#c7cbd3}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:13px}.auth-form input{background:#1f1f1f;color:#e7e7e7;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;font-size:14px}.auth-error{color:#ff9a9a;font-size:13px;margin:0}.auth-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-modal{max-width:700px}.settings-modal{max-width:560px}.share-modal{max-width:520px}.share-body{display:flex;flex-direction:column;gap:12px}.share-title{margin:0;color:#e7e7e7;font-size:16px;font-weight:700}.share-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-body{display:flex;flex-direction:column;gap:12px}.admin-header{display:flex;align-items:center;justify-content:space-between}.admin-header h3{margin:0;font-size:16px}.admin-error{color:#ff9a9a;font-size:13px;margin:0}.admin-list{display:flex;flex-direction:column;gap:10px}.admin-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;background:#1f1f1f;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px 12px}.admin-user{display:inline-flex;align-items:center;gap:8px;font-weight:600}.admin-name{font-size:14px}.admin-meta{display:inline-flex;gap:10px;font-size:12px;color:#9ba5b4}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-header h2{margin:0;font-size:20px}.modal-body{display:grid;grid-template-columns:180px 1fr;gap:18px}.modal-poster img{width:100%;border-radius:12px;display:block}.modal-info p{margin:0 0 8px;color:#c7cbd3;font-size:14px}.modal-description{margin-top:12px;color:#e4e4e4;line-height:1.5}@media(max-width:900px){.topbar{flex-direction:column;align-items:flex-start}.panel{min-height:auto}.scroll-area{max-height:none}}@media(max-width:600px){.app{padding:16px}.topbar-actions{width:100%}.topbar-actions .btn{flex:1 1 calc(50% - 8px)}.tabs{width:100%;justify-content:flex-start;overflow-x:auto;gap:8px;padding-bottom:6px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;text-align:center;white-space:nowrap}.sort-row{justify-content:flex-start;flex-wrap:wrap;gap:10px}.sort-row label,.sort-row select{width:100%}.steam-header{flex-direction:column;align-items:stretch;gap:10px}.steam-tabs{width:100%;flex-wrap:wrap;justify-content:space-between;gap:10px}.steam-tabs label,.steam-tabs select{width:100%}.steam-search{width:100%;min-width:0}.grid{grid-template-columns:1fr}.anime-card{grid-template-columns:110px 1fr;max-width:100%}.poster-wrap{width:110px;height:160px}.modal-body{grid-template-columns:1fr}.card-footer{flex-direction:column;align-items:flex-start;gap:10px}.card-actions{width:100%;flex-wrap:wrap;gap:8px}.card-actions .btn{flex:1 1 calc(50% - 6px)}.share-actions .btn{flex:1 1 100%}}