:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#f97316;--secondary-hover:#ea580c;--bg-body:#f8fafc;--bg-surface:#fff;--bg-subtle:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--border-color:#e2e8f0;--border-hover:#cbd5e1;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition-base:all 0.2s ease-in-out}.language-btn{background:transparent;border:1px solid hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.8);padding:.4rem .8rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;font-size:.9rem}.language-btn:hover{background:hsla(0,0%,100%,.1);color:#fff;border-color:hsla(0,0%,100%,.6)}.language-btn.active{background:hsla(0,0%,100%,.2);color:#fff;border-color:#fff;font-weight:600}:root[data-theme=dark]{--bg-body:#0f172a;--bg-surface:#1e293b;--bg-subtle:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-color:#334155;--border-hover:#475569;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -4px rgba(0,0,0,.3)}*,:after,:before{box-sizing:border-box}body{padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600}p{margin:0;color:var(--text-secondary)}a{color:inherit;text-decoration:none;transition:var(--transition-base)}button{font-family:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.main-layout{display:flex;max-width:1280px;margin:0 auto;padding:2rem;gap:2rem;width:100%}.header{color:#fff;padding:4rem 2rem;text-align:center;box-shadow:var(--shadow-md);position:relative}.sven-status{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 2rem;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50px;font-size:1.5rem;font-weight:800;max-width:-moz-fit-content;max-width:fit-content;margin-left:auto;margin-right:auto;border:3px solid hsla(0,0%,100%,.5);transition:all .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 60px hsla(0,0%,100%,.2);text-transform:uppercase}.sven-emoji{font-size:2.5rem;animation:crazyRotate 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,100,0,.8))}.sven-text{letter-spacing:.1em;text-shadow:0 0 10px hsla(0,0%,100%,.8),0 0 20px rgba(255,0,255,.6),0 0 30px rgba(0,255,255,.4);animation:textGlitch 4s ease-in-out infinite}@keyframes crazyRotate{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.3) rotate(-15deg)}50%{transform:scale(1.5) rotate(15deg)}75%{transform:scale(1.3) rotate(-10deg)}}@keyframes textGlitch{0%,to{transform:translateX(0);filter:hue-rotate(0deg)}20%{transform:translateX(-2px);filter:hue-rotate(90deg)}40%{transform:translateX(2px);filter:hue-rotate(180deg)}60%{transform:translateX(-2px);filter:hue-rotate(270deg)}80%{transform:translateX(2px);filter:hue-rotate(1turn)}}.header.sven-cooked{background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,#ff1493,#0ff,#ff69b4,#7fff00,#ff4500,red);background-size:1000% 1000%;animation:insaneRainbow 4s linear infinite,headerPulse 2s ease-in-out infinite}@keyframes insaneRainbow{0%{background-position:0 50%;filter:hue-rotate(0deg) saturate(150%)}50%{background-position:100% 50%;filter:hue-rotate(180deg) saturate(200%)}to{background-position:0 50%;filter:hue-rotate(1turn) saturate(150%)}}@keyframes headerPulse{0%,to{transform:scale(1);box-shadow:0 0 40px rgba(255,0,255,.5),0 0 80px rgba(0,255,255,.3)}50%{transform:scale(1.01);box-shadow:0 0 60px rgba(255,0,255,.8),0 0 120px rgba(0,255,255,.5),inset 0 0 40px rgba(255,255,0,.2)}}.header.sven-cooked .sven-status{animation:statusBounce 1s ease-in-out infinite;background:linear-gradient(135deg,rgba(255,0,255,.3),rgba(0,255,255,.3));border:3px solid hsla(0,0%,100%,.9)}@keyframes statusBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.header.sven-not-cooked{background:#000;animation:voidPulse 5s ease-in-out infinite;position:relative;overflow:hidden}.header.sven-not-cooked:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(20,20,40,.8) 0,transparent 70%);animation:voidRotate 20s linear infinite}@keyframes voidPulse{0%,to{box-shadow:inset 0 0 100px rgba(0,0,0,.9)}50%{box-shadow:inset 0 0 150px rgba(20,0,40,.95)}}@keyframes voidRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header.sven-not-cooked .sven-status{background:rgba(0,0,0,.8);border-color:rgba(100,100,150,.3);box-shadow:0 0 30px rgba(100,100,200,.3);animation:ghostFloat 4s ease-in-out infinite;position:relative;z-index:1}@keyframes ghostFloat{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-15px);opacity:1}}.header.sven-not-cooked .sven-emoji{animation:ghostSpin 6s linear infinite;filter:grayscale(100%) drop-shadow(0 0 10px rgba(200,200,255,.5))}@keyframes ghostSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(.8)}to{transform:rotate(1turn) scale(1)}}.header.sven-not-cooked h1,.header.sven-not-cooked p{position:relative;z-index:1;text-shadow:0 0 20px rgba(150,150,200,.5)}.sven-main{min-height:calc(100vh - 300px);align-items:center;justify-content:center;padding:3rem 2rem;overflow:hidden}.sven-container,.sven-main{display:flex;position:relative}.sven-container{max-width:1200px;width:100%;flex-direction:column;gap:3rem;z-index:1}.mega-timer{text-align:center;padding:4rem 2rem;background:var(--bg-surface);border-radius:var(--radius-xl);border:3px solid var(--border-color);box-shadow:var(--shadow-lg);transition:all .5s ease}.cooked-mode .mega-timer{background:linear-gradient(135deg,rgba(255,0,100,.1),rgba(255,200,0,.1));border-color:rgba(255,100,0,.5);box-shadow:0 0 60px rgba(255,100,0,.3);animation:timerPulse 2s ease-in-out infinite}.sleep-mode .mega-timer{background:rgba(20,20,40,.5);border-color:rgba(100,100,150,.3);box-shadow:0 0 40px rgba(100,100,200,.2)}@keyframes timerPulse{0%,to{transform:scale(1);box-shadow:0 0 60px rgba(255,100,0,.3)}50%{transform:scale(1.02);box-shadow:0 0 100px rgba(255,100,0,.5)}}.timer-label{font-size:1.5rem;font-weight:600;color:var(--text-secondary);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.1em}.timer-value{font-size:5rem;font-weight:900;color:var(--text-primary);font-family:Courier New,monospace;text-shadow:0 0 30px hsla(0,0%,100%,.3);animation:numberGlow 2s ease-in-out infinite}.cooked-mode .timer-value{background:linear-gradient(45deg,#ff0080,#ff8c00,#ff0,#0f0);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbowText 3s linear infinite,numberGlow 2s ease-in-out infinite}@keyframes rainbowText{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes numberGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.schedule-card{background:var(--bg-surface);border-radius:var(--radius-xl);border:2px solid var(--border-color);padding:2.5rem;box-shadow:var(--shadow-md)}.schedule-card h2{font-size:2rem;margin-bottom:2rem;text-align:center}.schedule-items{display:flex;gap:1.5rem;flex-wrap:wrap}.schedule-item{flex:1 1;min-width:250px;padding:2rem;background:var(--bg-subtle);border-radius:var(--radius-lg);border:2px solid var(--border-color);display:flex;flex-direction:column;gap:1rem;align-items:center;transition:all .3s ease;opacity:.5}.schedule-item.active{opacity:1;transform:scale(1.05);border-color:var(--primary-color);box-shadow:0 0 40px rgba(37,99,235,.3)}.cooked-mode .schedule-item.active{border-color:rgba(255,100,0,.8);box-shadow:0 0 40px rgba(255,100,0,.4);animation:scheduleGlow 2s ease-in-out infinite}@keyframes scheduleGlow{0%,to{box-shadow:0 0 40px rgba(255,100,0,.4)}50%{box-shadow:0 0 60px rgba(255,100,0,.6)}}.schedule-time{font-size:1.5rem;font-weight:700;font-family:Courier New,monospace}.schedule-status{font-size:1.25rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.fact-card{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:all .3s ease;cursor:pointer}.fact-card:hover{transform:translateY(-5px) rotate(1deg);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.cooked-mode .fact-card:hover{animation:factWobble .5s ease}@keyframes factWobble{0%,to{transform:translateY(-5px) rotate(0deg)}25%{transform:translateY(-5px) rotate(2deg)}75%{transform:translateY(-5px) rotate(-2deg)}}.fact-icon{font-size:3rem;margin-bottom:1rem;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fact-card:first-child .fact-icon{animation-delay:0s}.fact-card:nth-child(2) .fact-icon{animation-delay:.2s}.fact-card:nth-child(3) .fact-icon{animation-delay:.4s}.fact-card:nth-child(4) .fact-icon{animation-delay:.6s}.fact-text{font-size:1.125rem;font-weight:600;color:var(--text-secondary)}.history-card{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-md)}.history-card h3{font-size:1.75rem;margin-bottom:2rem;text-align:center}.timeline{gap:2px;margin-bottom:1rem;height:60px;border-radius:var(--radius-md);overflow:hidden}.timeline,.timeline-block{display:flex;position:relative}.timeline-block{flex:1 1;transition:all .3s ease;align-items:center;justify-content:center}.timeline-block:hover{transform:scaleY(1.2);z-index:10}.cooked-block{background:linear-gradient(180deg,#ff6b6b,#ee5a6f)}.sleep-block{background:linear-gradient(180deg,#2d3748,#1a202c)}.timeline-block.current-block{box-shadow:inset 0 0 0 3px hsla(0,0%,100%,.8);animation:currentPulse 2s ease-in-out infinite}@keyframes currentPulse{0%,to{box-shadow:inset 0 0 0 3px hsla(0,0%,100%,.8)}50%{box-shadow:inset 0 0 0 3px #fff,0 0 20px hsla(0,0%,100%,.5)}}.current-marker{font-size:1.5rem;color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.8);animation:markerBounce 1s ease-in-out infinite}@keyframes markerBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.timeline-labels{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem;font-weight:600;color:var(--text-tertiary);font-family:Courier New,monospace}@media (max-width:768px){.timer-value{font-size:3rem}.timer-label{font-size:1.125rem}.schedule-items{flex-direction:column}.facts-grid{grid-template-columns:1fr}.timeline{height:40px}}.cooked-mode:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,100,0,.05) 0,transparent 70%);pointer-events:none;z-index:0;animation:backgroundPulse 4s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:.5}50%{opacity:1}}.sleep-mode:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(50,50,100,.1) 0,transparent 50%),radial-gradient(circle at 70% 60%,rgba(100,50,150,.1) 0,transparent 50%);pointer-events:none;z-index:0;animation:voidShift 10s ease-in-out infinite}@keyframes voidShift{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}.demon-card{background:linear-gradient(135deg,#dc2626,#991b1b 50%,#7f1d1d);border-radius:var(--radius-xl);padding:3rem;box-shadow:0 20px 60px rgba(220,38,38,.6);border:3px solid hsla(0,0%,100%,.3);position:relative;overflow:hidden;animation:demonPulse 2s ease-in-out infinite}.demon-card:before{content:"⚔️🛡️👹💀🔥⚡";position:absolute;top:0;left:0;width:100%;height:100%;font-size:5rem;opacity:.08;animation:demonSwirl 15s linear infinite;pointer-events:none;text-align:center;line-height:1.8}@keyframes demonPulse{0%,to{box-shadow:0 20px 60px rgba(220,38,38,.6);transform:scale(1)}50%{box-shadow:0 20px 100px rgba(220,38,38,.9),0 0 80px rgba(255,0,0,.5);transform:scale(1.01)}}@keyframes demonSwirl{0%{transform:rotate(0deg) scale(1);opacity:.08}50%{opacity:.15}to{transform:rotate(1turn) scale(1);opacity:.08}}.demon-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;position:relative;z-index:1}.demon-icon{font-size:3rem;animation:demonShake 1s ease-in-out infinite}@keyframes demonShake{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}50%{transform:rotate(10deg) scale(1.1)}75%{transform:rotate(-10deg) scale(1.1)}}.demon-header h2{font-size:2.25rem;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.6),0 0 40px rgba(255,0,0,.5);margin:0;letter-spacing:.05em;animation:textFlicker 3s ease-in-out infinite}@keyframes textFlicker{0%,to{opacity:1;text-shadow:0 4px 20px rgba(0,0,0,.6),0 0 40px rgba(255,0,0,.5)}50%{opacity:.95;text-shadow:0 4px 20px rgba(0,0,0,.6),0 0 60px rgba(255,0,0,.8)}}.demon-content{position:relative;z-index:1}.demon-message{background:rgba(0,0,0,.4);border:3px solid hsla(0,0%,100%,.4);border-radius:var(--radius-lg);padding:2.5rem;text-align:center;font-size:2rem;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8);margin-bottom:2rem;animation:messageBurst 2s ease-in-out infinite;text-transform:uppercase;letter-spacing:.1em}@keyframes messageBurst{0%,to{transform:scale(1);box-shadow:0 0 30px rgba(255,0,0,.4)}50%{transform:scale(1.03);box-shadow:0 0 60px rgba(255,0,0,.7)}}.demon-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.demon-stat{background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid hsla(0,0%,100%,.3);border-radius:var(--radius-lg);padding:2rem;text-align:center;animation:demonStatPulse 1.5s ease-in-out infinite;transition:all .3s ease}.demon-stat:first-child{animation-delay:0s}.demon-stat:nth-child(2){animation-delay:.2s}.demon-stat:nth-child(3){animation-delay:.4s}.demon-stat:hover{transform:scale(1.1) rotate(-2deg);border-color:hsla(0,0%,100%,.8);box-shadow:0 10px 40px rgba(0,0,0,.5)}@keyframes demonStatPulse{0%,to{transform:scale(1);box-shadow:0 0 20px rgba(255,0,0,.3)}50%{transform:scale(1.05);box-shadow:0 0 40px rgba(255,0,0,.6)}}.demon-stat-emoji{font-size:3.5rem;margin-bottom:1rem;animation:demonEmojiFloat 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,0,0,.6))}.demon-stat:first-child .demon-stat-emoji{animation-delay:0s}.demon-stat:nth-child(2) .demon-stat-emoji{animation-delay:.3s}.demon-stat:nth-child(3) .demon-stat-emoji{animation-delay:.6s}@keyframes demonEmojiFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(10deg)}}.demon-stat-label{font-size:.875rem;font-weight:700;color:hsla(0,0%,100%,.9);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.75rem}.demon-stat-value{font-size:1.75rem;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5),0 0 20px rgba(255,0,0,.5);letter-spacing:.05em}.demon-footer{background:rgba(0,0,0,.5);border:2px solid hsla(0,0%,100%,.3);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6);animation:footerGlow 3s ease-in-out infinite}@keyframes footerGlow{0%,to{box-shadow:0 0 20px rgba(255,0,0,.3)}50%{box-shadow:0 0 40px rgba(255,0,0,.6)}}@media (max-width:768px){.demon-card{padding:2rem}.demon-header h2{font-size:1.5rem}.demon-icon{font-size:2rem}.demon-message{font-size:1.25rem;padding:1.5rem}.demon-stats{grid-template-columns:1fr}.demon-stat{padding:1.5rem}.demon-footer{font-size:1.125rem}}.trader-card{background:linear-gradient(135deg,#059669,#10b981 50%,#34d399);border-radius:var(--radius-xl);padding:3rem;box-shadow:0 20px 60px rgba(16,185,129,.5);border:3px solid hsla(0,0%,100%,.3);position:relative;overflow:hidden;animation:moneyGlow 2s ease-in-out infinite}.trader-card:before{content:"💰💎📈🚀💸💵💴💶💷";position:absolute;top:0;left:0;width:100%;height:100%;font-size:4rem;opacity:.1;animation:moneyRain 10s linear infinite;pointer-events:none;word-wrap:break-word;line-height:2}@keyframes moneyGlow{0%,to{box-shadow:0 20px 60px rgba(16,185,129,.5)}50%{box-shadow:0 20px 80px rgba(52,211,153,.7),0 0 100px rgba(16,185,129,.3)}}@keyframes moneyRain{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.trader-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2.5rem;position:relative;z-index:1}.trader-icon{font-size:2.5rem;animation:stonksAnimation 1.5s ease-in-out infinite}@keyframes stonksAnimation{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-15px) scale(1.1)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-10px) scale(1.05)}}.trader-header h2{font-size:2.5rem;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.4);margin:0;animation:textShake 3s ease-in-out infinite}@keyframes textShake{0%,to{transform:translateX(0)}10%{transform:translateX(-2px)}20%{transform:translateX(2px)}30%{transform:translateX(-2px)}40%{transform:translateX(2px)}50%{transform:translateX(0)}}.trader-content{position:relative;z-index:1}.trader-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.stat-item{background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.4);border-radius:var(--radius-lg);padding:2rem;text-align:center;animation:statPop 2s ease-in-out infinite;transition:all .3s ease}.stat-item:first-child{animation-delay:0s}.stat-item:nth-child(2){animation-delay:.3s}.stat-item:nth-child(3){animation-delay:.6s}.stat-item:hover{transform:scale(1.1) rotate(2deg);box-shadow:0 10px 40px rgba(0,0,0,.3)}@keyframes statPop{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stat-emoji{font-size:3rem;margin-bottom:.5rem;animation:emojiSpin 4s linear infinite}.stat-item:first-child .stat-emoji{animation-delay:0s}.stat-item:nth-child(2) .stat-emoji{animation-delay:1s}.stat-item:nth-child(3) .stat-emoji{animation-delay:2s}@keyframes emojiSpin{0%,90%{transform:rotate(0deg)}95%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.stat-label{letter-spacing:.1em;margin-bottom:.5rem}.stat-value{font-size:1.5rem;letter-spacing:.05em}.trader-message{background:rgba(0,0,0,.2);border:2px solid hsla(0,0%,100%,.3);border-radius:var(--radius-lg);padding:2rem;text-align:center;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4);animation:messagePulse 3s ease-in-out infinite}@keyframes messagePulse{0%,to{transform:scale(1);box-shadow:0 0 0 hsla(0,0%,100%,0)}50%{transform:scale(1.02);box-shadow:0 0 30px hsla(0,0%,100%,.3)}}@media (max-width:768px){.trader-card{padding:2rem}.trader-header h2{font-size:1.75rem}.trader-icon{font-size:2rem}.trader-stats{grid-template-columns:1fr}.stat-item{padding:1.5rem}.trader-message{font-size:1.125rem;padding:1.5rem}}.trip-card{background:linear-gradient(135deg,#1e40af,#7c3aed 50%,#db2777);border-radius:var(--radius-xl);padding:3rem;box-shadow:0 20px 60px rgba(124,58,237,.4);border:3px solid hsla(0,0%,100%,.2);position:relative;overflow:hidden;animation:tripGlow 3s ease-in-out infinite}.trip-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.1),transparent);animation:tripShine 3s linear infinite}@keyframes tripGlow{0%,to{box-shadow:0 20px 60px rgba(124,58,237,.4)}50%{box-shadow:0 20px 80px rgba(219,39,119,.6)}}@keyframes tripShine{0%{transform:rotate(0deg) translate(-50%,-50%)}to{transform:rotate(1turn) translate(-50%,-50%)}}.trip-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;position:relative;z-index:1}.trip-icon{font-size:3rem;animation:planeFloat 3s ease-in-out infinite}@keyframes planeFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-5px) rotate(5deg)}}.trip-header h2{font-size:2.5rem;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3);margin:0}.trip-countdown{text-align:center;position:relative;z-index:1}.trip-date{font-size:1.75rem;font-weight:700;color:hsla(0,0%,100%,.9);text-transform:uppercase;letter-spacing:.15em;text-shadow:0 2px 10px rgba(0,0,0,.3)}.trip-date,.trip-timer{margin-bottom:2rem}.trip-countdown-numbers{display:flex;justify-content:center;align-items:center;gap:2rem}.countdown-segment{display:flex;flex-direction:column;align-items:center;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 3rem;border-radius:var(--radius-lg);border:2px solid hsla(0,0%,100%,.3);box-shadow:0 8px 32px rgba(0,0,0,.2);animation:segmentPulse 2s ease-in-out infinite}.countdown-segment:first-child{animation-delay:0s}.countdown-segment:nth-child(3){animation-delay:.3s}@keyframes segmentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.countdown-number{font-size:4.5rem;font-weight:900;color:#fff;font-family:Courier New,monospace;text-shadow:0 4px 20px rgba(0,0,0,.4);line-height:1}.countdown-label{font-size:1rem;font-weight:600;color:hsla(0,0%,100%,.8);text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem}.countdown-divider{font-size:4rem;font-weight:900;color:#fff;animation:dividerBlink 1s ease-in-out infinite}@keyframes dividerBlink{0%,49%,to{opacity:1}50%,99%{opacity:.3}}.trip-message{font-size:1.5rem;font-weight:700;color:#fff;animation:messageWave 3s ease-in-out infinite;margin-bottom:1rem}.trip-message,.trip-submessage{text-shadow:0 2px 10px rgba(0,0,0,.3)}.trip-submessage{font-size:1.25rem;font-weight:600;color:hsla(0,0%,100%,.95);animation:heartBeat 2s ease-in-out infinite}@keyframes messageWave{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(1)}75%{transform:scale(1.05)}}@media (max-width:768px){.trip-card{padding:2rem}.trip-header h2{font-size:1.75rem}.trip-icon{font-size:2rem}.trip-countdown-numbers{gap:1rem}.countdown-segment{padding:1.5rem 2rem}.countdown-divider,.countdown-number{font-size:3rem}.trip-date{font-size:1.25rem}.trip-message{font-size:1.125rem}}.header h1{font-size:2.5rem;margin-bottom:.75rem;color:#fff;letter-spacing:-.025em}.header p{font-size:1.125rem;color:hsla(0,0%,100%,.9);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.header-controls{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.filter-sidebar{width:300px;flex-shrink:0;background:var(--bg-surface);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-color);max-height:calc(100vh - 4rem);overflow-y:auto;position:-webkit-sticky;position:sticky;top:2rem;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.filter-sidebar::-webkit-scrollbar{width:6px}.filter-sidebar::-webkit-scrollbar-track{background:transparent}.filter-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.filter-sidebar::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.content-area{flex:1 1;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:500;font-size:.9375rem;cursor:pointer;transition:var(--transition-base);border:1px solid transparent;gap:.5rem}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(37,99,235,.2)}.btn-secondary{background-color:#fff;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-subtle);border-color:var(--border-hover)}.btn-outline{background:transparent;border-color:var(--border-color);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--text-secondary);color:var(--text-primary)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.card-item{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;transition:var(--transition-base);display:flex;flex-direction:column}.card-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.card-image-container{height:160px;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative}.card-image{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:transform .3s ease}.card-item:hover .card-image{transform:scale(1.05)}.card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.card-actions .btn{flex:1 1 auto;min-width:calc(50% - .25rem)}.card-actions .apply-btn{flex:1 1 100%}.filter-group{margin-bottom:1.5rem}.filter-group h4{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.75rem}.checkbox-item{display:flex;align-items:center;gap:.75rem;padding:.375rem 0;color:var(--text-secondary);cursor:pointer;transition:color .2s}.checkbox-item:hover{color:var(--text-primary)}.checkbox-item input[type=checkbox]{width:1.125rem;height:1.125rem;border-radius:4px;border:2px solid var(--border-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-surface);cursor:pointer;position:relative}.checkbox-item input[type=checkbox]:checked{background-color:var(--primary-color);border-color:var(--primary-color);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}.sort-control-wrapper{display:flex;align-items:center;gap:.75rem}.sort-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem 2rem .5rem 1rem;font-size:.9375rem;color:var(--text-primary);cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}.sort-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(37,99,235,.1)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;line-height:1}.badge-gold{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#78350f}.card-type{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.card-type-debit{background-color:#10b981;color:#fff}.card-type-credit{background-color:#8b5cf6;color:#fff}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:1000px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out;will-change:transform;transform:translateZ(0);-webkit-overflow-scrolling:touch}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.main-layout{flex-direction:column;padding:1rem}.filter-sidebar{width:100%;position:static;max-height:none}}@media (max-width:640px){.header{padding:2rem 1rem}.header h1{font-size:1.75rem}.card-grid{grid-template-columns:1fr}}@media (max-width:480px){.card-actions .btn{flex:1 1 100%;min-width:100%}}.skip-link{position:absolute;top:-100px;left:0;background:var(--primary-color);color:#fff;padding:.5rem 1rem;z-index:9999;transition:top .2s ease}.comp-cell{z-index:20;border-right:1px solid var(--border-color);color:var(--text-primary);font-weight:600}.comp-cell.section-header-label{position:absolute;top:-100px;left:0;background:var(--primary-color);color:#fff;padding:.5rem 1rem;z-index:9999;transition:top .2s ease}.comparison-table-container::-webkit-scrollbar-track{background:rgba(0,0,0,.03)}.comparison-table-container::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3)}.comparison-table-container::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}.modal-content::-webkit-scrollbar-thumb{background-color:rgba(59,130,246,.3);font-size:.75rem;position:absolute;top:-100px;left:0;background:var(--primary-color);color:#fff;padding:.5rem 1rem;z-index:9999;-webkit-transition:top .2s ease;transition:top .2s ease}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.comparison-table-container{overflow-x:auto;margin:0 -1.5rem;padding:0 1.5rem 1.5rem 1rem;scrollbar-width:thin}.comparison-table{display:grid;grid-template-columns:220px repeat(var(--col-count,1),minmax(280px,1fr));grid-gap:0;gap:0;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;min-width:-moz-fit-content;min-width:fit-content;box-shadow:var(--shadow-md)}.comp-cell{background:var(--bg-surface);padding:1.25rem 1rem;display:flex;align-items:center;font-size:.9375rem;line-height:1.5;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.comp-cell.header-cell,.comp-cell.section-header-label{position:-webkit-sticky;position:sticky;left:0;z-index:20;background:var(--bg-surface);border-right:1px solid var(--border-color);color:var(--text-primary);font-weight:600}.comp-cell.header-cell:after,.comp-cell.section-header-label:after{content:"";position:absolute;top:0;right:-12px;bottom:0;width:12px;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent);pointer-events:none}.comp-cell.card-header{flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:2rem 1.5rem;background:var(--bg-surface);vertical-align:top;height:100%}.comp-cell.section-header-label{color:var(--text-primary);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding:.75rem 1rem}.comp-cell.section-header-label,.comp-cell.section-header-spacer{background:var(--bg-subtle);border-bottom:1px solid var(--border-color)}.comp-cell.section-header-spacer{grid-column:2/-1}.comp-cell.highlight-green{color:var(--success);background:rgba(16,185,129,.03);font-weight:600}.comp-cell.highlight-red{color:var(--error);background:rgba(239,68,68,.03)}.remove-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-tertiary);font-size:.75rem;cursor:pointer;transition:all .2s;padding:.4rem .8rem;border-radius:9999px;margin-top:.5rem}.remove-btn:hover{border-color:var(--error);color:var(--error);background:rgba(239,68,68,.05)}@media (max-width:768px){.comparison-table{grid-template-columns:140px repeat(var(--col-count,1),minmax(220px,1fr))}.comp-cell{padding:1rem .75rem;font-size:.875rem}}.comparison-table-container::-webkit-scrollbar{height:6px;width:6px}.comparison-table-container::-webkit-scrollbar-track{background:transparent;border-radius:3px}.comparison-table-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.comparison-table-container::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;border:1px solid transparent;background-clip:content-box;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.75rem 2rem;border-bottom:1px solid var(--border-color);background:var(--bg-surface);position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.025em}.modal-close{background:transparent;border:none;font-size:1.75rem;line-height:1;color:var(--text-tertiary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s ease;width:36px;height:36px}.modal-close:hover{background:rgba(239,68,68,.1);color:var(--error);transform:scale(1.05)}.modal-close:active{transform:scale(.95)}.pregnancy-roulette-card{background:linear-gradient(135deg,#ec4899,#8b5cf6 50%,#3b82f6);border-radius:var(--radius-xl);padding:3rem;box-shadow:0 20px 60px rgba(236,72,153,.4);border:3px solid hsla(0,0%,100%,.2);position:relative;overflow:hidden;animation:rouletteGlow 3s ease-in-out infinite}@keyframes rouletteGlow{0%,to{box-shadow:0 20px 60px rgba(236,72,153,.4)}50%{box-shadow:0 20px 80px rgba(139,92,246,.6),0 0 100px rgba(236,72,153,.3)}}.roulette-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:1}.roulette-icon{font-size:3rem;animation:rouletteIconBounce 2s ease-in-out infinite}@keyframes rouletteIconBounce{0%,to{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-10px) rotate(-10deg) scale(1.1)}50%{transform:translateY(0) rotate(10deg) scale(1)}75%{transform:translateY(-5px) rotate(-5deg) scale(1.05)}}.roulette-header h2{font-size:2.5rem;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3);margin:0}.roulette-description{text-align:center;font-size:1.125rem;color:hsla(0,0%,100%,.95);margin-bottom:2.5rem;font-weight:500;position:relative;z-index:1;line-height:1.6}.roulette-container{z-index:1;flex-direction:column;gap:2rem}.roulette-container,.wheel-wrapper{position:relative;display:flex;align-items:center}.wheel-wrapper{width:100%;max-width:450px;aspect-ratio:1;justify-content:center;margin:0 auto}.wheel-pointer{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:3.5rem;color:#fbbf24;z-index:30;filter:drop-shadow(0 4px 10px rgba(0,0,0,.8));animation:pointerBounce 1s ease-in-out infinite}@keyframes pointerBounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(5px)}}.wheel-outer-ring{width:100%;height:100%;border-radius:50%;padding:10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 40px rgba(251,191,36,.6),inset 0 0 20px hsla(0,0%,100%,.3);display:flex;align-items:center;justify-content:center}.roulette-wheel{position:relative;transition:transform 8s cubic-bezier(.17,.67,.12,.99);will-change:transform}.roulette-wheel,.wheel-svg{width:100%;height:100%;border-radius:50%;overflow:visible}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;border:5px solid #fff;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 4px 8px hsla(0,0%,100%,.3)}.center-emoji{font-size:3rem;animation:centerPulse 2s ease-in-out infinite}@keyframes centerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.spin-button{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:3px solid #fff;color:#fff;font-size:1.5rem;font-weight:900;padding:1.25rem 3rem;border-radius:9999px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 10px 40px rgba(245,158,11,.5);animation:buttonGlow 2s ease-in-out infinite}@keyframes buttonGlow{0%,to{box-shadow:0 10px 40px rgba(245,158,11,.5)}50%{box-shadow:0 15px 60px rgba(251,191,36,.7)}}.spin-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 15px 60px rgba(251,191,36,.7)}.spin-button:active:not(:disabled){transform:scale(.95)}.spin-button:disabled{opacity:.7;cursor:not-allowed;animation:none}.roulette-result{background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid hsla(0,0%,100%,.5);border-radius:var(--radius-xl);padding:2.5rem;margin-top:2rem;width:100%;animation:resultSlideIn .5s ease-out}@keyframes resultSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-animation{text-align:center}.result-emoji{font-size:4rem;margin-bottom:1rem;animation:resultEmojiPop .6s ease-out}@keyframes resultEmojiPop{0%{transform:scale(0) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}.result-text{font-size:3.5rem;font-weight:900;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5);margin-bottom:1rem;animation:resultTextPulse 1s ease-in-out infinite}@keyframes resultTextPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.result-message{font-size:1.25rem;font-weight:700;color:hsla(0,0%,100%,.95);text-shadow:0 2px 10px rgba(0,0,0,.4);line-height:1.6}@media (max-width:768px){.pregnancy-roulette-card{padding:2rem}.roulette-header h2{font-size:1.75rem}.roulette-icon{font-size:2rem}.roulette-description{font-size:1rem}.wheel-wrapper{max-width:320px}.wheel-center{width:70px;height:70px}.center-emoji,.wheel-pointer{font-size:2.5rem}.wheel-pointer{top:-15px}.wheel-svg text{font-size:24px}.spin-button{font-size:1.125rem;padding:1rem 2rem}.result-text{font-size:2.5rem}.result-emoji{font-size:3rem}.result-message{font-size:1rem}}@media (max-width:480px){.wheel-wrapper{max-width:260px}.wheel-center{width:55px;height:55px}.center-emoji{font-size:1.75rem}.wheel-pointer{font-size:2rem;top:-12px}.wheel-svg text{font-size:20px}}.grind-simulator-card{background:linear-gradient(135deg,#059669,#10b981 50%,#34d399);border-radius:var(--radius-xl);padding:3rem;box-shadow:0 20px 60px rgba(16,185,129,.5);border:3px solid hsla(0,0%,100%,.2);position:relative;overflow:hidden;animation:grindGlow 3s ease-in-out infinite}.grind-simulator-card.sleep-mode{background:linear-gradient(135deg,#1e293b,#334155 50%,#475569);animation:sleepPulse 4s ease-in-out infinite}@keyframes grindGlow{0%,to{box-shadow:0 20px 60px rgba(16,185,129,.5)}50%{box-shadow:0 20px 80px rgba(52,211,153,.7),0 0 100px rgba(16,185,129,.3)}}@keyframes sleepPulse{0%,to{box-shadow:0 20px 60px rgba(30,41,59,.5)}50%{box-shadow:0 20px 80px rgba(51,65,85,.7)}}.grind-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:1}.grind-icon{font-size:3rem;animation:grindIconPulse 2s ease-in-out infinite}@keyframes grindIconPulse{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1.2) rotate(5deg)}75%{transform:scale(1.1) rotate(-5deg)}}.grind-header h2{font-size:2.5rem;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3);margin:0}.grind-description{text-align:center;font-size:1.125rem;color:hsla(0,0%,100%,.95);margin-bottom:2rem;font-weight:500;position:relative;z-index:1}.current-activity{background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid hsla(0,0%,100%,.4);border-radius:var(--radius-lg);padding:2rem;text-align:center;margin-bottom:2rem;animation:activityBounce 2s ease-in-out infinite}@keyframes activityBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.activity-emoji{font-size:4rem;margin-bottom:1rem;animation:emojiRotate 3s linear infinite}@keyframes emojiRotate{0%,90%{transform:rotate(0deg)}95%{transform:rotate(15deg)}to{transform:rotate(0deg)}}.activity-text{font-size:1.75rem;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4);text-transform:uppercase;letter-spacing:.05em}.activity-progress-container{margin-bottom:2rem}.progress-label{text-align:center;font-size:1rem;font-weight:700;color:hsla(0,0%,100%,.9);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em}.progress-bar-outer{position:relative;background:rgba(0,0,0,.3);border-radius:9999px;height:40px;overflow:hidden;border:3px solid hsla(0,0%,100%,.3);box-shadow:inset 0 2px 8px rgba(0,0,0,.3)}.progress-bar-inner{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b,#fbbf24);background-size:200% 100%;animation:progressShine 2s linear infinite;border-radius:9999px;position:relative;transition:width .5s ease;box-shadow:0 0 20px rgba(251,191,36,.6)}@keyframes progressShine{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:shine 1.5s infinite}@keyframes shine{0%{left:-100%}to{left:200%}}.progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.125rem;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);z-index:10}.next-activity{background:rgba(0,0,0,.2);border:2px solid hsla(0,0%,100%,.3);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.next-label{font-size:.875rem;font-weight:700;color:hsla(0,0%,100%,.8);text-transform:uppercase;letter-spacing:.1em}.next-text{font-size:1.25rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.grind-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.stat-box{background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.3);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;animation:statPulse 2s ease-in-out infinite}.stat-box:first-child{animation-delay:0s}.stat-box:nth-child(2){animation-delay:.2s}.stat-box:nth-child(3){animation-delay:.4s}@keyframes statPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px rgba(0,0,0,.2)}50%{transform:scale(1.05);box-shadow:0 8px 24px rgba(0,0,0,.3)}}.stat-icon{font-size:2.5rem;margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);margin-bottom:.25rem}.stat-label{font-size:.875rem;font-weight:600;color:hsla(0,0%,100%,.8);text-transform:uppercase;letter-spacing:.05em}.sleeping-state{text-align:center;padding:3rem 2rem}.sleep-emoji{font-size:6rem;margin-bottom:2rem;animation:sleepFloat 3s ease-in-out infinite}@keyframes sleepFloat{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-20px);opacity:1}}.sleep-message{font-size:1.5rem;font-weight:700;color:hsla(0,0%,100%,.9);margin-bottom:1.5rem;line-height:1.6}.wake-up-time{font-size:1.25rem;font-weight:600;color:hsla(0,0%,100%,.8);padding:1rem 2rem;background:hsla(0,0%,100%,.1);border-radius:var(--radius-lg);display:inline-block}@media (max-width:768px){.grind-simulator-card{padding:2rem}.grind-header h2{font-size:1.75rem}.grind-icon{font-size:2rem}.activity-emoji{font-size:3rem}.activity-text{font-size:1.25rem}.grind-stats{grid-template-columns:1fr}.sleep-emoji{font-size:4rem}.sleep-message{font-size:1.125rem}}.lol-stats-card{background:linear-gradient(135deg,#1e3a8a,#3b82f6 50%,#60a5fa);border-radius:var(--radius-xl);padding:3rem;box-shadow:0 20px 60px rgba(59,130,246,.5);border:3px solid hsla(0,0%,100%,.2);position:relative;overflow:hidden;animation:lolGlow 3s ease-in-out infinite}@keyframes lolGlow{0%,to{box-shadow:0 20px 60px rgba(59,130,246,.5)}50%{box-shadow:0 20px 80px rgba(96,165,250,.7),0 0 100px rgba(59,130,246,.3)}}.lol-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;position:relative;z-index:1}.lol-icon{font-size:3rem;animation:lolIconSpin 4s ease-in-out infinite}@keyframes lolIconSpin{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(1turn) scale(1.2)}}.lol-header h2{font-size:2.5rem;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3);margin:0}.lol-rank-display{display:flex;justify-content:center;margin-bottom:2rem}.rank-badge{background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:4px solid #fbbf24;border-radius:var(--radius-xl);padding:2rem 4rem;display:flex;align-items:center;gap:2rem;box-shadow:0 0 40px rgba(251,191,36,.6);animation:rankPulse 2s ease-in-out infinite}@keyframes rankPulse{0%,to{transform:scale(1);box-shadow:0 0 40px rgba(251,191,36,.6)}50%{transform:scale(1.05);box-shadow:0 0 60px rgba(251,191,36,.8)}}.rank-emblem{font-size:5rem;animation:rankRotate 3s linear infinite}@keyframes rankRotate{0%,90%{transform:rotate(0deg)}95%{transform:rotate(20deg)}to{transform:rotate(0deg)}}.rank-text{display:flex;flex-direction:column;gap:.5rem}.rank-tier{font-size:2.5rem;font-weight:900;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.8);letter-spacing:.1em}.rank-lp{font-size:1.5rem;font-weight:700;color:#fff}.lol-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.lol-stat{background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.3);border-radius:var(--radius-lg);padding:2rem;text-align:center;animation:lolStatBounce 2s ease-in-out infinite}.lol-stat:first-child{animation-delay:0s}.lol-stat:nth-child(2){animation-delay:.2s}.lol-stat:nth-child(3){animation-delay:.4s}@keyframes lolStatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.lol-stat-icon{font-size:3rem;margin-bottom:.5rem}.lol-stat-value{font-size:2.5rem;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);margin-bottom:.5rem}.lol-stat-label{font-size:1rem;font-weight:700;color:hsla(0,0%,100%,.9);text-transform:uppercase;letter-spacing:.05em}.lol-mains{background:rgba(0,0,0,.2);border:2px solid hsla(0,0%,100%,.3);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.mains-label{font-size:1.25rem;font-weight:700;color:#fff;text-align:center;margin-bottom:1rem}.champions-list{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.champion-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:.75rem 1.5rem;border-radius:9999px;font-size:1.125rem;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(251,191,36,.4);animation:championFloat 3s ease-in-out infinite}.champion-badge:first-child{animation-delay:0s}.champion-badge:nth-child(2){animation-delay:.3s}.champion-badge:nth-child(3){animation-delay:.6s}@keyframes championFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lol-quote{background:hsla(0,0%,100%,.1);border-left:4px solid #fbbf24;padding:1.5rem 2rem;border-radius:var(--radius-lg);font-size:1.5rem;font-weight:700;color:#fff;text-align:center;font-style:italic;position:relative}.quote-mark{font-size:3rem;color:#fbbf24;font-weight:900;opacity:.5}.power-level-card{background:linear-gradient(135deg,#7c2d12,#dc2626 50%,#f97316);border-radius:var(--radius-xl);padding:3rem;box-shadow:0 20px 60px rgba(220,38,38,.5);border:3px solid hsla(0,0%,100%,.2);position:relative;overflow:hidden;animation:powerGlow 2s ease-in-out infinite}@keyframes powerGlow{0%,to{box-shadow:0 20px 60px rgba(220,38,38,.5)}50%{box-shadow:0 20px 100px rgba(249,115,22,.8),0 0 120px rgba(220,38,38,.4)}}.power-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;position:relative;z-index:1}.power-icon{font-size:3rem;animation:powerShake 1s ease-in-out infinite}@keyframes powerShake{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}.power-header h2{font-size:2.5rem;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3);margin:0}.power-meter-container{margin-bottom:3rem}.power-meter{position:relative;background:rgba(0,0,0,.4);border-radius:var(--radius-lg);height:80px;border:4px solid hsla(0,0%,100%,.3);overflow:visible;box-shadow:inset 0 4px 12px rgba(0,0,0,.5)}.power-bar{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b,#ef4444,#dc2626);background-size:200% 100%;animation:powerSurge 1.5s linear infinite;position:relative;border-radius:var(--radius-lg);box-shadow:0 0 40px rgba(239,68,68,.8)}@keyframes powerSurge{0%{background-position:0 0}to{background-position:200% 0}}.power-overflow{position:absolute;top:-10px;right:-10px;width:40px;height:100px;background:linear-gradient(90deg,transparent,#fbbf24,transparent);animation:overflow .8s ease-in-out infinite;filter:blur(4px)}@keyframes overflow{0%,to{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(10px)}}.power-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(0,0,0,.8),0 0 40px hsla(0,0%,100%,.5);animation:powerTextPulse 1s ease-in-out infinite;z-index:10}@keyframes powerTextPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.power-breakdown{display:flex;flex-direction:column;gap:1.5rem}.power-category{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.3);border-radius:var(--radius-lg);padding:1.5rem}.category-name{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.75rem}.category-bar{position:relative;background:rgba(0,0,0,.3);border-radius:9999px;height:30px;overflow:hidden;margin-bottom:.5rem}.category-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:9999px;animation:categoryPulse 2s ease-in-out infinite;box-shadow:0 0 20px rgba(251,191,36,.6)}@keyframes categoryPulse{0%,to{opacity:1}50%{opacity:.8}}.category-value{text-align:right;font-size:1.125rem;font-weight:800;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.6)}@media (max-width:768px){.lol-stats-card,.power-level-card{padding:2rem}.lol-header h2,.power-header h2{font-size:1.75rem}.lol-stats-grid{grid-template-columns:1fr}.rank-badge{padding:1.5rem 2rem;flex-direction:column}.rank-emblem{font-size:3rem}.rank-tier{font-size:1.75rem}.champions-list{flex-direction:column;align-items:center}.power-text{font-size:1.5rem}}