*{box-sizing:border-box}:root{--color-cream: #fff8f0;--color-warm-white: #f5ebe0;--color-beige: #e8dcd0;--color-tan: #d4c4b0;--color-brown-light: #a89080;--color-brown: #7a6a5a;--color-brown-dark: #5a4a3a;--color-brown-darker: #4a3a2a;--color-accent-green: #a8d5ba;--color-accent-green-dark: #88c5a0;--color-error: #8a5a4a;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-brown-dark);background-color:var(--color-cream);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;min-height:100vh;overflow-x:hidden;background-color:#2a3440}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;color:var(--color-brown-darker)}p{margin:0}:focus-visible{outline:3px solid var(--color-accent-green);outline-offset:2px}button{font-family:inherit}::selection{background:var(--color-accent-green);color:var(--color-brown-darker)}html{scroll-behavior:smooth}@media(max-width:768px){input,textarea,select{font-size:16px}}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:#2a3440}.screen-content{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:400px;width:100%}.screen-title{font-size:1.8rem;color:#fffffff2;margin:0;text-align:center;font-weight:600}.day-indicator{position:absolute;top:16px;right:16px;font-size:.9rem;color:#ffffffb3;font-weight:500;padding:6px 12px}.primary-button{background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:14px 40px;font-size:1.1rem;font-weight:600;color:#fffffff2;cursor:pointer;transition:transform .2s ease,background .2s ease;font-family:inherit}.primary-button:hover{transform:translateY(-2px);background:#ffffff40}.primary-button:active{transform:translateY(0);background:#fff3}.naming-form{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.name-input{width:100%;max-width:280px;padding:14px 20px;font-size:1.1rem;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#fffffff2;text-align:center;outline:none;transition:border-color .2s ease,background .2s ease;font-family:inherit}.name-input:focus{border-color:#fff6;background:#ffffff26}.name-input::placeholder{color:#fff6}.error-message{color:#f0a090;font-size:.9rem;margin:0;text-align:center}.intro-screen .screen-content{gap:32px}.intro-text{text-align:center;color:#fffc;font-size:1.2rem;line-height:1.6}.intro-text p{margin:8px 0}.intro-text .emphasis{font-weight:600;color:#fffffff2}.home-screen{padding:16px;justify-content:flex-start;gap:12px}.home-top-bar{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-start;z-index:10}.day-info{display:flex;flex-direction:column;gap:4px}.day-text{font-size:.95rem;color:#ffffffd9;font-weight:500;letter-spacing:.5px}.daily-note{font-size:.8rem;color:#ffffff8c;font-style:italic;max-width:180px}.mute-button{width:40px;height:40px;border:none;border-radius:10px;background:#ffffff26;color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.mute-button:hover{background:#ffffff40}.scene-container{position:relative;width:100%;max-width:360px;margin-top:50px}.cat-state-text{font-size:.95rem;color:#ffffffb3;text-align:center;font-style:italic;margin:0}.finale-message{font-size:1.2rem;color:#ffffffe6;font-weight:500;text-align:center;padding:16px 24px;background:#ffffff1a;border-radius:12px}.finale-message p{margin:0}.finale-message .birthday-note{margin-top:16px;font-size:1rem;font-weight:400;color:#ffffffbf;font-style:italic}.task-card-minimal{width:100%;max-width:320px;background:#ffffff1a;border-radius:12px;padding:14px 18px;display:flex;flex-direction:column;gap:10px}.task-card-header{display:flex;justify-content:space-between;align-items:center}.task-day-label{font-size:.85rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.task-name-label{font-size:1rem;color:#ffffffe6;font-weight:600}.task-done-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;color:#82c99a;font-size:.9rem}.do-task-button{width:100%;padding:12px 16px;border:none;border-radius:10px;background:#ffffff26;color:#ffffffe6;font-size:.95rem;font-family:inherit;cursor:pointer;transition:background .2s ease,transform .2s ease}.do-task-button:hover{background:#ffffff40;transform:translateY(-1px)}.do-task-button:active{transform:translateY(0)}.daily-task-screen{padding:16px;justify-content:flex-start;gap:0;-webkit-user-select:none;user-select:none}.task-top-bar{position:absolute;top:16px;left:16px;z-index:10}.task-day-text{font-size:.9rem;color:#ffffffb3;letter-spacing:.5px}.task-content{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:360px;margin-top:50px}.task-info{text-align:center}.task-title{font-size:1.4rem;color:#fffffff2;margin:0 0 6px;font-weight:600}.task-prompt{font-size:1rem;color:#fff9;margin:0}.task-scene-area{position:relative;width:100%;transition:transform .2s ease}.task-scene-area.receiving{transform:scale(1.02)}.task-complete-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:16px;animation:overlay-fade .3s ease}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.complete-badge{display:flex;align-items:center;gap:8px;background:#fffffff2;color:#2a4a3a;padding:12px 20px;border-radius:12px;font-size:1rem;font-weight:600;animation:badge-pop .4s ease}@keyframes badge-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.draggable-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 32px;border-radius:16px;cursor:grab;touch-action:none;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 16px #0003}.draggable-item:hover{box-shadow:0 6px 20px #00000040}.draggable-item.dragging{cursor:grabbing;box-shadow:0 12px 32px #00000059;z-index:100}.draggable-label{font-size:1.1rem;color:#2a3a4a;font-weight:600}.draggable-hint{font-size:.8rem;color:#2a3a4a99}.result-animation{transition:transform .5s ease,opacity .5s ease}.result-animation.animating{animation:result-pop .5s ease-out}@keyframes result-pop{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.result-messages{text-align:center}.reaction-line{font-size:1.2rem;color:#4a3a2a;font-weight:500;margin:0}.visitor-message{font-size:1rem;color:#6a5a4a;margin:12px 0 0;font-style:italic;animation:message-fade .5s ease-out}@keyframes message-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.birthday-title{font-size:2rem;background:linear-gradient(135deg,#ffd4a8,#ffb8c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.screen-subtitle{font-size:1.1rem;color:#fff9;margin:-8px 0 8px;text-align:center}.cat-options{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:8px 0}.cat-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:2px solid rgba(255,255,255,.15);border-radius:12px;background:#ffffff14;cursor:pointer;transition:all .2s ease;min-width:90px}.cat-option:hover{background:#ffffff26;transform:translateY(-2px)}.cat-option.selected{border-color:#fff6;background:#fff3}.cat-option-svg{width:70px;height:70px}.cat-option-label{font-size:.85rem;color:#ffffffb3;font-weight:500}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.primary-button:disabled:hover{transform:none;box-shadow:4px 4px 12px #0000001a,-2px -2px 8px #fffc}.letter-screen{background:#2a3440}.letter-container{perspective:1000px;cursor:pointer}.letter-folded{position:relative;width:280px;height:200px;background:linear-gradient(145deg,#f5ebe0,#e8dcd0);border-radius:4px;box-shadow:0 8px 32px #0006;display:flex;align-items:center;justify-content:center;transition:transform .6s ease,opacity .3s ease;transform-style:preserve-3d}.letter-folded:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#00000014}.wax-seal{width:60px;height:60px;background:radial-gradient(circle at 30% 30%,#c44536,#8b2500);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000004d,inset 0 2px 4px #fff3;font-family:serif;font-size:1.2rem;font-weight:700;color:#ffd7c4;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:transform .2s ease;z-index:1}.wax-seal:hover{transform:scale(1.05)}.seal-hint{position:absolute;bottom:-40px;font-size:.9rem;color:#ffffff80;animation:pulse-hint 2s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:.5}50%{opacity:.8}}.letter-unfolded{width:300px;min-height:280px;background:linear-gradient(145deg,#f5ebe0,#e8dcd0);border-radius:4px;box-shadow:0 8px 32px #0006;padding:32px 24px;animation:unfold .6s ease-out}@keyframes unfold{0%{transform:scale(.8) rotateX(20deg);opacity:0}to{transform:scale(1) rotateX(0);opacity:1}}.letter-content{text-align:center;color:#4a3a2a;font-size:1.15rem;line-height:1.8}.letter-content p{margin:12px 0}.letter-content .letter-emphasis{font-weight:600;font-size:1.25rem}.home-task-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 20px #00000014;width:100%;max-width:320px;text-align:center}.home-task-day{font-size:.85rem;color:#a89080;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.home-task-name{font-size:1.1rem;color:#5a4a3a;margin:0 0 4px;font-weight:600}.home-task-prompt{font-size:1rem;color:#7a6a5a;margin:0 0 16px}.task-completed-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#a8d5ba4d;border-radius:20px;color:#4a6a5a;font-size:.9rem;font-weight:500}.cat-state-text{font-size:1rem;color:#7a6a5a;text-align:center;font-style:italic;margin-top:8px}.reaction-particle{position:absolute;pointer-events:none;animation:float-up 1s ease-out forwards}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-40px) scale(.5)}}.action-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;animation:pop-fade .6s ease-out forwards;pointer-events:none}@keyframes pop-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.task-interaction-area{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:20px;background:#ffffff4d;min-height:250px}.task-card-compact{padding:16px 20px;margin-bottom:0}.task-card-compact .task-title{margin-bottom:4px;font-size:.9rem}.task-card-compact .task-prompt{font-size:1rem}.draggable-object{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .2s ease}.draggable-object:hover{transform:scale(1.1)}.draggable-object.dragging{cursor:grabbing;transform:scale(1.2)}.object-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;transition:box-shadow .2s ease}.draggable-object.dragging .object-circle{box-shadow:0 8px 24px #0000004d}.object-icon{font-size:1.8rem;line-height:1}.object-label{font-size:.8rem;color:#7a6a5a}.applied-object{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:80px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;animation:object-land .5s ease-out;opacity:.8}@keyframes object-land{0%{transform:translate(-50%) translateY(-100px) scale(.5);opacity:0}60%{transform:translate(-50%) translateY(10px) scale(1.1)}to{transform:translate(-50%) translateY(0) scale(1);opacity:.8}}.applied-object-icon{font-size:1.5rem}.task-reaction{position:absolute;top:20%;left:50%;transform:translate(-50%);animation:reaction-float 1.5s ease-out forwards}@keyframes reaction-float{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.5)}20%{opacity:1;transform:translate(-50%) translateY(-10px) scale(1.2)}to{opacity:0;transform:translate(-50%) translateY(-60px) scale(1)}}.reaction-heart{font-size:2.5rem}.secondary-option{background:linear-gradient(145deg,#e8e0d8,#d8d0c8);color:#5a4a3a;font-size:.9rem;padding:10px 20px}.secondary-option:hover{background:linear-gradient(145deg,#f0e8e0,#e0d8d0)}.dev-panel-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.dev-panel{background:#1a2430;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;max-width:360px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.dev-panel h2{margin:0 0 16px;font-size:1.2rem;color:#fffffff2}.dev-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.dev-section:last-child{border-bottom:none;margin-bottom:0}.dev-section h3{font-size:.9rem;color:#fff9;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.dev-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dev-row label{font-size:.9rem;color:#fffc}.dev-row input[type=number]{width:80px;padding:6px 10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.9rem;background:#ffffff1a;color:#ffffffe6}.dev-row input[type=checkbox]{width:20px;height:20px;accent-color:#82c99a}.dev-row select{padding:6px 10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.9rem;background:#ffffff1a;color:#ffffffe6}.dev-buttons{display:flex;flex-wrap:wrap;gap:8px}.dev-btn{padding:8px 12px;border:none;border-radius:8px;font-size:.8rem;cursor:pointer;font-family:inherit;transition:background .2s ease}.dev-btn-primary{background:#82c99a4d;color:#82c99a;border:1px solid rgba(130,201,154,.4)}.dev-btn-primary:hover{background:#82c99a66}.dev-btn-secondary{background:#ffffff1a;color:#fffc}.dev-btn-secondary:hover{background:#ffffff26}.dev-btn-danger{background:#e573734d;color:#e57373;border:1px solid rgba(229,115,115,.4)}.dev-btn-danger:hover{background:#e5737366}.dev-close{width:100%;margin-top:16px;padding:12px;background:#ffffff26;color:#ffffffe6;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;font-family:inherit}.dev-close:hover{background:#fff3}.home-content{gap:16px}.task-header{text-align:center;margin-bottom:8px}.task-day-title{font-size:1.3rem;color:#4a3a2a;margin:0 0 4px;font-weight:600}.task-instruction{font-size:1rem;color:#7a6a5a;margin:0}.task-scene-container{position:relative;transition:transform .3s ease}.task-scene-container.receiving{transform:scale(1.02)}.task-success-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#a8d5ba4d;border-radius:24px;animation:success-fade-in .5s ease-out}@keyframes success-fade-in{0%{opacity:0}to{opacity:1}}.success-message{display:flex;align-items:center;gap:8px;background:#fff;padding:12px 20px;border-radius:20px;box-shadow:0 4px 20px #00000026;animation:success-pop .5s ease-out}@keyframes success-pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-icon{width:28px;height:28px;background:#a8d5ba;color:#2a4a3a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.success-text{font-size:1rem;color:#4a3a2a;font-weight:600}.item-to-place{display:flex;justify-content:center;animation:item-appear .3s ease-out}@keyframes item-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.item-to-place.placing{animation:item-fly-up .8s ease-in forwards}@keyframes item-fly-up{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-100px) scale(1.2)}to{opacity:0;transform:translateY(-200px) scale(.5)}}.place-item-button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 32px;border:none;border-radius:20px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 16px #00000026;font-family:inherit}.place-item-button:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #0003}.place-item-button:active:not(:disabled){transform:translateY(0) scale(.98)}.place-item-button:disabled{cursor:default}.item-icon{font-size:2.5rem;line-height:1}.item-name{font-size:1.1rem;color:#4a3a2a;font-weight:600}.item-action{font-size:.85rem;color:#5a4a3a;opacity:.8}.micro-ritual{position:relative;overflow:hidden}.ritual-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(255,220,150,.15) 0%,transparent 60%);pointer-events:none;transition:opacity 1s ease}.ritual-glow.pulse{animation:glow-pulse 1.5s ease-in-out forwards}@keyframes glow-pulse{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(1)}}.ritual-sparkles{position:absolute;inset:0;pointer-events:none;z-index:5}.ritual-sparkle{position:absolute;width:8px;height:8px;background:gold;border-radius:50%;animation:sparkle-float 2.5s ease-in-out infinite;box-shadow:0 0 8px 2px #ffd70099}@keyframes sparkle-float{0%,to{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1;transform:translateY(-10px) scale(1)}80%{opacity:.8;transform:translateY(-30px) scale(.8)}}.ritual-content{position:relative;z-index:10}.ritual-cat-container{position:relative;transition:filter .5s ease}.ritual-cat-container.glowing{filter:drop-shadow(0 0 20px rgba(255,220,150,.5));animation:cat-glow 1s ease-out forwards}@keyframes cat-glow{0%{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 30px rgba(255,220,150,.7))}to{filter:drop-shadow(0 0 20px rgba(255,220,150,.4))}}.new-item-badge{position:absolute;top:-10px;right:-10px;background:#ffd764e6;color:#4a3a2a;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;animation:badge-appear .5s ease-out forwards;box-shadow:0 2px 8px #0003}@keyframes badge-appear{0%{opacity:0;transform:scale(.5) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.new-item-label{text-transform:capitalize}.ritual-reflection{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease;text-align:center;padding:16px}.ritual-reflection.visible{opacity:1;transform:translateY(0)}.reflection-text{font-size:1.15rem;color:#ffffffe6;font-style:italic;margin:0;line-height:1.5}.ritual-continue{opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;position:relative;overflow:hidden}.ritual-continue.visible{opacity:1;transform:translateY(0)}.ritual-continue .button-fill{position:absolute;left:0;top:0;bottom:0;background:#fff3;transition:width .03s linear;pointer-events:none}.ritual-continue .button-text{position:relative;z-index:1}.ritual-continue.arming{cursor:wait;opacity:.7}.ritual-continue.armed{animation:button-ready .3s ease-out}.ritual-continue.armed .button-fill{background:#82c99a4d}@keyframes button-ready{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.visitor-vignette{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;animation:vignette-appear .8s ease-out forwards}@keyframes vignette-appear{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.vignette-entrance{animation:entrance-bounce .6s ease-out forwards}@keyframes entrance-bounce{0%{transform:translate(-50px) scale(.8);opacity:0}60%{transform:translate(10px) scale(1.05);opacity:1}to{transform:translate(0) scale(1);opacity:1}}.vignette-message{font-size:1rem;color:#ffffffd9;font-style:italic;margin:0;text-align:center;animation:message-fade-in .5s ease-out .3s forwards}@keyframes message-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.bubbah-vignette .vignette-entrance,.bashee-vignette .vignette-entrance{animation-delay:.1s;animation-fill-mode:forwards}.interaction-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#fffffff2;color:#4a3a2a;padding:10px 20px;border-radius:20px;font-size:.9rem;font-style:italic;box-shadow:0 4px 16px #00000026;animation:toast-appear .3s ease-out,toast-fade .3s ease-in 1.7s forwards;z-index:100}@keyframes toast-appear{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-fade{0%{opacity:1}to{opacity:0}}.action-variant-1{animation:action-bounce .4s ease-out}.action-variant-2{animation:action-wobble .5s ease-out}.action-variant-3{animation:action-pulse .4s ease-out}@keyframes action-bounce{0%{transform:scale(1)}40%{transform:scale(1.15) translateY(-5px)}to{transform:scale(1)}}@keyframes action-wobble{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes action-pulse{0%{filter:brightness(1)}50%{filter:brightness(1.2)}to{filter:brightness(1)}}.visitors-interactive{display:flex;justify-content:center;gap:16px}.visitor-button{background:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:opacity .2s ease,transform .2s ease}.visitor-button:disabled{cursor:default}.visitor-button.can-interact{opacity:1}.visitor-button.can-interact:hover{transform:scale(1.05)}.visitor-button.can-interact:active{transform:scale(.98)}.visitor-toast{background:#fff5e6f2}.daily-note-container{text-align:center;padding:8px 16px}.streak-acknowledgement{font-size:.95rem;color:#ffd782f2;margin:12px 0 0;font-style:italic;animation:streak-fade-in .5s ease-out .3s forwards;opacity:0}@keyframes streak-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.end-of-day-recap{opacity:0;transform:translateY(10px);transition:opacity .4s ease .2s,transform .4s ease .2s;text-align:center;padding:12px}.end-of-day-recap.visible{opacity:1;transform:translateY(0)}.recap-text{font-size:.9rem;color:#ffffffb3;margin:0;font-weight:500}.finish-task-button{margin-top:16px;padding:12px 28px;background:#fffffff2;border:none;border-radius:12px;font-size:1rem;font-weight:600;color:#4a3a2a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #0003;font-family:inherit}.finish-task-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.finish-task-button:active{transform:translateY(0)}.song-icon-playing{animation:song-pulse .8s ease-in-out infinite}@keyframes song-pulse{0%,to{opacity:.8}50%{opacity:1}}.secret-letter-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:letter-overlay-appear .3s ease-out}@keyframes letter-overlay-appear{0%{opacity:0}to{opacity:1}}.secret-letter{width:300px;max-width:100%;background:linear-gradient(145deg,#f5ebe0,#e8dcd0);border-radius:4px;box-shadow:0 8px 32px #0006;padding:28px 24px;animation:letter-unfold .5s ease-out}@keyframes letter-unfold{0%{transform:scale(.8) rotateX(15deg);opacity:0}to{transform:scale(1) rotateX(0);opacity:1}}.secret-letter .letter-content{text-align:center;color:#4a3a2a;font-size:1rem;line-height:1.7}.secret-letter .letter-content p{margin:10px 0}.secret-letter .letter-greeting{font-weight:600;font-size:1.1rem;margin-bottom:14px}.secret-letter .letter-password{font-family:monospace;font-size:1.15rem;font-weight:600;background:#0000000f;padding:8px 16px;border-radius:6px;display:inline-block;margin:12px 0;letter-spacing:.5px}.secret-letter .letter-signature{font-style:italic;color:#6a5a4a;margin-top:16px}.letter-close{display:block;width:100%;margin-top:20px;padding:12px 20px;background:#5a4a3a1a;border:1px solid rgba(90,74,58,.2);border-radius:8px;color:#5a4a3a;font-size:.95rem;font-weight:500;cursor:pointer;font-family:inherit;transition:background .2s ease}.letter-close:hover{background:#5a4a3a26}.secret-envelope-container{position:absolute;top:58%;left:50%;transform:translate(-50%);z-index:20;animation:envelope-appear .6s ease-out forwards}@keyframes envelope-appear{0%{opacity:0;transform:translate(-50%) scale(.8)}60%{opacity:1;transform:translate(-50%) scale(1.05)}to{opacity:1;transform:translate(-50%) scale(1)}}.secret-envelope-closed-wrapper{position:relative;display:inline-block}.envelope-dismiss{position:absolute;top:-8px;right:-8px;width:18px;height:18px;background:#3c3228cc;border:none;border-radius:50%;color:#f5ebe0;font-size:.65rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;transition:background .2s ease}.envelope-dismiss:hover{background:#3c3228}.secret-envelope-closed{position:relative;background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease;animation:envelope-glow 2s ease-in-out infinite}@keyframes envelope-glow{0%,to{filter:drop-shadow(0 0 4px rgba(255,215,100,.4))}50%{filter:drop-shadow(0 0 12px rgba(255,215,100,.8))}}.secret-envelope-closed:hover{transform:scale(1.05)}.secret-envelope-closed:active{transform:scale(.98)}.envelope-body{position:relative;width:50px;height:32px;background:linear-gradient(145deg,#f5ebe0,#e8dcd0);border-radius:2px;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff80}.envelope-flap{position:absolute;top:-1px;left:0;right:0;height:16px;background:linear-gradient(145deg,#ece2d5,#ddd3c5);clip-path:polygon(0 100%,50% 0,100% 100%);border-top-left-radius:2px;border-top-right-radius:2px}.envelope-seal{position:absolute;top:5px;left:50%;transform:translate(-50%);width:20px;height:20px;background:radial-gradient(circle at 30% 30%,#c44536,#8b2500);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:serif;font-size:.5rem;font-weight:700;color:#ffd7c4;text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:0 1px 4px #0006,inset 0 1px 1px #fff3;z-index:2}.cat-container{position:relative;display:flex;flex-direction:column;align-items:center;transition:opacity .3s ease,transform .3s ease;animation:bob 3s ease-in-out infinite}.cat-container.dimmed{opacity:.6}.cat-container.tapped .cat-svg{animation:squash .3s ease}@keyframes squash{0%{transform:scale(1)}50%{transform:scale(1.05,.95)}to{transform:scale(1)}}.cat-svg{width:200px;height:200px}.cat-svg.breathing{animation:breathe 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.cat-svg.cozy{filter:drop-shadow(0 0 10px rgba(255,230,180,.5))}.cat-svg.very-cozy{filter:drop-shadow(0 0 20px rgba(255,230,180,.7))}.cat-svg.finale{filter:drop-shadow(0 0 30px rgba(255,220,150,.9))}.blanket{animation:blanket-appear .5s ease-out}@keyframes blanket-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pillow{animation:pillow-appear .5s ease-out}@keyframes pillow-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.glow{animation:glow-pulse 4s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.3}50%{opacity:.6}}.tail{animation:tail-wag 2s ease-in-out infinite;transform-origin:155px 130px}@keyframes tail-wag{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.cat-name{position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:1.1rem;color:#ffffffe6;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.3);white-space:nowrap}.blush{animation:blush-pulse 1s ease-in-out infinite}@keyframes blush-pulse{0%,to{opacity:.4}50%{opacity:.7}}.zzz-group .zzz{animation:float-zzz 2s ease-in-out infinite}.zzz-group .z1{animation-delay:0s}.zzz-group .z2{animation-delay:.3s}.zzz-group .z3{animation-delay:.6s}@keyframes float-zzz{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.eating-mouth{animation:munch .3s ease-in-out infinite}@keyframes munch{0%,to{ry:3}50%{ry:5}}.crumbs circle{animation:crumb-fall 1.8s ease-out infinite}.crumbs circle:nth-child(1){animation-delay:0s}.crumbs circle:nth-child(2){animation-delay:.4s}.crumbs circle:nth-child(3){animation-delay:.8s}@keyframes crumb-fall{0%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}to{opacity:0;transform:translateY(20px)}}.play-toy{animation:toy-bounce .5s ease-in-out infinite}@keyframes toy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cat-container.action-pet .tail{animation:tail-wag-fast .5s ease-in-out infinite}@keyframes tail-wag-fast{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.cat-container.action-play .cat-svg{animation:play-bounce .3s ease-in-out infinite}@keyframes play-bounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-2deg)}75%{transform:translateY(-3px) rotate(2deg)}}.groom-sparkle{animation:sparkle-twinkle 2s ease-in-out infinite}@keyframes sparkle-twinkle{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.cozy-scene{position:relative;width:100%;max-width:360px;aspect-ratio:4 / 5;border-radius:16px;overflow:hidden}.ambient-overlay{position:absolute;inset:0;pointer-events:none;z-index:15;mix-blend-mode:overlay;opacity:.9}.dust-motes{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.dust-mote{position:absolute;width:3px;height:3px;background:#fff8e699;border-radius:50%;top:100%;animation:dust-float linear infinite;box-shadow:0 0 4px #fff8e64d}@keyframes dust-float{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.8}90%{opacity:.6}to{transform:translateY(-450px) translate(20px);opacity:0}}.room-background{position:absolute;inset:0;overflow:hidden}.room-wall{position:absolute;inset:0 0 35%;background:linear-gradient(180deg,#3d4a5c,#4a5a6c 60%,#5a6a7c)}.room-wall:after{content:"";position:absolute;bottom:0;left:0;right:0;height:8px;background:#7a6a5a}.room-floor{position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(180deg,#8b7b6b,#7a6a5a,#6a5a4a)}.room-floor:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:repeating-linear-gradient(90deg,transparent 0px,transparent 60px,rgba(0,0,0,.05) 60px,rgba(0,0,0,.05) 62px)}.room-window{position:absolute;top:8%;right:12%;width:70px;height:90px}.window-frame{width:100%;height:100%;background:#2a3a4a;border:4px solid #5a4a3a;border-radius:4px 4px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px}.window-pane{background:linear-gradient(135deg,#1a2a3a,#2a3a4a,#3a4a5a);border-radius:2px}.window-moon{position:absolute;top:10px;left:8px;width:24px;height:24px;animation:moon-glow 4s ease-in-out infinite}.window-moon .moon-svg{width:100%;height:100%}@keyframes moon-glow{0%,to{opacity:.9;filter:drop-shadow(0 0 4px #ffeeba)}50%{opacity:1;filter:drop-shadow(0 0 8px #ffeeba)}}.room-banner{position:absolute;top:6%;left:50%;transform:translate(-50%);width:100px;height:35px;animation:banner-sway 6s ease-in-out infinite}.room-banner .banner-svg{width:100%;height:100%}@keyframes banner-sway{0%,to{transform:translate(-50%) rotate(-1deg)}50%{transform:translate(-50%) rotate(1deg)}}.scene-left{position:absolute;left:3%;bottom:32%;width:70px;display:flex;flex-direction:column;align-items:center;gap:8px}.scene-center{position:absolute;left:50%;bottom:18%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.scene-right{position:absolute;right:3%;bottom:32%;width:50px;display:flex;flex-direction:column;align-items:center;gap:8px}.scene-fireplace{position:relative;width:70px;height:80px}.scene-fireplace .fireplace-svg{width:100%;height:100%}.scene-fireplace .fireplace-glow{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:60px;height:40px;background:radial-gradient(ellipse,rgba(255,150,50,.4) 0%,transparent 70%);animation:fire-glow 1.5s ease-in-out infinite;pointer-events:none}@keyframes fire-glow{0%,to{opacity:.7;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.1)}}.fire-base{animation:fire-flicker .8s ease-in-out infinite}.fire-flame1{animation:fire-flicker .6s ease-in-out infinite .1s}.fire-flame2{animation:fire-flicker .7s ease-in-out infinite .2s}.fire-flame3{animation:fire-flicker .5s ease-in-out infinite .15s}@keyframes fire-flicker{0%,to{transform:scaleY(1) scaleX(1)}25%{transform:scaleY(1.08) scaleX(.96)}50%{transform:scaleY(.94) scaleX(1.04)}75%{transform:scaleY(1.04) scaleX(.98)}}.scene-candle{width:30px;height:50px}.scene-candle .candle-svg{width:100%;height:100%}.candle-flame{animation:candle-dance 1.2s ease-in-out infinite;transform-origin:center bottom}@keyframes candle-dance{0%,to{transform:scaleY(1) rotate(0)}25%{transform:scaleY(1.1) rotate(2deg)}50%{transform:scaleY(.95) rotate(-1deg)}75%{transform:scaleY(1.05) rotate(1deg)}}.scene-cushions{position:absolute;bottom:-10px;width:180px;height:50px;z-index:0}.scene-cushions .cushions-svg{width:100%;height:100%}.scene-blanket{position:absolute;bottom:-30px;width:140px;height:60px;z-index:5}.scene-blanket .blanket-svg{width:100%;height:100%}.scene-sparkles{position:absolute;top:-20px;width:80px;height:30px;pointer-events:none}.scene-sparkles .sparkle{position:absolute;width:12px;height:12px}.scene-sparkles .sparkle.s1{left:10%;top:20%;animation:sparkle-twinkle 2s ease-in-out infinite}.scene-sparkles .sparkle.s2{left:50%;top:0;animation:sparkle-twinkle 2s ease-in-out infinite .7s}.scene-sparkles .sparkle.s3{right:10%;top:30%;animation:sparkle-twinkle 2s ease-in-out infinite 1.4s}@keyframes sparkle-twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.scene-lamp{position:relative;width:40px;height:70px}.scene-lamp .lamp-svg{width:100%;height:100%}.scene-lamp .lamp-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:50px;height:40px;background:radial-gradient(ellipse at bottom,rgba(255,240,200,.5) 0%,transparent 70%);pointer-events:none;animation:lamp-pulse 3s ease-in-out infinite}@keyframes lamp-pulse{0%,to{opacity:.6}50%{opacity:.9}}.scene-musicbox{position:relative;width:40px;height:40px;padding:0;border:none;background:transparent;cursor:default}.scene-musicbox.interactive{cursor:pointer;transition:transform .2s ease}.scene-musicbox.interactive:hover:not(:disabled){transform:scale(1.1)}.scene-musicbox.interactive:active:not(:disabled){transform:scale(.95)}.scene-musicbox:disabled{cursor:not-allowed}.scene-musicbox .musicbox-svg{width:100%;height:100%}.scene-musicbox .musicbox-glow{position:absolute;inset:-10px;background:radial-gradient(circle,rgba(255,215,0,.4) 0%,transparent 70%);animation:musicbox-pulse 1.5s ease-in-out infinite;pointer-events:none}@keyframes musicbox-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.scene-musicbox.playing .musicbox-svg{filter:drop-shadow(0 0 6px rgba(255,215,0,.6))}.music-notes{position:absolute;top:-30px;left:50%;width:60px;height:40px;transform:translate(-50%);pointer-events:none}.music-notes .note{position:absolute;width:16px;height:24px;opacity:0}.music-notes .note.n1{left:0;animation:note-float 3s ease-in-out infinite}.music-notes .note.n2{left:22px;width:20px;animation:note-float 3s ease-in-out infinite 1s}.music-notes .note.n3{right:0;animation:note-float 3s ease-in-out infinite 2s}@keyframes note-float{0%{opacity:0;transform:translateY(10px)}20%{opacity:.8;transform:translateY(0)}80%{opacity:.8;transform:translateY(-15px)}to{opacity:0;transform:translateY(-25px)}}.music-notes.active .note{animation:note-float-active 1.5s ease-in-out infinite!important}.music-notes.active .note.n1{animation-delay:0s!important}.music-notes.active .note.n2{animation-delay:.3s!important}.music-notes.active .note.n3{animation-delay:.6s!important}@keyframes note-float-active{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(-30px)}}.scene-treatbowl{width:40px;height:30px}.scene-treatbowl .treatbowl-svg{width:100%;height:100%}.interactive-objects{position:absolute;bottom:4%;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:20}.scene-object{width:60px;height:70px;padding:6px 4px 4px;border:none;border-radius:12px;background:#ffffffd9;box-shadow:0 2px 8px #00000026;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.scene-object:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 4px 12px #0003}.scene-object:active{transform:scale(.95)}.scene-object svg{width:36px;height:36px;flex-shrink:0}.object-label{font-size:.7rem;color:#5a4a3a;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.object-hand:hover{background:#e8c4a0e6}.object-bowl:hover{background:#f0c8a8e6}.object-toy:hover{background:#c38d9ee6}.object-rest:hover{background:#82c99ae6}.visitors-container{display:flex;justify-content:space-between;width:100%;max-width:400px;padding:0 20px;box-sizing:border-box}.visitor{display:flex;flex-direction:column;align-items:center;animation:visitor-appear .5s ease-out}@keyframes visitor-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.visitor-svg{width:80px;height:80px;animation:visitor-bob 4s ease-in-out infinite}.visitor-left .visitor-svg{animation-delay:-1s}.visitor-right .visitor-svg{animation-delay:-2.5s}@keyframes visitor-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.visitor-name{margin-top:4px;font-size:.85rem;color:#ffffffb3;font-weight:500}.app{min-height:100vh;display:flex;flex-direction:column}