@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400&family=Noto+Serif+KR:wght@500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://cdn.jsdelivr.net/npm/lxgw-wenkai-lite-webfont@1.7.0/lxgwwenkailite-regular.css');
@import url('./chat-ui.css');

:root {
  --home-paper: #fbfaf7;
  --home-ink: #171815;
  --home-pine: #173f35;
  --home-gold: #a86c19;
  --home-card: rgba(255, 255, 255, 0.76);
  --home-card-line: rgba(94, 77, 54, 0.12);
  --home-card-shadow: 0 5px 18px rgba(61, 50, 35, 0.055);
  --home-clock-core-width: 224px;
  --cheonundang-hanja-font: "LXGW WenKai Lite", "LXGW WenKai", "KaiTi", "STKaiti", serif;
}

.manse-glyph,
.manse-hidden-cell > strong,
.manse-current-luck-table td > strong,
.manse-major-luck-cell.is-pillar {
  font-family: var(--cheonundang-hanja-font) !important;
  font-weight: 400 !important;
  font-synthesis: none;
}

.manse-major-luck-current-badge { font-family: Pretendard, "Noto Sans KR", sans-serif !important; }
body,.app-shell { background: var(--home-paper); }
[data-view="home"] { padding:0!important; background:radial-gradient(circle at 86% 15%,rgba(208,184,126,.11) 0 25px,transparent 26px),linear-gradient(180deg,rgba(255,255,255,.77),rgba(251,250,247,.97)); }
[data-view="home"] .banner-carousel,[data-view="home"] .carousel-dots { display:none!important; }
.topbar { height:72px;padding:0 22px;border-bottom:0;background:rgba(251,250,247,.97);backdrop-filter:blur(10px); }
.topbar .auth-chip { display:none!important; }
.brand-wordmark { gap:10px; }
.brand-mark { width:32px;height:32px;display:inline-grid;place-items:center;border:2px solid #a62020;border-radius:50%;color:#a62020;background:transparent;box-shadow:none;font-family:var(--cheonundang-hanja-font)!important;font-size:19px;font-weight:400;line-height:1; }
.brand-text { color:var(--home-ink);font-family:"Gowun Batang","Noto Serif KR",serif!important;font-size:26px;font-weight:600;font-synthesis:weight;letter-spacing:-.025em;line-height:1; }
.topbar .icon-button.menu { width:38px;height:38px; }
.home-luck-clock { position:relative;margin:8px 16px 18px;padding:16px 0 20px;overflow:hidden;border:1px solid var(--home-card-line);border-radius:16px;background:var(--home-card);box-shadow:var(--home-card-shadow); }
.home-clock-art { position:absolute;z-index:0;display:block;pointer-events:none;user-select:none; }
.home-clock-art--approved { inset:0;width:100%;height:100%;opacity:.78;object-fit:cover;object-position:center; }
.home-luck-clock-title,.home-luck-clock-meta,.home-luck-pillars,.home-luck-term,.home-luck-clock-state,.home-luck-clock-loading { position:relative;z-index:2; }
.home-luck-clock-title { text-align:center; }
.home-luck-clock-title h2 { margin:0;color:var(--home-ink);font-family:"Gowun Batang","Noto Serif KR",serif!important;font-size:20px;font-weight:400;line-height:1.25;letter-spacing:-.02em; }
.home-luck-clock-meta { margin-top:9px;display:flex;align-items:center;justify-content:center;gap:8px;color:#34352f;font-family:Pretendard,"Noto Sans KR",sans-serif!important;font-size:12px;font-weight:400;line-height:1.4;white-space:nowrap; }
.home-luck-clock-meta .pin { color:var(--home-gold);font-size:14px; }
.home-luck-pillars { width:min(100%,var(--home-clock-core-width));margin:18px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)); }
.home-luck-pillar { position:relative;min-width:0;padding:0 3px 2px;text-align:center; }
.home-luck-pillar + .home-luck-pillar { border-left:1px solid rgba(168,108,25,.25); }
.home-luck-pillar-label { display:block;margin-bottom:9px;color:#30312d;font-family:Pretendard,"Noto Sans KR",sans-serif!important;font-size:10px;font-weight:500;line-height:1.2; }
.home-luck-pillar-glyphs { display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#10110f;font-family:var(--cheonundang-hanja-font)!important;line-height:1; }
.home-luck-pillar-glyphs b { font-size:22px;font-weight:400; }
.home-luck-term { width:min(100%,var(--home-clock-core-width));margin:16px auto 0;text-align:center;color:#272924;font-family:Pretendard,"Noto Sans KR",sans-serif!important; }
.home-luck-term-main { width:100%;display:flex;align-items:center;justify-content:center;gap:3px;font-size:9px;font-weight:600;line-height:1.25;letter-spacing:-.035em;white-space:nowrap; }
.home-luck-term-dot { width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#b38a3e; }
.home-luck-term-sep { color:#a79881;font-weight:400; }
.home-luck-term-arrow { color:var(--home-gold);font-size:13px;font-weight:400;line-height:1; }
.home-luck-term-times { width:100%;margin:7px auto 0;position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:18px;color:#74726c;font-size:8.6px;font-weight:400;line-height:1.25; }
.home-luck-term-times::before { content:"";position:absolute;left:50%;top:50%;width:1px;height:9px;background:rgba(167,152,129,.7);transform:translate(-50%,-50%); }
.home-luck-term-times span:first-child { text-align:right;white-space:nowrap; }
.home-luck-term-times span:last-child { text-align:left;white-space:nowrap; }
.home-luck-clock-state { margin:18px auto 0;max-width:322px;padding:13px 16px;border:1px solid var(--home-card-line);border-radius:14px;background:rgba(255,255,255,.54);color:#66635b;font-family:Pretendard,"Noto Sans KR",sans-serif;font-size:12px;text-align:center; }
.home-luck-clock-loading { width:min(100%,322px);margin:18px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px; }
.home-luck-clock-loading i { height:74px;border-radius:6px;background:linear-gradient(90deg,rgba(238,234,224,.65),rgba(249,247,241,.85),rgba(238,234,224,.65));background-size:220% 100%;animation:homeTraditionalPulse 1.25s ease-in-out infinite; }
@keyframes homeTraditionalPulse { from{background-position:100% 0} to{background-position:-100% 0} }
[data-view="home"] .product-grid { margin:0 16px 28px;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:transparent!important; }
[data-view="home"] .home-product-card--compatibility { grid-column:1 / -1; }
[data-view="home"] .product-card { min-width:0;min-height:142px;overflow:hidden;position:relative;isolation:isolate;display:block;border:1px solid var(--home-card-line);border-radius:16px;background:var(--home-card)!important;box-shadow:var(--home-card-shadow); }
[data-view="home"] .product-card::before,[data-view="home"] .product-card::after { display:none!important;content:none!important; }
[data-view="home"] .home-card-art { position:absolute;z-index:2;display:block!important;height:auto;object-fit:contain;object-position:right bottom;pointer-events:none;user-select:none; }
[data-view="home"] .home-card-art--my-saju { right:-3px;bottom:0;width:92%;max-height:142px;opacity:.98; }
[data-view="home"] .home-card-art--analysis { right:2px;bottom:1px;width:70%;max-height:144px;opacity:1; }
[data-view="home"] .home-card-art--chat { right:-8px;bottom:6px;width:95%;max-height:152px;opacity:.94; }
[data-view="home"] .home-card-art--my-saju-book { right:-5px;bottom:0;width:94%;max-height:142px;opacity:.98; }
[data-view="home"] .home-card-art--compatibility { right:0;bottom:0;width:72%;max-height:142px;opacity:.98; }
[data-view="home"] .product-image { display:none!important; }
[data-view="home"] .product-copy { position:relative;z-index:3;height:100%;min-height:142px;padding:16px 12px 11px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:transparent!important;box-shadow:none!important; }
[data-view="home"] .product-copy::before,[data-view="home"] .product-copy::after { display:none!important;content:none!important; }
[data-view="home"] .product-copy h2 { position:relative;z-index:4;max-width:70%;margin:0;color:var(--home-pine);font-family:"Gowun Batang","Noto Serif KR",serif!important;font-size:18px;font-weight:600;font-synthesis:weight;line-height:1.2;letter-spacing:-.025em;white-space:nowrap; }
[data-view="home"] .product-copy p { position:relative;z-index:4;max-width:65%;margin:11px 0 0;overflow:visible;color:#42453f;font-family:Pretendard,"Noto Sans KR",sans-serif!important;font-size:10.8px;font-weight:400;line-height:1.4;text-overflow:clip;white-space:nowrap; }
[data-view="home"] .product-copy footer { position:relative;z-index:4;width:100%;margin-top:auto;display:flex;align-items:center;justify-content:flex-start; }
[data-view="home"] .product-copy footer > strong { display:none!important; }
[data-view="home"] .product-copy footer button { min-height:34px;padding:0;border:0;background:transparent;color:var(--home-gold);font-family:Pretendard,"Noto Sans KR",sans-serif!important;font-size:12.5px;font-weight:600;box-shadow:none; }
[data-view="home"] .product-copy footer button::after { content:"  →";font-size:15px;font-weight:400; }
@media (max-width:390px) {
 .topbar{padding-inline:18px}.brand-mark{width:30px;height:30px;font-size:18px}.brand-text{font-size:24px}.home-luck-clock{margin-inline:14px;padding-bottom:19px}.home-luck-clock-title h2{font-size:19px}.home-luck-clock-meta{font-size:11px}[data-view="home"] .product-grid{margin-inline:14px;gap:8px}[data-view="home"] .product-card,[data-view="home"] .product-copy{min-height:138px}[data-view="home"] .product-copy{padding:14px 10px 10px}[data-view="home"] .product-copy h2{font-size:17px;max-width:72%}[data-view="home"] .product-copy p{max-width:67%;font-size:10.2px}[data-view="home"] .home-card-art--my-saju,[data-view="home"] .home-card-art--my-saju-book,[data-view="home"] .home-card-art--compatibility{max-height:138px}[data-view="home"] .home-card-art--analysis{right:1px;bottom:0;width:71%;max-height:140px}[data-view="home"] .home-card-art--chat{width:96%;max-height:142px}
}
@media (prefers-reduced-motion:reduce){.home-luck-clock-loading i{animation:none}}
