:root{color:#121923;background:#f5fbf8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#effff9,#f8fbff 56%,#fff7f0)}button,input{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid rgba(255,93,77,.32);outline-offset:3px}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh;padding:28px 14px 56px}.hero-panel,.results-wrap{width:min(100%,1120px);margin:0 auto}.hero-panel{display:grid;gap:18px}.hero-copy-block{display:grid;gap:12px}.eyebrow{width:fit-content;margin:0 0 8px;border-radius:999px;background:#fff;color:#ff5d4d;padding:7px 10px;font-size:.78rem;font-weight:900;letter-spacing:0}h1{max-width:820px;margin:0;color:#121923;font-size:3rem;line-height:.98;letter-spacing:0}.hero-copy{max-width:760px;margin:0;color:#52606d;font-size:1rem;line-height:1.75}.hero-hint{width:fit-content;margin:0;border-radius:999px;background:#d9fff4;color:#121923;padding:7px 10px;font-size:.84rem;font-weight:900;line-height:1.45}.tool-panel,.result-section{border:1px solid #121923;border-radius:18px;background:#ffffffdb;box-shadow:8px 8px #121923}.tool-panel{display:grid;gap:14px;padding:16px}.field-grid{display:grid;gap:10px}.field{display:grid;gap:8px;color:#121923;font-size:.86rem;font-weight:900}.field input{width:100%;min-height:52px;border:1px solid #121923;border-radius:14px;background:#fff;color:#121923;padding:0 14px;font-size:1rem;font-weight:800}.field input::placeholder{color:#94a1aa}.sample-note{margin:0;color:#66727d;font-size:.84rem;line-height:1.6}.control-group{min-width:0;margin:0;padding:0;border:0}.control-group legend{margin-bottom:9px;color:#52606d;font-size:.82rem;font-weight:900}.segmented-control,.tag-control{display:flex;flex-wrap:wrap;gap:8px}.segmented-control button,.tag-control button{min-height:38px;border-radius:999px;background:#eef5f4;color:#52606d;padding:0 13px;font-size:.9rem;font-weight:900;transition:background .16s ease,color .16s ease,transform .16s ease}.segmented-control button.is-active,.tag-control button.is-active{background:#121923;color:#fff}.segmented-control button:active,.tag-control button:active,.primary-action:active{transform:translateY(1px)}.form-error{margin:0;border:1px solid #ffb6a9;border-radius:14px;background:#fff2ef;color:#a23f31;padding:10px 12px;line-height:1.55}.primary-action{min-height:54px;border-radius:15px;background:#121923;color:#fff;font-size:1rem;font-weight:900;letter-spacing:0}.results-wrap{display:grid;gap:16px;margin-top:20px}.result-section{padding:16px}.personality-section{display:grid;gap:15px;background:#fff}.energy-section{background:#fffaf4}.personality-topline,.summary-header,.section-heading,.recommendation-topline,.grid-card-main,.extension-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.personality-topline h2,.summary-header h2,.section-heading h2{margin:0;color:#121923;font-size:1.7rem;line-height:1.12;letter-spacing:0}.type-badge,.score-badge{display:grid;min-width:76px;border-radius:16px;background:#ff5d4d;color:#fff;padding:11px 8px;text-align:center}.type-badge strong,.score-badge strong{font-size:1.6rem;line-height:1}.type-badge span,.score-badge span{margin-top:4px;font-size:.72rem;font-weight:900}.personality-verdict,.summary-copy,.recommendation-reason,.recommendation-basis,.grid-meaning,.caveat,.result-footnote,.empty-state,.disclaimer,.upgrade-copy,.extension-card p{color:#4f5d68;line-height:1.68}.personality-verdict,.summary-copy,.upgrade-copy{margin-bottom:0;font-size:1rem}.metric-grid{display:grid;gap:10px}.personality-metric,.extension-card,.grid-card,.recommendation-card{border:1px solid #121923;border-radius:16px;background:#f7f9fb}.personality-metric{min-height:118px;padding:13px}.personality-metric span,.extension-card-top span,.ranking-notes h3,.domain-row-label span{color:#ff5d4d;font-size:.78rem;font-weight:900}.personality-metric strong{display:block;margin-top:8px;color:#121923;font-size:1.4rem;line-height:1}.personality-metric p{margin:8px 0 0;color:#66727d;line-height:1.5}.share-card{border:1px solid #121923;border-radius:16px;background:#d9fff4;padding:13px}.share-card span{color:#121923;font-size:.78rem;font-weight:900}.share-card p{margin:6px 0 0;color:#121923;font-size:1.05rem;font-weight:900}.section-heading{margin-bottom:14px}.section-heading>span{flex:0 0 auto;border-radius:999px;background:#d9fff4;color:#121923;padding:7px 10px;font-size:.78rem;font-weight:900}.extension-section{background:#fff}.extension-grid,.grid-list,.recommendation-list{display:grid;gap:10px}.extension-card{padding:13px}.extension-card h3{margin:0;color:#121923;font-size:1.06rem}.extension-card p{margin:10px 0}.extension-card strong{display:block;color:#121923;line-height:1.55}.recommendation-card{display:grid;gap:10px;padding:14px;background:#fff}.recommendation-topline h3,.grid-card h3{margin:0;color:#121923;letter-spacing:0}.recommendation-topline h3{font-size:1.2rem}.name-bridge{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:8px;margin-top:12px}.name-bridge-card{min-width:0;border:1px solid rgba(18,25,35,.18);border-radius:14px;background:#fff;padding:10px 11px;box-shadow:3px 3px #1219231a}.name-bridge-card.is-measured{border-color:#121923;background:#d9fff4}.name-bridge-card span{display:block;color:#72808a;font-size:.73rem;font-weight:900;line-height:1.2}.name-bridge-card strong{display:block;margin-top:5px;color:#121923;font-size:1.52rem;line-height:1.05;overflow-wrap:anywhere}.name-bridge-arrow{display:grid;width:28px;height:28px;place-items:center;border-radius:999px;background:#121923;color:#fff;font-size:.92rem;font-weight:900}.name-bridge-note{margin:8px 0 0;color:#52606d;font-size:.84rem;font-weight:800;line-height:1.5}.recommendation-topline p,.grid-card-main p,.muted{margin:5px 0 0;color:#72808a;font-size:.86rem;line-height:1.55}.measured-strokes{display:flex;width:fit-content;flex-wrap:wrap;align-items:center;gap:5px;margin:9px 0 0;border-radius:999px;background:#d9fff4;color:#121923;padding:7px 10px;font-size:.88rem;font-weight:900;line-height:1.35}.measured-strokes span{color:#4d665d;font-size:.76rem}.measured-strokes strong{color:#121923}.recommendation-topline strong{flex:0 0 auto;color:#ff5d4d;font-size:1rem}.recommendation-reason,.recommendation-basis,.caveat{margin:0}.recommendation-basis{border-left:3px solid #ff5d4d;padding-left:10px}.mini-tags,.grid-card-meta{display:flex;flex-wrap:wrap;gap:6px}.mini-tags span,.grid-card-meta span{border-radius:999px;background:#eef5f4;color:#52606d;font-size:.76rem;font-weight:900;line-height:1;padding:7px 9px}.mini-tags span:first-child{background:#d9fff4;color:#121923}.grid-card{padding:14px}.grid-card-main strong{color:#ff5d4d;font-size:1.55rem;line-height:1}.grid-card-meta{margin:12px 0}.signal-block{margin-bottom:12px;border-left:3px solid #121923;background:#f7f9fb;padding:10px 12px}.signal-block.is-caution{border-left-color:#ff5d4d;background:#fff4f1}.signal-block h3{margin:0 0 4px;color:#121923;font-size:.92rem;letter-spacing:0}.signal-block p{margin:0;color:#52606d;line-height:1.55}.disclaimer{margin:14px 0 0;border-top:1px solid #dfe7e9;padding-top:12px;color:#66727d;font-size:.9rem}.result-footnote{margin:12px 0 0;border-top:1px solid #dfe7e9;padding-top:12px;color:#66727d;font-size:.88rem}.competitive-section,.competitive-metrics,.domain-panel,.domain-row,.ranking-notes ul{display:grid;gap:10px}.competitive-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{border:1px solid #121923;border-radius:16px;background:#fff;padding:12px}.metric-card span{color:#ff5d4d;font-size:.78rem;font-weight:900}.metric-card strong{display:block;margin-top:8px;color:#121923;font-size:1.5rem;line-height:1}.metric-card p,.ranking-notes li{color:#52606d;line-height:1.55}.metric-card p,.domain-panel h3,.ranking-notes h3{margin:0}.domain-row-label{display:flex;justify-content:space-between;gap:10px}.domain-row-label strong{color:#121923}.domain-bar{height:10px;overflow:hidden;border-radius:999px;background:#eef5f4}.domain-bar i{display:block;height:100%;border-radius:inherit;background:#ff5d4d}.ranking-notes ul{margin:8px 0 0;padding-left:18px}@media(hover:hover){.segmented-control button:hover,.tag-control button:hover{background:#d9fff4;color:#121923}.segmented-control button.is-active:hover,.tag-control button.is-active:hover,.primary-action:hover{background:#ff5d4d;color:#fff}}@media(min-width:640px){.app-shell{padding:40px 24px 72px}h1{font-size:4.6rem}.hero-copy{font-size:1.06rem}.tool-panel,.result-section{padding:18px}.field-grid,.metric-grid,.extension-grid,.grid-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:960px){.hero-panel{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:end}.hero-copy-block{grid-column:1}.tool-panel{grid-column:2;grid-row:1 / span 3}.field-grid{grid-template-columns:.68fr 1.32fr}.results-wrap{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:start;gap:18px}.personality-section,.energy-section,.extension-section,.recommendation-section{grid-column:1 / -1}.metric-grid,.extension-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recommendation-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.app-shell{padding:22px 12px 42px}.hero-panel{gap:14px}.eyebrow{padding:6px 9px;font-size:.72rem}h1{font-size:2.05rem;line-height:1.05}.hero-copy{font-size:.94rem;line-height:1.62}.hero-copy-block{gap:10px}.hero-hint{font-size:.78rem}.tool-panel,.result-section{border-radius:16px;box-shadow:5px 5px #121923;padding:14px}.field-grid{gap:9px}.field{gap:6px}.field input{min-height:48px;border-radius:13px;padding:0 13px}.control-group legend{margin-bottom:7px}.segmented-control,.tag-control{gap:7px}.segmented-control button,.tag-control button{min-height:35px;padding:0 12px;font-size:.86rem}.primary-action{min-height:50px;border-radius:14px}.results-wrap{gap:14px;margin-top:16px}.personality-topline,.summary-header,.section-heading,.recommendation-topline,.grid-card-main,.extension-card-top{display:grid;gap:8px}.personality-topline h2,.summary-header h2,.section-heading h2{font-size:1.45rem}.type-badge,.score-badge{min-width:76px;width:78px;border-radius:14px;padding:10px 8px}.type-badge strong,.score-badge strong{font-size:1.45rem}.personality-verdict,.summary-copy,.upgrade-copy{font-size:.94rem}.personality-metric,.extension-card,.recommendation-card{border-radius:14px}.personality-metric{min-height:auto;padding:12px}.personality-metric strong{font-size:1.24rem}.share-card{border-radius:14px;padding:12px}.share-card p{font-size:1rem}.section-heading{margin-bottom:12px}.section-heading>span{width:fit-content;padding:6px 9px;font-size:.72rem}.extension-grid,.recommendation-list{gap:9px}.extension-card,.recommendation-card{padding:12px}.extension-card p{margin:8px 0}.recommendation-card{gap:8px}.recommendation-topline h3{font-size:1.08rem}.recommendation-reason,.recommendation-basis,.result-footnote{font-size:.9rem}.mini-tags,.grid-card-meta{gap:5px}.mini-tags span,.grid-card-meta span{font-size:.72rem;padding:6px 8px}.competitive-metrics{grid-template-columns:1fr}}