/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.top-full{top:100%}.right-1\/3{right:33.3333%}.left-1\/2{left:50%}.left-1\/4{left:25%}.z-10{z-index:10}.z-\[1000\]{z-index:1000}.container{width:100%}.mx-auto{margin-inline:auto}.box-border{box-sizing:border-box}.block{display:block}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.h-\[128px\]{height:128px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-\[128px\]{width:128px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-t-transparent{border-top-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.object-cover{-o-object-fit:cover;object-fit:cover}.text-right{text-align:right}.align-\[-2px\]{vertical-align:-2px}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-\[\#f59e0b\]{color:#f59e0b}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-100{opacity:1}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.group-hover\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:rotate-12:is(:where(.group):hover *){rotate:12deg}.group-hover\:opacity-10:is(:where(.group):hover *){opacity:.1}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:underline:hover{text-decoration-line:underline}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--secondary:#f59e0b;--background:#0f172a;--surface:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--border:#334155;--border-light:#475569;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}*{box-sizing:border-box}html,body{background-color:var(--background);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}a:visited{color:inherit}.blog-link{color:inherit;text-decoration:none}.blog-link:hover{color:var(--secondary);text-underline-offset:2px;text-decoration:underline}.blog-img-left{float:left;border-radius:8px;max-width:45%;margin:.25rem 1rem .75rem 0}.blog-img-right{float:right;border-radius:8px;max-width:45%;margin:.25rem 0 .75rem 1rem}@media (max-width:768px){.blog-img-left,.blog-img-right{float:none;max-width:100%;margin:.5rem 0;display:block}}.blog-content img{max-width:100%;height:auto;display:block}.blog-content{overflow:hidden}.app-container{flex-direction:column;max-width:1400px;min-height:100vh;margin:0 auto;padding:0 1rem;display:flex}.content-container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.content-container-narrow{width:100%;max-width:768px;margin:0 auto;padding:0 1rem}.content-container-wide{width:100%;max-width:1400px;margin:0 auto;padding:0 1rem}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:1.5rem;transition:all .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-elevated{box-shadow:var(--shadow-lg)}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border-light);border-color:var(--text-muted)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--border-light);color:var(--text-primary)}.btn-sm{padding:.5rem 1rem;font-size:.8rem}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);border-radius:8px;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.text-heading{color:var(--text-primary);font-family:Playfair Display,serif;font-weight:600;line-height:1.2}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.zodiac-symbol{color:var(--secondary);margin-right:.5rem;font-size:1.2em;display:inline-block}.section-divider{text-align:center;color:var(--text-muted);align-items:center;margin:.5rem 0;font-size:.875rem;display:flex}.section-divider:before,.section-divider:after{content:"";background:var(--border);flex:1;height:1px}.section-divider span{padding:0 1rem}.rune-divider{text-align:center;color:var(--secondary);opacity:.7;letter-spacing:.5em;margin:1rem 0;font-size:.75rem}@media (max-width:640px){.rune-divider{letter-spacing:.25em;font-size:.625rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}.nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;display:flex;position:relative}.nav-brand{color:var(--secondary);-webkit-text-fill-color:var(--secondary);letter-spacing:.05em;align-items:center;gap:.75rem;font-family:Cinzel,serif;font-size:1.75rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:relative}.nav-brand:hover{-webkit-text-fill-color:transparent;color:#0000;background:linear-gradient(90deg,#ffc299,#ff8fb3,#b8a5ff);-webkit-background-clip:text;background-clip:text}.nav-logo{width:2.5rem;height:2.5rem;color:var(--secondary);background-color:currentColor;transition:all .3s;display:inline-block;-webkit-mask-image:url(/logo.png);mask-image:url(/logo.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.nav-brand:hover .nav-logo{transform:scale(1.05)rotate(5deg)}.nav-brand:hover{filter:drop-shadow(0 2px 4px #6366f133);transform:scale(1.05)}@keyframes sparkle{0%,to{opacity:.3;transform:translateY(-50%)scale(1)}50%{opacity:1;transform:translateY(-50%)scale(1.2)}}.nav-links{align-items:center;gap:1rem;display:flex}.nav-link{color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-link:hover{color:var(--text-primary);background:var(--border-light);border-color:var(--border);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.nav-link.active{color:var(--primary);border-color:var(--primary);background:#6366f11a;font-weight:600}.nav-link.active:hover{box-shadow:var(--shadow-md);background:#6366f126;transform:translateY(-1px)}.mobile-menu{background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:50;position:absolute;top:100%;left:0;right:0}.mobile-menu-content{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.mobile-menu-item{color:var(--text-secondary);border:1px solid #0000;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mobile-menu-item:hover{background:var(--border-light);color:var(--text-primary);border-color:var(--border);transform:translate(4px)}.mobile-menu-item.active{color:var(--primary);border-color:var(--primary);background:#6366f11a;font-weight:600}.mobile-menu-divider{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.5rem}.mobile-menu-user{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem}.user-menu{display:inline-block;position:relative}.user-menu-trigger{cursor:pointer;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.user-menu-trigger:hover{background:var(--border-light);border-color:var(--border);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;font-weight:600;display:flex;box-shadow:0 2px 4px #0000001a}.user-avatar.large{width:3rem;height:3rem;font-size:1.125rem}.user-name{color:var(--text-primary);white-space:nowrap;font-weight:500}.user-menu-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.user-menu-arrow.open{transform:rotate(180deg)}.user-menu-overlay{z-index:40;position:fixed;inset:0}.user-menu-dropdown{background:var(--surface);border:1px solid var(--border);min-width:280px;max-width:calc(100vw - 1rem);box-shadow:var(--shadow-xl);z-index:50;border-radius:12px;margin-top:.5rem;position:absolute;top:100%;right:0;overflow:hidden}.user-menu-header{background:var(--border-light);align-items:center;gap:1rem;padding:1.5rem;display:flex}.user-info{flex:1;min-width:0}.user-display-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem;font-size:1rem;font-weight:600;overflow:hidden}.user-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.user-menu-divider{background:var(--border);height:1px}.user-menu-items{padding:.5rem}.user-menu-item{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.user-menu-item:hover{background:var(--border-light);color:var(--text-primary)}.user-menu-item.logout{color:#dc2626}.user-menu-item.logout:hover{color:#dc2626;background:#fef2f2}.user-menu-item svg{color:var(--text-muted);flex-shrink:0}.user-menu-item.logout svg{color:#dc2626}.horoscope-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}@media (min-width:768px){.horoscope-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.horoscope-option{text-align:center;background:var(--surface);border:2px solid var(--border);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;padding:2rem 1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.horoscope-option:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.horoscope-option.selected{border-color:var(--primary);box-shadow:var(--shadow-md);background:#6366f10d}.horoscope-option:before{content:"";background:linear-gradient(90deg,#0000,#6366f11a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.horoscope-option:hover:before{left:100%}.horoscope-icon{color:var(--primary);margin-bottom:1.5rem;transition:all .3s}.horoscope-option:hover .horoscope-icon{color:var(--primary-dark);transform:scale(1.1)}.horoscope-title{color:var(--text-primary);margin-bottom:.75rem;font-family:Playfair Display,serif;font-size:1.125rem;font-weight:600;line-height:1.3}.horoscope-description{color:var(--text-secondary);max-width:180px;font-size:.875rem;line-height:1.4}@media (max-width:767px){.horoscope-option{padding:1.5rem 1rem}.horoscope-title{font-size:1rem}.horoscope-description{font-size:.8rem}}.hidden{display:none}@media (min-width:768px){.md-hidden{display:none}.md-flex{display:flex}}@media (max-width:767px){.nav-links{display:none}.user-profile-header{flex-direction:column;align-items:stretch;gap:1rem;width:100%}.user-profile-left{min-width:0}.user-profile-action{align-self:stretch}.user-profile-action .btn{width:100%}}.grid{gap:1.5rem;display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-13{grid-template-columns:repeat(13,1fr)}@media (max-width:640px){.grid-cols-13{grid-template-columns:repeat(10,1fr);gap:.125rem}}@media (max-width:480px){.grid-cols-13{grid-template-columns:repeat(7,1fr);gap:.125rem}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.rounded-lg{border-radius:8px}.magic-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:12px;padding:2rem;transition:all .3s}.magic-grid{gap:1.5rem;display:grid}.magic-grid-2,.magic-grid-3,.magic-grid-4{grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.magic-grid-2,.magic-grid-3,.magic-grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.magic-grid-3,.magic-grid-4{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.magic-grid-4{grid-template-columns:repeat(4,1fr)}}.magic-button{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.magic-button-primary{background:var(--primary);color:#fff}.magic-button-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes glowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{opacity:.35}50%{opacity:.65}}.btn-hero{isolation:isolate;background-size:200% 200%;position:relative;overflow:hidden}.btn-hero:before{content:"";border-radius:inherit;filter:blur(20px);opacity:.75;z-index:-1;background:conic-gradient(#f59e0b,#6366f1,#0ea5e9,#f59e0b);transition:opacity .3s,filter .3s;position:absolute;inset:-4px}.btn-hero:hover:before{opacity:.9;filter:blur(24px)}.btn-hero:after{content:"";border-radius:inherit;mix-blend-mode:screen;opacity:.4;z-index:-1;background:radial-gradient(closest-side,#fff3,#ffffff0d 60%,#0000 70%);position:absolute;inset:0}@keyframes auroraDriftA{0%{transform:translate(-18%,-6%)rotate(-6deg)}50%{transform:translate(12%,8%)rotate(5deg)}to{transform:translate(18%,-4%)rotate(-4deg)}}@keyframes auroraDriftB{0%{transform:translate(16%,6%)rotate(7deg)}50%{transform:translate(-12%,-10%)rotate(-5deg)}to{transform:translate(-18%,4%)rotate(4deg)}}.btn-aurora,.btn-aurora-2{border-radius:inherit;z-index:-1;mix-blend-mode:screen;pointer-events:none;will-change:transform,opacity;position:absolute;inset:-20%}.btn-aurora{filter:blur(28px);opacity:.38;background:radial-gradient(closest-side at 30%,#6366f18c,#0ea5e947,#0000 70%);animation:18s ease-in-out infinite alternate auroraDriftA}.btn-aurora-2{filter:blur(34px);opacity:.34;background:radial-gradient(closest-side at 70% 55%,#f59e0b73,#6366f138,#0000 70%);animation:23s ease-in-out infinite alternate auroraDriftB}.loading-spinner{border:2px solid var(--border-light);border-top:2px solid var(--primary);border-radius:50%;width:2rem;height:2rem;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glow-text{color:var(--text-secondary);text-align:center}.user-panel-item{text-align:left;background:var(--surface);border:2px solid var(--border);cursor:pointer;width:100%;color:var(--text-secondary);border-radius:12px;align-items:center;margin-bottom:.5rem;padding:.75rem 1rem;font-weight:500;transition:all .3s;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.user-panel-item{padding:1rem 1.25rem}}.user-panel-item:hover{border-color:var(--primary);background:var(--border-light);color:var(--text-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.user-panel-item.active{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-md);background:#6366f11a;font-weight:600}.user-panel-item.active:hover{box-shadow:var(--shadow-lg);background:#6366f126;transform:translateY(-1px)}.user-panel-item:before{content:"";background:linear-gradient(90deg,#0000,#6366f11a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.user-panel-item:hover:before{left:100%}.user-panel-item .text-lg{filter:grayscale(.3);transition:all .3s}.user-panel-item:hover .text-lg,.user-panel-item.active .text-lg{filter:grayscale(0);transform:scale(1.1)}.user-panel-item.active .text-lg{filter:drop-shadow(0 0 8px #6366f14d)}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.text-primary{color:var(--primary)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-surface{background-color:var(--surface)}.bg-border-light{background-color:var(--border-light)}.border-border-light{border-color:var(--border-light)}.sticky{position:sticky}.top-8{top:2rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.min-w-0{min-width:0}.min-w-20{min-width:5rem}.min-w-24{min-width:6rem}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.max-h-80{max-height:20rem}.overflow-y-auto{overflow-y:auto}.border{border-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.pt-6{padding-top:1.5rem}.mt-1{margin-top:.25rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.w-2{width:.5rem}.h-2{height:.5rem}.w-3{width:.75rem}.h-3{height:.75rem}.w-4{width:1rem}.h-4{height:1rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.w-10{width:2.5rem}.inline-flex{display:inline-flex}.rounded-full{border-radius:9999px}.text-center{text-align:center}.text-left{text-align:left}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.relative{position:relative}.absolute{position:absolute}.top-1{top:.25rem}.right-1{right:.25rem}.left-1{left:.25rem}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.text-white{color:#fff}.badge{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);white-space:nowrap;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1;display:inline-flex}.badge-contrast{background:var(--secondary);border-color:var(--secondary);color:#fff}.badge-soft{border-color:var(--secondary);color:var(--secondary);background:#f59e0b1f}.text-blue-400{color:#60a5fa}.text-blue-500{color:#3b82f6}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-blue-800{color:#1e40af}.text-purple-400{color:#a78bfa}.text-purple-500{color:#8b5cf6}.text-purple-600{color:#7c3aed}.text-purple-800{color:#5b21b6}.text-yellow-400{color:#facc15}.text-yellow-500{color:#eab308}.text-yellow-600{color:#ca8a04}.text-yellow-700{color:#a16207}.text-yellow-800{color:#854d0e}.text-red-400{color:#f87171}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-green-500{color:#22c55e}.text-green-600{color:#16a34a}.text-green-700{color:#15803d}.text-indigo-500{color:#6366f1}.text-gray-400{color:#9ca3af}.bg-blue-50{background-color:#eff6ff}.bg-blue-500{background-color:#3b82f6}.bg-purple-50{background-color:#faf5ff}.bg-purple-500{background-color:#8b5cf6}.bg-yellow-50{background-color:#fefce8}.bg-yellow-500{background-color:#eab308}.bg-red-500{background-color:#ef4444}.bg-green-50{background-color:#f0fdf4}.bg-green-100{background-color:#dcfce7}.bg-green-500{background-color:#22c55e}.bg-white{background-color:#fff}.border-blue-200{border-color:#bfdbfe}.border-purple-200{border-color:#e9d5ff}.border-yellow-200{border-color:#fde047}.border-green-500{border-color:#22c55e}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:sticky{position:sticky}.lg\:top-8{top:2rem}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-1{grid-column:span 1/span 1}}@media (max-width:1023px){.lg-only{display:none}.mobile-full-bleed{margin-left:-1rem;margin-right:-1rem}.mobile-viewport-bleed{width:auto;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}@media (max-width:1279px){.xl-only{display:none}}@media (max-width:640px){.user-panel-item{padding:.5rem .75rem;font-size:.875rem}.user-panel-item .text-lg{font-size:1rem}.content-container-wide{padding:0 .75rem}.magic-card{padding:1rem}.user-profile-header{flex-direction:column;align-items:stretch;gap:1rem;width:100%}.user-profile-left{min-width:0}.user-profile-action{align-self:flex-start}}@media (max-width:480px){.user-panel-item{min-height:3rem;padding:.5rem}.user-panel-item .text-lg{font-size:.875rem}}.mobile-toggle{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;font-size:1.125rem;transition:all .2s;display:flex}.mobile-toggle:hover{background:var(--border-light);color:var(--text-primary)}@media (min-width:768px){.mobile-toggle{display:none}}.footer{background:var(--surface);border-top:1px solid var(--border);margin-top:auto;padding:3rem 0 1.5rem}.footer-content{grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2rem;display:grid}.footer-section{flex-direction:column;gap:1rem;display:flex}.footer-brand{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.footer-logo{width:2rem;height:2rem;color:var(--secondary);background-color:currentColor;display:inline-block;-webkit-mask-image:url(/logo.png);mask-image:url(/logo.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.footer-brand-text{color:var(--secondary);font-family:Cinzel,serif;font-size:1.25rem;font-weight:600;transition:all .3s}.footer-brand:hover .footer-brand-text{-webkit-text-fill-color:transparent;color:#0000;background:linear-gradient(90deg,#ffc299,#ff8fb3,#b8a5ff);-webkit-background-clip:text;background-clip:text}.footer-description{color:var(--text-secondary);max-width:280px;font-size:.875rem;line-height:1.6}.footer-title{color:var(--text-primary);margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:1.125rem;font-weight:600}.footer-links{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.footer-link{color:var(--text-secondary);cursor:pointer;font-size:.875rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--primary)}.footer-contact{flex-direction:column;gap:.75rem;display:flex}.footer-contact-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;display:flex}.footer-copyright,.footer-credits{color:var(--text-muted);font-size:.8rem}.footer-credits{text-align:right}@media (max-width:768px){.footer{padding:2rem 0 1rem}.footer-content{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{text-align:center;flex-direction:column;gap:.5rem}.footer-credits{text-align:center}}@media (min-width:1024px){.user-profile-layout{gap:2rem;display:flex}.user-profile-sidebar{flex-shrink:0;width:320px}.user-profile-content{flex:1;min-width:0}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}