:root{--ink:#123b4c;--muted:#385b68;--teal:#446f79;--sand:#f3e5cf;--glass:rgba(255,253,246,.77);--line:rgba(255,255,255,.65)}*{box-sizing:border-box}html{background:#a5c2cc}body{margin:0;color:var(--ink);font:16px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b67726;outline-offset:4px}button{border:0;border-radius:12px;background:var(--teal);color:#fffefa;padding:12px 20px;min-height:44px;font-weight:600}a{color:var(--ink)}[hidden]{display:none!important}h1,h2,p{margin:0}/* Matched photographic scenes; all media are served by the Bellmare webspace. */
.beach-scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#8faeb9 url('/assets/cockpit/scenes/overcast-0423.webp') center/cover no-repeat;transition:filter 3s}
.beach-scene video,.beach-scene canvas,.scene-light,.scene-readability{position:absolute;inset:0;width:100%;height:100%}
.beach-scene video{object-fit:cover;transition:opacity 1.2s,filter 3s}
#scene-transition{object-fit:cover;opacity:0;transition:opacity 2.8s}
.scene-light{background:transparent;transition:background 3s}
.scene-readability{background:linear-gradient(180deg,rgba(227,242,245,.18),transparent 40%,rgba(234,222,197,.08))}
.beach-scene[data-weather=storm]{filter:brightness(.66) saturate(.8)}
.beach-scene[data-weather=storm] .scene-light{background:linear-gradient(#263f5940,transparent 75%)}
.beach-scene[data-weather=snow],.beach-scene[data-weather=sleet]{filter:saturate(.6) brightness(1.05)}
.beach-scene[data-weather=fog]{filter:saturate(.65) contrast(.86)}
.beach-scene[data-phase=dawn] .scene-light{background:#cac3e414}
.beach-scene[data-source=overcast][data-phase=dusk] .scene-light,.beach-scene[data-source=overcast][data-phase=dawn] .scene-light{background:linear-gradient(#564e7440,#eab68a18)}
.beach-scene[data-phase=night] .scene-readability{background:linear-gradient(#102c4210,transparent)}
/* Covered nights have no visible moon. The same overcast scene receives a blue night grade. */
.beach-scene[data-phase=night][data-source=overcast]{filter:brightness(.30) saturate(.6)}
.beach-scene[data-phase=night][data-source=overcast] .scene-light{background:#10274655}

.house-dashboard{position:relative;max-width:1500px;min-height:100vh;min-height:100dvh;margin:auto;display:flex;flex-direction:column;gap:14px;padding:22px max(28px,env(safe-area-inset-right)) 10px max(28px,env(safe-area-inset-left))}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.cockpit-brand{display:flex;align-items:center;gap:12px;color:white;filter:drop-shadow(0 1px 4px #28435255)}.cockpit-brand img{width:58px;height:58px;object-fit:contain}.cockpit-brand strong{display:block;font-size:25px;font-weight:400;letter-spacing:.23em;line-height:1.1}.cockpit-brand div>span{font-size:8px;letter-spacing:.18em;display:block;margin-top:7px}.clock-block{text-align:right;flex:none}.clock-block time{font-size:46px;line-height:1;font-weight:300;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.clock-block>span{display:block;font-size:11px;margin-top:4px}.welcome h1{font-size:clamp(27px,3.4vw,48px);font-weight:400;line-height:1.12;letter-spacing:-.04em;margin-top:12px;overflow-wrap:anywhere}.welcome>p{font-size:17px;margin-top:5px}.welcome{color:#103748;text-shadow:0 1px 9px #edf5efaa}.house-dashboard[data-phase=night] .welcome,.house-dashboard[data-dark=true] .welcome{color:#fffdfa;text-shadow:0 2px 15px #132e47}.glass{background:var(--glass);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 36px #163b4921;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.day-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(20px,.75fr) minmax(210px,.85fr);gap:18px;flex:1;align-items:start}.weather-panel{grid-column:1;padding:17px 20px 8px;display:flex;flex-direction:column;gap:10px}.weather-panel h2{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.weather-main{line-height:1.2}.temperature{font-size:70px;line-height:1;font-weight:350;letter-spacing:-.055em;display:block}.weather-main p{font-size:18px;margin-top:5px}.weather-main small{font-size:10px;color:var(--muted)}.weather-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #ffffff80;border-radius:12px;background:#fff6;padding:10px 0;gap:0}.weather-stats>div{padding:0 10px}.weather-stats>div+div{border-left:1px solid #81989955}.weather-stats span{font-size:10px;display:block;min-height:27px;color:var(--muted)}.weather-stats strong{font-size:17px;font-weight:500;white-space:nowrap}.sun-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sun-times span{display:block;font-size:10px;color:var(--muted)}.sun-times strong{font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}.text-button{align-self:flex-end;padding:5px 0;min-height:32px;font-size:12px;background:transparent;color:var(--ink)}.calendar-panel{grid-column:3;text-align:center;padding:22px 18px 20px;background:rgba(250,239,219,.84);display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:307px}.calendar-label{font-size:10px;letter-spacing:.25em;color:var(--muted)}#weekday{font-size:24px;margin-top:12px;font-weight:400}#day-number{font-size:114px;line-height:1;font-weight:350;letter-spacing:-.07em;margin:6px 0;padding-right:7px}#month-year{font-size:19px}.calendar-bottom{margin-top:20px;padding-top:14px;border-top:1px solid #59747b55;width:100%;font-size:11px;color:var(--muted)}.quick-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.guide-tile{display:flex;align-items:center;gap:10px;padding:12px;min-height:76px;text-align:left;color:var(--ink);font-size:14px;font-weight:500;border-radius:17px;transition:background .2s,transform .2s}.guide-tile:hover{background:rgba(255,253,246,.95)}.guide-tile:active{transform:scale(.98)}.tile-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--teal);width:44px;height:44px;flex:none}.tile-icon img{width:26px;height:26px}.dashboard-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;font-size:10px}.dashboard-footer>span{background:#fcf6e9c7;padding:5px 9px;border-radius:8px;max-width:40%}.dashboard-footer>div{display:flex;align-items:center;gap:8px}.footer-button,.dashboard-footer a{padding:7px 11px;min-height:36px;font-size:11px;font-weight:500;background:#fff8eadb;color:var(--ink);border-radius:10px;text-decoration:none;display:inline-flex;align-items:center}.dashboard-footer a{background:var(--teal);color:white}.overlay{position:fixed;inset:0;z-index:20;background:#f9fbfa;display:flex;flex-direction:column}.overlay>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;background:#e5eeed;border-bottom:1px solid #d1dedc}.overlay h2{font-size:23px;font-weight:450}.overlay iframe{flex:1;min-height:0;width:100%;border:0;background:white}.weather-detail-body{padding:24px;overflow:auto}.weather-detail-body p{margin-bottom:18px;color:var(--muted)}#all-weather{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 24px}#all-weather div{padding:16px;background:#e8efed;border-radius:14px}#all-weather dt{font-size:13px;color:var(--muted)}#all-weather dd{margin:8px 0 0;font-size:24px}.scene-credit{font-size:13px}.pair-screen{max-width:480px;margin:8vh auto;padding:30px;background:#fffefa;border-radius:24px;box-shadow:0 20px 60px #123b4922}.pair-screen img{border-radius:14px;margin-bottom:20px}.pair-screen .eyebrow{font-size:11px;letter-spacing:.2em}.pair-screen h1{font-size:30px;font-weight:450;margin-bottom:20px}.pair-screen p{margin-bottom:20px}.pair-screen label,.pair-screen input{display:block;width:100%}.pair-screen input{padding:14px;font-size:28px;letter-spacing:.2em;margin:8px 0 20px;border:1px solid #b8cecf;border-radius:10px}.pair-screen button{width:100%;margin-bottom:20px}.pair-screen small{color:var(--muted)}.error{color:#a33139}
@media(min-width:1150px) and (min-height:850px){.house-dashboard{padding:28px 36px 15px;gap:20px}.cockpit-brand img{width:68px;height:68px}.clock-block time{font-size:56px}.welcome h1{margin-top:22px}.weather-panel{padding:23px 26px 12px;gap:15px}.temperature{font-size:92px}.weather-stats{padding:14px 0}.weather-stats strong{font-size:20px}.weather-stats span{min-height:22px;font-size:12px}.sun-times span{font-size:12px}.sun-times strong{font-size:18px}.calendar-panel{min-height:377px}#day-number{font-size:144px}.guide-tile{min-height:96px;font-size:16px;padding:18px}.tile-icon{width:50px;height:50px}.tile-icon img{width:30px;height:30px}.footer-button,.dashboard-footer a{min-height:40px;font-size:13px}.dashboard-footer{font-size:11px}}
@media(max-width:1080px){.house-dashboard{padding:16px 20px 8px;gap:11px}.cockpit-brand img{width:48px;height:48px}.cockpit-brand strong{font-size:23px}.welcome h1{font-size:32px;margin-top:9px}.welcome>p{font-size:15px}.clock-block time{font-size:40px}.weather-panel{padding:14px 15px 5px;gap:8px}.day-grid{grid-template-columns:minmax(0,1.75fr) minmax(12px,.45fr) minmax(210px,.8fr);gap:12px}.weather-stats>div{padding:0 8px}.weather-stats strong{font-size:17px}.guide-tile{font-size:14px;gap:8px;padding:10px;min-height:69px}.tile-icon{width:37px;height:37px}.tile-icon img{width:23px;height:23px}.calendar-panel{min-height:287px}#day-number{font-size:108px}.temperature{font-size:66px}.dashboard-footer{min-height:36px}}
@media(min-width:761px) and (max-height:730px){.house-dashboard{padding:10px 18px 6px;gap:9px}.cockpit-brand img{width:40px;height:40px}.cockpit-brand strong{font-size:21px}.cockpit-brand div>span{font-size:7px;margin-top:5px}.clock-block time{font-size:34px}.welcome h1{font-size:29px;margin-top:7px}.welcome>p{font-size:13px;margin-top:3px}.weather-panel{padding:12px 15px 3px;gap:7px}.temperature{font-size:57px}.weather-main p{font-size:16px}.weather-stats{padding:8px 0}.weather-stats span{min-height:24px}.sun-times strong{font-size:14px}.text-button{min-height:30px}.calendar-panel{min-height:263px;padding:15px}.calendar-bottom{margin-top:14px;padding-top:10px}#weekday{font-size:21px;margin-top:8px}#day-number{font-size:100px}#month-year{font-size:17px}.guide-tile{min-height:60px;padding:8px 10px}.quick-links{gap:8px}.footer-button,.dashboard-footer a{min-height:32px;padding:6px 9px}}
@media(max-width:760px){.house-dashboard{padding:18px 14px;gap:14px}.welcome h1{font-size:29px}.cockpit-brand strong{font-size:17px}.cockpit-brand img{width:38px;height:38px}.cockpit-brand div>span{font-size:6px}.cockpit-brand{gap:7px}.clock-block time{font-size:30px}.clock-block>span{font-size:8px}.day-grid{grid-template-columns:1fr;gap:14px}.weather-panel,.calendar-panel{grid-column:1}.calendar-panel{min-height:0;display:grid;grid-template-columns:1fr 1fr;padding:14px;gap:4px}.calendar-label,.calendar-bottom{display:none}#day-number{grid-column:2;grid-row:1/3;font-size:82px;margin:0}#weekday{font-size:24px;margin:0}#month-year{font-size:17px}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-tile{min-height:66px}.dashboard-footer{flex-wrap:wrap;gap:10px}.dashboard-footer>span{max-width:100%}.dashboard-footer>div{flex-wrap:wrap}.overlay>header{padding:12px;gap:10px}.overlay h2{font-size:18px}.overlay>header button{font-size:12px;padding:10px}#all-weather{grid-template-columns:repeat(2,minmax(0,1fr))}#all-weather dd{font-size:20px}.weather-detail-body{padding:16px}.pair-screen{margin:20px 14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the coastline visible by day while retaining contrast in darker scenes. */
.weather-panel{background:rgba(255,253,246,.55);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.house-dashboard[data-dark=true] .weather-panel{background:rgba(255,253,246,.69)}
.house-dashboard[data-phase=night] .weather-panel{background:rgba(255,253,246,.78)}

/* 0.4.24: device-local colour profiles and readable information surfaces. */
:root{--ink:#15384c;--muted:#25414f;--teal:#567e96;--glass:rgba(216,235,248,.90);--weather-glass:rgba(224,240,251,.76);--weather-dark:rgba(222,238,250,.88);--calendar-glass:rgba(225,240,251,.92);--small-glass:rgba(236,247,254,.92);--hover-glass:rgba(241,250,255,.98);--inset-glass:rgba(245,251,255,.58);--welcome-surface:rgba(240,249,255,.91);--focus:#355e79}
:root[data-theme=strand]{--ink:#3c423c;--muted:#35433e;--teal:#708c88;--glass:rgba(245,237,218,.91);--weather-glass:rgba(248,242,227,.77);--weather-dark:rgba(248,242,227,.89);--calendar-glass:rgba(250,241,220,.93);--small-glass:rgba(252,246,232,.94);--hover-glass:rgba(255,251,239,.99);--inset-glass:rgba(255,252,242,.58);--welcome-surface:rgba(251,247,235,.92);--focus:#5f746b}
:root[data-theme=maritim]{--ink:#183e48;--muted:#24464b;--teal:#477e85;--glass:rgba(216,237,236,.92);--weather-glass:rgba(230,247,245,.78);--weather-dark:rgba(224,241,242,.91);--calendar-glass:rgba(221,239,240,.94);--small-glass:rgba(238,249,248,.94);--hover-glass:rgba(244,255,253,.99);--inset-glass:rgba(244,254,252,.60);--welcome-surface:rgba(236,250,247,.93);--focus:#35696f}
:root[data-theme=warm]{--ink:#4a352c;--muted:#4c382d;--teal:#a37662;--glass:rgba(248,228,209,.92);--weather-glass:rgba(255,243,229,.79);--weather-dark:rgba(255,240,224,.91);--calendar-glass:rgba(250,231,210,.94);--small-glass:rgba(255,244,229,.95);--hover-glass:rgba(255,248,237,.99);--inset-glass:rgba(255,250,241,.60);--welcome-surface:rgba(255,245,231,.93);--focus:#885b49}
:root[data-theme=kuehl]{--ink:#303c57;--muted:#37435a;--teal:#727f9e;--glass:rgba(227,233,247,.93);--weather-glass:rgba(244,247,255,.81);--weather-dark:rgba(239,243,255,.93);--calendar-glass:rgba(230,236,249,.95);--small-glass:rgba(243,247,255,.95);--hover-glass:rgba(250,252,255,.99);--inset-glass:rgba(253,253,255,.64);--welcome-surface:rgba(244,247,255,.94);--focus:#586987}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--focus)}
.welcome{position:relative;color:var(--ink);text-shadow:none;--welcome-ink:var(--ink);--clock-space:245px}
.brand-row{min-height:64px;padding-right:var(--clock-space)}
.clock-block{position:absolute;right:0;top:0;padding:7px 13px 8px;border:1px solid #ffffff55;border-radius:17px;background:var(--welcome-surface);color:var(--welcome-ink);box-shadow:0 4px 22px #18374b16;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.clock-block time{font-size:74px;font-weight:350;line-height:.96;letter-spacing:-.035em}.clock-block>span{font-size:11px;margin-top:6px}
.welcome-copy{display:table;max-width:calc(100% - var(--clock-space));margin-top:8px;padding:8px 14px 9px;border:1px solid #ffffff55;border-radius:16px;background:var(--welcome-surface);color:var(--welcome-ink);box-shadow:0 4px 22px #18374b12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.welcome-copy h1{margin:0;font-weight:450;line-height:1.15;letter-spacing:-.035em}.welcome-copy p{font-size:15px;margin-top:4px}
.house-dashboard[data-phase=night] .welcome,.house-dashboard[data-phase=dusk] .welcome,.house-dashboard[data-phase=dawn] .welcome,.house-dashboard[data-dark=true] .welcome{--welcome-ink:#f6fbff;--welcome-surface:rgba(19,41,60,.84);color:var(--welcome-ink);text-shadow:none}
.weather-panel{background:var(--weather-glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.house-dashboard[data-dark=true] .weather-panel,.house-dashboard[data-phase=night] .weather-panel{background:var(--weather-dark)}
.calendar-panel{background:var(--calendar-glass);padding:18px;min-height:0}
.calendar-bottom{margin-top:12px;padding-top:10px}.stay-notice{margin-bottom:9px}.stay-notice strong{display:block;color:var(--ink);font-size:13px;font-weight:650;line-height:1.3}.stay-notice span{display:block;font-size:10px;line-height:1.4;margin-top:5px}
.weather-stats{background:var(--inset-glass)}.guide-tile:hover{background:var(--hover-glass)}
.dashboard-footer{flex-wrap:wrap;gap:8px;min-height:44px}.dashboard-footer .theme-picker{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.theme-button{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;min-height:44px;border:1px solid #ffffffb3;border-radius:12px;color:var(--ink);background:var(--small-glass);font-size:11px;font-weight:500;box-shadow:0 2px 10px #18374b0c}
.theme-button[aria-pressed=true]{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);font-weight:700}.theme-swatch{width:15px;height:15px;flex:none;border-radius:50%;border:1px solid #ffffffb3;box-shadow:0 0 0 1px #24455a20}.swatch-ostseeblau{background:#a7c9e2}.swatch-strand{background:#e6d9b8}.swatch-maritim{background:#8fbebc}.swatch-warm{background:#ddb199}.swatch-kuehl{background:#b9c2dd}
.footer-button{background:var(--small-glass);min-height:44px}.dashboard-footer a{min-height:44px}.refresh-button{width:44px;padding:0;justify-content:center;font-size:26px;line-height:1;font-weight:400}.footer-actions{margin-left:auto}
#connection{flex-basis:100%;padding:6px 10px;border-radius:9px;background:var(--small-glass);font-size:12px;color:var(--ink)}
.overlay{background:var(--hover-glass)}.overlay>header{background:var(--calendar-glass)}#all-weather div{background:var(--glass)}.motion-settings{padding:16px 0 8px}.motion-settings h3{font-size:17px;margin:0 0 7px}.motion-settings button{min-height:44px}
@media(min-width:1150px) and (min-height:850px){.welcome{--clock-space:270px}.brand-row{min-height:70px}.clock-block time{font-size:88px}.welcome-copy h1{margin:0}.calendar-panel{padding:22px;min-height:377px}.stay-notice strong{font-size:15px}.stay-notice span{font-size:11px}.theme-button{font-size:12px;padding:6px 12px}}
@media(max-width:1080px){.welcome{--clock-space:215px}.brand-row{min-height:51px}.clock-block{padding:6px 10px}.clock-block time{font-size:64px}.clock-block>span{font-size:10px}.welcome-copy{padding:7px 11px}.welcome-copy h1{font-size:31px;margin:0}.welcome-copy p{font-size:13px}.calendar-panel{padding:15px}.calendar-panel #day-number{font-size:96px}.calendar-panel #weekday{font-size:22px;margin-top:8px}.calendar-panel #month-year{font-size:17px}.house-dashboard{gap:10px}.theme-button{padding:5px 8px}}
@media(min-width:761px) and (max-height:730px){.welcome{--clock-space:200px}.brand-row{min-height:41px}.clock-block time{font-size:57px}.clock-block>span{font-size:9px}.welcome-copy{margin-top:6px;padding:6px 10px}.welcome-copy h1{font-size:28px}.welcome-copy p{font-size:12px}.calendar-panel{padding:13px;min-height:0}.calendar-panel #day-number{font-size:88px;margin:4px 0}.calendar-panel #weekday{font-size:20px}.calendar-panel #month-year{font-size:16px}.calendar-bottom{margin-top:9px;padding-top:8px}.stay-notice strong{font-size:12px}.stay-notice span{font-size:10px;margin-top:3px}.stay-notice{margin-bottom:6px}.theme-button{min-height:40px}.footer-button,.dashboard-footer a{min-height:40px}.dashboard-footer{min-height:40px}}
@media(max-width:760px){.welcome{--clock-space:140px}.brand-row{min-height:66px;padding-right:var(--clock-space)}.clock-block time{font-size:46px}.clock-block>span{font-size:8px}.clock-block{padding:6px 8px}.welcome-copy{max-width:100%;display:block;margin-top:8px;padding:10px 12px}.welcome-copy h1{font-size:28px}.welcome-copy p{font-size:14px}.calendar-panel .calendar-bottom{display:block;grid-column:1/-1;margin-top:8px;padding-top:8px}.stay-notice strong{font-size:14px}.stay-notice span{font-size:11px}.calendar-panel #day-number{font-size:82px}.dashboard-footer .theme-picker{width:100%;gap:6px}.theme-button{flex:1 0 auto}.footer-actions{margin-left:0}.cockpit-brand strong{font-size:16px}.cockpit-brand div>span{font-size:5.5px}}