:root{font-family:Noto Sans SC,Source Han Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#31404c;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-strong: #31404c;--text-body: #556472;--text-soft: #71808c;--line-soft: #dfdfe5;--line-strong: #d3d7de;--surface-card: rgba(255, 251, 248, .9);--surface-card-strong: rgba(255, 249, 245, .96);--surface-panel: rgba(249, 243, 238, .88);--surface-tint: #f4ebe6;--shadow-card: 0 18px 40px rgba(136, 124, 124, .09);--shadow-pop: 0 20px 42px rgba(122, 116, 123, .14);--brand-deep: #6f7f95;--brand-main: #8a99ad;--brand-soft: #dfe8ef;--accent-rose: #c69795;--accent-rose-soft: #f4e2df}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 16% 0%,rgba(219,226,232,.72),transparent 28%),radial-gradient(circle at 84% 10%,rgba(241,219,215,.66),transparent 24%),linear-gradient(180deg,#fdfaf7,#f5f0ec)}button,input{font:inherit}button{border:0}a{color:inherit}.page-shell{min-height:100vh;padding:28px 16px 44px}.app-shell{width:min(100%,920px);margin:0 auto}.hero-card,.content-card{border-radius:28px;background:var(--surface-card);box-shadow:var(--shadow-card);border:1px solid rgba(222,219,216,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-card{padding:36px 28px 30px;text-align:center}.content-card{margin-top:18px;padding:24px 26px 26px}.hero-mark,.result-mark{width:84px;height:84px;margin:0 auto 16px;border-radius:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f8efe9f5,#eaf0f4f0);box-shadow:inset 0 1px #ffffffbf,0 14px 30px #968d8b24}.brand-logo{width:56px;height:56px}.brand-logo-orbit{stroke:#8f9aa96b;stroke-width:1.8}.brand-logo-heart{fill:#c6979524;stroke:#b98988;stroke-width:1.8}.brand-logo-thread{stroke:#7b8a9e;stroke-width:1.8}.hero-kicker,.section-kicker{margin:0;color:var(--text-soft);font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-card h1{margin:12px 0 0;color:var(--text-strong);font-size:clamp(32px,4.5vw,44px);line-height:1.15;letter-spacing:-.02em}.hero-description,.section-copy,.terms-modal-intro,.hint-text{margin:12px auto 0;color:var(--text-body);font-size:15px;line-height:1.85}.hero-description{max-width:640px}.hero-pills,.result-pill-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px}.hero-pills span,.result-pill-row span,.progress-meta span{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(216,219,225,.92);background:#ffffff9e;color:var(--text-body);font-size:13px;display:inline-flex;align-items:center}.section-header{margin-bottom:14px}.section-header h2,.question-head h2,.terms-modal-header h2{margin:8px 0 0;color:var(--text-strong);font-size:26px;line-height:1.3}.section-copy{margin:0}.style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.style-card{min-height:184px;padding:18px 16px;border-radius:22px;border:1px solid rgba(223,221,221,.95);background:linear-gradient(180deg,#ffffffbd,#f8f3f0e0);text-align:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.style-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px #9084841a}.style-card h3{margin:12px 0 8px;font-size:17px;color:var(--text-strong)}.style-card p{margin:0;font-size:14px;line-height:1.7}.style-card small{display:block;margin-top:10px;font-size:12px;line-height:1.65;color:var(--text-soft)}.style-icon,.distribution-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:18px}.style-icon{width:48px;height:48px;margin:0 auto}.style-icon svg,.distribution-icon svg{width:26px;height:26px}.flow-list,.bullet-list{margin:0;padding-left:20px;color:var(--text-body);line-height:1.9}.consent-card{display:flex;flex-direction:column;align-items:center;gap:16px}.consent-check{display:flex;align-items:center;gap:8px;color:var(--text-body);line-height:1.8;width:fit-content;max-width:100%}.consent-check input{margin-top:0;width:18px;height:18px;accent-color:#8a99ad;flex:0 0 auto}.consent-check span{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.inline-link-button{margin-left:6px;padding:0;background:transparent;color:#7f6670;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.landing-actions,.question-actions,.confirm-actions,.result-actions,.terms-modal-footer,.terms-modal-header{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.landing-actions,.result-actions{justify-content:center;width:100%}.start-button{min-width:172px;min-height:48px;padding:0 24px;border-radius:16px;background:linear-gradient(180deg,#92a0b2,#76879d);color:#fff;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 14px 28px #7a889c3d;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.start-button:hover:not(:disabled),.ghost-button:hover:not(:disabled),.modal-close-button:hover{transform:translateY(-1px)}.start-button:disabled{opacity:.46;cursor:not-allowed;box-shadow:none}.ghost-button,.modal-close-button{min-height:44px;padding:0 18px;border-radius:16px;border:1px solid rgba(214,216,220,.95);background:#ffffffa8;color:var(--text-body);font-size:15px;font-weight:700;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.ghost-button:disabled{opacity:.52;cursor:not-allowed}.landing-actions .start-button,.result-actions .start-button,.confirm-actions .ghost-button{min-width:172px}.confirm-actions{flex-direction:row;justify-content:center;flex-wrap:nowrap;width:100%}.confirm-actions .ghost-button{min-width:0;flex:1 1 0;padding:0 14px}.landing-start-button{background:linear-gradient(180deg,#92a0b2,#76879d);color:#fff}.landing-continue-button{background:linear-gradient(180deg,#d9cbc3,#c6b5ac);color:#5e5557;box-shadow:0 14px 28px #b4a49c38}.landing-result-button{background:linear-gradient(180deg,#cda5ab,#b8858d);color:#fff;box-shadow:0 14px 28px #b985843d}.quiz-hero-card{text-align:left;padding:28px 28px 26px}.quiz-flow-head{margin-bottom:14px}.quiz-flow-label{margin:0;color:#6b7691;font-size:18px;font-weight:700;letter-spacing:0;text-transform:none}.quiz-progress-title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.quiz-progress-title{margin:0;font-size:clamp(34px,4vw,48px);line-height:1;letter-spacing:-.03em;color:#25375d}.quiz-progress-total{color:#8a95ad;font-size:18px;font-weight:700}.quiz-progress-percent{color:#6b7691;font-size:16px;font-weight:700;margin-left:auto;text-align:right;white-space:nowrap}.progress-track{height:14px;margin-top:18px;border-radius:999px;background:#dfe5ebf5;overflow:hidden}.progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d6a7a2,#8494aa);transition:width .22s ease}@media(max-width:560px){.quiz-hero-card{padding:22px 18px 20px}.quiz-flow-label{font-size:16px}.quiz-progress-main{margin-top:14px}.quiz-progress-title{font-size:28px}.quiz-progress-total{font-size:16px}.quiz-progress-percent{font-size:14px;margin-left:0}.progress-track{height:12px;margin-top:14px}}.question-head{margin-bottom:18px}.question-card{position:relative}.question-nav-button{min-width:172px;min-height:44px}.previous-question-button{border-color:#adb9c9fa;background:#e6ecf3e0;color:#4f6177}.return-home-button{border-color:#d6bbb8fa;background:#f5e5e2eb;color:#8d6668}.option-list{display:grid;gap:12px}.option-card{width:100%;padding:16px;border-radius:20px;border:1px solid rgba(220,220,223,.98);background:linear-gradient(180deg,#ffffffeb,#f7f1edf0);display:flex;align-items:center;gap:12px;color:var(--text-body);text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.option-card:hover{transform:translateY(-1px);border-color:#c4babbf2;box-shadow:0 16px 34px #8e81811a}.option-card.is-selected{border-color:#bc9795fa;background:linear-gradient(180deg,#fcefedfa,#f4e7e5f5);box-shadow:0 16px 32px #bc979529}.option-badge{width:36px;height:36px;border-radius:14px;background:#e3eaefe0;color:#6e8095;font-weight:800;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.option-text{flex:1;line-height:1.75}.hint-text{margin:18px 0 0}.question-actions{justify-content:center;position:relative;margin-top:18px}.confirm-bubble{position:absolute;top:calc(100% + 12px);left:50%;z-index:20;width:min(340px,calc(100vw - 56px));padding:14px;border-radius:20px;border:1px solid rgba(220,220,224,.96);background:#fffbf9fa;box-shadow:var(--shadow-pop);animation:confirmBubbleIn .18s ease-out;transform:translate(-50%)}.confirm-bubble:before{content:"";position:absolute;top:-7px;left:calc(50% - 7px);width:14px;height:14px;background:#fffbf9fa;border-top:1px solid rgba(220,220,224,.96);border-left:1px solid rgba(220,220,224,.96);transform:rotate(45deg)}.confirm-bubble p{margin:0 0 12px;color:var(--text-body);line-height:1.75}@keyframes confirmBubbleIn{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.result-hero-card{padding-top:32px}.result-brand-logo{width:60px;height:60px}.result-secondary-note{margin:16px auto 0;max-width:520px;color:var(--text-body);line-height:1.8}.analysis-intro,.analysis-block p,.analysis-block li,.advice-card li,.result-footer-card p,.terms-section p{color:var(--text-body);line-height:1.85}.analysis-intro{margin:0}.analysis-block h3,.terms-section h3{margin:0 0 10px;color:var(--text-strong);font-size:18px}.distribution-list{display:grid;gap:12px}.distribution-item{padding:16px;border-radius:20px;border:1px solid rgba(227,225,223,.98);background:linear-gradient(180deg,#ffffffe0,#f8f2eee0)}.distribution-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.distribution-label{display:flex;align-items:center;gap:12px}.distribution-label p,.distribution-head p{margin:4px 0 0;color:var(--text-soft);font-size:13px}.distribution-head strong,.distribution-head span{color:var(--text-strong)}.distribution-icon{width:42px;height:42px;flex:0 0 auto}.distribution-bar{height:10px;margin-top:14px;border-radius:999px;background:#e2e4e7eb;overflow:hidden}.distribution-fill{display:block;height:100%;border-radius:inherit;transition:width .22s ease}.advice-card .bullet-list{margin-top:4px}.analysis-card,.analysis-block,.advice-card,.result-footer-card{padding-top:18px;padding-bottom:18px}.result-footer-card{padding-top:14px;padding-bottom:14px}.result-footer-card p{margin:0}.result-actions{justify-content:center;margin-top:18px}.result-action-button{min-width:172px}.result-return-button{background:linear-gradient(180deg,#eadfda,#d7c7c0);color:#5d5658;box-shadow:0 14px 28px #ae9d9533}.result-retry-button{background:linear-gradient(180deg,#92a0b2,#76879d);color:#fff}.modal-backdrop{position:fixed;inset:0;background:#3c3f4647;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .24s ease,background-color .24s ease}.modal-backdrop.is-open{opacity:1;pointer-events:auto}.terms-modal{width:min(100%,760px);max-height:min(80vh,760px);overflow:auto;border-radius:28px;background:#fffcf9fa;border:1px solid rgba(229,223,220,.96);box-shadow:0 28px 70px #625b5d38;padding:24px;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .24s ease,transform .24s ease}.terms-modal.is-open{opacity:1;transform:translateY(0) scale(1)}.terms-modal-header{justify-content:space-between;align-items:flex-start}.icon-close-button{width:40px;min-width:40px;min-height:40px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:24px;line-height:1}.terms-modal-intro{margin:12px 0 0}.terms-modal-content{display:grid;gap:20px;margin-top:18px}.terms-section{padding:0;border:0;background:transparent}.terms-section p{margin:0}.terms-section p+p{margin-top:10px}.style-accent-communication-gap{color:#6e889b;background:#e7eef1}.style-accent-trust-damage{color:#b98584;background:#f7e6e3}.style-accent-emotional-imbalance{color:#7f9d94;background:#e8f2ee}.style-accent-boundary-blur{color:#9387a9;background:#eee8f6}.style-accent-daily-friction{color:#b59a76;background:#f8eedf}.style-accent-intimacy-distance{color:#7f8fa0;background:#e9eef3}.style-accent-future-mismatch{color:#9a7f91;background:#f2e8ef}.style-accent-default{color:#7b8a99;background:#e9edf1}.distribution-fill.style-accent-communication-gap{background:linear-gradient(90deg,#99afbe,#6e889b)}.distribution-fill.style-accent-trust-damage{background:linear-gradient(90deg,#d3a7a4,#b98584)}.distribution-fill.style-accent-emotional-imbalance{background:linear-gradient(90deg,#a8c2ba,#7f9d94)}.distribution-fill.style-accent-boundary-blur{background:linear-gradient(90deg,#b6abc9,#9387a9)}.distribution-fill.style-accent-daily-friction{background:linear-gradient(90deg,#d8c1a3,#b59a76)}.distribution-fill.style-accent-intimacy-distance{background:linear-gradient(90deg,#abb8c4,#7f8fa0)}.distribution-fill.style-accent-future-mismatch{background:linear-gradient(90deg,#c2a8b7,#9a7f91)}.distribution-fill.style-accent-default{background:linear-gradient(90deg,#b8c2cb,#7b8a99)}@media(max-width:820px){.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-hero-top,.distribution-head,.question-actions,.result-actions,.terms-modal-header,.landing-actions{flex-direction:column;align-items:stretch}.confirm-actions{flex-direction:row;align-items:center;flex-wrap:nowrap}.progress-meta{flex-direction:column;align-items:flex-start}.landing-actions{align-items:center}}@media(max-width:560px){.page-shell{padding:20px 12px 32px}.hero-card,.content-card,.terms-modal{padding:18px;border-radius:22px}.hero-card h1{font-size:30px}.style-grid{grid-template-columns:1fr}.style-card{min-height:auto}.confirm-bubble{left:50%;transform:translate(-50%)}.confirm-bubble:before{left:calc(50% - 7px)}}