:root{--rose: #e8a0a0;--rose-dark: #c97a7a;--blush: #f5dde0;--petal: #fdf0f2;--mauve: #9b6b7b;--mauve-deep: #6d3f52;--sage: #b5c9b5;--cream: #fef9f5;--text: #4a3040;--text-light: #8a6070;--gold: #d4a96a;--shadow: rgba(200,120,140,.15);--border: rgba(232,160,160,.18);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:Lato,sans-serif;background:var(--cream);color:var(--text);min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 20%,rgba(232,160,160,.1) 0%,transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(181,201,181,.08) 0%,transparent 50%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--rose);border-radius:4px}button,a,[role=button]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}button:active:not(:disabled){transform:scale(.97);transition:transform .08s ease}input,textarea,select{font-family:Lato,sans-serif;font-size:1rem;color:var(--text);width:100%;padding:13px 16px;border:1.5px solid var(--border);border-radius:14px;background:var(--petal);outline:none;transition:border-color .2s,background .2s,box-shadow .2s;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,textarea:focus,select:focus{border-color:var(--rose-dark);background:#fff;box-shadow:0 0 0 3px #c8788c1f}textarea{resize:vertical;min-height:80px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.gap-2{gap:8px}.empty-state{text-align:center;padding:48px 24px;color:var(--text-light)}.empty-state .empty-icon{font-size:3.5rem;margin-bottom:16px;animation:bounce-in .6s ease}.empty-state p{font-size:.92rem;line-height:1.7}.loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--text-light);font-size:1.8rem;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.95)}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.section-label{font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-light);margin-bottom:8px;font-weight:600}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .35s ease forwards}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tl-page-title{font-family:Playfair Display,serif;font-size:1.1rem;color:var(--mauve-deep)}.tl-page-sub{font-size:.75rem;color:var(--text-light);margin-top:2px}.tl-map{position:relative;padding:0 4px 20px;min-height:200px}.tl-start-marker,.tl-end-marker{text-align:center;padding:20px 0 16px;position:relative;z-index:2}.tl-start-flag{font-size:2rem;margin-bottom:6px;animation:pulse 2s ease-in-out infinite}.tl-start-label{font-family:Caveat,cursive;font-size:1.15rem;color:var(--mauve)}.tl-start-date{font-family:Caveat,cursive;font-size:.85rem;color:var(--text-light);margin-top:2px}.tl-end-marker{padding:24px 0 8px}.tl-end-heart{font-size:2rem;margin-bottom:6px;animation:pulse 2s ease-in-out infinite}.tl-end-label{font-family:Caveat,cursive;font-size:1.1rem;color:var(--rose-dark)}.tl-path{position:relative;padding:0}.tl-gap-badge{display:flex;align-items:center;gap:10px;padding:10px 0;justify-content:center;position:relative;z-index:2}.tl-gap-line{flex:1;max-width:60px;height:1px;background:var(--border)}.tl-gap-text{font-family:Caveat,cursive;font-size:.78rem;color:var(--text-light);white-space:nowrap;background:var(--cream);padding:2px 10px;border-radius:50px;border:1px solid var(--border)}.tl-node{display:flex;align-items:flex-start;position:relative;padding:8px 0;min-height:70px;animation:fadeUp .5s ease both}.tl-node.tl-left{flex-direction:row-reverse}.tl-node.tl-right{flex-direction:row}.tl-waypoint{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:5;-webkit-tap-highlight-color:transparent}.tl-dot{width:36px;height:36px;border-radius:50%;background:#fff;border:3px solid var(--rose);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px var(--shadow);transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative}.tl-dot-active{width:44px;height:44px;border-color:var(--mauve-deep);box-shadow:0 0 0 6px #9b6b7b33,0 4px 16px var(--shadow)}.tl-dot-active:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:2px solid rgba(155,107,123,.15);animation:tl-ring 1.5s ease-out infinite}.tl-dot-emoji{font-size:.85rem;transition:font-size .3s}.tl-dot-active .tl-dot-emoji{font-size:1.1rem}.tl-date-label{font-family:Caveat,cursive;font-size:.65rem;color:var(--text-light);white-space:nowrap;margin-top:4px;opacity:.8;transition:all .3s}.tl-node-active .tl-date-label{font-size:.75rem;color:var(--mauve-deep);opacity:1;font-weight:600}.tl-arm{position:absolute;top:24px;width:calc(50% - 50px);height:2px;background:linear-gradient(90deg,var(--border),var(--rose) 50%,var(--border));opacity:.4;transition:opacity .3s}.tl-node-active .tl-arm{opacity:.8}.tl-arm-left{right:calc(50% + 24px)}.tl-arm-right{left:calc(50% + 24px)}.tl-card{width:calc(50% - 42px);transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;-webkit-tap-highlight-color:transparent}.tl-left .tl-card{margin-right:auto;margin-left:8px}.tl-right .tl-card{margin-left:auto;margin-right:8px}.tl-card-closed{background:#fff;border-radius:14px;padding:0;box-shadow:0 2px 10px var(--shadow);border:1px solid var(--border);overflow:hidden}.tl-card-closed:active{transform:scale(.97)}.tl-card-preview{display:flex;align-items:center;gap:10px;padding:8px}.tl-card-thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0}.tl-card-preview-text{min-width:0;flex:1}.tl-card-mini-title{font-family:Caveat,cursive;font-size:.88rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.tl-card-open{background:#fffdf5;border-radius:4px;padding:8px 8px 14px;box-shadow:0 6px 24px #643c502e,0 2px 6px #0000000f;position:relative}.tl-card-expanded{position:relative}.tl-card-img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;border-radius:2px;filter:contrast(1.04) saturate(.95)}.tl-card-placeholder{width:100%;aspect-ratio:4/5;background:linear-gradient(135deg,#f5e8ee,#ede0e8);display:flex;align-items:center;justify-content:center;font-size:2.5rem;border-radius:2px}.tl-card-body{padding:10px 4px 2px;text-align:center}.tl-card-title{font-family:Caveat,cursive;font-size:1.1rem;font-weight:600;color:#4a3040;line-height:1.3}.tl-card-caption{font-family:Reenie Beanie,cursive;font-size:1rem;color:#9b6b7b;margin-top:3px;line-height:1.3;font-style:italic}.tl-card-date{font-family:Caveat,cursive;font-size:.78rem;color:#b89090;margin-top:4px}.tl-card-del{position:absolute;top:4px;right:4px;background:#00000059;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s;z-index:5}.tl-card-del:active{opacity:1}.journey-controls{position:fixed;bottom:0;left:0;right:0;z-index:150;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:0 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);box-shadow:0 -4px 20px #643c5014;animation:slideUp .3s ease}.journey-progress-bar{height:3px;background:var(--blush);border-radius:2px;overflow:hidden;margin-bottom:10px}.journey-progress-fill{height:100%;background:linear-gradient(90deg,var(--rose),var(--mauve-deep));border-radius:2px;transition:width .5s ease}.journey-controls-row{display:flex;align-items:center;justify-content:center;gap:12px}.journey-btn{background:var(--blush);border:none;border-radius:50%;width:40px;height:40px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--mauve-deep);transition:all .2s;-webkit-tap-highlight-color:transparent}.journey-btn:disabled{opacity:.35;cursor:not-allowed}.journey-btn-play{width:50px;height:50px;background:linear-gradient(135deg,var(--mauve),var(--mauve-deep));color:#fff;font-size:1.1rem;box-shadow:0 4px 14px #6d3f524d}.journey-counter{font-family:Caveat,cursive;font-size:.9rem;color:var(--text-light);min-width:50px}@keyframes tl-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}@keyframes tl-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-40}}.tl-path-flow{animation:tl-flow 2s linear infinite}@media (max-width: 380px){.tl-card{width:calc(50% - 34px)}.tl-dot{width:30px;height:30px}.tl-dot-active{width:38px;height:38px}.tl-dot-emoji{font-size:.75rem}.tl-date-label{font-size:.58rem}.tl-card-mini-title{font-size:.8rem}}.tabs-container{display:flex;gap:0;background:#9b6b7b14;border-radius:14px;padding:4px;margin-bottom:16px}.tab-button{flex:1;padding:10px 12px;border:none;border-radius:11px;background:transparent;color:var(--text-light);font-family:Lato,sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:6px;position:relative;white-space:nowrap}.tab-button.active{background:#fff;color:var(--mauve-deep);box-shadow:0 2px 8px #6b3f5226}.tab-button .tab-count{background:var(--blush);color:var(--mauve);font-size:.65rem;padding:1px 6px;border-radius:20px;font-weight:700;min-width:18px;text-align:center}.tab-button.active .tab-count{background:var(--mauve-deep);color:#fff}.list-item-enter{animation:fadeUp .3s ease forwards}.scroll-container{-webkit-overflow-scrolling:touch;overflow-y:auto;scroll-behavior:smooth}.notification-dot{width:8px;height:8px;background:#e74c3c;border-radius:50%;position:absolute;top:-2px;right:-2px;border:2px solid white;animation:pulse 1.5s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--petal) 25%,white 50%,var(--petal) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.page-content{padding:18px 16px 10px;min-height:calc(100vh - 140px);min-height:calc(100dvh - 140px)}@media (max-width: 420px){.tab-label{display:none}}@media (max-width: 380px){.tabs-container{gap:0;padding:3px}.tab-button{padding:8px 6px;font-size:.75rem;gap:4px}}@media (min-width: 768px){body{background:linear-gradient(135deg,#f5e8ee 0%,var(--cream) 50%,#e8f0e8 100%)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}