:is(html:has(.app),body:has(.app)){overscroll-behavior:none;height:100%;overflow:hidden}.app{gap:var(--space-4);height:100dvh;max-width:var(--layout-max);padding:calc(var(--space-4) + env(safe-area-inset-top)) calc(var(--gutter-deck) + env(safe-area-inset-right)) calc(var(--space-4) + env(safe-area-inset-bottom)) calc(var(--gutter-deck) + env(safe-area-inset-left));grid-template-rows:auto auto minmax(0,1fr) auto auto;margin:0 auto;display:grid}.app__hint{margin:0}.screen{gap:var(--space-6);min-height:100dvh;max-width:var(--layout-max);padding:calc(var(--space-4) + env(safe-area-inset-top)) calc(var(--gutter) + env(safe-area-inset-right)) 0 calc(var(--gutter) + env(safe-area-inset-left));flex-direction:column;margin:0 auto;display:flex}.screen__title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-h1);line-height:var(--leading-h1);letter-spacing:var(--tracking-tight);margin:0}.screen__title:focus{outline:none}.screen__lead{color:var(--color-text-muted);font-size:var(--text-body-lg);line-height:var(--leading-body-lg);margin:0}.screen__actions{gap:var(--space-3);padding:var(--space-4) 0 calc(var(--space-4) + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--color-bg) var(--space-4));margin-top:auto;display:grid;position:sticky;bottom:0}.settings-section{gap:var(--space-1);display:grid}.settings-note{margin:var(--space-2) 0 0;color:var(--color-text-subtle);font-size:var(--text-small);line-height:var(--leading-small)}@media (max-height:700px){.app{gap:var(--space-3)}.app__deck{padding-bottom:var(--space-5)}.app .tip-card{padding:var(--space-5) var(--space-4) var(--space-4);gap:var(--space-3)}.app .tip-card__title{font-size:var(--text-h1);line-height:var(--leading-h1)}.app .tip-card__icon{width:var(--icon-lg);height:var(--icon-lg)}.app .daily{padding:var(--space-3) var(--space-4);gap:var(--space-1)}.app .daily__meta{font-size:var(--text-small);line-height:var(--leading-small)}}.screen--settings{padding-bottom:calc(var(--space-10) + env(safe-area-inset-bottom))}:is(html:has(.intro:not(.intro--framed)),body:has(.intro:not(.intro--framed))){overscroll-behavior:none;height:100%;overflow:hidden}.picker{gap:var(--space-5)}.picker__head{gap:var(--space-3);display:grid}.picker__cloud{padding:var(--space-4) 0;flex:1;align-content:center;display:grid}@media (max-height:700px){.picker{gap:var(--space-3)}.picker .screen__title{font-size:var(--text-h2);line-height:var(--leading-h2)}.picker .screen__lead{font-size:var(--text-body);line-height:var(--leading-body)}.picker__cloud{padding:var(--space-2) 0}.picker .cloud{gap:var(--space-2)}.picker .cat-chip{font-size:var(--text-body)}.picker .cat-chip__body{height:var(--tap-min)}}.section-label+.settings-note{margin-top:0}.app__reason{justify-items:start;gap:var(--space-2);display:grid}@media (max-height:700px){.app .reaction{font-size:var(--text-small);line-height:var(--leading-small)}}.app,.screen{animation:screen-in var(--duration-screen-in) var(--ease-out) both}@keyframes screen-in{0%{opacity:0}}.app__reaction{overflow:hidden}.picker.is-leaving .top-bar,.picker.is-leaving .picker__head,.picker.is-leaving .screen__actions{opacity:0;transition:opacity var(--duration-gather-fade) var(--ease-out)}.picker.is-leaving{pointer-events:none}@media (prefers-reduced-motion:reduce){.picker.is-leaving{opacity:0;transition:opacity var(--duration-gather-fade) var(--ease-out)}}.app--enter{animation:none}.app--enter>:not(.app__deck){animation:screen-in var(--duration-screen-in) var(--ease-out) var(--rise-stagger) both}