.landing-screen{position:relative;width:100%;height:100vh;overflow:hidden;background:linear-gradient(135deg,#F9F8F5 0%,#F3F2EF 25%,#EDEAE6 50%,#E8E5E0 75%,#E3E0DA 100%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1),filter .8s ease}.landing-screen.loaded{opacity:1}.landing-screen.transitioning{pointer-events:none}.background-base{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.grain-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E");pointer-events:none;z-index:2}.gradient-mesh{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(215,204,200,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(163,177,182,.06) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(215,204,200,.05) 0%,transparent 50%),radial-gradient(circle at 60% 20%,rgba(163,177,182,.04) 0%,transparent 50%);z-index:1}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;will-change:transform;transition:transform .2s linear}.shape{position:absolute;border-radius:var(--radius-full);background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);filter:blur(40px);animation:floatShape 20s infinite ease-in-out}.shape-1{width:400px;height:400px;top:10%;left:10%;background:radial-gradient(circle,rgba(215,204,200,.15) 0%,transparent 70%);animation-delay:0s}.shape-2{width:300px;height:300px;bottom:15%;right:15%;background:radial-gradient(circle,rgba(163,177,182,.12) 0%,transparent 70%);animation-delay:5s}.shape-3{width:250px;height:250px;top:60%;left:70%;background:radial-gradient(circle,rgba(215,204,200,.1) 0%,transparent 70%);animation-delay:10s}.shape-4{width:350px;height:350px;top:70%;left:20%;background:radial-gradient(circle,rgba(163,177,182,.08) 0%,transparent 70%);animation-delay:15s}@keyframes floatShape{0%,to{transform:translate(0) scale(1);opacity:.7}33%{transform:translate(30px,-40px) scale(1.05);opacity:.9}66%{transform:translate(-20px,30px) scale(.95);opacity:.6}}.particles-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;z-index:2;will-change:transform;transition:transform .3s linear;opacity:.5}.landing-content{position:relative;z-index:10;text-align:center;padding:2rem;max-width:1200px}.text-container{margin-bottom:4rem;transition:transform .2s linear}.title-line{font-size:clamp(2.8rem,5vw,5rem);font-weight:250;letter-spacing:-.03em;line-height:1.05;margin-bottom:.75rem;opacity:0;transform:translateY(25px);animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) forwards}.title-line.second-line{animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.word{display:inline-block;margin-right:.2em;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.word:hover{transform:translateY(-3px);color:#8a7f78}.word:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.16,1,.3,1)}.word:hover:after{transform:scaleX(1);transform-origin:left}.accent-word{position:relative;font-weight:275;color:#6d6560}.accent-word:before{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#A3B1B6,#D7CCC8,transparent);transform:scaleX(0);transform-origin:center;animation:underlineReveal 1.2s cubic-bezier(.16,1,.3,1) 1.5s forwards;border-radius:1px}@keyframes underlineReveal{to{transform:scaleX(1)}}.subtitle{font-size:clamp(1.1rem,1.8vw,1.4rem);color:#8a7f78;line-height:1.7;margin-top:2.5rem;font-weight:300;letter-spacing:.01em;opacity:0;animation:fadeIn 1s ease .8s forwards}.button-container{display:flex;flex-direction:column;align-items:center;gap:2rem;opacity:0;animation:fadeIn 1s ease 1.2s forwards}.begin-button{background:rgba(255,255,255,.1);color:#6d6560;padding:1.2rem 3rem;border:1px solid rgba(163,177,182,.2);border-radius:50px;font-size:1.2rem;font-weight:300;letter-spacing:.08em;display:flex;align-items:center;gap:1rem;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;cursor:pointer}.begin-button:disabled{opacity:.7;cursor:not-allowed}.begin-button:not(:disabled):hover{border-color:#a3b1b666;background:rgba(255,255,255,.15);transform:translateY(-3px) scale(1.02);box-shadow:0 20px 40px #0000000d,0 0 0 1px #ffffff1a inset}.button-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;z-index:-1}.begin-button:not(:disabled):hover .button-glow{opacity:1}.button-text{transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;z-index:2}.begin-button:not(:disabled):hover .button-text{transform:translate(-8px);letter-spacing:.12em}.button-arrow{font-size:1.4rem;transition:all .4s cubic-bezier(.16,1,.3,1);opacity:.6;position:relative;z-index:2}.begin-button:not(:disabled):hover .button-arrow{transform:translate(8px) rotate(45deg);opacity:1}.button-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.2);transform:scale(0);animation:ripple .6s linear;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.instruction{font-size:.9rem;color:#a3a09b;font-weight:300;letter-spacing:.08em;text-transform:uppercase;animation:pulse 4s infinite ease-in-out}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(163,177,182,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(163,177,182,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:4;opacity:.5}.corner-decoration{position:absolute;width:100px;height:100px;z-index:5;opacity:0;animation:fadeIn .8s ease 1.5s forwards}.corner-line{position:absolute;background:rgba(163,177,182,.2)}.corner-line.horizontal{width:40px;height:1px}.corner-line.vertical{width:1px;height:40px}.corner-dot{position:absolute;width:6px;height:6px;background:#A3B1B6;border-radius:var(--radius-full)}.top-left{top:40px;left:40px}.top-left .horizontal,.top-left .vertical{top:0;left:0}.top-right{top:40px;right:40px}.top-right .horizontal,.top-right .vertical{top:0;right:0}.bottom-left{bottom:40px;left:40px}.bottom-left .horizontal,.bottom-left .vertical{bottom:0;left:0}.bottom-right{bottom:40px;right:40px}.bottom-right .horizontal,.bottom-right .vertical{bottom:0;right:0}.page-transition-ripple{position:fixed;top:50%;left:50%;width:20px;height:20px;background:radial-gradient(circle,rgba(163,177,182,.2) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:pageRipple .8s cubic-bezier(.16,1,.3,1) forwards;z-index:9999;pointer-events:none}@keyframes pageRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(100);opacity:0}}@media (max-width: 768px){.landing-content{padding:1.5rem}.title-line{font-size:clamp(2.2rem,7vw,3.5rem)}.subtitle{font-size:1.1rem;margin-top:2rem}.button-container{gap:1.5rem}.begin-button{padding:1rem 2.5rem;font-size:1.1rem}.corner-decoration{width:60px;height:60px}.top-left,.top-right,.bottom-left,.bottom-right{top:20px;left:20px;right:20px;bottom:20px}}@media (max-width: 480px){.title-line{font-size:2rem}.subtitle{font-size:1rem;line-height:1.6}.begin-button{padding:.9rem 2rem;font-size:1rem}.button-arrow{font-size:1.2rem}.instruction{font-size:.8rem}.shape{display:none}}.input-screen{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#F9F8F5 0%,#F3F2EF 50%,#EDEAE6 100%);opacity:0;transform:translateY(20px);animation:screenAppear .8s cubic-bezier(.16,1,.3,1) forwards;transition:opacity .6s ease,transform .6s ease,filter .6s ease;--breath-phase: 0}.gradient-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(215,204,200,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(163,177,182,.08) 0%,transparent 50%);opacity:var(--background-opacity, .3);transition:opacity .4s ease}.mesh-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(163,177,182,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(163,177,182,.02) 1px,transparent 1px);background-size:50px 50px;opacity:.3}.grain-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.015'/%3E%3C/svg%3E");pointer-events:none}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.particle{position:absolute;border-radius:var(--radius-full);background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);filter:blur(2px);animation:floatParticle 20s infinite ease-in-out}.particle-1{width:120px;height:120px;top:20%;left:10%;background:radial-gradient(circle,rgba(215,204,200,.1) 0%,transparent 70%);animation-delay:0s}.particle-2{width:80px;height:80px;bottom:30%;right:15%;background:radial-gradient(circle,rgba(163,177,182,.08) 0%,transparent 70%);animation-delay:7s}.particle-3{width:60px;height:60px;top:60%;left:80%;background:radial-gradient(circle,rgba(215,204,200,.06) 0%,transparent 70%);animation-delay:14s}@keyframes floatParticle{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-30px) scale(1.1)}66%{transform:translate(-15px,20px) scale(.9)}}.typing-wave{position:absolute;top:50%;left:50%;width:100px;height:100px;background:radial-gradient(circle,rgba(163,177,182,.1) 0%,transparent 70%);border-radius:var(--radius-full);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:2}.input-container{width:100%;max-width:800px;z-index:10;position:relative}.header{display:flex;align-items:flex-start;margin-bottom:3rem;opacity:0;animation:fadeInUp .8s ease .2s forwards}.back-button{background:transparent;color:#8a7f78;padding:.5rem 1rem;border:1px solid rgba(163,177,182,.2);border-radius:20px;font-size:.9rem;font-weight:300;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);margin-right:2rem}.back-button:hover{border-color:#a3b1b666;background:rgba(255,255,255,.1);transform:translate(-3px)}.back-button:hover .back-arrow{transform:translate(-2px)}.screen-title{font-size:2.8rem;font-weight:250;color:#6d6560;margin-bottom:.5rem;letter-spacing:-.02em;background:linear-gradient(135deg,#6D6560 0%,#8A7F78 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.textarea-wrapper{position:relative;margin-bottom:3rem;opacity:0;animation:fadeInUp .8s ease .4s forwards}.textarea-ornament{position:absolute;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(163,177,182,.3),transparent);z-index:5}.top-ornament{top:-15px}.bottom-ornament{bottom:-15px}.textarea-container{position:relative;padding:.5rem;background:rgba(255,255,255,.1);border-radius:var(--radius-large);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 30px #0000000d,0 0 0 1px #ffffff1a inset}.textarea-border-glow{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-large);background:radial-gradient(circle at center,rgba(255,255,255,.05) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:1}.textarea-container:focus-within .textarea-border-glow{opacity:1}.textarea-border{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(163,177,182,.15);border-radius:var(--radius-large);pointer-events:none;z-index:2;transition:border-color .3s ease}.textarea-container:focus-within .textarea-border{border-color:#a3b1b64d}.thought-input{width:100%;background:transparent;border:none;border-radius:var(--radius-large);padding:2.5rem;font-size:1.3rem;line-height:1.7;color:#6d6560;font-weight:300;resize:none;transition:all .3s ease;position:relative;z-index:3;min-height:200px;transform:translateY(0);animation:textareaFloat 4s ease-in-out infinite;animation-play-state:paused}@keyframes textareaFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.thought-input:focus{outline:none;animation-play-state:running}.thought-input::placeholder{color:#b3ada7;font-weight:300;transition:opacity .5s ease}.character-count{position:absolute;bottom:1.5rem;right:2rem;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;z-index:4;opacity:0;animation:fadeIn .5s ease forwards .6s}.count-bar{width:100px;height:2px;background:rgba(163,177,182,.1);border-radius:1px;overflow:hidden}.count-fill{height:100%;background:linear-gradient(90deg,#A3B1B6,#D7CCC8);border-radius:1px;transition:width .3s ease}.count-text{font-size:.8rem;color:#a3a09b;font-weight:300;letter-spacing:.05em}.controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;opacity:0;animation:fadeInUp .8s ease .6s forwards}.left-controls,.right-controls{display:flex;align-items:center;gap:1.5rem}.clear-button{background:transparent;color:#a3a09b;padding:.6rem 1.2rem;border:1px solid rgba(163,177,182,.2);border-radius:20px;font-size:.9rem;font-weight:300;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.clear-button:not(:disabled):hover{color:#6d6560;border-color:#a3b1b666;background:rgba(255,255,255,.1);transform:translateY(-1px)}.clear-button:disabled{opacity:.3;cursor:not-allowed}.clear-icon{font-size:.9rem;transition:transform .3s ease}.clear-button:not(:disabled):hover .clear-icon{transform:rotate(90deg)}.submit-hint{display:flex;align-items:center;gap:.75rem;opacity:0;transition:opacity .5s ease}.submit-hint.visible{opacity:1}.hint-dots{display:flex;gap:.4rem}.hint-dots .dot{width:4px;height:4px;background:#A3B1B6;border-radius:var(--radius-full);opacity:.3;animation:dotsPulse 1.5s infinite ease-in-out}.hint-dots .dot:nth-child(2){animation-delay:.2s}.hint-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dotsPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.submit-hint span{font-size:.85rem;color:#a3a09b;font-weight:300;letter-spacing:.05em}.submit-button{position:relative;background:rgba(255,255,255,.1);color:#a3a09b;padding:.9rem 2.2rem;border:1px solid rgba(163,177,182,.2);border-radius:50px;font-size:1rem;font-weight:300;display:flex;align-items:center;gap:.75rem;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.submit-button.active{background:rgba(109,101,96,.9);color:#f9f8f5;border-color:#6d656080}.submit-button.active:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 10px 30px #6d656033,0 0 0 1px #ffffff1a inset}.submit-button.disabled{opacity:.4;cursor:not-allowed}.submit-button.submitting{opacity:.8;cursor:wait}.submit-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:-1}.submit-button.active:hover .submit-glow{opacity:1}.submit-arrow{font-size:1.1rem;transition:all .3s ease}.submit-button.active:hover .submit-arrow{transform:translate(3px,-3px)}.guidelines{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;opacity:0;animation:fadeInUp .8s ease .8s forwards}.guideline{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.guideline-ornament{width:1px;height:30px;background:linear-gradient(to bottom,transparent,rgba(163,177,182,.3),transparent);margin-bottom:1rem}.guideline-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.guideline-icon{font-size:1.5rem;opacity:.7}.guideline p{font-size:.9rem;color:#8a7f78;font-weight:300;line-height:1.4;max-width:180px}.breathing-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;opacity:0;animation:fadeIn 1s ease 1s forwards;z-index:5}.breath-circle{width:6px;height:6px;background:#A3B1B6;border-radius:var(--radius-full);animation:breath 4s infinite ease-in-out;animation-delay:calc(var(--breath-phase) * 4s)}@keyframes breath{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.5);opacity:.8}}.breath-text{font-size:.8rem;color:#a3a09b;font-weight:300;letter-spacing:.08em;text-transform:uppercase}@media (max-width: 1024px){.guidelines{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.input-screen{padding:1.5rem}.header{flex-direction:column;align-items:center;gap:1.5rem}.back-button{margin-right:0;align-self:flex-start}.screen-title{font-size:2.2rem}.thought-input{padding:2rem;font-size:1.1rem;min-height:180px}.character-count{bottom:1rem;right:1.5rem}.controls{flex-direction:column;gap:2rem}.left-controls,.right-controls{width:100%;justify-content:center}.guidelines{grid-template-columns:1fr;gap:1.5rem}.textarea-ornament{width:80%}}@media (max-width: 480px){.input-screen{padding:1rem}.thought-input{padding:1.5rem;font-size:1rem;min-height:150px}.screen-title{font-size:1.8rem}.screen-subtitle{font-size:1rem}.submit-button{padding:.8rem 1.8rem}.breathing-indicator{bottom:1rem}.particle{display:none}}.selector-screen{position:relative;width:100%;height:100vh;overflow:hidden;background:linear-gradient(135deg,#F9F8F5 0%,#F3F2EF 50%,#EDEAE6 100%);display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;transform:translateY(20px);animation:screenAppear .8s cubic-bezier(.16,1,.3,1) forwards;transition:opacity .4s ease,transform .4s ease}.gradient-field{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(138,127,120,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(163,177,182,.03) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(184,169,163,.04) 0%,transparent 50%),radial-gradient(circle at 60% 20%,rgba(138,154,126,.03) 0%,transparent 50%);opacity:.6}.mesh-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(138,127,120,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(138,127,120,.03) 1px,transparent 1px);background-size:60px 60px;opacity:.3}.grain-texture{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E");pointer-events:none}.floating-orb{position:absolute;top:50%;left:50%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:var(--radius-full);transform:translate(-50%,-50%);filter:blur(60px);opacity:0;transition:opacity 1s ease;z-index:2}.connection-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.connection-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(138,127,120,.1),transparent);transform-origin:left center;animation:lineFlow 3s infinite ease-in-out;opacity:.3}@keyframes lineFlow{0%,to{transform:rotate(var(--angle, 0)) scaleX(0);opacity:0}50%{transform:rotate(var(--angle, 0)) scaleX(1);opacity:.5}}.selector-content{position:relative;z-index:10;width:100%;max-width:1200px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.header-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:1rem;opacity:0;animation:fadeInDown .8s ease .2s forwards}.back-button{align-self:flex-start;background:transparent;color:#8a7f78;padding:.5rem 1rem;border:1px solid rgba(138,127,120,.2);border-radius:20px;font-size:.9rem;font-weight:300;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.header-content{text-align:center}.selector-title{font-size:3.2rem;font-weight:250;color:#6d6560;margin-bottom:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.selector-subtitle{font-size:1.2rem;color:#a3a09b;font-weight:300;letter-spacing:.02em;max-width:600px;margin:0 auto;line-height:1.6}.selection-interface{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 0;opacity:0;animation:fadeIn .8s ease .4s forwards}.selection-circle{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center}.person-orb{position:absolute;width:90px;height:90px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1);opacity:0;animation:orbAppear .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay);z-index:5}@keyframes orbAppear{to{opacity:1}}.person-orb:hover{transform:translate(var(--tx),var(--ty)) scale(1.15)!important;box-shadow:0 20px 40px #0000001a,0 0 0 1px #ffffff4d inset}.person-orb.selected{transform:translate(var(--tx),var(--ty)) scale(1.2)!important;animation:orbPulse 2s infinite ease-in-out}@keyframes orbPulse{0%,to{transform:translate(var(--tx),var(--ty)) scale(1.2)!important;box-shadow:0 0 0 0 var(--color, rgba(138, 127, 120, .3)),0 20px 40px #0000001a}50%{transform:translate(var(--tx),var(--ty)) scale(1.25)!important;box-shadow:0 0 0 10px var(--color, rgba(138, 127, 120, .1)),0 25px 50px #00000026}}.orb-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient);border-radius:var(--radius-full);opacity:0;transition:opacity .3s ease;z-index:-1}.person-orb:hover .orb-glow,.person-orb.selected .orb-glow{opacity:.2;filter:blur(10px)}.orb-border{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(255,255,255,.8);border-radius:var(--radius-full);opacity:.8;transition:all .3s ease}.person-orb.selected .orb-border{border-color:var(--color);opacity:1}.orb-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.25rem}.orb-symbol{font-size:1.8rem;opacity:.7}.orb-icon{font-size:1.2rem;opacity:.9}.orb-info{position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%);background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:.75rem 1rem;border-radius:var(--radius-small);border:1px solid rgba(138,127,120,.1);box-shadow:0 10px 30px #0000000d;opacity:0;pointer-events:none;transition:opacity .3s ease;white-space:nowrap;z-index:10}.person-orb:hover .orb-info,.person-orb.selected .orb-info{opacity:1}.orb-title{font-size:.9rem;font-weight:500;color:#6d6560;margin-bottom:.25rem}.orb-tone{font-size:.75rem;color:#a3a09b;font-weight:300;letter-spacing:.05em;text-transform:uppercase}.center-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4}.center-circle{width:160px;height:160px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-full);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;border:1px solid rgba(138,127,120,.1);box-shadow:0 20px 40px #0000000d,0 0 0 1px #ffffff4d inset}.center-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:var(--radius-full);opacity:.5}.selected-icon,.hovered-icon,.default-icon{font-size:2.5rem;opacity:.9}.selected-message,.hovered-message,.default-message{font-size:.9rem;color:#8a7f78;font-weight:300;text-align:center;line-height:1.4}.selected-message{color:#6d6560;font-weight:350}.selection-status{padding-bottom:2rem;opacity:0;animation:fadeInUp .8s ease .6s forwards}.status-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.selected-indicator{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(138,127,120,.1);box-shadow:0 10px 30px #0000000d}.pulse-dot{width:10px;height:10px;background:var(--color, #8A7F78);border-radius:var(--radius-full);animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}.selected-label{font-size:1.1rem;color:#6d6560;font-weight:300}.selected-label strong{font-weight:400;color:#8a7f78}.continue-button{position:relative;background:rgba(109,101,96,.9);color:#f9f8f5;padding:1rem 2.5rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:300;letter-spacing:.05em;display:flex;align-items:center;gap:1rem;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;cursor:pointer}.continue-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 20px 40px #6d65604d,0 0 0 1px #ffffff1a inset}.continue-button:disabled{opacity:.6;cursor:not-allowed}.button-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:-1}.continue-button:hover:not(:disabled) .button-glow{opacity:1}.button-arrow{font-size:1.2rem;transition:transform .3s ease}.continue-button:hover:not(:disabled) .button-arrow{transform:translate(4px)}.selection-hint{display:flex;align-items:center;gap:1.5rem;padding:1rem}.hint-ornament{width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(138,127,120,.3),transparent)}.hint-text{font-size:1rem;color:#a3a09b;font-weight:300;text-align:center;letter-spacing:.02em}.selector-footer{padding-bottom:1rem;opacity:0;animation:fadeIn .8s ease .8s forwards}.corner-element{position:absolute;width:60px;height:60px;z-index:5;opacity:0;animation:fadeIn .8s ease 1s forwards}.corner-line{position:absolute;background:rgba(138,127,120,.2)}.corner-dot{position:absolute;width:6px;height:6px;background:#8A7F78;border-radius:var(--radius-full)}.top-left .corner-line{top:0;left:0;width:30px;height:1px}.top-left .corner-dot{top:-3px;left:-3px}.top-right .corner-line{top:0;right:0;width:30px;height:1px}.top-right .corner-dot{top:-3px;right:-3px}.bottom-left .corner-line{bottom:0;left:0;width:30px;height:1px}.bottom-left .corner-dot{bottom:-3px;left:-3px}.bottom-right .corner-line{bottom:0;right:0;width:30px;height:1px}.bottom-right .corner-dot{bottom:-3px;right:-3px}.selection-ripple{position:fixed;top:50%;left:50%;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:selectionRipple 1s cubic-bezier(.16,1,.3,1) forwards;z-index:9999;pointer-events:none}@keyframes selectionRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(80);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@media (max-width: 1024px){.selection-circle{width:350px;height:350px}.person-orb{width:80px;height:80px}.center-circle{width:140px;height:140px}.selector-title{font-size:2.5rem}}@media (max-width: 768px){.selector-screen{padding:1.5rem}.selection-circle{width:280px;height:280px}.person-orb{width:70px;height:70px}.center-circle{width:120px;height:120px}.selector-title{font-size:2rem}.selector-subtitle{font-size:1rem}.orb-symbol{font-size:1.5rem}.orb-icon{font-size:1rem}.selected-icon,.hovered-icon,.default-icon{font-size:2rem}.selected-message,.hovered-message,.default-message{font-size:.8rem}.connection-lines{display:none}.floating-orb{width:300px;height:300px}}@media (max-width: 480px){.selection-circle{width:240px;height:240px}.person-orb{width:60px;height:60px}.center-circle{width:100px;height:100px;padding:1rem}.orb-symbol{font-size:1.2rem}.orb-icon{font-size:.9rem}.selected-indicator{flex-direction:column;gap:.5rem;text-align:center}.continue-button{padding:.8rem 1.8rem;font-size:1rem}.corner-element{display:none}}.thinking-screen{position:relative;width:100%;height:100vh;background:linear-gradient(135deg,#F0EFEB 0%,#E8E6E1 30%,#E0DED8 70%,#D8D6CF 100%);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;transform:translateY(20px);animation:screenAppear .8s cubic-bezier(.16,1,.3,1) forwards;transition:opacity .6s ease,transform .6s ease}.environment-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.sky-gradient{position:absolute;top:0;left:0;width:100%;height:70%;background:linear-gradient(180deg,rgba(240,239,235,.8) 0%,rgba(232,230,225,.9) 30%,rgba(224,222,216,.95) 70%,rgba(216,214,207,1) 100%)}.ground-layer{position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(0deg,rgba(216,214,207,1) 0%,rgba(208,206,199,.9) 30%,rgba(200,198,191,.7) 70%,transparent 100%)}.atmosphere-fog{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(224,222,216,.08) 0%,transparent 50%);opacity:.3}.env-element{position:absolute;border-radius:var(--radius-full);background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);filter:blur(20px);animation:envFloat 20s infinite ease-in-out}.tree-1{width:150px;height:150px;bottom:15%;left:10%;background:radial-gradient(circle,rgba(138,127,120,.1) 0%,transparent 70%);animation-delay:0s}.tree-2{width:120px;height:120px;bottom:20%;right:15%;background:radial-gradient(circle,rgba(184,169,163,.08) 0%,transparent 70%);animation-delay:10s}.cloud-small{width:100px;height:50px;background:rgba(255,255,255,.2);border-radius:50px}.cloud-1{top:20%;left:15%;animation:cloudDrift 30s infinite linear}.cloud-2{top:30%;right:20%;animation:cloudDrift 40s infinite linear reverse}.sun-glow{width:200px;height:200px;top:10%;right:10%;background:radial-gradient(circle,rgba(255,248,225,.1) 0%,transparent 70%);animation:sunPulse 10s infinite ease-in-out}@keyframes envFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes cloudDrift{0%{transform:translate(-100px)}to{transform:translate(calc(100vw + 100px))}}@keyframes sunPulse{0%,to{opacity:.3}50%{opacity:.6}}.thought-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.particle{position:absolute;border-radius:var(--radius-full);background:radial-gradient(circle,rgba(138,127,120,.1) 0%,rgba(184,169,163,.05) 50%,transparent 70%);animation:particleFloat var(--duration) infinite ease-in-out;animation-delay:var(--delay);width:var(--size);height:var(--size);opacity:var(--opacity)}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:var(--opacity)}50%{transform:translate(calc(100px - 200px * var(--x, .5)),calc(100px - 200px * var(--y, .5))) scale(1.2);opacity:calc(var(--opacity) * 2)}}.thinking-container{position:relative;z-index:10;width:100%;max-width:1400px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.thinking-header{display:flex;align-items:flex-start;padding-top:1rem;opacity:0;animation:fadeInDown .8s ease .2s forwards}.thinking-title{font-size:3rem;font-weight:250;color:#6d6560;margin-bottom:.5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.thinking-subtitle{font-size:1.2rem;color:#a3a09b;font-weight:300;letter-spacing:.02em}.scene-container{flex:1;display:flex;align-items:center;justify-content:space-between;padding:2rem 0;position:relative;opacity:0;animation:fadeIn .8s ease .4s forwards}.character-container{position:relative;width:300px;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;z-index:20}.character-container.walking{animation:characterWalkIn 1.5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes characterWalkIn{0%{transform:translate(-400px)}70%{transform:translate(30px)}to{transform:translate(0)}}.character-container.standing,.character-container.thinking,.character-container.listening{transform:translate(0)}.character-container.leaving{animation:characterWalkOut .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes characterWalkOut{0%{transform:translate(0);opacity:1}to{transform:translate(-400px);opacity:0}}.walking-track{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:200px;height:4px;background:linear-gradient(90deg,transparent,rgba(138,127,120,.2),transparent)}.footstep{position:absolute;bottom:0;width:20px;height:4px;background:rgba(138,127,120,.3);border-radius:2px;animation:footstepAppear .5s ease-out forwards;opacity:0}.step-1{left:20%;animation-delay:.3s}.step-2{left:50%;animation-delay:.6s}.step-3{left:80%;animation-delay:.9s}@keyframes footstepAppear{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:.5}to{transform:scale(1);opacity:.3}}.character-body{position:relative;width:140px;height:280px;display:flex;flex-direction:column;align-items:center}.character-head{width:90px;height:90px;background:rgba(255,255,255,.95);border-radius:var(--radius-full);border:2px solid rgba(138,127,120,.15);position:relative;z-index:3;box-shadow:0 8px 30px #00000014,0 0 0 1px #ffffff80 inset;animation:headFloat 4s infinite ease-in-out}@keyframes headFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.character-eyes{display:flex;justify-content:space-between;padding:0 8px;margin-bottom:12px;position:relative}.eye{width:14px;height:14px;background:#6D6560;border-radius:var(--radius-full);position:relative;overflow:hidden;animation:eyeBlink 4s infinite}@keyframes eyeBlink{0%,45%,55%,to{height:14px;transform:scaleY(1)}48%,52%{height:2px;transform:scaleY(.1)}50%{height:1px;transform:scaleY(.05)}}.eye-pupil{position:absolute;top:4px;left:4px;width:6px;height:6px;background:white;border-radius:var(--radius-full)}.eye-highlight{position:absolute;top:5px;left:50%;transform:translate(-50%);width:4px;height:4px;background:rgba(255,255,255,.8);border-radius:var(--radius-full)}.mouth-shape{width:22px;height:6px;background:#6D6560;border-radius:12px 12px 4px 4px;transition:all .2s ease;position:relative}.mouth-shape.neutral{width:22px;height:6px;border-radius:12px 12px 4px 4px}.mouth-shape.speaking{animation:mouthSpeak .6s infinite alternate ease-in-out}@keyframes mouthSpeak{0%{width:22px;height:6px;border-radius:12px 12px 4px 4px}to{width:18px;height:10px;border-radius:10px 10px 6px 6px}}.mouth-shape.smiling{width:24px;height:8px;background:#8A7F78;border-radius:12px;animation:mouthSmile 3s infinite ease-in-out}@keyframes mouthSmile{0%,to{width:24px;height:8px}50%{width:26px;height:10px}}.character-torso{position:relative;width:80px;height:120px;background:rgba(255,255,255,.95);border:2px solid rgba(138,127,120,.15);border-top:none;border-radius:0 0 40px 40px;margin-top:-20px;box-shadow:0 8px 30px #00000014,0 0 0 1px #ffffff80 inset;animation:torsoBreathe 4s infinite ease-in-out}@keyframes torsoBreathe{0%,to{transform:translateY(0) scale(1);height:120px}50%{transform:translateY(-2px) scale(1.02);height:124px}}.shoulder-line{position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:20px;background:rgba(255,255,255,.95);border-radius:20px}.torso-shape{position:absolute;top:20px;left:50%;transform:translate(-50%);width:50px;height:100px}.character-arms{position:absolute;top:15px;left:50%;transform:translate(-50%);width:120px;height:50px;display:flex;justify-content:space-between}.arm{width:35px;height:60px;background:rgba(255,255,255,.95);border:2px solid rgba(138,127,120,.15);border-radius:20px;position:relative;transform-origin:top center}.arm.walking{animation:armWalk .8s infinite ease-in-out}.arm.standing{transform:rotate(20deg)}.arm.left-arm.standing{animation:armSwayLeft 3s infinite ease-in-out}.arm.right-arm.standing{animation:armSwayRight 3s infinite ease-in-out .5s}.arm.thinking{transform:rotate(30deg)}.arm.listening{transform:rotate(10deg)}@keyframes armWalk{0%,to{transform:rotate(30deg)}50%{transform:rotate(-10deg)}}@keyframes armSwayLeft{0%,to{transform:rotate(20deg)}50%{transform:rotate(10deg)}}@keyframes armSwayRight{0%,to{transform:rotate(20deg)}50%{transform:rotate(30deg)}}.person-identity{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;opacity:0;animation:fadeIn .8s ease 1.5s forwards}.identity-orb{width:60px;height:60px;background:rgba(255,255,255,.9);border-radius:var(--radius-full);border:2px solid rgba(138,127,120,.2);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 20px #0000000d}.orb-icon{font-size:1.8rem;opacity:.9}.orb-symbol{position:absolute;top:-5px;right:-5px;font-size:1.2rem;opacity:.7}.identity-name{font-size:1.3rem;color:#6d6560;font-weight:350}.identity-role{font-size:.9rem;color:#a3a09b;font-weight:300;letter-spacing:.05em}.thinking-cloud{position:relative;width:600px;max-width:50%;opacity:0;transform:translateY(20px) scale(.9);z-index:20;cursor:pointer}.thinking-cloud.hidden{opacity:0}.thinking-cloud.appearing{animation:cloudAppear .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cloudAppear{to{opacity:1;transform:translateY(0) scale(1)}}.thinking-cloud.visible{opacity:1;transform:translateY(0) scale(1);animation:cloudFloat 6s infinite ease-in-out}@keyframes cloudFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}.thinking-cloud.cloud-pulse{animation:cloudPulse .3s ease}@keyframes cloudPulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}.cloud-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:110%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:var(--radius-large);filter:blur(20px);opacity:.5;z-index:-1}.cloud-body{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-large);padding:2.5rem;box-shadow:0 30px 60px #0000001a,0 0 0 1px #ffffff4d inset;border:1px solid rgba(255,255,255,.5);position:relative;overflow:hidden}.cloud-ornament{position:absolute;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(138,127,120,.2),transparent)}.cloud-ornament.top{top:20px}.cloud-ornament.bottom{bottom:20px}.cloud-content{position:relative;z-index:2}.thought-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(138,127,120,.1)}.thought-icon{font-size:2.5rem;opacity:.9}.thought-title-container{flex:1}.thought-title{font-size:1.8rem;font-weight:300;color:#6d6560;margin-bottom:.5rem}.title-underline{width:60px;height:2px;background:linear-gradient(90deg,#8A7F78,#B8A9A3);border-radius:1px}.thought-text{margin-bottom:2rem}.text-container{font-size:1.3rem;line-height:1.7;color:#6d6560;font-weight:300;min-height:150px}.type-cursor{display:inline-block;width:2px;height:1.4em;background:#8A7F78;margin-left:2px;vertical-align:text-bottom;animation:blink 1s infinite}.text-progress{width:100%;height:2px;background:rgba(138,127,120,.1);border-radius:1px;margin-top:1rem;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#8A7F78,#B8A9A3);border-radius:1px;transition:width .3s ease}.thought-continue{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(138,127,120,.1)}.continue-dots{display:flex;gap:.5rem}.continue-dots .dot{width:8px;height:8px;background:#8A7F78;border-radius:var(--radius-full);opacity:.3;animation:dotPulse 1.5s infinite}.continue-dots .dot:nth-child(2){animation-delay:.2s}.continue-dots .dot:nth-child(3){animation-delay:.4s}.continue-text{font-size:.9rem;color:#a3a09b;font-weight:300;letter-spacing:.05em}.section-progress{margin-top:2rem}.progress-track{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.75rem}.progress-step{display:flex;align-items:center}.step-dot{width:10px;height:10px;background:rgba(138,127,120,.2);border-radius:var(--radius-full);transition:all .3s ease}.progress-step.current .step-dot{background:#8A7F78;transform:scale(1.3)}.progress-step.completed .step-dot{background:#B8A9A3}.step-connector{width:40px;height:1px;background:rgba(138,127,120,.1);margin:0 .5rem}.progress-label{text-align:center;font-size:.85rem;color:#a3a09b;font-weight:300}.cloud-loading{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem}.loading-orb{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.orb-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(138,127,120,.1);border-radius:var(--radius-full);animation:ringPulse 2s infinite ease-in-out}.orb-ring.ring-1{width:60px;height:60px;animation-delay:0s}.orb-ring.ring-2{width:70px;height:70px;animation-delay:.2s}.orb-ring.ring-3{width:80px;height:80px;animation-delay:.4s}@keyframes ringPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.6}}.orb-center{font-size:2rem;opacity:.8}.loading-text{font-size:1.1rem;color:#a3a09b;font-weight:300;text-align:center}.cloud-connection{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.connection-line{width:2px;height:30px;background:linear-gradient(to bottom,rgba(255,255,255,.8),transparent)}.connection-dot{width:8px;height:8px;background:rgba(255,255,255,.8);border-radius:var(--radius-full);margin-top:-4px}.status-info{padding-bottom:1rem;opacity:0;animation:fadeInUp .8s ease .6s forwards}.completion-status{display:flex;flex-direction:column;align-items:center;gap:1rem}.completion-orb{width:12px;height:12px;background:#8A9A7E;border-radius:var(--radius-full);animation:completionPulse 2s infinite ease-in-out}@keyframes completionPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.3);opacity:1}}.completion-text{font-size:1.1rem;color:#8a9a7e;font-weight:300;letter-spacing:.02em}.thinking-status{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.indicator-pulse{width:8px;height:8px;background:#8A7F78;border-radius:var(--radius-full);animation:indicatorPulse 2s infinite ease-in-out}.status-instructions{display:flex;gap:2rem}.instruction{display:flex;align-items:center;gap:.75rem}.instruction-icon{font-size:1.2rem;opacity:.7}.instruction span{font-size:.9rem;color:#a3a09b;font-weight:300}.scene-border{position:absolute;background:linear-gradient(90deg,transparent,rgba(138,127,120,.05),transparent);z-index:5}.scene-border.top{top:40px;left:50%;transform:translate(-50%);width:80%;max-width:1000px;height:1px}.scene-border.bottom{bottom:40px;left:50%;transform:translate(-50%);width:80%;max-width:1000px;height:1px}.scene-border.left{top:50%;left:40px;transform:translateY(-50%);width:1px;height:80%;max-height:600px}.scene-border.right{top:50%;right:40px;transform:translateY(-50%);width:1px;height:80%;max-height:600px}@media (max-width: 1200px){.scene-container{flex-direction:column;gap:3rem;justify-content:center}.character-container{order:2;height:300px}.thinking-cloud{max-width:80%;order:1}}@media (max-width: 768px){.thinking-screen{padding:1.5rem}.thinking-header{flex-direction:column;align-items:center;gap:1.5rem}.back-button{margin-right:0;align-self:flex-start}.thinking-title{font-size:2.2rem}.thinking-subtitle{font-size:1rem}.character-container{width:250px;height:250px}.thinking-cloud{max-width:90%}.cloud-body{padding:2rem}.thought-title{font-size:1.5rem}.text-container{font-size:1.1rem;min-height:120px}.status-instructions{flex-direction:column;gap:1rem}.env-element{display:none}}@media (max-width: 480px){.thinking-title{font-size:1.8rem}.character-head{width:70px;height:70px}.character-torso{width:60px;height:100px}.cloud-body{padding:1.5rem}.thought-header{flex-direction:column;text-align:center;gap:1rem}.thought-title{font-size:1.3rem}.text-container{font-size:1rem}.scene-border{display:none}}.notification-screen{position:relative;width:100%;height:100vh;background:linear-gradient(135deg,#F9F8F5 0%,#F3F2EF 50%,#EDEAE6 100%);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;transform:translateY(20px);animation:screenAppear .8s cubic-bezier(.16,1,.3,1) forwards;transition:opacity .4s ease,transform .4s ease}@keyframes screenAppear{to{opacity:1;transform:translateY(0)}}.background-layers{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.gradient-field{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(138,127,120,.05) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(184,169,163,.03) 0%,transparent 50%);opacity:.6}.light-rays{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 45%,rgba(255,255,255,.03) 50%,transparent 55%),linear-gradient(-45deg,transparent 45%,rgba(255,255,255,.02) 50%,transparent 55%);background-size:100px 100px;opacity:.3}.soft-glow{position:absolute;top:50%;left:50%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:var(--radius-full);transform:translate(-50%,-50%);filter:blur(40px);opacity:.5}.magic-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.magic-particle{position:absolute;border-radius:var(--radius-full);background:var(--color, rgba(138, 127, 120, .1));animation:particleFloat var(--duration) infinite ease-in-out;animation-delay:var(--delay);width:4px;height:4px;top:var(--y);left:var(--x);filter:blur(1px)}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:0}50%{transform:translate(calc(30px - 60px * var(--x) / 100),calc(30px - 60px * var(--y) / 100)) scale(1.5);opacity:.4}}.notification-container{position:relative;z-index:10;width:100%;max-width:1200px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.notification-header{display:flex;align-items:flex-start;padding-top:1rem;opacity:0;animation:fadeInDown .8s ease .2s forwards}.back-button{background:transparent;color:#8a7f78;padding:.5rem 1rem;border:1px solid rgba(138,127,120,.2);border-radius:20px;font-size:.9rem;font-weight:300;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);margin-right:2rem}.back-button:hover:not(:disabled){border-color:#8a7f7866;background:rgba(255,255,255,.1);transform:translate(-3px)}.back-button:disabled{opacity:.3;cursor:not-allowed}.back-arrow{font-size:1.1rem;transition:transform .3s ease}.back-button:hover:not(:disabled) .back-arrow{transform:translate(-2px)}.header-content{flex:1;text-align:center}.screen-title{font-size:3rem;font-weight:250;color:#6d6560;margin-bottom:.5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.title-line{line-height:1.1}.title-line.accent{background:linear-gradient(135deg,#8A7F78 0%,#B8A9A3 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.title-line.accent:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,#B8A9A3,transparent)}.screen-subtitle{font-size:1.2rem;color:#a3a09b;font-weight:300;letter-spacing:.02em}.envelope-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 0;opacity:0;animation:fadeIn .8s ease .4s forwards}.envelope{position:relative;width:300px;height:200px;cursor:pointer;transition:transform .3s ease}.envelope.hidden{opacity:0;transform:scale(.8)}.envelope.envelope-appearing{animation:envelopeAppear .8s cubic-bezier(.34,1.56,.64,1) forwards}.envelope.envelope-opening{animation:envelopeOpen 1.2s cubic-bezier(.34,1.56,.64,1) forwards}.envelope.message-appearing{animation:messageReveal 1s cubic-bezier(.34,1.56,.64,1) forwards}.envelope.ready{animation:envelopeFloat 4s infinite ease-in-out}.envelope.ready:hover{transform:translateY(-10px) scale(1.05);animation-play-state:paused}.envelope.clicking{animation:envelopeClick 1s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes envelopeAppear{0%{opacity:0;transform:scale(.8) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes envelopeOpen{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.1) rotate(-5deg)}70%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0)}}@keyframes messageReveal{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes envelopeFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(1deg)}}@keyframes envelopeClick{0%{transform:scale(1) translateY(0);opacity:1}50%{transform:scale(1.1) translateY(-20px);opacity:.8}to{transform:scale(.8) translateY(100px);opacity:0}}.envelope-back{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.95);border-radius:8px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #ffffff4d inset;z-index:1;transform:perspective(1000px) rotateX(0);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.envelope.ready .envelope-back{transform:perspective(1000px) rotateX(-10deg)}.envelope.sealing .envelope-back{transform:perspective(1000px) rotateX(-180deg)}.envelope-seal{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:40px;height:40px;background:rgba(255,255,255,.95);border-radius:var(--radius-full);border:2px solid rgba(138,127,120,.2);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0000001a}.seal-icon{font-size:1.2rem;opacity:.8}.envelope-front{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.envelope.ready .envelope-front{transform:perspective(1000px) rotateX(10deg) translateZ(20px)}.envelope-flap{position:absolute;top:0;left:0;width:100%;height:60px;background:rgba(255,255,255,.98);clip-path:polygon(0% 0%,50% 100%,100% 0%);border-radius:8px 8px 0 0;box-shadow:0 -4px 20px #0000000d;transform-origin:top;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.envelope.ready .envelope-flap{transform:rotateX(-30deg)}.envelope-body{position:absolute;top:60px;left:0;width:100%;height:140px;background:rgba(255,255,255,.95);border-radius:0 0 8px 8px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem}.sender-badge{position:relative;width:60px;height:60px;background:rgba(255,255,255,.9);border-radius:var(--radius-full);border:2px solid rgba(138,127,120,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}.badge-icon{font-size:2rem;opacity:.9}.badge-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:var(--radius-full);opacity:.5}.envelope-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.content-line{height:4px;background:linear-gradient(90deg,rgba(138,127,120,.1),rgba(184,169,163,.1));border-radius:2px;animation:contentLinePulse 2s infinite ease-in-out}.content-line.line-1{width:80%;animation-delay:0s}.content-line.line-2{width:60%;animation-delay:.2s}.content-line.line-3{width:70%;animation-delay:.4s}.content-dot{position:absolute;width:6px;height:6px;background:rgba(138,127,120,.2);border-radius:var(--radius-full);animation:dotFloat 3s infinite ease-in-out}.content-dot.dot-1{top:40px;right:30px;animation-delay:0s}.content-dot.dot-2{top:70px;right:50px;animation-delay:1s}.content-dot.dot-3{top:100px;right:40px;animation-delay:2s}@keyframes contentLinePulse{0%,to{opacity:.3}50%{opacity:.7}}@keyframes dotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.letter{position:absolute;top:20px;left:50%;transform:translate(-50%) translateY(100px);width:280px;height:180px;background:rgba(255,253,250,.98);border-radius:4px;box-shadow:0 10px 30px #0000001a,0 0 0 1px #ffffff80 inset;z-index:0;opacity:0;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.envelope.message-appearing .letter,.envelope.ready .letter{opacity:1;transform:translate(-50%) translateY(0)}.envelope.clicking .letter{transform:translate(-50%) translateY(-100px) scale(1.1);opacity:0}.letter-fold{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:40px;height:20px;background:rgba(255,253,250,.98);clip-path:polygon(0% 100%,50% 0%,100% 100%)}.letter-content{padding:1.5rem;height:100%;display:flex;flex-direction:column}.letter-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(138,127,120,.1)}.letter-icon{font-size:1.5rem;opacity:.8}.letter-title{font-size:1.2rem;color:#6d6560;font-weight:300}.letter-message{flex:1;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.message-line{height:3px;background:linear-gradient(90deg,rgba(138,127,120,.15),rgba(184,169,163,.1));border-radius:1.5px;animation:messageLineReveal 2s infinite ease-in-out}.message-line:nth-child(1){width:90%;animation-delay:0s}.message-line:nth-child(2){width:80%;animation-delay:.2s}.message-line:nth-child(3){width:85%;animation-delay:.4s}.message-line.short{width:50%;animation-delay:.6s}@keyframes messageLineReveal{0%,to{opacity:.2}50%{opacity:.6}}.letter-footer{display:flex;align-items:center;gap:.75rem;padding-top:.75rem;border-top:1px solid rgba(138,127,120,.1)}.footer-symbol{font-size:1rem;opacity:.7}.footer-name{font-size:.9rem;color:#8a7f78;font-weight:300;letter-spacing:.05em}.notification-status{padding-bottom:2rem;opacity:0;animation:fadeInUp .8s ease .6s forwards}.ready-status{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.status-indicator{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(138,127,120,.1);box-shadow:0 10px 30px #0000000d}.indicator-pulse{width:10px;height:10px;background:#8A9A7E;border-radius:var(--radius-full);animation:indicatorPulse 2s infinite ease-in-out}@keyframes indicatorPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:1}}.indicator-text{font-size:1rem;color:#6d6560;font-weight:300}.sender-info{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-large);border:1px solid rgba(138,127,120,.1);box-shadow:0 10px 30px #0000000d}.sender-avatar{position:relative;width:50px;height:50px;background:rgba(255,255,255,.9);border-radius:var(--radius-full);border:1px solid rgba(138,127,120,.15);display:flex;align-items:center;justify-content:center}.avatar-icon{font-size:1.8rem;opacity:.9}.avatar-glow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-full);opacity:.3}.sender-details{display:flex;flex-direction:column;gap:.25rem}.sender-name{font-size:1.1rem;color:#6d6560;font-weight:350}.sender-role{font-size:.85rem;color:#a3a09b;font-weight:300}.preparing-status{display:flex;flex-direction:column;align-items:center;gap:1rem}.preparing-indicator{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(138,127,120,.1);box-shadow:0 10px 30px #0000000d}.preparing-dots{display:flex;gap:.5rem}.preparing-dots .dot{width:8px;height:8px;background:#8A7F78;border-radius:var(--radius-full);opacity:.3;animation:preparingDotPulse 1.5s infinite ease-in-out}.preparing-dots .dot:nth-child(1){animation-delay:0s}.preparing-dots .dot:nth-child(2){animation-delay:.2s}.preparing-dots .dot:nth-child(3){animation-delay:.4s}@keyframes preparingDotPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.preparing-text{font-size:1rem;color:#6d6560;font-weight:300}.notification-footer{padding-bottom:1rem;opacity:0;animation:fadeIn .8s ease .8s forwards}.footer-note{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.note-icon{font-size:1.5rem;opacity:.7}.footer-note p{font-size:.9rem;color:#8a7f78;font-weight:300;line-height:1.5;max-width:500px}.corner-ornament{position:absolute;width:60px;height:60px;z-index:5;opacity:0;animation:fadeIn .8s ease 1s forwards}.ornament-line{position:absolute;background:rgba(138,127,120,.2)}.ornament-dot{position:absolute;width:6px;height:6px;background:#8A7F78;border-radius:var(--radius-full)}.top-left{top:30px;left:30px}.top-left .ornament-line{top:0;left:0;width:30px;height:1px}.top-left .ornament-dot{top:-3px;left:-3px}.top-right{top:30px;right:30px}.top-right .ornament-line{top:0;right:0;width:30px;height:1px}.top-right .ornament-dot{top:-3px;right:-3px}.bottom-left{bottom:30px;left:30px}.bottom-left .ornament-line{bottom:0;left:0;width:30px;height:1px}.bottom-left .ornament-dot{bottom:-3px;left:-3px}.bottom-right{bottom:30px;right:30px}.bottom-right .ornament-line{bottom:0;right:0;width:30px;height:1px}.bottom-right .ornament-dot{bottom:-3px;right:-3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.notification-screen{padding:1.5rem}.notification-header{flex-direction:column;align-items:center;gap:1.5rem}.back-button{margin-right:0;align-self:flex-start}.screen-title{font-size:2.2rem}.screen-subtitle{font-size:1rem}.envelope{width:250px;height:170px}.letter{width:230px;height:150px}.ready-status{gap:1rem}.sender-info{padding:.5rem 1rem}.corner-ornament{display:none}}@media (max-width: 480px){.screen-title{font-size:1.8rem}.envelope{width:200px;height:140px}.envelope-body{padding:1rem}.sender-badge{width:50px;height:50px}.badge-icon{font-size:1.5rem}.letter{width:180px;height:120px;padding:1rem}.status-indicator,.preparing-indicator{padding:.5rem 1rem;font-size:.9rem}}.message-screen{position:relative;width:100%;height:100vh;background:var(--color-bg-primary);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2rem;transition:opacity .5s ease,transform .5s ease}.message-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.gradient-layer{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-full);filter:blur(80px);opacity:.5}.layer-1{background:radial-gradient(circle at 30% 30%,rgba(215,204,200,.15) 0%,transparent 50%);animation:floatSlow 25s infinite ease-in-out}.layer-2{background:radial-gradient(circle at 70% 70%,rgba(163,177,182,.1) 0%,transparent 50%);animation:floatMedium 20s infinite ease-in-out reverse}.layer-3{background:radial-gradient(circle at 50% 50%,rgba(243,242,239,.2) 0%,transparent 60%);animation:floatFast 15s infinite ease-in-out}@keyframes floatSlow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,30px) scale(1.05)}}@keyframes floatMedium{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-20px) scale(1.03)}}@keyframes floatFast{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,-40px) scale(1.02)}}.message-container{position:relative;z-index:10;width:100%;max-width:1200px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.message-header{padding-top:1rem;opacity:0;animation:fadeInDown .8s ease forwards}.sender-info{display:flex;align-items:center;gap:1rem}.sender-icon{font-size:2.5rem;opacity:.9;animation:gentleBounce 3s infinite ease-in-out}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.sender-text{display:flex;flex-direction:column}.sender-label{font-size:.9rem;color:var(--color-text-light);font-weight:300;letter-spacing:.05em;text-transform:uppercase}.sender-name{font-size:1.8rem;font-weight:350;color:var(--color-text-primary);margin-top:.25rem}.message-area{flex:1;display:flex;align-items:center;justify-content:center;gap:4rem;padding:2rem 0;position:relative}.character-container{opacity:0;transform:translate(-50px);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.character-container.visible{opacity:1;transform:translate(0)}.character{position:relative;width:120px;height:200px;display:flex;flex-direction:column;align-items:center}.character-head{width:80px;height:80px;background:rgba(255,255,255,.95);border-radius:var(--radius-full);border:1px solid var(--color-border);position:relative;z-index:2;overflow:hidden;box-shadow:0 8px 30px #00000014}.character-face{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:40px}.character-eyes{display:flex;justify-content:space-between;padding:0 8px;margin-bottom:12px}.eye{width:12px;height:12px;background:var(--color-text-primary);border-radius:var(--radius-full);position:relative;overflow:hidden}.eye-pupil{position:absolute;top:3px;left:3px;width:6px;height:6px;background:white;border-radius:var(--radius-full)}.character-mouth{display:flex;justify-content:center;align-items:center;height:16px}.mouth-shape{width:20px;height:4px;background:var(--color-text-primary);border-radius:2px;transition:all .2s ease}.mouth-shape.resting{width:20px;height:4px;border-radius:2px}.mouth-shape.speaking{animation:mouthSpeak .4s infinite alternate ease-in-out}@keyframes mouthSpeak{0%{width:20px;height:4px;border-radius:2px}to{width:16px;height:8px;border-radius:8px 8px 4px 4px}}.character-body{position:relative;width:60px;height:80px;background:rgba(255,255,255,.95);border:1px solid var(--color-border);border-top:none;border-radius:0 0 30px 30px;margin-top:-20px;box-shadow:0 8px 30px #00000014}.shoulder{position:absolute;top:0;left:50%;transform:translate(-50%);width:80px;height:20px;background:rgba(255,255,255,.95);border-radius:20px}.torso{position:absolute;top:20px;left:50%;transform:translate(-50%);width:40px;height:60px}.character-arms.comforting{position:absolute;top:10px;left:50%;transform:translate(-50%);width:100px;height:40px;display:flex;justify-content:space-between}.character-arms.comforting .arm{width:30px;height:40px;background:rgba(255,255,255,.95);border:1px solid var(--color-border);border-radius:15px;position:relative}.character-arms.comforting .left-arm{transform:rotate(45deg);animation:armComfortLeft 3s infinite ease-in-out}.character-arms.comforting .right-arm{transform:rotate(-45deg);animation:armComfortRight 3s infinite ease-in-out .5s}@keyframes armComfortLeft{0%,to{transform:rotate(45deg)}50%{transform:rotate(30deg)}}@keyframes armComfortRight{0%,to{transform:rotate(-45deg)}50%{transform:rotate(-30deg)}}.message-card{width:600px;max-width:90%;opacity:0;transform:translate(50px) scale(.95);transition:all .8s cubic-bezier(.34,1.56,.64,1);will-change:transform;position:relative}.message-card.visible{opacity:1;transform:translate(0) scale(1)}.card-border{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-large);pointer-events:none;z-index:2}.card-content{background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-large);padding:2.5rem;box-shadow:var(--shadow-floating);position:relative;z-index:3;overflow:hidden}.card-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(163,177,182,.3),transparent)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.card-icon{font-size:2rem;opacity:.8}.card-title{flex:1;display:flex;align-items:center;justify-content:space-between}.title-text{font-size:1.5rem;font-weight:350;color:var(--color-text-primary)}.title-dot{width:8px;height:8px;background:var(--color-accent-soft);border-radius:var(--radius-full);animation:dotPulse 2s infinite}@keyframes dotPulse{0%,to{opacity:.3}50%{opacity:1}}.message-lines{display:flex;flex-direction:column;gap:1.5rem;min-height:300px}.message-line{opacity:.3;transform:translateY(5px);transition:all .5s ease;position:relative}.message-line.active{opacity:1;transform:translateY(0)}.message-line.current{opacity:1}.line-text{font-size:1.3rem;line-height:1.6;color:var(--color-text-primary);font-weight:300;display:block;padding-right:2rem}.type-cursor{display:inline-block;width:2px;height:1.4em;background:var(--color-accent-soft);margin-left:2px;vertical-align:text-bottom;animation:blink 1s infinite}.line-indicator{position:absolute;top:0;right:0;opacity:0;animation:fadeIn .3s ease forwards .5s}.indicator-dot{width:6px;height:6px;background:var(--color-accent-soft);border-radius:var(--radius-full)}.completion-indicator{display:flex;align-items:center;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border);opacity:0;animation:fadeIn .8s ease forwards}.indicator-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.indicator-text{font-size:.9rem;color:var(--color-text-light);font-weight:300;letter-spacing:.05em;white-space:nowrap}.card-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background:radial-gradient(circle,rgba(163,177,182,.1) 0%,transparent 70%);border-radius:var(--radius-large);filter:blur(30px);z-index:2;pointer-events:none}.final-note{margin:2rem 0;opacity:0;transform:translateY(20px);transition:all .8s ease}.final-note.visible{opacity:1;transform:translateY(0)}.note-line{height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin:1rem 0}.note-content{text-align:center;padding:1rem 0}.note-text{font-size:1.3rem;color:var(--color-text-primary);font-weight:350;margin-bottom:.5rem}.note-subtext{font-size:1rem;color:var(--color-text-secondary);font-weight:300}.message-footer{padding-bottom:1rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;opacity:0;animation:fadeIn .8s ease 1s forwards}.restart-button{background:transparent;color:var(--color-text-primary);padding:.75rem 1.5rem;border:1px solid var(--color-border);border-radius:50px;font-size:1rem;font-weight:350;display:flex;align-items:center;gap:.75rem;transition:var(--transition-smooth)}.restart-button:hover{border-color:var(--color-accent-soft);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.restart-icon{font-size:1.1rem;transition:transform .3s ease}.restart-button:hover .restart-icon{transform:rotate(180deg)}.footer-note{font-size:.85rem;color:var(--color-text-light);font-weight:300;text-align:center}.corner-accent{position:absolute;width:12px;height:12px;border:1px solid var(--color-border);opacity:0;animation:fadeIn .8s ease 1.5s forwards;z-index:5}.corner-accent:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:var(--color-accent-soft);border-radius:var(--radius-full)}.top-left{top:5%;left:5%;border-right:none;border-bottom:none}.top-right{top:5%;right:5%;border-left:none;border-bottom:none}.bottom-left{bottom:5%;left:5%;border-right:none;border-top:none}.bottom-right{bottom:5%;right:5%;border-left:none;border-top:none}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 1024px){.message-area{gap:2rem}.message-card{width:500px}}@media (max-width: 768px){.message-screen{padding:1rem}.message-area{flex-direction:column;gap:3rem;padding:1rem 0}.character-container{transform:translateY(-50px)}.character-container.visible{transform:translateY(0)}.message-card{transform:translateY(50px) scale(.95)}.message-card.visible{transform:translateY(0) scale(1)}.card-content{padding:2rem}.line-text,.note-text{font-size:1.1rem}}@media (max-width: 480px){.card-content{padding:1.5rem}.card-header{flex-direction:column;text-align:center;gap:.75rem}.message-lines{min-height:250px}.line-text{font-size:1rem}.character{transform:scale(.9)}.note-text{font-size:1rem}.note-subtext{font-size:.9rem}}.app{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--color-bg-primary)}.app:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.parallax-layer{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(243,242,239,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.loading-overlay.active{opacity:1;pointer-events:all}.loading-spinner{width:60px;height:60px;border:3px solid var(--color-border);border-top-color:var(--color-accent-soft);border-radius:var(--radius-full);animation:spin 1s linear infinite}.loading-text{font-size:1.1rem;color:var(--color-text-secondary);font-weight:300;text-align:center;max-width:300px;line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){:root{--radius-medium: 12px;--radius-large: 20px}}@media (max-width: 480px){:root{--radius-small: 6px;--radius-medium: 10px;--radius-large: 16px}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-primary: #F3F2EF;--color-bg-secondary: #EDEAE6;--color-bg-gradient: linear-gradient(135deg, #F3F2EF 0%, #EDEAE6 100%);--color-text-primary: #2C3E50;--color-text-secondary: #5D6D7E;--color-text-light: #7F8C8D;--color-accent-soft: #A3B1B6;--color-accent-warm: #D7CCC8;--color-border: rgba(215, 204, 200, .3);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .06);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .08);--shadow-floating: 0 20px 60px rgba(0, 0, 0, .1);--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--transition-bounce: all .6s cubic-bezier(.34, 1.56, .64, 1);--radius-small: 8px;--radius-medium: 16px;--radius-large: 24px;--radius-full: 50%}html,body{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,.02)}::-webkit-scrollbar-thumb{background:var(--color-accent-soft);border-radius:3px}::selection{background:rgba(163,177,182,.2)}.screen-container{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .6s ease,transform .6s ease}.screen-container.fade-in{opacity:1;transform:translateY(0)}.screen-container.fade-out{opacity:0;transform:translateY(10px)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent-soft);outline-offset:2px}button{border:none;background:none;font-family:inherit;cursor:pointer}.scrollable-hidden{-ms-overflow-style:none;scrollbar-width:none}.scrollable-hidden::-webkit-scrollbar{display:none}