.spot-template-page{width:100%;min-height:100vh;background:#ffffff;color:#000000;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;padding:24px;box-sizing:border-box}.spot-page-container{max-width:1200px;margin:0 auto}.spot-header{margin-bottom:18px}.spot-name{font-size:34px;line-height:1.05;font-weight:700;margin:0}.spot-sub{margin-top:6px;color:#444;font-size:13px}.top-area{display:flex;gap:18px;margin-bottom:20px;align-items:flex-start}.cam-panel{flex:1 1}.cam-frame{border:1px solid #000;border-radius:8px;overflow:hidden}.surf-cam{border:none;display:block}.no-cam,.surf-cam{width:100%;height:420px}.no-cam{display:flex;align-items:center;justify-content:center;color:#666;background:#f5f5f5}.nearby-wrapper{border:1px solid #000;border-radius:8px;padding:8px;background:#fff;margin-top:8px}.nearby-list{max-height:140px;overflow-y:auto;scroll-snap-type:y mandatory;display:flex;flex-direction:column;gap:8px;padding-right:6px}.nearby-item{scroll-snap-align:start;padding:10px;border-radius:6px;text-decoration:none;color:#000;background:#fff;border:1px solid #000;transition:opacity .16s ease,transform .16s ease;opacity:.12;transform:translateX(6px);pointer-events:none}.nearby-item.is-visible{opacity:1;transform:none;pointer-events:auto}.nearby-name{font-weight:600;font-size:13px;margin-bottom:4px}.nearby-distance{font-size:12px;color:#444}@media (max-width:900px){.nearby-list{max-height:100px}}.stats-panel{width:320px;display:flex;flex-direction:column;gap:16px}.stat-card{border:1px solid #000;padding:12px;border-radius:8px;background:#fff}.stat-label{font-size:11px;color:#333;text-transform:uppercase;letter-spacing:.6px}.stat-value{margin-top:8px;font-size:20px;font-weight:600}.stat-label.small,.stat-value.small{margin-top:10px;font-size:12px}.wave-strip{width:100%;margin-bottom:24px}.wave-strip-inner{display:flex;gap:20px;align-items:flex-end;padding:12px 8px;overflow-x:auto;min-width:100%}.wave-day{width:72px;display:flex;flex-direction:column;align-items:center}.wave-bar{width:40px;background:#000;border-radius:6px;transition:height .2s ease}.wave-day-label{margin-top:8px;font-size:12px;color:#333;text-align:center}.wave-date-label{font-size:11px;color:#666;text-align:center}.tide-strip{width:100%;margin-bottom:32px}.tide-strip-inner{border:1px solid #000;border-radius:8px;padding:16px;background:#fff}.tide-title{font-size:12px;text-transform:uppercase;color:#333;margin-bottom:8px}.tide-visual{width:100%;height:200px}.tide-svg{width:100%;height:100%;display:block}.report-container{margin-top:8px}.report-row{display:flex;gap:18px;flex-wrap:wrap}.report-field{flex:1 1 240px;background:#fff;border:1px solid #000;padding:12px;border-radius:8px}.label{font-size:11px;color:#333;text-transform:uppercase}.value{margin-top:6px;font-size:16px;font-weight:600}.error{margin-top:12px;color:#b00020}@media (max-width:900px){.top-area{flex-direction:column}.stats-panel{width:100%;flex-direction:row;gap:12px}.stat-card{flex:1 1}}