:root{font-family:system-ui,-apple-system,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;--pastel-pink: #ffb6c1;--pastel-lavender: #e6e6fa;--pastel-blue: #b0e0e6;--pastel-yellow: #f0e68c;--pastel-plum: #dda0dd;--pastel-mint: #98d8c8;--pastel-peach: #ffdab9;--pastel-lavender-light: #f5e6ff;--pastel-blue-light: #e0f2ff;--pastel-pink-light: #ffe6f5;--pastel-peach-light: #fff0e6;--pastel-mint-light: #e6fff5;color-scheme:dark;color:#ffffffe6;background:transparent;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:transparent}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#ffffffe6;background-color:transparent}a:hover{color:#747bff}button{background-color:#1a1a1a}}html.is-spatial{background-color:transparent!important;--xr-background-material: transparent}html.is-spatial body,html.is-spatial #root{background:transparent!important;background-color:transparent!important}html.is-spatial .journal-app,html.is-spatial .spatial-view,html.is-spatial .spatial-gallery,html.is-spatial .journal-entry-scene,html.is-spatial .emotion-bubble-page,html.is-spatial .landing-page,html.is-spatial .feature-selection-page,html.is-spatial .new-journal-entry-page,html.is-spatial .mood-wrap-page{background:transparent!important;background-color:transparent!important;--xr-background-material: transparent}html.is-spatial .emotion-bubble.glass-jar,html.is-spatial .journal-entry-card,html.is-spatial .mood-bubble,html.is-spatial .back-button{--xr-background-material: translucent}#root{width:100%;height:100vh;margin:0;padding:0;background:transparent}.journal-app{width:100%;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5e6ff,#e0f2ff,#ffe6f5,#fff0e6,#e6fff5);background-size:400% 400%;animation:gradientShift 20s ease infinite;color:#3c3c50e6;overflow:hidden;perspective:2000px;position:relative}.journal-app:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#ffb6c11a,#e6e6fa1a,#b0e0e61a,#f0e68c1a,#dda0dd1a,#98d8c81a);pointer-events:none;z-index:0}.app-header{padding:30px 50px;background:#ffffff80;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-bottom:1px solid rgba(255,182,193,.2);box-shadow:0 4px 20px #ffb6c11a;position:relative;z-index:1;--xr-back: 50px;--xr-background-material: translucent}.app-header h1{margin:0 0 20px;font-size:32px;font-weight:300;letter-spacing:.1em;background:linear-gradient(135deg,#ffb6c1,#e6e6fa,#b0e0e6,khaki,plum,#98d8c8);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite;text-align:center;filter:drop-shadow(0 2px 10px rgba(255,182,193,.2))}.view-toggle{display:flex;gap:12px;justify-content:center}.view-toggle button{background:#ffffffb3;border:1px solid rgba(255,182,193,.3);padding:10px 24px;border-radius:25px;color:#645078cc;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-weight:400;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-toggle button:hover{background:#ffffffe6;color:#503c64e6;border-color:#ffb6c180;transform:translateY(-2px);box-shadow:0 4px 12px #ffb6c133}.view-toggle button.active{background:linear-gradient(135deg,#ffb6c1,#e6e6fa,#b0e0e6);border-color:#ffb6c166;color:#fffffff2;box-shadow:0 4px 15px #ffb6c14d;transform:translateY(-2px)}.app-main{flex:1;overflow-y:auto;padding:40px;position:relative;z-index:1}.create-view{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:32px;perspective:1500px}.input-section{display:flex;flex-direction:column;gap:24px;align-items:center;position:relative;--xr-back: 70px}.text-input-container{width:100%;position:relative;--xr-back: 90px}.journal-textarea{width:100%;min-height:200px;padding:20px;background:#fffc;border:2px solid rgba(255,182,193,.3);border-radius:20px;color:#3c3c50e6;font-size:16px;line-height:1.6;resize:vertical;transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-family:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;--xr-background-material: translucent;transform:translateZ(0)}.journal-textarea::placeholder{color:#b4a0c880}.journal-textarea:focus{outline:none;background:#fffffff2;border-color:#ffb6c199;transform:translateZ(20px);box-shadow:0 8px 24px #ffb6c133,0 0 0 4px #ffb6c11a}.save-button{padding:16px 48px;border:none;border-radius:50px;background:linear-gradient(135deg,#ffb6c1,#e6e6fa,#b0e0e6,khaki,plum);background-size:200% 200%;animation:gradientShift 5s ease infinite;color:#fffffff2;font-size:16px;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 20px #ffb6c14d,0 0 40px #e6e6fa33;text-shadow:0 2px 8px rgba(0,0,0,.1);position:relative;--xr-back: 110px;--xr-background-material: thick}.save-button:hover:not(:disabled){transform:translateY(-4px) translateZ(30px) scale(1.05);box-shadow:0 10px 30px #ffb6c166,0 0 60px #e6e6fa4d;--xr-back: 140px}.save-button:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#e0e0e0,#f0f0f0);animation:none}.list-view{max-width:1200px;margin:0 auto}.entries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;perspective:1500px}.spatial-view{height:calc(100vh - 200px);border-radius:16px;overflow:hidden;perspective:2000px;position:relative}.empty-state{text-align:center;padding:80px 20px;color:#645078b3}.empty-state p{font-size:18px;margin-bottom:24px;font-weight:300}.empty-state button{background:linear-gradient(135deg,#ffb6c1,#e6e6fa,#b0e0e6);background-size:200% 200%;animation:gradientShift 5s ease infinite;border:none;padding:16px 32px;border-radius:50px;color:#fffffff2;font-size:16px;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 20px #ffb6c14d,0 0 40px #e6e6fa33;text-shadow:0 2px 8px rgba(0,0,0,.1)}.empty-state button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 10px 30px #ffb6c166,0 0 60px #e6e6fa4d}.coming-soon{width:100%;height:100vh;position:relative;background:linear-gradient(135deg,#f5e6ff,#e0f2ff,#ffe6f5,#fff0e6,#e6fff5);background-size:400% 400%;animation:gradientShift 20s ease infinite}.coming-soon-content{display:flex;align-items:center;justify-content:center;height:100%;font-size:clamp(1.5rem,4vw,2.5rem);color:#645078cc;font-weight:300;letter-spacing:.1em}.landing-page{width:100%;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent}.landing-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.landing-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:30px;animation:fadeInUp 1s ease-out}.soulspace-title{margin:0;font-size:clamp(4rem,12vw,8rem);font-weight:300;letter-spacing:.1em;line-height:1.2}.title-gradient{background:linear-gradient(135deg,#ffb6c1,#e6e6fa,#b0e0e6,khaki,plum,#98d8c8);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite;filter:drop-shadow(0 4px 20px rgba(255,182,193,.3));display:inline-block}.landing-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);color:#f27609;font-weight:300;letter-spacing:.05em;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.start-button{position:relative;padding:18px 60px;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:400;letter-spacing:.1em;border:none;border-radius:50px;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);margin-top:20px;animation:fadeIn 2s ease-out;z-index:1}.start-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffb6c1,#e6e6fa,#b0e0e6,khaki,plum);background-size:200% 200%;animation:gradientShift 5s ease infinite;border-radius:50px;z-index:-1}.start-button .button-text{position:relative;z-index:2;color:#fffffff2;text-shadow:0 2px 10px rgba(0,0,0,.2)}.start-button .button-glow{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:1}.start-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 10px 40px #ffb6c166,0 0 60px #e6e6fa4d,0 0 80px #b0e0e633}.start-button:hover .button-glow{width:300px;height:300px}.start-button:active{transform:translateY(-2px) scale(1.02)}html.is-spatial .landing-page{background:transparent!important;--xr-background-material: transparent}html.is-spatiaentire background color to dark bll .landing-background{display:none!important}html.is-spatial .landing-content{--xr-background-material: transparent}html.is-spatial .start-button{--xr-background-material: thick}.back-button{position:fixed;top:20px;left:20px;padding:12px 20px;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,182,193,.3);border-radius:25px;color:#645078e6;font-size:1rem;font-weight:400;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:1000;box-shadow:0 4px 15px #ffb6c133}.back-button:hover{background:#fffffff2;border-color:#ffb6c180;transform:translate(-4px);box-shadow:0 6px 20px #ffb6c14d}.back-button:active{transform:translate(-2px)}.back-icon{font-size:1.2rem;line-height:1}.back-text{font-size:.95rem;letter-spacing:.05em}html.is-spatial .back-button{--xr-back: 150px;--xr-background-material: translucent}.feature-selection-page{width:100%;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent}.feature-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.holographic-gradient{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,#ffb6c14d,#e6e6fa4d,#b0e0e64d,#f0e68c4d,#dda0dd4d,#98d8c84d);animation:rotate 20s linear infinite;opacity:.6}.floating-shapes{position:absolute;width:100%;height:100%;top:0;left:0}.shape{position:absolute;border-radius:50%;filter:blur(40px);opacity:.4;animation:float 20s ease-in-out infinite}.shape-1{width:300px;height:300px;background:linear-gradient(135deg,#ffb6c1,pink);top:10%;left:10%;animation-delay:0s}.shape-2{width:250px;height:250px;background:linear-gradient(135deg,#e6e6fa,plum);top:60%;right:15%;animation-delay:2s}.shape-3{width:350px;height:350px;background:linear-gradient(135deg,#b0e0e6,#98d8c8);bottom:10%;left:20%;animation-delay:4s}.shape-4{width:200px;height:200px;background:linear-gradient(135deg,khaki,#ffdab9);top:30%;right:30%;animation-delay:6s}.shape-5{width:280px;height:280px;background:linear-gradient(135deg,plum,#ffb6c1);bottom:30%;right:10%;animation-delay:8s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,30px) scale(1.05)}}.feature-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:40px;animation:fadeInUp 1s ease-out;max-width:1200px;padding:40px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-title{margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:300;letter-spacing:.1em;background:linear-gradient(135deg,#ffb6c1,#e6e6fa,#b0e0e6,khaki,plum,#98d8c8);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite;filter:drop-shadow(0 4px 20px rgba(255,182,193,.3))}.feature-subtitle{font-size:clamp(1rem,2.5vw,1.4rem);color:#646478cc;font-weight:300;letter-spacing:.05em;margin:0}.feature-buttons{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;width:100%;max-width:900px}.feature-button{position:relative;width:250px;height:280px;padding:30px;border:none;border-radius:30px;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:30px;z-index:-1;transition:opacity .3s ease}.journal-button:before{background:linear-gradient(135deg,#667eea,#764ba2)}.mood-wrap-button:before{background:linear-gradient(135deg,#f093fb,#f5576c)}.emotion-bubble-button:before{background:linear-gradient(135deg,#4facfe,#00f2fe)}.feature-button .button-glow{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff6;transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:0}.feature-button:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 15px 40px #ffb6c166,0 0 80px #e6e6fa4d,0 0 120px #b0e0e633}.feature-button:hover .button-glow{width:400px;height:400px}.feature-button:active{transform:translateY(-4px) scale(1.02)}.button-icon{font-size:4rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.1));position:relative;z-index:2;transition:transform .3s ease}.feature-button:hover .button-icon{transform:scale(1.1) rotate(5deg)}.button-label{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:400;letter-spacing:.05em;color:#fffffff2;text-shadow:0 2px 10px rgba(0,0,0,.2);position:relative;z-index:2}html.is-spatial .feature-selection-page{background:transparent;--xr-background-material: transparent}html.is-spatial .feature-content{--xr-back: 100px;--xr-background-material: translucent}html.is-spatial .feature-button{--xr-back: 120px;--xr-background-material: thick}@media(max-width:768px){.feature-buttons{flex-direction:column;align-items:center}.feature-button{width:100%;max-width:300px;height:200px}}.journal-prompts{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:20px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.journal-prompts.expanded{box-shadow:0 8px 32px #0000001a}.prompts-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.prompts-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#000000e6}.prompts-icon{font-size:24px}.loading-dot{animation:pulse 1.5s ease-in-out infinite;margin-left:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.prompts-toggle{background:none;border:none;color:#000000b3;font-size:16px;cursor:pointer;padding:4px 8px;transition:transform .2s ease}.prompts-toggle:hover{color:#000}.journal-prompts.expanded .prompts-toggle{transform:rotate(0)}.journal-prompts.collapsed .prompts-toggle{transform:rotate(-90deg)}.prompts-content{margin-top:20px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.prompts-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;color:#000000b3}.spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.2);border-top-color:#000c;border-radius:50%;animation:spin 1s linear infinite}.prompts-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.prompt-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;min-height:60px}.prompt-item:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translate(4px)}.prompt-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#ffb6c14d,#b0e0e64d);border-radius:50%;font-size:14px;font-weight:600;color:#000000e6;flex-shrink:0}.prompt-text{flex:1;font-size:15px;line-height:1.5;color:#000000e6;word-wrap:break-word;overflow-wrap:break-word;display:block}.prompt-arrow{color:#00000080;font-size:18px;flex-shrink:0;transition:transform .2s ease}.prompt-item:hover .prompt-arrow{transform:translate(4px);color:#000c}.refresh-prompts{width:100%;padding:12px;background:#ffffff1a;border:1px solid rgba(0,0,0,.2);border-radius:10px;color:#000c;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.refresh-prompts:hover:not(:disabled){background:#ffffff26;border-color:#0000004d;color:#000}.refresh-prompts:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.journal-prompts{padding:16px}.prompt-item{padding:12px}.prompt-text{font-size:14px}}.ai-feedback-container{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:24px;margin:20px 0;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);animation:feedbackSlideIn .4s ease-out}@keyframes feedbackSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ai-feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(100,80,120,.1)}.ai-feedback-title{display:flex;align-items:center;gap:12px}.ai-icon{font-size:1.5rem;animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.ai-feedback-title h3{margin:0;font-size:1.3rem;font-weight:600;background:linear-gradient(135deg,#4a90e2,#e74c3c,#f1c40f,#2ecc71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-feedback-close{background:#0000000d;border:none;color:#0009;width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.ai-feedback-close:hover{background:#0000001a;color:#000000e6;transform:rotate(90deg)}.ai-feedback-content{min-height:100px}.ai-feedback-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(100,80,120,.1);border-top-color:#6bb6ff;border-radius:50%;animation:spin 1s linear infinite}.ai-feedback-loading p{color:#645078b3;font-size:.95rem;margin:0;text-align:center}.ai-feedback-error{padding:20px;background:#ffb6c11a;border-radius:12px;border-left:4px solid #FF6B6B;text-align:center}.ai-feedback-error p{color:#645078cc;margin:0 0 16px;font-size:.95rem}.retry-button{background:linear-gradient(135deg,#6bb6ff,#a78bfa);color:#fff;border:none;padding:10px 24px;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6bb6ff4d}.retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6bb6ff66}.ai-feedback-message{animation:messageFadeIn .5s ease-out}@keyframes messageFadeIn{0%{opacity:0}to{opacity:1}}.feedback-text{color:#3c3c50e6;line-height:1.8;font-size:1rem}.feedback-text p{margin:0 0 16px}.feedback-text p:last-child{margin-bottom:0}.feedback-text p:first-child{font-weight:500;color:#645078f2}@media(max-width:768px){.ai-feedback-container{padding:20px;margin:16px 0}.ai-feedback-title h3{font-size:1.1rem}.feedback-text{font-size:.95rem}}.new-journal-entry-page{width:100%;min-height:100vh;background:linear-gradient(135deg,#f5e6ff,#e0f2ff,#ffe6f5,#fff0e6,#e6fff5);background-size:400% 400%;animation:gradientShift 20s ease infinite;padding:40px 20px;position:relative}.journal-container{max-width:800px;margin:0 auto;padding-top:60px}.journal-title{font-size:clamp(2rem,5vw,3rem);font-weight:300;letter-spacing:.1em;text-align:center;margin-bottom:40px;background:linear-gradient(135deg,#ffb6c1,#e6e6fa,#b0e0e6,khaki,plum,#98d8c8);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite;filter:drop-shadow(0 2px 10px rgba(255,182,193,.2))}.new-entry-section{background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;padding:30px;margin-bottom:40px;border:1px solid rgba(255,182,193,.2);box-shadow:0 8px 32px #ffb6c126;display:flex;flex-direction:column;align-items:center;max-width:100%}.past-entries-section{margin-top:40px}.section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:300;letter-spacing:.05em;margin:0 0 20px;color:#645078e6}.entries-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.entries-header-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.generate-all-titles-button{padding:12px 20px;background:linear-gradient(135deg,#ffb6c1,#e6e6fa);border:none;border-radius:20px;color:#645078e6;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 15px #ffb6c14d;font-family:inherit}.generate-all-titles-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffb6c166;background:linear-gradient(135deg,#ffa5b3,#d4d4f0)}.generate-all-titles-button:active:not(:disabled){transform:translateY(0)}.generate-all-titles-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.sort-controls{display:flex;align-items:center;gap:10px}.sort-controls label{font-size:.95rem;color:#645078cc;font-weight:400}.sort-select{padding:8px 16px;background:#fffc;border:1px solid rgba(255,182,193,.3);border-radius:20px;color:#645078e6;font-size:.95rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sort-select:hover{background:#fffffff2;border-color:#ffb6c180}.sort-select:focus{outline:none;border-color:#ffb6c199;box-shadow:0 0 0 3px #ffb6c11a}.empty-entries{text-align:center;padding:60px 20px;color:#64507899;font-size:1.1rem;font-weight:300}.entries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;perspective:1500px}@media(max-width:768px){.entries-grid{grid-template-columns:1fr}.entries-header{flex-direction:column;align-items:flex-start}}.title-input-wrapper{width:100%;display:flex;gap:12px;margin-bottom:20px;align-items:center}.journal-title-input{flex:1;padding:14px 20px;background:#ffffffe6;border:2px solid rgba(255,182,193,.3);border-radius:20px;font-size:1rem;color:#645078e6;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:inherit}.journal-title-input:focus{outline:none;border-color:#ffb6c199;box-shadow:0 0 0 3px #ffb6c11a;background:#fffffff2}.journal-title-input::placeholder{color:#64507880}.generate-title-button{padding:14px 24px;background:linear-gradient(135deg,#ffb6c1,#e6e6fa);border:none;border-radius:20px;color:#645078e6;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 15px #ffb6c14d;font-family:inherit}.generate-title-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffb6c166;background:linear-gradient(135deg,#ffa5b3,#d4d4f0)}.generate-title-button:active:not(:disabled){transform:translateY(0)}.generate-title-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.text-area-wrapper{position:relative;width:100%;max-width:100%;display:flex;justify-content:center;margin:20px 0}.journal-textarea{width:100%;max-width:100%;min-height:400px;padding:30px;background:#ffffffe6;border:2px solid rgba(255,182,193,.3);border-radius:25px;color:#3c3c50e6;font-size:1.1rem;line-height:1.8;resize:vertical;transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-family:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #ffb6c126;box-sizing:border-box}.journal-textarea::placeholder{color:#b4a0c880;font-style:italic}.journal-textarea:focus{outline:none;background:#fffffff2;border-color:#ffb6c199;box-shadow:0 12px 40px #ffb6c140,0 0 0 4px #ffb6c11a;transform:translateY(-2px)}.mood-indicator{margin-top:20px;min-height:50px;display:flex;align-items:center;justify-content:center}.detecting-mood{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#ffffffb3;border-radius:25px;color:#645078cc;font-size:.95rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spinner{width:20px;height:20px;border:2px solid rgba(255,182,193,.3);border-top-color:#ffb6c1;border-radius:50%;animation:spin .8s linear infinite}.detected-mood{display:flex;align-items:center;gap:12px;padding:12px 24px;border:2px solid;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .5s ease;box-shadow:0 4px 15px #0000001a}.mood-emoji{font-size:1.5rem}.mood-name{font-size:1rem;font-weight:500;color:#3c3c50e6;letter-spacing:.05em}.action-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.speech-button{padding:16px 32px;background:#fffc;border:2px solid rgba(255,182,193,.4);border-radius:25px;color:#645078e6;font-size:1rem;font-weight:400;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #ffb6c133}.speech-button:hover{background:#fffffff2;border-color:#ffb6c199;transform:translateY(-2px);box-shadow:0 6px 20px #ffb6c14d}.speech-button.listening{background:#ffb6c133;border-color:#ffb6c1;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{box-shadow:0 4px 15px #ffb6c133}50%{box-shadow:0 4px 25px #ffb6c180}}.mic-icon{font-size:1.2rem}.save-button{padding:16px 48px;border:none;border-radius:25px;color:#fffffff2;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 20px #ffb6c14d,0 0 40px #e6e6fa33;text-shadow:0 2px 8px rgba(0,0,0,.1);letter-spacing:.05em}.save-button:hover:not(:disabled){transform:translateY(-4px) scale(1.05);box-shadow:0 10px 30px #ffb6c166,0 0 60px #e6e6fa4d}.save-button:disabled{cursor:not-allowed;opacity:.7}html.is-spatial .new-journal-entry-page{background:transparent;--xr-background-material: transparent}html.is-spatial .journal-container{--xr-back: 100px;--xr-background-material: translucent}@media(max-width:768px){.new-journal-entry-page{padding:20px 15px}.journal-container{padding-top:40px}.journal-textarea{min-height:300px;padding:20px;font-size:1rem}.action-buttons{flex-direction:column}.speech-button,.save-button{width:100%}}.slide-base{min-height:100%;height:100%;padding:40px 30px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;animation:slideIn .5s ease-out;border:none;outline:none;box-sizing:border-box}.interactive-slide{transition:transform .3s ease}.interactive-slide:hover{transform:scale(1.02)}.count-up-number{transition:transform .2s ease;display:inline-block}.count-up-number:hover{transform:scale(1.1)}.interactive-stat{transition:all .3s ease;cursor:pointer;padding:10px;border-radius:15px}.interactive-stat:hover{background:#ffffff4d;transform:translateY(-5px) scale(1.05);box-shadow:0 8px 20px #0000001a}.interactive-stat:active{transform:translateY(-3px) scale(1.02)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.slide-content{text-align:center;width:100%;max-width:100%;padding:0 20px;box-sizing:border-box;z-index:1;position:relative;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow:hidden}.blank-slide{padding:0!important;min-height:100%!important;height:100%!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border-radius:30px!important}.blank-slide>*{display:none!important}.blank-slide .slide-content{display:none!important}.blank-slide:before,.blank-slide:after{display:none!important;content:none!important}.empty-state-slide{background:#fff;border-radius:30px;display:flex;align-items:center;justify-content:center;min-height:100%;height:100%}.empty-state-slide .empty-icon{font-size:4rem;margin-bottom:20px;animation:float 3s ease-in-out infinite}.hero-slide{background:linear-gradient(135deg,#ffb6c1,#e6e6fa,#b0e0e6,khaki,plum);background-size:400% 400%;animation:gradientShift 8s ease infinite}.hero-emoji{font-size:5rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hero-title{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:300;letter-spacing:.03em;margin:0 0 15px;padding:0 10px;color:#3c3c50f2;text-shadow:0 2px 10px rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;max-width:100%;box-sizing:border-box}.hero-date{font-size:clamp(1rem,2vw,1.3rem);color:#3c3c50e6;font-weight:300;letter-spacing:.03em;padding:0 10px;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.pulse-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border:2px solid rgba(255,255,255,.3);border-radius:50%;animation:pulseCircle 3s ease-in-out infinite}@keyframes pulseCircle{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.2}}.entry-count-slide{background:linear-gradient(135deg,#ffb6c133,#e6e6fa33)}.numbers-list{display:flex;flex-direction:column;gap:20px;margin-top:30px}.number-item{padding:15px;background:#ffffffb3;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.number-item.interactive-stat{cursor:pointer}.number-item.interactive-stat:hover{background:#ffffffe6;transform:translateY(-5px) scale(1.03);box-shadow:0 8px 25px #00000026}.number-item.interactive-stat:active{transform:translateY(-2px) scale(1.01)}.number-text{font-size:clamp(1rem,1.8vw,1.2rem);color:#645078e6;margin:0;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.number-text strong{font-weight:600;color:#3c3c50f2}.year-numbers-list{display:flex;flex-direction:column;gap:15px;margin-top:25px}.year-number-item{padding:15px 20px;background:#ffffffb3;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.year-number-text{font-size:clamp(1rem,1.8vw,1.2rem);color:#645078e6;margin:0;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.year-number-text strong{font-weight:600;color:#3c3c50f2}.big-number{font-size:clamp(4rem,10vw,8rem);font-weight:300;background:linear-gradient(135deg,#ffb6c1,#e6e6fa,#b0e0e6);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite;margin:20px 0;line-height:1;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;max-width:100%}.slide-subtitle{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:300;letter-spacing:.03em;color:#645078e6;margin:0 0 20px;padding:0 10px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;box-sizing:border-box}.slide-description{font-size:clamp(1rem,1.8vw,1.2rem);color:#645078cc;font-weight:300;margin:20px 0;padding:0 10px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;box-sizing:border-box;max-width:100%}.progress-bar{width:100%;height:12px;background:#ffffff80;border-radius:10px;overflow:hidden;margin-top:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-fill{height:100%;background:linear-gradient(90deg,#ffb6c1,#e6e6fa,#b0e0e6);background-size:200% 100%;border-radius:10px;transition:width 1.8s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #ffb6c166;position:relative;overflow:hidden;animation:shimmer 2s ease-in-out infinite}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmerMove 2s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes shimmerMove{0%{left:-100%}to{left:100%}}.top-emotion-slide{position:relative}.emotion-display{margin:30px 0}.emotion-emoji{font-size:8rem;margin-bottom:20px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.emotion-name{font-size:clamp(2rem,4vw,3.2rem);font-weight:300;letter-spacing:.15em;color:#3c3c50e6;margin-bottom:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;box-sizing:border-box}.emotion-subtitle{font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:300;color:#645078cc;margin:10px 0 20px;letter-spacing:.05em}.percentage-badge{display:inline-block;padding:15px 40px;background:#ffffffe6;border-radius:50px;font-size:clamp(2rem,4vw,3rem);font-weight:300;color:#645078e6;margin:20px 0;box-shadow:0 8px 25px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.breakdown-slide{background:#ffffff4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.breakdown-list{display:flex;flex-direction:column;gap:12px;margin-top:20px;max-height:400px;overflow-y:auto;padding-right:5px}.breakdown-item{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#ffffffb3;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .5s ease-out backwards;box-sizing:border-box;min-width:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.breakdown-emoji{font-size:1.8rem;min-width:40px;max-width:40px;text-align:center;flex-shrink:0}.breakdown-info{flex:1;min-width:0;overflow:hidden}.breakdown-name{font-size:.95rem;font-weight:500;color:#3c3c50e6;margin-bottom:6px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.breakdown-bar{width:100%;height:6px;background:#ffffff80;border-radius:10px;overflow:hidden}.breakdown-fill{height:100%;border-radius:10px;transition:width 1s ease;box-shadow:0 2px 8px #0003}.breakdown-percentage{font-size:1rem;font-weight:300;color:#645078e6;min-width:45px;max-width:45px;text-align:right;flex-shrink:0;word-wrap:break-word;overflow-wrap:break-word}.peak-moment-slide{position:relative}.sun-icon{font-size:5rem;margin-bottom:20px;animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.peak-day{font-size:clamp(2rem,4vw,3rem);font-weight:300;color:#3c3c50e6;margin:20px 0 10px}.peak-date{font-size:clamp(1.2rem,2.5vw,1.5rem);color:#645078b3;margin-bottom:30px}.quote-box{background:#ffffffe6;border-radius:20px;padding:30px;margin:30px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #0000001a}.quote-text{font-size:clamp(1.1rem,2vw,1.3rem);font-style:italic;color:#3c3c50e6;line-height:1.6;margin:0}.peak-mood-badge{display:inline-block;padding:12px 30px;background:#fffc;border-radius:25px;font-size:1.2rem;color:#645078e6;margin-top:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.insight-slide{background:linear-gradient(135deg,#f0e68c33,#ffdab933)}.insight-icon{font-size:5rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.insight-text{font-size:clamp(1.5rem,3vw,2rem);color:#3c3c50e6;font-weight:300;line-height:1.6;margin:30px 0}.achievement-badge{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,khaki,#ffdab9);border-radius:30px;font-size:1.2rem;color:#3c3c50e6;margin-top:30px;box-shadow:0 8px 25px #f0e68c4d}.badge-icon{font-size:1.5rem}.goal-slide{background:linear-gradient(135deg,#98d8c833,#b0e0e633)}.goal-icon{font-size:5rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.goal-text{font-size:clamp(1.5rem,3vw,2rem);color:#3c3c50e6;font-weight:300;line-height:1.6;margin:30px 0}.encouragement{margin-top:40px;padding:20px;background:#ffffffb3;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.encouragement p{font-size:1.1rem;color:#645078cc;margin:0;font-weight:300}.monthly-hero-slide{background:linear-gradient(135deg,#ffb6c1,#e6e6fa,#b0e0e6,khaki,plum);background-size:400% 400%;animation:gradientShift 8s ease infinite}.gift-emoji{font-size:5rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.by-numbers-slide{background:#ffffff4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.numbers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.stat-box{background:#fffc;border-radius:20px;padding:30px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #ffb6c133}.stat-number{font-size:clamp(2.5rem,5vw,4rem);font-weight:300;background:linear-gradient(135deg,#ffb6c1,#e6e6fa,#b0e0e6);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite;margin-bottom:10px}.stat-label{font-size:1rem;color:#645078cc;font-weight:300;letter-spacing:.05em}.emotion-evolution-slide{background:#ffffff4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.evolution-chart{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:250px;margin:30px 0;padding:0 20px}.evolution-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-fill{width:100%;border-radius:8px 8px 0 0;transition:height .5s ease;box-shadow:0 2px 8px #0000001a}.bar-label{font-size:.7rem;color:#645078b3;margin-top:8px;transform:rotate(-45deg);white-space:nowrap}.dominant-emotion-slide{position:relative}.streak-slide{background:linear-gradient(135deg,#ffb6c133,#f0e68c33)}.fire-icon{font-size:5rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.trophy-badge{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,khaki,#ffdab9);border-radius:30px;font-size:1.2rem;color:#3c3c50e6;margin-top:30px;box-shadow:0 8px 25px #f0e68c4d}.trophy-emoji{font-size:1.5rem}.active-day-slide{background:#ffffff4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.day-name{font-size:clamp(2rem,4vw,3rem);font-weight:300;color:#3c3c50e6;margin:20px 0 30px}.day-chart{display:flex;align-items:flex-end;justify-content:center;gap:15px;height:200px;margin:30px 0}.day-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.day-bar-fill{width:100%;border-radius:8px 8px 0 0;transition:height .5s ease;box-shadow:0 2px 8px #0000001a}.day-bar-label{font-size:.8rem;color:#645078b3;margin-top:8px}.day-bar-count{font-size:.9rem;color:#645078cc;font-weight:500;margin-top:4px}.word-cloud-slide{background:#ffffff4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.word-cloud{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin:40px 0;min-height:300px;padding:20px}.cloud-word{color:#645078e6;font-weight:500;transition:all .3s ease;cursor:default;display:inline-block}.cloud-word:hover{transform:scale(1.2) rotate(0)!important;color:#ffb6c1e6}.transformation-slide{background:linear-gradient(135deg,#98d8c833,#b0e0e633)}.sparkle-icon{font-size:5rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.transformation-timeline{display:flex;align-items:center;justify-content:center;gap:30px;margin:40px 0;flex-wrap:wrap}.timeline-start,.timeline-end{flex:1;min-width:150px;text-align:center;padding:30px;background:#fffc;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #ffb6c133}.timeline-date{font-size:1.2rem;color:#645078cc;margin-bottom:15px;font-weight:300}.timeline-mood{font-size:1.5rem;font-weight:500}.timeline-arrow{font-size:3rem;color:#ffb6c1cc;animation:pulse 2s ease-in-out infinite}.consistency-slide{background:linear-gradient(135deg,#f0e68c33,#ffdab933)}.star-icon{font-size:5rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.grade-display{font-size:clamp(4rem,8vw,6rem);font-weight:300;background:linear-gradient(135deg,#ffb6c1,#e6e6fa,#b0e0e6);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite;margin:20px 0}.progress-bar-large{width:100%;max-width:400px;height:20px;background:#ffffff80;border-radius:15px;overflow:hidden;margin:30px auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 2px 10px #0000001a}.progress-fill-large{height:100%;border-radius:15px;transition:width 1s ease;box-shadow:0 2px 10px #ffb6c166}.looking-ahead-slide{background:linear-gradient(135deg,#dda0dd33,#ffb6c133)}.unlock-icon{font-size:5rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.goal-suggestion{font-size:clamp(1.3rem,2.5vw,1.6rem);color:#3c3c50e6;font-weight:300;line-height:1.6;margin:30px 0;padding:20px;background:#ffffffb3;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:768px){.numbers-grid{grid-template-columns:1fr;gap:15px}.transformation-timeline{flex-direction:column}.timeline-arrow{transform:rotate(90deg)}.word-cloud{gap:10px}.cloud-word{font-size:1rem!important}}.yearly-hero-slide{background:linear-gradient(135deg,gold,#ff8c42,#e74c3c,#9b59b6,#4a90e2);background-size:400% 400%;animation:gradientShift 10s ease infinite;position:relative;overflow:hidden}.year-number{font-size:clamp(4rem,10vw,8rem);font-weight:200;letter-spacing:.03em;color:#3c3c50f2;text-shadow:0 4px 20px rgba(255,255,255,.5);margin:20px 0;line-height:1;animation:numberPulse 3s ease-in-out infinite;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;box-sizing:border-box}@keyframes numberPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.yearly-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:300;letter-spacing:.05em;color:#3c3c50f2;text-shadow:0 2px 10px rgba(255,255,255,.5);margin:0;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2;padding:0 20px;box-sizing:border-box;max-width:100%}.globe-icon{font-size:6rem;margin-top:30px;animation:rotate 20s linear infinite;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3))}.cinematic-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);animation:glowRotate 10s linear infinite;pointer-events:none}@keyframes glowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.year-numbers-slide{background:#ffffff4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.year-stat{margin:30px 0}.year-stat-number{font-size:clamp(4rem,10vw,8rem);font-weight:200;background:linear-gradient(135deg,gold,#ff8c42,#e74c3c);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite;line-height:1;margin-bottom:10px}.year-stat-label{font-size:clamp(1.2rem,2.5vw,1.8rem);color:#645078cc;font-weight:300;letter-spacing:.05em}.novel-equivalent{font-size:clamp(1.3rem,2.5vw,1.8rem);color:#645078e6;font-weight:400;margin:30px 0;font-style:italic}.days-stat{font-size:clamp(1.2rem,2.5vw,1.6rem);color:#645078cc;margin-top:30px}.top3-emotions-slide{background:#ffffff4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.podium-container{display:flex;align-items:flex-end;justify-content:center;gap:20px;margin:40px 0;height:300px}.podium-item{display:flex;flex-direction:column;align-items:center;flex:1;max-width:200px}.podium-item.second{order:1}.podium-item.first{order:2}.podium-item.third{order:3}.podium-stand{width:100%;border-radius:15px 15px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 20px 30px;box-shadow:0 8px 25px #0003;position:relative;transition:transform .3s ease;min-height:fit-content}.podium-item.first .podium-stand{transform:scale(1.1);z-index:3}.podium-item.second .podium-stand{transform:scale(.95);z-index:2}.podium-item.third .podium-stand{transform:scale(.85);z-index:1}.medal{font-size:3rem;margin-bottom:10px;animation:medalShine 2s ease-in-out infinite}@keyframes medalShine{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.podium-emoji{font-size:3rem;margin-bottom:10px}.podium-name{font-size:1.3rem;font-weight:500;color:#3c3c50f2;text-shadow:0 1px 5px rgba(255,255,255,.5);margin-bottom:8px}.podium-percentage{font-size:1.8rem;font-weight:300;color:#3c3c50e6;text-shadow:0 1px 5px rgba(255,255,255,.5);margin-top:10px;white-space:nowrap}.emotion-timeline-slide{background:#ffffff4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.timeline-heatmap{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:300px;margin:30px 0;padding:0 20px;flex-wrap:wrap}.timeline-month{display:flex;flex-direction:column;align-items:center;flex:1;min-width:60px}.month-block{width:100%;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;min-height:50px}.month-block:hover{transform:translateY(-5px);box-shadow:0 4px 15px #0003}.month-emoji{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.month-label{font-size:.8rem;color:#645078b3;margin-top:8px;font-weight:400}.transformative-month-slide{position:relative}.butterfly-icon{font-size:5rem;margin-bottom:20px;animation:float 3s ease-in-out infinite}.month-stats{display:flex;gap:30px;justify-content:center;margin:30px 0}.month-stat-item{text-align:center;padding:20px;background:#fffc;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #ffb6c133}.stat-value{font-size:2.5rem;font-weight:300;color:#3c3c50e6;margin-bottom:8px}.stat-label{font-size:1rem;color:#645078cc;font-weight:300}.peak-happiness-slide{background:linear-gradient(135deg,#ffd70033,#ff8c4233)}.sun-icon-large{font-size:6rem;margin-bottom:20px;animation:rotate 15s linear infinite;filter:drop-shadow(0 4px 20px rgba(255,215,0,.4))}.happy-entries{display:flex;flex-direction:column;gap:15px;max-width:600px;margin:30px auto}.happy-quote{background:#ffffffe6;border-radius:20px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #ffd70033}.happy-quote p{font-size:1.1rem;color:#3c3c50e6;font-style:italic;line-height:1.6;margin:0 0 10px}.quote-mood{font-size:.9rem;color:#645078cc;font-weight:400}.hardest-month-slide{background:linear-gradient(135deg,#4a90e233,#2c5f8d33)}.strength-icon{font-size:5rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.peak-valley-slide{background:#ffffff4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.peak-valley-split{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px;width:100%;max-height:400px;overflow:hidden}.peak-side,.valley-side{padding:15px;background:#fffc;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;box-shadow:0 8px 25px #0000001a;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.peak-side{border-left:4px solid rgba(255,215,0,.6)}.valley-side{border-left:4px solid rgba(74,144,226,.6)}.sun-icon-large,.strength-icon-large{font-size:2.5rem;margin-bottom:8px;animation:pulse 2s ease-in-out infinite;flex-shrink:0}.side-title{font-size:clamp(.9rem,1.8vw,1.1rem);font-weight:500;color:#3c3c50e6;margin:8px 0;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;flex-shrink:0}.quote-box-small{margin-top:8px;padding:10px;background:#fff9;border-radius:10px;border-left:3px solid rgba(255,215,0,.4);flex:1;overflow-y:auto;max-height:150px}.quote-text-small{font-size:clamp(.75rem,1.3vw,.9rem);color:#645078cc;font-style:italic;line-height:1.4;margin:0;word-wrap:break-word;overflow-wrap:break-word}.resilience-message-small{margin-top:8px;padding:10px;background:#fff9;border-radius:10px;border-left:3px solid rgba(74,144,226,.4);flex:1;display:flex;flex-direction:column;justify-content:center}.resilience-message-small p{font-size:clamp(.75rem,1.3vw,.9rem);color:#645078cc;margin:4px 0;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:768px){.peak-valley-split{grid-template-columns:1fr;gap:15px}}.resilience-message{background:#fffc;border-radius:20px;padding:30px;margin:30px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #4a90e233}.resilience-message p{font-size:1.2rem;color:#3c3c50e6;margin:10px 0;font-weight:300;line-height:1.6}.growth-badge{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,#95e1d3,#a8e6cf);border-radius:30px;font-size:1.2rem;color:#3c3c50e6;margin-top:20px;box-shadow:0 8px 25px #95e1d34d}.longest-streak-yearly-slide{background:linear-gradient(135deg,#ff6b3533,#ff9a7633)}.fire-icon-large{font-size:6rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 4px 20px rgba(255,107,53,.4))}.streak-dates{display:flex;align-items:center;gap:15px;justify-content:center;margin:20px 0;font-size:1.2rem;color:#645078cc}.date-separator{font-size:1.5rem;color:#ff6b35cc}.celebration-graphic{font-size:4rem;margin-top:20px;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.words-defined-slide{background:#ffffff4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.defined-words-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin:40px 0;min-height:350px;padding:20px}.defined-word{color:#645078e6;font-weight:500;transition:all .3s ease;cursor:default;display:inline-block;padding:8px 16px;background:#fff9;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #ffb6c133}.defined-word:hover{transform:scale(1.15) rotate(0)!important;background:#ffffffe6;box-shadow:0 6px 20px #ffb6c166}.emotional-growth-slide{background:linear-gradient(135deg,#9b59b633,#b19cd933)}.growth-comparison{display:flex;align-items:center;justify-content:center;gap:40px;margin:40px 0;flex-wrap:wrap}.growth-start,.growth-end{flex:1;min-width:200px;text-align:center;padding:40px;background:#fffc;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #9b59b633}.growth-label{font-size:1.2rem;color:#645078cc;margin-bottom:20px;font-weight:300}.growth-mood{font-size:2rem;font-weight:500}.growth-arrow{font-size:4rem;color:#9b59b6cc;animation:pulse 2s ease-in-out infinite}.consistency-badge-slide{background:linear-gradient(135deg,#ffd70033,#ff8c4233)}.badge-icon-large{font-size:6rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 4px 20px rgba(255,215,0,.4))}.achievement-badge-large{background:linear-gradient(135deg,gold,#ff8c42);border-radius:30px;padding:40px;margin-top:30px;box-shadow:0 12px 40px #ffd7004d;text-align:center}.badge-title{font-size:2rem;font-weight:500;color:#3c3c50e6;margin-bottom:10px}.badge-subtitle{font-size:1.2rem;color:#3c3c50cc;font-weight:300}.gratitude-counter-slide{background:linear-gradient(135deg,#f38ba033,#e8b4b833)}.heart-icon{font-size:5rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.thank-you-message{background:#fffc;border-radius:20px;padding:25px;margin-top:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #f38ba033}.thank-you-message p{font-size:1.3rem;color:#3c3c50e6;margin:0;font-weight:300;line-height:1.6}.most-reflective-slide{background:#ffffff4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.reflection-icon{font-size:5rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.reflective-date{font-size:clamp(1.5rem,3vw,2rem);color:#645078cc;margin:20px 0;font-weight:300}.reflective-quote{background:#ffffffe6;border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #ffb6c133;max-width:600px;margin:30px auto}.reflective-quote p{font-size:1.2rem;color:#3c3c50e6;font-style:italic;line-height:1.8;margin:0}.word-count-badge{display:inline-block;padding:12px 30px;background:#fffc;border-radius:25px;font-size:1.1rem;color:#645078e6;margin-top:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #ffb6c133}.year-transition-slide{background:linear-gradient(135deg,#dda0dd33,#ffb6c133)}.transition-icon{font-size:5rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.year-transition{display:flex;align-items:center;justify-content:center;gap:30px;margin:40px 0}.year-current,.year-next{font-size:clamp(4rem,10vw,8rem);font-weight:200;background:linear-gradient(135deg,#ffb6c1,#e6e6fa,#b0e0e6);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite}.transition-arrow{font-size:4rem;color:#ffb6c1cc;animation:pulse 2s ease-in-out infinite}.encouragement-box{background:#fffc;border-radius:20px;padding:30px;margin-top:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #ffb6c133;max-width:600px;margin-left:auto;margin-right:auto}.encouragement-box p{font-size:1.3rem;color:#3c3c50e6;margin:0;font-weight:300;line-height:1.6}.share-journey-slide{background:#ffffff4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.share-icon,.rocket-icon{font-size:5rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.rocket-icon{filter:drop-shadow(0 4px 20px rgba(255,182,193,.4))}.share-stats-card{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:600px;margin:30px auto}.share-stat{background:#ffffffe6;border-radius:20px;padding:25px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #ffb6c133}.share-number{font-size:2.5rem;font-weight:300;background:linear-gradient(135deg,#ffb6c1,#e6e6fa,#b0e0e6);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite;margin-bottom:8px}.share-label{font-size:.9rem;color:#645078cc;font-weight:300;letter-spacing:.05em}.share-button{padding:18px 48px;border:none;border-radius:50px;background:linear-gradient(135deg,#ffb6c1,#e6e6fa,#b0e0e6);background-size:200% 200%;animation:gradientShift 5s ease infinite;color:#3c3c50f2;font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 20px #ffb6c14d,0 0 40px #e6e6fa33;text-shadow:0 2px 8px rgba(0,0,0,.1);letter-spacing:.05em;margin-top:30px}.share-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 10px 30px #ffb6c166,0 0 60px #e6e6fa4d}@media(max-width:768px){.podium-container{flex-direction:column;height:auto;align-items:center}.podium-item.first,.podium-item.second,.podium-item.third{order:0}.podium-item.first .podium-stand{transform:scale(1)}.growth-comparison{flex-direction:column}.growth-arrow{transform:rotate(90deg)}.share-stats-card{grid-template-columns:1fr}.timeline-heatmap{gap:4px}.month-block{min-width:40px}}@media(max-width:768px){.slide-base{min-height:500px;padding:40px 20px}.breakdown-item{flex-direction:column;text-align:center}.breakdown-percentage{text-align:center}}.emotion-evolution-slide{display:flex;align-items:center;justify-content:center}.mood-graph-container{width:100%;max-width:700px;margin:30px auto;padding:20px;background:#ffffff0d;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mood-graph{width:100%;height:auto;min-height:300px}.mood-point{cursor:pointer;transition:r .2s ease}.mood-point:hover{r:8;filter:drop-shadow(0 0 8px currentColor)}@media(max-width:768px){.mood-graph-container{padding:15px;max-width:100%}.mood-graph{min-height:250px}}.mood-wrap-carousel{position:relative;width:100%;max-width:800px;margin:0 auto;perspective:2000px;height:700px;user-select:none;-webkit-user-select:none;padding-bottom:120px;overflow:visible}.cards-stack{position:relative;width:100%;height:100%;perspective:1500px;overflow:visible}.floating-card{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .5s ease,z-index .5s ease,box-shadow .3s ease;transform-style:preserve-3d;cursor:grab;will-change:transform;border:none;outline:none}.floating-card.active:hover{transform:translateY(-8px)!important}.floating-card:active{cursor:grabbing}.floating-card.active{cursor:grab}.floating-card.active:focus{outline:3px solid rgba(255,182,193,.8);outline-offset:5px}.card-content{width:100%;height:100%;border-radius:30px;background:#ffb6c1b3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 20px 60px #ffb6c14d;overflow:hidden;overflow-y:auto;transform-style:preserve-3d;backface-visibility:hidden;position:relative;word-wrap:break-word;overflow-wrap:break-word;border:none;outline:none;transition:transform .3s ease,box-shadow .3s ease;-webkit-mask-image:-webkit-radial-gradient(white,white);mask-image:radial-gradient(#fff,#fff)}.floating-card.active .card-content{cursor:pointer}.floating-card.active .card-content:hover{transform:scale(1.01);box-shadow:0 25px 70px #ffb6c166}.card-content:before{display:none}.card-content>*{position:relative;z-index:1;pointer-events:auto}.card-content .slide-base{pointer-events:none}.card-content .slide-base>*{pointer-events:auto}@keyframes holographicShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.floating-card:nth-child(6n+1) .card-content{background:linear-gradient(135deg,#ffb6c1b3,#e6e6fab3,#b0e0e6b3,#f0e68cb3,#98d8c8b3,#ffb6c1b3);background-size:400% 400%}.floating-card:nth-child(6n+2) .card-content{background:linear-gradient(135deg,#b0e0e6b3,#f0e68cb3,#ffb6c1b3,#e6e6fab3,#98d8c8b3,#b0e0e6b3);background-size:400% 400%}.floating-card:nth-child(6n+3) .card-content{background:linear-gradient(135deg,#98d8c8b3,#f0e68cb3,#b0e0e6b3,#ffb6c1b3,#e6e6fab3,#98d8c8b3);background-size:400% 400%}.floating-card:nth-child(6n+4) .card-content{background:linear-gradient(135deg,#f0e68cb3,#ffb6c1b3,#e6e6fab3,#98d8c8b3,#b0e0e6b3,#f0e68cb3);background-size:400% 400%}.floating-card:nth-child(6n+5) .card-content{background:linear-gradient(135deg,#98d8c8b3,#b0e0e6b3,#ffb6c1b3,#e6e6fab3,#f0e68cb3,#98d8c8b3);background-size:400% 400%}.floating-card:nth-child(6n+6) .card-content{background:linear-gradient(135deg,#e6e6fab3,#98d8c8b3,#f0e68cb3,#ffb6c1b3,#b0e0e6b3,#e6e6fab3);background-size:400% 400%}.floating-card.active .card-content{box-shadow:0 25px 80px #ffb6c166,0 0 40px #ffb6c14d;animation-duration:6s}.swipe-hint{position:absolute;top:20px;left:0;right:0;display:none;justify-content:space-between;padding:0 30px;pointer-events:none;opacity:.6;transition:opacity .3s ease;z-index:1000}.floating-card.active:hover .swipe-hint{opacity:.8}.swipe-left,.swipe-right{font-size:.9rem;color:#3c3c50e6;text-shadow:0 1px 5px rgba(255,255,255,.5);font-weight:300;letter-spacing:.1em;animation:pulse 2s ease-in-out infinite}.tap-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:.85rem;color:#3c3c50cc;text-shadow:0 1px 5px rgba(255,255,255,.5);font-weight:300;letter-spacing:.05em;animation:pulse 2s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.carousel-controls{position:absolute;bottom:90px;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;gap:20px;z-index:1000;pointer-events:auto}.slide-indicators{display:flex;gap:10px;flex:1;justify-content:center}.indicator{width:10px;height:10px;border-radius:50%;border:none;background:#ffb6c14d;cursor:pointer;transition:all .3s ease;padding:0}.indicator:hover{background:#ffb6c180;transform:scale(1.2)}.indicator.active{background:linear-gradient(135deg,#ffb6c1,#e6e6fa);width:30px;border-radius:5px;box-shadow:0 2px 8px #ffb6c166}.carousel-actions{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;flex-wrap:wrap}.carousel-actions-container{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:1000;display:flex!important;flex-direction:row;justify-content:center;align-items:center;gap:15px;pointer-events:auto;visibility:visible;opacity:1;flex-wrap:nowrap;width:auto}.action-button{padding:12px 24px;border:none;border-radius:25px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#645078e6;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #ffb6c166;letter-spacing:.05em;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;height:44px!important;min-width:140px;line-height:1!important;margin:0!important;vertical-align:middle!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;white-space:nowrap;box-sizing:border-box}.action-button:hover{transform:translateY(-2px) scale(1.05);background:#fff;box-shadow:0 6px 20px #ffb6c14d}.action-button:active{transform:translateY(0) scale(.98)}.skip-button{background:linear-gradient(135deg,#ffb6c1e6,#e6e6fae6)}.replay-button{background:linear-gradient(135deg,#b0e0e6e6,#f0e68ce6)}.share-button{background:linear-gradient(135deg,#98d8c8e6,#dda0dde6)}.slide-counter{position:absolute;bottom:5px;left:50%;transform:translate(-50%);text-align:center;color:#645078b3;font-size:.9rem;font-weight:300;letter-spacing:.05em;z-index:100;pointer-events:none}.glowcard-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center}html.is-spatial .mood-wrap-carousel{--xr-back: 100px;--xr-background-material: translucent}@media(max-width:768px){.carousel-controls{margin-top:20px}.carousel-actions{gap:10px;margin-top:15px}.action-button{padding:10px 18px;font-size:.85rem}.indicator{width:8px;height:8px}.indicator.active{width:24px}.tap-hint{font-size:.75rem;bottom:15px}}.mood-wrap-page{width:100%;min-height:100vh;background:linear-gradient(135deg,#f5e6ff,#e0f2ff,#ffe6f5,#fff0e6,#e6fff5);background-size:400% 400%;animation:gradientShift 20s ease infinite;padding:40px 20px;position:relative}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.mood-wrap-container{max-width:1400px;margin:0 auto;padding-top:60px}.mood-wrap-title{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:100;font-size:clamp(2.5rem,6vw,4rem);font-weight:300;letter-spacing:.1em;text-align:center;margin-bottom:0;background:linear-gradient(135deg,#ffb6c1,#e6e6fa,#b0e0e6,khaki,plum,#98d8c8);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite;filter:drop-shadow(0 2px 10px rgba(255,182,193,.2));pointer-events:none}.time-period-tabs{display:flex;gap:15px;justify-content:center;margin-bottom:40px;margin-top:120px;flex-wrap:wrap}.tab-button{padding:12px 32px;background:#ffffffb3;border:2px solid rgba(255,182,193,.3);border-radius:25px;color:#645078cc;font-size:.95rem;font-weight:500;letter-spacing:.1em;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-button:hover{background:#ffffffe6;border-color:#ffb6c180;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#ffb6c1,#e6e6fa,#b0e0e6);border-color:#ffb6c166;color:#fffffff2;box-shadow:0 4px 15px #ffb6c14d;transform:translateY(-2px)}.panel-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:500px}.panel{display:flex;flex-direction:column;align-items:center;width:100%}.blank-carousel{position:relative;width:100%;max-width:500px;height:600px;perspective:2000px;user-select:none;-webkit-user-select:none;margin:0 auto}.blank-cards-stack{position:relative;width:100%;height:100%;perspective:1500px}.blank-card{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .5s ease,z-index .5s ease;transform-style:preserve-3d;cursor:grab;will-change:transform;border:none;outline:none}.blank-card:active{cursor:grabbing}.blank-card.active{cursor:grab}.blank-card-content{width:100%;height:100%;border-radius:30px;background:transparent;box-shadow:0 20px 60px #0000001a;overflow:hidden;transform-style:preserve-3d;backface-visibility:hidden;position:relative;border:none;outline:none}.blank-card-content>.slide-base{background:#fff;border-radius:30px;width:100%;height:100%;min-height:100%;box-shadow:none;overflow:hidden}.blank-card-content>.blank-slide{width:100%;height:100%}.loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;gap:20px}.loading-wrap .spinner{width:50px;height:50px;border:4px solid rgba(255,182,193,.3);border-top-color:#ffb6c1;border-radius:50%;animation:spin .8s linear infinite}.loading-wrap p{color:#645078cc;font-size:1.1rem;font-weight:300}@media(max-width:768px){.mood-wrap-page{padding:20px 15px}.mood-wrap-container{padding-top:40px}.time-period-tabs{gap:10px}.tab-button{padding:10px 20px;font-size:.85rem}.blank-carousel{max-width:100%;height:500px}}.emotion-bubble-page{position:relative;width:100vw;height:100vh;overflow:hidden;background:transparent!important;background-color:transparent!important;--xr-background-material: transparent;transition:background .8s ease,background-size .8s ease}.emotion-bubble-page .back-button{position:fixed;top:20px;left:20px;z-index:100}@keyframes holographicGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.reality-container{display:flex;align-items:center;justify-content:center;width:100%;height:60%;padding:20px;box-sizing:border-box}.bubbles-labels{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:15px;max-width:800px;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box}.bubble-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease}.bubble-label:hover{background:#ffffff40;transform:translateY(-3px);box-shadow:0 8px 25px #0003;border-color:var(--bubble-color)}.bubbles-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;box-sizing:border-box}.bubbles-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:30px;max-width:1000px;width:100%;max-height:600px;height:100%;align-items:center;justify-items:center}.emotion-bubble{width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;animation:floatBounce 3s ease-in-out infinite}.emotion-bubble.glass-jar{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8) 0%,rgba(255,255,255,.4) 15%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.3) 0%,transparent 40%),linear-gradient(135deg,#ffffff4d,#ffffff1a,#ffffff0d 60%,#ffffff1a);border:2px solid rgba(255,255,255,.6);backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);box-shadow:0 20px 50px #0006,0 8px 25px #0000004d,0 0 0 1px #ffffff4d inset,inset 0 0 50px #fff6,inset 0 -15px 30px #00000026,inset -20px -20px 40px #0000001a;filter:brightness(1.1) contrast(1.05)}.jar-fill{position:absolute;bottom:0;left:0;width:100%;background:var(--bubble-color);border-radius:0 0 50% 50%;transition:height 1s cubic-bezier(.4,0,.2,1);z-index:0;box-shadow:inset 0 10px 20px #0003,inset 0 -5px 15px #ffffff4d;overflow:hidden;transform-origin:center bottom;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);animation:waterWave 3s ease-in-out infinite}.jar-fill:before{content:"";position:absolute;top:-5px;left:-10%;width:120%;height:30px;background:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 50%,transparent 100%);border-radius:50%;animation:waterSurfaceWave 2.5s ease-in-out infinite;filter:blur(3px);z-index:1}.jar-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(ellipse at 70% 30%,rgba(255,255,255,.2) 0%,transparent 50%),linear-gradient(to top,rgba(0,0,0,.2) 0%,transparent 30%,rgba(255,255,255,.15) 60%,transparent 100%);border-radius:0 0 50% 50%;animation:waterRipples 4s ease-in-out infinite;z-index:1}@keyframes waterWave{0%,to{clip-path:polygon(0% 0%,10% 2%,20% 0%,30% 3%,40% 1%,50% 2%,60% 0%,70% 3%,80% 1%,90% 2%,100% 0%,100% 100%,0% 100%)}25%{clip-path:polygon(0% 2%,10% 0%,20% 3%,30% 1%,40% 2%,50% 0%,60% 3%,70% 1%,80% 2%,90% 0%,100% 3%,100% 100%,0% 100%)}50%{clip-path:polygon(0% 1%,10% 3%,20% 1%,30% 0%,40% 3%,50% 1%,60% 2%,70% 0%,80% 3%,90% 1%,100% 0%,100% 100%,0% 100%)}75%{clip-path:polygon(0% 3%,10% 1%,20% 0%,30% 2%,40% 0%,50% 3%,60% 1%,70% 2%,80% 0%,90% 3%,100% 1%,100% 100%,0% 100%)}}@keyframes waterSurfaceWave{0%,to{transform:translate(0) translateY(0) scale(1);opacity:.5}25%{transform:translate(15px) translateY(-3px) scale(1.1);opacity:.7}50%{transform:translate(0) translateY(0) scale(1);opacity:.5}75%{transform:translate(-15px) translateY(-3px) scale(1.1);opacity:.7}}@keyframes waterRipples{0%,to{opacity:.4;transform:scale(1) translateY(0)}33%{opacity:.6;transform:scale(1.05) translateY(-3px)}66%{opacity:.5;transform:scale(.98) translateY(2px)}}.jar-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.emotion-bubble:nth-child(1){animation-delay:0s;animation-duration:2.8s}.emotion-bubble:nth-child(2){animation-delay:.3s;animation-duration:3.2s}.emotion-bubble:nth-child(3){animation-delay:.6s;animation-duration:3s}.emotion-bubble:nth-child(4){animation-delay:.2s;animation-duration:2.9s}.emotion-bubble:nth-child(5){animation-delay:.5s;animation-duration:3.1s}.emotion-bubble:nth-child(6){animation-delay:.4s;animation-duration:2.7s}.emotion-bubble:nth-child(7){animation-delay:.1s;animation-duration:3.3s}.emotion-bubble:nth-child(8){animation-delay:.7s;animation-duration:2.6s}.emotion-bubble.glass-jar:after{content:"";position:absolute;top:15%;left:25%;width:35%;height:35%;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.7) 20%,rgba(255,255,255,.4) 40%,rgba(255,255,255,.1) 60%,transparent 80%);pointer-events:none;z-index:3;filter:blur(1px);animation:glossyShine 4s ease-in-out infinite}@keyframes glossyShine{0%,to{opacity:.9;transform:translate(-2px,-2px) scale(1)}50%{opacity:1;transform:translate(2px,2px) scale(1.05)}}.emotion-bubble.glass-jar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:radial-gradient(ellipse at 50% 95%,rgba(0,0,0,.3) 0%,rgba(0,0,0,.15) 30%,transparent 70%),radial-gradient(circle at 25% 25%,rgba(255,255,255,.7) 0%,rgba(255,255,255,.4) 20%,rgba(255,255,255,.2) 35%,transparent 60%),radial-gradient(ellipse at 50% 20%,rgba(255,255,255,.3) 0%,transparent 50%);pointer-events:none;z-index:1;filter:blur(2px);mix-blend-mode:overlay}.emotion-bubble.glass-jar:hover{animation-play-state:paused;transform:scale(1.15) translateY(-10px) rotateX(5deg);box-shadow:0 25px 60px #00000080,0 10px 30px #0006,0 0 0 2px #ffffff80 inset,inset 0 0 60px #ffffff80,inset 0 -20px 40px #0003,inset -25px -25px 50px #00000026;border-color:#fffc;filter:brightness(1.2) contrast(1.1)}.emotion-bubble.glass-jar:hover:after{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,1) 0%,rgba(255,255,255,.8) 20%,rgba(255,255,255,.5) 40%,rgba(255,255,255,.2) 60%,transparent 80%);opacity:1;transform:translate(0) scale(1.1)}.emotion-bubble:active{transform:scale(1.1) translateY(-5px) rotateX(3deg)}.bubble-emotion{font-size:1.1rem;font-weight:600;color:#3c3c50f2;text-shadow:0 2px 10px rgba(255,255,255,.8),0 1px 3px rgba(255,255,255,.6);text-align:center;letter-spacing:.05em;margin-bottom:4px}.bubble-percentage{font-size:.85rem;font-weight:500;color:#3c3c50cc;text-shadow:0 1px 5px rgba(255,255,255,.7),0 1px 2px rgba(255,255,255,.5);text-align:center;letter-spacing:.03em}.entries-view-container{width:100%;height:100%;padding:20px;box-sizing:border-box;overflow-y:auto;animation:entriesViewSlideIn .6s ease-out}@keyframes entriesViewSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.entries-view-header{text-align:center;margin-bottom:40px;padding-top:80px}.back-to-bubbles-button{background:#ffffffe6;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:500;color:#3c3c50e6;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;margin-bottom:20px;display:inline-block}.back-to-bubbles-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.entries-view-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:300;color:#fffffff2;text-shadow:0 2px 20px rgba(0,0,0,.3);margin:20px 0 10px;letter-spacing:.05em}.entries-view-subtitle{font-size:clamp(1rem,2vw,1.3rem);color:#ffffffd9;text-shadow:0 1px 10px rgba(0,0,0,.2);margin:0;font-weight:300}.entries-view-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:20px;padding-bottom:40px}.entries-empty-state{text-align:center;padding:60px 20px}.entries-empty-text{font-size:1.3rem;color:#ffffffe6;text-shadow:0 2px 10px rgba(0,0,0,.2);margin-bottom:30px}.entries-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.entries-modal-content{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:30px;padding:2rem;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{transform:scale(.8) translateY(50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.entries-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(0,0,0,.1)}.entries-modal-title{font-size:2rem;font-weight:600;color:#000000e6;margin:0;background:linear-gradient(135deg,#4a90e2,#e74c3c,#f1c40f,#2ecc71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.entries-modal-close{background:#0000001a;border:none;color:#000000b3;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.entries-modal-close:hover{background:#0003;color:#000;transform:rotate(90deg)}.entries-modal-list{display:flex;flex-direction:column;gap:1rem}.entries-empty{text-align:center;color:#0009;font-size:1.2rem;padding:3rem 0}.entries-modal-content::-webkit-scrollbar{width:8px}.entries-modal-content::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.entries-modal-content::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.entries-modal-content::-webkit-scrollbar-thumb:hover{background:#0000004d}@media(max-width:768px){.bubbles-grid{gap:30px;max-width:100%}.emotion-bubble{width:120px;height:120px}.bubble-emotion{font-size:1rem}}@media(max-width:480px){.bubbles-grid{gap:20px}.emotion-bubble{width:100px;height:100px}.bubble-emotion{font-size:.9rem}}.journal-entry-card{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid;border-radius:25px;padding:24px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;--xr-back: 120px;--xr-background-material: translucent;transform-style:preserve-3d;animation:card-float 6s ease-in-out infinite;box-shadow:0 4px 20px #ffb6c126}@keyframes card-float{0%,to{transform:translateZ(0) rotateY(0)}50%{transform:translateZ(15px) rotateY(1deg)}}.journal-entry-card:hover{transform:translateY(-8px) translateZ(50px) scale(1.03);background:#fffffff2;box-shadow:0 12px 40px #ffb6c14d;--xr-back: 180px;animation:none}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px}.entry-mood{font-weight:500;display:flex;align-items:center;gap:8px;color:#2c3e50}.entry-date{color:#64507899;font-size:12px;font-weight:400}.entry-title{font-size:1.2rem;font-weight:600;color:#645078f2;margin-bottom:12px;line-height:1.4;padding-bottom:12px;border-bottom:2px solid rgba(255,182,193,.2)}.entry-content{color:#3c3c50e6;line-height:1.7;font-size:15px;max-height:120px;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.open-hint{padding-top:12px;border-top:1px solid rgba(255,182,193,.2);font-size:12px;color:#64507880;text-align:center;opacity:0;transition:opacity .4s ease;font-weight:300}.journal-entry-card:hover .open-hint{opacity:1}.mood-selector{padding:24px;background:#fff9;border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(168,213,226,.3);position:relative;--xr-back: 80px;--xr-background-material: translucent}.mood-selector h3{margin:0 0 20px;color:#4a7c8e;text-align:center;font-size:18px;font-weight:400;letter-spacing:.5px}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;perspective:1000px}.mood-bubble{border:2px solid rgba(255,255,255,.5);padding:16px;border-radius:16px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px;color:#2c3e50;font-weight:500;transform:translateZ(0);background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;--xr-back: 100px;--xr-background-material: thick}.mood-bubble:hover{transform:scale(1.08) translateZ(30px);background:#fff9;border-color:#fffc;box-shadow:0 4px 16px #a8d5e24d;--xr-back: 130px}.mood-bubble.selected{transform:scale(1.12) translateZ(50px);border:2px solid #a8d5e2;background:#fffc;box-shadow:0 6px 20px #a8d5e280;--xr-back: 150px}.mood-emoji{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.mood-name{font-size:12px;text-shadow:0 1px 2px rgba(255,255,255,.8)}.voice-input{display:flex;flex-direction:column;align-items:center;gap:16px}.voice-button{background:linear-gradient(135deg,#a8d5e2,#c8e6f0);border:none;padding:20px 40px;border-radius:50px;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;gap:12px;color:#2c5a6b;font-size:16px;font-weight:500;box-shadow:0 4px 15px #a8d5e24d}.voice-button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#b8dfe8,#d8f0f8);box-shadow:0 6px 20px #a8d5e266}.voice-button.listening{background:linear-gradient(135deg,#f0c8d0,#f5d8e0);animation:pulse-glow 3s infinite;color:#8b5a6b}.mic-icon{font-size:24px}.listening-indicator{display:flex;gap:8px;align-items:center}.pulse{width:12px;height:12px;background:#e8b4c4;border-radius:50%;animation:pulse-wave 2s infinite}.pulse:nth-child(2){animation-delay:.3s}.pulse:nth-child(3){animation-delay:.6s}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px #f0c8d04d}50%{box-shadow:0 4px 25px #f0c8d080}}@keyframes pulse-wave{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.6}}.spatial-gallery{width:100%;height:100%;position:relative;overflow:hidden;background:transparent;perspective:2000px;perspective-origin:50% 50%;--xr-background-material: transparent}.carousel-axis{left:50%;top:20%;bottom:20%;width:4px;background:linear-gradient(to bottom,transparent 0%,rgba(168,213,226,.3) 20%,rgba(168,213,226,.5) 50%,rgba(168,213,226,.3) 80%,transparent 100%);transform:translate(-50%);border-radius:2px;box-shadow:0 0 20px #a8d5e24d;z-index:-1;pointer-events:none;position:absolute;--xr-back: 0px}.carousel-wheel{width:100%;height:100%;position:absolute;left:50%;top:50%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.carousel-panel{position:absolute;left:-150px;top:-180px;width:300px;padding:28px;background:#ffffffb3;border:2px solid var(--mood-color);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;transition:all .3s ease;transform-style:preserve-3d;will-change:transform;--xr-background-material: translucent;box-shadow:0 0 30px var(--mood-color),0 10px 30px #a8d5e233,inset 0 0 20px #ffffff4d}.carousel-panel:hover{transform:scale(1.08);border-width:3px;background:#ffffffd9;box-shadow:0 0 50px var(--mood-color),0 15px 40px #a8d5e24d,inset 0 0 30px #fff6;--xr-back: 180px}.carousel-controls{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:30px;z-index:100}.carousel-btn{width:70px;height:70px;border-radius:50%;border:2px solid rgba(168,213,226,.5);background:linear-gradient(135deg,#fff9,#c8e6f099);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#4a7c8e;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;--xr-back: 120px;--xr-background-material: translucent}.carousel-btn:hover:not(:disabled){background:linear-gradient(135deg,#fffc,#d8f0f8cc);border-color:#a8d5e2cc;transform:scale(1.12);box-shadow:0 0 30px #a8d5e280;--xr-back: 150px}.carousel-btn:active:not(:disabled){transform:scale(1.05)}.carousel-btn:disabled{opacity:.3;cursor:not-allowed}.carousel-counter{padding:12px 24px;background:#ffffffb3;border:1px solid rgba(168,213,226,.4);border-radius:50px;color:#4a7c8e;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;--xr-back: 110px;--xr-background-material: translucent}.arrow{line-height:1;-webkit-user-select:none;user-select:none;font-weight:300}.panel-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--mood-color);border-radius:20px;opacity:.15;filter:blur(25px);z-index:-1;animation:pulse-glow 4s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.03)}}.panel-content{position:relative;z-index:1;color:#2c3e50}.panel-mood{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:8px 16px;background:var(--mood-color);border-radius:50px;width:fit-content;position:relative;transform:translateZ(20px)}.panel-emoji{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.panel-mood-name{font-size:14px;font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.5);color:#fff}.panel-text{color:#2c3e50e6;font-size:14px;line-height:1.6;margin-bottom:12px;min-height:80px}.panel-date{color:#4a7c8e99;font-size:12px;text-align:right;padding-top:8px;border-top:1px solid rgba(168,213,226,.3)}.navigation-hint{bottom:40px;left:50%;transform:translate(-50%);text-align:center;color:#4a7c8eb3;z-index:100;pointer-events:none;position:absolute;--xr-back: 50px}.navigation-hint p{margin:4px 0;font-size:16px;text-shadow:0 1px 3px rgba(255,255,255,.5);font-weight:300}.sub-hint{font-size:13px!important;color:#4a7c8e80}.spatial-gallery-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#4a7c8e99;font-size:18px;text-align:center;padding:40px;font-weight:300}.journal-entry-scene{width:100vw;height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.floating-panel{max-width:600px;padding:48px;background:#ffffff08;border:2px solid var(--mood-color);border-radius:24px;box-shadow:0 0 60px var(--mood-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;--xr-back: 100px;--xr-background-material: translucent;transform:translateZ(50px);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateZ(50px) translateY(0)}50%{transform:translateZ(50px) translateY(-20px)}}.mood-badge{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding:16px 24px;background:var(--mood-color);border-radius:50px;width:fit-content;position:relative;--xr-back: 120px;transform:translateZ(20px)}.mood-emoji{font-size:32px}.mood-name{font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.entry-content-full{color:#fffffff2;font-size:20px;line-height:1.8;margin-bottom:32px;white-space:pre-wrap}.entry-metadata{color:#fff6;font-size:14px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.loading{color:#fff;font-size:24px}.ambient-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;width:4px;height:4px;background:var(--mood-color, #667eea);border-radius:50%;opacity:.3;animation:particle-float linear infinite;--xr-back: 80px}@keyframes particle-float{0%{transform:translateY(0) translateZ(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100vh) translateZ(50px);opacity:0}}.ai-assistant{background:#ffffff0d;border-radius:16px;padding:20px;margin:20px 0;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-assistant-header{margin-bottom:16px}.ai-assistant-header h3{margin:0 0 4px;font-size:1.2rem;color:#fff}.ai-subtitle{margin:0;font-size:.9rem;color:#fff9}.ai-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.ai-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s ease;display:flex;align-items:center;gap:6px}.ai-button:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.ai-button:disabled{opacity:.5;cursor:not-allowed}.ai-error{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:12px;border-radius:8px;margin:12px 0;font-size:.9rem}.ai-loading{display:flex;align-items:center;gap:12px;padding:16px;color:#ffffffb3;font-size:.9rem}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ai-response{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:16px;margin-top:12px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ai-mode-badge{background:#ffffff26;padding:4px 12px;border-radius:6px;font-size:.85rem;color:#ffffffe6}.ai-close{background:transparent;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.ai-close:hover{background:#ffffff1a;color:#fff}.ai-response-content{color:#ffffffe6;line-height:1.6;font-size:.95rem}.ai-response-content p{margin:0}.ai-suggestions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.ai-suggestion-item{background:#ffffff0d;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.1)}.ai-suggestion-item:hover{background:#ffffff1a;transform:translate(4px);border-color:#fff3}