@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--bg-color:#f7f5f2;--text-color:#2b2e33;--text-muted:#5e6267;--accent:#b28a6f;--accent-soft:#b28a6f14;--card-bg:#fff;--border-color:#0000000d;--shadow-color:#00000008;--font-title:"Playfair Display", serif;--font-body:"Inter", sans-serif;--font-quote:"Cormorant Garamond", serif}body.theme-1{--bg-color:#f7f5f2;--text-color:#2b2e33;--text-muted:#5e6267;--accent:#b28a6f;--accent-soft:#b28a6f14;--card-bg:#fff}body.theme-2{--bg-color:#f4f0eb;--text-color:#2b2e33;--text-muted:#5e6267;--accent:#a37c63;--accent-soft:#a37c6314;--card-bg:#fff}body.theme-3{--bg-color:#e5e5e5;--text-color:#383b40;--text-muted:#6e737a;--accent:#787d85;--accent-soft:#787d8514;--card-bg:#f0f0f0;--border-color:#00000012}body.theme-4{--bg-color:#ebe7e0;--text-color:#2b2e33;--text-muted:#5e6267;--accent:#a37c63;--accent-soft:#a37c6314;--card-bg:#fff}body.theme-5{--bg-color:#121416;--text-color:#eae9e6;--text-muted:#a0a4a8;--accent:#dfcdb4;--accent-soft:#dfcdb41f;--card-bg:#1c1f22;--border-color:#ffffff0f;--shadow-color:#00000040}body.theme-6{--bg-color:#0d0f10;--text-color:#e4e3df;--text-muted:#94989d;--accent:#dfcdb4;--accent-soft:#dfcdb41f;--card-bg:#16181a;--border-color:#ffffff0d;--shadow-color:#0000004d}body.theme-7{--bg-color:#0b0c0e;--text-color:#eae9e5;--text-muted:#8e9196;--accent:#dfcdb4;--accent-soft:#dfcdb41f;--card-bg:#141618;--border-color:#ffffff0a;--shadow-color:#00000059}body.theme-8{--bg-color:#0a0b0d;--text-color:#e5e4e0;--text-muted:#8d9095;--accent:#dfcdb4;--accent-soft:#dfcdb41f;--card-bg:#131517;--border-color:#ffffff0a;--shadow-color:#00000059}body.theme-9{--bg-color:#0e0d0c;--text-color:#eae7e2;--text-muted:#9b9790;--accent:#e5c39e;--accent-soft:#e5c39e1f;--card-bg:#171513;--border-color:#ffffff0d;--shadow-color:#00000059}body.theme-10{--bg-color:#0c0e10;--text-color:#eae9e5;--text-muted:#8e9297;--accent:#e5bfa7;--accent-soft:#e5bfa71f;--card-bg:#151719;--border-color:#ffffff0d;--shadow-color:#00000059}body.theme-11{--bg-color:#080a0c;--text-color:#e5e8eb;--text-muted:#858c94;--accent:#c4cbd4;--accent-soft:#c4cbd41a;--card-bg:#111316;--border-color:#ffffff0a;--shadow-color:#0006}body.theme-12{--bg-color:#06070a;--text-color:#e2e4e8;--text-muted:#808691;--accent:#b0b9c8;--accent-soft:#b0b9c81a;--card-bg:#0f1115;--border-color:#ffffff0a;--shadow-color:#00000073}body.theme-13{--bg-color:#0d0c0b;--text-color:#eae6e1;--text-muted:#9c9790;--accent:#d2bc9e;--accent-soft:#d2bc9e1a;--card-bg:#171513;--border-color:#ffffff0d;--shadow-color:#0006}body.theme-14{--bg-color:#050608;--text-color:#e0e4e8;--text-muted:#7e848f;--accent:#a5b0c0;--accent-soft:#a5b0c01a;--card-bg:#0d0f12;--border-color:#ffffff0a;--shadow-color:#00000073}body.theme-15{--bg-color:#f7f4ed;--text-color:#322d29;--text-muted:#6e6761;--accent:#b27c59;--accent-soft:#b27c5914;--card-bg:#fff;--border-color:#0000000f;--shadow-color:#00000008;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-16{--bg-color:#fbf9f2;--text-color:#322c27;--text-muted:#6e645a;--accent:#b27c59;--accent-soft:#b27c5914;--card-bg:#fff;--border-color:#0000000f;--shadow-color:#00000008;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-17{--bg-color:#f2f6fa;--text-color:#2c3035;--text-muted:#5e6670;--accent:#789bc2;--accent-soft:#789bc214;--card-bg:#fff;--border-color:#0000000d;--shadow-color:#00000005;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-18{--bg-color:#faf4f4;--text-color:#382525;--text-muted:#6e5858;--accent:#b25959;--accent-soft:#b2595914;--card-bg:#fff;--border-color:#0000000d;--shadow-color:#00000005;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-19{--bg-color:#fafbf7;--text-color:#2d382a;--text-muted:#5e6b5c;--accent:#7ca874;--accent-soft:#7ca87414;--card-bg:#fff;--border-color:#0000000d;--shadow-color:#00000005;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-20{--bg-color:#f2f7f9;--text-color:#242f35;--text-muted:#56646d;--accent:#78a3b5;--accent-soft:#78a3b514;--card-bg:#fff;--border-color:#0000000d;--shadow-color:#00000005;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-21{--bg-color:#f0faf9;--text-color:#1a3532;--text-muted:#4e6b67;--accent:#4fa89b;--accent-soft:#4fa89b14;--card-bg:#fff;--border-color:#0000000d;--shadow-color:#00000005;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-22{--bg-color:#f0f7fc;--text-color:#172a3a;--text-muted:#506a7f;--accent:#0077b6;--accent-soft:#0077b614;--card-bg:#fff;--border-color:#0000000d;--shadow-color:#00000005;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-23{--bg-color:#fff0f0;--text-color:#3d2d2d;--text-muted:#6e5c5c;--accent:#d27d7d;--accent-soft:#d27d7d14;--card-bg:#fff;--border-color:#0000000a;--shadow-color:#00000005;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-24{--bg-color:#f0f2f5;--text-color:#2d333d;--text-muted:#5c626e;--accent:#7d8fa3;--accent-soft:#7d8fa314;--card-bg:#fff;--border-color:#0000000a;--shadow-color:#00000005;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-25{--bg-color:#faf6f0;--text-color:#2d2722;--text-muted:#5c544e;--accent:#9e7a5c;--accent-soft:#9e7a5c14;--card-bg:#fff;--border-color:#0000000a;--shadow-color:#00000005;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-26{--bg-color:#faf9f6;--text-color:#2d2b2a;--text-muted:#5e5a58;--accent:#c29b78;--accent-soft:#c29b7814;--card-bg:#fff;--border-color:#0000000a;--shadow-color:#00000005;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-27{--bg-color:#f2faf9;--text-color:#243533;--text-muted:#566d6a;--accent:#78b5ac;--accent-soft:#78b5ac14;--card-bg:#fff;--border-color:#0000000a;--shadow-color:#00000005;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-28{--bg-color:#0b0e14;--text-color:#e2e6ee;--text-muted:#8a97a8;--accent:#d69e9e;--accent-soft:#d69e9e1f;--card-bg:#131720;--border-color:#ffffff0d;--shadow-color:#0006;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-29{--bg-color:#faf4ee;--text-color:#382b21;--text-muted:#6e5b4f;--accent:#d28f54;--accent-soft:#d28f5414;--card-bg:#fff;--border-color:#0000000a;--shadow-color:#00000005;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-30{--bg-color:#1a1525;--text-color:#e2ddf0;--text-muted:#8e87a5;--accent:#e5c060;--accent-soft:#e5c0601f;--card-bg:#221b30;--border-color:#ffffff0d;--shadow-color:#00000059;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-31{--bg-color:#fcfaf5;--text-color:#3c352d;--text-muted:#6e655c;--accent:#d29b54;--accent-soft:#d29b5414;--card-bg:#fff;--border-color:#0000000d;--shadow-color:#00000005;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-32{--bg-color:#352f2a;--text-color:#f4efea;--text-muted:#a3968c;--accent:#d29b54;--accent-soft:#d29b541a;--card-bg:#231f1c;--border-color:#d29b5426;--shadow-color:#0000004d;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-33{--bg-color:#302a24;--text-color:#f6f0ea;--text-muted:#a89d93;--accent:#d49d5e;--accent-soft:#d49d5e1a;--card-bg:#201a15;--border-color:#d49d5e26;--shadow-color:#0006;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-34{--bg-color:#faf2f2;--text-color:#3d2d2d;--text-muted:#7e6c6c;--accent:#d27d7d;--accent-soft:#d27d7d14;--card-bg:#fff;--border-color:#d27d7d26;--shadow-color:#00000008;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-35{--bg-color:#faf9f2;--text-color:#3c352d;--text-muted:#6e655c;--accent:#d29b54;--accent-soft:#d29b5414;--card-bg:#fff;--border-color:#0000000d;--shadow-color:#00000005;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-36{--bg-color:#f0f4fa;--text-color:#2b333e;--text-muted:#5c6674;--accent:#789bc2;--accent-soft:#789bc214;--card-bg:#fff;--border-color:#789bc226;--shadow-color:#00000008;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}body.theme-37,body.theme-38{--bg-color:#090a0f;--text-color:#fff;--text-muted:#fff9;--accent:#e5c060;--accent-soft:#e5c0601f;--card-bg:#121526;--border-color:#ffffff26;--shadow-color:#0006;transition:background-color 3.5s cubic-bezier(.25,1,.5,1),color 3.5s cubic-bezier(.25,1,.5,1)!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning-vinyl{animation:8s linear infinite spin}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);flex-direction:column;height:100vh;line-height:1.6;transition:background-color 1.5s cubic-bezier(.25,1,.5,1),color 1.5s cubic-bezier(.25,1,.5,1);display:flex;overflow:hidden}#root{flex-direction:column;width:100%;height:100vh;display:flex}.book-container{z-index:1000;perspective:2000px;background-color:#1a1816;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;transition:opacity 1.5s,transform 1.5s,visibility 1.5s;display:flex;position:fixed;top:0;left:0}.book-container.fade-out{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.05)}.book{width:320px;height:460px;transform-style:preserve-3d;cursor:pointer;transition:transform 2s cubic-bezier(.25,1,.5,1);position:relative;transform:rotateX(15deg)rotateY(-10deg);box-shadow:0 30px 60px #0006}.book:hover{transform:rotateX(15deg)rotateY(-20deg)scale(1.02)}.book.open{transform:rotateX(10deg)rotateY(15deg)translate(150px)scale(.95)}.book-cover{color:#dfcdb4;transform-origin:0;width:100%;height:100%;transform-style:preserve-3d;z-index:5;border-radius:4px 12px 12px 4px;transition:transform 2.8s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0}.book-cover-front{box-sizing:border-box;backface-visibility:hidden;z-index:2;background:linear-gradient(135deg,#32251e,#1c1410);border-radius:4px 12px 12px 4px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:50px 30px;display:flex;position:absolute;top:0;left:0;box-shadow:inset 3px 0 10px #0009,5px 0 15px #0000004d}.book-cover-front:before{content:"";pointer-events:none;border:1px dashed #dfcdb440;border-radius:2px 8px 8px 2px;position:absolute;inset:15px}.book-cover-back{color:#2b2e33;backface-visibility:hidden;z-index:1;background:#fbf9f6;border-radius:12px 4px 4px 12px;width:100%;height:100%;position:absolute;top:0;left:0;transform:rotateY(180deg);box-shadow:inset 0 0 15px #00000026}.book-emboss-frame{text-align:center;background:#0000000d;border:1px solid #dfcdb466;border-radius:4px;width:100%;padding:20px 10px}.book-title{font-family:var(--font-title);letter-spacing:3px;color:#dfcdb4;text-shadow:0 2px 4px #0009;margin-bottom:5px;font-size:2.2rem;font-weight:500}.book-subtitle{font-family:var(--font-quote);color:#dfcdb4b3;font-size:1.1rem;font-style:italic}.book-ornament{color:#dfcdb466;margin-top:15px;font-size:1.5rem}.book-footer{font-family:var(--font-body);text-transform:uppercase;letter-spacing:2px;color:#dfcdb480;font-size:.75rem}.book-spine{transform-origin:0;background:#1c1410;width:24px;height:100%;position:absolute;top:0;left:0;transform:rotateY(-90deg)}.book.open .book-cover{transform:rotateY(-180deg)}.book-pages{z-index:1;box-sizing:border-box;text-align:center;background:#fbf9f6;border-radius:2px 8px 8px 2px;flex-direction:column;justify-content:center;align-items:center;width:97%;height:96%;padding:20px 15px;display:flex;position:absolute;top:2%;left:1.5%;box-shadow:inset 0 0 15px #00000026,3px 3px 10px #0000001a}.book-pages-content h3{font-family:var(--font-title);color:#4a3e3d;margin-bottom:10px;font-size:1.5rem}.book-pages-content p{font-family:var(--font-quote);color:#7c7270;font-size:1.1rem;font-style:italic}.intro-hint{font-family:var(--font-quote);color:#dfcdb499;text-align:center;pointer-events:none;max-width:300px;margin-top:40px;font-size:1.1rem;font-style:italic;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.9}}#app{opacity:0;z-index:10;flex-direction:column;justify-content:space-between;width:100%;height:100vh;transition:opacity 1.5s;display:flex;position:relative}#app.visible{opacity:1}header{z-index:50;flex-direction:column;align-items:center;padding:30px 40px 20px;display:flex;position:relative}.brand-logo{font-family:var(--font-title);letter-spacing:4px;text-transform:uppercase;-webkit-user-select:none;user-select:none;margin-bottom:12px;font-size:1.4rem;font-weight:500;transition:color 1.5s}.progress-bar-container{background-color:var(--border-color);border-radius:1px;width:100%;max-width:320px;height:2px;transition:background-color 1.5s;overflow:hidden}.progress-bar{background-color:var(--accent);border-radius:1px;height:100%;transition:width .8s cubic-bezier(.25,1,.5,1),background-color 1.5s}.dot-navigation{z-index:100;flex-direction:column;gap:16px;display:flex;position:fixed;top:50%;right:40px;transform:translateY(-50%)}.nav-dot{background-color:var(--text-color);opacity:.2;cursor:pointer;border-radius:50%;width:8px;height:8px;transition:opacity .3s,transform .3s,background-color 1.5s;position:relative}.nav-dot:hover{opacity:.6;transform:scale(1.3)}.nav-dot.active{opacity:1;background-color:var(--accent);transform:scale(1.4)}.nav-dot:after{content:attr(data-title);font-family:var(--font-body);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-color);opacity:0;pointer-events:none;white-space:nowrap;font-size:.7rem;transition:opacity .3s,transform .3s;position:absolute;top:50%;right:20px;transform:translateY(-50%)translate(10px)}.nav-dot:hover:after{opacity:.7;transform:translateY(-50%)translate(0)}.steps-wrapper{flex-grow:1;justify-content:center;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex;position:relative;overflow:hidden}.step{opacity:0;pointer-events:none;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px 80px 45px;transition:opacity 1.2s cubic-bezier(.25,1,.5,1),transform 1.2s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;transform:translateY(60px)rotate(1.5deg)scale(.96)}.step.active{opacity:1;pointer-events:all;z-index:10;transform:translateY(0)rotate(0)scale(1)}.step.previous{opacity:0;pointer-events:none;transform:translateY(-60px)rotate(-1.5deg)scale(.96)}.content-grid{grid-template-columns:1fr 1fr;align-items:center;gap:50px;width:100%;max-width:960px;display:grid}.text-side{flex-direction:column;justify-content:center;display:flex}.step-tag{font-family:var(--font-body);letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:.72rem;font-weight:500;transition:color 1.5s}.step-heading{font-family:var(--font-title);margin-bottom:25px;font-size:2.6rem;font-weight:500;line-height:1.25;transition:color 1.5s}.step-paragraph{color:var(--text-muted);margin-bottom:30px;font-size:.95rem;font-weight:400;line-height:1.8;transition:color 1.5s}.polaroid-frame{background-color:var(--card-bg);box-shadow:0 10px 25px var(--shadow-color), 0 1px 3px #00000008;border:1px solid var(--border-color);border-radius:2px;width:100%;padding:10px 10px 24px;transition:transform .6s cubic-bezier(.25,1,.5,1),background-color 1.5s,border-color 1.5s,box-shadow 1.5s;position:relative}.polaroid-frame:hover{box-shadow:0 15px 35px #00000014;transform:rotate(0)scale(1.03)!important}.polaroid-frame:before{content:"";-webkit-backdrop-filter:blur(1.5px);z-index:10;pointer-events:none;background-color:#ffffff38;border-left:1px dashed #0000000f;border-right:1px dashed #0000000f;width:80px;height:22px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 1px 2px #00000003}body.theme-5 .polaroid-frame:before{background-color:#ffffff14;border-color:#ffffff1a}.polaroid-img-wrapper{aspect-ratio:1;background-color:#eae6df;border-radius:1px;width:100%;position:relative;overflow:hidden}.polaroid-img{object-fit:cover;filter:contrast(.96)sepia(.12)saturate(.92);width:100%;height:100%;transition:transform .8s}.polaroid-frame:hover .polaroid-img{transform:scale(1.04)}.polaroid-caption{font-family:var(--font-quote);text-align:center;color:var(--text-muted);margin-top:12px;font-size:1.15rem;font-style:italic;transition:color 1.5s}.characters-container{grid-template-columns:repeat(2,1fr);align-items:start;gap:50px;width:100%;max-width:960px;display:grid}.character-card{text-align:center;flex-direction:column;align-items:center;display:flex}.character-desc-box{background-color:#b28a6f05;border:1px solid #b28a6f14;border-radius:8px;max-width:290px;margin-top:12px;padding:12px 16px;transition:all 1.5s;box-shadow:inset 0 0 10px #b28a6f03,0 2px 8px #00000003}body.theme-5 .character-desc-box{background-color:#dfcdb408;border-color:#dfcdb41a}.memories-grid{grid-template-columns:repeat(2,1fr);gap:40px;width:100%;max-width:920px;display:grid}.memory-card{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 10px 25px var(--shadow-color);border-radius:2px;flex-direction:column;padding:14px 14px 28px;transition:transform .5s cubic-bezier(.25,1,.5,1),box-shadow .5s,background-color 1.5s,border-color 1.5s;display:flex;position:relative}.memory-card:first-child{transform:rotate(-1.5deg)}.memory-card:nth-child(2){transform:rotate(1.5deg)}.memory-card:hover{box-shadow:0 15px 35px #00000014;transform:translateY(-6px)rotate(0)scale(1.02)!important}.memory-card:before{content:"";-webkit-backdrop-filter:blur(1.5px);z-index:10;pointer-events:none;background-color:#ffffff38;border-left:1px dashed #0000000f;border-right:1px dashed #0000000f;width:80px;height:22px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(2deg)}.memory-card:first-child:before{transform:translate(-50%)rotate(-3deg)}body.theme-5 .memory-card:before{background-color:#ffffff14;border-color:#ffffff1a}.memory-img-wrapper{background-color:#eae5df;width:100%;height:200px;overflow:hidden}.memory-img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.memory-card:hover .memory-img{transform:scale(1.05)}.memory-content{padding:20px 5px 0}.memory-date{font-family:var(--font-body);letter-spacing:2px;color:var(--accent);text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:500;display:block}.memory-title{font-family:var(--font-title);margin-bottom:10px;font-size:1.35rem;font-weight:500}.memory-desc{color:var(--text-muted);font-size:.88rem;font-weight:300;line-height:1.6}.step-3 .polaroid-frame{filter:grayscale(.7);transform:rotate(1.5deg)}.step-3 .polaroid-frame:hover{filter:grayscale(.15);transform:rotate(-.5deg)scale(1.03)!important}.letter-container{background-color:var(--card-bg);border:1px solid var(--border-color);width:100%;max-width:650px;box-shadow:0 25px 50px var(--shadow-color), 0 1px 3px #00000008;box-sizing:border-box;border-radius:4px;padding:55px 65px;transition:background-color 1.5s,border-color 1.5s,box-shadow 1.5s;position:relative;transform:rotate(-.5deg)}.letter-container:before{content:"";pointer-events:none;opacity:.5;background:linear-gradient(#00000003 1px,#0000 1px) 0 0/100% 28px;border-radius:4px;position:absolute;inset:0}.letter-container:after{content:"❀";color:#fff;pointer-events:none;background-color:#b28a6fd1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;transition:background-color 1.5s,box-shadow 1.5s;display:flex;position:absolute;bottom:35px;right:55px;transform:rotate(-10deg);box-shadow:0 3px 8px #b28a6f59,inset 0 2px 4px #ffffff40}body.theme-5 .letter-container:after{background-color:#dfcdb4d9;box-shadow:0 3px 8px #00000059,inset 0 2px 4px #fff3}.letter-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;transition:border-color 1.5s;display:flex}.letter-date{font-family:var(--font-quote);color:var(--text-muted);font-size:1.1rem;font-style:italic}.letter-salutation{font-family:var(--font-title);font-size:1.5rem;font-weight:500}.letter-body{font-family:var(--font-quote);color:var(--text-color);text-align:justify;margin-bottom:35px;font-size:1.32rem;line-height:1.85;transition:color 1.5s}.letter-signature{font-family:var(--font-quote);text-align:right;color:var(--accent);padding-right:60px;font-size:1.25rem;font-style:italic;transition:color 1.5s}#particles-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.closing-content{z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:600px;height:100%;display:flex;position:relative}.closing-quote{font-family:var(--font-quote);color:var(--accent);margin-bottom:40px;font-size:2.2rem;font-style:italic;font-weight:300;line-height:1.55;transition:color 1.5s;animation:1.8s cubic-bezier(.25,1,.5,1) forwards floatUp}@keyframes floatUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.custom-audio-player{-webkit-backdrop-filter:blur(12px);background:#1c1f22a6;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:15px;width:100%;max-width:360px;margin-top:20px;padding:10px 15px 10px 10px;animation:2.2s cubic-bezier(.25,1,.5,1) forwards floatUp;display:flex;box-shadow:0 10px 30px #0006}.audio-control-btn{background-color:var(--accent);cursor:pointer;color:#121416;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .3s,transform .2s;display:flex}.audio-control-btn:hover{background-color:#e9dac6;transform:scale(1.05)}.audio-control-btn svg{fill:currentColor;width:18px;height:18px}.audio-info{flex-direction:column;flex-grow:1;justify-content:center;display:flex;overflow:hidden}.audio-title{font-family:var(--font-body);color:#eae9e6;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.audio-subtitle{font-family:var(--font-body);color:#a0a4a8;margin-top:2px;font-size:.7rem}.audio-wave{align-items:flex-end;gap:3px;height:15px;padding-right:5px;display:flex}.wave-bar{background-color:var(--accent);border-radius:1px;width:2px;height:3px;transition:height .3s}.custom-audio-player.playing .wave-bar{animation:1.2s ease-in-out infinite alternate bounceWave}.custom-audio-player.playing .wave-bar:nth-child(2){animation-delay:.15s}.custom-audio-player.playing .wave-bar:nth-child(3){animation-delay:.3s}.custom-audio-player.playing .wave-bar:nth-child(4){animation-delay:.45s}@keyframes bounceWave{0%{height:3px}to{height:15px}}footer{z-index:50;justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin:0 auto;padding:30px 40px 40px;display:flex;position:relative}.footer-btn{font-family:var(--font-body);letter-spacing:2px;text-transform:uppercase;cursor:pointer;color:var(--text-color);background:0 0;border:none;align-items:center;gap:8px;font-size:.8rem;font-weight:500;transition:opacity .3s,transform .3s,color 1.5s;display:flex}.footer-btn:hover{opacity:.7}.footer-btn-next{background-color:var(--accent-soft);border:1px solid var(--accent);color:var(--text-color);border-radius:50px;padding:12px 28px;transition:all .5s cubic-bezier(.25,1,.5,1),color 1.5s}.footer-btn-next:hover{background-color:var(--accent);opacity:1;transform:translateY(-2px);color:var(--bg-color)!important}.footer-btn.hidden{opacity:0;pointer-events:none;visibility:hidden}@media (width<=900px){.content-grid{text-align:center;grid-template-columns:1fr;gap:40px}.characters-container{grid-template-columns:1fr;justify-items:center;gap:25px;max-height:50vh;padding-right:5px;overflow-y:auto}.image-side{order:-1}.polaroid-frame{max-width:250px;margin:0 auto}.step{padding:20px 40px}.step-heading{font-size:2rem}.memories-grid{grid-template-columns:1fr;justify-items:center;gap:20px;max-height:48vh;padding-right:5px;overflow-y:auto}.memory-card{max-width:280px;transform:rotate(0)!important}.memory-img-wrapper{height:150px}.letter-container{padding:35px 30px}.letter-body{font-size:1.12rem;line-height:1.7}.dot-navigation{right:15px}.nav-dot:after{display:none}.closing-quote{font-size:1.6rem}}@media (width<=480px){header,footer{padding:20px}.step{padding:10px 25px}.book{width:260px;height:380px}.book-title{font-size:1.7rem}}.story-disclaimer-wrapper{border-top:1px double #b28a6f40;border-bottom:1px double #b28a6f40;width:100%;max-width:680px;margin:8px auto 4px;padding:4px 0;transition:border-color 1.5s}body.theme-5 .story-disclaimer-wrapper{border-color:#dfcdb433}.story-disclaimer{font-family:var(--font-quote);color:var(--accent);text-align:center;max-width:620px;margin:0 auto;padding:6px 30px;font-size:1.05rem;font-style:italic;line-height:1.7;transition:color 1.5s;position:relative}.story-disclaimer:before,.story-disclaimer:after{font-family:var(--font-title);color:#b28a6f1f;pointer-events:none;font-size:2.8rem;font-style:normal;line-height:1;transition:color 1.5s;position:absolute}body.theme-5 .story-disclaimer:before,body.theme-5 .story-disclaimer:after{color:#dfcdb426}.story-disclaimer:before{content:"“";top:-10px;left:5px}.story-disclaimer:after{content:"”";bottom:-25px;right:5px}@media (width<=768px){.story-disclaimer-wrapper{max-width:90%;margin:10px auto}.story-disclaimer{padding:8px 25px;font-size:.95rem}.story-disclaimer:before{top:-5px;left:0}.story-disclaimer:after{bottom:-20px;right:0}}.story-scroll-container{max-height:320px;margin-bottom:10px;padding-right:15px;overflow-y:auto}.story-scroll-container::-webkit-scrollbar{width:4px}.story-scroll-container::-webkit-scrollbar-track{background:#00000005}.story-scroll-container::-webkit-scrollbar-thumb{background:var(--accent);opacity:.3;border-radius:2px}.story-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--text-color)}#step-4{background-image:linear-gradient(#ebe7e0f0,#ebe7e0f0),url(/a%C5%9Fk.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #0000000a;border-radius:16px;box-shadow:inset 0 0 40px #00000005}#step-5{background-image:radial-gradient(circle,#1c1f2273 0%,#121416eb 100%);border:1px solid #ffffff05;border-radius:16px}#step-6{background-image:radial-gradient(circle,#16181a80 0%,#0d0f10f2 100%);border:1px solid #ffffff05;border-radius:16px}#step-7{background-image:radial-gradient(circle,#14161880 0%,#0b0c0ef2 100%);border:1px solid #ffffff05;border-radius:16px}#step-8{background-image:radial-gradient(circle,#13151780 0%,#0a0b0df2 100%);border:1px solid #ffffff05;border-radius:16px}#step-9{background-image:radial-gradient(circle,#2e261c66 0%,#0e0d0cf2 100%);border:1px solid #ffffff05;border-radius:16px}#step-10{background-image:radial-gradient(circle,#15171980 0%,#0c0e10f2 100%);border:1px solid #ffffff05;border-radius:16px}#step-11{background-image:radial-gradient(circle,#10161c80 0%,#080a0cf5 100%);border:1px solid #ffffff05;border-radius:16px}#step-12{background-image:radial-gradient(circle,#0a0f168c 0%,#06070af7 100%);border:1px solid #ffffff05;border-radius:16px}#step-13{background-image:radial-gradient(circle,#26201b73 0%,#0d0c0bf5 100%);border:1px solid #ffffff05;border-radius:16px}#step-14{background-image:radial-gradient(circle,#0e141a80 0%,#050608fa 100%);border:1px solid #ffffff05;border-radius:16px}#step-15{background-image:radial-gradient(circle,#fffdf8f0 0%,#f6f3ebfa 100%);border:1px solid #0000000a;border-radius:16px}#step-16{background-image:radial-gradient(circle,#fffdf6f5 0%,#f8f3e7fa 100%);border:1px solid #0000000a;border-radius:16px}#step-17{background-image:radial-gradient(circle,#f0f7fff2 0%,#fdf9f2fa 100%);border:1px solid #00000008;border-radius:16px}#step-18{background-image:radial-gradient(circle,#fff2f2f2 0%,#fdf7f2fa 100%);border:1px solid #00000008;border-radius:16px}#step-19{background-image:radial-gradient(circle,#f5fcf2f2 0%,#fdfbf5fa 100%);border:1px solid #00000008;border-radius:16px}#step-20{background-image:radial-gradient(circle,#f0f8faf2 0%,#fcfaf5fa 100%);border:1px solid #00000008;border-radius:16px}#step-21{background-image:radial-gradient(circle,#ebfaf8f2 0%,#fdfaf5fa 100%);border:1px solid #00000008;border-radius:16px}#step-22{background-image:radial-gradient(circle,#e6f5fff2 0%,#fbfaf6fa 100%);border:1px solid #00000008;border-radius:16px}#step-23{background-image:radial-gradient(circle,#fff0f0f2 0%,#fdf8f5fa 100%);border:1px solid #00000008;border-radius:16px}#step-24{background-image:radial-gradient(circle,#f0f2f5f2 0%,#faf8f5fa 100%);border:1px solid #00000008;border-radius:16px}#step-25{background-image:radial-gradient(circle,#faf6f0f2 0%,#fdf8f2fa 100%);border:1px solid #00000008;border-radius:16px}#step-26{background-image:radial-gradient(circle,#faf9f6f2 0%,#fdfbf8fa 100%);border:1px solid #00000008;border-radius:16px}#step-27{background-image:radial-gradient(circle,#f0faf8f2 0%,#fbfdfafa 100%);border:1px solid #00000008;border-radius:16px}#step-28{background-image:radial-gradient(circle,#0e141cb3 0%,#05070afa 100%);border:1px solid #ffffff05;border-radius:16px}#step-29{background-image:radial-gradient(circle,#faf4eef2 0%,#fdf8f2fa 100%);border:1px solid #00000008;border-radius:16px}#step-30{background-image:radial-gradient(circle,#221b30f2 0%,#14101dfa 100%);border:1px solid #ffffff05;border-radius:16px}#step-31{background-image:radial-gradient(circle,#fffaf0f2 0%,#fdfbf5fa 100%);border:1px solid #00000008;border-radius:16px}#step-32{background-image:radial-gradient(circle,#352f2af2 0%,#231f1cfa 100%);border:1px solid #d29b540d;border-radius:16px}#step-33{background-image:radial-gradient(circle,#302a24f2 0%,#201a15fc 100%);border:1px solid #d49d5e0d;border-radius:16px}#step-34{background-image:radial-gradient(circle,#fff5f5f2 0%,#faeeeefa 100%);border:1px solid #d27d7d0d;border-radius:16px}.wheel-container{justify-content:center;align-items:center;width:320px;height:320px;margin:0 auto;display:flex;position:relative}.wheel-outer-ring{border:6px solid var(--accent);pointer-events:none;z-index:10;border-radius:50%;width:312px;height:312px;transition:border-color 1.5s;position:absolute;box-shadow:0 10px 30px #00000014,inset 0 2px 5px #fff6}.wheel-pointer{z-index:20;width:30px;height:30px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.wheel-center-pin{background-color:var(--accent);z-index:15;pointer-events:none;border:3px solid #fff;border-radius:50%;width:36px;height:36px;transition:background-color 1.5s;position:absolute;box-shadow:0 4px 10px #00000026}.wheel-spin-btn{background:linear-gradient(135deg, var(--accent), #e5b373);color:#fff;font-family:var(--font-body);letter-spacing:1.5px;cursor:pointer;text-transform:uppercase;border:none;border-radius:50px;margin-top:25px;padding:16px 40px;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.25,1,.5,1);box-shadow:0 8px 25px #d29b5440}body.theme-30 .wheel-spin-btn{color:#1a1525!important}.wheel-spin-btn:hover:not(:disabled){transform:translateY(-3px)scale(1.03);box-shadow:0 12px 30px #d29b5459}.wheel-spin-btn:active:not(:disabled){transform:translateY(-1px)scale(.99)}.wheel-spin-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.wheel-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;opacity:0;visibility:hidden;background-color:#1c191773;justify-content:center;align-items:center;width:100vw;height:100vh;transition:all .5s;display:flex;position:fixed;top:0;left:0}.wheel-modal-overlay.active{opacity:1;visibility:visible}.wheel-modal-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 30px 60px var(--shadow-color);text-align:center;border-radius:16px;width:90%;max-width:460px;padding:40px;transition:all .5s cubic-bezier(.34,1.56,.64,1);transform:scale(.8)translateY(20px)}.wheel-modal-overlay.active .wheel-modal-card{transform:scale(1)translateY(0)}.wheel-modal-title{font-family:var(--font-title);color:var(--accent);margin-bottom:15px;font-size:1.8rem;transition:color 1.5s}.wheel-modal-desc{font-family:var(--font-quote);color:var(--text-color);margin-bottom:30px;font-size:1.35rem;font-style:italic;line-height:1.65;transition:color 1.5s}.wheel-modal-close-btn{background:var(--accent);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:30px;padding:10px 24px;font-size:.85rem;font-weight:600;transition:all .3s}.wheel-modal-close-btn:hover{filter:brightness(1.1)}body.theme-30 .wheel-modal-close-btn{color:#1a1525!important}.confetti-particle{pointer-events:none;z-index:2500;border-radius:50%;width:8px;height:8px;animation:3s ease-out forwards confettiFall;position:fixed}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.book-start-btn{transition:all .3s cubic-bezier(.25,1,.5,1)!important}.book-start-btn:hover{transform:translateY(-2px)scale(1.03);background-color:#936f56!important;box-shadow:0 6px 15px #b28a6f66!important}.life-progress-container{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(15px);background:#ffffffa6;border-radius:12px;width:100%;max-width:480px;margin-top:10px;padding:12px 14px;transition:all 1.5s;box-shadow:0 10px 30px #00000005}.life-progress-header{font-family:var(--font-body);letter-spacing:.5px;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.75rem;display:flex}.life-progress-title{color:var(--accent);text-transform:uppercase;font-weight:500}.life-progress-value{color:var(--text-color);font-weight:600}.life-progress-segmented-bar{align-items:center;gap:2.5px;width:100%;height:9px;margin:8px 0 12px;display:flex;position:relative}.life-bar-segment{background-color:#0000000d;border-radius:1px;flex:1;height:100%;transition:all .4s cubic-bezier(.25,1,.5,1)}@keyframes lifeForceWave{0%,35%,to{background:linear-gradient(to top, var(--accent) 0%, #ffdfc4 100%);transform:scaleY(1);box-shadow:0 0 3px #dcae8e26}15%{background:linear-gradient(#fff 0%,#ff9e63 100%);transform:scaleY(1.35);box-shadow:0 0 8px #ff9e6399}}.life-bar-segment.filled{background:linear-gradient(to top, var(--accent) 0%, #ffdfc4 100%);animation:4s ease-in-out infinite lifeForceWave;box-shadow:0 0 4px #dcae8e26}.life-bar-segment.marker-segment{box-shadow:0 0 8px var(--accent)}.life-bar-segment.dimmed-by-season{opacity:.15!important;box-shadow:none!important}.life-bar-segment.highlight-winter{opacity:1!important;background:linear-gradient(#9ec4f5,#4a8bd6)!important;box-shadow:0 0 8px #4a8bd699!important}.life-bar-segment.highlight-spring{opacity:1!important;background:linear-gradient(#8be2a8,#3d8f57)!important;box-shadow:0 0 8px #3d8f5799!important}.life-bar-segment.highlight-summer{opacity:1!important;background:linear-gradient(#f3d790,#c79124)!important;box-shadow:0 0 8px #c7912499!important}.life-bar-segment.highlight-autumn{opacity:1!important;background:linear-gradient(#f4d4be,#b27c59)!important;box-shadow:0 0 8px #b27c5999!important}.life-progress-marker-pin{background-color:var(--accent);width:2px;height:22px;box-shadow:0 0 6px var(--accent);z-index:2;pointer-events:none;position:absolute;top:-6px}.life-progress-marker-label{background-color:var(--accent);color:#fff;font-family:var(--font-body);white-space:nowrap;z-index:10;border-radius:4px;padding:1px 5px;font-size:.6rem;font-weight:600;position:absolute;top:-28px;left:33.333%;transform:translate(-50%);box-shadow:0 3px 6px #00000014}.life-progress-details{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);grid-template-columns:1fr 1fr;gap:15px;margin-top:8px;padding:6px 0;display:grid}.life-progress-detail-item{flex-direction:column;display:flex}.life-progress-detail-label{font-family:var(--font-body);text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:.6rem}.life-progress-detail-val{font-family:var(--font-title);color:var(--accent);margin-top:1px;font-size:.95rem;font-weight:500}.season-prose-display{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:4px;align-items:center;min-height:64px;margin:8px 0;padding:8px 12px;transition:all .4s;display:flex}.season-prose-display.winter{background-color:#5c9ce50f;border-left-color:#5c9ce5}.season-prose-display.spring{background-color:#4fa86c0f;border-left-color:#4fa86c}.season-prose-display.summer{background-color:#dca8420f;border-left-color:#dca842}.season-prose-display.autumn{background-color:#b27c590f;border-left-color:#b27c59}.season-prose-text{font-family:var(--font-quote);color:var(--text-color);margin:0;font-size:.88rem;font-style:italic;line-height:1.45;transition:color .3s}.seasons-container{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:5px;display:grid}.season-card{border:1px solid var(--border-color);cursor:pointer;background:#fff6;border-radius:6px;flex-direction:column;gap:4px;padding:6px 4px;transition:transform .3s cubic-bezier(.25,1,.5,1),background-color .3s,border-color .3s,box-shadow .3s;display:flex}.season-card:hover,.season-card.active{background-color:#ffffffe6;transform:translateY(-2px)scale(1.02);box-shadow:0 4px 10px #00000005}.season-card.winter:hover,.season-card.winter.active{border-color:#5c9ce5}.season-card.spring:hover,.season-card.spring.active{border-color:#4fa86c}.season-card.summer:hover,.season-card.summer.active{border-color:#dca842}.season-card.autumn:hover,.season-card.autumn.active{border-color:#b27c59}.season-header{font-family:var(--font-body);justify-content:center;align-items:center;gap:4px;font-size:.65rem;font-weight:500;display:flex}.season-icon{font-size:.8rem}.season-name{color:var(--text-color)}.season-bar{background:#0000000d;border-radius:2px;width:100%;height:3px;overflow:hidden}.season-fill{border-radius:2px;height:100%;transition:width 1.5s cubic-bezier(.25,1,.5,1)}.winter .season-fill{background:linear-gradient(90deg,#5c9ce5,#aed0f9);box-shadow:0 0 6px #5c9ce54d}.spring .season-fill{background:linear-gradient(90deg,#4fa86c,#a3e2bb);box-shadow:0 0 6px #4fa86c4d}.summer .season-fill{background:linear-gradient(90deg,#dca842,#f4dfa1);box-shadow:0 0 6px #dca8424d}.autumn .season-fill{background:linear-gradient(90deg,#b27c59,#f5d4be);box-shadow:0 0 6px #b27c594d}.season-stats{color:var(--text-muted);justify-content:center;font-size:.55rem;font-weight:400;display:flex}.graduation-layout{justify-content:center;align-items:center;gap:50px;width:100%;max-width:980px;display:flex}.grad-image-wrapper{flex:1.1;justify-content:center;display:flex}.grad-text-wrapper{flex-direction:column;flex:.9;justify-content:center;display:flex}.grad-polaroid{transform:rotate(-1.5deg);border-radius:4px!important;max-width:360px!important;padding:12px 12px 28px!important;box-shadow:0 15px 40px #0000000a,0 1px 3px #00000005!important}.grad-img-wrapper{background-color:#eae6df;border-radius:2px;overflow:hidden;aspect-ratio:3/4!important}.grad-img{object-fit:cover;width:100%;height:100%;transition:transform .8s;filter:contrast(1.01)saturate(1.02)!important}.grad-polaroid:hover .grad-img{transform:scale(1.03)}.grad-letter-box{background:var(--card-bg);border:1px solid var(--border-color);border-left:4px solid var(--accent);box-shadow:0 10px 30px var(--shadow-color);-webkit-backdrop-filter:blur(15px);border-radius:4px;padding:24px;transition:background-color .5s}.grad-prose{font-family:var(--font-body);color:var(--text-color);margin:0;font-size:1rem;line-height:1.75}@media (width<=768px){.graduation-layout{flex-direction:column;gap:25px}.grad-polaroid{max-width:260px!important}.grad-letter-box{padding:16px}.grad-prose{font-size:.92rem;line-height:1.6}}.decision-layout{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;max-width:900px;margin:0 auto;display:flex}.decision-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 20px 50px var(--shadow-color);-webkit-backdrop-filter:blur(15px);scrollbar-width:thin;scrollbar-color:var(--accent) transparent;border-radius:12px;max-height:360px;padding:30px 40px;transition:all .5s;overflow-y:auto}.decision-card::-webkit-scrollbar{width:5px}.decision-card::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:10px}.decision-prose{font-family:var(--font-body);color:var(--text-color);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.decision-paths{grid-template-columns:1fr 1fr;gap:20px;width:100%;margin-top:10px;display:grid}.path-card{background:var(--card-bg);border:1px solid var(--border-color);border-top:3px solid var(--accent);text-align:center;box-shadow:0 8px 25px var(--shadow-color);border-radius:10px;padding:24px 20px;transition:all .5s}.path-title{font-family:var(--font-title);color:var(--accent);margin-bottom:8px;font-size:1.25rem;font-weight:500}.path-desc{font-family:var(--font-body);color:var(--text-muted);font-size:.9rem;font-weight:400;line-height:1.5}.path-feedback-box{text-align:center;border:1px dashed var(--accent);background:#e5a93c14;border-radius:8px;width:100%;padding:15px;animation:.8s cubic-bezier(.25,1,.5,1) fadeIn}.path-feedback-text{font-family:var(--font-body);color:var(--accent);margin:0;font-size:1.05rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.decision-paths{grid-template-columns:1fr;gap:12px}.decision-card{max-height:280px;padding:20px}.decision-prose{font-size:.95rem;line-height:1.65}}.signature-block{text-align:right;font-family:var(--font-quote);color:var(--accent);border-top:1px dashed var(--border-color);margin-top:30px;padding-top:15px;font-size:1.3rem;font-style:italic}.game-container{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;max-width:780px;margin:0 auto;display:flex;position:relative}.game-hud{background:var(--card-bg);border:1px solid var(--border-color);width:100%;max-width:520px;box-shadow:0 4px 15px var(--shadow-color);font-family:var(--font-body);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 20px;font-size:.95rem;display:flex}.hud-item{color:var(--text-color);align-items:center;gap:8px;display:flex}.hud-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:.75rem;font-weight:500}.hud-value{font-family:var(--font-title);color:var(--accent);font-size:1.1rem;font-weight:600}.canvas-wrapper{aspect-ratio:4/3;border:3px solid var(--accent);width:100%;max-width:520px;box-shadow:0 15px 35px var(--shadow-color);background:linear-gradient(#1d1b26,#2d263a);border-radius:12px;position:relative;overflow:hidden}.game-canvas{width:100%;height:100%;display:block}.game-overlay{-webkit-backdrop-filter:blur(8px);box-sizing:border-box;z-index:10;text-align:center;background:#17121ed9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.game-overlay-title{font-family:var(--font-title);color:var(--accent);margin-bottom:12px;font-size:2rem;font-weight:500}.game-overlay-desc{font-family:var(--font-quote);color:#f1edfa;max-width:440px;margin-bottom:25px;font-size:1.15rem;font-style:italic;line-height:1.6}.game-btn{background:linear-gradient(135deg, var(--accent), #e8a7a7);color:#3d2d2d;font-family:var(--font-body);letter-spacing:1px;cursor:pointer;text-transform:uppercase;border:none;border-radius:50px;padding:14px 36px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.25,1,.5,1);box-shadow:0 8px 20px #d27d7d40}.game-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 10px 25px #d27d7d59}.game-mobile-btn-container{justify-content:center;gap:20px;width:100%;margin-top:5px;display:none}.game-mobile-btn{background:var(--card-bg);border:1px solid var(--border-color);max-width:140px;color:var(--text-color);cursor:pointer;box-shadow:0 4px 10px var(--shadow-color);border-radius:8px;flex:1;justify-content:center;align-items:center;padding:12px;font-size:1.5rem;display:flex}.game-mobile-btn:active{background:var(--accent-soft)}@media (width<=768px){.game-mobile-btn-container{display:flex}}.balloon-game-container{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;max-width:780px;margin:0 auto;display:flex;position:relative}.balloon-hud{background:var(--card-bg);border:1px solid var(--border-color);width:100%;max-width:520px;box-shadow:0 4px 15px var(--shadow-color);font-family:var(--font-body);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 20px;font-size:.95rem;display:flex}.balloon-canvas-wrapper{aspect-ratio:4/3;border:3px solid var(--accent);width:100%;max-width:520px;box-shadow:0 15px 35px var(--shadow-color);background:linear-gradient(#789bc2,#b2d2f2);border-radius:12px;position:relative;overflow:hidden}.balloon-promise-banner{color:#333;width:90%;font-family:var(--font-quote);pointer-events:none;z-index:15;text-align:center;background:#fffffff2;border-left:5px solid #d27d7d;border-radius:6px;padding:12px 16px;font-size:1.1rem;font-style:italic;line-height:1.5;transition:transform .5s cubic-bezier(.25,1,.5,1);position:absolute;bottom:20px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 10px 25px #00000026}.balloon-promise-banner.active{transform:translate(-50%)translateY(0)}@media (width<=900px){.characters-container,.memories-grid{max-height:none!important;overflow-y:visible!important}}@media (width<=768px){body,html{overflow:hidden!important}.step{box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;width:100%!important;height:100%!important;padding:15px 20px 75px!important;display:block!important;position:absolute!important;overflow-y:auto!important}.content-grid{flex-direction:column!important;grid-template-columns:1fr!important;align-items:center!important;gap:20px!important;width:100%!important;padding:10px 0!important;display:flex!important}.text-side{text-align:center!important;width:100%!important}.story-scroll-container{max-height:none!important;margin-bottom:20px!important;padding-right:0!important;overflow-y:visible!important}.image-side{order:-1!important;justify-content:center!important;width:100%!important;margin-bottom:10px!important;display:flex!important}.polaroid-frame{width:100%!important;max-width:250px!important;margin:0 auto!important;padding:10px 10px 24px!important;transform:rotate(1deg)!important}.polaroid-img-wrapper{aspect-ratio:1!important;height:auto!important}.polaroid-img{object-fit:cover!important;height:100%!important}.polaroid-caption{margin-top:6px!important;padding:0!important;font-size:.8rem!important}.step-tag{margin-bottom:6px!important;font-size:.68rem!important}.step-heading{margin-bottom:12px!important;font-size:1.5rem!important;line-height:1.3!important}.step-paragraph{font-size:.92rem!important;line-height:1.6!important}.decision-card{max-height:none!important;overflow-y:visible!important}.book.open{transform:rotateX(10deg)rotateY(12deg)translate(55px)scale(.8)!important}.wheel-modal-overlay{box-sizing:border-box!important;align-items:flex-start!important;padding:40px 12px!important;display:flex!important;overflow-y:auto!important}.wheel-modal-overlay .decision-card{box-sizing:border-box!important;width:95%!important;max-height:none!important;margin:0 auto!important;padding:30px 20px!important;overflow-y:visible!important}.wheel-modal-overlay .step-heading{margin-bottom:12px!important;font-size:1.5rem!important}.wheel-modal-overlay p{margin-bottom:12px!important;font-size:.92rem!important;line-height:1.55!important}.wheel-modal-overlay .story-scroll-container{max-height:250px!important;overflow-y:auto!important}}@media (width<=500px){.developer-credit{display:none!important}}@media (width<=480px){header,footer{padding:15px 20px!important}.brand-logo{font-size:1rem!important}.progress-bar-container{height:3px!important}.dot-navigation{display:none!important}.book.open{transform:rotateX(10deg)rotateY(10deg)translate(20px)scale(.62)!important}.book-pages-img-wrapper{max-width:130px!important;height:160px!important}.game-overlay{padding:10px!important}.game-overlay-title{margin-bottom:5px!important;font-size:1.2rem!important}.game-overlay-desc{max-height:110px!important;margin-bottom:8px!important;font-size:.8rem!important}.game-btn{padding:6px 16px!important;font-size:.85rem!important}}@media (width<=360px){.book.open{transform:rotateX(10deg)rotateY(10deg)translate(15px)scale(.55)!important}}.closing-wrapper{z-index:2;text-align:center;flex-direction:column;gap:20px;width:90%;max-width:650px;padding:30px;display:flex}.closing-emoji{filter:drop-shadow(0 0 10px #ffffff4d);margin-bottom:5px;font-size:3.5rem}.closing-quote-text{font-family:var(--font-quote);color:#fff;text-shadow:0 0 15px #ffffff73;margin:0;font-size:2rem;font-style:italic;font-weight:300;line-height:1.6;transition:font-size .3s}@media (width<=768px){.closing-wrapper{gap:15px;padding:20px}.closing-emoji{font-size:2.8rem}.closing-quote-text{font-size:1.35rem;line-height:1.55}}