.flag-icon{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #0000001a;border-radius:2px;flex-shrink:0;display:inline-block;overflow:hidden;box-shadow:0 1px 2px #0000001a}.dark .flag-icon{border:1px solid #fff3;box-shadow:0 1px 2px #0000004d}.flag-icon svg{width:100%;height:100%;display:block}.flag-icon-sm{width:16px;height:12px}.flag-icon-md{width:20px;height:16px}.flag-icon-lg{width:24px;height:20px}.flag-icon-fallback{color:#6b7280;text-align:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:2px;font-size:10px;font-weight:600;line-height:1}.dark .flag-icon-fallback{color:#9ca3af;background:linear-gradient(135deg,#374151,#4b5563)}
.theme-toggle-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #93c5fd99;border-radius:50%;width:36px;height:36px;transition:background-color .3s,border-color .3s,box-shadow .3s,transform .3s;position:relative}.theme-toggle-btn:hover{background:linear-gradient(135deg,#93c5fd1a 0%,#c4b5fd1a 50%,#fbbf241a 100%);border-color:#93c5fdcc;transform:translateY(-1px);box-shadow:0 4px 20px #93c5fd40}.theme-toggle-btn:active{transform:translateY(0);box-shadow:0 2px 10px #93c5fd1a}.dark .theme-toggle-btn{background:#1414140d;border-color:#6366f199}.dark .theme-toggle-btn:hover{background:linear-gradient(135deg,#6366f126 0%,#8b5cf626 50%,#3b82f626 100%);border-color:#6366f1cc;box-shadow:0 4px 20px #6366f14d}.theme-icon-container{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.theme-toggle-btn:hover .theme-icon-container{transform:scale(1.1)}.theme-toggle-btn svg{color:oklch(var(--foreground));transition:color .3s}.dark .theme-toggle-btn svg{color:#fff}.theme-toggle-btn svg{color:oklch(var(--foreground))}
.dream-navbar{z-index:50;border-bottom:2px solid oklch(var(--border));background-color:oklch(var(--background)/.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;box-shadow:0 2px 12px oklch(var(--foreground)/.05);position:sticky;top:0}.dark .dream-navbar{background-color:oklch(var(--background)/.75);border-bottom:2px solid #ffffff40}.navbar-container-wrapper{width:100%}.navbar-container{justify-content:space-between;align-items:center;gap:2rem;width:100%;max-width:1280px;height:60px;margin:0 auto;padding:0 1rem;display:flex}@media (min-width:640px){.navbar-container{max-width:640px}}@media (min-width:768px){.navbar-container{max-width:768px}}@media (min-width:1024px){.navbar-container{max-width:1024px}}@media (min-width:1280px){.navbar-container{max-width:1280px}}@media (min-width:1536px){.navbar-container{max-width:1536px}}.navbar-logo{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.navbar-logo img{object-fit:cover;border-radius:50%;width:48px;height:48px}.navbar-logo-text{color:oklch(var(--foreground));font-size:1.125rem;font-weight:600}.navbar-menu{flex:1;justify-content:center;max-width:600px;display:flex}.nav-link{color:oklch(var(--foreground)/.85);border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.nav-link:hover{color:oklch(var(--foreground));background:linear-gradient(135deg,oklch(var(--muted)/.6)0%,oklch(var(--muted)/.4)100%);box-shadow:0 4px 12px oklch(var(--foreground)/.08);transform:translateY(-2px)}.nav-link svg{filter:grayscale(.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:has(svg.lucide-moon) svg{color:#0083e3;color:lab(52.2927% .26691 -66.6828)}.dark .nav-link:has(svg.lucide-moon) svg{color:#3ea3ff;color:lab(63.8472% -1.31103 -73.4541)}.nav-link:has(svg.lucide-sparkles) svg{color:#595cff;color:lab(46.4289% 51.4804 -98.9507)}.dark .nav-link:has(svg.lucide-sparkles) svg{color:#8192ff;color:lab(60.4771% 49.7413 -105.916)}.nav-link:has(svg.lucide-compass) svg{color:#f64c00;color:lab(57.2413% 73.7045 115.96)}.dark .nav-link:has(svg.lucide-compass) svg{color:#ff874c;color:lab(69.3723% 60.5298 81.9538)}.nav-link:has(svg.lucide-users) svg{color:#009b41;color:lab(56.0377% -61.4515 41.8892)}.dark .nav-link:has(svg.lucide-users) svg{color:#00bf66;color:lab(67.9919% -71.9207 37.3746)}.nav-link:hover svg{filter:grayscale(0)drop-shadow(0 0 6px);transform:scale(1.15)rotate(-8deg)}.nav-link:has(svg.lucide-moon):hover{background:linear-gradient(135deg,#0083e31f 0%,#348ff914 100%);background:linear-gradient(135deg,lab(52.2927% .26691 -66.6828/.12) 0%,lab(58.1565% 1.75071 -61.959/.08) 100%)}.dark .nav-link:has(svg.lucide-moon):hover{background:linear-gradient(135deg,#3ea3ff26 0%,#68b0ff1a 100%);background:linear-gradient(135deg,lab(63.8472% -1.31103 -73.4541/.15) 0%,lab(69.6609% 1.1785 -68.9155/.1) 100%)}.nav-link:has(svg.lucide-sparkles):hover{background:linear-gradient(135deg,#595cff1f 0%,#7b78ff14 100%);background:linear-gradient(135deg,lab(46.4289% 51.4804 -98.9507/.12) 0%,lab(54.1409% 58.4607 -104.808/.08) 100%)}.dark .nav-link:has(svg.lucide-sparkles):hover{background:linear-gradient(135deg,#6f7cff26 0%,#8b8eff1a 100%);background:linear-gradient(135deg,lab(54.3926% 53.0287 -105.96/.15) 0%,lab(60.7697% 49.315 -97.7886/.1) 100%)}.nav-link:has(svg.lucide-compass):hover{background:linear-gradient(135deg,#f64c001f 0%,#ff680014 100%);background:linear-gradient(135deg,lab(57.2413% 73.7045 115.96/.12) 0%,lab(63.5401% 60.9702 90.0412/.08) 100%)}.dark .nav-link:has(svg.lucide-compass):hover{background:linear-gradient(135deg,#ff874c26 0%,#ff9f5f1a 100%);background:linear-gradient(135deg,lab(69.3723% 60.5298 81.9538/.15) 0%,lab(75.5417% 50.9571 74.8401/.1) 100%)}.nav-link:has(svg.lucide-users):hover{background:linear-gradient(135deg,#009b411f 0%,#00ac5f14 100%);background:linear-gradient(135deg,lab(56.0377% -61.4515 41.8892/.12) 0%,lab(61.7025% -58.3045 30.2029/.08) 100%)}.dark .nav-link:has(svg.lucide-users):hover{background:linear-gradient(135deg,#00bf6626 0%,#00ce861a 100%);background:linear-gradient(135deg,lab(67.9919% -71.9207 37.3746/.15) 0%,lab(73.6141% -67.7552 26.4933/.1) 100%)}.nav-link:has(svg.lucide-sparkles):hover svg{animation:.6s ease-in-out sparkle}@keyframes sparkle{0%,to{opacity:1;transform:scale(1.15)rotate(-8deg)}50%{opacity:.8;transform:scale(1.25)rotate(-8deg)}}.nav-link:has(svg.lucide-moon).active{color:#0083e3;color:lab(52.2927% .26691 -66.6828);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#0083e31a 0%,#348ff914 100%);background:linear-gradient(135deg,lab(52.2927% .26691 -66.6828/.1) 0%,lab(58.1565% 1.75071 -61.959/.08) 100%);box-shadow:0 0 0 1px #0083e333,0 2px 8px #0083e326;box-shadow:0 0 0 1px lab(52.2927% .26691 -66.6828/.2),0 2px 8px lab(52.2927% .26691 -66.6828/.15)}.dark .nav-link:has(svg.lucide-moon).active{color:#3ea3ff;color:lab(63.8472% -1.31103 -73.4541);background:linear-gradient(135deg,#3ea3ff26 0%,#68b0ff1f 100%);background:linear-gradient(135deg,lab(63.8472% -1.31103 -73.4541/.15) 0%,lab(69.6609% 1.1785 -68.9155/.12) 100%);box-shadow:0 0 0 1px #3ea3ff4d,0 2px 12px #3ea3ff40;box-shadow:0 0 0 1px lab(63.8472% -1.31103 -73.4541/.3),0 2px 12px lab(63.8472% -1.31103 -73.4541/.25)}.nav-link:has(svg.lucide-sparkles).active{color:#595cff;color:lab(46.4289% 51.4804 -98.9507);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#595cff1a 0%,#7b78ff14 100%);background:linear-gradient(135deg,lab(46.4289% 51.4804 -98.9507/.1) 0%,lab(54.1409% 58.4607 -104.808/.08) 100%);box-shadow:0 0 0 1px #595cff33,0 2px 8px #595cff26;box-shadow:0 0 0 1px lab(46.4289% 51.4804 -98.9507/.2),0 2px 8px lab(46.4289% 51.4804 -98.9507/.15)}.dark .nav-link:has(svg.lucide-sparkles).active{color:#8192ff;color:lab(60.4771% 49.7413 -105.916);background:linear-gradient(135deg,#6f7cff26 0%,#8b8eff1f 100%);background:linear-gradient(135deg,lab(54.3926% 53.0287 -105.96/.15) 0%,lab(60.7697% 49.315 -97.7886/.12) 100%);box-shadow:0 0 0 1px #6f7cff4d,0 2px 12px #6f7cff40;box-shadow:0 0 0 1px lab(54.3926% 53.0287 -105.96/.3),0 2px 12px lab(54.3926% 53.0287 -105.96/.25)}.nav-link:has(svg.lucide-compass).active{color:#f64c00;color:lab(57.2413% 73.7045 115.96);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#f64c001a 0%,#ff680014 100%);background:linear-gradient(135deg,lab(57.2413% 73.7045 115.96/.1) 0%,lab(63.5401% 60.9702 90.0412/.08) 100%);box-shadow:0 0 0 1px #f64c0033,0 2px 8px #f64c0026;box-shadow:0 0 0 1px lab(57.2413% 73.7045 115.96/.2),0 2px 8px lab(57.2413% 73.7045 115.96/.15)}.dark .nav-link:has(svg.lucide-compass).active{color:#ff874c;color:lab(69.3723% 60.5298 81.9538);background:linear-gradient(135deg,#ff874c26 0%,#ff9f5f1f 100%);background:linear-gradient(135deg,lab(69.3723% 60.5298 81.9538/.15) 0%,lab(75.5417% 50.9571 74.8401/.12) 100%);box-shadow:0 0 0 1px #ff874c4d,0 2px 12px #ff874c40;box-shadow:0 0 0 1px lab(69.3723% 60.5298 81.9538/.3),0 2px 12px lab(69.3723% 60.5298 81.9538/.25)}.nav-link:has(svg.lucide-users).active{color:#009b41;color:lab(56.0377% -61.4515 41.8892);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#009b411a 0%,#00ac5f14 100%);background:linear-gradient(135deg,lab(56.0377% -61.4515 41.8892/.1) 0%,lab(61.7025% -58.3045 30.2029/.08) 100%);box-shadow:0 0 0 1px #009b4133,0 2px 8px #009b4126;box-shadow:0 0 0 1px lab(56.0377% -61.4515 41.8892/.2),0 2px 8px lab(56.0377% -61.4515 41.8892/.15)}.dark .nav-link:has(svg.lucide-users).active{color:#00bf66;color:lab(67.9919% -71.9207 37.3746);background:linear-gradient(135deg,#00bf6626 0%,#00ce861f 100%);background:linear-gradient(135deg,lab(67.9919% -71.9207 37.3746/.15) 0%,lab(73.6141% -67.7552 26.4933/.12) 100%);box-shadow:0 0 0 1px #00bf664d,0 2px 12px #00bf6640;box-shadow:0 0 0 1px lab(67.9919% -71.9207 37.3746/.3),0 2px 12px lab(67.9919% -71.9207 37.3746/.25)}.nav-link.active svg{filter:grayscale(0)drop-shadow(0 0 4px);transform:scale(1.1)}.navbar-tools{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.navbar-tools-desktop{align-items:center;gap:.75rem;display:flex}.navbar-language-selector{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #93c5fd99;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background-color .3s,border-color .3s,box-shadow .3s,transform .3s;display:inline-flex;position:relative}.navbar-language-selector:hover{background:linear-gradient(135deg,#93c5fd1a 0%,#c4b5fd1a 50%,#fbbf241a 100%);border-color:#93c5fdcc;transform:translateY(-1px);box-shadow:0 4px 20px #93c5fd40}.navbar-language-selector:active{transform:translateY(0);box-shadow:0 2px 10px #93c5fd1a}.dark .navbar-language-selector{background:#1414140d;border-color:#6366f199}.dark .navbar-language-selector:hover{background:linear-gradient(135deg,#6366f126 0%,#8b5cf626 50%,#3b82f626 100%);border-color:#6366f1cc;box-shadow:0 4px 20px #6366f14d}.flag-hover-scale{transition:transform .3s cubic-bezier(.4,0,.2,1)}.navbar-language-selector:hover .flag-hover-scale{transform:scale(1.15)}.auth-buttons{align-items:center;gap:.5rem;display:flex}.login-btn{color:#595cff;color:lab(46.4289% 51.4804 -98.9507);background:0 0;border:1px solid #595cff99;border:1px solid lab(46.4289% 51.4804 -98.9507/.6);border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.dark .login-btn{color:#6f7cff;color:lab(54.3926% 53.0287 -105.96);border:1px solid #6f7cff99;border:1px solid lab(54.3926% 53.0287 -105.96/.6)}.login-btn:hover{background:linear-gradient(135deg,#595cff26 0%,#6f7cff26 50%,#8c8eff1a 100%);background:linear-gradient(135deg,lab(46.4289% 51.4804 -98.9507/.15) 0%,lab(54.3926% 53.0287 -105.96/.15) 50%,lab(61.5215% 40.8092 -87.3937/.1) 100%);border-color:#595cffcc;border-color:lab(46.4289% 51.4804 -98.9507/.8);transform:translateY(-1px);box-shadow:0 4px 20px #595cff4d;box-shadow:0 4px 20px lab(46.4289% 51.4804 -98.9507/.3)}.dark .login-btn:hover{background:linear-gradient(135deg,#6f7cff33 0%,#8191ff33 50%,#9da3ff26 100%);background:linear-gradient(135deg,lab(54.3926% 53.0287 -105.96/.2) 0%,lab(61.0125% 43.7836 -98.8632/.2) 50%,lab(67.4689% 39.0336 -87.4788/.15) 100%);border-color:#6f7cffe6;border-color:lab(54.3926% 53.0287 -105.96/.9);box-shadow:0 4px 20px #6f7cff66;box-shadow:0 4px 20px lab(54.3926% 53.0287 -105.96/.4)}.login-btn:active{transform:translateY(0);box-shadow:0 2px 10px #595cff33;box-shadow:0 2px 10px lab(46.4289% 51.4804 -98.9507/.2)}.dark .login-btn:active{box-shadow:0 2px 10px #6f7cff4d;box-shadow:0 2px 10px lab(54.3926% 53.0287 -105.96/.3)}.register-btn{color:#fff;background:#595cff;background:lab(46.4289% 51.4804 -98.9507);border:1px solid #595cff;border:1px solid lab(46.4289% 51.4804 -98.9507);border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.dark .register-btn{background:#6f7cff;background:lab(54.3926% 53.0287 -105.96);border:1px solid #6f7cff;border:1px solid lab(54.3926% 53.0287 -105.96)}.register-btn:hover{background:#524bff;background:lab(42.0037% 61.512 -106.326);border-color:#524bff;border-color:lab(42.0037% 61.512 -106.326);transform:translateY(-1px);box-shadow:0 4px 12px #595cff66;box-shadow:0 4px 12px lab(46.4289% 51.4804 -98.9507/.4)}.dark .register-btn:hover{background:#8393ff;background:lab(59.9% 56.095 -113.014);border-color:#8393ff;border-color:lab(59.9% 56.095 -113.014);box-shadow:0 4px 12px #6f7cff80;box-shadow:0 4px 12px lab(54.3926% 53.0287 -105.96/.5)}.register-btn:active{transform:translateY(0);box-shadow:0 2px 6px #595cff4d;box-shadow:0 2px 6px lab(46.4289% 51.4804 -98.9507/.3)}.dark .register-btn:active{box-shadow:0 2px 6px #6f7cff66;box-shadow:0 2px 6px lab(54.3926% 53.0287 -105.96/.4)}.register-btn:active{transform:translateY(0);box-shadow:0 2px 6px #9333ea1a}.create-dream-btn{color:#fff;background:linear-gradient(135deg,#595cff 0%,#7b78ff 100%);background:linear-gradient(135deg,lab(46.4289% 51.4804 -98.9507) 0%,lab(54.1409% 58.4607 -104.808) 100%);border:1px solid #595cff;border:1px solid lab(46.4289% 51.4804 -98.9507);border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;position:relative;overflow:hidden}.dark .create-dream-btn{background:linear-gradient(135deg,#6f7cff 0%,#8b8eff 100%);background:linear-gradient(135deg,lab(54.3926% 53.0287 -105.96) 0%,lab(60.7697% 49.315 -97.7886) 100%);border:1px solid #6f7cff;border:1px solid lab(54.3926% 53.0287 -105.96)}.create-dream-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.create-dream-btn:hover:before{left:100%}.create-dream-btn:hover{background:linear-gradient(135deg,#524bff 0%,#6d5fff 100%);background:linear-gradient(135deg,lab(42.0037% 61.512 -106.326) 0%,lab(47.2881% 69.4839 -112.101) 100%);border-color:#524bff;border-color:lab(42.0037% 61.512 -106.326);transform:translateY(-2px)scale(1.02);box-shadow:0 4px 20px #595cff80,0 0 30px #595cff4d;box-shadow:0 4px 20px lab(46.4289% 51.4804 -98.9507/.5),0 0 30px lab(46.4289% 51.4804 -98.9507/.3)}.dark .create-dream-btn:hover{background:linear-gradient(135deg,#8393ff 0%,#9ca1ff 100%);background:linear-gradient(135deg,lab(59.9% 56.095 -113.014) 0%,lab(66.2533% 52.8375 -104.774) 100%);border-color:#8393ff;border-color:lab(59.9% 56.095 -113.014);box-shadow:0 4px 20px #6f7cff99,0 0 30px #6f7cff66;box-shadow:0 4px 20px lab(54.3926% 53.0287 -105.96/.6),0 0 30px lab(54.3926% 53.0287 -105.96/.4)}.create-dream-btn:active{transform:translateY(0)scale(.98);box-shadow:0 2px 10px #595cff66;box-shadow:0 2px 10px lab(46.4289% 51.4804 -98.9507/.4)}.dark .create-dream-btn:active{box-shadow:0 2px 10px #6f7cff80;box-shadow:0 2px 10px lab(54.3926% 53.0287 -105.96/.5)}.create-dream-btn svg{transition:transform .3s}.create-dream-btn:hover svg{transform:rotate(90deg)scale(1.1)}.mobile-menu-btn{border-radius:.375rem;padding:.5rem;transition:all .2s;display:none}.mobile-menu-btn:hover{background-color:oklch(var(--muted))}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background-color:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:60px 0 0}.mobile-menu-content{background-color:oklch(var(--background));border-left:1px solid oklch(var(--border));width:280px;max-width:85vw;height:100vh;padding:1.5rem;animation:.3s ease-out slideInRight;overflow-y:auto}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-nav{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.mobile-nav-item{text-align:left;width:100%;color:oklch(var(--foreground));cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.mobile-nav-item:hover{background-color:oklch(var(--muted))}.mobile-user-actions{border-top:1px solid oklch(var(--border));flex-direction:column;gap:.5rem;margin-bottom:2rem;padding-top:1rem;display:flex}.mobile-register-btn{color:#fff;background-color:#595cff;background-color:lab(46.4289% 51.4804 -98.9507);border:1px solid #595cff;border:1px solid lab(46.4289% 51.4804 -98.9507);margin-top:.5rem;transition:all .3s}.dark .mobile-register-btn{background-color:#6f7cff;background-color:lab(54.3926% 53.0287 -105.96);border:1px solid #6f7cff;border:1px solid lab(54.3926% 53.0287 -105.96)}.mobile-register-btn:hover{background:linear-gradient(135deg,#524bff 0%,#595cff 50%,#6e7bff 100%);background:linear-gradient(135deg,lab(42.0037% 61.512 -106.326) 0%,lab(46.4289% 51.4804 -98.9507) 50%,lab(54.9746% 46.629 -98.8558) 100%);border-color:#524bff;border-color:lab(42.0037% 61.512 -106.326);transform:translateY(-1px);box-shadow:0 4px 20px #595cff66;box-shadow:0 4px 20px lab(46.4289% 51.4804 -98.9507/.4)}.dark .mobile-register-btn:hover{background:linear-gradient(135deg,#5f64ff 0%,#6f7cff 50%,#8191ff 100%);background:linear-gradient(135deg,lab(47.5456% 64.2935 -113.334) 0%,lab(54.3926% 53.0287 -105.96) 50%,lab(61.0125% 43.7836 -98.8632) 100%);border-color:#5f64ff;border-color:lab(47.5456% 64.2935 -113.334);box-shadow:0 4px 20px #6f7cff80;box-shadow:0 4px 20px lab(54.3926% 53.0287 -105.96/.5)}@media (max-width:768px){.navbar-container{gap:.5rem;padding:0 .25rem}.navbar-logo-text,.navbar-menu{display:none}.mobile-menu-btn{display:flex}.auth-buttons{gap:.25rem}.login-btn,.register-btn{padding:.375rem .75rem;font-size:.8rem}}@media (max-width:480px){.navbar-container{padding:0 .25rem}.navbar-logo img{width:40px;height:40px}.mobile-menu-content{width:260px;padding:1rem}}.record-dream-btn{color:#fff;background:linear-gradient(135deg,#595cff 0%,#7b78ff 100%);background:linear-gradient(135deg,lab(46.4289% 51.4804 -98.9507) 0%,lab(54.1409% 58.4607 -104.808) 100%);border:1px solid #595cffcc;border:1px solid lab(46.4289% 51.4804 -98.9507/.8);position:relative;overflow:hidden}.dark .record-dream-btn{background:linear-gradient(135deg,#6f7cff 0%,#8b8eff 100%);background:linear-gradient(135deg,lab(54.3926% 53.0287 -105.96) 0%,lab(60.7697% 49.315 -97.7886) 100%);border:1px solid #6f7cffcc;border:1px solid lab(54.3926% 53.0287 -105.96/.8)}.record-dream-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.record-dream-btn:hover:before{transform:translate(100%)}.record-dream-btn:hover{background:linear-gradient(135deg,#524bff 0%,#736bff 100%);background:linear-gradient(135deg,lab(42.0037% 61.512 -106.326) 0%,lab(49.7834% 67.7621 -112.002) 100%);transform:translateY(-2px)}.dark .record-dream-btn:hover{background:linear-gradient(135deg,#8393ff 0%,#9ca1ff 100%);background:linear-gradient(135deg,lab(59.9% 56.095 -113.014) 0%,lab(66.2533% 52.8375 -104.774) 100%)}.record-dream-btn:active{transform:translateY(0)}.record-dream-btn svg{transition:transform .3s}.record-dream-btn:hover svg{transform:scale(1.15)rotate(-5deg)}.my-dreams-btn{color:#fff;background:linear-gradient(135deg,#2177ff 0%,#6e7bff 100%);background:linear-gradient(135deg,lab(50.6872% 22.8232 -87.1023) 0%,lab(54.9746% 46.629 -98.8558) 100%);border:1px solid #2177ffcc;border:1px solid lab(50.6872% 22.8232 -87.1023/.8);position:relative;overflow:hidden}.dark .my-dreams-btn{background:linear-gradient(135deg,#3888ff 0%,#8192ff 100%);background:linear-gradient(135deg,lab(56.0347% 27.0842 -97.5438) 0%,lab(60.4771% 49.7413 -105.916) 100%);border:1px solid #3888ffcc;border:1px solid lab(56.0347% 27.0842 -97.5438/.8)}.my-dreams-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.my-dreams-btn:hover:before{transform:translate(100%)}.my-dreams-btn:hover{background:linear-gradient(135deg,#006aff 0%,#656fff 100%);background:linear-gradient(135deg,lab(46.5615% 30.6023 -94.0839) 0%,lab(50.7122% 55.2694 -106.022) 100%);transform:translateY(-2px)}.dark .my-dreams-btn:hover{background:linear-gradient(135deg,#5d9cff 0%,#95a5ff 100%);background:linear-gradient(135deg,lab(61.6116% 28.7644 -104.512) 0%,lab(65.9793% 52.8555 -112.976) 100%)}.my-dreams-btn:active{transform:translateY(0)}.my-dreams-btn svg{transition:transform .3s}.my-dreams-btn:hover svg{transform:scale(1.15)rotate(15deg)}