@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Hanken+Grotesk:wght@400;600;700;800;900&display=swap";
.kiosk{--c-skyler:#ff8dc9;--c-wesley:#4eb2ff;--bg:#f8f3ea;--surface:#fffdfa;--surface-2:#f1ece3;--ink:#322922;--ink-soft:#6c6158;--ink-faint:#9b9087;--line:#e2ddd5;--warn:#dc701c;--warn-tint:color-mix(in oklch, var(--warn) 16%, var(--surface));--warn-ink:#8a3a00;--ok:#3b9555;--p-dad:#347ec4;--p-mom:#d7586f;--p-nanny:#8c5cbd;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--shadow-sm:0 1px 2px #0000000f, 0 2px 8px #0000000d;--shadow-md:0 4px 14px #00000017, 0 12px 36px #00000014;--shadow-pop:0 18px 50px #40271247;--ease:cubic-bezier(.22,.61,.36,1);--skyler-tint:color-mix(in oklch, var(--c-skyler) 15%, var(--surface));--wesley-tint:color-mix(in oklch, var(--c-wesley) 15%, var(--surface));background:var(--bg);width:100%;height:100vh;color:var(--ink);transition:background .6s var(--ease), color .6s var(--ease);flex-direction:column;gap:clamp(12px,1.6vh,18px);padding:clamp(18px,2.4vh,28px) clamp(20px,2vw,30px);font-family:Hanken Grotesk,ui-sans-serif,system-ui,sans-serif;display:flex;overflow:hidden}@supports (color:lab(0% 0 0)){.kiosk{--c-skyler:lab(73.2196% 57.8215 -11.1605);--c-wesley:lab(69.2743% -10.4744 -55.7266);--bg:lab(95.9766% .766277 4.91247);--surface:lab(99.4405% .13569 1.9016);--surface-2:lab(93.6565% .76735 4.9132);--ink:lab(17.5957% 3.25204 6.16348);--ink-soft:lab(41.9561% 3.51177 6.75876);--ink-faint:lab(60.5234% 3.1063 6.04118);--line:lab(88.4338% .706792 4.53427);--warn:lab(59.6171% 39.4913 61.2514);--warn-ink:lab(35.3005% 34.5568 51.6598);--ok:lab(55.2407% -39.2081 25.8022);--p-dad:lab(50.7065% -5.12943 -43.8357);--p-mom:lab(55.2604% 52.1247 14.1);--p-nanny:lab(47.8592% 34.5446 -44.0985);--shadow-sm:0 1px 2px lab(0% 0 0/.06), 0 2px 8px lab(0% 0 0/.05);--shadow-md:0 4px 14px lab(0% 0 0/.09), 0 12px 36px lab(0% 0 0/.08);--shadow-pop:0 18px 50px lab(18.6164% 10.1142 18.838/.28)}}.kiosk.night{--bg:#1c1611;--surface:#261f19;--surface-2:#322a22;--ink:#dcd7cd;--ink-soft:#9e978e;--ink-faint:#726a62;--line:#3f3831;--warn:#ee9138;--warn-ink:#fcc687;--c-skyler:#ff97ca;--c-wesley:#6bbfff;--shadow-sm:0 1px 2px #0006;--shadow-md:0 18px 40px #0000008c}@supports (color:lab(0% 0 0)){.kiosk.night{--bg:lab(7.75931% 2.25927 4.32322);--surface:lab(12.3942% 2.58269 5.69932);--surface-2:lab(17.6117% 2.89148 6.39796);--ink:lab(86.1188% .835091 5.29715);--ink-soft:lab(62.915% 1.17531 6.0395);--ink-faint:lab(45.4838% 1.92839 5.8297);--line:lab(24.0054% 2.34167 5.72329);--warn:lab(69.2302% 31.3256 59.8914);--warn-ink:lab(83.6627% 14.2463 38.8664);--c-skyler:lab(74.6517% 51.6087 -9.93593);--c-wesley:lab(74.0764% -11.2039 -49.4611);--shadow-sm:0 1px 2px lab(0% 0 0/.4);--shadow-md:0 18px 40px lab(0% 0 0/.55)}}.kiosk *{box-sizing:border-box;margin:0}[data-accent=skyler]{--acc:var(--c-skyler);--tint:var(--skyler-tint)}[data-accent=wesley]{--acc:var(--c-wesley);--tint:var(--wesley-tint)}[data-person=dad]{--who:var(--p-dad)}[data-person=mom]{--who:var(--p-mom)}[data-person=nanny]{--who:var(--p-nanny)}.k-header{grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(16px,2.4vw,36px);display:grid}.k-date{align-items:baseline;gap:.5em;display:flex}.k-weekday{font-family:"Fredoka", var(--ink);letter-spacing:-.01em;font-size:clamp(34px,5.4vh,52px);font-weight:700;line-height:.95}.k-md{color:var(--ink-soft);font-size:clamp(16px,2.2vh,24px);font-weight:800}.k-clock{font-variant-numeric:tabular-nums;color:var(--ink);font-size:clamp(20px,2.8vh,30px);font-weight:800}.k-clock .ap{color:var(--ink-faint);margin-left:.25em;font-size:.55em}.k-digest{border-radius:var(--r-pill);background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow-sm);transition:background .45s var(--ease), color .45s var(--ease);justify-self:center;align-items:center;gap:.6em;padding:clamp(8px,1.1vh,11px) clamp(14px,1.4vw,20px);font-size:clamp(14px,2vh,19px);font-weight:700;display:inline-flex}.k-digest[data-alert=true]{background:var(--warn-tint);color:var(--warn-ink);border-color:#0000}.k-digest .glyph{display:inline-flex}.k-digest[data-alert=true] .glyph{animation:2.6s ease-in-out infinite nudge}@keyframes nudge{0%,92%,to{transform:none}96%{transform:translateY(-2px)}}.k-weather{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);align-items:center;gap:clamp(10px,1vw,16px);padding:clamp(8px,1vh,11px) clamp(12px,1.1vw,16px);display:flex}.k-temp{font-size:clamp(20px,2.7vh,28px);font-weight:800}.k-cond{color:var(--ink-soft);font-size:clamp(12px,1.6vh,15px);font-weight:700}.k-hl{color:var(--ink-faint);font-size:clamp(11px,1.4vh,13px);font-weight:600}.k-fc{border-left:1.5px solid var(--line);gap:clamp(8px,.9vw,14px);padding-left:clamp(10px,1vw,16px);display:flex}.k-fc div{text-align:center}.k-fc .d{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:10px;font-weight:900}.k-fc .h{font-size:clamp(12px,1.5vh,15px);font-weight:800}.k-fc .l{color:var(--ink-faint);font-size:clamp(10px,1.3vh,12px);font-weight:700}.k-main{flex:1;grid-template-columns:1fr 1fr clamp(290px,25vw,370px);gap:clamp(12px,1.4vw,18px);min-height:0;display:grid}.child{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-direction:column;min-height:0;display:flex;overflow:hidden}.child-head{background:var(--acc);color:#fff;align-items:center;gap:clamp(10px,1vw,14px);padding:clamp(12px,1.6vh,18px);display:flex}.child-avatar{background:#ffffff38;background:lab(100% 0 0/.22);border-radius:50%;place-items:center;width:clamp(42px,5.4vh,58px);height:clamp(42px,5.4vh,58px);font-family:Fredoka;font-size:clamp(20px,2.8vh,28px);font-weight:700;display:grid;box-shadow:inset 0 0 0 3px #ffffff8c;box-shadow:inset 0 0 0 3px lab(100% 0 0/.55)}.child-name{font-family:Fredoka;font-size:clamp(20px,2.7vh,27px);font-weight:700;line-height:1}.child-sub{text-transform:uppercase;letter-spacing:.02em;opacity:.92;margin-top:.3em;font-size:clamp(11px,1.5vh,14px);font-weight:800}.child-flag{border-radius:var(--r-pill);background:#ffffff40;background:lab(100% 0 0/.25);margin-left:auto;padding:.4em .8em;font-size:clamp(10px,1.4vh,13px);font-weight:800}.timeline{flex-direction:column;flex:1;gap:clamp(6px,.9vh,10px);min-height:0;padding:clamp(10px,1.4vh,16px) clamp(12px,1vw,18px);display:flex;overflow:hidden}.t-row{grid-template-columns:clamp(48px,5vw,64px) 1fr;align-items:stretch;gap:clamp(8px,.8vw,12px);display:grid}.t-time{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-soft);white-space:nowrap;padding-top:.5em;font-size:clamp(12px,1.7vh,16px);font-weight:800}.t-time .ap{color:var(--ink-faint);font-size:.72em}.nowline{align-items:center;gap:.5em;margin:2px 0;display:flex}.nowline .dot{background:var(--acc);border-radius:50%;width:.6em;height:.6em}.nowline .lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--acc);font-size:10px;font-weight:900}.nowline .rule{background:linear-gradient(90deg, var(--acc), transparent);opacity:.6;border-radius:2px;flex:1;height:2px}.block{border-radius:var(--r-sm);border:1px dashed var(--line);background:repeating-linear-gradient(135deg, transparent 0 9px, var(--tint) 9px 10px);align-items:center;gap:.55em;padding:clamp(7px,.9vh,10px) clamp(10px,1vw,16px);font-size:clamp(13px,1.8vh,18px);font-weight:800;display:flex}.block .mark{background:var(--acc);border-radius:50%;width:.55em;height:.55em}.block .end{color:var(--ink-faint);font-size:.8em;font-weight:600}.block.live{border-style:solid;border-color:var(--acc);background:var(--tint)}.block .live-note{color:var(--acc);margin-left:auto;font-size:.78em;font-weight:700}.slot{border-radius:var(--r-sm);background:var(--tint);border:1.5px solid #0000;align-items:center;gap:10px;padding:clamp(9px,1.2vh,13px) clamp(10px,1vw,15px);display:flex}.slot .main{flex:1;min-width:0}.slot .title{font-size:clamp(14px,2vh,20px);font-weight:800;line-height:1.1}.slot .sub{color:var(--ink-faint);margin-top:.2em;font-size:clamp(11px,1.5vh,14px);font-weight:700}.slot .tag{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);font-size:clamp(10px,1.3vh,12px);font-weight:800}.badge{color:#fff;background:var(--who,var(--ink-soft));border-radius:50%;place-items:center;width:clamp(30px,4vh,40px);height:clamp(30px,4vh,40px);font-size:clamp(13px,1.8vh,17px);font-weight:900;display:grid;box-shadow:inset 0 -2px #00000024;box-shadow:inset 0 -2px lab(0% 0 0/.14)}.who{align-items:center;gap:.5em;display:flex}.who .nm{color:var(--ink-soft);font-size:clamp(12px,1.7vh,16px);font-weight:800}.check{width:1.3em;height:1.3em;color:var(--ok)}.slot.done{opacity:.6}.slot.pending .badge{color:var(--who);border:2px dashed var(--who);box-shadow:none;background:0 0;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 4px color-mix(in oklch, var(--who) 30%, transparent)}}.slot.gap{background:var(--warn-tint);border-color:var(--warn);border-width:2px;animation:2.8s ease-in-out infinite breathe}@keyframes breathe{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 5px color-mix(in oklch, var(--warn) 28%, transparent)}}.slot.gap .title{color:var(--warn-ink)}.slot.gap .sub{color:var(--warn-ink);opacity:.85}.claim-btn{cursor:pointer;background:var(--warn);color:#fff;border-radius:var(--r-pill);box-shadow:var(--shadow-sm);transition:transform .15s var(--ease);border:none;padding:.55em 1em;font-size:clamp(12px,1.6vh,15px);font-weight:800}.claim-btn:hover{transform:translateY(-1px)}.note-pill{color:var(--ink-soft);border:1px dashed var(--acc);border-radius:var(--r-pill);background:var(--tint);align-self:flex-start;align-items:center;gap:.5em;margin:clamp(6px,.8vh,10px) clamp(12px,1vw,18px) clamp(10px,1.2vh,14px);padding:.45em .9em;font-size:clamp(11px,1.5vh,14px);font-weight:700;display:inline-flex}.rail{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-direction:column;min-height:0;display:flex;overflow:hidden}.rail-head{justify-content:space-between;align-items:center;padding:clamp(12px,1.6vh,18px) clamp(14px,1.1vw,18px) clamp(8px,1vh,12px);display:flex}.rail-head h2{font-family:Fredoka;font-size:clamp(18px,2.3vh,23px);font-weight:700}.rail-count{color:var(--ink-faint);background:var(--surface-2);border-radius:var(--r-pill);padding:.3em .7em;font-size:clamp(11px,1.5vh,14px);font-weight:800}.chats{flex-direction:column;flex:1;gap:clamp(7px,.9vh,11px);min-height:0;padding:0 clamp(12px,1vw,16px);display:flex;overflow:hidden}.chat{border-radius:var(--r-md);background:var(--surface-2);border:1px solid #0000;grid-template-columns:auto 1fr auto;gap:.6em;padding:clamp(8px,1vh,12px);display:grid}.chat[data-link=true]{background:var(--warn-tint)}.chat .tile{color:#fff;place-items:center;width:clamp(26px,3.2vh,32px);height:clamp(26px,3.2vh,32px);font-size:13px;font-weight:900;display:grid}.chat[data-scope=family] .tile{background:var(--p-mom);border-radius:var(--r-sm)}.chat[data-scope=school] .tile{background:var(--c-skyler);border-radius:50%}.chat .ttl{font-size:clamp(12px,1.6vh,15px);font-weight:800;line-height:1.15}.chat .knd{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);margin-top:.15em;font-size:10px;font-weight:700}.chat .gist{color:var(--ink-soft);grid-column:1/-1;margin-top:.25em;font-size:clamp(12px,1.6vh,14px);font-weight:600}.chat .unread{color:#fff;background:var(--warn);border-radius:var(--r-pill);align-self:start;place-items:center;min-width:1.5em;height:1.5em;padding:0 .4em;font-size:11px;font-weight:900;display:grid}.chat .time{color:var(--ink-faint);grid-column:1/-1;justify-self:end;font-size:10px;font-weight:700}.rail-foot{color:var(--ink-faint);border-top:1px solid var(--line);align-items:center;gap:.5em;padding:clamp(8px,1vh,12px) clamp(14px,1.1vw,18px);font-size:clamp(10px,1.3vh,12px);font-weight:700;display:flex}.k-strip{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);grid-template-columns:auto 1fr;align-items:center;gap:clamp(14px,1.4vw,22px);padding:clamp(10px,1.3vh,15px) clamp(16px,1.4vw,24px);display:grid}.k-strip h3{white-space:nowrap;border-right:1.5px solid var(--line);padding-right:clamp(14px,1.4vw,22px);font-family:Fredoka;font-size:clamp(14px,1.9vh,18px);font-weight:700}.k-strip ul{gap:clamp(14px,1.6vw,30px);list-style:none;display:flex}.k-strip li{align-items:center;gap:.6em;min-width:0;display:flex}.k-strip .pip{background:var(--acc,var(--ink-faint));flex-shrink:0;width:.7em;height:.7em}.k-strip li[data-type=reminder] .pip{border-radius:50%}.k-strip li[data-type=event] .pip{border-radius:3px}.k-strip .lab{font-size:clamp(12px,1.6vh,15px);font-weight:800}.k-strip .det{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(11px,1.4vh,13px);font-weight:600;overflow:hidden}.k-strip .due{border-radius:var(--r-pill);border:1.5px solid var(--line);color:var(--ink-soft);padding:.3em .65em;font-size:clamp(10px,1.3vh,12px);font-weight:800}.k-strip li[data-type=event] .due{background:var(--warn);color:#fff;border-color:#0000}.scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#1d140d6b;background:lab(7.17208% 3.64868 5.4563/.42);place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:min(460px,92vw);color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);animation:pop .3s var(--ease);padding:clamp(20px,3vh,30px)}@keyframes pop{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.modal h2{font-family:Fredoka;font-size:clamp(20px,2.6vh,26px);font-weight:700}.modal p{color:var(--ink-soft);margin-top:.3em;font-weight:600}.people{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.person-btn{border:2px solid var(--line);border-radius:var(--r-md);background:var(--surface);cursor:pointer;min-height:44px;transition:border-color .15s var(--ease), transform .15s var(--ease);flex-direction:column;align-items:center;gap:.5em;padding:14px 8px;font-weight:800;display:flex}.person-btn:hover,.person-btn[aria-pressed=true]{border-color:var(--who);transform:translateY(-2px)}.pin-row{gap:10px;margin:14px 0;display:flex}.pin-input{letter-spacing:.3em;text-align:center;border:2px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink);flex:1;padding:12px;font-size:22px;font-weight:800}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.btn{cursor:pointer;border-radius:var(--r-md);border:none;min-height:44px;padding:12px 18px;font-weight:800}.btn.primary{background:var(--warn);color:#fff}.btn.ghost{color:var(--ink-soft);background:0 0}.modal .err{color:var(--warn-ink);min-height:1.2em;margin-top:8px;font-weight:800}.mode-toggle{border:1.5px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink-soft);cursor:pointer;opacity:.45;z-index:40;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:84px;right:18px}.mode-toggle:hover{opacity:1}.src-badge{color:var(--ink-faint);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);opacity:.7;z-index:40;padding:.3em .7em;font-size:10px;font-weight:800;position:fixed;bottom:88px;left:18px}@media (prefers-reduced-motion:reduce){.kiosk *,.modal{transition:none!important;animation:none!important}}