.phone{--pw:clamp(240px, 22vw, 300px);width:var(--pw);aspect-ratio:9/19.5;background:var(--bg);border:1px solid var(--line-strong);letter-spacing:0;border-radius:52px;flex:none;padding:10px;font-family:-apple-system,system-ui,Inter,sans-serif;font-size:13px}.phone-screen{background:var(--surface);border-radius:44px;grid-template-rows:auto auto 1fr auto;height:100%;display:grid;position:relative;overflow:hidden}.phone-status{color:var(--text);justify-content:space-between;align-items:center;padding:14px 24px 0;font-size:12px;font-weight:600;display:flex}.phone-island{border-radius:var(--r-pill);background:var(--bg);width:34%;height:26px}.phone-sig{align-items:flex-end;gap:3px;height:10px;display:flex}.phone-sig i{background:var(--text);border-radius:0;width:3px}.phone-sig i:first-child{height:4px}.phone-sig i:nth-child(2){height:7px}.phone-sig i:nth-child(3){height:10px}.phone-home{border-radius:var(--r-pill);background:color-mix(in srgb, var(--text) 30%, transparent);width:36%;height:4px;position:absolute;bottom:8px;left:50%;translate:-50%}.ll-head{justify-content:space-between;align-items:baseline;padding:18px 20px 6px;display:flex}.ll-title{letter-spacing:-.02em;font-size:22px;font-weight:700}.ll-streak{font-family:var(--mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted);font-size:11px}.ll-log{align-content:end;gap:8px;padding:8px 16px;display:grid;position:relative}.ll-b{opacity:0;border-radius:18px;max-width:84%;margin:0;padding:9px 12px;line-height:1.35;translate:0 8px}.ll-b.coach{background:color-mix(in srgb, var(--muted) 18%, transparent);border-bottom-left-radius:4px;justify-self:start}.ll-b.me{background:var(--accent);color:var(--bg);border-bottom-right-radius:4px;justify-self:end}.ll-type{white-space:nowrap;vertical-align:bottom;width:0;display:inline-block;overflow:hidden}.ll-card{opacity:0;height:84px;margin-top:4px;position:relative;translate:0 12px}.ll-face{border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg);align-content:center;gap:2px;padding:12px 14px;display:grid;position:absolute;inset:0}.ll-face.back{opacity:0}.ll-face b{letter-spacing:-.02em;font-size:20px;font-weight:600}.ll-face.front b{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;text-decoration-thickness:2px}.ll-tag{font-family:var(--mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted);font-size:10px}.ll-sub{color:var(--muted);font-size:12px}.ll-banked{font-family:var(--mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--accent2);border:1px solid var(--accent2);border-radius:var(--r-pill);opacity:0;padding:3px 8px;font-size:10px;position:absolute;top:-6px;right:16px}.ll-foot{grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:10px 20px 24px;display:grid}.ll-wave{align-items:center;gap:3px;height:28px;display:flex}.ll-wave span{background:var(--muted);opacity:.5;border-radius:0;width:3px;height:15%}.ll-mic{border:2px solid var(--line-strong);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.ll-mic i{background:var(--accent);border-radius:50%;width:14px;height:14px}.ll-meter{font-family:var(--mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted);grid-column:1/-1;align-items:center;gap:8px;font-size:10px;display:flex}.ll-meter i{border-radius:var(--r-pill);background:color-mix(in srgb, var(--muted) 25%, transparent);flex:1;height:4px;overflow:hidden}.ll-meter i:after{content:"";background:var(--accent);width:64%;height:100%;display:block}.ll-pct:after{content:"64%";color:var(--text)}.is-in .ll-b.c1{animation:12s infinite ll-in}.is-in .ll-mic{animation:12s infinite ll-hold}.is-in .ll-wave span{animation:12s infinite ll-bar;animation-delay:calc(var(--i) * -.07s)}.is-in .ll-b.m1{animation:12s infinite ll-in-me}.is-in .ll-type{animation:12s steps(26,end) infinite ll-typewriter}.is-in .ll-card{animation:12s infinite ll-card}.is-in .ll-face.front{animation:12s infinite ll-front}.is-in .ll-face.back{animation:12s infinite ll-back}.is-in .ll-meter i:after{animation:12s infinite ll-meter}.is-in .ll-pct:after{animation:12s infinite ll-pct}.is-in .ll-banked{animation:12s infinite ll-banked}@keyframes ll-in{0%,2%{opacity:0;translate:0 8px}6%,92%{opacity:1;translate:0}96%,to{opacity:0}}@keyframes ll-in-me{0%,33%{opacity:0;translate:0 8px}36%,92%{opacity:1;translate:0}96%,to{opacity:0}}@keyframes ll-hold{0%,8%{border-color:var(--line-strong);scale:1}10%,32%{border-color:var(--accent);scale:1.12}34%,to{border-color:var(--line-strong);scale:1}}@keyframes ll-bar{0%,8%{background:var(--muted);height:15%}10%,30%{height:var(--h);background:var(--accent);opacity:1}34%,to{background:var(--muted);opacity:.5;height:15%}}@keyframes ll-typewriter{0%,34%{width:0}55%,to{width:100%}}@keyframes ll-card{0%,50%{opacity:0;translate:0 12px}54%,92%{opacity:1;translate:0}96%,to{opacity:0}}@keyframes ll-front{0%,68%{opacity:1}71%,to{opacity:0}}@keyframes ll-back{0%,68%{opacity:0}71%,to{opacity:1}}@keyframes ll-meter{0%,70%{width:64%}74%,to{width:71%}}@keyframes ll-pct{0%,70%{content:"64%"}74%,to{content:"71%"}}@keyframes ll-banked{0%,82%{opacity:0}84%,92%{opacity:1}96%,to{opacity:0}}@media (max-width:760px){.phone{--pw:min(100%, 300px);margin-inline:auto}}@media (prefers-reduced-motion:reduce){.ll-b,.ll-card,.ll-banked{opacity:1!important;animation:none!important;translate:0!important}.ll-type{width:100%!important}.ll-face.front{opacity:0!important}.ll-face.back{opacity:1!important}.ll-meter i:after{width:71%!important}.ll-pct:after{content:"71%"!important}.ll-wave span,.ll-mic{animation:none!important}}