.app-ground{background:radial-gradient(900px 520px at 85% -10%, var(--sun-soft), transparent 60%), var(--ground)}.app-ph{z-index:25;margin-inline:calc(-1*clamp(16px,3vw,48px));transition:background-color .2s var(--ease-out), box-shadow .2s var(--ease-out), padding .2s var(--ease-out);margin-top:4px;padding:6px clamp(16px,3vw,48px);position:sticky;top:56px}.app-ph-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:56px;display:flex}.app-ph-title{letter-spacing:-.02em;transition:font-size .2s var(--ease-out);font-size:clamp(24px,2.6vw,30px);line-height:1.15}.app-ph-sub{color:var(--mute);max-height:4.5em;transition:max-height .2s var(--ease-out), opacity .16s var(--ease-out), margin .2s var(--ease-out);margin-top:2px;font-size:14px;overflow:hidden}.app-ph-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-ph.is-compact{background:var(--frost);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);box-shadow:0 1px 0 var(--hair)}.app-ph.is-compact .app-ph-row{min-height:44px}.app-ph.is-compact .app-ph-title{font-size:19px}.app-ph.is-compact .app-ph-sub{opacity:0;max-height:0;margin:0}@media (width<=899px){.app-ph{top:0}.app-ph.is-compact .app-ph-title{font-size:17px}}.app-rail-scroll{scrollbar-width:none;-webkit-mask-image:linear-gradient(#0000 0,#000 10px calc(100% - 28px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 10px calc(100% - 28px),#0000 100%)}.app-rail-scroll::-webkit-scrollbar{display:none}.app-slide-pill{background:var(--panel);box-shadow:var(--raise);pointer-events:none;transition:transform .26s var(--ease-drawer), width .26s var(--ease-drawer), height .26s var(--ease-drawer), opacity .16s;border-radius:10px;position:absolute;top:0;left:0}.app-pillbar{background:var(--frost);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);box-shadow:var(--sh-3), 0 0 0 1px var(--frost-edge)}.app-sheet{background:var(--panel);box-shadow:var(--float);border-radius:16px 16px 0 0;max-height:90dvh}.app-sheet-grabber{background:var(--hair-2);border-radius:999px;width:40px;height:4px;margin:8px auto 0}.app-scrim{background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes app-sheet-in{0%{transform:translateY(100%)}to{transform:none}}.app-sheet-enter{animation:app-sheet-in .28s var(--ease-drawer) both}.app-heat{grid-template-columns:repeat(30,minmax(0,1fr));gap:3px;display:grid}.app-heat>i{aspect-ratio:1;background:var(--g0);border-radius:3px;display:block}@media (prefers-reduced-motion:reduce){.app-slide-pill,.app-ph,.app-ph-title,.app-ph-sub,.app-sheet-enter{transition:none!important;animation:none!important}}@media (prefers-reduced-transparency:reduce){.app-pillbar,.app-ph.is-compact,.app-scrim{background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}}:root{--tile-orange:#f1a646;--tile-teal:#52afa1;--tile-lilac:#c9b8e7;--tile-sage:#b9d7a6;--tile-ink:#17201a}.app-tile{background:var(--tile,var(--tile-sage));width:32px;height:32px;color:var(--tile-ink);border-radius:8px;flex:none;place-items:center;display:grid}.app-tile>svg{width:16px;height:16px}.app-stat{background:var(--panel);box-shadow:var(--raise);transition:box-shadow .2s var(--ease-out), transform .14s var(--ease-out);border-radius:10px;padding:16px;display:block}.app-stat:hover{box-shadow:var(--raise-hi)}.app-stat:active{transform:scale(.985)}.app-meter{background:var(--g0);border-radius:999px;height:8px;overflow:hidden}.app-meter>i{transform-origin:0;height:100%;animation:app-grow .62s var(--ease-out) both;animation-delay:calc(var(--i,0) * 50ms);border-radius:999px;display:block}@keyframes app-grow{0%{transform:scaleX(0)}to{transform:none}}@media (prefers-reduced-motion:reduce){.app-meter>i{animation:none}}