.fieldlog{--paper:#e9e4d4;--paper-2:#f3efe3;--ink:#243019;--ink-soft:#5c6a4f;--pine:#2f5233;--pine-deep:#1f3a23;--contour:#c2a074;--contour-soft:#d8c6a6;--blaze:#c24e2c;--star:#d99a2b;--line:#cfc6ad;--shadow:0 1px 2px #2430190f, 0 8px 24px #24301912;min-height:100vh;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Spline Sans,system-ui,sans-serif;line-height:1.5}.fieldlog *{box-sizing:border-box}.fieldlog .wrap{max-width:1080px;margin:0 auto;padding:0 24px 72px}.fieldlog .topbar{background:var(--pine-deep);color:#f2efe3;border-bottom:3px solid var(--blaze)}.fieldlog .topbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1080px;margin:0 auto;padding:18px 24px;display:flex}.fieldlog .brand{align-items:center;gap:12px;display:flex}.fieldlog .brand .glyph{border:1.5px solid #fff6;border-radius:6px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.fieldlog .brand h1{letter-spacing:.14em;text-transform:uppercase;margin:0;font-family:Oswald,sans-serif;font-size:22px;font-weight:600;line-height:1}.fieldlog .eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#f2efe399;font-family:Spline Sans Mono,monospace;font-size:11px}.fieldlog .titleblock{text-align:center;padding:40px 0 24px}.fieldlog .titleblock .kicker{letter-spacing:.26em;text-transform:uppercase;color:var(--blaze);margin-bottom:10px;font-family:Spline Sans Mono,monospace;font-size:11px}.fieldlog .titleblock h2{letter-spacing:.02em;color:var(--pine);margin:0;font-family:Oswald,sans-serif;font-size:clamp(34px,6vw,52px);font-weight:600;line-height:1.02}.fieldlog .titleblock p{color:var(--ink-soft);margin:10px 0 0;font-size:15px;font-style:italic}.fieldlog .stats{border:1px solid var(--line);background:var(--paper-2);box-shadow:var(--shadow);border-radius:12px;grid-template-columns:repeat(4,1fr);margin-bottom:28px;display:grid;overflow:hidden}.fieldlog .stat{border-right:1px solid var(--line);padding:18px 20px}.fieldlog .stat:last-child{border-right:none}.fieldlog .stat .num{color:var(--pine);align-items:baseline;gap:6px;font-family:Oswald,sans-serif;font-size:30px;font-weight:600;line-height:1;display:flex}.fieldlog .stat .num small{color:var(--ink-soft);font-size:14px;font-weight:500}.fieldlog .stat .lbl{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-top:7px;font-family:Spline Sans Mono,monospace;font-size:10.5px}.fieldlog .map-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#ece7d7;border-radius:14px;margin-bottom:40px;position:relative;overflow:hidden}.fieldlog .map-panel svg{width:100%;height:auto;display:block}.fieldlog .map-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--line);background:#f3efe3c7;border-radius:6px;padding:5px 10px;font-family:Spline Sans Mono,monospace;font-size:10.5px;position:absolute;top:14px;left:16px}.fieldlog .map-scale{letter-spacing:.08em;color:var(--ink-soft);flex-direction:column;align-items:center;gap:2px;font-family:Spline Sans Mono,monospace;font-size:10px;display:flex;position:absolute;bottom:14px;right:16px}.fieldlog .map-scale .north{font-size:12px;line-height:1}.fieldlog .pin{cursor:default;transform-box:fill-box;transform-origin:bottom;transition:transform .18s}.fieldlog .pin:hover{transform:translateY(-3px)scale(1.06)}.fieldlog .pin-num{fill:#fff;font-family:Oswald,sans-serif;font-size:13px;font-weight:600}.fieldlog .log-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.fieldlog .log-head h3{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin:0;font-family:Oswald,sans-serif;font-size:22px;font-weight:600}.fieldlog .log-head h3 .rule{background:var(--blaze);vertical-align:middle;width:30px;height:2px;margin-right:12px;display:inline-block}.fieldlog .sortwrap{align-items:center;gap:8px;display:flex}.fieldlog .sortwrap label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-family:Spline Sans Mono,monospace;font-size:10.5px}.fieldlog select.sort{color:var(--ink);background:var(--paper-2);border:1px solid var(--line);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' stroke='%235c6a4f' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:right 11px center;background-repeat:no-repeat;border-radius:8px;padding:7px 30px 7px 12px;font-family:Spline Sans,sans-serif;font-size:13px}.fieldlog select.sort:focus-visible{outline:2px solid var(--pine);outline-offset:2px}.fieldlog .grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.fieldlog .card{background:var(--paper-2);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:20px 20px 18px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}.fieldlog .card:hover{border-color:var(--contour);transform:translateY(-4px);box-shadow:0 2px 4px #2430190f,0 16px 34px #2430191f}.fieldlog .card .marker{background:var(--pine);color:#fff;border:2px solid var(--paper-2);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-family:Oswald,sans-serif;font-size:14px;font-weight:600;display:flex;position:absolute;top:-11px;left:18px}.fieldlog .card .cardtop{justify-content:space-between;align-items:flex-start;gap:10px;margin-top:4px;display:flex}.fieldlog .card h4{letter-spacing:.01em;color:var(--ink);margin:0;font-family:Oswald,sans-serif;font-size:19px;font-weight:600;line-height:1.15}.fieldlog .stars{white-space:nowrap;letter-spacing:1px;font-size:14px;line-height:1}.fieldlog .stars .on{color:var(--star)}.fieldlog .stars .off{color:var(--contour-soft)}.fieldlog .place{color:var(--ink-soft);align-items:center;gap:6px;margin-top:8px;font-size:13px;display:flex}.fieldlog .place svg{flex:none}.fieldlog .dates{color:var(--ink-soft);align-items:center;gap:8px;margin-top:7px;font-family:Spline Sans Mono,monospace;font-size:12px;display:flex}.fieldlog .dates .nights{color:var(--pine);border:1px solid var(--contour-soft);letter-spacing:.04em;border-radius:20px;padding:1px 8px;font-size:10.5px}.fieldlog .desc{color:var(--ink);margin:13px 0 12px;font-size:14px;line-height:1.45}.fieldlog .coords{color:var(--ink-soft);letter-spacing:.02em;border-top:1px solid var(--line);align-items:center;gap:7px;padding-top:11px;font-family:Spline Sans Mono,monospace;font-size:11px;display:flex}.fieldlog .coords .dot{background:var(--blaze);border-radius:50%;flex:none;width:5px;height:5px}.fieldlog .card--empty{box-shadow:none;text-align:center;color:var(--ink-soft);background:0 0;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;min-height:170px;display:flex}.fieldlog .card--empty:hover{box-shadow:none;border-color:var(--line);transform:none}.fieldlog .card--empty p{max-width:200px;margin:12px 0 0;font-size:13px}.fieldlog .empty{margin-bottom:40px}.fieldlog .state-msg{color:var(--ink-soft);text-align:center;padding:32px 0;font-style:italic}.fieldlog .state-msg--error{color:var(--blaze);font-style:normal;font-weight:600}.fieldlog footer{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-top:48px;font-family:Spline Sans Mono,monospace;font-size:11px}@media (width<=840px){.fieldlog .grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.fieldlog .stats{grid-template-columns:repeat(2,1fr)}.fieldlog .stat:nth-child(2){border-right:none}.fieldlog .stat:first-child,.fieldlog .stat:nth-child(2){border-bottom:1px solid var(--line)}.fieldlog .grid{grid-template-columns:1fr}.fieldlog .log-head{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.fieldlog *{transition:none!important}}.yeyita{color:#4a2c3a;text-align:center;background:linear-gradient(135deg,#ffd1e8,#ffe9f3);justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .6s;display:flex;position:fixed;inset:0;overflow:hidden}.yeyita--happy{background:linear-gradient(135deg,#ffb3d1,#b388ff)}.yeyita__card{max-width:90vw;padding:2rem 1.5rem}.yeyita__emoji{margin-bottom:.5rem;font-size:clamp(3.5rem,14vw,6rem);line-height:1;animation:2.4s ease-in-out infinite yeyita-bob}.yeyita__emoji--spin{animation:1.2s ease-in-out infinite yeyita-spin}.yeyita h1{margin:.2rem 0 .4rem;font-size:clamp(1.6rem,6vw,2.6rem)}.yeyita--happy h1{font-size:clamp(2rem,9vw,4rem);animation:.5s yeyita-pop}.yeyita__sub{opacity:.8;margin:0 0 2rem;font-size:clamp(1rem,4vw,1.3rem)}.yeyita__buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.yeyita button{font:inherit;cursor:pointer;color:#fff;border:none;border-radius:999px;padding:.9rem 2.2rem;font-weight:700;transition:transform .18s,left .18s,top .18s;box-shadow:0 8px 20px #e84a7f59}.yeyita__yes{transform-origin:50%;background:linear-gradient(135deg,#ff6b9d,#e84a7f)}.yeyita__yes:hover{filter:brightness(1.05)}.yeyita__no{background:#b6889a;box-shadow:0 6px 14px #00000026}.yeyita__fall{pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;z-index:9999;animation:linear forwards yeyita-drop;position:fixed;top:-10vh}@keyframes yeyita-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-12px)rotate(3deg)}}@keyframes yeyita-spin{0%,to{transform:rotate(-8deg)scale(1)}50%{transform:rotate(8deg)scale(1.1)}}@keyframes yeyita-pop{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes yeyita-drop{to{transform:translateY(120vh)rotate(540deg)}}
