:root{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#28413a;background:radial-gradient(circle at 20% 0%,rgba(255,224,208,.68),transparent 25%),radial-gradient(circle at 84% 10%,rgba(208,239,226,.6),transparent 24%),linear-gradient(180deg,#fffdf9,#f5f6f2);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--card-bg: rgba(255, 255, 255, .9);--card-border: #e8e3d8;--shadow-soft: 0 16px 36px rgba(110, 92, 74, .08);--shadow-strong: 0 20px 44px rgba(103, 120, 108, .12);--text-main: #21332e;--text-soft: #60716d;--accent-peach: #d67b5a;--accent-mint: #5ba786;--accent-sand: #d9c8ab;--accent-ink: #385f57}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text-main)}button{font:inherit}.page-shell{position:relative;min-height:100vh;padding:28px 16px 44px;overflow:hidden}.ambient-shape{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(8px);opacity:.42}.ambient-shape-left{top:-60px;left:-80px;background:radial-gradient(circle,#ffc6adb3,#ffc6ad00 68%)}.ambient-shape-right{top:220px;right:-100px;background:radial-gradient(circle,#abdbc7c2,#abdbc700 70%)}.app-frame{position:relative;z-index:1;width:min(100%,1040px);margin:0 auto}.site-header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px}.site-header h1,.hero-title,.content-heading h2,.result-panel-heading h2{margin:0;font-size:clamp(32px,4.2vw,44px);line-height:1.12;font-weight:800}.site-description,.hero-description,.content-heading p,.dimension-item p,.result-advice p{margin:0;color:var(--text-soft);line-height:1.8;font-size:15px}.section-kicker,.hero-kicker,.question-caption{margin:0 0 10px;color:#6e7d77;font-size:16px;font-weight:700;letter-spacing:.02em}.view-stage,.home-page,.quiz-page,.result-page{display:grid;gap:18px}.quiz-page{width:min(100%,720px);margin:0 auto}.hero-card,.content-card,.question-panel{border-radius:24px;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-card{padding:34px 26px 28px;text-align:center}.hero-mark{width:72px;height:72px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff0e5,#ffe2d0);color:var(--accent-peach);font-size:30px;box-shadow:0 10px 26px #d67b5a24}.hero-description{width:min(100%,700px);margin:12px auto 0}.hero-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.hero-pill{min-height:38px;padding:8px 14px;border-radius:999px;background:#faf6ef;border:1px solid #ebdfcc;color:#6b726a;font-size:13px}.hero-actions,.result-actions,.action-bar,.landing-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px}.action-bar{justify-content:center;align-items:center;width:100%}.question-actions-outside{position:relative;display:grid;justify-items:center;margin-top:18px}.quit-wrap{position:relative;display:flex;justify-content:center}.primary-button,.secondary-button{min-height:48px;padding:0 20px;border-radius:14px;border:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.primary-button{background:linear-gradient(135deg,#d68361,#c66955);color:#fffdf7;box-shadow:0 14px 28px #d67b5a38}.secondary-button{background:#f5f3ed;color:#46625a;border:1px solid #dfd9cc}.action-bar .primary-button{background:linear-gradient(135deg,#d2ddd8,#b9c8c1);color:#314642;box-shadow:0 14px 28px #617a7024;width:auto;min-width:128px;flex:0 0 auto}.action-bar .secondary-button{background:linear-gradient(135deg,#d68361,#c66955);color:#fffdf7;box-shadow:0 14px 28px #d67b5a38;width:auto;min-width:128px;flex:0 0 auto}.scale-option:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.secondary-button:disabled{opacity:.55;cursor:not-allowed}.content-heading h2,.result-advice h3,.dimension-item h3{margin:0 0 6px}.dimension-band{display:inline-block;margin-top:10px;color:#4f7568;font-size:14px;font-weight:600}.content-card{padding:18px 22px 20px}.content-heading,.result-panel-heading,.progress-meta{display:flex;gap:20px}.content-heading{margin-bottom:10px}.content-heading .section-kicker{margin-bottom:6px}.content-heading h3{margin:0;line-height:1.2}.consent-panel{display:flex;justify-content:center}.consent-label{display:inline-flex;align-items:center;gap:10px;color:#5e706a;font-size:14px;line-height:1.6;cursor:pointer}.consent-checkbox{position:absolute;opacity:0;pointer-events:none}.consent-checkbox-ui{width:22px;height:22px;flex:0 0 auto;border-radius:8px;border:1px solid #e4d6c8;background:linear-gradient(180deg,#fffaf5,#f7efe6);box-shadow:inset 0 1px #ffffffd1,0 8px 18px #d67b5a1a;display:inline-flex;align-items:center;justify-content:center;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.consent-checkmark{width:10px;height:6px;border-left:2px solid transparent;border-bottom:2px solid transparent;transform:rotate(-45deg) scale(.8);transform-origin:center;transition:border-color .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.consent-checkbox:checked+.consent-checkbox-ui{border-color:#d68a67;background:linear-gradient(135deg,#f1b39a,#d68161);box-shadow:inset 0 1px #ffffff4d,0 10px 22px #d67b5a38}.consent-checkbox:checked+.consent-checkbox-ui .consent-checkmark{border-color:#fffaf6;transform:rotate(-45deg) scale(1)}.consent-label:hover .consent-checkbox-ui{transform:translateY(-1px)}.consent-checkbox:focus-visible+.consent-checkbox-ui{outline:3px solid rgba(118,169,147,.28);outline-offset:3px}.consent-link{padding:0;margin-left:4px;border:none;background:transparent;color:#4d7c70;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.consent-modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#29363242;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.consent-modal{width:min(100%,620px);border-radius:24px;background:#fffdf9fa;border:1px solid #e7dfd2;box-shadow:0 28px 70px #3f517d2e;padding:22px 22px 20px;animation:modal-pop .24s cubic-bezier(.22,1,.36,1)}.consent-modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.consent-modal-head h3{margin:0;font-size:24px;line-height:1.25}.consent-close{width:36px;height:36px;border-radius:50%;border:1px solid #e3ddd2;background:#f8f4ec;color:#5f7068;font-size:24px;line-height:1;cursor:pointer}.consent-modal-body{display:grid;gap:12px;margin-top:16px}.consent-modal-body p{margin:0;color:#556964;font-size:15px;line-height:1.8}.confirm-bubble{position:absolute;left:50%;top:calc(100% + 12px);z-index:30;width:min(340px,calc(100vw - 56px));border-radius:18px;border:1px solid #e7dfd2;background:#fffdf9fa;box-shadow:0 18px 40px #3f517d29;padding:18px;animation:confirmBubbleIn .22s cubic-bezier(.22,1,.36,1);transform:translate(-50%)}.confirm-bubble:before{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;background:#fffdf9fa;border-top:1px solid #e7dfd2;border-left:1px solid #e7dfd2;transform:translate(-50%) rotate(45deg)}.confirm-bubble-title,.confirm-bubble-copy{margin:0}.confirm-bubble-title,.confirm-bubble-copy{color:#556964;font-size:14px;line-height:1.8;text-align:center}.confirm-bubble-copy{margin-top:4px}.confirm-bubble-actions{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:14px}.confirm-bubble-actions .secondary-button,.confirm-bubble-actions .primary-button{min-height:40px;padding:0 16px;width:auto;min-width:132px;flex:0 0 auto}.progress-meta{align-items:flex-start}.progress-title-group{display:grid;gap:2px}.progress-title{margin:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:clamp(18px,2.4vw,24px);line-height:1.15;font-weight:800;letter-spacing:-.02em}.progress-title-main{font-size:1em;color:#223733}.progress-title-separator{color:#94a5a0;font-size:.95em;font-weight:700}.progress-title-sub{color:#91a0b8;font-size:.72em;font-weight:700}.progress-bar-head{display:flex;justify-content:flex-end;margin-top:4px;margin-bottom:4px}.progress-percent{color:#5f7e73;font-size:14px;font-weight:700}.style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:10px}.style-card{min-height:170px;padding:16px 14px;border-radius:18px;border:1px solid #ece4d6;background:linear-gradient(180deg,#fffbf6,#f8f3ea);text-align:center}.style-card h3{margin:12px 0 8px}.style-card p{margin:0;color:var(--text-soft);line-height:1.7;font-size:14px}.style-icon{width:44px;height:44px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.style-accent-warmth{color:#ca6a58;background:linear-gradient(180deg,#fff0eb,#ffe5dc)}.style-accent-listening{color:#4d8a78;background:linear-gradient(180deg,#ebfaf2,#dcf4e8)}.style-accent-clarity{color:#6d77bc;background:linear-gradient(180deg,#f1efff,#e7e5fd)}.style-accent-leadership{color:#9f7841;background:linear-gradient(180deg,#fff7e5,#fceecf)}.progress-bar{width:100%;height:12px;border-radius:999px;background:#f1ece2;overflow:hidden}.progress-bar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d98564,#61a98b)}.question-panel{padding:10px 20px}.question-stage{position:relative;min-height:76px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:14px 0 0;text-align:left}.question-stage h2{margin:0;width:min(100%,760px);font-size:clamp(15px,1.9vw,20px);line-height:1.34;font-weight:600}.question-caption{position:absolute;top:0;left:0;margin:0}.scale-label-row{display:flex;justify-content:space-between;width:min(100%,860px);margin:4px auto 0;color:#7a857f;font-size:13px}.scale-label{width:33.3333%;text-align:center}.scale-label-disagree{text-align:left}.scale-label-agree{text-align:right}.scale-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:min(100%,860px);margin:0 auto;align-items:end;justify-items:center}.scale-option{padding:4px 2px 2px;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;gap:0;cursor:pointer;transition:transform .22s ease}.scale-circle{display:block;border-radius:50%;border:4px solid currentColor;background:#ffffff8c;transition:transform .24s cubic-bezier(.22,1,.36,1),background-color .22s ease,box-shadow .22s ease,border-color .22s ease}.scale-option-disagree{color:#cd716e}.scale-option-neutral{color:#a4a4a4}.scale-option-agree{color:#5fa98b}.degree-0{width:42px;height:42px}.degree-1{width:50px;height:50px}.degree-2{width:60px;height:60px}.degree-3{width:72px;height:72px}.is-selected .scale-circle{background:currentColor;box-shadow:0 10px 24px #0000001f;transform:scale(1.08)}.scale-option:active .scale-circle{transform:scale(.96)}.scale-text{display:none}.result-advice{margin-top:22px;padding:18px;border-radius:20px;text-align:left;background:linear-gradient(180deg,#fff8f2f2,#f4fcf8fa);border:1px solid #e7e0d4}.radar-chart-panel{margin-top:20px;padding:18px;border-radius:24px;background:linear-gradient(180deg,#fffffff5,#f6f4eff5);border:1px solid #e7dfd2}.dimension-panel-heading{margin-bottom:16px}.dimension-card{margin-top:20px;padding-top:18px}.radar-chart{width:min(100%,420px);height:auto;display:block;margin:0 auto}.radar-grid{fill:#ffffff80;stroke:#d4ddd8;stroke-width:1}.radar-axis{stroke:#d4ddd8;stroke-width:1}.radar-shape{fill:#5ba7863d;stroke:#5ba786;stroke-width:2}.radar-label{fill:#506761;font-size:10px;text-anchor:middle}.dimension-list{display:grid;gap:12px}.dimension-item{padding:16px 16px 14px;border-radius:18px;border:1px solid #e7dfd2;background:linear-gradient(180deg,#fffffff5,#f8f5eff5)}.dimension-item-head{display:flex;justify-content:space-between;gap:16px}.dimension-item-head span{min-width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#f0f6f2;color:#4d896f;font-weight:700}.fade-in-up{animation:fade-in-up .42s ease both}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-pop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes confirmBubbleIn{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:960px){.site-header,.content-heading,.result-panel-heading,.progress-meta{grid-template-columns:1fr;display:grid}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.question-stage{min-height:240px}}@media(max-width:720px){.page-shell{padding:14px 10px 22px}.hero-card,.content-card,.question-panel{padding-left:14px;padding-right:14px}.style-grid{grid-template-columns:1fr}.content-card{padding-top:14px;padding-bottom:14px}.consent-label{align-items:flex-start;font-size:13px}.consent-modal{padding:18px 16px 16px}.consent-modal-head h3{font-size:20px}.progress-bar-head{margin-top:6px;margin-bottom:4px}.progress-title{font-size:clamp(16px,5vw,21px)}.progress-percent{font-size:12px}.question-panel{padding-top:10px;padding-bottom:12px}.quiz-page{width:100%}.question-stage{min-height:68px;padding-top:10px}.question-caption{margin-bottom:4px;font-size:13px}.question-stage h2{font-size:clamp(16px,5vw,19px);line-height:1.38}.scale-label-row{margin:4px auto 0;font-size:11px}.scale-row{gap:3px}.scale-option{padding:2px 1px 0}.degree-0{width:26px;height:26px}.degree-1{width:30px;height:30px}.degree-2{width:36px;height:36px}.degree-3{width:44px;height:44px}.hero-actions,.result-actions,.action-bar,.question-actions-outside{margin-top:14px}.hero-actions,.result-actions{flex-direction:column}.primary-button,.secondary-button{width:100%}.action-bar{flex-direction:row;justify-content:center;align-items:center;gap:12px}.action-bar .primary-button,.action-bar .secondary-button,.confirm-bubble-actions .primary-button,.confirm-bubble-actions .secondary-button{width:auto}.confirm-bubble{width:min(320px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:16px}}