:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;background:#fff7ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#fff7edf5,#fdf2f8eb 48%,#eef2fff5),radial-gradient(circle at 78% 18%,#f59e0b29,#0000 32%);min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{overflow-x:hidden}.site-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;border:1px solid #ffffffb8;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 32px);margin:18px auto 0;padding:12px 14px;display:flex;position:sticky;top:0;box-shadow:0 18px 50px #7c3aed1f}.brand{color:#312e81;background:0 0;border:0;align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand-mark{color:#fff;letter-spacing:0;background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:14px;place-items:center;width:38px;height:38px;display:grid}.site-header nav{gap:8px;display:flex}.site-header a,.ghost-button{color:#4b5563;border:0;border-radius:999px;padding:10px 14px;text-decoration:none;transition:all .18s}.site-header a:hover,.ghost-button:hover{color:#6d28d9;background:#f5f3ff}main{width:min(1180px,100% - 32px);margin:0 auto}.hero-section{grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);align-items:center;gap:34px;min-height:calc(100vh - 88px);padding:52px 0 32px;display:grid}.hero-copy h1{color:#24124d;letter-spacing:0;max-width:780px;margin:0;font-size:clamp(2.55rem,7vw,5.9rem);line-height:.98}.hero-copy p{color:#4b5563;max-width:660px;margin:24px 0 0;font-size:clamp(1.03rem,2vw,1.32rem);line-height:1.8}.hero-actions,.result-metrics,.hero-stats,.quiz-controls,.retake-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-actions{margin-top:30px}.primary-button,.secondary-button{border:0;border-radius:999px;min-height:52px;padding:14px 22px;font-weight:800;transition:transform .18s,box-shadow .18s;box-shadow:0 18px 34px #7c3aed3d}.primary-button{color:#fff;background:linear-gradient(135deg,#7c3aed,#ec4899)}.secondary-button{color:#fff;background:#1f2937}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px);box-shadow:0 22px 42px #7c3aed47}.ghost-button{color:#6d28d9;background:#ffffffb8;align-items:center;min-height:48px;font-weight:800;display:inline-flex}.hero-stats{margin-top:22px}.hero-stats span,.result-metrics span,.center-scores span{color:#4b5563;background:#ffffffb8;border:1px solid #7c3aed1f;border-radius:999px;padding:8px 12px;font-size:.92rem;font-weight:700}.hero-panel,.quiz-intro,.question-card,.result-card,.share-card,.dimension-section,.notice-card,.type-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbd;border:1px solid #ffffffb8;box-shadow:0 24px 70px #4c1d951f}.hero-panel{border-radius:34px;padding:18px}.profile-card{background:linear-gradient(135deg,#0f766e24,#ec48991f);border-radius:28px;grid-template-columns:minmax(128px,168px) minmax(0,1fr);align-items:center;gap:20px;padding:18px;display:grid;overflow:hidden}.profile-card .type-character--large{aspect-ratio:1;border-radius:22px;width:100%;height:auto}.profile-card>div:last-child{min-width:0}.mini-label{color:#7c3aed;text-transform:uppercase;margin:0 0 8px;font-size:.84rem;font-weight:900}.profile-card h2,.result-copy h2{color:#24124d;letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,3.4rem)}.profile-card h2{font-size:clamp(1.9rem,3.2vw,2.8rem);line-height:1.05}.profile-card p,.result-copy p{color:#4b5563;line-height:1.7}.type-character{filter:drop-shadow(0 18px 26px #4f46e533);object-fit:cover;border-radius:24px;width:100%;height:auto;display:block}.type-character--small{border-radius:18px;width:58px;height:58px}.type-character--medium{width:min(140px,60vw);height:min(140px,60vw);margin:0 auto}.type-character--large{width:min(260px,72vw);height:min(260px,72vw)}.mini-type-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.mini-type-card{border:1px solid color-mix(in srgb, var(--type-color) 22%, transparent);background:color-mix(in srgb, var(--type-color) 10%, white);border-radius:20px;justify-content:space-between;align-items:center;min-height:82px;padding:10px;display:flex;overflow:hidden}.mini-type-card span{background:var(--type-color);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.about-section,.types-section,.quiz-stage,.result-page{padding:54px 0}.about-section{grid-template-columns:1fr .78fr;align-items:start;gap:24px;display:grid}.about-section h2,.section-heading h2,.quiz-intro h2{color:#24124d;letter-spacing:0;margin:0 0 14px;font-size:clamp(2rem,4vw,3.4rem)}.about-section p,.section-heading p,.notice-card p,.quiz-intro p,.quiz-intro li,.dimension-section p,.dimension-section li,.dimension-section dd,.share-card p,.site-footer p{color:#4b5563;line-height:1.78}.notice-card,.quiz-intro{border-radius:28px;padding:24px}.type-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.type-card{border-color:color-mix(in srgb, var(--type-color) 16%, white);border-radius:28px;padding:20px;transition:transform .18s,box-shadow .18s}.type-card:hover{box-shadow:0 28px 70px color-mix(in srgb, var(--type-color) 20%, transparent);transform:translateY(-4px)}.type-card span{color:var(--type-color);font-weight:900}.type-card h3{color:#24124d;margin:8px 0;font-size:1.45rem}.type-card p{color:#6b7280;line-height:1.7}.type-card-characters{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:10px;margin-bottom:10px;display:grid}.type-card-characters .type-character--medium{aspect-ratio:1;width:100%;height:auto}.quiz-intro{max-width:820px;margin:64px auto}.intro-list{gap:8px;margin:20px 0 26px;padding-left:22px;display:grid}.gender-picker{gap:12px;margin:24px 0;display:grid}.gender-picker h3{color:#24124d;margin:0;font-size:1.35rem}.gender-picker p{margin:0}.gender-options{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.gender-option{color:#4b5563;text-align:left;background:#ffffffc7;border:1px solid #ede9fe;border-radius:22px;gap:6px;min-height:112px;padding:16px;transition:all .18s;display:grid}.gender-option strong{color:#24124d;font-size:1.2rem}.gender-option span{color:#6b7280;line-height:1.55}.gender-option:hover,.gender-option.is-selected{background:linear-gradient(135deg,#7c3aed1f,#ec48991f);border-color:#7c3aed;transform:translateY(-2px)}.quiz-stage{max-width:860px;margin:0 auto}.progress-wrap{margin-bottom:18px}.progress-meta{color:#4b5563;justify-content:space-between;margin-bottom:8px;font-weight:800;display:flex}.progress-track,.score-track{background:#ffffffb3;border-radius:999px;overflow:hidden}.progress-track{height:14px;box-shadow:inset 0 0 0 1px #7c3aed1a}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#ec4899,#f59e0b);height:100%;transition:width .28s;display:block}.question-card{border-radius:32px;padding:30px}.question-card legend{float:left;color:#24124d;width:100%;font-size:clamp(1.5rem,4vw,2.45rem);font-weight:900;line-height:1.35}.question-card p{clear:both;color:#7c3aed;margin:18px 0 0;font-weight:800}.likert-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:24px;display:grid}.likert-option{color:#4b5563;text-align:center;background:#ffffffc7;border:1px solid #ede9fe;border-radius:22px;place-items:center;gap:8px;min-height:108px;font-weight:800;transition:all .18s;display:grid}.likert-option span{color:#7c3aed;background:#f5f3ff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.likert-option:hover,.likert-option.is-selected{color:#fff;background:linear-gradient(135deg,#7c3aed,#ec4899);border-color:#7c3aed;transform:translateY(-2px)}.likert-option.is-selected span,.likert-option:hover span{color:#fff;background:#ffffff38}.quiz-controls{justify-content:space-between;margin-top:16px}.quiz-controls span{color:#6b7280;font-weight:800}.result-page{gap:18px;display:grid}.result-card{border-color:color-mix(in srgb, var(--type-color) 18%, white);background:linear-gradient(135deg, color-mix(in srgb, var(--type-accent) 62%, white), #ffffffd1), #ffffffc7;border-radius:36px;grid-template-columns:290px 1fr;align-items:center;gap:26px;padding:28px;display:grid}.result-visual{background:color-mix(in srgb, var(--type-color) 12%, white);border-radius:30px;place-items:center;display:grid}.result-name{font-weight:900}.share-card{border-radius:28px;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.share-card h3,.dimension-section h3{color:#24124d;margin:0 0 8px}.detail-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.dimension-section{border-radius:28px;padding:22px}.dimension-section--warm{background:#fff7edc7}.dimension-section--cool{background:#eef2ffc7}.definition-grid{gap:12px;margin:0;display:grid}.definition-grid div{border-left:4px solid #ec4899;padding-left:12px}.definition-grid dt,.dimension-section h4{color:#7c3aed;font-weight:900}.definition-grid dd{margin:4px 0 0}.pill-list{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.pill-list li{color:#4b5563;background:#f5f3ff;border-radius:999px;padding:8px 12px;font-weight:700}.center-scores,.instinct-grid{flex-wrap:wrap;gap:10px;display:flex}.instinct-grid article{background:#ffffffb8;border:1px solid #e0e7ff;border-radius:20px;flex:180px;padding:14px}.instinct-grid span{color:#7c3aed;font-weight:900;display:block}.growth-plan{padding-left:22px}.score-grid{gap:10px;display:grid}.score-row{color:#4b5563;grid-template-columns:68px 1fr 46px;align-items:center;gap:10px;font-weight:800;display:grid}.score-track{height:12px}.score-track span{border-radius:inherit;height:100%;display:block}.site-footer{border-top:1px solid #7c3aed29;width:min(1180px,100% - 32px);margin:28px auto;padding:22px 0 34px}@media (width<=900px){.site-header{flex-direction:column;align-items:flex-start}.site-header nav{width:100%;overflow-x:auto}.hero-section,.about-section,.result-card,.detail-grid{grid-template-columns:1fr}.hero-section{min-height:auto;padding-top:36px}.type-grid{grid-template-columns:repeat(2,1fr)}.likert-grid,.gender-options{grid-template-columns:1fr}.likert-option{text-align:left;grid-template-columns:46px 1fr;min-height:72px}.share-card{flex-direction:column;align-items:stretch}}@media (width<=560px){main,.site-header,.site-footer{width:min(100% - 20px,1180px)}.hero-copy h1{font-size:2.55rem}.profile-card{text-align:center;grid-template-columns:1fr}.mini-type-grid,.type-grid{grid-template-columns:1fr}.question-card,.result-card,.dimension-section{border-radius:24px;padding:20px}.score-row{grid-template-columns:58px 1fr 42px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}