:root{--ink:#f7f4ff;--muted:#c0b9d3;--violet:#8e73ff;--pink:#ff6ba5;--surface:rgba(37,27,65,.76);--line:rgba(255,255,255,.1);--deep:#130d28}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--ink);font-family:"DM Sans",sans-serif;min-height:100vh;overflow-x:hidden}.glow{position:fixed;border-radius:50%;pointer-events:none;filter:blur(90px);opacity:.26}.glow-one{width:34rem;height:34rem;right:-12rem;top:11rem;background:#7457f2}.glow-two{width:28rem;height:28rem;left:-16rem;top:39rem;background:#fa5fa3}.topbar,main,footer{width:min(1140px,calc(100% - 40px));margin:auto}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 1.12rem Outfit,sans-serif;letter-spacing:-.02em}.brand b{color:#ab98ff}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(140deg,#9d7fff,#fb6fa6);font-size:.9rem;box-shadow:0 8px 22px #855ff06b}.topbar nav{display:flex;gap:24px;align-items:center}.topbar nav a{font-size:.9rem;color:var(--muted);text-decoration:none}.icon-button{border:1px solid var(--line);background:#241c42;color:white;border-radius:9px;padding:8px 11px;font:600 .95rem "DM Sans";cursor:pointer}.icon-button span{font-size:.75rem;color:#c4b8ff}.hero{min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;position:relative}.hero-copy{position:relative;z-index:1}.eyebrow{margin:0 0 12px;color:#bcaeff;text-transform:uppercase;letter-spacing:.13em;font-size:.71rem;font-weight:700}.hero h1,.section-heading h2,.results h2,.feature h2{font-family:Outfit,sans-serif;letter-spacing:-.055em}.hero h1{font-size:clamp(3.2rem,7vw,5.6rem);line-height:.93;margin:0;max-width:650px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#b4a4ff,#ff8ab9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:460px;color:var(--muted);line-height:1.65;font-size:1.05rem;margin:25px 0}.primary-button{display:inline-flex;gap:20px;align-items:center;padding:15px 19px;border-radius:12px;color:white;text-decoration:none;background:linear-gradient(105deg,#7659ed,#d55794);font-weight:700;box-shadow:0 15px 35px #8e5be54f}.primary-button span{font-size:1.35rem}.microcopy{color:#817895;font-size:.76rem;margin-top:14px}.hero-art{height:420px;position:relative}.spotlight{position:absolute;inset:45px 75px 35px;background:linear-gradient(145deg,#5b43a6,#2d204c 55%,#fd6d9c);clip-path:polygon(50% 0,83% 11%,100% 42%,88% 82%,53% 100%,18% 84%,0 47%,15% 13%);display:grid;place-items:center;box-shadow:0 30px 60px #0602169e}.spotlight:after{content:"";position:absolute;inset:6px;background:#1b1233;clip-path:inherit}.spotlight span{z-index:1;font:800 8rem Outfit;color:#aa93ff;text-shadow:0 0 38px #a389ff}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:250px;height:250px;right:32px;top:8px;background:#392467;opacity:.8}.orb-b{width:135px;height:135px;left:15px;bottom:10px;background:#f45696;opacity:.65}.hero-card{position:absolute;z-index:2;border:1px solid #ffffff2e;background:#2c2153d9;backdrop-filter:blur(12px);padding:13px;border-radius:15px;width:112px;box-shadow:0 18px 38px #0a051b91}.hero-card span{font-size:1.65rem;display:block;margin-bottom:4px}.hero-card small{font-weight:600;color:#e4dffd}.card-one{top:45px;left:0;transform:rotate(-10deg)}.card-two{bottom:44px;right:5px;transform:rotate(9deg)}.card-three{bottom:3px;left:80px;transform:rotate(-3deg)}.section-shell{margin:70px auto}.finder{padding:48px;border-radius:25px;background:linear-gradient(140deg,#281d49d9,#17112dd4);border:1px solid var(--line);position:relative}.section-heading{max-width:530px}.section-heading h2,.results h2,.feature h2{font-size:2.25rem;margin:0 0 10px}.section-heading>p:not(.eyebrow),.results-top p,.feature p{margin:0;color:var(--muted);line-height:1.55}.mood-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:31px 0}.mood-grid button{background:#ffffff08;border:1px solid var(--line);padding:16px 10px;border-radius:15px;color:var(--ink);text-align:left;cursor:pointer;transition:.2s}.mood-grid button:hover,.mood-grid button.active{border-color:#aa8cff;background:#8c71ff24;transform:translateY(-3px)}.mood-grid span{font-size:1.5rem;display:block;margin-bottom:10px}.mood-grid b,.mood-grid small{display:block}.mood-grid b{font-size:.83rem}.mood-grid small{font-size:.68rem;color:var(--muted);margin-top:3px}.search-row{border-top:1px solid var(--line);padding-top:22px}.search-row label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:9px}.search-row div{display:flex;gap:10px}.search-row input{flex:1;border:1px solid var(--line);border-radius:11px;padding:14px;background:#110c23;color:white;font:inherit;outline:none}.search-row input:focus{border-color:#9b82ff}.search-row button,.outline-button{border:0;border-radius:11px;padding:0 18px;background:#9b7dff;color:#160c2c;font:700 .87rem "DM Sans";cursor:pointer}.results-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.loading{font-size:.83rem;color:#c9bcff;display:flex;gap:7px;align-items:center}.loading i{width:13px;height:13px;border:2px solid #8f74ff;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.anime-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.anime-card{background:#21183d;border:1px solid var(--line);border-radius:16px;overflow:hidden;cursor:pointer;transition:.25s;min-width:0}.anime-card:hover{transform:translateY(-6px);border-color:#a68dff;box-shadow:0 15px 35px #0905157d}.cover{aspect-ratio:2/2.85;background:#34275b;position:relative}.cover img{width:100%;height:100%;object-fit:cover;display:block}.score{position:absolute;bottom:8px;left:8px;border-radius:8px;padding:5px 6px;background:#100a24d9;font-size:.72rem;font-weight:700}.card-info{padding:11px}.card-info h3{font:600 .85rem/1.25 Outfit;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-info p{margin:5px 0 0;font-size:.68rem;color:var(--muted)}.outline-button{display:block;margin:27px auto;border:1px solid #9277f5;background:transparent;color:#c8bcff;padding:12px 18px}.feature{padding:38px 42px;background:linear-gradient(105deg,#7b56df,#ce4b89);border-radius:24px;display:flex;justify-content:space-between;align-items:center}.feature .eyebrow,.feature p{color:#f0eaff}.feature h2{margin-bottom:7px}.feature-pill{padding:13px 17px;border-radius:13px;background:#ffffff21;border:1px solid #ffffff42;font-size:.85rem;font-weight:600}.feature-pill span{font-size:1.2rem;margin-left:12px}footer{border-top:1px solid var(--line);padding:28px 0 38px;display:flex;justify-content:space-between;align-items:center;color:#8d849f;font-size:.77rem}dialog{max-width:min(700px,calc(100% - 25px));border:1px solid #6d5b9d;background:#1d1635;color:white;border-radius:20px;padding:0;box-shadow:0 30px 90px #000b}dialog::backdrop{background:#090413a6;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:12px;z-index:2;width:34px;height:34px;border:0;border-radius:50%;background:#180f2bd9;color:#fff;font-size:1.45rem;cursor:pointer}.detail{display:grid;grid-template-columns:185px 1fr;gap:25px;padding:27px}.detail-cover{width:100%;border-radius:13px}.detail h2{font:700 1.9rem/1 Outfit;margin:5px 0 10px}.detail .meta{color:#b6a9d9;font-size:.83rem}.detail .description{color:#d2cce1;line-height:1.58;font-size:.91rem}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{padding:5px 8px;border-radius:20px;background:#ffffff12;color:#d8ceff;font-size:.7rem}.fav-detail{margin-top:15px;border:0;border-radius:10px;padding:11px 14px;background:#a789ff;color:#190d30;font-weight:700;cursor:pointer}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,100px);background:#f6efff;color:#25123d;border-radius:11px;padding:11px 15px;font-weight:600;font-size:.85rem;transition:.3s;z-index:5}#toast.show{transform:translate(-50%,0)}.empty{grid-column:1/-1;padding:35px;text-align:center;background:#ffffff08;border-radius:15px;color:var(--muted)}@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:auto;padding:50px 0 30px}.hero-art{height:310px;max-width:450px;width:100%;margin:auto}.mood-grid{grid-template-columns:repeat(3,1fr)}.anime-grid{grid-template-columns:repeat(3,1fr)}.feature{gap:22px}.topbar nav a{display:none}}@media(max-width:520px){.topbar,main,footer{width:min(100% - 28px,1140px)}.topbar{height:67px}.hero h1{font-size:3.2rem}.hero-art{height:255px}.spotlight{inset:25px 48px}.spotlight span{font-size:6rem}.finder{padding:28px 18px;border-radius:20px}.mood-grid{grid-template-columns:repeat(2,1fr);margin:24px 0}.search-row div{display:block}.search-row button{height:45px;width:100%;margin-top:9px}.results-top{display:block}.loading{margin-top:12px}.anime-grid{grid-template-columns:repeat(2,1fr);gap:11px}.feature{padding:28px 22px;display:block}.feature-pill{margin-top:20px}.feature h2{font-size:2rem}footer{display:block}footer p{margin-top:15px}.detail{grid-template-columns:1fr;padding:22px}.detail-cover{width:145px}.dialog-close{right:8px;top:8px}}