:root{--font-family-primary: "Noto Serif JP", serif;--font-family-monospace: "Monaco", "Consolas", "Courier New", monospace;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--font-2xl: 2rem;--font-3xl: 2.5rem;--bg-deep-space: linear-gradient(160deg, #0b0b1c 0%, #16213e 55%, #1a1a2e 100%);--color-space-darkest: #0b0b1c;--color-space-dark: #16213e;--color-space-base: #1a1a2e;--nebula-purple: #7928ca;--nebula-blue: #00bfff;--nebula-pink: #ff0080;--gradient-gold: linear-gradient(90deg, #fff3c4 0%, #ffd700 45%, #ff8c42 100%);--gradient-brand: linear-gradient(to right, #7928ca, #ff0080);--element-wood-primary: #4caf50;--element-wood-secondary: #2e7d32;--element-wood-accent: #81c784;--element-wood-background: rgba(76, 175, 80, .08);--element-wood-border: rgba(76, 175, 80, .3);--element-wood-glow: rgba(76, 175, 80, .6);--element-fire-primary: #ff5722;--element-fire-secondary: #d32f2f;--element-fire-accent: #ff8a65;--element-fire-background: rgba(255, 87, 34, .08);--element-fire-border: rgba(255, 87, 34, .3);--element-fire-glow: rgba(255, 87, 34, .6);--element-earth-primary: #ff9800;--element-earth-secondary: #f57c00;--element-earth-accent: #ffb74d;--element-earth-background: rgba(255, 152, 0, .08);--element-earth-border: rgba(255, 152, 0, .3);--element-earth-glow: rgba(255, 152, 0, .6);--element-metal-primary: #e0e0e0;--element-metal-secondary: #9e9e9e;--element-metal-accent: #f5f5f5;--element-metal-background: rgba(224, 224, 224, .08);--element-metal-border: rgba(224, 224, 224, .3);--element-metal-glow: rgba(224, 224, 224, .6);--element-water-primary: #2196f3;--element-water-secondary: #1565c0;--element-water-accent: #64b5f6;--element-water-background: rgba(33, 150, 243, .08);--element-water-border: rgba(33, 150, 243, .3);--element-water-glow: rgba(33, 150, 243, .6);--pillar-day-primary: #ffd700;--pillar-day-secondary: #ffa500;--pillar-day-accent: #fff8dc;--pillar-day-background: rgba(255, 215, 0, .15);--pillar-day-border: rgba(255, 215, 0, .5);--pillar-day-glow: rgba(255, 215, 0, .6);--pillar-month-primary: #ff69b4;--pillar-month-secondary: #ff1493;--pillar-month-accent: #ffb6c1;--pillar-month-background: rgba(255, 105, 180, .15);--pillar-month-border: rgba(255, 105, 180, .5);--pillar-month-glow: rgba(255, 105, 180, .7);--pillar-year-primary: #da70d6;--pillar-year-secondary: #ba55d3;--pillar-year-accent: #dda0dd;--pillar-year-background: rgba(218, 112, 214, .15);--pillar-year-border: rgba(218, 112, 214, .5);--pillar-year-glow: rgba(218, 112, 214, .7);--polarity-yang-modifier: 1;--polarity-yin-modifier: .85;--polarity-yang-border-style: solid;--polarity-yin-border-style: dashed;--abnormal-normal-primary: #ff6b35;--abnormal-normal-secondary: #ffa552;--abnormal-normal-glow: rgba(255, 107, 53, .3);--abnormal-coded-primary: #ff8c42;--abnormal-coded-secondary: #ffb074;--abnormal-coded-glow: rgba(255, 140, 66, .3);--void-primary: #dc143c;--void-secondary: #8b0000;--void-background: rgba(220, 20, 60, .1);--void-border: rgba(220, 20, 60, .3);--orientation-future: #ffd700;--orientation-past: #7986cb;--orientation-present: #ffffff;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-tertiary: #b0b0b0;--text-on-light: #000000;--surface-primary: rgba(255, 255, 255, .05);--surface-secondary: rgba(255, 255, 255, .08);--surface-elevated: rgba(255, 255, 255, .12);--surface-mystic: rgba(25, 25, 112, .35);--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .2);--border-tertiary: rgba(255, 255, 255, .05);--border-mystic: rgba(138, 43, 226, .4);--color-hover-overlay: rgba(255, 255, 255, .1);--color-hover-glow: rgba(255, 215, 0, .3);--color-active-overlay: rgba(255, 255, 255, .15);--color-focus-outline: #ffd700;--color-focus-outline-width: 3px;--color-selected-border: #ffd700;--color-selected-glow: rgba(255, 215, 0, .5);--color-selected-background: rgba(255, 215, 0, .1);--color-disabled-opacity: .4;--color-disabled-text: #888888;--color-zero-primary: #888888;--color-zero-background: rgba(136, 136, 136, .15);--info-primary: #2196f3;--info-surface: rgba(33, 150, 243, .15);--warning-primary: #ff9800;--warning-surface: rgba(255, 152, 0, .15);--success-primary: #4caf50;--success-surface: rgba(76, 175, 80, .15);--error-primary: #f44336;--error-surface: rgba(244, 67, 54, .15);--accent-primary: #ffd700;--accent-primary-dark: #daa520;--accent-secondary: #9c27b0;--accent-secondary-dark: #7b1fa2;--bg-gradient-primary: linear-gradient(135deg, rgba(0, 0, 0, .96), rgba(0, 0, 50, .92));--bg-gradient-secondary: linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03));--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px;--shadow-text: 0 2px 4px rgba(0, 0, 0, .8);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--z-header: 100;--z-chapter-nav: 200;--z-sheet: 900;--z-overlay-3d: 1000;--z-modal: 1100;--content-max-width: 1200px;--article-max-width: 760px}.element-wood{color:var(--element-wood-primary)}.element-fire{color:var(--element-fire-primary)}.element-earth{color:var(--element-earth-primary)}.element-metal{color:var(--element-metal-primary)}.element-water{color:var(--element-water-primary)}.text-gold{background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;color:transparent}.accessible-focus:focus-visible{outline:var(--color-focus-outline-width) solid var(--color-focus-outline);outline-offset:2px}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--color-space-base);background-image:var(--bg-deep-space);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);line-height:1.7;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;height:auto}a{color:var(--accent-primary)}button{font-family:inherit}body[data-view=result] .lp-only{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}