[hidden]{display:none!important}:root{--bg:#07080d;--panel:#11131b;--panel2:#171925;--line:#292d3b;--text:#f7f7fb;--muted:#a9acbb;--purple:#9754ff;--purple2:#5c2bd9;--orange:#ff7a2a;--pink:#ff78ae;--green:#3ee095;--gold:#ffd06a;--nav:82px}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% -10%,#2a1431 0,transparent 30%),var(--bg);color:var(--text);min-height:100vh;padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.fatal{padding:40px}.splash{position:fixed;inset:0;z-index:999;display:grid;place-content:center;justify-items:center;gap:13px;background:radial-gradient(circle at 50% 43%,rgba(151,84,255,.23),transparent 24%),#090810;transition:opacity .35s ease}.splash img{width:112px;height:112px;border-radius:28px;box-shadow:0 22px 60px rgba(114,44,239,.35)}.splash strong{font-size:31px}.splash span{color:var(--muted);font-size:16px}.splash i{width:110px;height:3px;background:#222432;border-radius:10px;overflow:hidden;position:relative}.splash i:after{content:"";position:absolute;inset:0;width:45%;background:linear-gradient(90deg,var(--orange),var(--purple));animation:load 1s ease-in-out infinite}@keyframes load{from{transform:translateX(-120%)}to{transform:translateX(270%)}}.app{max-width:760px;margin:auto}.topbar{position:sticky;top:0;z-index:70;padding:calc(12px + env(safe-area-inset-top)) 20px 12px;background:linear-gradient(180deg,rgba(7,8,13,.98),rgba(7,8,13,.88),transparent);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;padding:0;text-align:left}.brand img{width:48px;height:48px;border-radius:15px}.brand span{display:flex;flex-direction:column}.brand b{font-size:24px;letter-spacing:-.5px}.brand small{color:var(--muted);font-size:13px;margin-top:2px}.topbar{display:flex;justify-content:space-between;align-items:center}.round-btn{width:48px;height:48px;border-radius:16px;border:1px solid var(--line);background:rgba(17,19,27,.85);font-size:24px}.page{display:none;padding:0 20px 32px;animation:pageIn .28s ease}.page.active{display:block}@keyframes pageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.hero{position:relative;overflow:hidden;border:1px solid #3a2b47;border-radius:30px;background:linear-gradient(140deg,#2b1a23,#1a152d);padding:30px 25px 24px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.hero:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-70px;top:-120px;background:radial-gradient(circle,var(--purple),transparent 68%);opacity:.25}.eyebrow,.page-intro small,.section-title small,.detail-section small,.decision-card small{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#c496ff}.hero h1,.page-intro h1{font-size:39px;line-height:1.02;letter-spacing:-1.8px;margin:12px 0}.hero p,.page-intro p{color:var(--muted);font-size:17px;line-height:1.5;margin:0 0 20px}.primary,.secondary{border:0;border-radius:17px;padding:16px 20px;font-weight:800}.primary{background:linear-gradient(135deg,var(--orange),#ff9b58);color:#111}.secondary{background:#151821;border:1px solid var(--line)}.compact{padding:12px 16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.stat{padding:15px 12px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.stat b{display:block;font-size:25px}.stat span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:30px 2px 15px}.section-title h2{font-size:25px;margin:3px 0 0;letter-spacing:-.6px}.section-title>span,.text-btn{color:var(--muted);font-size:13px}.text-btn{background:none;border:0}.feature-card{position:relative;width:100%;height:410px;border-radius:29px;overflow:hidden;border:1px solid var(--line);padding:0;background:#111;text-align:left;box-shadow:0 22px 50px rgba(0,0,0,.32)}.feature-card>img{width:100%;height:100%;object-fit:cover}.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(7,8,13,.15) 43%,#07080e 100%)}.feature-content{position:absolute;z-index:2;left:22px;right:22px;bottom:24px}.feature-content .match{display:inline-flex;padding:9px 12px;border-radius:999px;background:rgba(10,8,14,.72);border:1px solid rgba(255,122,42,.6);color:#ffb486;font-weight:800;font-size:13px}.feature-content h3{font-size:34px;line-height:1.03;letter-spacing:-1.2px;margin:13px 0 8px;max-width:95%}.feature-content p{margin:0;color:#d6d7df;line-height:1.4}.mood-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mood{min-height:112px;text-align:left;border-radius:22px;padding:17px;border:1px solid var(--line);background:linear-gradient(145deg,#13151e,#0d0f15)}.mood b{display:block;font-size:17px}.mood span{display:block;color:var(--muted);font-size:13px;margin-top:7px;line-height:1.35}.horizontal-rail{display:flex;gap:13px;overflow:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;margin-right:-20px}.rail-card{width:150px;flex:0 0 150px;scroll-snap-align:start;background:none;border:0;text-align:left;padding:0}.rail-card img{width:150px;height:190px;border-radius:20px;object-fit:cover;border:1px solid var(--line)}.rail-card b{display:block;margin:9px 2px 4px;line-height:1.2}.rail-card span{font-size:12px;color:var(--gold)}.page-intro{padding:22px 3px 12px}.page-intro h1{font-size:35px;margin:7px 0}.page-intro p{font-size:15px}.page-intro.split{display:flex;justify-content:space-between;align-items:center}.searchbox{display:flex;gap:10px;align-items:center;border:1px solid var(--line);background:#11131b;border-radius:20px;padding:15px 17px;margin:5px 0 14px}.searchbox input{width:100%;background:none;border:0;outline:0;font-size:16px}.chips{display:flex;gap:8px;overflow:auto;padding:2px 0 13px}.chip{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:#10121a;font-size:13px}.chip.active{border-color:#8d55ed;background:rgba(151,84,255,.18);color:#d6b8ff}.toolbar{display:flex;flex-direction:column;gap:5px}.toolbar select{align-self:flex-end;background:#12141c;border:1px solid var(--line);border-radius:12px;padding:9px}.anime-list{display:grid;gap:11px}.anime-row{width:100%;display:grid;grid-template-columns:76px 1fr auto;gap:13px;align-items:center;text-align:left;background:#10121a;border:1px solid var(--line);border-radius:20px;padding:10px}.anime-row img{width:76px;height:76px;border-radius:15px;object-fit:cover}.anime-copy{min-width:0}.anime-copy h4{margin:0;font-size:17px;line-height:1.18}.anime-copy .rank{color:var(--gold)}.anime-copy p{margin:6px 0 0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-pill{background:#191c26;border-radius:15px;padding:12px;color:var(--gold);font-size:18px;font-weight:800}.anime-list.grid{grid-template-columns:1fr 1fr}.anime-list.grid .anime-row{display:block;padding:9px}.anime-list.grid .anime-row img{width:100%;height:190px}.anime-list.grid .anime-copy{padding:8px 3px}.anime-list.grid .score-pill{position:absolute;margin:-48px 0 0 8px}.empty{padding:35px 22px;text-align:center;border:1px dashed var(--line);border-radius:23px;color:var(--muted)}.bottomnav{position:fixed;z-index:90;left:0;right:0;bottom:0;height:calc(var(--nav) + env(safe-area-inset-bottom));padding:8px 10px env(safe-area-inset-bottom);background:rgba(8,9,14,.94);backdrop-filter:blur(22px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.navbtn{border:0;background:none;color:#989cac;font-size:11px;display:grid;place-content:center;gap:4px}.navbtn b{font-size:23px}.navbtn.active{color:#fff}.navbtn.active b{color:#b681ff}.detail{position:fixed;z-index:300;inset:0;background:var(--bg);transform:translateX(105%);transition:transform .32s cubic-bezier(.22,.9,.3,1);visibility:hidden}.detail.open{transform:none;visibility:visible}.detail-scroll{height:100%;overflow:auto;padding-bottom:env(safe-area-inset-bottom)}.detail-hero{height:560px;position:relative;background:#111}.detail-hero>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.12) 30%,#08090e 100%)}.backbtn,.detail-fav{position:absolute;top:calc(14px + env(safe-area-inset-top));width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(5,6,9,.7);backdrop-filter:blur(14px);font-size:30px}.backbtn{left:16px}.detail-fav{right:16px;font-size:24px}.detail-fav.active{color:#ff85b7}.detail-heading{position:absolute;left:22px;right:22px;bottom:28px}.detail-heading h1{font-size:39px;line-height:1.02;letter-spacing:-1.4px;margin:9px 0}.detail-heading p{margin:0;color:#d0d1d9}.detail-body{padding:0 20px 34px;max-width:760px;margin:auto}.decision-card{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:-4px;padding:20px;border:1px solid #3e304c;background:linear-gradient(140deg,#1a1422,#10121a);border-radius:24px}.decision-card h2{margin:7px 0;font-size:24px}.decision-card p{margin:0;color:var(--muted);line-height:1.35}.match-orb{flex:0 0 82px;width:82px;height:82px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#55308d,#17121e);border:2px solid #9f69f4}.match-orb b{font-size:25px}.match-orb span{font-size:10px;color:#d6c1f7}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.metric{padding:14px;border:1px solid var(--line);border-radius:17px;background:#11131b}.metric span{display:block;color:var(--muted);font-size:12px}.metric b{display:block;margin-top:5px}.tags,.taste-tags{display:flex;gap:8px;overflow:auto;padding:2px 0 5px}.tags span,.taste-tags span{white-space:nowrap;padding:8px 11px;border-radius:999px;background:rgba(255,122,42,.1);border:1px solid rgba(255,122,42,.35);font-size:12px;color:#ffb98f}.detail-section{margin-top:27px;border-top:1px solid var(--line);padding-top:24px}.detail-section header{display:flex;gap:11px;align-items:center;margin-bottom:14px}.detail-section header>span{font-size:23px}.detail-section h2{margin:3px 0 0;font-size:23px}.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reason{padding:15px;border:1px solid var(--line);border-radius:18px;background:#11131b}.reason span{font-size:23px}.reason b{display:block;margin:8px 0 4px}.reason small{color:var(--muted);letter-spacing:0;font-weight:400}.feels-card{padding:18px;border:1px solid #39314a;border-radius:20px;background:linear-gradient(135deg,rgba(151,84,255,.13),#11131b);font-size:18px;line-height:1.5}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.milestone{position:relative;padding:14px 10px;border:1px solid var(--line);border-radius:17px;background:#11131b}.milestone span{font-size:10px;color:#ba90ff;font-weight:800}.milestone b{display:block;margin:5px 0;font-size:14px}.milestone p{font-size:11px;line-height:1.3;color:var(--muted);margin:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.signal-card{border:1px solid var(--line);border-radius:20px;background:#11131b;padding:17px}.signal-card small{color:#a986f4}.signal-card b{display:block;font-size:22px;color:var(--green);margin:8px 0}.signal-card p{color:var(--muted);font-size:13px;line-height:1.45;margin:0}.warning-list{display:grid;gap:9px}.warning{padding:14px;border:1px solid rgba(255,208,106,.25);border-radius:16px;background:rgba(255,208,106,.055);color:#e6e1d5}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.score-card{padding:13px;border:1px solid var(--line);border-radius:16px;background:#11131b}.score-card header{display:flex;justify-content:space-between;margin:0}.bar{height:5px;background:#242735;border-radius:10px;overflow:hidden;margin-top:9px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--purple));border-radius:10px}.tips{margin:0;padding:0;list-style:none;display:grid;gap:9px}.tips li{padding:13px 13px 13px 42px;border:1px solid var(--line);border-radius:15px;background:#11131b;position:relative}.tips li:before{content:"✓";position:absolute;left:14px;color:var(--green);font-weight:900}.actions{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:28px}.profile-hero{display:flex;gap:16px;align-items:center;padding:24px 4px}.profile-hero img{width:80px;height:80px;border-radius:23px}.profile-hero h1{margin:5px 0;font-size:31px}.profile-hero p{margin:0;color:var(--muted)}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.profile-stat,.profile-card{padding:18px;border:1px solid var(--line);border-radius:20px;background:#11131b}.profile-stat b{display:block;font-size:24px}.profile-stat span{color:var(--muted);font-size:11px}.profile-card{margin-top:13px}.profile-card h2{margin:0 0 13px}.profile-card p{color:var(--muted);line-height:1.55;margin:0}.version-card span{color:#c79cff;font-weight:800}.quiz-progress{height:5px;background:#202330;border-radius:9px;overflow:hidden;margin:4px 3px 22px}.quiz-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--purple));transition:width .25s}.quiz-card{padding:22px;border:1px solid var(--line);border-radius:25px;background:#11131b}.quiz-card h2{font-size:25px;margin:0 0 18px}.choice-grid{display:grid;gap:10px}.choice{padding:16px;text-align:left;border-radius:17px;border:1px solid var(--line);background:#171925}.choice.active{border-color:#a36cf4;background:rgba(151,84,255,.16)}.quiz-nav{display:flex;justify-content:space-between;margin-top:18px}.quiz-results{display:grid;gap:12px}.quiz-result{display:grid;grid-template-columns:68px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:18px;background:#11131b}.quiz-result img{width:68px;height:82px;border-radius:13px;object-fit:cover}.quiz-result h3{margin:0}.quiz-result p{margin:5px 0 0;color:var(--muted);font-size:12px}.quiz-result b{color:var(--gold)}.toast{position:fixed;z-index:500;left:50%;bottom:calc(var(--nav) + 20px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;background:#f1f1f7;color:#111;padding:11px 16px;border-radius:999px;font-weight:700;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:390px){.hero h1{font-size:34px}.feature-content h3,.detail-heading h1{font-size:32px}.mood-grid{grid-template-columns:1fr}.reason-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.anime-list.grid .anime-row img{height:165px}}

/* AniScope v3.0 mobile-safe polish */
html,body{min-height:100%;min-height:100dvh}
body{
  padding-left:env(safe-area-inset-left);
  padding-right:env(safe-area-inset-right);
}
.topbar{
  padding-top:calc(env(safe-area-inset-top, 0px) + 22px);
  min-height:calc(82px + env(safe-area-inset-top, 0px));
}
.page{padding-top:6px}
.hero{padding:24px 22px 20px}
.hero h1{font-size:clamp(32px,9vw,39px);max-width:620px}
.stats{margin-top:17px}
.feature-card{height:min(385px,52dvh)}
.feature-card>img,.anime-row img,.rail-card img,.quiz-result img,.detail-hero>img{
  object-position:center top;
}
.bottomnav{
  padding-bottom:max(env(safe-area-inset-bottom),8px);
}
.detail-hero{
  min-height:520px;
  height:68dvh;
  max-height:620px;
}
.backbtn,.detail-fav{
  top:calc(env(safe-area-inset-top, 0px) + 18px);
}
@media(max-width:430px){
  .app{width:100%}
  .topbar{padding-left:18px;padding-right:18px}
  .page{padding-left:16px;padding-right:16px}
  .brand b{font-size:23px}
  .brand small{font-size:12px}
  .feature-card{height:360px}
  .detail-heading{left:18px;right:18px}
}
@media(max-width:390px){
  .topbar{padding-top:calc(env(safe-area-inset-top, 0px) + 18px)}
  .feature-card{height:335px}
}