:root{color-scheme:light;--bg: #fff9ed;--surface: #ffffff;--surface-strong: #fff1c7;--ink: #281f1a;--muted: #665a50;--line: #ead9bc;--accent: #ff8a4c;--accent-strong: #db5b28;--green: #1f8f76;--shadow: 0 18px 50px rgb(70 42 18 / 14%);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--bg)}body{min-width:320px;margin:0;color:var(--ink);background:linear-gradient(180deg,#fff9ed,#fff2d8 48%,#f9fff9)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header,.site-footer{width:min(100%,960px);margin:0 auto;padding:18px 20px}.site-footer{color:var(--muted);text-align:center}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800}.brand-mark{width:34px;height:34px}.hero-page,.quiz-page{width:min(100%,760px);margin:0 auto;padding:32px 20px 56px}.result-page{width:min(100%,1040px);margin:0 auto;padding:32px 20px 56px}.hero{min-height:calc(100svh - 170px);display:grid;align-content:center;gap:18px}.hero h1{max-width:11em;margin:0;font-size:clamp(2.25rem,12vw,4.9rem);line-height:1.02}.hero p{max-width:34rem;margin:0;color:var(--muted);font-size:1.05rem;line-height:1.85}.hero-cast{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:min(100%,680px);padding:12px;background:#ffffffad;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px #462a121a}.hero-cast-item{display:grid;min-height:150px;align-items:end;justify-items:center;overflow:hidden;background:radial-gradient(90% 70% at 50% 20%,color-mix(in srgb,var(--fruit-color) 22%,transparent) 0%,transparent 74%),#fff7e6;border-radius:8px}.hero-cast-item img{width:145%;max-width:none;margin-bottom:-24px;filter:drop-shadow(0 10px 16px rgb(70 42 18 / 16%))}.hero-meta,.producer{font-weight:800}.producer{display:grid;gap:6px;justify-items:center;justify-self:center;color:var(--muted);font-size:.72rem!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.producer img{width:min(190px,54vw);height:auto;border-radius:4px;box-shadow:0 8px 20px #462a121a}.eyebrow{margin:0;color:var(--accent-strong);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.button,.choice-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;font:inherit;font-weight:800;cursor:pointer}.button{width:fit-content;padding:0 22px}.button.primary{color:#fff;background:var(--accent-strong);box-shadow:0 10px 26px #db5b283d}.button.secondary{color:var(--accent-strong);background:#fff;border-color:var(--line)}.quiz-shell,.result-card{background:#ffffffd1;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.quiz-shell{padding:22px}.progress{height:8px;overflow:hidden;background:#f1e4cb;border-radius:999px}.progress span{display:block;height:100%;background:var(--green);border-radius:inherit;transition:width .18s ease}.quiz-card{display:grid;gap:18px;padding:24px 0 0}.quiz-card h2{margin:0;font-size:clamp(1.45rem,6vw,2.3rem);line-height:1.28}.choice-list{display:grid;gap:10px}.choice-button{width:100%;padding:14px 16px;color:var(--ink);text-align:left;background:var(--surface);border-color:var(--line)}.choice-button:hover,.choice-button:focus-visible{outline:3px solid rgb(31 143 118 / 20%);border-color:var(--green)}.result-page{display:grid;gap:18px}.result-card{display:grid;gap:24px;padding:clamp(18px,4vw,34px)}.result-hero{display:grid;grid-template-columns:minmax(300px,430px) minmax(0,1fr);gap:clamp(20px,4vw,36px);align-items:center}.result-character-stage{position:relative;display:grid;min-height:620px;align-items:start;justify-items:center;width:min(100%,430px);margin:0 auto;padding:26px 16px 20px;overflow:hidden;background:radial-gradient(120% 82% at 50% 32%,rgb(255 255 255 / 44%) 0%,transparent 68%),radial-gradient(92% 70% at 50% 12%,color-mix(in srgb,var(--fruit-color) 24%,transparent) 0%,transparent 72%),var(--surface-strong);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 42px #462a122e}.result-stage-label{position:relative;z-index:2;margin:0;color:var(--accent-strong);font-size:.92rem;font-weight:900;letter-spacing:0;text-align:center}.result-stage-en,.result-stage-title{display:none}.result-character-image{position:relative;z-index:1;width:min(124%,500px);max-width:none;height:auto;margin-top:10px;filter:drop-shadow(0 18px 26px rgb(70 42 18 / 20%))}.result-topping-badge{position:absolute;right:20px;bottom:22px;z-index:3;display:grid;gap:2px;justify-items:center;min-width:76px;padding:9px 10px 8px;background:#ffffffe0;border:1px solid var(--line);border-radius:999px;box-shadow:0 10px 22px #462a121f}.result-topping-badge img{width:44px;height:44px;object-fit:contain}.result-topping-badge span{color:var(--muted);font-size:.68rem;font-weight:900}.result-summary{display:grid;gap:12px;align-content:center}.result-name-en{color:var(--accent-strong)!important;font-size:.92rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.result-card h1{max-width:10em;margin:0;font-size:clamp(2rem,5vw,3.85rem);line-height:1.08}.manager-type{width:fit-content;margin:0;padding:7px 10px;color:#245548;background:#e6f7ed;border-radius:8px;font-size:.9rem;font-weight:800}.result-card h2{margin:0;font-size:clamp(1.35rem,4vw,2.1rem);line-height:1.28}.result-card p{margin:0;color:var(--muted);line-height:1.9}.diagnosis-profile{display:grid;gap:10px;padding-top:6px}.diagnosis-note{display:grid;gap:8px;padding:16px 18px;color:var(--ink);background:#fffaf0;border:1px solid #f0dfc2;border-radius:8px}.diagnosis-note p{margin:0;color:var(--ink);font-weight:750;line-height:1.75}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-actions .button{width:100%}.quiz-nav{display:flex;justify-content:flex-start;padding-top:14px}.back-button{padding:8px 4px;color:var(--muted);background:none;border:none;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.back-button:hover{color:var(--accent-strong)}.shake-overlay{position:fixed;inset:0;z-index:50;display:grid;place-content:center;gap:18px;justify-items:center;text-align:center;background:#fff9edf5}.shake-overlay p{margin:0;font-size:1.15rem;font-weight:800;line-height:1.7}.shake-cup{display:grid;place-items:center}.cup-body{display:block;width:64px;height:84px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);border-radius:10px 10px 18px 18px;animation:cup-shake .42s ease-in-out infinite}@keyframes cup-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-9px) rotate(-9deg)}75%{transform:translate(9px) rotate(9deg)}}.result-lead{margin:0;color:var(--muted);font-weight:700}.empathy{margin:0;padding:12px 16px;color:var(--ink)!important;background:var(--surface-strong);border-radius:8px;font-weight:700}.collection{padding:20px;background:#ffffffd1;border:1px solid var(--line);border-radius:8px}.collection-count{margin:8px 0 14px;color:var(--muted)}.collection-count strong{color:var(--ink);font-size:1.2rem}.collection-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}.collection-list li{padding:10px 8px;color:var(--muted);text-align:center;background:#f6f0e3;border:1px dashed var(--line);border-radius:8px;font-size:.85rem;font-weight:800;opacity:.55}.collection-list li.met{color:#fff;background:var(--fruit-color);border-style:solid;border-color:transparent;opacity:1}@media(max-width:560px){.hero-page,.quiz-page,.result-page{padding-top:18px}.result-page{padding-right:12px;padding-left:12px}.hero{min-height:calc(100svh - 150px);gap:14px}.hero h1{font-size:clamp(2.35rem,11vw,3.4rem)}.hero p{font-size:.98rem;line-height:1.75}.hero-cast{grid-template-columns:repeat(3,1fr);gap:6px;padding:8px}.hero-cast-item{min-height:120px}.hero-cast-item img{width:136%;margin-bottom:-20px}.hero-meta{font-size:.92rem!important}.producer{padding-top:2px;font-size:.68rem!important}.producer img{width:min(160px,50vw)}.quiz-shell,.result-card{padding:18px}.result-card{padding:14px}.result-character-stage{min-height:0;grid-template-rows:auto minmax(0,1fr) auto;padding:22px 10px 20px}.result-stage-label{font-size:1rem}.result-stage-en{display:block;position:relative;z-index:3;width:100%;margin:6px 0 0;color:var(--accent-strong);font-size:.85rem;font-weight:900;letter-spacing:.05em;text-align:left;text-transform:uppercase}.result-character-image{align-self:center;width:min(112%,390px);margin-top:2px}.result-stage-title{display:block;position:relative;z-index:3;width:100%;margin:6px 0 0;color:var(--ink);font-size:clamp(2rem,9vw,2.45rem);font-weight:900;line-height:1.08;text-align:left}.result-topping-badge{right:14px;bottom:132px;min-width:62px;padding:7px 8px 6px}.result-topping-badge img{width:34px;height:34px}.result-topping-badge span{font-size:.6rem}.result-summary{gap:10px}.result-summary .result-name-en,.result-summary h1,.manager-type{display:none}.diagnosis-note{padding:14px}.diagnosis-note p{font-size:.95rem;line-height:1.72}.share-actions{grid-template-columns:1fr}}@media(max-width:820px){.result-hero{grid-template-columns:1fr}.result-character-stage{width:min(100%,390px)}.result-card h1{max-width:100%}}