:root,.light-mode{--bg-main:#f0f2f5;--text-color:#1d1d1f;--accent:#0071e3;--card-bg:#fff6;--g-blur:blur(15px) saturate(140%)}.dark-mode{--bg-main:#0a0a0a;--text-color:#fff;--accent:#0a84ff;--card-bg:#ffffff0d;--g-blur:blur(15px) saturate(140%)}html,body{background:var(--bg-main);min-height:100vh;color:var(--text-color);margin:0;padding:0;transition:background .8s,color .8s}body{z-index:0;position:relative}body:before{content:"";pointer-events:none;background:linear-gradient(to bottom, var(--bg-main), transparent 50%,);z-index:0;height:200px;animation:50s linear infinite diagonalSlide;position:fixed;inset:0;transform:rotate(-20deg)}@supports (-webkit-touch-callout:none){@media (width<=768px){body:before{height:160px}}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@property --bg-1{syntax:"<color>";inherits:true;initial-value:#fff}@property --bg-2{syntax:"<color>";inherits:true;initial-value:#fff}@property --bg-3{syntax:"<color>";inherits:true;initial-value:#fff}@property --bg-4{syntax:"<color>";inherits:true;initial-value:#fff}.glass-l{background:var(--card-bg);-webkit-backdrop-filter:var(--g-blur)}.app-shell{z-index:2;flex-direction:column;align-items:center;width:100%;padding-top:80px;display:flex;position:relative}.navbar{z-index:9999;position:fixed}@keyframes diagonalSlide{0%{transform:translate(-110vw)rotate(-25deg)}to{transform:translate(130vw)rotate(-15deg)}}.navbar.svelte-12qhfyh{z-index:1000;background:var(--card-bg);height:64px;-webkit-backdrop-filter:var(--g-blur);border-bottom:1px solid var(--border-color);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-content.svelte-12qhfyh{justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:0 24px;display:flex}.theme-toggle.svelte-12qhfyh{border:1px solid var(--border-color);cursor:pointer;background:#ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.icon-slide.svelte-12qhfyh{flex-direction:column;gap:20px;transition:transform .5s;display:flex}.icon.svelte-12qhfyh{height:24px;font-size:1.2rem;line-height:24px}