:root{--app-height: 100dvh}@supports not (height: 100dvh){:root{--app-height: 100vh}}html,body,#root{height:var(--app-height);width:100%;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.app-shell{height:var(--app-height);width:100%;position:relative;overflow:hidden}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.glass-panel{background:#fffdf8b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.glass-card{background:linear-gradient(135deg,#fff,#fffffff7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 32px #0000001f}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:3px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#c17a3a40;border-radius:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 4px 14px #c17a3a66}50%{box-shadow:0 4px 24px #c17a3ab3}}@keyframes slideRight{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmerSlide{0%{transform:translate(-150%) skew(-12deg)}to{transform:translate(400%) skew(-12deg)}}@keyframes panelReveal{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes barGlow{0%,to{box-shadow:0 0 #b08a5000}50%{box-shadow:0 0 12px #b08a50cc}}@keyframes dotPop{0%,to{transform:scaleY(1);opacity:.5}50%{transform:scaleY(1.6);opacity:1}}@keyframes kenBurns{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes expandLeft{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes expandRight{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes slideDownBar{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideUpBar{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes titleReveal{0%{opacity:0;transform:translateY(32px) scale(.96);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.animate-fadeIn{animation:fadeIn .4s ease-out forwards}.animate-slideUp{animation:slideUp .45s cubic-bezier(.16,1,.3,1) forwards}.animate-slideDown{animation:slideDown .4s cubic-bezier(.16,1,.3,1) forwards}.animate-scaleIn{animation:scaleIn .25s ease-out forwards}.animate-glowPulse{animation:glowPulse 2.5s ease-in-out infinite}.animate-slideRight{animation:slideRight .4s cubic-bezier(.16,1,.3,1) forwards}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes sectionBgIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1}@keyframes glassSweep{0%{transform:translate(-120%) skew(-18deg);opacity:0}15%{opacity:1}85%{opacity:.6}to{transform:translate(220%) skew(-18deg);opacity:0}}@keyframes widgetItemIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes topShimmer{0%,to{opacity:.5}50%{opacity:1}}@keyframes tabSlideIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes dotGlow{0%,to{box-shadow:0 0 3px #b08a5080;transform:scale(1)}50%{box-shadow:0 0 8px #b08a50e6;transform:scale(1.3)}}.widget-item-1{animation:widgetItemIn .42s cubic-bezier(.16,1,.3,1) .05s both}.widget-item-2{animation:widgetItemIn .42s cubic-bezier(.16,1,.3,1) .12s both}.widget-item-3{animation:widgetItemIn .42s cubic-bezier(.16,1,.3,1) .2s both}.widget-item-4{animation:widgetItemIn .42s cubic-bezier(.16,1,.3,1) .3s both}.tab-content-in{animation:tabSlideIn .28s cubic-bezier(.16,1,.3,1) both}@keyframes widgetIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 28px)) scale(.97);filter:blur(10px)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}@keyframes tabContentIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content-fade{animation:tabContentIn .38s cubic-bezier(.22,1,.36,1) both}@keyframes fogDrift1{0%{transform:translate(-20%) translateY(10%) scale(1);opacity:0}15%{opacity:.55}70%{opacity:.4}to{transform:translate(115%) translateY(-5%) scale(1.15);opacity:0}}@keyframes fogDrift2{0%{transform:translate(110%) translateY(-8%) scale(1.1);opacity:0}15%{opacity:.45}70%{opacity:.35}to{transform:translate(-25%) translateY(12%) scale(.95);opacity:0}}@keyframes fogDrift3{0%{transform:translate(40%) translateY(20%) scale(.9);opacity:0}20%{opacity:.3}80%{opacity:.25}to{transform:translate(-30%) translateY(-15%) scale(1.2);opacity:0}}@keyframes fogPulse{0%,to{opacity:.18;transform:scale(1)}50%{opacity:.38;transform:scale(1.06)}}
