/* Homepage fidelity pass. Existing quiz/result/payment selectors and tokens are untouched. */
:root {
 --bg-page:#0d0b12;--bg-card:#1c121e;--bg-card-raised:#281826;--text-main:#fff5f8;--text-muted:#d3bdcb;--text-subtle:#c1aab9;
 --accent:#ff6b9d;--accent-strong:#f34287;--accent-soft:#ffbacb;--wine:#a52149;--peach:#ffc0aa;--purple:#b884f8;
 --border-soft:rgba(244,158,188,.3);--border-active:#ff94b7;--cta-text:#fff8f7;
 --cta-gradient:linear-gradient(110deg,#ce3654 0%,#b52243 55%,#921832 100%);
 --radius-card:17px;--radius-option:18px;--radius-pill:999px;--shadow-card:0 8px 22px #0004;--shadow-cta:0 2px 15px #f4487252;
 --home-atmosphere:url('assets/ui/home-atmosphere-v1.webp');--display-font:'Songti SC','STSong','SimSun',serif;
}
body.home-view {background:var(--bg-page);color:var(--text-main);overflow-x:visible}
body.home-view:before,body.home-view:after {display:none}
.home-scene {display:none}
.home-view .home-scene {display:block;position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);min-height:100svh;background-image:linear-gradient(#100b1670,#100b1630 35%,#100b1666 75%,#100b1699),url('assets/ui/quiz-scene-v1.webp');background-size:100% 100%,cover;background-repeat:no-repeat;background-position:center,center top;pointer-events:none}
.home-view .home-scene:before {content:'';position:absolute;inset:0 0 auto;height:320px;background-image:var(--home-atmosphere);background-size:100% auto;background-repeat:no-repeat;background-position:center top;mask-image:linear-gradient(#000 0%,#000 45%,transparent 100%)}
.home-brand {position:relative;width:min(100% - 48px,432px);margin:auto;min-height:52px;padding-top:env(safe-area-inset-top);display:flex;align-items:center;gap:10px;color:var(--text-main)}
.brand-symbol {display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:linear-gradient(140deg,#e9778e,#9c2947 45%,#521c2d);border:1px solid #ffa6b46b;box-shadow:inset 0 1px 2px #fff8,0 4px 10px #0004}
.home-brand strong {font:700 20px/1.2 var(--display-font);letter-spacing:2px;display:block}
.home-brand div>span {display:block;color:#e1cbd5;font-size:10px;line-height:1.6;margin-top:3px;letter-spacing:.4px}
.brand-aside {margin-left:auto;transform:rotate(-10deg);font:italic 11px/1.5 'KaiTi',serif;color:#ffd1db;text-align:center;text-shadow:0 1px 5px #000}
.home-shell {position:relative;width:min(100%,480px);margin:auto;padding:0 18px max(12px,env(safe-area-inset-bottom))}
.home-hero {position:relative;padding:1px 16px 10px}
.home-hero h1 {font-family:var(--display-font);font-size:36px;line-height:1.1;letter-spacing:-1px;font-weight:700;font-style:italic;margin:0 0 10px;text-shadow:0 2px 12px #0b0710}
.title-line {font-size:30px;letter-spacing:-1.7px;white-space:nowrap}
.title-accent {color:#ffb3c5}
.hero-meta {font-size:12px;letter-spacing:1px;color:#fff0f4;margin:0 0 6px;text-shadow:0 1px 5px #000}
.hero-meta i {font-style:normal;margin:0 6px}
.hero-description {font-size:11px;line-height:1.7;color:#d0bbc9;margin:0;text-shadow:0 1px 4px #000}
.hero-english {display:block;font-size:7px;line-height:1.35;letter-spacing:2px;color:#c6adb9;margin-top:5px}
.entry-list {display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.entry-card {--entry-tint:#292d40;appearance:none;isolation:isolate;position:relative;display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:12px;row-gap:4px;width:100%;text-align:left;padding:11px 14px;border:1px solid #69739c;border-radius:var(--radius-card);background:radial-gradient(ellipse at 0 0,var(--entry-tint),transparent 75%),linear-gradient(120deg,#171928,#100d18);color:var(--text-main);box-shadow:inset 0 1px 0 #ffffff12,var(--shadow-card);cursor:pointer;transition:transform 160ms,border-color 160ms;overflow:hidden}
.entry-card[data-mode='female'] {--entry-tint:#482033;border-color:#a34d6b;background:radial-gradient(ellipse at 0 0,var(--entry-tint),transparent 75%),linear-gradient(120deg,#2c1620,#160e18)}
.entry-card[data-mode='self'] {--entry-tint:#4d2c2c;border-color:#a7655d;background:radial-gradient(ellipse at 0 0,var(--entry-tint),transparent 75%),linear-gradient(120deg,#351c20,#221219)}
.entry-portrait {grid-column:1;grid-row:1 / 5;align-self:center;display:flex;flex-direction:column;align-items:center;min-width:0;padding:5px 0 0}
.entry-symbol {width:82px;height:82px;display:block;padding:2px;border:1px solid #e9c5ff;border-radius:50%;background:linear-gradient(145deg,#c895f0,#33203d 55%,#ffc0aa);box-shadow:0 0 0 4px #b884f826,0 0 16px #b884f82b;overflow:hidden}
.entry-symbol img {display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;background:#241b32}
.entry-card[data-mode='female'] .entry-symbol,.entry-card[data-mode='self'] .entry-symbol {border-color:#ffd4d7;background:linear-gradient(145deg,#ffc0aa,#953356 60%,#ffbacb);box-shadow:0 0 0 4px #ff6b9d26,0 0 16px #ff6b9d2b}
.entry-card[data-mode='female'] .entry-symbol img,.entry-card[data-mode='self'] .entry-symbol img {background:#44202e}
.portrait-sign {align-self:flex-start;font:italic 23px/1 'Segoe Script','Brush Script MT',cursive;color:#b7b3e6;transform:rotate(-12deg);margin-top:-2px;text-shadow:0 1px 3px #0007}
.entry-card[data-mode='female'] .portrait-sign{color:#f6a3bb}.entry-card[data-mode='self'] .portrait-sign{color:#e9ad9e;font-size:16px}
.entry-title {grid-column:2;font:700 17px/1.4 var(--display-font);letter-spacing:.2px;padding-top:0;position:relative;z-index:1}
.entry-emphasis {color:#ffa8ab;font-size:16px}
.entry-card[data-mode='female'] .entry-emphasis{color:#ffa1c7}.entry-card[data-mode='self'] .entry-emphasis{color:#ffd09f}
.entry-badge {position:absolute;right:0;top:0;width:55px;height:29px;clip-path:polygon(0 0,100% 0,100% 100%,20% 50%);padding:4px 4px 4px 20px;border-radius:0 16px 0 0;background:linear-gradient(100deg,#ffedbe,#ecac78);color:#4e1b20;font-size:9px;line-height:1.2;box-shadow:0 1px 2px #fff8 inset;z-index:0}
.entry-card[data-mode='female'] .entry-badge{background:linear-gradient(100deg,#ffd1dc,#eb7296)}
.entry-description {grid-column:2;display:block;color:var(--text-muted);font-size:12px;line-height:1.6;margin:0;min-height:0}
.entry-meta {grid-column:2;display:flex;flex-wrap:wrap;gap:4px;color:#ddcbd6;font-size:10px;line-height:1.5}
.entry-meta>span {display:inline-flex;align-items:center;gap:4px;border:1px solid #d6b4c32d;background:#ffffff06;border-radius:999px;padding:3px 6px;white-space:nowrap}
.entry-cta {grid-column:2;display:flex;justify-content:center;align-items:center;gap:20px;min-height:44px;border:1px solid #ffb7c8;border-radius:var(--radius-pill);background:var(--cta-gradient);color:var(--cta-text);font-size:16px;letter-spacing:1px;font-weight:700;box-shadow:inset 0 2px 7px #ffbbc27a,inset 0 -2px 6px #f94e715c,var(--shadow-cta)}
.entry-cta>span {font-size:23px;line-height:1}
@media(hover:hover){.entry-card:hover {border-color:var(--border-active);transform:translateY(-2px)}}
.entry-card:active{transform:scale(.985)}
.entry-card:focus-visible,.home-resume:focus-visible{outline:3px solid var(--accent-soft);outline-offset:3px}
.home-resume {display:block;width:100%;min-height:44px;margin:12px 0 0;padding:10px 12px;border:1px solid var(--border-soft);border-radius:14px;background:var(--bg-card-raised);color:var(--accent-soft);font-size:13px;line-height:1.6;cursor:pointer}
.home-resume[hidden]{display:none}
.home-note {display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;margin:12px 0 0;padding:15px 12px;border:1px solid #ab788343;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#602e34a6,transparent 70%),linear-gradient(120deg,#17131c,#21161d)}
.note-symbol {width:36px;height:36px;display:grid;place-items:center;border:1px solid #c47e7366;border-radius:50%;background:radial-gradient(circle at 35% 20%,#754638,#2f2027);box-shadow:0 0 14px #a9573222}
.home-note h2 {font-size:14px;margin:0 0 6px;font-weight:600}
.home-note p {font-size:11px;line-height:1.75;color:var(--text-muted);margin:0}
.home-footer {display:flex;justify-content:center;align-items:center;gap:8px;color:#c6aebb;font-size:10px;letter-spacing:1px;padding:16px 0 4px}
.home-footer:before,.home-footer:after {content:'';width:16px;height:1px;background:#bca0a46e}
.home-footer span {color:var(--accent)}
@media(max-width:350px){.home-shell{padding-left:14px;padding-right:14px}.home-brand{width:calc(100% - 40px)}.brand-aside{font-size:9px}.home-brand strong{font-size:18px}.home-brand div>span{font-size:9px}.home-hero{padding-left:10px;padding-right:0}.home-hero h1{font-size:34px}.title-line{font-size:27px;letter-spacing:-2px}.hero-description{font-size:10px}.entry-card{grid-template-columns:70px minmax(0,1fr);column-gap:9px;padding:13px 10px}.entry-symbol{width:65px;height:65px}.entry-title{font-size:16px}.entry-emphasis{font-size:14px}.entry-description{font-size:12px}.entry-meta{font-size:9px}.entry-meta>span{padding:3px 4px}.portrait-sign{font-size:20px}.home-note{gap:9px;padding:13px 10px}}
@media(prefers-reduced-motion:reduce){.entry-card{transition:none}html:has(.home-view){scroll-behavior:auto}}