@media not (min-width:48rem){:root{--ui-control-height:44px;--ui-page-inset:16px;--ui-label-gap:8px;--ui-hint-gap:4px;--ui-field-gap:16px;--ui-section-gap:24px;--ui-press-scale:.98;--ui-press-release:.14s;--ui-font-body:14px;--ui-font-label:13px;--ui-font-caption:12px;--ui-font-title-page:22px;--ui-font-title-section:18px;--ui-font-title-group:16px}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-header{padding-top:env(safe-area-inset-top)}:is(input,select,textarea){font-size:16px}.ui-control,select,input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color],[type=hidden]){min-height:var(--ui-control-height)}.ui-control[data-icon-only=true]{min-width:var(--ui-control-height)}.ui-dialog-overlay{padding-top:max(12px, env(safe-area-inset-top));align-items:flex-end;overflow:hidden}.ui-dialog-content{width:100%;max-width:none;max-height:calc(100dvh - max(12px, env(safe-area-inset-top)));overscroll-behavior:contain;border-bottom:env(safe-area-inset-bottom,0px) solid transparent;border-radius:24px 24px 0 0;margin:0;overflow-y:auto}.ui-dialog-footer{align-items:stretch;gap:var(--ui-label-gap);margin-top:var(--ui-section-gap);flex-direction:column-reverse}.ui-dialog-footer>*{width:100%}[data-touch-feedback]{transition:transform var(--ui-press-release) ease-out, background-color var(--ui-press-release) ease-out, filter var(--ui-press-release) ease-out;transform:none}[data-touch-feedback][data-touch-pressed=true]{transform:scale(var(--ui-press-scale));filter:brightness(.94);transition-duration:0s}[data-touch-feedback=highlight][data-touch-pressed=true]{filter:none;background-color:var(--color-gray-100);transform:none}.dark [data-touch-feedback=highlight][data-touch-pressed=true]{background-color:#ffffff0f}}@media (not (min-width:48rem)) and (prefers-reduced-motion:reduce){[data-touch-feedback],[data-touch-feedback][data-touch-pressed=true]{transition:none;transform:none}}
.mobile-shell-only{display:none}@media not (min-width:48rem){:root[data-mobile-shell=on]{--shell-surface:#fff;--shell-page:var(--color-gray-50);--shell-panel:#fff;--shell-border:var(--color-gray-200);--shell-muted:var(--color-gray-100);--shell-text:var(--color-gray-900);--shell-text-secondary:var(--color-gray-500);--shell-text-tertiary:var(--color-gray-400);--shell-primary:var(--color-brand-500);--shell-primary-subtle:var(--color-brand-50);--shell-tab-bar-height:57px}:root[data-mobile-shell=on].dark{--shell-surface:var(--color-gray-900);--shell-page:var(--color-gray-900);--shell-panel:var(--color-gray-800);--shell-border:var(--color-gray-800);--shell-muted:#ffffff0f;--shell-text:#ffffffe6;--shell-text-secondary:var(--color-gray-400);--shell-text-tertiary:var(--color-gray-500);--shell-primary:var(--color-brand-400);--shell-primary-subtle:#2e8c9e2e}:root[data-mobile-shell=on] :is(.app-sidebar,.app-sidebar-backdrop,.app-header){display:none}:root[data-mobile-shell=on] .mobile-shell-only{display:revert}:root[data-mobile-shell=on] .app-shell{min-height:100dvh}:root[data-mobile-shell=on] .app-shell-content{min-width:0}:root[data-mobile-shell=on] .app-shell-main{padding-bottom:calc(var(--shell-tab-bar-height) + var(--ui-section-gap) + env(safe-area-inset-bottom));font-size:var(--ui-font-body)}:root[data-mobile-shell=on] .mobile-header{z-index:30;min-height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--ui-page-inset) 0;color:var(--shell-text);background:var(--shell-surface);border-bottom:1px solid var(--shell-border);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}:root[data-mobile-shell=on] .mobile-header-action{width:var(--ui-control-height);height:var(--ui-control-height);color:var(--shell-text-secondary);border-radius:999px;place-items:center;margin-right:-10px;display:grid}:root[data-mobile-shell=on] .mobile-back{min-height:var(--ui-control-height);font-size:var(--ui-font-label);color:var(--shell-text-secondary);align-items:center;gap:4px;margin-bottom:4px;display:flex}:root[data-mobile-shell=on] .mobile-tab-bar{z-index:40;padding:4px 4px max(4px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--shell-surface) 94%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-top:1px solid var(--shell-border);display:flex;position:fixed;inset:auto 0 0}:root[data-mobile-shell=on] .mobile-tab{min-width:0;min-height:49px;color:var(--shell-text-secondary);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;padding-inline:4px;font-size:11px;font-weight:600;display:flex}:root[data-mobile-shell=on] .mobile-tab[data-selected=true]{color:var(--shell-primary)}:root[data-mobile-shell=on] .mobile-tab[data-touch-feedback=highlight][data-touch-pressed=true]{background:0 0}:root[data-mobile-shell=on] .mobile-tab-icon{width:44px;height:28px;transition:background var(--ui-press-release), transform var(--ui-press-release), filter var(--ui-press-release);border-radius:999px;place-items:center;display:grid}:root[data-mobile-shell=on] .mobile-tab[data-touch-pressed=true] .mobile-tab-icon{background:var(--shell-primary-subtle);transform:scale(var(--ui-press-scale));filter:brightness(.94);transition-duration:0s}:root[data-mobile-shell=on] .ui-tab-bar-icon{place-items:center;width:100%;height:100%;display:grid;position:relative}:root[data-mobile-shell=on] .ui-tab-bar-selection{pointer-events:none;background:var(--shell-primary-subtle);border-radius:999px;position:absolute;inset:0}:root[data-mobile-shell=on] .ui-tab-bar-symbol{place-items:center;display:grid;position:relative}:root[data-mobile-shell=on] .mobile-tab-avatar{border-radius:999px;width:24px;height:24px;display:block;overflow:hidden}:root[data-mobile-shell=on] .mobile-tab-avatar span{font-size:11px}:root[data-mobile-shell=on] .mobile-tab[data-selected=true] .mobile-tab-avatar{outline:2px solid var(--shell-primary);outline-offset:2px}:root[data-mobile-shell=on] .mobile-me{color:var(--shell-text);padding-top:8px}:root[data-mobile-shell=on] .mobile-me h1{font-size:var(--ui-font-title-page);margin-bottom:20px;font-weight:700;line-height:1.3}:root[data-mobile-shell=on] .mobile-me-group{margin-top:var(--ui-section-gap)}:root[data-mobile-shell=on] .mobile-me-group h2{font-size:var(--ui-font-caption);color:var(--shell-text-tertiary);margin:0 12px 8px;font-weight:500}:root[data-mobile-shell=on] .mobile-me-list{background:var(--shell-panel);border:1px solid var(--shell-border);border-radius:16px;overflow:hidden}:root[data-mobile-shell=on] .mobile-me-row{width:100%;min-height:48px;padding:12px var(--ui-page-inset);text-align:start;font-size:var(--ui-font-body);color:var(--shell-text);justify-content:space-between;align-items:center;gap:12px;line-height:1.4;display:flex}:root[data-mobile-shell=on] .mobile-me-row+.mobile-me-row,:root[data-mobile-shell=on] .mobile-me-entry+.mobile-me-entry{border-top:1px solid var(--shell-border)}:root[data-mobile-shell=on] .mobile-me-row>svg{color:var(--shell-text-tertiary);flex-shrink:0}:root[data-mobile-shell=on] .mobile-me-children{padding-left:24px}:root[data-mobile-shell=on] .mobile-me-dot{width:24px;color:var(--shell-text-tertiary);flex-shrink:0;justify-content:center;display:inline-flex}:root[data-mobile-shell=on] .mobile-me-identity{min-height:64px;padding:12px var(--ui-page-inset);background:var(--shell-panel);border:1px solid var(--shell-border);border-radius:16px;align-items:center;gap:12px;display:flex}:root[data-mobile-shell=on] .mobile-me-identity-secondary{font-size:var(--ui-font-caption);color:var(--shell-text-secondary)}:root[data-mobile-shell=on] :is(.app-shell-main,.ui-dialog-content) :where(.text-base):not(input,select,textarea){font-size:var(--ui-font-body)}:root[data-mobile-shell=on] :is(.app-shell-main,.ui-dialog-content) :where(.text-sm):not(input,select,textarea){font-size:var(--ui-font-label)}:root[data-mobile-shell=on] :is(.app-shell-main,.ui-dialog-content) :where(.text-xs):not(input,select,textarea){font-size:var(--ui-font-caption)}:root[data-mobile-shell=on] :is(.app-shell-main,.ui-dialog-content) :where(.text-lg):not(input,select,textarea){font-size:16px}:root[data-mobile-shell=on] :is(.app-shell-main,.ui-dialog-content) :where(.text-xl):not(input,select,textarea){font-size:18px}:root[data-mobile-shell=on] :is(.app-shell-main,.ui-dialog-content) h1{font-size:var(--ui-font-title-page);line-height:1.3}:root[data-mobile-shell=on] :is(.app-shell-main,.ui-dialog-content) h2{font-size:var(--ui-font-title-section);line-height:1.35}:root[data-mobile-shell=on] :is(.app-shell-main,.ui-dialog-content) :is(h3,h4){font-size:var(--ui-font-title-group);line-height:1.4}:root[data-mobile-shell=on] :is(.app-shell-main,.ui-dialog-content) label{font-size:var(--ui-font-label)}:root[data-mobile-shell=on] :is(input,textarea)::placeholder{font-size:var(--ui-font-body)}:root[data-mobile-shell=on] .mobile-me .mobile-me-group h2{font-size:var(--ui-font-caption)}}@media (not (min-width:48rem)) and (prefers-reduced-motion:reduce){:root[data-mobile-shell=on] .mobile-tab-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--shell-surface)}:root[data-mobile-shell=on] .mobile-tab-icon{transition:none}:root[data-mobile-shell=on] .mobile-tab[data-touch-pressed=true] .mobile-tab-icon{transform:none}}