.tempo-carousel{border:1px solid var(--line-strong);background:var(--s1);border-radius:24px;max-width:560px;margin-inline:auto;padding:12px}.tempo-carousel-viewport{border-radius:10px;overflow:hidden}.tempo-carousel-track{touch-action:pan-y;cursor:grab;gap:16px;display:flex}.tempo-carousel-track:active{cursor:grabbing}.tempo-carousel-card{border:1px solid var(--line);background:var(--s2);min-height:290px;color:var(--text);border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:space-between;gap:36px;padding:28px;display:flex}.tempo-carousel-card-top{color:var(--text-faint);font-size:var(--fs-13);justify-content:space-between;align-items:center;display:flex}.tempo-carousel-icon{width:48px;height:48px;color:var(--accent);background:var(--accent-soft);border-radius:14px;place-items:center;display:grid}.tempo-carousel-icon svg{width:23px;height:23px}.tempo-carousel-card h3{font-size:var(--fs-24);margin-bottom:12px;font-weight:600;line-height:1.2}.tempo-carousel-card p{font-size:var(--fs-15);color:var(--text-muted);line-height:1.6}.tempo-carousel-controls{justify-content:space-between;align-items:center;gap:4px;margin-top:12px;display:flex}.tempo-carousel-controls>button{width:44px;height:44px;color:var(--text);border:1px solid var(--line-strong);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.tempo-carousel-controls>button:disabled{opacity:.35}.tempo-carousel-dots{flex:1;justify-content:center;min-width:0;display:flex}.tempo-carousel-dots button{place-items:center;width:28px;min-width:20px;height:44px;display:grid}.tempo-carousel-dots span{background:var(--text-faint);opacity:.5;border-radius:8px;width:6px;height:6px;transition:width .15s}.tempo-carousel-dots [aria-current] span{background:var(--accent-fill);opacity:1;width:16px}.tempo-carousel:focus-visible,.tempo-carousel button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tempo-carousel-status{text-align:center;color:var(--text-muted);font-size:var(--fs-12);margin:4px 0 2px}@media (max-width:480px){.tempo-carousel-card{min-height:330px;padding:22px}}@media (prefers-reduced-motion:reduce){.tempo-carousel-dots span{transition:none}}