:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#34352e;background:#f6f3ed;font-size:15px}*{box-sizing:border-box}body{margin:0}header,main{max-width:1160px;margin:auto}header{padding:28px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcd8ce}.brand{color:#3b4439;font-size:27px;text-decoration:none;display:flex;gap:10px;align-items:center}.brand span{font-size:19px;font-weight:600;letter-spacing:-.5px}button{font:inherit;border:0;border-radius:7px;padding:12px 18px;background:#455644;color:white;cursor:pointer;line-height:1.2}button:hover{filter:brightness(.94)}button:disabled{opacity:.55;cursor:wait}.quiet{background:transparent;color:#455644;border:1px solid #c7cbbb}main{padding:0 30px}.hero{position:relative;overflow:hidden;padding:65px 0 60px;min-height:360px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:#7d806f;margin:0 0 17px}h1{font-family:Georgia,serif;font-size:64px;font-weight:400;line-height:1.06;letter-spacing:-2.4px;margin:0;position:relative;z-index:2}h1 em{color:#a66242;font-weight:400}.intro{color:#787a6d;font-size:16px;margin-top:23px;position:relative;z-index:2}.horizon{position:absolute;width:460px;height:270px;right:-12px;top:50px;border-radius:50% 50% 10% 10%;background:radial-gradient(ellipse at 50% 60%,#f1ad77,transparent 66%);opacity:.9;overflow:hidden}.sun{width:120px;height:120px;border-radius:50%;background:#df8d58;position:absolute;left:170px;top:70px;box-shadow:0 0 65px 38px #efbd8c}.water{position:absolute;top:180px;height:100px;width:100%;background:repeating-linear-gradient(0deg,#b4bcae 0 1px,#d4d4bf 2px 8px);border-top:2px solid #a7b2a0}.schedule{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dcd8ce;border-bottom:1px solid #dcd8ce;padding:25px 0;margin-bottom:36px;gap:25px}.schedule>div+div{border-left:1px solid #dcd8ce;padding-left:28px}.label{display:block;font-size:10px;letter-spacing:1.6px;color:#777e6e}.schedule strong{display:block;margin:9px 0;font-weight:500;font-size:20px}.schedule small{color:#818377;font-size:12px}.panel{padding:30px;background:#eeeee4;border:1px solid #dadccb;border-radius:12px;margin-bottom:45px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-title .eyebrow{margin-bottom:9px}h2{font-family:Georgia,serif;font-weight:400;font-size:32px;margin:0 0 12px;letter-spacing:-.6px}.badge{background:#dde3d6;color:#455644;padding:7px 12px;font-size:12px;border-radius:50px}.hint{color:#777e6e;font-size:13px;line-height:1.6}.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:15px}.setup-grid article{min-width:0}.setup-grid p{font-size:13px;line-height:1.6;color:#777e6e}h3{font-size:16px;font-weight:600}label{display:block;font-size:12px;margin:14px 0 7px;color:#5d6558}input,select{display:block;width:100%;font:inherit;padding:11px;border:1px solid #ccd0bf;border-radius:5px;background:#fafaf4;color:#34352e;margin-top:7px}form button{margin-top:14px}form a{display:block;font-size:12px;color:#5b6b52;margin-top:10px}.start{margin-top:18px;background:#a66242}#email-test{margin-top:16px}details{border-top:1px solid #d3d8c9;padding-top:15px;margin-top:25px;font-size:13px}summary{cursor:pointer}.location{display:flex;gap:20px;align-items:end}.location label{flex:1}.location button{margin-bottom:7px}#events{padding-left:18px;line-height:1.8;color:#68715e}.library{margin-bottom:70px}.filters{display:flex;border:1px solid #d2d6c8;padding:4px;border-radius:7px}.filters button{color:#737d69;background:transparent;padding:7px 16px;font-size:12px}.filters button[aria-pressed=true]{background:#455644;color:white}.videos{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:25px}.card{background:#fdfbf7;border:1px solid #e1ddd4;border-radius:10px;overflow:hidden}.card video{display:block;width:100%;aspect-ratio:16/9;background:#1c2621;object-fit:contain}.card-body{padding:20px}.card h3{font-family:Georgia,serif;font-weight:400;font-size:23px;margin:0}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.card p{font-size:12px;color:#7c806e;line-height:1.6}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.actions button,.actions a{font:inherit;font-size:12px;padding:9px 12px;border-radius:5px;background:#edf0e6;color:#455644;border:1px solid #d6dccb;text-decoration:none}.actions .delete{background:none;border-color:#e7d5cc;color:#9c654d}.empty{grid-column:1/-1;text-align:center;padding:58px 25px;border:1px dashed #c7cdbb;border-radius:12px;color:#7d826f}.empty h3{font-family:Georgia,serif;font-weight:400;font-size:27px;color:#4e5c48}.empty p{font-size:14px;line-height:1.7}.empty .icon{font-size:40px;color:#b77b51}.failed{padding:28px;background:#f2e7dd;color:#98674c;min-height:130px;line-height:1.6}#notice{padding:15px 20px;border-radius:7px;background:#e7eadb;color:#4b5c3e;margin-bottom:24px;font-size:14px;white-space:pre-line}#notice.error{background:#f0ded3;color:#89563d}footer{padding:25px 0;display:flex;justify-content:space-between;border-top:1px solid #dcd8ce;font-family:Georgia,serif;font-style:italic;color:#858a79;font-size:14px}footer span{font-family:-apple-system,sans-serif;font-style:normal;font-size:11px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c78a51;outline-offset:3px}[hidden]{display:none!important}@media(max-width:850px){h1{font-size:49px}.horizon{right:-180px;opacity:.5}.setup-grid{grid-template-columns:1fr}.schedule{gap:12px}.schedule>div+div{padding-left:12px}.schedule strong{font-size:15px}.videos{grid-template-columns:1fr}}@media(max-width:520px){header,main{padding-left:20px;padding-right:20px}.hero{padding-top:45px;min-height:310px}.horizon{right:-270px}h1{font-size:42px}.schedule{grid-template-columns:1fr}.schedule>div+div{padding:12px 0 0;border-left:0;border-top:1px solid #dcd8ce}.schedule small{display:none}.schedule strong{font-size:19px}.panel{padding:20px}.section-title{align-items:start}h2{font-size:27px}.location{display:block}footer{display:block}footer span{display:block;margin-top:12px}}

#sunrise-camera-test{margin-top:18px}hr{border:0;border-top:1px solid #d3d8c9;margin:25px 0}
.header-actions{display:flex;align-items:center;gap:10px}.preview-link{font-size:12px;text-decoration:none;padding:12px;border-radius:7px}.library .section-title{align-items:flex-start;flex-wrap:wrap}.filters{flex-wrap:wrap;gap:2px}.filters button{padding:7px 10px}.library-summary{font-size:13px;color:#56654b;background:#e9ecdf;padding:14px 18px;border-radius:6px;margin-top:20px}#preview-banner{margin-top:25px;padding:20px 24px;border:1px solid #c8ae7a;background:#f4e9d1;border-radius:8px;color:#6f5429;font-size:14px}#preview-banner p{line-height:1.6}#preview-banner a{color:#6f5429}.sample-scene{height:230px;position:relative;overflow:hidden;background:linear-gradient(#5d697d,#a78a9c 38%,#f1b786 65%,#f5ce9e 70%,#70847f 71%,#465d5a)}.sample-scene.sunset{background:linear-gradient(#34475e,#946b80 40%,#dc885f 65%,#f1b97d 70%,#697a72 71%,#344c47)}.sample-scene:before{content:'';display:block;width:60px;height:60px;border-radius:50%;background:#f7d8a6;position:absolute;left:60%;top:52%;box-shadow:0 0 45px #ffd097}.sample-scene span{position:absolute;left:15px;bottom:13px;font-size:11px;color:#fff;background:#34443bc9;border-radius:4px;padding:7px 10px}.sample-scene.sunrise:before{left:30%}#preview-banner~.hero{padding-top:35px;min-height:300px}@media(max-width:520px){.header-actions{gap:5px}.preview-link{max-width:100px;font-size:10px;padding:8px}header button{font-size:12px;padding:10px}.filters{width:100%}.sample-scene{height:200px}}

#calendar{margin:25px 0 30px;background:#fcfaf5;border:1px solid #dadfd0;border-radius:10px;padding:20px}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.month-nav{display:flex;align-items:center;gap:18px}.month-nav h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:0}.month-nav button{padding:8px 12px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays span{text-align:center;font-size:11px;color:#7c8472;padding:14px 0}.calendar-grid{border-left:1px solid #dfe2d6;border-top:1px solid #dfe2d6}.calendar-day,.calendar-blank{min-height:115px;border-bottom:1px solid #dfe2d6;border-right:1px solid #dfe2d6;background:#fdfcf8;padding:7px;min-width:0}.calendar-blank{background:#f3f3eb}.calendar-day.selected{background:#edf0e3;box-shadow:inset 0 0 0 2px #647953}.day-pick{background:transparent;color:#535f48;padding:5px 8px;font-size:12px;border-radius:50%;min-width:28px;min-height:28px}.today .day-pick{background:#4b6041;color:white}.day-entries{display:grid;gap:5px;margin-top:5px}.calendar-entry{display:flex;align-items:center;justify-content:space-between;gap:3px;text-align:left;font-size:10px;padding:7px 5px;border-radius:4px;min-width:0;color:#526246;background:#e5ecdc}.calendar-entry span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-entry.dusk{background:#f1dfd0;color:#8b5d3f}.calendar-entry.incomplete{background:#eeeae3;color:#867b68;border:1px dashed #c9bead}.calendar-legend{font-size:11px;color:#7a816e;margin:14px 0 0}.selected-date{font-family:Georgia,serif;font-size:25px;font-weight:400;margin-top:30px}@media(max-width:600px){#calendar{padding:10px}.month-nav{gap:8px}.month-nav h3{font-size:20px}.calendar-toolbar>.quiet{padding:8px;font-size:11px}.calendar-day,.calendar-blank{padding:3px;min-height:95px}.calendar-entry{font-size:8px;padding:6px 2px}.day-pick{font-size:11px;padding:3px;min-width:23px;min-height:23px}.calendar-legend{font-size:10px}.calendar-weekdays span{font-size:9px}}

.calendar-entry{flex-wrap:wrap}.calendar-entry>span:first-child{flex:1}.entry-status{flex-basis:100%;font-size:9px;line-height:1.4;white-space:normal}.video-badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.new-video{background:#f4dfba;color:#8a5d22}@media(max-width:600px){.calendar-day,.calendar-blank{min-height:125px}.entry-status{font-size:8px}.calendar-entry{padding:4px 2px;gap:1px}.calendar-entry>span:first-child{flex-basis:70%}}

.calendar-scroll{overflow-x:auto}.calendar-weekdays,.calendar-grid{min-width:720px}.day-entries{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.calendar-entry.dawn{grid-column:1}.calendar-entry.dusk{grid-column:2}.videos.daily-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.daily-layout .capture-sunrise{grid-column:1}.daily-layout .capture-sunset{grid-column:2}@media(max-width:600px){.daily-layout .card-body{padding:12px}.daily-layout .card h3{font-size:18px}.daily-layout .card-top{flex-wrap:wrap}.daily-layout .actions{gap:5px}.daily-layout .actions button,.daily-layout .actions a{padding:7px;font-size:10px}}

.calendar-video{position:relative;min-width:0}.calendar-video.dawn{grid-column:1}.calendar-video.dusk{grid-column:2}.calendar-video .calendar-entry{width:100%;height:100%;padding-bottom:20px}.calendar-info{position:absolute;bottom:2px;right:2px;padding:1px 4px;background:transparent;color:#5f6d54;font-size:12px}.calendar-info:hover{background:#fff9}.info-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.info-heading h2{font-size:26px}#video-info{width:min(650px,94vw);max-height:88vh;border:1px solid #cbd2bf;background:#faf8f2;color:#394332;border-radius:12px;padding:26px}#video-info::backdrop{background:#1f2a21a8}.info-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px}.info-metrics>div{border-bottom:1px solid #dce0d2;padding-bottom:10px}.info-metrics dt{font-size:11px;color:#79806e;margin-bottom:6px}.info-metrics dd{margin:0;font-size:16px;line-height:1.5}.info-note{padding:13px;background:#e9edde;border-radius:6px;font-size:12px;line-height:1.7}#video-info h3{margin-top:25px}#video-info a{color:#536e46}

.hero{display:grid;grid-template-columns:1fr;min-height:0;padding:40px 0 30px}.hero h1{font-size:52px}.hero .intro{margin-bottom:26px}.sunset-photo{display:block;width:100%;height:auto;aspect-ratio:1306/602;object-fit:cover;border-radius:14px;box-shadow:0 12px 30px #48332218}.hero .eyebrow{margin-bottom:12px}@media(max-width:520px){.hero h1{font-size:39px}.hero{padding-top:28px}.sunset-photo{border-radius:9px}}

.calendar-weekdays,.calendar-grid{min-width:980px}.calendar-thumb{display:block;flex-basis:100%;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;margin-bottom:5px}.calendar-empty-thumb{display:flex;flex-basis:100%;width:100%;aspect-ratio:16/9;align-items:center;justify-content:center;border:1px dashed #b8b5aa;border-radius:4px;background:#e9e7df;color:#726e62;font-size:10px;margin-bottom:5px}.demo-thumb{background:linear-gradient(#718496,#efae78);text-align:center;color:#ffe6a5;font-size:23px}.calendar-day{min-height:155px}.calendar-entry{align-content:start}.calendar-entry.incomplete{border-style:solid}
.login-panel{max-width:520px;margin:50px auto}.login-panel h1{font-size:36px}#details{width:min(650px,94vw);max-height:88vh;border:1px solid #cbd2bf;background:#faf8f2;color:#394332;border-radius:12px;padding:26px}#details::backdrop{background:#1f2a21a8}
.visitor-map{position:relative;background:#e5edf0;border-radius:12px;overflow:hidden}.visitor-map img{width:100%;display:block}.visitor-map svg{position:absolute;inset:0;width:100%;height:100%}.visitor-map circle{fill:#c65b33;stroke:#fff;stroke-width:1.5;cursor:pointer;opacity:.85}.visitor-map circle:focus{stroke:#202c25;stroke-width:3}table{width:100%;text-align:left;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #ddd}
#live-video{width:100%;max-height:480px;background:#14221d;border-radius:12px;margin-top:12px;object-fit:contain}
.conditions-visual{background:#f0f5f3;border:1px solid #d7e2df;border-radius:14px;padding:16px;margin:16px 0}.weather-hero{display:flex;align-items:center;gap:18px}.weather-symbol{font-size:58px}.weather-degrees{font-size:42px;font-weight:700;line-height:1.1}.weather-description{font-size:18px;margin-top:6px}.weather-instruments{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.instrument{text-align:center;background:#fff;border-radius:12px;padding:12px}.instrument svg{width:110px;max-width:100%;height:110px}.instrument-title{font-weight:600}.instrument-value{font-size:22px;font-weight:600}.instrument .hint{font-size:12px;margin:6px 0}.tide-visual svg{display:block;width:100%;height:auto}.tide-visual input{width:100%;accent-color:#327f97}.tide-readout{font-size:14px;text-align:center}#current-weather-dialog{width:min(720px,calc(100vw - 32px));max-height:90vh;overflow:auto}
/* Phone controls remain easy to tap without changing sunrise/sunset order. */
#live-views .filters{flex-wrap:wrap;gap:6px}#live-views .filters button{flex:1 1 110px;min-height:44px;font-size:14px}#live-views{scroll-margin-top:16px}
#details,#current-weather-dialog{border:1px solid #cbd2bf;background:#faf8f2;color:#394332;border-radius:14px;padding:20px;max-height:90vh;max-height:90dvh;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#details{width:min(650px,calc(100vw - 24px))}#details::backdrop,#current-weather-dialog::backdrop{background:#1f2a21a8}.info-heading{position:sticky;top:-20px;background:#faf8f2;padding:10px 0;z-index:2}.info-heading button{min-width:44px;min-height:44px;flex-shrink:0}.tide-visual input[type=range]{min-height:44px;padding:0}.calendar-scroll{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.calendar-mobile-hint{display:none}
@media(max-width:520px){input,select{font-size:16px}header{gap:12px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}.header-actions{flex-wrap:wrap}.hero h1{font-size:clamp(30px,8.5vw,39px);letter-spacing:-1.4px}.panel{padding:16px}.calendar-toolbar{flex-wrap:wrap}.calendar-mobile-hint{display:block;font-size:12px;color:#68715e}.info-heading h2{font-size:23px;line-height:1.2}.info-heading{top:-14px}#details,#current-weather-dialog{width:calc(100vw - 20px);padding:14px;max-width:none}.conditions-visual{padding:10px}.weather-hero{gap:12px}.weather-symbol{font-size:46px}.weather-degrees{font-size:36px}.weather-description{font-size:16px}.weather-instruments{gap:8px}.instrument{padding:10px 6px}.instrument-value{font-size:18px}.info-metrics{gap:12px}.info-metrics dd{overflow-wrap:anywhere}.tide-visual .hint{font-size:11px}.month-nav h3{font-size:18px}footer{flex-wrap:wrap;gap:10px}}
@media(max-width:520px){#live-views .filters #current-weather{flex-basis:100%}}

/* Phone date cards v2 */
@media(max-width:600px){
 #calendar .calendar-scroll{overflow-x:visible}
 #calendar .calendar-weekdays{display:none}
 #calendar .calendar-grid{min-width:0;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0}
 #calendar .calendar-blank{display:none}
 #calendar .calendar-day{min-height:88px;padding:8px;border:1px solid #dfe2d6;border-radius:8px;overflow:hidden}
 #calendar .day-pick{border-radius:5px;min-height:36px;min-width:36px;font-size:14px;text-align:left;padding:5px;background:transparent}
 #calendar .day-pick::before{content:attr(data-weekday) " ";font-size:11px;color:#747d6c}
 #calendar .day-entries{gap:5px;margin-top:4px}
 #calendar .calendar-entry{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:3px;min-height:44px;padding:4px 3px 8px;font-size:10px;line-height:1.35;overflow-wrap:anywhere}
 #calendar .calendar-video .calendar-entry{padding-bottom:22px}
 #calendar .calendar-entry>span,#calendar .calendar-entry>span:first-child{flex:0 0 auto;white-space:normal;text-overflow:clip;overflow:visible}
 #calendar .calendar-entry .entry-status{flex-basis:auto;font-size:9px}
 #calendar .calendar-entry img,#calendar .calendar-thumb,#calendar .calendar-empty-thumb{width:100%;height:auto;flex:0 0 auto;aspect-ratio:16/9;min-width:0;margin:0 0 3px}
 #calendar .calendar-empty-thumb{font-size:9px;overflow-wrap:anywhere}
 #calendar .calendar-entry small{font-size:9px;white-space:normal}
 #calendar .calendar-info{min-height:24px;min-width:24px}
 #calendar .calendar-toolbar{align-items:center;gap:8px;margin-bottom:12px}
 .calendar-mobile-hint{display:none}
}
@media(min-width:601px) and (max-width:850px){#calendar .calendar-grid,#calendar .calendar-weekdays{min-width:0}#calendar .calendar-day{padding:4px}.calendar-entry{font-size:9px}}

/* Phone compact month v3 */
@media(max-width:600px){
 #calendar{padding:8px}
 #calendar .calendar-scroll{overflow-x:visible}
 #calendar .calendar-weekdays,#calendar .calendar-grid{display:grid;min-width:0;width:100%;grid-template-columns:repeat(7,minmax(0,1fr));gap:0}
 #calendar .calendar-weekdays span{font-size:10px;padding:10px 0}
 #calendar .calendar-grid{border-top:1px solid #dfe2d6;border-left:1px solid #dfe2d6}
 #calendar .calendar-day,#calendar .calendar-blank{display:block;min-height:100px;padding:2px;border:0;border-right:1px solid #dfe2d6;border-bottom:1px solid #dfe2d6;border-radius:0;overflow:hidden}
 #calendar .calendar-blank{background:#f0f0e8}
 #calendar .day-pick{display:block;min-width:24px;min-height:28px;font-size:12px;padding:4px;text-align:center;margin:0 auto}
 #calendar .day-pick::before{display:none}
 #calendar .day-entries{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:32px 32px;gap:3px;margin-top:3px}
 #calendar .calendar-video.dawn{grid-column:1;grid-row:1}
 #calendar .calendar-video.dusk{grid-column:1;grid-row:2}
 #calendar .calendar-video .calendar-entry{display:flex;align-items:center;justify-content:center;min-height:32px;height:32px;width:100%;padding:0 1px;border:0;border-radius:4px;background:#e5ecdc;color:#405837;font-size:clamp(8px,2.35vw,11px);line-height:1;white-space:nowrap;overflow:hidden;text-align:center}
 #calendar .calendar-video.dusk .calendar-entry{background:#f1dfd0;color:#83502f}
 #calendar .calendar-entry>* ,#calendar .calendar-info{display:none!important}
 #calendar .calendar-video.dawn .calendar-entry::after{content:'Sunrise'}
 #calendar .calendar-video.dusk .calendar-entry::after{content:'Sunset'}
 #calendar .calendar-video .calendar-entry:has(.calendar-empty-thumb)::after{content:'—';color:#777}
 #calendar .calendar-video .calendar-entry:has(.calendar-empty-thumb){background:#eeede7}
 #calendar .calendar-video>.calendar-empty-thumb{display:none}
 #calendar .calendar-video:not(:has(button))::after{content:'—';display:block;text-align:center;padding:9px 0;color:#777}
 #calendar::after{content:'Tap Sunrise or Sunset to watch below. — = no video.';display:block;font-size:12px;line-height:1.5;color:#68715e;margin-top:12px}
 #calendar .calendar-toolbar{gap:8px;flex-wrap:wrap}
 .calendar-mobile-hint{display:none}
}

/* Prominent live cameras v1 */
#live-views{background:#edf1e9;border-color:#cbd5c4;padding:26px;margin:0 0 24px}#live-views>h2{font-size:36px}#live-views #live-policy{color:#68715e;font-size:13px;line-height:1.6}.live-camera-deck{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.live-camera-card{min-width:0;background:#fffdf8;border:1px solid #d8dfd1;border-radius:14px;overflow:hidden}.live-camera-preview{position:relative;aspect-ratio:16/9;background:linear-gradient(160deg,#354d50,#809b98);display:flex;align-items:center;justify-content:center;overflow:hidden}.live-camera-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.live-camera-placeholder{color:#fff;font-size:14px;text-align:center;padding:20px}.live-camera-content{padding:20px}.live-camera-content h3{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:0 0 8px}.live-preview-caption{color:#6e7767;font-size:12px;min-height:18px;margin:0 0 16px}.watch-live-button{width:100%;min-height:48px;background:#405a43;color:white;font-size:16px;font-weight:600}.live-camera-card[data-camera=sunset] .watch-live-button{background:#a66242}.live-camera-tools{display:flex;align-items:center;gap:16px;margin-top:18px}.live-camera-tools button{min-height:44px}.live-playing-badge{color:#ab3e28;background:#fae7df;padding:7px 12px;border-radius:30px;font-size:12px;font-weight:700;letter-spacing:1px}#live-status{font-size:15px;font-weight:600}.hero:has(.sunset-photo[hidden]){padding-bottom:8px}.hero:has(.sunset-photo[hidden]) .intro{margin-bottom:16px}
@media(max-width:600px){#live-views{padding:16px}#live-views>h2{font-size:30px}.live-camera-deck{grid-template-columns:1fr;gap:16px}.live-camera-content{padding:16px}.live-camera-content h3{font-size:25px}.watch-live-button{min-height:50px}.live-camera-tools{flex-wrap:wrap}}