html[data-app]{--tabbar-h:3.875rem;--titlebar-h:2.75rem;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--app-radius-card:1.5rem;--app-radius-input:.875rem;--app-radius-button:.375rem;--app-accent-glow:0 6px 18px -8px color-mix(in srgb, var(--accent) 70%, transparent);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:var(--surface);overflow-x:clip}html[data-app] input,html[data-app] textarea,html[data-app] [contenteditable],html[data-app] [data-selectable]{-webkit-user-select:text;user-select:text}html[data-app] body{max-width:100vw;padding-top:calc(var(--titlebar-h) + var(--safe-top));padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom));overscroll-behavior-y:contain;min-height:100dvh;overflow-x:clip}html[data-app] [data-web-chrome],html[data-app] [data-web-only]{display:none!important}html[data-app] main,html[data-app] [data-app-page]{max-width:100%;padding-inline:1rem}html[data-app] main>*{opacity:1;transition:opacity .28s var(--ease-out-quart), translate .28s var(--ease-out-quart);translate:0}@starting-style{html[data-app] main>*{opacity:0;translate:12px}html[data-app][dir=rtl] main>*{translate:-12px}}html[data-app] .surface-card,html[data-app] div.rounded-md.border-dashed{border-radius:var(--app-radius-card)}html[data-app] input:not([type=checkbox]):not([type=radio]):not([type=file]),html[data-app] select,html[data-app] textarea{border-radius:var(--app-radius-input);min-height:44px;font-size:max(16px,1em)}html[data-app] button,html[data-app] a.rounded-md,html[data-app] [role=button]{border-radius:var(--app-radius-button);min-height:44px}html[data-app] button.rounded-full,html[data-app] a.rounded-full{border-radius:999px}html[data-app] button.bg-accent{box-shadow:var(--app-accent-glow)}@media (hover:none){html[data-app] a:hover,html[data-app] button:hover{background-color:inherit}}html[data-app] nav[aria-label] ul,html[data-app] nav[aria-label]>div{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.5rem;margin-inline:-1rem;padding-block:.25rem;padding-inline:1rem;display:flex;overflow-x:auto}html[data-app] nav[aria-label] ul::-webkit-scrollbar{display:none}html[data-app] nav[aria-label] a{white-space:nowrap;border-radius:999px}html[data-app] [data-hero=compact]{min-height:0;padding-block:.75rem .5rem}html[data-app] [data-hero] .editorial-atmosphere-loop{display:none}html[data-app] table{min-width:100%}html[data-app] .overflow-x-auto{-webkit-overflow-scrolling:touch}.app-titlebar{inset-inline:0;z-index:40;height:calc(var(--titlebar-h) + var(--safe-top));padding-top:var(--safe-top);background-color:var(--surface-raised);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding-inline:.75rem;display:flex;position:fixed;top:0}.app-titlebar__title{text-align:center;min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9375rem;font-weight:500;overflow:hidden}.app-titlebar__btn{width:44px;height:44px;color:var(--accent);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;border-radius:999px!important;min-height:44px!important}.app-titlebar__btn:active{background-color:var(--surface-sunken)}html[dir=rtl] .app-titlebar__btn--back svg{transform:scaleX(-1)}.app-tabbar{inset-inline:0;z-index:40;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background-color:var(--surface-raised);border-top:1px solid var(--border);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0}.app-tab{min-height:44px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out-quart);flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.25rem 0;font-size:.5625rem;text-decoration:none;display:flex;overflow:visible;border-radius:0!important}.app-tab svg{stroke-width:1.5px;width:24px;height:24px}.app-tab[aria-current=page]{color:var(--accent)}.app-tab:active{color:var(--ink)}.app-tab--add svg{border:1.5px solid;border-radius:.5rem;width:30px;height:30px;padding:4px}:where(html[lang=ar]) .app-tab{letter-spacing:.02em;font-size:.6875rem}.app-live-dot{background-color:var(--accent-strong);border-radius:999px;width:.5rem;height:.5rem;display:inline-block}.app-live-dot[data-pulse=true]{animation:app-live-pulse .9s var(--ease-out-quart)}@keyframes app-live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent-strong) 60%, transparent)}to{box-shadow:0 0 0 10px #0000}}[data-count-up=true]{animation:app-count-up .3s var(--ease-out-quart)}@keyframes app-count-up{0%{opacity:.4;translate:0 4px}to{opacity:1;translate:0}}[data-draw-in] path[data-series]{stroke-dasharray:2400;stroke-dashoffset:2400px;animation:lp-draw-in .6s var(--ease-out-quart) forwards}@keyframes lp-draw-in{to{stroke-dashoffset:0}}.app-onboarding{z-index:60;background-color:var(--surface);color:var(--ink);padding:calc(var(--safe-top) + 1rem) 1.25rem calc(var(--safe-bottom) + 1.25rem);flex-direction:column;display:flex;position:fixed;inset:0}.app-onboarding__art{border-radius:var(--app-radius-card);background-color:var(--surface-sunken);flex:1;min-height:0;position:relative;overflow:hidden}.app-onboarding__art img,.app-onboarding__art video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.app-onboarding__art:after{content:"";background:linear-gradient(to bottom, transparent, var(--surface-sunken));height:45%;position:absolute;inset:auto 0 0}.app-onboarding__dots{justify-content:center;gap:.375rem;margin-top:1rem;display:flex}.app-onboarding__dot{background-color:var(--border-strong);width:.375rem;height:.375rem;transition:background-color var(--duration-base);border-radius:999px}.app-onboarding__dot[aria-current=step]{background-color:var(--accent)}.app-ptr{top:calc(var(--titlebar-h) + var(--safe-top));z-index:39;pointer-events:none;justify-content:center;display:flex;position:fixed;inset-inline:0}.app-ptr__spinner{border:2px solid var(--border);border-top-color:var(--accent);opacity:0;width:1.5rem;height:1.5rem;transition:opacity var(--duration-fast), transform var(--duration-base) var(--ease-out-quart);border-radius:999px;margin-top:.5rem;transform:scale(.6)}.app-ptr[data-state=pulling] .app-ptr__spinner{opacity:1;transform:scale(1)}.app-ptr[data-state=refreshing] .app-ptr__spinner{opacity:1;animation:.8s linear infinite app-spin;transform:scale(1)}@keyframes app-spin{to{rotate:360deg}}.app-lock{z-index:70;background-color:var(--surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex;position:fixed;inset:0}