:root{--bg:#080a12;--bg-elevated:#0d101a;--surface:#121521db;--surface-strong:#181c2bf5;--surface-soft:#ffffff0f;--text:#f7f3eb;--muted:#a5adbf;--muted-strong:#cbd1dd;--line:#ffffff1f;--line-strong:#fff3;--accent:#ff4f70;--accent-strong:#ff2f58;--teal:#3dd6c6;--gold:#f6c55f;--shadow:0 24px 70px #0000006b}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:linear-gradient(135deg,#ff4f7029,#0000 32%),linear-gradient(225deg,#3dd6c61c,#0000 36%),linear-gradient(#090b14 0%,#0e101a 48%,#080a12 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 82%);mask-image:linear-gradient(#000c,#0000 82%)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}svg{flex:none}.page,.detail-page{width:min(1220px,100% - 32px);margin:0 auto;padding:32px 0 64px}.home-page{gap:18px;display:grid}.hero-shell{border:1px solid var(--line);min-height:620px;box-shadow:var(--shadow);background:linear-gradient(120deg,#121521fa,#121521d1),linear-gradient(145deg,#ff4f7029,#3dd6c614);border-radius:8px;grid-template-columns:minmax(0,1.1fr) minmax(340px,.82fr);gap:24px;display:grid;position:relative;overflow:hidden}.hero-shell:after,.details-hero:after{pointer-events:none;content:"";mix-blend-mode:screen;opacity:.42;background:linear-gradient(90deg,#ffffff0d,#0000 18%),linear-gradient(#0000,#00000057);position:absolute;inset:0}.hero-copy,.details-content{z-index:1;position:relative}.hero-copy{flex-direction:column;justify-content:center;gap:20px;padding:clamp(24px,5vw,56px);display:flex}.eyebrow{width:fit-content;color:var(--teal);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:900;display:inline-flex}.hero-copy h1,.details-content h1{letter-spacing:0;max-width:780px;margin:0;font-size:clamp(42px,7vw,86px);line-height:.95}.hero-lede,.app-header p,.muted-title,.empty-state p{color:var(--muted)}.hero-lede{max-width:660px;margin:0;font-size:clamp(17px,2vw,21px);line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-note{min-height:40px;color:var(--muted-strong);background:#3dd6c614;border:1px solid #3dd6c63d;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.hero-art{min-height:520px;position:relative;overflow:hidden}.hero-art:before{z-index:1;content:"";background:linear-gradient(90deg,#121521d1,#0000 38%),linear-gradient(#0000,#121521db);position:absolute;inset:0}.hero-poster{background-color:#ffffff14;background-position:50%;background-size:cover;border:1px solid #ffffff2e;border-radius:8px;position:absolute;overflow:hidden;box-shadow:0 26px 60px #00000073}.placeholder-poster{background:linear-gradient(135deg,#ff4f7059,#0000),linear-gradient(225deg,#3dd6c642,#0000),#141827}.hero-poster-1{aspect-ratio:3/4;width:min(44%,230px);top:7%;right:17%;transform:rotate(5deg)}.hero-poster-2{aspect-ratio:3/4;width:min(38%,190px);top:22%;right:48%;transform:rotate(-8deg)}.hero-poster-3{aspect-ratio:3/4;width:min(42%,220px);top:42%;right:8%;transform:rotate(9deg)}.hero-poster-4{aspect-ratio:3/4;width:min(33%,170px);bottom:9%;right:38%;transform:rotate(-3deg)}.hero-poster-5{aspect-ratio:3/4;opacity:.78;width:min(30%,150px);top:5%;right:62%;transform:rotate(12deg)}.hero-art-caption{z-index:2;color:var(--muted-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a12b8;border:1px solid #ffffff29;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:900;position:absolute;bottom:22px;right:22px}.search-panel,.favorites-section,.results-section,.synopsis-panel,.info-panel,.trailer-section,.link-section,.empty-state{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px}.search-panel{max-width:820px;padding:14px}.search-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.search-input-wrap,.filter-grid label{gap:7px;min-width:0;display:grid}.search-input-wrap span,.filter-grid span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.field-shell{border:1px solid var(--line);min-height:50px;color:var(--muted);background:#ffffff14;border-radius:8px;align-items:center;gap:10px;padding:0 13px;display:flex}input,select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:#ffffff14;border-radius:8px;outline:none;padding:0 12px}.field-shell input{background:0 0;border:0;min-height:auto;padding:0}input::placeholder{color:#cbd1dd8f}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px;background-repeat:no-repeat;background-size:5px 5px;padding-right:34px}select option{color:var(--text);background:#111421}.field-shell:focus-within,input:focus,select:focus{border-color:#3dd6c6bd;box-shadow:0 0 0 3px #3dd6c629}.filter-heading{color:var(--muted-strong);align-items:center;gap:8px;margin:13px 0 10px;font-size:12px;font-weight:900;display:inline-flex}.filter-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;display:grid}button,.primary-button,.secondary-button,.text-button,.link-list a,.related-list a{cursor:pointer;border-radius:8px;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}button:disabled{cursor:not-allowed;opacity:.56}.primary-button,.secondary-button{white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 18px;font-weight:900;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;box-shadow:0 14px 30px #ff4f7042}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 38px #ff4f7052}.primary-button.saved{background:linear-gradient(135deg,#24c4b5,#1a9b90);box-shadow:0 14px 30px #3dd6c633}.secondary-button{border-color:var(--line);color:var(--text);background:#ffffff14}.secondary-button:hover:not(:disabled){background:#3dd6c61a;border-color:#3dd6c68a;transform:translateY(-1px)}.text-button{min-height:38px;color:var(--accent);background:0 0;border:0;align-items:center;gap:8px;font-weight:900;display:inline-flex}.text-button:hover{color:#ff8aa0}.browse-actions,.recent-searches{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d101abd;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.toolbar-label,.recent-searches span{color:var(--muted-strong);align-items:center;gap:7px;font-size:13px;font-weight:900;display:inline-flex}.browse-actions button,.recent-searches button{min-height:38px;color:var(--muted-strong);background:#ffffff12;border:1px solid #0000;border-radius:8px;padding:0 14px;font-weight:900}.browse-actions button.active,.browse-actions button:hover,.recent-searches button:hover{color:#ffdbe3;background:#ff4f7021;border-color:#ff4f7070}.favorites-section,.results-section,.trailer-section,.link-section{padding:clamp(16px,3vw,24px)}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-heading h2,.synopsis-panel h2,.info-panel h2{letter-spacing:0;margin:3px 0 0;font-size:clamp(24px,3vw,34px)}.results-count{color:#ffe3a4;background:#f6c55f1a;border:1px solid #f6c55f47;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:900}.anime-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;display:grid}.compact-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.anime-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;transition:box-shadow .18s,transform .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 18px 46px #00000047}.anime-card:hover{border-color:#ffffff3d;transform:translateY(-4px);box-shadow:0 28px 70px #00000070}.anime-card-link{display:block}.poster-wrap{aspect-ratio:3/4;background:#121520;position:relative;overflow:hidden}.poster-wrap:after{content:"";background:linear-gradient(#0000 42%,#080a12eb 100%),linear-gradient(90deg,#ff4f701a,#0000);position:absolute;inset:0}.poster-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .32s,filter .32s;display:block}.anime-card:hover .poster-wrap img{filter:saturate(1.08);transform:scale(1.04)}.score-badge{z-index:1;color:#ffe6ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6c55f2e;border:1px solid #f6c55f6b;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-width:48px;padding:6px 9px;font-size:13px;font-weight:900;display:inline-flex;position:absolute;bottom:10px;right:10px}.anime-card-content{min-height:118px;padding:13px}.anime-card-content h3{min-height:46px;color:var(--text);letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:16px;line-height:1.35;display:-webkit-box;overflow:hidden}.card-meta{flex-wrap:wrap;gap:7px;display:flex}.card-meta span{min-height:26px;color:var(--muted-strong);background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.favorite-button{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a129e;border:1px solid #ffffff2e;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:absolute;top:10px;right:10px}.favorite-button:hover,.favorite-button.active{color:#ff9bae;background:#ff4f7033;border-color:#ff4f70a8}.favorite-button.active svg{fill:currentColor}.loading,.error-message{border:1px solid var(--line);min-height:120px;color:var(--muted-strong);background:#0d101ac2;border-radius:8px;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:900;display:flex}.error-message{color:#ff9bae;border-color:#ff4f704d}.spin-icon{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;box-shadow:none;place-items:center;gap:8px;padding:44px 18px;display:grid}.empty-state h3,.empty-state p{margin:0}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.pagination button{border:1px solid var(--line);min-height:42px;color:var(--text);background:#ffffff12;border-radius:8px;align-items:center;gap:7px;padding:0 15px;font-weight:900;display:inline-flex}.pagination button:hover:not(:disabled){background:#3dd6c61a;border-color:#3dd6c685}.pagination span{min-width:118px;color:var(--muted-strong);text-align:center;font-weight:900}.back-link{min-height:40px;color:var(--teal);align-items:center;gap:8px;margin-bottom:16px;font-weight:900;display:inline-flex}.back-link:hover{color:#8ef2e8}.details-hero{border:1px solid var(--line);box-shadow:var(--shadow);isolation:isolate;background:#111421;border-radius:8px;grid-template-columns:minmax(240px,330px) minmax(0,1fr);gap:clamp(20px,4vw,44px);padding:clamp(18px,4vw,38px);display:grid;position:relative;overflow:hidden}.details-hero:before{z-index:-2;content:"";background-image:linear-gradient(90deg, #080a12f5, #080a12c2), var(--hero-image);filter:blur(18px)saturate(1.2);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.08)}.details-hero:after{z-index:-1}.details-poster-frame{z-index:1;border:1px solid var(--line-strong);background:#ffffff14;border-radius:8px;align-self:center;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000007a}.details-image{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.details-content{align-self:center}.details-content h1{font-size:clamp(34px,6vw,72px)}.muted-title{margin:12px 0 18px;font-weight:800}.genre-row{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.genre-row span{color:#b8fff8;background:#3dd6c61a;border:1px solid #3dd6c63d;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.detail-actions{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.stats-grid{grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;display:grid}.stats-grid div{border:1px solid var(--line);background:#ffffff14;border-radius:8px;padding:13px}.stats-grid span,.info-panel dt,.related-list span{color:var(--muted);text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:900;display:flex}.stats-grid strong{color:var(--text);margin-top:5px;font-size:20px;display:block}.detail-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:18px;margin-top:18px;display:grid}.synopsis-panel,.info-panel{padding:clamp(18px,3vw,26px)}.synopsis-panel p:last-child{color:var(--muted-strong);font-size:16px;line-height:1.8}.info-panel dl{gap:15px;margin:18px 0 0;display:grid}.info-panel dt{margin-bottom:5px}.info-panel dd{color:var(--muted-strong);margin:0;line-height:1.5}.trailer-section iframe{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:8px;width:100%}.link-list,.related-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.link-list a,.related-list a{border:1px solid var(--line);min-height:54px;color:var(--text);background:#ffffff12;justify-content:space-between;align-items:center;gap:12px;padding:12px;font-weight:900;display:flex}.link-list a:hover,.related-list a:hover{background:#3dd6c61a;border-color:#3dd6c685}.related-list a{flex-direction:column;align-items:flex-start}.related-list strong{color:var(--text);display:block}@media (width<=940px){.hero-shell{grid-template-columns:1fr;min-height:auto}.hero-art{order:-1;min-height:360px}.hero-copy{padding-top:0}.details-hero,.detail-layout{grid-template-columns:1fr}.details-poster-frame{width:min(360px,100%);margin:0 auto}}@media (width<=760px){.page,.detail-page{width:min(100% - 20px,1220px);padding:18px 0 48px}.hero-copy h1,.details-content h1{font-size:clamp(38px,13vw,58px)}.search-row,.filter-grid,.stats-grid{grid-template-columns:1fr}.primary-button,.secondary-button,.search-row .primary-button{width:100%}.section-heading{flex-direction:column;align-items:flex-start}.anime-grid,.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero-art-caption{text-align:center;left:14px;right:14px}}@media (width<=520px){.hero-shell,.details-hero,.search-panel,.favorites-section,.results-section,.synopsis-panel,.info-panel,.trailer-section,.link-section,.browse-actions,.recent-searches{border-radius:8px}.hero-copy{padding:18px}.hero-art{min-height:300px}.anime-card-content{min-height:122px;padding:10px}.anime-card-content h3{font-size:14px}.card-meta span{min-height:24px;font-size:11px}.favorite-button{width:36px;height:36px}.pagination{flex-wrap:wrap}.pagination span{order:-1;width:100%}}