.app-container{min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:background-color var(--transition-normal),color var(--transition-normal)}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--gray-800)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-600)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}@font-face{font-family:v-sans;font-weight:400;src:url(/assets/LatoLatin-Regular-Dmlz1U0B.woff2)}@font-face{font-family:v-sans;font-weight:600;src:url(/assets/LatoLatin-Semibold-Dbk81p2D.woff2)}@font-face{font-family:v-mono;font-weight:400;src:url(/assets/FiraCode-Regular-CRwVj4V2.woff2)}:root{--primary-color: #6366f1;--primary-color-hover: #7c3aed;--primary-color-pressed: #5b21b6;--info-color: #0891b2;--success-color: #059669;--warning-color: #d97706;--error-color: #dc2626;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--bg-color: #0f172a;--text-color: #f1f5f9;--border-color: #475569;--card-color: #1e293b;--input-color: #334155;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .4);--shadow: 0 1px 3px 0 rgb(0 0 0 / .5), 0 1px 2px -1px rgb(0 0 0 / .5);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .5);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .5);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .5);--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--border-radius-sm: 4px;--border-radius: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--scrollbar-color: rgba(255, 255, 255, .08);--scrollbar-hover-color: rgba(255, 255, 255, .2);--text-color-secondary: #94a3b8;--text-color-3: #64748b;--code-color: rgba(30, 41, 59, .8)}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .glass-effect{background:#0003;border:1px solid rgba(255,255,255,.1)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Lato,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif}#app{height:100vh}.page-enter-active,.page-leave-active{transition:all var(--transition-normal)}.page-enter-from{opacity:0;transform:translate(20px)}.page-leave-to{opacity:0;transform:translate(-20px)}.fade-in{animation:fadeIn var(--transition-normal) ease-in-out}.slide-up{animation:slideUp var(--transition-normal) ease-out}.bounce-in{animation:bounceIn .8s ease-out}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-width{width:100%}.full-height{height:100%}.gradient-bg{background:linear-gradient(135deg,var(--primary-color) 0%,var(--info-color) 100%)}.gradient-text{background:linear-gradient(135deg,var(--primary-color) 0%,var(--info-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--slate-800);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--slate-600);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--slate-500)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.mobile-hidden{display:none!important}}@media(max-width:480px){.mobile-mini-hidden{display:none!important}}
