@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";:root{--system-blue:#007aff;--system-red:#ff3b30;--system-orange:#ff9500;--system-yellow:#fc0;--system-green:#34c759;--bg-desktop:radial-gradient(circle at 20% 30%, #0e4b75 0%, transparent 60%), radial-gradient(circle at 80% 70%, #112842 0%, transparent 60%), radial-gradient(circle at 40% 60%, #0d3655 0%, transparent 60%), radial-gradient(circle at 90% 20%, #174261 0%, transparent 50%), linear-gradient(135deg, #030a14 0%, #051326 100%);--bg-mobile:radial-gradient(circle at 20% 30%, #0e4b75 0%, transparent 60%), radial-gradient(circle at 80% 70%, #112842 0%, transparent 60%), radial-gradient(circle at 40% 60%, #0d3655 0%, transparent 60%), radial-gradient(circle at 90% 20%, #174261 0%, transparent 50%), linear-gradient(135deg, #030a14 0%, #051326 100%);--glass-bg:#fff3;--glass-border:#fff6;--glass-shadow:0 8px 32px 0 #0000001a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:dark){:root:not(.light-mode){--glass-bg:#1e1e1e66;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #00000080;color:#fff}}body.light-mode{--glass-bg:#fff3;--glass-border:#fff6;--glass-shadow:0 8px 32px 0 #0000001a;color:#000}body.dark-mode{--glass-bg:#1e1e1e66;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #00000080;color:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{background:var(--bg-desktop);background-size:150% 150%,150% 150%,200% 200%,150% 150%,100% 100%;height:100dvh;transition:background .3s;animation:12s ease-in-out infinite alternate waterFluid}@keyframes waterFluid{0%{background-position:0 0,100% 100%,50%,100% 0,0 0}33%{background-position:100%,0 0,20% 80%,50% 100%,0 0}66%{background-position:50% 100%,100% 0,80% 20%,0%,0 0}to{background-position:0 0,100% 100%,50%,100% 0,0 0}}#root{width:100%;height:100%}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.hover-effect{border-radius:4px;transition:background .2s,color .2s}.hover-effect:hover{background:#fff3}.dark-mode .hover-effect:hover{background:#ffffff1a}@media (width<=1024px){.app-container{flex-direction:column!important}.app-sidebar{border-bottom:1px solid #ffffff1a!important;border-right:none!important;width:100%!important;height:auto!important;max-height:250px!important}.app-main{flex:auto!important}.hide-on-mobile{display:none!important}.ios-dock{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#ffffff4d!important;border-radius:30px!important;justify-content:flex-start!important;max-width:95vw!important;padding:12px 16px!important;overflow-x:auto!important}.ios-dock::-webkit-scrollbar{display:none}.ios-status-bar{justify-content:space-between!important;height:35px!important;padding:0 20px!important}.ios-desktop-grid{grid-template-columns:repeat(4,1fr)!important;gap:20px!important;width:100%!important;padding:30px!important;display:grid!important;top:50px!important;left:0!important;right:auto!important}.ios-app-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border-radius:14px!important;width:60px!important;height:60px!important}.app-main>div,.app-main [style*="padding: 40px"]{padding:20px 15px!important}.app-main [style*="max-width: 700px"],.app-main [style*="max-width: 600px"]{max-width:100%!important;padding:20px 15px!important}.app-main [style*="display: flex; justify-content: space-between; align-items: flex-start"]{flex-direction:column!important;gap:15px!important}.app-main h1{font-size:22px!important}.app-main [style*="grid-template-columns: repeat(2, 1fr)"]{grid-template-columns:1fr!important}.app-main [style*="grid-template-columns: repeat(3, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}}