/* Shared drawing frame: switching a tab never moves the artwork or controls. */
.calm-home .feature-animation{display:grid;grid-template-rows:320px 54px 66px;align-items:center;justify-items:center;min-height:440px;width:100%}
.calm-home .feature-animation .petal-story-art,.calm-home .feature-animation[data-view="plan"] .petal-story-art{grid-row:1;width:100%;height:320px;max-height:320px;overflow:visible}
.feature-animation .story-goal{grid-row:2}.feature-animation .story-action{grid-row:3;margin:0}.feature-animation .petal-category-choices{grid-row:2/4;align-self:start}
.story-playing .story-drop{animation:petal-drift-to-pile 2.4s linear both;animation-delay:var(--delay)}
@keyframes petal-drift-to-pile{0%{opacity:0;transform:translate(0,0)}8%{opacity:1}28%{transform:translate(calc(var(--drift)*.25 + var(--sway)),calc(var(--fall)*.2))}58%{transform:translate(calc(var(--drift)*.6 - var(--sway)),calc(var(--fall)*.55))}88%{opacity:1;transform:translate(var(--drift),var(--fall))}100%{opacity:0;transform:translate(var(--drift),calc(var(--fall) + 2px))}}
.story-playing .story-drop>g>path{transform-box:fill-box;transform-origin:center;animation:petal-tumble 2.4s ease-in-out both;animation-delay:var(--delay)}
@keyframes petal-tumble{0%{transform:rotate(0) scaleX(.7)}45%{transform:rotate(70deg) scaleX(.25)}85%,100%{transform:rotate(var(--spin)) scaleX(1)}}
.calm-home{isolation:isolate}.landing-petal-field{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.calm-home #main{position:relative;z-index:0}.calm-home .hero-intro{background:linear-gradient(#fffafdcc,#ffffff88)}
.calm-home .product-section,.calm-home .how-section,.calm-home .plans-section{background:transparent}
.calm-home .iou-band{background:#fcfafbe8}.calm-home .skin-section{position:relative;z-index:1}
.iou-conversation{width:100%;max-width:530px;justify-self:end;border:1px solid #e6d6df;border-radius:26px;background:#fff;overflow:hidden;box-shadow:0 18px 50px #5b35490a}
.conversation-heading{padding:22px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f0e5eb}.conversation-avatar{display:grid;place-items:center;width:40px;height:40px;background:#f8c6dc;border-radius:50%;color:#9c3863;font-weight:700}.conversation-heading small{margin-left:auto;color:#8d7783;font-size:12px}
.reminder-thread{padding:22px;min-height:300px;display:flex;flex-direction:column;gap:18px}.calm-home #main .chat-context{font-size:13px;text-align:center;color:#8c7481;margin:0}.chat-bubble{max-width:87%;padding:16px 20px;font-size:18px;line-height:1.5;animation:reply-in .35s ease both}.outgoing{align-self:flex-end;background:#f9e0ec;color:#63364c;border-radius:20px 20px 4px 20px}.incoming{align-self:flex-start;background:#f1eef5;color:#493d54;border-radius:20px 20px 20px 4px}.typing{letter-spacing:5px}.calm-home #main .chat-paid{color:#377c62;text-align:center;font-size:15px;margin:0}
.reminder-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 22px 22px}.reminder-controls .story-action{margin:0;flex:1;background:#a63e70;color:white;border:0}.reminder-reset{width:44px;height:44px;border:1px solid #e5d3de;border-radius:50%;background:white;color:#985472;display:grid;place-items:center;cursor:pointer}.reminder-reset svg{width:19px;height:19px;stroke:currentColor;fill:none}.iou-demo-balance{display:flex;flex-direction:column;gap:8px;margin-top:30px;padding-left:20px;border-left:3px solid #e7a2c1}.iou-demo-balance strong{font-size:42px;color:#a6386b}.iou-demo-balance small{color:#8b707b}.calm-home .plans-intro{display:grid;grid-template-columns:1fr 220px;align-items:center}.calm-home .brand-petal-scene{max-width:220px}
@keyframes reply-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.calm-home .feature-animation{grid-template-rows:250px 54px 66px;min-height:370px}.calm-home .feature-animation .petal-story-art,.calm-home .feature-animation[data-view="plan"] .petal-story-art{height:250px;max-height:250px}.calm-home .plans-intro{grid-template-columns:1fr 100px;gap:10px}.calm-home .brand-petal-scene{padding:0 0 30px}.iou-conversation{justify-self:center}.chat-bubble{font-size:16px}.reminder-thread{min-height:285px}}
@media(prefers-reduced-motion:reduce){.chat-bubble,.story-drop,.story-drop>g>path{animation:none!important}.landing-petal-field{display:none}}
html[data-motion-paused="true"] .chat-bubble,html[data-motion-paused="true"] .story-drop,html[data-motion-paused="true"] .story-drop>g>path{animation:none!important}