:root{--saju-wood-primary:#16a34a;--saju-wood-bg:#22c55e;--saju-wood-border:#15803d;--saju-wood-text:#ffffff;--saju-wood-light:#86efac;--saju-wood-chip:#ecfdf5;--saju-fire-primary:#dc2626;--saju-fire-bg:#ef4444;--saju-fire-border:#b91c1c;--saju-fire-text:#ffffff;--saju-fire-light:#fca5a5;--saju-fire-chip:#fee2e2;--saju-earth-primary:#d97706;--saju-earth-bg:#fbbf24;--saju-earth-border:#b45309;--saju-earth-text:#111827;--saju-earth-light:#fde68a;--saju-earth-chip:#fef3c7;--saju-metal-primary:#6b7280;--saju-metal-bg:#9ca3af;--saju-metal-border:#4b5563;--saju-metal-text:#ffffff;--saju-metal-light:#d1d5db;--saju-metal-chip:#f3f4f6;--saju-water-primary:#2563eb;--saju-water-bg:#3b82f6;--saju-water-border:#1d4ed8;--saju-water-text:#ffffff;--saju-water-light:#93c5fd;--saju-water-chip:#dbeafe;--saju-card-radius:12px;--saju-element-radius:8px;--saju-badge-radius:6px;--saju-spacing-xs:4px;--saju-spacing-sm:8px;--saju-spacing-md:12px;--saju-spacing-lg:16px;--saju-spacing-xl:24px;--saju-font-hanja:"Noto Serif TC","Noto Serif KR",serif;--saju-font-base:"Noto Sans KR",system-ui,sans-serif;--saju-text-xs:12px;--saju-text-sm:14px;--saju-text-md:16px;--saju-text-lg:18px;--saju-text-xl:24px;--saju-text-2xl:32px;--saju-shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--saju-shadow-md:0 4px 6px -1px rgb(0 0 0/0.1);--saju-shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1);--saju-transition:all 0.2s ease-in-out;--saju-transition-fast:all 0.15s ease-in-out;--saju-transition-slow:all 0.3s ease-in-out}.saju-element-wood{background-color:var(--saju-wood-bg);color:var(--saju-wood-text);border:2px solid var(--saju-wood-border)}.saju-element-fire{background-color:var(--saju-fire-bg);color:var(--saju-fire-text);border:2px solid var(--saju-fire-border)}.saju-element-earth{background-color:var(--saju-earth-bg);color:var(--saju-earth-text);border:2px solid var(--saju-earth-border)}.saju-element-metal{background-color:var(--saju-metal-bg);color:var(--saju-metal-text);border:2px solid var(--saju-metal-border)}.saju-element-water{background-color:var(--saju-water-bg);color:var(--saju-water-text);border:2px solid var(--saju-water-border)}.saju-hidden-stem{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--saju-text-xs);font-weight:700;transition:var(--saju-transition-fast)}.saju-hidden-stem:hover{transform:scale(1.1)}.saju-card{background:white;border:1px solid #e5e7eb;border-radius:var(--saju-card-radius);padding:var(--saju-spacing-lg);box-shadow:var(--saju-shadow-sm);transition:var(--saju-transition)}.saju-card:hover{box-shadow:var(--saju-shadow-md)}.saju-pillar-box{border-radius:var(--saju-element-radius);padding:var(--saju-spacing-lg);font-family:var(--saju-font-hanja);font-weight:700;text-align:center;transition:var(--saju-transition)}.saju-pillar-box-large{font-size:var(--saju-text-2xl);padding:var(--saju-spacing-xl)}.saju-pillar-box-medium{font-size:var(--saju-text-xl);padding:var(--saju-spacing-lg)}.saju-pillar-box-small{font-size:var(--saju-text-lg);padding:var(--saju-spacing-md)}.saju-daewoon-card,.saju-sewoon-card,.saju-wolwoon-card{background:white;border:1px solid #e5e7eb;border-radius:var(--saju-element-radius);padding:var(--saju-spacing-md);transition:var(--saju-transition)}.saju-daewoon-card:hover,.saju-sewoon-card:hover,.saju-wolwoon-card:hover{box-shadow:var(--saju-shadow-md);transform:translateY(-2px)}.saju-grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--saju-spacing-md)}@media (min-width:768px){.saju-grid-4{grid-template-columns:repeat(4,1fr)}}.saju-grid-daewoon{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--saju-spacing-lg)}@media (min-width:768px){.saju-grid-daewoon{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.saju-grid-daewoon{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.saju-grid-daewoon{grid-template-columns:repeat(5,1fr)}}.saju-grid-sewoon{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--saju-spacing-md)}@media (min-width:768px){.saju-grid-sewoon{grid-template-columns:repeat(5,1fr)}}@media (min-width:1024px){.saju-grid-sewoon{grid-template-columns:repeat(6,1fr)}}@media (min-width:1280px){.saju-grid-sewoon{grid-template-columns:repeat(10,1fr)}}.saju-grid-wolwoon{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--saju-spacing-sm)}@media (min-width:768px){.saju-grid-wolwoon{grid-template-columns:repeat(6,1fr)}}@media (min-width:1024px){.saju-grid-wolwoon{grid-template-columns:repeat(12,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.saju-fade-in{animation:fadeIn .3s ease-in-out}.saju-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.saju-focus-visible:focus-visible{outline:2px solid var(--saju-water-primary);outline-offset:2px}:root{--card-bg:#ffffff;--card-border:#e6edf3;--card-selected-border:#2b9bf4;--card-current-outline:rgba(43,155,244,0.15);--chip-bg:#f8fafc;--chip-text:#374151;--el-wood:#98D89B;--el-fire:#FFB6B6;--el-earth:#FFE6A7;--el-metal:#9CA3AF;--el-water:#C7E0FF}.fortune-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--saju-card-radius);padding:var(--saju-spacing-md);transition:var(--saju-transition);cursor:pointer;position:relative;min-width:120px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.fortune-card:hover{transform:translateY(-2px);box-shadow:var(--saju-shadow-md)}.fortune-card--selected{border:2px solid var(--card-selected-border);box-shadow:var(--saju-shadow-sm);transform:scale(1.02)}.fortune-card--current{outline:4px solid var(--card-current-outline);outline-offset:4px}.fortune-card-chip{border-radius:var(--saju-element-radius);padding:var(--saju-spacing-sm) var(--saju-spacing-md);font-family:var(--saju-font-hanja);font-size:var(--saju-text-lg);margin:2px 0}.fortune-card-chip.gan{background:var(--chip-bg);color:var(--chip-text);border:1px solid #d1d5db}.fortune-card-condensed{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--saju-shadow-xs);border-radius:var(--saju-card-radius);padding:var(--saju-spacing-xs);transition:var(--saju-transition);cursor:pointer;position:relative;min-width:90px;min-height:100px;display:flex;flex-direction:column;justify-content:space-between}.fortune-card-condensed:hover{transform:translateY(-1px);box-shadow:var(--saju-shadow-sm)}.fortune-card-condensed.fortune-card--selected{border:2px solid var(--card-selected-border);box-shadow:var(--saju-shadow-xs);transform:scale(1.01)}.fortune-card-chip.ji{color:#ffffff;font-weight:700}.fortune-card .fortune-card-chip.ji.wood,.fortune-card-chip.ji.wood,.fortune-section-scroll .fortune-card .fortune-card-chip.ji.wood,.saju-card .fortune-card .fortune-card-chip.ji.wood,html .fortune-section-scroll .fortune-card .fortune-card-chip.ji.wood{background-color:#98D89B!important;color:#ffffff!important;border:1px solid #4ade80!important;font-weight:600!important}.fortune-card .fortune-card-chip.ji.fire,.fortune-card-chip.ji.fire,.fortune-section-scroll .fortune-card .fortune-card-chip.ji.fire,.saju-card .fortune-card .fortune-card-chip.ji.fire,html .fortune-section-scroll .fortune-card .fortune-card-chip.ji.fire{background-color:#FFB6B6!important;color:#ffffff!important;border:1px solid #f87171!important;font-weight:600!important}.fortune-card .fortune-card-chip.ji.earth,.fortune-card-chip.ji.earth,.fortune-section-scroll .fortune-card .fortune-card-chip.ji.earth,.saju-card .fortune-card .fortune-card-chip.ji.earth,html .fortune-section-scroll .fortune-card .fortune-card-chip.ji.earth{background-color:#FFE6A7!important;color:#333333!important;border:1px solid #facc15!important;font-weight:600!important}.fortune-card .fortune-card-chip.ji.metal,.fortune-card-chip.ji.metal,.fortune-section-scroll .fortune-card .fortune-card-chip.ji.metal,.saju-card .fortune-card .fortune-card-chip.ji.metal,html .fortune-section-scroll .fortune-card .fortune-card-chip.ji.metal{background-color:#9CA3AF!important;color:#ffffff!important;border:1px solid #6b7280!important;font-weight:600!important}.fortune-card .fortune-card-chip.ji.water,.fortune-card-chip.ji.water,.fortune-section-scroll .fortune-card .fortune-card-chip.ji.water,.saju-card .fortune-card .fortune-card-chip.ji.water,html .fortune-section-scroll .fortune-card .fortune-card-chip.ji.water{background-color:#C7E0FF!important;color:#333333!important;border:1px solid #3b82f6!important;font-weight:600!important}.fortune-card .fortune-card-chip.gan.wood,.fortune-card-chip.gan.wood,.fortune-section-scroll .fortune-card .fortune-card-chip.gan.wood,.saju-card .fortune-card .fortune-card-chip.gan.wood,html .fortune-section-scroll .fortune-card .fortune-card-chip.gan.wood{background-color:rgba(152,216,155,.7)!important;color:#166534!important;border:1px solid #4ade80!important;font-weight:600!important}.fortune-card .fortune-card-chip.gan.fire,.fortune-card-chip.gan.fire,.fortune-section-scroll .fortune-card .fortune-card-chip.gan.fire,.saju-card .fortune-card .fortune-card-chip.gan.fire,html .fortune-section-scroll .fortune-card .fortune-card-chip.gan.fire{background-color:rgba(255,182,182,.7)!important;color:#dc2626!important;border:1px solid #f87171!important;font-weight:600!important}.fortune-card .fortune-card-chip.gan.earth,.fortune-card-chip.gan.earth,.fortune-section-scroll .fortune-card .fortune-card-chip.gan.earth,.saju-card .fortune-card .fortune-card-chip.gan.earth,html .fortune-section-scroll .fortune-card .fortune-card-chip.gan.earth{background-color:rgba(255,230,167,.7)!important;color:#d97706!important;border:1px solid #facc15!important;font-weight:600!important}.fortune-card .fortune-card-chip.gan.metal,.fortune-card-chip.gan.metal,.fortune-section-scroll .fortune-card .fortune-card-chip.gan.metal,.saju-card .fortune-card .fortune-card-chip.gan.metal,html .fortune-section-scroll .fortune-card .fortune-card-chip.gan.metal{background-color:rgba(156,163,175,.7)!important;color:#374151!important;border:1px solid #6b7280!important;font-weight:600!important}.fortune-card .fortune-card-chip.gan.water,.fortune-card-chip.gan.water,.fortune-section-scroll .fortune-card .fortune-card-chip.gan.water,.saju-card .fortune-card .fortune-card-chip.gan.water,html .fortune-section-scroll .fortune-card .fortune-card-chip.gan.water{background-color:rgba(199,224,255,.7)!important;color:#2563eb!important;border:1px solid #3b82f6!important;font-weight:600!important}.fortune-card-period{text-align:center;font-weight:500}.fortune-card-labels,.fortune-card-period{font-size:var(--saju-text-xs);color:#6b7280;margin-top:var(--saju-spacing-xs)}.fortune-section{margin-bottom:var(--saju-spacing-xl)}.fortune-section-title{font-size:var(--saju-text-lg);font-weight:600;margin-bottom:var(--saju-spacing-md);color:#111827}.fortune-section-grid{display:grid;gap:var(--saju-spacing-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}@media (min-width:768px){.fortune-section-grid.daewoon{grid-template-columns:repeat(3,1fr)}.fortune-section-grid.sewoon{grid-template-columns:repeat(5,1fr)}.fortune-section-grid.wolwoon{grid-template-columns:repeat(6,1fr)}}@media (min-width:1024px){.fortune-section-grid.daewoon{grid-template-columns:repeat(4,1fr)}.fortune-section-grid.sewoon{grid-template-columns:repeat(6,1fr)}.fortune-section-grid.wolwoon{grid-template-columns:repeat(12,1fr)}}@media (min-width:1280px){.fortune-section-grid.daewoon{grid-template-columns:repeat(5,1fr)}.fortune-section-grid.sewoon{grid-template-columns:repeat(8,1fr)}}.fortune-section-scroll{display:flex;flex-direction:row-reverse;gap:var(--saju-spacing-md);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:var(--saju-spacing-sm) var(--saju-spacing-lg);margin:0 calc(-1 * var(--saju-spacing-lg));direction:rtl;scrollbar-width:thin;scrollbar-color:#D1D5DB #F9FAFB}.fortune-section-scroll::-webkit-scrollbar{height:6px}.fortune-section-scroll::-webkit-scrollbar-track{background:#F9FAFB;border-radius:3px}.fortune-section-scroll::-webkit-scrollbar-thumb{background:#D1D5DB;border-radius:3px;border:none}.fortune-section-scroll::-webkit-scrollbar-thumb:hover{background:#9CA3AF}.fortune-section-scroll::-webkit-scrollbar-thumb:active{background:#6B7280}.fortune-section-scroll .fortune-card{flex:0 0 auto;scroll-snap-align:center;min-width:120px;direction:ltr}@media (min-width:640px){.fortune-section-scroll .fortune-card{min-width:140px}}@media (min-width:768px){.fortune-section-scroll .fortune-card{min-width:160px}}.fortune-section-scroll.daewoon{padding-bottom:var(--saju-spacing-lg)}.fortune-section-scroll.daewoon .fortune-card{min-height:160px}.fortune-section-scroll.sewoon{padding-bottom:var(--saju-spacing-lg)}.fortune-section-scroll.sewoon .fortune-card{min-height:140px;min-width:110px}.fortune-section-scroll-indicator{position:relative;margin-top:var(--saju-spacing-xs)}.fortune-section-scroll-indicator:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:40px;height:4px;background:linear-gradient(90deg,transparent,#d1d5db,transparent);border-radius:2px}.fortune-section-scroll{cursor:grab}.fortune-section-scroll:active{cursor:grabbing}.fortune-section-scroll:focus-within{outline:2px solid var(--saju-water-primary);outline-offset:2px;border-radius:var(--saju-card-radius)}.fortune-card:focus-visible{outline:2px solid var(--saju-water-primary);outline-offset:2px;z-index:1;position:relative}.saju-text-center{text-align:center}.saju-font-bold{font-weight:700}.saju-font-hanja{font-family:var(--saju-font-hanja)}.saju-mb-1{margin-bottom:var(--saju-spacing-xs)}.saju-mb-2{margin-bottom:var(--saju-spacing-sm)}.saju-mb-3{margin-bottom:var(--saju-spacing-md)}.saju-mb-4{margin-bottom:var(--saju-spacing-lg)}.saju-mt-1{margin-top:var(--saju-spacing-xs)}.saju-mt-2{margin-top:var(--saju-spacing-sm)}.saju-mt-3{margin-top:var(--saju-spacing-md)}.saju-mt-4{margin-top:var(--saju-spacing-lg)}.saju-gap-1{gap:var(--saju-spacing-xs)}.saju-gap-2{gap:var(--saju-spacing-sm)}.saju-gap-3{gap:var(--saju-spacing-md)}.saju-gap-4{gap:var(--saju-spacing-lg)}.wolwoon-section{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fortune-card-header{padding:8px 12px;background:linear-gradient(90deg,#F3F4F6,#F9FAFB);border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0}.fortune-card-chip{padding:8px 12px;font-weight:600;font-size:16px;transition:all .2s ease;min-height:40px}.fortune-card-chip,.fortune-card-labels{text-align:center;display:flex;align-items:center;justify-content:center}.fortune-card-labels{font-size:11px;color:#6B7280;background:#F9FAFB;min-height:28px}.fortune-card-labels,.fortune-card-season{padding:6px 8px;border-top:1px solid #e5e7eb}.fortune-card-season{text-align:center;font-size:10px;color:#9CA3AF;background:#F3F4F6;border-radius:0 0 8px 8px;min-height:24px;display:flex;align-items:center;justify-content:center}.fortune-card--current{border:2px solid #ef4444!important;box-shadow:0 0 10px rgba(239,68,68,.3);position:relative}.fortune-card--current:before{content:"";position:absolute;inset:-3px;border:2px solid #ef4444;border-radius:inherit;animation:pulse 2s infinite;pointer-events:none;z-index:-1}.fortune-card--selected{border:2px solid #8b5cf6!important;box-shadow:0 0 0 3px rgba(139,92,246,.2);transform:scale(1.05);z-index:10}.wolwoon-detail{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fortune-section-scroll.wolwoon{padding:12px 8px;min-height:200px}.fortune-section-scroll.wolwoon .fortune-card{min-height:180px;min-width:100px;max-width:120px}.fortune-section-scroll.wolwoon .fortune-card:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 20px rgba(0,0,0,.15)}.fortune-section-scroll.wolwoon .fortune-card:active{transform:translateY(-1px) scale(1.01)}@media (max-width:640px){.fortune-section-scroll.wolwoon .fortune-card{min-width:85px;min-height:160px}.fortune-card-chip{font-size:14px;padding:6px 8px}.fortune-card-labels{font-size:10px;padding:4px 6px}.fortune-card-season{font-size:9px;padding:4px 6px}}@media (min-width:768px){.fortune-section-scroll.wolwoon .fortune-card{min-width:110px;min-height:190px}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}