:root{--bg:#06080b;--panel:#10141bd1;--panel-strong:#111722;--text:#f4f7fb;--muted:#a8b3c7;--line:#ffffff24;--accent:#f4f7fb;--accent-soft:#ffffff1f;--green:#86efac;--blue:#93c5fd;--orange:#fdba74;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff47 transparent}::-webkit-scrollbar{width:.45rem;height:.45rem}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff6b}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #3f6ca357, transparent 32rem), linear-gradient(135deg, #ffffff0a, transparent 24rem), var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.top-nav{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#06080bf0,#06080b9e);justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;gap:.1rem;display:grid}.brand strong{font-size:.92rem}.brand span{color:var(--muted);font-size:.68rem}.nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.nav-link{color:var(--blue);background:#93c5fd80;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.55rem .8rem;font-size:.84rem;display:inline-flex}.nav-link.active{box-shadow:inset 0 -2px 0 var(--blue);background:0 0;border-color:#0000}.nav-link:hover{background:#93c5fdb3}.main{flex-direction:column;gap:1rem;min-height:0;padding:clamp(1rem,3vw,2rem);display:flex;overflow:hidden}.hero-grid{flex:1;grid-template-columns:minmax(0,1.35fr) minmax(20rem,.65fr);gap:1rem;min-height:0;display:grid}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;min-height:0;box-shadow:0 1.5rem 5rem #00000052}.map-panel{position:relative;overflow:hidden}.map-canvas,.fallback-map{width:100%;height:100%;min-height:100%}.fallback-map{background:linear-gradient(#ffffff0d 1px,#0000 1px) 0 0/4rem 4rem,linear-gradient(90deg,#ffffff0d 1px,#0000 1px) 0 0/4rem 4rem,radial-gradient(circle at 46% 52%,#93c5fd38,#0000 20rem),#0a1018;place-items:center;display:grid;position:relative;overflow:hidden}.fallback-route{position:absolute;inset:8%}.fallback-point{color:#fff;background:#1f2937;border:2px solid #fff;border-radius:999px;place-items:center;width:2.1rem;height:2.1rem;font-weight:700;display:grid;position:absolute;transform:translate(-50%,-50%)}.fallback-point.current{color:#06080b;background:#fff;width:2.8rem;height:2.8rem}.fallback-line{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.map-notice{border:1px solid var(--line);color:var(--muted);background:#06080bc7;border-radius:1rem;padding:.8rem 1rem;font-size:.88rem;position:absolute;bottom:1rem;left:1rem;right:1rem}.side-panel{flex-direction:column;gap:1rem;padding:clamp(1rem,2vw,1.4rem);display:flex;overflow:auto}.map-sidebar{background:#0d1117;gap:1rem;overflow:hidden}.stop-counter{color:var(--muted);font-size:.75rem}h1,h2,h3,h4{margin:0;line-height:1.05}h1{letter-spacing:-.08em;font-size:clamp(2.5rem,7vw,5.8rem)}h2{letter-spacing:-.05em;font-size:clamp(1.8rem,4vw,3.2rem)}h3{font-size:1.05rem}h4{letter-spacing:-.04em;font-size:clamp(1.25rem,3vw,1.8rem)}p{color:var(--muted);line-height:1.55}.stop-card{flex:1;grid-template-rows:auto auto minmax(0,1fr);gap:1rem;min-height:0;display:grid}.stop-header{gap:.15rem;display:grid}.stop-name{margin:0;font-size:clamp(1rem,2.5vw,1.35rem);line-height:1.15}.stop-card p{margin:0;font-size:.8rem;line-height:1.4}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.meta{border:1px solid var(--line);background:#ffffff0d;border-radius:1rem;padding:.65rem;font-size:.88rem}.meta span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem;font-size:.72rem;display:block}.meta small{color:var(--muted);margin-top:.22rem;font-size:.78rem;display:block}.notes{color:var(--muted);gap:.2rem;margin:0;padding-left:1.1rem;font-size:.86rem;line-height:1.3;display:grid}.checkin-bubble{border:1px solid var(--line);background:#ffffff0d;border-radius:1rem;gap:.45rem;padding:.7rem .85rem;display:grid}.bubble-head{color:var(--text);align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:flex}.clock-icon{opacity:.7;flex:none}.bubble-times{color:var(--muted);flex-wrap:wrap;column-gap:.4rem;font-size:.78rem;display:flex}.bubble-sep{opacity:.5}.detail-block span{color:var(--text);font-size:.82rem;font-weight:600}.detail-block p{color:var(--muted)}.details-scroll{align-content:start;gap:1rem;min-height:0;padding-right:.35rem;display:grid;overflow:hidden auto}.detail-block{gap:.4rem;display:grid}.controls{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.button,.icon-button{border:1px solid var(--line);color:var(--text);text-align:center;background:#ffffff1a;border-radius:999px;padding:.8rem 1rem}.map-sidebar .button{padding:.68rem .9rem}.button.primary,.icon-button.primary{background:var(--text);color:#05070a;border-color:var(--text);font-weight:700}.button.danger{color:#fecaca;border-color:#f8717180}.button:hover,.icon-button:hover{background:#ffffff2e}.sidebar-controls{flex:none;grid-template-columns:1fr 1fr;gap:.7rem;padding-top:.2rem;display:grid}.sidebar-controls .icon-button{min-height:3rem;color:var(--blue);background:#93c5fd80;border-color:#0000;font-size:1.25rem}.sidebar-controls .icon-button:hover{background:#93c5fdb3}.page-head{flex:none;justify-content:space-between;align-items:end;gap:1rem;display:flex}.page-head p{max-width:46rem;margin:.7rem 0 0}.content-grid{flex:1;grid-template-columns:minmax(18rem,.7fr) minmax(0,1.3fr);align-items:stretch;gap:1rem;min-height:0;display:grid}.form-panel,.list-panel{padding:1rem;overflow:auto}.view-grid{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);gap:1rem;min-height:0;display:grid}.compact-head .page-title{letter-spacing:-.03em;font-size:1.1rem}.page-subhead{color:var(--muted);font-size:.82rem}.compact-head h2{font-size:clamp(2rem,5vw,4rem)}.mini-map-panel{min-height:0;position:relative;overflow:hidden}.mini-map-canvas,.mini-map-fallback{width:100%;height:100%;min-height:100%}.mini-map-fallback{background:linear-gradient(#ffffff0b 1px,#0000 1px) 0 0/3rem 3rem,linear-gradient(90deg,#ffffff0b 1px,#0000 1px) 0 0/3rem 3rem,radial-gradient(circle at 50% 45%,#93c5fd2e,#0000 18rem),#0a1018;position:relative;overflow:hidden}.mini-map-dot{color:#fff;background:#111827;border:1px solid #fff;border-radius:999px;place-items:center;width:1.7rem;height:1.7rem;padding:0;font-size:.78rem;font-weight:700;display:grid;position:absolute;transform:translate(-50%,-50%)}.mini-map-dot.base{color:#fff;background:#2563eb;width:2.25rem;height:2.25rem}.mini-map-dot.selected{z-index:2;background:#93c5fd;border-color:#93c5fd}.mini-map-dot.base:before{content:"";background:#fff;border-radius:999px;width:.72rem;height:.72rem}.mini-map-dot.parks:before{content:"";border-bottom:.78rem solid #fff;border-left:.45rem solid #0000;border-right:.45rem solid #0000;width:0;height:0}.mini-map-dot.food:before{content:"";border-left:.16rem solid #fff;border-right:.16rem solid #fff;width:.75rem;height:.9rem;box-shadow:.32rem 0 0 -.1rem #111827,.48rem 0 0 -.05rem #fff}.mini-map-dot.bar:before{content:"";border:.16rem solid #fff;border-top-width:.26rem;border-radius:0 0 .45rem .45rem;width:.9rem;height:.7rem}.mini-map-dot.brewery:before{content:"";border:.16rem solid #fff;border-radius:.12rem;width:.72rem;height:.9rem;box-shadow:.35rem .12rem 0 -.15rem #111827,.35rem .12rem #fff}.mini-map-dot.winery:before{content:"";border:.16rem solid #fff;border-top-width:.3rem;border-radius:0 0 .45rem .45rem;width:.75rem;height:.95rem}.mini-map-dot.recreation:before{content:"";background:#fff;border-radius:999px 999px .25rem .25rem;width:.95rem;height:.48rem;transform:rotate(-12deg)}.mini-map-dot.pool:before{content:"";border-top:.18rem solid #fff;border-bottom:.18rem solid #fff;border-radius:50%;width:1.05rem;height:.65rem}.mini-map-dot.supplies:before{content:"";border:.16rem solid #fff;border-top-width:.26rem;border-radius:.12rem;width:.82rem;height:.72rem}.mini-map-dot.beach:before{content:"";background:#fff;border-radius:.5rem .5rem 0 0;width:1rem;height:.45rem;margin-bottom:.2rem}.mini-map-dot.viewpoint:before{content:"";border:.16rem solid #fff;border-bottom:none;border-radius:.45rem .45rem 0 0;width:.9rem;height:.35rem}.mini-map-dot.scenic:before{content:"";border:.15rem solid #fff;border-radius:999px;width:.35rem;height:.35rem;box-shadow:.5rem 0 #fff,0 0 0 .15rem #0000}.mini-map-dot.spa:before{content:"";background:#fff;border-radius:999px;width:.35rem;height:.35rem;box-shadow:.4rem .3rem #fff,-.3rem .2rem #fff}.mini-map-dot.fishing:before{content:"";border:.15rem solid #fff;border-top:none;border-radius:0 0 .5rem .5rem;width:.55rem;height:.25rem}.view-list-panel{flex-direction:column;min-height:0;display:flex}.form-grid{gap:.75rem;display:grid}.field{gap:.35rem;display:grid}.field span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.input,.textarea,.select{border:1px solid var(--line);width:100%;color:var(--text);background:#04060ab8;border-radius:.9rem;padding:.8rem .9rem}.search-input{margin-bottom:.8rem}.textarea{resize:vertical;min-height:6rem}.filters{grid-template-columns:1fr 1fr 1fr;gap:.7rem;margin-bottom:1rem;display:grid}.location-list{gap:.8rem;display:grid}.location-card{border:1px solid var(--line);background:#ffffff0d;border-radius:1.1rem;gap:.75rem;padding:.85rem;display:grid}.location-card.visited{opacity:.62}.location-card.open{border-color:var(--blue)}.accordion-header{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;padding:0;display:flex}.dist-badge{width:3rem;height:3rem;color:var(--blue);background:#93c5fd80;border-radius:999px;flex-direction:column;flex:none;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;line-height:1;display:flex}.dist-badge .num{line-height:1}.dist-badge .unit{opacity:.7;font-size:.55rem;font-weight:500;line-height:1}.accordion-head-text{gap:.1rem;min-width:0;display:grid}.accordion-head-text strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.accordion-head-text span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.accordion-body{border-top:1px solid var(--line);gap:.75rem;padding-top:.75rem;display:grid}.card-top{justify-content:space-between;align-items:start;gap:1rem;display:flex}.tag-row{flex-wrap:wrap;gap:.4rem;display:flex}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.25rem .55rem;font-size:.78rem}.stat-row{color:var(--muted);flex-wrap:wrap;gap:.5rem;font-size:.88rem;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.map-link{color:var(--muted);border-radius:999px;padding:.4rem;display:inline-flex}.map-link:hover{color:var(--text);background:#ffffff14}.visit-toggle{color:var(--blue);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .5rem;font-size:.82rem;display:inline-flex}.visit-toggle:hover{background:#93c5fd26}.auth-page{place-items:center;min-height:100dvh;padding:1rem;display:grid}.auth-card{gap:1rem;width:min(100%,28rem);padding:1.25rem;display:grid}.error{color:#fecaca}.small{color:var(--muted);font-size:.86rem}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:1rem;padding:2rem}.bottom-nav{z-index:35;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b10e6;border-radius:1.2rem;grid-template-columns:repeat(6,1fr);gap:.35rem;padding:.45rem;display:none;position:fixed;bottom:.75rem;left:.75rem;right:.75rem}.bottom-nav a{text-align:center;color:var(--muted);border-radius:.9rem;padding:.7rem .2rem;font-size:.68rem}.bottom-nav a.active{color:var(--text);background:#ffffff1f}@media (max-width:920px){.app-shell{padding-bottom:4.75rem}.hero-grid{grid-template-rows:minmax(0,.9fr) minmax(0,1.1fr);grid-template-columns:1fr}.content-grid{grid-template-rows:minmax(0,.8fr) minmax(0,1.2fr);grid-template-columns:1fr}.view-grid{grid-template-rows:minmax(12rem,.6fr) minmax(0,1.4fr);grid-template-columns:1fr}.map-panel{min-height:0}.nav-links{display:none}.bottom-nav{display:grid}.page-head{flex-direction:column;align-items:start}.filters{grid-template-columns:1fr}}@media (max-width:560px){.main{padding:.75rem}.top-nav{padding:.85rem 1rem}.meta-grid,.controls{grid-template-columns:1fr}.card-top{display:grid}}