.snackable-theory-player{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:70vh;border-radius:16px;overflow:hidden;background:var(--color-surface, #111);color:var(--color-text-on-surface, #fff);-webkit-user-select:none;user-select:none;touch-action:pan-y}.snackable-theory-progress{display:flex;gap:4px;padding:12px 16px 0}.snackable-theory-progress__segment{flex:1;height:3px;background:#ffffff2e;border-radius:2px;overflow:hidden}.snackable-theory-progress__segment--seen{background:#ffffffd9}.snackable-theory-progress__segment--current{background:linear-gradient(to right,rgba(255,255,255,.95) var(--snackable-progress, 0%),rgba(255,255,255,.18) 0%)}.snackable-theory-media{flex:6;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#1a1a1a,#303030)}.snackable-theory-media--text-only{background:linear-gradient(135deg,#2a1a4a,#1a3a4a)}.snackable-theory-media__placeholder{font-size:.9rem;text-align:center;opacity:.75;max-width:32ch;line-height:1.4}.snackable-theory-text{flex:4;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:12px}.snackable-theory-text__hook{font-size:1.5rem;font-weight:700;margin:0;line-height:1.25}.snackable-theory-text__body{font-size:1rem;line-height:1.5;margin:0;opacity:.92}.snackable-theory-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#00000040}.snackable-theory-controls__hint{font-size:.8rem;opacity:.7}.snackable-theory-controls__buttons{display:flex;gap:8px}.snackable-theory-control-button{background:transparent;color:inherit;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:4px 12px;font-size:.85rem;cursor:pointer}.snackable-theory-control-button:hover{background:#ffffff1a}.snackable-theory-completion{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.snackable-theory-completion__title{font-size:1.5rem;font-weight:700;margin:0}.snackable-theory-completion__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.snackable-theory-reactions{display:flex;gap:8px;padding:8px 16px;background:#00000059;justify-content:center}.snackable-theory-reaction-button{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:999px;width:38px;height:38px;font-size:1.2rem;cursor:pointer;color:inherit;transition:transform .1s ease}.snackable-theory-reaction-button:hover{transform:scale(1.1);background:#ffffff2e}.snackable-theory-reaction-button--save{color:#ff6b9c;border-color:#ff6b9c66}.snackable-theory-completion__streak{background:#ffdc002e;color:#ffd54f;padding:4px 12px;border-radius:999px;font-size:.85rem;margin:0}.snackable-theory-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.snackable-theory-confetti__piece{position:absolute;top:-10%;width:8px;height:14px;background:hsl(var(--snackable-confetti-hue, 200),70%,60%);animation:snackable-confetti-fall 1.5s ease-in forwards;opacity:.85}.snackable-theory-confetti__piece:nth-child(3n){background:#ffd54f}.snackable-theory-confetti__piece:nth-child(3n+1){background:#ff6b9c}.snackable-theory-confetti__piece:nth-child(3n+2){background:#6cf}@keyframes snackable-confetti-fall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(110vh) rotate(540deg);opacity:0}}@media(prefers-reduced-motion:reduce){.snackable-theory-progress__segment--current{background:#ffffffd9}.snackable-theory-confetti__piece{animation:none;display:none}}