:root{--paper:#f4f3ed;--white:#fffefa;--ink:#253e3b;--muted:#5d6d65;--line:#d9ddd2;--green:#286d5a;--light:#e6ecdf;--radius:20px}*{box-sizing:border-box}[hidden],.hidden{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}a{color:var(--green);text-underline-offset:4px}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:44px;border:0;border-radius:10px}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #438c76;outline-offset:4px}input,select,textarea{width:100%;min-width:0;background:var(--white);border:1px solid #bcc7b8;border-radius:10px;color:var(--ink);padding:11px 12px;min-height:46px}input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:1px}input[type=checkbox]{width:21px;height:21px;min-height:21px;accent-color:var(--green);flex-shrink:0}textarea{resize:vertical}label{display:block;font-size:14px;font-weight:600}h1{font:normal clamp(36px,4vw,56px)/1.12 Georgia,"Times New Roman",serif;letter-spacing:-1.5px;margin:0}h2{font:normal 29px/1.2 Georgia,serif;letter-spacing:-.5px;margin:0}h3{font-size:17px;margin:0 0 15px}.shell{max-width:1420px;padding:0 48px 60px;margin:auto}.topbar{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:650;letter-spacing:-1px;color:var(--ink);text-decoration:none}.brand-dot{width:9px;height:9px;background:var(--green);border-radius:50%}.topbar-right{display:flex;gap:20px;align-items:center}.version{font-size:12px;color:var(--muted)}.text-button{background:none;color:var(--green);padding:6px 2px;font-size:14px}.text-button:hover{text-decoration:underline}.intro{padding:40px 0;display:flex;justify-content:space-between;gap:30px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--green);margin:0 0 10px}.status-panel{max-width:355px;min-width:260px;background:var(--light);padding:18px 22px;border-radius:var(--radius)}.status-line{display:flex;align-items:center;gap:9px;font-size:16px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--green);flex:none}.status-dot.waiting{background:#956123}.status-panel>p{font-size:14px;color:#465f4e;margin:6px 0 0;overflow-wrap:anywhere}.workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:34px;align-items:start}.settings-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 22px;gap:23px;overflow-x:auto;scrollbar-width:thin;overscroll-behavior:contain}.tab{flex:none;background:none;border-radius:0;color:var(--muted);padding:19px 0 16px;white-space:nowrap;font-size:14px;position:relative}.tab.active{color:var(--green);font-weight:650}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--green)}#settings-form>section,#panel-household{padding:28px}.section-heading{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:22px}.switch-label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;color:var(--green);font-weight:500}.muted{color:var(--muted);font-size:15px;margin:0 0 22px}.editor-card{padding:18px;background:#f3f4ed;border:1px solid var(--line);border-radius:14px;margin:18px 0}.collection-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.collection-number,.reminder-number{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.two-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{margin:14px 0}.field>label{margin-bottom:7px}.field label input,.field label select,.field label textarea{display:block;margin-top:7px}.hint{display:block;font-size:13px;color:var(--muted);font-weight:400;margin-top:8px;line-height:1.5}.secondary{border:1px solid #b4c2ac;background:transparent;padding:9px 14px;color:var(--green);font-size:14px}.secondary:hover{background:var(--light)}.add-button{width:100%;border-style:dashed;margin:5px 0 10px}.help{font-size:14px;color:var(--muted);margin:18px 0 0}.help summary{cursor:pointer;padding:10px 0;color:var(--green)}.help p{margin:10px 0}.help code{overflow-wrap:anywhere;font-size:12px}.help textarea{margin-top:8px}.primary{background:var(--green);color:var(--white);padding:12px 20px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600}.primary:hover{background:#1c5847}.form-footer{border-top:1px solid var(--line);padding:18px 26px;display:flex;justify-content:space-between;gap:15px;align-items:center;background:#f8f9f1}.form-footer>span{font-size:13px;color:var(--muted);max-width:220px}.preview-panel{min-width:0;position:sticky;top:25px;padding-top:4px}.preview-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.preview-heading h2{font-size:25px}.badge{font-size:12px;color:var(--green);background:var(--light);padding:5px 10px;border-radius:20px}.badge:empty{display:none}.display-frame{padding:9px 9px 15px;border:1px solid #ccd2c4;background:#e5e8de;border-radius:20px;box-shadow:0 12px 25px #344b3e0a;overflow:hidden}.display-card{width:100%;background:var(--white);border-radius:12px;aspect-ratio:16/9;padding:22px;display:flex;flex-direction:column;overflow:hidden}.card-kind{font-size:11px;font-weight:700;letter-spacing:1.3px;color:var(--green)}.card-main{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:10px 0}.card-main h2{font:700 clamp(24px,3vw,38px)/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0 0 10px;overflow-wrap:anywhere}.card-main p{font-size:14px;color:var(--muted);margin:3px 0}.card-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:9px;color:var(--muted);font-size:12px}.card-bottom time{font-weight:650;color:var(--ink)}.display-card.rendered{padding:0;display:block;min-height:0;background:transparent}.display-card.rendered>.card-top,.display-card.rendered>.card-main,.display-card.rendered>.card-bottom{display:none}.preview-render{display:none;width:100%;height:100%;object-fit:contain}.rendered>.preview-render{display:block}#animated-preview{width:100%;aspect-ratio:16/9;display:block;border:0;border-radius:12px;background:var(--white)}.preview-actions{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:15px;font-size:14px}.preview-switcher{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}.preview-switcher button{background:transparent;border:1px solid var(--line);border-radius:25px;padding:7px 14px;color:var(--muted);font-size:13px;max-width:100%;overflow-wrap:anywhere}.preview-switcher button.active{background:var(--light);color:var(--green);border-color:#aebfa5}.preview-hint{text-align:center;margin:10px 0 0}.setup-panel{margin-top:30px;border-top:1px solid var(--line);padding-top:16px;font-size:14px}.setup-panel>summary{cursor:pointer;color:var(--green);padding:8px 0;font-weight:600}.setup-panel>summary span{font-weight:400;color:var(--muted);margin-left:8px}.setup-checks{display:grid;gap:15px;list-style:none;padding:0;margin:15px 0}.setup-check{display:flex;gap:10px;align-items:flex-start;min-width:0}.setup-symbol{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:var(--light);font-weight:700;color:var(--green)}.setup-check.needs_setup .setup-symbol{background:#f3e4ce;color:#83511c}.setup-check strong{font-size:14px}.setup-check p{font-size:13px;color:var(--muted);margin:4px 0 0}.setup-state{display:inline-block;margin-left:8px;color:var(--muted);font-size:12px}.bilal-check{margin:20px 0}.check-row{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:400}.check-row input{margin:0}.input-action{display:flex;gap:8px;align-items:stretch;min-width:0}.input-action input{flex:1;min-width:0}.input-action button{flex:none;white-space:nowrap}.breakable{display:block;overflow-wrap:anywhere;font-size:12px}.error{color:#922f24;background:#faeae4;padding:12px;border-radius:9px;font-size:14px}.error:empty{display:none}.success{color:var(--green);font-size:14px}#form-message{margin:0 26px 15px;overflow-wrap:anywhere}#form-message:empty{display:none}.device-option{display:block;width:100%;text-align:left;margin:7px 0;background:var(--light);padding:10px 13px;color:var(--green);font-size:14px}hr{border:0;border-top:1px solid var(--line);margin:27px 0}.photo-items{display:grid;gap:14px;margin:20px 0}.photo-editor{display:grid;grid-template-columns:90px minmax(0,1fr);gap:15px;align-items:start}.photo-editor img{width:90px;height:90px;object-fit:cover;border-radius:12px;background:var(--light)}.photo-editor label{min-width:0}.photo-editor input{margin-top:6px}.photo-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.photo-buttons button{font-size:13px;min-height:40px}.upload-label{border:1px dashed #afc1a7;border-radius:12px;padding:16px;color:var(--green);font-size:15px}.upload-label input{margin-top:10px;padding:8px;border:0;background:transparent;font-size:13px}.people-list{display:grid;gap:12px}.person-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.person-row>div{min-width:0}.person-row strong{display:block;font-size:15px;overflow-wrap:anywhere}.person-row small{color:var(--muted);font-size:13px}.person-row button{flex:none}.share-box{margin-top:20px;padding:15px;background:var(--light);border-radius:12px}.share-box label{margin-bottom:10px;overflow-wrap:anywhere}.share-box input{font-size:13px}.link-button{display:inline-flex;text-decoration:none;align-items:center;min-height:44px}.login-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 20%,#e1ead9 0,transparent 65%),var(--paper)}.login-panel{max-width:450px;width:100%;background:var(--white);padding:40px;border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 55px #344b3e08}.login-panel .brand{margin-bottom:42px}.login-panel h1{font-size:42px;margin-bottom:24px}.login-panel form{margin-top:25px}.login-panel input{margin-top:7px}.login-panel .primary{width:100%;margin-top:22px}.login-footer{font-size:13px;color:var(--muted);margin:24px 0 0}.login-panel .help{font-size:13px}.login-panel .muted{margin-bottom:22px}
@media(max-width:1100px){.shell{padding:0 28px 40px}.workspace{gap:24px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}#settings-form>section,#panel-household{padding:22px}.two-fields{gap:12px}.form-footer{padding:18px 22px}.form-footer>span{max-width:150px}.tabs{padding:0 20px;gap:21px}}
@media(max-width:800px){.shell{padding:0 20px 30px}.topbar{height:78px}.intro{padding:28px 0;align-items:flex-start;flex-direction:column;gap:22px}.status-panel{width:100%;max-width:none;min-width:0;padding:16px 20px}.workspace{grid-template-columns:minmax(0,1fr);gap:28px}.preview-panel{position:static;grid-row:1}.display-frame{max-width:600px;margin:auto}.preview-heading{margin-bottom:14px}.preview-heading h2{font-size:23px}.setup-panel{margin-top:18px}.tabs{padding:0 20px}.tab{font-size:14px}.preview-switcher{margin-top:13px}.preview-actions{margin-top:12px}.login-panel{padding:30px}.login-panel h1{font-size:38px}}
@media(max-width:420px){.shell{padding:0 16px 25px}#settings-form>section,#panel-household{padding:20px}.two-fields{grid-template-columns:minmax(0,1fr);gap:0}.editor-card{padding:15px}.form-footer{padding:16px 20px;align-items:flex-start;flex-direction:column}.form-footer>span{max-width:none}.form-footer .primary{width:100%}.photo-editor{grid-template-columns:72px minmax(0,1fr);gap:12px}.photo-editor img{width:72px;height:82px}.input-action{flex-wrap:wrap}.input-action input{flex-basis:160px}.input-action button{flex-grow:1}.person-row{align-items:flex-start}.topbar-right{gap:12px}.version{font-size:11px}.display-card{padding:15px}.card-main p{font-size:12px}.card-bottom{font-size:10px}.login-panel{padding:25px}.login-panel .brand{margin-bottom:32px}}
@media(prefers-reduced-motion:no-preference){.intro{animation:arrive .45s ease-out both}.settings-panel,.preview-panel{animation:arrive .5s ease-out both}.preview-panel{animation-delay:.08s}.secondary,.primary,.tab{transition:background .18s,color .18s}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Preserve text contrast beneath animated artwork. */
.home-weather{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:260px;margin:0 0 34px;padding:30px 38px 44px;border:1px solid #d9e2dd;border-radius:26px;overflow:hidden;background:radial-gradient(ellipse at 74% 20%,#fff1d1 0,transparent 55%),linear-gradient(115deg,#e8efeb,#edf2ef 58%,#dae6e4);box-shadow:inset 0 1px #ffffffb0,0 12px 32px #253e3b05}
.weather-copy{position:relative;z-index:2;align-self:center}.weather-copy>p{margin:4px 0}.weather-copy .eyebrow{margin-bottom:8px}.home-temperature{font:normal clamp(46px,5.2vw,76px)/1.1 Georgia,serif;letter-spacing:-3px}.weather-copy .weather-range{font-size:13px;color:#4b625c;margin-top:12px}.home-sky{position:absolute;inset:-30px -10px -5px 44%;pointer-events:none}.home-sky img{position:absolute;width:70%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px #25433b0c)}.home-orb{right:2%;top:-7%;animation:home-sun 12s ease-in-out infinite}.home-sky .home-cloud{right:10%;top:17%;height:85%;animation:home-cloud 16s ease-in-out infinite alternate}.home-sky .home-cloud-back{right:-18%;top:-14%;width:68%;opacity:.48;animation-duration:23s;animation-direction:alternate-reverse}.home-weather.clear .home-cloud{opacity:.12}.home-weather.night{color:#f4f5ed;border-color:#405d62;background:radial-gradient(ellipse at 80% 15%,#557079,transparent 60%),linear-gradient(115deg,#243d43,#344f56)}.home-weather.night .eyebrow,.home-weather.night .weather-range{color:#c8dbd6}.home-weather.night .home-orb{width:57%;right:7%;animation:home-moon 15s ease-in-out infinite alternate}.home-weather.wet{background:linear-gradient(115deg,#e1e8e9,#beced1)}.home-weather.wet.night{background:linear-gradient(115deg,#263b43,#465e67)}.home-weather.wet .home-cloud{filter:brightness(.85) drop-shadow(0 12px 18px #253e3b20)}.weather-note{position:absolute;bottom:16px;left:38px;right:38px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.04em;opacity:.75}.weather-note time{font-variant-numeric:tabular-nums}
.settings-panel{box-shadow:0 9px 30px #253e3b06}.tabs{flex-wrap:wrap;padding:12px;gap:4px;background:#f7f7f0}.tab{flex:1 0 21%;padding:11px 9px;border-radius:9px;min-height:42px;font-size:13px}.tab.active{background:#e3ece3;box-shadow:inset 0 0 0 1px #cbdacb}.tab.active:after{display:none}.display-frame{position:relative;border:1px solid #d0d6c9;background:linear-gradient(145deg,#eef0e7,#d8ded2);padding:11px 11px 23px;border-radius:22px;box-shadow:inset 0 1px #ffffffd9,0 16px 35px #253e3b0d}.display-frame:after{content:"";position:absolute;bottom:8px;left:calc(50% - 13px);width:26px;height:3px;border-radius:3px;background:#bcc8bc}.preview-panel{top:18px}.source-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;padding:0;margin:0 0 20px}.source-picker legend{font-size:14px;font-weight:600;margin-bottom:10px}.source-option{display:flex;gap:10px;align-items:center;min-height:72px;padding:12px;background:#f7f7f1;border:1px solid var(--line);border-radius:12px;cursor:pointer}.source-option:has(input:checked){background:#e9f0e7;border-color:#7e9a83}.source-option input{margin:0}.source-option strong,.source-option small{display:block;line-height:1.35}.source-option strong{font-size:13px}.source-option small{font-size:11px;font-weight:400;color:var(--muted);margin-top:4px}.optional{font-weight:400;color:var(--muted);font-size:12px;margin-left:5px}.daily-read{margin-top:30px;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,#fffdf5,#f4f2e8)}.daily-read>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px}.daily-read h2{font-size:28px}.daily-read .eyebrow{font-size:10px;letter-spacing:1.1px;margin-bottom:6px}.news-story{display:flex;gap:14px;padding:16px 0;border-top:1px solid #dfdfd2}.news-story:first-child{border-top:0}.story-number{flex:none;color:#8b957c;font:italic 23px/1.25 Georgia,serif;padding-top:19px}.story-source{margin:0 0 4px;color:#526c58;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.news-story a{color:var(--ink);font:normal 18px/1.35 Georgia,serif;text-decoration:none}.news-story a:hover{text-decoration:underline}.news-story time{display:block;font-size:11px;color:var(--muted);margin-top:7px}#news-freshness:empty{display:none}.login-panel{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#e7eee1,transparent 55%),var(--white)}
@keyframes home-cloud{from{transform:translate(-5%,0) rotate(-1deg)}to{transform:translate(5%,-3%) rotate(1deg)}}@keyframes home-sun{0%,100%{transform:scale(.96)}50%{transform:scale(1.04)}}@keyframes home-moon{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-3%) rotate(3deg)}}
@media(max-width:800px){.home-weather{min-height:235px;padding:25px 25px 40px;margin-bottom:26px}.home-sky{left:40%;right:-40px}.weather-copy .weather-range{max-width:200px}.weather-note{left:25px;right:25px}.daily-read{padding:20px}.preview-panel{display:contents}.preview-heading,.display-frame,.preview-actions,.preview-switcher,.setup-panel{grid-column:1}.daily-read{grid-row:7}.settings-panel{grid-row:6}.workspace{gap:16px}.daily-read{margin-top:8px}.setup-panel{margin:0 0 6px}}
@media(max-width:420px){.home-weather{min-height:215px;padding:22px 20px 37px}.home-temperature{font-size:52px}.home-sky{left:36%;right:-65px;opacity:.9}.weather-copy .weather-range{max-width:165px;font-size:11px}.weather-copy .eyebrow{font-size:10px}.weather-note{left:20px;right:20px;font-size:11px}.source-picker{gap:7px}.source-option{padding:10px;gap:7px}.source-option strong{font-size:12px}.source-option input{width:18px;height:18px;min-height:18px}.daily-read h2{font-size:25px}.news-story a{font-size:17px}}
@media(prefers-reduced-motion:reduce){.home-sky img{animation:none!important;transform:none!important}}