.lunar-tracker{--lunar-line:rgba(153,204,235,.19);font-size:1rem}.lunar-intro{margin-bottom:12px}.lunar-tag{color:var(--cyan);font-size:0.875rem;border:1px solid var(--line);border-radius:20px;padding:5px 12px}.lunar-quick{display:flex;align-items:end;gap:12px;padding:14px;margin-bottom:14px}.lunar-quick label{flex:1;min-width:0}.lunar-tracker label{display:grid;gap:6px;font-size:0.875rem;color:#b9cddd}.lunar-tracker input:not([type=range]):not([type=checkbox]),.lunar-tracker select{width:100%;min-width:0;background:#081725;color:#edf7ff;border:1px solid var(--lunar-line);border-radius:10px;padding:10px;font-size:1rem;min-height:44px;color-scheme:dark}.lunar-tracker input[type=number],.lunar-tracker input[type=date],.lunar-tracker input[type=time]{direction:ltr}.lunar-tracker input[type=range]{accent-color:#55d8f2;min-width:0;width:100%;direction:ltr;min-height:36px}.lunar-tracker button{cursor:pointer;min-height:44px;font-size:0.875rem}.lunar-tracker :focus-visible{outline:2px solid #f6c85f;outline-offset:3px}.lunar-workspace{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(240px,.8fr);gap:14px}.lunar-scene-panel{overflow:hidden;min-width:0}.lunar-scene-toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:12px}.lunar-toggle{display:flex;gap:4px;border-radius:12px;background:#071522;padding:3px}.lunar-toggle button{border:0;background:transparent;border-radius:9px;padding:8px 10px;color:#b9cddd}.lunar-toggle [aria-pressed=true]{background:#194459;color:#dffaff}.lunar-stage{height:360px;position:relative;overflow:hidden;background:linear-gradient(#071322,#122c46)}#lunarCanvas{width:100%;height:100%;display:block;touch-action:pan-y}#lunarLabels{position:absolute;inset:0;pointer-events:none}.lunar-label{position:absolute;transform:translate(-50%,-50%);font-size:0.875rem;background:rgba(4,15,26,.87);color:#dcf4ff;border:1px solid rgba(137,193,218,.2);padding:2px 7px;border-radius:6px;white-space:nowrap}.lunar-label.sun{color:#ffd87a}.lunar-label.moon{color:#8fe7ff}.lunar-scale-note{position:absolute;left:10px;bottom:10px;font-size:0.75rem;background:#071725d9;color:#b9cddd;border-radius:7px;padding:4px 7px;pointer-events:none}.lunar-time{display:flex;gap:10px;align-items:center;padding:12px 14px 2px}.lunar-time input[type=time]{width:110px}.lunar-time input[type=range]{flex:1}.lunar-time button{padding:6px 13px}.lunar-scene-caption{padding:9px 14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:#b9cddd;font-size:0.8125rem}.lunar-scene-caption label{display:flex;align-items:center;font-size:0.8125rem;gap:6px}.lunar-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:0.75rem;color:#b9cddd;padding:0 14px 12px}.lunar-legend span{display:flex;align-items:center;gap:6px}.lunar-legend i{width:16px;height:2px;display:inline-block}.lunar-moon-key{background:#55d8f2}.lunar-below-key{border-top:2px dashed #819ab1}.lunar-sun-key{background:#f6c85f}.lunar-summary{padding:18px}.lunar-tracker h3{font-size:1.125rem;margin:5px 0 10px}.lunar-summary>p{font-size:0.875rem;color:#b9cddd;margin:8px 0 15px}.lunar-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lunar-metrics button{display:grid;text-align:right;background:#0a1a2b;border:1px solid var(--lunar-line);border-radius:12px;padding:12px;gap:4px}.lunar-metrics span{font-size:0.8125rem;color:#b9cddd}.lunar-metrics b{font-size:1.375rem;color:#8fe7ff;direction:ltr;text-align:right}.lunar-metrics [aria-pressed=true]{border-color:#f6c85f}.lunar-values{margin:10px 0}.lunar-values>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--lunar-line);font-size:0.875rem}.lunar-values dt{color:#b9cddd}.lunar-values dd{margin:0;text-align:left;font-variant-numeric:tabular-nums}.lunar-tracker details.panel{padding:14px 18px;margin-top:14px}.lunar-tracker summary{cursor:pointer;min-height:30px;font-size:1rem;font-weight:600}.lunar-tracker summary span{font-size:0.8125rem;color:#b9cddd;margin-inline-start:10px;font-weight:400}.lunar-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}.lunar-settings-grid>p{grid-column:1/-1;margin:0}.lunar-obstruction{grid-column:span 2}.lunar-small{font-size:0.8125rem!important;color:#a9c1d3!important;line-height:1.8}.lunar-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.lunar-evening,.lunar-day{padding:18px;min-width:0}.lunar-evening p{font-size:0.875rem;line-height:1.8}.lunar-verdict{font-weight:700;color:#f6d485;padding:12px;border-right:3px solid #f6c85f;background:#f6c85f09}.lunar-evening button:disabled{opacity:.45;cursor:default}.lunar-day svg{width:100%;display:block;direction:ltr}.lunar-day details{margin-top:20px}.lunar-science{font-size:0.875rem;color:#b9cddd}.lunar-science a{display:block;margin:9px 0}.lunar-tracker a{color:#8fe7ff}.lunar-world>p,.lunar-records>p{font-size:0.875rem;color:#b9cddd}.lunar-world svg{width:100%;display:block;max-height:400px;cursor:crosshair;background:#081725;border:1px solid var(--lunar-line);border-radius:12px;direction:ltr}.lunar-world>button{margin-top:12px}.lunar-map-grid{stroke:#24465b;stroke-width:.45;fill:none}.lunar-compare-scroll{overflow:auto;margin-top:16px}.lunar-tracker table{border-collapse:collapse;width:100%;font-size:0.875rem;white-space:nowrap}.lunar-tracker th,.lunar-tracker td{padding:9px;border-bottom:1px solid var(--lunar-line);text-align:right}.lunar-tracker th{color:#a9c1d3}.lunar-error{color:#ffbcae;border:1px solid #e98e7860;padding:12px;border-radius:12px}.lunar-tracker [hidden]{display:none!important}#lunarFallback{padding:40px;text-align:center;color:#b9cddd}.lunar-tracker bdi{unicode-bidi:isolate}
@media(max-width:1100px){.lunar-workspace{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr)}.lunar-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.lunar-workspace,.lunar-detail-grid{grid-template-columns:1fr}.lunar-stage{height:300px}.lunar-quick{padding:10px;gap:8px;flex-wrap:wrap}.lunar-quick label:first-child{flex-basis:46%}.lunar-quick label:nth-child(2){flex-basis:40%}.lunar-quick>button{min-height:34px;padding:4px 12px}.lunar-scene-toolbar{padding:8px;flex-wrap:wrap}.lunar-toggle button{font-size:0.875rem;padding:7px 9px}.lunar-summary{padding:14px}.lunar-summary .lunar-values{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.lunar-summary .lunar-values>div{display:block}.lunar-summary dd{text-align:right;margin-top:4px}.lunar-summary .lunar-values>div:last-child{grid-column:1/-1}.lunar-tracker details.panel{padding:12px}.lunar-settings-grid{gap:12px}.lunar-intro h2{font-size:1.4375rem}.lunar-time{padding:10px;gap:7px}.lunar-tracker summary span{display:block;margin:4px 18px 0}.lunar-legend{gap:10px}}
@media(prefers-reduced-motion:reduce){.lunar-tracker *{scroll-behavior:auto}}

.moon-page-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}.moon-side-tabs{position:sticky;top:70px;padding:10px;display:grid;gap:8px}.moon-side-tabs button{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;text-align:right;border:1px solid transparent;border-radius:14px;background:rgba(255,255,255,.018);color:#b9cddd;padding:10px;cursor:pointer}.moon-side-tabs button:hover,.moon-side-tabs button.active{border-color:rgba(85,216,242,.46);background:linear-gradient(135deg,rgba(85,216,242,.14),rgba(85,216,242,.035));color:#edf7ff}.moon-side-tabs button>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(85,216,242,.1);color:#8fe7ff;font-weight:800}.moon-side-tabs b,.moon-side-tabs small{display:block;min-width:0}.moon-side-tabs b{font-size:.875rem}.moon-side-tabs small{color:#91a9bd;font-size:.6875rem}.moon-side-content{min-width:0}.moon-info-pane{animation:pageIn .25s ease}.moon-info-pane[hidden]{display:none!important}.moon-hero-card,.moon-general-card{padding:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.36fr);gap:18px;align-items:center;overflow:hidden}.moon-hero-card h3,.moon-general-card h3,.moon-mansion-head h3{margin:3px 0 8px;font-size:1.375rem}.moon-hero-card p,.moon-general-card p,.moon-mansion-head p,.moon-method-note p,.moon-history-timeline p{margin:0;color:#b9cddd;font-size:.875rem;line-height:1.8}.moon-current-reading{padding:16px;border:1px solid rgba(85,216,242,.25);border-radius:17px;background:radial-gradient(circle at 20% 20%,rgba(85,216,242,.16),transparent 58%),rgba(5,18,31,.76);text-align:right}.moon-current-reading span,.moon-current-reading small,.moon-current-reading em{display:block;color:#91a9bd;font-size:.75rem;font-style:normal}.moon-current-reading b{display:block;margin:5px 0;color:#8fe7ff;font-size:1.625rem;line-height:1.15}.moon-current-reading em{margin-top:7px;color:#f6d485}.moon-mansion-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;margin:16px 0 12px}.moon-mansion-head>span{color:#f6d485;border:1px solid rgba(246,200,95,.28);border-radius:999px;padding:6px 11px;font-size:.75rem;white-space:nowrap}.moon-mansions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.moon-mansion-card{min-height:158px;padding:15px;position:relative;overflow:hidden}.moon-mansion-card:after{content:"";position:absolute;left:-36px;bottom:-48px;width:116px;height:116px;border:1px solid rgba(85,216,242,.14);border-radius:50%}.moon-mansion-card.active{border-color:rgba(246,200,95,.58);background:linear-gradient(145deg,rgba(246,200,95,.13),rgba(10,25,41,.97))}.moon-mansion-card>span{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:rgba(85,216,242,.1);color:#8fe7ff;font-weight:800;font-size:.75rem}.moon-mansion-card.active>span{background:rgba(246,200,95,.18);color:#f6d485}.moon-mansion-card h3{margin:10px 0 4px;font-size:1rem}.moon-mansion-card p{margin:0;color:#b9cddd;font-size:.75rem;line-height:1.65}.moon-mansion-card small{display:block;margin-top:10px;color:#91a9bd;font-size:.6875rem}.moon-method-note{display:flex;gap:10px;margin-top:14px;padding:14px;border-color:rgba(246,200,95,.22);background:rgba(246,200,95,.055)}.moon-method-note>span{color:#f6c85f}.moon-history-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.moon-history-timeline article{padding:18px;min-height:190px}.moon-history-timeline time{display:inline-flex;margin-bottom:10px;color:#f6d485;border:1px solid rgba(246,200,95,.24);border-radius:999px;padding:5px 9px;font-size:.75rem}.moon-history-timeline h3{margin:0 0 7px;font-size:1.0625rem}.moon-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.moon-fact-grid span{padding:12px;border:1px solid rgba(153,204,235,.19);border-radius:13px;background:rgba(255,255,255,.018)}.moon-fact-grid small,.moon-fact-grid b{display:block}.moon-fact-grid small{color:#91a9bd;font-size:.6875rem}.moon-fact-grid b{margin-top:3px;color:#8fe7ff;font-size:.875rem}body.light .moon-side-tabs button,body.light .moon-fact-grid span{background:#fff}body.light .moon-hero-card p,body.light .moon-general-card p,body.light .moon-mansion-head p,body.light .moon-method-note p,body.light .moon-history-timeline p,body.light .moon-mansion-card p{color:#4f6577}
.moon-phases-section{margin-top:16px;padding:22px;overflow:hidden;background:radial-gradient(circle at 85% -15%,rgba(85,216,242,.12),transparent 38%),linear-gradient(145deg,rgba(11,31,49,.98),rgba(6,18,31,.98))}.moon-phases-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.moon-phases-head h3{margin:3px 0 8px;font-size:1.375rem}.moon-phases-head p{max-width:720px;margin:0;color:#b9cddd;font-size:.875rem;line-height:1.8}.moon-synodic-badge{flex:0 0 auto;min-width:154px;padding:12px 15px;border:1px solid rgba(246,200,95,.28);border-radius:15px;background:rgba(246,200,95,.065);text-align:center}.moon-synodic-badge small,.moon-synodic-badge span{display:block;color:#b9cddd;font-size:.75rem}.moon-synodic-badge b{display:block;margin:3px 0;color:#f6d485;font-size:1.25rem}.moon-light-direction{display:flex;align-items:center;gap:10px;margin:18px 0 12px;color:#f6d485;font-size:.75rem}.moon-light-direction i{position:relative;display:block;flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(246,212,133,.7))}.moon-light-direction i:before{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;border-top:1px solid #f6d485;border-right:1px solid #f6d485;transform:translateY(-50%) rotate(45deg)}.moon-phase-sun{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f6c85f;color:#4c3400;box-shadow:0 0 24px rgba(246,200,95,.35);font-size:1.25rem}.moon-phases-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.moon-phase-card{min-width:0;padding:16px 14px;border:1px solid rgba(153,204,235,.16);border-radius:16px;background:rgba(255,255,255,.025);text-align:center}.moon-phase-visual{position:relative;display:grid;place-items:center;min-height:92px}.moon-phase-visual>i{position:absolute;top:0;right:0;display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:rgba(85,216,242,.1);color:#8fe7ff;font-size:.75rem;font-style:normal;font-weight:800}.moon-phase-disc{position:relative;display:block;width:76px;height:76px;overflow:hidden;border:1px solid rgba(211,232,244,.42);border-radius:50%;background:#06101d;box-shadow:inset 0 0 12px rgba(0,0,0,.75),0 0 18px rgba(117,199,235,.09)}.moon-phase-disc:after{content:"";position:absolute;inset:0;border-radius:50%}.phase-waxing-crescent:after,.phase-waning-crescent:after{background:radial-gradient(circle at 45% 42%,#fff 0,#e4eef4 48%,#aebfca 100%)}.phase-waxing-crescent:after{transform:translateX(45%)}.phase-waning-crescent:after{transform:translateX(-45%)}.phase-first-quarter{background:linear-gradient(90deg,#06101d 0 50%,#e5eff5 50% 100%)}.phase-last-quarter{background:linear-gradient(90deg,#e5eff5 0 50%,#06101d 50% 100%)}.phase-waxing-gibbous,.phase-waning-gibbous,.phase-full{background:radial-gradient(circle at 40% 36%,#fff 0,#e4eef4 55%,#aebfca 100%)}.phase-waxing-gibbous:after,.phase-waning-gibbous:after{background:#06101d}.phase-waxing-gibbous:after{transform:translateX(-68%)}.phase-waning-gibbous:after{transform:translateX(68%)}.phase-full{box-shadow:inset 0 0 12px rgba(117,145,160,.35),0 0 25px rgba(225,242,252,.22)}.moon-phase-card h4{margin:9px 0 5px;color:#edf7ff;font-size:1rem}.moon-phase-card p{margin:0;color:#a9c1d3;font-size:.8125rem;line-height:1.65}.moon-phases-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.moon-phases-notes p{margin:0;padding:12px;border-right:3px solid rgba(85,216,242,.55);border-radius:10px;background:rgba(85,216,242,.045);color:#b9cddd;font-size:.8125rem;line-height:1.7}.moon-phases-notes b{color:#8fe7ff}body.light .moon-phases-section{background:linear-gradient(145deg,#f7fbfd,#edf5f8)}body.light .moon-phase-card{background:#fff}body.light .moon-phases-head p,body.light .moon-phase-card p,body.light .moon-phases-notes p{color:#4f6577}
@media(max-width:1160px){.moon-page-layout{grid-template-columns:1fr}.moon-side-tabs{position:static;display:flex;overflow-x:auto}.moon-side-tabs button{min-width:220px}.moon-mansions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.moon-history-timeline,.moon-phases-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.moon-phases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.moon-hero-card,.moon-general-card{grid-template-columns:minmax(0,1fr);padding:16px}.moon-side-tabs{gap:6px;padding:8px}.moon-side-tabs button{min-width:190px;grid-template-columns:30px minmax(0,1fr);padding:9px}.moon-side-tabs button>span{width:30px;height:30px}.moon-mansion-head{display:grid;align-items:start}.moon-mansions-grid,.moon-history-timeline{grid-template-columns:minmax(0,1fr)}.moon-mansion-card{min-height:138px}.moon-fact-grid{grid-template-columns:minmax(0,1fr)}.moon-phases-section{padding:16px}.moon-phases-head{align-items:stretch;display:grid}.moon-synodic-badge{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:6px;text-align:right}.moon-synodic-badge b{font-size:1.0625rem}.moon-phases-grid{gap:8px}.moon-phase-card{padding:13px 9px}.moon-phase-disc{width:66px;height:66px}.moon-phase-visual{min-height:80px}.moon-phase-card p{font-size:.75rem}.moon-phases-notes{grid-template-columns:minmax(0,1fr)}}