.kp-root{--c-matematik: var(--c-astronomi, var(--accent))}@media(min-width:900px){.cp-viewer--cols .kp-root{grid-template-columns:4fr 6fr}}.kp-root .interactive-canvas{min-height:380px}.kp-tabs{display:flex;gap:.4rem;background:var(--bg);border-radius:12px;padding:.35rem;align-self:stretch;overflow-x:auto;-webkit-overflow-scrolling:touch}.kp-tab{flex:1;min-width:max-content;padding:.55rem .9rem;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-soft);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}.kp-tab:hover{color:var(--ink)}.kp-tab.is-active{background:var(--bg-card);color:var(--c-astronomi, var(--accent));border-color:var(--line);box-shadow:var(--shadow-sm)}.kp-tab:focus-visible{outline:2px solid var(--c-astronomi, var(--accent));outline-offset:2px}.kp-scene-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--ink);margin:0}.kp-buttons{display:flex;gap:.6rem;flex-wrap:wrap}.kp-action-btn{padding:.55rem 1.1rem;border-radius:999px;border:1px solid transparent;background:var(--c-astronomi, var(--accent));color:#fff;font:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:transform .12s ease}.kp-action-btn:hover{transform:translateY(-1px)}.kp-action-btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}.kp-action-btn--ghost:hover{background:var(--bg-soft)}.kp-action-btn:focus-visible{outline:2px solid var(--c-astronomi, var(--accent));outline-offset:2px}.kp-period-table{display:flex;flex-direction:column;gap:0;background:var(--bg);border-radius:10px;overflow:hidden;font-size:.88rem}.kp-period-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr 1fr;gap:.5rem;padding:.5rem .85rem;border-left:4px solid transparent;font-variant-numeric:tabular-nums}.kp-period-row--head{background:color-mix(in srgb,var(--c-astronomi) 8%,var(--bg-soft));font-weight:600;color:var(--ink-soft);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-left-color:transparent!important}.kp-period-row:not(.kp-period-row--head){border-top:1px solid var(--line)}.kp-period-ratio{color:var(--c-astronomi, var(--accent));font-weight:700}@media(max-width:640px){.kp-period-row{grid-template-columns:1fr 1fr 1fr;font-size:.78rem}.kp-period-row>:nth-child(n+4){display:none}}