.page-frame{box-sizing:border-box;background:var(--color-surface);width:100%;height:100dvh;color:var(--color-ink);font-family:var(--font-body);padding-top:calc(var(--padding) + var(--safe-top));flex-direction:column;transition:background .2s,color .2s;display:flex;position:relative;overflow:hidden}@media (width>=700px){.page-frame{border-radius:40px;width:min(430px,100vw);height:min(100dvh - 64px,900px);max-height:calc(100dvh - 64px);box-shadow:0 40px 100px #0000002e,0 0 0 1px #0000000f}.page-frame--wide{width:100%;height:100dvh;max-height:none;box-shadow:none;border-radius:0;align-items:center}.page-frame--wide>*{width:min(36rem,100%)}}@keyframes shape-drift{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(calc(-1% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)), calc(-1.5% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1))) rotate(calc(-1.5deg * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)))}50%{transform:translate(calc(1% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)), calc(1% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1))) rotate(calc(1deg * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)))}75%{transform:translate(calc(-1% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)), calc(1% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1))) rotate(calc(-.75deg * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)))}}.word-shape{width:100%;height:100%;animation:shape-drift var(--float-dur,6s) ease-in-out infinite;animation-delay:var(--float-delay,0s);--float-scale:1;transition:filter .15s;position:absolute;inset:0;overflow:visible}@media (width<=600px),(hover:none){.word-shape{--float-scale:3}}.word-shape-path{transition:d .35s}@keyframes pulse-squeeze{0%,to{transform:scale(1)}30%{transform:scale(1.16)}45%{transform:scale(1.16)}75%{transform:scale(.93)}}.word-shape--pulse .word-shape-path{transform-box:view-box;transform-origin:50%;animation:4.5s ease-in-out infinite pulse-squeeze;animation-delay:var(--float-delay,0s)}@keyframes rise-lift{0%,to{transform:translate(0)}50%{transform:translate(0, calc(-3% * var(--float-scale,1)))}}.word-shape--rise .word-shape-path{transform-box:view-box;transform-origin:50%;animation:4.5s ease-in-out infinite rise-lift;animation-delay:var(--float-delay,0s)}.word-shape--spike{--float-amp:1.8}@keyframes spike-breathe{0%,to{d:var(--word-shape-full)}50%{d:var(--word-shape-calm)}}@supports (d:path("M0 0")){.word-shape--spike .word-shape-path{animation:spike-breathe calc(var(--float-dur,6s) * .45) ease-in-out infinite;animation-delay:var(--float-delay,0s)}}@keyframes spike-breathe-fallback{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(.82)rotate(6deg)}}@supports not (d:path("M0 0")){.word-shape--spike .word-shape-path{transform-box:fill-box;transform-origin:50%;animation:spike-breathe-fallback calc(var(--float-dur,6s) * .45) ease-in-out infinite;animation-delay:var(--float-delay,0s)}}@keyframes heat-throb{0%,30%,to{transform:translate(0)scale(1)}12%{transform:translate(0, calc(-2% * var(--float-scale,1))) scale(1.06, 1.11)}42%{transform:translate(0, calc(-1% * var(--float-scale,1))) scale(.98, 1.06)}}@keyframes heat-glow{0%,30%,to{filter:brightness()drop-shadow(0 0 #fe2a3b00)}12%{filter:brightness(1.25)drop-shadow(0 0 4px #fe2a3bd9)}42%{filter:brightness(1.12)drop-shadow(0 0 2px #fe2a3b80)}}.word-shape--heat{--float-amp:1.4;animation:shape-drift var(--float-dur,6s) ease-in-out infinite;animation-delay:var(--float-delay,0s)}.word-shape--heat .word-shape-path{transform-box:view-box;transform-origin:50%;animation:1.8s ease-in-out infinite heat-glow,1.8s ease-in-out infinite heat-throb;animation-delay:var(--float-delay,0s), var(--float-delay,0s)}@keyframes shape-jitter{0%,to{transform:translate(0)rotate(0)}8%{transform:translate(calc(-2.6% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)), calc(1.8% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1))) rotate(calc(-3.4deg * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)))}17%{transform:translate(calc(2.2% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)), calc(-2% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1))) rotate(calc(2.8deg * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)))}26%{transform:translate(calc(-1.4% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)), calc(-2.4% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1))) rotate(calc(-2.2deg * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)))}39%{transform:translate(calc(2.8% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)), calc(1.4% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1))) rotate(calc(3.6deg * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)))}50%{transform:translate(calc(-2.2% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)), calc(2.2% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1))) rotate(calc(-3deg * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)))}61%{transform:translate(calc(1.8% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)), calc(-1.6% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1))) rotate(calc(2.4deg * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)))}72%{transform:translate(calc(-2.8% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)), calc(-1.2% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1))) rotate(calc(-3.8deg * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)))}83%{transform:translate(calc(1.6% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)), calc(1.8% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1))) rotate(calc(3deg * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)))}92%{transform:translate(calc(-1.8% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)), calc(-1% * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1))) rotate(calc(-2.6deg * var(--float-amp,1) * var(--float-amp-boost,1) * var(--float-scale,1)))}}.word-shape--jitter{--float-amp:1.6;animation-name:shape-jitter;animation-duration:calc(var(--float-dur,6s) * .28);animation-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.word-shape,.word-shape--pulse,.word-shape--spike,.word-shape--jitter,.word-shape--rise,.word-shape--heat{--float-amp:1;--float-amp-boost:1;--float-scale:1.5;animation:shape-drift calc(var(--float-dur,6s) * 2) ease-in-out infinite;animation-delay:var(--float-delay,0s)}@media (width<=600px),(hover:none){.word-shape,.word-shape--pulse,.word-shape--spike,.word-shape--jitter,.word-shape--rise,.word-shape--heat{--float-scale:3}}.word-shape--spike .word-shape-path,.word-shape--heat .word-shape-path,.word-shape--pulse .word-shape-path,.word-shape--rise .word-shape-path{animation:none}}.arrow-button{width:40px;height:40px;color:var(--color-ink);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.arrow-button:hover:not(:disabled){background:var(--color-overlay)}.arrow-button:disabled{opacity:.3;cursor:not-allowed}.brand-mark{background:var(--color-energy);width:max-content;box-shadow:var(--shadow-card);border-radius:13px;justify-content:center;align-items:center;padding:8px 14px;display:flex}.brand-mark img{width:auto;height:28px;display:block}.button{background:var(--color-anchor);color:#fff;width:100%;height:56px;font-family:var(--font-body);letter-spacing:-.2px;cursor:pointer;border:none;border-radius:28px;padding:0 16px;font-size:20px;font-weight:500;line-height:24px;box-shadow:0 8px 10px #00000014}.button:disabled{opacity:.4;cursor:not-allowed}.button:focus-visible{outline:3px solid var(--color-energy);outline-offset:2px}.button--secondary,.button--danger{border:1.5px solid var(--color-border);height:48px;color:var(--color-ink);box-shadow:none;background:0 0;font-size:17px;font-weight:600}.button--secondary:hover:not(:disabled){background:var(--color-overlay)}.button--danger{border-color:var(--color-signals);color:var(--color-signals-ink)}.button--danger:hover:not(:disabled){background:var(--color-signals-soft)}.coming-soon{left:0;right:0;bottom:calc(var(--tab-bar-height) + 300px);z-index:2;pointer-events:none;justify-content:center;display:flex;position:absolute}.coming-soon__pill{background:var(--color-ink);color:var(--color-surface);font-family:var(--font-body);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:500;line-height:18px;animation:.2s ease-out coming-soon-in;box-shadow:0 4px 12px #0003}@keyframes coming-soon-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.coming-soon__pill{animation:none}}.app-greeting{z-index:1;box-sizing:border-box;background:var(--color-surface);justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:56px;margin:0;padding:8px 20px 0;display:flex;position:sticky;top:0;overflow:hidden}.app-greeting--welcome{min-height:80px;padding:12px 20px}.app-greeting-text{min-width:0;font-family:var(--font-body);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;font-weight:600;line-height:24px;overflow:hidden}.app-greeting-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.app-greeting-hello{font-family:var(--font-body);color:var(--color-ink);font-size:20px;font-weight:600;line-height:24px}.app-greeting-name{font-family:var(--font-display);letter-spacing:-.8px;color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:40px;font-weight:500;line-height:28px;overflow:hidden}.app-greeting-cloud{flex-shrink:0}@media (prefers-reduced-motion:no-preference){.app-greeting-cloud{transform-origin:50% 100%;animation:3.2s ease-in-out infinite app-greeting-happy}}@keyframes app-greeting-happy{0%,72%,to{transform:translateY(0)rotate(0)scale(1)}8%{transform:translateY(0)rotate(0)scale(1.04,.95)}20%{transform:translateY(-4px)rotate(-3deg)scale(.97,1.04)}32%{transform:translateY(0)rotate(0)scale(1.04,.95)}42%{transform:translateY(-3px)rotate(3deg)scale(.98,1.03)}52%{transform:translateY(0)rotate(-2deg)scale(1.02,.97)}62%{transform:translateY(0)rotate(1.5deg)scale(1)}}.slider{--slider-thumb-x:calc(var(--slider-thumb) / 2 + (100% - var(--slider-thumb)) * var(--slider-progress,0));cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;height:44px;position:relative}.slider:focus-visible{outline:2px solid var(--color-energy);outline-offset:2px;border-radius:22px}.slider__track{background:linear-gradient(to right, var(--color-energy) var(--slider-thumb-x), var(--color-surface-raised) var(--slider-thumb-x));border-radius:20px;height:14px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.slider__thumb{top:50%;left:var(--slider-thumb-x);box-sizing:border-box;width:var(--slider-thumb);height:var(--slider-thumb);border:2px solid var(--color-energy);pointer-events:none;background:#fff;border-radius:999px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000026}:root{--tab-bar-background:var(--color-cycle);--tab-bar-ink-on-cycle:color-mix(in srgb, var(--color-ground) 8%, black);--tab-bar-ink-muted-on-cycle:color-mix(in srgb, var(--tab-bar-ink-on-cycle) 55%, transparent);--tab-bar-bottom:max(6px, calc(var(--safe-bottom) - 16px));--tab-bar-height:calc(56px + var(--tab-bar-bottom))}.tab-bar{z-index:1;background:var(--tab-bar-background);filter:drop-shadow(0 2px 2px #00000026);flex-shrink:0;display:flex;position:sticky;bottom:0}:root[data-theme=dark]{--tab-bar-background:var(--color-surface-raised);--tab-bar-ink-on-cycle:var(--color-ink);--tab-bar-ink-muted-on-cycle:var(--color-ink-muted)}.tab-bar-item{min-width:0;padding:8px 2px var(--tab-bar-bottom);color:var(--tab-bar-ink-muted-on-cycle);flex-direction:column;flex:1 1 0;align-items:center;gap:4px;text-decoration:none;display:flex}.tab-bar-item-active{color:var(--tab-bar-ink-on-cycle)}.tab-bar-icon{border-radius:14px;padding:2px 14px;line-height:1;display:flex}.tab-bar-item-active .tab-bar-icon{background:var(--color-anchor);color:var(--color-ground)}.tab-bar-item-active .tab-bar-label{font-weight:700}:root[data-theme=dark] .tab-bar-item-active .tab-bar-icon{background:var(--color-energy);color:var(--color-ink-on-light)}.tab-bar-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(10px,2.8vw,12px);font-weight:500;line-height:16px;overflow:hidden}.toggle-switch{gap:8px;display:flex}.toggle-switch__option{border:1.5px solid var(--color-border);font-family:var(--font-body);color:var(--color-ink-muted);cursor:pointer;background:0 0;border-radius:16px;padding:14px 24px;font-size:17px;font-weight:600}.toggle-switch__option[aria-pressed=true]{border-color:var(--color-anchor);background:var(--color-anchor);color:var(--color-ground);font-weight:700}:root[data-theme=dark] .toggle-switch__option[aria-pressed=true]{border-color:var(--color-energy);background:var(--color-energy);color:var(--color-ink-on-light)}
