:root{font-family:Courier New,monospace;line-height:1.5;font-weight:400;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh;margin:0}.confetti-piece{position:fixed;width:10px;height:10px;top:-10px;z-index:10000;animation:confetti-fall linear forwards}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(360deg);opacity:0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:linear-gradient(180deg,#1a0033,#2d1b4e,#1a0033);color:#e0d4ff;min-height:100vh;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;padding-bottom:80px}.ghost-container{position:fixed;top:20px;right:20px;z-index:100}.content{flex:1;padding:20px;max-width:600px;margin:0 auto;width:100%}.home{text-align:center;min-height:calc(100vh - 80px);position:relative;overflow:hidden;padding-top:40px}.home .tamaghosty{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:auto;cursor:pointer;will-change:transform}.graveyard-bg{position:fixed;inset:0;z-index:0;background-image:url(/graveyard-bg.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;width:100vw;height:100vh;opacity:.7;filter:brightness(.6) contrast(1.2);animation:backgroundSway 15s ease-in-out infinite}@keyframes backgroundSway{0%,to{background-position:48% center;transform:scale(1)}25%{background-position:50% center;transform:scale(1.02)}50%{background-position:52% center;transform:scale(1.03)}75%{background-position:50% center;transform:scale(1.02)}}.graveyard-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1a003380,#2d1b4e99)}.figure-eyes{position:absolute;width:30px;height:15px;z-index:2;transition:opacity .5s ease-in-out;animation:eyesBlink 3s ease-in-out}.figure-eyes:before,.figure-eyes:after{content:"";position:absolute;width:8px;height:8px;background:radial-gradient(circle,#ff0000 0%,#ff6600 50%,transparent 100%);border-radius:50%;box-shadow:0 0 15px red,0 0 30px red;filter:blur(1px)}.figure-eyes:before{left:0}.figure-eyes:after{right:0}@keyframes eyesBlink{0%,to{opacity:0}20%,80%{opacity:1}40%,60%{opacity:.8}}.tree{position:absolute;width:80px;height:150px;background:linear-gradient(180deg,#2d1b4e,#1a0033);border-radius:50% 50% 0 0;bottom:100px;animation:sway 4s ease-in-out infinite;opacity:0}.tree:before{content:"";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:20px;height:40px;background:#1a0033}.tree1{left:10%;animation-delay:0s}.tree2{right:10%;animation-delay:1s}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.tombstone{position:absolute;bottom:120px;left:50%;transform:translate(-50%);width:60px;height:80px;background:#4a5568;border-radius:30px 30px 0 0;box-shadow:0 4px 10px #00000080;opacity:0}.tombstone:after{content:"RIP";position:absolute;top:20px;left:50%;transform:translate(-50%);color:#1a0033;font-size:.8rem;font-weight:700}.home h1{position:fixed;top:20px;left:20px;font-size:2rem;color:#b794f6;text-shadow:0 0 20px #7c3aed;margin:0;z-index:10}.tagline{position:fixed;top:60px;left:20px;color:#9ca3af;font-size:.9rem;z-index:10;max-width:300px}.home-stats-corner{position:fixed;top:10px;right:10px;display:flex;flex-direction:row;gap:6px;z-index:100}.home-stats-corner .stat-mini{background:#2d1b4eb3;padding:4px 8px;border-radius:6px;font-size:.75rem;color:#e0d4ff;border:1px solid rgba(183,148,246,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.fog-container{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}.fog-svg{position:absolute;width:150%;height:200px;opacity:0;animation:fogDrift 80s ease-in-out infinite}.fog1{top:20%;animation-delay:0s;animation-duration:90s}.fog2{top:50%;animation-delay:30s;animation-duration:100s}.fog3{top:70%;animation-delay:60s;animation-duration:95s}@keyframes fogDrift{0%{transform:translate(-100%) translateY(0);opacity:0}10%{opacity:.7}50%{transform:translate(25%) translateY(-20px);opacity:.8}90%{opacity:.6}to{transform:translate(100%) translateY(0);opacity:0}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#1a0033f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-evenly;align-items:center;padding:15px;border-top:2px solid #7c3aed;box-shadow:0 -4px 20px #7c3aed4d;gap:5px}.bottom-nav button{background:none;border:none;font-size:1.8rem;cursor:pointer;padding:10px;border-radius:10px;transition:all .3s;filter:none;opacity:1;flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.bottom-nav button:hover{transform:scale(1.1)}.bottom-nav button.active{filter:grayscale(0%);opacity:1;background:#7c3aed33;box-shadow:0 0 15px #7c3aed80}.bottom-nav .install-btn-ghost{filter:none;opacity:1;padding:5px}.bottom-nav .install-btn-ghost:hover{transform:scale(1.15)}.install-arrow-down{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #b794f6;filter:drop-shadow(0 0 8px #7c3aed) drop-shadow(0 0 15px #b794f6);animation:arrowPulse 1.5s ease-in-out infinite}@keyframes arrowPulse{0%,to{filter:drop-shadow(0 0 8px #7c3aed) drop-shadow(0 0 15px #b794f6);transform:translateY(0)}50%{filter:drop-shadow(0 0 12px #7c3aed) drop-shadow(0 0 20px #b794f6);transform:translateY(2px)}}.home-btn-gravestone{padding:8px!important}.gravestone-icon{width:28px;height:35px;background:linear-gradient(135deg,#4a5568,#2d3748);border-radius:14px 14px 0 0;position:relative;box-shadow:0 2px 8px #00000080;display:flex;align-items:center;justify-content:center}.gravestone-icon:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:6px;background:#2d3748;border-radius:0 0 3px 3px}.gravestone-text{font-size:.7rem;font-weight:700;color:#1a0033;font-family:Courier New,monospace;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.home-btn-gravestone{animation:none!important;text-shadow:none!important;filter:none!important;opacity:1!important}.home-btn-gravestone .gravestone-icon{animation:gravestoneGlow 2s ease-in-out infinite}@keyframes gravestoneGlow{0%,to{box-shadow:0 0 10px #b794f666}50%{box-shadow:0 0 20px #b794f6b3}}.home-btn-gravestone:hover .gravestone-icon{box-shadow:0 0 25px #b794f6e6}.home-btn-gravestone.active .gravestone-icon{box-shadow:0 0 30px #b794f6}.flying-bat{position:absolute;left:-50px;z-index:3;animation:flyAcross linear forwards;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));opacity:.6;transform:scale(.7)}@keyframes flyAcross{0%{left:-50px;transform:scale(.7)}50%{transform:scale(.75)}to{left:calc(100% + 50px);transform:scale(.7)}}.bat-body{width:12px;height:16px;background:#000;border-radius:50% 50% 40% 40%;position:relative;z-index:2}.bat-wing-left,.bat-wing-right{position:absolute;top:4px;width:18px;height:12px;background:#000;border-radius:50% 50% 0}.bat-wing-left{left:-14px;transform-origin:right center;animation:flapWingsLeft .25s ease-in-out infinite}.bat-wing-right{right:-14px;transform-origin:left center;animation:flapWingsRight .25s ease-in-out infinite}@keyframes flapWingsLeft{0%,to{transform:rotate(10deg) rotateY(0)}50%{transform:rotate(-45deg) rotateY(-30deg)}}@keyframes flapWingsRight{0%,to{transform:scaleX(-1) rotate(10deg) rotateY(0)}50%{transform:scaleX(-1) rotate(-45deg) rotateY(-30deg)}}.water-btn{padding:8px!important}.water-glass{width:20px;height:32px;background:linear-gradient(180deg,#add8e64d,#87cefa66);border:2px solid rgba(135,206,250,.6);border-radius:2px 2px 4px 4px;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #87cefa4d}.water-level{position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(180deg,#64b4ffb3,#4696ffe6);animation:waterWave 2s ease-in-out infinite}.water-level:before{content:"";position:absolute;top:-5px;left:0;right:0;height:10px;background:#ffffff4d;border-radius:50%;animation:waterRipple 2s ease-in-out infinite}@keyframes waterWave{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes waterRipple{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.1)}}.water-btn{animation:none!important;text-shadow:none!important;filter:none!important;opacity:1!important}.water-glass{animation:waterGlassGlow 2s ease-in-out infinite}@keyframes waterGlassGlow{0%,to{box-shadow:0 0 10px #87cefa66,inset 0 0 10px #87cefa4d}50%{box-shadow:0 0 20px #87cefab3,inset 0 0 15px #87cefa80}}.water-btn:hover .water-glass{border-color:#87cefa;box-shadow:0 0 25px #87cefae6,inset 0 0 20px #87cefab3}.water-btn.active .water-glass{border-color:#87cefa;box-shadow:0 0 30px #87cefa,inset 0 0 25px #87cefacc}button{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #7c3aed66}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed99}button:active{transform:translateY(0)}input,textarea{background:#ffffff0d;border:2px solid #7c3aed;color:#e0d4ff;padding:12px;border-radius:8px;font-size:1rem;width:100%;font-family:Courier New,monospace}input:focus,textarea:focus{outline:none;border-color:#b794f6;box-shadow:0 0 15px #7c3aed80}.intro-overlay{position:fixed;inset:0;background:linear-gradient(180deg,#1a0033,#2d1b4e,#1a0033);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeOut 1s ease-out 11s forwards}@keyframes fadeOut{to{opacity:0;pointer-events:none}}.intro-text{opacity:0;transform:translateY(20px);transition:all 1s ease-out;text-align:center;padding:20px;max-width:600px}.intro-text.visible{opacity:1;transform:translateY(0)}.intro-title{font-size:5rem;color:#b794f6;text-shadow:0 0 40px #7c3aed,0 0 80px #7c3aed;margin-bottom:20px;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 40px #7c3aed,0 0 80px #7c3aed}50%{text-shadow:0 0 60px #b794f6,0 0 120px #b794f6}}.intro-catchphrase{font-size:1.8rem;color:#e0d4ff;margin:20px 0;font-weight:700}.intro-subtitle{font-size:1.3rem;color:#9ca3af;margin:15px 0;font-style:italic}.intro-message{font-size:1.2rem;color:#b794f6;margin-top:20px;line-height:1.6}.instruction-popup{position:fixed;top:20px;right:20px;z-index:500;animation:slideInRight .5s ease-out,fadeOutRight .5s ease-out 7.5s forwards;cursor:pointer}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.instruction-content{background:#2d1b4ef2;border:2px solid #7c3aed;border-radius:15px;padding:20px;box-shadow:0 0 20px #7c3aed66,0 5px 30px #0009;text-align:left;max-width:280px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.instruction-icon{font-size:2rem;margin-bottom:8px;display:inline-block}.instruction-content h3{color:#b794f6;font-size:1.3rem;margin-bottom:12px;text-shadow:0 0 10px #7c3aed;display:inline-block;margin-left:8px}.instruction-content p{color:#e0d4ff;font-size:.9rem;margin:8px 0;line-height:1.4}.instruction-content button{margin-top:12px;padding:8px 16px;font-size:.85rem;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:1px solid #b794f6;color:#fff;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 3px 10px #7c3aed66;width:100%}.instruction-content button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #7c3aed99}.confetti-piece{position:fixed;width:10px;height:10px;top:-10px;z-index:9999;animation:confettiFall linear forwards;pointer-events:none}.meditation-btn{padding:5px!important;animation:none!important;text-shadow:none!important;filter:none!important;opacity:1!important}.meditation-icon{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.meditation-circle{position:absolute;width:40px;height:40px;border:2px solid rgba(255,215,0,.6);border-radius:50%;box-shadow:0 0 15px #ffd70080,inset 0 0 10px #ffd7004d;animation:meditationCircleGlow 2s ease-in-out infinite}@keyframes meditationCircleGlow{0%,to{box-shadow:0 0 15px #ffd70080,inset 0 0 10px #ffd7004d;transform:scale(1)}50%{box-shadow:0 0 25px #ffd700cc,inset 0 0 15px #ffd70080;transform:scale(1.05)}}.meditation-ghost{position:relative;z-index:2}.meditation-ghost-body{width:20px;height:25px;background:#fff;border-radius:50% 50% 0 0;position:relative;box-shadow:0 0 10px #b794f666}.meditation-eyes{display:flex;gap:6px;justify-content:center;padding-top:9px}.meditation-eye-closed{width:4px;height:1px;background:#2d1b4e;border-radius:0}.meditation-mouth{width:6px;height:3px;border:1px solid #2d1b4e;border-top:none;border-radius:0 0 6px 6px;margin:2px auto 0}.meditation-btn:hover .meditation-circle{border-color:gold;box-shadow:0 0 30px #ffd700e6,inset 0 0 20px #ffd70099}.meditation-btn.active .meditation-circle{border-color:gold;box-shadow:0 0 35px gold,inset 0 0 25px #ffd700b3}.study-btn{padding:8px!important}.clock-icon{position:relative;width:32px;height:32px}.clock-face{width:32px;height:32px;border:3px solid rgba(124,58,237,.8);border-radius:50%;background:#7c3aed1a;box-shadow:0 0 15px #7c3aed99;animation:clockGlow 2s ease-in-out infinite}@keyframes clockGlow{0%,to{box-shadow:0 0 15px #7c3aed99}50%{box-shadow:0 0 25px #7c3aede6}}.clock-hand-hour{position:absolute;top:50%;left:50%;width:2px;height:8px;background:#7c3aed;transform-origin:bottom center;transform:translate(-50%,-100%) rotate(45deg)}.clock-hand-minute{position:absolute;top:50%;left:50%;width:2px;height:12px;background:#b794f6;transform-origin:bottom center;transform:translate(-50%,-100%) rotate(90deg)}.journal-btn{padding:8px!important;animation:none!important;text-shadow:none!important;filter:none!important;opacity:1!important}.pen-icon{position:relative;width:20px;height:32px}.pen-body{width:6px;height:24px;background:linear-gradient(180deg,#8b4513,#654321);border-radius:3px 3px 0 0;position:absolute;left:7px;top:0;box-shadow:0 0 20px #ffd70099,0 0 35px #ffd70066;animation:penGlow 2s ease-in-out infinite}@keyframes penGlow{0%,to{box-shadow:0 0 20px #ffd70099,0 0 35px #ffd70066}50%{box-shadow:0 0 30px #ffd700e6,0 0 50px #ffd70099}}.pen-tip{position:absolute;left:7px;top:24px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:8px solid #2d1b4e}.pen-clip{position:absolute;left:12px;top:3px;width:2px;height:8px;background:#b794f6;border-radius:1px;box-shadow:0 0 5px #b794f6cc}.journal-btn:hover .pen-body{box-shadow:0 0 35px #ffd700e6,0 0 55px #ffd700b3}.journal-btn.active .pen-body{box-shadow:0 0 40px gold,0 0 60px #ffd700cc}.food-btn-emoji{text-shadow:0 0 20px rgba(220,20,60,.8),0 0 30px rgba(220,20,60,.6)}.install-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.install-modal{background:linear-gradient(135deg,#1a0033,#2d1b4e);border:3px solid #7c3aed;border-radius:20px;padding:30px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #7c3aed80;animation:slideUp .3s ease;position:relative}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-modal{position:absolute;top:15px;right:15px;background:#ffffff1a;border:2px solid #7c3aed;color:#e0d4ff;width:35px;height:35px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.close-modal:hover{background:#fff3;transform:rotate(90deg)}.install-modal h2{color:#b794f6;font-size:2rem;margin-bottom:10px;text-align:center}.install-subtitle{color:#e0d4ff;text-align:center;margin-bottom:30px;font-size:1.1rem}.install-options{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.install-option{background:#ffffff0d;border:2px solid #7c3aed;border-radius:15px;padding:20px;transition:all .3s}.install-option:hover{background:#ffffff14;border-color:#b794f6;transform:translateY(-2px);box-shadow:0 5px 20px #7c3aed4d}.install-option h3{color:#b794f6;font-size:1.3rem;margin-bottom:15px;display:flex;align-items:center;gap:10px}.install-option ol{color:#e0d4ff;padding-left:20px;line-height:1.8}.install-option li{margin-bottom:8px}.install-option strong{color:#fff;font-weight:600}.got-it-btn{width:100%;padding:15px;background:linear-gradient(135deg,#7c3aed,#b794f6);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 5px 20px #7c3aed66}.got-it-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed99}.got-it-btn:active{transform:translateY(0)}@media(max-width:600px){.install-modal{padding:20px}.install-modal h2{font-size:1.5rem}.install-option h3{font-size:1.1rem}.install-option{padding:15px}}.tamaghosty{position:relative;cursor:pointer;opacity:1}.ghost-body{width:80px;height:100px;background:#fff!important;border-radius:50% 50% 0 0;position:relative;box-shadow:0 0 30px #b794f6cc,0 0 60px #b794f680,0 0 90px #b794f64d;transition:box-shadow .3s ease,opacity .3s ease;animation:ghostGlow 2s ease-in-out infinite}.ghost-body:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:15px;background:linear-gradient(180deg,#fff,#e0d4ff 35%,#b794f6 60%,#b794f6b3 80%,#b794f64d 95%,#b794f600)!important;clip-path:path("M 0,0 Q 5,15 10,0 Q 15,15 20,0 Q 25,15 30,0 Q 40,15 50,0 Q 60,15 70,0 Q 75,15 80,0 Q 85,15 90,0 Q 95,15 100,0 L 100,0 Z");border-radius:0 0 50% 50%}@keyframes ghostGlow{0%,to{box-shadow:0 0 30px #b794f6cc,0 0 60px #b794f680,0 0 90px #b794f64d}50%{box-shadow:0 0 40px #b794f6,0 0 80px #b794f6b3,0 0 120px #b794f680}}.tamaghosty.tired .ghost-body{opacity:.7;box-shadow:0 0 15px #c8c8c866;animation:none}.tamaghosty.happy .ghost-body{box-shadow:0 0 30px gold,0 0 60px #ffd700cc,0 0 100px #ffc86499;animation:happyGlow 1s ease-in-out infinite}@keyframes happyGlow{0%,to{box-shadow:0 0 30px gold,0 0 60px #ffd700cc,0 0 100px #ffc86499}50%{box-shadow:0 0 40px gold,0 0 80px gold,0 0 120px #ffc864cc}}.tamaghosty.angry .ghost-body{box-shadow:0 0 30px #ff3232,0 0 60px #ff3232cc,0 0 100px #f009;animation:angryGlow .5s ease-in-out infinite}@keyframes angryGlow{0%,to{box-shadow:0 0 30px #ff3232,0 0 60px #ff3232cc,0 0 100px #f009}50%{box-shadow:0 0 40px #ff3232,0 0 80px #ff3232,0 0 120px #f00c}}.floating{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.eyes{display:flex;gap:20px;justify-content:center;padding-top:35px;position:relative}.eye{width:14px!important;height:14px!important;background:#2d1b4e;border-radius:50%!important;animation:blink 4s infinite;position:relative;transition:transform .15s ease-out}.eye.angry{width:16px!important;height:8px!important;border-radius:0!important;transform:rotate(-15deg)!important;animation:none!important}.eye.angry:first-child{transform:rotate(-15deg) translate(-2px)!important}.eye.angry:last-child{transform:rotate(15deg) translate(2px)!important}.pupil{display:none}.tamaghosty.happy .eye{width:14px!important;height:14px!important;border-radius:50%!important;transform:scaleY(1)!important}@keyframes blink{0%,48%,52%,to{width:14px!important;height:14px!important;border-radius:50%!important;transform:scale(1)!important}50%{width:14px!important;height:2px!important;border-radius:0!important;transform:scale(1)!important}}.mouth{width:24px;height:12px;border:3px solid #2d1b4e;border-top:none;border-radius:0 0 24px 24px;margin:8px auto 0;transition:all .3s}.mouth.smile{width:30px;height:15px;border-radius:0 0 30px 30px;border-width:3px}.mouth.o-mouth{width:18px;height:18px;border:3px solid #2d1b4e;border-radius:50%;background:#2d1b4e;margin-top:10px}.mouth.angry-mouth{width:20px;height:8px;border:none;border-top:3px solid #2d1b4e;border-radius:20px 20px 0 0;margin-top:12px}.mouth.chewing{animation:chew .3s ease-in-out infinite}@keyframes chew{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.5)}}.eating .ghost-body{animation:bounce .5s ease-in-out 3}.petting .ghost-body{animation:wiggle .5s ease-in-out}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.food-item{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:2rem;animation:eat 1.5s ease-in-out}@keyframes eat{0%{opacity:1;transform:translate(-50%) translateY(-30px)}to{opacity:0;transform:translate(-50%) translateY(50px)}}.burp-cloud{position:absolute;top:-30px;left:50%;animation:burp 2s ease-out}@keyframes burp{0%{opacity:1;transform:translate(-50%) scale(.5)}to{opacity:0;transform:translate(-50%) translateY(-50px) scale(1.5)}}.cloud{font-size:2rem;filter:hue-rotate(90deg)}.stats-mini{display:flex;gap:8px;justify-content:center;margin-top:15px;font-size:.8rem;color:#b794f6}.tamaghosty.sleeping{animation:sleep 3s ease-in-out infinite}@keyframes sleep{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(5px) rotate(2deg)}}.tamaghosty.sleeping .eye{width:14px!important;height:2px!important;background:#2d1b4e!important;border-radius:0!important;animation:none!important;overflow:hidden;transform:none!important}.tamaghosty.sleeping .pupil{opacity:0;display:none}.sleep-zzz{position:absolute;top:-40px;right:-20px;font-size:1.5rem;color:#b794f6;font-weight:700;font-family:Arial,sans-serif;text-shadow:0 0 10px rgba(183,148,246,.8)}.z{position:absolute;opacity:0;animation:floatZ 3s ease-in-out infinite;background:none;border:none;padding:0;margin:0;display:inline-block}.z1{left:0;animation-delay:0s}.z2{left:15px;top:-10px;font-size:1.2rem;animation-delay:.5s}.z3{left:25px;top:-20px;font-size:1rem;animation-delay:1s}@keyframes floatZ{0%{opacity:0;transform:translateY(0)}20%,80%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.speech-bubble{position:absolute;top:-70px;left:50%;transform:translate(-50%);background:#fff;color:#2d1b4e;padding:10px 15px;border-radius:15px;font-size:.85rem;white-space:nowrap;box-shadow:0 4px 15px #0000004d;animation:bubblePop .3s ease-out;z-index:1000}.speech-bubble{position:absolute;top:-70px;left:50%;transform:translate(-50%);background:#fff;color:#2d1b4e;padding:10px 15px;border-radius:15px;font-size:.85rem;white-space:nowrap;box-shadow:0 4px 15px #0000004d;animation:bubblePop .3s ease-out;z-index:100}.speech-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white}@keyframes bubblePop{0%{transform:translate(-50%) scale(0)}70%{transform:translate(-50%) scale(1.1)}to{transform:translate(-50%) scale(1)}}.headphones{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10}.headphone-band{position:absolute;top:10px;left:50%;transform:translate(-50%);width:90px;height:35px;border:5px solid #000000;border-bottom:none;border-radius:50% 50% 0 0;background:transparent;z-index:5}.headphone-left,.headphone-right{position:absolute;width:16px;height:20px;background:#000;top:35px;box-shadow:0 2px 5px #00000080;z-index:6}.headphone-left{left:-8px;border-radius:10px 0 0 10px}.headphone-right{right:-8px;border-radius:0 10px 10px 0}.headphone-left:after,.headphone-right:after{content:"";position:absolute;width:8px;height:12px;background:#1a1a1a;top:50%;transform:translateY(-50%)}.headphone-left:after{left:2px;border-radius:6px 0 0 6px}.headphone-right:after{right:2px;border-radius:0 6px 6px 0}@keyframes musicPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.music-note{position:absolute;font-size:1.5rem;color:#b794f6;opacity:0;animation:floatNote 3s ease-out forwards;pointer-events:none;text-shadow:0 0 10px rgba(183,148,246,.8)}.music-note.left{left:-5px;top:35px}.music-note.right{right:-5px;top:35px}@keyframes floatNote{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-80px) scale(1.2)}}.feature{background:#ffffff0d;border:2px solid #7c3aed;border-radius:20px;padding:30px;box-shadow:0 8px 32px #7c3aed4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature h2{color:#b794f6;margin-bottom:20px;text-align:center;font-size:1.8rem}.study-timer h2{position:relative;z-index:10;text-shadow:0 0 30px #7c3aed,0 0 10px #000}.study-timer .mode-selector,.study-timer .timer-display,.study-timer .presets,.study-timer .controls,.study-timer .ghost-progress{position:relative;z-index:10}.study-timer{position:fixed;inset:0 0 80px;overflow:hidden;background:transparent;border:none;border-radius:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.library-bg{position:fixed;inset:0;z-index:0;background-image:url(/library-bg.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;width:100vw;height:100vh;opacity:.8;filter:brightness(.7) contrast(1.2)}.library-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1a003380,#2d1b4eb3)}.bookshelf{position:absolute;width:100%;height:60px;background:linear-gradient(90deg,#2d1b4e,#1a0033,#2d1b4e,#1a0033,#2d1b4e,#1a0033,#2d1b4e,#1a0033,#2d1b4e,#1a0033,#2d1b4e);border:2px solid #4a5568;opacity:0}.shelf1{top:20px}.shelf2{top:100px}.shelf3{top:180px}.growing-ghosts{position:absolute;bottom:50px;left:0;width:100%;height:100px}.mini-ghost{position:absolute;font-size:3rem;animation:ghostWalk 5s linear infinite;transition:filter .5s}@keyframes ghostWalk{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.timer-display{font-size:4rem;text-align:center;color:#e0d4ff;margin:30px 0;text-shadow:0 0 20px #7c3aed;position:relative;z-index:10;transition:all .3s}.timer-display.glowing{color:#fff;text-shadow:0 0 10px #7c3aed,0 0 20px #7c3aed,0 0 30px #b794f6,0 0 40px #b794f6,0 0 50px #b794f6;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.ghost-progress{text-align:center;margin:20px 0;position:relative;z-index:10}.ghost-progress p{margin:5px 0;color:#b794f6}.floor-book{position:absolute;transition:all .5s ease;filter:drop-shadow(0 8px 15px rgba(0,0,0,.8));transform-style:preserve-3d;perspective:1000px;animation:bookIdle 3s ease-in-out infinite}.floor-book:nth-child(1){animation-delay:0s}.floor-book:nth-child(2){animation-delay:.5s}.floor-book:nth-child(3){animation-delay:1s}.floor-book:nth-child(4){animation-delay:1.5s}.floor-book:nth-child(5){animation-delay:2s}.floor-book:nth-child(6){animation-delay:2.5s}@keyframes bookIdle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(1deg)}}.book-spine:before{content:"";position:absolute;top:5px;left:5px;right:5px;height:3px;background:#fff3;border-radius:1px}.book-spine:after{content:"";position:absolute;bottom:5px;left:5px;right:5px;height:3px;background:#fff3;border-radius:1px}.book-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);color:#ffffffe6;font-size:.6rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap}.book-cover{position:absolute;width:45px;height:70px;left:48px;top:0;border-radius:0 3px 3px 0;box-shadow:inset -2px 0 5px #0000004d,2px 2px 10px #00000080;border:2px solid rgba(0,0,0,.2);border-left:none}.study-header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:600px}.stats-bar{display:flex;gap:15px;font-size:1rem;color:#b794f6;background:#2d1b4ecc;padding:10px 20px;border-radius:20px;border:2px solid #7c3aed;box-shadow:0 0 20px #7c3aed66}.library-tamaghosty{position:absolute;z-index:10;transform-origin:center;transform-style:preserve-3d;perspective:1000px;pointer-events:auto}.library-ghost-wrapper{pointer-events:auto}.library-ghost-wrapper .tamaghosty{pointer-events:auto;cursor:pointer}.library-tamaghosty.zooming{animation:zoom 2s ease-in-out}.library-tamaghosty.reading .tamaghosty{animation:bobReading 1s ease-in-out infinite}@keyframes zoom{0%{transform:scale(1) rotateY(0) rotateX(0)}20%{transform:scale(1.4) rotateY(15deg) rotateX(-10deg) translateZ(50px)}40%{transform:scale(1.6) rotateY(-10deg) rotateX(5deg) translateZ(80px)}60%{transform:scale(1.4) rotateY(10deg) rotateX(-5deg) translateZ(50px)}80%{transform:scale(1.2) rotateY(-5deg) rotateX(3deg) translateZ(30px)}to{transform:scale(1) rotateY(0) rotateX(0) translateZ(0)}}@keyframes bobReading{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.motion-trail{position:absolute;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(183,148,246,.6) 0%,transparent 70%);pointer-events:none;animation:trailFade 1s ease-out}.trail1{left:-30px;top:10px;animation-delay:0s}.trail2{left:-50px;top:15px;animation-delay:.15s}.trail3{left:-70px;top:20px;animation-delay:.3s}@keyframes trailFade{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(.3)}}.book-held{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);animation:bookFloat 1.5s ease-in-out infinite}.held-book-spine{width:35px;height:50px;border-radius:2px;position:relative;box-shadow:inset 0 2px 3px #ffffff4d,inset 0 -2px 3px #0000004d,2px 2px 8px #0009;border:2px solid rgba(0,0,0,.3)}.held-book-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);color:#ffffffe6;font-size:.5rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap}@keyframes bookFloat{0%,to{transform:translate(-50%) translateY(0) rotate(-5deg)}50%{transform:translate(-50%) translateY(-5px) rotate(5deg)}}.presets,.controls{display:flex;gap:10px;justify-content:center;margin:15px 0}.hydration-circles{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.circle{aspect-ratio:1;border:3px solid #7c3aed;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;opacity:.3;transition:all .3s}.circle.filled{opacity:1;background:#7c3aed4d;box-shadow:0 0 20px #7c3aed99}.log{margin-top:30px;max-height:300px;overflow-y:auto}.log h3{color:#b794f6;margin-bottom:15px}.log-item{background:#ffffff0d;padding:12px;border-radius:8px;margin-bottom:10px;display:flex;align-items:center;gap:10px}.meal-icon{font-size:1.5rem}.journal-prompt{background:#7c3aed33;padding:20px;border-radius:12px;margin-bottom:20px}.prompt{font-size:1.2rem;color:#b794f6;font-style:italic;margin-bottom:10px}.journal-entry{background:#ffffff0d;padding:15px;border-radius:8px;margin-bottom:15px}.entry-prompt{color:#8b4513;font-style:italic;margin-bottom:8px;font-weight:700}.journal-entry small{color:#6b7280}.mode-selector{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.breathing-exercise{text-align:center;padding:20px 0 100px;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px}.breath-circle{width:300px;height:300px;margin:0 auto;border-radius:50%;border:3px solid rgba(255,215,0,.4);background:transparent;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #ffd7004d,0 0 30px #ffd70026,inset 0 0 20px #ffd70014;position:relative;transform:scale(.6);transition:none}.breath-circle.active.inhale{animation:breatheIn 3s linear forwards}.breath-circle.active.hold-in{animation:holdExpanded 2s linear forwards}.breath-circle.active.exhale{animation:breatheOut 5s linear forwards}.breath-circle.active.hold-out{animation:holdContracted 2s linear forwards}@keyframes breatheIn{0%{transform:scale(.6);border-color:#ffd70066;background:radial-gradient(circle at center,rgba(255,215,0,0) 0%,transparent 10%);box-shadow:0 0 15px #ffd7004d,0 0 30px #ffd70026,inset 0 0 20px #ffd70014}10%{transform:scale(.69);border-color:#ffd70075;background:radial-gradient(circle at center,rgba(255,215,0,.15) 0%,rgba(255,215,0,.06) 10%,rgba(255,215,0,.01) 25%,transparent 40%);box-shadow:0 0 17px #ffd70059,0 0 35px #ffd7002e,0 0 53px #ffd70017,inset 0 0 25px #ffd7001c}20%{transform:scale(.78);border-color:#ffd70085;background:radial-gradient(circle at center,rgba(255,215,0,.28) 0%,rgba(255,215,0,.14) 12%,rgba(255,215,0,.05) 30%,rgba(255,215,0,.01) 50%,transparent 65%);box-shadow:0 0 20px #ffd70066,0 0 40px #ffd70038,0 0 60px #ffd7001c,inset 0 0 30px #ffd70024}30%{transform:scale(.87);border-color:#ffd70094;background:radial-gradient(circle at center,rgba(255,215,0,.38) 0%,rgba(255,215,0,.22) 15%,rgba(255,215,0,.1) 35%,rgba(255,215,0,.03) 55%,transparent 75%);box-shadow:0 0 24px #ffd7007a,0 0 48px #ffd70047,0 0 72px #ffd70024,inset 0 0 38px #ffd70030}40%{transform:scale(.96);border-color:#ffd700a3;background:radial-gradient(circle at center,rgba(255,215,0,.45) 0%,rgba(255,215,0,.28) 18%,rgba(255,215,0,.15) 38%,rgba(255,215,0,.06) 58%,rgba(255,215,0,.01) 78%,transparent 90%);box-shadow:0 0 28px #ffd7008f,0 0 56px #ffd70059,0 0 84px #ffd7002b,inset 0 0 45px #ffd7003b}50%{transform:scale(1.05);border-color:#ffd700b3;background:radial-gradient(circle at center,rgba(255,215,0,.5) 0%,rgba(255,215,0,.33) 20%,rgba(255,215,0,.19) 42%,rgba(255,215,0,.09) 62%,rgba(255,215,0,.02) 82%,transparent 95%);box-shadow:0 0 33px #ffd700a1,0 0 66px #ffd7006b,0 0 99px #ffd70036,inset 0 0 52px #ffd70045}60%{transform:scale(1.14);border-color:#ffd700c2;background:radial-gradient(circle at center,rgba(255,215,0,.52) 0%,rgba(255,215,0,.36) 23%,rgba(255,215,0,.22) 46%,rgba(255,215,0,.11) 66%,rgba(255,215,0,.04) 84%,transparent 98%);box-shadow:0 0 38px #ffd700b5,0 0 76px #ffd7007a,0 0 114px #ffd7003d,inset 0 0 60px #ffd7004f}70%{transform:scale(1.23);border-color:#ffd700d1;background:radial-gradient(circle at center,rgba(255,215,0,.53) 0%,rgba(255,215,0,.38) 26%,rgba(255,215,0,.24) 50%,rgba(255,215,0,.13) 70%,rgba(255,215,0,.05) 87%,transparent 100%);box-shadow:0 0 42px #ffd700c7,0 0 84px #ffd70085,0 0 126px #ffd70042,inset 0 0 67px #ffd70057}80%{transform:scale(1.32);border-color:#ffd700db;background:radial-gradient(circle at center,rgba(255,215,0,.54) 0%,rgba(255,215,0,.39) 28%,rgba(255,215,0,.25) 53%,rgba(255,215,0,.14) 73%,rgba(255,215,0,.06) 89%,transparent 100%);box-shadow:0 0 46px #ffd700d6,0 0 92px #ffd7008f,0 0 138px #ffd70047,inset 0 0 73px #ffd7005e}90%{transform:scale(1.41);border-color:#ffd700e0;background:radial-gradient(circle at center,rgba(255,215,0,.545) 0%,rgba(255,215,0,.395) 29%,rgba(255,215,0,.25) 54%,rgba(255,215,0,.145) 74%,rgba(255,215,0,.06) 90%,transparent 100%);box-shadow:0 0 48px #ffd700de,0 0 96px #ffd70094,0 0 144px #ffd7004a,inset 0 0 77px #ffd70062}to{transform:scale(1.5);border-color:#ffd700e6;background:radial-gradient(circle at center,rgba(255,215,0,.55) 0%,rgba(255,215,0,.4) 30%,rgba(255,215,0,.25) 55%,rgba(255,215,0,.15) 75%,rgba(255,215,0,.06) 90%,transparent 100%);box-shadow:0 0 50px #ffd700e6,0 0 100px #ffd70099,0 0 150px #ffd7004d,inset 0 0 80px #ffd70066}}@keyframes holdExpanded{0%,to{transform:scale(1.5);border-color:#ffd700e6;background:radial-gradient(circle at center,rgba(255,215,0,.55) 0%,rgba(255,215,0,.4) 30%,rgba(255,215,0,.25) 55%,rgba(255,215,0,.15) 75%,rgba(255,215,0,.06) 90%,transparent 100%);box-shadow:0 0 50px #ffd700e6,0 0 100px #ffd70099,0 0 150px #ffd7004d,inset 0 0 80px #ffd70066}}@keyframes breatheOut{0%{transform:scale(1.5);border-color:#ffd700e6;background:radial-gradient(circle at center,rgba(255,215,0,.55) 0%,rgba(255,215,0,.4) 30%,rgba(255,215,0,.25) 55%,rgba(255,215,0,.15) 75%,rgba(255,215,0,.06) 90%,transparent 100%);box-shadow:0 0 50px #ffd700e6,0 0 100px #ffd70099,0 0 150px #ffd7004d,inset 0 0 80px #ffd70066}10%{transform:scale(1.41);border-color:#ffd700d9;background:radial-gradient(circle at center,rgba(255,215,0,.52) 0%,rgba(255,215,0,.38) 28%,rgba(255,215,0,.24) 53%,rgba(255,215,0,.14) 73%,rgba(255,215,0,.055) 88%,transparent 100%);box-shadow:0 0 47px #ffd700d9,0 0 94px #ffd70091,0 0 141px #ffd70049,inset 0 0 75px #ffd70060}20%{transform:scale(1.32);border-color:#ffd700cc;background:radial-gradient(circle at center,rgba(255,215,0,.49) 0%,rgba(255,215,0,.35) 26%,rgba(255,215,0,.22) 51%,rgba(255,215,0,.12) 71%,rgba(255,215,0,.045) 86%,transparent 100%);box-shadow:0 0 44px #ffd700cc,0 0 88px #ffd7008a,0 0 132px #ffd70045,inset 0 0 70px #ffd70059}30%{transform:scale(1.23);border-color:#ffd700bf;background:radial-gradient(circle at center,rgba(255,215,0,.46) 0%,rgba(255,215,0,.32) 24%,rgba(255,215,0,.2) 49%,rgba(255,215,0,.11) 69%,rgba(255,215,0,.04) 84%,transparent 100%);box-shadow:0 0 41px #ffd700bf,0 0 82px #ffd70082,0 0 123px #ffd70041,inset 0 0 65px #ffd70053}40%{transform:scale(1.14);border-color:#ffd700b3;background:radial-gradient(circle at center,rgba(255,215,0,.42) 0%,rgba(255,215,0,.29) 22%,rgba(255,215,0,.18) 46%,rgba(255,215,0,.095) 66%,rgba(255,215,0,.035) 82%,transparent 95%);box-shadow:0 0 38px #ffd700b3,0 0 76px #ffd7007a,0 0 114px #ffd7003d,inset 0 0 60px #ffd7004d}50%{transform:scale(1.05);border-color:#ffd700a6;background:radial-gradient(circle at center,rgba(255,215,0,.38) 0%,rgba(255,215,0,.25) 20%,rgba(255,215,0,.15) 43%,rgba(255,215,0,.08) 63%,rgba(255,215,0,.025) 80%,transparent 92%);box-shadow:0 0 35px #ffd700a6,0 0 70px #ffd70073,0 0 105px #ffd70039,inset 0 0 55px #ffd70046}60%{transform:scale(.96);border-color:#ffd70099;background:radial-gradient(circle at center,rgba(255,215,0,.33) 0%,rgba(255,215,0,.21) 18%,rgba(255,215,0,.12) 40%,rgba(255,215,0,.06) 60%,rgba(255,215,0,.02) 77%,transparent 90%);box-shadow:0 0 32px #ffd70099,0 0 64px #ffd7006b,0 0 96px #ffd70036,inset 0 0 50px #ffd70040}70%{transform:scale(.87);border-color:#ffd7008a;background:radial-gradient(circle at center,rgba(255,215,0,.27) 0%,rgba(255,215,0,.16) 16%,rgba(255,215,0,.09) 37%,rgba(255,215,0,.04) 57%,rgba(255,215,0,.01) 74%,transparent 87%);box-shadow:0 0 28px #ffd7008a,0 0 56px #ffd70061,0 0 84px #ffd70030,inset 0 0 44px #ffd70038}80%{transform:scale(.78);border-color:#ffd7007a;background:radial-gradient(circle at center,rgba(255,215,0,.2) 0%,rgba(255,215,0,.11) 14%,rgba(255,215,0,.05) 33%,rgba(255,215,0,.015) 53%,transparent 70%);box-shadow:0 0 24px #ffd7007a,0 0 48px #ffd70057,0 0 72px #ffd7002b,inset 0 0 38px #ffd70030}90%{transform:scale(.69);border-color:#ffd70070;background:radial-gradient(circle at center,rgba(255,215,0,.1) 0%,rgba(255,215,0,.04) 10%,rgba(255,215,0,.01) 27%,transparent 50%);box-shadow:0 0 19px #ffd70066,0 0 38px #ffd70042,0 0 57px #ffd70021,inset 0 0 30px #ffd70024}to{transform:scale(.6);border-color:#ffd70066;background:radial-gradient(circle at center,rgba(255,215,0,0) 0%,transparent 10%);box-shadow:0 0 15px #ffd7004d,0 0 30px #ffd70026,inset 0 0 20px #ffd70014}}@keyframes holdContracted{0%,to{transform:scale(.6);border-color:#ffd70066;box-shadow:0 0 15px #ffd7004d,0 0 30px #ffd70026,inset 0 0 20px #ffd70014}}.meditation-tamaghosty{position:relative;z-index:10}.meditation-tamaghosty .meditation-ghost-body{width:60px;height:75px;background:#fff;border-radius:50% 50% 0 0;position:relative;box-shadow:0 0 15px #b794f680}.meditation-tamaghosty .meditation-ghost-body:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:12px;background:linear-gradient(180deg,#fff,#e0d4ff,#b794f680 80%,#b794f600);clip-path:path("M 0,0 Q 7.5,12 15,0 Q 22.5,12 30,0 Q 37.5,12 45,0 Q 52.5,12 60,0 L 60,0 Z")}.meditation-tamaghosty .meditation-eyes{display:flex;gap:15px;justify-content:center;padding-top:28px}.meditation-tamaghosty .meditation-eye-closed{width:10px;height:2px;background:#2d1b4e;border-radius:0}.meditation-tamaghosty .meditation-mouth{width:15px;height:8px;border:2px solid #2d1b4e;border-top:none;border-radius:0 0 15px 15px;margin:8px auto 0}.breath-speech-bubble{position:absolute;top:-80px;left:50%;transform:translate(-50%);background:#fff;color:#2d1b4e;padding:12px 20px;border-radius:20px;font-size:1.1rem;font-weight:700;box-shadow:0 4px 20px #0000004d;white-space:nowrap;animation:bubblePop .5s ease-out;z-index:100}.breath-speech-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white}@keyframes bubblePop{0%{transform:translate(-50%) scale(0)}50%{transform:translate(-50%) scale(1.1)}to{transform:translate(-50%) scale(1)}}.breath-hold-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,1),0 0 40px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.6);animation:holdGlow 2s ease-in-out infinite;z-index:20;pointer-events:none}@keyframes holdGlow{0%,to{text-shadow:0 0 20px rgba(255,215,0,1),0 0 40px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.6)}50%{text-shadow:0 0 30px rgba(255,215,0,1),0 0 60px rgba(255,215,0,.9),0 0 90px rgba(255,215,0,.7)}}.guided-meditation{text-align:center;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 250px)}.mindfulness-container{position:relative;display:flex;align-items:center;justify-content:center;width:350px;height:350px}.mindfulness-orb{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#ffd70099,#ffd70066 40%,#ffd70033,#ffd7001a);box-shadow:0 0 40px #ffd700cc,0 0 80px #ffd70080,0 0 120px #ffd7004d,inset 0 0 60px #ffd70066;animation:orbPulse 6s ease-in-out infinite}@keyframes orbPulse{0%,to{transform:scale(1);opacity:.8;box-shadow:0 0 40px #ffd700cc,0 0 80px #ffd70080,0 0 120px #ffd7004d,inset 0 0 60px #ffd70066}50%{transform:scale(1.05);opacity:1;box-shadow:0 0 60px gold,0 0 120px #ffd700b3,0 0 180px #ffd70066,inset 0 0 80px #ffd70099}}.mindfulness-tamaghosty{position:relative;z-index:10}.mindfulness-tamaghosty .meditation-ghost-body{width:80px;height:100px;background:#fff;border-radius:50% 50% 0 0;position:relative;box-shadow:0 0 20px #b794f699}.mindfulness-tamaghosty .meditation-ghost-body:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:15px;background:linear-gradient(180deg,#fff,#e0d4ff,#b794f680 80%,#b794f600);clip-path:path("M 0,0 Q 10,15 20,0 Q 30,15 40,0 Q 50,15 60,0 Q 70,15 80,0 L 80,0 Z")}.mindfulness-tamaghosty .meditation-eyes{display:flex;gap:18px;justify-content:center;padding-top:38px}.mindfulness-tamaghosty .meditation-eye-closed{width:12px;height:2px;background:#2d1b4e;border-radius:0}.mindfulness-tamaghosty .meditation-mouth{width:18px;height:9px;border:2px solid #2d1b4e;border-top:none;border-radius:0 0 18px 18px;margin:10px auto 0}.mindfulness-speech-bubble{position:absolute;top:-110px;left:50%;transform:translate(-50%);background:#fff;color:#2d1b4e;padding:15px 20px;border-radius:20px;font-size:1rem;font-weight:500;box-shadow:0 4px 20px #0000004d;animation:bubblePop .5s ease-out;z-index:100;max-width:300px;text-align:center;line-height:1.4}.mindfulness-speech-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white}.prompt-display{min-height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.timer{font-size:2rem;color:#b794f6}.food-form{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}select{background:#ffffff0d;border:2px solid #7c3aed;color:#e0d4ff;padding:12px;border-radius:8px;font-size:1rem;font-family:Courier New,monospace}select:focus{outline:none;border-color:#b794f6;box-shadow:0 0 15px #7c3aed80}.journal-book{background:transparent;border:none;box-shadow:none;display:flex;justify-content:center;align-items:center;min-height:500px}.book{position:relative;width:100%;max-width:550px;perspective:1500px}.book{position:relative;transform-style:preserve-3d;perspective:1500px}.book.opening .book-pages{animation:coverOpen .8s ease-out}.book.opening:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#8b4513,#654321,#8b4513);border:3px solid #654321;border-radius:10px;transform-origin:left;animation:coverFlip .8s ease-out forwards;z-index:10}@keyframes coverFlip{0%{transform:perspective(1500px) rotateY(0)}to{transform:perspective(1500px) rotateY(-180deg)}}@keyframes coverOpen{0%{opacity:0;transform:scale(.9)}50%{opacity:.5}to{opacity:1;transform:scale(1)}}.book.opening .page{animation:pageFlick .3s ease-out;animation-fill-mode:both}.book.opening .left-page{animation-delay:.8s}.book.opening .right-page{animation-delay:.9s}@keyframes pageFlick{0%{transform:perspective(1000px) rotateY(180deg) translateZ(0);opacity:0;box-shadow:-5px 5px 20px #00000080}20%{transform:perspective(1000px) rotateY(135deg) translateZ(10px);opacity:.3}40%{transform:perspective(1000px) rotateY(90deg) translateZ(15px);opacity:.6}60%{transform:perspective(1000px) rotateY(45deg) translateZ(10px);opacity:.8}80%{transform:perspective(1000px) rotateY(10deg) translateZ(2px);opacity:.95}to{transform:perspective(1000px) rotateY(0) translateZ(0);opacity:1;box-shadow:none}}.book-pages{display:flex;background:linear-gradient(90deg,beige,#fff 5% 95%,beige);border:3px solid #8b4513;border-radius:10px;box-shadow:0 10px 40px #00000080,inset 0 0 20px #8b451333;min-height:400px;position:relative;overflow:hidden}.book-pages:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#8b4513,#654321,#8b4513);box-shadow:inset 0 0 5px #00000080}.page{flex:1;padding:30px;background:#fffef7;position:relative;overflow-y:auto;color:#2d1b4e}.page:before{content:"";position:absolute;inset:10px;border:1px solid rgba(139,69,19,.1);border-radius:5px;pointer-events:none;background:repeating-linear-gradient(transparent,transparent 24px,rgba(139,69,19,.1) 24px,rgba(139,69,19,.1) 25px)}.book.flipping .page{animation:pageFlip .6s ease-in-out}@keyframes pageFlip{0%{transform:rotateY(0);opacity:1}50%{transform:rotateY(90deg);opacity:.5}to{transform:rotateY(0);opacity:1}}.stats-page,.entry-page,.scan-page,.new-entry-page{height:100%;display:flex;flex-direction:column}.stats-page h3{color:#8b4513;margin-bottom:20px;text-align:center;font-family:Courier New,monospace}.stats-page p{margin:10px 0;font-size:1.1rem;color:#2d1b4e}.entry-page{font-size:.9rem}.entry-text{flex:1;margin:15px 0;line-height:1.6}.scan-page img{max-width:100%;max-height:300px;object-fit:contain;border-radius:8px;border:2px solid #7c3aed;margin:10px 0}.new-entry-page{display:flex;flex-direction:column;height:100%}.new-entry-page textarea{flex:1;min-height:250px;resize:none;border:none;background:transparent;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6;padding:0;color:#2d1b4e}.page-controls button:disabled{opacity:.3;cursor:not-allowed}.scan-animation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:#7c3aede6;color:#fff;padding:20px 40px;border-radius:15px;font-size:1.5rem;z-index:1000;opacity:0;transition:all .3s;pointer-events:none}.scan-animation.active{transform:translate(-50%,-50%) scale(1);opacity:1;animation:scanPop 2s ease-out}@keyframes scanPop{0%{transform:translate(-50%,-50%) scale(0) rotate(0)}50%{transform:translate(-50%,-50%) scale(1.2) rotate(5deg)}to{transform:translate(-50%,-50%) scale(0) rotate(0)}}.floor-books{position:absolute;inset:0;z-index:2}.floor-book{position:absolute;transition:all .5s ease;filter:drop-shadow(0 6px 12px rgba(0,0,0,.8));transform-style:preserve-3d;perspective:1000px;animation:bookBreathe 4s ease-in-out infinite}@keyframes bookBreathe{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(1deg)}}.floor-book.picked-up{opacity:0;transform:scale(.3) translateY(-80px) rotateY(360deg) rotate(180deg)}.book-spine{width:60px;height:85px;border-radius:4px;position:relative;box-shadow:inset 2px 0 8px #fff6,inset -2px 0 8px #00000080,inset 0 2px 5px #fff3,inset 0 -2px 5px #0006,4px 4px 15px #000000b3;border:2px solid rgba(0,0,0,.4);transform:rotateY(-20deg) rotateX(5deg)}.book-spine:before{content:"";position:absolute;top:8px;left:8px;right:8px;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);border-radius:2px}.book-spine:after{content:"";position:absolute;bottom:8px;left:8px;right:8px;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);border-radius:2px}.book-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);color:#fffffff2;font-size:.7rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 5px rgba(255,255,255,.3);white-space:nowrap;letter-spacing:1px}.book-cover{position:absolute;width:55px;height:85px;left:58px;top:0;border-radius:0 4px 4px 0;box-shadow:inset -3px 0 8px #00000080,inset 0 2px 5px #fff3,inset 0 -2px 5px #0000004d,4px 4px 15px #000000b3;border:2px solid rgba(0,0,0,.3);border-left:none}.book-cover:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.2);border-radius:2px}.book-cover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%)}.stats-display-corner{position:fixed;top:10px;right:10px;display:flex;flex-direction:row;gap:6px;z-index:100}.stat-mini{background:#2d1b4eb3;padding:4px 8px;border-radius:6px;font-size:.75rem;color:#e0d4ff;border:1px solid rgba(183,148,246,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.timer-display{font-size:4rem;font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.5),0 0 60px rgba(255,165,0,.3);animation:goldGlow 2s ease-in-out infinite,candleFlicker 3s ease-in-out infinite;margin:30px 0}.timer-display.glowing{color:gold;animation:goldGlow 2s ease-in-out infinite,candleFlicker 3s ease-in-out infinite}@keyframes goldGlow{0%,to{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.2)}}@keyframes candleFlicker{0%,to{opacity:1;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.5),0 0 60px rgba(255,165,0,.3)}50%{opacity:.97;text-shadow:0 0 19px rgba(255,215,0,.75),0 0 38px rgba(255,215,0,.45),0 0 58px rgba(255,165,0,.28)}}.study-header-corner{position:fixed;top:50px;left:10px;display:flex;align-items:center;gap:10px;z-index:100}.study-header-corner h2{font-size:1.2rem;color:#e0d4ff;margin:0}.mini-tamaghosty-icon{width:40px;height:50px;position:relative}.mini-ghost-body{width:40px;height:50px;background:#fff!important;border-radius:50% 50% 0 0;position:relative;box-shadow:0 0 15px #b794f6cc,0 0 30px #b794f680,0 0 45px #b794f64d;animation:miniGhostGlow 2s ease-in-out infinite}.mini-ghost-body:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:8px;background:linear-gradient(180deg,#fff,#e0d4ff 35%,#b794f6 60%,#b794f6b3 80%,#b794f64d 95%,#b794f600)!important;clip-path:path("M 0,0 Q 5,8 10,0 Q 15,8 20,0 Q 25,8 30,0 Q 40,8 50,0 Q 60,8 70,0 Q 75,8 80,0 Q 85,8 90,0 Q 95,8 100,0 L 100,0 Z")}@keyframes miniGhostGlow{0%,to{box-shadow:0 0 15px #b794f6cc,0 0 30px #b794f680,0 0 45px #b794f64d}50%{box-shadow:0 0 20px #b794f6,0 0 40px #b794f6b3,0 0 60px #b794f680}}.mini-eyes{display:flex;gap:10px;justify-content:center;padding-top:18px}.mini-eye{width:7px;height:7px;background:#2d1b4e;border-radius:50%;animation:miniBlink 4s infinite,miniWink 8s infinite}.mini-eye:first-child{animation:miniBlink 4s infinite}.mini-eye:last-child{animation:miniBlink 4s infinite,miniWink 8s infinite}@keyframes miniBlink{0%,48%,52%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}@keyframes miniWink{0%,78%,82%,to{transform:scaleY(1)}80%{transform:scaleY(.1)}}.mini-mouth{width:12px;height:6px;border:2px solid #2d1b4e;border-top:none;border-radius:0 0 12px 12px;margin:4px auto 0}.mini-tamaghosty-icon.sleeping .mini-eye{height:2px;background:#2d1b4e;border-radius:0;animation:none}.mini-sleep-zzz{position:absolute;top:-15px;right:-10px;font-size:.7rem;color:#b794f6;font-weight:700;font-family:Arial,sans-serif;text-shadow:0 0 5px rgba(183,148,246,.8)}.mini-z{position:absolute;opacity:0;animation:floatMiniZ 3s ease-in-out infinite}.mini-z1{left:0;animation-delay:0s}.mini-z2{left:8px;top:-5px;font-size:.6rem;animation-delay:.5s}.mini-z3{left:14px;top:-10px;font-size:.5rem;animation-delay:1s}@keyframes floatMiniZ{0%{opacity:0;transform:translateY(0)}20%,80%{opacity:1}to{opacity:0;transform:translateY(-15px)}}.journal-book{display:flex;justify-content:center;align-items:center;min-height:500px}.book{position:relative;width:90vw;max-width:1000px;height:70vh;min-height:600px;perspective:2000px;transform-style:preserve-3d;transition:transform 1.5s ease}.book.opening{animation:bookLift 1.5s ease forwards}@keyframes bookLift{0%{transform:perspective(2000px) rotateX(0) scale(.8);opacity:0}30%{transform:perspective(2000px) rotateX(-10deg) scale(.85);opacity:.5}60%{transform:perspective(2000px) rotateX(-5deg) scale(.95);opacity:.8}to{transform:perspective(2000px) rotateX(0) scale(1);opacity:1}}.book.opening:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#8b4513,#654321,#8b4513);border:3px solid #654321;border-radius:10px;transform-origin:left center;animation:coverFlip 1.2s ease-out forwards;z-index:10;box-shadow:inset 0 0 20px #00000080,5px 5px 20px #000000b3}@keyframes coverFlip{0%{transform:perspective(2000px) rotateY(0);opacity:1}50%{transform:perspective(2000px) rotateY(-90deg) translateZ(20px);opacity:.8}to{transform:perspective(2000px) rotateY(-180deg) translateZ(0);opacity:0}}.book.flipping .book-pages{animation:pageFlip .6s ease}@keyframes pageFlip{0%{transform:rotateY(0)}50%{transform:rotateY(-15deg) scale(.95)}to{transform:rotateY(0)}}.book-pages{display:flex;width:100%;height:100%;background:#f9f5e7;border-radius:10px;box-shadow:0 10px 40px #0000004d,inset 0 0 20px #8b45131a;transform-style:preserve-3d;transition:transform .6s ease}.page{flex:1;padding:25px 30px;overflow-y:hidden;background:linear-gradient(to right,#f9f5e7,#fefdfb,#f9f5e7);position:relative;display:flex;flex-direction:column}.page:before{content:"";position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent 0%,rgba(139,69,19,.2) 50%,transparent 100%)}.left-page:before{right:0}.right-page:before{left:0}.page-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:0 20px}.scan-animation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:#7c3aedf2;color:#fff;padding:20px 40px;border-radius:15px;font-size:1.2rem;z-index:1000;opacity:0;transition:all .3s ease}.scan-animation.active{transform:translate(-50%,-50%) scale(1);opacity:1;animation:scanPop 2s ease}@keyframes scanPop{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.1)}90%{opacity:1}to{opacity:0}}.entry-date{font-size:.85rem;color:#8b4513;font-weight:700;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid rgba(139,69,19,.2);font-family:Courier New,monospace}.entry-prompt{font-style:italic;color:#7c3aed;margin:8px 0;font-size:.9rem}.entry-text{line-height:1.6;color:#2d1b4e;margin:10px 0}.scan-page img{width:100%;height:auto;border-radius:5px;margin-top:10px;box-shadow:0 2px 8px #0003}.stats-page{display:flex;flex-direction:column;gap:8px}.stats-page h3{margin-bottom:5px}.stats-page p{margin:5px 0}.new-entry-page{display:flex;flex-direction:column;height:100%;gap:10px}.new-entry-page textarea{flex:1;min-height:0;resize:none;border:none;background:transparent;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6;padding:0;color:#2d1b4e;outline:none}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:1000;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;top:-10px;animation:confettiFall 3s ease-out forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.celebration-bubble{position:absolute;top:60px;left:0;background:#fff;color:#2d1b4e;padding:15px 20px;border-radius:20px;font-size:1rem;font-weight:700;box-shadow:0 4px 20px #0000004d;animation:bubbleBounce .5s ease-out;z-index:200;white-space:nowrap}.celebration-bubble:after{content:"";position:absolute;top:-10px;left:30px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid white}@keyframes bubbleBounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.mini-ghosts-container{display:flex;align-items:center;position:relative}.stopwatch-tamaghosty{position:fixed;right:90px;top:50%;transform:translateY(-50%);z-index:500}.stopwatch-speech-bubble{position:absolute;top:-90px;left:50%;transform:translate(-50%);background:#fff;color:#2d1b4e;padding:15px 20px;border-radius:20px;font-size:1.1rem;font-weight:700;box-shadow:0 4px 20px #0000004d;animation:bubbleBounce .5s ease-out;z-index:100;white-space:nowrap}.journal-tamaghosty{position:fixed;right:calc((100vw - 1000px)/2 - 339px)!important;top:50%!important;transform:translateY(-50%)!important;z-index:500;opacity:1!important}.journal-tamaghosty .tamaghosty,.journal-tamaghosty .ghost-body{opacity:1!important}@media(max-width:1100px){.journal-tamaghosty{right:calc(5vw - 339px)!important}}.journal-speech-bubble{position:fixed;top:50%;right:20px;transform:translateY(-50%);background:#fff;color:#2d1b4e;padding:12px 18px;border-radius:15px;font-size:.9rem;box-shadow:0 4px 15px #0000004d;animation:bubblePop .3s ease-out;z-index:1000;max-width:280px;max-height:80vh;overflow-y:auto;white-space:normal;text-align:center;word-wrap:break-word}.journal-speech-bubble:after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid white}.library-tamaghosty{position:fixed;bottom:120px;left:20%;z-index:5;opacity:1!important}.library-tamaghosty .tamaghosty{opacity:1!important}.stopwatch-tamaghosty{position:fixed;bottom:120px;right:200px;z-index:5;opacity:1!important}.stopwatch-tamaghosty .tamaghosty{opacity:1!important}.stopwatch-speech-bubble{position:absolute;top:-70px;left:50%;transform:translate(-50%);background:#fff;color:#2d1b4e;padding:10px 15px;border-radius:15px;font-size:.85rem;white-space:nowrap;box-shadow:0 4px 15px #0000004d;animation:bubblePop .3s ease-out;z-index:100}.stopwatch-speech-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white}.study-header-corner{position:fixed;top:20px;right:10px;display:flex;align-items:center;gap:15px;z-index:100}.mini-ghosts-container{display:flex;align-items:center}.floating-mini-ghost{position:fixed;z-index:4;transition:left .05s linear,top .05s linear;pointer-events:none;animation:floatAppear .5s ease-out}@keyframes floatAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.floating-mini-ghost .mini-ghost-body{width:50px;height:62px;background:#fff!important;border-radius:50% 50% 0 0;position:relative;box-shadow:0 0 15px #b794f6cc,0 0 30px #b794f680,0 0 45px #b794f64d;animation:floatingGhostGlow 2s ease-in-out infinite}.floating-mini-ghost .mini-ghost-body:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:10px;background:linear-gradient(180deg,#fff,#e0d4ff 35%,#b794f6 60%,#b794f6b3 80%,#b794f64d 95%,#b794f600)!important;clip-path:path("M 0,0 Q 6.25,10 12.5,0 Q 18.75,10 25,0 Q 31.25,10 37.5,0 Q 43.75,10 50,0 L 50,0 Z")}@keyframes floatingGhostGlow{0%,to{box-shadow:0 0 15px #b794f6cc,0 0 30px #b794f680,0 0 45px #b794f64d}50%{box-shadow:0 0 20px #b794f6,0 0 40px #b794f6b3,0 0 60px #b794f680}}.floating-mini-ghost .mini-eyes{display:flex;gap:12px;justify-content:center;padding-top:22px}.floating-mini-ghost .mini-eye{width:8px;height:8px;background:#2d1b4e;border-radius:50%;animation:floatingBlink 4s infinite}@keyframes floatingBlink{0%,48%,52%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.floating-mini-ghost .mini-mouth{width:14px;height:7px;border:2px solid #2d1b4e;border-top:none;border-radius:0 0 14px 14px;margin:5px auto 0}.install-prompt{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:1000;animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.install-content{background:#2d1b4efa;border:2px solid #7c3aed;border-radius:20px;padding:20px;box-shadow:0 0 30px #7c3aed99,0 10px 40px #000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:15px;max-width:350px;text-align:center}.install-icon{font-size:3rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.install-text h3{color:#b794f6;font-size:1.3rem;margin:0 0 8px;text-shadow:0 0 15px #7c3aed}.install-text p{color:#e0d4ff;font-size:.9rem;margin:0;line-height:1.4}.install-actions{display:flex;gap:10px;width:100%}.install-btn,.dismiss-btn{flex:1;padding:12px 20px;border-radius:12px;font-size:.95rem;cursor:pointer;transition:all .3s;border:none;font-family:Courier New,monospace;font-weight:700}.install-btn{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;box-shadow:0 4px 15px #7c3aed66}.install-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed99}.dismiss-btn{background:#ffffff1a;color:#b794f6;border:1px solid #7c3aed}.dismiss-btn:hover{background:#ffffff26;transform:translateY(-2px)}@media(max-width:480px){.install-prompt{left:10px;right:10px;transform:none}.install-content{max-width:none}.install-actions{flex-direction:column}}