.live-reel{display:flex;flex-direction:column;padding:18px 18px 14px}.reel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--border);min-height:22px}.reel-header-left{display:inline-flex;align-items:center;gap:8px;min-width:0}.reel-header-sep{color:var(--ink-3);margin:0 2px}.reel-header-label-wrap{position:relative;display:inline-flex;align-items:center;min-width:0}.reel-header-label{display:inline-block;white-space:nowrap;color:var(--ink-2);font-weight:500}.reel-header-right{flex-shrink:0;letter-spacing:.06em}.reel-stage{position:relative;flex:1;min-height:460px;display:flex;align-items:stretch;justify-content:stretch}.reel-canvas{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;will-change:opacity,filter}.reel-scene{display:flex;flex-direction:column;gap:10px;height:100%;width:100%}.reel-scene.reel-center{justify-content:center}.reel-step{opacity:0;transform:translateY(8px);animation:reelStepIn .6s var(--ease-flow) both;will-change:transform,opacity}.reel-step.s1{animation-delay:.2s}.reel-step.s2{animation-delay:.8s}.reel-step.s3{animation-delay:1.4s}.reel-step.s4{animation-delay:2s}.reel-step.s5{animation-delay:2.6s}.reel-step.s6{animation-delay:3.2s}@keyframes reelStepIn{to{opacity:1;transform:translateY(0)}}.reel-msg{max-width:90%;padding:12px 16px;border-radius:16px;font-size:14.5px;line-height:1.5}.reel-msg.user{align-self:flex-end;background:var(--ink);color:var(--surface);border-bottom-right-radius:4px}.reel-msg.nomi{align-self:flex-start;background:var(--surface-inset);color:var(--ink);border:1px solid var(--border);border-bottom-left-radius:4px}.reel-msg.bill{align-self:stretch;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;font-family:var(--font-mono);font-size:12.5px}.reel-bill-head{display:flex;justify-content:space-between;margin-bottom:8px;font-family:var(--font-sans);font-size:13.5px}.reel-vendor{color:var(--ink);font-weight:600}.reel-meta{color:var(--ink-3)}.reel-bill-row{display:flex;justify-content:space-between;color:var(--ink-2);padding:2px 0}.reel-bill-row.total{color:var(--ink);font-weight:600;padding-top:4px}.reel-bill-divider{height:1px;background:var(--border);border:0;margin:8px 0}.reel-typing{align-self:flex-start;display:inline-flex;gap:4px;padding:12px 16px;background:var(--surface-inset);border:1px solid var(--border);border-radius:14px 14px 14px 4px}.reel-typing span{width:6px;height:6px;border-radius:999px;background:var(--ink-3);animation:reelTyping 1.2s ease-in-out infinite both}.reel-typing span:nth-child(2){animation-delay:.2s}.reel-typing span:nth-child(3){animation-delay:.4s}@keyframes reelTyping{0%,80%,to{opacity:.25}40%{opacity:1}}.reel-chips{display:flex;flex-wrap:wrap;gap:8px}.reel-chip{padding:6px 12px;border-radius:999px;background:var(--surface-inset);border:1px solid var(--border);font-family:var(--font-mono);font-size:12.5px;color:var(--ink-2)}.reel-mini-bill{background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;padding:10px 14px;font-family:var(--font-mono);font-size:12px}.reel-mini-head{display:flex;justify-content:space-between;font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--ink);margin-bottom:6px}.reel-combined{display:flex;justify-content:space-between;padding:12px 16px;border-radius:14px;background:var(--accent-soft);color:var(--ink);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);font-weight:600;font-size:14px}.reel-ocr-photo{position:relative;align-self:center;width:240px;height:180px;border-radius:12px;background:var(--surface-inset);border:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.reel-ocr-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--ink-3);margin-bottom:6px}.reel-ocr-line{height:6px;border-radius:3px;background:var(--border-strong)}.reel-ocr-line.w90{width:90%}.reel-ocr-line.w85{width:85%}.reel-ocr-line.w80{width:80%}.reel-ocr-line.w70{width:70%}.reel-ocr-line.w60{width:60%}.reel-ocr-line.w55{width:55%}.reel-ocr-scan{position:absolute;left:0;right:0;top:0;height:28px;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--accent) 25%,transparent) 50%,transparent 100%);animation:reelOcrScan 2.2s var(--ease-flow) .6s both}@keyframes reelOcrScan{0%{transform:translateY(-30px)}to{transform:translateY(180px)}}.reel-checklist{list-style:none;margin:0;display:flex;flex-direction:column;gap:6px;background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;padding:12px 14px;font-size:13px;color:var(--ink-2)}.reel-check{display:flex;align-items:center;gap:10px;opacity:0;transform:translate(-6px);animation:reelStepIn .5s var(--ease-flow) both}.reel-check.c1{animation-delay:2.4s}.reel-check.c2{animation-delay:2.7s}.reel-check.c3{animation-delay:3s}.reel-check.c4{animation-delay:3.3s}.reel-tick{width:14px;height:14px;border-radius:4px;background:var(--accent);position:relative;flex-shrink:0}.reel-tick:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.reel-voice-card{align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 20px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg)}.reel-mic-pulse{width:56px;height:56px;border-radius:999px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;position:relative}.reel-mic-pulse:before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid var(--accent);animation:reelMicPulse 1.6s var(--ease-flow) infinite}.reel-mic-dot{width:14px;height:14px;border-radius:999px;background:var(--accent)}@keyframes reelMicPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}.reel-voice-meta{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3);letter-spacing:.06em}.reel-wave{display:inline-flex;align-items:center;gap:3px;height:32px}.reel-wave.small{height:22px}.reel-wave-bar{width:3px;border-radius:2px;background:var(--ink-2);animation:reelWave .9s ease-in-out infinite}.reel-wave.accent .reel-wave-bar{background:var(--accent)}.reel-wave-bar.wb0{animation-delay:0ms;height:10px}.reel-wave-bar.wb1{animation-delay:80ms;height:18px}.reel-wave-bar.wb2{animation-delay:.16s;height:24px}.reel-wave-bar.wb3{animation-delay:.24s;height:14px}.reel-wave-bar.wb4{animation-delay:.32s;height:22px}.reel-wave-bar.wb5{animation-delay:.4s;height:16px}.reel-wave-bar.wb6{animation-delay:.48s;height:28px}@keyframes reelWave{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1.4)}}.reel-voice-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px}.reel-voice-row.user{align-self:flex-end;background:var(--ink);color:var(--surface)}.reel-voice-row.user .reel-wave-bar{background:var(--surface)}.reel-voice-row.nomi{align-self:flex-start;background:var(--surface-inset);border:1px solid var(--border);color:var(--ink)}.reel-voice-caption{font-size:13px}.reel-msg.user.reel-typed{animation:reelTypedSlide .5s var(--ease-flow) both}@keyframes reelTypedSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reel-recipe-row{display:flex;gap:14px;align-items:center}.reel-recipe-thumb{position:relative;width:84px;height:124px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 45%,var(--surface-inset)),var(--surface-inset));border:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center}.reel-recipe-play{width:0;height:0;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.reel-recipe-tag{position:absolute;bottom:6px;left:6px;font-family:var(--font-mono);font-size:10px;color:#fff;opacity:.9;background:#00000059;padding:2px 6px;border-radius:4px}.reel-recipe-meta{display:flex;flex-direction:column;gap:4px}.reel-recipe-title{font-size:16px;font-weight:600;color:var(--ink)}.reel-recipe-sub{font-size:13px;color:var(--ink-3)}.reel-day-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.reel-day-card{display:flex;flex-direction:column;gap:3px;padding:10px 8px;background:var(--surface-raised);border:1px solid var(--border);border-radius:10px;opacity:0;transform:rotateY(-30deg);transform-origin:left center;animation:reelDayFlip .52s var(--ease-flow) both;perspective:600px}.reel-day-card.df1{animation-delay:1.8s}.reel-day-card.df2{animation-delay:2.05s}.reel-day-card.df3{animation-delay:2.3s}.reel-day-card.df4{animation-delay:2.55s}.reel-day-card.df5{animation-delay:2.8s}@keyframes reelDayFlip{to{opacity:1;transform:rotateY(0)}}.reel-day-label{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.08em}.reel-day-meal{font-size:12.5px;color:var(--ink);font-weight:500;line-height:1.25}.reel-day-kcal{font-size:10.5px;color:var(--ink-3)}.reel-calendar{align-self:center;display:grid;grid-template-columns:repeat(7,32px);gap:4px;padding:14px;background:var(--surface-raised);border:1px solid var(--border);border-radius:14px}.reel-cal-head{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);text-align:center;letter-spacing:.06em}.reel-cal-cell{height:28px;display:flex;align-items:center;justify-content:center;font-size:11.5px;color:var(--ink-2);border-radius:6px;background:var(--surface-inset)}.reel-cal-cell.empty{background:transparent}.reel-cal-cell.recurring{color:#fff;font-weight:600;background:var(--accent);animation:reelCalGlow 2.4s var(--ease-flow) 1.8s infinite}@keyframes reelCalGlow{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 6px transparent}}.reel-confirm-pill{align-self:center;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);color:var(--ink);font-size:13px;font-weight:500}.reel-pill-dot{width:8px;height:8px;border-radius:999px;background:var(--accent);animation:pulseAccent 1.8s var(--ease) infinite}.reel-timeline{display:flex;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);justify-content:center}.reel-dot{position:relative;width:28px;height:4px;border-radius:3px;background:var(--border-strong);cursor:pointer;border:0;padding:0;overflow:hidden;transition:background .24s var(--ease-flow),width .24s var(--ease-flow)}.reel-dot:hover{background:var(--ink-3)}.reel-dot.active{width:56px;background:var(--surface-inset)}.reel-dot-fill{position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left center}.reel-dot.active .reel-dot-fill{animation:reelDotFill var(--reel-dur, 6s) linear forwards}.reel-dot.active.paused .reel-dot-fill{animation-play-state:paused}@keyframes reelDotFill{to{transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.reel-step,.reel-check,.reel-day-card,.reel-msg.user.reel-typed{animation:none!important;opacity:1!important;transform:none!important}.reel-canvas{transition:none}.reel-mic-pulse:before,.reel-cal-cell.recurring,.reel-pill-dot,.reel-wave-bar,.reel-typing span,.reel-ocr-scan{animation:none!important}.reel-dot-fill{animation:none!important;transform:scaleX(1);opacity:.5}}