.lunar-page{padding:24px 0 64px;max-width:1100px;margin:0 auto}.lunar-header{margin-bottom:32px}.lunar-header .crumbs{font-size:13px;color:var(--color-fg-subtle);display:flex;gap:8px;align-items:center}.lunar-header .crumbs a{color:var(--color-fg-subtle);text-decoration:none}.lunar-header .crumbs a:hover{color:var(--color-accent)}.lunar-header h1{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:16px 0 8px}.lunar-header .sub{color:var(--color-fg-muted);font-size:16px}.hero{display:grid;grid-template-columns:1fr 1.4fr;gap:28px;background:linear-gradient(135deg,#1a3d54,#0f2540);color:#f4f6fa;border-radius:20px;padding:28px;margin-bottom:32px;box-shadow:0 12px 40px #0f254040}@media(max-width:800px){.hero{grid-template-columns:1fr}}.hero-left{display:flex;gap:24px;align-items:center}@media(max-width:800px){.hero-left{flex-direction:column;align-items:flex-start;gap:16px}}.moon-visual{position:relative;width:132px;height:132px;flex-shrink:0}.moon-disc{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffae8,#e9dfb8,#c5b285 80%,#8a7144);box-shadow:0 0 60px #ffe69640,inset -8px -8px 20px #0000004d;position:relative;overflow:hidden}.moon-shadow{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,37,64,.94) 0%,rgba(15,37,64,.94) 50%,transparent 50%,transparent 100%);transform:rotateY(calc(var(--waxing) * 180deg));opacity:calc(1 - var(--illum) / 100)}.moon-emoji{position:absolute;bottom:-4px;right:-4px;font-size:32px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.hero-meta{flex:1}.date-big{font-size:22px;font-weight:700;text-transform:capitalize;margin-bottom:4px}.lunar-day{font-size:13px;color:#f4f6fab3;margin-bottom:16px}.phase-row,.zodiac-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;margin-bottom:8px}.phase-name{font-weight:600;font-size:15px}.phase-direction{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.phase-direction.wax{background:#a8cc9c40;color:#c6e4b8}.phase-direction.wan{background:#a89ccc40;color:#d2c2e8}.zodiac-symbol{font-size:26px}.zodiac-name{font-weight:600}.zodiac-type{font-size:12px;padding:2px 8px;border-radius:999px;font-weight:500}.zodiac-type.type-top-productive{background:#7cdc9133;color:#98e8b1}.zodiac-type.type-productive{background:#b4dc9133;color:#c8e8b1}.zodiac-type.type-neutral{background:#dcc88233;color:#e8d8a0}.zodiac-type.type-barren{background:#dc828233;color:#e8a0a0}.hero-right{display:flex;flex-direction:column;gap:14px}.rest-notice{background:#ffc86426;border-left:3px solid #ffc864;padding:10px 14px;border-radius:8px;font-size:14px}.rec-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:500px){.rec-cols{grid-template-columns:1fr}}.rec-col{background:#ffffff0f;border-radius:12px;padding:14px 16px;backdrop-filter:blur(8px)}.rec-head{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.rec-col.good .rec-head{color:#a8e0b8}.rec-col.bad .rec-head{color:#e8b0a0}.rec-col ul{margin:0;padding-left:18px;line-height:1.55;font-size:13.5px}.rec-col li{margin-bottom:2px}.notes p{font-size:13px;color:#f4f6fabf;margin:0 0 4px;line-height:1.5}.week-strip{margin-bottom:32px}.week-strip h2{font-size:16px;font-weight:600;color:var(--color-fg-muted);margin:0 0 12px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}@media(max-width:600px){.week-grid{grid-template-columns:repeat(4,1fr)}}.week-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:12px;text-decoration:none;transition:.15s;border:2px solid transparent}.week-cell.is-today{border-color:var(--color-accent);box-shadow:0 0 0 4px #22c55e26}.week-dow{font-size:11px;text-transform:uppercase;color:var(--color-fg-subtle);font-weight:600}.week-num{font-size:24px;font-weight:800;color:var(--color-fg);line-height:1}.week-phase,.week-zod{font-size:18px}.kind-top{background:linear-gradient(135deg,#d1f4dd,#b7ecc7)}.kind-good{background:linear-gradient(135deg,#e3f3da,#d0e8be)}.kind-mid{background:linear-gradient(135deg,#faf3d8,#f3e9c1)}.kind-low{background:linear-gradient(135deg,#f3dedc,#ebc8c4)}.kind-rest{background:linear-gradient(135deg,#d8dbe8,#c1c5d8)}.filter-bar{margin:0 0 24px;padding:14px 16px;background:#fff;border-radius:14px;border:1px solid var(--color-border);display:flex;gap:16px;align-items:center;flex-wrap:wrap}.filter-label{font-size:13px;color:var(--color-fg-muted);font-weight:600}.filter-pills{display:flex;gap:6px;flex-wrap:wrap}.filter-pills button{padding:6px 12px;font-size:13px;font-weight:600;background:#f7f6f1;border:1px solid var(--color-border);border-radius:999px;cursor:pointer;transition:.15s;color:var(--color-fg)}.filter-pills button:hover{background:var(--color-accent-light);border-color:var(--color-accent)}.filter-pills button.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.month-tabs{display:flex;gap:4px;overflow-x:auto;margin:0 0 20px;padding:4px;background:#f7f6f1;border-radius:12px;scrollbar-width:thin}.month-tab{flex:1;min-width:60px;padding:10px 8px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:600;color:var(--color-fg-muted);cursor:pointer;transition:.15s}.month-tab:hover{background:#2d5a2714;color:var(--color-fg)}.month-tab.active{background:var(--color-accent);color:#fff;box-shadow:0 2px 8px #2d5a2733}.m-full{display:none}@media(min-width:700px){.m-short{display:none}.m-full{display:inline}}.month-grid{display:none}.month-grid.active{display:block}.month-grid h2{font-size:24px;font-weight:700;margin:0 0 16px}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px}.weekdays div{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--color-fg-subtle);text-align:center;padding:6px 0;letter-spacing:.04em}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.day{aspect-ratio:1;border:2px solid transparent;border-radius:10px;cursor:pointer;padding:6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:.15s;font-family:inherit}.day:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.day.is-today{border-color:var(--color-accent);box-shadow:0 0 0 3px #22c55e26}.day.blank{background:transparent;pointer-events:none}.day.match{box-shadow:0 0 0 3px #22c55e66;transform:scale(1.04)}.day.no-match{opacity:.3}.d-num{font-size:18px;font-weight:800;color:var(--color-fg);line-height:1}.d-phase{font-size:14px}.d-zod{font-size:13px;color:#0009}.day-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.day-modal[hidden]{display:none}.modal-overlay{position:absolute;inset:0;background:#0f254099;backdrop-filter:blur(4px)}.modal-panel{position:relative;background:#fff;border-radius:16px;padding:28px 28px 24px;max-width:520px;width:100%;max-height:86vh;overflow-y:auto;box-shadow:0 24px 60px #0000004d}.modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;background:transparent;border:none;font-size:20px;cursor:pointer;color:var(--color-fg-subtle);border-radius:8px}.modal-close:hover{background:var(--color-bg-alt);color:var(--color-fg)}.explain{margin-top:48px;padding:28px;background:var(--color-bg-alt);border-radius:16px}.explain h2{font-size:24px;font-weight:700;margin:0 0 20px}.explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media(max-width:700px){.explain-grid{grid-template-columns:1fr}}.explain h3{font-size:16px;font-weight:700;margin:0 0 12px}.explain ul{margin:0;padding-left:18px;line-height:1.7}.explain li{margin-bottom:6px;font-size:14.5px}.explain .type-top{color:#15803d}.explain .type-good{color:#2d5a27}.explain .type-mid{color:#b45309}.explain .type-low{color:#9f1239}.explain .disclaimer{margin:20px 0 0;font-size:13px;color:var(--color-fg-muted);line-height:1.6}.explain code{background:#fff;padding:1px 6px;border-radius:4px;font-size:12.5px}