:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#263f35;background:#f7f5ef;font-synthesis:none;--ink:#263f35;--muted:#7a857b;--line:#e0e4d9;--paper:#fffef9;--green:#426b57;--soft:#edf0e7;--accent:#d58c62}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit;transition:background .15s,transform .15s}button:disabled{opacity:.5;cursor:wait}button:hover:not(:disabled){filter:brightness(.96)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d7956c;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(2.2rem,3.9vw,4rem);letter-spacing:-.045em;line-height:1.08;margin-bottom:16px}html[dir=rtl] h1{font-family:Arial,sans-serif;letter-spacing:-.035em}h2{font-size:1.4rem;letter-spacing:-.025em}h3{font-size:.85rem}p{line-height:1.6}.brand{font-weight:750;font-size:1.5rem;letter-spacing:-.05em;white-space:nowrap}.app-header{display:flex;align-items:center;justify-content:space-between;padding:20px 3.5vw;border-bottom:1px solid var(--line);gap:24px;background:#f9f8f2}.app-header nav{display:flex;gap:5px}.nav-item{padding:10px 18px;border-radius:30px;font-size:.87rem;color:var(--muted)}.nav-item.active{background:#e7ebdf;color:var(--ink);font-weight:650}.account{display:flex;align-items:center;gap:10px;font-size:.85rem}.mini-avatar{width:30px;height:30px;background:color-mix(in srgb,var(--person) 20%,white);border-radius:50%;display:grid;place-items:center}.icon-button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);font-size:1.2rem;display:inline-grid;place-items:center;flex-shrink:0}.workspace{max-width:1600px;margin:auto;padding:42px 4vw 24px}.display-layout{padding:4vh 3.2vw 12px;max-width:2100px;margin:auto}.board-heading,.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.67rem;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:16px}.sun-dot{height:9px;width:9px;border-radius:50%;background:#dba15e;box-shadow:0 0 0 4px #f3e8d5}.separator{color:#b3b7a8;margin-inline:6px}.heading-dot{color:var(--accent)}.board-heading p,.page-heading p{color:var(--muted);margin:0;font-size:.95rem}.clock{text-align:end;white-space:nowrap}.clock>span{font-size:2.8rem;font-weight:300;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.clock small{display:block;font-size:.65rem;color:var(--muted);margin-top:7px}.family-note{padding:14px 20px;background:#eeeee0;border-radius:10px;margin-bottom:26px;font-size:.88rem;display:flex;gap:14px;align-items:center}.family-note>span{color:#af8552;font-size:1.3rem}.board-meta{display:flex;align-items:center;gap:20px;margin:12px 0 20px}.board-meta .eyebrow{margin:0;flex:1}.sync{font-size:.66rem;color:#79907c;white-space:nowrap}.sync.disconnected{color:#b15c38}.children-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:20px;align-items:stretch}.child-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 7px 16px #263f3503}.card-top{display:flex;align-items:center;gap:14px;padding:24px 22px;background:color-mix(in srgb,var(--person) 12%,var(--paper));border-bottom:1px solid color-mix(in srgb,var(--person) 25%,var(--line));position:relative}.avatar{display:grid;place-items:center;width:54px;height:54px;font-size:1.8rem;background:color-mix(in srgb,var(--person) 23%,white);border:1px solid color-mix(in srgb,var(--person) 35%,white);border-radius:18px;flex-shrink:0}.person-label{color:var(--muted);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:6px}.card-top h2{margin:0;font-size:1.45rem;overflow-wrap:anywhere}.card-decoration{margin-inline-start:auto;color:var(--person);font-size:1.5rem;opacity:.6}.card-section{padding:22px}.card-section h3{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;font-size:.64rem;letter-spacing:.12em;color:var(--muted);margin-bottom:18px}.card-section h3>span:not(.count){font-size:1rem;color:var(--person)}.count{background:var(--soft);border-radius:20px;font-size:.6rem;padding:4px 7px;color:var(--ink);letter-spacing:0;font-variant-numeric:tabular-nums}.equipment-section{border-top:1px dashed var(--line);flex:1}.event-row{display:flex;gap:12px;padding:9px 0;align-items:flex-start}.event-time{font-size:.85rem;font-weight:650;min-width:42px;font-variant-numeric:tabular-nums}.event-time small{display:block;color:var(--muted);font-size:.64rem;font-weight:400;margin-top:4px}.event-line{width:2px;min-height:28px;align-self:stretch;background:color-mix(in srgb,var(--person,#75937b) 50%,var(--line));border-radius:5px}.event-description{flex:1;min-width:0}.event-description strong{font-size:.88rem;display:block;font-weight:600;overflow-wrap:anywhere}.event-description small{display:block;color:var(--muted);font-size:.7rem;margin-top:5px;line-height:1.4;overflow-wrap:anywhere}.equipment-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.equipment-item{display:flex;align-items:center;text-align:start;gap:12px;padding:11px 12px;width:100%;background:#f6f6ef;border:1px solid #eff0e8;border-radius:10px;font-size:.83rem;min-height:52px}.equipment-item>span:nth-child(2){flex:1;overflow-wrap:anywhere}.item-icon{font-size:1.45rem;width:30px;text-align:center}.checkmark{width:19px;height:19px;border:1.5px solid #d7ddcf;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:.65rem}.equipment-item.done{background:#edf2e8;color:#6b806c}.done .checkmark{background:#729478;color:white;border-color:#729478}.card-bottom{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);padding:13px 22px;color:var(--muted);font-size:.58rem}.card-bottom>span:last-child{margin-inline-start:auto}.small-dot{height:5px;width:5px;border-radius:50%;background:var(--person)}.quiet-empty{font-size:.85rem;color:var(--muted);padding:10px 0;margin:0}.tonight{padding:15px 22px;border-bottom:1px solid var(--line);background:#fbf4e9}.tonight h3{color:#a47d4e;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.board-footer{display:flex;justify-content:space-between;margin-top:24px;color:#a1a89c;font-size:.64rem}.board-footer>span:first-child{font-weight:700;letter-spacing:-.04em}.primary,.secondary{border-radius:9px;padding:12px 19px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px}.primary{background:var(--green);color:#fffef6}.secondary{background:var(--soft);color:var(--ink)}.text-button{padding:8px 5px;font-size:.77rem;text-decoration:none}.danger{color:#a75c47}.danger-bg{background:#a75c47}.muted{color:var(--muted);font-size:.87rem}.empty-state{border:1px dashed #ccd4c4;border-radius:18px;text-align:center;padding:55px 25px;background:#f4f4eb}.empty-state p{color:var(--muted);max-width:450px;margin:0 auto 25px}.empty-icon{font-size:2.6rem;display:block;margin-bottom:20px}.empty-state.compact{padding:32px}.welcome{max-width:520px;margin:8vh auto;text-align:center;padding:24px}.welcome .brand{margin-bottom:35px}.welcome h1{font-size:3rem}.welcome-orbit{font-size:4rem;border:1px solid #dce1d2;background:#edf0e4;width:130px;height:130px;line-height:130px;margin:0 auto 30px;border-radius:50%}.welcome .eyebrow{justify-content:center}.welcome>p{color:var(--muted)}.welcome form{text-align:start;padding:24px;margin-top:20px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}.welcome form .primary{width:100%;margin-top:16px}.locale-picker{display:flex;justify-content:center;gap:12px;margin-top:25px}.setup{max-width:850px;margin:7vh auto;padding:30px}.setup .brand{margin-bottom:45px}.setup h1{font-size:3rem}.setup .form-grid{margin-top:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-wide{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span,legend{font-size:.78rem;font-weight:600}.field small{font-size:.71rem;color:var(--muted)}input,select,textarea{background:#fffefa;border:1px solid #d8dfd2;border-radius:8px;padding:11px 12px;color:var(--ink);width:100%;min-height:44px;font-size:.9rem}input[type=color]{padding:5px;height:44px}textarea{resize:vertical;line-height:1.5}input[type=checkbox]{width:17px;min-height:17px;height:17px;accent-color:var(--green)}fieldset{border:0;padding:0;margin:0}.choice-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.choice{display:flex;align-items:center;gap:7px;background:var(--soft);border-radius:8px;padding:7px 11px;font-size:.8rem;cursor:pointer}.mode-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.form-footer{margin-top:15px}.form-error,.error{color:#a5503f;font-size:.85rem}.settings-panel{padding:30px;background:var(--paper);border:1px solid var(--line);border-radius:16px;max-width:900px}.date-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:25px}.date-toolbar input{max-width:170px}.date-toolbar>span{margin-inline-start:auto;font-size:.85rem;color:var(--muted)}.agenda{display:grid;gap:12px}.agenda-card{padding:22px 26px;background:var(--paper);border:1px solid var(--line);border-radius:14px}.agenda-card .event-description strong{font-size:1rem}.agenda-card .event-time{font-size:1rem;min-width:55px}.event-actions{display:flex;gap:14px}.event-people{display:flex;gap:8px;margin-top:12px;padding-inline-start:70px;align-items:center}.person-chip{font-size:.7rem;border-radius:20px;background:color-mix(in srgb,var(--person) 12%,white);padding:6px 10px}.equipment-preview{margin:15px 0 0;padding-inline-start:70px;color:var(--muted);font-size:.78rem}.repeat-mark{color:var(--muted)}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.person-card{padding:24px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--person);border-radius:14px}.person-card .avatar{margin-bottom:18px}.person-card h2{margin-bottom:6px}.person-actions{display:flex;flex-wrap:wrap;gap:8px}.person-actions .secondary{width:100%;margin-bottom:6px}.devices-section{margin-top:45px}.device-row{display:flex;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.device-symbol{font-size:1.6rem;color:#809278}.device-row>div{flex:1}.device-row strong{font-size:.87rem}.device-row small{display:block;color:var(--muted);font-size:.7rem;margin-top:5px}.device-row .last-seen{flex:1}.preview-bar{padding:12px 3vw;border-bottom:1px solid var(--line)}dialog{border:1px solid var(--line);border-radius:18px;padding:28px;width:min(700px,calc(100vw - 30px));max-height:90vh;overflow:auto;color:var(--ink);background:var(--paper);box-shadow:0 20px 90px #23372f22}dialog::backdrop{background:#1c302e55;backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.modal-header h2{margin:0}.link-output{font-family:monospace;font-size:.8rem;margin:12px 0 20px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#284534;color:#fff;padding:14px 22px;border-radius:30px;opacity:0;transition:.2s;pointer-events:none;z-index:20;font-size:.85rem;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}body.night{--ink:#cad6c6;--muted:#8f9e8f;--paper:#202d28;--line:#35423a;--soft:#2c3a30;background:#17241e;color:var(--ink)}.night .equipment-item{background:#25342a;border-color:#35423a}.night .card-top{background:#293a2e}.night .avatar{background:#354535;border-color:#405342}.night .family-note{background:#29382b}.night .equipment-item.done{background:#2d4030;color:#a8bea4}
@media(min-width:1500px){.display-layout .card-section{padding:28px}.display-layout .equipment-item{font-size:1rem;padding:14px}.display-layout .item-icon{font-size:1.8rem}.display-layout .event-description strong{font-size:1rem}}
@media(max-width:1050px){.app-header{gap:12px;padding:16px 20px}.nav-item{padding:10px 12px}.workspace{padding:30px 24px}.children-grid{gap:12px}.card-top{padding:18px 14px;gap:10px}.card-section{padding:17px 14px}.card-decoration{display:none}.avatar{width:44px;height:44px;font-size:1.5rem;border-radius:13px}.equipment-item{gap:7px;padding:10px 8px}.clock>span{font-size:2.2rem}.card-top h2{font-size:1.2rem}.event-row{gap:8px}.board-heading h1{font-size:2.6rem}}
@media(max-width:760px){.app-header{flex-wrap:wrap}.app-header nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:12px}.account{margin-inline-start:auto}.workspace,.display-layout{padding:26px 18px}.children-grid{grid-template-columns:1fr}.board-heading{align-items:flex-start;gap:10px}.board-heading h1{font-size:2.15rem}.board-heading p{font-size:.8rem}.clock>span{font-size:1.6rem}.clock small{font-size:.55rem}.eyebrow{font-size:.55rem;letter-spacing:.07em;flex-wrap:wrap}.board-meta{gap:10px;flex-wrap:wrap}.card-top{padding:20px}.card-section{padding:20px}.equipment-list{display:grid;grid-template-columns:1fr 1fr}.equipment-item{font-size:.85rem}.page-heading{align-items:flex-start}.page-heading h1{font-size:2.3rem}.page-heading .primary{padding:10px;white-space:nowrap}.page-heading p{font-size:.8rem}.form-grid{grid-template-columns:1fr}.form-wide{grid-column:auto}.mode-fields{grid-template-columns:1fr 1fr}.settings-panel{padding:20px}.date-toolbar{flex-wrap:wrap;gap:8px}.date-toolbar>span{width:100%;margin:0}.event-actions{flex-direction:column;gap:0}.event-people,.equipment-preview{padding-inline-start:0}.agenda-card{padding:18px}.device-row{gap:10px;flex-wrap:wrap}.device-row .last-seen{display:none}.device-row .text-button{font-size:.7rem}.board-footer{font-size:.6rem}.setup{margin:20px auto;padding:24px}.setup h1{font-size:2.6rem}.welcome{margin:3vh auto}.board-heading .separator{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(min-width:761px) and (max-height:850px){.display-layout{padding:20px 3vw 10px}.display-layout .board-heading{margin-bottom:16px}.display-layout .board-heading h1{font-size:2.7rem;margin-bottom:8px}.display-layout .eyebrow{margin-bottom:10px}.display-layout .family-note{padding:9px 16px;margin-bottom:14px}.display-layout .board-meta{margin:8px 0 14px}.display-layout .board-meta .eyebrow{margin:0}.display-layout .card-top{padding:14px 18px}.display-layout .avatar{width:42px;height:42px;font-size:1.5rem}.display-layout .card-section{padding:14px 18px}.display-layout .card-section h3{margin-bottom:10px}.display-layout .event-row{padding:6px 0}.display-layout .equipment-list{gap:6px}.display-layout .equipment-item{min-height:40px;padding:6px 10px}.display-layout .item-icon{font-size:1.3rem}.display-layout .card-bottom{padding:9px 18px}.display-layout .board-footer{margin-top:14px}.display-layout .tonight{padding:10px 18px}}
@media(min-width:761px){.display-layout .equipment-list.many{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.display-layout .equipment-list.many .equipment-item{height:100%;font-size:.75rem;gap:6px}.display-layout .equipment-list.many .item-icon{width:24px;font-size:1.2rem}.display-layout .equipment-list.many .checkmark{width:16px;height:16px}}
.count{direction:ltr;unicode-bidi:isolate}
/* Family-wide palettes; profile accents continue to identify each person. */
:root{background:var(--bg,#f7f5ef);color:var(--ink)}
body{background:var(--bg,#f7f5ef);color:var(--ink)}
.app-header{background:color-mix(in srgb,var(--bg,#f7f5ef) 70%,var(--paper))}
.nav-item.active,.family-note,.empty-state,.welcome-orbit{background:var(--soft)}
.heading-dot{color:var(--accent)}
.family-note>span,.sun-dot{color:var(--accent)}
.sun-dot{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,var(--bg,#f7f5ef))}
.equipment-item{background:color-mix(in srgb,var(--soft) 65%,var(--paper));border-color:var(--line)}
.equipment-item.done{background:color-mix(in srgb,var(--green) 12%,var(--paper));color:var(--green)}
.done .checkmark{background:var(--green);border-color:var(--green);color:white}
.checkmark,input,select,textarea{border-color:var(--line)}
input,select,textarea{background:var(--paper)}
.empty-state{border-color:var(--line)}
.tonight{background:color-mix(in srgb,var(--accent) 10%,var(--paper))}
.tonight h3{color:var(--accent)}
.palette-field>p{margin:8px 0 14px}
.palette-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.palette-option{position:relative;cursor:pointer;min-width:0}
.palette-option input{position:absolute;inset-inline-start:12px;top:12px;width:16px;height:16px;min-height:16px;accent-color:var(--green);margin:0}
.palette-choice{display:flex;flex-direction:column;gap:14px;padding:38px 12px 14px;border:2px solid var(--line);border-radius:12px;font-size:.8rem;font-weight:600;height:100%;background:var(--paper)}
.palette-swatches{display:flex;gap:3px;height:30px;border-radius:6px;overflow:hidden;border:1px solid #0000000d}
.palette-swatches>span{flex:1}
.palette-option input:checked+.palette-choice{border-color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--paper))}
.palette-option input:focus-visible+.palette-choice{outline:3px solid var(--accent);outline-offset:3px}
body.night{background:var(--night-bg,#17241e);--paper:var(--night-paper,#202d28);--line:color-mix(in srgb,var(--night-paper) 75%,#b7bcb7);--soft:color-mix(in srgb,var(--night-paper) 90%,white)}
.night .card-top,.night .family-note{background:var(--soft)}
.night .equipment-item{background:var(--paper);border-color:var(--line)}
.night .equipment-item.done{background:var(--soft);color:#c1d2bd}
@media(max-width:600px){.palette-options{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-option:last-child{grid-column:1/-1}.palette-option:last-child .palette-swatches{max-width:180px}}

.heading-actions{display:flex;gap:12px;flex-wrap:wrap}
.routine-section{border-bottom:1px solid var(--line)}.task-summary{display:flex;justify-content:space-between;align-items:center;gap:20px}.task-summary h2{margin-bottom:8px}.task-summary p{margin:0}.sequence-step{border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:20px}.sequence-step legend{padding:0 8px}.sequence-step .form-grid{margin-bottom:18px}.alternative{padding:14px;background:var(--soft);border-radius:10px;margin-bottom:12px}.alternative textarea{background:var(--paper)}.memo-library{padding-top:24px;border-top:1px solid var(--line)}.memo-list>div{display:flex;align-items:center;gap:10px;padding:8px 0}.memo-list>div>span{flex:1;overflow-wrap:anywhere}.audio-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--soft);padding:12px 18px;border-radius:10px;margin-bottom:20px;font-size:.85rem}.preparation-line{font-size:.85rem;margin-bottom:12px}.preparation-line strong{margin-inline-end:8px}.preparation-line small{display:block;color:var(--muted)}.event-actions{flex-wrap:wrap}.sequence-steps{min-width:0}@media(max-width:760px){.task-summary,.audio-banner{align-items:flex-start;flex-direction:column}.sequence-step{padding:12px}.app-header nav{flex-wrap:wrap}.sequence-step .choice-row{gap:5px}}
.audio-banner small{display:block;margin-top:5px;color:var(--muted)}
@media(min-width:761px) and (max-height:850px){.display-layout .card-section{padding:10px 14px}.display-layout .card-section h3{margin-bottom:7px}.display-layout .equipment-item{min-height:34px;padding:5px 9px}.display-layout .equipment-list{gap:4px}.display-layout .preparation-line{margin-bottom:4px;line-height:1.3}.display-layout .event-row{padding:5px 0}.display-layout .board-heading h1{font-size:2.3rem}.display-layout .board-heading{margin-bottom:10px}.display-layout .audio-banner{margin-bottom:12px;padding:9px 14px}.display-layout .card-top{padding:12px 16px}}
/* Essential information stays readable, including on short landscape displays. */
.board-heading>div:first-child{min-width:0}
.board-identity{margin-bottom:10px}
.board-family{display:block;font-size:1rem;font-weight:650;color:var(--muted);margin-bottom:5px;overflow-wrap:anywhere}
.board-date{display:block;font-size:clamp(2rem,3vw,2.5rem);font-weight:750;line-height:1.2;color:var(--ink)}
.clock>span{font-size:clamp(5.5rem,8vw,7rem);font-weight:700;letter-spacing:-.04em;line-height:1;direction:ltr;display:block}
.clock small{font-size:1rem;color:var(--ink);margin-top:8px}
.board-heading h1,.display-layout .board-heading h1{font-size:1.25rem;margin-bottom:0;letter-spacing:-.025em}
.board-heading p{display:none}
.board-meta .eyebrow{font-size:1rem;letter-spacing:.03em;color:var(--ink);flex-wrap:wrap;line-height:1.35}
.family-note,.display-layout .family-note{font-size:1.75rem;font-weight:600;line-height:1.4;color:var(--ink)}
.card-top h2{font-size:2rem}
.card-section h3,.tonight h3{font-size:1.25rem;letter-spacing:.025em;color:var(--ink);line-height:1.35}
.count{font-size:.9rem}
.event-time,.agenda-card .event-time{font-size:2rem;font-weight:750;min-width:64px;color:var(--ink)}
.event-time small{font-size:1.5rem;font-weight:650;color:var(--ink)}
.event-description strong,.agenda-card .event-description strong,.display-layout .event-description strong{font-size:1.75rem;font-weight:700;line-height:1.3}
.event-description small{font-size:1.25rem;color:var(--ink);line-height:1.35}
.event-description .departure-time{font-size:1.75rem;font-weight:750;background:var(--soft);border-inline-start:3px solid var(--green);padding:6px 9px;border-radius:4px;font-variant-numeric:tabular-nums}
.equipment-item,.display-layout .equipment-item,.display-layout .equipment-list.many .equipment-item{font-size:1.75rem;line-height:1.3;min-height:44px;font-weight:550;gap:10px}
.item-icon,.display-layout .item-icon,.display-layout .equipment-list.many .item-icon{font-size:1.6rem;width:30px;flex-shrink:0}
.checkmark,.display-layout .equipment-list.many .checkmark{width:28px;height:28px;font-size:.9rem}
.preparation-line,.display-layout .preparation-line{font-size:1.75rem;line-height:1.35}
.preparation-line strong{font-size:1.75rem;font-variant-numeric:tabular-nums}
.preparation-line small{font-size:.95rem;color:var(--ink)}
.quiet-empty{font-size:1rem}
.date-toolbar>span,.equipment-preview,.device-row strong{font-size:1rem;color:var(--ink)}
.nav-item,.primary,.secondary,.field>span,legend,.choice{font-size:1rem}
.text-button,.device-row small,.person-chip{font-size:.9rem}
.audio-banner{font-size:1rem}
.display-layout .board-heading p,.display-layout .card-bottom{display:none}
.display-layout .board-heading{margin-bottom:12px}
.display-layout .board-meta{margin:10px 0 14px}
.display-layout .card-section{padding:12px 16px}
.display-layout .card-section h3{margin-bottom:8px}
.display-layout .preparation-line{margin-bottom:6px}
.display-layout .board-footer{margin-top:8px}
@media(max-width:760px){.board-heading{flex-wrap:wrap;gap:16px;align-items:center}.board-heading>div:first-child{flex:1 1 220px}.clock{text-align:start}.clock>span{font-size:3.5rem}.board-date{font-size:1.5rem}.board-meta .eyebrow{font-size:1rem}.equipment-list{grid-template-columns:1fr}.event-actions{gap:6px}.event-row:has(.event-actions){flex-wrap:wrap}.event-actions{flex-direction:row;flex-basis:100%}.app-header nav{flex-wrap:wrap}.page-heading{flex-wrap:wrap}.form-footer .primary{max-width:100%}}
@media(min-width:761px) and (max-height:850px){.display-layout .card-section{padding:8px 14px}.display-layout .card-top{padding:8px 16px}.display-layout .card-section h3{margin-bottom:6px}.display-layout .board-meta{margin-bottom:8px}}

/* Both the signed-in Today board and passive displays use distance typography. */
.workspace:has(.board-heading),.display-layout{padding:20px 2.5vw 16px}
.board-heading,.display-layout .board-heading{margin-bottom:12px}
.board-identity{margin-bottom:6px}
.board-meta{margin:10px 0 14px}
.child-card .card-top{padding:12px 16px}
.child-card .person-label,.child-card .card-bottom{display:none}
.child-card .card-section{padding:14px 16px}
.child-card .card-section h3{margin-bottom:10px}
.child-card .event-row{flex-wrap:wrap;column-gap:10px;row-gap:4px}
.child-card .event-time{flex-basis:100%}
.child-card .event-line{display:none}
.child-card .equipment-list,.display-layout .equipment-list.many{display:flex;flex-direction:column}
.child-card .equipment-item{padding:12px 10px;font-weight:650}
.child-card .preparation-line{overflow-wrap:anywhere}
.child-card .quiet-empty{font-size:1.25rem;color:var(--ink)}
@media(max-width:760px){.workspace:has(.board-heading),.display-layout{padding:18px}.board-date{font-size:2rem}.clock>span{font-size:5.5rem}}

.tablet-menu{display:none}
@media(hover:none) and (pointer:coarse){
  #app:has(.board-heading)>.tablet-menu{display:inline-grid;position:absolute;top:12px;inset-inline-end:12px;z-index:2;background:var(--paper)}
  #app:has(.board-heading):not(.navigation-open)>.app-header{display:none}
  #app:has(.board-heading)>.workspace .clock{padding-inline-end:48px}
  #app.navigation-open>.app-header{padding-inline-end:64px}
}
.google-inventory { margin-block-start: 1.5rem; }
.invitee-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:1rem; margin-block:1rem; }
.invitee-grid bdi,.google-source-event bdi { overflow-wrap:anywhere; }
.google-source-event { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; padding-block:1rem; border-bottom:1px solid var(--line); }
.google-source-event h3 { margin-block:.4rem; font-size:1.1rem; }
.google-source-event p { margin-block:.3rem; }
.settings-tabs { display:flex; gap:.75rem; margin-block:0 1.5rem; }
.google-date-filters { display:flex; flex-wrap:wrap; align-items:end; gap:1rem; margin-block:1rem; }
.google-date-filters .field { flex:1 1 180px; }
.google-date-filters .form-error { flex-basis:100%; }

/* Both board layouts share readable checklist controls and picture presentation. */
.layout-switch{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:1rem}
.layout-switch>span{font-weight:700;margin-inline-end:.4rem}
.layout-switch button{font-size:1rem;padding:.65rem 1rem}
.device-row .layout-switch{margin:.5rem}
.readiness-picture{width:4rem;height:4rem;object-fit:contain;border-radius:.7rem;flex-shrink:0;background:#fff}
.picture-field .readiness-picture{width:6rem;height:6rem}
.picture-field{min-width:0}
.picture-field input[type=file]{max-width:100%;font-size:1rem}
.equipment-item>span:not(.checkmark){min-width:0;overflow-wrap:anywhere}
.equipment-item small{display:block;font-size:.8em;font-weight:400;margin-block:.25rem;line-height:1.35}
.category-title{font-size:1.2rem;margin:1.1rem 0 .6rem}
.ready-time{font-weight:700!important;color:var(--ink)!important}
.readiness-reminder{margin:1rem 0;padding:1rem;border-inline-start:4px solid var(--person);background:var(--soft);border-radius:.6rem;font-size:1.2rem;line-height:1.4}
.readiness-reminder p{margin:.4rem 0;overflow-wrap:anywhere}
.readiness-reminder.overdue{border-inline-start-width:8px}
.next-activity{padding:1.5rem;background:color-mix(in srgb,var(--person) 12%,transparent)}
.next-activity>h3{font-size:1.25rem;margin:0 0 1.25rem}
.next-activity .event-time{font-size:2rem}
.next-activity .event-description>strong{font-size:1.7rem}
.next-activity .event-description small{font-size:1.3rem}
.next-activity>.equipment-section{padding:1rem 0 0;border:0}
.layout-B .readiness-reminder{background:var(--paper);font-size:1.35rem}
.presentation-pictures .equipment-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem}
.presentation-pictures .equipment-item{height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.65rem;padding:1rem;font-size:1.25rem}
.presentation-pictures .readiness-picture{width:6rem;height:6rem}
.presentation-pictures .item-icon{font-size:3.2rem}
.presentation-pictures .checkmark{margin:0}
.readiness-item-editor{margin-block:1rem;border:1px solid var(--line);border-radius:1rem;padding:1rem}
.due-label{font-weight:700!important}
@media(max-width:600px){.next-activity{padding:1rem}.layout-switch{width:100%}.device-row{flex-wrap:wrap}}
.child-card .next-activity>.event-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:start}
.child-card .next-activity .event-time{min-width:5rem;text-align:start}
.child-card .next-activity .event-description{min-width:0}
.child-card .next-activity .event-time small{font-size:1rem}
.child-card .next-activity .departure-time{margin-top:.4rem}
.next-activity .readiness-reminder{padding:.75rem;margin:.75rem 0}
.next-activity .readiness-reminder p{line-height:1.35;margin:.3rem 0}

/* Layout C: the same readiness board, presented as a classroom chalkboard. */
main.chalkboard{
 --ink:#f5f3e5;--muted:#d0d9cd;--line:#7b9485;--paper:#223b31;
 --soft:#2b463a;--green:#d9efbb;--accent:#f8dc9e;
 color:var(--ink);background-color:#19342b;
 background-image:radial-gradient(ellipse at 15% 20%,#ffffff08,transparent 55%),
 repeating-linear-gradient(3deg,transparent 0 5px,#ffffff02 6px 7px);
 border:10px solid #85623f;border-image:linear-gradient(100deg,#6b4b30,#ae8355,#715034) 1;
 min-height:calc(100vh - 80px);box-shadow:inset 0 0 36px #0005;
}
.chalkboard .board-date,.chalkboard .clock>span,.chalkboard .card-top h2,
.chalkboard h3,.chalkboard .category-title{
 font-family:"Chalkboard SE","Comic Sans MS","Segoe Print",ui-rounded,sans-serif;
 text-shadow:.6px .4px 0 #ffffff42;letter-spacing:.015em;
}
.chalkboard .board-family,.chalkboard .clock small,.chalkboard .board-meta .eyebrow,
.chalkboard .event-time small,.chalkboard .event-description small,
.chalkboard .quiet-empty,.chalkboard .sync{color:var(--muted)}
.chalkboard .child-card{
 background:transparent;border:2px solid #d9e6d694;border-radius:5px 12px 7px 3px;
 box-shadow:1px 1px 0 #d9e6d640,inset 0 0 18px #ffffff03;
}
.chalkboard .card-top{background:#ffffff05;border-bottom:2px dashed #d9e6d675}
.chalkboard .avatar{background:#ffffff10;border:1px solid #d9e6d675}
.chalkboard .card-decoration{color:var(--accent)}
.chalkboard .next-activity{background:transparent}
.chalkboard .readiness-reminder{background:#ffffff09;border:1px dashed #e8dca5;border-inline-start:4px solid #e8dca5;color:#fff4cc}
.chalkboard .readiness-reminder.overdue{border-color:#ffc49c;color:#ffe1c9}
.chalkboard .equipment-item{background:#ffffff06;border:1px solid #c6d7c175;border-radius:4px 9px 5px 7px;color:var(--ink)}
.chalkboard .equipment-item.done{background:#c5e9ac13;color:#d5efc5}
.chalkboard .checkmark{border:2px solid #d6e3ca;border-radius:4px}
.chalkboard .done .checkmark{background:#d5efc5;color:#19342b;border-color:#d5efc5}
.chalkboard .count{background:#ffffff10;color:var(--ink)}
.chalkboard .departure-time{background:#e8dca512;color:#fff0bb!important;border-color:#e8dca5}
.chalkboard .ready-time{color:#fff0bb!important}
.chalkboard .family-note,.chalkboard .audio-banner,.chalkboard .empty-state{background:#ffffff0a;color:var(--ink)}
.chalkboard .layout-switch .primary{background:#e7edce;color:#19342b;border:1px solid #e7edce}
.chalkboard .layout-switch .secondary{background:transparent;color:#f5f3e5;border:1px dashed #becfbb}
.chalkboard .board-footer{color:var(--muted);border-color:var(--line)}
@media(max-width:760px){main.chalkboard{border-width:6px}}