:root{--liquid-white:#fff;--liquid-white-90:#ffffffe6;--liquid-white-80:#fffc;--liquid-white-60:#fff9;--liquid-white-40:#fff6;--liquid-white-20:#fff3;--liquid-white-10:#ffffff1a;--liquid-white-05:#ffffff0d;--liquid-gray-50:#fafafa;--liquid-gray-100:#f5f5f5;--liquid-gray-200:#eee;--liquid-gray-300:#e0e0e0;--liquid-gray-400:#bdbdbd;--liquid-gray-500:#9e9e9e;--liquid-gray-600:#424242;--liquid-gray-700:#333;--liquid-gray-800:#2c2c2c;--liquid-gray-900:#212121;--liquid-blur-sm:8px;--liquid-blur-md:16px;--liquid-blur-lg:24px;--liquid-blur-xl:32px;--liquid-gradient-primary:linear-gradient(135deg,#ffffffe6,#ffffffb3);--liquid-gradient-secondary:linear-gradient(180deg,#fffffff2,#f8f9fccc);--liquid-gradient-accent:linear-gradient(135deg,#fafaffe6,#f0f5ffb3);--liquid-gradient-hover:linear-gradient(135deg,#fffffffa,#ffffffd9);--liquid-shadow-xs:0 1px 3px #00000005,0 1px 2px #00000008;--liquid-shadow-sm:0 2px 6px #00000005,0 1px 3px #0000000a;--liquid-shadow-md:0 4px 16px #00000008,0 2px 8px #0000000a;--liquid-shadow-lg:0 8px 32px #0000000a,0 4px 16px #0000000d;--liquid-shadow-xl:0 16px 48px #0000000f,0 8px 24px #00000012;--liquid-inner-shadow:inset 0 2px 4px #00000005,inset 0 -1px 2px #ffffffe6;--liquid-reflection:linear-gradient(105deg,#fff0 40%,#fff6 45%,#fff0 50%);--liquid-transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1);--liquid-transition-medium:all 0.3s cubic-bezier(0.4,0,0.2,1);--liquid-transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);--liquid-radius-sm:12px;--liquid-radius-md:16px;--liquid-radius-lg:24px;--liquid-radius-xl:32px;--liquid-radius-full:9999px;--liquid-space-xs:4px;--liquid-space-sm:8px;--liquid-space-md:16px;--liquid-space-lg:24px;--liquid-space-xl:32px;--liquid-space-2xl:48px;--liquid-space-3xl:64px;--liquid-font-primary:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","Roboto","Helvetica Neue",sans-serif;--liquid-font-mono:"SF Mono","Monaco","Inconsolata","Fira Code",monospace}*{box-sizing:border-box;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--liquid-transition-fast)}body{background:#fff;color:#2c2c2c;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,sans-serif}.liquid-glass{backdrop-filter:blur(16px);backdrop-filter:blur(var(--liquid-blur-md));-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--liquid-blur-md));background:linear-gradient(135deg,#ffffffe6,#ffffffb3);background:var(--liquid-gradient-primary);border:1px solid #fff3;border:1px solid var(--liquid-white-20);border-radius:24px;border-radius:var(--liquid-radius-lg);box-shadow:0 8px 32px #0000000a,0 4px 16px #0000000d;box-shadow:var(--liquid-shadow-lg);overflow:hidden;position:relative}.liquid-glass:before{background:linear-gradient(105deg,#fff0 40%,#fff6 45%,#fff0 50%);background:var(--liquid-reflection);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .8s ease;width:100%}.liquid-glass:hover:before{left:100%}.liquid-button{backdrop-filter:blur(8px);backdrop-filter:blur(var(--liquid-blur-sm));-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(var(--liquid-blur-sm));background:linear-gradient(135deg,#ffffffe6,#ffffffb3);background:var(--liquid-gradient-primary);border:1px solid #fff6;border:1px solid var(--liquid-white-40);border-radius:9999px;border-radius:var(--liquid-radius-full);box-shadow:0 4px 16px #00000008,0 2px 8px #0000000a,inset 0 2px 4px #00000005,inset 0 -1px 2px #ffffffe6;box-shadow:var(--liquid-shadow-md),var(--liquid-inner-shadow);color:#333;color:var(--liquid-gray-700);cursor:pointer;font-size:16px;font-weight:500;overflow:hidden;padding:16px 32px;padding:var(--liquid-space-md) var(--liquid-space-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--liquid-transition-medium)}.liquid-button:hover{background:linear-gradient(135deg,#fffffffa,#ffffffd9);background:var(--liquid-gradient-hover);border-color:#fff9;border-color:var(--liquid-white-60);box-shadow:0 8px 32px #0000000a,0 4px 16px #0000000d,inset 0 2px 4px #00000005,inset 0 -1px 2px #ffffffe6;box-shadow:var(--liquid-shadow-lg),var(--liquid-inner-shadow);transform:translateY(-2px)}.liquid-button:active{box-shadow:0 2px 6px #00000005,0 1px 3px #0000000a,inset 0 2px 4px #00000005,inset 0 -1px 2px #ffffffe6;box-shadow:var(--liquid-shadow-sm),var(--liquid-inner-shadow);transform:translateY(0)}.liquid-card{backdrop-filter:blur(24px);backdrop-filter:blur(var(--liquid-blur-lg));-webkit-backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(var(--liquid-blur-lg));background:linear-gradient(180deg,#fffffff2,#f8f9fccc);background:var(--liquid-gradient-secondary);border:1px solid #fff3;border:1px solid var(--liquid-white-20);border-radius:24px;border-radius:var(--liquid-radius-lg);box-shadow:0 16px 48px #0000000f,0 8px 24px #00000012;box-shadow:var(--liquid-shadow-xl);overflow:hidden;padding:32px;padding:var(--liquid-space-xl);position:relative}.liquid-card-hover{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--liquid-transition-medium)}.liquid-card-hover:hover{box-shadow:0 20px 60px #00000014;transform:translateY(-4px)}.liquid-input{backdrop-filter:blur(8px);backdrop-filter:blur(var(--liquid-blur-sm));-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(var(--liquid-blur-sm));background:#ffffffe6;background:var(--liquid-white-90);border:1px solid #fff6;border:1px solid var(--liquid-white-40);border-radius:16px;border-radius:var(--liquid-radius-md);box-shadow:inset 0 2px 4px #00000005,inset 0 -1px 2px #ffffffe6;box-shadow:var(--liquid-inner-shadow);color:#2c2c2c;color:var(--liquid-gray-800);font-size:16px;padding:16px 24px;padding:var(--liquid-space-md) var(--liquid-space-lg);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--liquid-transition-fast);width:100%}.liquid-input:focus{background:#fff;background:var(--liquid-white);border-color:#fff9;border-color:var(--liquid-white-60);box-shadow:0 0 0 4px #fff3,0 4px 16px #00000008,0 2px 8px #0000000a;box-shadow:0 0 0 4px var(--liquid-white-20),var(--liquid-shadow-md);outline:none}.liquid-input::placeholder{color:#bdbdbd;color:var(--liquid-gray-400)}.liquid-nav{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);background:var(--liquid-gradient-primary);border-bottom:1px solid #fff3;border-bottom:1px solid var(--liquid-white-20);box-shadow:0 4px 16px #00000008,0 2px 8px #0000000a;box-shadow:var(--liquid-shadow-md);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.liquid-modal,.liquid-nav{backdrop-filter:blur(32px);backdrop-filter:blur(var(--liquid-blur-xl));-webkit-backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(var(--liquid-blur-xl))}.liquid-modal{background:linear-gradient(180deg,#fffffff2,#f8f9fccc);background:var(--liquid-gradient-secondary);border:1px solid var(--liquid-white-30);border-radius:32px;border-radius:var(--liquid-radius-xl);box-shadow:0 32px 64px #0000001f;overflow:hidden}.liquid-modal-overlay{backdrop-filter:blur(8px);backdrop-filter:blur(var(--liquid-blur-sm));-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(var(--liquid-blur-sm));background:#fff6}@keyframes liquid-shimmer{0%{background-position:-200%}to{background-position:200%}}.liquid-shimmer{animation:liquid-shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);background-size:200% 100%}@keyframes liquid-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.liquid-float{animation:liquid-float 6s ease-in-out infinite}@keyframes liquid-ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.liquid-ripple{overflow:hidden;position:relative}.liquid-ripple:after{animation:liquid-ripple .6s ease-out;background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#f5f5f5;background:var(--liquid-gray-100)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--liquid-radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);background:var(--liquid-gradient-primary);border:2px solid #f5f5f5;border:2px solid var(--liquid-gray-100);box-shadow:inset 0 2px 4px #00000005,inset 0 -1px 2px #ffffffe6;box-shadow:var(--liquid-inner-shadow)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#fffffffa,#ffffffd9);background:var(--liquid-gradient-hover)}.liquid-heading{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c2c2c,#424242);background:linear-gradient(135deg,var(--liquid-gray-800) 0,var(--liquid-gray-600) 100%);-webkit-background-clip:text;background-clip:text;font-weight:700;letter-spacing:-.02em}.liquid-blur-bg{backdrop-filter:blur(32px);backdrop-filter:blur(var(--liquid-blur-xl));-webkit-backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(var(--liquid-blur-xl));background:#fffc;background:var(--liquid-white-80)}.liquid-glow{box-shadow:0 0 40px #ffffff80,0 8px 32px #0000000a,0 4px 16px #0000000d;box-shadow:0 0 40px #ffffff80,var(--liquid-shadow-lg)}.liquid-border{border:1px solid #fff3;border:1px solid var(--liquid-white-20)}.liquid-rounded{border-radius:24px;border-radius:var(--liquid-radius-lg)}:focus-visible{border-radius:12px;border-radius:var(--liquid-radius-sm);outline:2px solid #fff9;outline:2px solid var(--liquid-white-60);outline-offset:2px}::selection{background:#fff6;background:var(--liquid-white-40);color:#212121;color:var(--liquid-gray-900)}@media (max-width:768px){:root{--liquid-space-md:12px;--liquid-space-lg:20px;--liquid-space-xl:28px}.liquid-card{padding:24px;padding:var(--liquid-space-lg)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8f9fa,#fff 50%,#f0f4f8);color:var(--liquid-gray-800);font-family:var(--liquid-font-primary);margin:0;min-height:100vh}code{background:var(--liquid-white-10);border-radius:4px;font-family:var(--liquid-font-mono);padding:2px 6px}.MuiTouchRipple-ripple,.MuiTouchRipple-root{color:#0000001a!important;color:var(--current-ripple-color,#0000001a)!important}.MuiTouchRipple-child{background-color:#0000001a!important;background-color:var(--current-ripple-color,#0000001a)!important}[data-theme=dark] .MuiTouchRipple-child,[data-theme=dark] .MuiTouchRipple-ripple,[data-theme=dark] .MuiTouchRipple-root{background-color:#ffffff26!important;color:#ffffff26!important}