:root{--depth-page:0;--depth-surface:10;--depth-card:20;--depth-floating:30;--depth-sheet:50;--depth-navigation:60;--shadow-xs:var(--rawaj-shadow-xs);--shadow-card:0 10px 28px #123f381a;--shadow-raised:0 16px 40px #123f3824;--shadow-floating:0 18px 46px #123f382e;--shadow-dock:0 20px 52px #0b2d2938;--shadow-sheet:0 -18px 50px #0b2d2933;--shadow-modal:0 28px 70px #0b2d2942;--motion-fast:.15s;--motion-base:.22s;--motion-slow:.3s;--motion-spring:.42s cubic-bezier(.22, 1, .36, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--keyboard-inset:0px;--dock-height:5.35rem;--header-height:4.75rem;--sticky-action-height:5.25rem}html,body,#root{min-height:100%}body{min-height:100dvh;overflow-x:clip}.rawaj-app-shell{isolation:isolate;background:var(--rawaj-surface-page);min-height:100dvh;color:var(--color-foreground);position:relative}.rawaj-app-shell__page{z-index:var(--depth-page);min-height:100dvh;padding-bottom:max(1.5rem, var(--safe-bottom));position:relative}.rawaj-app-shell[data-shell-dock=true] .rawaj-app-shell__page{padding-bottom:calc(var(--dock-height) + var(--safe-bottom) + 1.25rem)}.rawaj-app-shell[data-shell-sticky-action=true] .rawaj-app-shell__page{padding-bottom:calc(var(--sticky-action-height) + var(--safe-bottom) + 1.25rem)}.rawaj-app-shell__content{min-width:0}.rawaj-app-shell__announcements{z-index:var(--depth-floating);position:relative}.rawaj-app-shell__floating-layer,.rawaj-app-shell__sticky-layer,.rawaj-app-shell__modal-layer,.rawaj-app-shell__toast-layer{pointer-events:none;position:fixed;inset:0}.rawaj-app-shell__floating-layer{z-index:var(--depth-floating)}.rawaj-app-shell__sticky-layer{z-index:calc(var(--depth-navigation) - 1)}.rawaj-app-shell__modal-layer{z-index:var(--depth-sheet)}.rawaj-app-shell__toast-layer{z-index:calc(var(--depth-sheet) + 5)}.rawaj-app-shell[data-shell-mode=conversation]{height:100dvh;overflow:hidden}.rawaj-app-shell[data-shell-mode=conversation] .rawaj-app-shell__page,.rawaj-app-shell[data-shell-mode=mediaViewer] .rawaj-app-shell__page,.rawaj-app-shell[data-shell-mode=fullScreen] .rawaj-app-shell__page{height:100dvh;min-height:100dvh;padding-bottom:0}.rawaj-app-header{box-shadow:none;padding:calc(var(--safe-top) + .45rem) .625rem 0;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.rawaj-floating-header-shell{border:1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));background:color-mix(in srgb, var(--color-card) 93%, transparent);width:min(100vw - 1.25rem,88rem);box-shadow:0 1px 0 #ffffffd1 inset, var(--shadow-floating);-webkit-backdrop-filter:blur(16px)saturate(135%);backdrop-filter:blur(16px)saturate(135%);border-radius:1.25rem;margin-inline:auto}.rawaj-header-location{border:1px solid color-mix(in srgb, var(--color-primary) 9%, var(--color-border));background:color-mix(in srgb, var(--rawaj-surface-sage) 72%, var(--color-card));color:var(--color-primary);box-shadow:var(--shadow-xs)}.rawaj-header-location:hover{border-color:color-mix(in srgb, var(--color-primary) 22%, var(--color-border));background:var(--rawaj-surface-sage)}.rawaj-mobile-dock{bottom:calc(var(--safe-bottom) + .5rem);transition:transform var(--motion-base) ease, opacity var(--motion-fast) ease;padding-inline:.625rem}.rawaj-bottom-nav-shell{min-height:4.55rem;box-shadow:0 1px 0 #ffffffd1 inset, var(--shadow-dock);border-radius:1.35rem}.rawaj-dock-item{transition:transform var(--motion-fast) ease, color var(--motion-fast) ease, background-color var(--motion-fast) ease}.rawaj-dock-item[data-active=true]{background:color-mix(in srgb, var(--rawaj-surface-sage) 84%, transparent)}.rawaj-dock-icon,.rawaj-dock-create{transition:transform var(--motion-spring), color var(--motion-fast) ease, background-color var(--motion-fast) ease, box-shadow var(--motion-base) ease}.rawaj-dock-item:active .rawaj-dock-icon,.rawaj-dock-item:active .rawaj-dock-create{transform:translateY(1px)scale(.96)}.rawaj-dock-active-indicator{background:linear-gradient(90deg, var(--rawaj-orange), var(--rawaj-gold))}.rawaj-notification-badge{background:var(--color-destructive);color:var(--color-destructive-foreground)}html[data-keyboard-open=true] .rawaj-mobile-dock,.rawaj-app-shell[data-keyboard-open=true] .rawaj-mobile-dock{pointer-events:none;transform:translateY(calc(100% + var(--safe-bottom) + 1rem));opacity:0}html[data-keyboard-open=true] .rawaj-app-shell__page{padding-bottom:max(1rem, var(--safe-bottom))}.rawaj-page-container{width:min(100%,88rem);margin-inline:auto;padding-inline:clamp(1rem,3vw,2rem)}.rawaj-spatial-card{border:1px solid color-mix(in srgb, var(--color-primary) 9%, var(--color-border));border-radius:var(--rawaj-radius-surface);background:var(--rawaj-surface-card);box-shadow:var(--shadow-card);position:relative}.rawaj-glass-action{border:1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));background:color-mix(in srgb, var(--color-card) 86%, transparent);box-shadow:var(--shadow-xs);-webkit-backdrop-filter:blur(12px)saturate(125%);backdrop-filter:blur(12px)saturate(125%)}.rawaj-sticky-action-bar{z-index:calc(var(--depth-navigation) - 1);padding:.75rem 1rem calc(.75rem + var(--safe-bottom));background:color-mix(in srgb, var(--color-card) 95%, transparent);box-shadow:var(--shadow-sheet);-webkit-backdrop-filter:blur(16px)saturate(130%);backdrop-filter:blur(16px)saturate(130%);inset-inline:0;position:fixed;bottom:0}.rawaj-bottom-sheet{background:var(--rawaj-surface-card);max-height:min(88dvh,52rem);box-shadow:var(--shadow-sheet);padding-bottom:var(--safe-bottom);border-radius:1.5rem 1.5rem 0 0}.rawaj-page-transition{animation:rawaj-page-enter var(--motion-slow) ease both}@keyframes rawaj-page-enter{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}@media (width>=1024px){.rawaj-app-shell__page,.rawaj-app-shell[data-shell-dock=true] .rawaj-app-shell__page,.rawaj-app-shell[data-shell-sticky-action=true] .rawaj-app-shell__page{padding-bottom:2rem}.rawaj-app-header{padding-inline:1rem}.rawaj-floating-header-shell{border-radius:1.4rem}}@media (prefers-reduced-motion:reduce){.rawaj-page-transition{animation:none}.rawaj-mobile-dock,.rawaj-dock-item,.rawaj-dock-icon,.rawaj-dock-create{transition:none}}
