.practice-panel{background:#f3edf9;border:1px solid #e4d9ef;border-radius:24px;padding:20px;display:flex;gap:16px;align-items:flex-start;margin-bottom:22px}.practice-content{min-width:0;flex:1}.practice-content h3{margin:0 0 12px}.practice-content p{line-height:1.7}.practice-pod{width:78px;flex:none;padding:0;border:0;background:transparent;border-radius:20px;touch-action:pan-y}.practice-pod .fudzi-puppet{animation:practice-settle 5s ease-in-out infinite}.practice-pod .fudzi-eye{animation:none;transform:translateY(-2px)}.practice-pod.curious .fudzi-puppet{transform:rotate(-7deg);animation:none}.practice-pod.curious .fudzi-eye{transform:translate(3px,-4px)}.practice-pod.meditating .fudzi-eye{transform:scaleY(.15)}.practice-pod.meditating .fudzi-puppet{animation:practice-breathe 7s ease-in-out infinite}.practice-pod.floating .fudzi-puppet{animation:practice-float 4s ease-in-out infinite}.practice-choices{display:flex;flex-wrap:wrap;gap:10px}.practice-choices button,.quadrant-toggle{min-height:48px;background:#fff;color:#493260;border:1px solid #d9c9e9;border-radius:16px;padding:12px 16px;font:inherit;cursor:pointer}.practice-choices button[aria-pressed=true]{background:#7555a3;color:#fff}.practice-panel label{display:block;margin:12px 0}.practice-panel input,.practice-panel textarea,.matrix-note select{width:100%;box-sizing:border-box;font:inherit;padding:12px;border:1px solid #d9c9e9;border-radius:12px;background:#fff;color:#35264b}.practice-live{margin-top:16px}.practice-breath{width:70px;height:70px;border-radius:50%;background:#cbb6e4;margin:24px auto;animation:practice-breathe 7s ease-in-out infinite}.practice-breath.still{animation:none}.ground-rings{text-align:center;font-size:60px;color:#7555a3}.responsive-wave{height:90px;overflow:hidden;background:#e7dcf3;border-radius:22px;position:relative;margin-bottom:16px}.responsive-wave span{position:absolute;width:150%;height:110px;background:#bba4d6;border-radius:45%;left:-25%;top:48px;animation:practice-wave 5s ease-in-out infinite;transition:top .7s,background .7s}.responsive-wave[data-wave=up] span{top:15px;background:#9e80c2}.responsive-wave[data-wave=down] span{top:65px;background:#cbb9de}.moment-sequence{display:grid;gap:10px}.moment-sequence button{text-align:right;border:1px solid #e4d9ef;background:#fff;padding:14px;border-radius:16px;min-height:48px;color:#35264b}.moment-sequence small{display:block;font-weight:700;color:#7555a3}.moment-sequence span{display:block;white-space:pre-wrap;overflow-wrap:anywhere}.moment-sequence [aria-current]{outline:2px solid #7555a3}.quadrant-toggle{width:100%;text-align:right;font-weight:700}.quadrant-details{padding-top:12px}.quadrant-details[hidden]{display:none}.matrix-note{background:#fff9e9;border-radius:12px;padding:12px;margin:10px 0;overflow-wrap:anywhere}.matrix-note p{white-space:pre-wrap}.matrix-note label{font-size:12px}.matrix-notes{margin-top:10px}.matrix-notes:empty{display:none}.practice-panel button:focus-visible,.quadrant-toggle:focus-visible{outline:3px solid #7555a3;outline-offset:3px}
@keyframes practice-settle{50%{transform:rotate(2deg)}}@keyframes practice-breathe{50%{transform:scale(1.12)}}@keyframes practice-float{50%{transform:translateY(-6px) rotate(3deg)}}@keyframes practice-wave{50%{transform:translateX(12%) rotate(4deg)}}
@media(max-width:600px){.practice-panel{padding:16px;gap:10px}.practice-pod{width:52px}.practice-choices{flex-direction:column}.practice-choices button{width:100%}.act-quadrants{grid-template-columns:1fr!important}.act-observer{position:static!important;grid-column:1!important}.practice-content h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.practice-panel *{animation:none!important;transition:none!important}}
html[data-motion=reduced] .practice-panel *,html[data-motion=off] .practice-panel *{animation:none!important;transition:none!important}.view:not(.active) .practice-panel *{animation-play-state:paused!important}

.practice-panel:focus-within .fudzi-puppet,.practice-panel:focus-within .fudzi-eye{animation:none!important}