@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap";:root,[data-theme=light]{--bg:#fafafa;--surface:#fff;--border:#e8e8e8;--text:#1a1a1a;--text-secondary:#888;--text-muted:#b0b0b0;--accent:#1a1a1a;--accent-light:#e0e0e0;--dot-home:#1a1a1a;--dot-trip:#c04040;--line:#d0d0d0;--land:#e8e8e8;--land-stroke:#d0d0d0;--ocean:#f5f5f5;--graticule:#ececec;--shadow:0 2px 20px #0000000f;--shadow-lg:0 8px 40px #00000014;--pin-stroke:#fff;--card-bg:#fff;--card-memo:#1a1a1a;--globe-stroke:var(--border)}[data-theme=dark]{--bg:#0a0a0f;--surface:#141420;--border:#2a2a3a;--text:#e8e4e0;--text-secondary:#9a9a9a;--text-muted:#5a5a6a;--accent:#e8e4e0;--accent-light:#2a2a3a;--dot-home:#c8a050;--dot-trip:#c04040;--line:#c04040;--land:#1e1e2a;--land-stroke:#2a2a3a;--ocean:#10101a;--graticule:#1a1a28;--shadow:0 2px 20px #0000004d;--shadow-lg:0 8px 40px #0006;--card-bg:#1c1a16;--card-memo:#d4c8b0;--pin-stroke:#2a2a3a;--globe-stroke:#2a2a3a}[data-theme=midnight]{--bg:#080c18;--surface:#101828;--border:#1e2d4a;--text:#c8d4e8;--text-secondary:#7a8da8;--text-muted:#3e5070;--accent:#c8d4e8;--accent-light:#1e2d4a;--dot-home:#a0b8d8;--dot-trip:#d05050;--line:#d05050;--land:#142040;--land-stroke:#1e2d4a;--ocean:#0a1020;--graticule:#121e35;--shadow:0 2px 20px #0006;--shadow-lg:0 8px 40px #00000080;--card-bg:#121a2a;--card-memo:#a8c0e0;--pin-stroke:#1e2d4a;--globe-stroke:#1e2d4a}[data-theme=sepia]{--bg:#f4ede4;--surface:#faf5ee;--border:#d8cdb8;--text:#3a2e20;--text-secondary:#7a6a52;--text-muted:#a89878;--accent:#3a2e20;--accent-light:#d8cdb8;--dot-home:#6a5238;--dot-trip:#a83030;--line:#b8a888;--land:#e0d4c0;--land-stroke:#d0c4a8;--ocean:#ece4d8;--graticule:#e4dace;--shadow:0 2px 20px #3c281414;--shadow-lg:0 8px 40px #3c28141a;--card-bg:#f8f0e4;--card-memo:#4a3a28;--pin-stroke:#faf5ee;--globe-stroke:#d8cdb8}[data-theme=aurora]{--bg:#060a10;--surface:#0c1420;--border:#1a2a38;--text:#c0e0d8;--text-secondary:#608880;--text-muted:#304840;--accent:#c0e0d8;--accent-light:#1a2a38;--dot-home:#50c0a0;--dot-trip:#c04050;--line:#c04050;--land:#0e2028;--land-stroke:#1a2a38;--ocean:#081018;--graticule:#0e1a24;--shadow:0 2px 20px #0006;--shadow-lg:0 8px 40px #00000080;--card-bg:#0c1820;--card-memo:#a0d8c8;--pin-stroke:#1a2a38;--globe-stroke:#1a2a38}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);touch-action:none;-webkit-overflow-scrolling:touch;width:100vw;height:100dvh;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background .4s;overflow:hidden}#globe-container{z-index:0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#globe-container svg{cursor:grab}#globe-container svg:active{cursor:grabbing}.land{fill:var(--land);stroke:var(--land-stroke);stroke-width:.4px;transition:fill .4s,stroke .4s}.globe-outline{fill:var(--ocean);stroke:var(--globe-stroke);stroke-width:.8px;transition:fill .4s,stroke .4s}.graticule{fill:none;stroke:var(--graticule);stroke-width:.3px;transition:stroke .4s}.arc-line{fill:none;stroke:var(--line);stroke-width:1px;stroke-dasharray:4 3;opacity:.6;transition:stroke .4s}.arc-pulse{fill:none;stroke:var(--dot-trip);stroke-width:2px;stroke-linecap:round;stroke-dasharray:8 500;opacity:.8;pointer-events:none;filter:drop-shadow(0 0 3px var(--dot-trip));animation:4s linear infinite arc-travel}@keyframes arc-travel{0%{stroke-dashoffset:0}to{stroke-dashoffset:-508px}}.marker{cursor:pointer;transition:r .2s}.marker:hover{r:6}.marker-ring{fill:none;stroke-width:1.5px;opacity:.3;pointer-events:none}.home-ring{fill:none;stroke:var(--dot-home);stroke-width:1px;opacity:.25;pointer-events:none;animation:4s ease-in-out infinite pulse-home}@keyframes pulse-home{0%,to{r:6;opacity:.25}50%{r:10;opacity:.08}}.marker-label{letter-spacing:.06em;fill:var(--text);pointer-events:none;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.marker-sublabel{letter-spacing:.03em;fill:var(--text-secondary);pointer-events:none;font-family:Inter,sans-serif;font-size:10px;font-weight:400}.marker-hit{cursor:pointer}.trip-pin-label{letter-spacing:.03em;fill:var(--text-secondary);pointer-events:none;opacity:0;font-family:Inter,sans-serif;font-size:9px;font-weight:500;animation:.3s ease-out forwards label-in}.trip-pin{opacity:0;animation:.4s ease-out forwards fade-in}@keyframes label-in{0%{opacity:0}to{opacity:1}}#title-bar{z-index:10;pointer-events:none;transition:opacity .4s;animation:1s ease-out both fade-in;position:fixed;top:32px;left:40px}#title{color:var(--text);letter-spacing:.02em;font-family:Playfair Display,Georgia,serif;font-size:1.5rem;font-weight:600}#subtitle{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-top:2px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:400}#legend{z-index:10;gap:18px;animation:1s ease-out .3s both fade-in;display:flex;position:fixed;bottom:28px;left:40px}.legend-item{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:400;display:flex}.dot{border-radius:50%;width:7px;height:7px}.dot-home{background:var(--dot-home)}.dot-trip{background:var(--dot-trip)}#pin-legend{z-index:20;opacity:0;gap:14px;transition:opacity .3s;display:none;position:fixed;bottom:28px;left:40px}#pin-legend.visible{opacity:1;display:flex}.pin-legend-item{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:4px;font-family:Inter,sans-serif;font-size:.6rem;font-weight:400;display:flex}.pin-legend-icon{width:10px;height:10px;fill:var(--dot-trip)}@media (width<=768px){#pin-legend{gap:10px;bottom:16px;left:20px}}#back-btn{z-index:20;letter-spacing:.05em;color:var(--text-muted);cursor:pointer;opacity:0;pointer-events:none;font-family:Inter,sans-serif;font-size:.75rem;font-weight:400;transition:opacity .3s,color .2s;display:none;position:fixed;top:32px;left:40px}#back-btn span{margin-right:4px}#back-btn:hover{color:var(--text)}#back-btn.visible{opacity:1;pointer-events:all;display:block}#trip-panel{background:var(--surface);border-left:1px solid var(--border);width:380px;height:100vh;box-shadow:var(--shadow-lg);z-index:30;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:48px 36px 36px;transition:transform .4s ease-out,background .4s,border-color .4s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}#trip-panel.open{transform:translate(0)}#panel-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;font-size:1.2rem;transition:color .2s;display:flex;position:absolute;top:16px;right:18px}#panel-close:hover{color:var(--text)}#panel-header{border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:24px}#panel-city{color:var(--text);font-family:Playfair Display,Georgia,serif;font-size:1.6rem;font-weight:600}#panel-date{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-top:6px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:400}#panel-subtitle{color:var(--text-secondary);margin-top:6px;font-family:Playfair Display,Georgia,serif;font-size:.95rem;font-style:italic}.pin-item{border-bottom:1px solid var(--border);cursor:pointer;padding:18px 0;transition:background .2s;animation:.4s ease-out both pin-item-in}@keyframes pin-item-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pin-item:hover{background:var(--bg);margin:0 -36px;padding:18px 36px}.pin-item:last-child{border-bottom:none}.pin-name{color:var(--text);font-family:Inter,sans-serif;font-size:.85rem;font-weight:500}.pin-memo-preview{color:var(--text-secondary);margin-top:3px;font-family:Playfair Display,Georgia,serif;font-size:.85rem;font-style:italic;line-height:1.5}#pin-card{background:var(--card-bg,var(--surface));border:1px solid var(--border);width:400px;box-shadow:var(--shadow-lg);z-index:50;opacity:0;pointer-events:none;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:4px;padding:32px 28px 28px;transition:opacity .3s,transform .3s,background .4s;position:fixed;top:50%;left:40px;transform:translateY(-50%)scale(.97)}#pin-card.dragging{cursor:grabbing;transition:none}#pin-card.visible{opacity:1;pointer-events:all;transform:translateY(-50%)scale(1)}#pin-card.visible.placed{transform:none}#card-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:1rem;transition:color .2s;position:absolute;top:10px;right:12px}#card-close:hover{color:var(--text)}#card-photo{background:var(--bg);width:100%;height:200px;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;border-radius:3px;justify-content:center;align-items:center;margin-bottom:20px;font-family:Inter,sans-serif;font-size:.6rem;font-weight:400;display:flex;overflow:hidden}#card-photo img{object-fit:cover;width:100%;height:100%}#card-name{color:var(--text);text-align:center;letter-spacing:.02em;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600}#card-divider{background:var(--border);width:40px;height:1px;margin:14px auto}#card-memo{color:var(--card-memo,var(--text));text-align:center;font-family:Playfair Display,Georgia,serif;font-size:1.05rem;font-style:italic;line-height:1.7}#card-joke{color:var(--text-muted);text-align:center;margin-top:12px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:400;line-height:1.5}.empty-trip{text-align:center;padding:48px 0}.empty-trip-text{color:var(--text-muted);font-family:Playfair Display,Georgia,serif;font-size:.95rem;font-style:italic;line-height:1.8}#trip-panel::-webkit-scrollbar{width:3px}#trip-panel::-webkit-scrollbar-track{background:0 0}#trip-panel::-webkit-scrollbar-thumb{background:var(--accent-light);border-radius:2px}#theme-toggle{z-index:20;border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:border-color .2s,background .2s,color .2s;display:flex;position:fixed;bottom:28px;right:28px}#theme-toggle:hover,#sound-toggle:hover{color:var(--text);border-color:var(--text-muted)}#theme-toggle:after{content:"☾"}[data-theme=dark] #theme-toggle:after{content:"☼"}[data-theme=midnight] #theme-toggle:after{content:"★"}[data-theme=sepia] #theme-toggle:after{content:"❦"}[data-theme=aurora] #theme-toggle:after{content:"❄"}#sound-toggle{z-index:20;border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;transition:border-color .2s,background .2s,color .2s;display:flex;position:fixed;bottom:28px;right:72px}#sound-toggle:after{content:"♪";opacity:.4}#sound-toggle.active:after{opacity:1}@media (width<=768px){#sound-toggle{bottom:16px;right:56px}}#stars-canvas{z-index:-1;pointer-events:none;opacity:0;transition:opacity .6s;position:fixed;inset:0}[data-theme=dark] #stars-canvas,[data-theme=midnight] #stars-canvas,[data-theme=aurora] #stars-canvas{opacity:1}#gate{z-index:200;background:var(--bg);justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}#gate.hidden{opacity:0;pointer-events:none}#gate-box{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}#gate-title{color:var(--text);letter-spacing:.02em;margin-bottom:8px;font-family:Playfair Display,Georgia,serif;font-size:1.8rem;font-weight:600}#gate-input{background:var(--surface);width:240px;color:var(--text);border:1px solid var(--border);text-align:center;letter-spacing:.05em;border-radius:4px;outline:none;padding:10px 16px;font-family:Inter,sans-serif;font-size:.85rem;transition:border-color .2s}#gate-input:focus{border-color:var(--dot-trip)}#gate-btn{letter-spacing:.1em;text-transform:uppercase;background:var(--text);width:240px;color:var(--bg);cursor:pointer;border:none;border-radius:4px;padding:10px 0;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;transition:opacity .2s}#gate-btn:hover{opacity:.85}#gate-error{color:var(--dot-trip);height:1em;font-family:Inter,sans-serif;font-size:.7rem}#loader{z-index:100;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:24px;transition:opacity .6s;display:flex;position:fixed;inset:0}#loader.hidden{opacity:0;pointer-events:none}#loader-ring{border:2px solid var(--border);border-top-color:var(--dot-trip);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}#loader-text{color:var(--text-muted);letter-spacing:.04em;font-family:Playfair Display,Georgia,serif;font-size:1.1rem;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%,to{r:8;opacity:.3}50%{r:12;opacity:.1}}@media (width<=768px){#title-bar{top:20px;left:20px}#title{font-size:1.2rem}#legend{gap:12px;bottom:16px;left:20px}#back-btn{top:20px;left:20px}#theme-toggle{bottom:16px;right:16px}#trip-panel{border-left:none;border-top:1px solid var(--border);border-radius:16px 16px 0 0;width:100vw;height:45vh;padding:20px 24px 24px;top:auto;bottom:0;transform:translateY(100%)}#trip-panel.open{transform:translateY(0)}#panel-header{margin-bottom:16px;padding-bottom:12px}#panel-city{font-size:1.2rem}.pin-item{padding:12px 0}.pin-item:hover{margin:0 -24px;padding:12px 24px}#pin-card{width:auto;max-width:400px;padding:24px 20px 20px;inset:10px 12px auto;transform:translateY(0)scale(.97)}#pin-card.visible{transform:translateY(0)scale(1)}#card-photo{height:140px}#card-memo{font-size:.9rem}#card-joke{font-size:.75rem}}@media (width<=480px){#pin-card{left:8px;right:8px}}