.client[data-v-7cbfbb87]{--control-h:44px;--btn-h:44px;--pill-h:44px;--tab-h:44px;--tabs-h:0px;background:var(--c-bg);flex-direction:column;min-height:100dvh;font-size:15px;display:flex}.client.has-tabs[data-v-7cbfbb87]{--tabs-h:64px;--toast-offset:64px}.client__demo[data-v-7cbfbb87]{background:var(--c-bar);border-bottom:1px solid var(--c-border);min-height:30px;color:var(--c-text-muted);justify-content:center;align-items:center;gap:12px;padding:3px 16px;font-size:12px;display:flex}.client__demo-text[data-v-7cbfbb87]{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:inline-flex}.client__demo-text strong[data-v-7cbfbb87]{color:var(--c-text);font-weight:600}.client[data-v-7cbfbb87] .ui-toast__close{width:44px;height:44px;margin:-10px -8px -10px 0}.client[data-v-7cbfbb87] .ui-input__toggle{width:44px;height:44px;margin:-1px -8px -1px 0}.client__demo-btn[data-v-7cbfbb87]{border-radius:var(--radius-sm);min-height:44px;color:var(--c-primary);background:0 0;border:0;flex-shrink:0;margin-block:-10px;padding:0 8px;font-size:12px;font-weight:600}.client__demo-btn[data-v-7cbfbb87]:hover{color:var(--c-primary-hover)}.client__top[data-v-7cbfbb87]{z-index:var(--z-sticky);background:var(--c-bg);border-bottom:1px solid var(--c-border);position:sticky;top:0}.client__top-inner[data-v-7cbfbb87]{align-items:center;gap:24px;width:100%;max-width:752px;height:56px;margin:0 auto;padding:0 16px;display:flex}.client__nav[data-v-7cbfbb87]{gap:4px;margin-left:auto;display:none}.client__nav-link[data-v-7cbfbb87]{border-radius:var(--radius);min-height:40px;color:var(--c-text);align-items:center;gap:6px;padding:0 10px;font-weight:500;text-decoration:none;display:inline-flex}.client__nav-link[data-v-7cbfbb87]:hover{background:var(--c-bg-subtle);color:var(--c-text-strong)}.client__nav-link.is-active[data-v-7cbfbb87]{color:var(--c-primary)}.client__count[data-v-7cbfbb87]{background:var(--c-primary);min-width:18px;color:var(--c-on-primary);text-align:center;border-radius:9px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px}.client__content[data-v-7cbfbb87]{width:100%;max-width:752px;padding:20px 16px calc(28px + var(--tabs-h) + env(safe-area-inset-bottom));flex:1 0 auto;margin:0 auto}.client__tabs[data-v-7cbfbb87]{z-index:var(--z-bar);height:calc(var(--tabs-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--c-bg);border-top:1px solid var(--c-border);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.client__tab[data-v-7cbfbb87]{min-width:0;color:var(--c-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.client__tab[data-v-7cbfbb87]:hover{color:var(--c-text-strong)}.client__tab.is-active[data-v-7cbfbb87]{color:var(--c-primary)}.client__tab[data-v-7cbfbb87]:focus-visible{outline-offset:-3px}.client__tab-icon[data-v-7cbfbb87]{display:inline-flex;position:relative}.client__tab-badge[data-v-7cbfbb87]{background:var(--c-primary);border:1px solid var(--c-bg);min-width:16px;height:16px;color:var(--c-on-primary);text-align:center;border-radius:8px;padding:0 4px;font-size:10px;font-weight:700;line-height:14px;position:absolute;top:-4px;right:-9px}@media (width>=768px){.client[data-v-7cbfbb87]{--tabs-h:0px}.client.has-tabs[data-v-7cbfbb87]{--tabs-h:0px;--toast-offset:0px}.client__nav[data-v-7cbfbb87]{display:flex}.client__tabs[data-v-7cbfbb87]{display:none}.client__content[data-v-7cbfbb87]{padding-top:32px;padding-bottom:56px}}