:root{--color-ink: #0b2d4e;--color-ink-soft: #1a4a6e;--color-paper: #faf7f0;--color-surface: #ffffff;--color-surface-2: #f0ebe0;--color-accent: #c9a84c;--color-accent-dim: #a07e30;--color-muted: #7a8ea0;--color-error: #b33a3a;--color-error-bg: #fff0f0;--color-success: #2d7a4f;--color-success-bg: #f0fff4;--ohaeng-mok: #2e7d32;--ohaeng-hwa: #d32f2f;--ohaeng-to: #f9a825;--ohaeng-gum: #78909c;--ohaeng-su: #1565c0;--font-serif: "Gowun Batang", "Nanum Myeongjo", Georgia, serif;--font-display: "Lora", Georgia, serif;--font-sans: -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 18px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(11, 45, 78, .1), 0 1px 2px rgba(11, 45, 78, .06);--shadow-md: 0 4px 12px rgba(11, 45, 78, .15), 0 2px 4px rgba(11, 45, 78, .08);--shadow-lg: 0 8px 32px rgba(11, 45, 78, .18), 0 4px 8px rgba(11, 45, 78, .1);--shadow-gold: 0 0 0 1.5px rgba(201, 168, 76, .5), 0 4px 16px rgba(201, 168, 76, .18);--duration-fast: .16s;--duration-base: .26s;--duration-slow: .42s;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--max-width-app: 428px;--nav-height: 52px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-serif);font-size:var(--text-base);line-height:1.65;color:var(--color-ink);background-color:var(--color-paper);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}#root{max-width:var(--max-width-app);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative}h1,h2,h3{font-family:var(--font-display);line-height:1.25;letter-spacing:-.01em;color:var(--color-ink)}h1{font-size:var(--text-3xl);font-weight:600}h2{font-size:var(--text-2xl);font-weight:600}h3{font-size:var(--text-xl);font-weight:600}p{color:var(--color-ink)}button,[role=button]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:1.5px solid transparent;font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-spring);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button:active,[role=button]:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--color-ink) 0%,var(--color-ink-soft) 100%);color:var(--color-paper);border-color:var(--color-ink);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent)}.btn-accent{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dim) 100%);color:var(--color-ink);border-color:transparent;box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--color-ink);border-color:#0b2d4e40}.btn-ghost:hover{border-color:var(--color-accent);background:#c9a84c0f}input,select,textarea{display:block;width:100%;min-height:52px;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1.5px solid rgba(11,45,78,.2);border-radius:var(--radius-md);font-family:var(--font-serif);font-size:var(--text-base);color:var(--color-ink);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);-webkit-appearance:none}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #c9a84c2e}input::placeholder{color:var(--color-muted)}label{display:block;font-size:var(--text-sm);font-family:var(--font-sans);font-weight:600;color:var(--color-ink);margin-bottom:var(--space-2);letter-spacing:.02em}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid rgba(11,45,78,.08);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-spring)}.card:hover{box-shadow:var(--shadow-md)}.card--active{border-color:var(--color-accent);box-shadow:var(--shadow-gold)}.page{flex:1;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.page-header{display:flex;align-items:center;height:var(--nav-height);padding:0 var(--space-4);border-bottom:1px solid rgba(11,45,78,.08);background:var(--color-surface);position:sticky;top:0;z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.page-body{flex:1;padding:var(--space-6) var(--space-4);overflow-y:auto;-webkit-overflow-scrolling:touch}.badge-ohaeng{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-family:var(--font-sans);font-weight:700;letter-spacing:.04em}.badge-mok{background:#2e7d321f;color:var(--ohaeng-mok)}.badge-hwa{background:#d32f2f1f;color:var(--ohaeng-hwa)}.badge-to{background:#f9a8251f;color:var(--ohaeng-to)}.badge-gum{background:#78909c1f;color:var(--ohaeng-gum)}.badge-su{background:#1565c01f;color:var(--ohaeng-su)}.badge-gil{background:#2d7a4f1f;color:var(--color-success)}.badge-ban{background:#c9a84c26;color:var(--color-accent-dim)}.badge-hyung{background:#b33a3a1f;color:var(--color-error)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-up{animation:fadeSlideUp var(--duration-slow) var(--ease-out) both}.animate-delay-1{animation-delay:80ms}.animate-delay-2{animation-delay:.16s}.animate-delay-3{animation-delay:.24s}.animate-delay-4{animation-delay:.32s}.skeleton{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-surface) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.alert-error{background:var(--color-error-bg);border:1px solid rgba(179,58,58,.3);border-radius:var(--radius-md);color:var(--color-error);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-family:var(--font-sans)}.alert-info{background:#c9a84c14;border:1px solid rgba(201,168,76,.3);border-radius:var(--radius-md);color:var(--color-ink-soft);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-family:var(--font-sans)}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(11,45,78,.1),transparent);margin:var(--space-6) 0}.section-label{font-size:var(--text-xs);font-family:var(--font-sans);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-3)}.scroll-area{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.home-page{background:linear-gradient(160deg,var(--color-ink) 0%,var(--color-ink-soft) 45%,#1e3a5f 100%);color:var(--color-paper);min-height:100dvh;position:relative;overflow:hidden}.home-bg-decor{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;pointer-events:none;overflow:hidden}.home-bg-char{font-family:var(--font-display);font-size:22rem;color:#ffffff09;line-height:1;margin-right:-4rem;-webkit-user-select:none;user-select:none;letter-spacing:-.05em}.home-hero{padding:var(--space-12) var(--space-6) var(--space-8);position:relative;z-index:1}.home-logo-mark{width:52px;height:52px;background:var(--color-accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-ink);margin-bottom:var(--space-5);box-shadow:0 4px 16px #c9a84c66}.home-title{font-size:var(--text-4xl);font-weight:700;color:var(--color-paper);letter-spacing:-.02em;margin-bottom:var(--space-2)}.home-subtitle{font-size:var(--text-sm);color:#faf7f0a6;font-family:var(--font-sans);line-height:1.7;font-weight:400}.home-cards{flex:1;padding:0 var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);position:relative;z-index:1}.home-mode-card{background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);width:100%;text-align:left;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-spring);box-shadow:none}.home-mode-card:hover{background:#ffffff24;border-color:#c9a84c80;box-shadow:0 4px 24px #0000004d}.home-mode-card--disabled{opacity:.45;cursor:not-allowed}.home-mode-hanja{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-accent);line-height:1;flex-shrink:0;width:48px;text-align:center}.home-mode-info{flex:1}.home-mode-name{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1)}.home-mode-name strong{font-size:var(--text-lg);font-family:var(--font-display);font-weight:600;color:var(--color-paper)}.home-mode-subtitle{font-size:var(--text-xs);color:#faf7f08c;font-family:var(--font-sans)}.home-mode-desc{font-size:var(--text-sm);color:#faf7f0b3;font-family:var(--font-sans);line-height:1.5}.home-mode-badge{flex-shrink:0;font-size:var(--text-xs);font-family:var(--font-sans);font-weight:600;background:#ffffff1f;color:#faf7f099;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.home-mode-arrow{flex-shrink:0;font-size:var(--text-xl);color:var(--color-accent);line-height:1}.home-footer{padding:var(--space-4) var(--space-6) var(--space-8);text-align:center;font-size:var(--text-xs);color:#faf7f059;font-family:var(--font-sans);position:relative;z-index:1}.evaluate-page{background:var(--color-paper)}.evaluate-header{position:sticky;top:0;z-index:10;background:#faf7f0eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(11,45,78,.08);display:flex;align-items:center;height:var(--nav-height);padding:0 var(--space-4);gap:var(--space-3)}.evaluate-back-btn{min-height:44px;min-width:44px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-ink);font-size:var(--text-lg);padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.evaluate-header-title{font-size:var(--text-base);font-family:var(--font-display);font-weight:600;color:var(--color-ink)}.evaluate-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);max-width:480px;margin:0 auto;width:100%}.evaluate-form{display:flex;flex-direction:column;gap:var(--space-3)}.eval-card{background:#fff;border-radius:16px;padding:var(--space-5);box-shadow:0 2px 12px #0b2d4e0f,0 1px 3px #0b2d4e0a;border:1px solid rgba(11,45,78,.06);display:flex;flex-direction:column;gap:var(--space-4)}.eval-card-header{display:flex;align-items:center;gap:var(--space-2)}.eval-card-title{font-size:var(--text-sm);font-weight:700;color:var(--color-ink);letter-spacing:-.01em;flex:1}.eval-card-sublabel{font-size:var(--text-xs);font-weight:400;color:var(--color-muted)}.eval-required-badge{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-paper);background:var(--color-ink);padding:2px 7px;border-radius:20px}.eval-optional-badge{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);background:#0b2d4e12;padding:2px 7px;border-radius:20px}.eval-card-hint{font-size:var(--text-xs);color:#0b2d4e6b;margin:0;line-height:1.5}.gender-toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.gender-toggle-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);border:1.5px solid rgba(11,45,78,.12);border-radius:12px;font-size:var(--text-sm);font-weight:600;color:var(--color-muted);background:#0b2d4e05;cursor:pointer;transition:all .18s ease}.gender-toggle-btn input[type=radio]{display:none}.gender-toggle-content{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);line-height:1}.gender-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px}.gender-toggle-icon-svg{width:20px;height:20px;display:block;overflow:visible}.gender-toggle-btn.active{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper);box-shadow:0 4px 16px #0b2d4e40}.gender-toggle-btn.active.female{border-color:#c2185b;background:linear-gradient(135deg,#c2185b,#880e4f);box-shadow:0 4px 16px #c2185b4d}.name-input-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2.1fr);gap:var(--space-3)}.name-input-row.single-name{grid-template-columns:repeat(2,minmax(0,1fr))}.name-mode-row{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);padding:4px;width:fit-content;border-radius:999px;background:#0b2d4e0f}.name-mode-btn{min-height:36px;padding:.5rem .95rem;border-radius:999px;border:none;background:transparent;color:var(--color-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em}.name-mode-btn.active{background:var(--color-ink);color:var(--color-paper);box-shadow:0 8px 18px #0b2d4e29}.name-field-sm{flex:0 0 90px}.name-field-lg{flex:1}.first-name-char-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.first-name-char-row.single-name{grid-template-columns:minmax(0,1fr)}.field-label{font-size:var(--text-xs);font-weight:600;color:var(--color-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-1);display:block}.name-input{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid rgba(11,45,78,.12);border-radius:10px;font-size:var(--text-xl);font-family:var(--font-sans);font-weight:600;color:var(--color-ink);background:#0b2d4e05;transition:all .18s ease;text-align:center;letter-spacing:.05em}.name-input::placeholder{color:#0b2d4e33}.name-input:focus{outline:none;border-color:var(--color-ink);background:#fff;box-shadow:0 0 0 3px #0b2d4e14}.name-input.input-success{border-color:#34c759}.name-input.input-error{border-color:var(--color-danger);background:#ff3b3008}.name-input:disabled{opacity:.45;cursor:not-allowed}.name-input:disabled::placeholder{color:#0b2d4e33}.name-preview{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#0b2d4e0a,#0b2d4e05);border-radius:10px;border:1px solid rgba(11,45,78,.08);animation:fadeIn .3s ease}.name-preview-ko{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-ink);letter-spacing:.1em}.name-preview-hj{font-family:var(--font-hanja);font-size:var(--text-xl);color:var(--color-muted);letter-spacing:.08em}.hanja-picker-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-3)}.hanja-picker-row.single-name{grid-template-columns:repeat(2,minmax(0,1fr))}.hanja-chip-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.hanja-chip-group.single-name{grid-template-columns:minmax(0,1fr)}.hanja-chip-group:has(.hanja-chip:only-child){grid-template-columns:minmax(0,1fr)}.hanja-chip{display:flex;align-items:center;justify-content:center;min-height:72px;border-radius:12px;border:1.5px dashed rgba(11,45,78,.2);background:#0b2d4e05;cursor:pointer;transition:all .18s ease}.hanja-chip:hover{border-color:#0b2d4e73;background:#0b2d4e0d}.hanja-chip.has-value{border-style:solid;border-color:var(--color-ink);background:#fff;box-shadow:0 2px 12px #0b2d4e14}.hanja-chip.is-disabled{cursor:not-allowed;opacity:.5;background:#0b2d4e04}.hanja-chip.is-disabled:hover{border-color:#0b2d4e33;background:#0b2d4e04}.hanja-chip-char{font-family:var(--font-hanja);font-size:2rem;font-weight:700;color:var(--color-ink);line-height:1}.hanja-chip-placeholder{font-size:var(--text-sm);font-weight:600;color:#0b2d4e3d;letter-spacing:.03em}.birth-date-row,.birth-time-row{display:flex;align-items:flex-end;gap:var(--space-1);flex-wrap:wrap}.birth-date-sep{font-size:var(--text-sm);font-weight:600;color:var(--color-muted);padding-bottom:var(--space-3);flex-shrink:0}.birth-field-year{flex:2;min-width:80px}.birth-field-md{flex:1;min-width:48px}.birth-input{width:100%;padding:var(--space-3);border:1.5px solid rgba(11,45,78,.12);border-radius:10px;font-size:var(--text-base);font-family:var(--font-sans);font-weight:600;color:var(--color-ink);background:#0b2d4e05;text-align:center;transition:all .18s ease;-moz-appearance:textfield}.birth-input::-webkit-outer-spin-button,.birth-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.birth-input:focus{outline:none;border-color:var(--color-ink);background:#fff;box-shadow:0 0 0 3px #0b2d4e14}.birth-input:disabled{opacity:.35;cursor:not-allowed;background:#0b2d4e08}.birth-input.input-error{border-color:var(--color-danger)}.birth-time-row.disabled .birth-input{opacity:.3}.time-unknown-toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;flex-shrink:0}.time-unknown-toggle input[type=checkbox]{display:none}.time-toggle-track{width:36px;height:20px;background:#0b2d4e26;border-radius:20px;position:relative;transition:background .2s ease;flex-shrink:0}.time-unknown-toggle input:checked~.time-toggle-track{background:var(--color-ink)}.time-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0000002e;transition:transform .2s ease}.time-unknown-toggle input:checked~.time-toggle-track .time-toggle-thumb{transform:translate(16px)}.time-toggle-label{font-size:var(--text-xs);font-weight:600;color:var(--color-muted)}.time-unknown-note{font-size:var(--text-xs);color:#0b2d4e6b;margin:0;font-style:italic;line-height:1.5}.eval-submit-area{padding:var(--space-2) 0 var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.eval-submit-note{font-size:var(--text-xs);color:#0b2d4e6b;margin:0;letter-spacing:.05em}.form-section{display:flex;flex-direction:column;gap:var(--space-4)}.form-section-title{font-size:var(--text-xs);font-family:var(--font-sans);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);display:flex;align-items:center;gap:var(--space-2)}.form-section-title:before{content:"";flex:1;height:1px;background:#0b2d4e1a;order:-1;display:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.form-field{display:flex;flex-direction:column}.form-field input.input-error{border-color:var(--color-danger);background:#ff3b300d}.form-field input.input-success{border-color:var(--color-success, #34c759)}.submit-area{padding:var(--space-4) 0 var(--space-8)}.submit-btn{width:100%;min-height:56px;font-size:var(--text-base);background:linear-gradient(135deg,var(--color-ink) 0%,var(--color-ink-soft) 100%);color:var(--color-paper);border:none;border-radius:var(--radius-lg);font-family:var(--font-sans);font-weight:700;letter-spacing:.03em;box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.submit-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.field-error-text{font-size:var(--text-xs);color:var(--color-danger);font-weight:500;margin-top:var(--space-1)}.date-input-group{display:flex;gap:var(--space-3);width:100%}.flex-1{flex:1}.flex-2{flex:2}.gender-row{display:flex;gap:var(--space-3)}.gender-label{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-3);border:1px solid rgba(11,45,78,.1);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;color:var(--color-ink);background:#fff;cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.gender-label input[type=radio]{display:none}.gender-label.selected{border-color:var(--color-ink);background:var(--color-ink);color:#fff}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);color:var(--color-ink);font-size:var(--text-sm);cursor:pointer}.help-text{font-size:var(--text-xs);color:#0b2d4e6b;font-weight:400}.form-persistence-consent{border:1px solid rgba(11,45,78,.12);border-radius:var(--radius-md);padding:var(--space-4);background:#0b2d4e08;display:flex;flex-direction:column;gap:var(--space-2)}.form-persistence-title{margin:0;font-size:var(--text-sm);font-weight:700;color:var(--color-ink)}.form-persistence-desc{margin:0;font-size:var(--text-xs);color:var(--color-muted)}.form-persistence-actions{display:flex;gap:var(--space-2)}.btn-consent-approve,.btn-consent-decline{min-height:38px;font-size:var(--text-xs);padding:0 var(--space-3);border-radius:var(--radius-md)}.btn-consent-approve{background:var(--color-ink);color:var(--color-paper);border:1px solid var(--color-ink)}.btn-consent-decline{background:#fff;color:var(--color-ink);border:1px solid rgba(11,45,78,.2)}.form-persistence-state{font-size:var(--text-xs);color:var(--color-muted);display:flex;align-items:center;gap:var(--space-2)}.form-persistence-state button{min-height:30px;padding:0 var(--space-2);border:1px solid rgba(11,45,78,.2);background:#fff;color:var(--color-ink);font-size:11px;border-radius:var(--radius-sm)}@media (max-width: 480px){.gender-toggle-content{min-height:22px}.gender-toggle-icon{width:18px;height:18px;flex-basis:18px}.gender-toggle-icon-svg{width:18px;height:18px}.name-mode-row,.name-mode-btn{width:100%}.form-persistence-actions{flex-direction:column}.hanja-picker-row{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-2)}.hanja-picker-row.single-name{grid-template-columns:repeat(2,minmax(0,1fr))}.name-input-row{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr)}.name-input-row.single-name{grid-template-columns:repeat(2,minmax(0,1fr))}}.hanja-picker-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-3);background:#0b2d4e08;border:1px dashed rgba(11,45,78,.3);border-radius:var(--radius-md);font-size:var(--text-lg);font-family:var(--font-hanja);color:var(--color-muted);cursor:pointer;transition:all var(--duration-base) var(--ease-out);min-height:52px}.hanja-picker-btn:hover{background:#0b2d4e14;border-color:#0b2d4e99}.hanja-picker-btn.has-value{background:#fff;border-style:solid;border-color:var(--color-ink);color:var(--color-ink);font-size:var(--text-2xl);font-weight:600;box-shadow:0 4px 12px #0b2d4e0d}.hanja-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0b2d4e66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}@media (min-width: 768px){.hanja-modal-overlay{align-items:center}}.hanja-modal-card{width:100%;max-width:500px;background:var(--color-paper);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -10px 40px #00000026;display:flex;flex-direction:column;max-height:85vh}@media (min-width: 768px){.hanja-modal-card{border-radius:var(--radius-lg);max-height:80vh}}.hanja-modal-header{padding:var(--space-4) var(--space-5);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(11,45,78,.1);background:#faf8f5f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;position:sticky;top:0;z-index:10}.hanja-modal-header h3{margin:0;font-size:var(--text-lg);font-weight:700;color:var(--color-ink)}.reading-highlight{color:var(--color-primary);font-weight:900}.close-btn{background:none;border:none;font-size:28px;line-height:1;color:var(--color-muted);cursor:pointer;padding:0 var(--space-2);transition:color var(--duration-base) var(--ease-out)}.close-btn:hover{color:var(--color-ink)}.hanja-modal-body{padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.hanja-table{width:100%;border-collapse:collapse}.hanja-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);color:var(--color-muted);font-weight:600;border-bottom:1px solid rgba(11,45,78,.1);background:#0b2d4e05;position:sticky;top:0;z-index:5}.hanja-row{border-bottom:1px solid rgba(11,45,78,.05);cursor:pointer;transition:background var(--duration-base) ease}.hanja-row:nth-child(2n){background:#fff6}.hanja-row:hover{background:#0b2d4e0a}.hanja-row td{padding:var(--space-4);vertical-align:middle}.hanja-cell-char{font-family:var(--font-hanja);font-size:var(--text-2xl);font-weight:600;color:var(--color-ink);width:20%;text-align:center}.hanja-cell-meaning{font-size:var(--text-sm);color:var(--color-ink);font-weight:500;width:40%}.hanja-cell-strokes{font-size:var(--text-sm);color:var(--color-muted);width:20%}.hanja-cell-ohaeng{width:20%}.ohaeng-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:12px;font-size:var(--text-xs);font-weight:700;letter-spacing:-.02em}.hanja-empty-state{padding:var(--space-10) var(--space-5);text-align:center;color:var(--color-ink)}.hanja-empty-state p{margin:var(--space-2) 0}.custom-hanja-input-group{display:flex;gap:var(--space-2);margin:var(--space-4)}.custom-hanja-input-group input{flex:1;padding:var(--space-3);border:1px solid rgba(11,45,78,.2);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-hanja)}.custom-hanja-input-group button{padding:var(--space-3) var(--space-4);background:var(--color-ink);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:opacity var(--duration-base) ease}.custom-hanja-input-group button:hover{opacity:.9}.animate-fade-in{animation:fadeIn var(--duration-base) var(--ease-out) forwards}.animate-slide-up{animation:slideUp var(--duration-base) var(--ease-out) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.result-page{background:var(--color-paper)}.result-header{background:var(--color-ink);color:var(--color-paper);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);position:sticky;top:0;z-index:10}.result-header-title{flex:1;font-size:var(--text-base);font-family:var(--font-display);font-weight:600;color:var(--color-paper)}.result-back-btn{min-height:44px;min-width:44px;background:#ffffff1a;border:none;border-radius:var(--radius-md);color:var(--color-paper);font-size:var(--text-lg);cursor:pointer}.result-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.result-name-card{background:linear-gradient(135deg,var(--color-ink) 0%,var(--color-ink-soft) 100%);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.result-name-ko{font-size:var(--text-3xl);font-family:var(--font-serif);font-weight:700;color:var(--color-paper);letter-spacing:.1em;margin-bottom:var(--space-1)}.result-name-hj{font-size:var(--text-xl);font-family:var(--font-display);color:var(--color-accent);letter-spacing:.15em}.saju-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.saju-pillar{background:var(--color-surface);border:1px solid rgba(11,45,78,.1);border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}.saju-pillar-label{font-size:10px;font-family:var(--font-sans);color:var(--color-muted);font-weight:600;letter-spacing:.05em}.saju-pillar-chars{display:flex;flex-direction:column;gap:var(--space-1)}.saju-gan{font-size:var(--text-xl);font-family:var(--font-serif);font-weight:700;color:var(--color-ink);line-height:1}.saju-ji{font-size:var(--text-xl);font-family:var(--font-serif);color:var(--color-ink-soft);line-height:1}.saju-ohaeng-dot{width:8px;height:8px;border-radius:50%;margin:0 auto}.ohaeng-flow{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4)}.ohaeng-node{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.ohaeng-node-char{font-size:var(--text-xl);font-family:var(--font-serif);font-weight:700;color:var(--color-ink)}.ohaeng-arrow{font-size:var(--text-base);color:var(--color-muted);padding:0 var(--space-1)}.ohaeng-arrow--good{color:var(--color-success)}.ohaeng-arrow--bad{color:var(--color-error)}.suri-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.suri-item{background:var(--color-surface);border:1px solid rgba(11,45,78,.08);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.suri-label{font-size:var(--text-xs);font-family:var(--font-sans);color:var(--color-muted);font-weight:700;letter-spacing:.05em;margin-bottom:var(--space-2)}.suri-number{font-size:var(--text-3xl);font-family:var(--font-display);font-weight:700;color:var(--color-ink);line-height:1;margin-bottom:var(--space-2)}.ohaeng-dist-bar{display:flex;height:8px;border-radius:var(--radius-full);overflow:hidden;gap:2px}.ohaeng-dist-segment{border-radius:var(--radius-full);transition:flex var(--duration-slow) var(--ease-out)}.ruleset-tag{display:inline-flex;align-items:center;gap:var(--space-2);background:#c9a84c1a;border:1px solid rgba(201,168,76,.3);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-family:var(--font-sans);font-weight:600;color:#a48225;letter-spacing:.04em}.result-container{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.result-hero-card{background:linear-gradient(135deg,var(--color-ink) 0%,var(--color-ink-soft) 100%);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);text-align:center;box-shadow:var(--shadow-md)}.result-hero-card .result-name-ko{font-size:var(--text-3xl);font-family:var(--font-serif);font-weight:700;color:var(--color-paper);letter-spacing:.12em;margin-bottom:var(--space-2)}.result-hero-card .result-name-hj{font-size:var(--text-xl);font-family:var(--font-display);color:var(--color-accent);letter-spacing:.18em;margin-bottom:var(--space-2)}.result-birth-label{font-size:var(--text-xs);font-family:var(--font-sans);font-weight:500;color:#ffffffd9;margin-top:var(--space-2)}.nav-back-btn{min-height:44px;min-width:44px;background:#ffffff1a;border:none;border-radius:var(--radius-md);color:var(--color-paper);font-size:var(--text-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out)}.nav-back-btn:hover{background:#ffffff2e}.result-section{background:var(--color-surface);border:1px solid rgba(11,45,78,.08);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-sm)}.section-title{font-size:var(--text-sm);font-family:var(--font-sans);font-weight:700;color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid rgba(11,45,78,.07);padding-bottom:var(--space-3)}.ohaeng-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.ohaeng-badge{display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-family:var(--font-display);font-weight:700;padding:2px 8px;border-radius:var(--radius-full);color:#fff}.yinyang-badge{display:inline-flex;align-items:center;font-size:var(--text-xs);font-family:var(--font-sans);font-weight:600;padding:2px 8px;border-radius:var(--radius-full);border:1px solid rgba(11,45,78,.15);color:var(--color-ink);background:var(--color-surface-2)}.ohaeng-목{background:var(--ohaeng-mok)}.ohaeng-화{background:var(--ohaeng-hwa)}.ohaeng-토{background:var(--ohaeng-to);color:#333}.ohaeng-금{background:var(--ohaeng-gum)}.ohaeng-수{background:var(--ohaeng-su)}.ohaeng-알수없음{background:#aaa}.ohaeng-dot.ohaeng-목{background:var(--ohaeng-mok)}.ohaeng-dot.ohaeng-화{background:var(--ohaeng-hwa)}.ohaeng-dot.ohaeng-토{background:var(--ohaeng-to)}.ohaeng-dot.ohaeng-금{background:var(--ohaeng-gum)}.ohaeng-dot.ohaeng-수{background:var(--ohaeng-su)}.yinyang-양{color:#b05b00;background:#f9a8251f;border-color:#f9a8254d}.yinyang-음{color:#1a4a6e;background:#1565c01a;border-color:#1565c033}.hangul-grid{display:flex;gap:var(--space-3);justify-content:center}.hangul-cell{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:var(--color-surface-2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);min-width:72px;box-shadow:var(--shadow-sm)}.hangul-cell.surname-cell{border:1px solid rgba(201,168,76,.35);background:#c9a84c0f}.hangul-char{font-size:var(--text-3xl);font-family:var(--font-serif);font-weight:700;color:var(--color-ink);line-height:1}.hangul-flow{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.hangul-flow-item{display:flex;align-items:center;gap:var(--space-2)}.hangul-flow-char{font-size:var(--text-xl);font-family:var(--font-serif);color:var(--color-ink);font-weight:600}.ohaeng-tag{font-size:var(--text-xs);font-family:var(--font-sans);font-weight:700;padding:2px 10px;border-radius:var(--radius-full);color:#fff}.ohaeng-tag.ohaeng-목{background:var(--ohaeng-mok)}.ohaeng-tag.ohaeng-화{background:var(--ohaeng-hwa)}.ohaeng-tag.ohaeng-토{background:var(--ohaeng-to);color:#333}.ohaeng-tag.ohaeng-금{background:var(--ohaeng-gum)}.ohaeng-tag.ohaeng-수{background:var(--ohaeng-su)}.flow-arrow{color:var(--color-muted);font-size:var(--text-base)}.hanja-grid{display:flex;gap:var(--space-3);justify-content:center}.hanja-cell{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:var(--color-surface-2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);flex:1;text-align:center;box-shadow:var(--shadow-sm)}.hanja-char{font-size:var(--text-3xl);font-family:var(--font-display);font-weight:700;color:var(--color-ink);line-height:1}.hanja-meaning{font-size:11px;font-family:var(--font-sans);color:var(--color-muted);line-height:1.4;text-align:center}.hanja-attrs{display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:center}.hanja-stroke{font-size:var(--text-xs);font-family:var(--font-sans);font-weight:700;color:var(--color-ink-soft);background:#0b2d4e12;padding:2px 8px;border-radius:var(--radius-full)}.hanja-stroke-row{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.stroke-chip{font-size:var(--text-sm);font-family:var(--font-display);color:var(--color-ink-soft);background:#0b2d4e0d;border:1px solid rgba(11,45,78,.1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full)}.suri-kyouk-grid{display:flex;flex-direction:column;gap:var(--space-3)}.suri-kyouk-card{border-radius:var(--radius-md);padding:var(--space-4);border:1px solid rgba(11,45,78,.1);background:var(--color-surface-2);display:flex;flex-direction:column;gap:var(--space-3);transition:box-shadow var(--duration-fast) var(--ease-out)}.kyouk-header{display:flex;align-items:center;gap:var(--space-2)}.kyouk-period-label{font-size:var(--text-sm);font-family:var(--font-display);font-weight:700;color:var(--color-ink);min-width:3rem}.kyouk-sub-label{font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-display)}.kyouk-grade-badge{margin-left:auto;font-size:var(--text-xs);font-weight:800;font-family:var(--font-display);padding:2px 10px;border-radius:var(--radius-full)}.kyouk-number-row{display:flex;align-items:baseline;gap:var(--space-3)}.kyouk-number{font-size:var(--text-3xl);font-family:var(--font-display);font-weight:700;color:var(--color-ink);line-height:1}.kyouk-name{font-size:var(--text-base);font-family:var(--font-serif);color:var(--color-ink-soft)}.kyouk-attrs{display:flex;gap:var(--space-2)}.kyouk-explain{font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-muted);line-height:1.7;margin:0}.grade-daegil{border-color:#c9a84c80;background:#c9a84c0f}.grade-daegil .kyouk-grade-badge{background:var(--color-accent);color:var(--color-ink)}.grade-daegil .kyouk-number{color:var(--color-accent-dim)}.grade-gil{border-color:#2d7a4f4d;background:#2d7a4f0a}.grade-gil .kyouk-grade-badge{background:var(--color-success);color:#fff}.grade-gil .kyouk-number{color:var(--color-success)}.grade-bangil{border-color:#1565c040;background:#1565c00a}.grade-bangil .kyouk-grade-badge{background:#1565c0;color:#fff}.grade-hyung{border-color:#b33a3a4d;background:#b33a3a0a}.grade-hyung .kyouk-grade-badge{background:var(--color-error);color:#fff}.grade-hyung .kyouk-number{color:var(--color-error)}.grade-daehyung{border-color:#5014144d;background:#5014140d}.grade-daehyung .kyouk-grade-badge{background:#501414;color:#fff}.grade-daehyung .kyouk-number{color:#501414}.suri-overall-badge{border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-md)}.overall-excellent{background:linear-gradient(135deg,var(--color-ink) 0%,#1a4a6e 100%);border:1px solid rgba(201,168,76,.4)}.overall-good{background:linear-gradient(135deg,#1b4332,#2d7a4f)}.overall-normal,.overall-warn{background:linear-gradient(135deg,#2c3e50,#3d5a6e)}.overall-header{display:flex;align-items:center;justify-content:space-between}.overall-name{font-size:var(--text-base);font-family:var(--font-serif);color:var(--color-paper);font-weight:600}.overall-grade-label{font-size:var(--text-sm);font-family:var(--font-sans);font-weight:800;color:var(--color-accent);letter-spacing:.05em}.overall-comment{font-size:var(--text-sm);font-family:var(--font-sans);color:#faf7f0cc;line-height:1.7;margin:0}.overall-numbers{display:flex;gap:var(--space-2);flex-wrap:wrap}.overall-num-chip{flex:1;min-width:60px;background:#ffffff1a;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;align-items:center;gap:2px}.chip-period{font-size:10px;font-family:var(--font-sans);color:#faf7f099;font-weight:600}.chip-number{font-size:var(--text-xl);font-family:var(--font-display);font-weight:700;color:var(--color-paper);line-height:1}.saju-ohaeng-count-grid{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.ohaeng-count-chip{flex:1;min-width:56px;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);display:flex;gap:var(--space-2);align-items:center;justify-content:center}.ohaeng-count-chip.ohaeng-목{background:#2e7d321f;border:1px solid rgba(46,125,50,.25)}.ohaeng-count-chip.ohaeng-화{background:#d32f2f1a;border:1px solid rgba(211,47,47,.25)}.ohaeng-count-chip.ohaeng-토{background:#f9a8251f;border:1px solid rgba(249,168,37,.3)}.ohaeng-count-chip.ohaeng-금{background:#78909c1f;border:1px solid rgba(120,144,156,.25)}.ohaeng-count-chip.ohaeng-수{background:#1565c01a;border:1px solid rgba(21,101,192,.25)}.ohaeng-count-label{font-size:var(--text-xs);font-family:var(--font-sans);font-weight:700;color:var(--color-ink-soft)}.ohaeng-count-value{font-size:var(--text-xl);font-family:var(--font-display);font-weight:800;color:var(--color-ink)}.result-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding-bottom:var(--space-10)}.result-actions{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.btn-secondary{width:100%;min-height:52px;background:transparent;border:2px solid rgba(11,45,78,.2);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-sans);font-weight:600;color:var(--color-ink);cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.btn-secondary:hover{border-color:var(--color-ink);background:#0b2d4e0d}.btn-primary{width:100%;min-height:52px;background:linear-gradient(135deg,var(--color-accent-dim) 0%,var(--color-accent) 100%);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-sans);font-weight:700;color:var(--color-ink);cursor:pointer;box-shadow:0 4px 16px #c9a84c59;transition:all var(--duration-base) var(--ease-out)}.btn-primary:hover{box-shadow:0 6px 24px #c9a84c80;transform:translateY(-1px)}.result-hero-card{background:linear-gradient(135deg,#0b1320,#151e2f);border:1px solid rgba(201,168,76,.25);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-4);text-align:center;box-shadow:0 16px 40px #00000026,inset 0 1px #ffffff0d;position:relative;overflow:hidden}.result-hero-card:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(circle at top,rgba(201,168,76,.15) 0%,transparent 60%);pointer-events:none}.result-hero-card .result-name-ko{font-size:2.5rem;color:#fff;letter-spacing:.15em;margin-bottom:var(--space-2);text-shadow:0 2px 8px rgba(0,0,0,.5)}.result-hero-card .result-name-hj{font-size:var(--text-2xl);color:#ffeda6;letter-spacing:.2em;opacity:1;text-shadow:0 1px 4px rgba(0,0,0,.6)}.result-section{background:#fff;border:1px solid rgba(0,0,0,.03);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-5);box-shadow:0 8px 30px #00000008;position:relative;overflow:hidden}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid rgba(0,0,0,.04)}.section-title{border-bottom:none;padding-bottom:0;margin:0;font-size:var(--text-base);color:var(--color-ink);letter-spacing:.02em}.analysis-grade-badge{padding:4px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 2px 10px #0000000d}.analysis-grade-badge.grade-daegil{background:linear-gradient(135deg,#fff9e6,#ffebd1);color:#b77f00;border:1px solid rgba(201,168,76,.3)}.analysis-grade-badge.grade-gil{background:linear-gradient(135deg,#eafaf1,#d4efdf);color:#229954;border:1px solid rgba(46,204,113,.3)}.analysis-grade-badge.grade-bangil{background:linear-gradient(135deg,#f2f3f4,#e5e7e9);color:#7f8c8d;border:1px solid rgba(149,165,166,.3)}.analysis-grade-badge.grade-hyung{background:linear-gradient(135deg,#fdf2e9,#fae5d3);color:#d35400;border:1px solid rgba(230,126,34,.3)}.analysis-grade-badge.grade-daehyung{background:linear-gradient(135deg,#fdedec,#fadbd8);color:#c0392b;border:1px solid rgba(231,76,60,.3)}.ohaeng-relation-section{padding:var(--space-6);background:#fafbfc}.ohaeng-flow-visual{display:block;overflow:hidden;margin-bottom:var(--space-6);padding:var(--space-4);background:#fff;border-radius:var(--radius-lg);box-shadow:inset 0 2px 10px #00000005;border:1px solid rgba(0,0,0,.03)}.ohaeng-flow-track{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-3) var(--space-2);width:100%;min-width:0}.ohaeng-flow-node-group{display:flex;align-items:center;gap:var(--space-2)}.ohaeng-flow-node{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.flow-char{font-size:var(--text-lg);font-weight:700;color:var(--color-ink);font-family:var(--font-serif)}.ohaeng-circle{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:800;font-family:var(--font-serif);color:#fff;box-shadow:0 4px 12px #00000026,inset 0 -2px 6px #0000001a;transition:transform .3s ease}.ohaeng-circle:hover{transform:scale(1.05)}.rel-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:30px}.rel-arrow-icon{font-size:1.2rem;font-weight:900;line-height:1}.rel-arrow-label{font-size:10px;font-weight:700;letter-spacing:.03em;line-height:1}.rel-sangsaeng{color:#27ae60;text-shadow:0 2px 4px rgba(39,174,96,.2)}.rel-sangbi{color:#95a5a6}.rel-sanggeuk{color:#e74c3c;text-shadow:0 2px 4px rgba(231,76,60,.2)}.ohaeng-pairs-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.ohaeng-pair-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 12px #00000005;border:1px solid rgba(0,0,0,.04);transition:transform .2s ease}.ohaeng-pair-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000a}.ohaeng-pair-item.rel-bg-상생{border-left:4px solid #2ecc71}.ohaeng-pair-item.rel-bg-비화{border-left:4px solid #bdc3c7}.ohaeng-pair-item.rel-bg-상극{border-left:4px solid #e74c3c}.pair-type-badge{flex-shrink:0;padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:800;letter-spacing:.05em}.pair-type-badge.rel-상생{background:#2ecc7126;color:#27ae60}.pair-type-badge.rel-비화{background:#95a5a626;color:#7f8c8d}.pair-type-badge.rel-상극{background:#e74c3c26;color:#c0392b}.pair-desc{font-size:var(--text-sm);color:var(--color-ink-soft);line-height:1.6;font-weight:500;margin-top:1px}.yinyang-harmony-section{background:#fff}.yinyang-sequence{display:flex;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-6)}.yinyang-seq-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.yy-sublabel{font-size:var(--text-sm);color:var(--color-ink);font-weight:700}.yy-chip{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:800;font-family:var(--font-serif);color:#fff;box-shadow:0 4px 16px #0000001a}.yy-chip.yinyang-양{background:linear-gradient(135deg,#ff6b2b,#ff3d00);box-shadow:0 6px 16px #ff6b2b4d}.yy-chip.yinyang-음{background:linear-gradient(135deg,#4a90e2,#0052d4);box-shadow:0 6px 16px #4a90e24d}.yy-ratio-bar-wrapper{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);background:#fafbfc;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.03)}.yy-ratio-label{font-size:var(--text-sm);font-weight:800;color:var(--color-ink);letter-spacing:.05em}.yy-ratio-bar{flex:1;height:14px;border-radius:var(--radius-full);display:flex;background:#e1e5ea;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.yy-ratio-fill-yang{background:linear-gradient(90deg,#ff9a9e,#fecfef 99%,#fecfef);background:linear-gradient(90deg,#ff6b2b,#ff3d00);transition:width 1s cubic-bezier(.16,1,.3,1)}.yy-ratio-fill-yin{background:linear-gradient(90deg,#4a90e2,#0052d4);transition:width 1s cubic-bezier(.16,1,.3,1)}.saju-advice-section{background:#fafcff}.saju-ohaeng-bars{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);background:#fff;padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:0 2px 12px #00000005;border:1px solid rgba(0,0,0,.03)}.saju-bar-row{display:flex;align-items:center;gap:var(--space-4);padding:4px 0}.saju-bar-row.bar-lacking{opacity:.5;filter:grayscale(100%)}.saju-label-group{display:flex;align-items:center;gap:var(--space-2);width:60px}.saju-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-family:var(--font-serif);color:#fff;font-weight:800;box-shadow:0 2px 4px #0000001a}.saju-ko{font-size:var(--text-sm);font-weight:800;color:var(--color-ink)}.saju-icon.bg-목{background:linear-gradient(135deg,#2ecc71,#27ae60)}.saju-icon.bg-화{background:linear-gradient(135deg,#e74c3c,#c0392b)}.saju-icon.bg-토{background:linear-gradient(135deg,#f1c40f,#f39c12)}.saju-icon.bg-금{background:linear-gradient(135deg,#bdc3c7,#95a5a6)}.saju-icon.bg-수{background:linear-gradient(135deg,#3498db,#2980b9)}.saju-bar-track{flex:1;height:14px;background:#f0f2f5;border-radius:var(--radius-full);overflow:hidden;box-shadow:inset 0 2px 4px #0000000a}.saju-bar-fill{height:100%;border-radius:var(--radius-full);transition:width 1s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #0000001a}.ohaeng-bg-목{background:linear-gradient(90deg,#2ecc71,#27ae60)}.ohaeng-bg-화{background:linear-gradient(90deg,#e74c3c,#c0392b)}.ohaeng-bg-토{background:linear-gradient(90deg,#f1c40f,#f39c12)}.ohaeng-bg-금{background:linear-gradient(90deg,#bdc3c7,#95a5a6)}.ohaeng-bg-수{background:linear-gradient(90deg,#3498db,#2980b9)}.saju-bar-count{width:32px;font-size:var(--text-sm);font-weight:800;color:var(--color-ink-soft);text-align:right}.saju-bar-count.count-lacking{color:var(--color-muted)}.saju-advice-texts{display:flex;flex-direction:column;gap:var(--space-3)}.saju-advice-box,.saju-balanced-box{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.7;font-weight:500}.saju-advice-box{background:linear-gradient(135deg,#fffcf5,#fff5e6);border:1px solid rgba(243,156,18,.2);color:#8a6300}.saju-balanced-box{background:linear-gradient(135deg,#f5fffa,#e6ffe6);border:1px solid rgba(39,174,96,.2);color:#1a6d36}.advice-icon,.balanced-icon{font-size:1.4rem;margin-top:-2px}.analysis-text{font-size:var(--text-sm);line-height:1.8;color:var(--color-ink-soft);margin:0;padding:var(--space-4);background:#00000005;border-radius:var(--radius-md);font-weight:500}.suri-kyouk-card{background:linear-gradient(180deg,#fff,#fafbfc);border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 12px #00000005}.kyouk-explain-short{font-size:var(--text-sm);font-weight:700;color:var(--color-ink);line-height:1.6;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(0,0,0,.04)}.kyouk-explain-long{font-size:var(--text-sm);line-height:1.7;color:var(--color-ink-soft);margin-top:var(--space-2)}