body{min-height:100vh;isolation:isolate}body::before{content:"";position:fixed;z-index:-1;inset:auto -34vw -25vh auto;width:74vw;height:74vw;border-radius:50%;background:url("afterlight-icon.png") center/cover no-repeat;opacity:.12;filter:blur(30px) saturate(1.1);pointer-events:none}.brand-lockup{display:flex;align-items:center;gap:10px}.brand-mark{width:39px;height:39px;border-radius:13px;box-shadow:0 8px 20px rgba(0,0,0,.24);object-fit:cover}.brand-lockup .eyebrow{margin-bottom:1px}.hero{position:relative;overflow:hidden;isolation:isolate}.hero::after{content:"";position:absolute;z-index:-1;right:-52px;bottom:-75px;width:205px;height:205px;border-radius:50%;background:url("afterlight-icon.png") center/cover no-repeat;opacity:.2;mix-blend-mode:screen}.card{backdrop-filter:blur(8px)}button{transition:transform .16s ease,background-color .16s ease,filter .16s ease}button:active{transform:scale(.97);filter:brightness(1.08)}.icon-button,.chat-input button{display:inline-grid;place-items:center;line-height:1}.tabs{position:sticky;top:0;z-index:5;padding-top:3px;background:linear-gradient(to bottom,var(--surface) 75%,transparent)}@media(min-width:620px){.brand-mark{width:43px;height:43px}.hero::after{right:-30px;bottom:-70px;width:230px;height:230px}}@media(prefers-reduced-motion:reduce){button{transition:none}button:active{transform:none}body::before{filter:blur(30px)}}
@keyframes afterlight-dialog-backdrop{from{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(5px)}}@keyframes afterlight-dialog-sheet{from{opacity:0;transform:translateY(44px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}dialog[open]{animation:afterlight-dialog-backdrop .28s ease-out both}dialog[open]::backdrop{animation:afterlight-dialog-backdrop .28s ease-out both}dialog[open] .dialog-card{animation:afterlight-dialog-sheet .42s cubic-bezier(.2,.82,.22,1) both;will-change:transform,opacity}#settingsDialog[open] .dialog-card,#chatDialog[open] .dialog-card{animation-duration:.48s}@media(prefers-reduced-motion:reduce){dialog[open],dialog[open]::backdrop,dialog[open] .dialog-card{animation:none}}
.tabs{top:calc(env(safe-area-inset-top) + 6px);transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease,border-color .22s ease;transform-origin:top center}.tab-bar-floating .tabs{padding:7px 6px 9px;transform:scale(1.018);border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(32,23,47,.84);box-shadow:0 12px 26px rgba(5,3,10,.26);backdrop-filter:blur(16px)}.tab-bar-floating .tabs button.active:after{bottom:5px}@media(prefers-reduced-motion:reduce){.tabs{transition:none}.tab-bar-floating .tabs{transform:none}}
@media(max-width:619px){.tabs{top:max(58px,calc(env(safe-area-inset-top) + 6px))}.tab-bar-floating .tabs{background:rgba(32,23,47,.93)}}
.tabs{margin:0 -2px 19px;padding:7px 6px 9px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(32,23,47,.72);backdrop-filter:blur(12px);box-shadow:0 6px 18px rgba(5,3,10,.08)}.tabs button.active:after{bottom:5px}.tab-bar-floating .tabs{padding:7px 6px 9px;transform:none;border-color:rgba(255,255,255,.075);background:rgba(32,23,47,.9);box-shadow:0 12px 26px rgba(5,3,10,.22)}@media(max-width:619px){.tabs{top:max(40px,calc(env(safe-area-inset-top) + 4px))}.tab-bar-floating .tabs{background:rgba(32,23,47,.93)}}
@media(max-width:619px){.tabs{top:max(32px,calc(env(safe-area-inset-top) + 4px))}}.morning-sound{position:absolute;z-index:2;top:calc(18px + env(safe-area-inset-top));left:18px;padding:8px 11px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(26,19,43,.32);color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.25px;backdrop-filter:blur(10px)}.morning-sound[aria-pressed="true"]{color:#f5eaff;background:rgba(173,140,255,.16);border-color:rgba(211,188,255,.26)}.morning-actions{gap:12px}.morning-back.show{padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.07);color:#e7dff2}.morning-next{min-width:132px;display:inline-flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 12px 26px rgba(128,92,222,.3);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.morning-next:active{transform:translateY(1px) scale(.975);box-shadow:0 6px 14px rgba(128,92,222,.22)}.morning-flow.visible .morning-actions.ready .morning-next{animation:afterlight-morning-button-breathe 3.5s ease-in-out infinite}@keyframes afterlight-morning-button-breathe{50%{box-shadow:0 15px 32px rgba(255,139,184,.33);filter:brightness(1.04)}}@media(prefers-reduced-motion:reduce){.morning-flow.visible .morning-actions.ready .morning-next{animation:none}}