:root{color-scheme:light;font-family:Outfit,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#1f1d1b;background-color:#f6f0ea}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(circle at 8% 10%,rgba(255,169,196,.34),transparent 34%),radial-gradient(circle at 92% 18%,rgba(166,214,255,.34),transparent 36%),radial-gradient(circle at 30% 90%,rgba(255,206,137,.26),transparent 30%),radial-gradient(circle at 84% 82%,rgba(177,238,194,.24),transparent 32%),#f6f0ea}#root{min-height:100vh}button{font:inherit}.app{position:relative;isolation:isolate;max-width:1100px;margin:0 auto;padding:48px 24px 72px;display:grid;gap:32px}.app:before,.app:after{content:"";position:absolute;z-index:-1;pointer-events:none}.app:before{width:420px;height:420px;top:-140px;right:-100px;background:radial-gradient(circle,#ff8faa42,#ff8faa00 72%)}.app:after{width:360px;height:360px;bottom:-10px;left:-150px;background:radial-gradient(circle,#76bbff38,#76bbff00 70%)}.sparkle-sky{position:absolute;inset:-30px 0 0;z-index:-1;pointer-events:none;overflow:hidden}.sparkle-heart,.sparkle-star,.rainbow-ribbon,.rainbow-mist{position:absolute}.sparkle-heart{color:#de5e8d8f;font-size:20px;animation:float-heart 7s ease-in-out infinite;text-shadow:0 0 16px rgba(255,156,189,.75)}.sparkle-star{color:#ffd383cc;font-size:15px;animation:twinkle 2.8s ease-in-out infinite;text-shadow:0 0 14px rgba(255,229,156,.75)}.heart-1{top:8%;left:9%;animation-delay:-.5s}.heart-2{top:22%;right:8%;font-size:20px;animation-delay:-3.2s}.heart-3{top:64%;left:5%;animation-delay:-5.7s}.heart-4{top:80%;right:12%;font-size:16px;animation-delay:-2.1s}.heart-5{top:42%;left:14%;font-size:15px;animation-delay:-4.6s}.heart-6{top:12%;right:38%;font-size:17px;animation-delay:-1.4s}.star-1{top:12%;left:32%;animation-delay:-.4s}.star-2{top:32%;right:28%;animation-delay:-1.9s}.star-3{top:54%;left:72%;animation-delay:-.9s}.star-4{top:72%;left:22%;animation-delay:-2.3s}.star-5{top:18%;right:46%;animation-delay:-.7s}.star-6{top:66%;right:6%;animation-delay:-1.5s}.rainbow-ribbon{width:280px;height:140px;border-radius:280px 280px 0 0;opacity:.34;filter:blur(2px)}.ribbon-1{top:-6px;right:-44px;background:linear-gradient(90deg,#f48181a6,#f6b36da6 22%,#f5dc7aa6,#91d7a6a6,#82bef1a6 82%,#bc98eda6);animation:ribbon-glow 6s linear infinite}.ribbon-2{bottom:-16px;left:-40px;transform:rotate(180deg);background:linear-gradient(90deg,#f4818180,#f6b36d80 22%,#f5dc7a80,#91d7a680,#82bef180 82%,#bc98ed80);animation:ribbon-glow 7.5s linear infinite reverse}.rainbow-mist{width:320px;height:320px;border-radius:999px;mix-blend-mode:screen;opacity:.24;animation:mist-drift 12s ease-in-out infinite}.mist-1{top:26%;left:24%;background:radial-gradient(circle,#ff7bb2e6,#ffb171b3 28%,#83c7ff8c 62%,#83c7ff00)}.mist-2{bottom:8%;right:18%;background:radial-gradient(circle,#be97ffd9,#7cddbead,#ffcf8480 72%,#ffcf8400);animation-delay:-6s}@keyframes float-heart{0%{transform:translateY(0) scale(1) rotate(0);opacity:.34}50%{transform:translateY(-10px) scale(1.08) rotate(-4deg);opacity:.58}to{transform:translateY(0) scale(1) rotate(0);opacity:.34}}@keyframes twinkle{0%{opacity:.18;transform:scale(.85)}50%{opacity:.72;transform:scale(1.08)}to{opacity:.18;transform:scale(.85)}}@keyframes ribbon-glow{0%{filter:blur(2px) saturate(1)}50%{filter:blur(3px) saturate(1.2)}to{filter:blur(2px) saturate(1)}}@keyframes mist-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(12px,-14px) scale(1.07)}to{transform:translate(0) scale(1)}}.journey-header{display:grid;gap:12px;padding:24px 24px 20px;border-radius:24px;border:1px solid rgba(241,191,174,.65);background:linear-gradient(125deg,#fff4fad1,#fff6e3d6),radial-gradient(circle at top right,rgba(177,221,255,.36),transparent 44%);box-shadow:0 18px 40px #a36e951f}.journey-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:#8a6d5a}.journey-header h1{font-size:clamp(2.2rem,4vw,3.4rem);letter-spacing:-.02em}.journey-subtitle{max-width:620px;color:#4a3a2f}.journey-meta{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:center;width:fit-content;padding:10px 14px;border-radius:999px;border:1px solid #e4c6b1;background:#fff8f1d9;color:#7a5d4b}.journey-meta strong{color:#b4572d}.journey-love-note{max-width:700px;color:#6c4f42;font-style:italic}.letter-assembly{display:grid;gap:10px;justify-items:center}.letter-assembly-label{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:#a1795e}.letter-assembly-row{display:flex;gap:10px;padding:10px 16px;border-radius:999px;background:linear-gradient(120deg,#fff7f0,#fff2ff);border:1px solid #efcfe6;box-shadow:0 10px 26px #b477a824}.letter-slot{width:26px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:700;color:#d7b39a;background:#fffaf6;border:1px dashed #e7cbb4}.letter-slot.filled{color:#9047e5;border-style:solid;background:linear-gradient(140deg,#ffe4f4,#efe5ff);border-color:#d4b3ff}main{display:grid;gap:24px}.station-panel{background:linear-gradient(130deg,#fff9f5eb,#fff3fceb),radial-gradient(circle at top right,rgba(168,216,255,.3),transparent 42%);border-radius:24px;padding:28px;border:1px solid #efd3e4;display:grid;gap:24px;box-shadow:0 16px 34px #9f6d8f1f}.station-header{display:grid;gap:8px}.station-label{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:#a1795e}.station-header h2{font-size:clamp(1.6rem,2.5vw,2.3rem)}.station-subtitle{color:#5b4740}.station-dedication{font-size:.95rem;color:#7a5d4b}.memory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.memory-card{background:linear-gradient(140deg,#fff8f2,#fff0fb);border:1px solid #efcee4;border-radius:18px;padding:16px;text-align:left;display:grid;gap:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.memory-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 14px 28px #a860982e}.memory-card.loaded{background:linear-gradient(145deg,#f5e8ff,#ebf5ff);border-color:#c9bee5;cursor:default}.memory-type{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#a1795e}.memory-state{font-size:.85rem;color:#6d5345}.memory-summary{font-size:.85rem;color:#7a5d4b}.station-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}.station-progress{font-weight:600;color:#5b4740}.letter-reveal{display:flex;align-items:baseline;gap:10px}.letter-label{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#a1795e}.letter-fragment{font-size:1.8rem;font-weight:700;color:#c96f3a}.letter-hint{color:#8a6d5a}.station-progress-note{margin-top:-10px;color:#7a5d4b;font-size:.95rem}.train-controls{background:linear-gradient(140deg,#fff7f0,#fff0fb);border:1px solid #efcde5;border-radius:20px;padding:20px 24px;display:grid;gap:10px;justify-items:start}.train-controls button{border:none;background:linear-gradient(90deg,#ff6d94,#ff9d6e 34%,#f6c957 68%,#83d5a0);color:#fff;padding:12px 20px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.train-controls button:disabled{background:linear-gradient(90deg,#d6c2ca,#d8cab7);cursor:not-allowed;box-shadow:none}.train-controls button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 20px #78533f33}.train-hint{color:#7a5d4b}.future-panel{background:linear-gradient(135deg,#fff7f0eb,#ffecf6eb 52%,#eaf3ffe6),radial-gradient(circle at top right,rgba(255,208,143,.34),transparent 40%);border-radius:28px;border:1px solid #eecfe3;padding:36px;display:grid;gap:16px}.future-letter{display:flex;align-items:center;gap:12px;font-weight:600;color:#5b4740}.future-letter strong{font-size:1.6rem;color:#c96f3a}.future-note{color:#6d5345;max-width:540px}.future-promise{width:fit-content;padding:10px 14px;border-radius:14px;background:#fffaf6cc;border:1px solid #e9d3c2;color:#7a5d4b}.memory-viewer{position:fixed;inset:0;z-index:20;display:grid;place-items:center}.viewer-backdrop{position:absolute;inset:0;background:#1d171366;border:none}.viewer-card{position:relative;z-index:1;width:min(720px,92vw);max-height:90vh;overflow:auto;background:linear-gradient(128deg,#fffaf6f5,#fff3fcf0),radial-gradient(circle at top right,rgba(163,214,255,.22),transparent 42%);border-radius:24px;border:1px solid #edd2bc;padding:20px 24px 24px;display:grid;gap:16px;box-shadow:0 24px 60px #48294938}.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.viewer-header h3{font-size:1.25rem}.viewer-close{background:#f3e7dc;border:1px solid #e2c9b3;border-radius:999px;padding:6px 14px;cursor:pointer}.viewer-body{display:grid;gap:14px}.viewer-body img,.viewer-body video{width:100%;max-height:70vh;object-fit:contain;border-radius:18px;border:1px solid #edd2bc;background:#fff}.viewer-body p{color:#6d5345}@media(max-width:720px){.app{padding:34px 18px 56px;gap:24px}.station-panel{padding:22px}.station-footer{flex-direction:column;align-items:flex-start}.train-controls{justify-items:stretch}.train-controls button{width:100%}.journey-meta{width:100%;border-radius:16px}.future-panel{padding:24px}.sparkle-sky{inset:0}.rainbow-ribbon{width:180px;height:90px;opacity:.2}.rainbow-mist{width:210px;height:210px}}@media(prefers-reduced-motion:reduce){.sparkle-heart,.sparkle-star,.rainbow-ribbon,.rainbow-mist{animation:none}}