:root{--jackos-bg-app:#071225;--jackos-bg-content:#0f172ab8;--jackos-bg-header:#0f172ae0;--jackos-bg-toolbar:#0f172acc;--jackos-fg-default:#e2e8f0;--jackos-fg-subtle:#94a3b8;--jackos-fg-title:#f8fafc;--jackos-border-soft:#94a3b859;--jackos-accent:#f8fafc;--jackos-shadow-soft:0 18px 45px #0f172a66;--jackos-radius-panel:1.5rem;--jackos-radius-control:.75rem;--jackos-focus-ring:0 0 0 3px color-mix(in srgb, var(--jackos-accent) 28%, transparent);--jackos-input-bg:#0f172ab8;--jackos-input-fg:#e2e8f0;--jackos-input-border:#94a3b859;--jackos-button-primary-bg:#334155;--jackos-button-primary-fg:#f8fafc;--jackos-button-secondary-bg:#0f172acc;--jackos-button-secondary-fg:#e2e8f0;--jackos-button-border:#94a3b859}html,body{background:var(--jackos-bg-app);min-height:100%;color:var(--jackos-fg-default)}body{transition:background-color .16s,color .16s}::selection{background:color-mix(in srgb, var(--jackos-accent) 30%, transparent);color:var(--jackos-fg-title)}:where(button,a,input,select,textarea,[role=button]):focus-visible{box-shadow:var(--jackos-focus-ring);outline:none}:where(button:not(:disabled)){transition:filter .12s}@media (hover:hover){:where(button:not(:disabled)):hover{filter:brightness(1.06)}}*{scrollbar-color:color-mix(in srgb, var(--jackos-fg-subtle) 62%, transparent) color-mix(in srgb, var(--jackos-bg-content) 72%, transparent)}.jackos-surface{background:var(--jackos-bg-app);color:var(--jackos-fg-default)}.jackos-panel{border:1px solid var(--jackos-border-soft);border-radius:var(--jackos-radius-panel);background:var(--jackos-bg-content);color:var(--jackos-fg-default);box-shadow:var(--jackos-shadow-soft)}.jackos-toolbar-surface{border:1px solid var(--jackos-border-soft);border-radius:var(--jackos-radius-control);background:var(--jackos-bg-toolbar);color:var(--jackos-fg-default)}.jackos-title{color:var(--jackos-fg-title)}.jackos-muted{color:var(--jackos-fg-subtle)}.jackos-control{border:1px solid var(--jackos-input-border);border-radius:var(--jackos-radius-control);background:var(--jackos-input-bg);color:var(--jackos-input-fg);font:inherit;transition:border-color .12s,background-color .12s,color .12s,box-shadow .12s,transform 90ms}.jackos-control::placeholder{color:color-mix(in srgb, var(--jackos-fg-subtle) 78%, transparent)}.jackos-control:disabled,.jackos-button:disabled{cursor:not-allowed;opacity:.5}.jackos-button{border:1px solid var(--jackos-button-border);min-height:2.25rem;font:inherit;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.75rem;font-weight:800;line-height:1;transition:filter .12s,border-color .12s,background-color .12s,box-shadow .12s,transform 90ms;display:inline-flex}.jackos-button:not(:disabled):hover{filter:brightness(1.06);border-color:color-mix(in srgb, var(--jackos-accent) 58%, var(--jackos-button-border));box-shadow:0 0 0 1px color-mix(in srgb, var(--jackos-accent) 16%, transparent), 0 6px 18px color-mix(in srgb, var(--jackos-accent) 16%, transparent);transform:translateY(-1px)}.jackos-button:not(:disabled):active{transform:translateY(1px)}.jackos-button-primary{background:var(--jackos-button-primary-bg);color:var(--jackos-button-primary-fg)}.jackos-button-secondary{background:var(--jackos-button-secondary-bg);color:var(--jackos-button-secondary-fg)}.jackos-nav-rail{box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:.375rem;width:100%;display:flex}.jackos-nav-pill{border:1px solid var(--jackos-button-border);background:color-mix(in srgb, var(--jackos-button-secondary-bg) 92%, transparent);min-height:1.75rem;color:var(--jackos-button-secondary-fg);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.3rem;padding:.28rem .62rem;font-size:.6875rem;font-weight:650;line-height:1;transition:border-color .12s,background-color .12s,color .12s,box-shadow .12s,transform 90ms,filter .12s;display:inline-flex}.jackos-nav-pill:not(:disabled):not([aria-disabled=true]):not([aria-current=page]):hover,.jackos-nav-pill:not(:disabled):not([aria-disabled=true]):not([aria-current=page]):focus-visible{border-color:color-mix(in srgb, var(--jackos-accent) 62%, var(--jackos-button-border));background:color-mix(in srgb, var(--jackos-accent) 16%, var(--jackos-button-secondary-bg));color:var(--jackos-fg-title);box-shadow:0 0 0 1px color-mix(in srgb, var(--jackos-accent) 18%, transparent), 0 5px 16px color-mix(in srgb, var(--jackos-accent) 18%, transparent);filter:brightness(1.03);transform:translateY(-1px)}.jackos-nav-pill[aria-current=page],.jackos-nav-pill[data-active=true]{border-color:color-mix(in srgb, var(--jackos-accent) 46%, var(--jackos-button-border));background:var(--jackos-button-primary-bg);color:var(--jackos-button-primary-fg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--jackos-accent) 12%, transparent), 0 3px 10px color-mix(in srgb, var(--jackos-accent) 12%, transparent);cursor:default;font-weight:800}.jackos-nav-pill:disabled,.jackos-nav-pill[aria-disabled=true]{cursor:not-allowed;opacity:.45}.jackos-nav-pill:not(:disabled):active{transform:translateY(0)}.jackos-skeleton{background:color-mix(in srgb, var(--jackos-bg-content) 82%, var(--jackos-fg-subtle) 18%);position:relative;overflow:hidden}.jackos-skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--jackos-fg-default) 10%, transparent), transparent);animation:1.35s ease-in-out infinite jackos-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes jackos-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){body,button,.jackos-control,.jackos-button,.jackos-nav-pill{transition:none}.jackos-button:not(:disabled):hover,.jackos-nav-pill:not(:disabled):hover,.jackos-nav-pill:not(:disabled):focus-visible{transform:none}.jackos-skeleton:after{animation:none}}
html[data-jackos-native=ios]:not([data-jackos-safe-area=native]){--jackos-native-safe-top:env(safe-area-inset-top,0px)}html[data-jackos-native=ios]:not([data-jackos-safe-area=native]) main[data-shell-mode]{margin-top:var(--jackos-native-safe-top);height:calc(100dvh - var(--jackos-native-safe-top))!important;min-height:calc(100dvh - var(--jackos-native-safe-top))!important}html[data-jackos-native=ios]:not([data-jackos-safe-area=native]) main[data-shell-mode] *{scroll-margin-top:var(--jackos-native-safe-top)}html[data-jackos-native=ios][data-jackos-app-mode=fullscreen] main[data-shell-mode=standard]{--jackos-native-destination-bottom-clearance:4.75rem}html[data-jackos-native=ios][data-jackos-app-mode=fullscreen] main[data-shell-mode=standard]>div>header[class*="z-[100]"]{display:none!important}html[data-jackos-native=ios][data-jackos-app-mode=fullscreen] main[data-shell-mode=standard]>div>header.relative.z-40.isolate{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border-color:#0000!important}html[data-jackos-native=ios][data-jackos-app-mode=fullscreen] main[data-shell-mode=standard]>div>header.relative.z-40.isolate>div{gap:0!important;max-width:none!important;padding:.4rem .55rem .3rem!important}html[data-jackos-native=ios][data-jackos-app-mode=fullscreen] main[data-shell-mode=standard]>div>header.relative.z-40.isolate>div>div:first-child,html[data-jackos-native=ios][data-jackos-app-mode=fullscreen] main[data-shell-mode=standard]>div>header.relative.z-40.isolate>div>div.relative.z-40{display:none!important}html[data-jackos-native=ios][data-jackos-app-mode=fullscreen] main[data-shell-mode=standard]>div>header.relative.z-40.isolate>div>div.relative.z-50,html[data-jackos-native=ios][data-jackos-app-mode=fullscreen] main[data-shell-mode=standard]>div>header.relative.z-40.isolate>div>div.relative.z-20{box-shadow:var(--jackos-shadow-soft)!important;border-radius:18px!important;margin-top:0!important}html[data-jackos-native=ios][data-jackos-app-mode=fullscreen] main[data-shell-mode=standard]>div>div.relative.z-0.flex-1{scroll-padding-bottom:var(--jackos-native-destination-bottom-clearance)}html[data-jackos-native=ios][data-jackos-app-mode=fullscreen] main[data-shell-mode=standard]>div>div.relative.z-0.flex-1>div{max-width:none!important;padding:0!important}html[data-jackos-native=ios][data-jackos-app-mode=fullscreen] main[data-shell-mode=standard]>div>div.relative.z-0.flex-1>div>div:first-child{min-height:100%!important;box-shadow:none!important;padding:.65rem .65rem var(--jackos-native-destination-bottom-clearance)!important;border:0!important;border-radius:0!important}@media (prefers-reduced-motion:reduce){html[data-jackos-native=ios][data-jackos-app-mode=fullscreen] *{scroll-behavior:auto!important}}