:root{color-scheme:dark;font-family:Arial,"Noto Sans",sans-serif;background:#000;color:#fff}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #00b6e7;outline-offset:5px}button{cursor:pointer}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mobile-shell{max-width:520px;margin:auto;min-height:100dvh;display:flex;flex-direction:column}.brand{height:96px;display:flex;align-items:center;justify-content:center}.brand img{width:230px;height:46px;object-fit:contain}.destination-grid{display:grid;grid-template-columns:1fr 1fr}.destination-card{position:relative;min-height:320px;aspect-ratio:195/326;overflow:hidden;background:#16323b}.destination-card>img{position:absolute;width:100%;height:100%;object-fit:cover}.destination-card:after{content:"";position:absolute;inset:0;background:linear-gradient(#0003,#0006)}.card-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;z-index:1}.card-content strong{width:100%;min-width:0;max-width:100%;overflow-wrap:anywhere;font-size:23px;line-height:1.1;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 6px #0007}.card-go{display:flex;align-items:center;border:1px solid #ffffff90;border-radius:30px;padding:8px 15px;margin-top:14px;background:#ffffff08;gap:5px}.card-go svg:last-child{width:18px}.visitor-footer{border-top:1px solid #292929;margin:14px 20px 0;padding:7px 0 10px;color:#999;text-align:center;font-size:10px;line-height:1.35}.visitor-footer p{margin:4px 0}.visitor-nav{height:112px;display:flex;align-items:center;justify-content:space-between;padding:20px 14px;gap:14px}.visitor-nav h1{min-width:0;overflow-wrap:anywhere;font-size:20px;line-height:1.2;text-align:center;margin:0;max-width:265px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.round-link{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#1b1b1b;display:grid;place-items:center}.stories{padding:15px 24px 0;flex:1}.stories h2{font-size:24px;line-height:1.25;margin:0 0 24px}.story-row{padding-bottom:28px;margin-bottom:22px;border-bottom:1px solid #292929}.story-row:last-child{border:0;margin-bottom:0}.story-heading{display:flex;gap:18px;align-items:flex-start;min-height:48px}.track-number{font-size:12px;color:#999;padding-top:4px}.story-heading a{min-width:0;display:flex;align-items:center;justify-content:space-between;flex:1;gap:14px}.story-heading a span{min-width:0;overflow-wrap:anywhere;font-size:16px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-heading svg{flex:0 0 12px;width:12px;height:16px;color:#aaa}.audio-player{display:flex;align-items:flex-start;gap:16px;margin-top:17px}.play-toggle{border:0;border-radius:50%;background:#fff;color:#000;flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;padding:0}.play-glyph{display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:12px solid #000;margin-left:3px}.play-toggle.playing .play-glyph{width:12px;height:16px;border:0;border-left:4px solid #000;border-right:4px solid #000;margin:0}.play-toggle.loading{opacity:.55}.timeline{flex:1;min-width:0;padding-top:7px}.seek{appearance:none;width:100%;height:4px;background:#494949;border:0;border-radius:3px;display:block;margin:6px 0 9px;cursor:pointer;accent-color:#fff}.seek::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:white}.seek::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:0;background:white}.time-row{display:flex;justify-content:space-between;color:#aaa;font-size:12px}.story-detail{position:relative;top:-15px;padding:10px 30px 38px;flex:1;text-align:center}.detail-photo{width:100%;max-height:440px;aspect-ratio:1;object-fit:fill;background:#111;display:block}.story-detail h1{font-size:21px;line-height:1.2;margin:22px auto 15px;max-width:260px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.story-detail h2{font-size:24px;line-height:1.25;font-weight:400;max-width:310px;margin:0 auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.audio-player.large{display:block;margin-top:28px}.large .play-toggle{width:108px;height:108px;margin:0 auto 35px}.large .play-glyph{border-top-width:19px;border-bottom-width:19px;border-left-width:30px;margin-left:9px}.large .play-toggle.playing .play-glyph{height:42px;width:29px;border-left-width:10px;border-right-width:10px;margin:0}.audio-message{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);max-width:90%;padding:12px 18px;border-radius:12px;background:#252525;color:#fff;box-shadow:0 6px 30px #0008;display:none;z-index:10}.audio-message.visible{display:block}.empty{padding:35px 15px;color:#aaa;text-align:center;grid-column:1/-1}.error-page{max-width:500px;margin:15vh auto;padding:24px;line-height:1.6}.error-page a{color:#00b6e7;text-decoration:underline}@media(max-width:360px){.card-content{padding:12px}.card-content strong{font-size:20px}.destination-card{min-height:275px}.stories{padding-left:20px;padding-right:20px}}
.destination-card{width:100%;min-width:0}.destination-card:last-of-type:nth-of-type(odd){grid-column:1/-1;aspect-ratio:390/240;min-height:0}


/* Detail layout follows the visible viewport; short screens can still scroll. */
body[data-page-type="AUDIO_DETAIL"] .mobile-shell{height:100dvh;display:grid;grid-template-rows:auto minmax(min-content,1fr) auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
body[data-page-type="AUDIO_DETAIL"] .visitor-nav{height:clamp(64px,10dvh,97px);padding:10px 14px}
.story-detail{top:0;min-width:0;display:grid;grid-template-rows:auto auto auto;align-content:center;padding:0 30px clamp(8px,2dvh,20px)}
.story-detail:has(.detail-photo){grid-template-rows:minmax(100px,1fr) auto auto auto;align-content:normal}
.story-detail .detail-photo{min-height:0;height:100%;width:100%;max-height:440px;object-fit:fill;align-self:center}
.story-detail h1{margin:clamp(6px,1.8dvh,18px) auto clamp(4px,1dvh,10px)}
.story-detail .audio-player.large{margin-top:clamp(8px,2.5dvh,24px)}
.story-detail .large .play-toggle{width:clamp(72px,10dvh,88px);height:clamp(72px,10dvh,88px);margin-bottom:clamp(8px,2dvh,20px)}
body[data-page-type="AUDIO_DETAIL"] .visitor-footer{margin-top:0}

.story-detail .detail-photo-area{position:relative;min-height:100px}.story-detail .detail-photo{position:absolute;inset:0;max-height:none;aspect-ratio:auto}