:root{--color-bg: #f5f2ec;--color-text: #2a2720;--color-muted: #7a7469;--color-border: rgba(42,39,32, .14);--color-card-bg: rgba(255,253,248, .88);--color-card-border: rgba(42,39,32, .18);--color-primary: #2a2720;--color-primary-fg:#f5f2ec;--color-overlay: rgba(30,27,22, .45);--font-serif: "EB Garamond", Georgia, serif;--font-sans: "Inter", system-ui, sans-serif;--radius-sm: 4px;--radius-md: 10px;--radius-card: 6px;--shadow-card: 0 2px 16px rgba(30,27,22, .1), 0 1px 4px rgba(30,27,22, .06);--shadow-modal: 0 8px 40px rgba(30,27,22, .22), 0 2px 10px rgba(30,27,22, .12);--transition: .22s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:15px;line-height:1.55;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}#map{position:fixed;inset:0;z-index:0;overflow:hidden;background-image:linear-gradient(rgba(42,39,32,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(42,39,32,.04) 1px,transparent 1px);background-size:32px 32px}#topo-layer{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}#topo-svg{width:100%;height:100%}.topo-group ellipse{fill:none;stroke:#48644121;stroke-width:1px;vector-effect:non-scaling-stroke}.topo-group{transform-box:fill-box;transform-origin:center}.tg-1{animation:topo-breathe-1 28s ease-in-out infinite alternate}.tg-2{animation:topo-breathe-2 36s ease-in-out infinite alternate}.tg-3{animation:topo-breathe-3 22s ease-in-out infinite alternate}@keyframes topo-breathe-1{0%{transform:translate(0) scale(1);opacity:.9}33%{transform:translate(12px,-8px) scale(1.02);opacity:1}66%{transform:translate(-6px,6px) scale(.98);opacity:.85}to{transform:translate(8px,14px) scale(1.01);opacity:.95}}@keyframes topo-breathe-2{0%{transform:translate(0) scale(1);opacity:.9}40%{transform:translate(-10px,7px) scale(.97);opacity:1}70%{transform:translate(6px,-5px) scale(1.03);opacity:.8}to{transform:translate(-14px,10px) scale(.99);opacity:.95}}@keyframes topo-breathe-3{0%{transform:translate(0) scale(1);opacity:.85}50%{transform:translate(9px,-11px) scale(1.04);opacity:1}to{transform:translate(-5px,7px) scale(.97);opacity:.9}}#cloud-layer{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}.cloud{position:absolute;border-radius:50%;filter:blur(36px);pointer-events:none}.c1{width:420px;height:100px;top:10%;background:#b9d7eb94;animation:cloud-travel 110s linear infinite,cloud-morph 18s ease-in-out infinite;animation-delay:-18s,-4s}.c2{width:240px;height:68px;top:25%;background:#f0ecdc99;animation:cloud-travel 160s linear infinite,cloud-morph 24s ease-in-out infinite;animation-delay:-55s,-10s}.c3{width:540px;height:120px;top:5%;background:#c3dac373;animation:cloud-travel 85s linear infinite,cloud-morph 30s ease-in-out infinite;animation-delay:-30s,-16s}.c4{width:185px;height:55px;top:36%;background:#d0c4e48c;animation:cloud-travel 190s linear infinite,cloud-morph 20s ease-in-out infinite;animation-delay:-90s,-7s}.c5{width:340px;height:88px;top:17%;background:#dad0b985;animation:cloud-travel 130s linear infinite,cloud-morph 26s ease-in-out infinite;animation-delay:-70s,-13s}.c6{width:280px;height:75px;top:42%;background:#afd0e880;animation:cloud-travel 145s linear infinite,cloud-morph 22s ease-in-out infinite;animation-delay:-110s,-19s}@keyframes cloud-travel{0%{translate:-680px 0}to{translate:calc(100vw + 680px) 0}}@keyframes cloud-morph{0%{transform:scaleX(1) scaleY(1)}25%{transform:scaleX(1.06) scaleY(.93)}50%{transform:scaleX(.94) scaleY(1.08)}75%{transform:scaleX(1.05) scaleY(.95)}to{transform:scaleX(1) scaleY(1)}}.moment-card{position:absolute;max-width:220px;padding:12px 14px;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:var(--font-serif);font-size:14px;line-height:1.5;color:var(--color-text);opacity:0;pointer-events:none;transition:opacity .6s ease,transform .6s ease}.moment-card.is-visible{opacity:1;pointer-events:auto}.moment-card.is-drifting{animation:drift var(--drift-duration, 18s) linear infinite}@keyframes drift{0%{transform:translate(0) rotate(var(--tilt, 0deg))}25%{transform:translate(var(--drift-x, 8px),calc(var(--drift-y, 6px) * -.5)) rotate(var(--tilt, 0deg))}50%{transform:translate(calc(var(--drift-x, 8px) * .6),var(--drift-y, 6px)) rotate(var(--tilt, 0deg))}75%{transform:translate(calc(var(--drift-x, 8px) * -.3),calc(var(--drift-y, 6px) * .4)) rotate(var(--tilt, 0deg))}to{transform:translate(0) rotate(var(--tilt, 0deg))}}.moment-card .card-text{display:block;margin-bottom:8px;font-style:italic}.moment-card .card-meta{display:flex;gap:6px;flex-wrap:wrap;font-family:var(--font-sans);font-size:11px;color:var(--color-muted);letter-spacing:.02em}.moment-card .card-meta span:before{content:"·  "}.moment-card .card-meta span:first-child:before{content:""}#site-header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;background:#f5f2eccc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.header-inner{display:flex;flex-direction:column;gap:1px}.site-title{font-family:var(--font-serif);font-size:22px;font-weight:400;letter-spacing:-.01em;color:var(--color-text);line-height:1.2}.site-subtitle{font-size:12px;color:var(--color-muted);letter-spacing:.04em;font-style:italic}.header-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:13px;font-weight:500;letter-spacing:.01em;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background var(--transition),color var(--transition),border-color var(--transition),opacity var(--transition),transform .1s;white-space:nowrap;line-height:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:var(--color-primary-fg);border-color:var(--color-primary)}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--color-muted);border-color:var(--color-border)}.btn-ghost:hover{background:#2a27200f;color:var(--color-text)}.btn-icon{flex-shrink:0}.overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--color-overlay);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:1;transition:opacity .25s ease}.overlay.hidden{opacity:0;pointer-events:none;visibility:hidden}.modal{position:relative;width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);padding:36px 40px 32px;transform:translateY(0);transition:transform .25s ease}.overlay.hidden .modal{transform:translateY(16px)}.modal-close{position:absolute;top:14px;right:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);font-size:20px;color:var(--color-muted);cursor:pointer;transition:color var(--transition),background var(--transition);line-height:1}.modal-close:hover{color:var(--color-text);background:#2a272012}.modal-title{font-family:var(--font-serif);font-size:22px;font-weight:400;color:var(--color-text);margin-bottom:6px}.modal-hint{font-size:13px;color:var(--color-muted);font-style:italic;margin-bottom:28px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;position:relative}.field-label{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:lowercase;color:var(--color-muted)}.field-input{width:100%;background:#fffdf899;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;font-family:var(--font-serif);font-size:15px;color:var(--color-text);outline:none;transition:border-color var(--transition),box-shadow var(--transition);resize:vertical}.field-input::placeholder{color:var(--color-muted);font-style:italic;opacity:.75}.field-input:focus{border-color:#2a272080;box-shadow:0 0 0 3px #2a272012}.field-count{align-self:flex-end;font-size:11px;color:var(--color-muted);letter-spacing:.02em}.form-status{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px}.form-status.hidden{display:none}.form-status.success{background:#4678461a;color:#2a5e2a;border:1px solid rgba(70,120,70,.22)}.form-status.error{background:#a0321e14;color:#7a2a1a;border:1px solid rgba(160,50,30,.18)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}#map-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none;color:var(--color-muted);text-align:center;padding:32px}#map-empty p{font-family:var(--font-serif);font-size:17px;font-style:italic;max-width:36ch;line-height:1.6}#map-empty small{font-size:12px;letter-spacing:.04em;opacity:.7}#weather-display{position:fixed;inset:0;z-index:5;overflow:hidden;pointer-events:none;background:linear-gradient(to top,#c3d7ee8c,#d2e4f547 45%,#e1eefa14);opacity:0;transition:opacity 1s ease}#weather-display.is-active{opacity:1}.observe-sweep{position:fixed;top:0;left:0;width:58vw;height:100%;background:radial-gradient(ellipse at center,rgba(195,220,248,.6) 0%,rgba(195,220,248,.22) 45%,transparent 70%);filter:blur(48px);pointer-events:none;z-index:6;will-change:transform,opacity;animation:sweep-across .87s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes sweep-across{0%{transform:translate(-58vw);opacity:.95}65%{opacity:.8}to{transform:translate(158vw);opacity:0}}.obs-card{position:absolute;width:220px;max-width:calc(100vw - 40px);cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .5s ease,transform .85s cubic-bezier(.34,1.1,.64,1)}.obs-card.is-visible{opacity:1}.obs-card.is-spread{transform:translateY(var(--spread-dy, 0px))}.obs-card.is-fading{opacity:0!important;transition:opacity 2s ease!important;pointer-events:none}.obs-card-inner{padding:16px 18px 14px;border-radius:10px;background:#cfe8f7;box-shadow:0 4px 22px #1e28461c,0 1px 6px #1e284612;font-family:Caveat,Comic Sans MS,cursive;font-size:18px;line-height:1.5;color:#252d40;will-change:transform;animation:card-float 5s ease-in-out infinite}.obs-card.is-pinned{z-index:20}.obs-card.is-pinned .obs-card-inner{animation-play-state:paused;scale:1.06;box-shadow:0 8px 32px #1e28462e,0 2px 10px #1e28461a;transition:scale .35s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.obs-card-text{display:block;margin-bottom:6px}.obs-card-meta{display:block;font-size:14px;color:#4a5878;font-style:italic}@keyframes card-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(var(--float-dy, 4px)) rotate(var(--float-rot, .5deg))}}.wd-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:16px;font-style:italic;color:var(--color-muted);pointer-events:none}.wd-error{color:#7a2a1a}.nav-about-link{font-size:13px;letter-spacing:.02em}#intro-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-62%);z-index:4;max-width:400px;width:calc(100vw - 64px);padding:28px 30px 24px;background:#f5f2ecd6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-border);border-radius:18px;box-shadow:0 4px 28px #1e1b1614;text-align:center;pointer-events:none}.intro-title{font-family:var(--font-serif);font-size:19px;font-weight:400;color:var(--color-text);letter-spacing:-.01em;margin-bottom:14px}#intro-panel p{font-family:var(--font-serif);font-size:14px;line-height:1.7;color:var(--color-muted);margin-bottom:10px}#intro-panel p:last-child{margin-bottom:0}.intro-cta{font-size:13px!important;font-style:italic;opacity:.8;margin-top:6px!important}#page-about{position:fixed;inset:0;z-index:300;background:var(--color-bg);overflow-y:auto;-webkit-overflow-scrolling:touch}#page-about.hidden{display:none}.about-inner{min-height:100vh;display:flex;flex-direction:column;max-width:660px;margin:0 auto;padding:28px 40px 56px}.about-header{padding-bottom:28px;border-bottom:1px solid var(--color-border);margin-bottom:40px}.about-content{flex:1}.about-title{font-family:var(--font-serif);font-size:30px;font-weight:400;color:var(--color-text);letter-spacing:-.02em;line-height:1.25;margin-bottom:32px}.about-body p{font-family:var(--font-serif);font-size:17px;line-height:1.8;color:var(--color-text);margin-bottom:22px}.about-poem{font-family:var(--font-serif);font-size:17px;font-style:italic;line-height:2;color:var(--color-muted);padding:20px 0 20px 24px;border-left:2px solid var(--color-border);margin:4px 0 40px}#gallery-section{margin-top:56px;padding-top:40px;border-top:1px solid var(--color-border)}.gallery-title{font-family:var(--font-serif);font-size:14px;font-weight:400;font-style:italic;color:var(--color-muted);letter-spacing:.05em;margin-bottom:24px}#gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px;transition:opacity .5s ease}.gallery-card{padding:16px 18px 14px;border-radius:12px;font-family:Caveat,cursive;font-size:17px;line-height:1.5;color:#3a3028;box-shadow:0 2px 12px #5037231a,0 1px 4px #5037230f}.gallery-card-text{display:block;margin-bottom:6px}.gallery-card-meta{display:block;font-size:13px;color:#8a7060;font-style:italic}.gallery-loading,.gallery-empty{font-family:var(--font-serif);font-size:14px;font-style:italic;color:var(--color-muted);grid-column:1 / -1;padding:8px 0}#observation-count{position:fixed;bottom:42px;left:0;right:0;z-index:8;text-align:center;pointer-events:none;font-family:var(--font-serif);font-size:12px;font-style:italic;color:var(--color-muted);opacity:.6;letter-spacing:.03em}#site-footer{position:fixed;bottom:0;left:0;right:0;z-index:9;padding:10px 32px;text-align:center;pointer-events:none}#site-footer p{font-size:11px;color:var(--color-muted);letter-spacing:.04em;opacity:.65}#site-footer a{color:inherit;text-decoration:none;pointer-events:auto}#site-footer a:hover{text-decoration:underline}#observe-button.is-observing{background:#2a272017;border-color:#2a272052;color:var(--color-text)}#observe-button.is-observing:hover{background:#2a272026}#observe-button.is-observing .btn-icon circle:last-child{animation:observe-pulse 1.8s ease-in-out infinite}@keyframes observe-pulse{0%,to{opacity:1;r:2}50%{opacity:.4;r:1.2}}#gallery-grid.is-fading{opacity:0}.about-footer{margin-top:64px;padding-top:24px;border-top:1px solid var(--color-border);text-align:center}.about-footer p{font-size:12px;color:var(--color-muted);letter-spacing:.04em;margin-bottom:4px;opacity:.8}.about-footer a{color:inherit;text-decoration:none}.about-footer a:hover{text-decoration:underline}@media(max-width:600px){#site-header{padding:14px 20px;flex-direction:column;align-items:flex-start;gap:12px}.header-actions{width:100%;justify-content:center;flex-wrap:wrap;gap:8px}.modal{padding:28px 24px 24px}#intro-panel{transform:translate(-50%,-58%);padding:20px 22px 18px}.about-inner{padding:20px 24px 40px}.about-title{font-size:24px}.about-body p{font-size:16px}.about-poem{font-size:16px;padding-left:16px}#gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}#site-footer{padding:8px 20px}}