:root{--cream: #F9F7F2;--cream-dark: #f0eeeb;--deep-navy: #1B263B;--navy: #2d4156;--teal: #468FAF;--teal-light: #6BB3D0;--coral: #FF9F85;--coral-light: #FFBFAA;--gold: #D4AF37;--warm-gray: #f5f3f0;--color-primary: var(--teal);--color-primary-light: var(--teal-light);--color-primary-dark: #3a7a96;--color-success: #10b981;--color-success-light: #34d399;--color-warning: var(--gold);--color-warning-light: #e5c04d;--color-danger: var(--coral);--color-accent: var(--coral);--color-accent-light: var(--coral-light);--bg-page: var(--cream);--bg-card: #ffffff;--bg-card-hover: var(--warm-gray);--bg-accent: var(--cream);--bg-badge: rgba(70, 143, 175, .15);--bg-badge-contrast: rgba(212, 175, 55, .15);--text-primary: var(--deep-navy);--text-secondary: #4a5568;--text-tertiary: #718096;--text-inverted: #ffffff;--text-dark: var(--deep-navy);--text-medium: #4a5568;--text-light: #718096;--border-color: rgba(27, 38, 59, .1);--border-color-strong: rgba(27, 38, 59, .2);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .06);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .06);--shadow-cover: 0 20px 60px rgba(70, 143, 175, .3);--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-sans: "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Noto Serif KR", Georgia, serif;--font-display: "Cormorant Garamond", "Noto Serif KR", Georgia, serif;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.8;--line-height-loose: 2;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme: dark){:root{--cream: #1a1a2e;--cream-dark: #16161f;--deep-navy: #e5e7eb;--warm-gray: #252538;--bg-page: #0f0f1a;--bg-card: #1a1a2e;--bg-card-hover: #252538;--bg-accent: #1a1a2e;--bg-badge: rgba(70, 143, 175, .2);--bg-badge-contrast: rgba(212, 175, 55, .2);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-inverted: #0f0f1a;--text-dark: #f1f5f9;--text-medium: #cbd5e1;--text-light: #94a3b8;--border-color: rgba(255, 255, 255, .1);--border-color-strong: rgba(255, 255, 255, .2);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-cover: 0 20px 60px rgba(70, 143, 175, .2)}}.report-block{padding:48px 24px;background:#fff;border:none;border-bottom:1px solid var(--border-color);border-radius:0;margin-bottom:0;box-shadow:none;transition:none}.report-block:hover{box-shadow:none}@media (min-width: 640px){.report-block{padding:48px 24px;border-radius:0}}.report-block.empty{background:var(--bg-accent);border-style:dashed;color:var(--text-tertiary);text-align:center;padding:var(--spacing-2xl) var(--spacing-lg)}.block-cover-meta{display:flex;gap:12px;margin-bottom:24px}.block-cover-domain{padding:6px 14px;background:var(--cream);border-radius:20px;font-size:13px;color:var(--text-medium)}.progress-bar{height:8px;background:#e5e5e5;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--teal-light));border-radius:4px;transition:width .5s ease}.preparing-card{background:linear-gradient(135deg,var(--bg-card) 0%,#f8f9fa 100%);border-radius:16px;padding:32px;text-align:center;margin-top:24px}.preparing-icon{font-size:48px;margin-bottom:16px}.preparing-title{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.preparing-desc{font-size:14px;color:var(--text-medium);margin-bottom:24px;line-height:1.6}.preparing-cta{display:inline-block;padding:12px 24px;background:var(--accent-color, var(--teal));color:#fff;border-radius:8px;text-decoration:none;font-weight:500;transition:opacity .2s}.domain-content{font-size:16px;line-height:2;color:var(--text-dark)}.block-empty-message{text-align:center;color:var(--text-light);padding:40px 0}.block-compatibility{border-bottom:none}.block-cover{text-align:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--text-inverted);border:none}.block-cover__icon{font-size:5rem;margin-bottom:var(--spacing-md);filter:drop-shadow(0 4px 8px rgb(0 0 0 / .2))}@media (min-width: 640px){.block-cover__icon{font-size:6rem}}.block-cover__name{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-sm);font-family:var(--font-display);line-height:var(--line-height-tight)}@media (min-width: 640px){.block-cover__name{font-size:2.25rem}}.block-cover__subtitle{font-size:1rem;opacity:.9;margin-bottom:var(--spacing-lg);font-weight:500}@media (min-width: 640px){.block-cover__subtitle{font-size:1.125rem}}.block-cover__intro{font-size:.9375rem;line-height:var(--line-height-relaxed);opacity:.95;max-width:600px;margin:0 auto}@media (min-width: 640px){.block-cover__intro{font-size:1rem}}.block-summary__headline{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight)}@media (min-width: 640px){.block-summary__headline{font-size:1.5rem}}.block-summary__traits{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 640px){.block-summary__traits{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}.block-summary__trait{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.block-summary__trait-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.block-summary__trait-content{flex:1}.block-summary__trait-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:2px;font-weight:500}.block-summary__trait-value{font-size:1rem;color:var(--text-primary);font-weight:600}.block-reliability__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-sm)}.block-reliability__title{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.block-reliability__stars{display:flex;gap:4px;font-size:1.25rem}.block-reliability__star{color:var(--color-warning);filter:drop-shadow(0 1px 2px rgb(0 0 0 / .1))}.block-reliability__star--empty{color:var(--border-color-strong)}.block-reliability__progress{width:100%;height:12px;background:var(--bg-accent);border-radius:var(--radius-full);overflow:hidden;position:relative}.block-reliability__progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-full);transition:width var(--transition-slow)}.block-reliability__label{font-size:.875rem;color:var(--text-secondary);margin-top:var(--spacing-sm);text-align:center}.block-dimensions__title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.block-dimensions__list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.block-dimensions__item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.block-dimensions__header{display:flex;justify-content:space-between;align-items:baseline}.block-dimensions__label{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.block-dimensions__value{font-size:.875rem;font-weight:700;color:var(--color-primary)}.block-dimensions__bar{width:100%;height:8px;background:var(--bg-accent);border-radius:var(--radius-full);overflow:hidden;position:relative}.block-dimensions__bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-full);transition:width var(--transition-slow)}.block-patterns__section{margin-bottom:var(--spacing-xl)}.block-patterns__section:last-child{margin-bottom:0}.block-patterns__title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.block-patterns__chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.block-patterns__chip{display:inline-flex;align-items:center;gap:6px;padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-badge);color:var(--color-primary-dark);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;white-space:nowrap}.block-patterns__chip--contrast{background:var(--bg-badge-contrast);color:#78350f}@media (prefers-color-scheme: dark){.block-patterns__chip--contrast{color:#fbbf24}}.block-patterns__chip-count{font-size:.75rem;opacity:.8}.block-patterns__contrasts{display:flex;flex-direction:column;gap:var(--spacing-md)}.block-patterns__contrast-item{display:flex;align-items:center;gap:var(--spacing-md)}.block-patterns__contrast-label{font-size:.875rem;color:var(--text-secondary);min-width:80px;font-weight:500}.block-patterns__contrast-bar{flex:1;height:6px;background:var(--bg-accent);border-radius:var(--radius-full);overflow:hidden;position:relative}.block-patterns__contrast-fill{height:100%;background:var(--color-warning);border-radius:var(--radius-full);transition:width var(--transition-slow)}.block-scenarios__title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.block-scenarios__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.block-scenarios__card{background:var(--bg-accent);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-base)}.block-scenarios__card:hover{background:var(--bg-card-hover);border-color:var(--border-color-strong)}.block-scenarios__card-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.block-scenarios__card-icon{font-size:1.125rem}.block-scenarios__card-desc{font-size:.875rem;color:var(--text-secondary);line-height:var(--line-height-relaxed)}.block-domain__header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.block-domain__icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .1))}.block-domain__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:var(--line-height-tight)}@media (min-width: 640px){.block-domain__title{font-size:1.75rem}}.block-domain__desc{font-size:.9375rem;line-height:var(--line-height-relaxed);color:var(--text-secondary)}.block-traits__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: 640px){.block-traits__grid{grid-template-columns:repeat(2,1fr)}}.block-traits__column{display:flex;flex-direction:column;gap:var(--spacing-md)}.block-traits__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.block-traits__header-icon{font-size:1.5rem}.block-traits__header--strength{color:var(--color-success)}.block-traits__header--growth{color:var(--color-warning)}.block-traits__header-title{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.block-traits__card{background:var(--bg-accent);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md)}.block-traits__card--strength{border-left:4px solid var(--color-success)}.block-traits__card--growth{border-left:4px solid var(--color-warning)}.block-traits__card-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.block-traits__card-desc{font-size:.875rem;color:var(--text-secondary);line-height:var(--line-height-relaxed)}.block-advice__title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.block-advice__timeline{position:relative;display:flex;flex-direction:column;gap:var(--spacing-lg)}.block-advice__stage{position:relative;padding-left:var(--spacing-xl)}.block-advice__stage:before{content:"";position:absolute;left:8px;top:28px;bottom:-24px;width:2px;background:var(--border-color)}.block-advice__stage:last-child:before{display:none}.block-advice__stage-icon{position:absolute;left:0;top:0;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--text-inverted);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 0 0 4px var(--bg-card);z-index:1}.block-advice__stage-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.block-advice__stage-desc{font-size:.875rem;color:var(--text-secondary);line-height:var(--line-height-relaxed)}.block-stress-growth__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: 640px){.block-stress-growth__grid{grid-template-columns:repeat(2,1fr)}}.block-stress-growth__section{background:var(--bg-accent);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md)}.block-stress-growth__section--stress{border-top:3px solid var(--color-danger)}.block-stress-growth__section--growth{border-top:3px solid var(--color-success)}.block-stress-growth__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.block-stress-growth__icon{font-size:1.5rem}.block-stress-growth__title{font-size:1rem;font-weight:700;color:var(--text-primary)}.block-stress-growth__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.block-stress-growth__item{font-size:.875rem;color:var(--text-secondary);line-height:var(--line-height-relaxed);padding-left:var(--spacing-md);position:relative}.block-stress-growth__item:before{content:"•";position:absolute;left:0;color:var(--text-tertiary);font-weight:700}.block-recommendations__title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.block-recommendations__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 640px){.block-recommendations__grid{grid-template-columns:repeat(2,1fr)}}.block-recommendations__card{background:var(--bg-accent);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-base);cursor:pointer}.block-recommendations__card:hover{background:var(--bg-card-hover);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.block-recommendations__card-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.block-recommendations__card-desc{font-size:.875rem;color:var(--text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--spacing-sm)}.block-recommendations__card-tags{display:flex;flex-wrap:wrap;gap:6px}.block-recommendations__card-tag{font-size:.75rem;padding:2px var(--spacing-xs);background:var(--bg-badge);color:var(--color-primary-dark);border-radius:var(--radius-sm);font-weight:600}.block-compatibility__icon{text-align:center;font-size:3rem;margin-bottom:var(--spacing-md);opacity:.6}.block-compatibility__title{font-size:1.125rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-sm)}.block-compatibility__hint{font-size:.9375rem;color:var(--text-secondary);text-align:center;line-height:var(--line-height-relaxed)}.report-block.empty .block-empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.block-empty__icon{font-size:3rem;opacity:.3}.block-empty__text{font-size:.9375rem;color:var(--text-tertiary);text-align:center}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media print{.report-block{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.block-cover{background:var(--teal)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.hl-coral{background:linear-gradient(180deg,transparent 60%,rgba(255,159,133,.3) 60%);padding:0 2px}.hl-teal{background:linear-gradient(180deg,transparent 60%,rgba(70,143,175,.25) 60%);padding:0 2px}.hl-gold{background:linear-gradient(180deg,transparent 60%,rgba(212,175,55,.25) 60%);padding:0 2px}.bold-coral{font-weight:600;color:var(--coral)}.bold-teal{font-weight:600;color:var(--teal)}.bold-gold{font-weight:600;color:var(--gold)}.insight-box{background:var(--cream);border-left:4px solid var(--gold);padding:16px 20px;margin:20px 0;border-radius:0 12px 12px 0;font-size:14px}.insight-box-label{font-size:11px;font-weight:600;color:var(--gold);margin-bottom:8px}.section-number{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:3px;color:var(--teal);text-transform:uppercase;margin-bottom:8px}.section-title{font-family:var(--font-serif);font-size:22px;font-weight:600;color:var(--text-dark);line-height:1.4}.section-subtitle{font-size:14px;color:var(--text-light);margin-top:6px}.section-header{margin-bottom:28px}.block-cover.serene{min-height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:48px 24px;background:linear-gradient(180deg,var(--cream-dark) 0%,white 100%);border:none;border-radius:0;position:relative;overflow:hidden}.cover-label{font-family:var(--font-display);font-size:12px;letter-spacing:4px;color:var(--text-light);text-transform:uppercase;margin-bottom:32px}.cover-user-name{font-size:15px;color:var(--text-medium);font-weight:400;margin-bottom:24px;letter-spacing:.5px}.cover-animal-wrap{position:relative;margin-bottom:32px}.cover-animal-circle{width:160px;height:160px;background:linear-gradient(135deg,var(--teal-light),var(--teal));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:72px;box-shadow:var(--shadow-cover);margin:0 auto}.cover-animal-name{font-family:var(--font-serif);font-size:28px;font-weight:700;color:var(--deep-navy);margin-bottom:8px}.cover-animal-desc{font-size:15px;color:var(--text-medium);margin-bottom:32px}.cover-copy{font-family:var(--font-serif);font-size:18px;line-height:1.9;color:var(--text-dark);max-width:340px;margin:0 auto 40px;position:relative;padding:0 20px}.cover-copy:before,.cover-copy:after{content:'"';font-family:var(--font-display);font-size:48px;color:var(--coral);position:absolute;opacity:.5}.cover-copy:before{top:-20px;left:0}.cover-copy:after{bottom:-40px;right:0;content:'"'}.cover-share-buttons{display:flex;gap:12px}.btn-share{padding:12px 24px;border:1px solid var(--border-color);background:#fff;border-radius:8px;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s;font-family:inherit}.btn-share:hover{border-color:var(--teal);background:var(--cream)}.btn-share.kakao{background:#fee500;border-color:#fee500;color:#3c1e1e}.btn-share.kakao:hover{background:#f5dc00}.summary-quote{font-family:var(--font-serif);font-size:17px;line-height:1.9;color:var(--text-dark);margin-bottom:28px;padding-left:20px;border-left:3px solid var(--coral)}.summary-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.keyword-tag{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--cream);border-radius:20px;font-size:13px;color:var(--text-medium)}.keyword-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--coral)}.keyword-tag.secondary:before{background:var(--teal)}.keyword-tag.tertiary:before{background:var(--text-light)}.summary-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 400px){.summary-stats{grid-template-columns:repeat(2,1fr)}}.stat-item{text-align:center;padding:16px 8px;background:var(--cream);border-radius:12px}.stat-value{font-family:var(--font-serif);font-size:24px;font-weight:700;color:var(--teal)}.stat-label{font-size:11px;color:var(--text-light);margin-top:4px}.reliability-card{background:#1b263b08;border-radius:16px;padding:28px 24px}.reliability-stars{display:flex;gap:6px;margin-bottom:16px}.star{font-size:20px;color:#ddd}.star.filled{color:var(--gold)}.reliability-level{font-family:var(--font-serif);font-size:20px;font-weight:600;color:var(--deep-navy);margin-bottom:6px}.reliability-desc{font-size:14px;color:var(--text-medium);margin-bottom:24px}.reliability-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.metric-card{background:#fff;border-radius:12px;padding:20px;text-align:center}.metric-value{font-family:var(--font-serif);font-size:28px;font-weight:700;color:var(--teal)}.metric-label{font-size:12px;color:var(--text-light);margin-top:4px}.progress-section{margin-top:20px}.progress-header{display:flex;justify-content:space-between;font-size:12px;color:var(--text-light);margin-bottom:8px}.big5-list{display:flex;flex-direction:column;gap:24px}.big5-item{padding-bottom:24px;border-bottom:1px solid var(--border-color)}.big5-item:last-child{border-bottom:none;padding-bottom:0}.big5-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.big5-name{font-weight:500;color:var(--text-dark)}.big5-score{font-family:var(--font-serif);font-size:14px;font-weight:600;color:var(--teal);white-space:nowrap}.big5-bar-wrap{position:relative;height:8px;background:#e5e5e5;border-radius:4px;margin-bottom:8px}.big5-bar-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--teal-light));border-radius:4px;transition:width .5s ease}.big5-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-light);margin-bottom:12px}.big5-desc{font-size:14px;line-height:1.8;color:var(--text-medium)}.big5-bar-wrap.bidirectional{position:relative;height:8px;background:var(--bg-secondary, #e5e5e5);border-radius:4px;overflow:visible}.big5-bar-center{position:absolute;left:50%;top:-2px;bottom:-2px;width:2px;background:var(--text-tertiary, #999);border-radius:1px;z-index:2;transform:translate(-50%)}.big5-bar-fill-left{position:absolute;right:50%;top:0;height:100%;background:var(--dimension-low-color, var(--coral, #e8836b));border-radius:4px 0 0 4px;transition:width .5s ease}.big5-bar-fill-right{position:absolute;left:50%;top:0;height:100%;background:var(--dimension-high-color, var(--teal, #4a9e8e));border-radius:0 4px 4px 0;transition:width .5s ease}.pattern-group{margin-bottom:28px}.pattern-group:last-child{margin-bottom:0}.pattern-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-dark);margin-bottom:16px}.tag-list{display:flex;flex-direction:column;gap:12px}.tag-item{display:flex;align-items:center;gap:12px}.tag-name{width:80px;font-size:13px;color:var(--text-medium)}.tag-bar{flex:1;height:8px;background:#e5e5e5;border-radius:4px;overflow:hidden}.tag-fill{height:100%;border-radius:4px;transition:width .5s ease-out}.tag-fill.high{background:var(--teal)}.tag-fill.low{background:var(--coral)}.tag-value{width:40px;font-size:13px;font-weight:500;text-align:right}.contrast-cards{display:flex;flex-direction:column;gap:16px;margin-top:28px;padding-top:28px;border-top:1px solid var(--border-color)}.contrast-card{background:var(--cream);border-radius:12px;padding:16px 20px}.contrast-pair{display:flex;justify-content:space-between;font-size:13px;color:var(--text-medium);margin-bottom:8px}.contrast-bar{position:relative;height:8px;background:linear-gradient(90deg,var(--coral-light),var(--teal-light));border-radius:4px}.contrast-marker{position:absolute;top:-4px;width:16px;height:16px;background:var(--deep-navy);border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #0003;transform:translate(-50%)}.contrast-result{font-size:12px;color:var(--text-light);text-align:center;margin-top:12px}.scenario-card{background:var(--cream);border-radius:16px;overflow:hidden;margin-bottom:24px}.scenario-card:last-child{margin-bottom:0}.scenario-header{background:#fff;padding:20px 24px;border-bottom:1px dashed var(--border-color)}.scenario-icon{font-size:32px;margin-bottom:12px}.scenario-situation{font-family:var(--font-serif);font-size:16px;font-weight:500;color:var(--text-dark);line-height:1.6}.scenario-body{padding:24px}.scenario-step{margin-bottom:20px}.scenario-step:last-child{margin-bottom:0}.scenario-step-label{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px}.scenario-step-label.choice{background:var(--teal);color:#fff}.scenario-step-label.result{background:var(--coral);color:#fff}.scenario-step-label.alternative{background:var(--deep-navy);color:#fff}.scenario-step-label.insight{background:var(--gold);color:#fff}.scenario-step-text{font-size:14px;line-height:1.8;color:var(--text-medium)}.scenario-card.scenario-rich{background:linear-gradient(135deg,#ffffff 0%,var(--cream) 100%);border:2px solid var(--gold);position:relative}.scenario-card.scenario-basic{background:var(--cream);border:1px solid var(--border-color)}.scenario-card .badge{position:absolute;top:16px;right:16px;padding:6px 12px;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;z-index:1}.badge-gold{background:linear-gradient(135deg,var(--gold) 0%,#e5c04d 100%);color:var(--deep-navy);box-shadow:0 2px 8px #d4af374d}.badge-gray{background:#e5e7eb;color:#6b7280}.scenario-rich .scenario-context,.scenario-rich .scenario-choice,.scenario-rich .scenario-result,.scenario-rich .scenario-alternative,.scenario-rich .scenario-insight{padding:20px 24px;border-bottom:1px dashed var(--border-color)}.scenario-rich .scenario-insight{border-bottom:none}.scenario-section-title{font-size:14px;font-weight:700;color:var(--deep-navy);margin-bottom:12px;display:flex;align-items:center;gap:8px}.scenario-rich .setting{font-size:15px;line-height:1.8;color:var(--text-dark);margin-bottom:8px}.scenario-rich .inner-voice{font-size:14px;line-height:1.7;color:var(--text-medium);font-style:italic;padding-left:16px;border-left:3px solid var(--teal-light)}.scenario-rich .dialogue{font-size:15px;line-height:1.8;color:var(--deep-navy);font-weight:500;margin-bottom:8px;padding-left:12px;border-left:3px solid var(--coral);font-style:italic}.scenario-rich .dialogue:before{content:"“";color:var(--coral)}.scenario-rich .dialogue:after{content:"”";color:var(--coral)}.scenario-rich .action,.scenario-rich .timeline,.scenario-rich .suggestion{font-size:14px;line-height:1.8;color:var(--text-dark);margin-bottom:8px}.scenario-rich .realization,.scenario-rich .expected{font-size:14px;line-height:1.8;color:var(--text-medium);font-style:italic}.scenario-rich .main{font-size:15px;line-height:1.8;color:var(--deep-navy);font-weight:500;margin-bottom:8px}.scenario-rich .tip{font-size:13px;line-height:1.7;color:var(--text-medium);padding:12px;background:#468faf1a;border-radius:8px;border-left:3px solid var(--teal)}.traits-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 400px){.traits-grid{grid-template-columns:1fr}}.trait-card{padding:28px 20px;border-radius:16px;text-align:center;position:relative;overflow:hidden}.trait-card.strength{background:linear-gradient(135deg,#d4af371a,#d4af370d);border:1px solid rgba(212,175,55,.3)}.trait-card.growth{background:linear-gradient(135deg,#468faf1a,#468faf0d);border:1px solid rgba(70,143,175,.3)}.trait-icon{font-size:36px;margin-bottom:16px}.trait-label{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.trait-card.strength .trait-label{color:var(--gold)}.trait-card.growth .trait-label{color:var(--teal)}.trait-text{font-size:14px;line-height:1.7;color:var(--text-dark)}.advice-timeline{position:relative;padding-left:40px}.advice-timeline:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--teal),var(--coral),var(--deep-navy))}.advice-step{position:relative;margin-bottom:36px}.advice-step:last-child{margin-bottom:0}.advice-number{position:absolute;left:-40px;top:0;font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--teal)}.advice-step:nth-child(2) .advice-number{color:var(--coral)}.advice-step:nth-child(3) .advice-number{color:var(--deep-navy)}.advice-label{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--teal);margin-bottom:8px}.advice-step:nth-child(2) .advice-label{color:var(--coral)}.advice-step:nth-child(3) .advice-label{color:var(--deep-navy)}.advice-text{font-size:15px;line-height:1.9;color:var(--text-dark)}.pattern-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 400px){.pattern-cards{grid-template-columns:1fr}}.pattern-card{padding:24px 20px;border-radius:16px}.pattern-card.stress{background:#ff9f851a;border:1px solid rgba(255,159,133,.3)}.pattern-card.growth{background:#468faf1a;border:1px solid rgba(70,143,175,.3)}.pattern-card-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.pattern-card-icon{font-size:20px}.pattern-card-title{font-size:13px;font-weight:600}.pattern-card.stress .pattern-card-title{color:var(--coral)}.pattern-card.growth .pattern-card-title{color:var(--teal)}.pattern-list{list-style:none;padding:0;margin:0}.pattern-list li{font-size:13px;line-height:1.6;color:var(--text-medium);margin-bottom:8px;padding-left:16px;position:relative}.pattern-list li:before{content:"•";position:absolute;left:0}.growth-message{margin-top:28px;padding:24px;background:var(--cream);border-radius:16px;border-left:4px solid var(--gold)}.growth-message-label{font-size:12px;font-weight:600;color:var(--gold);margin-bottom:12px}.growth-message-text{font-family:var(--font-serif);font-size:15px;line-height:1.9;color:var(--text-dark)}.story-cards{display:flex;gap:16px;overflow-x:auto;margin:0 -24px;padding:0 24px 8px}.story-cards::-webkit-scrollbar{display:none}.story-card{flex-shrink:0;width:200px;background:var(--cream);border-radius:12px;overflow:hidden}.story-card-image{height:120px;background:linear-gradient(135deg,var(--teal-light),var(--teal));display:flex;align-items:center;justify-content:center;font-size:48px}.story-card-content{padding:16px}.story-card-badge{display:inline-block;padding:4px 8px;background:var(--coral);color:#fff;border-radius:4px;font-size:10px;font-weight:600;margin-bottom:8px}.story-card-title{font-weight:500;font-size:14px;color:var(--text-dark);margin-bottom:4px}.story-card-desc{font-size:12px;color:var(--text-light)}.compat-intro{font-size:14px;line-height:1.8;color:var(--text-medium);margin-bottom:24px}.compat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 400px){.compat-grid{grid-template-columns:repeat(2,1fr)}}.compat-card{text-align:center;padding:20px 12px;background:var(--cream);border-radius:12px}.compat-animal{font-size:36px;margin-bottom:8px}.compat-name{font-size:13px;font-weight:500;color:var(--text-dark);margin-bottom:4px}.compat-type{font-size:11px;color:var(--text-light);margin-bottom:8px}.compat-score{font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--coral)}.compat-cta{margin-top:20px;text-align:center}.compat-cta a{color:var(--teal);font-size:13px;text-decoration:underline}.compat-section{margin-bottom:32px}.compat-section:last-of-type{margin-bottom:0}.compat-section-title{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:12px;display:flex;align-items:center;gap:8px}.compat-section-desc{font-size:13px;color:var(--text-light);margin-bottom:16px}.compat-best-section .compat-card{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border:1px solid rgba(232,108,108,.2)}.compat-challenge-section .compat-card{background:linear-gradient(135deg,#f5f9fa,#e8f4f4);border:1px solid rgba(74,137,143,.2)}.compat-animal-icon{font-size:42px;margin-bottom:12px}.compat-animal-name{font-size:15px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.compat-keyword{font-size:12px;color:var(--coral);font-weight:500;margin-bottom:4px}.compat-comment{font-size:11px;color:var(--text-medium);line-height:1.5;margin-top:8px;padding-top:8px;border-top:1px dashed rgba(0,0,0,.1)}.compat-situation{font-size:10px;color:var(--teal);margin-top:6px;background:#4a898f1a;padding:2px 8px;border-radius:4px;display:inline-block}.compat-domain-badge{font-size:12px;background:var(--coral);color:#fff;padding:2px 10px;border-radius:12px;margin-left:8px;font-weight:500}.substitute-note{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;margin-top:20px;background:var(--theme-accent-light, #f0f9ff);border-radius:var(--radius-lg);font-size:13px;color:var(--theme-text-medium, #64748b);line-height:1.5;border:1px solid var(--theme-border, rgba(0, 0, 0, .08))}.substitute-icon{font-size:18px;flex-shrink:0;margin-top:1px}.substitute-text{flex:1}:root,.theme-daily{--theme-bg: #F9F7F2;--theme-bg-card: #ffffff;--theme-primary: #468FAF;--theme-primary-light: #6BB3D0;--theme-accent: #FF9F85;--theme-accent-light: #fff5f2;--theme-text-dark: #1B263B;--theme-text-medium: #4a5568;--theme-text-light: #718096;--theme-border: rgba(27, 38, 59, .1);--theme-font-display: "Cormorant Garamond", "Noto Serif KR", serif;--theme-font-body: "Noto Sans KR", sans-serif}.theme-romance{--theme-bg: #FFF5F5;--theme-bg-card: #FFFAFA;--theme-primary: #FF6B6B;--theme-primary-light: #FFB4A2;--theme-accent: #E63946;--theme-accent-light: #FFE5E5;--theme-text-dark: #4A2C2A;--theme-text-medium: #8B5A5A;--theme-text-light: #B08080;--theme-border: rgba(255, 107, 107, .15);--theme-font-display: "Dancing Script", "Nanum Myeongjo", cursive;--theme-font-body: "Noto Sans KR", sans-serif}.theme-workplace{--theme-bg: #FAFAFA;--theme-bg-card: #FFFFFF;--theme-primary: #D4AF37;--theme-primary-light: #E8C76A;--theme-accent: #374151;--theme-accent-light: #f3f4f6;--theme-text-dark: #111827;--theme-text-medium: #374151;--theme-text-light: #6B7280;--theme-border: rgba(55, 65, 81, .1);--theme-font-display: "Inter", "Noto Sans KR", sans-serif;--theme-font-body: "Noto Sans KR", sans-serif}.theme-family{--theme-bg: #FFFBEB;--theme-bg-card: #FFFFFF;--theme-primary: #F97316;--theme-primary-light: #FED7AA;--theme-accent: #92400E;--theme-accent-light: #FFEDD5;--theme-text-dark: #78350F;--theme-text-medium: #C2410C;--theme-text-light: #B45309;--theme-border: rgba(146, 64, 14, .15);--theme-font-display: "Libre Baskerville", "Noto Serif KR", serif;--theme-font-body: "Noto Sans KR", sans-serif}.theme-friendship{--theme-bg: #F0FDF4;--theme-bg-card: #FFFFFF;--theme-primary: #22C55E;--theme-primary-light: #86EFAC;--theme-accent: #15803D;--theme-accent-light: #DCFCE7;--theme-text-dark: #14532D;--theme-text-medium: #166534;--theme-text-light: #16A34A;--theme-border: rgba(34, 197, 94, .15);--theme-font-display: "Montserrat", "Noto Sans KR", sans-serif;--theme-font-body: "Noto Sans KR", sans-serif}.theme-money{--theme-bg: #FEFCE8;--theme-bg-card: #FFFFFF;--theme-primary: #EAB308;--theme-primary-light: #FDE047;--theme-accent: #854D0E;--theme-accent-light: #FEF08A;--theme-text-dark: #713F12;--theme-text-medium: #A16207;--theme-text-light: #CA8A04;--theme-border: rgba(234, 179, 8, .15);--theme-font-display: "Playfair Display", "Noto Serif KR", serif;--theme-font-body: "Noto Sans KR", sans-serif}body.theme-romance,body.theme-workplace,body.theme-family,body.theme-friendship,body.theme-money,body.theme-daily{background-color:var(--theme-bg)}.theme-romance .substitute-note{background:#fff0f0;border-color:#ff6b6b33}.theme-workplace .substitute-note{background:#f9f9f9;border-color:#37415126}.theme-family .substitute-note{background:#fff7ed;border-color:#f9731626}.theme-friendship .substitute-note{background:#ecfdf5;border-color:#22c55e26}.theme-money .substitute-note{background:#fefce8;border-color:#eab30826}.negative-scenarios-section{margin-top:32px;padding-top:24px;border-top:1px dashed rgba(232,121,106,.3)}.negative-section-header{text-align:center;margin-bottom:20px}.negative-section-title{font-size:1.1rem;font-weight:600;color:#c53030;margin-bottom:4px}.negative-section-desc{font-size:.85rem;color:#888}.scenario-card.scenario-negative{background:linear-gradient(135deg,#fff8f7,#fff3f0);border:1px solid rgba(232,121,106,.2);border-radius:12px;padding:20px;margin-bottom:16px}.badge-red{background:linear-gradient(135deg,#e8796a,#d95050);color:#fff;font-size:.75rem;padding:3px 10px;border-radius:20px;display:inline-block;margin-bottom:12px}.negative-context,.negative-result,.negative-recovery{margin-bottom:16px}.negative-context .scenario-section-title{color:#c53030}.negative-result .scenario-section-title{color:#975a16}.negative-recovery .scenario-section-title{color:#276749}.negative-recovery{background:linear-gradient(135deg,#f0fff4,#e6fffa);border-left:3px solid #38a169;padding:16px;border-radius:8px;margin-bottom:0}.negative-lesson{font-weight:500;color:#276749;margin-bottom:8px}.negative-tip{font-size:.9rem;color:#4a5568}.negative-situation{color:#4a5568;line-height:1.6}.negative-consequence{color:#975a16;line-height:1.6;font-style:italic}