@font-face{font-family:Pretendard Variable;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/PretendardVariable.ttf) format("truetype-variations")}:root{--ink-900: #0B0B0D;--ink-800: #111114;--ink-700: #16161A;--ink-600: #1C1C21;--ink-500: #26262C;--gold-700: #B7942E;--gold-600: #D4AF37;--gold-500: #E8C76B;--gold-400: #F3D27A;--paper-100: #F5F5F5;--paper-300: #C9C9C9;--paper-500: #A6A6A6;--paper-700: #6E6E73;--paper-900: #48484D;--status-success: #78C27A;--status-warning: #E8B04D;--status-danger: #D96C6C;--gold-a04: rgba(212,175,55,.04);--gold-a08: rgba(212,175,55,.08);--gold-a12: rgba(212,175,55,.12);--gold-a15: rgba(212,175,55,.15);--gold-a30: rgba(212,175,55,.3);--bg-base: var(--ink-900);--bg-raised: var(--ink-800);--surface-card: var(--ink-700);--surface-inset: var(--ink-600);--text-primary: var(--paper-100);--text-secondary: var(--paper-500);--text-muted: var(--paper-700);--text-disabled: var(--paper-900);--text-gold: var(--gold-600);--text-on-gold: #1A1408;--accent: var(--gold-600);--accent-hover: var(--gold-500);--accent-press: var(--gold-700);--border-hairline: var(--gold-a15);--border-neutral: var(--ink-500);--border-strong: var(--gold-600);--element-wood: #5E9C76;--element-fire: #C9605C;--element-earth: #C9A24B;--element-metal: #C4C7CC;--element-water: #5B7DB1;--font-sans: "Pretendard Variable", "Noto Sans KR", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-serif: "Noto Serif KR", "Pretendard Variable", serif;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--text-display: 3.5rem;--text-display-sm: 3rem;--text-heading: 2.25rem;--text-heading-sm: 1.75rem;--text-section: 1.5rem;--text-section-sm: 1.25rem;--text-body-lg: 1.0625rem;--text-body: 1rem;--text-body-sm: .9375rem;--text-caption: .875rem;--text-caption-sm: .75rem;--text-micro: .625rem;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .12em;--tracking-widest: .25em;--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: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--radius-circle: 50%;--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 8px 24px rgba(0,0,0,.5);--shadow-lg: 0 16px 48px rgba(0,0,0,.6);--shadow-up: 0 -10px 30px rgba(0,0,0,.5);--glow-sm: 0 0 15px var(--gold-a15);--glow-md: 0 0 20px var(--gold-a30);--glow-text: 0 0 10px rgba(212,175,55,.5);--ease-out: cubic-bezier(.22,1,.36,1);--ease-in-out: cubic-bezier(.65,0,.35,1);--dur-fast: .2s;--dur-base: .35s;--dur-slow: .6s;--tm-col: 100%}@media (min-width: 760px){:root{--tm-col: clamp(600px, 76vw, 920px)}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg-base);font-family:var(--font-sans);color:var(--text-primary);min-height:100dvh;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}#root{height:100dvh}.tm-stage{display:flex;height:100dvh;width:100%;background:var(--bg-base)}.tm-window{flex:1;min-width:0;display:flex}.tm-device{width:100%;height:100%;background:var(--bg-base);overflow:hidden;position:relative}@media (min-width: 760px){.tm-stage{justify-content:center;background:radial-gradient(ellipse 100% 70% at 50% -10%,var(--gold-a08),transparent 58%),radial-gradient(ellipse 80% 60% at 50% 120%,var(--gold-a04),transparent 60%),var(--bg-base)}.tm-window{flex:0 1 720px;max-width:calc(100% - 64px)}.tm-device,.tm-window .tm-screen{background:transparent}}.tm-screen{display:flex;flex-direction:column;height:100%;background:var(--bg-base);color:var(--text-primary);animation:tm-fade .5s var(--ease-out)}.tm-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.tm-scroll::-webkit-scrollbar{width:0}.tm-gut{padding-left:max(24px,calc((100% - var(--tm-col)) / 2));padding-right:max(24px,calc((100% - var(--tm-col)) / 2))}.tm-footer{padding:20px max(24px,calc((100% - var(--tm-col)) / 2)) 26px;background:linear-gradient(to top,var(--bg-base) 70%,transparent)}@media (min-width: 760px){.tm-footer{background:linear-gradient(to top,var(--ink-900) 60%,transparent)}}.tm-label{display:block;color:var(--text-muted);font-size:var(--text-caption-sm);font-weight:500;margin-bottom:8px}.tm-iconbtn{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.tm-sheetbtn{display:flex;align-items:center;gap:16px;width:100%;padding:16px;border-radius:var(--radius-md);background:var(--bg-base);border:1px solid var(--border-neutral);cursor:pointer;text-align:left;transition:border-color var(--dur-fast) var(--ease-out)}.tm-sheetbtn:hover{border-color:var(--gold-600)}.tm-sheeticon{width:40px;height:40px;flex:none;border-radius:50%;background:var(--gold-a12);display:flex;align-items:center;justify-content:center}.tm-sheetbtn-text{display:flex;flex-direction:column;gap:2px}.tm-sheetbtn-text b{color:var(--text-primary);font-size:var(--text-body-sm);font-weight:500}.tm-sheetbtn-text i{color:var(--text-muted);font-size:var(--text-caption-sm);font-style:normal}.ohang-flow{margin-top:14px}.ohang-flow__map{position:relative;height:clamp(270px,76vw,340px);border:1px solid var(--border-neutral);border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 56%),var(--surface-inset);overflow:hidden}.ohang-flow__map:before{content:"상생";position:absolute;left:12px;top:10px;z-index:2;padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--gold-a30);background:#100e0bb8;color:var(--gold-600);font-size:10px;font-weight:700}.ohang-flow__map:after{content:"상극";position:absolute;right:12px;top:10px;z-index:2;padding:3px 8px;border-radius:var(--radius-sm);border:1px solid rgba(201,96,92,.34);background:#100e0bb8;color:var(--element-fire);font-size:10px;font-weight:700}.ohang-flow__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.ohang-flow__arrow{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ohang-flow__arrow--saeng{stroke:var(--gold-600);stroke-width:1.8;stroke-dasharray:6 5;opacity:.74;animation:ohang-dash 10s linear infinite}.ohang-flow__arrow--geuk{stroke:var(--element-fire);stroke-width:1.25;stroke-dasharray:3 5;opacity:.5;animation:ohang-dash 7s linear infinite reverse}.ohang-flow__arrow-head--saeng{fill:var(--gold-600);opacity:.78}.ohang-flow__arrow-head--geuk{fill:var(--element-fire);opacity:.58}.ohang-flow__node{position:absolute;left:var(--ohang-x);top:var(--ohang-y);z-index:3;width:76px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.ohang-flow__orb{position:relative;width:66px;height:66px;overflow:hidden;border-radius:50%;border:1px solid color-mix(in srgb,var(--ohang-color) 74%,white 12%);background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.22),transparent 28%),#0a0c12e0;box-shadow:0 0 0 4px color-mix(in srgb,var(--ohang-color) 18%,transparent),0 10px 24px #00000042}.ohang-flow__orb-fill{position:absolute;left:-8%;right:-8%;bottom:-2%;height:var(--ohang-fill);min-height:2px;background:linear-gradient(180deg,color-mix(in srgb,var(--ohang-color) 58%,white 20%),var(--ohang-color));border-radius:48% 52% 0 0;opacity:.86;transition:height var(--dur-base) var(--ease-out)}.ohang-flow__orb-fill:before{content:"";position:absolute;left:-10%;top:-8px;width:120%;height:18px;border-radius:50%;background:#ffffff2e;animation:ohang-wave 4.8s ease-in-out infinite}.ohang-flow__emoji,.ohang-flow__percent{position:absolute;left:50%;transform:translate(-50%);text-shadow:0 1px 8px rgba(0,0,0,.45)}.ohang-flow__emoji{top:12px;font-size:20px;line-height:1}.ohang-flow__percent{bottom:12px;color:var(--text-primary);font-size:12px;font-weight:800;letter-spacing:0}.ohang-flow__label{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;min-height:22px;padding:3px 7px;border-radius:var(--radius-sm);background:#0a0a0eb3;border:1px solid color-mix(in srgb,var(--ohang-color) 40%,transparent);color:var(--text-primary);line-height:1}.ohang-flow__label span{font-size:12px;font-weight:800;color:var(--ohang-color)}.ohang-flow__label small{margin-left:2px;color:var(--text-muted);font-size:10px;font-weight:600}.ohang-flow__label b{color:var(--text-secondary);font-size:11px}.ohang-flow__legend{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:8px}.ohang-flow__legend span{min-width:0;padding:8px 5px;border:1px solid color-mix(in srgb,var(--ohang-color) 38%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ohang-color) 11%,transparent);color:var(--text-secondary);font-size:10px;font-weight:700;text-align:center}.ohang-flow__legend b,.ohang-flow__legend i{display:block;margin-top:3px;color:var(--ohang-color);font-style:normal;font-size:12px}.ohang-flow__legend i{color:var(--text-muted);font-size:10px;font-weight:500}.tm-astrolabe{position:relative;width:min(var(--astro-size),72vw,30dvh);aspect-ratio:1;display:grid;place-items:center;pointer-events:none}.tm-astrolabe__aura{position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;background:radial-gradient(circle at 50% 50%,rgba(243,210,122,.28),transparent 28%),radial-gradient(circle at 34% 32%,rgba(94,156,118,.18),transparent 24%),radial-gradient(circle at 68% 72%,rgba(91,125,177,.16),transparent 25%);filter:blur(18px);opacity:.72;animation:tm-astro-breathe 5.8s ease-in-out infinite}.tm-astrolabe__seal{position:relative;width:100%;height:100%;display:grid;place-items:center;isolation:isolate}.tm-astrolabe__seal:before{content:"";position:absolute;top:9%;right:9%;bottom:9%;left:9%;z-index:-1;border-radius:50%;background:conic-gradient(from 18deg,#d4af3714,#5e9c761a,#c9605c14,#5b7db11a,#d4af3714),radial-gradient(circle,rgba(11,11,13,.52),rgba(11,11,13,.88) 64%,transparent 66%);box-shadow:inset 0 0 28px #d4af372e,0 0 32px #d4af3733}.tm-astrolabe__seal:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;z-index:-1;border-radius:50%;border:1px solid rgba(212,175,55,.36);box-shadow:inset 0 0 22px #00000080}.tm-astrolabe__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.tm-astrolabe__stars{fill:#f5f5f5c2;filter:drop-shadow(0 0 5px rgba(243,210,122,.66));animation:tm-astro-twinkle 3.6s ease-in-out infinite}.tm-astrolabe__ring,.tm-astrolabe__arrows,.tm-astrolabe__needle{transform-origin:120px 120px}.tm-astrolabe__ring{fill:none;stroke:#d4af3761;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.tm-astrolabe__ring--slow{stroke-dasharray:2 8;animation:tm-spin 64s linear infinite}.tm-astrolabe__ring--reverse{stroke:#f5f5f53b;stroke-dasharray:28 10 4 10;animation:tm-spin 42s linear infinite reverse}.tm-astrolabe__arrow{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 7;vector-effect:non-scaling-stroke;animation:tm-astro-dash 2.8s linear infinite}.tm-astrolabe__arrow--gold{stroke:#f3d27aeb;stroke-width:2.2;marker-end:url(#tm-arrow-gold);filter:drop-shadow(0 0 7px rgba(212,175,55,.62))}.tm-astrolabe__arrow--red{stroke:#c9605cc7;stroke-width:1.7;marker-end:url(#tm-arrow-red);filter:drop-shadow(0 0 7px rgba(201,96,92,.46));animation-direction:reverse}#tm-arrow-gold path{fill:#f3d27af0}#tm-arrow-red path{fill:#c9605cd1}.tm-astrolabe__needle{fill:#d4af3729;stroke:#d4af376b;stroke-width:1;animation:tm-astro-needle 12s ease-in-out infinite}.tm-astrolabe__center{position:relative;z-index:3;width:66px;height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(243,210,122,.78);background:radial-gradient(circle at 50% 38%,rgba(243,210,122,.24),transparent 34%),#0b0b0dd1;box-shadow:0 0 0 6px #d4af3714,0 0 30px #d4af376b;animation:tm-astro-float 4.4s ease-in-out infinite}.tm-astrolabe__center span{color:var(--gold-500);font-family:var(--font-serif);font-size:30px;line-height:1;letter-spacing:0;text-shadow:0 0 12px rgba(243,210,122,.7)}.tm-astrolabe__center small{margin-top:4px;color:#f5f5f5ad;font-family:var(--font-serif);font-size:10px;line-height:1;letter-spacing:0}.tm-astrolabe__glyph,.tm-astrolabe__floater{position:absolute;z-index:2;transform:translate(-50%,-50%);font-family:var(--font-serif);letter-spacing:0;-webkit-user-select:none;user-select:none}.tm-astrolabe__glyph{color:#f5f5f5c2;font-size:18px;line-height:1;text-shadow:0 0 12px rgba(212,175,55,.5);animation:tm-astro-glyph 7.6s ease-in-out infinite}.tm-astrolabe__floater{min-width:26px;height:36px;display:grid;place-items:center;color:#f5f5f5db;font-size:17px;line-height:1;border:1px solid currentColor;background:linear-gradient(180deg,#f5f5f51c,#0000002e),#0b0b0da3;box-shadow:0 0 16px currentColor;opacity:.8;animation:tm-astro-float 5.2s ease-in-out infinite}.tm-astrolabe__floater--jade{color:#5e9c76d1}.tm-astrolabe__floater--ember{color:#c9605cd1}.tm-astrolabe__floater--earth{color:#c9a24bdb}.tm-astrolabe__floater--metal{color:#c4c7ccd1}.tm-astrolabe__floater--water{color:#5b7db1db}.tm-duo{display:flex;align-items:center;justify-content:center;gap:clamp(6px,3vw,18px);width:100%;margin:0 0 34px}.tm-duo__cell{display:flex;flex-direction:column;align-items:center;gap:12px}.tm-duo__plus{align-self:center;margin-bottom:28px;color:var(--gold-600);font-family:var(--font-serif);font-size:20px;opacity:.6;flex:0 0 auto}.tm-duo__cap{display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1}.tm-duo__cap span{color:var(--gold-600);font-family:var(--font-serif);font-size:14px;letter-spacing:var(--tracking-wide)}.tm-duo__cap small{color:var(--text-muted);font-size:11px;letter-spacing:var(--tracking-wide)}.tm-duo__cell--hero .tm-duo__cap span{text-shadow:0 0 12px rgba(243,210,122,.55)}.tm-visage{position:relative;width:min(var(--visage-size),46vw,32dvh);aspect-ratio:1;display:grid;place-items:center;pointer-events:none}.tm-visage__aura{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 50% 42%,rgba(243,210,122,.3),transparent 30%),radial-gradient(circle at 50% 70%,rgba(201,96,92,.16),transparent 32%);filter:blur(18px);opacity:.74;animation:tm-astro-breathe 6.2s ease-in-out infinite}.tm-visage__seal{position:relative;width:100%;height:100%;display:grid;place-items:center;isolation:isolate;overflow:hidden;border-radius:50%}.tm-visage__seal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:50%;background:conic-gradient(from 200deg,#d4af371a,#c9605c14,#d4af371f,#c9605c14,#d4af371a),radial-gradient(circle,rgba(11,11,13,.55),rgba(11,11,13,.9) 66%,transparent 68%);box-shadow:inset 0 0 30px #d4af3733,0 0 36px #d4af373d}.tm-visage__seal:after{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;z-index:-1;border-radius:50%;border:1px solid rgba(212,175,55,.4);box-shadow:inset 0 0 24px #00000080}.tm-visage__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.tm-visage__face{fill:none;stroke:#f3d27ad1;stroke-width:1.6;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px rgba(212,175,55,.45))}.tm-visage__feature{fill:none;stroke:#f5f5f5b8;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.tm-visage__tiers line{stroke:#d4af3757;stroke-width:1;stroke-dasharray:2 5;vector-effect:non-scaling-stroke}.tm-visage__brow{fill:none;stroke:#eee6d0d9;stroke-width:2.6;stroke-linecap:round;vector-effect:non-scaling-stroke}.tm-visage__pupil{fill:#f5f5f5d9}.tm-visage__beard{fill:#e8e3d41a;stroke:#f3e4be8c;stroke-width:1.3;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(212,175,55,.25))}.tm-visage__whisker{fill:none;stroke:#eee7d399;stroke-width:1.3;stroke-linecap:round;vector-effect:non-scaling-stroke}.tm-visage__hat{fill:#0d0c10d9;stroke:#f3d27ad9;stroke-width:1.7;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px rgba(212,175,55,.45))}.tm-visage__hat-line{fill:none;stroke:#d4af3780;stroke-width:1;stroke-linecap:round;vector-effect:non-scaling-stroke}.tm-visage__scan{position:absolute;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,rgba(243,210,122,.85),transparent);box-shadow:0 0 10px #f3d27a99;animation:tm-scan 4.4s ease-in-out infinite}.tm-visage__tier-label{position:absolute;right:4%;transform:translateY(-50%);color:#d4af37a8;font-family:var(--font-serif);font-size:9px;letter-spacing:0;-webkit-user-select:none;user-select:none}.tm-visage__point{position:absolute;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background:#f3d27af2;box-shadow:0 0 8px #f3d27acc;animation:tm-pulse 2.4s ease-in-out infinite}.tm-visage__glyph{position:absolute;z-index:2;transform:translate(-50%,-50%);color:#f5f5f5b8;font-family:var(--font-serif);font-size:15px;line-height:1;letter-spacing:0;text-shadow:0 0 12px rgba(212,175,55,.5);-webkit-user-select:none;user-select:none;animation:tm-astro-glyph 7.6s ease-in-out infinite}@keyframes tm-spin{to{transform:rotate(360deg)}}@keyframes tm-scan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@keyframes tm-fade{0%{opacity:0}to{opacity:1}}@keyframes tm-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes tm-city-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ohang-dash{to{stroke-dashoffset:-44}}@keyframes ohang-wave{0%,to{transform:translate(-6%)}50%{transform:translate(6%)}}@keyframes tm-astro-breathe{0%,to{transform:scale(.94);opacity:.52}50%{transform:scale(1.06);opacity:.86}}@keyframes tm-astro-dash{to{stroke-dashoffset:-64}}@keyframes tm-astro-twinkle{0%,to{opacity:.56}50%{opacity:1}}@keyframes tm-astro-needle{0%,to{transform:rotate(-8deg) scale(1)}50%{transform:rotate(16deg) scale(1.03)}}@keyframes tm-astro-float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}@keyframes tm-astro-glyph{0%,to{transform:translate(-50%,-50%) scale(.92);opacity:.48}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.95}}@media (prefers-reduced-motion: reduce){.tm-screen{animation:none}.ohang-flow__arrow,.ohang-flow__orb-fill:before,.tm-astrolabe__aura,.tm-astrolabe__stars,.tm-astrolabe__ring--slow,.tm-astrolabe__ring--reverse,.tm-astrolabe__arrow,.tm-astrolabe__needle,.tm-astrolabe__center,.tm-astrolabe__glyph,.tm-astrolabe__floater,.tm-visage__aura,.tm-visage__scan,.tm-visage__point,.tm-visage__glyph{animation:none}}