:root{--color-wood:#22c55e;--color-fire:#ef4444;--color-earth:#eab308;--color-metal:#9ca3af;--color-water:#3b82f6;--color-bg:#eef6ff;--card-bg:#fff;--card-border:rgba(15,23,42,.06);--heading:#0f172a;--muted:#64748b;--banner-mock:#f59e0b;--banner-engine:#10b981;--focus-ring:#2563EB;--glyph-color-yang:#0f172a;--glyph-color-yin:#ffffff;--radius-lg:12px;--pillar-size:64px;--pillar-border:4px;--pillar-stem-font:28px;--pillar-branch-font:20px;--card-padding:12px;--tl-box-size:52px;--tl-stem-border:3px;--tl-branch-border:1px}@media (min-width:1024px){:root{--pillar-size:80px;--pillar-border:5px;--pillar-stem-font:32px;--pillar-branch-font:24px}.pillar-stem{width:80px;height:80px;font-size:18px}.pillar-branch{width:80px;height:80px;font-size:16px}}.hanja{font-family:"Noto Serif TC","Noto Serif KR",serif;font-weight:700;font-size:var(--pillar-stem-font)}.saju-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--card-padding)}.pillar-box,.pillar-branch{width:var(--pillar-size);height:var(--pillar-size);display:flex;align-items:center;justify-content:center;border-radius:8px}.pillar-box{border:var(--pillar-border) solid #0b0b0b}.badge{display:inline-block;padding:.125rem .375rem;font-size:.75rem;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#334155;white-space:nowrap}.mode-banner{position:sticky;top:0;z-index:40;text-align:center;padding:.375rem 0;font-weight:700}.mode-banner.mock{background:var(--banner-mock);color:#111}.mode-banner.engine{background:var(--banner-engine);color:#fff}.pillars-table-container{overflow-x:auto}.pillars-table{display:flex;gap:16px;min-width:600px}.pillar-col{display:grid;grid-template-rows:auto auto auto repeat(3,auto);justify-items:center;align-items:center;gap:6px;flex:1}.pillar-label{font-size:12px;color:var(--muted);text-align:center;margin-bottom:4px;font-weight:600}.pillar-stem-group{display:flex;flex-direction:column;align-items:center;gap:4px}.pillar-stem{color:white;padding:4px;border-radius:8px;border:4px solid #0b0b0b;width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;line-height:1.1;text-align:center;word-break:keep-all;overflow:hidden;font-family:"Noto Serif TC","Noto Serif KR",serif}.stem-main{font-size:var(--pillar-stem-font);line-height:1}.stem-hanja{font-size:14px;line-height:1;opacity:.8;margin-top:2px}.ten-god-stem{font-size:12px;color:#475569;text-align:center;font-weight:600}.pillar-branch-group{display:flex;flex-direction:column;align-items:center;gap:4px}.pillar-branch{background:#fff6db;border:1px solid #e2e8f0;border-radius:8px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;line-height:1.1;text-align:center;word-break:keep-all;overflow:hidden;font-family:"Noto Serif TC","Noto Serif KR",serif;color:#0f172a}.branch-main{font-size:var(--pillar-branch-font);line-height:1}.branch-hanja{font-size:12px;line-height:1;opacity:.7;margin-top:2px}.ten-god-branch{font-weight:600}.pillar-col .cell,.ten-god-branch{font-size:12px;color:#475569;text-align:center}.pillar-col .sinsal{font-size:11px}.pillar-box,.pillar-branch{box-sizing:border-box}.hanja{line-height:1;transform:translateY(-1px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.snap-x{scroll-snap-type:x mandatory}.snap-center{scroll-snap-align:center}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}