:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#283c30;background:#19241e;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bd8f52;outline-offset:3px}#display{height:100vh;height:100svh;overflow:hidden;position:fixed;inset:0}.artwork{position:absolute;inset:0;overflow:hidden;background:linear-gradient(150deg,#ede1c5,#d9b99b 65%,#b7a486)}.orb{position:absolute;width:31vw;aspect-ratio:1;border-radius:50%;top:10%;left:56%;background:linear-gradient(130deg,#faf0cd,#e2b68c);box-shadow:0 0 90px #f3d1a650}.artwork svg{height:100%;width:100%;position:absolute;inset:0}.back{fill:#b3b39b}.middle{fill:#7f968b}.front{fill:#435e55}.sage.artwork{background:linear-gradient(145deg,#dce2cc,#b1c3ab)}.sage .orb{background:#eef0cb}.sage .back{fill:#91ad8f}.sage .middle{fill:#587e70}.sage .front{fill:#294d43}.ink.artwork{background:linear-gradient(140deg,#9dabb7,#5a7188)}.ink .orb{background:#c8d0d2}.ink .back{fill:#496677}.ink .middle{fill:#304b60}.ink .front{fill:#192f42}.own-art{width:100%;height:100%;background:#14201a}.logo{position:fixed;z-index:4;left:max(24px,env(safe-area-inset-left));top:max(24px,env(safe-area-inset-top));border:1px solid #ffffff45;background:#26423225;color:#fff7e7;border-radius:50%;width:46px;height:46px;font:25px Georgia,serif}.logo span{font-size:11px;margin-left:2px}.caption{position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:28px;font-size:9px;letter-spacing:2px;color:#fff6dca8;pointer-events:none}#dimmer{position:fixed;inset:0;z-index:2;background:#000;pointer-events:none;opacity:0}#panel{position:relative;margin:24px 24px 24px auto;z-index:5;width:min(460px,calc(100% - 48px));padding:28px;background:#f7f6edfa;border:1px solid #fff8;border-radius:22px;box-shadow:0 20px 70px #19322c35}header{display:flex;align-items:start;justify-content:space-between;gap:10px}.eyebrow{font-size:9px;letter-spacing:2px;color:#74826e}h1{font-size:27px;line-height:1.2;font-weight:400;letter-spacing:-1px;margin:12px 0}h2{font-size:17px;font-weight:500;margin:0 0 16px}.intro,.small,details,footer{font-size:12px;line-height:1.65;color:#7b8874}.close{border:0;background:none;color:#6a7c65;font-size:28px;padding:0 4px}section{margin-top:24px;padding-top:22px;border-top:1px solid #dce0d3}#message{font-size:11px;line-height:1.6;color:#4f7357;background:#e5ecdE;padding:10px;border-radius:8px;min-height:36px}.error{background:#f4e3d7!important;color:#9c5932!important}.mode-picker{display:flex;gap:7px;flex-wrap:wrap}.mode-picker button{flex:1;min-width:90px;border:1px solid #d4dbcd;background:#efefe3;color:#62735d;padding:14px 7px;border-radius:10px;font-size:12px}.mode-picker button.selected{background:#344f42;color:#faf6e6;border-color:#344f42}label{display:block;font-size:12px;color:#61745a;margin:15px 0}select,input[type=time],input[type=file]{display:block;width:100%;max-width:100%;border:1px solid #cfd8c8;color:#405a3b;background:#f5f5eb;border-radius:7px;padding:10px;margin-top:7px}input[type=range]{width:100%;accent-color:#536f4c;margin-top:12px}output{float:right}.wide{display:block;border:1px solid #cbd7c6;border-radius:8px;background:#e9eddf;color:#45603f;padding:12px;width:100%;text-align:left;margin-top:10px;font-size:12px}button:disabled{opacity:.5;cursor:wait}.toggle{display:flex;gap:8px;align-items:center}.toggle input{accent-color:#536f4c}.times{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.times label{min-width:0}a{color:#507148;font-size:12px}details{margin-top:22px;border-top:1px solid #dce0d3;padding-top:18px}summary{cursor:pointer;color:#435b3d}ol{padding-left:18px}li{margin:9px 0}footer{font-size:10px;margin-top:22px}#offline-status{color:#42633c}.clock-screen{position:absolute;inset:0}.morning{position:absolute;top:20%;left:8%;right:8%;max-width:700px;color:#203e31;border:0;padding:0;margin:0}.morning .eyebrow{color:#41644f;font-size:10px}.morning h1{font-size:clamp(90px,12vw,175px);font-weight:300;letter-spacing:-7px;margin:20px 0 12px;line-height:1}.date{text-transform:capitalize;font-size:18px}.weather-card{margin-top:32px;padding:22px 26px;background:#fbfae5d9;border:1px solid #ffffff70;border-radius:16px;max-width:500px;box-shadow:0 8px 40px #213d2c08}.weather-card strong{font-size:30px;font-weight:400}.weather-card p{font-size:14px}.weather-card small{font-size:9px;letter-spacing:1px;color:#6a7d60}.night-screen{position:absolute;inset:0;background:#020403;display:flex;justify-content:center;align-items:center}.night-clock{font-size:45px;color:#35473b;font-weight:300;letter-spacing:1px}body:has(#panel:not([hidden])) .morning{opacity:.25}@media(max-width:700px){#panel{margin:88px 14px 18px;width:calc(100% - 28px);padding:23px}.orb{width:60vw;left:30%;top:16%}.morning{top:27%;left:8%;right:8%}.morning h1{font-size:100px}.date{font-size:16px}.weather-card{padding:18px}.weather-card strong{font-size:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Local 0.3: distinct dashboard layout and optional artwork overlay. */
.art-clock{position:absolute;top:15%;left:8%;z-index:1}.art-clock.light{color:#fff9e9;text-shadow:0 2px 25px #0006}.art-clock.dark{color:#233e31;text-shadow:0 1px 20px #fff4}.art-clock strong{font-size:clamp(70px,11vw,150px);font-weight:300;letter-spacing:-5px;line-height:1}.art-clock p{font-size:18px;text-transform:capitalize}.clock-dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:4vw;align-items:center;padding:8vh 6vw;background:linear-gradient(135deg,#e9eddf,#d8e3d5);color:#213d30}.clock-main{padding:0;margin:0;border:0;min-width:0}.clock-main h1{font-size:clamp(100px,16vw,230px);font-weight:250;line-height:1;letter-spacing:-.065em;margin:22px 0}.clock-main .date{font-size:clamp(17px,2vw,25px)}.weather-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px;border:0;padding:0;margin:0}.clock-dashboard .weather-card{padding:20px 14px;margin:0;background:#f8f9f0b8;min-width:0;text-align:center;box-shadow:0 10px 35px #37543d08}.weather-card h2{font-size:18px;margin:0 0 12px}.weather-card strong{font-size:48px;font-weight:300}.weather-icon{width:76px;height:76px;margin:0 auto 5px}.weather-icon svg{width:100%;height:100%}.weather-card .condition{font-size:12px;min-height:30px}.weather-card .weather-range{font-size:16px}.weather-card p{margin:9px 0}.weather-card small{display:block;font-size:9px;line-height:1.6}.schedule-row{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:6px;align-items:center;margin:8px 0}.schedule-row input,.schedule-row select{margin:0;padding:8px;font-size:12px}.schedule-row button{border:1px solid #ccd7c5;background:#e9eddf;color:#49603d;padding:9px 6px;border-radius:7px;font-size:10px}.location-control{border-top:1px solid #dce2d3;padding-top:8px;margin-top:18px}input[type=search]{width:100%;padding:10px;border:1px solid #cbd6c5;border-radius:8px;background:#fbfbf4;color:#365332;margin-top:7px}.place-results{font-size:12px;line-height:1.6;margin-top:8px}.place-results:empty{display:none}.place-results button{font-size:11px}body:has(#panel:not([hidden])) .clock-dashboard{opacity:.35}@media(orientation:portrait){.clock-dashboard{grid-template-columns:1fr;align-content:center;gap:5vh;padding:10vh 6vw}.clock-main{text-align:center}.clock-main h1{font-size:clamp(100px,23vw,210px);margin:16px 0}.weather-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.art-clock{top:18%}}@media(max-width:520px){.weather-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.clock-dashboard .weather-card{padding:14px 8px}.weather-card h2{font-size:14px}.weather-card strong{font-size:35px}.weather-icon{width:55px;height:55px}.schedule-row{grid-template-columns:88px minmax(0,1fr) auto}}
/* 0.4 — independent clock artwork, primary weather and local collections. */
.clock-dashboard{isolation:isolate;background:#e7eadf}.clock-dashboard>.artwork{z-index:-2}.clock-dashboard::before{content:'';position:absolute;inset:0;background:#f5f5e766;z-index:-1;pointer-events:none}.clock-main,.weather-grid{position:relative}.clock-dashboard .weather-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:14px}.clock-dashboard .primary-location{grid-column:1/-1;display:grid;grid-template-columns:90px 1fr;grid-template-rows:auto auto auto;column-gap:20px;text-align:left;padding:22px 28px}.primary-location h2{grid-column:1/-1;font-size:23px;display:flex;align-items:center;gap:9px;margin:0 0 5px}.primary-location .weather-icon{grid-row:2/4;width:86px;height:86px;margin:0;align-self:center}.primary-location strong{font-size:65px;line-height:1.1}.primary-location .condition{min-height:0;font-size:15px;grid-column:2}.primary-location .weather-range{grid-column:1/-1;font-size:19px;margin:8px 0 3px}.primary-location p:not(.condition):not(.weather-range),.primary-location small{grid-column:1/-1}.home-icon{display:inline-flex;width:21px;height:21px;color:#53705c}.home-icon svg{width:100%;height:100%}.clock-dashboard .weather-card{background:#fbfcf0de;backdrop-filter:blur(8px)}.clock-dashboard:has(.artwork.ink){color:#172e27}.clock-dashboard .clock-main{background:#fbf9e329;border-radius:22px;padding:15px 0}.clock-dashboard .weather-grid:has(>.weather-card:only-child){grid-template-columns:1fr}.art-thumbnails{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.art-tile{min-width:0;padding:7px;border:1px solid #d4ddca;border-radius:10px;background:#e9edde}.art-tile.selected{border:2px solid #55744c;padding:6px}.art-pick{border:0;background:none;color:#3c5735;width:100%;padding:0;font-size:12px;text-align:left;overflow-wrap:anywhere}.art-pick img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;margin-bottom:7px}.art-tile .toggle{font-size:10px;overflow-wrap:anywhere;margin:7px 0 0;align-items:flex-start}.art-editor{border-top:1px solid #d6dfce;margin-top:20px;padding-top:14px}h3{font-size:14px;font-weight:500;margin-top:24px}input[type=text]{width:100%;padding:10px;border:1px solid #cbd6c5;border-radius:8px;background:#fbfbf4;color:#365332;margin-top:7px}.outgoing-art{pointer-events:none;animation:art-out .8s ease forwards;z-index:1}.outgoing-art .art-clock{display:none}.art-clock{z-index:3}@keyframes art-out{from{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.outgoing-art{display:none}}@media(orientation:portrait){.clock-dashboard{padding:8vh 7vw;gap:3vh}.clock-dashboard .weather-grid{max-width:620px;width:100%;margin:0 auto}.clock-main h1{font-size:clamp(90px,19vw,170px)}.clock-dashboard .primary-location{padding:18px 25px;grid-template-columns:80px 1fr}.primary-location strong{font-size:58px}.primary-location .weather-icon{width:76px;height:76px}}@media(max-width:520px){.clock-dashboard .primary-location{grid-template-columns:65px 1fr;padding:15px 20px}.primary-location .weather-icon{width:60px;height:60px}.primary-location strong{font-size:45px}.primary-location h2{font-size:20px}.clock-dashboard .weather-grid{gap:10px}}
.library-field{display:flex;gap:8px;align-items:end;margin:12px 0}.library-field label{flex:1;min-width:0;margin:0}.library-field>.wide{width:auto;flex:0 0 auto;margin:0;padding:11px}

/* 0.5: compact controls, safe menu and padded clock. */
.logo{top:auto;bottom:max(22px,env(safe-area-inset-bottom));left:max(22px,env(safe-area-inset-left));width:48px;height:48px}.caption{left:86px;bottom:max(39px,env(safe-area-inset-bottom))}
.control-fold{margin-top:20px;padding-top:18px;border-top:1px solid #dce0d3}.control-fold>summary{font-size:16px;font-weight:500;min-height:44px;display:list-item;line-height:1.7;padding:7px 0}.control-fold .control-fold{margin-top:14px;padding-top:10px}.control-fold .control-fold>summary{font-size:13px}.control-fold label{margin:12px 0}.art-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.art-pick{min-height:44px;font-size:11px}.art-tile .toggle{min-height:44px;font-size:0;align-items:center;justify-content:center}.art-tile .toggle input{width:22px;height:22px}.art-tile .toggle:after{content:'Meedoen';font-size:10px}.palette-thumb{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:6px;margin-bottom:7px}.palette-thumb .orb{width:36%;left:50%;top:10%}.danger-zone>summary{color:#96522e}
.clock-dashboard .clock-main{padding:clamp(22px,3vw,44px);text-align:left;overflow:hidden}.clock-main h1{font-size:clamp(70px,12vw,190px);letter-spacing:-.065em;white-space:nowrap}.clock-main .eyebrow{display:block;line-height:1.6}.clock-main .date{line-height:1.5;margin:16px 0 0}.clock-only{grid-template-columns:minmax(0,1fr)}.clock-only .clock-main h1{font-size:clamp(100px,23vw,330px)}
@media(orientation:portrait){.clock-main h1{font-size:clamp(85px,17vw,165px)}.clock-only .clock-main h1{font-size:clamp(100px,23vw,250px)}}
@media(max-width:520px){.clock-dashboard .clock-main{padding:22px}.clock-main h1{font-size:clamp(65px,15vw,110px)}}