@import"https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap";:root{--paper: #faf8f3;--ink: #2c3e50;--water-blue: #74a9cf;--sky-blue: #87ceeb;--sky-blue-light: #b0e0e6;--sky-blue-pale: #add8e6;--water-teal: #7fb069;--water-coral: #d4a574;--water-lavender: #b19cd9;--water-rose: #e8a598;--shadow: rgba(44, 62, 80, .1);--border-soft: rgba(135, 206, 235, .3)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Kalam,cursive;background:var(--paper);color:var(--ink);overflow-x:hidden;min-height:100vh}.watercolor-bg{background:linear-gradient(135deg,var(--paper) 0%,rgba(116,169,207,.1) 25%,rgba(127,176,105,.1) 50%,rgba(212,165,116,.1) 75%,var(--paper) 100%);position:relative}.watercolor-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(116,169,207,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(127,176,105,.12) 0%,transparent 50%),radial-gradient(circle at 60% 20%,rgba(212,165,116,.1) 0%,transparent 50%);pointer-events:none;z-index:-1}.hand-drawn-btn{font-family:Caveat,cursive;font-size:16px;font-weight:600;background:var(--paper);color:var(--ink);border:2px solid var(--water-blue);border-radius:12px;padding:8px 16px;cursor:pointer;transition:all .3s ease;position:relative;transform:rotate(-1deg);box-shadow:3px 3px 8px var(--shadow)}.hand-drawn-btn:hover{transform:rotate(0) translateY(-2px);background:var(--water-blue);color:var(--paper);box-shadow:5px 5px 15px var(--shadow)}.hand-drawn-btn:active{transform:rotate(1deg) translateY(0);box-shadow:2px 2px 5px var(--shadow)}.paper-texture{background-image:radial-gradient(circle at 100% 50%,transparent 20%,rgba(255,255,255,.3) 21%,rgba(255,255,255,.3) 34%,transparent 35%,transparent),linear-gradient(0deg,transparent 24%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.05) 76%,transparent 77%,transparent);background-size:50px 50px}.bold{font-weight:700}.place-label{background:none!important;border:none!important;box-shadow:none!important}.place-name-popup{background:var(--paper);border:2px solid var(--sky-blue);border-radius:12px;padding:10px 14px;font-family:Caveat,cursive;color:var(--ink);text-align:center;white-space:nowrap;box-shadow:4px 4px 12px var(--shadow);transform:rotate(-2deg);position:relative;display:flex;flex-direction:column;gap:2px}.place-label-animate{animation:labelSlideIn .6s ease-out forwards}@keyframes labelSlideIn{0%{opacity:0;transform:rotate(-2deg) translateY(20px) scale(.8)}60%{opacity:.8;transform:rotate(-2deg) translateY(-5px) scale(1.05)}to{opacity:1;transform:rotate(-2deg) translateY(0) scale(1)}}.place-label-fade-out{animation:labelFadeOut .4s ease-in forwards}@keyframes labelFadeOut{0%{opacity:1;transform:rotate(-2deg) translateY(0) scale(1)}to{opacity:0;transform:rotate(-2deg) translateY(-10px) scale(.9)}}.place-city{font-size:18px;font-weight:700;line-height:1}.place-date{font-size:14px;font-weight:500;color:var(--water-blue);line-height:1}.place-name-popup:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--sky-blue)}.place-name-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-2px);border:6px solid transparent;border-top-color:var(--paper)}@media (max-width: 768px){.hand-drawn-btn{font-size:14px;padding:6px 12px}.place-name-popup{padding:8px 12px}.place-city{font-size:16px}.place-date{font-size:12px}}@media (max-width: 480px){.hand-drawn-btn{font-size:12px;padding:4px 10px}body{font-size:14px}.place-name-popup{padding:6px 10px}.place-city{font-size:14px}.place-date{font-size:11px}}