:root{--color-bg:#f7f3eb;--color-text:#3d3429;--color-text-muted:#6b5f52;--color-accent:#a67c52;--color-accent-soft:#a67c521f;--color-line:#3d34291f;--font-serif:"Noto Serif SC", "Songti SC", "STSong", serif;--font-sans:"Noto Sans SC", "PingFang SC", sans-serif;--content-max-width:420px;--transition-fast:.18s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.75}#root{min-height:100dvh}a{color:inherit}button{font:inherit;cursor:pointer;background:0 0;border:none}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.page{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:48px 24px 64px}.page--center{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.eyebrow{font-family:var(--font-sans);letter-spacing:.28em;color:var(--color-text-muted);margin-bottom:32px;font-size:11px}.rule{background:var(--color-line);width:48px;height:1px;margin:0 auto 40px}.title-main{letter-spacing:.12em;margin-bottom:8px;font-size:2.25rem;font-weight:600;line-height:1.35}.subtitle-en{font-family:var(--font-sans);letter-spacing:.22em;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:48px;font-size:.8rem}.epigraph{color:var(--color-text-muted);max-width:18em;margin:0 auto 56px;font-size:1rem;line-height:1.9}.epigraph--framed{border:1px dashed var(--color-line);text-align:left;border-radius:2px;width:100%;max-width:100%;margin:0 auto 48px;padding:18px 20px}.epigraph__p{font-family:var(--font-serif);color:#5a5248;margin:0;font-size:.88rem;line-height:1.85}.epigraph__p+.epigraph__p{margin-top:1.1em}.epigraph--placeholder{opacity:.55;border:1px dashed var(--color-line);font-family:var(--font-sans);border-radius:2px;padding:16px 20px;font-size:.85rem;font-style:normal}.btn-primary{font-family:var(--font-sans);letter-spacing:.08em;color:var(--color-text);background:var(--color-accent-soft);transition:background var(--transition-fast);border:1px solid #a67c5259;border-radius:2px;padding:14px 36px;font-size:.95rem;display:inline-block}.btn-primary:hover{background:#a67c5233}.landing-author{font-family:var(--font-sans);color:var(--color-text-muted);margin-top:48px;margin-bottom:12px;font-size:.78rem}.landing-author a{color:var(--color-text-muted);border-bottom:1px solid var(--color-line);text-decoration:none}.landing-author a:hover{color:var(--color-text);border-bottom-color:var(--color-accent)}.footer-note{font-family:var(--font-sans);color:var(--color-text-muted);opacity:.7;font-size:.72rem}.quiz-header{margin-bottom:32px}.quiz-header-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.quiz-header-row--first .quiz-progress-label{text-align:left;flex:none}.quiz-prev{font-family:var(--font-sans);letter-spacing:.04em;color:var(--color-text-muted);opacity:.75;transition:opacity var(--transition-fast);flex:none;padding:0;font-size:.78rem}.quiz-prev:hover{opacity:1;color:var(--color-text-muted)}.quiz-progress-label{font-family:var(--font-sans);letter-spacing:.06em;color:var(--color-text-muted);text-align:right;flex:1;margin-bottom:0;font-size:.78rem}.quiz-progress-track{background:var(--color-line);border-radius:1px;height:2px;overflow:hidden}.quiz-progress-fill{background:var(--color-accent);height:100%;transition:width var(--transition-fast)}.quiz-section-label{font-family:var(--font-sans);letter-spacing:.12em;color:var(--color-accent);margin-top:12px;font-size:.72rem}.quiz-stem{text-align:justify;margin-bottom:28px;font-size:1.05rem;line-height:1.85}.quiz-options{flex-direction:column;gap:12px;display:flex}.quiz-option{font-family:var(--font-sans);text-align:left;border:1px solid var(--color-line);color:var(--color-text);transition:border-color var(--transition-fast), background var(--transition-fast);background:0 0;border-radius:2px;padding:16px 18px;font-size:.92rem;line-height:1.65}.quiz-option:hover{background:#a67c520f;border-color:#a67c5273}.quiz-option:active{background:#a67c521f}.quiz-option--selected{background:#a67c5212;border-color:#a67c5280}.quiz-fade{animation:.18s forwards quizFadeIn}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.breathing{text-align:center;padding-top:24px}.breathing-dots{letter-spacing:.5em;color:var(--color-text-muted);margin-bottom:24px;font-size:1.2rem}.breathing-fact{font-family:var(--font-sans);color:var(--color-text-muted);margin-bottom:8px;font-size:.85rem}.breathing-section{color:var(--color-text);margin-bottom:40px;font-size:1rem}.result-page{padding-bottom:48px}.result-sheet{margin-bottom:8px}.result-label-you{font-family:var(--font-sans);letter-spacing:.2em;color:var(--color-text-muted);margin-bottom:8px;font-size:.75rem}.result-prototype-name{letter-spacing:.06em;margin-bottom:12px;font-size:2rem;font-weight:600;line-height:1.35}.result-subtype{font-family:var(--font-sans);color:var(--color-accent);letter-spacing:.04em;margin-bottom:20px;font-size:.88rem;font-weight:500}.result-tagline{color:var(--color-text-muted);border-left:2px solid var(--color-accent);margin-bottom:36px;padding-left:16px;font-size:.95rem;font-style:italic}.result-section-title{letter-spacing:.04em;color:var(--color-text);border-top:1px solid var(--color-line);margin:36px 0 16px;padding-top:8px;font-size:1.12rem;font-weight:600;line-height:1.45}.result-section-title:first-of-type{margin-top:0}.result-block,.result-dimension,.result-labeled,.result-bullets,.result-closing{margin-bottom:4px}.result-dim-heading{margin-bottom:12px;font-size:1rem;font-weight:600;line-height:1.5}.result-dimension{margin-bottom:28px}.result-dimension--dual{padding-bottom:4px}.result-paragraph{text-align:justify;margin-bottom:1em}.result-paragraph:last-child{margin-bottom:0}.result-labeled-label{margin-bottom:.5em;font-weight:600}.result-bullets-title{margin:20px 0 12px;font-size:.95rem;font-weight:600}.result-bullet-list{flex-direction:column;gap:14px;list-style:none;display:flex}.result-bullet-list li{text-align:justify;line-height:1.85}.result-bullet-label{font-weight:600}.result-closing-quote{color:var(--color-text-muted);border-left:2px solid var(--color-line);margin-top:24px;padding-left:16px;font-style:italic}.result-footer{text-align:center;margin-top:40px}.result-footer-rule{background:var(--color-line);height:1px;margin-bottom:32px}.btn-secondary{font-family:var(--font-sans);letter-spacing:.08em;color:var(--color-text-muted);border:1px solid var(--color-line);transition:border-color var(--transition-fast), color var(--transition-fast);border-radius:2px;margin-bottom:32px;padding:12px 32px;font-size:.9rem;display:inline-block}.btn-secondary:hover{color:var(--color-text);border-color:#a67c5273}.result-author{font-family:var(--font-sans);color:var(--color-text-muted);margin-bottom:24px;font-size:.78rem}.result-author a{color:var(--color-text-muted);border-bottom:1px solid var(--color-line);text-decoration:none}.result-author a:hover{color:var(--color-text);border-bottom-color:var(--color-accent)}.result-disclaimer{font-family:var(--font-sans);color:#5a5248;text-align:left;white-space:normal;max-width:100%;margin-bottom:20px;font-size:.78rem;line-height:1.8}.result-watermark{font-family:var(--font-sans);letter-spacing:.06em;color:var(--color-text-muted);opacity:.65;font-size:.68rem}.result-dialog-backdrop{z-index:100;background:#3d342959;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.result-dialog{background:var(--color-bg);border:1px solid var(--color-line);border-radius:2px;width:100%;max-width:320px;padding:24px 20px 20px;box-shadow:0 8px 32px #3d34291f}.result-dialog-body{font-family:var(--font-sans);color:var(--color-text-muted);text-align:center;margin-bottom:20px;font-size:.88rem;line-height:1.75}.result-dialog-actions{justify-content:center;gap:12px;display:flex}.btn-dialog-cancel{font-family:var(--font-sans);color:var(--color-text-muted);padding:10px 20px;font-size:.88rem}.btn-dialog-cancel:hover{color:var(--color-text)}.result-dialog-actions .btn-primary{padding:10px 24px}.crisis-banner{text-align:left;background:#c8dceb73;border:1px solid #7896b440;border-radius:2px;margin-bottom:28px;padding:16px 36px 16px 16px;position:relative}.crisis-banner-text{font-family:var(--font-sans);color:var(--color-text);white-space:pre-line;font-size:.82rem;line-height:1.75}.crisis-banner-close{color:var(--color-text-muted);padding:4px 8px;font-size:1.1rem;line-height:1;position:absolute;top:8px;right:10px}.crisis-banner-close:hover{color:var(--color-text)}@media (width<=480px){.page{padding:32px 20px 48px}.title-main{font-size:1.85rem}}