:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#43394d;background:#f2edfb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--purple:#75608f;--muted:#786d83;--border:#e8e0ef;--mint:#e9f3ed;--peach:#fbede5;--blue:#eaf0f8;--butter:#f9f4df}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer;min-height:48px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;border-radius:14px;transition:background .15s,box-shadow .15s}button:disabled{opacity:.48;cursor:default}button:focus-visible,input:focus-visible,.answer-option:has(input:focus-visible){outline:3px solid #a58abf;outline-offset:4px}h1:focus{outline:none}button:not(:disabled):active{transform:translateY(1px)}.primary{background:#75608f;color:#fff;padding:14px 20px;box-shadow:0 3px 8px #75608f12}.primary:hover:not(:disabled){background:#67527f}.primary>span[aria-hidden]{font-size:23px;line-height:1}.secondary{background:#fff;color:#665576;border-color:#e4dbea;padding:12px 16px}.secondary:hover:not(:disabled){background:#f7f3fc}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{text-wrap:balance}p{line-height:1.85}h1{font-size:30px;line-height:1.4;letter-spacing:-.7px;font-weight:650}h2{font-size:23px;line-height:1.5;letter-spacing:-.4px}h3{font-size:21px;line-height:1.5}h4{font-size:17px;line-height:1.6}.app-shell{max-width:520px;margin:0 auto;padding:0 20px 24px}.brand{height:72px;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:650;letter-spacing:1px}.brand-mark{font-size:31px;color:#8e74aa;line-height:1}.brand-en{margin-left:auto;font-size:9px;font-weight:500;letter-spacing:1.3px;color:#887b97}.card,.cover-card{background:#fff;border:1px solid #e7dfed;border-radius:20px;box-shadow:0 2px 5px #57456503,0 8px 24px #57456504}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#8b779e;font-weight:650;line-height:1.6;margin-bottom:14px}.cover-card{padding:28px 24px 24px;text-align:center}.cover-card h1{font-size:34px;margin-bottom:12px;letter-spacing:1px}.cover-lead{font-size:15px;line-height:1.9;color:#7a6b87;margin-bottom:0}.art-slot{height:196px;display:flex;align-items:center;justify-content:center;margin:8px -12px}.art-slot svg{display:block;max-width:340px;width:100%;height:100%}.facts{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 0 20px;font-size:11px;color:#82748d;white-space:nowrap}.facts span+span{border-left:1px solid #e9e2ed;padding-left:12px}.facts b{font-size:13px;font-weight:600;color:#655274}.cover-card form{text-align:left;border-top:1px solid #eee8f3;padding-top:20px;display:grid;gap:10px}.cover-card label{font-size:12px;font-weight:600;color:#685a76}.cover-card input{height:48px;width:100%;background:#faf8fd;border:1px solid #e6dded;border-radius:12px;padding:0 14px;font-size:14px;color:#4c4059}.cover-card input::placeholder{color:#9a8da6}.cover-card button{width:100%;margin-top:2px}.cover-note{font-size:12px;color:#8a7c96;text-align:center;margin:20px 0 36px}.dimension-preview{padding:0 12px 16px;text-align:center}.dimension-preview h2{font-size:24px;margin-bottom:24px}.dimension-tags{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dimension-tags span{padding:14px 8px;border-radius:14px;font-size:13px;background:#fff;border:1px solid #e6dfee}.dimension-tags span:nth-child(2),.dimension-tags span:nth-child(5){background:var(--mint)}.dimension-tags span:nth-child(3){background:var(--peach)}.dimension-tags span:nth-child(4){background:var(--blue)}.dimension-tags span:nth-child(6){background:var(--butter)}.disclaimer,.page-footer{font-size:11px;text-align:center;line-height:1.9;color:#8b7e97}.disclaimer{margin:16px 20px}.page-footer{padding-top:24px}.intro{padding:32px 24px}.intro h1{font-size:28px;margin-bottom:24px}.intro>p:not(.eyebrow){font-size:14px;color:#7c6e87}.intro strong{color:#655075;font-weight:650}.intro-list{padding:0;list-style:none;counter-reset:rules;display:grid;gap:16px;margin:28px 0}.intro-list li{counter-increment:rules;display:flex;gap:12px;align-items:center;font-size:13px;line-height:1.7}.intro-list li:before{content:counter(rules,decimal-leading-zero);display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:#f2edf8;border-radius:10px;color:#8c73a4;font-size:10px}.intro .privacy-note{background:#f8f6fb;border-radius:12px;padding:16px;font-size:12px!important}.intro .primary{width:100%;margin-top:24px}.question-meta{display:flex;justify-content:space-between;font-size:12px;color:#83738e;margin:16px 4px 12px}.question-meta b{color:#6c557f;font-size:20px;font-weight:550}.progress-track{height:4px;overflow:hidden;background:#e4dced;border-radius:4px;margin:0 4px 24px}.progress-track span{height:100%;display:block;background:#9a81b4;border-radius:4px;transition:width .2s}.question-card{padding:28px 24px 24px}.question-card h1{font-size:24px;line-height:1.65;min-height:80px;margin-bottom:16px}.question-hint{font-size:12px;color:#8a7b96;margin-bottom:24px}.question-card fieldset{border:0;padding:0;margin:0;display:grid;gap:12px;min-width:0}.answer-option{position:relative;display:flex;align-items:center;gap:14px;min-height:58px;border:1px solid #e9e1f0;background:#fdfcfe;border-radius:14px;padding:12px 16px;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s}.answer-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.answer-option input:disabled{cursor:default}.answer-option.selected{background:#eee7f7;border-color:#a68abd;color:#5f4376}.option-letter{font-size:11px;color:#9b88ab;background:#f2edf7;display:grid;place-items:center;width:26px;height:26px;border-radius:8px}.selected .option-letter{background:#e3d6ef;color:#705588}.radio-dot{width:17px;height:17px;border:1px solid #d9ccE3;border-radius:50%;margin-left:auto;flex-shrink:0}.selected .radio-dot{border:5px solid #8b6ba5;background:#fff}.quiz-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.button-icon{width:20px;height:20px;flex-shrink:0}.quiz-navigation button{padding:14px 8px;font-size:14px;white-space:nowrap;min-height:54px;line-height:1.5;gap:9px}.quiz-note{text-align:center;color:#92829f;font-size:12px;margin:20px 0}.retry{width:100%;margin:16px 0}.report-document{background:#fff;border:1px solid #e7dfed;border-radius:20px;overflow:hidden}.report-hero{text-align:center;background:#faf7fe;padding:40px 24px 36px;border-bottom:1px solid #ede6f4}.report-hero .eyebrow{font-size:10px;margin-bottom:32px}.index-label{font-size:12px;letter-spacing:1px;color:#8b789b;margin-bottom:12px}.report-hero h1{font-size:28px;color:#69507e;margin:0 0 10px}.index-score{margin:0;display:flex;justify-content:center;align-items:baseline;gap:10px;color:#8c779d}.index-score b{font-size:64px;font-weight:400;line-height:1.2;letter-spacing:-3px}.index-score span{font-size:15px}.radar-section{padding:32px 20px 28px;border-bottom:1px solid #ede7f3}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-number{display:grid;place-items:center;width:34px;height:40px;background:#f1ecf8;border:1px solid #e9e0f0;border-radius:11px;font-size:11px;color:#947ba9;flex-shrink:0}.section-heading .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:3px}.section-heading h2{font-size:21px;margin:0}.radar{width:100%;height:auto;display:block;overflow:visible}.chart-note{font-size:11px;line-height:1.9;color:#8a7b95;background:#f8f5fc;border:1px solid #eee8f5;border-radius:12px;padding:14px;margin:12px 0 0}.dimensions-section{padding:32px 20px}.dimension-detail{border:1px solid #e9e2f0;border-radius:16px;padding:24px 20px;margin-top:16px;background:#fdfcfe}.dimension-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.dimension-index{font-size:8px;letter-spacing:.9px;color:#9b89aa}.dimension-heading h3{margin:6px 0 0;font-size:21px;font-weight:650}.dimension-score{text-align:center;display:flex;align-items:baseline;gap:4px;white-space:nowrap;color:#826a96}.dimension-score b{font-size:32px;font-weight:450}.dimension-score span{font-size:10px;color:#96859f}.dimension-reading h4{margin:0 0 10px;color:#655274;font-weight:650}.dimension-reading p{font-size:13px;line-height:1.95;margin:0;color:#766980}.dimension-tip{padding:16px;border-radius:12px;font-size:12px;line-height:1.9;margin:20px 0 0;background:#f0eaf7;color:#766181}.dimension-tip>span{display:block;font-size:10px;letter-spacing:.4px;font-weight:650;margin-bottom:6px;color:#7c668e}.dimension-exclusivity .dimension-tip,.dimension-boundaries .dimension-tip{background:#eaf3ed}.dimension-checking .dimension-tip{background:#fbede5}.dimension-reassurance .dimension-tip{background:#eaf0f8}.dimension-threshold .dimension-tip{background:#f9f4df}.report-footer{background:#f7f3fc;padding:28px 24px;text-align:center;border-top:1px solid #eae3f2}.report-footer>span{display:block;font-size:16px;color:#7b638e;margin-bottom:16px;letter-spacing:1px}.report-footer p{font-size:11px;line-height:1.9;margin:0;color:#90809d}.report-actions{display:grid;gap:12px;margin-top:24px}.report-actions>.primary{min-height:54px}.report-actions>.secondary{background:transparent}.reset-confirm{margin-top:16px;padding:24px}.reset-confirm h2{font-size:19px}.reset-confirm p{font-size:13px;color:#83718e}.dialog-actions{display:flex;gap:12px}.dialog-actions button{flex:1;font-size:14px;padding:12px 8px}.error{background:#fff1ee;border:1px solid #efd4ca;color:#996354;border-radius:12px;padding:14px 16px;font-size:13px;margin:16px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:360px){.app-shell{padding:0 14px 20px}.brand{height:64px;font-size:14px}.brand-en{font-size:8px;letter-spacing:.6px}.cover-card{padding:24px 18px 20px}.cover-card h1{font-size:30px}.art-slot{height:170px}.facts{gap:8px;font-size:10px}.facts span+span{padding-left:8px}.intro,.question-card{padding:24px 18px}.intro h1{font-size:24px}.question-card h1{font-size:22px}.quiz-navigation{gap:8px}.quiz-navigation button{font-size:13px}.section-heading h2{font-size:19px}.radar-section,.dimensions-section{padding-left:16px;padding-right:16px}.dimension-detail{padding:20px 16px}.dimension-heading h3{font-size:19px}.dimension-index{font-size:7px;letter-spacing:.4px}.dimension-score b{font-size:28px}.dimension-tip{padding:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}@media print{.brand,.report-actions,.page-footer,.reset-confirm{display:none}.app-shell{max-width:none;padding:0}.report-document{border:0;border-radius:0}.dimension-detail{break-inside:avoid}}