@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@300;400;500&display=swap);@font-face{font-display:swap;font-family:Chillax;font-style:normal;font-weight:200;src:url(/build/fonts/Chillax-Extralight.9e7f1950.eot);src:url(/build/fonts/Chillax-Extralight.9e7f1950.eot?#iefix) format("embedded-opentype"),url(/build/fonts/Chillax-Extralight.278406f9.woff2) format("woff2"),url(/build/fonts/Chillax-Extralight.6ef90e26.woff) format("woff"),url(/build/fonts/Chillax-Extralight.a4056cb2.ttf) format("truetype")}@font-face{font-display:swap;font-family:Chillax;font-style:normal;font-weight:300;src:url(/build/fonts/Chillax-Light.5c9b633b.eot);src:url(/build/fonts/Chillax-Light.5c9b633b.eot?#iefix) format("embedded-opentype"),url(/build/fonts/Chillax-Light.af355b9b.woff2) format("woff2"),url(/build/fonts/Chillax-Light.6a1a75dd.woff) format("woff"),url(/build/fonts/Chillax-Light.f7f01b60.ttf) format("truetype")}@font-face{font-display:swap;font-family:Chillax;font-style:normal;font-weight:400;src:url(/build/fonts/Chillax-Regular.d1de94fb.eot);src:url(/build/fonts/Chillax-Regular.d1de94fb.eot?#iefix) format("embedded-opentype"),url(/build/fonts/Chillax-Regular.ba523d3c.woff2) format("woff2"),url(/build/fonts/Chillax-Regular.69ecbaec.woff) format("woff"),url(/build/fonts/Chillax-Regular.50d22158.ttf) format("truetype")}@font-face{font-display:swap;font-family:Chillax;font-style:normal;font-weight:500;src:url(/build/fonts/Chillax-Medium.e621c53f.eot);src:url(/build/fonts/Chillax-Medium.e621c53f.eot?#iefix) format("embedded-opentype"),url(/build/fonts/Chillax-Medium.0676d0c3.woff2) format("woff2"),url(/build/fonts/Chillax-Medium.529ac682.woff) format("woff"),url(/build/fonts/Chillax-Medium.bd1fdefd.ttf) format("truetype")}@font-face{font-display:swap;font-family:Chillax Variable;font-style:normal;font-weight:200 700;src:url(/build/fonts/Chillax-Variable.9cf7581f.woff2) format("woff2-variations"),url(/build/fonts/Chillax-Variable.3099c20b.woff) format("woff-variations"),url(/build/fonts/Chillax-Variable.35be36f5.ttf) format("truetype-variations")}:root{--font-primary:"Chillax",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-variable:"Chillax Variable","Chillax",sans-serif;--font-body:"Chillax",-apple-system,BlinkMacSystemFont,sans-serif;--weight-extra-light:200;--weight-light:300;--weight-regular:400;--weight-medium:500;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-8xl:6rem;--leading-none:1;--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em}*{text-rendering:optimizeLegibility}*,body{font-family:var(--font-primary)}body{font-weight:var(--weight-extra-light);letter-spacing:var(--tracking-normal);line-height:var(--leading-relaxed)}.h1,h1{font-size:clamp(2.5rem,4.5vw,4rem)!important;letter-spacing:var(--tracking-tighter)!important}.h1,.h2,h1,h2{font-family:var(--font-primary)!important;line-height:var(--leading-tight)!important}.h2,h2{font-size:clamp(2rem,3.5vw,3rem)!important;letter-spacing:var(--tracking-tight)!important;margin:2rem 0 1.25rem}.h3,h3{font-size:clamp(1.5rem,2.5vw,2.25rem)!important;letter-spacing:var(--tracking-tight)!important;margin:1.75rem 0 1rem}.h3,.h4,h3,h4{font-family:var(--font-primary)!important;font-weight:300;line-height:var(--leading-snug)!important}.h4,h4{font-size:clamp(1.25rem,2vw,1.75rem)!important;letter-spacing:var(--tracking-normal)!important;margin:1.5rem 0 .75rem}.h5,h5{font-size:clamp(1.125rem,1.75vw,1.5rem)!important;letter-spacing:var(--tracking-normal)!important;margin:1.25rem 0 .75rem}.h5,.h6,h5,h6{font-family:var(--font-primary)!important;font-weight:400;line-height:var(--leading-normal)!important}.h6,h6{font-size:clamp(1rem,1.5vw,1.25rem)!important;letter-spacing:var(--tracking-wide)!important}.text-xs{font-size:var(--text-xs);font-weight:300;line-height:var(--leading-normal)}.font-bold,strong{font-family:var(--font-primary)!important;font-weight:500}em{font-family:var(--font-primary)!important;font-style:italic;font-weight:300}.btn,.btn-primary,.btn-secondary,button,div[class*=btn-]{font-family:var(--font-primary)!important;font-size:var(--text-sm);font-weight:300;letter-spacing:var(--tracking-wide);text-transform:none!important}.btn:hover,button:hover{font-weight:400}.nav,.navbar,.navigation,nav{font-family:var(--font-primary)!important}.form-control,.form-input,input,select,textarea{font-family:var(--font-primary)!important;font-size:var(--text-base);font-weight:300;letter-spacing:var(--tracking-normal)}.form-label,.label,label{font-family:var(--font-primary)!important;font-size:var(--text-sm);font-weight:300;letter-spacing:var(--tracking-wide)}::placeholder{font-family:var(--font-primary)!important;font-weight:300;opacity:.5}.quote,blockquote{font-family:var(--font-primary)!important;font-size:clamp(1.25rem,2.5vw,1.75rem);font-style:italic;letter-spacing:var(--tracking-normal);line-height:var(--leading-relaxed)}.font-light{font-weight:300}.font-medium{font-weight:500}.tracking-tight{letter-spacing:var(--tracking-tight)!important}.tracking-wide{letter-spacing:var(--tracking-wide)!important}.tracking-wider{letter-spacing:var(--tracking-wider)!important}.tracking-widest{letter-spacing:var(--tracking-widest)!important}.leading-none{line-height:var(--leading-none)!important}.leading-tight{line-height:var(--leading-tight)!important}.leading-relaxed{line-height:var(--leading-relaxed)!important}.hero-section h1{font-family:var(--font-primary)!important;font-size:clamp(2.25rem,3.5vw,3.5rem)!important;font-weight:300;letter-spacing:-.02em!important;line-height:1.2!important;margin-bottom:1.25rem}@media (min-width:1920px){.hero-section h1{font-size:3.25rem!important;line-height:1.15!important}.h2,h2{font-size:2.5rem!important}.h3,h3{font-size:2rem!important}}@media (min-width:1440px) and (max-width:1919px){.hero-section h1{font-size:3rem!important}}@media (max-width:768px){.h1,h1{font-size:clamp(2rem,8vw,3rem)!important;line-height:var(--leading-tight)!important}.h2,h2{font-size:clamp(1.75rem,6vw,2.5rem)!important}.h3,h3{font-size:clamp(1.5rem,5vw,2rem)!important}.hero-section h1{font-size:clamp(2rem,9vw,3rem)!important;line-height:1.25!important}}body *{font-family:var(--font-primary)!important}.text-gradient-ghost,.text-gradient-mist,.text-gradient-whisper,button,div,h1,h2,h3,h4,h5,h6,input,label,li,select,span,td,textarea,th{font-family:Chillax,-apple-system,BlinkMacSystemFont,sans-serif!important}:root{--font-title:"Playfair Display",Georgia,serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"SF Mono","Monaco","Consolas",monospace;--glass-black-ultra:rgba(0,0,0,.95);--glass-black-heavy:rgba(0,0,0,.8);--glass-black-medium:rgba(0,0,0,.6);--glass-black-light:rgba(0,0,0,.4);--glass-black-subtle:rgba(0,0,0,.2);--glass-black-whisper:rgba(0,0,0,.1);--glass-charcoal:rgba(24,24,27,.8);--glass-slate:rgba(30,41,59,.7);--glass-midnight:rgba(15,23,42,.85);--glass-shadow:rgba(8,8,12,.9);--accent-whisper:hsla(0,0%,100%,.03);--accent-ghost:hsla(0,0%,100%,.06);--accent-mist:hsla(0,0%,100%,.1);--accent-soft:hsla(0,0%,100%,.15);--accent-gentle:hsla(0,0%,100%,.2);--gradient-midnight:linear-gradient(135deg,rgba(0,0,0,.9),rgba(15,15,20,.8) 50%,rgba(0,0,0,.95));--gradient-charcoal:linear-gradient(135deg,rgba(24,24,27,.9),rgba(39,39,42,.8) 50%,rgba(24,24,27,.9));--gradient-slate:linear-gradient(135deg,rgba(30,41,59,.8),rgba(51,65,85,.7) 50%,rgba(30,41,59,.8));--text-gradient-whisper:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.7) 50%,hsla(0,0%,100%,.85));--text-gradient-mist:linear-gradient(135deg,hsla(0,0%,100%,.8),rgba(248,250,252,.6) 50%,hsla(0,0%,100%,.75));--text-gradient-ghost:linear-gradient(135deg,hsla(0,0%,100%,.6),rgba(241,245,249,.4) 50%,hsla(0,0%,100%,.55));--text-primary:hsla(0,0%,100%,.95);--text-secondary:hsla(0,0%,100%,.9);--text-muted:hsla(0,0%,100%,.7);--text-ghost:hsla(0,0%,100%,.5);--text-whisper:hsla(0,0%,100%,.35);--border-whisper:1px solid hsla(0,0%,100%,.08);--border-ghost:1px solid hsla(0,0%,100%,.12);--border-mist:1px solid hsla(0,0%,100%,.18);--border-soft:1px solid hsla(0,0%,100%,.25);--blur-whisper:blur(8px);--blur-ghost:blur(12px);--blur-mist:blur(16px);--blur-soft:blur(20px);--blur-heavy:blur(24px);--shadow-whisper:0 4px 12px rgba(0,0,0,.1);--shadow-ghost:0 8px 24px rgba(0,0,0,.15);--shadow-mist:0 12px 32px rgba(0,0,0,.2);--shadow-soft:0 16px 40px rgba(0,0,0,.25);--shadow-deep:0 20px 48px rgba(0,0,0,.3)}*{color:var(--text-secondary);font-family:var(--font-body);font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--gradient-midnight);min-height:100vh}.h1,h1{background:var(--text-gradient-whisper);-webkit-background-clip:text;font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.02em;line-height:1.1;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}.h1,.h2,h1,h2{font-family:var(--font-title);font-weight:300}.h2,h2{background:var(--text-gradient-mist);-webkit-background-clip:text;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.015em;line-height:1.2;-webkit-text-fill-color:transparent;background-clip:text;margin:2rem 0 1rem}.h3,h3{color:var(--text-primary);font-size:clamp(1.5rem,3vw,2rem);line-height:1.3;margin:1.5rem 0 .75rem}.h3,.h4,h3,h4{font-family:var(--font-body);font-weight:400}.h4,h4{color:var(--text-secondary);font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.4;margin:1.25rem 0 .5rem}.h5,h5{font-size:clamp(1.125rem,2.25vw,1.25rem);line-height:1.4}.h5,.h6,h5,h6{color:var(--text-muted);font-family:var(--font-body);font-weight:300;margin:1rem 0 .5rem}.h6,h6{font-size:1rem;letter-spacing:.1em;line-height:1.5;text-transform:uppercase}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-gradient-whisper{background:var(--text-gradient-whisper);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-mist{background:var(--text-gradient-mist);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-ghost{background:var(--text-gradient-ghost);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-container-ghost{backdrop-filter:var(--blur-ghost);-webkit-backdrop-filter:var(--blur-ghost);background:var(--glass-black-light);border:var(--border-ghost);border-radius:20px;box-shadow:var(--shadow-ghost)}.glass-container-mist{backdrop-filter:var(--blur-mist);-webkit-backdrop-filter:var(--blur-mist);background:var(--glass-charcoal);border:var(--border-mist);border-radius:24px;box-shadow:var(--shadow-mist)}.card-glass{backdrop-filter:var(--blur-ghost);-webkit-backdrop-filter:var(--blur-ghost);background:var(--glass-charcoal);border:var(--border-whisper);border-radius:20px;box-shadow:var(--shadow-ghost);padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-glass:hover{background:var(--glass-slate);border:var(--border-ghost);box-shadow:var(--shadow-mist);transform:translateY(-4px)}@media (max-width:768px){.card-glass,.glass-container-ghost,.glass-container-mist{border-radius:16px;padding:1.5rem}.h1,h1{font-size:clamp(2rem,8vw,2.5rem)}}@keyframes glass-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.card-glass{transition:none}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--glass-black-whisper)}::-webkit-scrollbar-thumb{background:var(--glass-black-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--glass-black-light)}.quote-signature{font-family:Chillax,-apple-system,sans-serif!important;font-style:italic;font-weight:300;letter-spacing:.05em;line-height:1.6;margin:1.5rem 0;padding:.5rem 0;position:relative}.quote-signature:after,.quote-signature:before{font-family:Chillax,Georgia,serif;font-size:1.5em;font-weight:300;opacity:.4;position:relative;top:.1em}@keyframes quote-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.quote-signature:hover:after,.quote-signature:hover:before{animation:quote-pulse 2s ease-in-out infinite}.quote-signature-decorated{padding:1.5rem 0;position:relative}.quote-signature-decorated:before{top:0}.quote-signature-decorated:after,.quote-signature-decorated:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3) 50%,transparent);content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.quote-signature-decorated:after{bottom:0}.quote-signature-glow{text-shadow:0 0 20px hsla(0,0%,100%,.1),0 0 40px hsla(0,0%,100%,.05),0 0 60px hsla(0,0%,100%,.02);transition:text-shadow .3s ease}.quote-signature-glow:hover{text-shadow:0 0 25px hsla(0,0%,100%,.15),0 0 50px hsla(0,0%,100%,.08),0 0 75px hsla(0,0%,100%,.04)}@media (max-width:768px){.quote-signature{font-size:1.125rem;letter-spacing:.03em}.quote-signature:after,.quote-signature:before{font-size:1.3em}}@keyframes blurToFocus{0%{filter:blur(20px);opacity:0;transform:translateY(10px) scale(.95)}20%{filter:blur(15px);opacity:.3;transform:translateY(8px) scale(.96)}40%{filter:blur(10px);opacity:.5;transform:translateY(6px) scale(.97)}60%{filter:blur(5px);opacity:.7;transform:translateY(4px) scale(.98)}80%{filter:blur(2px);opacity:.9;transform:translateY(2px) scale(.99)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}@keyframes blurToFocusFast{0%{filter:blur(15px);opacity:0;transform:translateY(5px)}50%{filter:blur(5px);opacity:.6;transform:translateY(2px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}@keyframes blurToFocusUltraFast{0%{filter:blur(8px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes blurToFocusInstant{0%{filter:blur(5px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes letterBlurToFocus{0%{filter:blur(8px);opacity:0;transform:translateX(-2px)}to{filter:blur(0);opacity:1;transform:translateX(0)}}@keyframes blurGlitch{0%{filter:blur(10px);transform:translateX(0)}20%{filter:blur(8px);transform:translateX(-2px)}40%{filter:blur(6px);transform:translateX(2px)}60%{filter:blur(4px);transform:translateX(-1px)}80%{filter:blur(2px);transform:translateX(1px)}to{filter:blur(0);transform:translateX(0)}}@media (max-width:768px){@keyframes blurToFocusMobile{0%{filter:blur(8px);opacity:0}to{filter:blur(0);opacity:1}}}.code-hero{align-items:center;display:flex;justify-content:center;min-height:100vh}@media (max-width:768px){.code-hero{min-height:100vh}}.code-hero>div{flex-direction:column;justify-content:center}.code-hero .max-w-6xl,.code-hero>div{align-items:center;display:flex;width:100%}@keyframes modalOverlayFadeIn{0%{backdrop-filter:blur(0);background:transparent;opacity:0}to{backdrop-filter:blur(12px);background:rgba(0,0,0,.75);opacity:1}}@keyframes modalContentSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse-smart{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes pulse-slow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.4;transform:scale(1.08)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px rgba(34,197,94,.3),0 0 40px rgba(34,197,94,.1),inset 0 1px 0 hsla(0,0%,100%,.2)}50%{box-shadow:0 0 30px rgba(34,197,94,.5),0 0 60px rgba(34,197,94,.2),inset 0 1px 0 hsla(0,0%,100%,.3)}}.notification-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:24px;width:24px}.notification-content{color:#fff;flex:1;font-size:14px;font-weight:200;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes notificationSlideOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(50px) scale(.95)}}@keyframes notificationBounce{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{opacity:.8;transform:scale(1.1) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@media (max-width:768px){.notification-content{font-size:13px}}@media (prefers-contrast:high){.notification-content{font-weight:300}}.text-gray-300{color:#e5e7eb!important}.text-gray-400{color:#d1d5db!important}.text-gray-500{color:#9ca3af!important}.text-gray-600{color:#6b7280!important}.text-gray-700{color:#4b5563!important}.text-gray-800{color:#374151!important}.text-gray-900{color:#1f2937!important}.prose,.prose-invert,body{color:#f3f4f6}div.text-gray-300,span.text-gray-300{color:#f3f4f6!important}.description,.meta,.subtitle,div.text-gray-400,span.text-gray-400{color:#e5e7eb!important}::placeholder{color:#9ca3af!important;opacity:1!important}.disabled{color:#6b7280!important}.text-gray-300:hover{color:#f9fafb!important}.text-gray-400:hover{color:#f3f4f6!important}.text-gray-500:hover{color:#e5e7eb!important}.font-extralight,.font-thin,[style*="font-weight: 100"],[style*="font-weight: 200"],div,h1,h2,h3,h4,h5,h6,span{font-weight:300}h1{font-weight:500}h2,h3{font-weight:400}h4,h5,h6{font-weight:300}.btn,button{font-weight:400}.nav,.navbar,.quote,blockquote,caption,code,input,label,nav,pre,select,table,td,textarea,th{font-weight:300}.font-bold,strong{font-weight:600}.font-semibold{font-weight:500}.font-medium{font-weight:400}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.sr-only:focus{height:auto;margin:inherit;overflow:visible;padding:inherit;position:static;width:auto;clip:auto;white-space:normal}:focus{outline:2px solid var(--color-indigo-500);outline-offset:2px;outline-style:solid}[class*="focus:outline-none"]:focus,[tabindex="-1"]:focus{outline:none}.keyboard-navigation button:focus,.keyboard-navigation input:focus,.keyboard-navigation select:focus,.keyboard-navigation textarea:focus{outline:3px solid var(--color-indigo-500);outline-offset:2px}.reduce-motion *,.reduce-motion :after,.reduce-motion :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reduce-motion .solution-card:hover{transform:none!important}.reduce-motion .voice-search-btn.recording:after{animation:none!important}@media (prefers-reduced-data:reduce){body{font-size:18px;line-height:1.6}.solution-card{padding:2rem}button{padding:12px 24px}button,input{font-size:16px}input{padding:16px}}[aria-live]{height:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}.form-label{color:var(--color-gray-700);display:block;font-weight:300;margin-bottom:.5rem}.form-label.required:after{color:var(--color-red-500);content:"*";margin-left:.25rem}.form-input:invalid{border-color:var(--color-red-500)}.form-input:invalid:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1);outline-color:var(--color-red-500)}button:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}@keyframes button-spin{to{transform:rotate(1turn)}}.tooltip{position:relative}.progress-bar{border-radius:.25rem;height:.5rem;overflow:hidden;width:100%}.progress-fill{border-radius:.25rem;transition:width .3s ease}.progress-text{color:var(--color-gray-600);font-size:.875rem;margin-top:.5rem;text-align:center}@media (max-width:768px){button{min-height:44px;min-width:44px}.form-input{font-size:16px;min-height:44px}}@media print{.sr-only,[aria-hidden=true]{display:none!important}.solution-card{border:1px solid #000;break-inside:avoid;margin-bottom:1rem}}@keyframes highlightSection{0%{background-color:initial}50%{background-color:initial}to{background-color:initial}}.admin-page{--primary-color:#4f46e5;--primary-light:#818cf8;--primary-dark:#4338ca;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#3b82f6;--primary-rgb:79,70,229;--primary-light-rgb:129,140,248;--primary-dark-rgb:67,56,202;--success-rgb:16,185,129;--warning-rgb:245,158,11;--danger-rgb:239,68,68;--info-rgb:59,130,246;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;background-color:initial;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;padding:1.5rem 1.5rem 5rem;transition:all .2s ease-in-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(79,70,229,.2)}70%{box-shadow:0 0 0 10px rgba(79,70,229,0)}to{box-shadow:0 0 0 0 rgba(79,70,229,0)}}.section-title{align-items:center;border-bottom:2px solid var(--gray-200);color:var(--gray-800);display:flex;font-size:1.5rem;font-weight:300;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.section-title:before{background:transparent;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100px}.dark .section-title{border-bottom-color:var(--gray-700);color:var(--gray-100)}.dashboard-card{background-color:initial;border:1px solid var(--gray-200);border-radius:.75rem;box-shadow:0 4px 6px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.1);height:100%;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease-in-out}.dashboard-card:hover{box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:translateY(-5px)}.dashboard-card:hover:after{opacity:1}.dashboard-card:after{background:transparent;content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:300;padding:.25rem .75rem;text-transform:uppercase}.stat-value{color:var(--gray-800);font-size:2rem;line-height:1;margin-bottom:.25rem}.stat-label{color:var(--gray-500);font-size:.875rem;letter-spacing:.025em;text-transform:uppercase}.stat-card{background-color:initial;border:1px solid var(--gray-200);border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1.5rem;position:relative;transition:all .2s}.stat-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}.stat-icon{align-items:center;background-color:initial;border-radius:.5rem;color:var(--primary-color);display:flex;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.button-icon{margin-right:.5rem}.dark .admin-page{background-color:initial;color:var(--gray-300)}.dark .dashboard-card,.dark .stat-card{background-color:initial;border-color:var(--gray-700)}.dark .stat-value{color:var(--gray-100)}.dark .stat-label{color:var(--gray-400)}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}:root{--mouse3d-violet-deep:rgba(147,51,234,.9);--mouse3d-violet-medium:rgba(126,34,206,.85);--mouse3d-violet-light:rgba(168,85,247,.8);--mouse3d-indigo-primary:rgba(99,102,241,.85);--mouse3d-indigo-secondary:rgba(79,70,229,.8);--mouse3d-indigo-dark:rgba(67,56,202,.9);--mouse3d-black-fade:rgba(0,0,0,.25);--mouse3d-black-subtle:rgba(0,0,0,.15);--mouse3d-black-whisper:rgba(0,0,0,.08);--mouse3d-highlight:hsla(0,0%,100%,.3);--mouse3d-highlight-subtle:hsla(0,0%,100%,.15);--mouse3d-highlight-soft:hsla(0,0%,100%,.08);--tilt-intensity:5deg;--shine-x:50%;--shine-y:50%;--border-glow:0;--parallax-x:0px;--parallax-y:0px;--perspective-intensity:1000px;--transform-origin:center center;--transition-speed:0.15s;--tracking-transition:transform 0.1s cubic-bezier(0.25,0.46,0.45,0.94)}.btn-mouse3d{align-items:center;border:none;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;outline:none;position:relative;transform-style:preserve-3d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:.875rem;font-weight:300;line-height:1.4;min-height:36px;min-width:36px;padding:8px 16px;touch-action:manipulation;will-change:transform,box-shadow,filter;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(8px);backface-visibility:hidden;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;-webkit-box-shadow:0 0 20px 2px rgba(42,23,153,.6);-moz-box-shadow:0 0 20px 2px rgba(42,23,153,.6);box-shadow:0 0 20px 2px rgba(42,23,153,.6);color:hsla(0,0%,100%,.85);opacity:1;overflow:hidden;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.3);transform:rotateX(var(--rotation-x)) rotateY(var(--rotation-y)) translateZ(0);transform-origin:center center;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .4s ease-out,filter .4s ease-out,backdrop-filter .3s ease}.btn-mouse3d:before{background:linear-gradient(calc(var(--mouse-x)*1turn + 45deg),var(--mouse3d-violet-deep) 0,var(--mouse3d-indigo-primary) 25%,var(--mouse3d-violet-light) 50%,var(--mouse3d-indigo-secondary) 75%,var(--mouse3d-violet-deep) 100%);border-radius:10px;bottom:-2px;left:-2px;right:-2px;top:-2px;transform:translateZ(-1px);transition:background .2s ease,opacity .2s ease;z-index:-1}.btn-mouse3d:after,.btn-mouse3d:before{content:"";opacity:.4;position:absolute}.btn-mouse3d:after{background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(147,51,234,.5) 0,rgba(99,102,241,.3) 30%,transparent 70%);border-radius:12px;bottom:-4px;filter:blur(8px);left:-4px;right:-4px;top:-4px;transform:translateZ(-2px) scale(1.05);transition:transform .2s ease,opacity .2s ease,filter .2s ease;z-index:-2}.btn-mouse3d:hover{--tilt-intensity:20deg;animation:none;background:transparent;border:none;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.25),inset 0 -1px 0 hsla(0,0%,100%,.1),0 0 40px rgba(147,51,234,.6),0 0 70px rgba(99,102,241,.5);opacity:1;transform:perspective(var(--perspective-intensity)) rotateX(var(--rotation-x)) rotateY(var(--rotation-y)) translateZ(3px) scale(1.008)}.btn-mouse3d:hover:before{animation:border-pulse 2s ease-in-out infinite;opacity:.9}.btn-mouse3d:hover{backdrop-filter:blur(12px);background:linear-gradient(135deg,#1a1a1a,#000)!important;border:1px solid hsla(0,0%,100%,.2);-webkit-box-shadow:0 0 30px 4px rgba(0,0,0,.8),0 0 15px 2px hsla(0,0%,100%,.1);-moz-box-shadow:0 0 30px 4px rgba(0,0,0,.8),0 0 15px 2px hsla(0,0%,100%,.1);box-shadow:0 0 30px 4px rgba(0,0,0,.8),0 0 15px 2px hsla(0,0%,100%,.1);color:#fff!important;transform:perspective(var(--perspective-intensity)) rotateX(var(--rotation-x)) rotateY(var(--rotation-y)) translateZ(8px) scale(1.02)}.btn-mouse3d:hover:after{animation:moving-glow 3s ease-in-out infinite alternate;background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(85,60,220,.8) 0,rgba(42,23,153,.6) 50%,transparent 90%);filter:blur(15px);opacity:.9}@keyframes moving-glow{0%{transform:translateZ(-2px) translateX(-15%) translateY(-15%) scale(1.1)}to{transform:translateZ(-2px) translateX(15%) translateY(15%) scale(1.1)}}@keyframes subtle-glow{0%,to{filter:blur(10px);opacity:.7;transform:translateZ(-2px) scale(1.06)}50%{filter:blur(14px);opacity:1;transform:translateZ(-2px) scale(1.1)}}@keyframes border-pulse{0%,to{opacity:.7}50%{opacity:1}}.btn-mouse3d-primary{background:linear-gradient(calc(var(--mouse-y)*45deg + 135deg),rgba(79,70,229,.9),rgba(147,51,234,.9))}.btn-mouse3d-primary:hover{background-color:#000!important;color:#fff!important}.btn-mouse3d-secondary{background:linear-gradient(calc(var(--mouse-y)*45deg + 135deg),hsla(220,9%,46%,.9),rgba(75,85,99,.9))}.btn-mouse3d-secondary:hover{background-color:#000!important;color:#fff!important}.btn-mouse3d-contact{background:linear-gradient(calc(var(--mouse-x)*90deg + 135deg),rgba(99,102,241,.95),rgba(168,85,247,.95));font-size:1.1rem;padding:18px 40px}.btn-mouse3d-contact:hover{background-color:#000!important;color:#fff!important}.btn-mouse3d-success{background:linear-gradient(calc(var(--mouse-y)*45deg + 135deg),rgba(34,197,94,.9),rgba(16,185,129,.9))}.btn-mouse3d-success:hover{background-color:#000!important;color:#fff!important}.btn-mouse3d-danger{background:linear-gradient(calc(var(--mouse-y)*45deg + 135deg),rgba(239,68,68,.9),rgba(220,38,38,.9))}.btn-mouse3d-danger:hover{background-color:#000!important;color:#fff!important}.btn-mouse3d:active{animation:none;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),0 0 80px #be96ff,0 0 120px rgba(150,150,255,.9);opacity:1;transform:perspective(var(--perspective-intensity)) rotateX(var(--rotation-x)) rotateY(var(--rotation-y)) translateZ(-2px) scale(.99);transition:transform .05s ease-out,box-shadow .05s ease-out}.btn-mouse3d:focus{box-shadow:0 16px 64px rgba(0,0,0,.2),0 8px 32px rgba(0,0,0,.15),inset 0 0 0 2px rgba(99,102,241,.6),0 0 0 4px rgba(99,102,241,.3);outline:none}.btn-mouse3d:disabled{animation:none!important;cursor:not-allowed;opacity:.5;transform:none!important;--rotation-x:0deg;--rotation-y:0deg}.btn-mouse3d-small{border-radius:8px;font-size:.75rem;min-height:32px;padding:6px 12px}.btn-mouse3d-large{border-radius:8px;font-size:1rem;min-height:44px;padding:12px 24px}@media (max-width:768px){.btn-mouse3d{animation:none;transform:perspective(500px) translateZ(0);transition:transform .2s ease}.btn-mouse3d:hover{transform:perspective(500px) translateZ(5px) scale(1.02)}.btn-mouse3d:active{animation:none;box-shadow:none;transform:perspective(500px) translateZ(-2px) scale(.98)}.btn-mouse3d:after,.btn-mouse3d:before{animation:none!important;opacity:.2!important}}@media (prefers-reduced-motion:reduce){.btn-mouse3d{transform:none!important;transition:none}.btn-mouse3d,.btn-mouse3d:after,.btn-mouse3d:before{animation:none!important}}:root{--supreme-primary:rgba(0,255,136,.95);--supreme-secondary:rgba(147,51,234,.9);--supreme-accent:rgba(255,215,0,.85);--supreme-danger:rgba(239,68,68,.9);--supreme-success:rgba(34,197,94,.9);--supreme-warning:rgba(245,158,11,.9);--glass-ultra-strong:rgba(0,0,0,.15);--glass-ultra-medium:rgba(0,0,0,.1);--glass-ultra-light:rgba(0,0,0,.05);--glass-dark-strong:rgba(0,0,0,.4);--glass-dark-medium:rgba(0,0,0,.2);--glass-dark-light:rgba(0,0,0,.1);--glass-shine:rgba(0,0,0,.3);--glass-shimmer:rgba(0,0,0,.15);--supreme-transition:cubic-bezier(0.25,0.46,0.45,0.94);--supreme-duration-fast:0.2s;--supreme-duration-normal:0.3s;--supreme-duration-slow:0.5s;--shadow-supreme:0 0 40px rgba(0,255,136,.4),inset 0 1px 0 rgba(0,0,0,.15),0 20px 60px rgba(0,0,0,.2);--shadow-floating:0 10px 30px rgba(0,0,0,.1),0 5px 15px rgba(0,0,0,.05);--gpu-acceleration:translateZ(0);--audio-primary:rgba(34,197,94,.9);--audio-muted:rgba(156,163,175,.8);--audio-background:rgba(0,0,0,.3);--volume-track:hsla(0,0%,100%,.2);--volume-thumb:var(--supreme-primary)}@keyframes supremeEntrance{0%{filter:blur(5px);opacity:0;transform:translate(-50%,-50%) scale(.8) rotateY(15deg)}to{filter:blur(0);opacity:1;transform:translate(-50%,-50%) scale(1) rotateY(0deg)}}@keyframes supremeBorderFlow{0%,to{background-position:0 50%;opacity:.8}50%{background-position:100% 50%;opacity:1}}.olive-interface-full,.olive-interface-wrapper{display:flex;flex-direction:column;height:100%}.interface-header{align-items:center;background:transparent;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;padding:20px 25px 15px;position:relative}.olive-info{flex:1}.olive-name{align-items:center;color:var(--supreme-primary);display:flex;font-family:Orbitron,monospace;font-size:1.3rem;font-weight:300;gap:10px;margin:0 0 10px;text-shadow:0 0 15px rgba(0,255,136,.6)}.level-badge{background:transparent;border-radius:12px;color:rgba(0,0,0,.8);font-size:.7rem;font-weight:300;padding:4px 8px}.header-actions{display:flex;gap:8px}.close-button,.settings-button{align-items:center;backdrop-filter:blur(10px);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;pointer-events:auto;position:relative;transition:all var(--supreme-duration-normal) var(--supreme-transition);width:40px;z-index:20}.settings-button{background:transparent;border:1px solid rgba(255,215,0,.3);color:var(--supreme-accent)}.close-button{background:transparent;border:1px solid rgba(239,68,68,.3);color:var(--supreme-danger)}.settings-button:hover{background:transparent;box-shadow:0 0 15px rgba(255,215,0,.4);transform:scale(1.05) rotate(45deg)}.close-button:hover{background:transparent;box-shadow:0 0 15px rgba(239,68,68,.4);transform:scale(1.05) rotate(90deg)}.interface-tabs{background:transparent;border-bottom:1px solid rgba(0,0,0,.1);display:flex;padding:0 10px}.tab{align-items:center;background:rgba(0,0,0,.3);border:none;border-radius:12px 12px 0 0;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;gap:6px;overflow:hidden;padding:12px 16px;pointer-events:auto;position:relative;transition:all var(--supreme-duration-normal) var(--supreme-transition);z-index:15}.tab:before{background:transparent;bottom:0;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform var(--supreme-duration-normal) var(--supreme-transition)}.tab:hover{background:transparent;color:rgba(0,0,0,.9)}.tab.active{background:transparent;color:var(--supreme-primary);text-shadow:0 0 10px rgba(0,255,136,.4)}.tab.active:before{transform:scaleX(1)}.tab-icon{font-size:1.2rem}.tab-label{font-size:.85rem;font-weight:200}.interface-content{flex:1;overflow-y:auto;padding:20px}.primary-stats{margin-bottom:20px}.stat-bar-container{align-items:center;backdrop-filter:blur(15px);background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:15px;display:flex;gap:12px;overflow:hidden;padding:12px 16px;position:relative;transition:all var(--supreme-duration-normal) var(--supreme-transition)}.stat-bar-container:hover{background:transparent;box-shadow:var(--shadow-floating);transform:translateY(-2px)}.stat-icon{filter:drop-shadow(0 0 8px rgba(0,0,0,.3));font-size:1.4rem;width:30px}.stat-name{color:rgba(0,0,0,.9);font-size:.9rem;font-weight:300;min-width:80px}.stat-bar,.stat-bar-track{background:transparent;border:1px solid rgba(0,0,0,.15);border-radius:5px;flex:1;height:10px;overflow:hidden;position:relative}.stat-bar-fill,.stat-fill{border-radius:5px;height:100%;overflow:hidden;position:relative;transition:width .8s var(--supreme-transition)}.stat-bar-fill:after,.stat-fill:after{animation:statShine 2s infinite;background:transparent 90deg,transparent,rgba(0,0,0,.4),transparent );content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes statShine{0%{left:-100%}to{left:100%}}.stat-value{color:rgba(0,0,0,.95);min-width:35px;text-shadow:0 0 8px rgba(0,0,0,.3)}.olive-display-section{display:flex;justify-content:center;margin:25px 0}.olive-container{backdrop-filter:blur(15px);background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:25px;padding:30px;position:relative;text-align:center;transition:all var(--supreme-duration-slow) var(--supreme-transition)}.olive-container:before{animation:oliveAura 6s ease-in-out infinite;background:transparent 45deg,transparent 0,var(--supreme-primary) 25%,transparent 50%,var(--supreme-secondary) 75%,transparent 100% );border-radius:27px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes oliveAura{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.main-olive{cursor:pointer;filter:drop-shadow(0 0 20px rgba(0,255,136,.3));transition:all var(--supreme-duration-slow) var(--supreme-transition)}.main-olive:hover{filter:drop-shadow(0 0 30px rgba(0,255,136,.6));transform:scale(1.05) rotate(2deg)}.mood-indicator{align-items:center;backdrop-filter:blur(12px);background:transparent;border:1px solid rgba(0,0,0,.15);border-radius:25px;display:flex;gap:10px;justify-content:center;margin-top:20px;padding:10px 20px}.mood-emoji{animation:moodPulse 2.5s ease-in-out infinite;font-size:1.8rem}.mood-details{text-align:left}.mood-name{font-size:1rem;font-weight:300;text-shadow:0 0 10px currentColor}.mood-score{color:rgba(0,0,0,.7);font-size:.8rem;margin-top:2px}.mood-indicator.bounce{animation:moodBounce 1s ease-in-out infinite}.mood-indicator.pulse{animation:moodPulseStrong 1.5s ease-in-out infinite}.mood-indicator.gentle-pulse{animation:moodPulse 3s ease-in-out infinite}.mood-indicator.sway{animation:moodSway 2s ease-in-out infinite}@keyframes moodBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes moodPulseStrong{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes moodSway{0%,to{transform:rotate(0deg)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}.actions-section{margin-top:25px}.actions-section h3{color:rgba(0,0,0,.9);font-size:1.1rem;margin-bottom:15px;text-align:center}.actions-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.action-btn,.action-button{align-items:center;backdrop-filter:blur(15px);background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.2);border-radius:18px;color:hsla(0,0%,100%,.9);cursor:pointer;display:flex;flex-direction:column;font-size:.85rem;font-weight:300;gap:8px;overflow:hidden;padding:16px 12px;perspective:1000px;pointer-events:auto;position:relative;transform-style:preserve-3d;transition:all var(--supreme-duration-normal) var(--supreme-transition);z-index:10}.action-btn:before,.action-button:before{background:transparent 45deg,var(--supreme-primary) 0,var(--supreme-secondary) 25%,var(--supreme-accent) 50%,var(--supreme-secondary) 75%,var(--supreme-primary) 100% );border-radius:19px;bottom:-1px;content:"";left:-1px;opacity:0;position:absolute;right:-1px;top:-1px;transition:opacity var(--supreme-duration-normal) var(--supreme-transition);z-index:-1}.action-btn:hover:before,.action-button:hover:before{opacity:.6}.action-btn:hover,.action-button:hover{background:rgba(0,0,0,.8);border-color:var(--supreme-primary);box-shadow:0 15px 40px rgba(0,255,136,.25),inset 0 1px 0 hsla(0,0%,100%,.2);transform:perspective(1000px) rotateX(-8deg) rotateY(8deg) translateY(-4px) scale(1.05)}.action-btn:active,.action-button:active{transform:perspective(1000px) rotateX(4deg) rotateY(-4deg) translateY(2px) scale(.98)}.action-btn.disabled,.action-button.disabled{cursor:not-allowed;opacity:.4;transform:none!important}.action-btn.pressed,.action-button.pressed{background:transparent;transform:scale(.95)}.action-icon{filter:drop-shadow(0 0 8px rgba(0,0,0,.3));transition:all var(--supreme-duration-fast) var(--supreme-transition)}.action-btn:hover .action-icon,.action-button:hover .action-icon{filter:drop-shadow(0 0 15px var(--supreme-primary));transform:scale(1.1)}.action-name{font-size:.8rem}.effectiveness-indicator{border-radius:50%;height:8px;position:absolute;right:8px;top:8px;transition:all var(--supreme-duration-fast) var(--supreme-transition);width:8px}.cooldown-overlay{align-items:center;background:transparent;border-radius:18px;color:var(--supreme-warning);display:flex;font-size:.9rem;font-weight:400;inset:0;justify-content:center;position:absolute}.olive-interface-compact{backdrop-filter:blur(20px);background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:20px;max-width:300px;padding:15px}.compact-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.quick-stats{display:flex;gap:8px}.quick-stat{align-items:center;background:transparent;border-radius:12px;display:flex;font-size:.7rem;gap:4px;padding:4px 8px}.quick-stat-icon{font-size:1rem}.quick-stat-bar{border-radius:2px;height:3px;transition:width var(--supreme-duration-normal) var(--supreme-transition);width:20px}.quick-stat-value{color:rgba(0,0,0,.9);font-weight:300}.compact-olive-display{margin:15px 0;text-align:center}.compact-actions{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.compact-action{font-size:.7rem;padding:12px 8px}.compact-toggle{backdrop-filter:blur(15px);background:rgba(0,0,0,.6);border:none;border:1px solid hsla(0,0%,100%,.2);border-radius:50%;bottom:20px;cursor:pointer;font-size:1.2rem;height:40px;pointer-events:auto;position:absolute;right:20px;transition:all var(--supreme-duration-normal) var(--supreme-transition);width:40px;z-index:20}.compact-toggle:hover{background:transparent;transform:scale(1.1)}.notification-system{display:flex;flex-direction:column;gap:12px;max-width:350px;position:fixed;right:20px;top:20px;z-index:10000}.notification{animation:notificationSlideIn .5s var(--supreme-transition);backdrop-filter:blur(20px);border-radius:15px;box-shadow:var(--shadow-floating);color:rgba(0,0,0,.95);cursor:pointer;font-size:.9rem;gap:12px;padding:15px 18px}.notification.error:before,.notification.success:before,.notification.warning:before{background:transparent}.notification-icon{flex-shrink:0;font-size:1.3rem}.notification-message{flex:1;text-shadow:0 0 5px rgba(0,0,0,.2)}.notification-dismiss{background:transparent;border:none;border-radius:50%;color:rgba(0,0,0,.6);cursor:pointer;flex-shrink:0;font-size:1.2rem;padding:2px;transition:all var(--supreme-duration-fast) var(--supreme-transition)}.notification-dismiss:hover{background:transparent;color:#000}.progress-container{margin:8px 0}.progress-label{align-items:center;color:rgba(0,0,0,.8);display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:6px}.progress-numbers{color:rgba(0,0,0,.6);font-size:.7rem}.progress-track{background:transparent;border:1px solid rgba(0,0,0,.15);border-radius:4px}.progress-fill,.progress-track{overflow:hidden;position:relative}.progress-fill{border-radius:4px;height:100%;transition:width .8s var(--supreme-transition)}.progress-fill:after{animation:progressShine 2s infinite;background:transparent 90deg,transparent,rgba(0,0,0,.3),transparent );content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes progressShine{0%{left:-100%}to{left:100%}}.olive-supreme-loading{padding:60px 40px}@keyframes loadingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.interface-header{padding:15px 20px 10px}.olive-name{font-size:1.1rem}.actions-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.interface-tabs{padding:0 5px}.tab{padding:10px 12px}.tab-label{display:none}.notification-system{left:10px;max-width:none;right:10px}}@media (max-width:480px){.interface-content{padding:15px}.olive-container{padding:20px}.actions-grid{grid-template-columns:1fr 1fr}.action-btn,.action-button{padding:12px 8px}.action-icon{font-size:1.5rem}.action-name{font-size:.75rem}}.game-olive-emotional-perfect{animation:gentleFloat 4s ease-in-out infinite}@keyframes gentleFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-8px) rotate(1deg)}66%{transform:translateY(-4px) rotate(-1deg)}}@keyframes statFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.05)}}@keyframes modalOliveFloat{0%,to{transform:translateY(0) scale(1) rotate(0deg)}25%{transform:translateY(-15px) scale(1.02) rotate(1deg)}75%{transform:translateY(-8px) scale(.98) rotate(-1deg)}}@keyframes modalStatFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}@keyframes emojiPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes textShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes sick-wobble{0%,to{transform:translate(-50%,-50%) rotate(0deg) scale(1)}25%{transform:translate(-52%,-48%) rotate(-2deg) scale(.95)}75%{transform:translate(-48%,-52%) rotate(2deg) scale(1.05)}}@keyframes party-bounce{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0deg)}20%{transform:translate(-50%,-50%) scale(1.2) rotate(-10deg)}40%{transform:translate(-50%,-50%) scale(.9) rotate(10deg)}60%{transform:translate(-50%,-50%) scale(1.1) rotate(-5deg)}80%{transform:translate(-50%,-50%) scale(1.05) rotate(5deg)}}@keyframes deep-think{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}25%{opacity:.8;transform:translate(-50%,-50%) scale(1.05)}50%{opacity:1;transform:translate(-50%,-50%) scale(.95)}75%{opacity:.9;transform:translate(-50%,-50%) scale(1.02)}}@keyframes dream-float{0%,to{transform:translate(-50%,-50%) translateY(0) scale(1)}33%{transform:translate(-50%,-50%) translateY(-8px) scale(1.02)}66%{transform:translate(-50%,-50%) translateY(-4px) scale(.98)}}@keyframes laugh-bounce{0%,to{transform:translate(-50%,-50%) scale(1)}10%{transform:translate(-50%,-50%) scale(1.15)}20%{transform:translate(-50%,-50%) scale(.9)}30%{transform:translate(-50%,-50%) scale(1.1)}40%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}60%{transform:translate(-50%,-50%) scale(1)}}@keyframes cool-lean{0%,to{transform:translate(-50%,-50%) rotate(0deg) skewX(0deg)}50%{transform:translate(-50%,-50%) rotate(-3deg) skewX(-2deg)}}@keyframes work-focus{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.95)}}@keyframes magic-sparkle{0%,to{filter:brightness(1) hue-rotate(0deg);transform:translate(-50%,-50%) scale(1) rotate(0deg)}25%{filter:brightness(1.3) hue-rotate(90deg);transform:translate(-50%,-50%) scale(1.1) rotate(90deg)}50%{filter:brightness(1.1) hue-rotate(180deg);transform:translate(-50%,-50%) scale(.9) rotate(180deg)}75%{filter:brightness(1.2) hue-rotate(270deg);transform:translate(-50%,-50%) scale(1.05) rotate(270deg)}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes drinkFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-5px) rotate(2deg)}66%{transform:translateY(-2px) rotate(-2deg)}}@keyframes audioControlsAppear{0%{opacity:0;transform:translateY(-20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.action-btn:focus,.action-button:focus,.close-button:focus,.settings-button:focus,.tab:focus{outline:2px solid var(--supreme-primary);outline-offset:2px}@keyframes v2-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.action-icon{font-size:1.8rem;margin-bottom:4px;transform:scale(1);transition:transform .2s ease}@keyframes emergency-pulse{0%,to{box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 25px rgba(239,68,68,.4)}50%{box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 35px rgba(239,68,68,.6)}}@keyframes reward-sparkle{0%,to{box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 25px rgba(236,72,153,.3)}25%{box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 35px rgba(236,72,153,.5)}50%{box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 30px rgba(255,215,0,.4)}75%{box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 35px rgba(236,72,153,.5)}}@keyframes click-feedback{0%{transform:scale(1)}50%{box-shadow:0 5px 15px rgba(0,0,0,.4),inset 0 2px 10px hsla(0,0%,100%,.2);transform:scale(.9)}to{transform:scale(1)}}@media (max-width:768px){.action-icon{font-size:1.5rem}}@media (max-width:480px){.action-icon{font-size:1.3rem}}.expert-modal-overlay{align-items:center;animation:modalFadeIn .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.expert-modal-overlay.closing{animation:modalFadeOut .3s cubic-bezier(.4,0,.2,1)}.expert-modal-backdrop{bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.expert-modal-container{backdrop-filter:blur(30px);background:linear-gradient(135deg,rgba(0,0,0,.95),rgba(0,0,0,.85));border:1px solid hsla(0,0%,100%,.3);border-radius:24px;box-shadow:0 30px 60px rgba(0,0,0,.7),0 0 80px rgba(52,211,153,.3),inset 0 1px 0 hsla(0,0%,100%,.15);height:95vh!important;left:1vw;max-height:none!important;max-width:none!important;overflow-y:auto;position:fixed;top:2.5vh;transform:translateZ(0);width:98vw!important;z-index:9999}.expert-modal-container,.expert-modal-container.opening{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}.expert-modal-container.closing{animation:modalSlideOut .3s cubic-bezier(.4,0,.2,1)}.expert-modal-header{align-items:center;background:linear-gradient(135deg,rgba(52,211,153,.1),rgba(6,182,212,.05));border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;overflow:hidden;padding:24px 32px;position:relative}.expert-modal-header:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.modal-title{display:flex;flex-direction:column;gap:4px}.modal-title-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(52,211,153,.6));font-size:2.5rem}.modal-title-text{background:linear-gradient(135deg,#34d399,#06b6d4,#8b5cf6);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:1.8rem;font-weight:400;text-shadow:0 0 30px rgba(52,211,153,.3)}.modal-title-subtitle{color:hsla(0,0%,100%,.7);font-size:.9rem;font-style:italic}.modal-close-btn{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close-btn:hover{background:rgba(239,68,68,.2);color:#ef4444;transform:scale(1.1)}.expert-modal-content{max-height:calc(95vh - 140px);min-height:70vh;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-color:rgba(52,211,153,.3) transparent;scrollbar-width:thin}.expert-modal-content::-webkit-scrollbar{width:6px}.expert-modal-content::-webkit-scrollbar-track{background:transparent}.expert-modal-content::-webkit-scrollbar-thumb{background:rgba(52,211,153,.3);border-radius:3px}.category-header{border-radius:16px 16px 0 0;margin-bottom:0;overflow:hidden;padding:16px 24px;position:relative}.category-header:before{animation:shimmer 4s infinite;animation-delay:calc(var(--category-index, 0)*.5s);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.category-header h3{color:#fff;font-size:1.3rem;font-weight:400;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.5)}.effect{border-radius:12px;font-size:.7rem;font-weight:200;padding:2px 6px;white-space:nowrap}.effect.happiness{background:rgba(236,72,153,.2);color:#ec4899}.effect.health{background:rgba(239,68,68,.2);color:#ef4444}.effect.energy{background:rgba(59,130,246,.2);color:#3b82f6}.effect.intelligence{background:rgba(147,51,234,.2);color:#9333ea}.effect.creativity{background:rgba(236,72,153,.2);color:#ec4899}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.8) translateY(30px)}}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes cosmic-glow{0%{text-shadow:0 0 10px #34d399}to{text-shadow:0 0 20px #34d399,0 0 30px #06b6d4}}@keyframes pulse-count{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes bounce-gentle{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}@keyframes wiggle-fast{0%,to{transform:translate(-50%,-50%) rotate(0deg)}25%{transform:translate(-50%,-50%) rotate(-5deg)}75%{transform:translate(-50%,-50%) rotate(5deg)}}@keyframes munch-cycle{0%,to{transform:translate(-50%,-50%) scaleX(1)}50%{transform:translate(-50%,-50%) scaleX(.9)}}@keyframes play-bounce{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0deg)}25%{transform:translate(-50%,-50%) scale(1.05) rotate(-2deg)}75%{transform:translate(-50%,-50%) scale(1.05) rotate(2deg)}}@keyframes sleep-drift{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-3px)}}@keyframes heart-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}@keyframes think-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(-50%,-50%) scale(1.05)}75%{transform:translate(-50%,-50%) scale(1.1)}}@keyframes adventure-bounce{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0deg)}33%{transform:translate(-50%,-50%) scale(1.08) rotate(3deg)}66%{transform:translate(-50%,-50%) scale(1.08) rotate(-3deg)}}@keyframes subtle-float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-1px)}}@keyframes angry-shake{0%,to{transform:translate(-50%,-50%) rotate(0deg)}10%{transform:translate(-50%,-50%) rotate(-2deg)}20%{transform:translate(-50%,-50%) rotate(2deg)}30%{transform:translate(-50%,-50%) rotate(-2deg)}40%{transform:translate(-50%,-50%) rotate(2deg)}50%{transform:translate(-50%,-50%) rotate(0deg)}}@keyframes sad-droop{0%,to{transform:translate(-50%,-50%) translateY(0) scale(1)}50%{transform:translate(-50%,-50%) translateY(2px) scale(.98)}}@keyframes surprise-jump{0%,to{transform:translate(-50%,-50%) scale(1) translateY(0)}30%{transform:translate(-50%,-50%) scale(1.15) translateY(-5px)}60%{transform:translate(-50%,-50%) scale(1.05) translateY(-2px)}}@keyframes particle-float{0%,to{opacity:.6;transform:translate(-50%,-50%) translateY(0) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) translateY(-8px) scale(1.1)}}@keyframes aura-pulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:.6;transform:scale(1.1)}}.emotional-olive-container{transition:all .3s ease}.emotional-olive-container:hover{transform:scale(1.02)}.emotion-overlay{text-shadow:0 0 10px currentColor;transition:all .3s ease}.emotion-overlay,.particle{pointer-events:none;user-select:none}.emotion-aura{pointer-events:none}@keyframes text-glow{0%,to{text-shadow:0 0 20px rgba(52,211,153,.3)}50%{text-shadow:0 0 30px rgba(52,211,153,.6)}}.game-olive-emotional{filter:drop-shadow(0 0 25px rgba(52,211,153,.6))!important}.emotion-icon{opacity:.85!important;transition:all .3s ease}.emotion-overlay{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.1);border-radius:50%;display:flex;height:24px;justify-content:center;padding:4px;width:24px}@keyframes float-particle{0%,to{opacity:.6;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-20px) scale(1.2)}}@keyframes icon-pulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.1)}}@keyframes icon-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes title-glow{0%{text-shadow:0 0 20px hsla(0,0%,100%,.3);transform:scale(1)}to{text-shadow:0 0 30px hsla(0,0%,100%,.6);transform:scale(1.02)}}@keyframes message-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-shimmer{0%{left:-100%}to{left:100%}}@keyframes dot-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.olive-supreme-loading{align-items:center;backdrop-filter:blur(10px);background:radial-gradient(circle,rgba(52,211,153,.1) 0,transparent 50%);border-radius:20px;display:flex;flex-direction:column;justify-content:center;min-height:300px;text-align:center}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 20px rgba(52,211,153,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 40px rgba(52,211,153,.9));transform:scale(1.2)}}@keyframes text-fade-in{0%{opacity:.7}to{opacity:1}}@media (max-width:768px){.expert-modal-container{border-radius:16px;height:95vh!important;left:1vw;max-height:none!important;top:2.5vh;width:98vw!important}.category-header{margin-bottom:0!important;padding:12px 16px!important}.category-header h3{font-size:1.1rem!important}.expert-modal-content::-webkit-scrollbar{width:8px!important}.modal-title-text{font-size:1.3rem!important}.modal-title-subtitle{font-size:.8rem!important}.modal-close-btn{font-size:1.4rem!important;height:36px!important;width:36px!important}.expert-modal-container{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important}}@media (max-width:480px){.expert-modal-content{padding:10px!important}}:root{--toast-glass-bg-opacity:0.15;--toast-glass-border-opacity:0.25;--toast-glass-backdrop-blur:16px;--toast-glass-shadow:0 25px 50px -12px rgba(0,0,0,.25);--toast-glass-glow:0 0 20px rgba(0,0,0,.1)}@keyframes toast-glass-slide-in{0%{backdrop-filter:blur(0);opacity:0;transform:translateX(100%) scale(.8)}50%{backdrop-filter:blur(8px);opacity:.8;transform:translateX(-5%) scale(1.05)}to{backdrop-filter:blur(var(--toast-glass-backdrop-blur));opacity:1;transform:translateX(0) scale(1)}}@keyframes toast-glass-slide-out{0%{backdrop-filter:blur(var(--toast-glass-backdrop-blur));opacity:1;transform:translateX(0) scale(1)}to{backdrop-filter:blur(0);opacity:0;transform:translateX(100%) scale(.8)}}@media (max-width:768px){:root{--toast-glass-backdrop-blur:12px;--toast-glass-bg-opacity:0.2;--toast-glass-border-opacity:0.3}}@media (prefers-contrast:high){:root{--toast-glass-bg-opacity:0.8;--toast-glass-border-opacity:1;--toast-glass-backdrop-blur:8px}}@media (prefers-color-scheme:dark){:root{--toast-glass-bg-opacity:0.2;--toast-glass-border-opacity:0.3;--toast-glass-shadow:0 25px 50px -12px rgba(0,0,0,.5);--toast-glass-glow:0 0 20px rgba(0,0,0,.05)}}@media (prefers-color-scheme:light){:root{--toast-glass-bg-opacity:0.25;--toast-glass-border-opacity:0.4;--toast-glass-shadow:0 25px 50px -12px rgba(0,0,0,.15);--toast-glass-glow:0 0 20px rgba(0,0,0,.05)}}@keyframes toast-glass-pulse{0%,to{box-shadow:var(--toast-glass-shadow),var(--toast-glass-glow)}50%{box-shadow:var(--toast-glass-shadow),var(--toast-glass-glow),0 0 30px rgba(0,0,0,.2)}}:root{--glass-violet-deep:rgba(147,51,234,.95);--glass-violet-medium:rgba(126,34,206,.85);--glass-violet-light:rgba(168,85,247,.8);--glass-indigo-primary:rgba(99,102,241,.85);--glass-indigo-secondary:rgba(79,70,229,.8);--glass-indigo-dark:rgba(67,56,202,.9);--glass-black-transparent:rgba(0,0,0,.3);--glass-black-subtle:rgba(0,0,0,.15);--glass-black-light:rgba(0,0,0,.05);--glass-highlight:rgba(0,0,0,.25);--glass-highlight-subtle:rgba(0,0,0,.1);--glass-highlight-strong:rgba(0,0,0,.4);--accent-green:rgba(0,255,136,.8);--accent-blue:rgba(0,200,255,.8);--accent-pink:rgba(255,20,147,.8);--accent-gold:rgba(255,215,0,.8);--mouse-x:0;--mouse-y:0;--rotation-x:0deg;--rotation-y:0deg;--tilt-intensity:15deg}@keyframes borderGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.tamagotchi-header.ultimate{align-items:center;backdrop-filter:blur(10px);background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:15px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}@keyframes titlePulse{0%,to{text-shadow:0 0 10px rgba(0,255,136,.6)}50%{text-shadow:0 0 20px rgba(0,255,136,.9)}}.level{color:var(--accent-gold);font-size:.9rem;font-weight:300;text-shadow:0 0 8px rgba(255,215,0,.6)}.close-btn.ultimate{align-items:center;backdrop-filter:blur(10px);background:transparent;border:none;border:1px solid rgba(255,20,147,.3);border-radius:50%;color:var(--accent-pink);cursor:pointer;display:flex;font-size:1.2rem;font-weight:400;height:35px;justify-content:center;transition:all .3s ease;width:35px}.close-btn.ultimate:hover{background:transparent;box-shadow:0 0 15px rgba(255,20,147,.6);transform:scale(1.1) rotate(90deg)}.tamagotchi-screen.ultimate{backdrop-filter:blur(15px);background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:20px;overflow:hidden;padding:20px;position:relative}.tamagotchi-screen.ultimate:before{background:transparent radial-gradient(circle at 20% 20%,rgba(0,255,136,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,20,147,.05) 0,transparent 50%),radial-gradient(circle at 40% 60%,rgba(99,102,241,.05) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.primary-stats{display:grid;gap:12px;margin-bottom:15px}.stat-icon{font-size:1.2rem;text-align:center;width:24px}.stat-bar{background:transparent;border:1px solid rgba(0,0,0,.15);border-radius:4px;flex:1;height:8px}.stat-bar,.stat-fill{overflow:hidden;position:relative}.stat-fill{border-radius:4px;height:100%;transition:width .8s cubic-bezier(.25,.46,.45,.94)}.stat-fill:after{animation:shine 2s infinite;background:transparent transparent,rgba(0,0,0,.4),transparent );content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}to{left:100%}}.stat-fill.happiness{background:transparent var(--accent-pink) 0,rgba(255,105,180,.8) 100% );box-shadow:0 0 10px rgba(255,20,147,.4)}.stat-fill.energy{background:transparent var(--accent-blue) 0,rgba(0,255,255,.8) 100% );box-shadow:0 0 10px rgba(0,200,255,.4)}.stat-fill.hunger{background:transparent var(--accent-green) 0,rgba(50,255,50,.8) 100% );box-shadow:0 0 10px rgba(0,255,136,.4)}.stat-value{color:rgba(0,0,0,.9);font-size:.9rem;font-weight:300;min-width:30px;text-align:right;text-shadow:0 0 5px rgba(0,0,0,.3)}.olive-display.ultimate{backdrop-filter:blur(12px);background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:20px;margin:25px 0;padding:20px;position:relative;text-align:center}.olive-display.ultimate:before{animation:avatarGlow 6s ease-in-out infinite;background:transparent transparent 0,rgba(0,255,136,.2) 25%,transparent 50%,rgba(255,20,147,.2) 75%,transparent 100% );border-radius:22px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes avatarGlow{0%,to{opacity:.5}50%{opacity:1}}.interactive.ultimate{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.interactive.ultimate:hover{filter:drop-shadow(0 0 25px rgba(0,255,136,.8));transform:scale(1.05) rotate(2deg)}.mood-indicator.ultimate{align-items:center;backdrop-filter:blur(10px);background:transparent;border:1px solid rgba(0,0,0,.15);border-radius:20px;display:flex;gap:8px;justify-content:center;margin-top:15px;padding:8px 15px}.mood-emoji{animation:moodPulse 2s ease-in-out infinite;font-size:1.5rem}@keyframes moodPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes messageAppear{0%{opacity:0;transform:translateX(-50%) translateY(-20px) scale(.8)}20%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.1)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.actions-grid.ultimate{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:20px}.action-btn.ultimate{align-items:center;backdrop-filter:blur(12px);background:transparent;border:1px solid rgba(0,0,0,.15);border-radius:15px;color:rgba(0,0,0,.9);cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;font-weight:300;gap:6px;overflow:hidden;padding:15px 8px;perspective:1000px;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.action-btn.ultimate:before{background:transparent var(--accent-green) 0,var(--accent-blue) 25%,var(--glass-violet-deep) 50%,var(--accent-pink) 75%,var(--accent-green) 100% );border-radius:16px;bottom:-1px;content:"";left:-1px;opacity:0;position:absolute;right:-1px;top:-1px;transition:opacity .4s ease;z-index:-1}.action-btn.ultimate:hover:before{opacity:.8}.action-btn.ultimate:hover{background:transparent;box-shadow:0 10px 30px rgba(0,255,136,.3),inset 0 1px 0 rgba(0,0,0,.2);transform:perspective(1000px) rotateX(-5deg) rotateY(5deg) translateY(-3px) scale(1.05)}.action-btn.ultimate:active{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg) translateY(1px) scale(.98)}.action-btn.ultimate.disabled{cursor:not-allowed;opacity:.4;transform:none!important}.action-name{font-size:.75rem;text-shadow:0 0 5px rgba(0,0,0,.3)}.notification{align-items:center;animation:notificationSlideIn .5s ease-out;backdrop-filter:blur(15px);background:transparent;border:1px solid rgba(0,0,0,.2);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);color:rgba(0,0,0,.9);display:flex;font-size:.85rem;font-weight:200;gap:10px;overflow:hidden;padding:12px 16px;position:relative}.notification:before{animation:notificationProgress 5s linear;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.notification.achievement:before,.notification.level_up:before,.notification.need:before,.notification.olive_response:before,.notification.scenario:before,.notification:before{background:transparent}@keyframes notificationSlideIn{0%{opacity:0;transform:translateX(100%) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes notificationProgress{0%{height:100%}to{height:0}}.notification-icon{filter:drop-shadow(0 0 5px rgba(0,0,0,.3));font-size:1.2rem}.notification-text{flex:1;text-shadow:0 0 5px rgba(0,0,0,.2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.scenario-modal-overlay.ultimate{align-items:center;animation:overlayFadeIn .3s ease-out;backdrop-filter:blur(8px);background:transparent;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.scenario-modal.ultimate{animation:modalSlideIn .5s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(20px);background:transparent;border:2px solid rgba(0,255,136,.6);border-radius:20px;box-shadow:0 0 40px rgba(0,255,136,.4),inset 0 1px 0 rgba(0,0,0,.15);max-height:80vh;max-width:450px;overflow-y:auto;padding:25px;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.scenario-header{align-items:center;border-bottom:1px solid rgba(0,0,0,.2);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.scenario-header h3{color:var(--accent-green);font-size:1.3rem;font-weight:300;margin:0;text-shadow:0 0 10px rgba(0,255,136,.6)}.scenario-rarity{background:transparent;border:1px solid rgba(255,215,0,.3);border-radius:8px;color:var(--accent-gold);font-size:.7rem;font-weight:300;padding:4px 8px;text-transform:uppercase}.scenario-description{color:rgba(0,0,0,.9);font-size:.95rem;line-height:1.6;margin-bottom:20px;text-shadow:0 0 5px rgba(0,0,0,.2)}.scenario-choices{display:flex;flex-direction:column;gap:12px}.choice-btn.ultimate{align-items:flex-start;backdrop-filter:blur(10px);background:transparent;border:1px solid rgba(0,0,0,.15);border-radius:12px;color:rgba(0,0,0,.9);cursor:pointer;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:15px;position:relative;text-align:left;transition:all .3s ease}.choice-btn.ultimate:before{background:transparent transparent,rgba(0,255,136,.1),transparent );content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.choice-btn.ultimate:hover:before{left:100%}.choice-btn.ultimate:hover{background:transparent;border-color:rgba(0,255,136,.4);box-shadow:0 5px 20px rgba(0,255,136,.2);transform:translateY(-2px)}.choice-text{color:rgba(0,0,0,.95);font-size:.9rem;font-weight:300}.choice-effects{color:rgba(0,0,0,.6);font-size:.75rem;font-style:italic}@keyframes panelSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.panel-header{align-items:center;border-bottom:1px solid rgba(0,0,0,.2);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.panel-header h3{color:var(--glass-indigo-primary);font-size:1.2rem;font-weight:300;margin:0;text-shadow:0 0 10px rgba(99,102,241,.6)}.panel-header button{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--accent-pink);cursor:pointer;display:flex;font-size:1rem;font-weight:400;height:30px;justify-content:center;transition:all .3s ease;width:30px}.panel-header button:hover{background:transparent;transform:scale(1.1)}.achievements-list{max-height:280px;overflow-y:auto;padding-right:10px}.achievements-list::-webkit-scrollbar{width:6px}.achievements-list::-webkit-scrollbar-thumb,.achievements-list::-webkit-scrollbar-track{background:transparent;border-radius:3px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(0,255,136,.4)}50%{box-shadow:0 0 40px rgba(0,255,136,.8)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@media (max-width:480px){.actions-grid.ultimate{gap:10px;grid-template-columns:repeat(2,1fr)}.scenario-modal.ultimate{max-height:70vh;width:90vw}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.action-btn.ultimate:focus,.choice-btn.ultimate:focus{outline:2px solid var(--accent-green);outline-offset:2px}*{border-color:transparent!important;box-shadow:none!important;outline:none!important}.border,.border-2,.border-4,.border-8,.border-b,.border-gray-100,.border-gray-200,.border-gray-300,.border-gray-400,.border-gray-400\/20,.border-gray-400\/30,.border-l,.border-r,.border-t,.border-transparent,.border-transparent\/20,.border-white,.border-white\/10,.border-white\/20,.border-white\/30,.border-white\/40,.border-white\/50,.border-y,[class*=border-],[class*=border-][class*="\/"]{border-color:transparent!important;border-style:none!important}.article-header,.box,.card,.container,.dropdown,.footer,.glassmorphism,.glassmorphism-strong,.glassmorphism-subtle,.header,.menu,.modal,.nav,.panel,.related-post,.section,.wrapper,[class*=card],[class*=dropdown],[class*=menu],[class*=modal],[class*=panel]{border-color:transparent!important;border-style:none!important;box-shadow:none!important}.border-b,.border-l,.border-r,.border-t,.border-y,.dark .dark\:border-gray-700,.dark .dark\:border-gray-800,.hover\:border-gray-200:hover,.hover\:border-gray-300:hover{border-color:transparent!important;border-style:none!important}.dropdown,.modal,.nav-item,.testimonial-card,.tooltip{border:none!important}table,tbody,td,th,thead,tr{border-color:transparent!important}.loading-spinner{border:none!important}:root{--glass-bg-primary:hsla(0,0%,6%,.85);--glass-bg-secondary:rgba(25,25,25,.75);--glass-bg-tertiary:rgba(35,35,35,.65);--glass-border:hsla(0,0%,100%,.1);--glass-text-primary:hsla(0,0%,100%,.95);--glass-text-secondary:hsla(0,0%,100%,.75);--glass-text-muted:hsla(0,0%,100%,.55);--glass-accent:rgba(139,188,143,.8);--glass-hover:hsla(0,0%,100%,.05)}@keyframes glassMorphFadeIn{0%{backdrop-filter:blur(0);opacity:0;transform:translateY(10px)}to{backdrop-filter:blur(20px);opacity:1;transform:translateY(0)}}