/* Layout additions for the captured public, signed-out interface. */
@media(max-width:795px){.overlay.chart-overlay .chart-drawer .close-chart{background:transparent;color:var(--muted-foreground)}}
.mobile-chart-footer{display:none}@media(min-width:1204px){.chart-overlay .chart-drawer{width:calc(100vw - 376px)}}@media(max-width:795px){.overlay.chart-overlay{align-items:flex-end;background:transparent}.chart-overlay .chart-drawer{height:calc(100dvh - 32px);box-shadow:0 -10px 40px -10px #0003}.chart-drawer .close-chart{background:transparent}.chart-drawer .chart-dates .intermediate{display:none!important}.mobile-chart-footer{display:block;padding:8px 16px 16px;flex-shrink:0}.mobile-chart-footer button{height:48px;width:100%;background:var(--secondary);border-radius:999px;font-size:16px;font-weight:500}}
.auth-card .auth-logo{width:180px;height:90px;object-fit:fill}.auth-card .auth-terms{font-size:13px;line-height:20px}.privy-footer img{height:13px;width:150px;margin:auto}.auth-card .privy-footer{height:20px;display:flex;align-items:center;justify-content:center}.auth-card.email-step h3{margin-bottom:28px}
.right-rail{overflow-anchor:none}.overlay.auth-overlay{left:0!important;padding-left:360px}.close-chart svg{width:24px;height:24px}.email-entry>.option-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f2f1f9;border-radius:3px;color:#77758e}.email-entry>.option-icon svg{width:20px;height:20px}@media(max-width:795px){.overlay.auth-overlay{padding-left:0}}
button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f9363c;outline-offset:3px}body{margin:0}.right-rail{scrollbar-width:none}.right-rail::-webkit-scrollbar{display:none}.balance-hidden{filter:blur(8px);user-select:none}.hero-copy{animation:reveal-copy .5s ease both}@keyframes reveal-copy{from{opacity:0;filter:blur(6px);transform:translateY(8px)}to{opacity:1;filter:none;transform:none}}
.apy-panel{display:flex;flex-direction:column;flex-shrink:0;height:527px;overflow:hidden}.panel-header{display:flex;align-items:center;padding:8px;height:60px;flex-shrink:0}.panel-title{display:flex;align-items:center;gap:8px;flex:1;padding:10px 0 10px 16px}.panel-title h2,.stats-panel h2{font-size:20px;font-weight:600;line-height:24px}.round-button{display:flex;width:44px;height:44px;flex-shrink:0;align-items:center;justify-content:center;border-radius:50%;transition:background .15s}.round-button:hover{background:var(--accent)}.chart-body{display:flex;flex:1;min-height:0;flex-direction:column;padding:8px 24px 24px}.chart-legend{display:flex;gap:20px;align-items:flex-end;padding-bottom:8px}.legend-item{display:flex;flex:1 0 0;flex-direction:column;gap:2px;min-width:0}.legend-value{font-size:20px;line-height:24px;font-weight:600;white-space:nowrap}.legend-item:first-child .legend-value{font-size:28px;line-height:32px}.legend-value span{color:var(--tertiary)}.legend-label{display:flex;align-items:center;gap:4px;font-size:13px;line-height:16px;white-space:nowrap;color:var(--muted-foreground)}.legend-label i{width:12px;height:12px;flex-shrink:0;border-radius:4px}.chart-ceiling{text-align:right;font-size:13px;line-height:16px;color:var(--tertiary);padding-bottom:8px}.plot{position:relative;flex:1;min-height:300px}.plot svg{height:100%;width:100%;overflow:visible}.chart-line{stroke-dasharray:1;stroke-dashoffset:1;animation:draw-line 1.1s ease forwards}.chart-dates{display:flex;justify-content:space-between;padding-top:8px;color:var(--tertiary);font-size:13px;line-height:16px}.chart-cursor{position:absolute;top:0;bottom:0;border-left:1px dashed var(--tertiary);display:none;pointer-events:none}.stats-panel{flex-shrink:0;padding-bottom:16px}.stats-panel header{padding:18px 24px}.stat{padding:16px 24px 0}.stat-label{display:flex;gap:4px;align-items:center;color:var(--muted-foreground);font-size:16px;line-height:20px}.stat-label .icon-themed{width:20px;height:20px}.stat-value{font-size:40px;font-weight:600;line-height:48px;letter-spacing:-.44px;white-space:nowrap}.stat-value span{color:var(--tertiary)}.aum-chart{height:264px;margin-top:24px}.aum-bars{height:220px;display:flex;align-items:flex-end;gap:8px}.aum-bar{flex:1;min-width:0;background:#bbdfb8;border-radius:4px 4px 0 0;transition:background .15s}.aum-bar:hover,.aum-bar:focus-visible{background:#72b66d}.stat .t-tt{max-width:320px;white-space:normal}.promo{position:sticky;bottom:0;margin-top:auto;width:100%;height:500px;flex-shrink:0;border-radius:24px;overflow:hidden;z-index:10;background:#f9363c;transition:height .4s cubic-bezier(.22,1,.36,1),border-radius .4s,background .25s}.promo.collapsed{height:60px;border-radius:30px}.promo-stage{position:absolute;inset:auto 0 0;height:500px;transition:opacity .2s}.collapsed .promo-stage{opacity:0;pointer-events:none}.promo-texture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.promo-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent,var(--promo-color))}.promo-title{position:absolute;inset:90px 24px auto;display:flex;justify-content:center;text-align:center;color:#fff}.promo-title h2{font-size:36px;font-weight:700;text-transform:uppercase;line-height:1;max-width:352px}.promo-title .word{display:inline-block}.promo-title .letter{display:inline-block;animation:banner-letter .6s both;animation-delay:calc(var(--i)*25ms)}.promo-art{position:absolute;inset:0;animation:reveal-copy .5s both}.promo-art img{position:absolute}.promo-action{position:absolute;bottom:16px;left:16px;right:16px;height:48px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:500;background:#000;color:white;transition:transform .15s,opacity .15s}.promo-action:hover{transform:translateY(-2px);opacity:.9}.promo-controls{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;padding:8px;gap:12px}.promo-progress{display:flex;flex:1;gap:8px;padding:0 16px}.promo-track{height:8px;border-radius:4px;background:#ffffff40;flex:1;overflow:hidden}.promo-track span{display:block;height:100%;background:white;border-radius:4px}.promo-track.active span{animation:progress 4s linear forwards;transform-origin:left}.promo-controls .round-button,.promo-mini .round-button{background:#ffffff40;backdrop-filter:blur(4px)}.promo-mini{height:60px;padding:8px;position:absolute;inset:auto 0 0;display:flex;align-items:center;opacity:0;pointer-events:none;transition:opacity .2s}.collapsed .promo-mini{opacity:1;pointer-events:auto}.promo-mini a,.promo-mini>button:first-child{display:flex;flex:1;gap:12px;align-items:center;color:white;text-align:left;font-size:16px;font-weight:500}.promo-mini img{width:44px;height:44px}.promo-mini .round-button{margin-left:12px}.promo-mini .round-button img,.promo-controls img{width:24px;height:24px}@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes banner-letter{from{opacity:0;filter:blur(12px);transform:translateY(12px)}to{opacity:1;filter:none;transform:none}}
.overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);animation:overlay-in .2s ease}.overlay.auth-overlay{left:360px}.chart-overlay{background:#0003;justify-content:flex-end;padding:8px}.chart-drawer{height:100%;width:400px;background:var(--card);border-radius:24px;display:flex;flex-direction:column;animation:drawer-in .35s cubic-bezier(.22,1,.36,1)}.chart-drawer .close-chart{background:var(--muted)}.chart-drawer .plot{min-height:0}.chart-drawer .chart-dates .intermediate{display:inline}.chart-dates .intermediate{display:none}.auth-card{position:relative;width:360px;border-radius:24px;background:#fff;color:#15131e;box-shadow:0 12px 48px #0003;padding:56px 27px 16px;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;animation:auth-in .25s ease}.auth-close,.auth-back{position:absolute;top:16px;right:16px;width:24px;height:24px;border-radius:50%;background:#f6f6f9;color:#777582;display:flex;align-items:center;justify-content:center}.auth-back{left:16px;right:auto}.auth-close svg,.auth-back svg{height:16px;width:16px}.auth-logo{width:90px;height:90px;object-fit:contain;margin:0 auto 16px}.auth-card h3{font-size:20px;line-height:32px;font-weight:500;text-align:center;margin:0 0 26px}.auth-option{display:flex;align-items:center;gap:12px;width:100%;height:56px;border:1px solid #e0dfe3;border-radius:12px;font-size:14px;padding:10px 12px;transition:background .15s}.auth-option:hover{background:#f7f7fa}.auth-option .option-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f2f1f9;border-radius:3px;color:#77758e}.option-icon svg{width:20px;height:20px}.auth-passkey{display:block;margin:50px auto 18px;font-size:14px;color:#f9363c;line-height:22px}.auth-terms{font-size:12px;line-height:18px;color:#9493a5;text-align:center}.auth-terms a{color:#f9363c;text-decoration:underline}.privy-footer{display:block;text-align:center;color:#9796af;font-size:14px;line-height:20px;margin-top:18px}.privy-footer strong{font-size:16px;font-weight:700}.auth-card.email-step h3{margin-bottom:26px}.email-step .auth-terms{margin-top:68px}.email-entry{display:flex;height:56px;border:1px solid #e0dfe3;border-radius:12px;align-items:center;padding:10px 12px;gap:10px}.email-entry input{width:0;min-width:0;flex:1;font-size:13px;background:none;outline:none}.email-entry input::placeholder{color:#aaa9b3}.email-entry button{font-size:13px;font-weight:500;color:#f9363c}.email-entry button:disabled{color:#d8d7e0;cursor:default}.google-option{margin-top:8px;background:#f1f0f9}.google-g{font-family:Arial,sans-serif;font-weight:700;font-size:24px;width:32px;text-align:center;background:conic-gradient(#4285f4 0 90deg,#34a853 90deg 180deg,#fbbc05 180deg 240deg,#ea4335 240deg 300deg,#4285f4 300deg);background-clip:text;-webkit-text-fill-color:transparent}.passkey-info{text-align:center;color:#777582;font-size:14px;line-height:22px;margin:24px 0 42px}.overlay.is-closing{opacity:0;transition:opacity .18s}#notice{position:fixed;z-index:100;left:50%;top:24px;transform:translate(-50%,-20px);background:var(--card);border-radius:24px;padding:14px 24px;box-shadow:0 4px 16px #0002;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-size:14px}#notice.visible{opacity:1;transform:translate(-50%,0)}@keyframes overlay-in{from{opacity:0}to{opacity:1}}@keyframes drawer-in{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}@keyframes auth-in{from{transform:scale(.97);opacity:0}to{transform:none;opacity:1}}@media(max-width:795px){.overlay.auth-overlay{left:0;align-items:flex-end}.auth-card{width:100%;max-width:440px;border-radius:24px 24px 0 0;padding-bottom:24px}.chart-overlay{padding:0}.chart-drawer{width:100%;border-radius:24px 24px 0 0;height:min(720px,95dvh)}.hero-copy{animation:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;animation-iteration-count:1!important}.chart-line{stroke-dashoffset:0}}

.auth-option .option-icon svg{width:18px;height:18px}

.milo-wordmark{display:inline-flex;align-items:center;height:24px;font-size:27px;line-height:24px;font-weight:700;letter-spacing:-1.5px;color:var(--foreground)}
.auth-card.loading-step{min-height:376px;text-align:center}
.loading-step h3{margin-bottom:20px}
.login-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:116px;padding:4px 0 30px}
.login-spinner{display:block;width:38px;height:38px;border:3px solid #f2f1f7;border-top-color:#f9363c;border-radius:50%;animation:login-spin .9s linear infinite}
.login-dots{display:flex;gap:6px}
.login-dots i{height:5px;width:5px;background:#9796af;border-radius:50%;animation:login-pulse 1.2s ease-in-out infinite}
.login-dots i:nth-child(2){animation-delay:.15s}.login-dots i:nth-child(3){animation-delay:.3s}
@keyframes login-spin{to{transform:rotate(360deg)}}
@keyframes login-pulse{0%,100%{opacity:.25}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.login-spinner,.login-dots i{animation:login-pulse 2s ease-in-out infinite!important}}
