:root{--keyboard-height: 0px;--overlay-max-height: 85vh;--safe-area-bottom-kb: var(--safe-area-bottom, env(safe-area-inset-bottom, 0px))}html.keyboard-visible{--overlay-max-height: calc(100vh - var(--keyboard-height, 0px) - 44px);--safe-area-bottom-kb: 0px;--safe-area-bottom: 0px}.nav-sidebar,.nav-top,.nav-bottom,.nav-drawer,.nav-drawer-trigger{display:none}.nav-mobile-bottom .nav-bottom,.nav-mobile-top .nav-top,.nav-mobile-sidebar .nav-sidebar,.nav-mobile-drawer .nav-drawer-trigger{display:flex}.nav-mobile-none .nav-bottom,.nav-mobile-none .nav-top,.nav-mobile-none .nav-sidebar,.nav-mobile-none .nav-drawer-trigger{display:none}@media(min-width:768px){.nav-tablet-sidebar .nav-bottom,.nav-tablet-sidebar .nav-top,.nav-tablet-sidebar .nav-drawer-trigger{display:none}.nav-tablet-sidebar .nav-sidebar{display:flex}.nav-tablet-top .nav-bottom,.nav-tablet-top .nav-sidebar,.nav-tablet-top .nav-drawer-trigger{display:none}.nav-tablet-top .nav-top{display:flex}.nav-tablet-bottom .nav-sidebar,.nav-tablet-bottom .nav-top,.nav-tablet-bottom .nav-drawer-trigger{display:none}.nav-tablet-bottom .nav-bottom{display:flex}.nav-tablet-drawer .nav-bottom,.nav-tablet-drawer .nav-top,.nav-tablet-drawer .nav-sidebar{display:none}.nav-tablet-drawer .nav-drawer-trigger{display:flex}.nav-tablet-none .nav-bottom,.nav-tablet-none .nav-top,.nav-tablet-none .nav-sidebar,.nav-tablet-none .nav-drawer-trigger{display:none}}@media(min-width:1024px){.nav-desktop-sidebar .nav-bottom,.nav-desktop-sidebar .nav-top,.nav-desktop-sidebar .nav-drawer-trigger{display:none}.nav-desktop-sidebar .nav-sidebar{display:flex}.nav-desktop-top .nav-bottom,.nav-desktop-top .nav-sidebar,.nav-desktop-top .nav-drawer-trigger{display:none}.nav-desktop-top .nav-top{display:flex}.nav-desktop-bottom .nav-sidebar,.nav-desktop-bottom .nav-top,.nav-desktop-bottom .nav-drawer-trigger{display:none}.nav-desktop-bottom .nav-bottom{display:flex}.nav-desktop-drawer .nav-bottom,.nav-desktop-drawer .nav-top,.nav-desktop-drawer .nav-sidebar{display:none}.nav-desktop-drawer .nav-drawer-trigger{display:flex}.nav-desktop-none .nav-bottom,.nav-desktop-none .nav-top,.nav-desktop-none .nav-sidebar,.nav-desktop-none .nav-drawer-trigger{display:none}}.nav-style-mobile-icons-only .nav-bottom .nav-label,.nav-style-mobile-icons-only .nav-top .nav-label,.nav-style-mobile-labels-only .nav-bottom .nav-icon,.nav-style-mobile-labels-only .nav-top .nav-icon{display:none}@media(min-width:768px){.nav-style-tablet-icons-only .nav-sidebar .nav-label,.nav-style-tablet-icons-only .nav-top .nav-label,.nav-style-tablet-labels-only .nav-sidebar .nav-icon,.nav-style-tablet-labels-only .nav-top .nav-icon{display:none}.nav-style-tablet-icons-labels .nav-sidebar .nav-icon,.nav-style-tablet-icons-labels .nav-sidebar .nav-label{display:flex}}@media(min-width:1024px){.nav-style-desktop-icons-only .nav-sidebar .nav-label,.nav-style-desktop-labels-only .nav-sidebar .nav-icon{display:none}.nav-style-desktop-icons-labels .nav-sidebar .nav-icon,.nav-style-desktop-icons-labels .nav-sidebar .nav-label{display:flex}}.nav-sidebar{flex-direction:column;width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;overflow-y:auto;border-right:1px solid var(--color-border, hsl(var(--border)));background:var(--color-surface, hsl(var(--sidebar-background, var(--background))))}.sidebar-collapse-toggle{display:none!important}.sidebar-collapsible .sidebar-collapse-toggle{display:flex!important}.sidebar-collapsible .nav-sidebar{transition:width var(--transition-duration, .2s) var(--transition-easing, ease)}.sidebar-collapsible .nav-sidebar.collapsed{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}.sidebar-collapsible .nav-sidebar.collapsed .nav-label{display:none}.nav-top{width:100%;height:var(--header-height);align-items:center;border-bottom:1px solid var(--color-border, hsl(var(--border)));background:var(--color-bg, hsl(var(--background)));padding:0 var(--content-padding-mobile)}@media(min-width:768px){.nav-top{padding:0 var(--content-padding-tablet)}}@media(min-width:1024px){.nav-top{padding:0 var(--content-padding-desktop)}}.nav-bottom{width:100%;align-items:center;justify-content:space-around;border-top:1px solid var(--color-border, hsl(var(--border)));background:var(--color-bg, hsl(var(--background)));padding:8px 0 max(8px,var(--safe-area-bottom, env(safe-area-inset-bottom, 0px)))}.app-header{height:var(--header-height);padding:0 var(--content-padding-mobile, 16px)}@media(min-width:768px){.app-header{padding:0 var(--content-padding-tablet, 24px)}}@media(min-width:1024px){.app-header{padding:0 var(--content-padding-desktop, 32px)}}.header-fixed .app-header,.header-sticky .app-header{position:sticky;top:0;z-index:40}.header-scroll .app-header{position:relative}.header-collapsing .app-header{position:sticky;top:0;z-index:40;transition:height var(--transition-duration, .2s) var(--transition-easing, ease)}.header-collapsing .app-header.collapsed{height:var(--header-collapsed-height)}.app-content{width:100%;max-width:var(--content-max-width);padding:var(--section-gap, 16px) var(--content-padding-mobile, 16px)}.app-content>*:first-child{margin-top:0!important}.app-content-inner{width:100%}.content-align-center .app-content{margin-left:auto;margin-right:auto}.content-align-left .app-content{margin-left:0;margin-right:auto}@media(min-width:768px){.app-content{max-width:min(var(--content-max-width-tablet, 720px),100%);padding:var(--section-gap, 20px) var(--content-padding-tablet, 24px)}}@media(min-width:1024px){.app-content{max-width:min(var(--content-max-width-desktop, 960px),100%);padding:var(--section-gap, 24px) var(--content-padding-desktop, 32px)}}.auto-grid{display:grid;gap:var(--section-gap, 16px);grid-template-columns:repeat(var(--grid-cols-mobile, 1),minmax(0,1fr))}.auto-grid>*{min-width:0}@media(min-width:768px){.auto-grid{grid-template-columns:repeat(var(--grid-cols-tablet, 2),minmax(0,1fr))}}@media(min-width:1024px){.auto-grid{grid-template-columns:repeat(var(--grid-cols-desktop, 3),minmax(0,1fr))}}.carousel-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.carousel-scroll::-webkit-scrollbar{display:none}.carousel-scroll>*{scroll-snap-align:start;flex-shrink:0}.fab-element{display:none}.fab-bottom-right .fab-element{display:flex;position:fixed;bottom:calc(16px + var(--safe-area-bottom, env(safe-area-inset-bottom, 0px)));right:16px;z-index:30}.nav-mobile-bottom.fab-bottom-right .fab-element{bottom:calc(72px + var(--safe-area-bottom, env(safe-area-inset-bottom, 0px)))}.fab-bottom-center .fab-element{display:flex;position:fixed;bottom:calc(16px + var(--safe-area-bottom, env(safe-area-inset-bottom, 0px)));left:50%;transform:translate(-50%);z-index:30}.nav-mobile-bottom.fab-bottom-center .fab-element{bottom:calc(72px + var(--safe-area-bottom, env(safe-area-inset-bottom, 0px)))}@media(min-width:768px){.nav-tablet-sidebar .fab-element{bottom:calc(16px + var(--safe-area-bottom, env(safe-area-inset-bottom, 0px)))}}.modal-bottom .dialog-content{align-items:flex-end}.page-fade .page-content{animation:fadeIn var(--enter-duration, .2s) var(--enter-easing, ease)}.page-slide-horizontal .page-content{animation:slideInRight var(--enter-duration, .2s) var(--enter-easing, ease)}.page-slide-up .page-content{animation:slideUp var(--enter-duration, .2s) var(--enter-easing, ease)}.page-scale .page-content{animation:scaleIn var(--enter-duration, .2s) var(--enter-easing, ease)}.app-shell{display:flex;flex-direction:column;min-height:100%;height:100%}.app-shell-body{display:flex;flex:1;min-height:0;overflow:hidden}.app-shell-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.app-content{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;gap:var(--section-gap, 16px)}.app-content::-webkit-scrollbar{display:none}.app-content:has(>[data-full-bleed]:only-child){padding:0;max-width:none}.list-detail-view{display:flex;flex-direction:column;height:100%}@media(min-width:768px){.list-detail-view{flex-direction:row}.list-detail-view .list-panel{width:var(--sidebar-width, 320px);min-width:var(--sidebar-width, 320px);border-right:1px solid var(--color-border, hsl(var(--border)));overflow-y:auto}.list-detail-view .detail-panel{flex:1;overflow-y:auto;min-width:0}}.action-bar{position:fixed;bottom:0;left:0;right:0;z-index:35;background:var(--color-bg, hsl(var(--background)));border-top:1px solid var(--color-border, hsl(var(--border)));padding:8px 16px max(8px,var(--safe-area-bottom, env(safe-area-inset-bottom, 0px)));display:flex;align-items:center;gap:8px}.nav-mobile-bottom .action-bar{bottom:calc(56px + var(--safe-area-bottom, env(safe-area-inset-bottom, 0px)));padding-bottom:8px}.app-content img{display:block;max-width:100%}[data-surface]>img,[data-carousel-idx] img{object-fit:contain!important;height:auto!important;max-height:400px;width:100%}[data-surface]>img:only-child{max-width:480px!important;max-height:360px!important;width:auto!important;display:block!important;margin:0 auto!important;border-radius:0!important}[data-surface]:has(>img:only-child){border:none!important;background:transparent!important;padding:0!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.density-compact .app-content{gap:calc(var(--section-gap, 16px) * .5);padding-top:calc(var(--section-gap, 16px) * .5);padding-bottom:calc(var(--section-gap, 16px) * .5)}.density-spacious .app-content{gap:calc(var(--section-gap, 16px) * 1.5);padding-top:calc(var(--section-gap, 16px) * 1.5);padding-bottom:calc(var(--section-gap, 16px) * 1.5)}.nav-max-items-2 .nav-bottom>*:nth-child(n+3){display:none}.nav-max-items-3 .nav-bottom>*:nth-child(n+4){display:none}.nav-max-items-4 .nav-bottom>*:nth-child(n+5){display:none}.nav-max-items-5 .nav-bottom>*:nth-child(n+6){display:none}.nav-max-items-6 .nav-bottom>*:nth-child(n+7){display:none}.nav-max-items-7 .nav-bottom>*:nth-child(n+8){display:none}.nav-max-items-8 .nav-bottom>*:nth-child(n+9){display:none}.nav-max-items-9 .nav-bottom>*:nth-child(n+10){display:none}.nav-max-items-10 .nav-bottom>*:nth-child(n+11){display:none}.nav-max-items-2 .nav-sidebar>div>*:nth-child(n+3){display:none}.nav-max-items-3 .nav-sidebar>div>*:nth-child(n+4){display:none}.nav-max-items-4 .nav-sidebar>div>*:nth-child(n+5){display:none}.nav-max-items-5 .nav-sidebar>div>*:nth-child(n+6){display:none}.nav-max-items-6 .nav-sidebar>div>*:nth-child(n+7){display:none}.nav-max-items-7 .nav-sidebar>div>*:nth-child(n+8){display:none}.nav-max-items-8 .nav-sidebar>div>*:nth-child(n+9){display:none}.nav-max-items-9 .nav-sidebar>div>*:nth-child(n+10){display:none}.nav-max-items-10 .nav-sidebar>div>*:nth-child(n+11){display:none}.modal-transition-fade [data-compound-modal]{animation:fadeIn var(--enter-duration, .2s) var(--enter-easing, ease)}.modal-transition-slide-up .dialog-content,.modal-transition-slide-up [role=dialog]{animation:slideUp var(--enter-duration, .2s) var(--enter-easing, ease)}.modal-transition-scale .dialog-content,.modal-transition-scale [role=dialog]{animation:scaleIn var(--enter-duration, .2s) var(--enter-easing, ease)}[data-stack]>*{margin:0!important;min-width:0}[data-stack]>.min-w-0,[data-stack]>.flex-1{overflow:hidden}@media(max-width:480px){[data-surface]>[data-stack][data-direction=row]{gap:var(--spacing-sm)}}[data-slot=button]:hover:not(:disabled){filter:brightness(.9)}[data-slot=button][data-variant=ghost]:hover:not(:disabled),[data-slot=button][data-variant=outline]:hover:not(:disabled){background-color:var(--color-muted);filter:none}[data-slot=button][data-variant=link]:hover:not(:disabled){filter:none}[data-slot=button]:disabled{pointer-events:none;opacity:.5;cursor:default}[data-slot=button]:focus-visible{outline:2px solid var(--color-outline, var(--color-primary));outline-offset:2px}[data-slot=button] svg:not([class*=size-]){width:1em;height:1em;pointer-events:none;flex-shrink:0}[data-slot=input]::placeholder,[data-slot=textarea]::placeholder{color:var(--color-textMuted)}[data-slot=input]:focus,[data-slot=textarea]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primarySubtle)}[data-slot=input]:disabled,[data-slot=textarea]:disabled{pointer-events:none;opacity:.5}[data-slot=tabs-trigger]:hover:not(:disabled){color:var(--color-text);background-color:color-mix(in srgb,var(--color-surface) 50%,transparent)}[data-slot=tabs-trigger][data-state=active]{background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0,0,0,.05))}[data-slot=tabs-trigger]:disabled{pointer-events:none;opacity:.5}[data-slot=tabs-trigger]:focus-visible{outline:2px solid var(--color-outline, var(--color-primary));outline-offset:2px}[data-slot=select-trigger]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primarySubtle)}[data-slot=select-trigger]:disabled{pointer-events:none;opacity:.5}[data-slot=select-trigger] svg{pointer-events:none;flex-shrink:0;opacity:.5}[data-slot=alert] svg:not([class*=size-]){width:16px;height:16px;margin-top:2px}html.keyboard-visible .nav-bottom,html.keyboard-visible .fab-element{display:none!important}html.keyboard-visible .action-bar,html.keyboard-visible.nav-mobile-bottom .action-bar{bottom:var(--keyboard-height, 0px);padding-bottom:8px}
