.mp-root{--c-matematik: var(--c-astronomi, var(--accent))}@media(min-width:900px){.cp-viewer--cols .mp-root{grid-template-columns:3fr 7fr}}.mp-root{--mp-lit: #f5e8a0;--mp-dark: #2a2d40;--mp-earth: #38bdf8;--mp-sky: #0b1020;--mp-sky-ink: #e8ecf5;--mp-sky-ink-soft: #9aa3b8}.mp-canvas{display:flex;flex-direction:column;gap:.6rem;min-height:0;padding:.5rem;container-type:inline-size}.mp-panels{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;flex:1;min-height:0}@container (max-width: 620px){.mp-panels{grid-template-columns:1fr}}.mp-panel{display:block;width:100%;height:100%;max-height:100%;border-radius:10px;overflow:hidden;touch-action:pan-y}.mp-panel-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.mp-label{font-size:.95rem;font-weight:600;font-family:var(--font-body)}.mp-small{font-size:.78rem;font-family:var(--font-body)}.mp-rays{stroke:#fcd34d;stroke-width:1.5;opacity:.5}.mp-sightline{stroke:var(--mp-earth);stroke-width:1.5;stroke-dasharray:4 4;opacity:.7}.mp-earth-arc{fill:none;stroke:var(--mp-earth);stroke-width:3.5;stroke-linecap:round}.mp-moon-handle{cursor:grab;touch-action:none}.mp-moon-handle:active{cursor:grabbing}.mp-hint-earth{color:var(--mp-earth);font-weight:600}.mp-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.35rem}@container (max-width: 620px){.mp-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}.mp-strip-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem .2rem;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-soft);font:inherit;font-size:.72rem;line-height:1.2;text-align:center;cursor:pointer;transition:background .15s ease,border-color .15s ease}.mp-strip-btn svg{width:26px;height:26px;transition:transform .4s ease}.mp-strip-btn:hover{background:var(--bg-card)}.mp-strip-btn.is-active{border-color:var(--c-astronomi, var(--accent));background:var(--bg-card);color:var(--ink);font-weight:600}.mp-strip-btn:focus-visible{outline:2px solid var(--c-astronomi, var(--accent));outline-offset:1px}.mp-today,.mp-visibility{margin:0;font-size:.9rem;line-height:1.5;color:var(--ink-soft)}.mp-visibility{padding:.6rem .8rem;border-left:3px solid var(--c-astronomi, var(--accent));background:var(--bg);border-radius:0 8px 8px 0;color:var(--ink)}.cp-viewer.is-fullscreen .mp-panels{flex:1 1 0}.mp-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-self:end;justify-content:flex-end}@media(max-width:640px){.mp-actions{align-self:stretch;justify-content:stretch}.mp-actions>*{flex:1}}.mp-action-btn{padding:.5rem .95rem;border-radius:8px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);font:inherit;font-size:.88rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.mp-action-btn:hover{background:var(--bg);border-color:var(--c-astronomi, var(--accent));transform:translateY(-1px)}.mp-action-btn:focus-visible{outline:2px solid var(--c-astronomi, var(--accent));outline-offset:2px}.mp-action-btn.is-active{border-color:var(--c-astronomi, var(--accent));color:var(--c-astronomi, var(--accent))}