@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#102f3a;background:#eef4f5;font-size:16px}*{box-sizing:border-box}body{margin:0}header{min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:#082f3a;color:white;gap:20px}a{color:#00747b}header a{color:white}a.brand{text-decoration:none;font-family:'Space Grotesk',sans-serif;font-size:1.3rem}.brand strong{color:#ffbf47}.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.12em}.layout{display:grid;grid-template-columns:360px 1fr;height:calc(100dvh - 88px)}.panel{background:white;padding:30px;overflow:auto}h1,h2{font-family:'Space Grotesk',sans-serif}h1{font-size:2.25rem;line-height:1.1;margin:16px 0}h2{font-size:1.3rem}p{line-height:1.55}.muted,time,footer{color:#516871}button{font:inherit;border:0;background:#086b75;color:white;padding:12px 18px;border-radius:8px;cursor:pointer;font-weight:700}button:hover{background:#084b56}button:focus-visible,a:focus-visible{outline:3px solid #d68a00;outline-offset:3px}.secondary{background:#e5edef;color:#183e48}.secondary:hover{background:#d4e4e7}#map{min-height:450px}.flight{background:#fff3d9;padding:20px;border-radius:12px;margin-top:28px}ol{list-style:none;padding:0}li{padding:16px 0;border-bottom:1px solid #dbe5e8}li time{display:block;font-size:.875rem;margin-top:7px}li p{margin-bottom:0;white-space:pre-wrap}.history-button{padding:0;background:none;color:#086b75;text-align:left}.history-button:hover{background:none;text-decoration:underline}footer{font-size:.875rem;line-height:1.6;margin-top:32px}footer a{display:inline-block;margin-top:12px}.plane{font-size:28px;color:#082f3a;background:#ffbf47;border-radius:50%;text-align:center;line-height:34px;box-shadow:0 3px 12px #0003}.admin{max-width:800px;margin:32px auto;padding:0 20px}.card{background:white;border-radius:12px;padding:26px;margin:24px 0;box-shadow:0 4px 18px #163e4808}label{display:block;font-weight:700;margin:16px 0}input,textarea{display:block;width:100%;font:inherit;padding:11px;margin-top:8px;border:1px solid #a7bec5;border-radius:6px}textarea{resize:vertical}.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.notice{background:#fff0ce;padding:16px;border-radius:8px}.entry{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #dbe5e8}.entry span{font-size:.875rem;color:#516871}.entry form{margin-left:auto}.card form+form{margin-top:18px}.leaflet-popup-content p{white-space:pre-wrap}@media(max-width:760px){header{padding:18px;min-height:80px}header>.eyebrow{display:none}.layout{height:auto;display:flex;flex-direction:column}#map{order:-1;height:52dvh;min-height:320px}.panel{padding:24px}.pair{grid-template-columns:1fr;gap:0}.admin{margin:24px auto}.card{padding:20px}}

/* Travel journal theme */
.travel-page{--ink:#152f43;--blue:#153d57;--teal:#007b78;--coral:#e66e52;--yellow:#ffd16a;background:#e9f1f5;color:var(--ink)}
.travel-page header{background:#112f43;min-height:92px;border-bottom:1px solid #ffffff18;padding:22px 32px}.travel-page .brand{font-size:1.35rem;letter-spacing:-.035em}.travel-page .brand strong{color:#ffd16a}.header-tag{font-size:.875rem;color:#d5e4ed}.header-tag span{display:inline-block;font-size:1.5rem;color:#ffd16a;margin-left:15px;animation:star-turn 18s linear infinite}
.travel-page .layout{grid-template-columns:410px minmax(0,1fr);height:calc(100dvh - 92px);padding:18px;gap:18px}.travel-page .panel{padding:30px 26px;border-radius:18px;background:#fbfdfe;box-shadow:0 10px 35px #12364d0a;scrollbar-width:thin}.location-label{font-size:.8rem;letter-spacing:.12em;font-weight:700;color:#527080;display:flex;align-items:center;gap:10px}.beacon{width:9px;height:9px;border-radius:50%;background:#e66e52;box-shadow:0 0 0 5px #e66e5214}.travel-page h1{font-size:2.6rem;letter-spacing:-.055em;line-height:1.08;margin:22px 0 14px;overflow-wrap:anywhere}.travel-page .muted{font-size:.875rem;margin-bottom:24px}.map-actions{display:flex;gap:10px;flex-wrap:wrap}.travel-page button{border-radius:10px;background:#153d57;transition:transform .2s,box-shadow .2s,background .2s;font-size:.875rem}.travel-page button:hover{background:#0a5260;transform:translateY(-2px);box-shadow:0 5px 14px #153d571a}.travel-page button:active{transform:translateY(0) scale(.98)}.map-actions button span{font-size:1.1rem;margin-left:12px}.travel-page .secondary{background:#e9f0f5;color:#153d57}.travel-page .secondary:hover{background:#dce9f0}.trip-stats{display:flex;position:relative;gap:32px;padding:24px 0 26px;margin:24px 0;border-top:1px dashed #b9ccd7;border-bottom:1px dashed #b9ccd7}.trip-stats>div{display:flex;flex-direction:column;gap:5px}.trip-stats strong{font-family:'Space Grotesk',sans-serif;font-size:1.8rem;letter-spacing:-.06em}.trip-stats span{font-size:.8rem;color:#536e7d}.trip-stats .stamp{margin-left:auto;align-self:center;border:2px solid #b65b44;color:#b65b44;border-radius:50%;height:62px;width:62px;display:grid;place-content:center;text-align:center;font-size:.65rem;line-height:1.4;letter-spacing:.07em;font-weight:700;transform:rotate(-13deg);opacity:.8}.journal-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.journal-heading h2{font-size:1.1rem;letter-spacing:-.035em;margin:8px 0}.travel-page .shuffle{padding:8px 0;background:transparent;color:#007b78;font-size:.8rem;white-space:nowrap;box-shadow:none}.shuffle span{margin-left:3px}.travel-page #history{margin:18px 0}.travel-page #history li{position:relative;margin-left:7px;padding:0 0 24px 23px;border:0;border-left:1px solid #c6d9e3;animation:entry-in .5s both;animation-delay:var(--delay,0ms)}.travel-page #history li:before{content:'';position:absolute;top:6px;left:-5px;width:9px;height:9px;background:#76a4b0;border:2px solid #fbfdfe;border-radius:50%}.travel-page #history li:first-child:before{background:#e66e52;width:11px;height:11px;left:-6px}.travel-page #history li:last-child{border-left-color:transparent;padding-bottom:0}.travel-page .history-button{background:none;color:#153d57;padding:0;font-size:1rem;font-weight:700;text-decoration:none;box-shadow:none;transform:none}.travel-page .history-button:hover{color:#007b78;background:none}.travel-page li time{font-size:.8rem;color:#637c8b}.travel-page li p{font-size:.875rem;color:#405e70;margin-top:9px}.travel-page footer{border-top:1px solid #dce7ed;padding-top:20px;font-size:.8rem;color:#66808e}.travel-page .flight{background:#fff0c9;border:1px solid #efd499;margin:24px 0;padding:18px;border-radius:12px}.travel-page .flight h2{font-size:1.25rem;margin:12px 0}.travel-page .flight p{font-size:.875rem}.map-stage{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 10px 35px #12364d12;min-height:450px}.map-stage #map{height:100%;width:100%;background:#cfe3eb}.map-caption{position:absolute;bottom:52px;left:24px;z-index:500;background:#112f43ef;color:white;padding:16px 20px;border:1px solid #ffffff26;border-radius:12px;display:flex;gap:16px;align-items:center;pointer-events:none;box-shadow:0 8px 30px #112f432b;animation:entry-in .7s .15s both}.map-caption-icon{font-size:2rem;color:#ffd16a}.map-caption strong{display:block;font-size:.95rem}.map-caption div>span{display:block;margin-top:5px;color:#c5dce7;font-size:.85rem}.map-legend{position:absolute;top:20px;right:20px;z-index:500;display:flex;align-items:center;gap:9px;background:#fffffff2;box-shadow:0 4px 20px #163d5812;border:1px solid #cadce5;padding:10px 14px;border-radius:999px;font-size:.75rem;color:#36576a;pointer-events:none}.legend-pin{width:9px;height:9px;border-radius:50%;background:#e66e52}.legend-pin.older{background:#007b78;margin-left:8px}.travel-page .leaflet-control-zoom{border:0!important;box-shadow:0 4px 16px #12364d22!important;border-radius:10px!important;overflow:hidden;margin:20px}.travel-page .leaflet-control-zoom a{color:#153d57;width:36px;height:36px;line-height:36px}.travel-page .leaflet-popup-content-wrapper{border-radius:12px;box-shadow:0 5px 24px #12364d24}.travel-page .leaflet-popup-content{font-family:'DM Sans',sans-serif;font-size:.875rem;line-height:1.5}.travel-page .leaflet-popup-content strong{font-family:'Space Grotesk',sans-serif;font-size:1.1rem;color:#153d57}.travel-page .leaflet-popup-content small{color:#637c8b}.dave-marker{background:transparent;border:0}.pin-core{position:absolute;width:18px;height:18px;left:8px;top:8px;border:3px solid white;border-radius:50%;background:#e66e52;box-shadow:0 2px 9px #153d5766}.pin-ring{position:absolute;width:34px;height:34px;border-radius:50%;border:2px solid #e66e5280;animation:pin-pulse 3s ease-out infinite}.plane{border:3px solid white;box-shadow:0 3px 15px #163d5840;line-height:28px;background:#ffd16a;font-size:24px}.flight-plane{display:block}.travel-page .panel{animation:entry-in .55s both}.travel-page #feedback:empty{display:none}
@keyframes pin-pulse{0%{transform:scale(.55);opacity:.85}85%,100%{transform:scale(1.8);opacity:0}}@keyframes entry-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes star-turn{to{transform:rotate(360deg)}}
@media(min-width:761px) and (max-width:1100px){.travel-page .layout{grid-template-columns:350px minmax(0,1fr)}.travel-page .panel{padding:24px 20px}.travel-page h1{font-size:2.3rem}.map-caption{left:16px;right:16px;padding:14px}.map-caption strong{font-size:.875rem}.map-legend{font-size:.7rem;right:12px}}
@media(max-width:760px){.travel-page header{min-height:80px;padding:20px}.travel-page .brand{font-size:1.15rem}.header-tag{display:none}.travel-page .layout{display:flex;height:auto;padding:12px;gap:12px}.map-stage{order:-1;height:48dvh;min-height:320px;max-height:520px;border-radius:14px}.map-stage #map{height:100%;min-height:0}.travel-page .panel{border-radius:14px;padding:26px 22px}.travel-page h1{font-size:2.4rem}.map-caption{bottom:32px;left:12px;padding:12px 14px;gap:10px}.map-caption strong{font-size:.85rem}.map-caption div>span{font-size:.75rem}.map-caption-icon{font-size:1.6rem}.map-legend{top:12px;right:12px;padding:9px 11px;font-size:.7rem}.travel-page .leaflet-control-zoom{margin:12px}.journal-heading h2{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.travel-page button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.travel-page .shuffle{font-size:.875rem}.travel-page .location-label{font-size:.875rem}.travel-page .map-legend{font-size:.875rem}
@media(max-width:420px){.travel-page .map-legend{font-size:.75rem}}