@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;700&family=Zeyada&display=swap";:root{--color-cream: #F2F0E9;--color-bean-green: #ACC1AF;--color-twilight-purple: #B5A8B8;--color-text-gray: #5E5E5E;--color-text-light: #8C8C8C;--color-glass: rgba(255, 255, 255, .6);--color-glass-border: rgba(255, 255, 255, .8);--font-serif: "Noto Serif SC", serif;--font-handwriting: "Zeyada", cursive}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-serif);background-color:var(--color-cream);color:var(--color-text-gray);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative}.background-fx{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.breathing-light{position:absolute;width:60vw;height:60vw;background:radial-gradient(circle,#acc1af4d,#f2f0e900 70%);top:-10%;left:20%;animation:breathe 8s ease-in-out infinite alternate}.petals-container{position:absolute;top:0;left:0;width:100%;height:100%}.petal{position:absolute;background:var(--color-twilight-purple);width:10px;height:14px;border-radius:50% 0;opacity:.6;top:-20px;animation:fall linear forwards}.container{width:100%;max-width:600px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:60px}.hero{text-align:center;margin-top:60px;opacity:0;animation:fadeIn 2s ease-out forwards}.hero h1{font-family:var(--font-handwriting);font-size:2.5rem;color:var(--color-text-gray);line-height:1.4;margin-bottom:10px}.soul{width:100%;position:relative;opacity:0;animation:slideUp 1.5s ease-out .5s forwards}.glass-card{background:var(--color-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-glass-border);border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000000d;position:relative}.glass-card h2{font-weight:300;font-size:1.2rem;margin-bottom:24px;color:var(--color-bean-green);text-align:center;letter-spacing:2px}.letter-content{font-size:1rem;line-height:2;color:var(--color-text-gray);white-space:pre-wrap;text-align:justify}.placeholder-text{color:var(--color-text-light);font-style:italic;text-align:center}.teacher-touch{width:100%;display:flex;justify-content:flex-end;opacity:0;animation:fadeIn 2s ease-out 1s forwards}.lesson-note{background:#fff;padding:15px 25px;border-left:3px solid var(--color-twilight-purple);box-shadow:2px 2px 10px #00000008;font-family:var(--font-handwriting);font-size:1.1rem;transform:rotate(-2deg);max-width:200px}.interaction{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:60px;opacity:0;animation:fadeIn 2s ease-out 1.5s forwards}.poodle-icon{width:80px;height:80px;object-fit:contain;margin-bottom:10px;opacity:.8;transition:transform .3s ease}.poodle-icon:hover{transform:scale(1.05) rotate(5deg)}.photo-stack{position:relative;width:260px;height:320px;margin:20px 100px 40px 0;display:flex;justify-content:center;align-items:center}.stack-pic{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 4px 15px #00000026;transition:all .4s cubic-bezier(.25,.8,.25,1);border:4px solid #fff;cursor:pointer}.stack-pic:nth-child(1){transform:rotate(-10deg) translate(-10px);z-index:1}.stack-pic:nth-child(2){transform:rotate(4deg) translateY(-5px);z-index:2}.stack-pic:nth-child(3){transform:rotate(-2deg) translate(5px);z-index:3}.stack-pic:hover{transform:scale(1.15) rotate(0)!important;z-index:100;box-shadow:0 15px 30px #00000040}.action-btn{background:var(--color-bean-green);color:#fff;border:none;padding:12px 30px;border-radius:50px;font-family:var(--font-serif);font-size:1rem;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #acc1af66}.action-btn:hover{background:#9ab09d;transform:translateY(-2px);box-shadow:0 6px 20px #acc1af80}.hidden-message{height:0;overflow:hidden;transition:height .5s ease;text-align:center;color:var(--color-twilight-purple);font-weight:700}.hidden-message.visible{height:40px}@keyframes breathe{0%{transform:scale(1);opacity:.3}to{transform:scale(1.1);opacity:.5}}@keyframes fall{0%{transform:translateY(-20px) rotate(0);opacity:0}20%{opacity:.8}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.music-control{position:fixed;top:20px;right:20px;width:40px;height:40px;background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;color:var(--color-twilight-purple);box-shadow:0 4px 10px #0000000d;transition:all .3s ease}.music-control:hover{transform:scale(1.1);background:#fffc}.music-control.playing{animation:spin 4s linear infinite;color:var(--color-bean-green)}.music-control.stopped{opacity:.7}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.hero h1{font-size:2rem}.glass-card{padding:30px 20px}}