:root{--dock-h:60px;--dock-bottom-pad:calc(var(--dock-h) + env(safe-area-inset-bottom) + .75rem);--shadow-rest:0 1px 2px #1a14100a;--shadow-soft:0 2px 6px #1a14100a, 0 1px 2px #1a141008;--shadow-lift:0 12px 32px -16px #b85a0a2e, 0 2px 6px #1a14100a;--shadow-edge:inset 0 1px 0 #ffffffb3;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-overshoot:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.18s;--dur-base:.24s}.bento-card{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-rest), var(--shadow-edge);transition:transform var(--dur-base) var(--ease-spring), box-shadow var(--dur-base) var(--ease-spring), border-color var(--dur-fast) ease;border-radius:28px}.bento-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-lift), var(--shadow-edge);transform:translateY(-2px)}.intelligent-row{transition:background var(--dur-fast) ease, transform var(--dur-fast) var(--ease-spring)}.intelligent-row:hover{background:var(--color-primary-50);transform:translate(2px)}@keyframes panel-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.panel-shimmer{background:linear-gradient(90deg, var(--color-neutral-100) 0%, var(--color-cream) 50%, var(--color-neutral-100) 100%);background-size:200% 100%;animation:1.6s ease-in-out infinite panel-shimmer}@media (prefers-reduced-motion:reduce){.bento-card,.intelligent-row{transition:none!important;transform:none!important}.panel-shimmer{background:var(--color-neutral-100);animation:none!important}}.panel-card{background:linear-gradient(#fff 0%,#faf6f499 100%);transition:transform .2s ease-out,box-shadow .2s ease-out;box-shadow:0 1px 2px #b85a0a0a,0 4px 16px #b85a0a0a}.panel-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #b85a0a0f,0 12px 32px #b85a0a14}.stagger-in>*{opacity:0;animation:.4s ease-out forwards staggerFadeIn}.stagger-in>:first-child{animation-delay:0s}.stagger-in>:nth-child(2){animation-delay:50ms}.stagger-in>:nth-child(3){animation-delay:.1s}.stagger-in>:nth-child(4){animation-delay:.15s}.stagger-in>:nth-child(5){animation-delay:.2s}.stagger-in>:nth-child(6){animation-delay:.25s}.stagger-in>:nth-child(7){animation-delay:.3s}.stagger-in>:nth-child(8){animation-delay:.35s}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.stagger-in>*,.panel-card{transition:none!important;animation:none!important}}
