.placement-home-card{width:auto;min-height:0;margin:0;padding:7px 10px;border:1px solid #284b74;border-radius:11px;background:#071d3b;color:#fff;display:inline-flex;align-items:center;gap:8px;text-align:left;cursor:pointer;box-shadow:0 6px 18px rgba(0,15,42,.28)}
.placement-home-card:hover{transform:translateY(-1px);border-color:#3d79ad;background:#0a284b}.placement-home-card>i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#0d4c75;color:#8fe8ff;font-style:normal;font-size:16px}.placement-home-card span{display:flex;flex-direction:column;gap:1px}.placement-home-card b{font-size:12px;white-space:nowrap}.placement-home-card small{color:#88a9c8;font-size:9px}.placement-home-card>strong{display:none}
.placement-dialog{width:min(760px,calc(100vw - 24px));max-width:none;border:0;padding:0;border-radius:26px;background:#061a34;color:#eef8ff;box-shadow:0 30px 90px rgba(0,0,0,.58)}.placement-dialog::backdrop{background:rgba(1,10,24,.78);backdrop-filter:blur(8px)}.placement-shell{position:relative;min-height:520px;padding:34px;background:radial-gradient(circle at 92% 2%,rgba(0,174,255,.2),transparent 35%),linear-gradient(150deg,#071b36,#06152b)}
.placement-close,.placement-back{border:1px solid #315476;background:#0a2748;color:#dff6ff;border-radius:12px;width:40px;height:40px;font-size:26px;cursor:pointer}.placement-close{position:absolute;right:20px;top:20px}.placement-kicker,.placement-skill{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(0,183,255,.14);color:#62ddff;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.placement-intro h2,.placement-result h2{font-size:34px;max-width:570px;margin:24px 0 14px}.placement-intro>p,.placement-result>p{color:#b9cde0;line-height:1.65;max-width:620px}.placement-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.placement-facts span{padding:16px;border:1px solid #214866;border-radius:16px;background:rgba(5,37,68,.72);display:flex;flex-direction:column;color:#9fbad0}.placement-facts b{color:#fff;font-size:20px}.placement-primary,.placement-secondary,.placement-last{border:0;border-radius:14px;padding:15px 20px;font-weight:800;cursor:pointer}.placement-primary{background:linear-gradient(135deg,#009dff,#18d3bd);color:#00172b;font-size:16px}.placement-secondary{border:1px solid #2d5877;background:#0b2847;color:#dff5ff}.placement-intro>.placement-primary{width:100%;margin-top:10px}.placement-intro>small{display:block;text-align:center;color:#7794ad;margin-top:12px}.placement-last{width:100%;display:flex;justify-content:space-between;margin:6px 0;background:#0a2847;color:#c8e9ff;border:1px solid #244c6d}.placement-last b{color:#54ddff}
.placement-question{padding:0;min-height:600px}.placement-question header{display:flex;align-items:center;gap:18px;padding:18px 22px;border-bottom:1px solid #173a59}.placement-question header>div{height:7px;background:#163a57;border-radius:99px;flex:1;overflow:hidden}.placement-question header>div span{display:block;height:100%;background:linear-gradient(90deg,#00a8ff,#20dbc1);border-radius:99px}.placement-question header>b{color:#71dcff}.placement-question main{padding:32px 44px}.placement-question h2{font-size:25px;line-height:1.4;margin:20px 0}.placement-question blockquote,.placement-sentence{margin:20px 0;padding:18px;border-radius:15px;background:#0a2949;border-left:4px solid #16cbd0;font-size:20px;line-height:1.65}.placement-audio{display:flex;align-items:center;gap:12px;margin:20px 0;padding:13px 18px;border:1px solid #1caee8;border-radius:14px;background:#082d50;color:#eaf9ff;cursor:pointer}.placement-audio i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#13bdda;color:#00243b;font-style:normal}.placement-options{display:grid;gap:11px}.placement-options button{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #285171;border-radius:15px;background:#092641;color:#eff9ff;text-align:left;font-size:15px;cursor:pointer}.placement-options button:hover{border-color:#35cfff;background:#0c3152}.placement-options button.selected{border-color:#20d3bd;background:#0d4a58}.placement-options button i{display:grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:#123b5a;color:#66dfff;font-style:normal;font-weight:900}.placement-question footer{display:flex;justify-content:space-between;color:#6f91aa;padding:18px 44px;border-top:1px solid #173a59;font-size:12px}
.placement-result{text-align:center}.placement-result-level{width:118px;height:118px;border-radius:50%;margin:0 auto 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#0ab2d9,#07598c 66%,#083151);box-shadow:0 0 40px rgba(34,215,240,.28)}.placement-result-level small{font-weight:900;letter-spacing:.15em}.placement-result-level strong{font-size:52px;line-height:1}.placement-result h2,.placement-result p{margin-left:auto;margin-right:auto}.placement-score{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px}.placement-score b{font-size:35px;color:#5ce7dc}.placement-score span{color:#a8c2d6}.placement-skills{display:grid;gap:10px;margin:24px 0;text-align:left}.placement-skills>div{display:grid;grid-template-columns:190px 1fr 48px;gap:12px;align-items:center}.placement-skills i{height:8px;background:#173b57;border-radius:99px;overflow:hidden}.placement-skills em{display:block;height:100%;background:linear-gradient(90deg,#00a8ff,#25d5b5);border-radius:99px}.placement-skills b{text-align:right;color:#6adfff}.placement-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.m-placement-card{width:max-content!important;max-width:calc(100% - 24px);min-height:0!important;height:auto!important;margin:9px 12px 8px auto!important;padding:7px 10px!important;border:1px solid #244a72!important;border-radius:11px!important;background:#071d3b!important;color:#e8f4ff!important;display:inline-flex!important;align-items:center;gap:7px;text-align:left;box-shadow:0 5px 16px rgba(0,14,38,.25)}.m-placement-card>i{width:28px;height:28px;border-radius:8px;background:#0b466d;display:grid;place-items:center;font-style:normal;font-size:15px;color:#83e7ff}.m-placement-card span{display:flex;flex-direction:column;gap:1px;flex:0 1 auto}.m-placement-card b{font-size:11px;white-space:nowrap}.m-placement-card small{display:none}.m-placement-card>strong{font-size:15px;color:#75cfee}
html[data-mobile][data-mtheme] #mRoot[id][data-mpage="home"] .m-hero-full{position:relative!important}
html[data-mobile][data-mtheme] #mRoot[id][data-mpage="home"] .m-hero-full>.m-placement-card{position:absolute!important;right:12px;bottom:10px;z-index:6;margin:0!important}
@media(max-width:640px){.placement-dialog{width:100vw;height:100dvh;max-height:none;border-radius:0}.placement-shell{min-height:100dvh;padding:24px 18px}.placement-intro h2,.placement-result h2{font-size:28px}.placement-facts{grid-template-columns:1fr}.placement-question main{padding:24px 18px}.placement-question h2{font-size:21px}.placement-question footer{padding:14px 18px}.placement-question footer span:last-child{display:none}.placement-skills>div{grid-template-columns:120px 1fr 42px;font-size:12px}.placement-result-actions{grid-template-columns:1fr}.placement-close{right:14px;top:14px}}

/* Placement test follows the two Anime themes. Classic intentionally keeps the base design above. */
html[data-layout="anime"][data-mtheme="dark"] .placement-dialog,
html[data-layout="anime"][data-mtheme="light"] .placement-dialog{overflow:hidden}
html[data-layout="anime"][data-mtheme] .placement-shell>*{position:relative;z-index:2}
html[data-layout="anime"][data-mtheme] .placement-shell::before,
html[data-layout="anime"][data-mtheme] .placement-shell::after{content:"";position:absolute;pointer-events:none}

/* Anime · dark: Aimi, violet neon and a night-sky glass panel. */
html[data-layout="anime"][data-mtheme="dark"] .placement-dialog{background:#08082a;color:#f8f5ff;border:1px solid #744cff;box-shadow:0 0 0 1px #20d9ff55,0 25px 90px #030014,0 0 42px #693cff66}
html[data-layout="anime"][data-mtheme="dark"] .placement-dialog::backdrop{background:rgba(2,1,18,.86);backdrop-filter:blur(10px) saturate(1.25)}
html[data-layout="anime"][data-mtheme="dark"] .placement-shell{background:radial-gradient(circle at 13% 4%,#2b55c866,transparent 30%),radial-gradient(circle at 92% 20%,#b32cff55,transparent 34%),linear-gradient(155deg,#080c38 0%,#12104b 52%,#080725 100%)}
html[data-layout="anime"][data-mtheme="dark"] .placement-shell::before{inset:0;background:radial-gradient(circle at 12% 18%,#fff 0 1px,transparent 2px),radial-gradient(circle at 76% 9%,#59e8ff 0 1px,transparent 2px),radial-gradient(circle at 90% 58%,#ec8dff 0 1.5px,transparent 2.5px),radial-gradient(circle at 22% 78%,#fff 0 1px,transparent 2px);background-size:94px 86px,131px 119px,157px 143px,113px 127px;opacity:.7}
html[data-layout="anime"][data-mtheme="dark"] .placement-intro::after{right:-34px;top:56px;width:230px;height:280px;background:url('../assets/mobile/aimi-smile.webp') center/contain no-repeat;opacity:.3;filter:drop-shadow(0 0 22px #4edcff)}
html[data-layout="anime"][data-mtheme="dark"] .placement-intro h2,
html[data-layout="anime"][data-mtheme="dark"] .placement-intro>p{max-width:72%;text-shadow:0 2px 16px #02021c}
html[data-layout="anime"][data-mtheme="dark"] .placement-close,
html[data-layout="anime"][data-mtheme="dark"] .placement-back{border-color:#8172ff;background:linear-gradient(145deg,#252063,#11113c);color:#fff;box-shadow:inset 0 0 12px #4dcfff22,0 0 16px #7c49ff55}
html[data-layout="anime"][data-mtheme="dark"] .placement-kicker,
html[data-layout="anime"][data-mtheme="dark"] .placement-skill{background:linear-gradient(90deg,#6930d9aa,#155ccdaa);border:1px solid #70d8ff88;color:#ccf7ff;box-shadow:0 0 18px #5c40ef44}
html[data-layout="anime"][data-mtheme="dark"] .placement-intro>p,
html[data-layout="anime"][data-mtheme="dark"] .placement-result>p{color:#c6c8f4}
html[data-layout="anime"][data-mtheme="dark"] .placement-facts span{border-color:#675bd0;background:linear-gradient(145deg,#151449dd,#171154cc);color:#aeb8e9;box-shadow:inset 0 0 18px #5b2cb52b}
html[data-layout="anime"][data-mtheme="dark"] .placement-facts b{color:#fff}
html[data-layout="anime"][data-mtheme="dark"] .placement-primary{background:linear-gradient(100deg,#b72cff,#5b50ff 48%,#15d9ef);color:#fff;box-shadow:0 0 22px #7b42ff77}
html[data-layout="anime"][data-mtheme="dark"] .placement-secondary,
html[data-layout="anime"][data-mtheme="dark"] .placement-last{border-color:#655ed1;background:#141342dd;color:#e9e9ff}
html[data-layout="anime"][data-mtheme="dark"] .placement-last b{color:#7eeaff}
html[data-layout="anime"][data-mtheme="dark"] .placement-intro>small{color:#8e94c7}
html[data-layout="anime"][data-mtheme="dark"] .placement-question header,
html[data-layout="anime"][data-mtheme="dark"] .placement-question footer{border-color:#3f3a8c;color:#8f9bcf;background:#09092d77}
html[data-layout="anime"][data-mtheme="dark"] .placement-question header>div,
html[data-layout="anime"][data-mtheme="dark"] .placement-skills i{background:#292557}
html[data-layout="anime"][data-mtheme="dark"] .placement-question header>div span,
html[data-layout="anime"][data-mtheme="dark"] .placement-skills em{background:linear-gradient(90deg,#aa2eff,#596aff,#19dbe8);box-shadow:0 0 12px #6f54ff}
html[data-layout="anime"][data-mtheme="dark"] .placement-question header>b,
html[data-layout="anime"][data-mtheme="dark"] .placement-skills b{color:#80eaff}
html[data-layout="anime"][data-mtheme="dark"] .placement-question blockquote,
html[data-layout="anime"][data-mtheme="dark"] .placement-sentence{background:#141344dd;border-left-color:#c03cff}
html[data-layout="anime"][data-mtheme="dark"] .placement-audio{border-color:#765eff;background:#17154c;color:#f6f2ff}
html[data-layout="anime"][data-mtheme="dark"] .placement-audio i{background:linear-gradient(135deg,#b832ff,#1ed5ed);color:#fff}
html[data-layout="anime"][data-mtheme="dark"] .placement-options button{border-color:#4c4798;background:linear-gradient(145deg,#151442,#0e1037);color:#f8f6ff}
html[data-layout="anime"][data-mtheme="dark"] .placement-options button:hover{border-color:#a267ff;background:#211957}
html[data-layout="anime"][data-mtheme="dark"] .placement-options button.selected{border-color:#29e2df;background:#123f58}
html[data-layout="anime"][data-mtheme="dark"] .placement-options button i{background:#29235e;color:#8deeff}
html[data-layout="anime"][data-mtheme="dark"] .placement-result-level{background:radial-gradient(circle at 35% 28%,#40eaff,#5857ee 48%,#8c29d8 72%,#160c52);box-shadow:0 0 40px #744cff88}
html[data-layout="anime"][data-mtheme="dark"] .placement-score b{color:#7deeff}
html[data-layout="anime"][data-mtheme="dark"] .placement-score span{color:#bbc1eb}

/* Anime · light: mint paper, jade accents and the light Aimi artwork. */
html[data-layout="anime"][data-mtheme="light"] .placement-dialog{background:#f4fff9;color:#143e3c;border:1px solid #7edec8;box-shadow:0 24px 70px #124e4538,0 0 0 1px #fff inset}
html[data-layout="anime"][data-mtheme="light"] .placement-dialog::backdrop{background:rgba(18,60,57,.42);backdrop-filter:blur(9px)}
html[data-layout="anime"][data-mtheme="light"] .placement-shell{background:radial-gradient(circle at 95% 2%,#84e9d277,transparent 32%),radial-gradient(circle at 8% 92%,#d7f4bdaa,transparent 36%),linear-gradient(150deg,#fbfffd,#eafbf4 55%,#e1f7ef)}
html[data-layout="anime"][data-mtheme="light"] .placement-shell::before{inset:0;background:linear-gradient(115deg,transparent 0 69%,#fff9 69.2% 69.5%,transparent 69.7%),radial-gradient(circle at 15% 15%,#33bda9 0 2px,transparent 2.5px);background-size:auto,54px 54px;opacity:.38}
html[data-layout="anime"][data-mtheme="light"] .placement-intro::after{right:-30px;top:55px;width:225px;height:278px;background:url('../assets/mobile/aimi-smile-jade.webp') center/contain no-repeat;opacity:.32;filter:drop-shadow(0 12px 18px #5ba99455)}
html[data-layout="anime"][data-mtheme="light"] .placement-intro h2,
html[data-layout="anime"][data-mtheme="light"] .placement-intro>p{max-width:72%}
html[data-layout="anime"][data-mtheme="light"] .placement-close,
html[data-layout="anime"][data-mtheme="light"] .placement-back{border-color:#79c9b7;background:#f8fffc;color:#176458;box-shadow:0 7px 18px #287c6830}
html[data-layout="anime"][data-mtheme="light"] .placement-kicker,
html[data-layout="anime"][data-mtheme="light"] .placement-skill{background:#d7f7ed;border:1px solid #89d9c5;color:#137162}
html[data-layout="anime"][data-mtheme="light"] .placement-intro>p,
html[data-layout="anime"][data-mtheme="light"] .placement-result>p{color:#527774}
html[data-layout="anime"][data-mtheme="light"] .placement-facts span{border-color:#a7ddcf;background:#ffffffc9;color:#5a7e78;box-shadow:0 8px 20px #247c6520}
html[data-layout="anime"][data-mtheme="light"] .placement-facts b{color:#164d48}
html[data-layout="anime"][data-mtheme="light"] .placement-primary{background:linear-gradient(110deg,#37d7ba,#25c6b4 48%,#59bff2);color:#073d3a;box-shadow:0 10px 24px #24aa8f3b}
html[data-layout="anime"][data-mtheme="light"] .placement-secondary,
html[data-layout="anime"][data-mtheme="light"] .placement-last{border-color:#a2d9cc;background:#f9fffd;color:#285d57}
html[data-layout="anime"][data-mtheme="light"] .placement-last b{color:#098a78}
html[data-layout="anime"][data-mtheme="light"] .placement-intro>small{color:#769691}
html[data-layout="anime"][data-mtheme="light"] .placement-question header,
html[data-layout="anime"][data-mtheme="light"] .placement-question footer{border-color:#b2dfd4;color:#648b85;background:#f9fffd99}
html[data-layout="anime"][data-mtheme="light"] .placement-question header>div,
html[data-layout="anime"][data-mtheme="light"] .placement-skills i{background:#cce9e2}
html[data-layout="anime"][data-mtheme="light"] .placement-question header>div span,
html[data-layout="anime"][data-mtheme="light"] .placement-skills em{background:linear-gradient(90deg,#38d3b4,#29bcbc,#54aef0)}
html[data-layout="anime"][data-mtheme="light"] .placement-question header>b,
html[data-layout="anime"][data-mtheme="light"] .placement-skills b{color:#0d907c}
html[data-layout="anime"][data-mtheme="light"] .placement-question blockquote,
html[data-layout="anime"][data-mtheme="light"] .placement-sentence{background:#f8fffd;border-left-color:#35c8ae;color:#184b46}
html[data-layout="anime"][data-mtheme="light"] .placement-audio{border-color:#72ceb9;background:#effcf8;color:#245c56}
html[data-layout="anime"][data-mtheme="light"] .placement-audio i{background:#3fcdb5;color:#fff}
html[data-layout="anime"][data-mtheme="light"] .placement-options button{border-color:#a8d9ce;background:#ffffffd9;color:#1b4945;box-shadow:0 6px 16px #2a766116}
html[data-layout="anime"][data-mtheme="light"] .placement-options button:hover{border-color:#47bfa7;background:#f4fffb}
html[data-layout="anime"][data-mtheme="light"] .placement-options button.selected{border-color:#17aa91;background:#d9f7ee}
html[data-layout="anime"][data-mtheme="light"] .placement-options button i{background:#d8f3eb;color:#11816f}
html[data-layout="anime"][data-mtheme="light"] .placement-result-level{background:radial-gradient(circle at 32% 26%,#d9fff5,#5dd9c0 45%,#27aa9a 72%,#16776f);color:#fff;box-shadow:0 14px 35px #248d7a4d}
html[data-layout="anime"][data-mtheme="light"] .placement-score b{color:#119a83}
html[data-layout="anime"][data-mtheme="light"] .placement-score span{color:#5c807a}

@media(max-width:640px){
 html[data-layout="anime"][data-mtheme] .placement-intro::after{width:165px;height:205px;right:-42px;top:72px;opacity:.2}
 html[data-layout="anime"][data-mtheme] .placement-intro h2,
 html[data-layout="anime"][data-mtheme] .placement-intro>p{max-width:88%}
 html[data-layout="anime"][data-mtheme] .placement-facts{position:relative;z-index:3}
}

/* The compact home entry mirrors the selected visual theme. */
html[data-layout="classic"] .m-placement-card,
html[data-layout="classic"] .placement-home-card{border-color:#267da4!important;background:linear-gradient(135deg,#0b3155,#071d3b 72%)!important;color:#eefcff!important;box-shadow:inset 0 0 13px #2bdcff12,0 6px 17px #00142f4d!important}
html[data-layout="classic"] .m-placement-card>i,
html[data-layout="classic"] .placement-home-card>i{background:#0c5278!important;color:#9af2ff!important;box-shadow:none!important}
html[data-layout="classic"] .m-placement-card>strong{color:#87eaff!important}

html[data-layout="anime"][data-mtheme="dark"] .m-placement-card,
html[data-layout="anime"][data-mtheme="dark"] .placement-home-card{border-color:#8d5cff!important;background:linear-gradient(115deg,#20125d,#111044 60%,#091d48)!important;color:#fff!important;box-shadow:inset 0 0 16px #9a3cff2b,0 0 18px #6f48ff55!important}
html[data-layout="anime"][data-mtheme="dark"] .m-placement-card>i,
html[data-layout="anime"][data-mtheme="dark"] .placement-home-card>i{background:linear-gradient(145deg,#a52cff,#4167ff)!important;color:#fff!important;box-shadow:0 0 12px #984cff99!important}
html[data-layout="anime"][data-mtheme="dark"] .m-placement-card>strong{color:#76eaff!important}

html[data-layout="anime"][data-mtheme="light"] .m-placement-card,
html[data-layout="anime"][data-mtheme="light"] .placement-home-card{border-color:#7dd7c4!important;background:linear-gradient(115deg,#effff9,#dff8ee 62%,#d6f4eb)!important;color:#174b46!important;box-shadow:inset 0 0 0 1px #ffffffaa,0 7px 17px #176c572b!important}
html[data-layout="anime"][data-mtheme="light"] .m-placement-card>i,
html[data-layout="anime"][data-mtheme="light"] .placement-home-card>i{background:linear-gradient(145deg,#2ccdb3,#51b9e8)!important;color:#fff!important;box-shadow:0 5px 12px #269e893d!important}
html[data-layout="anime"][data-mtheme="light"] .m-placement-card b,
html[data-layout="anime"][data-mtheme="light"] .placement-home-card b{color:#174b46!important}
html[data-layout="anime"][data-mtheme="light"] .m-placement-card>strong{color:#138779!important}

/* Classic has one fixed palette, so its sun/theme switch must never occupy header space. */
html[data-layout="classic"] #mThemeQuick,
html[data-layout="classic"] .m-theme-quick,
html[data-mobile][data-layout="classic"] #mRoot[id] #mThemeQuick{display:none!important;visibility:hidden!important;pointer-events:none!important}