/* R630 AI COACH v0.5 — phone-first single-column shell; no sidebar. */
html{scroll-padding-top:75px;overscroll-behavior-y:contain}
body{background:#080b0a}
body.signed-in{padding:0}
.app,.app .main{min-height:100dvh}
body.signed-in .app{display:block!important;max-width:520px;width:100%;margin:0 auto;background:#0d1110;border-left:1px solid #222c27;border-right:1px solid #222c27;box-shadow:0 0 70px #0008}
.sidebar{display:none!important}
.main{min-width:0;padding-bottom:calc(95px + env(safe-area-inset-bottom))}
.topbar{position:sticky;top:0;z-index:25;background:#121916ed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:11px 16px;gap:8px;min-height:68px;border-bottom:1px solid #2b382e;align-items:center}
.micro{font-size:13px;line-height:1.25;letter-spacing:.05em;max-width:none;font-weight:950;color:#eaf3e5}
.micro small{display:block;letter-spacing:.12em;color:#9caf9e;font-weight:650;font-size:8px;margin-top:4px}
.top-right{display:flex;justify-content:flex-end;flex:none;gap:7px}
.top-right .tag,.account-email{display:none}
.account-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:nowrap}
.account-actions button{padding:7px 9px;font-size:11px;white-space:nowrap}
.save-state{color:var(--lime);font-size:10px;max-width:90px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.view{max-width:none;padding:16px 13px 35px;margin:0 auto}
.view h1{letter-spacing:-.035em}
.mobile-nav,body.signed-in .mobile-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:50%;right:auto;transform:translateX(-50%);width:min(100%,520px);max-width:520px;z-index:45;border-top:1px solid #3b493d;box-shadow:0 -8px 30px #000a;background:#121a16f7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:6px 4px calc(8px + env(safe-area-inset-bottom));margin:0}
.mobile-nav button{min-width:0;min-height:54px;padding:5px 1px;border:0;background:transparent;color:#a4b6a6;font-size:9px;line-height:1.25;font-weight:750;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.mobile-nav button .sym{font-size:22px;line-height:1}
.mobile-nav button.active{color:var(--lime)}
.mobile-nav button:focus-visible{outline:2px solid var(--lime);outline-offset:-2px;border-radius:8px}
.grid3{gap:7px}
.grid2{gap:11px}
.card{padding:15px}
.hero{min-height:285px}
.hero-copy{padding:24px}
.chat-shell{height:min(690px,75dvh);min-height:420px}
.chat-stream{padding:12px}
.chat-compose{padding:10px}
.sticky-action{bottom:calc(74px + env(safe-area-inset-bottom));margin-bottom:15px}
.ai-welcome{margin-bottom:15px}
.ai-welcome-head{padding-bottom:17px}
.ai-welcome-head h1{font-size:clamp(29px,8vw,38px)}
.ai-welcome-mark{width:60px;height:60px;font-size:40px;border-radius:18px}
.ai-overview-grid{grid-template-columns:1fr 1fr}
.ai-overview-grid .ai-overview-item:last-child{grid-column:1/-1;min-height:90px}
.ai-ask-form input{min-width:0}
.ai-suggestion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.auth-backdrop{min-height:100dvh}
@media(max-width:520px){body.signed-in .app{border:0;box-shadow:none}.topbar{padding:11px 12px}.view{padding:14px 12px 33px}.ai-welcome{padding:13px}.ai-coach-panel{padding:13px}.ai-welcome-mark{width:52px;height:52px;font-size:34px}.ai-overview-head span{display:none}.mobile-nav button{font-size:9px}}
@media(max-width:375px){.micro{font-size:12px}.save-state{font-size:9px;max-width:78px}.account-actions button{font-size:10px;padding:6px}.ai-suggestion-grid{gap:7px}.ai-suggestion-grid button{font-size:10px}.ai-ask-form .btn{padding:8px 10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}