@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300..800;1,9..40,300..800&family=Space+Mono:wght@400;700&display=swap";:root{--radius:.75rem;--radius-sm:calc(var(--radius) * .6);--radius-md:calc(var(--radius) * .8);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) * 1.4);--background:oklch(96.5% .005 250);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(55% .18 250);--primary-foreground:oklch(100% 0 0);--secondary:oklch(95% 0 0);--secondary-foreground:oklch(14.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(49% 0 0);--accent:oklch(95% 0 0);--accent-foreground:oklch(14.5% 0 0);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(98.5% 0 0);--success:oklch(59.6% .145 163.225);--success-foreground:oklch(98.5% 0 0);--warning:oklch(68.1% .162 75.834);--warning-foreground:oklch(14.5% 0 0);--info:oklch(58.8% .158 241.966);--info-foreground:oklch(98.5% 0 0);--border:oklch(93% 0 0);--input:oklch(93% 0 0);--ring:oklch(55% .18 250);--shadow-color:0 0% 0%}.dark{--background:oklch(18.5% 0 0);--foreground:oklch(96.5% 0 0);--card:oklch(23.5% 0 0);--card-foreground:oklch(96.5% 0 0);--popover:oklch(25.5% 0 0);--popover-foreground:oklch(96.5% 0 0);--primary:oklch(65% .18 250);--primary-foreground:oklch(100% 0 0);--secondary:oklch(28.5% 0 0);--secondary-foreground:oklch(96.5% 0 0);--muted:oklch(25.5% 0 0);--muted-foreground:oklch(76% 0 0);--accent:oklch(32.5% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--destructive-foreground:oklch(98.5% 0 0);--success:oklch(69.6% .17 162.48);--success-foreground:oklch(14.5% 0 0);--warning:oklch(76.9% .188 70.08);--warning-foreground:oklch(14.5% 0 0);--info:oklch(68% .17 237.323);--info-foreground:oklch(14.5% 0 0);--border:oklch(100% 0 0/.09);--input:oklch(100% 0 0/.16);--ring:oklch(65% .18 250);--shadow-color:0 0% 0%}[data-theme-preset=ocean-breeze]{--primary:oklch(55% .18 250);--primary-foreground:oklch(100% 0 0);--ring:oklch(55% .18 250)}.dark [data-theme-preset=ocean-breeze]{--primary:oklch(65% .18 250);--primary-foreground:oklch(100% 0 0);--ring:oklch(65% .18 250)}[data-theme-preset=rose-garden]{--primary:oklch(58.27% .2418 12.23);--primary-foreground:oklch(100% 0 0);--ring:oklch(58.27% .2418 12.23)}.dark [data-theme-preset=rose-garden]{--primary:oklch(64.76% .2348 10.36);--primary-foreground:oklch(100% 0 0);--ring:oklch(64.76% .2348 10.36)}[data-theme-preset=sunset-glow]{--primary:oklch(55.91% .1882 25.33);--primary-foreground:oklch(100% 0 0);--ring:oklch(55.91% .1882 25.33)}.dark [data-theme-preset=sunset-glow]{--primary:oklch(63.87% .1822 23.51);--primary-foreground:oklch(100% 0 0);--ring:oklch(63.87% .1822 23.51)}[data-theme-preset=forest-whisper]{--primary:oklch(52.76% .1072 182.22);--primary-foreground:oklch(100% 0 0);--ring:oklch(52.76% .1072 182.22)}.dark [data-theme-preset=forest-whisper]{--primary:oklch(59.91% .1318 180.39);--primary-foreground:oklch(100% 0 0);--ring:oklch(59.91% .1318 180.39)}[data-theme-preset=lavender-dream]{--primary:oklch(57.09% .1808 306.89);--primary-foreground:oklch(100% 0 0);--ring:oklch(57.09% .1808 306.89)}.dark [data-theme-preset=lavender-dream]{--primary:oklch(63.59% .1699 307.95);--primary-foreground:oklch(100% 0 0);--ring:oklch(63.59% .1699 307.95)}[data-theme-preset=lake-view],.dark [data-theme-preset=lake-view]{--primary:oklch(76.5% .177 163.22);--primary-foreground:oklch(0% 0 0);--ring:oklch(76.5% .177 163.22)}[data-theme-preset]:not([data-theme-preset=default]){--card:oklch(100% 0 0);--popover:oklch(100% 0 0);--muted:color-mix(in oklch, var(--primary) 10%, transparent);--muted-foreground:color-mix(in oklch, var(--foreground) 68%, var(--primary));--accent:color-mix(in oklch, var(--primary) 15%, transparent);--accent-foreground:var(--foreground);--border:oklch(91% .005 250);--input:oklch(91% .005 250)}.dark [data-theme-preset]:not([data-theme-preset=default]){--card:color-mix(in oklch, var(--primary) 8%, var(--background));--popover:color-mix(in oklch, var(--primary) 12%, var(--background));--muted:color-mix(in oklch, var(--primary) 12%, var(--background));--muted-foreground:color-mix(in oklch, var(--foreground) 74%, var(--primary));--accent:color-mix(in oklch, var(--primary) 18%, var(--background));--border:color-mix(in oklch, var(--primary) 24%, var(--background));--input:color-mix(in oklch, var(--primary) 28%, var(--background))}[data-theme-radius=none]{--radius:0rem}[data-theme-radius=sm]{--radius:.3rem}[data-theme-radius=md]{--radius:.5rem}[data-theme-radius=lg]{--radius:.75rem}[data-theme-radius=xl]{--radius:1rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background-color:var(--background);color:var(--foreground);min-height:100vh;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.btn{border-radius:var(--radius);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;line-height:1.4;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:0 1px 3px oklch(0% 0 0/.12),0 1px 2px oklch(0% 0 0/.08)}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 12px oklch(0% 0 0/.15),0 2px 4px oklch(0% 0 0/.1)}.btn-outline{border:1px solid var(--border);color:var(--foreground);background:0 0}.btn-outline:hover{background:var(--accent);border-color:var(--primary)}.btn-ghost{color:var(--muted-foreground);background:0 0}.btn-ghost:hover{color:var(--foreground);background:var(--accent)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 30px oklch(0% 0 0/.08)}.dark .card:hover{box-shadow:0 8px 30px oklch(0% 0 0/.3)}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-left{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}.animate-fade-up{animation:.6s cubic-bezier(.16,1,.3,1) both fade-up}.animate-fade-in{animation:.6s ease-out both fade-in}.animate-scale-in{animation:.6s cubic-bezier(.16,1,.3,1) both scale-in}.animate-slide-left{animation:.6s cubic-bezier(.16,1,.3,1) both slide-left}.delay-0{animation-delay:0s}.delay-60{animation-delay:60ms}.delay-120{animation-delay:.12s}.delay-180{animation-delay:.18s}.delay-240{animation-delay:.24s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@media (prefers-reduced-motion:reduce){.animate-fade-up,.animate-fade-in,.animate-scale-in,.animate-slide-left{opacity:1!important;animation:none!important;transform:none!important}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.text-gradient{background:linear-gradient(135deg, var(--primary), oklch(65% .2 280));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-muted{color:var(--muted-foreground)}.glass{background:color-mix(in oklch, var(--card) 80%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.5)}@media (width<=768px){.container{padding:0 1rem}}.theme-switcher[data-v-a2f9f9dd]{z-index:100;position:relative}.theme-toggle-btn[data-v-a2f9f9dd]{border-radius:var(--radius);width:36px;height:36px;color:var(--muted-foreground);justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle-btn[data-v-a2f9f9dd]:hover{color:var(--foreground);background:var(--accent)}.theme-panel[data-v-a2f9f9dd]{border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;gap:1rem;min-width:240px;padding:1rem;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px oklch(0% 0 0/.12)}.dark .theme-panel[data-v-a2f9f9dd]{box-shadow:0 8px 32px oklch(0% 0 0/.4)}.panel-section[data-v-a2f9f9dd]{flex-direction:column;gap:.5rem;display:flex}.panel-label[data-v-a2f9f9dd]{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);font-size:.7rem;font-weight:600}.mode-group[data-v-a2f9f9dd]{background:var(--muted);border-radius:var(--radius);gap:4px;padding:3px;display:flex}.mode-btn[data-v-a2f9f9dd]{border-radius:calc(var(--radius) - 2px);color:var(--muted-foreground);flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.mode-btn.active[data-v-a2f9f9dd]{background:var(--card);color:var(--foreground);box-shadow:0 1px 3px oklch(0% 0 0/.08)}.preset-grid[data-v-a2f9f9dd]{flex-wrap:wrap;gap:8px;display:flex}.preset-dot[data-v-a2f9f9dd]{--dot-color:#46f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:relative}.preset-dot[data-v-a2f9f9dd]:hover{transform:scale(1.15)}.preset-dot.active[data-v-a2f9f9dd]{transform:scale(1.1)}.dot-inner[data-v-a2f9f9dd]{background:var(--dot-color);border-radius:50%;width:22px;height:22px;transition:all .2s}.preset-dot.active .dot-inner[data-v-a2f9f9dd]{width:26px;height:26px;box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--dot-color)}.dot-check[data-v-a2f9f9dd]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-enter-active[data-v-a2f9f9dd]{animation:.2s ease-out panel-in-a2f9f9dd}.panel-leave-active[data-v-a2f9f9dd]{animation:.15s ease-in reverse panel-in-a2f9f9dd}@keyframes panel-in-a2f9f9dd{0%{opacity:0;transform:translateY(-8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.navbar[data-v-37e6abd5]{z-index:1000;-webkit-backdrop-filter:blur()saturate();background-color:#0000;border-bottom:1px solid #0000;align-items:center;height:64px;transition:background-color .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled[data-v-37e6abd5]{background-color:color-mix(in oklch, var(--background) 85%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.5);border-bottom-color:var(--border)}.navbar-inner[data-v-37e6abd5]{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-link[data-v-37e6abd5]{color:var(--foreground);align-items:center;gap:.625rem;font-size:1.05rem;font-weight:700;transition:opacity .2s;display:flex}.logo-link[data-v-37e6abd5]:hover{opacity:.8}.logo-img[data-v-37e6abd5]{object-fit:contain;border-radius:var(--radius);width:32px;height:32px}.logo-text[data-v-37e6abd5]{letter-spacing:-.02em}.nav-links[data-v-37e6abd5]{align-items:center;gap:.25rem;display:flex}.nav-link[data-v-37e6abd5]{color:var(--muted-foreground);border-radius:var(--radius);padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s}.nav-link[data-v-37e6abd5]:hover,.nav-link.router-link-active[data-v-37e6abd5]{color:var(--foreground);background:var(--accent)}.nav-actions[data-v-37e6abd5]{align-items:center;gap:.5rem;display:flex}.nav-login[data-v-37e6abd5],.nav-register[data-v-37e6abd5]{font-size:.875rem}.user-menu-wrap[data-v-37e6abd5]{position:relative}.user-trigger[data-v-37e6abd5]{border:1px solid var(--border);color:var(--foreground);border-radius:9999px;align-items:center;gap:.5rem;padding:.3rem .625rem .3rem .3rem;transition:all .2s;display:flex}.user-trigger[data-v-37e6abd5]:hover{background:var(--accent);border-color:var(--primary)}.user-avatar[data-v-37e6abd5]{background:var(--primary);width:28px;height:28px;color:var(--primary-foreground);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex;overflow:hidden}.user-avatar-img[data-v-37e6abd5]{object-fit:cover;width:100%;height:100%}.user-name[data-v-37e6abd5]{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:.85rem;font-weight:500;overflow:hidden}.user-menu[data-v-37e6abd5]{background:var(--popover);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:180px;padding:.375rem;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 30px oklch(0% 0 0/.12)}.user-menu-head[data-v-37e6abd5]{border-bottom:1px solid var(--border);flex-direction:column;gap:.125rem;margin-bottom:.375rem;padding:.625rem .75rem;display:flex}.menu-nickname[data-v-37e6abd5]{color:var(--foreground);font-size:.85rem;font-weight:600}.menu-role[data-v-37e6abd5]{color:var(--primary);font-size:.7rem}.user-menu-item[data-v-37e6abd5]{border-radius:var(--radius);width:100%;color:var(--foreground);text-align:left;align-items:center;gap:.55rem;padding:.55rem .75rem;font-size:.825rem;font-weight:500;transition:background .15s;display:flex}.user-menu-item[data-v-37e6abd5]:hover{background:var(--accent)}.user-menu-item.danger[data-v-37e6abd5]{color:var(--destructive)}.user-menu-item.danger[data-v-37e6abd5]:hover{background:color-mix(in oklch, var(--destructive) 10%, transparent)}.menu-fade-enter-active[data-v-37e6abd5],.menu-fade-leave-active[data-v-37e6abd5]{transition:opacity .15s,transform .15s}.menu-fade-enter-from[data-v-37e6abd5],.menu-fade-leave-to[data-v-37e6abd5]{opacity:0;transform:translateY(-4px)}.mobile-menu-btn[data-v-37e6abd5]{border-radius:var(--radius);width:36px;height:36px;color:var(--foreground);justify-content:center;align-items:center;display:none}.mobile-menu-btn[data-v-37e6abd5]:hover{background:var(--accent)}@media (width<=768px){.nav-links[data-v-37e6abd5]{background:var(--card);border-bottom:1px solid var(--border);flex-direction:column;padding:1rem;display:none;position:absolute;top:64px;left:0;right:0;box-shadow:0 4px 20px oklch(0% 0 0/.1)}.nav-links.mobile-open[data-v-37e6abd5]{display:flex}.nav-login[data-v-37e6abd5],.nav-register[data-v-37e6abd5]{display:none}.mobile-menu-btn[data-v-37e6abd5]{display:flex}}.toast-host[data-v-7e95eabf]{z-index:2000;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;top:76px;left:50%;transform:translate(-50%)}.toast-item[data-v-7e95eabf]{background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);border-radius:9999px;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.85rem;font-weight:500;display:inline-flex;box-shadow:0 8px 30px oklch(0% 0 0/.14)}.toast-item.success svg[data-v-7e95eabf]{color:var(--success)}.toast-item.error svg[data-v-7e95eabf]{color:var(--destructive)}.toast-item.info svg[data-v-7e95eabf]{color:var(--info)}.toast-enter-active[data-v-7e95eabf],.toast-leave-active[data-v-7e95eabf]{transition:opacity .25s,transform .25s}.toast-enter-from[data-v-7e95eabf],.toast-leave-to[data-v-7e95eabf]{opacity:0;transform:translateY(-8px)}