:root{color-scheme:light;--ink:#10213b;--muted:#5b6b7d;--blue:#165bd7;--line:#dce4ee;--paper:#f2f5fa;font:16px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box;scrollbar-width:none}*::-webkit-scrollbar{display:none}body{margin:0;height:100svh;height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--paper);color:var(--ink);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}[hidden]{display:none!important}
.trip-layout{width:min(100%,480px);height:100%;max-height:1080px;display:grid;grid-template-rows:minmax(180px,1fr) minmax(220px,1fr);gap:8px;padding:12px 12px 10px;min-height:0;min-width:0}.shared-map{position:relative;min-height:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#e8eff4}#map{width:100%;height:100%;isolation:isolate}.leaflet-control-attribution{max-width:100%;font-size:9px;line-height:1.4}.leaflet-control-zoom{border:0!important;box-shadow:0 2px 12px #10213b22!important}.leaflet-control-zoom a{color:var(--ink);background:#fffffff2}.reading{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;min-width:0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;isolation:isolate}.reading-header{display:flex;gap:8px;align-items:center;min-width:0;padding:9px 10px;border-bottom:1px solid #e9eef5;background:#fff;z-index:1}.reading-header button{border:0;background:transparent;color:var(--ink);min-height:38px;padding:3px;border-radius:8px}#columns-toggle{display:flex;align-items:center;gap:6px;text-align:left;min-width:0;flex:1;font-size:14px;font-weight:650;line-height:1.45}#article-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#columns-toggle svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#curiosity-toggle{flex:none;padding:4px 9px;border:1px solid var(--line);border-radius:99px;font-size:11px;font-weight:500;color:var(--muted);white-space:nowrap}.article-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;-webkit-overflow-scrolling:touch;scroll-padding-top:16px}.article{padding:18px 18px 40px;font-size:14px;line-height:1.95;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text;min-height:100%}.article>:first-child{margin-top:0}.article p{margin:0 0 1.2em}.article h1,.article h2,.article h3,.article h4{color:var(--ink);line-height:1.6;scroll-margin-top:16px}.article h1{font-size:22px}.article h2{font-size:19px;margin:1.8em 0 .8em}.article h3{font-size:16px;margin:1.7em 0 .8em}.article a{color:var(--blue);text-underline-offset:3px}.article img{display:block;width:auto;max-width:100%;height:auto;max-height:none;margin:18px auto 8px;border-radius:9px}.article small{display:block;font-size:11px;line-height:1.8;margin:0 0 20px;color:var(--muted)!important}.article ul,.article ol{padding-left:1.35em}.article li{margin:6px 0}.article blockquote{border-left:2px solid var(--line);margin:1em 0;padding-left:14px;color:var(--muted)}.article pre,.article table{max-width:100%;overflow:auto;display:block}.article mark.ny-swipe-highlight{background:#ffe18b99;color:inherit;border-radius:2px;cursor:pointer;padding:0;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.scrim{position:absolute;inset:0;z-index:3;background:#10213b22}.drawer{position:absolute;inset:0 0 0 auto;z-index:4;width:min(100%,370px);display:flex;flex-direction:column;min-height:0;padding:14px 10px 12px;background:#f9fbfe;border-left:1px solid var(--line);transform:translateX(102%);visibility:hidden;transition:transform .2s ease,visibility .2s;box-shadow:-10px 0 30px #10213b14}.drawer.is-open{transform:translateX(0);visibility:visible}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 5px 10px;flex:none}.drawer-header h2{margin:0;font-size:14px;font-weight:650}.close{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:25px}#columns-list,#curiosity-list{overflow:auto;min-height:0;overscroll-behavior:contain}.column-row{display:grid;grid-template-columns:minmax(0,1fr) 78px;align-items:center;gap:4px;border-radius:10px;margin:3px 0}.column-row:has([aria-current=true]){background:#e9f0fb}.column-name{border:0;border-radius:10px;background:transparent;text-align:left;font-size:13px;line-height:1.65;color:var(--muted);padding:12px 11px;min-height:48px}.column-name[aria-current=true]{color:var(--blue);font-weight:600}.location-toggle{display:flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:3px 6px;margin-right:4px;font-size:10px;white-space:nowrap;color:var(--muted);border:1px solid transparent;border-radius:8px;background:transparent}.location-toggle:before{content:'';display:block;flex:none;width:6px;height:6px;border-radius:50%;background:var(--column-color)}.location-toggle[aria-pressed=true]{color:var(--ink);border-color:color-mix(in srgb,var(--column-color) 45%,transparent);background:color-mix(in srgb,var(--column-color) 14%,white)}.curiosity-entry{display:block;width:100%;padding:16px;text-align:left;font:500 13px/1.7 inherit;color:var(--ink);border:1px solid var(--line);border-radius:18px;background:#fff;margin-bottom:10px}
.ny-popup{color:#10213b;font:13px/1.6 -apple-system,BlinkMacSystemFont,sans-serif}.ny-popup strong{display:block;font-weight:650}.ny-popup p{margin:4px 0 0}.ny-popup img{display:block;width:200px;max-width:100%;height:130px;object-fit:cover;border-radius:7px;margin:7px 0}.leaflet-tooltip.ny-point-label{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 3px 12px #10213b22;font-size:11px}.leaflet-tooltip.ny-point-photo{width:220px;padding:0;border-radius:10px;white-space:normal;overflow:hidden}.ny-point-photo img{display:block;width:100%;height:140px;object-fit:cover}.ny-point-photo span{display:block;padding:9px 11px;font-size:12px;font-weight:600}
@media(max-height:570px) and (orientation:landscape){.trip-layout{width:min(100%,960px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);max-height:none}}
@media(prefers-reduced-motion:reduce){.drawer{transition:none}}