:root{--color-cream:#faf8f5;--color-warm-white:#f5f2ed;--color-blush:#e8d5d5;--color-rose:#d4a5a5;--color-dusty-rose:#c9b1b1;--color-deep-rose:#a67c7c;--color-charcoal:#3d3d3d;--color-soft-gray:#6b6b6b;--color-light-gray:#9a9a9a;--font-serif:"Cormorant Garamond", Georgia, serif;--font-handwritten:"Caveat", cursive;--font-sans:"Inter", -apple-system, sans-serif;--section-padding:100vh}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:13px}body{font-family:var(--font-serif);background-color:var(--color-cream);color:var(--color-charcoal);line-height:1.8;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-warm-white)}::-webkit-scrollbar-thumb{background:var(--color-dusty-rose);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-rose)}::selection{background:var(--color-blush);color:var(--color-charcoal)}h1,h2,h3{font-family:var(--font-serif);letter-spacing:.02em;font-weight:300}p{font-size:1.25rem;line-height:2}.chapter{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 24px;display:flex;position:relative}.chapter-content{text-align:center;width:100%;max-width:720px}.chapter-title{color:var(--color-charcoal);margin-bottom:2rem;font-size:clamp(2.5rem,8vw,4.5rem);font-style:italic;font-weight:300}.chapter-text{color:var(--color-soft-gray);margin-bottom:1.5rem;font-size:clamp(1.2rem,3.5vw,1.5rem);font-weight:600;line-height:2.2}.chapter-text em{color:var(--color-deep-rose);font-style:italic}.poem{font-family:var(--font-handwritten);color:var(--color-deep-rose);text-align:center;margin:3rem 0;padding:3rem 2rem;font-size:clamp(1.4rem,4vw,1.8rem);line-height:2;position:relative}.poem:before,.poem:after{content:"\"";font-family:var(--font-serif);color:var(--color-blush);opacity:.6;font-size:4rem;position:absolute}.poem:before{top:0;left:0}.poem:after{content:"\"";bottom:0;right:0}.poem-line{margin-bottom:.5rem;display:block}.landing{background:linear-gradient(180deg, var(--color-warm-white) 0%, var(--color-cream) 100%)}.landing-title{letter-spacing:.05em;margin-bottom:1.5rem;font-size:clamp(2rem,6vw,3.5rem);font-weight:300}.landing-subtitle{color:var(--color-soft-gray);margin-bottom:.5rem;font-size:clamp(1.4rem,3.5vw,1.75rem);font-style:italic;font-weight:600}.landing-note{font-family:var(--font-handwritten);color:var(--color-light-gray);margin-top:3rem;font-size:clamp(1.3rem,3.5vw,1.6rem);line-height:1.8}.cta-button{font-family:var(--font-serif);color:var(--color-charcoal);border:1px solid var(--color-dusty-rose);cursor:pointer;letter-spacing:.05em;background:0 0;border-radius:50px;margin-top:4rem;padding:1rem 2.5rem;font-size:1.1rem;font-style:italic;transition:all .4s;display:inline-block}.cta-button:hover{background:var(--color-blush);border-color:var(--color-blush);transform:translateY(-2px)}.divider{background:var(--color-dusty-rose);opacity:.5;width:60px;height:1px;margin:2rem auto}.chapter-1{background:var(--color-cream)}.chapter-2{background:linear-gradient(180deg, var(--color-cream) 0%, var(--color-warm-white) 50%, var(--color-cream) 100%)}.chapter-3{background:var(--color-cream)}.chapter-4{background:linear-gradient(180deg, var(--color-cream) 0%, #f7f3ef 50%, var(--color-cream) 100%)}.chapter-5{background:var(--color-cream)}.chapter-6{background:linear-gradient(180deg, var(--color-cream) 0%, var(--color-warm-white) 100%)}.chapter-7{background:linear-gradient(180deg, var(--color-warm-white) 0%, var(--color-blush) 100%)}.final-chapter{background:linear-gradient(180deg, var(--color-blush) 0%, var(--color-cream) 100%);padding-bottom:120px}.final-title{font-family:var(--font-handwritten);color:var(--color-deep-rose);margin-bottom:1rem;font-size:clamp(3rem,10vw,5rem)}.final-subtitle{font-family:var(--font-serif);color:var(--color-soft-gray);font-size:clamp(1.2rem,3vw,1.5rem);font-style:italic}.message-container{text-align:left;max-width:400px;margin:2rem auto}.message-bubble{background:var(--color-warm-white);font-family:var(--font-sans);color:var(--color-charcoal);border-radius:20px 20px 20px 4px;padding:1rem 1.5rem;font-size:1rem;position:relative;box-shadow:0 2px 10px #0000000d}.message-bubble.sent{background:var(--color-blush);text-align:right;border-radius:20px 20px 4px;margin-left:auto}.message-time{color:var(--color-light-gray);font-size:.75rem;font-family:var(--font-sans);margin-top:.5rem}.love-list{text-align:left;max-width:500px;margin:2rem auto;list-style:none}.love-list li{color:var(--color-soft-gray);border-bottom:1px solid var(--color-blush);padding:1rem 0 1rem 2rem;font-size:clamp(1.1rem,2.5vw,1.25rem);position:relative}.love-list li:before{content:"♡";color:var(--color-rose);position:absolute;left:0}.scroll-indicator{font-family:var(--font-sans);color:var(--color-light-gray);letter-spacing:.2em;text-transform:uppercase;opacity:.6;z-index:100;font-size:.75rem;transition:opacity .3s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.scroll-indicator.hidden{opacity:0;pointer-events:none}.scroll-indicator:after{content:"";background:var(--color-dusty-rose);width:1px;height:30px;margin:10px auto 0;animation:2s ease-in-out infinite scrollPulse;display:block}@keyframes scrollPulse{0%,to{opacity:.5;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.5)}}.progress-bar{background:linear-gradient(90deg, var(--color-rose), var(--color-deep-rose));z-index:1000;height:3px;transition:width .1s ease-out;position:fixed;top:0;left:0}@media (width<=768px){.chapter{padding:60px 20px}.poem{padding:2rem 1rem}.poem:before,.poem:after{font-size:2.5rem}.message-container{max-width:280px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.floating-hearts{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.heart{color:var(--color-blush);opacity:.3;font-size:1rem;animation:15s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-100px)rotate(360deg)}}.milestone-counter{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff0f5e6,#fffc);border:2px solid #d4a5a54d;border-radius:20px;width:fit-content;margin:0 auto 2rem;padding:1.5rem 2.5rem;transition:all .3s;position:relative;box-shadow:0 10px 40px #d4a5a533}.milestone-counter:hover{border-color:#d4a5a580;transform:translateY(-5px);box-shadow:0 15px 50px #d4a5a54d}.milestone-content{text-align:center;flex-direction:column;gap:1rem;display:flex}.time-display{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.time-unit{flex-direction:column;align-items:center;gap:.25rem;min-width:60px;display:flex}.time-number{font-family:var(--font-serif);background:linear-gradient(135deg,#a67c7c,#d4a5a5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1}.time-label{font-family:var(--font-sans);color:var(--color-soft-gray);text-transform:lowercase;font-size:clamp(.75rem,1.5vw,.9rem);font-weight:500}.milestone-number{font-family:var(--font-serif);background:linear-gradient(135deg,#a67c7c,#d4a5a5);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #a67c7c33;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,8vw,5rem);font-weight:700;line-height:1}.milestone-label{font-family:var(--font-serif);color:var(--color-deep-rose);font-size:clamp(1rem,2.5vw,1.3rem);font-style:italic;font-weight:500}.milestone-date{font-family:var(--font-sans);color:var(--color-soft-gray);margin-top:.25rem;font-size:clamp(.85rem,2vw,.95rem)}@media (width<=768px){.milestone-counter{margin-bottom:1.5rem;padding:1.25rem 2rem}}.milestone-counter:before{content:"✨";opacity:0;font-size:1.5rem;animation:2s ease-in-out infinite sparkle;position:absolute;top:-10px;right:-10px}.milestone-counter:hover:before{opacity:1}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.8;transform:scale(1.2)rotate(180deg)}}.mood-board{width:100%;max-width:900px;margin:0 auto 2rem}.mood-loading{text-align:center;font-family:var(--font-serif);color:var(--color-soft-gray);text-align:center;font-size:1.1rem;font-style:italic;font-family:var(--font-serif);padding:2rem;font-size:1.1rem;font-style:italic}.mood-prompt{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff0f5f2,#ffffffe6);border:2px solid #d4a5a54d;border-radius:24px;padding:2rem;box-shadow:0 10px 40px #d4a5a533}.mood-prompt-content{text-align:center}.mood-date{font-family:var(--font-serif);color:var(--color-soft-gray);opacity:.8;margin-bottom:.5rem;font-size:clamp(.9rem,2vw,1.1rem);font-style:italic}.mood-prompt-title{font-family:var(--font-serif);color:var(--color-deep-rose);margin-bottom:1.5rem;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:600}.mood-options{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.875rem;margin-bottom:1.5rem;display:grid}.mood-option{cursor:pointer;font-family:var(--font-sans);background:#fff9;border:2px solid #d4a5a533;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:all .3s;display:flex}.mood-option:hover{background:#ffffffe6;border-color:#d4a5a566;transform:translateY(-2px);box-shadow:0 5px 20px #d4a5a533}.mood-option.selected{background:linear-gradient(135deg,#ffb6c14d,#fff0f566);border-color:#d4a5a5;box-shadow:0 5px 20px #d4a5a54d}.mood-emoji{font-size:2.5rem;line-height:1}.mood-label{color:var(--color-deep-rose);font-size:.9rem;font-weight:500}.mood-note-section{width:100%;margin-top:1rem}.mood-note-label{font-family:var(--font-serif);color:var(--color-deep-rose);margin-bottom:.75rem;font-size:1.1rem;font-weight:500;display:block}.mood-note-input{width:100%;font-family:var(--font-sans);color:var(--color-deep-rose);resize:vertical;background:#fffc;border:2px solid #d4a5a54d;border-radius:12px;padding:1rem;font-size:1rem;line-height:1.5;transition:all .3s}.mood-note-input::placeholder{color:var(--color-soft-gray);opacity:.6}.mood-note-input:focus{background:#fffffff2;border-color:#d4a5a5;outline:none;box-shadow:0 0 0 3px #d4a5a51a}.mood-submit{color:#fff;font-family:var(--font-serif);cursor:pointer;background:linear-gradient(135deg,#d4a5a5,#a67c7c);border:none;border-radius:12px;padding:.875rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #a67c7c4d}.mood-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a67c7c66}.mood-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#fff0f5e6);border:2px solid #d4a5a533;border-radius:20px;padding:1.5rem;box-shadow:0 5px 20px #d4a5a526}.mood-summary-title{font-family:var(--font-serif);color:var(--color-soft-gray);text-align:center;opacity:.8;margin-bottom:1rem;font-size:1rem;font-style:italic}.mood-summary-content{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.mood-summary-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.mood-time-label{font-family:var(--font-sans);color:var(--color-soft-gray);font-size:.85rem;font-weight:500}.mood-display{font-family:var(--font-serif);color:var(--color-deep-rose);font-size:1.5rem;font-weight:600}.mood-note-display{font-family:var(--font-serif);color:var(--color-soft-gray);text-align:center;max-width:300px;margin-top:.5rem;font-size:.95rem;font-style:italic;line-height:1.4}.view-history-link{color:var(--color-deep-rose);font-family:var(--font-sans);background:#fffc;border:2px solid #d4a5a54d;border-radius:10px;margin-top:1.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.view-history-link:hover{background:#fff;border-color:#d4a5a5;transform:translate(3px)}@media (width<=768px){.mood-prompt{padding:1.5rem}.mood-options{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem}.mood-option{padding:.75rem}.mood-emoji{font-size:2rem}.mood-label{font-size:.8rem}}.chapter{transition:background-color .5s}.poem{background:linear-gradient(135deg,#e8d5d51a 0%,#faf8f580 50%,#e8d5d51a 100%);border-radius:8px}.landing{position:relative;overflow:hidden}.landing .chapter-content{z-index:1;position:relative}.landing-cta-group{flex-direction:column;align-items:center;gap:1rem;display:flex}.landing-cta-group--top{margin-bottom:2rem}.landing-cta-group .cta-button{margin-top:0}.landing-cta-row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.landing:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#e8d5d54d 0%,#0000 50%);width:200%;height:200%;animation:8s ease-in-out infinite pulse;position:absolute;top:-50%;left:-50%}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.1;transform:scale(1.2)}}.message-container{perspective:1000px}.message-bubble{transform-style:preserve-3d;transition:transform .3s,box-shadow .3s}.message-bubble:hover{transform:translateY(-2px)rotateX(2deg);box-shadow:0 4px 20px #00000014}.love-list li{transition:all .3s}.love-list li:hover{color:var(--color-charcoal);padding-left:2.5rem}.love-list li:hover:before{transform:scale(1.2)}.cta-button{position:relative;overflow:hidden}.cta-button:before{content:"";background:radial-gradient(circle,#d4a5a54d 0%,#0000 70%);width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-button:hover:before{width:300px;height:300px}.final-chapter{position:relative}.final-chapter:before{content:"";opacity:.5;pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 10 C25 5, 15 5, 15 15 C15 25, 30 35, 30 35 C30 35, 45 25, 45 15 C45 5, 35 5, 30 10' fill='none' stroke='%23e8d5d5' stroke-width='0.5' opacity='0.3'/%3E%3C/svg%3E") 0 0/60px 60px;position:absolute;inset:0}@media (width<=480px){.landing-title{padding:0 10px}.chapter-title{font-size:2rem}.poem{padding:1.5rem 1rem;font-size:1.2rem}.love-list li{padding:.75rem 0 .75rem 1.5rem;font-size:1rem}.final-title{font-size:2.5rem}}@media print{.progress-bar,.scroll-indicator,.floating-hearts,.cta-button{display:none!important}.chapter{page-break-inside:avoid;min-height:auto;padding:40px 20px}.poem{background:0 0;border:1px solid #e8d5d5}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@media (prefers-contrast:high){:root{--color-charcoal:#000;--color-soft-gray:#333;--color-deep-rose:#8b4444}.poem{border:2px solid var(--color-deep-rose)}}.story-page{min-height:100vh;color:var(--color-charcoal);background:linear-gradient(#faf8f5 0%,#fff 60%,#faf8f5 100%)}.story-hero{text-align:center;padding:clamp(2.5rem,5vw,4rem) 1.25rem 2rem;position:relative;overflow:hidden}.story-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#e8d5d559 0%,#0000 55%);animation:10s ease-in-out infinite storyPulse;position:absolute;inset:-40%}@keyframes storyPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.45;transform:scale(1.1)}}.story-title{font-family:var(--font-serif);color:var(--color-charcoal);letter-spacing:-.02em;margin:0;font-size:clamp(2.2rem,5vw,3.2rem);position:relative}.story-subtitle{max-width:42rem;color:var(--color-soft-gray);font-family:var(--font-sans);margin:.75rem auto 0;font-size:clamp(1rem,2.3vw,1.15rem);position:relative}.story-hero-actions{justify-content:center;gap:1rem;margin-top:1.75rem;display:flex;position:relative}.story-back{color:var(--color-charcoal);font-family:var(--font-sans);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #00000014;border-radius:999px;align-items:center;gap:.4rem;padding:.75rem 1rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.story-back:hover{transform:translateY(-1px);box-shadow:0 8px 30px #00000014}.story-history-btn{color:#fff;font-family:var(--font-sans);cursor:pointer;background:linear-gradient(135deg,#d4a5a5,#a67c7c);border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #a67c7c33}.story-history-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a67c7c4d}.password-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.password-modal{background:#fff;border-radius:20px;width:100%;max-width:450px;padding:2.5rem;box-shadow:0 20px 60px #0000004d}.password-modal-title{font-family:var(--font-serif);color:#a67c7c;text-align:center;margin:0 0 .5rem;font-size:1.8rem}.password-modal-subtitle{font-family:var(--font-serif);color:#888;text-align:center;margin:0 0 2rem;font-size:1rem;font-style:italic}.password-modal-form{flex-direction:column;gap:1rem;display:flex}.password-modal-input{font-family:var(--font-sans);color:#a67c7c;text-align:center;background:#fff0f580;border:2px solid #d4a5a54d;border-radius:12px;padding:1rem 1.5rem;font-size:1.1rem;transition:all .3s}.password-modal-input:focus{background:#ffffffe6;border-color:#d4a5a5;outline:none;box-shadow:0 0 0 3px #d4a5a51a}.password-modal-error{color:#c9302c;font-family:var(--font-sans);text-align:center;margin:-.5rem 0 0;font-size:.95rem}.password-modal-buttons{gap:1rem;margin-top:.5rem;display:flex}.password-modal-submit,.password-modal-cancel{font-family:var(--font-serif);cursor:pointer;border:none;border-radius:12px;flex:1;padding:1rem;font-size:1.1rem;font-weight:600;transition:all .3s}.password-modal-submit{color:#fff;background:linear-gradient(135deg,#d4a5a5,#a67c7c);box-shadow:0 4px 15px #a67c7c4d}.password-modal-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a67c7c66}.password-modal-cancel{color:#666;background:#0000000d}.password-modal-cancel:hover{background:#0000001a}.story-content{padding:0 1.25rem 5rem}.story-section{max-width:900px;margin:0 auto;padding:2rem 0}.story-section-title{font-family:var(--font-serif);color:var(--color-charcoal);margin:0 0 .75rem;font-size:clamp(1.4rem,3vw,1.85rem)}.story-subsection-title{font-family:var(--font-serif);color:var(--color-charcoal);margin:0 0 .75rem;font-size:clamp(1.15rem,2.4vw,1.4rem)}.story-section-note{color:var(--color-soft-gray);font-family:var(--font-sans);margin:0 0 1.25rem}.story-text-block{font-family:var(--font-sans);color:var(--color-charcoal);background:#ffffffb8;border:1px solid #0000000f;border-radius:16px;padding:1.25rem;line-height:1.7;box-shadow:0 10px 35px #0000000d}.story-paragraph{margin:0 0 1rem;font-size:clamp(1.1rem,2vw,1rem)}.story-paragraph:last-child{margin-bottom:0}.story-part-grid{grid-template-columns:1.35fr .65fr;align-items:start;gap:1rem;display:grid}.story-part-photo{position:sticky;top:1.25rem}.story-photo--big{min-height:260px}.story-photo-img{object-fit:cover;filter:saturate(1.02)contrast(1.02);width:100%;height:100%;display:block;transform:scale(1.01)}.story-timeline{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.story-timeline-item{background:#ffffffb8;border:1px solid #0000000f;border-radius:16px;grid-column:span 6;padding:1rem 1.1rem;box-shadow:0 10px 35px #0000000d}.story-timeline-top{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.story-timeline-label{font-family:var(--font-sans);color:var(--color-charcoal);font-weight:700}.story-timeline-date{font-family:var(--font-sans);color:var(--color-charcoal);opacity:.9;font-weight:700}.story-timeline-note{font-family:var(--font-sans);color:var(--color-soft-gray);margin-top:.4rem}.story-if-grid{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.story-if-card{background:#ffffffb8;border:1px solid #0000000f;border-radius:16px;grid-column:span 6;grid-template-columns:140px 1fr;align-items:stretch;display:grid;overflow:hidden;box-shadow:0 10px 35px #0000000d}.story-if-image{background:#e8d5d52e;position:relative}.story-if-img{object-fit:cover;width:100%;height:100%;display:block}.story-if-placeholder{height:100%;font-family:var(--font-sans);color:var(--color-soft-gray);border-right:1px dashed #00000024;justify-content:center;align-items:center;display:flex}.story-if-text{font-family:var(--font-sans);padding:.95rem 1rem}.story-if-title{color:var(--color-soft-gray);letter-spacing:.01em;font-weight:600}.story-if-value{color:var(--color-charcoal);margin-top:.2rem;font-weight:800}.story-if-line{color:var(--color-charcoal);margin-top:.55rem;line-height:1.6}.story-photo-grid{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.story-photo{background:#ffffffb3;border:1px dashed #0000002e;border-radius:16px;grid-column:span 4;min-height:160px;position:relative;overflow:hidden}.story-photo:after{content:"";pointer-events:none;background:linear-gradient(135deg,#e8d5d52e 0%,#0000 60%);position:absolute;inset:0}.story-photo-inner{text-align:center;height:100%;font-family:var(--font-sans);z-index:1;flex-direction:column;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:relative}.story-photo-title{color:var(--color-charcoal);font-weight:700}.story-photo-subtitle{color:var(--color-soft-gray);margin-top:.25rem;font-size:.95rem}.story-footer{padding-top:3rem}.story-footer-card{text-align:center;background:linear-gradient(135deg,#e8d5d538 0%,#ffffffd9 60%,#e8d5d52e 100%);border:1px solid #0000000f;border-radius:18px;padding:1.5rem;box-shadow:0 12px 40px #0000000f}.story-footer-title{font-family:var(--font-serif);color:var(--color-charcoal);font-size:1.6rem}.story-footer-subtitle{font-family:var(--font-sans);color:var(--color-soft-gray);margin-top:.5rem}@media (width<=900px){.story-part-grid{grid-template-columns:1fr}.story-part-photo{position:static}.story-timeline-item,.story-if-card{grid-column:span 12}.story-photo{grid-column:span 6}}@media (width<=520px){.story-if-card{grid-template-columns:1fr}.story-if-image{min-height:180px}.story-if-placeholder{border-bottom:1px dashed #00000024;border-right:none}}@media (width<=560px){.story-photo{grid-column:span 12}}.theme-page{background:radial-gradient(circle at 14% 16%, #e0b0ffbf 0%, transparent 54%), radial-gradient(circle at 12% 18%, #d4a5a5c7 0%, transparent 52%), radial-gradient(circle at 88% 20%, #a67c7cbf 0%, transparent 52%), radial-gradient(circle at 78% 70%, #e0b0ff99 0%, transparent 58%), radial-gradient(circle at 68% 78%, #e8d5d5e6 0%, transparent 55%), radial-gradient(circle at 22% 82%, #c9b1b1bf 0%, transparent 55%), linear-gradient(180deg, #fff 0%, var(--color-cream) 45%, #fff 100%);position:fixed;inset:0;overflow:hidden}.theme-page:before{content:"";mix-blend-mode:multiply;pointer-events:none;background:radial-gradient(circle at 15% 55%,#e0b0ff80 0%,#0000 58%),radial-gradient(circle at 30% 40%,#d4a5a58c 0%,#0000 55%),radial-gradient(circle at 70% 30%,#e8d5d599 0%,#0000 55%),radial-gradient(circle at 60% 70%,#a67c7c73 0%,#0000 60%);animation:9s ease-in-out infinite themeAurora;position:absolute;inset:-40%}@keyframes themeAurora{0%,to{opacity:.75;transform:translate(0,0)scale(1)}50%{opacity:.9;transform:translate(2%,-1%)scale(1.12)}}.theme-back{z-index:10;color:var(--color-charcoal);font-family:var(--font-sans);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa6;border:1px solid #0000001a;border-radius:999px;padding:10px 12px;text-decoration:none;position:fixed;top:16px;left:16px}.theme-back:hover{background:#ffffffc7}.quiz-page{min-height:100vh;color:var(--color-charcoal);background:linear-gradient(#faf8f5 0%,#fff 60%,#faf8f5 100%);flex-direction:column;padding:1rem;display:flex;position:relative}.quiz-start{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.quiz-title{font-family:var(--font-serif);color:var(--color-charcoal);max-width:600px;margin:0 0 1rem;font-size:clamp(2rem,5vw,2.8rem)}.quiz-subtitle{font-family:var(--font-sans);color:var(--color-soft-gray);max-width:500px;margin:0 0 2rem;line-height:1.6}.quiz-cta{font-family:var(--font-sans);background:var(--color-rose);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:1rem 2.5rem;font-size:1.1rem;transition:all .2s;box-shadow:0 4px 20px #d4a5a54d}.quiz-cta:hover{background:var(--color-deep-rose);transform:translateY(-2px);box-shadow:0 6px 25px #d4a5a566}.quiz-header{font-family:var(--font-sans);color:var(--color-soft-gray);justify-content:space-between;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:1rem .5rem;display:flex}.quiz-progress{font-weight:600}.quiz-score{color:var(--color-charcoal);font-weight:700}.quiz-container{flex:1;justify-content:center;align-items:center;padding:0 .5rem 2rem;display:flex}.quiz-card{background:#ffffffd9;border:1px solid #0000000f;border-radius:20px;width:100%;max-width:600px;padding:2rem 1.5rem;box-shadow:0 10px 40px #00000014}.quiz-question{font-family:var(--font-serif);color:var(--color-charcoal);margin:0 0 1.5rem;font-size:clamp(1.3rem,3vw,1.6rem);line-height:1.4}.quiz-options{flex-direction:column;gap:.75rem;display:flex}.quiz-option{font-family:var(--font-sans);color:var(--color-charcoal);cursor:pointer;text-align:left;background:#ffffffb3;border:2px solid #00000014;border-radius:12px;padding:1rem 1.25rem;font-size:1rem;transition:all .2s}.quiz-option:hover:not(:disabled){border-color:var(--color-rose);background:#e8d5d533;transform:translate(4px)}.quiz-option:disabled{cursor:default}.quiz-option--correct{background:#4caf5026;border-color:#4caf50}.quiz-option--wrong{background:#f443361f;border-color:#f44336}.quiz-feedback{font-family:var(--font-sans);text-align:center;border-radius:12px;margin-top:1.5rem;padding:.75rem 1rem;font-weight:600}.quiz-feedback--correct{color:#2e7d32;background:#4caf5026}.quiz-feedback--wrong{color:#c62828;background:#f443361f}.quiz-next{width:100%;font-family:var(--font-sans);background:var(--color-rose);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:1.5rem;padding:.95rem;font-size:1.05rem;font-weight:600;transition:all .2s}.quiz-next:hover{background:var(--color-deep-rose)}.quiz-result{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.quiz-result-title{font-family:var(--font-serif);color:var(--color-charcoal);max-width:500px;margin:0 0 1.5rem;font-size:clamp(1.6rem,4vw,2.2rem)}.quiz-result-score{font-family:var(--font-serif);color:var(--color-rose);margin:0;font-size:clamp(3rem,8vw,4.5rem);font-weight:700}.quiz-result-percent{font-family:var(--font-sans);color:var(--color-soft-gray);margin:.5rem 0 2rem;font-size:1.15rem}.quiz-result-actions{flex-direction:column;gap:.75rem;width:100%;max-width:320px;display:flex}.quiz-btn{font-family:var(--font-sans);text-align:center;cursor:pointer;border:none;border-radius:999px;padding:.9rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.quiz-btn--primary{background:var(--color-rose);color:#fff}.quiz-btn--primary:hover{background:var(--color-deep-rose);transform:translateY(-2px)}.quiz-btn--secondary{color:var(--color-charcoal);background:#fffc;border:1px solid #0000001a}.quiz-btn--secondary:hover{background:#fffffff2;transform:translateY(-2px)}.quiz-back{z-index:10;color:var(--color-charcoal);font-family:var(--font-sans);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa6;border:1px solid #0000001a;border-radius:999px;padding:10px 12px;text-decoration:none;transition:all .2s;position:fixed;top:16px;left:16px}.quiz-back:hover{background:#ffffffd9;transform:translateY(-1px)}@media (width<=600px){.quiz-card{padding:1.5rem 1rem}.quiz-option{padding:.85rem 1rem}}.explore-page{background:var(--color-cream);min-height:100vh;padding:2rem 1.25rem 4rem}.explore-hero{text-align:center;max-width:720px;margin:0 auto 1.5rem}.explore-back{font-family:var(--font-sans);color:var(--color-deep-rose);margin-bottom:1.25rem;font-size:.95rem;text-decoration:none;transition:opacity .2s;display:inline-block}.explore-back:hover{opacity:.75}.explore-title{font-family:var(--font-serif);color:var(--color-charcoal);margin:0 0 .5rem;font-size:clamp(2rem,5vw,2.75rem)}.explore-subtitle{color:var(--color-soft-gray);font-family:var(--font-sans);margin:0;font-size:1.05rem}.explore-intro{border-left:3px solid var(--color-dusty-rose);background:#ffffff80;border-radius:8px;max-width:650px;margin:2rem auto 0;padding:1.5rem}.explore-intro-text{font-family:var(--font-serif);color:var(--color-charcoal);margin:0 0 1rem;font-size:1.05rem;font-style:italic;line-height:1.8}.explore-intro-text:last-child{margin-bottom:0}.explore-outro{border-left:3px solid var(--color-dusty-rose);background:#ffffff80;border-radius:8px;max-width:650px;margin:3rem auto 0;padding:1.5rem}.explore-outro-text{font-family:var(--font-serif);color:var(--color-charcoal);margin:0 0 1rem;font-size:1.05rem;font-style:italic;line-height:1.8}.explore-outro-text:last-child{margin-bottom:0}.explore-content{max-width:720px;margin:0 auto}.explore-options{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.explore-option-card{background:#ffffffb8;border:1px solid #0000000f;border-radius:16px;padding:1.35rem 1.25rem;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:block;box-shadow:0 10px 35px #0000000d}.explore-option-card:hover{border-color:var(--color-dusty-rose);background:#ffffffe6;transform:translateY(-2px)}.explore-option-label{font-family:var(--font-serif);color:var(--color-charcoal);margin-bottom:.35rem;font-size:1.35rem;display:block}.explore-option-desc{font-family:var(--font-sans);color:var(--color-soft-gray);margin-bottom:.75rem;font-size:.95rem;line-height:1.5;display:block}.explore-option-arrow{font-family:var(--font-sans);color:var(--color-deep-rose);font-size:.9rem;display:block}.explore-poems{flex-direction:column;gap:1.25rem;display:flex}.explore-poems-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto;padding:0 1rem;display:grid}@media (width<=768px){.explore-poems-grid{grid-template-columns:1fr;gap:1rem}}.explore-poem-preview-card{border-left:3px solid var(--color-dusty-rose);cursor:pointer;background:#ffffffb3;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all .3s;display:flex}.explore-poem-preview-card:hover{background:#ffffffe6;transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.explore-poem-preview-card--special{background:linear-gradient(135deg,#fff0f5cc,#ffffffb3);border-left:3px solid #d4587e}.explore-poem-preview-card--special:hover{background:linear-gradient(135deg,#fff0f5f2,#ffffffe6)}.explore-poem-preview-header{align-items:center;gap:.5rem;display:flex}.explore-poem-preview-title{font-family:var(--font-serif);color:var(--color-deep-rose);align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-style:italic;font-weight:700;display:flex}.explore-poem-heart{font-size:1.1rem;animation:1.5s ease-in-out infinite heartBeat}@keyframes heartBeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.explore-poem-date{font-family:var(--font-sans);color:var(--color-soft-gray);font-size:.85rem;font-style:normal;display:block}.explore-poem-date-modal{margin-bottom:1rem}.explore-poem-preview-text{font-family:var(--font-serif);color:var(--color-charcoal);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-style:italic;line-height:1.6;display:-webkit-box;overflow:hidden}.explore-poem-preview-cta{font-family:var(--font-sans);color:var(--color-deep-rose);margin-top:auto;font-size:.9rem;font-weight:500}.explore-poem-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.explore-poem-modal{background:var(--color-cream);border-radius:16px;width:100%;max-width:700px;max-height:90vh;padding:2.5rem;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@media (width<=768px){.explore-poem-modal{max-height:95vh;padding:2rem 1.5rem}}.explore-poem-modal-close{color:var(--color-charcoal);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:2.5rem;line-height:1;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.explore-poem-modal-close:hover{background:#0000001a;transform:rotate(90deg)}.explore-poem-card{background:#ffffffb8;border:1px solid #0000000f;border-radius:16px;padding:1.5rem 1.25rem;box-shadow:0 10px 35px #0000000d}.explore-poem-title{font-family:var(--font-serif);color:var(--color-deep-rose);margin:0 0 .75rem;font-size:1.1rem;font-style:italic;font-weight:700}.explore-poem{flex-direction:column;gap:.35rem;display:flex}.explore-poem-line{color:var(--color-charcoal);font-family:Crimson Text,serif;font-size:clamp(1.09rem,2.2vw,1.1rem);font-style:italic;line-height:1.85;display:block}.explore-poem-line:empty{min-height:.5rem}.explore-plans{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.explore-plan-card{background:#ffffffb8;border:1px solid #0000000f;border-radius:16px;padding:1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 10px 35px #0000000d}.explore-plan-card:hover{border-color:var(--color-dusty-rose);transform:translateY(-2px);box-shadow:0 15px 45px #00000014}.explore-plan-title{font-family:var(--font-sans);color:var(--color-charcoal);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:500;line-height:1.5;display:flex}.explore-plan-emoji{flex-shrink:0;font-size:1.25rem}.explore-plan-card--done{opacity:.6;background:#ffffff80}.explore-plan-title--done{color:var(--color-soft-gray);text-decoration:line-through}@media (width<=600px){.explore-plans{grid-template-columns:1fr}}.explore-travel-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.explore-travel-item{background:#ffffffb8;border:1px solid #0000000f;border-radius:16px;align-items:flex-start;gap:1.25rem;padding:1.25rem;display:flex;box-shadow:0 10px 35px #0000000d}.explore-travel-content{flex:1;min-width:0}.explore-travel-image{border-radius:12px;flex-shrink:0;order:2;width:180px;height:120px;overflow:hidden}.explore-travel-img{object-fit:cover;width:100%;height:100%;display:block}.explore-travel-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.5rem;display:flex}.explore-travel-place{font-family:var(--font-serif);color:var(--color-charcoal);font-size:1.25rem;font-weight:700}.explore-travel-status{font-family:var(--font-sans);color:var(--color-deep-rose);font-size:.85rem;font-style:italic}.explore-travel-note{font-family:var(--font-sans);color:var(--color-soft-gray);margin:0 0 .75rem;font-size:1rem;line-height:1.6}.explore-travel-note:last-child{margin-bottom:0}@media (width<=600px){.explore-page{padding:1.5rem 1rem 3rem}.explore-travel-item{flex-direction:column}.explore-travel-image{order:0;width:100%;height:160px}}.travel-map-stats{flex-wrap:wrap;justify-content:center;gap:3rem;margin:2rem auto 3rem;display:flex}.travel-stat{text-align:center}.travel-stat-number{font-family:var(--font-serif);color:var(--color-deep-rose);margin-bottom:.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1}.travel-stat-label{font-family:var(--font-sans);color:var(--color-soft-gray);text-transform:uppercase;letter-spacing:.5px;font-size:.95rem}.travel-map-container{background:#fff;border-radius:20px;max-width:1100px;margin:0 auto 3rem;padding:2rem;box-shadow:0 10px 40px #d4a5a533,0 0 0 1px #d4a5a526}.travel-map-wrapper{border-radius:12px;width:100%;position:relative;overflow:visible;box-shadow:0 4px 20px #0000001a}.world-map-image{opacity:.85;filter:sepia(.15)saturate(.8)brightness(1.05)hue-rotate(-10deg);width:100%;height:auto;display:block}.travel-map-svg-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.travel-map-svg-overlay circle,.travel-map-svg-overlay text{pointer-events:auto}.map-marker{filter:drop-shadow(0 3px 6px #a67c7c66);cursor:pointer;transition:all .3s}.map-marker:hover{filter:drop-shadow(0 6px 12px #a67c7c99);transform:scale(1.1)}.pulse-circle{animation:2s ease-in-out infinite pulse}.map-label{pointer-events:none;text-shadow:0 1px 3px #ffffffe6}.map-hover-popup{pointer-events:none;z-index:1000;filter:drop-shadow(0 10px 30px #0006);position:absolute}.popup-content{background:#fff;border:2px solid #d4a5a566;border-radius:12px;width:280px;overflow:hidden;box-shadow:0 8px 24px #0003}.popup-image{object-fit:cover;width:100%;height:150px;display:block}.popup-info{padding:1rem}.popup-name{font-family:var(--font-serif);color:var(--color-deep-rose);margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.popup-description{font-family:var(--font-sans);color:var(--color-soft-gray);font-size:.9rem;line-height:1.4}.travel-map-list{max-width:1000px;margin:0 auto 3rem}.travel-map-list-title{font-family:var(--font-serif);color:var(--color-deep-rose);text-align:center;margin-bottom:2rem;font-size:clamp(1.5rem,3vw,2rem);font-style:italic}.travel-map-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.travel-map-card{cursor:pointer;background:#fffc;border:1px solid #d4a5a533;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .3s;display:flex}.travel-map-card:hover{background:#fff;border-color:#d4a5a566;box-shadow:0 4px 12px #d4a5a533}.travel-map-card--selected{border-color:var(--color-dusty-rose);background:#fff0f5e6;box-shadow:0 4px 16px #d4a5a54d}.travel-map-card-marker{color:#fff;background:linear-gradient(135deg,#d4a5a5,#a67c7c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:700;display:flex}.travel-map-card-content{flex:1}.travel-map-card-name{font-family:var(--font-serif);color:var(--color-deep-rose);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.travel-map-card-region{font-family:var(--font-sans);color:var(--color-soft-gray);font-size:.85rem}.travel-map-legend{background:#fff9;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1000px;margin:0 auto;padding:1.5rem;display:flex}.legend-item{font-family:var(--font-sans);color:var(--color-charcoal);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.legend-marker{border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0003}.legend-marker--dream{background:#d4a5a5}.legend-marker--visited{background:#a67c7c}@media (width<=768px){.travel-map-stats{gap:2rem}.travel-map-container{padding:1rem}.travel-map-grid{grid-template-columns:1fr}.travel-map-legend{gap:1rem}}.star-game{background:linear-gradient(#0a0e27 0%,#1a1a2e 50%,#0f0f1e 100%);width:100%;min-height:100vh;position:relative;overflow:hidden}.back-button{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-sans);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;padding:.75rem 1.5rem;font-size:1rem;text-decoration:none;transition:all .3s;position:absolute;top:2rem;left:2rem}.back-button:hover{background:#fff3;transform:translate(-5px)}.game-container{width:100%;height:100vh;position:relative}.star-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.star-canvas canvas{cursor:grab;display:block;width:100%!important;height:100%!important}.star-canvas canvas:active{cursor:grabbing}.star-ui{z-index:10;flex-direction:column;gap:1.5rem;max-width:300px;display:flex;position:absolute;top:2rem;right:2rem}.constellation-progress{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0e27e6;border:1px solid #ffffff1a;border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px #0000004d}.constellation-progress h3{font-family:var(--font-serif);color:gold;margin:0 0 .5rem;font-size:1.5rem;font-weight:400}.constellation-progress p{font-family:var(--font-sans);color:#ffffffb3;margin:0 0 1rem;font-size:.9rem;font-style:italic}.progress-bar{background:#ffffff1a;border-radius:10px;width:100%;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,gold,#f5c2d0);border-radius:10px;height:100%;transition:width .5s}.star-count{font-family:var(--font-sans);color:gold;text-align:center;font-size:.85rem;margin:0!important}.constellation-list{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0e27e6;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:.5rem;padding:1rem;display:flex;box-shadow:0 8px 32px #0000004d}.constellation-item{font-family:var(--font-sans);color:#ffffff80;border-radius:10px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s}.constellation-item.active{color:gold;background:#ffd7001a;border:1px solid #ffd7004d}.constellation-item.completed{color:gold}.game-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#0a0e27f2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.overlay-content{text-align:center;background:#1a1a2ecc;border:1px solid #ffffff1a;border-radius:30px;max-width:600px;padding:3rem 2rem;box-shadow:0 20px 60px #00000080}.game-title{font-family:var(--font-serif);color:gold;text-shadow:0 0 20px #ffd70080;margin:0 0 1rem;font-size:clamp(2rem,5vw,3rem);font-weight:400}.game-description{font-family:var(--font-sans);color:#fffc;margin:0 0 2rem;font-size:1.1rem;line-height:1.6}.game-instructions{text-align:left;background:#ffd7000d;border:1px solid #ffd70033;border-radius:15px;margin:0 0 2rem;padding:1.5rem}.game-instructions p{font-family:var(--font-sans);color:#ffffffe6;margin:.5rem 0;font-size:1rem;line-height:1.6}.game-instructions p:first-child{color:gold;margin-top:0;font-weight:600}.game-button{font-family:var(--font-serif);color:#0a0e27;cursor:pointer;background:linear-gradient(135deg,gold,#f5c2d0);border:none;border-radius:50px;margin:.5rem;padding:1rem 3rem;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 20px #ffd70066}.game-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #ffd70099}.game-button.secondary{color:#fff;background:#ffffff1a;box-shadow:0 4px 20px #0003}.game-button.secondary:hover{background:#fff3}.button-group{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.unlock-content{max-width:700px}.unlock-icon{margin-bottom:1rem;font-size:4rem;animation:2s ease-in-out infinite sparkle}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.unlock-title{font-family:var(--font-serif);color:gold;margin:0 0 2rem;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:400}.unlock-text{background:#ffd7000d;border:1px solid #ffd70033;border-radius:20px;margin:0 0 2rem;padding:2rem}.unlock-text p{color:#ffffffe6;margin:.75rem 0;font-family:Crimson Text,serif;font-size:clamp(1.1rem,2vw,1.3rem);font-style:italic;line-height:1.8}.unlock-text p:empty{margin:.5rem 0}.thank-you-message{font-family:var(--font-serif);color:#fffffff2;text-align:center;margin:2rem 0;font-size:clamp(1.5rem,3vw,2rem);font-style:italic;line-height:1.8}.constellation-menu{flex-direction:column;gap:1rem;width:100%;max-width:600px;margin:2rem 0;display:flex}.constellation-option{cursor:pointer;background:#ffffff0d;border:2px solid #ffb6c14d;border-radius:15px;align-items:center;gap:1rem;padding:1.2rem;transition:all .3s;display:flex;position:relative}.constellation-option:hover{background:#ffb6c11a;border-color:#ffb6c199;transform:translateY(-2px);box-shadow:0 5px 20px #ffb6c14d}.constellation-option.completed{background:#ffd7000d;border-color:#ffd70080}.constellation-icon{text-align:center;min-width:50px;font-size:2rem}.constellation-info{text-align:left;flex:1}.constellation-info h3{font-family:var(--font-serif);color:#fffffff2;margin:0 0 .3rem;font-size:1.2rem}.constellation-info p{font-family:var(--font-sans);color:#ffffffb3;margin:0;font-size:.9rem}.completed-badge{color:#0a0e27;background:#ffd700e6;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.1rem;font-weight:700;display:flex}.back-to-menu-btn{color:#ffffffe6;font-family:var(--font-sans);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffb6c133;border:1px solid #ffb6c166;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s;position:absolute;top:1rem;left:1rem}.back-to-menu-btn:hover{background:#ffb6c14d;border-color:#ffb6c199;transform:translate(-3px)}.game-hint{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#0a0e27e6;border:1px solid #ffffff1a;border-radius:30px;padding:1rem 2rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.game-hint p{font-family:var(--font-sans);color:#fffc;margin:0;font-size:.9rem}@media (width<=768px){.back-button{padding:.5rem 1rem;font-size:.9rem;top:1rem;left:1rem}.star-ui{max-width:250px;top:1rem;right:1rem}.constellation-progress{padding:1rem}.constellation-progress h3{font-size:1.2rem}.overlay-content{max-width:90%;padding:2rem 1rem}.game-title{font-size:2rem}.game-button{padding:.875rem 2rem;font-size:1.1rem}.game-hint{max-width:90%;padding:.75rem 1.5rem;bottom:1rem}.game-hint p{font-size:.8rem}}.jellyfish-container,.jellyfish-sim-container{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.jellyfish-iframe{z-index:1;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.jellyfish-ui{z-index:1000;pointer-events:none;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.ui-panel{-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);pointer-events:all;background:linear-gradient(135deg,#0d1b2abf 0%,#1b263ba6 100%);border:1px solid #64c8ff40;border-radius:25px;min-width:650px;padding:1rem 2rem;box-shadow:0 8px 32px #0006,0 0 60px #40e0d01a,inset 0 1px #ffffff1a}.controls-container{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.control-group{flex-direction:column;gap:.5rem;display:flex}.control-group label{font-family:var(--font-sans);color:#c8dcffcc;letter-spacing:.3px;justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}.control-group label span{color:#fff;text-align:center;background:linear-gradient(135deg,#64e0d0 0%,#ff69b4 100%);border-radius:12px;min-width:30px;padding:.2rem .6rem;font-size:.9rem;font-weight:600}.control-group input[type=range]{-webkit-appearance:none;cursor:pointer;background:linear-gradient(90deg,#64e0d033 0%,#a084dc33 100%);border-radius:10px;outline:none;width:100%;height:4px;transition:all .3s}.control-group input[type=range]:hover{background:linear-gradient(90deg,#64e0d04d 0%,#a084dc4d 100%)}.control-group input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#64e0d0 0%,#a084dc 100%);border-radius:50%;width:16px;height:16px;transition:all .3s;box-shadow:0 2px 8px #64e0d066,0 0 0 3px #64e0d01a}.control-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #64e0d099,0 0 0 5px #64e0d033}.control-group input[type=range]::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#64e0d0 0%,#a084dc 100%);border:none;border-radius:50%;width:16px;height:16px;transition:all .3s;box-shadow:0 2px 8px #64e0d066,0 0 0 3px #64e0d01a}.control-group input[type=checkbox]{appearance:none;cursor:pointer;background:#64788c4d;border:1px solid #64c8ff33;border-radius:12px;width:48px;height:24px;transition:all .3s;position:relative}.control-group input[type=checkbox]:checked{background:linear-gradient(135deg,#64e0d0 0%,#a084dc 100%);border-color:#0000}.control-group input[type=checkbox]:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;top:2px;left:3px;box-shadow:0 2px 4px #0003}.control-group input[type=checkbox]:checked:before{left:25px}.checkbox-label{align-items:center;gap:.8rem;display:flex}.back-nav-button{z-index:2000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#64e0d0;font-family:var(--font-sans);background:linear-gradient(135deg,#0d1b2acc 0%,#1b263bb3 100%);border:1px solid #64c8ff4d;border-radius:20px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:absolute;top:2rem;left:2rem;box-shadow:0 4px 20px #0000004d,0 0 40px #64e0d01a}.back-nav-button:hover{background:linear-gradient(135deg,#64e0d033 0%,#a084dc33 100%);border-color:#64e0d080;transform:translate(-3px);box-shadow:0 6px 30px #64e0d04d}.toggle-ui-btn{z-index:2000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#64e0d0;cursor:pointer;background:linear-gradient(135deg,#0d1b2acc 0%,#1b263bb3 100%);border:1px solid #64c8ff4d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:2rem;right:2rem;box-shadow:0 4px 20px #0000004d,0 0 40px #64e0d01a}.toggle-ui-btn:hover{background:linear-gradient(135deg,#64e0d033 0%,#a084dc33 100%);border-color:#64e0d080;transform:rotate(180deg)scale(1.05);box-shadow:0 6px 30px #64e0d04d}@media (width<=768px){.ui-panel{width:calc(100vw - 2rem);min-width:auto;padding:1rem 1.2rem}.controls-container{grid-template-columns:1fr;gap:1rem}.jellyfish-ui{bottom:1rem;left:1rem;right:1rem;transform:none}.toggle-ui-btn{width:44px;height:44px;top:1rem;right:1rem}.back-nav-button{padding:.6rem 1.2rem;font-size:.85rem;top:1rem;left:1rem}}@media (width<=768px) and (pointer:coarse){.control-group input[type=range]{height:6px}.control-group input[type=range]::-webkit-slider-thumb{width:24px;height:24px}.control-group input[type=range]::-moz-range-thumb{width:24px;height:24px}.control-group input[type=checkbox]{width:52px;height:28px}.control-group input[type=checkbox]:before{width:22px;height:22px;top:2px;left:3px}.control-group input[type=checkbox]:checked:before{left:27px}}.mood-admin-page{background:linear-gradient(135deg,#fdf5f7 0%,#fff5f8 100%);min-height:100vh;padding:2rem 1rem}.admin-header{justify-content:space-between;align-items:center;max-width:900px;margin-bottom:2rem;margin-left:auto;margin-right:auto;display:flex}.logout-button{color:var(--color-deep-rose);font-family:var(--font-sans);cursor:pointer;background:#ffffffe6;border:2px solid #d4a5a54d;border-radius:12px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .3s}.logout-button:hover{background:#fff;border-color:#d4a5a5}.admin-login-container{text-align:center;background:#fffffff2;border:2px solid #d4a5a54d;border-radius:24px;max-width:500px;margin:6rem auto;padding:3rem;box-shadow:0 10px 40px #d4a5a533}.admin-login-title{font-family:var(--font-serif);background:linear-gradient(135deg,#a67c7c,#d4a5a5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(2rem,5vw,2.5rem);font-weight:700}.admin-login-subtitle{font-family:var(--font-serif);color:var(--color-soft-gray);margin-bottom:2rem;font-size:1.1rem;font-style:italic}.admin-login-form{flex-direction:column;gap:1rem;display:flex}.admin-password-input{font-family:var(--font-sans);color:var(--color-deep-rose);text-align:center;background:#fff0f580;border:2px solid #d4a5a54d;border-radius:12px;padding:1rem 1.5rem;font-size:1.1rem;transition:all .3s}.admin-password-input:focus{background:#ffffffe6;border-color:#d4a5a5;outline:none;box-shadow:0 0 0 3px #d4a5a51a}.admin-login-button{color:#fff;font-family:var(--font-serif);cursor:pointer;background:linear-gradient(135deg,#d4a5a5,#a67c7c);border:none;border-radius:12px;padding:1rem 2rem;font-size:1.2rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #a67c7c4d}.admin-login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a67c7c66}.admin-error{color:#c9302c;font-family:var(--font-sans);margin-top:-.5rem;font-size:.95rem}.admin-loading{text-align:center;font-family:var(--font-serif);color:var(--color-soft-gray);padding:3rem;font-size:1.2rem}.mood-loading{text-align:center;font-family:var(--font-serif);color:var(--color-soft-gray);padding:2rem;font-size:1.1rem}@media (width<=768px){.admin-login-container{margin:3rem auto;padding:2rem}.admin-header{flex-direction:column;align-items:stretch;gap:1rem}.logout-button{width:100%}}