@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0b0d13;--panel:#131722;--panel2:#1a2030;--text:#f4f2ef;--muted:#9299aa;--line:#ffffff13;--accent:#ff725e;--soft:#ffb5a5;--green:#9de0b7;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(ellipse at 7% 18%,#f35e4a13,transparent 32%),radial-gradient(ellipse at 95% 55%,#7059bd13,transparent 32%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{height:82px;max-width:1240px;padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;font:600 17px 'Space Grotesk';letter-spacing:-.5px}.brand b{color:var(--soft)}.brand-icon{width:36px;height:36px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#ffa08d,#ed5949);color:#24100d;font-size:21px;font-weight:800;box-shadow:0 8px 24px #ff725e38}.topbar nav{display:flex;gap:34px;margin-left:45px}.topbar nav a{font-size:13px;color:var(--muted)}.topbar nav a.active,.topbar nav a:hover{color:white}.topbar nav a.active:after{content:'';display:block;height:2px;background:var(--accent);border-radius:3px;margin-top:9px}.top-actions{display:flex;align-items:center;gap:10px}.round-btn,.mode-toggle{background:#ffffff08;border:1px solid var(--line);color:var(--text);border-radius:13px;padding:10px 13px;cursor:pointer}.round-btn{font-size:18px;min-width:40px}.mode-toggle{font-size:12px}.menu-toggle{display:none}.container{max-width:1240px;margin:auto;padding:0 28px}.hero{min-height:575px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:30px;padding:35px 2px 60px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--soft);font-weight:800}.eyebrow i,.live-tag i,.chip-b i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:8px}.overline{font-size:10px;letter-spacing:2.7px;color:#858b9b;margin:42px 0 13px}.hero h1,.page-title h1,.watch-heading h1{font:700 clamp(42px,6vw,70px)/1.04 'Space Grotesk';letter-spacing:-3.7px;margin:0}.hero h1 em,.page-title h1 em,.watch-heading h1 em,.section-heading h2 em,.install-banner h2 em{font-style:normal;color:var(--soft)}.hero-desc{max-width:470px;color:var(--muted);line-height:1.8;font-size:14px;margin:22px 0 28px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{border:0;border-radius:13px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:12px;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,#ff927f,#f15f4d);color:#24100d;box-shadow:0 9px 25px #f15f4d25}.ghost{background:#ffffff08;color:var(--text);border:1px solid var(--line)}.hero-meta{display:flex;align-items:center;gap:14px;margin-top:65px;font-size:9px;letter-spacing:1.5px;color:#73798a}.meta-line{height:1px;width:65px;background:#5e6474}.hero-visual{height:430px;position:relative;display:grid;place-items:center}.visual-ring{position:absolute;border:1px solid #ff927f30;border-radius:50%;transform:rotate(-24deg)}.ring-a{width:340px;height:410px}.ring-b{width:270px;height:345px;border-color:#ffffff20;transform:rotate(35deg)}.visual-core{width:250px;height:310px;border-radius:44% 44% 38% 38%;background:linear-gradient(145deg,#f58b77,#9b3e45 58%,#242039);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 35px 100px #e45c4b35,inset 0 1px 2px #ffffff80;position:relative;overflow:hidden;transform:rotate(7deg)}.visual-core:before,.visual-core:after{content:'';position:absolute;border:1px solid #ffffff42;border-radius:50%;width:290px;height:290px}.visual-core:after{width:210px;height:210px}.core-k{font:700 145px 'Space Grotesk';color:#ffffffd9;text-shadow:0 8px 35px #3d101c88;z-index:1}.core-caption{font-size:9px;letter-spacing:3px;line-height:1.7;text-align:center;z-index:1}.visual-chip{position:absolute;background:#171b27;border:1px solid #ffffff20;border-radius:12px;padding:12px 15px;font-size:9px;letter-spacing:1px;box-shadow:0 14px 40px #0008}.chip-a{top:55px;right:3px}.chip-b{bottom:57px;left:4px}.section{padding:45px 0 32px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-heading h2{font:600 30px 'Space Grotesk';letter-spacing:-1.3px;margin:8px 0 0}.text-link{font-size:12px;color:var(--soft)}.anime-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}.anime-card{min-width:0;display:block}.cover{height:220px;border-radius:15px;background:linear-gradient(145deg,#262c3a,#171a24);position:relative;overflow:hidden;border:1px solid #ffffff0d;transition:.25s}.anime-card:hover .cover{transform:translateY(-5px);border-color:#ff927f70;box-shadow:0 15px 35px #0006}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover-shade{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#070910b8)}.cover-type{position:absolute;top:10px;left:10px;background:#090b12c9;border:1px solid #ffffff24;border-radius:7px;padding:5px 7px;font-size:8px;letter-spacing:1px}.cover-open{position:absolute;right:10px;bottom:10px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#24100d;display:grid;place-items:center}.card-info{padding:11px 2px}.card-info b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-info span{display:block;color:var(--muted);font-size:10px;margin-top:5px}.loading,.empty-state,.error-state{grid-column:1/-1;min-height:130px;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;color:var(--muted);font-size:12px;text-align:center;background:#ffffff04;border:1px solid var(--line);border-radius:17px;padding:24px}.error-state b{color:var(--text)}.error-state span{max-width:500px}.spinner{width:17px;height:17px;border:2px solid #ffffff24;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.install-banner{margin:70px 0 45px;padding:42px 55px;border-radius:25px;background:linear-gradient(110deg,#211c29,#171b27 60%,#24202d);border:1px solid #ffffff13;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.install-banner h2{font:600 36px/1.1 'Space Grotesk';letter-spacing:-1.5px;margin:12px 0}.install-banner p{color:var(--muted);font-size:12px;margin-bottom:22px}.install-symbol{font:700 150px 'Space Grotesk';color:#ff927f30;position:relative;margin-right:60px}.install-symbol span{font-size:45px;position:absolute;right:-27px;top:0;color:var(--soft)}footer{border-top:1px solid var(--line);padding:27px 0 35px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;margin-top:55px}.inner{padding-top:35px}.page-title{padding:50px 0 32px}.page-title h1{font-size:54px;margin:12px 0}.page-title p,.watch-heading p{font-size:13px;color:var(--muted)}.search-box{display:flex;align-items:center;gap:14px;background:#151925;border:1px solid #ffffff16;border-radius:17px;padding:9px 10px 9px 18px}.search-box>span{font-size:25px;color:var(--soft)}.search-box input{flex:1;min-width:0;background:none;border:0;outline:0;color:white;font-size:13px}.search-box input::placeholder{color:#747b8d}.filter-line{display:flex;justify-content:space-between;align-items:center;margin:30px 0 18px;color:var(--muted);font-size:9px;letter-spacing:1.5px}.filter-line select{background:#151925;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px;font-size:11px}.search-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.pager{display:flex;align-items:center;justify-content:center;gap:22px;margin:30px 0;color:var(--muted);font-size:11px}.pager button:disabled{opacity:.35;cursor:not-allowed}.back-link{display:inline-block;color:var(--muted);font-size:12px;margin:12px 0 30px}.back-link:hover{color:var(--soft)}.detail-hero{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:center;padding:10px 0 45px}.detail-poster,.poster-skeleton{height:300px;border-radius:18px;background:linear-gradient(145deg,#282e3d,#151925);overflow:hidden}.detail-poster img{width:100%;height:100%;object-fit:cover}.detail-copy h1{font:700 39px 'Space Grotesk';margin:10px 0}.detail-copy p{color:var(--muted);font-size:13px;line-height:1.8;max-width:750px}.detail-tags{display:flex;gap:8px;flex-wrap:wrap}.detail-tags span{padding:7px 10px;border-radius:8px;background:#ffffff0c;border:1px solid var(--line);font-size:10px;color:var(--soft)}.detail-meta{font-size:11px;color:var(--muted)}.count{font-size:10px;letter-spacing:1px;color:var(--muted)}.episode-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.episode-row{display:flex;align-items:center;gap:15px;background:#141925;border:1px solid var(--line);border-radius:14px;padding:14px;transition:.2s}.episode-row:hover{border-color:#ff927f75;background:#1a202d}.episode-number{font:600 19px 'Space Grotesk';color:var(--soft);width:35px}.episode-text{flex:1;min-width:0}.episode-text b,.episode-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episode-text b{font-size:12px}.episode-text small{font-size:10px;color:var(--muted);margin-top:5px}.episode-play{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#ff725e20;color:var(--soft);font-size:11px}.watch-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 0 24px}.watch-heading h1{font-size:36px;letter-spacing:-1.5px;margin:10px 0}.watch-heading p{margin:0}.live-tag{font-size:9px;letter-spacing:1.5px;color:var(--green);border:1px solid #9de0b733;padding:9px 12px;border-radius:9px}.live-tag i{width:6px;height:6px}.player{aspect-ratio:16/9;width:100%;background:#030407;border:1px solid #ffffff18;border-radius:18px;overflow:hidden;display:grid;place-items:center;box-shadow:0 20px 55px #0005}.player iframe,.player video{width:100%;height:100%;border:0;background:#000}.player-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--muted)}.player-empty b{font:600 12px 'Space Grotesk';letter-spacing:2px;color:#e9e6e3}.player-empty small{font-size:10px}.play-icon{width:55px;height:55px;display:grid;place-items:center;padding-left:3px;border-radius:50%;background:#ff725e;color:#27110e;font-size:17px;box-shadow:0 0 45px #ff725e55}.player-hint{color:var(--muted);font-size:10px;margin:12px 2px 24px}.server-list{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.server-card{display:flex;align-items:center;gap:12px;text-align:left;background:#141925;color:var(--text);border:1px solid var(--line);border-radius:14px;padding:14px;cursor:pointer}.server-card:hover,.server-card.selected{border-color:#ff927f99;background:#211d28}.server-icon{width:34px;height:34px;border-radius:11px;background:#ff725e1e;color:var(--soft);display:grid;place-items:center}.server-card>span:nth-child(2){flex:1}.server-card b,.server-card small{display:block}.server-card b{font-size:11px}.server-card small{font-size:9px;color:var(--muted);margin-top:4px}.server-arrow{color:var(--soft)}.next-card{display:flex;justify-content:space-between;padding:17px 19px;margin-top:20px;border:1px solid var(--line);border-radius:14px;background:#ffffff07}.next-card span{font-size:9px;letter-spacing:1px;color:var(--muted)}.next-card b{font-size:11px;color:var(--soft)}.mobile-dock{display:none}
body.app-mode{--bg:#090a0f}body.app-mode .topbar{height:68px}body.app-mode .container{max-width:900px}body.app-mode .hero{min-height:480px}body.app-mode .anime-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.app-mode .cover{height:210px}body.app-mode .install-banner{display:none}
@media(max-width:900px){.anime-grid,.search-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cover{height:205px}.hero{min-height:510px}.visual-core{width:210px;height:270px}.ring-a{width:290px;height:350px}.ring-b{width:240px;height:300px}.hero-visual{height:370px}}
@media(max-width:640px){.topbar{height:68px;padding:0 17px}.topbar nav{display:none;position:absolute;top:60px;right:16px;background:#171b27;border:1px solid var(--line);border-radius:14px;padding:15px 20px;flex-direction:column;gap:18px;margin:0;box-shadow:0 15px 35px #0008}.nav-open .topbar nav{display:flex}.topbar nav a.active:after{display:none}.brand{font-size:15px}.brand-icon{width:32px;height:32px}.mode-toggle{padding:9px 10px}.mode-toggle span{font-size:10px}.menu-toggle{display:block}.top-actions{gap:7px}.container{padding:0 17px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:48px 0 25px;min-height:0}.overline{margin-top:30px}.hero h1{font-size:48px;letter-spacing:-2.8px}.hero-desc{font-size:12px;max-width:390px}.hero-meta{margin-top:35px}.hero-visual{height:300px;margin-top:20px}.visual-core{width:170px;height:220px}.core-k{font-size:110px}.ring-a{width:230px;height:275px}.ring-b{width:190px;height:235px}.chip-a{right:0;top:25px}.chip-b{left:0;bottom:24px}.section{padding:30px 0 20px}.section-heading h2{font-size:25px}.anime-grid,.search-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cover{height:175px;border-radius:12px}.card-info b{font-size:10px}.card-info span{font-size:9px}.install-banner{padding:27px 23px;margin:42px 0 30px}.install-banner h2{font-size:29px}.install-banner p{max-width:250px;line-height:1.6}.install-symbol{font-size:85px;margin-right:0}.install-symbol span{font-size:27px;right:-17px}.container footer{padding-bottom:90px;gap:12px;flex-wrap:wrap}.container footer>span:nth-child(2){display:none}.inner{padding-top:20px}.page-title{padding:40px 0 25px}.page-title h1{font-size:42px;letter-spacing:-2px}.search-box{gap:8px;padding:8px 8px 8px 13px}.search-box input{font-size:11px}.search-box .btn{padding:12px;font-size:10px}.filter-line{margin:23px 0 15px}.filter-line select{max-width:145px;font-size:9px}.pager{gap:10px}.pager .btn{padding:10px;font-size:10px}.detail-hero{grid-template-columns:112px 1fr;gap:17px;padding-bottom:25px}.detail-poster,.poster-skeleton{height:165px;border-radius:13px}.detail-copy h1{font-size:23px;line-height:1.15}.detail-copy p{font-size:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.detail-tags{gap:5px}.detail-tags span{font-size:8px;padding:5px 7px}.detail-meta{font-size:9px}.episode-list{grid-template-columns:1fr;gap:8px}.episode-row{padding:12px}.watch-heading{padding:20px 0}.watch-heading h1{font-size:27px}.watch-heading p{font-size:10px}.live-tag{font-size:8px;padding:7px}.player{border-radius:12px}.player-empty small{font-size:8px}.server-list{grid-template-columns:1fr}.server-card{padding:12px}.mobile-dock{display:flex;position:fixed;z-index:10;bottom:0;left:0;right:0;height:67px;padding:7px 22px calc(7px + env(safe-area-inset-bottom));background:#10131deF;border-top:1px solid var(--line);backdrop-filter:blur(18px);justify-content:space-around}.mobile-dock a,.mobile-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:0;color:#858b9b;font-size:19px;min-width:55px}.mobile-dock small{font-size:9px}.mobile-dock .chosen{color:var(--soft)}body.app-mode .topbar{height:62px}body.app-mode .container{padding-left:14px;padding-right:14px}body.app-mode .hero{padding-top:35px}body.app-mode .anime-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.app-mode .cover{height:170px}}
