.cursed-button-container{display:flex;flex-direction:column;align-items:center;margin:2rem 0;position:relative}.cursed-button{padding:1rem 2rem;font-size:1.2rem;font-weight:700;font-family:Courier New,monospace;background:linear-gradient(45deg,#333,#555);color:#fff;border:2px solid #666;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000004d}.cursed-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.cursed-button:hover:before{left:100%}.cursed-button.cursed-active{background:linear-gradient(45deg,#4a0000,#660000);border-color:maroon;color:#fcc;box-shadow:0 4px 12px #80000066}.cursed-button.cursed-warning{background:linear-gradient(45deg,#660000,#990000);border-color:#c00;color:#f99;box-shadow:0 6px 16px #c009;animation:ominousGlow 2s ease-in-out infinite alternate}.cursed-button.cursed-critical{background:linear-gradient(45deg,#990000,#cc0000);border-color:red;color:#fff;box-shadow:0 8px 20px #f00c;animation:ominousGlow 1s ease-in-out infinite alternate,cursedPulse .5s ease-in-out infinite}.cursed-button.cursed-final{background:linear-gradient(45deg,#000000,#330000);border-color:red;color:red;box-shadow:0 0 20px red,inset 0 0 20px #ff00004d;animation:ominousGlow .5s ease-in-out infinite alternate,cursedPulse .3s ease-in-out infinite,finalCurse 2s ease-in-out infinite;text-shadow:0 0 10px #ff0000}.cursed-button.cursed-horror{background:linear-gradient(45deg,#000000,#1a0000);border-color:red;color:#f33;box-shadow:0 0 25px red,inset 0 0 25px #f006;animation:ominousGlow .4s ease-in-out infinite alternate,cursedPulse .25s ease-in-out infinite,finalCurse 1.5s ease-in-out infinite,horrorFlicker .8s ease-in-out infinite;text-shadow:0 0 15px #ff0000}.cursed-button.cursed-terror{background:linear-gradient(45deg,#000000,#0d0000);border-color:red;color:#f66;box-shadow:0 0 30px red,inset 0 0 30px #ff000080;animation:ominousGlow .3s ease-in-out infinite alternate,cursedPulse .2s ease-in-out infinite,finalCurse 1s ease-in-out infinite,terrorShake .6s ease-in-out infinite;text-shadow:0 0 20px #ff0000}.cursed-button.cursed-nightmare{background:linear-gradient(45deg,#000000,#000000);border-color:red;color:#f99;box-shadow:0 0 35px red,inset 0 0 35px #f009;animation:ominousGlow .2s ease-in-out infinite alternate,cursedPulse .15s ease-in-out infinite,finalCurse .8s ease-in-out infinite,nightmareDistort .4s ease-in-out infinite;text-shadow:0 0 25px #ff0000}.cursed-button.cursed-hellish{background:linear-gradient(45deg,#000000,#000000);border-color:red;color:#fcc;box-shadow:0 0 40px red,inset 0 0 40px #ff0000b3;animation:ominousGlow .15s ease-in-out infinite alternate,cursedPulse .1s ease-in-out infinite,finalCurse .6s ease-in-out infinite,hellishChaos .3s ease-in-out infinite;text-shadow:0 0 30px #ff0000}.cursed-button.cursed-demonic{background:linear-gradient(45deg,#000000,#000000);border-color:red;color:#fff;box-shadow:0 0 45px red,inset 0 0 45px #f00c;animation:ominousGlow .1s ease-in-out infinite alternate,cursedPulse .08s ease-in-out infinite,finalCurse .4s ease-in-out infinite,demonicRage .2s ease-in-out infinite;text-shadow:0 0 35px #ff0000}.cursed-button.cursed-apocalyptic{background:linear-gradient(45deg,#000000,#000000);border-color:red;color:#fff;box-shadow:0 0 50px red,inset 0 0 50px #ff0000e6;animation:ominousGlow .08s ease-in-out infinite alternate,cursedPulse .06s ease-in-out infinite,finalCurse .3s ease-in-out infinite,apocalypticMadness .15s ease-in-out infinite;text-shadow:0 0 40px #ff0000}.cursed-button.cursed-ultimate{background:linear-gradient(45deg,#000000,#000000);border-color:red;color:#fff;box-shadow:0 0 60px red,inset 0 0 60px red;animation:ominousGlow .05s ease-in-out infinite alternate,cursedPulse .04s ease-in-out infinite,finalCurse .2s ease-in-out infinite,ultimateChaos .1s ease-in-out infinite;text-shadow:0 0 50px #ff0000}.cursed-button.disabled{background:linear-gradient(45deg,#000000,#1a0000);border-color:red;color:red;cursor:not-allowed;box-shadow:0 0 30px red,inset 0 0 30px #ff000080;animation:finalCurse 1s ease-in-out infinite,cursedFlicker .1s ease-in-out infinite}.cursed-button.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-5px) rotate(-1deg)}20%{transform:translate(5px) rotate(1deg)}30%{transform:translate(-5px) rotate(-1deg)}40%{transform:translate(5px) rotate(1deg)}50%{transform:translate(-5px) rotate(-1deg)}60%{transform:translate(5px) rotate(1deg)}70%{transform:translate(-5px) rotate(-1deg)}80%{transform:translate(5px) rotate(1deg)}90%{transform:translate(-5px) rotate(-1deg)}}@keyframes ominousGlow{0%{box-shadow:0 4px 8px #80000066}to{box-shadow:0 8px 24px #f00c}}@keyframes cursedPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes finalCurse{0%,to{filter:hue-rotate(0deg) brightness(1);transform:scale(1)}25%{filter:hue-rotate(90deg) brightness(1.2);transform:scale(1.02)}50%{filter:hue-rotate(180deg) brightness(.8);transform:scale(1.05)}75%{filter:hue-rotate(270deg) brightness(1.2);transform:scale(1.02)}}@keyframes cursedFlicker{0%,90%,to{opacity:1}95%{opacity:.8}}.cursed-message{margin-top:1rem;padding:.5rem 1rem;background:rgba(0,0,0,.8);border:1px solid #ff0000;border-radius:4px;color:#f66;font-family:Courier New,monospace;font-size:.9rem;text-align:center;animation:messageAppear .5s ease-out;max-width:300px}.cursed-message.curse-level-1,.cursed-message.curse-level-2{color:#fcc;border-color:maroon}.cursed-message.curse-level-3,.cursed-message.curse-level-4{color:#f99;border-color:#c00;animation:messageAppear .5s ease-out,ominousGlow 2s ease-in-out infinite alternate}.cursed-message.curse-level-5,.cursed-message.curse-level-6,.cursed-message.curse-level-7{color:#f66;border-color:red;animation:messageAppear .5s ease-out,ominousGlow 1s ease-in-out infinite alternate;text-shadow:0 0 5px #ff0000}.cursed-message.curse-level-8,.cursed-message.curse-level-9,.cursed-message.curse-level-10{color:red;border-color:red;background:rgba(0,0,0,.9);animation:messageAppear .5s ease-out,finalCurse 1s ease-in-out infinite,cursedFlicker .2s ease-in-out infinite;text-shadow:0 0 10px #ff0000;box-shadow:0 0 20px #ff000080}@keyframes messageAppear{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.curse-counter{margin-top:.5rem;font-family:Courier New,monospace;font-size:.8rem;color:#f66;text-align:center}.curse-progress-bar{width:200px;height:8px;background:rgba(0,0,0,.8);border:1px solid #ff0000;border-radius:4px;margin:.5rem auto;overflow:hidden;position:relative}.curse-progress-fill{height:100%;background:linear-gradient(90deg,#ff0000,#ff6666,#ff0000);transition:width .3s ease;animation:progressGlow 1s ease-in-out infinite alternate}@keyframes progressGlow{0%{box-shadow:0 0 5px #ff000080}to{box-shadow:0 0 15px red}}body.cursed-glitch{animation:screenGlitch 3s ease-in-out;overflow:hidden}body.cursed-glitch:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,0,0,.1) 2px,rgba(255,0,0,.1) 4px);pointer-events:none;z-index:9999;animation:scanlines .1s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes horrorFlicker{0%,90%,to{opacity:1}95%{opacity:.7}}@keyframes terrorShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px) rotate(-.5deg)}75%{transform:translate(2px) rotate(.5deg)}}@keyframes nightmareDistort{0%,to{transform:scale(1) skew(0)}50%{transform:scale(1.02) skew(1deg)}}@keyframes hellishChaos{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.03) rotate(-1deg)}50%{transform:scale(.98) rotate(1deg)}75%{transform:scale(1.01) rotate(-.5deg)}}@keyframes demonicRage{0%,to{transform:scale(1) rotate(0) skew(0)}33%{transform:scale(1.05) rotate(-2deg) skew(1deg)}66%{transform:scale(.95) rotate(2deg) skew(-1deg)}}@keyframes apocalypticMadness{0%,to{transform:scale(1) rotate(0) skew(0)}20%{transform:scale(1.08) rotate(-3deg) skew(2deg)}40%{transform:scale(.92) rotate(3deg) skew(-2deg)}60%{transform:scale(1.05) rotate(-1deg) skew(1deg)}80%{transform:scale(.98) rotate(1deg) skew(-1deg)}}@keyframes ultimateChaos{0%,to{transform:scale(1) rotate(0) skew(0);filter:hue-rotate(0deg) brightness(1)}10%{transform:scale(1.1) rotate(-5deg) skew(3deg);filter:hue-rotate(90deg) brightness(1.5)}20%{transform:scale(.9) rotate(5deg) skew(-3deg);filter:hue-rotate(180deg) brightness(.5)}30%{transform:scale(1.05) rotate(-2deg) skew(2deg);filter:hue-rotate(270deg) brightness(1.2)}40%{transform:scale(.95) rotate(2deg) skew(-2deg);filter:hue-rotate(45deg) brightness(.8)}50%{transform:scale(1.08) rotate(-4deg) skew(1deg);filter:hue-rotate(135deg) brightness(1.3)}60%{transform:scale(.92) rotate(4deg) skew(-1deg);filter:hue-rotate(225deg) brightness(.7)}70%{transform:scale(1.03) rotate(-1deg) skew(2deg);filter:hue-rotate(315deg) brightness(1.1)}80%{transform:scale(.97) rotate(1deg) skew(-2deg);filter:hue-rotate(60deg) brightness(.9)}90%{transform:scale(1.06) rotate(-3deg) skew(1deg);filter:hue-rotate(120deg) brightness(1.4)}}@keyframes screenGlitch{0%,to{filter:none;transform:none}10%{filter:hue-rotate(90deg) contrast(1.5);transform:translate(2px)}20%{filter:invert(1) hue-rotate(180deg);transform:translate(-2px)}30%{filter:sepia(1) hue-rotate(270deg);transform:translate(1px)}40%{filter:saturate(3) brightness(.5);transform:translate(-1px)}50%{filter:blur(1px) contrast(2);transform:translate(3px)}60%{filter:grayscale(1) brightness(2);transform:translate(-3px)}70%{filter:hue-rotate(45deg) saturate(2);transform:translate(1px)}80%{filter:invert(.5) contrast(1.5);transform:translate(-1px)}90%{filter:sepia(.5) brightness(1.5);transform:translate(2px)}}@media (max-width: 768px){.cursed-button{padding:.8rem 1.5rem;font-size:1rem}.cursed-message{font-size:.8rem;max-width:250px}}.glitch-portal-container{position:relative;display:flex;justify-content:center;margin:20px 0}.glitch-portal-button{position:relative;background:linear-gradient(45deg,#1a1a1a,#2a2a2a);border:2px solid #00ff88;border-radius:50%;width:120px;height:120px;color:#0f8;font-family:Courier New,monospace;font-weight:700;font-size:12px;cursor:pointer;transition:all .3s ease;overflow:hidden;box-shadow:0 0 20px #00ff884d,inset 0 0 20px #00ff881a}.glitch-portal-button:hover{transform:scale(1.05);box-shadow:0 0 30px #00ff8880,inset 0 0 30px #0f83;border-color:#0ff;color:#0ff}.glitch-portal-button.portal-active{animation:portalPulse .5s ease-in-out infinite alternate;background:linear-gradient(45deg,#ff0066,#6600ff);border-color:#f0f;color:#fff}.portal-text{position:relative;z-index:2;display:block;text-align:center;line-height:1.2}.portal-ring{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px solid transparent;border-radius:50%;background:linear-gradient(45deg,#00ff88,#00ffff,#ff00ff,#00ff88);background-size:400% 400%;animation:ringRotate 3s linear infinite;opacity:0;transition:opacity .3s ease}.glitch-portal-button:hover .portal-ring{opacity:.7}.glitch-portal-button.portal-active .portal-ring{opacity:1;animation:ringRotate .5s linear infinite,ringPulse 1s ease-in-out infinite}.portal-ring-2{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;border:1px solid rgba(255,0,255,.5);border-radius:50%;animation:ringRotate 2s linear infinite reverse;opacity:0}.glitch-portal-button.portal-active .portal-ring-2{opacity:1}.portal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.9);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:portalFadeIn .5s ease-out}.portal-vortex{position:relative;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,transparent 20%,rgba(255,0,255,.2) 40%,rgba(0,255,255,.3) 60%,rgba(255,255,255,.1) 80%);animation:vortexSpin 2s linear infinite;overflow:hidden}.vortex-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:radial-gradient(circle,#ffffff,transparent);border-radius:50%;animation:centerPulse 1s ease-in-out infinite alternate}.portal-particle{position:absolute;background:#00ffff;border-radius:50%;box-shadow:0 0 10px #0ff;animation:particleGlow 1s ease-in-out infinite alternate}.portal-message{position:absolute;top:20%;left:50%;transform:translate(-50%);color:#0f8;font-family:Courier New,monospace;font-size:18px;font-weight:700;text-align:center;text-shadow:0 0 10px #00ff88;animation:messageGlitch .5s ease-in-out infinite;background:rgba(0,0,0,.7);padding:15px 25px;border:1px solid #00ff88;border-radius:10px}.secret-message{position:absolute;bottom:20%;left:50%;transform:translate(-50%);animation:secretReveal 1s ease-out}.secret-content{color:#f0f;font-family:Courier New,monospace;font-size:16px;text-align:center;text-shadow:0 0 15px #ff00ff;background:rgba(0,0,0,.8);padding:20px;border:2px solid #ff00ff;border-radius:15px;box-shadow:0 0 30px #ff00ff80;animation:secretGlow 2s ease-in-out infinite alternate}.glitch-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,136,.1) 2px,rgba(0,255,136,.1) 4px);animation:scanlineMove .1s linear infinite;pointer-events:none}.portal-distortion{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(255,0,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,255,0,.1) 0%,transparent 50%);animation:distortionWave 3s ease-in-out infinite;pointer-events:none}body.portal-glitch{animation:bodyGlitch .1s ease-in-out infinite}@keyframes portalPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ringPulse{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes portalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes vortexSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes centerPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:.5}}@keyframes particleGlow{0%{box-shadow:0 0 5px #0ff;opacity:.7}to{box-shadow:0 0 20px #0ff;opacity:1}}@keyframes messageGlitch{0%,90%{transform:translate(-50%)}95%{transform:translate(-48%)}to{transform:translate(-52%)}}@keyframes secretReveal{0%{opacity:0;transform:translate(-50%) scale(.5)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes secretGlow{0%{box-shadow:0 0 20px #ff00ff4d}to{box-shadow:0 0 40px #ff00ffb3}}@keyframes scanlineMove{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes distortionWave{0%,to{filter:hue-rotate(0deg) brightness(1);transform:scale(1)}33%{filter:hue-rotate(120deg) brightness(1.2);transform:scale(1.02)}66%{filter:hue-rotate(240deg) brightness(.8);transform:scale(.98)}}@keyframes bodyGlitch{0%,90%{filter:none;transform:translate(0)}95%{filter:hue-rotate(90deg) brightness(1.2);transform:translate(2px)}to{filter:hue-rotate(180deg) brightness(.8);transform:translate(-2px)}}@media (max-width: 768px){.glitch-portal-button{width:100px;height:100px;font-size:10px}.portal-vortex{width:250px;height:250px}.portal-message{font-size:16px;padding:10px 20px}.secret-content{font-size:14px;padding:15px}}.nlp-task-input{width:100%;margin-bottom:1rem}.nlp-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem 0}.nlp-mode-indicator{display:flex;align-items:center;gap:.5rem;color:var(--primary-color);font-weight:600;font-size:.9rem}.nlp-beta-badge{background:linear-gradient(135deg,var(--primary-color) 0%,rgba(0,255,136,.8) 100%);color:#000;font-size:.7rem;font-weight:800;padding:.2rem .5rem;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #00ff884d}.nlp-input-form{position:relative}.nlp-input-container{display:flex;gap:.75rem;margin-bottom:.5rem}.input-wrapper{flex:1;position:relative}.nlp-input{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:var(--border-radius);background:var(--card-background-color);color:var(--text-color);font-size:1rem;transition:all .3s ease}.nlp-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 .2rem #00ff8840;background:rgba(0,255,136,.05)}.nlp-input::placeholder{color:var(--text-color-muted);opacity:.7}.nlp-processing-indicator{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--primary-color)}.nlp-submit-btn{padding:.75rem 1.5rem;font-weight:600;white-space:nowrap}.nlp-suggestions{position:absolute;top:100%;left:0;right:80px;background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;max-height:300px;overflow-y:auto}.suggestion-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1);transition:all .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item:focus{background:rgba(0,255,136,.1);outline:none}.suggestion-text{color:var(--text-color);font-weight:500;margin-bottom:.25rem}.suggestion-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.suggestion-type{color:var(--text-color-muted);text-transform:capitalize}.suggestion-confidence{color:var(--primary-color);font-weight:600}.nlp-task-preview{background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border:1px solid rgba(0,255,136,.3);border-radius:var(--border-radius);padding:1rem;margin-top:.75rem;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,255,136,.2);color:var(--primary-color);font-weight:600;font-size:.9rem}.preview-confidence{background:rgba(0,255,136,.2);color:var(--primary-color);padding:.2rem .5rem;border-radius:12px;font-size:.8rem;font-weight:700}.preview-content{color:var(--text-color)}.preview-task-text{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-color);display:flex;align-items:center}.preview-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.metadata-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.metadata-label{color:var(--text-color-muted);font-weight:500}.metadata-value{color:var(--text-color);font-weight:600}.metadata-tags{display:flex;gap:.25rem;flex-wrap:wrap}.tag-badge{background:rgba(0,255,136,.2);color:var(--primary-color);padding:.2rem .5rem;border-radius:10px;font-size:.8rem;font-weight:600}.preview-parsed-elements{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(0,255,136,.2)}.parsed-elements-title{color:var(--text-color-muted);font-size:.8rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.parsed-elements-list{display:flex;gap:.5rem;flex-wrap:wrap}.parsed-element{background:rgba(0,255,136,.1);color:var(--primary-color);padding:.25rem .5rem;border-radius:8px;font-size:.8rem;font-weight:500;border:1px solid rgba(0,255,136,.3)}.nlp-feedback{margin-top:.75rem;padding:.75rem;border-radius:var(--border-radius);font-size:.9rem}.feedback-warnings{background:linear-gradient(135deg,rgba(255,107,53,.1) 0%,rgba(255,107,53,.05) 100%);border:1px solid rgba(255,107,53,.3);border-radius:var(--border-radius);padding:.75rem;margin-bottom:.5rem;display:flex;align-items:flex-start;gap:.5rem}.feedback-warnings i{color:#ff6b35;margin-top:.1rem}.feedback-suggestions{background:linear-gradient(135deg,rgba(255,215,0,.1) 0%,rgba(255,215,0,.05) 100%);border:1px solid rgba(255,215,0,.3);border-radius:var(--border-radius);padding:.75rem;display:flex;align-items:flex-start;gap:.5rem}.feedback-suggestions i{color:gold;margin-top:.1rem}.feedback-items{flex:1}.feedback-item{margin-bottom:.25rem;line-height:1.4}.feedback-item:last-child{margin-bottom:0}.feedback-item.warning{color:#ff6b35}.feedback-item.suggestion{color:gold}.nlp-help-text{margin-top:1rem;padding:.75rem;background:rgba(255,255,255,.05);border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.1)}.help-examples{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem}.help-examples strong{color:var(--text-color);margin-bottom:.25rem}.help-examples span{color:var(--text-color-muted);font-style:italic;padding:.25rem .5rem;background:rgba(255,255,255,.05);border-radius:4px;font-family:Courier New,monospace}@media (max-width: 768px){.nlp-input-container{flex-direction:column;gap:.5rem}.nlp-suggestions{right:0}.preview-metadata{grid-template-columns:1fr;gap:.5rem}.help-examples{font-size:.8rem}.nlp-input-header{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width: 480px){.nlp-task-preview{padding:.75rem}.preview-metadata{font-size:.8rem}.metadata-item{flex-direction:column;align-items:flex-start;gap:.25rem}.parsed-elements-list{flex-direction:column;gap:.25rem}}.nlp-input:focus{animation:inputFocus .3s ease}@keyframes inputFocus{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.suggestion-item:hover{animation:suggestionHover .2s ease}@keyframes suggestionHover{0%{transform:translate(0)}to{transform:translate(5px)}}.preview-confidence{animation:confidencePulse 2s infinite}@keyframes confidencePulse{0%,to{opacity:1}50%{opacity:.7}}.suggestion-item:focus{outline:2px solid var(--primary-color);outline-offset:-2px}.nlp-input:focus{outline:none}@media (prefers-color-scheme: dark){.nlp-suggestions{box-shadow:0 8px 32px #00000080}.suggestion-item:hover{background:rgba(0,255,136,.15)}}.flip-clock{display:flex;align-items:center;justify-content:center;gap:.2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;padding:1rem}.flip-digit-container{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.flip-digit{position:relative;width:2.3rem;height:3.2rem;background:#1a1a1a;border-radius:.5rem;box-shadow:0 4px 8px #0000004d,inset 0 1px #ffffff1a;overflow:hidden;border:1px solid #333;perspective:200px}.digit-display,.digit-flip{position:absolute;width:100%;height:100%;background:#1a1a1a;display:flex;align-items:center;justify-content:center;color:#0f8;font-size:1.6rem;font-weight:900;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(0,255,136,.5)}.digit-display{z-index:1}.digit-flip{z-index:2;animation:flipAnimation .6s ease-in-out forwards}.flip-digit:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#333;z-index:10}.flip-separator{font-size:1.8rem;font-weight:900;color:#0f8;margin:0 .2rem;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(0,255,136,.5);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes flipAnimation{0%{opacity:1;transform:scaleY(1)}50%{opacity:.5;transform:scaleY(.1)}to{opacity:0;transform:scaleY(1)}}.flip-label{font-size:.75rem;color:var(--text-color-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px;min-height:1rem}.ampm-indicator{font-size:1.2rem;font-weight:900;color:#0f8;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(0,255,136,.5);letter-spacing:2px;margin-top:.5rem}.current-time-text{font-size:.9rem;font-weight:600;color:#666;font-family:Courier New,monospace;margin-top:.5rem}@media (max-width: 768px){.flip-clock{gap:.25rem;padding:.75rem}.flip-digit{width:2rem;height:2.8rem}.digit-display,.digit-flip{font-size:1.5rem}.flip-separator{font-size:1.7rem}.ampm-indicator{font-size:1rem}.current-time-text{font-size:.8rem}}@media (max-width: 480px){.flip-clock{gap:.2rem;padding:.5rem}.flip-digit{width:1.8rem;height:2.5rem}.digit-display,.digit-flip{font-size:1.3rem}.flip-separator{font-size:1.5rem;margin:0 .2rem}.ampm-indicator{font-size:.9rem}.current-time-text{font-size:.75rem}}.current-mood{background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;position:relative}.current-mood-display{display:flex;align-items:center;gap:1rem}.current-mood-emoji{font-size:3rem;animation:pulse 2s infinite}.current-mood-info{flex:1}.current-mood-name{font-size:1.2rem;font-weight:800;color:var(--text-color);text-shadow:var(--glow)}.current-mood-time{font-size:.9rem;color:var(--text-color-muted);font-weight:600}.clear-mood-btn{position:absolute;top:.5rem;right:.5rem}.mood-selector-title{color:var(--text-color);font-weight:800;margin-bottom:1rem;text-shadow:0 0 5px rgba(0,255,136,.3)}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.mood-button{background:var(--card-background-color);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.mood-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--mood-color);opacity:0;transition:opacity .3s ease;z-index:0}.mood-button:hover:before{opacity:.1}.mood-button.selected:before{opacity:.2}.mood-button:hover{transform:translateY(-2px);border-color:var(--mood-color);box-shadow:0 4px 12px #0000004d,0 0 20px var(--mood-color)}.mood-button.selected{border-color:var(--mood-color);box-shadow:0 0 15px var(--mood-color);transform:scale(1.05)}.mood-emoji{font-size:2rem;position:relative;z-index:1;transition:transform .3s ease}.mood-button:hover .mood-emoji{transform:scale(1.2)}.mood-button.selected .mood-emoji{animation:bounce .6s ease}.mood-name{font-size:.8rem;font-weight:700;color:var(--text-color-secondary);position:relative;z-index:1;text-transform:uppercase;letter-spacing:.5px}.mood-button:hover .mood-name,.mood-button.selected .mood-name{color:var(--text-color);text-shadow:0 0 5px var(--mood-color)}.follow-up-questions{animation:slideIn .3s ease-out}.follow-up-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius)}.pending-mood-emoji{font-size:2.5rem;animation:bounce .6s ease}.follow-up-title{color:var(--text-color);font-weight:800;margin:0;text-shadow:var(--glow)}.question-section{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;background:rgba(0,255,136,.02)}.question-title{color:var(--text-color);font-weight:700;margin-bottom:.75rem;font-size:.9rem;text-shadow:0 0 5px rgba(0,255,136,.3)}.reason-options,.impact-options{display:flex;flex-wrap:wrap;gap:.5rem}.reason-button,.impact-button{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:1.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;color:var(--text-color-secondary);cursor:pointer;transition:all .3s ease}.reason-button:hover,.impact-button:hover{border-color:var(--primary-color);color:var(--text-color);box-shadow:0 0 10px #0f83;transform:translateY(-1px)}.reason-button.selected,.impact-button.selected{background:var(--primary-color);border-color:var(--primary-color);color:#000;font-weight:800;box-shadow:var(--glow)}.follow-up-actions{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.mood-details{margin-top:.5rem}.mood-reasons{display:flex;flex-wrap:wrap;gap:.25rem}.reason-tag{background:rgba(0,255,136,.1);border:1px solid var(--border-color);border-radius:1rem;padding:.2rem .5rem;font-size:.7rem;color:var(--text-color-muted);font-weight:600}.mood-history{border-top:1px solid var(--border-color);padding-top:1rem}.mood-history-title{color:var(--text-color);font-weight:800;margin-bottom:.75rem;font-size:.9rem;text-shadow:0 0 5px rgba(0,255,136,.3)}.mood-history-list{display:flex;gap:.5rem;flex-wrap:wrap}.mood-history-item{display:flex;align-items:center;gap:.25rem;background:rgba(0,255,136,.05);border:1px solid var(--border-color);border-radius:1rem;padding:.25rem .5rem;font-size:.75rem}.history-emoji{font-size:1rem}.history-time{color:var(--text-color-muted);font-weight:600}.history-reason{color:var(--text-color-muted);font-weight:500;font-size:.7rem;margin-left:.25rem;opacity:.8}@keyframes bounce{0%,20%,53%,80%,to{transform:scale(1)}40%,43%{transform:scale(1.3)}70%{transform:scale(1.1)}90%{transform:scale(1.05)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.mood-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.mood-button{padding:.75rem .25rem}.mood-emoji{font-size:1.5rem}.mood-name{font-size:.7rem}.current-mood-emoji{font-size:2.5rem}}@media (max-width: 480px){.mood-grid{grid-template-columns:repeat(4,1fr);gap:.4rem}.mood-button{padding:.5rem .2rem}.mood-emoji{font-size:1.3rem}.mood-name{font-size:.65rem}}.skill-tree-component *{box-sizing:border-box!important}.skill-tree-component{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.95)!important;z-index:999999!important;overflow:hidden!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;pointer-events:all!important;margin:0!important;padding:0!important;border:none!important;box-sizing:border-box!important;font-family:Courier New,Inter,monospace!important;--background-color: #0a0a0a;--card-background-color: #1a1a1a;--text-color: #00ff88;--text-color-muted: #66ff99;--text-color-secondary: #ffffff;--primary-color: #00ff88;--border-color: #333333;--shadow: 0 .5rem 1rem rgba(0, 255, 136, .2);--border-radius: .5rem;--glow: 0 0 10px rgba(0, 255, 136, .3)}.skill-notification{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,rgba(0,255,136,.2) 0%,rgba(0,255,136,.1) 100%);border:1px solid var(--primary-color);border-radius:var(--border-radius);padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;color:var(--text-color);font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0f83;z-index:1000000!important}.skill-notification.skillPoints{border-color:gold;background:linear-gradient(135deg,rgba(255,215,0,.2) 0%,rgba(255,215,0,.1) 100%);box-shadow:0 8px 32px #ffd70033}.skill-notification.skillUpgrade{border-color:#0f8}.skill-notification.skillUnlock{border-color:#ff6b35;background:linear-gradient(135deg,rgba(255,107,53,.2) 0%,rgba(255,107,53,.1) 100%);box-shadow:0 8px 32px #ff6b3533}.skill-notification.abilityActivated{border-color:#9b59b6;background:linear-gradient(135deg,rgba(155,89,182,.2) 0%,rgba(155,89,182,.1) 100%);box-shadow:0 8px 32px #9b59b633}.notification-icon{font-size:1.5rem}.notification-message{font-size:.9rem}.skill-tree-overview{padding:2rem!important;height:100vh!important;overflow-y:auto!important;width:100%!important;box-sizing:border-box!important;position:relative!important}.skill-overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.skill-overview-controls{display:flex;align-items:center;gap:1rem}.skill-overview-title{font-size:2.5rem;font-weight:900;color:var(--text-color);text-shadow:var(--glow);margin:0}.skill-points-display{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,rgba(255,215,0,.2) 0%,rgba(255,215,0,.1) 100%);border:1px solid #ffd700;border-radius:var(--border-radius);padding:.75rem 1.5rem;font-weight:700}.skill-points-icon{font-size:1.5rem;color:gold}.skill-points-text{font-size:1.1rem;color:var(--text-color)}.skill-trees-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.skill-tree-card{background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skill-tree-card:hover{border-color:var(--primary-color);box-shadow:0 10px 40px #00ff884d}.tree-card-icon{font-size:3rem;text-align:center;margin-bottom:1rem;filter:drop-shadow(0 0 10px currentColor)}.tree-card-name{font-size:1.5rem;font-weight:800;color:var(--text-color);text-align:center;margin-bottom:.5rem;text-shadow:var(--glow)}.tree-card-description{color:var(--text-color-secondary);text-align:center;margin-bottom:1.5rem;font-weight:500;line-height:1.4}.tree-card-progress{margin-bottom:1.5rem}.progress-bar{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--primary-color);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px currentColor}.progress-text{font-size:.9rem;font-weight:600;color:var(--text-color-muted);text-align:center;display:block}.tree-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600}.tree-card-skills{color:var(--text-color-muted)}.tree-card-action{color:var(--primary-color)}.skill-tree-view{width:100vw!important;height:100vh!important;display:flex!important;flex-direction:column!important;position:relative!important;box-sizing:border-box!important}.skill-tree-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skill-tree-info{display:flex;align-items:center;gap:1.5rem}.skill-tree-icon{font-size:3rem;filter:drop-shadow(0 0 15px currentColor)}.skill-tree-details h2{font-size:2rem;font-weight:900;margin:0 0 .5rem;color:var(--text-color);text-shadow:var(--glow)}.skill-tree-details p{color:var(--text-color-secondary);margin:0 0 1rem;font-weight:500}.skill-tree-progress{display:flex;align-items:center;gap:1rem}.skill-tree-progress .progress-bar{width:200px;height:6px}.skill-tree-stats{display:flex;flex-direction:column;gap:.5rem}.stat-item{display:flex;gap:.5rem;font-weight:600}.stat-label{color:var(--text-color-muted)}.stat-value{color:var(--primary-color)}.close-button{background:transparent;border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);font-size:1.2rem;padding:.75rem;cursor:pointer;transition:all .3s ease}.close-button:hover{border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 15px #00ff884d}.skill-tree-container{flex:1;position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(0,255,136,.05) 0%,transparent 70%)}.skill-connections{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.skill-connection{transition:all .3s ease}.skill-node{position:absolute;width:60px;height:60px;border:3px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(135deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.6) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:2;transform:translate(-50%,-50%)}.skill-node.locked{cursor:not-allowed;background:linear-gradient(135deg,rgba(100,100,100,.3) 0%,rgba(100,100,100,.1) 100%)}.skill-node.unlocked{background:linear-gradient(135deg,rgba(0,255,136,.2) 0%,rgba(0,255,136,.1) 100%)}.skill-node.upgradeable{background:linear-gradient(135deg,rgba(255,215,0,.3) 0%,rgba(255,215,0,.1) 100%);border-color:gold;box-shadow:0 0 20px #ffd70080;animation:pulseGold 2s infinite}.skill-node.maxed{background:linear-gradient(135deg,rgba(255,107,53,.3) 0%,rgba(255,107,53,.1) 100%);border-color:#ff6b35;box-shadow:0 0 25px #ff6b3599}.skill-icon{font-size:1.8rem;filter:drop-shadow(0 0 5px currentColor)}.skill-level{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#fff;border:2px solid white}.skill-maxed{position:absolute;top:-12px;left:-12px;font-size:1.2rem;animation:sparkle 2s infinite}.skill-tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:linear-gradient(135deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.9) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;min-width:250px;max-width:300px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 10px 40px #000c;z-index:1000002!important}.skill-tooltip-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.skill-tooltip-icon{font-size:1.2rem}.skill-tooltip-name{font-weight:800;color:var(--text-color);flex:1}.skill-tooltip-tier{font-size:.8rem;color:var(--text-color-muted);background:rgba(255,255,255,.1);padding:.2rem .5rem;border-radius:10px}.skill-tooltip-description{color:var(--text-color-secondary);margin-bottom:.75rem;line-height:1.4;font-size:.9rem}.skill-tooltip-level{font-weight:600;color:var(--text-color);margin-bottom:.5rem;font-size:.9rem}.skill-tooltip-cost{font-weight:600;color:gold;margin-bottom:.75rem;font-size:.9rem}.skill-tooltip-effects{margin-bottom:.75rem}.skill-tooltip-effects-title{font-weight:700;color:var(--text-color);margin-bottom:.5rem;font-size:.85rem}.skill-tooltip-effect{color:var(--text-color-secondary);font-size:.8rem;margin-bottom:.25rem}.skill-tooltip-prereqs{border-top:1px solid var(--border-color);padding-top:.5rem}.skill-tooltip-prereqs-title{font-weight:700;color:var(--text-color);margin-bottom:.5rem;font-size:.85rem}.skill-tooltip-prereq{color:var(--text-color-secondary);font-size:.8rem;margin-bottom:.25rem}.skill-detail-panel{position:absolute;top:0;right:0;width:400px;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.9) 100%);border-left:1px solid var(--border-color);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow-y:auto;z-index:1000001!important}.skill-detail-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border-color)}.skill-detail-icon{font-size:2.5rem;filter:drop-shadow(0 0 10px currentColor)}.skill-detail-info{flex:1}.skill-detail-name{font-size:1.5rem;font-weight:800;color:var(--text-color);margin:0 0 .25rem;text-shadow:var(--glow)}.skill-detail-tier{color:var(--text-color-muted);font-weight:600;font-size:.9rem}.skill-detail-close{background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);padding:.5rem;cursor:pointer;transition:all .3s ease}.skill-detail-close:hover{border-color:var(--primary-color);color:var(--primary-color)}.skill-detail-content{padding:1.5rem}.skill-detail-description{color:var(--text-color-secondary);line-height:1.5;margin-bottom:1.5rem}.skill-detail-level{margin-bottom:1.5rem}.skill-detail-level span{font-weight:600;color:var(--text-color);display:block;margin-bottom:.5rem}.skill-level-bar{width:100%;height:10px;background:rgba(255,255,255,.1);border-radius:5px;overflow:hidden}.skill-level-fill{height:100%;border-radius:5px;transition:width .3s ease;box-shadow:0 0 10px currentColor}.skill-detail-effects{margin-bottom:1.5rem}.skill-detail-effects h4{color:var(--text-color);font-weight:700;margin-bottom:.75rem;font-size:1rem}.skill-effect-item{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.effect-name{color:var(--text-color-secondary)}.effect-value{color:var(--primary-color);font-weight:600}.skill-detail-prereqs{margin-bottom:1.5rem}.skill-detail-prereqs h4{color:var(--text-color);font-weight:700;margin-bottom:.75rem;font-size:1rem}.prereq-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem;border-radius:var(--border-radius);font-size:.9rem}.prereq-item.met{background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3)}.prereq-item.unmet{background:rgba(255,107,53,.1);border:1px solid rgba(255,107,53,.3)}.prereq-icon{font-size:1.1rem}.prereq-name{flex:1;color:var(--text-color);font-weight:600}.prereq-status{font-weight:800}.prereq-item.met .prereq-status{color:#0f8}.prereq-item.unmet .prereq-status{color:#ff6b35}.skill-detail-upgrade{text-align:center}.upgrade-cost{color:gold;font-weight:600;margin-bottom:1rem}.upgrade-button{width:100%;padding:1rem;border:2px solid;border-radius:var(--border-radius);background:transparent;color:#fff;font-weight:800;font-size:1rem;cursor:pointer;transition:all .3s ease}.upgrade-button:enabled:hover{background:currentColor;color:#000;box-shadow:0 0 20px currentColor}.upgrade-button:disabled{opacity:.5;cursor:not-allowed}.skill-maxed-indicator{text-align:center;padding:1rem;background:linear-gradient(135deg,rgba(255,215,0,.2) 0%,rgba(255,215,0,.1) 100%);border:1px solid #ffd700;border-radius:var(--border-radius)}.maxed-icon{font-size:2rem;display:block;margin-bottom:.5rem;animation:sparkle 2s infinite}.maxed-text{color:gold;font-weight:800;font-size:1.1rem}@keyframes pulseGold{0%,to{box-shadow:0 0 20px #ffd70080}50%{box-shadow:0 0 30px #ffd700cc}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.8}}@media (max-width: 1200px){.skill-detail-panel{width:350px}}@media (max-width: 768px){.skill-tree-overview{padding:1rem}.skill-overview-header{flex-direction:column;gap:1rem;text-align:center}.skill-overview-title{font-size:2rem}.skill-trees-grid{grid-template-columns:1fr;gap:1rem}.skill-tree-card{padding:1.5rem}.skill-tree-header{flex-direction:column;gap:1rem;text-align:center}.skill-tree-info{flex-direction:column;text-align:center}.skill-detail-panel{width:100%;position:fixed}.skill-node{width:50px;height:50px}.skill-icon{font-size:1.5rem}.skill-tooltip{min-width:200px;max-width:250px}}@media (max-width: 480px){.skill-tree-overview{padding:.5rem}.skill-overview-title{font-size:1.5rem}.skill-tree-card{padding:1rem}.tree-card-icon{font-size:2.5rem}.tree-card-name{font-size:1.2rem}.skill-node{width:40px;height:40px}.skill-icon{font-size:1.2rem}.skill-level{width:20px;height:20px;font-size:.7rem}}.card-header{display:flex;align-items:center;justify-content:space-between}.header-left,.header-right{display:flex;align-items:center}.coin-display{display:flex;align-items:center;gap:5px;background:rgba(255,215,0,.1);padding:5px 12px;border-radius:15px;border:1px solid rgba(255,215,0,.3)}.coin-amount{font-weight:700;color:gold;font-size:.9rem}.level-display{background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem}.level-info{display:flex;align-items:center;justify-content:space-between}.level-number{display:flex;flex-direction:column;align-items:center}.level-text{font-size:.7rem;font-weight:800;color:var(--text-color-muted);letter-spacing:2px}.level-value{font-size:2.5rem;font-weight:900;color:var(--text-color);text-shadow:var(--glow);font-family:Courier New,monospace}.xp-info{text-align:right}.xp-current{font-size:1.1rem;font-weight:800;color:var(--text-color);text-shadow:0 0 5px rgba(0,255,136,.3)}.xp-total{font-size:.8rem;color:var(--text-color-muted);font-weight:600}.xp-progress-container{position:relative;margin:1rem 0}.xp-progress-bar{position:relative;width:100%;height:2rem;background:#0a0a0a;border:2px solid var(--border-color);border-radius:1rem;overflow:hidden;box-shadow:inset 0 2px 4px #00000080,0 2px 8px #0000004d}.xp-progress-fill{position:relative;height:100%;background:linear-gradient(90deg,#00ff88 0%,#00cc6a 50%,#00ff88 100%);border-radius:.8rem;transition:width .8s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 0 20px #00ff8880,inset 0 1px #ffffff4d}.xp-progress-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progressShine 2s infinite}.xp-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:800;color:#000;text-shadow:0 1px 2px rgba(255,255,255,.5);z-index:2}.xp-gain-popup{position:absolute;top:-2rem;right:1rem;background:var(--primary-color);color:#000;padding:.5rem 1rem;border-radius:1rem;font-weight:800;font-size:.9rem;box-shadow:var(--glow);animation:xpGainFloat 2s ease-out forwards;z-index:10}.level-up-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;animation:levelUpAppear 3s ease-out forwards}.level-up-content{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:3px solid var(--primary-color);border-radius:1rem;padding:2rem;text-align:center;box-shadow:0 20px 40px #00000080,0 0 30px #00ff8880}.level-up-icon{font-size:3rem;animation:bounce .6s ease infinite alternate}.level-up-text{font-size:1.5rem;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8);margin:.5rem 0;letter-spacing:2px}.level-up-level{font-size:1.2rem;font-weight:800;color:var(--primary-color);text-shadow:0 0 10px rgba(0,255,136,.8)}.xp-guide{border-top:1px solid var(--border-color);padding-top:1rem}.xp-guide-title{color:var(--text-color);font-weight:800;margin-bottom:.75rem;font-size:.9rem;text-shadow:0 0 5px rgba(0,255,136,.3)}.xp-guide-items{display:flex;flex-direction:column;gap:.5rem}.xp-guide-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-color-secondary);font-weight:600}.xp-guide-item i{color:var(--primary-color);font-size:1rem}.xp-guide-item.skill-bonus{background:linear-gradient(135deg,rgba(255,215,0,.1) 0%,rgba(255,215,0,.05) 100%);border:1px solid rgba(255,215,0,.3);border-radius:var(--border-radius);padding:.5rem;margin-top:.5rem}.xp-guide-item.skill-bonus i{color:gold}.next-level-info{background:rgba(0,255,136,.05);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.75rem;text-align:center}.next-level-text{font-size:.9rem;font-weight:700;color:var(--text-color);margin-bottom:.25rem}.next-level-reward{font-size:.8rem;color:var(--text-color-muted);font-weight:600}@keyframes progressShine{0%{left:-100%}to{left:100%}}@keyframes xpGainFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-3rem)}}@keyframes levelUpAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}30%{transform:translate(-50%,-50%) scale(1)}90%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@media (max-width: 768px){.level-info{flex-direction:column;gap:1rem;text-align:center}.xp-info{text-align:center}.level-value{font-size:2rem}.xp-progress-bar{height:1.5rem}.xp-progress-text{font-size:.7rem}}@media (max-width: 480px){.level-up-content{padding:1.5rem}.level-up-text{font-size:1.2rem}.level-up-level{font-size:1rem}.xp-guide-items{font-size:.75rem}}.virtual-shop-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.virtual-shop{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:2px solid #00d4ff;border-radius:20px;width:90%;max-width:1200px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #00d4ff4d;display:flex;flex-direction:column}.shop-header{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;background:linear-gradient(90deg,var(--primary-color) 0%,rgba(0,255,136,.8) 100%);color:var(--background-color)}.shop-title{display:flex;align-items:center;gap:15px}.shop-title i{font-size:2rem}.shop-title h2{margin:0;font-size:2rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.coin-balance{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);padding:10px 20px;border-radius:25px;font-size:1.2rem;font-weight:700}.coin-balance i{color:gold;font-size:1.3rem}.close-button{background:rgba(255,255,255,.2);border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-button:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.shop-categories{display:flex;gap:5px;padding:20px 30px 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.shop-categories::-webkit-scrollbar{display:none}.category-btn{background:rgba(255,255,255,.1);border:1px solid rgba(0,212,255,.3);color:#00d4ff;padding:10px 20px;border-radius:25px;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:8px;font-weight:500}.category-btn:hover{background:rgba(0,212,255,.2);border-color:#00d4ff;transform:translateY(-2px)}.category-btn.active{background:linear-gradient(45deg,#00d4ff,#ff6b35);border-color:transparent;color:#fff;box-shadow:0 5px 15px #00d4ff66}.shop-items{flex:1;padding:30px;overflow-y:auto}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.shop-item{background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:20px;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.shop-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.shop-item.purchased{opacity:.7;background:linear-gradient(135deg,rgba(0,255,0,.1) 0%,rgba(0,255,0,.05) 100%);border-color:#00ff004d}.shop-item.rarity-common{border-color:#9b9b9b80}.shop-item.rarity-uncommon{border-color:#1eff0080}.shop-item.rarity-rare{border-color:#0070ff80}.shop-item.rarity-epic{border-color:#a335ee80}.shop-item.rarity-legendary{border-color:#ff800080;box-shadow:0 0 20px #ff80004d}.discount-badge{position:absolute;top:10px;right:10px;background:linear-gradient(45deg,#ff6b35,#ff8e53);color:#fff;padding:5px 10px;border-radius:15px;font-size:.8rem;font-weight:700;z-index:2}.item-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(45deg,#00d4ff,#ff6b35);border-radius:50%;margin:0 auto 15px;color:#fff;font-size:1.5rem}.item-info{text-align:center;margin-bottom:20px}.item-name{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 10px}.item-description{color:#fffc;font-size:.9rem;line-height:1.4;margin:0 0 10px}.item-rarity{display:inline-block;padding:3px 10px;border-radius:10px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.rarity-common .item-rarity{background:rgba(155,155,155,.2);color:#9b9b9b}.rarity-uncommon .item-rarity{background:rgba(30,255,0,.2);color:#1eff00}.rarity-rare .item-rarity{background:rgba(0,112,255,.2);color:#0070ff}.rarity-epic .item-rarity{background:rgba(163,53,238,.2);color:#a335ee}.rarity-legendary .item-rarity{background:rgba(255,128,0,.2);color:#ff8000}.item-purchase{display:flex;align-items:center;justify-content:space-between;gap:15px}.item-price{display:flex;flex-direction:column;align-items:flex-start}.original-price{color:#ffffff80;font-size:.9rem;text-decoration:line-through}.current-price{color:gold;font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:5px}.purchase-btn{background:linear-gradient(45deg,#00d4ff,#ff6b35);border:none;color:#fff;padding:10px 20px;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:700;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.purchase-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 5px 15px #00d4ff66}.purchase-btn.purchased{background:linear-gradient(45deg,#4caf50,#66bb6a);cursor:default}.purchase-btn.disabled{background:rgba(255,255,255,.2);color:#ffffff80;cursor:not-allowed}.purchase-confirmation{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:linear-gradient(45deg,#4caf50,#66bb6a);color:#fff;padding:20px 30px;border-radius:15px;text-align:center;box-shadow:0 10px 30px #4caf5066;z-index:10}.confirmation-content{display:flex;flex-direction:column;align-items:center;gap:10px}.success-icon{font-size:2rem;color:#fff}.confirmation-content h3{margin:0;font-size:1.2rem}.confirmation-content p{margin:0;opacity:.9}.powerup-notice{background:rgba(255,255,255,.2);padding:5px 15px;border-radius:10px;font-size:.9rem}.power-up-effects{position:fixed;top:20px;right:20px;z-index:999;display:flex;flex-direction:column;gap:10px}.power-up-indicator{background:linear-gradient(135deg,rgba(0,212,255,.9) 0%,rgba(255,107,53,.9) 100%);border:2px solid rgba(255,255,255,.3);border-radius:15px;padding:15px;color:#fff;min-width:250px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:15px}.power-up-icon{width:40px;height:40px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.power-up-info{flex:1}.power-up-name{font-weight:700;font-size:1rem}.power-up-time{font-size:.8rem;opacity:.8}.power-up-effects{display:flex;flex-direction:column;gap:5px}.effect-badge{background:rgba(255,255,255,.2);padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:700;text-align:center}.effect-badge.xp{background:rgba(0,255,0,.3)}.effect-badge.coins{background:rgba(255,215,0,.3)}.effect-badge.protection{background:rgba(0,150,255,.3)}@media (max-width: 768px){.virtual-shop{width:95%;max-height:95vh}.shop-header{padding:15px 20px;flex-direction:column;gap:15px}.shop-title h2{font-size:1.5rem}.shop-categories{padding:15px 20px 0}.shop-items{padding:20px}.items-grid{grid-template-columns:1fr;gap:15px}.power-up-effects{top:10px;right:10px}.power-up-indicator{min-width:200px;padding:10px}}.fake-terminal{background-color:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 8px #0000004d,inset 0 1px #ffffff1a;margin-bottom:1.5rem;transition:all .3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Courier New,monospace;height:350px}.fake-terminal:hover{transform:translateY(-4px);box-shadow:var(--shadow),0 8px 16px #0006,var(--glow);border-color:var(--primary-color)}.fake-terminal.minimized{height:60px;overflow:hidden}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border-bottom:1px solid var(--border-color);border-radius:var(--border-radius) var(--border-radius) 0 0}.terminal-buttons{display:flex;gap:6px}.terminal-button{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:all .2s ease}.terminal-button.close{background:#ff5f57}.terminal-button.minimize{background:#ffbd2e}.terminal-button.maximize{background:#28ca42}.terminal-button:hover{transform:scale(1.1);box-shadow:0 0 8px currentColor}.terminal-title{color:var(--text-color);font-size:16px;font-weight:800;text-shadow:0 0 5px rgba(0,255,136,.3)}.terminal-body{height:calc(100% - 60px);overflow-y:auto;padding:16px;cursor:text}.terminal-content{height:100%;display:flex;flex-direction:column}.terminal-line{margin-bottom:4px;font-size:13px;line-height:1.4;word-wrap:break-word}.terminal-line.system{color:var(--text-color-muted);font-style:italic;opacity:.8}.terminal-line.input{color:var(--text-color);font-weight:700}.terminal-line.output{color:var(--text-color-secondary)}.terminal-line.error{color:#ff4757}.terminal-line.rainbow{background:linear-gradient(45deg,#ff0000,#ff8000,#ffff00,#80ff00,#00ff00,#00ff80,#00ffff,#0080ff,#0000ff,#8000ff,#ff00ff,#ff0080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow-shift 2s linear infinite;background-size:200% 200%}@keyframes rainbow-shift{0%{background-position:0% 50%}to{background-position:200% 50%}}.terminal-input-form{display:flex;align-items:center;margin-top:auto;padding-top:8px}.terminal-prompt{color:var(--text-color);margin-right:8px;font-weight:700;text-shadow:0 0 5px rgba(0,255,136,.5)}.terminal-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-color);font-family:Courier New,monospace;font-size:13px;caret-color:var(--text-color)}.terminal-input::placeholder{color:var(--text-color-muted);opacity:.6}.floating-item{position:fixed;font-size:2rem;z-index:100;pointer-events:none;animation:float-up 4s ease-out forwards}.floating-item.taco{animation:float-up-spin 4s ease-out forwards}.floating-item.pizza{animation:float-up-wobble 4s ease-out forwards}.floating-item.rocket{animation:float-up-rocket 3s ease-out forwards}.floating-item.unicorn{animation:float-up-magical 5s ease-out forwards}.floating-item.coffee{animation:float-up-steam 4s ease-out forwards}.floating-item.cat{animation:float-up-bounce 4s ease-out forwards}.floating-item.explosion{animation:float-up-explode 2s ease-out forwards}.floating-item.magic{animation:float-up-sparkle 4s ease-out forwards}.floating-item.party{animation:float-up-party 3s ease-out forwards}.floating-item.ghost{animation:float-up-spooky 5s ease-out forwards}.floating-item.fire{animation:float-up-flame 3s ease-out forwards}.floating-item.snow{animation:float-up-snow 6s ease-out forwards}.floating-item.chaos{animation:float-up-chaos 4s ease-out forwards}.floating-item.alien{animation:float-up-alien 5s ease-out forwards}.floating-item.dinosaur{animation:float-up-stomp 4s ease-out forwards}.floating-item.treasure{animation:float-up-treasure 4s ease-out forwards}.floating-item.portal{animation:float-up-portal 5s ease-out forwards}.floating-item.wizard{animation:float-up-wizard 4s ease-out forwards}.floating-item.ninja{animation:float-up-ninja 3s ease-out forwards}.floating-item.pirate{animation:float-up-pirate 4s ease-out forwards}.floating-item.robot{animation:float-up-robot 3s ease-out forwards}.floating-item.superhero{animation:float-up-superhero 4s ease-out forwards}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-100vh) scale(.5);opacity:0}}@keyframes float-up-spin{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}to{transform:translateY(-100vh) rotate(720deg) scale(.5);opacity:0}}@keyframes float-up-wobble{0%{transform:translateY(0) translate(0) scale(1);opacity:1}25%{transform:translateY(-25vh) translate(20px) scale(1.1)}50%{transform:translateY(-50vh) translate(-20px) scale(1)}75%{transform:translateY(-75vh) translate(15px) scale(.8)}to{transform:translateY(-100vh) translate(0) scale(.5);opacity:0}}@keyframes float-up-rocket{0%{transform:translateY(0) scale(1);opacity:1}20%{transform:translateY(-20vh) scale(1.2)}to{transform:translateY(-120vh) scale(.3);opacity:0}}@keyframes float-up-magical{0%{transform:translateY(0) scale(1) rotate(0);opacity:1;filter:hue-rotate(0deg)}25%{transform:translateY(-25vh) scale(1.1) rotate(90deg);filter:hue-rotate(90deg)}50%{transform:translateY(-50vh) scale(1) rotate(180deg);filter:hue-rotate(180deg)}75%{transform:translateY(-75vh) scale(.8) rotate(270deg);filter:hue-rotate(270deg)}to{transform:translateY(-100vh) scale(.5) rotate(360deg);opacity:0;filter:hue-rotate(360deg)}}@keyframes float-up-steam{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-50vh) scale(1.2);opacity:.8}to{transform:translateY(-100vh) scale(.8);opacity:0}}@keyframes float-up-bounce{0%{transform:translateY(0) scale(1);opacity:1}20%{transform:translateY(-10vh) scale(1.1)}40%{transform:translateY(-30vh) scale(.9)}60%{transform:translateY(-50vh) scale(1.1)}80%{transform:translateY(-70vh) scale(.9)}to{transform:translateY(-100vh) scale(.5);opacity:0}}@keyframes float-up-explode{0%{transform:translateY(0) scale(.5);opacity:1}50%{transform:translateY(-30vh) scale(2);opacity:1}to{transform:translateY(-60vh) scale(.1);opacity:0}}body.dance-mode{animation:dance-shake .5s ease-in-out infinite}@keyframes dance-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px) rotate(.5deg)}75%{transform:translate(2px) rotate(-.5deg)}}body.matrix-mode:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 98%,rgba(0,255,136,.3) 100%),linear-gradient(180deg,transparent 98%,rgba(0,255,136,.3) 100%);background-size:20px 20px;animation:matrix-rain 2s linear infinite;pointer-events:none;z-index:50}@keyframes matrix-rain{0%{background-position:0 0}to{background-position:20px 20px}}body.rainbow-mode{animation:rainbow-background 3s ease-in-out infinite}@keyframes rainbow-background{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}body.hacking-mode{animation:hacking-flicker .1s linear infinite}@keyframes hacking-flicker{0%,to{filter:brightness(1) contrast(1);background-color:var(--background-color)}50%{filter:brightness(1.2) contrast(1.5);background-color:#010}}body.konami-mode{animation:konami-pulse .5s ease-in-out infinite}@keyframes konami-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.3) saturate(1.5)}}body.explosion-mode{animation:explosion-shake .1s linear infinite}body.caffeinate-mode{animation:caffeine-jitters .05s linear infinite}@keyframes explosion-shake{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-5px) translateY(-3px)}50%{transform:translate(5px) translateY(3px)}75%{transform:translate(-3px) translateY(5px)}}@keyframes caffeine-jitters{0%{transform:translate(0) translateY(0)}10%{transform:translate(-1px) translateY(-1px)}20%{transform:translate(1px) translateY(1px)}30%{transform:translate(-1px) translateY(1px)}40%{transform:translate(1px) translateY(-1px)}50%{transform:translate(-1px) translateY(0)}60%{transform:translate(1px) translateY(0)}70%{transform:translate(0) translateY(-1px)}80%{transform:translate(0) translateY(1px)}90%{transform:translate(-1px) translateY(-1px)}to{transform:translate(0) translateY(0)}}@keyframes float-up-sparkle{0%{transform:translateY(0) scale(.5) rotate(0);opacity:1;filter:brightness(1) hue-rotate(0deg)}25%{transform:translateY(-200px) scale(1) rotate(90deg);filter:brightness(1.5) hue-rotate(90deg)}50%{transform:translateY(-400px) scale(1.2) rotate(180deg);filter:brightness(2) hue-rotate(180deg)}75%{transform:translateY(-600px) scale(.8) rotate(270deg);filter:brightness(1.5) hue-rotate(270deg)}to{transform:translateY(-800px) scale(0) rotate(360deg);opacity:0;filter:brightness(1) hue-rotate(360deg)}}@keyframes float-up-party{0%{transform:translateY(0) scale(.5) rotate(0);opacity:1}25%{transform:translateY(-150px) scale(1.2) rotate(45deg)}50%{transform:translateY(-300px) scale(.8) rotate(90deg)}75%{transform:translateY(-450px) scale(1.1) rotate(135deg)}to{transform:translateY(-600px) scale(0) rotate(180deg);opacity:0}}@keyframes float-up-spooky{0%{transform:translateY(0) scale(1) rotate(0);opacity:.8;filter:brightness(.8)}25%{transform:translateY(-200px) scale(1.1) rotate(-10deg);opacity:1;filter:brightness(1.2)}50%{transform:translateY(-400px) scale(.9) rotate(10deg);opacity:.9;filter:brightness(.9)}75%{transform:translateY(-600px) scale(1.05) rotate(-5deg);opacity:.7;filter:brightness(1.1)}to{transform:translateY(-800px) scale(0) rotate(0);opacity:0;filter:brightness(.5)}}@keyframes float-up-flame{0%{transform:translateY(0) scale(.8);opacity:1;filter:brightness(1) hue-rotate(0deg)}25%{transform:translateY(-150px) scale(1.2);filter:brightness(1.5) hue-rotate(10deg)}50%{transform:translateY(-300px) scale(1);filter:brightness(2) hue-rotate(20deg)}75%{transform:translateY(-450px) scale(1.1);filter:brightness(1.5) hue-rotate(10deg)}to{transform:translateY(-600px) scale(0);opacity:0;filter:brightness(1) hue-rotate(0deg)}}@keyframes float-up-snow{0%{transform:translateY(0) scale(.5) rotate(0);opacity:1}25%{transform:translateY(-200px) scale(1) rotate(90deg)}50%{transform:translateY(-400px) scale(1.2) rotate(180deg)}75%{transform:translateY(-600px) scale(.8) rotate(270deg)}to{transform:translateY(-800px) scale(0) rotate(360deg);opacity:0}}@keyframes float-up-chaos{0%{transform:translateY(0) scale(1) rotate(0);opacity:1}10%{transform:translateY(-50px) scale(1.5) rotate(36deg)}20%{transform:translateY(-100px) scale(.5) rotate(72deg)}30%{transform:translateY(-150px) scale(1.8) rotate(108deg)}40%{transform:translateY(-200px) scale(.3) rotate(144deg)}50%{transform:translateY(-250px) scale(2) rotate(180deg)}60%{transform:translateY(-300px) scale(.7) rotate(216deg)}70%{transform:translateY(-350px) scale(1.3) rotate(252deg)}80%{transform:translateY(-400px) scale(.9) rotate(288deg)}90%{transform:translateY(-450px) scale(1.1) rotate(324deg)}to{transform:translateY(-500px) scale(0) rotate(360deg);opacity:0}}@keyframes float-up-alien{0%{transform:translateY(0) scale(1) rotate(0);opacity:1;filter:hue-rotate(0deg)}25%{transform:translateY(-200px) scale(1.2) rotate(90deg);filter:hue-rotate(90deg)}50%{transform:translateY(-400px) scale(.8) rotate(180deg);filter:hue-rotate(180deg)}75%{transform:translateY(-600px) scale(1.1) rotate(270deg);filter:hue-rotate(270deg)}to{transform:translateY(-800px) scale(0) rotate(360deg);opacity:0;filter:hue-rotate(360deg)}}@keyframes float-up-stomp{0%{transform:translateY(0) scale(1);opacity:1}25%{transform:translateY(-100px) scale(1.3)}50%{transform:translateY(-200px) scale(.9)}75%{transform:translateY(-300px) scale(1.2)}to{transform:translateY(-400px) scale(0);opacity:0}}@keyframes float-up-treasure{0%{transform:translateY(0) scale(.5) rotate(0);opacity:1;filter:brightness(1) saturate(1)}25%{transform:translateY(-150px) scale(1.2) rotate(90deg);filter:brightness(1.5) saturate(1.5)}50%{transform:translateY(-300px) scale(1) rotate(180deg);filter:brightness(2) saturate(2)}75%{transform:translateY(-450px) scale(1.1) rotate(270deg);filter:brightness(1.5) saturate(1.5)}to{transform:translateY(-600px) scale(0) rotate(360deg);opacity:0;filter:brightness(1) saturate(1)}}@keyframes float-up-portal{0%{transform:translateY(0) scale(1) rotate(0);opacity:1;filter:blur(0px) hue-rotate(0deg)}25%{transform:translateY(-200px) scale(1.5) rotate(90deg);filter:blur(2px) hue-rotate(90deg)}50%{transform:translateY(-400px) scale(.5) rotate(180deg);filter:blur(4px) hue-rotate(180deg)}75%{transform:translateY(-600px) scale(1.2) rotate(270deg);filter:blur(2px) hue-rotate(270deg)}to{transform:translateY(-800px) scale(0) rotate(360deg);opacity:0;filter:blur(0px) hue-rotate(360deg)}}@keyframes float-up-wizard{0%{transform:translateY(0) scale(1) rotate(0);opacity:1;filter:brightness(1) hue-rotate(0deg)}25%{transform:translateY(-150px) scale(1.3) rotate(45deg);filter:brightness(1.5) hue-rotate(45deg)}50%{transform:translateY(-300px) scale(.8) rotate(90deg);filter:brightness(2) hue-rotate(90deg)}75%{transform:translateY(-450px) scale(1.1) rotate(135deg);filter:brightness(1.5) hue-rotate(135deg)}to{transform:translateY(-600px) scale(0) rotate(180deg);opacity:0;filter:brightness(1) hue-rotate(180deg)}}@keyframes float-up-ninja{0%{transform:translateY(0) scale(1);opacity:1}25%{transform:translateY(-200px) scale(.5);opacity:.3}50%{transform:translateY(-400px) scale(1.2);opacity:1}75%{transform:translateY(-600px) scale(.7);opacity:.5}to{transform:translateY(-800px) scale(0);opacity:0}}@keyframes float-up-pirate{0%{transform:translateY(0) scale(1) rotate(0);opacity:1}25%{transform:translateY(-150px) scale(1.2) rotate(-15deg)}50%{transform:translateY(-300px) scale(.9) rotate(15deg)}75%{transform:translateY(-450px) scale(1.1) rotate(-10deg)}to{transform:translateY(-600px) scale(0) rotate(0);opacity:0}}@keyframes float-up-robot{0%{transform:translateY(0) scale(1);opacity:1;filter:brightness(1)}25%{transform:translateY(-150px) scale(1.1);filter:brightness(1.3)}50%{transform:translateY(-300px) scale(.9);filter:brightness(1.6)}75%{transform:translateY(-450px) scale(1.05);filter:brightness(1.3)}to{transform:translateY(-600px) scale(0);opacity:0;filter:brightness(1)}}@keyframes float-up-superhero{0%{transform:translateY(0) scale(1) rotate(0);opacity:1;filter:brightness(1) saturate(1)}25%{transform:translateY(-200px) scale(1.3) rotate(10deg);filter:brightness(1.5) saturate(1.5)}50%{transform:translateY(-400px) scale(1) rotate(-10deg);filter:brightness(2) saturate(2)}75%{transform:translateY(-600px) scale(1.2) rotate(5deg);filter:brightness(1.5) saturate(1.5)}to{transform:translateY(-800px) scale(0) rotate(0);opacity:0;filter:brightness(1) saturate(1)}}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}.terminal-body::-webkit-scrollbar-thumb{background:var(--text-color);border-radius:3px;opacity:.7}.terminal-body::-webkit-scrollbar-thumb:hover{opacity:1}@media (max-width: 768px){.fake-terminal{height:300px}}.terminal-input:focus+.cursor,.terminal-line.input:after{content:"";display:inline-block;width:8px;height:14px;background:var(--text-color);margin-left:2px;animation:cursor-blink 1s infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.daily-glitch-box{background:linear-gradient(135deg,rgba(255,0,100,.1) 0%,rgba(0,255,255,.1) 50%,rgba(255,255,0,.1) 100%);border:2px solid transparent;background-clip:padding-box;border-radius:var(--border-radius);margin-bottom:1.5rem;position:relative;overflow:hidden;transition:all .3s ease;animation:subtle-glow 3s ease-in-out infinite}.daily-glitch-box:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ff0066,#00ffff,#ffff00,#ff0066);background-size:300% 300%;border-radius:var(--border-radius);z-index:-1;animation:gradient-shift 4s ease infinite}.daily-glitch-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--card-background-color);border-radius:calc(var(--border-radius) - 2px);z-index:-1}@keyframes subtle-glow{0%,to{box-shadow:0 0 20px #ff00644d}33%{box-shadow:0 0 20px #00ffff4d}66%{box-shadow:0 0 20px #ffff004d}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.daily-glitch-box.glitching{animation:glitch-shake .1s linear infinite}@keyframes glitch-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px) translateY(1px)}50%{transform:translate(2px) translateY(-1px)}75%{transform:translate(-1px) translateY(2px)}}.glitch-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border-bottom:1px solid var(--border-color);border-radius:var(--border-radius) var(--border-radius) 0 0}.glitch-title{color:var(--text-color);font-size:16px;font-weight:800;text-shadow:0 0 5px rgba(0,255,136,.3);display:flex;align-items:center}.glitch-status{font-size:12px;font-weight:700;padding:4px 8px;border-radius:4px;text-transform:uppercase}.status-ready{color:#0f0;background:rgba(0,255,0,.1);border:1px solid #00ff00;animation:pulse-ready 2s ease-in-out infinite}.status-used{color:#ff6b6b;background:rgba(255,107,107,.1);border:1px solid #ff6b6b}@keyframes pulse-ready{0%,to{opacity:1}50%{opacity:.6}}.glitch-content{padding:20px;min-height:120px;display:flex;flex-direction:column;justify-content:center}.glitch-prompt{text-align:center;color:var(--text-color-secondary)}.glitch-prompt p{margin-bottom:8px;font-weight:600}.glitch-hint{font-size:.9rem;color:var(--text-color-muted);font-style:italic}.glitch-result{animation:result-appear .5s ease-out}@keyframes result-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.glitch-quote{background:rgba(255,0,100,.1);border-left:3px solid #ff0066;padding:12px;margin-bottom:16px;border-radius:4px;font-style:italic;color:var(--text-color-secondary)}.glitch-quote i{color:#f06;margin-right:8px}.glitch-effects{display:flex;gap:16px;flex-wrap:wrap}.effect-item{display:flex;align-items:center;gap:6px;color:var(--text-color-muted);font-size:.9rem}.effect-item i{color:var(--text-color)}.glitch-button{position:relative;width:100%;padding:12px 24px;margin:0 16px 16px;background:linear-gradient(45deg,#ff0066,#00ffff);border:none;border-radius:6px;color:#000;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;overflow:hidden;transition:all .3s ease}.glitch-button:not(.disabled):hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff006466}.glitch-button.disabled{opacity:.5;cursor:not-allowed;background:#666}.button-text{position:relative;z-index:2}.button-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.glitch-button:not(.disabled):hover .button-glow{left:100%}body.glitch-shake{animation:global-shake .5s ease-in-out infinite}@keyframes global-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}body.glitch-glow-pulse{animation:global-glow-pulse 1s ease-in-out infinite}@keyframes global-glow-pulse{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.3) saturate(1.5) drop-shadow(0 0 20px #ff0066)}}body.glitch-color-shift{animation:global-color-shift 2s linear infinite}@keyframes global-color-shift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}body.glitch-zoom-crazy{animation:global-zoom-crazy .3s ease-in-out infinite}@keyframes global-zoom-crazy{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}body.glitch-flip-out{animation:global-flip-out 1s ease-in-out}@keyframes global-flip-out{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}body.glitch-matrix-glitch:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,.1) 2px,rgba(0,255,0,.1) 4px);animation:matrix-scroll .1s linear infinite;pointer-events:none;z-index:9999}@keyframes matrix-scroll{0%{transform:translateY(0)}to{transform:translateY(4px)}}body.glitch-rainbow-explosion{animation:global-rainbow-explosion 2s ease-in-out}@keyframes global-rainbow-explosion{0%{filter:hue-rotate(0deg) saturate(1) brightness(1)}25%{filter:hue-rotate(90deg) saturate(2) brightness(1.5)}50%{filter:hue-rotate(180deg) saturate(3) brightness(2)}75%{filter:hue-rotate(270deg) saturate(2) brightness(1.5)}to{filter:hue-rotate(360deg) saturate(1) brightness(1)}}body.glitch-screen-tear:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 48%,rgba(255,0,100,.8) 49%,rgba(0,255,255,.8) 50%,rgba(255,255,0,.8) 51%,transparent 52%);animation:screen-tear .1s linear infinite;pointer-events:none;z-index:9999}@keyframes screen-tear{0%{transform:translate(-100%)}to{transform:translate(100%)}}body.glitch-pixel-storm:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 20%,rgba(255,0,100,.3) 1px,transparent 1px),radial-gradient(circle at 80% 80%,rgba(0,255,255,.3) 1px,transparent 1px),radial-gradient(circle at 40% 60%,rgba(255,255,0,.3) 1px,transparent 1px);background-size:20px 20px,30px 30px,25px 25px;animation:pixel-storm .2s linear infinite;pointer-events:none;z-index:9999}@keyframes pixel-storm{0%{background-position:0 0,0 0,0 0}to{background-position:20px 20px,-30px -30px,25px -25px}}body.glitch-neon-surge{animation:global-neon-surge 1.5s ease-in-out}@keyframes global-neon-surge{0%,to{filter:brightness(1) contrast(1);text-shadow:none}50%{filter:brightness(1.5) contrast(1.8);text-shadow:0 0 10px #ff0066,0 0 20px #00ffff,0 0 30px #ffff00}}.glitch-object{animation-duration:5s;animation-fill-mode:forwards}.alien-invasion{animation-name:alien-invasion}@keyframes alien-invasion{0%{transform:translateY(-100vh) rotate(0)}50%{transform:translateY(50vh) rotate(180deg) scale(1.5)}to{transform:translateY(100vh) rotate(360deg) scale(.5)}}.robot-dance{animation-name:robot-dance}@keyframes robot-dance{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.2)}50%{transform:rotate(180deg) scale(.8)}75%{transform:rotate(270deg) scale(1.2)}}.spooky-float{animation-name:spooky-float}@keyframes spooky-float{0%,to{transform:translateY(0) opacity(1)}50%{transform:translateY(-20px) opacity(.7)}}.electric-zap{animation-name:electric-zap}@keyframes electric-zap{0%,to{transform:scale(1) rotate(0);filter:brightness(1)}25%{transform:scale(1.5) rotate(90deg);filter:brightness(2)}50%{transform:scale(.5) rotate(180deg);filter:brightness(3)}75%{transform:scale(1.2) rotate(270deg);filter:brightness(1.5)}}.hypnotic-spin{animation-name:hypnotic-spin}@keyframes hypnotic-spin{0%{transform:rotate(0) scale(1)}to{transform:rotate(1440deg) scale(2)}}.watching-eye{animation-name:watching-eye}@keyframes watching-eye{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.fire-spread{animation-name:fire-spread}@keyframes fire-spread{0%{transform:scale(.5);filter:hue-rotate(0deg)}50%{transform:scale(2);filter:hue-rotate(180deg)}to{transform:scale(.1);filter:hue-rotate(360deg)}}.crystal-shine{animation-name:crystal-shine}@keyframes crystal-shine{0%,to{transform:rotate(0);filter:brightness(1)}50%{transform:rotate(180deg);filter:brightness(3) drop-shadow(0 0 20px #fff)}}.star-burst{animation-name:star-burst}@keyframes star-burst{0%{transform:scale(0) rotate(0)}50%{transform:scale(3) rotate(180deg)}to{transform:scale(0) rotate(360deg)}}.mask-morph{animation-name:mask-morph}@keyframes mask-morph{0%,to{transform:scaleX(1)}50%{transform:scaleX(-1) scaleY(1.2)}}.unicorn-gallop{animation-name:unicorn-gallop}@keyframes unicorn-gallop{0%{transform:translate(-100px) rotate(0)}to{transform:translate(100vw) rotate(360deg)}}.tentacle-wave{animation-name:tentacle-wave}@keyframes tentacle-wave{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(45deg) scale(1.1)}50%{transform:rotate(90deg) scale(1.2)}75%{transform:rotate(135deg) scale(1.1)}}.mushroom-grow{animation-name:mushroom-grow}@keyframes mushroom-grow{0%{transform:scale(.1)}50%{transform:scale(2)}to{transform:scale(.1)}}.circus-spin{animation-name:circus-spin}@keyframes circus-spin{0%{transform:rotate(0) scale(1);filter:hue-rotate(0deg)}to{transform:rotate(720deg) scale(1.5);filter:hue-rotate(360deg)}}.moon-phase{animation-name:moon-phase}@keyframes moon-phase{0%{transform:scale(1);filter:brightness(1)}25%{transform:scale(.8);filter:brightness(.5)}50%{transform:scale(.6);filter:brightness(.2)}75%{transform:scale(.8);filter:brightness(.5)}to{transform:scale(1);filter:brightness(1)}}@media (max-width: 768px){.glitch-effects{flex-direction:column;gap:8px}.glitch-object{font-size:2rem}}.theme-selector-widget{margin-bottom:1.5rem}.current-theme-display{padding:.75rem;background:rgba(var(--primary-color-rgb, 0, 255, 136),.05);border-radius:.5rem;border:1px solid rgba(var(--primary-color-rgb, 0, 255, 136),.2)}.theme-icon{font-size:1.2rem;color:var(--primary-color)}.theme-name{font-weight:600;color:var(--text-color)}.theme-description{font-size:.85rem}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;padding:.5rem 0}.theme-option{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background:var(--card-background-color);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .3s ease;text-align:center}.theme-option:hover{background:rgba(var(--primary-color-rgb, 0, 255, 136),.1);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.theme-option.active{background:rgba(var(--primary-color-rgb, 0, 255, 136),.15);border-color:var(--primary-color);box-shadow:0 0 10px rgba(var(--primary-color-rgb, 0, 255, 136),.3)}.theme-option i{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-color-muted);transition:color .3s ease}.theme-option:hover i,.theme-option.active i{color:var(--primary-color)}.theme-option-name{font-size:.8rem;font-weight:500;color:var(--text-color-secondary);line-height:1.2}.theme-settings{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.setting-group{padding:.5rem 0}.setting-group .form-label{font-weight:600;color:var(--text-color);margin-bottom:.5rem}.form-range{background:var(--card-background-color);border-radius:.25rem}.form-range::-webkit-slider-thumb{background:var(--primary-color);border:none;box-shadow:0 0 5px rgba(var(--primary-color-rgb, 0, 255, 136),.5)}.form-range::-moz-range-thumb{background:var(--primary-color);border:none;box-shadow:0 0 5px rgba(var(--primary-color-rgb, 0, 255, 136),.5)}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 5px rgba(var(--primary-color-rgb, 0, 255, 136),.3)}.form-check-label{font-weight:500;color:var(--text-color-secondary);cursor:pointer}.form-check-label i{color:var(--text-color-muted)}.theme-info{padding:.75rem;background:rgba(var(--primary-color-rgb, 0, 255, 136),.05);border-radius:.25rem;border-left:3px solid var(--primary-color)}.transition-indicator{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-color);font-weight:500;z-index:10}.transition-indicator .spinner-border{color:var(--primary-color)}@media (max-width: 768px){.theme-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.theme-option{padding:.5rem .25rem}.theme-option i{font-size:1.2rem}.theme-option-name{font-size:.75rem}}.theme-cyberpunk{--primary-color-rgb: 0, 255, 136}.theme-space_station{--primary-color-rgb: 65, 105, 225}.theme-forest_retreat{--primary-color-rgb: 50, 205, 50}.theme-ocean_depths{--primary-color-rgb: 0, 206, 209}.theme-desert_oasis{--primary-color-rgb: 218, 165, 32}.theme-mountain_peak{--primary-color-rgb: 176, 196, 222}.theme-aurora_borealis{--primary-color-rgb: 147, 112, 219}.theme-steampunk_workshop{--primary-color-rgb: 205, 133, 63}.theme-engine{position:relative;min-height:100vh;transition:all .3s ease-in-out}.theme-engine.transitioning{opacity:.7}.theme-transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:9999;animation:fadeInOut .6s ease-in-out}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}.particle-canvas{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;pointer-events:none!important;z-index:1!important}.theme-cyberpunk{--background-color: #0a0a0a;--card-background-color: #1a1a1a;--text-color: #00ff88;--text-color-muted: #66ff99;--text-color-secondary: #ffffff;--primary-color: #00ff88;--border-color: #333333;--shadow: 0 .5rem 1rem rgba(0, 255, 136, .2);--glow: 0 0 10px rgba(0, 255, 136, .3)}.theme-space_station{--background-color: #0a0a1a;--card-background-color: #1a1a2a;--text-color: #4169e1;--text-color-muted: #6495ed;--text-color-secondary: #e6e6fa;--primary-color: #4169e1;--border-color: #2a2a4a;--shadow: 0 .5rem 1rem rgba(65, 105, 225, .2);--glow: 0 0 10px rgba(65, 105, 225, .3)}.theme-forest_retreat{--background-color: #0a1a0a;--card-background-color: #1a2a1a;--text-color: #32cd32;--text-color-muted: #90ee90;--text-color-secondary: #f0fff0;--primary-color: #228b22;--border-color: #2a4a2a;--shadow: 0 .5rem 1rem rgba(34, 139, 34, .2);--glow: 0 0 10px rgba(50, 205, 50, .3)}.theme-ocean_depths{--background-color: #0a1a2a;--card-background-color: #1a2a3a;--text-color: #00ced1;--text-color-muted: #87ceeb;--text-color-secondary: #f0f8ff;--primary-color: #1e90ff;--border-color: #2a3a4a;--shadow: 0 .5rem 1rem rgba(30, 144, 255, .2);--glow: 0 0 10px rgba(0, 206, 209, .3)}.theme-desert_oasis{--background-color: #2a1a0a;--card-background-color: #3a2a1a;--text-color: #daa520;--text-color-muted: #f4a460;--text-color-secondary: #fff8dc;--primary-color: #cd853f;--border-color: #4a3a2a;--shadow: 0 .5rem 1rem rgba(205, 133, 63, .2);--glow: 0 0 10px rgba(218, 165, 32, .3)}.theme-mountain_peak{--background-color: #1a1a2a;--card-background-color: #2a2a3a;--text-color: #b0c4de;--text-color-muted: #e6e6fa;--text-color-secondary: #f8f8ff;--primary-color: #4682b4;--border-color: #3a3a4a;--shadow: 0 .5rem 1rem rgba(70, 130, 180, .2);--glow: 0 0 10px rgba(176, 196, 222, .3)}.theme-aurora_borealis{--background-color: #0a0a2a;--card-background-color: #1a1a3a;--text-color: #9370db;--text-color-muted: #dda0dd;--text-color-secondary: #f8f8ff;--primary-color: #8a2be2;--border-color: #2a2a4a;--shadow: 0 .5rem 1rem rgba(138, 43, 226, .2);--glow: 0 0 10px rgba(147, 112, 219, .3)}.theme-steampunk_workshop{--background-color: #2a1a0a;--card-background-color: #3a2a1a;--text-color: #cd853f;--text-color-muted: #daa520;--text-color-secondary: #f5deb3;--primary-color: #a0522d;--border-color: #4a3a2a;--shadow: 0 .5rem 1rem rgba(160, 82, 45, .2);--glow: 0 0 10px rgba(205, 133, 63, .3)}.theme-content{position:relative;z-index:10}@media (max-width: 768px){.particle-canvas{display:none}}@media (prefers-reduced-motion: reduce){.theme-engine,.theme-transition-overlay{transition:none;animation:none}.particle-canvas{display:none}}.music-player-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1050;padding:1rem}.music-player{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--glow);width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.music-player-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border-bottom:1px solid var(--border-color)}.player-title{display:flex;align-items:center;gap:.75rem}.player-title i{font-size:1.5rem;color:var(--primary-color)}.player-title h3{margin:0;color:var(--text-color);font-family:Courier New,monospace;font-weight:600}.current-track{padding:1.5rem;border-bottom:1px solid var(--border-color);background:rgba(0,255,136,.02)}.track-info h4{margin:0 0 .5rem;color:var(--text-color);font-family:Courier New,monospace;font-weight:600}.track-info p{margin:0;color:var(--text-color-muted);font-size:.875rem}.track-progress{margin-top:1rem}.time-display{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;color:var(--text-color-muted);font-family:Courier New,monospace}.progress-bar{height:4px;background:rgba(0,255,136,.2);border-radius:2px;overflow:hidden}.player-controls{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border-color)}.control-btn{background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);color:var(--text-color);width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.2rem}.control-btn:hover:not(:disabled){background:rgba(0,255,136,.2);border-color:var(--primary-color);transform:scale(1.05)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn.play-pause{width:4rem;height:4rem;font-size:1.5rem;background:var(--primary-color);color:var(--background-color);border-color:var(--primary-color)}.control-btn.play-pause:hover:not(:disabled){background:rgba(0,255,136,.9);box-shadow:var(--glow)}.control-btn.active{background:var(--primary-color);color:var(--background-color);border-color:var(--primary-color)}.volume-control{position:relative}.volume-slider{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;margin-bottom:.5rem;box-shadow:var(--shadow)}.volume-slider input[type=range]{width:100px;height:4px;background:rgba(0,255,136,.2);border-radius:2px;outline:none;-webkit-appearance:none}.volume-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:pointer;box-shadow:0 0 5px #00ff8880}.volume-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 5px #00ff8880}.sound-pack-filter{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:rgba(0,255,136,.02)}.sound-pack-filter label{color:var(--text-color);font-weight:600;font-size:.875rem}.sound-pack-filter select{background:var(--card-background-color);border:1px solid var(--border-color);color:var(--text-color);padding:.5rem;border-radius:var(--border-radius);font-family:Courier New,monospace}.sound-pack-filter select:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #00ff8840}.play-all-btn{background:var(--primary-color);color:var(--background-color);border:none;padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;margin-left:auto}.play-all-btn:hover{background:rgba(0,255,136,.9);transform:translateY(-1px)}.track-list{flex:1;overflow-y:auto;padding:1rem 0}.track-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,255,136,.1)}.track-item:hover{background:rgba(0,255,136,.05)}.track-item.active{background:rgba(0,255,136,.1);border-left:3px solid var(--primary-color)}.track-icon{width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(0,255,136,.1);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1rem;flex-shrink:0}.track-item.active .track-icon{background:var(--primary-color);color:var(--background-color)}.track-details{flex:1}.track-name{color:var(--text-color);font-weight:600;margin-bottom:.25rem;font-family:Courier New,monospace}.track-description{color:var(--text-color-muted);font-size:.875rem}.track-duration{color:var(--text-color-muted);font-size:.875rem;font-family:Courier New,monospace;flex-shrink:0}.now-playing-indicator{margin-left:1rem}.sound-wave{display:flex;align-items:end;gap:2px;height:20px}.sound-wave .bar{width:3px;background:var(--primary-color);border-radius:1px;animation:soundWave 1s ease-in-out infinite}.sound-wave .bar:nth-child(1){animation-delay:0s}.sound-wave .bar:nth-child(2){animation-delay:.2s}.sound-wave .bar:nth-child(3){animation-delay:.4s}@keyframes soundWave{0%,to{height:4px}50%{height:20px}}.no-tracks{text-align:center;padding:3rem 1.5rem;color:var(--text-color-muted)}.no-tracks i{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-tracks h4{margin-bottom:1rem;color:var(--text-color)}.no-tracks p{margin-bottom:1.5rem;max-width:300px;margin-left:auto;margin-right:auto}.shop-link-btn{background:var(--primary-color);color:var(--background-color);border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.shop-link-btn:hover{background:rgba(0,255,136,.9);transform:translateY(-1px)}@media (max-width: 768px){.music-player{max-width:100%;margin:0;border-radius:0;height:100vh}.player-controls{gap:.5rem;padding:1rem}.control-btn{width:2.5rem;height:2.5rem;font-size:1rem}.control-btn.play-pause{width:3.5rem;height:3.5rem;font-size:1.3rem}.sound-pack-filter{flex-direction:column;align-items:stretch;gap:.5rem}.play-all-btn{margin-left:0;align-self:flex-start}.track-item{padding:.75rem 1rem}.track-icon{width:2rem;height:2rem;font-size:.875rem}}@media (max-width: 480px){.music-player-header,.current-track{padding:1rem}.player-controls{padding:.75rem}.track-list{padding:.5rem 0}}.speed-math-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1060;padding:1rem}.speed-math-game{background:var(--card-background-color);border:2px solid var(--primary-color);border-radius:var(--border-radius);box-shadow:var(--glow),0 0 30px #00ff884d;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.game-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,rgba(0,255,136,.2) 0%,rgba(0,255,136,.1) 100%);border-bottom:1px solid var(--border-color)}.game-title{display:flex;align-items:center;gap:.75rem}.game-title i{font-size:1.5rem;color:var(--primary-color)}.game-title h3{margin:0;color:var(--text-color);font-family:Courier New,monospace;font-weight:600}.game-start-screen{padding:2rem;text-align:center;flex:1;display:flex;flex-direction:column;gap:2rem}.game-description h4{color:var(--text-color);margin-bottom:1rem;font-family:Courier New,monospace}.game-description p{color:var(--text-color-muted);line-height:1.6}.difficulty-selection h5{color:var(--text-color);margin-bottom:1rem;font-family:Courier New,monospace}.difficulty-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.difficulty-btn{background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);color:var(--text-color);padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-family:Courier New,monospace;font-weight:600;text-transform:capitalize}.difficulty-btn:hover{background:rgba(0,255,136,.2);border-color:var(--primary-color)}.difficulty-btn.active{background:var(--primary-color);color:var(--background-color);border-color:var(--primary-color)}.daily-challenge{background:rgba(0,255,136,.05);border:1px solid rgba(0,255,136,.2);border-radius:var(--border-radius);padding:1.5rem;text-align:left}.daily-challenge h5{color:var(--primary-color);margin-bottom:.5rem;font-family:Courier New,monospace;display:flex;align-items:center;gap:.5rem}.daily-challenge p{color:var(--text-color-muted);margin-bottom:1rem}.challenge-reward{color:var(--text-color);font-weight:600;font-family:Courier New,monospace}.high-scores-preview h5{color:var(--text-color);margin-bottom:1rem;font-family:Courier New,monospace}.scores-list{display:flex;flex-direction:column;gap:.5rem}.score-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:rgba(0,255,136,.05);border-radius:var(--border-radius);font-family:Courier New,monospace;color:var(--text-color-muted)}.no-scores{color:var(--text-color-muted);font-style:italic;text-align:center;padding:1rem}.start-game-btn{background:var(--primary-color);color:var(--background-color);border:none;padding:1rem 2rem;border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:auto}.start-game-btn:hover{background:rgba(0,255,136,.9);transform:translateY(-2px);box-shadow:0 4px 20px #00ff884d}.game-play-screen{padding:2rem;flex:1;display:flex;flex-direction:column;gap:1.5rem}.game-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat{text-align:center;padding:1rem;background:rgba(0,255,136,.05);border-radius:var(--border-radius);border:1px solid rgba(0,255,136,.2)}.stat-label{display:block;font-size:.875rem;color:var(--text-color-muted);margin-bottom:.5rem;font-family:Courier New,monospace}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-color);font-family:Courier New,monospace}.challenge-progress{background:rgba(0,255,136,.05);border:1px solid rgba(0,255,136,.2);border-radius:var(--border-radius);padding:1rem}.progress-label{color:var(--text-color);font-size:.875rem;margin-bottom:.5rem;font-family:Courier New,monospace}.progress-bar{height:8px;background:rgba(0,255,136,.2);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--primary-color);transition:width .3s ease;box-shadow:0 0 10px #00ff8880}.problem-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.problem-display{text-align:center}.problem-text{font-size:3rem;font-weight:700;color:var(--text-color);font-family:Courier New,monospace;text-shadow:0 0 20px rgba(0,255,136,.3);margin-bottom:1rem}.answer-section{display:flex;gap:1rem;align-items:center}.answer-input{background:var(--card-background-color);border:2px solid var(--border-color);color:var(--text-color);padding:1rem;border-radius:var(--border-radius);font-size:1.5rem;font-family:Courier New,monospace;text-align:center;width:200px;transition:all .2s ease}.answer-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #00ff8840;outline:none}.submit-btn{background:var(--primary-color);color:var(--background-color);border:none;padding:1rem 2rem;border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.feedback{text-align:center;padding:1rem;border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:.5rem}.feedback.correct{background:rgba(40,167,69,.2);border:1px solid #28a745;color:#28a745}.feedback.incorrect{background:rgba(220,53,69,.2);border:1px solid #dc3545;color:#dc3545}.feedback i{font-size:1.5rem}.streak-bonus{font-size:.875rem;color:#ff6b35;font-weight:700}.game-controls{display:flex;justify-content:center;gap:1rem}.control-btn{background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);color:var(--text-color);padding:.75rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-family:Courier New,monospace}.control-btn:hover{background:rgba(0,255,136,.2);border-color:var(--primary-color)}.game-results-screen{padding:2rem;text-align:center;flex:1;display:flex;flex-direction:column;gap:2rem}.results-header h4{color:var(--text-color);margin-bottom:1rem;font-family:Courier New,monospace}.final-score{font-size:3rem;font-weight:700;color:var(--primary-color);font-family:Courier New,monospace;text-shadow:0 0 20px rgba(0,255,136,.5)}.results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.result-stat{display:flex;flex-direction:column;align-items:center;padding:1rem;background:rgba(0,255,136,.05);border-radius:var(--border-radius);border:1px solid rgba(0,255,136,.2)}.result-label{font-size:.875rem;color:var(--text-color-muted);margin-bottom:.5rem;font-family:Courier New,monospace}.result-value{font-size:1.5rem;font-weight:700;color:var(--text-color);font-family:Courier New,monospace}.results-actions{display:flex;gap:1rem;justify-content:center;margin-top:auto}.play-again-btn,.close-btn{padding:1rem 2rem;border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;border:none}.play-again-btn{background:var(--primary-color);color:var(--background-color)}.play-again-btn:hover{background:rgba(0,255,136,.9);transform:translateY(-1px)}.close-btn{background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);color:var(--text-color)}.close-btn:hover{background:rgba(0,255,136,.2);border-color:var(--primary-color)}@media (max-width: 768px){.speed-math-game{max-width:100%;height:100vh;border-radius:0}.game-stats{grid-template-columns:repeat(2,1fr)}.problem-text{font-size:2rem}.answer-section{flex-direction:column;gap:1rem}.answer-input{width:100%;max-width:300px}.results-actions{flex-direction:column}.play-again-btn,.close-btn{width:100%;justify-content:center}}@media (max-width: 480px){.game-play-screen,.game-start-screen,.game-results-screen,.game-header{padding:1rem}.problem-text{font-size:1.5rem}.final-score{font-size:2rem}.results-stats{grid-template-columns:1fr}}.focus-snake-overlay,.task-tetris-overlay,.priority-puzzle-overlay,.memory-palace-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1060;padding:1rem}.focus-snake-game,.task-tetris-game,.priority-puzzle-game,.memory-palace-game{background:var(--card-background-color);border:2px solid var(--primary-color);border-radius:var(--border-radius);box-shadow:var(--glow),0 0 30px #00ff884d;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.snake-game-board{display:flex;justify-content:center;margin:1rem 0}.game-canvas{border:2px solid var(--primary-color);border-radius:var(--border-radius);background:rgba(0,0,0,.1)}.food-legend{margin:1rem 0;text-align:left}.food-legend h6{color:var(--text-color);margin-bottom:.5rem;font-family:Courier New,monospace}.food-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.food-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:rgba(0,255,136,.05);border-radius:var(--border-radius);font-size:.875rem}.food-emoji{font-size:1.2rem}.food-name{color:var(--text-color);font-weight:600;text-transform:capitalize}.food-points{color:var(--primary-color);font-weight:600;margin-left:auto}.pause-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10}.pause-message{text-align:center;color:var(--text-color)}.pause-message h4{color:var(--primary-color);margin-bottom:1rem}.tetris-board{display:flex;flex-direction:column;border:2px solid var(--primary-color);border-radius:var(--border-radius);background:rgba(0,0,0,.1);margin:1rem}.tetris-row{display:flex}.tetris-cell{width:25px;height:25px;border:1px solid rgba(0,255,136,.1);transition:all .2s ease}.tetris-cell.filled{border-color:#ffffff4d}.tetris-cell.current{opacity:.8;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.game-area{display:flex;gap:1rem;padding:1rem;justify-content:center}.side-panel{display:flex;flex-direction:column;gap:1rem;min-width:200px}.next-piece{background:rgba(0,255,136,.05);border:1px solid rgba(0,255,136,.2);border-radius:var(--border-radius);padding:1rem}.next-piece h6{color:var(--text-color);margin-bottom:.5rem;font-family:Courier New,monospace}.next-piece-display{display:flex;flex-direction:column;align-items:center;margin-bottom:.5rem}.next-piece-row{display:flex}.next-piece-cell{width:20px;height:20px;border:1px solid rgba(0,255,136,.1)}.next-piece-cell.filled{border-color:#ffffff4d}.next-piece-info{text-align:center}.piece-name{color:var(--text-color);font-weight:600;font-size:.875rem;margin-bottom:.25rem}.piece-priority{color:var(--text-color-muted);font-size:.75rem;margin-bottom:.25rem}.piece-points{color:var(--primary-color);font-weight:600;font-size:.75rem}.task-legend{margin:1rem 0;text-align:left}.task-legend h6{color:var(--text-color);margin-bottom:.5rem;font-family:Courier New,monospace}.task-items{display:flex;flex-direction:column;gap:.25rem}.task-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:rgba(0,255,136,.05);border-radius:var(--border-radius);font-size:.875rem}.task-color{width:16px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.3)}.task-name{color:var(--text-color);font-weight:600;flex:1}.task-priority{color:var(--text-color-muted);font-size:.75rem;text-transform:capitalize}.task-points{color:var(--primary-color);font-weight:600;font-size:.75rem}.matrix-legend{margin:1rem 0;text-align:left}.matrix-legend h6{color:var(--text-color);margin-bottom:.5rem;font-family:Courier New,monospace}.matrix-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.matrix-item{padding:.75rem;border:1px solid;border-radius:var(--border-radius);text-align:center}.quadrant-name{color:var(--text-color);font-weight:600;font-size:.875rem;margin-bottom:.25rem}.quadrant-multiplier{color:var(--text-color-muted);font-size:.75rem}.task-section{padding:1rem;text-align:center}.current-task h4{color:var(--text-color);margin-bottom:1rem;font-family:Courier New,monospace}.task-card{background:rgba(0,255,136,.05);border:1px solid rgba(0,255,136,.2);border-radius:var(--border-radius);padding:1.5rem;margin:0 auto;max-width:400px}.task-name{color:var(--text-color);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.task-context{color:var(--text-color-muted);font-style:italic;line-height:1.4}.priority-matrix{position:relative;padding:2rem;margin:1rem}.matrix-labels{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.y-axis-label{position:absolute;left:-1rem;top:50%;transform:translateY(-50%) rotate(-90deg);display:flex;justify-content:space-between;width:200px;font-size:.875rem;color:var(--text-color-muted);font-weight:600}.x-axis-label{position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;width:200px;font-size:.875rem;color:var(--text-color-muted);font-weight:600}.matrix-quadrants{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;height:200px}.quadrant-btn{border:2px solid;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;font-family:Courier New,monospace}.quadrant-btn:hover{transform:scale(1.05);box-shadow:0 4px 20px #0003}.quadrant-btn .quadrant-name{font-size:1rem;font-weight:600}.quadrant-btn .quadrant-multiplier{font-size:.875rem;opacity:.8}.memory-info{margin:1rem 0;text-align:left}.memory-info h6{color:var(--text-color);margin-bottom:.5rem;font-family:Courier New,monospace}.memory-info ol{color:var(--text-color-muted);padding-left:1.5rem}.memory-info li{margin-bottom:.25rem}.difficulty-info{margin:1rem 0;text-align:left}.difficulty-info h6{color:var(--text-color);margin-bottom:.5rem;font-family:Courier New,monospace}.difficulty-details{display:flex;flex-direction:column;gap:.25rem}.difficulty-detail{display:flex;justify-content:space-between;padding:.25rem .5rem;background:rgba(0,255,136,.05);border-radius:var(--border-radius);font-size:.875rem}.level-name{color:var(--text-color);font-weight:600;text-transform:capitalize}.level-desc{color:var(--text-color-muted)}.phase-instructions{padding:1rem;text-align:center;background:rgba(0,255,136,.05);border:1px solid rgba(0,255,136,.2);border-radius:var(--border-radius);margin:1rem}.phase-instructions h4{color:var(--text-color);margin-bottom:.5rem;font-family:Courier New,monospace}.phase-instructions p{color:var(--text-color-muted);margin-bottom:1rem}.countdown{color:var(--primary-color);font-size:1.5rem;font-weight:700;font-family:Courier New,monospace}.submit-btn{background:var(--primary-color);color:var(--background-color);border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:rgba(0,255,136,.9);transform:translateY(-1px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.round-feedback{display:flex;justify-content:center;gap:1rem;margin:1rem 0;flex-wrap:wrap}.feedback-stat{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600}.feedback-stat.correct{color:#28a745}.feedback-stat.incorrect{color:#dc3545}.feedback-stat.missed{color:#ffc107}.feedback-score{color:var(--primary-color);font-weight:700;font-size:1rem}.memory-room{display:grid;gap:.5rem;padding:1rem;margin:1rem;background:rgba(0,0,0,.1);border:2px solid var(--primary-color);border-radius:var(--border-radius);max-width:600px;margin-left:auto;margin-right:auto}.room-slot{position:relative;aspect-ratio:1;border:2px solid rgba(0,255,136,.3);border-radius:var(--border-radius);background:rgba(0,255,136,.05);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px}.room-slot:hover{border-color:var(--primary-color);background:rgba(0,255,136,.1)}.room-slot.selected{border-color:var(--primary-color);background:rgba(0,255,136,.2);box-shadow:0 0 10px #00ff884d}.room-slot.has-item{border-color:#28a745;background:rgba(40,167,69,.1)}.room-slot.wrong-guess{border-color:#dc3545;background:rgba(220,53,69,.1)}.room-slot.missed-item{border-color:#ffc107;background:rgba(255,193,7,.1)}.memory-item{text-align:center}.item-emoji{font-size:1.5rem;margin-bottom:.25rem}.item-name{font-size:.75rem;color:var(--text-color);font-weight:600}.guess-marker{color:var(--primary-color);font-size:1.5rem}.slot-number{position:absolute;top:2px;left:2px;font-size:.625rem;color:var(--text-color-muted);background:rgba(0,0,0,.3);padding:.125rem .25rem;border-radius:3px}.controls-info{margin:1rem 0;text-align:left}.controls-info h6{color:var(--text-color);margin-bottom:.5rem;font-family:Courier New,monospace}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.control-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:rgba(0,255,136,.05);border-radius:var(--border-radius);font-size:.875rem}.control-item i{color:var(--primary-color);font-size:1rem}.control-item span{color:var(--text-color);font-weight:600}@media (max-width: 768px){.focus-snake-game,.task-tetris-game,.priority-puzzle-game,.memory-palace-game{max-width:100%;height:100vh;border-radius:0}.game-area{flex-direction:column;padding:.5rem}.side-panel{min-width:auto}.matrix-quadrants{height:160px}.memory-room{gap:.25rem;padding:.5rem;margin:.5rem}.room-slot{min-height:60px}.item-emoji{font-size:1.2rem}.item-name{font-size:.625rem}.controls-grid{grid-template-columns:repeat(2,1fr)}.food-items{grid-template-columns:1fr}.task-items{gap:.125rem}.round-feedback{flex-direction:column;align-items:center;gap:.5rem}}@media (max-width: 480px){.game-play-screen,.game-start-screen,.game-results-screen{padding:.5rem}.tetris-cell{width:20px;height:20px}.next-piece-cell{width:16px;height:16px}.matrix-quadrants{height:120px;gap:.5rem}.memory-room{gap:.125rem;padding:.25rem}.room-slot{min-height:50px}.item-emoji{font-size:1rem}.item-name{font-size:.5rem}}.mini-games-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1050;padding:1rem}.mini-games-hub{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--glow);width:100%;max-width:1000px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.hub-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border-bottom:1px solid var(--border-color)}.hub-title{display:flex;align-items:center;gap:.75rem}.hub-title i{font-size:1.5rem;color:var(--primary-color)}.hub-title h3{margin:0;color:var(--text-color);font-family:Courier New,monospace;font-weight:600}.daily-challenge-banner{display:flex;align-items:center;gap:1.5rem;margin:1.5rem;padding:1.5rem;background:linear-gradient(135deg,rgba(255,193,7,.1) 0%,rgba(255,193,7,.05) 100%);border:1px solid rgba(255,193,7,.3);border-radius:var(--border-radius)}.challenge-icon{font-size:2rem;color:#ffc107}.challenge-info{flex:1}.challenge-info h4{margin:0 0 .5rem;color:var(--text-color);font-family:Courier New,monospace;font-weight:600}.challenge-info p{margin:0 0 .5rem;color:var(--text-color-muted)}.challenge-reward{display:flex;align-items:center;gap:.5rem;color:#ffc107;font-weight:600;font-size:.875rem;font-family:Courier New,monospace}.challenge-play-btn{background:#ffc107;color:#000;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .2s ease}.challenge-play-btn:hover{background:#e0a800;transform:translateY(-1px)}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:1.5rem}.game-card{position:relative;padding:1.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;overflow:hidden}.game-card:hover{border-color:var(--primary-color);box-shadow:0 4px 20px #0f83}.game-card.coming-soon{opacity:.6;cursor:not-allowed}.game-card.coming-soon:hover{border-color:var(--border-color);box-shadow:none;transform:none}.game-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.game-info h4{margin:0 0 .5rem;color:var(--text-color);font-family:Courier New,monospace;font-weight:600}.game-info p{margin:0 0 1rem;color:var(--text-color-muted);line-height:1.5}.game-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-color-muted)}.meta-item i{color:var(--primary-color);width:16px}.game-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,255,136,.2)}.stat{text-align:center}.stat-label{display:block;font-size:.75rem;color:var(--text-color-muted);margin-bottom:.25rem;font-family:Courier New,monospace}.stat-value{display:block;font-size:1rem;font-weight:600;color:var(--text-color);font-family:Courier New,monospace}.coming-soon-badge{position:absolute;top:1rem;right:1rem;background:rgba(108,117,125,.9);color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.play-button{position:absolute;bottom:1rem;right:1rem;font-size:2rem;color:var(--primary-color);opacity:0;transition:all .3s ease}.game-card:hover .play-button{opacity:1;transform:scale(1.1)}.overall-stats{padding:1.5rem;border-top:1px solid var(--border-color);background:rgba(0,255,136,.02)}.overall-stats h4{margin:0 0 1rem;color:var(--text-color);font-family:Courier New,monospace;font-weight:600;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.overall-stat{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius)}.overall-stat i{font-size:1.5rem;color:var(--primary-color)}.stat-number{font-size:1.25rem;font-weight:700;color:var(--text-color);font-family:Courier New,monospace}.overall-stat .stat-label{font-size:.875rem;color:var(--text-color-muted);font-family:Courier New,monospace}@media (max-width: 768px){.mini-games-hub{max-width:100%;height:100vh;border-radius:0}.games-grid{grid-template-columns:1fr;padding:1rem}.daily-challenge-banner{flex-direction:column;text-align:center;gap:1rem;margin:1rem}.stats-grid{grid-template-columns:1fr}.overall-stat{justify-content:center;text-align:center}.game-stats{grid-template-columns:1fr}}@media (max-width: 480px){.hub-header,.overall-stats,.game-card{padding:1rem}.game-meta{gap:.25rem}.meta-item{font-size:.8rem}}.notification-center-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1070;padding:1rem}.notification-center{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--glow);width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.notification-center-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border-bottom:1px solid var(--border-color)}.unread-badge{background:var(--primary-color);color:var(--background-color);padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;min-width:20px;text-align:center}.notification-tabs{display:flex;border-bottom:1px solid var(--border-color);background:rgba(0,255,136,.02)}.tab{flex:1;background:none;border:none;padding:1rem;color:var(--text-color-muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Courier New,monospace;font-weight:600;position:relative}.tab:hover{background:rgba(0,255,136,.1);color:var(--text-color)}.tab.active{background:rgba(0,255,136,.1);color:var(--primary-color);border-bottom:2px solid var(--primary-color)}.tab-badge{background:var(--primary-color);color:var(--background-color);padding:.125rem .375rem;border-radius:10px;font-size:.625rem;font-weight:600;min-width:16px;text-align:center}.notification-center-content{flex:1;overflow-y:auto;padding:1.5rem}.notification-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-btn{background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);color:var(--text-color);padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-family:Courier New,monospace;font-size:.875rem;font-weight:600}.filter-btn:hover{background:rgba(0,255,136,.2);border-color:var(--primary-color)}.filter-btn.active{background:var(--primary-color);color:var(--background-color);border-color:var(--primary-color)}.notifications-list{display:flex;flex-direction:column;gap:1rem}.notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;position:relative}.notification-item:hover{border-color:var(--primary-color);box-shadow:0 2px 10px #00ff881a}.notification-item.unread{border-left:3px solid var(--primary-color);background:rgba(0,255,136,.02)}.notification-item.read{opacity:.8}.notification-icon{width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(0,255,136,.1);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.notification-header h6{margin:0;color:var(--text-color);font-family:Courier New,monospace;font-weight:600;font-size:.875rem}.notification-time{color:var(--text-color-muted);font-size:.75rem;font-family:Courier New,monospace}.notification-content p{margin:0 0 .75rem;color:var(--text-color-muted);line-height:1.4;font-size:.875rem}.notification-actions{display:flex;gap:.5rem;flex-wrap:wrap}.notification-action-btn{background:var(--primary-color);color:var(--background-color);border:none;padding:.25rem .75rem;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.notification-action-btn:hover{background:rgba(0,255,136,.9);transform:translateY(-1px)}.dismiss-btn{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:var(--text-color-muted);cursor:pointer;padding:.25rem;border-radius:50%;transition:all .2s ease;font-size:.875rem}.dismiss-btn:hover{background:rgba(220,53,69,.1);color:#dc3545}.empty-notifications{text-align:center;padding:3rem 1rem;color:var(--text-color-muted)}.empty-notifications i{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-notifications h5{margin-bottom:.5rem;color:var(--text-color)}.analytics-content{display:flex;flex-direction:column;gap:2rem}.analytics-overview h5{color:var(--text-color);margin-bottom:1rem;font-family:Courier New,monospace;font-weight:600}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.analytics-card{background:rgba(0,255,136,.05);border:1px solid rgba(0,255,136,.2);border-radius:var(--border-radius);padding:1rem;text-align:center}.analytics-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);font-family:Courier New,monospace;margin-bottom:.25rem}.analytics-label{font-size:.875rem;color:var(--text-color-muted);font-family:Courier New,monospace}.analytics-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.analytics-section h6{color:var(--text-color);margin-bottom:1rem;font-family:Courier New,monospace;font-weight:600}.type-breakdown{display:flex;flex-direction:column;gap:.75rem}.type-item{background:rgba(0,255,136,.05);border:1px solid rgba(0,255,136,.1);border-radius:var(--border-radius);padding:.75rem}.type-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.type-name{color:var(--text-color);font-weight:600;text-transform:capitalize;font-size:.875rem}.type-count{color:var(--primary-color);font-weight:600;font-family:Courier New,monospace}.type-response-rate{color:var(--text-color-muted);font-size:.75rem}.peak-hours{display:flex;flex-direction:column;gap:.5rem}.peak-hour{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:rgba(0,255,136,.05);border-radius:var(--border-radius)}.hour{color:var(--text-color);font-weight:600;font-family:Courier New,monospace}.count{color:var(--text-color-muted);font-size:.875rem}.activity-insights{background:rgba(0,255,136,.05);border:1px solid rgba(0,255,136,.2);border-radius:var(--border-radius);padding:1.5rem}.activity-insights h6{color:var(--text-color);margin-bottom:1rem;font-family:Courier New,monospace;font-weight:600}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.insight-item{text-align:center}.insight-label{display:block;font-size:.75rem;color:var(--text-color-muted);margin-bottom:.25rem;font-family:Courier New,monospace}.insight-value{display:block;font-size:1.1rem;font-weight:600;color:var(--text-color);font-family:Courier New,monospace}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-content h5{color:var(--text-color);margin-bottom:1rem;font-family:Courier New,monospace;font-weight:600}.settings-section{background:rgba(0,255,136,.02);border:1px solid rgba(0,255,136,.1);border-radius:var(--border-radius);padding:1.5rem}.settings-section h6{color:var(--text-color);margin-bottom:1rem;font-family:Courier New,monospace;font-weight:600}.setting-item{margin-bottom:1rem}.setting-item:last-child{margin-bottom:0}.setting-item label{display:flex;align-items:center;gap:.75rem;color:var(--text-color);cursor:pointer;font-size:.875rem}.setting-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color)}.setting-item input[type=number],.setting-item input[type=time]{background:var(--card-background-color);border:1px solid var(--border-color);color:var(--text-color);padding:.25rem .5rem;border-radius:var(--border-radius);font-family:Courier New,monospace}.setting-item input[type=number]:focus,.setting-item input[type=time]:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #00ff8840;outline:none}.quiet-hours-config{display:flex;gap:1rem;margin-top:.5rem;padding-left:2rem}.time-input{display:flex;flex-direction:column;gap:.25rem}.time-input label{font-size:.75rem;color:var(--text-color-muted)}.dnd-status{background:rgba(0,255,136,.05);border:1px solid rgba(0,255,136,.2);border-radius:var(--border-radius);padding:1rem;text-align:center}.dnd-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-color-muted);font-weight:600}.dnd-indicator.active{color:var(--primary-color)}.dnd-indicator i{font-size:1.25rem}.loading{text-align:center;padding:2rem;color:var(--text-color-muted);font-style:italic}@media (max-width: 768px){.notification-center{max-width:100%;height:100vh;border-radius:0}.notification-center-content{padding:1rem}.notification-filters{flex-direction:column}.filter-btn{text-align:center}.analytics-grid{grid-template-columns:repeat(2,1fr)}.analytics-details{grid-template-columns:1fr}.insights-grid{grid-template-columns:repeat(2,1fr)}.quiet-hours-config{flex-direction:column;padding-left:1rem}.notification-item{padding:.75rem}.notification-icon{width:2rem;height:2rem;font-size:1rem}}@media (max-width: 480px){.notification-center-header{padding:1rem}.header-title h3{font-size:1.1rem}.tab{padding:.75rem .5rem;font-size:.75rem}.analytics-grid,.insights-grid{grid-template-columns:1fr}.notification-item{padding:.5rem;gap:.75rem}.notification-actions{flex-direction:column}.notification-action-btn{width:100%;text-align:center}}.ai-companion-container{position:fixed;bottom:20px;right:20px;display:flex;align-items:flex-end;z-index:1000;transition:opacity .5s ease-in-out;opacity:0}.ai-companion-container.visible{opacity:1}.ai-companion-avatar{width:60px;height:60px;border-radius:50%;background-color:#8c52ff;display:flex;justify-content:center;align-items:center;transition:background-color .5s ease;box-shadow:0 4px 15px #0003;border:3px solid #fff}.ai-companion-eye{width:8px;height:8px;background-color:#fff;border-radius:50%;margin:0 4px}.ai-companion-bubble{background-color:#fff;color:#333;padding:15px;border-radius:20px;margin-right:15px;max-width:250px;box-shadow:0 4px 15px #0000001a;position:relative;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.ai-companion-container.visible .ai-companion-bubble{opacity:1;transform:translateY(0)}.ai-companion-bubble:after{content:"";position:absolute;right:-10px;bottom:20px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff}.ai-companion-avatar.helpful{background-color:#0af}.ai-companion-avatar.celebratory{background-color:gold}.ai-companion-avatar.motivational{background-color:#ff4f81}.ai-companion-avatar.focused{background-color:#00e676}.story-mode-container{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.chapter-intro{font-style:italic;color:#ccc}.active-quest h6{color:gold}.quest-reward{font-size:.9em;color:#00e676}.plushie-widget{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow);max-width:300px;margin:1rem auto}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.widget-header h3{color:var(--text-color);margin:0;font-size:1.1rem}.click-counter{color:var(--text-color-muted);font-size:.9rem;font-family:Courier New,monospace}.plushie-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.plushie-button{background:none;border:none;cursor:pointer;padding:1rem;border-radius:50%;transition:all .3s ease;position:relative}.plushie-button:hover{transform:scale(1.05)}.plushie-button.plushie-bounce{animation:plushieBounce .3s ease-out}.plushie-body{position:relative;width:80px;height:100px}.plushie-head{width:50px;height:50px;background:linear-gradient(135deg,#8B4513,#A0522D);border-radius:50%;position:relative;margin:0 auto 5px;box-shadow:inset -5px -5px 10px #0000004d,inset 5px 5px 10px #ffffff1a}.plushie-eyes{position:absolute;top:15px;left:50%;transform:translate(-50%);display:flex;gap:8px}.plushie-eye{width:8px;height:8px;background:#000;border-radius:50%;transition:all .3s ease}.plushie-awakening .plushie-eye{background:#330000}.plushie-suspicious .plushie-eye{background:#660000;box-shadow:0 0 5px #ff00004d}.plushie-sinister .plushie-eye{background:#990000;box-shadow:0 0 10px #f009}.plushie-possessed .plushie-eye{background:#ff0000;box-shadow:0 0 15px red;animation:eyeFlicker .5s ease-in-out infinite alternate}.plushie-nose{position:absolute;top:25px;left:50%;transform:translate(-50%);width:4px;height:3px;background:#654321;border-radius:50%}.plushie-mouth{position:absolute;top:32px;left:50%;transform:translate(-50%);width:12px;height:6px;border:2px solid #654321;border-top:none;border-radius:0 0 12px 12px}.plushie-torso{width:40px;height:35px;background:linear-gradient(135deg,#8B4513,#A0522D);border-radius:50% 50% 60% 60%;margin:0 auto;position:relative;box-shadow:inset -3px -3px 8px #0000004d,inset 3px 3px 8px #ffffff1a}.plushie-belly{position:absolute;top:8px;left:50%;transform:translate(-50%);width:20px;height:20px;background:linear-gradient(135deg,#D2B48C,#F5DEB3);border-radius:50%;box-shadow:inset -2px -2px 4px #0003}.plushie-arm{position:absolute;width:15px;height:25px;background:linear-gradient(135deg,#8B4513,#A0522D);border-radius:50%;top:55px;box-shadow:inset -2px -2px 4px #0000004d,inset 2px 2px 4px #ffffff1a}.left-arm{left:-5px;transform:rotate(-20deg)}.right-arm{right:-5px;transform:rotate(20deg)}.plushie-leg{position:absolute;width:12px;height:20px;background:linear-gradient(135deg,#8B4513,#A0522D);border-radius:50%;top:80px;box-shadow:inset -2px -2px 4px #0000004d,inset 2px 2px 4px #ffffff1a}.left-leg{left:10px}.right-leg{right:10px}.plushie-message{max-width:250px;animation:messageSlideIn .3s ease-out}.message-bubble{background:rgba(255,255,255,.95);color:#333;padding:.8rem 1rem;border-radius:15px;border:2px solid var(--primary-color);position:relative;font-size:.9rem;text-align:center;box-shadow:0 4px 12px #0003}.message-bubble:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--primary-color)}.message-cute .message-bubble{background:rgba(255,182,193,.95);border-color:#ff69b4;color:#8b0000}.message-cute .message-bubble:before{border-top-color:#ff69b4}.message-suspicious .message-bubble{background:rgba(255,255,0,.95);border-color:orange;color:#8b4513}.message-suspicious .message-bubble:before{border-top-color:orange}.message-ominous .message-bubble{background:rgba(139,0,0,.95);border-color:red;color:#fff;animation:ominousGlow 1s ease-in-out infinite alternate}.message-ominous .message-bubble:before{border-top-color:red}@keyframes plushieBounce{0%{transform:scale(1)}50%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1)}}@keyframes eyeFlicker{0%{box-shadow:0 0 15px red;background:#ff0000}to{box-shadow:0 0 25px red;background:#ff3333}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ominousGlow{0%{box-shadow:0 4px 12px #ff00004d}to{box-shadow:0 4px 20px #f00c}}.plushie-button:hover .plushie-head{transform:rotate(2deg)}.plushie-possessed:hover .plushie-head{animation:possessedShake .2s ease-in-out infinite}@keyframes possessedShake{0%,to{transform:rotate(0)}25%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}@media (max-width: 768px){.plushie-widget{max-width:280px;padding:1rem}.plushie-body{width:70px;height:90px}.plushie-head{width:45px;height:45px}.message-bubble{font-size:.8rem;padding:.6rem .8rem}}.tabbed-dashboard-container{min-height:100vh;background:var(--card-background-color, #1a1a1a);padding:20px}.dashboard-tabs{margin:20px 0;border-bottom:2px solid var(--border-color)}.tabs-container{display:flex;gap:4px;overflow-x:auto;padding-bottom:2px}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--card-background-color, #2a2a2a);border:2px solid transparent;border-radius:12px 12px 0 0;color:var(--text-color-muted, #888);font-weight:500;transition:all .3s ease;cursor:pointer;white-space:nowrap;position:relative;overflow:hidden}.tab-button:hover{background:var(--border-color, #333);color:var(--text-color, #fff);transform:translateY(-2px)}.tab-button.active{background:var(--card-background-color, #1a1a1a);color:var(--tab-color, var(--primary-color));border-color:var(--tab-color, var(--primary-color));border-bottom-color:var(--card-background-color, #1a1a1a);margin-bottom:-2px;z-index:1}.tab-button.active:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--tab-color, var(--primary-color));border-radius:2px 2px 0 0}.tab-button i{font-size:1.1em;color:var(--tab-color, currentColor)}.tab-name{font-size:.95em}.tab-count{background:var(--tab-color, var(--primary-color));color:#fff;padding:2px 8px;border-radius:12px;font-size:.8em;font-weight:600;min-width:20px;text-align:center}.tab-button.active .tab-count{background:var(--tab-color, var(--primary-color));box-shadow:0 2px 8px #0003}.dashboard-content{flex:1;position:relative}.dashboard-content-grid{padding:20px 0}.empty-dashboard{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;min-height:400px}.empty-state{text-align:center;color:var(--text-color-muted, #888);max-width:400px}.empty-icon{font-size:4rem;color:var(--text-color-muted, #666);margin-bottom:1rem}.empty-state h5{color:var(--text-color, #fff);margin-bottom:.5rem}.empty-state p{margin-bottom:1.5rem;line-height:1.5}@media (max-width: 768px){.tabs-container{gap:2px}.tab-button{padding:10px 16px;font-size:.9em;flex-direction:column;min-width:60px}.tab-name{font-size:.7em;margin-top:2px}.tab-button i{font-size:1.2em}}@media (max-width: 480px){.tabbed-dashboard-container{padding:10px}.tab-button{padding:8px 10px;min-width:50px}.tab-name{font-size:.65em}}.dashboard-container{width:100%;max-width:1400px;margin:0 auto;padding:1rem;position:relative;z-index:1}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:1rem;box-shadow:var(--shadow)}.toolbar-left{display:flex;align-items:center;gap:1rem}.dashboard-title{margin:0;color:var(--text-color);font-family:Courier New,monospace;display:flex;align-items:center;gap:.5rem}.unsaved-indicator{color:#ffc107;font-weight:700}.layout-info{display:flex;flex-direction:column;gap:.25rem}.current-layout{font-size:.875rem;color:var(--primary-color);font-weight:600;text-transform:capitalize}.widget-count{font-size:.75rem;color:var(--text-color-muted)}.toolbar-right{display:flex;align-items:center;gap:.5rem}.toolbar-actions{display:flex;gap:.5rem}.dashboard-grid{position:relative;margin:0 auto;background:var(--card-background-color);border:2px dashed transparent;border-radius:var(--border-radius);min-height:600px;overflow:visible;width:100%;max-width:100%;box-sizing:border-box}.dashboard-grid.edit-mode{border-color:#00ff884d;background-color:#00ff8805}.edit-mode-info{background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border:1px solid rgba(0,255,136,.3);border-radius:var(--border-radius);padding:.75rem 1rem;margin-bottom:1rem}.edit-info-content{display:flex;align-items:center;gap:.75rem;color:var(--text-color);font-size:.875rem}.edit-info-content i{color:var(--primary-color)}.selected-widget-info{margin-left:auto;color:var(--primary-color);font-weight:600}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-color-muted)}.dashboard-loading p{margin-top:1rem;font-size:1.1rem}.dashboard-empty-state{display:flex;align-items:center;justify-content:center;min-height:400px;border:2px dashed var(--border-color);border-radius:var(--border-radius);background:rgba(0,255,136,.02)}.empty-state-content{text-align:center;color:var(--text-color-muted)}.empty-state-content i{font-size:4rem;margin-bottom:1rem;color:var(--primary-color);opacity:.5}.empty-state-content h5{color:var(--text-color);margin-bottom:.5rem}.empty-state-content p{margin-bottom:1.5rem}.dashboard-stats{margin-top:1rem;padding:1rem;background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat-label{display:block;font-size:.75rem;color:var(--text-color-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.stat-value{display:block;font-size:1.5rem;font-weight:600;color:var(--primary-color);font-family:Courier New,monospace}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1060;padding:1rem}.modal-content{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--glow);width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.export-modal{max-width:800px}.settings-modal{max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border-bottom:1px solid var(--border-color)}.modal-header h5{margin:0;color:var(--text-color);font-family:Courier New,monospace;font-weight:600}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.5rem}.settings-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-color);font-size:.875rem}.dashboard-widget{position:absolute;background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:all .3s ease;overflow:hidden;cursor:default;contain:layout style paint;will-change:transform}.dashboard-widget.edit-mode{cursor:move;border-color:#00ff884d}.dashboard-widget.selected{border-color:var(--primary-color);box-shadow:var(--glow);z-index:1000}.dashboard-widget.dragging{opacity:.8;transform-origin:center;z-index:999}.dashboard-widget.minimized{height:auto!important;min-height:60px}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:rgba(0,255,136,.1);border-bottom:1px solid var(--border-color);cursor:move}.widget-drag-handle{display:flex;align-items:center;gap:.5rem;flex:1;cursor:move;color:var(--text-color)}.widget-title{font-size:.875rem;font-weight:600;font-family:Courier New,monospace}.widget-controls{display:flex;gap:.25rem}.widget-control-btn{background:none;border:none;color:var(--text-color-muted);padding:.25rem;border-radius:3px;cursor:pointer;transition:all .2s ease;font-size:.875rem}.widget-control-btn:hover{background:rgba(0,255,136,.2);color:var(--text-color)}.widget-control-btn.remove:hover{background:rgba(220,53,69,.2);color:#dc3545}.widget-content{height:calc(100% - 40px);overflow:hidden}.widget-content.minimized{height:auto;padding:.75rem}.minimized-content{display:flex;align-items:center;gap:.5rem;color:var(--text-color-muted);font-size:.875rem;font-weight:600}.minimized-content i{font-size:1rem}.widget-config-panel{position:absolute;top:100%;left:0;right:0;background:var(--card-background-color);border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:var(--shadow);z-index:1001;max-height:300px;overflow-y:auto}.config-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:rgba(0,255,136,.05);border-bottom:1px solid var(--border-color)}.config-header h6{margin:0;color:var(--text-color);font-family:Courier New,monospace;font-weight:600;font-size:.875rem}.config-content{padding:1rem}.config-item{margin-bottom:1rem}.config-item:last-child{margin-bottom:0}.config-item label{display:block;margin-bottom:.5rem;color:var(--text-color);font-size:.875rem;font-weight:600}.config-item .form-control,.config-item .form-select{background:var(--card-background-color);border:1px solid var(--border-color);color:var(--text-color);font-size:.875rem}.config-item .form-control:focus,.config-item .form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #00ff8840}.multiselect-options{display:flex;flex-direction:column;gap:.5rem;max-height:150px;overflow-y:auto}.multiselect-options .form-check{margin-bottom:0}.multiselect-options .form-check-label{font-size:.875rem;color:var(--text-color-muted)}.resize-handle{position:absolute;background:var(--primary-color);opacity:.3;transition:all .2s ease;z-index:10}.dashboard-widget.edit-mode .resize-handle{opacity:.6}.dashboard-widget.edit-mode:hover .resize-handle,.dashboard-widget.selected .resize-handle{opacity:.8}.resize-handle:hover{opacity:1!important;background:#00ff88;transform:scale(1.2)}.resize-right{top:0;right:-5px;width:10px;height:100%;cursor:ew-resize}.resize-left{top:0;left:-5px;width:10px;height:100%;cursor:ew-resize}.resize-bottom{bottom:-5px;left:0;width:100%;height:10px;cursor:ns-resize}.resize-top{top:-5px;left:0;width:100%;height:10px;cursor:ns-resize}.resize-corner{width:16px;height:16px;border-radius:50%}.resize-corner-br{bottom:-8px;right:-8px;cursor:nw-resize}.resize-corner-bl{bottom:-8px;left:-8px;cursor:ne-resize}.resize-corner-tr{top:-8px;right:-8px;cursor:sw-resize}.resize-corner-tl{top:-8px;left:-8px;cursor:se-resize}.widget-info-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1002}.widget-info{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;text-align:center;color:var(--text-color)}.widget-details{margin-top:.5rem;font-size:.875rem;color:var(--text-color-muted)}.widget-details span{display:block;margin-bottom:.25rem}.widget-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-color-muted);text-align:center;padding:1rem}.widget-error i{font-size:2rem;margin-bottom:.5rem;color:#dc3545}.widget-marketplace-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1060;padding:1rem}.widget-marketplace{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--glow);width:100%;max-width:1200px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.marketplace-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border-bottom:1px solid var(--border-color)}.header-title{display:flex;align-items:center;gap:.75rem}.header-title i{font-size:1.5rem;color:var(--primary-color)}.header-title h3{margin:0;color:var(--text-color);font-family:Courier New,monospace;font-weight:600}.header-actions{display:flex;align-items:center;gap:1rem}.close-button{background:none;border:none;color:var(--text-color-muted);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.close-button:hover{background:rgba(0,255,136,.1);color:var(--text-color)}.marketplace-search{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.search-input-group{position:relative;display:flex;align-items:center}.search-input-group i{position:absolute;left:1rem;color:var(--text-color-muted);z-index:1}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);font-family:Courier New,monospace}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #00ff8840;outline:none}.clear-search{position:absolute;right:.5rem;background:none;border:none;color:var(--text-color-muted);cursor:pointer;padding:.25rem;border-radius:50%;transition:all .2s ease}.clear-search:hover{background:rgba(220,53,69,.1);color:#dc3545}.layout-selector{padding:1rem 1.5rem;background:rgba(0,255,136,.02);border-bottom:1px solid var(--border-color)}.layout-selector h5{margin:0 0 1rem;color:var(--text-color);font-family:Courier New,monospace;font-weight:600}.layout-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.layout-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;text-align:left}.layout-option:hover{border-color:var(--primary-color);box-shadow:0 2px 10px #00ff881a}.layout-option i{font-size:1.25rem;color:var(--primary-color)}.layout-name{font-weight:600;color:var(--text-color);font-size:.875rem}.layout-desc{font-size:.75rem;color:var(--text-color-muted);margin-top:.25rem}.marketplace-categories{display:flex;padding:1rem 1.5rem;gap:.5rem;border-bottom:1px solid var(--border-color);overflow-x:auto}.category-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:Courier New,monospace;font-weight:600;font-size:.875rem}.category-btn:hover{background:rgba(0,255,136,.2);border-color:var(--primary-color)}.category-btn.active{background:var(--primary-color);color:var(--background-color);border-color:var(--primary-color)}.marketplace-content{flex:1;overflow-y:auto;padding:1.5rem}.widgets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.widget-card{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative}.widget-card:hover{border-color:var(--primary-color);box-shadow:0 4px 20px #00ff881a}.widget-card.added{opacity:.7;border-color:#28a745}.widget-card-preview{height:120px;padding:1rem;background:rgba(0,255,136,.02);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.widget-preview{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border-radius:var(--border-radius);width:100%;height:100%;justify-content:center}.widget-preview i{font-size:2rem}.widget-preview span{font-weight:600;font-size:.875rem;color:var(--text-color)}.widget-card-info{padding:1rem}.widget-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.widget-card-header h6{margin:0;color:var(--text-color);font-family:Courier New,monospace;font-weight:600}.widget-card-badges{display:flex;gap:.25rem}.badge{padding:.125rem .375rem;border-radius:10px;font-size:.625rem;font-weight:600;text-transform:uppercase}.badge-default{background:rgba(0,255,136,.2);color:var(--primary-color)}.badge-configurable{background:rgba(255,193,7,.2);color:#ffc107}.widget-description{color:var(--text-color-muted);font-size:.875rem;line-height:1.4;margin-bottom:.75rem}.widget-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-color-muted);margin-bottom:.75rem}.widget-category{text-transform:capitalize}.widget-size{font-family:Courier New,monospace;font-weight:600}.widget-card-actions{margin-bottom:.75rem}.widget-sizes{display:flex;gap:.25rem;align-items:center}.size-indicator{position:relative}.size-indicator.default .size-visual{border:2px solid var(--primary-color)}.size-visual{background:rgba(0,255,136,.2);border:1px solid rgba(0,255,136,.3);border-radius:2px;min-width:8px;min-height:8px}.no-widgets{text-align:center;padding:3rem 1rem;color:var(--text-color-muted)}.no-widgets i{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-widgets h5{margin-bottom:.5rem;color:var(--text-color)}.widget-details-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1070;padding:1rem}.widget-details{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--glow);width:100%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.details-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:rgba(0,255,136,.05);border-bottom:1px solid var(--border-color)}.details-title{display:flex;align-items:center;gap:.75rem}.details-title i{font-size:1.5rem}.details-title h4{margin:0;color:var(--text-color);font-family:Courier New,monospace;font-weight:600}.details-content{flex:1;overflow-y:auto;padding:1.5rem}.widget-large-preview{height:150px;background:rgba(0,255,136,.02);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}.widget-details-info{display:flex;flex-direction:column;gap:1rem}.widget-full-description{color:var(--text-color-muted);line-height:1.6;margin-bottom:1rem}.widget-specs{display:flex;flex-direction:column;gap:.5rem}.spec-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid rgba(0,255,136,.1)}.spec-item strong{color:var(--text-color);font-family:Courier New,monospace;min-width:120px}.spec-item span{color:var(--text-color-muted);text-align:right;flex:1}.settings-list{display:flex;flex-direction:column;gap:.25rem;flex:1}.setting-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.setting-item span{color:var(--text-color-muted)}.setting-item small{color:var(--text-color-muted);opacity:.7}.available-sizes-section{margin-top:1rem}.available-sizes-section strong{color:var(--text-color);font-family:Courier New,monospace;display:block;margin-bottom:.5rem}.sizes-list{display:flex;gap:.5rem;flex-wrap:wrap}.size-tag{background:rgba(0,255,136,.1);color:var(--text-color);padding:.25rem .5rem;border-radius:var(--border-radius);font-size:.75rem;font-family:Courier New,monospace;font-weight:600}.details-actions{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}@media (max-width: 768px){.widget-marketplace{max-width:100%;height:100vh;border-radius:0}.marketplace-categories{padding:.75rem}.category-btn{padding:.375rem .75rem;font-size:.75rem}.widgets-grid{grid-template-columns:1fr;gap:1rem}.layout-options{grid-template-columns:1fr}.widget-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.widget-card-meta,.spec-item{flex-direction:column;align-items:flex-start;gap:.25rem}.spec-item span{text-align:left}}@media (max-width: 480px){.marketplace-header{padding:1rem}.header-title h3{font-size:1.1rem}.marketplace-search{padding:.75rem}.marketplace-content{padding:1rem}.widget-card-preview{height:100px;padding:.75rem}.widget-card-info{padding:.75rem}.details-content,.details-actions{padding:1rem}}.d3-visualization-widget{background:var(--card-background-color)!important;border:1px solid var(--border-color)!important;color:var(--text-color)!important;box-shadow:var(--shadow);transition:all .3s ease}.d3-visualization-widget:hover{box-shadow:var(--glow);transform:translateY(-2px)}.d3-visualization-widget .card-header{background:transparent!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-color)!important}.d3-visualization-widget .card-header h6{color:var(--primary-color)!important;font-weight:600}.d3-visualization-widget .btn-group .btn{border-color:var(--border-color)!important;color:var(--text-color)!important;background:transparent!important;transition:all .2s ease}.d3-visualization-widget .btn-group .btn-primary{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:var(--background-color)!important}.d3-visualization-widget .btn-group .btn:hover{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:var(--background-color)!important;transform:scale(1.05)}.d3-visualization-widget .card-footer{background:transparent!important;border-top:1px solid var(--border-color)!important;color:var(--text-color-muted)!important}.d3-visualization-widget .badge{background:var(--primary-color)!important;color:var(--background-color)!important;font-size:.7rem}.d3-visualization-widget .badge.bg-success{background:#2ecc71!important}.visualization-container{background:transparent;border-radius:var(--border-radius);overflow:hidden}.heatmap-container,.trend-container{background:transparent;border-radius:var(--border-radius)}.heatmap-container h6,.trend-container h6{color:var(--primary-color)!important;font-weight:600}.trend-container .btn-group .btn{font-size:10px!important;padding:.25rem .5rem!important;border-radius:.25rem!important;margin:0 2px!important;transition:all .2s ease}.trend-container .btn-group .btn:hover{transform:scale(1.1);z-index:1}.productivity-heatmap svg,.trend-chart svg{border-radius:var(--border-radius);background:transparent}.productivity-heatmap .grid line,.trend-chart .grid line{stroke:var(--border-color);stroke-opacity:.3;stroke-dasharray:2,2}.productivity-heatmap .x-axis line,.productivity-heatmap .y-axis line,.trend-chart .x-axis line,.trend-chart .y-axis line{stroke:var(--border-color)}.productivity-heatmap .x-axis path,.productivity-heatmap .y-axis path,.trend-chart .x-axis path,.trend-chart .y-axis path{stroke:var(--border-color)}.d3-tooltip{background:var(--card-background-color)!important;color:var(--text-color)!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius)!important;box-shadow:var(--shadow)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:inherit}.d3-tooltip .tooltip-content{line-height:1.4}.d3-tooltip .text-primary{color:var(--primary-color)!important}.d3-tooltip small{color:var(--text-color-muted)!important;opacity:.8}.heatmap-cell{transition:all .2s ease}.heatmap-cell:hover{stroke-width:2!important;stroke:var(--primary-color)!important;filter:brightness(1.2)}.trend-point{transition:all .2s ease;filter:drop-shadow(0 0 3px rgba(0,0,0,.3))}.trend-point:hover{filter:drop-shadow(0 0 6px var(--primary-color))}.trend-line{filter:drop-shadow(0 0 2px rgba(0,0,0,.2))}.trend-area{opacity:.6}.d3-visualization-widget .text-center.text-muted{color:var(--text-color-muted)!important}.d3-visualization-widget .text-center.text-muted i{color:var(--primary-color)!important;opacity:.5}@media (max-width: 768px){.d3-visualization-widget .btn-group .btn{font-size:9px!important;padding:.2rem .4rem!important}.trend-container .btn-group .btn{font-size:8px!important;padding:.15rem .3rem!important}.visualization-container{padding:.5rem}}.d3-visualization-widget *{transition:color .3s ease,background-color .3s ease,border-color .3s ease}.heatmap-cell:hover,.trend-point:hover{animation:d3-glow 1s ease-in-out infinite alternate}@keyframes d3-glow{0%{filter:drop-shadow(0 0 3px var(--primary-color))}to{filter:drop-shadow(0 0 8px var(--primary-color))}}.cyberpunk-theme .d3-visualization-widget{border:1px solid rgba(0,255,136,.3)!important}.space-station-theme .d3-visualization-widget{border:1px solid rgba(65,105,225,.3)!important}.forest-retreat-theme .d3-visualization-widget{border:1px solid rgba(50,205,50,.3)!important}.ocean-depths-theme .d3-visualization-widget{border:1px solid rgba(0,206,209,.3)!important}.goal-tracker-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:var(--shadow)}.goal-tracker-header{display:flex;justify-content:between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.goal-tracker-header h4{color:var(--text-color);margin:0;display:flex;align-items:center;gap:8px}.goal-tracker-header h4 i{color:var(--primary-color)}.goal-tracker-header p{color:var(--text-muted);margin:5px 0 0;font-size:14px}.goal-tracker-nav{margin-bottom:20px}.view-tabs{display:flex;gap:8px;flex-wrap:wrap}.tab-button{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:10px 16px;color:var(--text-color);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-size:14px}.tab-button:hover{background:var(--hover-bg);border-color:var(--primary-color)}.tab-button.active{background:var(--primary-color);color:var(--primary-text);border-color:var(--primary-color)}.goal-tracker-content{min-height:400px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .3s ease}.stat-card:hover{background:var(--hover-bg);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.stat-icon{width:40px;height:40px;border-radius:8px;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:var(--primary-text);font-size:18px}.stat-info h3{margin:0;color:var(--text-color);font-size:24px;font-weight:700}.stat-info p{margin:0;color:var(--text-muted);font-size:12px}.category-filter{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filter-button{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:20px;padding:8px 14px;color:var(--text-color);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-size:13px}.filter-button:hover{background:var(--hover-bg);border-color:var(--primary-color)}.filter-button.active{background:var(--primary-color);color:var(--primary-text);border-color:var(--primary-color)}.filter-button .count{background:rgba(255,255,255,.2);border-radius:10px;padding:2px 6px;font-size:11px;min-width:18px;text-align:center}.goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.goal-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;transition:all .3s ease;position:relative;overflow:hidden}.goal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--goal-color)}.goal-card:hover{background:var(--hover-bg);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.goal-card.completed{border-color:#28a745;background:linear-gradient(135deg,var(--secondary-bg) 0%,rgba(40,167,69,.1) 100%)}.goal-card.compact{padding:12px}.goal-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.goal-icon{width:32px;height:32px;border-radius:6px;background:var(--goal-color);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}.goal-info{flex:1;min-width:0}.goal-title{margin:0 0 4px;color:var(--text-color);font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-description{margin:0;color:var(--text-muted);font-size:12px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.goal-actions{display:flex;gap:4px;flex-shrink:0}.goal-actions .btn{padding:4px 8px;font-size:12px}.goal-progress{margin-bottom:12px}.progress-info{display:flex;align-items:baseline;gap:4px;margin-bottom:8px;font-size:14px}.progress-info .current{color:var(--text-color);font-weight:600}.progress-info .separator,.progress-info .target{color:var(--text-muted)}.progress-info .unit{color:var(--text-muted);font-size:12px;margin-left:4px}.progress-track{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden;margin-bottom:6px}.progress-fill{height:100%;background:var(--goal-color);border-radius:3px;transition:width .3s ease}.progress-percentage{font-size:11px;color:var(--text-muted);text-align:right}.next-milestone{padding:6px 8px;background:rgba(255,255,255,.05);border-radius:6px;margin-bottom:8px}.next-milestone small{color:var(--text-muted);font-size:11px}.goal-footer{text-align:center}.progress-updater{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state i{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h5{color:var(--text-color);margin-bottom:8px}.empty-state p{margin-bottom:20px}.milestone-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:all .3s ease;position:relative}.milestone-card:hover{background:var(--hover-bg);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.milestone-card.completed{border-color:#28a745;background:linear-gradient(135deg,var(--secondary-bg) 0%,rgba(40,167,69,.1) 100%)}.milestone-card.in-progress{border-color:var(--milestone-color);background:linear-gradient(135deg,var(--secondary-bg) 0%,rgba(0,255,136,.05) 100%)}.milestone-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.milestone-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--status-color)}.milestone-info{flex:1;min-width:0}.milestone-title{margin:0;color:var(--text-color);font-size:14px;font-weight:600}.goal-reference{color:var(--text-muted);font-size:11px;display:flex;align-items:center;gap:4px;margin-top:2px}.milestone-value{text-align:right;color:var(--text-color)}.milestone-value .value{font-weight:600;font-size:16px}.milestone-value .unit{font-size:11px;color:var(--text-muted);margin-left:2px}.milestone-progress{margin-bottom:12px}.milestone-progress .progress-track{height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;margin-bottom:4px}.milestone-progress .progress-fill{height:100%;background:var(--milestone-color);border-radius:2px;transition:width .8s ease}.progress-text{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted)}.milestone-description{margin-bottom:8px}.milestone-description p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.4}.milestone-status{margin-bottom:8px}.status-completed,.status-progress,.status-upcoming{display:flex;align-items:center;gap:6px;font-size:11px;padding:4px 8px;border-radius:12px}.status-completed{background:rgba(40,167,69,.1);color:#28a745}.status-progress{background:rgba(0,255,136,.1);color:var(--primary-color)}.status-upcoming{background:rgba(108,117,125,.1);color:var(--text-muted)}.milestone-reward{margin-top:8px}.reward-badge{display:flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border-radius:12px;font-size:11px;font-weight:500}.completion-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(40,167,69,.3),transparent);border-radius:8px;pointer-events:none}.achievement-badge{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#FFD700;color:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 2px 8px #ffd70066}.milestone-list{display:flex;flex-direction:column;gap:12px}.milestone-overflow{text-align:center;padding:8px;color:var(--text-muted);font-size:12px}.upcoming-milestones{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px}.upcoming-header{margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.upcoming-header h6{margin:0;color:var(--text-color);display:flex;align-items:center;gap:8px}.upcoming-list{display:flex;flex-direction:column;gap:8px}.upcoming-milestones-empty{text-align:center;padding:40px 20px;color:var(--text-muted)}.upcoming-milestones-empty i{font-size:32px;margin-bottom:12px;opacity:.5}.milestone-summary{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:20px}.summary-stats{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.stat-value{display:block;font-size:20px;font-weight:700;color:var(--text-color)}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-divider{color:var(--text-muted);font-size:18px}.summary-progress{margin-top:12px}.summary-progress .progress-track{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.summary-progress .progress-fill{height:100%;background:var(--primary-color);border-radius:3px;transition:width 1s ease}.analytics-view{display:flex;flex-direction:column;gap:20px}.analytics-charts{display:flex;flex-direction:column;gap:24px;margin-top:20px}.chart-section{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px}.chart-section h6{margin:0 0 16px;color:var(--text-color);font-weight:600}.goal-progress-chart{width:100%}.goal-chart-svg{width:100%;height:auto}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.analytics-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px}.analytics-card h6{margin:0 0 16px;color:var(--text-color)}.category-stats{display:flex;flex-direction:column;gap:12px}.category-stat{display:flex;align-items:center;gap:12px}.category-name{min-width:80px;font-size:12px;color:var(--text-color);text-transform:capitalize}.category-progress{flex:1;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.category-progress .progress-bar{height:100%;background:var(--primary-color);border-radius:3px;transition:width .3s ease}.category-count{font-size:11px;color:var(--text-muted);min-width:40px;text-align:right}.milestone-analytics{display:flex;justify-content:space-around;text-align:center}.milestone-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.milestone-stat .stat-value{font-size:24px;font-weight:700;color:var(--text-color)}.milestone-stat .stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.goal-section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color);margin-bottom:16px}.goal-section-header h6{margin:0;display:flex;align-items:center;gap:8px;font-weight:600}.progress-indicator{font-size:12px;color:var(--text-muted);background:var(--secondary-bg);padding:4px 8px;border-radius:4px}.templates-section{margin-bottom:20px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:16px}.template-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.template-card:hover{background:var(--hover-bg);border-color:var(--primary-color);transform:translateY(-2px)}.template-card i{font-size:24px;margin-bottom:4px}.template-card span{font-size:12px;color:var(--text-color);font-weight:500}.milestone-input{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:6px;padding:8px}.celebration-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.celebration-modal .modal-content{background:transparent;border:none;box-shadow:none}@media (max-width: 768px){.goal-tracker-header{flex-direction:column;gap:12px;align-items:flex-start}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.goals-grid{grid-template-columns:1fr}.view-tabs,.category-filter{flex-wrap:wrap}.analytics-grid{grid-template-columns:1fr}.summary-stats{flex-wrap:wrap;gap:12px}}@media (max-width: 480px){.goal-tracker-container,.goal-card,.milestone-card{padding:12px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:12px}}.workflow-builder-container{background:linear-gradient(135deg,rgba(0,255,136,.03) 0%,rgba(0,255,136,.01) 100%);border:1px solid rgba(0,255,136,.2);box-shadow:0 0 20px #00ff881a;transition:all .3s ease}.workflow-builder-container:hover{box-shadow:0 0 30px #00ff8826;border-color:#00ff884d}.workflow-builder-container .card-header{background:linear-gradient(90deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border-bottom:1px solid rgba(0,255,136,.2)}.workflow-builder-container .card-header h6{color:var(--primary-color);font-family:Orbitron,monospace;letter-spacing:.5px}.workflow-builder-container .card-header small{color:#fff9;font-family:Courier New,monospace}.workflow-builder-nav .btn-group .btn{background:rgba(0,0,0,.3);border:1px solid rgba(0,255,136,.2);color:#ffffffb3;font-family:Courier New,monospace;transition:all .3s ease}.workflow-builder-nav .btn-group .btn:hover{background:rgba(0,255,136,.1);border-color:#0f86;color:var(--primary-color);box-shadow:0 0 10px #00ff884d}.workflow-builder-nav .btn-group .btn.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,rgba(0,255,136,.8) 100%);border-color:var(--primary-color);color:#000;box-shadow:0 0 15px #0f86}.stats-card{background:rgba(0,0,0,.4);border:1px solid rgba(0,255,136,.2)!important;transition:all .3s ease}.stats-card:hover{border-color:#0f86!important;box-shadow:0 0 15px #0f83;transform:translateY(-2px)}.stats-card .h5{font-family:Orbitron,monospace;text-shadow:0 0 10px currentColor}.workflow-card{background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.workflow-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0f83}.workflow-card.border-success{border-color:var(--primary-color)!important;box-shadow:0 0 15px #00ff884d}.workflow-card .card-title{color:var(--primary-color);font-family:Orbitron,monospace;letter-spacing:.5px}.workflow-card .badge.bg-success{background:linear-gradient(135deg,var(--primary-color) 0%,rgba(0,255,136,.8) 100%)!important;color:#000;text-shadow:none}.workflow-card .badge.bg-light{background:rgba(255,255,255,.1)!important;color:#fffc;border:1px solid rgba(255,255,255,.2)}.workflow-actions .btn{border-radius:6px;transition:all .3s ease;font-family:Courier New,monospace}.workflow-actions .btn:hover{transform:scale(1.05);box-shadow:0 0 15px #0f86}.workflow-actions .btn-outline-primary:hover{background:var(--primary-color);border-color:var(--primary-color);color:#000}.engine-status .badge{font-family:Courier New,monospace;letter-spacing:.5px;padding:6px 12px;border-radius:15px}.engine-status .badge.bg-success{background:linear-gradient(135deg,var(--primary-color) 0%,rgba(0,255,136,.8) 100%)!important;color:#000;box-shadow:0 0 15px #0f86}.engine-status .badge.bg-warning{background:linear-gradient(135deg,#ffc107 0%,#ff8c00 100%)!important;color:#000;box-shadow:0 0 15px #ffc10766}.workflows-filters .input-group-text{background:rgba(0,0,0,.3);border:1px solid rgba(0,255,136,.2);color:#ffffffb3}.workflows-filters .form-control,.workflows-filters .form-select{background:rgba(0,0,0,.3);border:1px solid rgba(0,255,136,.2);color:#ffffffe6;font-family:Courier New,monospace}.workflows-filters .form-control:focus,.workflows-filters .form-select:focus{background:rgba(0,0,0,.4);border-color:var(--primary-color);box-shadow:0 0 15px #00ff884d;color:#fff}.workflows-filters .form-control::placeholder{color:#fff6}.templates-view .card{background:rgba(0,0,0,.3);border:1px solid rgba(0,255,136,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.templates-view .card:hover{border-color:#0f86;box-shadow:0 8px 25px #0f83;transform:translateY(-3px)}.templates-view .card-header{background:rgba(0,255,136,.1);border-bottom:1px solid rgba(0,255,136,.2)}.templates-view .card-header h6{color:var(--primary-color);font-family:Orbitron,monospace}.history-view .list-group-item{background:rgba(0,0,0,.3);border:1px solid rgba(0,255,136,.2);color:#ffffffe6;margin-bottom:8px;border-radius:8px;transition:all .3s ease}.history-view .list-group-item:hover{background:rgba(0,255,136,.05);border-color:#00ff884d;transform:translate(5px)}.history-view .list-group-item h6{color:var(--primary-color);font-family:Orbitron,monospace}.history-view .badge.bg-success{background:linear-gradient(135deg,var(--primary-color) 0%,rgba(0,255,136,.8) 100%)!important;color:#000}.settings-view .card{background:rgba(0,0,0,.3);border:1px solid rgba(0,255,136,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-view .card-header{background:rgba(0,255,136,.1);border-bottom:1px solid rgba(0,255,136,.2)}.settings-view .card-header h6{color:var(--primary-color);font-family:Orbitron,monospace}.settings-view .btn-success{background:linear-gradient(135deg,var(--primary-color) 0%,rgba(0,255,136,.8) 100%);border-color:var(--primary-color);color:#000;font-family:Courier New,monospace}.settings-view .btn-success:hover{box-shadow:0 0 20px #00ff8880;transform:translateY(-2px)}.workflow-builder-container .modal-content{background:rgba(0,0,0,.9);border:1px solid rgba(0,255,136,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.workflow-builder-container .modal-header{border-bottom:1px solid rgba(0,255,136,.2);background:rgba(0,255,136,.1)}.workflow-builder-container .modal-header .modal-title{color:var(--primary-color);font-family:Orbitron,monospace}.workflow-builder-container .modal-body{color:#ffffffe6}.workflow-builder-container .modal-body .form-label{color:#fffc;font-family:Courier New,monospace;font-weight:500}.workflow-builder-container .modal-body .form-control,.workflow-builder-container .modal-body .form-select,.workflow-builder-container .modal-body textarea{background:rgba(0,0,0,.4);border:1px solid rgba(0,255,136,.2);color:#ffffffe6;font-family:Courier New,monospace}.workflow-builder-container .modal-body .form-control:focus,.workflow-builder-container .modal-body .form-select:focus,.workflow-builder-container .modal-body textarea:focus{background:rgba(0,0,0,.5);border-color:var(--primary-color);box-shadow:0 0 15px #00ff884d;color:#fff}.workflow-builder-container .modal-body .form-control::placeholder,.workflow-builder-container .modal-body textarea::placeholder{color:#fff6}.workflow-builder-container .border.rounded{background:rgba(0,0,0,.2);border-color:#0f83!important;transition:all .3s ease}.workflow-builder-container .border.rounded:hover{border-color:#0f86!important;box-shadow:0 0 10px #0f83}.empty-state{text-align:center;padding:3rem 2rem;color:#fff9}.empty-state i{color:#00ff884d;margin-bottom:1rem}.empty-state h5{color:#fffc;font-family:Orbitron,monospace;margin-bottom:1rem}@media (max-width: 768px){.workflow-builder-nav .btn-group{flex-wrap:wrap}.workflow-builder-nav .btn-group .btn{flex:1;min-width:120px;margin-bottom:5px}.stats-card{margin-bottom:1rem}.workflow-actions{justify-content:center;flex-wrap:wrap}.workflow-actions .btn{margin:2px}}.workflow-card{animation:workflowCardFadeIn .6s ease-out}@keyframes workflowCardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-card{animation:statsCardPulse 2s ease-in-out infinite alternate}@keyframes statsCardPulse{0%{box-shadow:0 0 5px #00ff881a}to{box-shadow:0 0 20px #0f83}}.workflow-builder-container .card-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);animation:workflowScanline 3s linear infinite;opacity:.6}@keyframes workflowScanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}.workflow-builder-container:hover .card-header:before{animation-duration:1s;opacity:1}.leaderboards{color:var(--text-color);font-family:Courier New,monospace;background:var(--card-background-color);border:1px solid var(--primary-color);border-radius:var(--border-radius);min-height:500px;box-shadow:var(--shadow)}.leaderboards-card{background:var(--card-background-color);border:1px solid var(--primary-color);box-shadow:var(--shadow)}.leaderboards-card .card-header{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border-bottom:1px solid var(--primary-color);text-shadow:var(--glow)}.leaderboards-card .card-header h2{color:var(--text-color);margin:0;text-transform:uppercase;letter-spacing:2px}.leaderboards-header{padding:20px;border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--primary-color) 5%,transparent)}.header-controls{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.view-toggle{display:flex;gap:10px}.toggle-btn{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border:1px solid var(--primary-color);color:var(--primary-color);padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .3s ease;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1px}.toggle-btn:hover{background:color-mix(in srgb,var(--primary-color) 20%,transparent);box-shadow:var(--glow)}.toggle-btn.active{background:var(--primary-color);color:var(--background-color);box-shadow:var(--glow)}.timeframe-selector{display:flex;flex-wrap:wrap;gap:8px}.timeframe-btn{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 50%,transparent);color:var(--text-color);padding:6px 12px;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:.8em;text-transform:uppercase}.timeframe-btn:hover{border-color:var(--primary-color);box-shadow:var(--glow)}.timeframe-btn.active{background:color-mix(in srgb,var(--primary-color) 30%,transparent);border-color:var(--primary-color);box-shadow:var(--glow)}.season-selector{display:flex;flex-direction:column;gap:8px}.season-btn{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 30%,transparent);color:var(--text-color);padding:10px 15px;border-radius:6px;cursor:pointer;transition:all .3s ease;position:relative;text-align:left}.season-btn.live{border-color:#ff6b35;color:#ff6b35;animation:pulse 2s infinite}.season-btn.ended{opacity:.6;color:#666;border-color:#666}.season-btn:hover:not(.ended){background:color-mix(in srgb,var(--primary-color) 20%,transparent);box-shadow:var(--glow)}.season-btn.active{background:color-mix(in srgb,var(--primary-color) 30%,transparent);border-color:var(--primary-color);box-shadow:var(--glow)}.live-indicator{position:absolute;top:-5px;right:-5px;background:#ff6b35;color:#000;font-size:.6em;padding:2px 6px;border-radius:10px;font-weight:700;animation:blink 1.5s infinite}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0}.category-tab{background:var(--background-color);border:1px solid var(--category-color, var(--primary-color));color:var(--category-color, var(--text-color));padding:10px 15px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:.9em;text-transform:uppercase;letter-spacing:1px}.category-tab:hover{background:rgba(255,255,255,.1);box-shadow:0 0 15px var(--category-color)}.category-tab.active{background:var(--category-color, var(--primary-color));color:var(--background-color);box-shadow:var(--glow);font-weight:700}.season-info{margin-top:15px}.season-banner{background:linear-gradient(45deg,rgba(255,107,53,.1),rgba(0,255,136,.1));border:1px solid #ff6b35;border-radius:8px;padding:15px;display:flex;justify-content:space-between;align-items:center}.season-title{color:var(--text-color);font-weight:700;font-size:1.1em;text-shadow:var(--glow)}.season-countdown{color:var(--text-color-muted);font-size:.9em;display:flex;align-items:center;gap:5px}.user-rank-banner{background:color-mix(in srgb,var(--primary-color) 15%,var(--card-background-color));border:2px solid var(--primary-color);border-radius:10px;padding:20px;margin:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}.rank-info{display:flex;align-items:center;gap:15px}.rank-badge{font-size:2em;background:var(--background-color);border:2px solid var(--primary-color);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow)}.rank-details .rank-text{color:var(--text-color);font-size:.9em;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.rank-details .rank-value{color:var(--text-color-secondary);font-size:1.3em;font-weight:700}.streak-bonus{display:flex;align-items:center;gap:8px;color:#ff6b35;font-weight:700;font-size:1.1em}.leaderboard-content{padding:0 20px 20px}.leaderboard-list{display:flex;flex-direction:column;gap:8px;margin-top:20px}.leaderboard-entry{background:var(--background-color);border:1px solid color-mix(in srgb,var(--primary-color) 30%,transparent);border-radius:8px;padding:15px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;position:relative}.leaderboard-entry:hover{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border-color:var(--primary-color);box-shadow:var(--shadow);transform:translateY(-2px)}.leaderboard-entry.current-user{border:2px solid var(--primary-color);background:color-mix(in srgb,var(--primary-color) 15%,transparent);box-shadow:var(--glow)}.leaderboard-entry.top-three{border-width:2px;box-shadow:0 0 20px #ffd7004d}.leaderboard-entry.top-three.rank-1{background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(0,0,0,.9));border-color:gold}.leaderboard-entry.top-three.rank-2{background:linear-gradient(135deg,rgba(192,192,192,.1),rgba(0,0,0,.9));border-color:silver}.leaderboard-entry.top-three.rank-3{background:linear-gradient(135deg,rgba(205,127,50,.1),rgba(0,0,0,.9));border-color:#cd7f32}.rank-section{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:60px}.rank-display{font-size:1.5em;font-weight:700;color:var(--text-color);text-align:center}.rank-display.rank-1{color:gold;text-shadow:0 0 10px #ffd700}.rank-display.rank-2{color:silver;text-shadow:0 0 10px #c0c0c0}.rank-display.rank-3{color:#cd7f32;text-shadow:0 0 10px #cd7f32}.rank-change{display:flex;align-items:center;gap:2px;font-size:.7em;font-weight:700}.rank-change.up{color:var(--primary-color)}.rank-change.down{color:#ff6b35}.user-section{display:flex;align-items:center;gap:12px;flex:1}.user-avatar{position:relative;font-size:2em;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--background-color);border:2px solid color-mix(in srgb,var(--primary-color) 30%,transparent);border-radius:50%}.user-avatar .online-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;background:var(--primary-color);border-radius:50%;border:2px solid var(--background-color);animation:pulse 2s infinite}.user-details{flex:1}.user-name{color:var(--text-color-secondary);font-weight:700;font-size:1.1em;margin-bottom:3px;display:flex;align-items:center;gap:8px}.you-badge{background:var(--primary-color);color:var(--background-color);font-size:.6em;padding:2px 6px;border-radius:10px;text-transform:uppercase;font-weight:700;letter-spacing:1px}.user-username{color:var(--text-color-muted);font-size:.9em}.stats-section{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:120px}.primary-stat{color:var(--text-color);font-weight:700;font-size:1.2em;text-shadow:var(--glow)}.streak-indicator{font-size:1.2em}.level-badge{background:color-mix(in srgb,var(--primary-color) 20%,transparent);border:1px solid var(--primary-color);color:var(--text-color);padding:2px 8px;border-radius:12px;font-size:.8em;text-transform:uppercase}.entry-actions{display:flex;gap:8px}.view-profile-btn{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 50%,transparent);color:var(--text-color);padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .3s ease}.view-profile-btn:hover{background:color-mix(in srgb,var(--primary-color) 20%,transparent);border-color:var(--primary-color);box-shadow:var(--glow)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-color);text-align:center}.loading-state .spinner-border{width:3rem;height:3rem;margin-bottom:20px;border-color:var(--primary-color);border-right-color:transparent}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-color-muted);text-align:center}.empty-state i{font-size:4em;margin-bottom:20px;color:var(--border-color)}.empty-state h3{color:var(--text-color-muted);margin-bottom:10px}.load-more{text-align:center;margin-top:30px}.load-more .btn{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border:1px solid var(--primary-color);color:var(--text-color);padding:10px 20px;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.load-more .btn:hover{background:color-mix(in srgb,var(--primary-color) 20%,transparent);box-shadow:var(--glow)}.leaderboards-widget{background:var(--card-background-color);border:1px solid var(--primary-color);border-radius:var(--border-radius);height:100%}.leaderboards-widget .widget-header{background:color-mix(in srgb,var(--primary-color) 10%,transparent);border-bottom:1px solid var(--border-color);padding:15px;display:flex;justify-content:space-between;align-items:center}.leaderboards-widget .widget-title{color:var(--text-color);font-weight:700;text-transform:uppercase;letter-spacing:1px}.leaderboards-widget .widget-content{padding:0;height:calc(100% - 60px);overflow-y:auto}.leaderboards-widget .leaderboards{border:none;border-radius:0;height:100%}.leaderboards-widget .leaderboards-header{padding:15px}.leaderboards-widget .category-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.leaderboards-widget .leaderboard-entry{margin:0 15px 8px;padding:12px}.leaderboards-widget .user-rank-banner{margin:15px;padding:15px}@media (max-width: 768px){.header-controls,.timeframe-selector,.season-selector{flex-direction:column}.category-tabs{justify-content:center}.leaderboard-entry{flex-direction:column;text-align:center;gap:10px}.user-section{flex-direction:column;text-align:center}.user-rank-banner{flex-direction:column;text-align:center;gap:15px}}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@keyframes glow{0%{box-shadow:0 0 5px var(--glow-color)}to{box-shadow:0 0 20px var(--glow-color),0 0 30px var(--glow-color)}}.toggle-btn{background:rgba(0,255,136,.1);background:color-mix(in srgb,var(--primary-color) 10%,transparent)}.leaderboard-entry{background:rgba(0,0,0,.8);background:var(--background-color);border:1px solid rgba(0,255,136,.3);border:1px solid color-mix(in srgb,var(--primary-color) 30%,transparent)}.leaderboards-header{background:rgba(0,255,136,.05);background:color-mix(in srgb,var(--primary-color) 5%,transparent)}.dark-theme .leaderboards{background:var(--card-background-color);border-color:var(--primary-color)}.dark-theme .leaderboard-entry{background:var(--background-color)}.dark-theme .leaderboard-entry:hover{background:color-mix(in srgb,var(--primary-color) 15%,transparent);background:rgba(0,255,136,.15)}.community-challenges{padding:0}.community-challenges-card{background:#1a1a1a;border:1px solid #00ff88;border-radius:12px;box-shadow:0 0 20px #00ff881a;color:#e0e0e0}.community-challenges-card .card-header{background:linear-gradient(135deg,#001122 0%,#002244 100%);border-bottom:1px solid #00ff88;padding:1.5rem}.community-challenges-card .card-body{padding:1.5rem}.challenges-header{margin-bottom:2rem}.header-title h2{color:#0f8;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.live-indicator{background:#ff3366;color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:12px;font-weight:600;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.header-title p{color:#888;margin-bottom:1rem}.header-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem}.stat-card{background:rgba(0,255,136,.05);border:1px solid rgba(0,255,136,.2);border-radius:8px;padding:1rem;text-align:center}.stat-value{font-size:1.5rem;font-weight:600;color:#0f8}.stat-label{font-size:.8rem;color:#888;margin-top:.25rem}.recommended-section{margin-bottom:2rem;padding:1.5rem;background:rgba(255,193,7,.05);border:1px solid rgba(255,193,7,.2);border-radius:8px}.recommended-section h3{color:#ffc107;font-size:1.1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.recommended-challenges{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.recommended-card{background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease}.recommended-card:hover{background:rgba(255,193,7,.15);transform:translateY(-2px)}.recommended-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.recommended-title{font-weight:600;color:#ffc107}.recommended-stats{display:flex;justify-content:space-between;font-size:.8rem;color:#ccc}.challenges-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.filter-tab{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ccc;padding:.5rem 1rem;border-radius:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;position:relative}.filter-tab:hover{border-color:var(--filter-color, #00ff88);color:var(--filter-color, #00ff88)}.filter-tab.active{background:var(--filter-color, #00ff88);border-color:var(--filter-color, #00ff88);color:#000}.count-badge{background:rgba(255,255,255,.8);color:#000;font-size:.7rem;padding:.1rem .4rem;border-radius:10px;font-weight:600}.sort-controls select{background:#2a2a2a;border:1px solid #444;color:#e0e0e0;padding:.5rem;border-radius:6px}.challenges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.challenge-card{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid rgba(0,255,136,.3);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.challenge-card:hover{border-color:#0f8;box-shadow:0 5px 20px #0f83;transform:translateY(-2px)}.challenge-card.featured{border-color:#ffc107}.challenge-card.featured:hover{border-color:#ffc107;box-shadow:0 5px 20px #ffc10733}.challenge-card.participating{border-color:#28a745;background:linear-gradient(135deg,rgba(40,167,69,.1) 0%,#1a1a1a 100%)}.challenge-card.participating:hover{border-color:#28a745;box-shadow:0 5px 20px #28a74533}.featured-banner{position:absolute;top:0;right:0;background:#ffc107;color:#000;padding:.3rem .8rem;font-size:.7rem;font-weight:600;border-bottom-left-radius:8px;display:flex;align-items:center;gap:.3rem}.challenge-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.challenge-icon{background:rgba(0,255,136,.1);border:2px solid rgba(0,255,136,.3);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#0f8;font-size:1.2rem}.challenge-title-section{flex:1}.challenge-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.challenge-meta{display:flex;align-items:center;gap:1rem}.difficulty-badge{font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:12px;background:rgba(255,255,255,.1);display:flex;align-items:center;gap:.3rem}.difficulty-easy{color:#28a745}.difficulty-medium{color:#ffc107}.difficulty-hard{color:#fd7e14}.difficulty-extreme{color:#dc3545}.time-remaining{color:#888;font-size:.8rem;display:flex;align-items:center;gap:.3rem}.challenge-description{color:#ccc;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.challenge-progress{margin-bottom:1rem}.progress-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:#ccc}.progress-percentage{color:#0f8;font-weight:600}.progress-bar{background:rgba(255,255,255,.1);height:8px;border-radius:4px;overflow:hidden}.progress-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:4px}.challenge-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.8rem;color:#888}.stat{display:flex;align-items:center;gap:.3rem}.user-contribution{color:#28a745}.reward-preview{margin-bottom:1rem;padding:.5rem;background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);border-radius:6px;text-align:center}.reward-tier{color:#ffc107;font-weight:600;font-size:.8rem}.challenge-actions{display:flex;gap:.5rem;margin-bottom:1rem}.challenge-actions .btn{flex:1;padding:.4rem .8rem;font-size:.8rem;border-radius:6px}.challenge-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:rgba(255,255,255,.1);color:#ccc;font-size:.7rem;padding:.2rem .5rem;border-radius:12px}.challenge-card.completed{opacity:.7}.challenge-card.completed .progress-fill{background:#28a745!important}.challenge-card.upcoming .challenge-icon{background:rgba(23,162,184,.1);border-color:#17a2b84d;color:#17a2b8}.community-challenges-widget{background:#1a1a1a;border:1px solid #00ff88;border-radius:8px;overflow:hidden}.widget-header{background:linear-gradient(135deg,#001122 0%,#002244 100%);padding:1rem;border-bottom:1px solid #00ff88;display:flex;justify-content:space-between;align-items:center}.widget-title{color:#0f8;font-weight:600;display:flex;align-items:center;gap:.5rem}.active-count{background:#ff3366;color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:10px}.widget-content{padding:1rem}.widget-challenges{display:flex;flex-direction:column;gap:.75rem}.widget-challenge{padding:.75rem;background:rgba(0,255,136,.05);border:1px solid rgba(0,255,136,.2);border-radius:6px;cursor:pointer;transition:all .3s ease}.widget-challenge:hover{background:rgba(0,255,136,.1)}.widget-challenge.participating{background:rgba(40,167,69,.1);border-color:#28a7454d}.widget-challenge-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.widget-challenge-title{font-weight:600;color:#fff;font-size:.9rem}.featured-icon{color:#ffc107}.widget-progress{display:flex;align-items:center;gap:.75rem}.widget-progress-bar{flex:1;height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.widget-progress-fill{height:100%;border-radius:2px;transition:width .3s ease}.widget-progress-text{font-size:.7rem;color:#888;white-space:nowrap}.notification{position:fixed;top:20px;right:20px;max-width:350px;background:#2a2a2a;border:1px solid;border-radius:8px;padding:1rem;box-shadow:0 5px 20px #0000004d;z-index:1000;display:flex;align-items:flex-start;gap:1rem}.notification-success{border-color:#28a745;background:linear-gradient(135deg,rgba(40,167,69,.1),#2a2a2a)}.notification-error{border-color:#dc3545;background:linear-gradient(135deg,rgba(220,53,69,.1),#2a2a2a)}.notification-info{border-color:#17a2b8;background:linear-gradient(135deg,rgba(23,162,184,.1),#2a2a2a)}.notification-celebration{border-color:#ffc107;background:linear-gradient(135deg,rgba(255,193,7,.1),#2a2a2a)}.notification-milestone{border-color:#6f42c1;background:linear-gradient(135deg,rgba(111,66,193,.1),#2a2a2a)}.notification-content{flex:1}.notification-content strong{color:#fff;display:block;margin-bottom:.25rem}.notification-content p{color:#ccc;font-size:.9rem;margin:0}.notification-close{background:none;border:none;color:#888;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.notification-close:hover{color:#fff}.loading-state,.empty-state{text-align:center;padding:3rem 1rem;color:#888}.empty-state i{font-size:3rem;margin-bottom:1rem;color:#444}.empty-state h3{color:#ccc;margin-bottom:.5rem}@media (max-width: 768px){.challenges-grid{grid-template-columns:1fr}.challenges-controls{flex-direction:column;align-items:stretch;gap:1rem}.filter-tabs{justify-content:center}.header-stats{grid-template-columns:repeat(2,1fr)}.recommended-challenges{grid-template-columns:1fr}.challenge-header{flex-direction:column;gap:.75rem}.challenge-icon{align-self:flex-start}}@media (max-width: 480px){.challenge-actions{flex-direction:column}.header-stats{grid-template-columns:1fr}.notification{left:10px;right:10px;max-width:none}}.virtual-pet{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:15px;padding:20px;box-shadow:0 4px 15px #0000001a;max-width:300px;margin:20px auto;position:relative;border:2px solid #e0e6ed}.pet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pet-header h3{margin:0;color:#2c3e50;font-size:1.2em;font-weight:600}.pet-level{background:#3498db;color:#fff;padding:2px 8px;border-radius:12px;font-size:.8em;font-weight:500}.pet-display{text-align:center;margin:20px 0;cursor:pointer;-webkit-user-select:none;user-select:none}.pet-character{position:relative;display:inline-block;margin-bottom:10px}.pet-emoji{font-size:4em;display:block;transition:all .3s ease}.pet-character:hover .pet-emoji{transform:scale(1.1)}.pet-character.wiggle .pet-emoji{animation:wiggle .5s ease-in-out}.pet-character.bounce .pet-emoji{animation:bounce .6s ease-in-out}.pet-character.sleep .pet-emoji{opacity:.7;animation:sleep 2s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}@keyframes sleep{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.pet-mood-indicator{margin-top:10px}.mood-text{background:rgba(255,255,255,.8);padding:4px 12px;border-radius:15px;font-size:.9em;color:#2c3e50;font-weight:500;text-transform:capitalize;border:1px solid rgba(0,0,0,.1)}.pet-stats{margin:20px 0}.stat-bar{display:flex;align-items:center;margin-bottom:12px;gap:10px}.stat-label{font-size:.9em;font-weight:500;min-width:80px;color:#2c3e50}.stat-progress{flex:1;height:8px;background:rgba(255,255,255,.6);border-radius:10px;overflow:hidden;position:relative}.stat-fill{height:100%;border-radius:10px;transition:width .5s ease}.stat-value{font-size:.8em;font-weight:600;color:#2c3e50;min-width:35px;text-align:right}.pet-interactions{display:flex;gap:8px;margin:15px 0;flex-wrap:wrap}.interaction-btn{flex:1;min-width:70px;padding:8px 12px;border:none;border-radius:20px;font-size:.85em;font-weight:500;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 2px 8px #00000026}.interaction-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.interaction-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.feed-btn{background:linear-gradient(135deg,#ff9a56 0%,#ffad56 100%)}.play-btn{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.sleep-btn{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);color:#2c3e50}.pet-experience{margin-top:15px}.exp-label{font-size:.8em;color:#2c3e50;font-weight:500;display:block;margin-bottom:5px}.exp-progress{height:6px;background:rgba(255,255,255,.6);border-radius:10px;overflow:hidden}.exp-fill{height:100%;background:linear-gradient(90deg,#ffd89b 0%,#19547b 100%);border-radius:10px;transition:width .5s ease}@media (max-width: 480px){.virtual-pet{max-width:100%;margin:10px;padding:15px}.pet-emoji{font-size:3em}.interaction-btn{font-size:.8em;padding:6px 10px}}@media (prefers-color-scheme: dark){.virtual-pet{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);border-color:#4a5568}.pet-header h3,.stat-label,.stat-value,.exp-label{color:#f7fafc}.mood-text{background:rgba(0,0,0,.3);color:#f7fafc;border-color:#ffffff1a}.stat-progress,.exp-progress{background:rgba(0,0,0,.3)}}.journal-widget{background:rgba(20,20,30,.95);border:1px solid rgba(0,255,136,.2);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #00ff881a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.journal-widget:hover{border-color:#0f86;box-shadow:0 12px 40px #0f83}.journal-header{background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,200,255,.1) 100%);border-bottom:1px solid rgba(0,255,136,.2);padding:1rem 1.25rem}.journal-header h5{color:var(--primary);font-weight:600;display:flex;align-items:center;gap:.5rem}.journal-body{padding:1.25rem;max-height:600px;overflow-y:auto}.journal-body::-webkit-scrollbar{width:8px}.journal-body::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.journal-body::-webkit-scrollbar-thumb{background:rgba(0,255,136,.3);border-radius:4px}.journal-body::-webkit-scrollbar-thumb:hover{background:rgba(0,255,136,.5)}.mood-selector{margin-bottom:1rem}.mood-options{display:flex;gap:.5rem;flex-wrap:wrap}.mood-btn{width:48px;height:48px;border:2px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.mood-btn:hover{background:rgba(255,255,255,.1);transform:scale(1.1)}.mood-btn.active{border-color:var(--mood-color);background:rgba(255,255,255,.15);box-shadow:0 0 20px var(--mood-color);transform:scale(1.05)}.mood-emoji{font-size:1.75rem}.journal-title-input{background:rgba(255,255,255,.05);border:1px solid rgba(0,255,136,.2);color:#fff;font-size:1.25rem;font-weight:600;padding:.75rem;border-radius:8px}.journal-title-input:focus{background:rgba(255,255,255,.08);border-color:var(--primary);box-shadow:0 0 0 .2rem #00ff8826;color:#fff}.journal-textarea{background:rgba(255,255,255,.05);border:1px solid rgba(0,255,136,.2);color:#fff;padding:1rem;border-radius:8px;min-height:200px;resize:none;line-height:1.6;font-size:1rem}.journal-textarea:focus{background:rgba(255,255,255,.08);border-color:var(--primary);box-shadow:0 0 0 .2rem #00ff8826;color:#fff}.journal-textarea::placeholder{color:#fff6}.journal-stats{text-align:right;padding-top:.5rem}.tags-section{margin-top:1rem}.tags-input-group{display:flex;gap:.5rem}.tags-input-group input{background:rgba(255,255,255,.05);border:1px solid rgba(0,255,136,.2);color:#fff}.tags-input-group input:focus{background:rgba(255,255,255,.08);border-color:var(--primary);color:#fff}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.journal-actions{display:flex;gap:.5rem;justify-content:flex-end}.journal-quick-stats{display:flex;gap:1rem;padding:.75rem;background:rgba(0,255,136,.05);border-radius:8px;margin-bottom:1rem}.stat-item{display:flex;align-items:center;gap:.5rem;color:var(--primary);font-size:.875rem;font-weight:500}.stat-item i{font-size:1.1rem}.entries-list{display:flex;flex-direction:column;gap:.75rem}.entry-card{background:rgba(255,255,255,.05);border:1px solid rgba(0,255,136,.15);border-radius:10px;padding:1rem;cursor:pointer;transition:all .3s ease}.entry-card:hover{background:rgba(255,255,255,.08);border-color:#00ff884d;transform:translateY(-2px);box-shadow:0 4px 12px #00ff8826}.entry-card-header{margin-bottom:.75rem}.entry-mood{font-size:1.5rem}.entry-card-preview p{color:#fffc;font-size:.9rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.entry-tags-preview{display:flex;gap:.25rem}.journal-viewer{animation:fadeIn .3s ease}.mood-display{font-size:3rem}.entry-header h4{color:var(--primary);font-weight:600}.entry-content{padding:1rem 0;border-top:1px solid rgba(0,255,136,.1);border-bottom:1px solid rgba(0,255,136,.1)}.entry-content p{color:#ffffffe6;font-size:1rem;line-height:1.8}.entry-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.entry-footer{padding-top:1rem;text-align:right}.empty-state{padding:3rem 1rem}.empty-state i{color:#00ff884d}.empty-state h5{color:var(--primary);margin-bottom:.5rem}.empty-state p{color:#fff9;margin-bottom:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.journal-body{max-height:500px}.mood-options{gap:.4rem}.mood-btn{width:44px;height:44px}.mood-emoji{font-size:1.5rem}.journal-quick-stats{flex-direction:column;gap:.5rem}}.journal-widget .btn-primary{background:linear-gradient(135deg,var(--primary),rgba(0,200,255,.8));border:none;box-shadow:0 4px 12px #00ff884d}.journal-widget .btn-primary:hover{background:linear-gradient(135deg,rgba(0,255,136,1),rgba(0,220,255,1));box-shadow:0 6px 16px #0f86;transform:translateY(-2px)}.journal-widget .btn-outline-secondary{border-color:#ffffff4d;color:#fffc}.journal-widget .btn-outline-secondary:hover{background:rgba(255,255,255,.1);border-color:#ffffff80;color:#fff}.journal-widget .btn-outline-danger{border-color:#dc354580;color:#dc3545}.journal-widget .btn-outline-danger:hover{background:rgba(220,53,69,.2);border-color:#dc3545}.journal-widget .badge{padding:.35rem .65rem;font-size:.75rem;font-weight:500;border-radius:6px}html.time-theme-void-black{--background-color: #000000 !important;--card-background-color: #0a0a0a !important;--text-color: #333333 !important;--text-color-muted: #666666 !important;--text-color-secondary: #999999 !important;--primary-color: #1a1a1a !important;--border-color: #111111 !important;--shadow: 0 .5rem 1rem rgba(0, 0, 0, .8) !important;--glow: 0 0 20px rgba(51, 51, 51, .5) !important}html.time-theme-void-black body{background-image:radial-gradient(circle at 20% 20%,rgba(51,51,51,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(26,26,26,.1) 0%,transparent 50%),linear-gradient(45deg,transparent 30%,rgba(0,0,0,.1) 50%,transparent 70%)!important;animation:voidPulse 15s ease-in-out infinite!important}@keyframes voidPulse{0%,to{filter:brightness(.3) contrast(1.2)}50%{filter:brightness(.1) contrast(1.5)}}html.time-theme-glitch-red{--background-color: #1a0000 !important;--card-background-color: #2a0505 !important;--text-color: #ff0033 !important;--text-color-muted: #ff3366 !important;--text-color-secondary: #ffccdd !important;--primary-color: #cc0000 !important;--border-color: #330000 !important;--shadow: 0 .5rem 1rem rgba(255, 0, 51, .3) !important;--glow: 0 0 15px rgba(255, 0, 51, .6) !important}html.time-theme-glitch-red body{background-image:linear-gradient(90deg,transparent 0%,rgba(255,0,51,.1) 50%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(204,0,0,.05) 50%,transparent 100%),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,0,51,.03) 2px,rgba(255,0,51,.03) 4px)!important;animation:glitchEffect 3s ease-in-out infinite!important}@keyframes glitchEffect{0%,to{filter:hue-rotate(0deg) saturate(1.2);transform:translate(0)}10%{filter:hue-rotate(5deg) saturate(1.5);transform:translate(-2px)}20%{filter:hue-rotate(-5deg) saturate(1.8);transform:translate(2px)}30%{filter:hue-rotate(0deg) saturate(1.2);transform:translate(0)}}html.time-theme-dawn-purple{--background-color: #1a0a1a !important;--card-background-color: #2a1a2a !important;--text-color: #cc66ff !important;--text-color-muted: #dd88ff !important;--text-color-secondary: #f0e6ff !important;--primary-color: #9933cc !important;--border-color: #3a2a3a !important;--shadow: 0 .5rem 1rem rgba(204, 102, 255, .2) !important;--glow: 0 0 12px rgba(204, 102, 255, .4) !important}html.time-theme-dawn-purple body{background-image:radial-gradient(ellipse at top,rgba(204,102,255,.15) 0%,transparent 60%),radial-gradient(ellipse at bottom,rgba(153,51,204,.1) 0%,transparent 60%),linear-gradient(180deg,rgba(204,102,255,.05) 0%,transparent 50%)!important;animation:dawnRise 20s ease-in-out infinite!important}@keyframes dawnRise{0%,to{filter:brightness(.8) saturate(1.1)}50%{filter:brightness(1.1) saturate(1.3)}}html.time-theme-matrix-green{--background-color: #0a1a0a !important;--card-background-color: #1a2a1a !important;--text-color: #00ff44 !important;--text-color-muted: #66ff88 !important;--text-color-secondary: #ccffdd !important;--primary-color: #00cc33 !important;--border-color: #2a3a2a !important;--shadow: 0 .5rem 1rem rgba(0, 255, 68, .2) !important;--glow: 0 0 10px rgba(0, 255, 68, .4) !important}html.time-theme-matrix-green body{background-image:repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(0,255,68,.02) 20px,rgba(0,255,68,.02) 21px),repeating-linear-gradient(0deg,transparent,transparent 20px,rgba(0,204,51,.02) 20px,rgba(0,204,51,.02) 21px),radial-gradient(circle at 50% 50%,rgba(0,255,68,.1) 0%,transparent 70%)!important;animation:matrixFlow 8s linear infinite!important}@keyframes matrixFlow{0%{background-position:0 0,0 0,50% 50%}to{background-position:20px 0,0 20px,50% 50%}}html.time-theme-pixel-blue{--background-color: #0a0a2a !important;--card-background-color: #1a1a3a !important;--text-color: #0088ff !important;--text-color-muted: #44aaff !important;--text-color-secondary: #ccddff !important;--primary-color: #0066cc !important;--border-color: #2a2a4a !important;--shadow: 0 .5rem 1rem rgba(0, 136, 255, .2) !important;--glow: 0 0 12px rgba(0, 136, 255, .4) !important}html.time-theme-pixel-blue body{background-image:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(0,136,255,.05) 90deg,transparent 180deg,rgba(0,102,204,.03) 270deg),radial-gradient(circle at 25% 75%,rgba(0,136,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 25%,rgba(68,170,255,.08) 0%,transparent 50%)!important;animation:pixelShift 12s ease-in-out infinite!important}@keyframes pixelShift{0%,to{filter:brightness(1) contrast(1.1)}33%{filter:brightness(1.2) contrast(1.2)}66%{filter:brightness(.9) contrast(1.3)}}html.time-theme-cyber-orange{--background-color: #2a1a0a !important;--card-background-color: #3a2a1a !important;--text-color: #ff8800 !important;--text-color-muted: #ffaa44 !important;--text-color-secondary: #ffddcc !important;--primary-color: #cc6600 !important;--border-color: #4a3a2a !important;--shadow: 0 .5rem 1rem rgba(255, 136, 0, .2) !important;--glow: 0 0 15px rgba(255, 136, 0, .4) !important}html.time-theme-cyber-orange body{background-image:linear-gradient(45deg,rgba(255,136,0,.1) 0%,transparent 25%,rgba(204,102,0,.05) 50%,transparent 75%),radial-gradient(ellipse at 30% 70%,rgba(255,136,0,.08) 0%,transparent 60%),conic-gradient(from 180deg at 70% 30%,transparent,rgba(255,170,68,.06),transparent)!important;animation:cyberBurn 10s ease-in-out infinite!important}@keyframes cyberBurn{0%,to{filter:brightness(1) saturate(1.2)}50%{filter:brightness(1.3) saturate(1.5)}}html.time-theme-neon-pink{--background-color: #2a0a2a !important;--card-background-color: #3a1a3a !important;--text-color: #ff0088 !important;--text-color-muted: #ff44aa !important;--text-color-secondary: #ffccee !important;--primary-color: #cc0066 !important;--border-color: #4a2a4a !important;--shadow: 0 .5rem 1rem rgba(255, 0, 136, .3) !important;--glow: 0 0 18px rgba(255, 0, 136, .5) !important}html.time-theme-neon-pink body{background-image:radial-gradient(circle at 40% 40%,rgba(255,0,136,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(204,0,102,.08) 0%,transparent 50%),linear-gradient(135deg,transparent 30%,rgba(255,68,170,.06) 50%,transparent 70%)!important;animation:neonPulse 6s ease-in-out infinite!important}@keyframes neonPulse{0%,to{filter:brightness(1) saturate(1.3);box-shadow:inset 0 0 50px #ff00881a}50%{filter:brightness(1.4) saturate(1.6);box-shadow:inset 0 0 80px #ff008826}}html.time-theme-electric-violet{--background-color: #1a0a2a !important;--card-background-color: #2a1a3a !important;--text-color: #8800ff !important;--text-color-muted: #aa44ff !important;--text-color-secondary: #ddccff !important;--primary-color: #6600cc !important;--border-color: #3a2a4a !important;--shadow: 0 .5rem 1rem rgba(136, 0, 255, .2) !important;--glow: 0 0 16px rgba(136, 0, 255, .4) !important}html.time-theme-electric-violet body{background-image:repeating-radial-gradient(circle at 50% 50%,transparent 0px,rgba(136,0,255,.04) 50px,transparent 100px),linear-gradient(60deg,rgba(102,0,204,.08) 0%,transparent 50%),linear-gradient(-60deg,transparent 50%,rgba(170,68,255,.06) 100%)!important;animation:electricSurge 14s ease-in-out infinite!important}@keyframes electricSurge{0%,to{filter:brightness(.9) contrast(1.2)}25%{filter:brightness(1.2) contrast(1.4)}75%{filter:brightness(1.1) contrast(1.3)}}html.time-theme-wish-portal{--background-color: #0a0a0a !important;--card-background-color: #1a1a1a !important;--text-color: #ffffff !important;--text-color-muted: #cccccc !important;--text-color-secondary: #eeeeee !important;--primary-color: #888888 !important;--border-color: #333333 !important;--shadow: 0 .5rem 1rem rgba(255, 255, 255, .1) !important;--glow: 0 0 25px rgba(255, 255, 255, .3) !important}html.time-theme-wish-portal body{background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,rgba(136,136,136,.05) 30%,transparent 70%),conic-gradient(from 0deg at 50% 50%,transparent,rgba(255,255,255,.03),transparent,rgba(204,204,204,.02),transparent),repeating-conic-gradient(from 45deg at 50% 50%,transparent 0deg,rgba(255,255,255,.02) 30deg,transparent 60deg)!important;animation:portalSpin 30s linear infinite!important}@keyframes portalSpin{0%{filter:brightness(.8) blur(0px);transform:rotate(0)}50%{filter:brightness(1.2) blur(1px)}to{filter:brightness(.8) blur(0px);transform:rotate(360deg)}}html{transition:all 2s ease-in-out}body{transition:background-image 3s ease-in-out,filter 2s ease-in-out!important}body.theme-transitioning{animation-duration:.5s!important;filter:brightness(1.2) saturate(1.3)!important}.spooky-time-display{position:fixed;top:20px;right:20px;z-index:1000;background:rgba(0,0,0,.8);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--glow);transition:all .3s ease;min-width:250px}.spooky-time-display:hover{transform:scale(1.05);box-shadow:0 0 30px var(--primary-color)}.spooky-time-display.special-time{animation:specialTimePulse 2s ease-in-out infinite;border-color:var(--primary-color);box-shadow:0 0 40px var(--primary-color)}@keyframes specialTimePulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.3)}}.time-container{text-align:center}.current-time{font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;color:var(--text-color);text-shadow:var(--glow);margin-bottom:.5rem;letter-spacing:2px}.theme-description{font-size:.8rem;color:var(--text-color-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-weight:600}.special-indicator{font-size:.7rem;color:var(--primary-color);font-weight:700;animation:glitch 1s ease-in-out infinite;text-shadow:0 0 10px var(--primary-color)}@keyframes glitch{0%,to{opacity:1}50%{opacity:.7}}.theme-indicator{display:flex;justify-content:center;margin-top:.5rem}.theme-dot{width:12px;height:12px;border-radius:50%;animation:themePulse 3s ease-in-out infinite}.theme-dot.theme-void-black{background:radial-gradient(circle,#333333,#000000);box-shadow:0 0 10px #333}.theme-dot.theme-glitch-red{background:radial-gradient(circle,#ff0033,#cc0000);box-shadow:0 0 15px #f03;animation:glitchDot .5s ease-in-out infinite}@keyframes glitchDot{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.theme-dot.theme-dawn-purple{background:radial-gradient(circle,#cc66ff,#9933cc);box-shadow:0 0 12px #c6f}.theme-dot.theme-matrix-green{background:radial-gradient(circle,#00ff44,#00cc33);box-shadow:0 0 10px #0f4}.theme-dot.theme-pixel-blue{background:radial-gradient(circle,#0088ff,#0066cc);box-shadow:0 0 12px #08f}.theme-dot.theme-cyber-orange{background:radial-gradient(circle,#ff8800,#cc6600);box-shadow:0 0 15px #f80}.theme-dot.theme-neon-pink{background:radial-gradient(circle,#ff0088,#cc0066);box-shadow:0 0 18px #f08}.theme-dot.theme-electric-violet{background:radial-gradient(circle,#8800ff,#6600cc);box-shadow:0 0 16px #80f}.theme-dot.theme-wish-portal{background:radial-gradient(circle,#ffffff,#888888);box-shadow:0 0 25px #fff;animation:portalDot 5s linear infinite}@keyframes portalDot{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes themePulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 768px){.spooky-time-display{top:10px;right:10px;padding:.75rem;min-width:200px}.current-time{font-size:1.2rem}.theme-description{font-size:.7rem}}:root{--bp-xs: 375px;--bp-sm: 576px;--bp-md: 768px;--bp-lg: 992px;--bp-xl: 1200px;--bp-xxl: 1400px;--container-xs: 100%;--container-sm: 540px;--container-md: 720px;--container-lg: 960px;--container-xl: 1140px;--container-xxl: 1320px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--touch-target-min: 44px;--touch-padding: .75rem}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{-webkit-overflow-scrolling:touch;overflow-x:hidden;font-size:var(--font-size-base)}.container-responsive{width:100%;padding-right:var(--spacing-sm);padding-left:var(--spacing-sm);margin-right:auto;margin-left:auto}.grid-responsive{display:grid;gap:var(--spacing-sm);width:100%}.grid-1,.grid-2,.grid-3{grid-template-columns:1fr}.flex-responsive{display:flex;flex-direction:column;gap:var(--spacing-sm)}.flex-wrap-responsive{flex-wrap:wrap}.btn-touch{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--touch-padding);font-size:var(--font-size-base);border-radius:.5rem;transition:all .2s ease;position:relative;overflow:hidden}.btn-touch:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.btn-touch:active:before{width:300px;height:300px}.form-control-touch{min-height:var(--touch-target-min);font-size:16px;padding:var(--touch-padding)}.form-check-input-touch{min-width:var(--touch-target-min);min-height:var(--touch-target-min);margin:0}.mobile-nav{display:none}.desktop-nav{display:block}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:9998;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:-100%;width:300px;height:100vh;background:var(--card-background-color);z-index:9999;transition:right .3s ease;padding:var(--spacing-lg);overflow-y:auto;border-left:1px solid var(--border-color)}.mobile-menu.active{right:0}.tabbed-dashboard-container{padding:var(--spacing-sm)}.dashboard-toolbar{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:.5rem}.toolbar-left{width:100%;text-align:center}.dashboard-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.layout-info{flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.dashboard-tabs{margin-bottom:var(--spacing-md)}.tabs-container{display:flex;overflow-x:auto;gap:var(--spacing-xs);padding:var(--spacing-xs);scrollbar-width:none;-ms-overflow-style:none}.tabs-container::-webkit-scrollbar{display:none}.tab-button{flex:0 0 auto;min-width:120px;padding:var(--spacing-sm);font-size:var(--font-size-sm);border-radius:.5rem;white-space:nowrap}.tab-button .tab-name{display:block;margin-bottom:2px}.tab-count{font-size:var(--font-size-xs);opacity:.8}.dashboard-content-grid{gap:var(--spacing-md)}.dashboard-content .container{padding:0}.dashboard-content .row{margin:0;gap:var(--spacing-md)}.dashboard-content .col-lg-8,.dashboard-content .col-lg-4{padding:0;width:100%}.card{margin-bottom:var(--spacing-md);border-radius:.75rem;overflow:hidden}.card-header{padding:var(--spacing-sm);font-size:var(--font-size-base)}.card-body,.card-footer{padding:var(--spacing-sm)}.card-content-responsive{display:flex;flex-direction:column;gap:var(--spacing-sm)}h1,.h1{font-size:var(--font-size-xxl)}h2,.h2{font-size:var(--font-size-xl)}h3,.h3{font-size:var(--font-size-lg)}h4,.h4{font-size:var(--font-size-base)}h5,.h5{font-size:var(--font-size-sm)}h6,.h6{font-size:var(--font-size-xs)}.display-1,.display-2,.display-3,.display-4{font-size:var(--font-size-xl)}@media (min-width: 576px){:root{--spacing-base: 1.25rem;--font-size-base: 1rem}.container-responsive{max-width:var(--container-sm);padding-right:var(--spacing-md);padding-left:var(--spacing-md)}.grid-2{grid-template-columns:1fr 1fr}.flex-responsive{flex-direction:row;align-items:center}.tabbed-dashboard-container{padding:var(--spacing-md)}.dashboard-toolbar{flex-direction:row;justify-content:space-between;align-items:center}.toolbar-left{width:auto;text-align:left}.layout-info{flex-direction:row;gap:var(--spacing-sm)}.dashboard-title{font-size:var(--font-size-xl)}.tabs-container{justify-content:flex-start;overflow-x:visible}.tab-button{min-width:140px}h1,.h1{font-size:2rem}h2,.h2{font-size:1.75rem}h3,.h3{font-size:1.5rem}.display-4{font-size:2rem}}@media (min-width: 768px){:root{--spacing-base: 1.5rem}.container-responsive{max-width:var(--container-md)}.grid-3{grid-template-columns:1fr 1fr 1fr}.mobile-nav{display:none}.desktop-nav{display:block}.dashboard-content .col-lg-8{width:66.66667%;padding-right:var(--spacing-sm)}.dashboard-content .col-lg-4{width:33.33333%;padding-left:var(--spacing-sm)}.dashboard-content .row{display:flex;gap:0;margin-right:calc(-1 * var(--spacing-sm));margin-left:calc(-1 * var(--spacing-sm))}.tabs-container{justify-content:center}.tab-button{min-width:160px;padding:var(--spacing-md);font-size:var(--font-size-base)}h1,.h1{font-size:2.5rem}h2,.h2{font-size:2rem}h3,.h3{font-size:1.75rem}.display-4{font-size:2.5rem}}@media (min-width: 992px){.container-responsive{max-width:var(--container-lg)}.tabbed-dashboard-container{padding:var(--spacing-lg)}.card-body,.card-header{padding:var(--spacing-md)}.dashboard-title{font-size:var(--font-size-xxl)}.tab-button{min-width:180px}h1,.h1{font-size:3rem}h2,.h2{font-size:2.5rem}.display-4{font-size:3rem}}@media (min-width: 1200px){.container-responsive{max-width:var(--container-xl)}.grid-responsive,.dashboard-content-grid{gap:var(--spacing-lg)}h1,.h1,.display-4{font-size:3.5rem}}@media (min-width: 1400px){.container-responsive{max-width:var(--container-xxl)}.tabbed-dashboard-container{padding:var(--spacing-xl)}}@media (max-width: 767px){.d-desktop-only{display:none!important}.d-mobile-only{display:block!important}.card:hover{transform:none}*{animation-duration:.3s!important;transition-duration:.3s!important}.social-hub-welcome{padding:var(--spacing-md)!important}.social-hub-welcome .d-grid{gap:var(--spacing-sm)!important}.achievement-card-content{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.achievement-icon-container{align-self:center}.modal-dialog{margin:var(--spacing-sm);max-width:calc(100vw - 2rem)}.modal-lg{max-width:calc(100vw - 2rem)}.table-responsive{font-size:var(--font-size-sm)}.chart-container{padding:var(--spacing-sm)}.metric-value{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.insight-content{margin-left:0}.insight-header{flex-direction:column;gap:var(--spacing-xs)}.insight-title-section{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}@media (max-height: 500px) and (orientation: landscape){.dashboard-toolbar{padding:var(--spacing-xs)}.dashboard-title{font-size:var(--font-size-base)}.card{margin-bottom:var(--spacing-sm)}.card-body{padding:var(--spacing-xs)}.tab-button{padding:var(--spacing-xs);font-size:var(--font-size-sm)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.card,.btn,.form-control{border-width:.5px}.card:hover{box-shadow:0 4px 16px #00ff8826,0 2px 8px #0000001a}}@media print{.tabbed-dashboard-container{background:white!important;color:#000!important}.card{background:white!important;border:1px solid #ccc!important;box-shadow:none!important;break-inside:avoid}.dashboard-tabs,.btn,.mobile-nav{display:none!important}.dashboard-content .col-lg-8,.dashboard-content .col-lg-4{width:50%!important;float:left!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.card:hover{transform:none!important}.btn-touch:before{transition:none!important}}@media (prefers-contrast: high){.card,.btn{border-width:2px!important}.tab-button.active{border-width:3px!important}}*:focus-visible{outline:2px solid var(--primary-color)!important;outline-offset:2px!important;border-radius:.25rem}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-color);color:var(--background-color);padding:8px;text-decoration:none;border-radius:.25rem;z-index:10000}.skip-link:focus{top:6px}:root{--background-color: #0a0a0a;--card-background-color: #1a1a1a;--text-color: #00ff88;--text-color-muted: #66ff99;--text-color-secondary: #ffffff;--primary-color: #00ff88;--border-color: #333333;--shadow: 0 .5rem 1rem rgba(0, 255, 136, .2);--border-radius: .5rem;--glow: 0 0 10px rgba(0, 255, 136, .3);--animation-speed: 1}body.theme-transitioning{transition:all .3s ease-in-out}html.theme-cyberpunk{--background-color: #0a0a0a !important;--card-background-color: #1a1a1a !important;--text-color: #00ff88 !important;--text-color-muted: #66ff99 !important;--text-color-secondary: #ffffff !important;--primary-color: #00ff88 !important;--border-color: #333333 !important;--shadow: 0 .5rem 1rem rgba(0, 255, 136, .2) !important;--glow: 0 0 10px rgba(0, 255, 136, .3) !important}html.theme-space_station{--background-color: #0a0a1a !important;--card-background-color: #1a1a2a !important;--text-color: #4169e1 !important;--text-color-muted: #6495ed !important;--text-color-secondary: #e6e6fa !important;--primary-color: #4169e1 !important;--border-color: #2a2a4a !important;--shadow: 0 .5rem 1rem rgba(65, 105, 225, .2) !important;--glow: 0 0 10px rgba(65, 105, 225, .3) !important}html.theme-forest_retreat{--background-color: #0a1a0a !important;--card-background-color: #1a2a1a !important;--text-color: #32cd32 !important;--text-color-muted: #90ee90 !important;--text-color-secondary: #f0fff0 !important;--primary-color: #228b22 !important;--border-color: #2a4a2a !important;--shadow: 0 .5rem 1rem rgba(34, 139, 34, .2) !important;--glow: 0 0 10px rgba(50, 205, 50, .3) !important}html.theme-ocean_depths{--background-color: #0a1a2a !important;--card-background-color: #1a2a3a !important;--text-color: #00ced1 !important;--text-color-muted: #87ceeb !important;--text-color-secondary: #f0f8ff !important;--primary-color: #1e90ff !important;--border-color: #2a3a4a !important;--shadow: 0 .5rem 1rem rgba(30, 144, 255, .2) !important;--glow: 0 0 10px rgba(0, 206, 209, .3) !important}html.theme-desert_oasis{--background-color: #2a1a0a !important;--card-background-color: #3a2a1a !important;--text-color: #daa520 !important;--text-color-muted: #f4a460 !important;--text-color-secondary: #fff8dc !important;--primary-color: #cd853f !important;--border-color: #4a3a2a !important;--shadow: 0 .5rem 1rem rgba(205, 133, 63, .2) !important;--glow: 0 0 10px rgba(218, 165, 32, .3) !important}html.theme-mountain_peak{--background-color: #1a1a2a !important;--card-background-color: #2a2a3a !important;--text-color: #b0c4de !important;--text-color-muted: #e6e6fa !important;--text-color-secondary: #f8f8ff !important;--primary-color: #4682b4 !important;--border-color: #3a3a4a !important;--shadow: 0 .5rem 1rem rgba(70, 130, 180, .2) !important;--glow: 0 0 10px rgba(176, 196, 222, .3) !important}html.theme-aurora_borealis{--background-color: #0a0a2a !important;--card-background-color: #1a1a3a !important;--text-color: #9370db !important;--text-color-muted: #dda0dd !important;--text-color-secondary: #f8f8ff !important;--primary-color: #8a2be2 !important;--border-color: #2a2a4a !important;--shadow: 0 .5rem 1rem rgba(138, 43, 226, .2) !important;--glow: 0 0 10px rgba(147, 112, 219, .3) !important}html.theme-steampunk_workshop{--background-color: #2a1a0a !important;--card-background-color: #3a2a1a !important;--text-color: #cd853f !important;--text-color-muted: #daa520 !important;--text-color-secondary: #f5deb3 !important;--primary-color: #a0522d !important;--border-color: #4a3a2a !important;--shadow: 0 .5rem 1rem rgba(160, 82, 45, .2) !important;--glow: 0 0 10px rgba(205, 133, 63, .3) !important}body{font-family:Courier New,Inter,monospace;background-color:var(--background-color);background-image:radial-gradient(circle at 25% 25%,rgba(0,255,136,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(0,255,136,.05) 0%,transparent 50%);color:var(--text-color);min-height:100vh;animation:backgroundPulse 10s ease-in-out infinite}@keyframes backgroundPulse{0%,to{background-image:radial-gradient(circle at 25% 25%,rgba(0,255,136,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(0,255,136,.05) 0%,transparent 50%)}50%{background-image:radial-gradient(circle at 30% 30%,rgba(0,255,136,.15) 0%,transparent 60%),radial-gradient(circle at 70% 70%,rgba(0,255,136,.08) 0%,transparent 60%)}}.app-container{padding-top:2rem}.hero-section{text-align:center;padding:3rem 1rem;margin-bottom:2rem;background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--glow)}.hero-section h1{font-weight:900;color:var(--text-color);text-shadow:var(--glow);font-size:2.5rem;margin-bottom:1rem}.hero-section p{color:var(--text-color-muted);font-weight:600;text-shadow:0 0 5px rgba(0,255,136,.3)}.card{background-color:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 8px #0000004d,inset 0 1px #ffffff1a;margin-bottom:1.5rem;transition:all .3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow),0 8px 16px #0006,var(--glow);border-color:var(--primary-color)}.card-header{background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border-bottom:1px solid var(--border-color);font-weight:800;color:var(--text-color);text-shadow:0 0 5px rgba(0,255,136,.3)}.list-group-item{border-color:var(--border-color);background-color:var(--card-background-color);color:var(--text-color-secondary);font-weight:600}.list-group-item:hover{background-color:#00ff881a;color:var(--text-color)}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--glow)}.form-check-input{border-color:var(--border-color);background-color:var(--card-background-color)}.form-check-label{color:var(--text-color-secondary);font-weight:600}.form-check-label.strikethrough{text-decoration:line-through;color:var(--text-color-muted);opacity:.7}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:#000;font-weight:800;text-shadow:none}.btn-primary:hover{background-color:#00cc6a;border-color:#00cc6a;box-shadow:var(--glow);transform:translateY(-1px)}.btn-outline-danger{color:#ff4757;border-color:#ff4757}.btn-outline-danger:hover{background-color:#ff4757;border-color:#ff4757;box-shadow:0 0 10px #ff47574d}.form-control{background-color:var(--card-background-color);border-color:var(--border-color);color:var(--text-color-secondary);font-weight:600}.form-control:focus{background-color:var(--card-background-color);border-color:var(--primary-color);color:var(--text-color);box-shadow:var(--glow)}.form-control::placeholder{color:var(--text-color-muted)}.card-title{color:var(--text-color)!important;font-weight:800;text-shadow:0 0 5px rgba(0,255,136,.3)}.display-4{color:var(--text-color)!important;font-weight:900;text-shadow:var(--glow);font-family:Courier New,monospace}.fw-bold{color:var(--text-color-secondary)!important;font-weight:800}.text-muted{color:var(--text-color-muted)!important;font-weight:600}.lead{color:var(--text-color-muted)!important;font-weight:600;text-shadow:0 0 5px rgba(0,255,136,.2)}.bi{color:var(--text-color);filter:drop-shadow(0 0 3px rgba(0,255,136,.5))}.list-group-item-action:hover{background-color:#0f83!important;color:var(--text-color)!important;border-color:var(--primary-color)!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--card-background-color);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px;box-shadow:var(--glow)}::-webkit-scrollbar-thumb:hover{background:#00cc6a}::selection{background:rgba(0,255,136,.3);color:var(--text-color-secondary)}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}.blockquote{color:var(--text-color-secondary)!important;font-weight:600;font-style:italic;border-left:3px solid var(--primary-color);padding-left:1rem;margin-left:0}.blockquote p{color:var(--text-color-secondary)!important;font-size:1rem;line-height:1.5}.blockquote-footer{color:var(--text-color-muted)!important;font-weight:600;font-style:normal}.blockquote-footer:before{content:"- ";color:var(--primary-color)}.card-text{color:var(--text-color-secondary)!important;font-weight:600;line-height:1.6}p{color:var(--text-color-secondary)!important;font-weight:600}.schedule-time{color:var(--text-color)!important;font-weight:800;text-shadow:0 0 5px rgba(0,255,136,.3)}.schedule-activity{color:var(--text-color-secondary)!important;font-weight:600}.btn-success{background-color:var(--primary-color);border-color:var(--primary-color);color:#000;font-weight:800}.btn-success:hover{background-color:#00cc6a;border-color:#00cc6a;box-shadow:var(--glow)}.btn-secondary{background-color:#666;border-color:#666;color:var(--text-color-secondary);font-weight:600}.btn-secondary:hover{background-color:#777;border-color:#777;box-shadow:0 0 10px #fff3}.btn-outline-primary{color:var(--primary-color);border-color:var(--primary-color);font-weight:600}.btn-outline-primary:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#000;box-shadow:var(--glow)}.ai-suggestions-card{background:rgba(0,255,255,.05);border:1px solid rgba(0,255,255,.3);box-shadow:0 0 20px #00ffff1a;margin-bottom:1.5rem}.ai-suggestions-card .card-header{background:rgba(0,255,255,.1);border-bottom:1px solid rgba(0,255,255,.3);color:#0ff;font-weight:600}.ai-suggestions-card .list-group-item{background:rgba(0,0,0,.3);border-color:#0ff3;color:#fff}.ai-suggestions-card .list-group-item:hover{background:rgba(0,255,255,.1);transform:translate(2px);transition:all .2s ease}.ai-suggestions-card .btn-success{background:linear-gradient(45deg,#00ff88,#00cc66);border:none;box-shadow:0 2px 10px #00ff884d}.ai-suggestions-card .btn-success:hover{background:linear-gradient(45deg,#00cc66,#00ff88);box-shadow:0 4px 15px #00ff8880;transform:translateY(-1px)}.ai-suggestions-card .btn-outline-secondary{border-color:#ffffff4d;color:#ffffffb3}.ai-suggestions-card .btn-outline-secondary:hover{background:rgba(255,255,255,.1);border-color:#ffffff80;color:#fff}.ai-suggestions-card .badge{font-size:.7rem;padding:.25rem .5rem}.ai-suggestions-card .card-footer{background:rgba(0,0,0,.2);border-top:1px solid rgba(0,255,255,.2)}@keyframes ai-glow{0%,to{box-shadow:0 0 20px #00ffff1a}50%{box-shadow:0 0 30px #0ff3}}.ai-suggestions-card:hover{animation:ai-glow 2s ease-in-out infinite}.ai-suggestions-card .spinner-border-sm{width:1rem;height:1rem}.ai-suggestions-card .text-primary{color:#0d6efd!important}.ai-suggestions-card .text-success{color:#198754!important}.ai-suggestions-card .text-info{color:#0dcaf0!important}.ai-suggestions-card .text-warning{color:#ffc107!important}.ai-suggestions-card .text-secondary{color:#6c757d!important}.ai-suggestions-card .text-dark{color:#212529!important}.achievement-celebration{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;background:linear-gradient(135deg,rgba(0,255,136,.9),rgba(0,200,100,.9));padding:2rem;border-radius:1rem;border:2px solid var(--primary-color);box-shadow:0 0 30px #00ff8880;text-align:center;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-skeleton{background:linear-gradient(90deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.3) 50%,rgba(0,255,136,.1) 100%);background-size:200% 100%;border-radius:.25rem}.loading-skeleton-static{background-color:#00ff881a;border-radius:.25rem}.floating-action-button{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:linear-gradient(45deg,var(--primary-color),#00cc66);border:none;color:#fff;font-size:1.5rem;cursor:pointer;z-index:1000;box-shadow:0 4px 20px #00ff884d}.card{transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--glow),0 8px 25px #00ff8826}.btn{transition:all .2s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.form-control{transition:all .3s ease}.form-control:focus{transform:scale(1.02);box-shadow:0 0 0 3px #00ff884d}.list-group-item{transition:all .2s ease}.list-group-item:hover{transform:translate(5px);background-color:#00ff880d}.form-check-input{transition:all .2s ease}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 10px #00ff8880}.progress{overflow:hidden;background-color:#00ff881a}.progress-bar{background:linear-gradient(45deg,var(--primary-color),#00cc66);box-shadow:0 0 10px #00ff884d;transition:width .6s ease}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px #00ff884d}50%{box-shadow:0 0 20px #0f89}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.3) 50%,rgba(0,255,136,.1) 100%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.bounce-in{animation:bounce-in .6s ease}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.slide-in-right{animation:slide-in-right .3s ease}.slide-out-right{animation:slide-out-right .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-in{animation:fade-in .3s ease}.fade-out{animation:fade-out .3s ease}@keyframes scale-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.scale-in{animation:scale-in .3s ease}@keyframes rotate-in{0%{transform:rotate(-180deg);opacity:0}to{transform:rotate(0);opacity:1}}.rotate-in{animation:rotate-in .5s ease}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-skeleton{animation:none;opacity:.5}}.card,.btn,.list-group-item,.form-control{will-change:transform}.simple-task-input{width:100%}.simple-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem 0}.simple-mode-indicator{display:flex;align-items:center;gap:.5rem;color:var(--text-color-muted);font-weight:500;font-size:.9rem}.simple-input-header .btn{font-size:.8rem;padding:.4rem .8rem;border-radius:20px;transition:all .3s ease}.simple-input-header .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ff884d}.task-content{display:flex;align-items:flex-start;gap:.75rem;flex:1}.task-details{flex:1}.task-text{display:block;margin-bottom:.5rem;font-weight:600;line-height:1.3}.task-metadata{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem}.task-metadata span{display:flex;align-items:center;padding:.2rem .5rem;border-radius:12px;font-weight:500;white-space:nowrap}.task-priority{border:1px solid}.task-priority.priority-high{background:rgba(255,107,53,.2);color:#ff6b35;border-color:#ff6b3566}.task-priority.priority-low{background:rgba(0,255,136,.2);color:var(--primary-color);border-color:#0f86}.task-category{background:rgba(155,89,182,.2);color:#9b59b6;border:1px solid rgba(155,89,182,.4)}.task-due-date{background:rgba(52,152,219,.2);color:#3498db;border:1px solid rgba(52,152,219,.4)}.task-duration{background:rgba(241,196,15,.2);color:#f1c40f;border:1px solid rgba(241,196,15,.4)}.task-source-nlp{background:linear-gradient(135deg,rgba(0,255,136,.3) 0%,rgba(0,255,136,.1) 100%);color:var(--primary-color);border:1px solid rgba(0,255,136,.5);animation:nlpGlow 2s infinite}@keyframes nlpGlow{0%,to{box-shadow:0 0 5px #00ff884d}50%{box-shadow:0 0 15px #0f89}}.card,.btn,.animated-element{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.productivity-analytics{position:relative}.analytics-actions{display:flex;gap:.5rem}.analytics-tabs .nav-tabs{background-color:transparent;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.analytics-tabs .nav-link{background-color:transparent;border:1px solid transparent;color:var(--text-color-muted);font-family:Courier New,monospace;font-weight:600;padding:.75rem 1rem;transition:all .3s ease}.analytics-tabs .nav-link:hover{color:var(--text-color);border-color:var(--border-color);background-color:#00ff880d}.analytics-tabs .nav-link.active{color:var(--text-color);background-color:#00ff881a;border-color:var(--primary-color);box-shadow:0 0 10px #00ff884d}.metric-card{background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border:1px solid rgba(0,255,136,.2);border-radius:var(--border-radius);padding:1.5rem 1rem;transition:all .3s ease;height:100%}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f83;border-color:var(--primary-color)}.metric-icon{font-size:2rem;margin-bottom:.5rem}.metric-value{font-size:2rem;font-weight:700;color:var(--text-color);font-family:Courier New,monospace;margin-bottom:.25rem}.metric-label{font-size:.875rem;color:var(--text-color-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.chart-container{background:linear-gradient(135deg,rgba(0,255,136,.05) 0%,rgba(0,255,136,.02) 100%);border:1px solid rgba(0,255,136,.15);border-radius:var(--border-radius);padding:1.5rem;height:100%}.chart-title{color:var(--text-color);font-family:Courier New,monospace;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,255,136,.2)}.chart-wrapper{position:relative;width:100%}.metrics-table{background:linear-gradient(135deg,rgba(0,255,136,.05) 0%,rgba(0,255,136,.02) 100%);border:1px solid rgba(0,255,136,.15);border-radius:var(--border-radius);padding:1.5rem}.table-dark{--bs-table-bg: transparent;--bs-table-striped-bg: rgba(0, 255, 136, .05);--bs-table-border-color: rgba(0, 255, 136, .2);color:var(--text-color-secondary)}.table-dark th{color:var(--text-color);font-family:Courier New,monospace;font-weight:600;border-bottom:2px solid rgba(0,255,136,.3)}.insight-card{background:linear-gradient(135deg,rgba(0,255,136,.08) 0%,rgba(0,255,136,.03) 100%);border-radius:var(--border-radius);padding:1.25rem;margin-bottom:1rem;transition:all .3s ease;position:relative;overflow:hidden}.insight-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),transparent);opacity:.6}.insight-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00ff8826}.insight-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.insight-icon{font-size:1.5rem;min-width:2rem;text-align:center}.insight-title-section{flex:1;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.insight-title{color:var(--text-color);font-family:Courier New,monospace;font-weight:600;margin:0;font-size:1rem}.insight-priority{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.insight-content{margin-left:3rem}.insight-message{color:var(--text-color-secondary);margin-bottom:.75rem;font-size:.95rem;line-height:1.5}.insight-recommendation{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:rgba(0,255,136,.05);border-radius:.375rem;border-left:3px solid rgba(255,193,7,.6)}.insight-recommendation small{line-height:1.4;font-style:italic}.insights-list{max-height:600px;overflow-y:auto;padding-right:.5rem}.insights-list::-webkit-scrollbar{width:6px}.insights-list::-webkit-scrollbar-track{background:rgba(0,255,136,.1);border-radius:3px}.insights-list::-webkit-scrollbar-thumb{background:rgba(0,255,136,.3);border-radius:3px}.insights-list::-webkit-scrollbar-thumb:hover{background:rgba(0,255,136,.5)}.no-insights{text-align:center;padding:3rem 1rem;background:linear-gradient(135deg,rgba(0,255,136,.05) 0%,rgba(0,255,136,.02) 100%);border:1px solid rgba(0,255,136,.15);border-radius:var(--border-radius)}.more-insights-indicator{padding:1rem;background:rgba(0,255,136,.05);border-radius:var(--border-radius);border:1px dashed rgba(0,255,136,.2)}.loading-spinner{display:inline-block;width:2rem;height:2rem;border:3px solid rgba(0,255,136,.2);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.analytics-tabs .nav-link{padding:.5rem .75rem;font-size:.875rem}.metric-card{padding:1rem;margin-bottom:1rem}.metric-value{font-size:1.5rem}.chart-container{padding:1rem}.insight-content{margin-left:0}.insight-header{flex-direction:column;gap:.5rem}.insight-title-section{flex-direction:column;align-items:flex-start;gap:.5rem}}.metric-card,.chart-container,.insight-card{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.achievement-system{position:relative}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.header-title{font-family:Courier New,monospace;font-weight:600;color:var(--text-color)}.header-progress{display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-size:.875rem;color:var(--text-color-muted)}.mini-progress-bar{width:60px;height:4px;background:rgba(0,255,136,.2);border-radius:2px;overflow:hidden}.mini-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),#66ff99);border-radius:2px}.achievement-stats{margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,255,136,.05) 100%);border:1px solid rgba(0,255,136,.2);border-radius:var(--border-radius);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f83;border-color:var(--primary-color)}.stat-icon{font-size:2rem;color:var(--primary-color);min-width:3rem;text-align:center}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:var(--text-color);font-family:Courier New,monospace;line-height:1}.stat-label{font-size:.875rem;color:var(--text-color-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.achievement-filters{display:flex;gap:1rem;margin-bottom:2rem;padding:1rem;background:rgba(0,255,136,.05);border-radius:var(--border-radius);border:1px solid rgba(0,255,136,.15)}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.filter-group label{font-size:.875rem;font-weight:600;color:var(--text-color);font-family:Courier New,monospace}.filter-group .form-select{background-color:var(--card-background-color);border:1px solid rgba(0,255,136,.3);color:var(--text-color-secondary);font-family:Courier New,monospace;font-size:.875rem}.filter-group .form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #00ff8840}.achievement-categories{display:flex;flex-direction:column;gap:1.5rem}.achievement-category{background:linear-gradient(135deg,rgba(0,255,136,.05) 0%,rgba(0,255,136,.02) 100%);border:1px solid rgba(0,255,136,.15);border-radius:var(--border-radius);overflow:hidden}.category-header{padding:1rem 1.5rem;background:rgba(0,255,136,.1);border-bottom:1px solid rgba(0,255,136,.2);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease}.category-header:hover{background:rgba(0,255,136,.15)}.category-info{display:flex;align-items:center;gap:1rem;flex:1}.category-info i{font-size:1.25rem;color:var(--primary-color)}.category-info h5{margin:0;color:var(--text-color);font-family:Courier New,monospace;font-weight:600}.category-progress{background:rgba(0,255,136,.2);color:var(--text-color);padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-family:Courier New,monospace;font-weight:600}.category-progress-bar{flex:1;height:6px;background:rgba(0,255,136,.2);border-radius:3px;margin:0 1rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),#66ff99);border-radius:3px}.category-achievements{padding:1.5rem}.achievement-card{background:linear-gradient(135deg,rgba(0,255,136,.08) 0%,rgba(0,255,136,.03) 100%);border:1px solid rgba(0,255,136,.2);border-radius:var(--border-radius);padding:1.25rem;transition:all .3s ease;position:relative;overflow:hidden}.achievement-card.unlocked{border-color:var(--rarity-color, var(--primary-color));box-shadow:var(--rarity-glow, var(--glow))}.achievement-card.locked{opacity:.7;filter:grayscale(.3);background:linear-gradient(135deg,rgba(0,255,136,.03) 0%,rgba(0,255,136,.01) 100%);border-color:#00ff881a}.achievement-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00ff8826}.achievement-card.unlocked:hover{box-shadow:0 8px 25px var(--rarity-color, rgba(0, 255, 136, .3))}.achievement-card-content{display:flex;gap:1rem;position:relative;z-index:2}.achievement-icon-container{position:relative;min-width:3rem}.achievement-icon{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,var(--rarity-color, var(--primary-color)),transparent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-color-secondary);border:2px solid var(--rarity-color, var(--primary-color))}.achievement-checkmark{position:absolute;top:-5px;right:-5px;background:var(--primary-color);border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--background-color)}.achievement-name{color:var(--text-color);font-family:Courier New,monospace;font-weight:600;margin:0 0 .5rem;font-size:1rem}.achievement-description{color:var(--text-color-muted);font-size:.875rem;line-height:1.4;margin:0 0 .75rem}.achievement-meta{display:flex;gap:.5rem;margin-bottom:.75rem}.rarity-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.rarity-badge.rarity-common{background:rgba(0,255,136,.1);color:var(--text-color-muted)}.rarity-badge.rarity-uncommon{background:rgba(0,255,136,.2);color:var(--text-color)}.rarity-badge.rarity-rare{background:rgba(0,255,136,.3);color:var(--text-color)}.rarity-badge.rarity-epic{background:rgba(0,255,136,.4);color:var(--text-color)}.rarity-badge.rarity-legendary{background:rgba(0,255,136,.5);color:var(--text-color)}.category-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:capitalize;background:rgba(0,255,136,.2);color:var(--text-color-muted)}.achievement-rewards{display:flex;gap:.5rem;margin-bottom:.5rem}.reward-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.reward-badge.xp{background:rgba(0,255,136,.2);color:var(--text-color)}.reward-badge.coins{background:rgba(0,255,136,.3);color:var(--text-color)}.achievement-unlock-date{margin-top:.5rem}.achievement-unlock-date small{color:var(--text-color-muted);font-style:italic}.achievement-glow-effect{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--rarity-color, var(--primary-color)),transparent);opacity:.1;pointer-events:none}.achievement-notifications-container{position:fixed;top:20px;right:20px;z-index:9999;pointer-events:none}.achievement-notification{background:linear-gradient(135deg,var(--card-background-color) 0%,rgba(0,255,136,.1) 100%);border:2px solid var(--rarity-color, var(--primary-color));border-radius:var(--border-radius);box-shadow:0 10px 30px #00000080,var(--rarity-glow, var(--glow));width:350px;position:relative;pointer-events:auto;overflow:hidden}.achievement-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;border-radius:50%;top:50%;left:50%}.achievement-content{padding:1.5rem;position:relative;z-index:2}.achievement-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.achievement-notification .achievement-icon{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,var(--rarity-color, var(--primary-color)),transparent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-color-secondary);border:2px solid var(--rarity-color, var(--primary-color));min-width:3rem}.achievement-text{flex:1}.achievement-title{font-size:.875rem;color:var(--text-color-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.achievement-notification .achievement-name{font-size:1.125rem;color:var(--text-color);font-family:Courier New,monospace;font-weight:600;margin-bottom:.5rem}.achievement-notification .achievement-description{font-size:.875rem;color:var(--text-color-secondary);line-height:1.4}.achievement-close{background:none;border:none;color:var(--text-color-muted);font-size:1.25rem;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.achievement-close:hover{background:rgba(255,255,255,.1);color:var(--text-color)}.achievement-rewards{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid rgba(0,255,136,.2)}.achievement-notification .reward-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-color)}.achievement-notification .reward-item i{color:var(--primary-color)}.achievement-notification .rarity-badge{margin-left:auto}.achievement-notification .rarity-text{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.achievement-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--rarity-color, var(--primary-color)),transparent);border-radius:var(--border-radius);z-index:1}.no-achievements{text-align:center;padding:3rem 1rem;color:var(--text-color-muted)}@media (max-width: 768px){.achievement-filters{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.achievements-grid{grid-template-columns:1fr}.achievement-notification{width:300px}.achievement-notifications-container{right:10px;left:10px}.category-header{padding:.75rem 1rem}.category-info{gap:.5rem}.achievement-card-content{flex-direction:column;text-align:center}.achievement-icon-container{align-self:center}}.user-profile{padding:1.5rem}.user-profile-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.profile-header{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 15px #0000001a}.avatar-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;max-width:200px}.avatar-option{width:35px;height:35px;border:2px solid transparent;border-radius:50%;background:#f8f9fa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.avatar-option:hover{border-color:#007bff;transform:scale(1.1)}.avatar-option.selected{border-color:#007bff;background:#e3f2fd}.avatar-emoji{font-size:2rem}.online-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6c757d}.status-indicator{width:8px;height:8px;border-radius:50%;background:#dc3545}.status-indicator.online{background:#28a745}.profile-info{flex:1;min-width:250px}.profile-name h2{margin:0;font-size:1.5rem;font-weight:600}.username{color:#6c757d;font-size:.875rem}.profile-level{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.level-badge{background:linear-gradient(135deg,var(--primary-color) 0%,rgba(0,255,136,.8) 100%);color:var(--background-color);padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600}.xp-text{color:#6c757d;font-size:.875rem}.profile-bio{margin:1rem 0}.profile-bio p{margin:0;color:#495057;line-height:1.5}.profile-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#6c757d}.join-date{display:flex;align-items:center;gap:.5rem}.profile-actions{display:flex;flex-direction:column;gap:.5rem}.edit-actions,.social-actions{display:flex;gap:.5rem}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:10px}.stat-item{text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:#007bff}.stat-label{font-size:.875rem;color:#6c757d;margin-top:.25rem}.profile-tabs{margin-top:2rem}.nav-tabs{border-bottom:2px solid #dee2e6}.nav-tabs .nav-link{border:none;border-bottom:2px solid transparent;color:#6c757d;padding:.75rem 1rem;transition:all .2s ease}.nav-tabs .nav-link:hover{border-color:transparent;color:#007bff}.nav-tabs .nav-link.active{background:none;border-color:#007bff;color:#007bff}.tab-content{padding:2rem 0}.detailed-stats h4{margin-bottom:1.5rem;color:#495057}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--card-background-color);border-radius:10px;box-shadow:0 2px 10px #0000001a;border:1px solid var(--border-color)}.stat-card i{font-size:1.5rem}.stat-number{font-size:1.25rem;font-weight:600;color:#495057}.stat-description{font-size:.875rem;color:#6c757d}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.achievement-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--card-background-color);border-radius:10px;box-shadow:0 2px 10px #0000001a;border:1px solid var(--border-color);transition:transform .2s ease}.achievement-card:hover{transform:translateY(-2px)}.achievement-icon{font-size:2rem;width:50px;text-align:center}.achievement-info{flex:1}.achievement-name{font-weight:600;color:#495057;margin-bottom:.25rem}.achievement-description{font-size:.875rem;color:#6c757d;margin-bottom:.5rem}.achievement-date{font-size:.75rem;color:#adb5bd}.rarity-badge{padding:.25rem .5rem;border-radius:15px;font-size:.75rem;font-weight:600;text-transform:uppercase}.rarity-badge.common{background:rgba(0,255,136,.1);color:var(--text-color-muted)}.rarity-badge.rare{background:rgba(0,255,136,.3);color:var(--text-color)}.rarity-badge.epic{background:rgba(0,255,136,.4);color:var(--text-color)}.rarity-badge.legendary{background:rgba(0,255,136,.5);color:var(--text-color)}.no-achievements{text-align:center;padding:3rem 1rem;color:#6c757d}.no-achievements i{font-size:3rem;margin-bottom:1rem;opacity:.5}.privacy-settings{max-width:400px}.privacy-option{padding:1rem 0;border-bottom:1px solid #dee2e6}.privacy-option:last-child{border-bottom:none}.privacy-option label{display:flex;align-items:center;gap:.75rem;cursor:pointer;margin:0}.user-profile-modal{max-width:800px;max-height:90vh;overflow-y:auto}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1050;padding:1rem}.modal-content{background:var(--card-background-color);border-radius:10px;box-shadow:0 10px 30px #0000004d;border:1px solid var(--border-color);width:100%}.modal-header{display:flex;justify-content:between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #dee2e6}.modal-title{margin:0;font-size:1.25rem;font-weight:600}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-body{padding:0}.social-feed{padding:1.5rem}.social-feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.feed-title{display:flex;align-items:center;gap:1rem}.feed-title h4{margin:0;display:flex;align-items:center;gap:.5rem}.social-stats{display:flex;gap:1rem;font-size:.875rem;color:#6c757d}.social-stats .stat{display:flex;align-items:center;gap:.25rem}.feed-filters{margin-bottom:1.5rem}.nav-pills .nav-link{border-radius:20px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s ease}.nav-pills .nav-link:not(.active){background:#f8f9fa;color:#6c757d}.nav-pills .nav-link.active{background:var(--primary-color);color:var(--background-color)}.suggested-users{margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:10px}.suggested-users h6{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;color:#495057}.suggestions-list{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.suggestion-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--card-background-color);border-radius:10px;box-shadow:0 2px 10px #0000001a;border:1px solid var(--border-color);min-width:200px;cursor:pointer;transition:all .2s ease}.suggestion-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.suggestion-info{display:flex;align-items:center;gap:.75rem;flex:1}.suggestion-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.suggestion-name{font-weight:600;color:#495057;font-size:.875rem}.suggestion-level{font-size:.75rem;color:#6c757d}.activity-feed{max-height:600px;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:10px;margin-bottom:.5rem;transition:all .2s ease}.activity-item:hover{background:rgba(0,0,0,.02)}.activity-avatar{position:relative;width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;flex-shrink:0}.activity-icon{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background:var(--card-background-color);display:flex;align-items:center;justify-content:center;font-size:.75rem;box-shadow:0 2px 5px #0000001a}.activity-body{flex:1}.activity-content{margin-bottom:.5rem;line-height:1.4}.activity-content strong{color:#495057}.achievement-name{color:#007bff;font-weight:600}.milestone-text{color:#28a745;font-weight:600}.activity-time{font-size:.75rem;color:#adb5bd}.activity-actions{display:flex;align-items:center;gap:.5rem}.empty-feed{text-align:center;padding:3rem 1rem;color:#6c757d}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-feed h5{margin-bottom:1rem}.empty-feed p{margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center}.profile-stats{grid-template-columns:repeat(2,1fr)}.stats-grid,.achievements-grid{grid-template-columns:1fr}.suggestions-list{flex-direction:column}.suggestion-card{min-width:auto}.social-stats{flex-direction:column;gap:.5rem}.feed-title{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 576px){.social-feed,.user-profile{padding:1rem}.profile-stats{grid-template-columns:1fr}.activity-item{padding:.75rem}.modal-backdrop{padding:.5rem}}