:root{color-scheme:dark;--bg:#101017;--panel:#191923;--line:#292936;--muted:#9694a8;--text:#f4f2ff;--accent:#b2a0ff;--accent-dark:#2c2442;--green:#8fd9ba;--sidebar:224px;font-family:"Leelawadee UI","Noto Sans Thai",Tahoma,system-ui,sans-serif;font-size:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button svg,a svg{pointer-events:none}svg.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}i[data-icon]{display:inline-flex}p{line-height:1.9}h1,h2,h3,p{margin-top:0}button{border:0}img{display:block;width:100%;height:100%;object-fit:cover}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#14141d;border-right:1px solid var(--line);padding:34px 20px 22px;z-index:40;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin:0 12px 48px;font-size:35px;font-weight:800;letter-spacing:-1.8px;line-height:1}.brand-mark{background:var(--accent);color:#241c38;border-radius:13px;width:42px;height:44px;font-weight:600;font-size:25px;display:grid;place-items:center;letter-spacing:0}.brand-dot,.mobile-brand span{color:var(--accent)}.brand small{display:block;font-size:7px;font-weight:500;letter-spacing:2px;color:var(--muted);margin-top:8px}.nav-caption{font-size:10px;color:#6e6b81;letter-spacing:1px;padding:0 14px;margin-bottom:15px}.primary-nav{display:grid;gap:6px}.primary-nav a{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:9px;color:#aaa7ba;font-size:13px;transition:background .2s,color .2s}.primary-nav a:hover{background:#1e1d2a;color:var(--text)}.primary-nav a.active{background:var(--accent-dark);color:#c1b2ff}.primary-nav a.active:before{content:"";position:absolute;left:0;height:22px;width:3px;background:var(--accent);border-radius:0 4px 4px 0}.primary-nav svg{width:19px}.library-caption{margin-top:34px}.count{font-size:10px;background:#272533;color:#b7b0d0;padding:2px 6px;border-radius:5px;margin-left:auto}.sidebar{overflow-y:auto}.sidebar-bottom{margin-top:auto;padding:40px 14px 0}.sidebar-bottom strong{display:block;font-size:12px;letter-spacing:.1px}.sidebar-bottom p{font-size:10px;color:var(--muted);margin:6px 0 22px}.moon-orbit{width:36px;height:36px;background:#252031;border-radius:50%;display:grid;place-items:center;color:var(--accent);margin-bottom:13px}.sidebar-credit{font-size:9px;color:#716d84}.sidebar-credit svg{width:12px;height:12px}.workspace{margin-left:var(--sidebar);min-width:0}.topbar{height:94px;padding:0 42px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #20202b}.search-box{display:flex;align-items:center;gap:12px;width:min(470px,60%);background:#1a1a25;border:1px solid #282734;border-radius:10px;padding:0 15px;height:44px;color:#868199}.search-box input{background:none;border:0;outline:none!important;min-width:0;flex:1;color:var(--text);font-size:12px}.search-box input::placeholder{color:#77728a}.search-box:focus-within{border-color:var(--accent)}kbd{font-size:10px;border:1px solid #383344;border-radius:4px;padding:1px 6px}.search-submit{background:none;padding:2px;display:none}.topbar-note{margin-left:auto;font-size:11px;color:#a29aaf;white-space:nowrap}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 12px #8fd9ba30}.source-connection{color:var(--accent);font-size:11px;white-space:nowrap;margin-left:auto}.avatar{border:1px solid #54416c;background:#302338;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:16px;color:#d8b7e8;flex-shrink:0}main{padding:32px 42px 28px;min-height:75vh;outline:none}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:10px}.page-intro h1{font-size:26px;line-height:1.35;margin:0 0 7px;font-weight:700;letter-spacing:-.5px}.page-intro p{font-size:12px;color:var(--muted);margin:0}.date-label{color:#7e778e;font-size:10px;text-align:right;padding-bottom:4px}.hero{position:relative;border:1px solid #363044;border-radius:18px;min-height:354px;overflow:hidden;background:#211b2d;isolation:isolate;margin-bottom:28px}.hero-art{position:absolute;width:60%;height:100%;right:0;top:0;object-fit:cover;object-position:center 30%;opacity:.86;z-index:-3}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#18141fee 0%,#1b1626f5 25%,#20182dd0 43%,#1a13292e 75%),linear-gradient(0deg,#17121edb,transparent 55%);z-index:-2}.hero:after{content:"";position:absolute;width:450px;height:450px;left:-210px;top:-300px;border:1px solid #ae8df321;border-radius:50%;z-index:-1}.hero-content{padding:38px 40px;max-width:64%}.feature-label{display:inline-flex;gap:7px;align-items:center;background:#a99aff1a;border:1px solid #b69dea45;border-radius:5px;padding:5px 9px;color:#d6c7fc;font-size:10px;margin-bottom:18px}.feature-label svg{height:12px;width:12px}.hero h2{font-size:34px;line-height:1.19;letter-spacing:-.8px;margin:0 0 12px;font-family:system-ui,"Leelawadee UI",sans-serif;font-weight:760;max-width:470px}.hero .thai-title{font-size:14px;color:#c0b6d0;line-height:1.7;max-width:390px;margin-bottom:18px}.meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#aaa0b9;font-size:10px;margin-bottom:25px}.meta-pill{border:1px solid #6a5a795c;border-radius:4px;padding:3px 7px;color:#c9badc}.meta-row .ongoing{color:var(--green)}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border-radius:8px;font-size:12px;font-weight:600;background:#252331;border:1px solid #45404f;min-height:42px;transition:background .2s,transform .2s}.button:hover{background:#393247;transform:translateY(-1px)}.button.primary{background:var(--accent);color:#1a122a;border-color:var(--accent)}.button.primary:hover{background:#c6b8ff}.button svg{width:17px;height:17px}.button.subtle{background:#ffffff08;border-color:#ffffff25}.hero-index{position:absolute;bottom:25px;right:27px;font-size:10px;letter-spacing:3px;color:#d2c2e8;display:flex;align-items:center;gap:9px}.hero-index span{width:24px;height:3px;background:#cbb6ef;border-radius:3px}.hero-index span+span{width:7px;background:#cbb6ef44}.quick-links{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.chip{padding:8px 16px;border-radius:7px;border:1px solid #2d2a39;background:#181720;font-size:11px;color:#a6a0b7;display:inline-flex;align-items:center;gap:7px}.chip svg{width:14px;height:14px}.chip:hover{border-color:#706082;color:#ddd1ec}.chip.active{color:#c2b0ff;border-color:#6e5d975c;background:#2c2442}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px}.section-heading h2{font-size:18px;letter-spacing:-.3px;margin:0}.section-heading .section-mark{width:3px;height:17px;background:var(--accent);border-radius:3px}.section-heading .sub-count{color:#82798e;font-size:10px;align-self:center;margin-left:3px}.text-link{font-size:11px;color:var(--accent);display:inline-flex;gap:5px;align-items:center;margin-left:auto}.text-link svg{width:15px;height:15px}.anime-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:23px 18px}.anime-card{min-width:0;position:relative}.poster{position:relative;aspect-ratio:2/2.95;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#322841,#182536);border:1px solid #ffffff0a;display:block}.poster img{transition:transform .35s;object-position:center top}.anime-card:hover .poster img{transform:scale(1.045)}.poster:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#080710b8);pointer-events:none}.poster .language-tag{position:absolute;top:9px;left:9px;z-index:2;background:#1a1728d9;border:1px solid #ffffff18;backdrop-filter:blur(8px);color:#d6cbee;border-radius:4px;padding:4px 6px;font-size:9px}.language-tag.dub{background:#1d392cde;color:#b5e3c8}.episode-tag{position:absolute;bottom:10px;left:10px;z-index:2;color:#eee5f9;font-size:10px}.poster-play{position:absolute;inset:0;display:grid;place-items:center;background:#14101d50;opacity:0;transition:opacity .2s;z-index:3}.poster-play svg{width:41px;height:41px;border-radius:50%;padding:10px;background:#b9a2ffec;color:#211531}.poster:hover .poster-play,.poster:focus-visible .poster-play{opacity:1}.favorite-button{position:absolute;top:9px;right:8px;z-index:4;width:28px;height:28px;display:grid;place-items:center;background:#14131dcc;border:1px solid #ffffff28;border-radius:7px;color:#e7ddf0;opacity:0;transition:opacity .2s}.favorite-button svg{width:14px;height:14px}.anime-card:hover .favorite-button,.favorite-button:focus-visible,.favorite-button.saved{opacity:1}.favorite-button.saved{background:#a993f6;color:#241636;border-color:#baa3fc}.anime-card h3{font:600 12px/1.6 system-ui,"Leelawadee UI",sans-serif;margin:10px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#e2dbea;min-height:38px}.card-subtitle{font-size:10px;color:#94899f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 6px}.card-meta{color:#7f778d;font-size:9px;display:flex;gap:5px;align-items:center}.status-dot{width:4px;height:4px;border-radius:50%;background:var(--green)}.status-dot.completed{background:#b6a2e9}.browse-more{margin:29px auto 10px;display:flex;justify-content:center}.browse-more .button{padding:10px 24px;background:#1c1926;color:#b6a4db;border-color:#3a304b}.source-note{font-size:10px;color:#686071;margin-top:20px;text-align:center}.notice{font-size:12px;padding:13px 17px;border:1px solid #79643266;border-radius:8px;background:#3f321833;color:#d5bf83;line-height:1.8;margin-bottom:20px}.footer{border-top:1px solid #25212e;padding:24px 42px;display:flex;align-items:center;gap:20px;color:#736b80;font-size:10px}.footer-brand{font:bold 20px system-ui;color:#b4a4cf}.footer>a:last-child{margin-left:auto}.footer svg{width:12px;height:12px}.empty-state{padding:70px 20px;text-align:center;border:1px dashed #393040;background:#16131d;border-radius:15px}.empty-state>svg{height:40px;width:40px;color:#a38cc7;margin-bottom:20px}.empty-state h2{font-size:20px;margin-bottom:9px}.empty-state p{color:var(--muted);font-size:12px;margin:0 auto 22px;max-width:440px}.skeleton{background:linear-gradient(100deg,#211d2a 20%,#2b2636 40%,#211d2a 60%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:10px}.skeleton.hero{border:0;min-height:320px}.skeleton.poster{aspect-ratio:2/3}.loading-label{font-size:12px;color:var(--muted);margin-bottom:22px}.breadcrumb{font-size:11px;color:#91839f;display:flex;align-items:center;gap:9px;margin:0 0 24px}.breadcrumb a:hover{color:var(--accent)}.detail-intro{display:flex;gap:30px;background:linear-gradient(110deg,#20192d,#17151f);border:1px solid #34293e;border-radius:16px;padding:28px;margin-bottom:30px;align-items:flex-start}.detail-poster{width:168px;aspect-ratio:2/3;flex-shrink:0;overflow:hidden;border-radius:9px;background:#30283e}.detail-copy{min-width:0;flex:1}.detail-copy h1{font:700 28px/1.25 system-ui,"Leelawadee UI",sans-serif;letter-spacing:-.5px;margin:0 0 10px}.detail-copy .thai-title{color:#c3b4d1;font-size:15px;margin-bottom:13px}.detail-copy .meta-row{margin-bottom:15px}.genres{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:17px}.genres span{font-size:9px;background:#312539;border-radius:4px;padding:4px 8px;color:#bb9fce}.synopsis{font-size:12px;color:#ad9bbb;line-height:1.95;max-width:850px}.synopsis summary{color:#d2bddf;cursor:pointer;margin-bottom:8px;font-weight:600}.synopsis p{margin:0 0 15px}.player-section{margin-bottom:30px}.player-shell{background:#07060b;border:1px solid #34293f;border-radius:12px;overflow:hidden;position:relative;aspect-ratio:16/9}.player-shell iframe{width:100%;height:100%;position:absolute;inset:0;border:0}.player-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:24px;color:#ae9fbe;font-size:12px}.player-placeholder svg{width:34px;height:34px;color:var(--accent)}.player-placeholder p{max-width:420px;margin:0}.player-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.player-heading h2{font-size:18px;margin:0}.player-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}.player-tools .button{font-size:11px;padding:9px 13px;min-height:35px}.player-hint{font-size:10px;color:#7e6e91;margin-top:10px}.episode-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 18px;flex-wrap:wrap}.language-tabs{display:flex;gap:7px}.language-tabs button{background:#1e1929;color:#a58fb8;border:1px solid #382b47;padding:9px 16px;border-radius:6px;font-size:11px}.language-tabs button.active{background:#3a2a54;color:#d8c3f2;border-color:#6d4e94}.episode-filter{background:#18131f;color:#c2afd3;border:1px solid #403049;border-radius:6px;padding:8px 10px;font-size:11px;max-width:140px}.episode-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}.episode-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:65px;border:1px solid #32273d;background:#1a1521;border-radius:8px;transition:background .2s}.episode-item:hover{background:#322442;border-color:#73548d}.episode-item small{font-size:9px;color:#96809f}.episode-item strong{font:600 17px system-ui}.episode-item.active{background:#ac94e3;color:#24172d;border-color:#c1a1ff}.episode-item.active small{color:#3f2650}.episode-empty{padding:30px;color:var(--muted)}.collection-info{font-size:11px;color:#8b789a;margin-bottom:24px}.delete-history{margin-left:auto;background:none;color:#a18bab;font-size:11px;padding:8px}.catalog-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:24px}.catalog-toolbar .quick-links{margin:0;flex:1}.catalog-toolbar select{background:#1e1925;border:1px solid #3b2c45;border-radius:6px;padding:8px 10px;color:#c1b0ce;font-size:11px}.toast{position:fixed;bottom:28px;left:calc(50% + var(--sidebar)/2);transform:translateX(-50%);z-index:100;background:#d2bfee;color:#22152e;box-shadow:0 8px 30px #0005;border:1px solid #e0d1f0;padding:13px 24px;font-size:12px;border-radius:9px;max-width:90vw}.skip-link{position:fixed;top:-80px;left:20px;z-index:200;background:var(--accent);color:#20132d;padding:15px}.skip-link:focus{top:10px}.icon-button{display:grid;place-items:center;width:34px;height:34px;background:none;border:1px solid #41314e;border-radius:7px}.mobile-menu,.mobile-brand,.drawer-shade{display:none}.noscript{margin:50px;padding:20px;background:#3e2948}.broken-image{display:none}.poster:has(.broken-image):before,.detail-poster:has(.broken-image):before{content:"夜";height:100%;display:grid;place-items:center;font-size:55px;color:#c6a7db44}.detail-source{font-size:10px;color:#8b719e;margin-top:22px}.detail-source a{color:var(--accent)}.loading-spinner{width:26px;height:26px;border:2px solid #b79be12b;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}
@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1700px){main,.topbar,.footer{padding-left:var(--page-gutter,48px);padding-right:var(--page-gutter,48px)}.hero{min-height:420px}.hero-content{padding:50px}.hero h2{font-size:43px}.anime-grid{gap:30px 23px}.anime-card h3{font-size:14px}}
@media(max-width:1250px){:root{--sidebar:196px}.sidebar{padding-left:12px;padding-right:12px}.brand{margin-left:9px}.primary-nav a{padding-left:12px;font-size:12px;gap:10px}.topbar{padding:0 28px}.topbar-note{display:none}.source-connection{color:var(--accent);font-size:11px;white-space:nowrap;margin-left:auto}.avatar{margin-left:auto}.search-box{width:min(500px,80%)}main{padding:27px 28px}.footer{padding:22px 28px}.anime-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 14px}.hero-content{max-width:67%;padding:30px}.hero h2{font-size:29px}.hero{min-height:330px}.episode-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:1000px){.anime-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-content{max-width:74%}.hero h2{font-size:28px}.hero-art{width:68%}.date-label{display:none}.detail-intro{padding:22px;gap:20px}.detail-poster{width:132px}.detail-copy h1{font-size:23px}.episode-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.footer>span{display:none}}
@media(max-width:760px){:root{--sidebar:0px}.sidebar{width:224px;transform:translateX(-100%);transition:transform .2s;padding:27px 18px}.sidebar .brand{margin-bottom:32px}.workspace{margin:0}.sidebar-bottom{padding-top:25px}.menu-open .sidebar{transform:translateX(0)}.drawer-shade{position:fixed;inset:0;background:#080611b8;z-index:39}.menu-open .drawer-shade{display:block}.mobile-menu{display:grid;flex-shrink:0}.mobile-brand{display:block;font:bold 24px system-ui;letter-spacing:-1px}.topbar{padding:0 18px;gap:12px;height:74px}.search-box{flex:1;width:auto;min-width:0;height:39px;padding:0 10px;gap:7px}.search-box input{font-size:11px}.search-box kbd{display:none}.search-submit{display:block}.search-submit svg{width:15px}.source-connection{color:var(--accent);font-size:11px;white-space:nowrap;margin-left:auto}.avatar{display:none}.search-box>i .icon{width:15px}.topbar .icon-button{border:0;width:24px}main{padding:24px 20px}.page-intro{margin-bottom:22px}.page-intro h1{font-size:23px}.page-intro p{font-size:11px}.hero{min-height:362px;border-radius:13px;margin-bottom:20px}.hero-content{padding:26px;max-width:82%}.hero h2{font-size:27px;max-width:330px}.hero .thai-title{font-size:12px;max-width:280px}.hero-art{width:100%;opacity:.6;object-position:70% 25%}.hero:before{background:linear-gradient(90deg,#21152eed,#211a2ba3 65%,#14101e44),linear-gradient(0deg,#1d142af0,transparent)}.hero .meta-row{margin-bottom:21px}.hero .button{padding:10px 14px;font-size:11px}.hero-index{right:20px;bottom:19px}.quick-links{gap:7px;margin-bottom:27px}.chip{padding:8px 11px;font-size:10px}.anime-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 13px}.favorite-button{opacity:1}.section-heading h2{font-size:17px}.section-heading .sub-count{display:none}.anime-card h3{font-size:12px}.footer{padding:20px;font-size:9px;gap:10px}.footer-brand{font-size:17px}.footer>a:last-child{max-width:230px;text-align:right}.detail-intro{padding:18px;gap:16px}.detail-poster{width:105px}.detail-copy h1{font-size:20px}.detail-copy .thai-title{font-size:12px}.detail-copy .button{font-size:11px;padding:10px 12px}.synopsis{font-size:11px}.detail-intro .meta-row{gap:5px;font-size:9px}.detail-intro .genres{gap:4px}.genres span{font-size:8px}.episode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.episode-item{min-height:60px}.language-tabs button{font-size:10px;padding:8px 11px}.player-heading h2{font-size:16px}.player-shell{border-radius:8px}.player-tools{gap:8px}.player-hint{font-size:10px}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar select{margin-left:auto}.toast{left:50%;font-size:11px;bottom:18px;width:max-content}.empty-state{padding:50px 18px}}
@media(max-width:440px){.anime-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.hero-content{max-width:94%;padding:25px 22px}.hero h2{font-size:28px}.hero{min-height:380px}.mobile-brand{display:none}.detail-intro{display:block}.detail-poster{float:left;margin:0 17px 12px 0;width:90px}.detail-copy .actions,.detail-copy .synopsis{clear:both}.detail-copy h1{font-size:21px}.detail-copy .genres{margin-bottom:15px}.detail-copy .actions{padding-top:10px}.episode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.section-heading .text-link{font-size:10px}.page-intro .eyebrow{font-size:8px}.footer>a:last-child{max-width:210px}}
.provider-picker{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 12px}.provider-picker:empty{display:none}.provider-caption{font-size:11px;color:var(--muted);margin-right:3px}.provider-button{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:7px;border:1px solid #4b3b60;background:#201928;font-size:11px}.provider-button svg{width:13px;height:13px}.provider-button.active{background:var(--accent);color:#201329;border-color:var(--accent)}.provider-unavailable{font-size:10px;color:#998aab}.player-shell:fullscreen{border:0;border-radius:0;aspect-ratio:auto;background:#000}.player-shell:fullscreen iframe{width:100%;height:100%}@media(max-width:440px){.provider-picker{gap:7px}.provider-unavailable{flex-basis:100%;margin-top:2px}.player-placeholder{gap:10px;padding:14px}.player-placeholder>svg{height:22px;width:22px}.player-placeholder .button{padding:8px 10px;font-size:10px;min-height:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}