:root{--ink:#17231f;--muted:#65736e;--line:#dfe7e3;--surface:#fff;--canvas:#f4f7f5;--green:#08775a;--green-dark:#055741;--mint:#dff3eb;--mint-soft:#edf8f4;--amber:#b66c09;--amber-soft:#fff1d2;--red:#b4233d;--red-soft:#fde8ec;--blue:#34728b;--blue-soft:#e8f3f7;--shadow:0 14px 38px rgba(31,65,52,.08);--radius:18px;--sidebar:248px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Arial,"Noto Sans Hebrew",sans-serif;line-height:1.5}button,input,select{font:inherit}button,a{touch-action:manipulation}.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:1000;padding:10px 14px;background:#fff;color:var(--green-dark);border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.demo-banner{height:28px;background:#123d33;color:#e7f4ef;text-align:center;font-size:12px;line-height:28px}.app-shell{min-height:calc(100vh - 28px)}
.sidebar{position:fixed;inset-block-start:28px;inset-inline-start:0;width:var(--sidebar);height:calc(100vh - 28px);background:#fff;border-inline-end:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;padding:0 8px 28px}.brand-mark{width:42px;height:42px;background:var(--green);border-radius:13px;display:grid;place-items:center;box-shadow:0 8px 20px rgba(8,119,90,.2);position:relative}.brand-mark:before{content:"";width:25px;height:15px;border:2px solid white;border-radius:50%;position:absolute}.brand-mark span{width:7px;height:7px;background:#fff;border-radius:50%}.brand strong{font-size:20px;display:block}.brand small{display:block;color:var(--muted);font-size:12px}.side-nav{display:grid;gap:6px}.side-nav a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 13px;color:#52615c;text-decoration:none;border-radius:12px;font-weight:700}.side-nav a:hover,.side-nav a.active{background:var(--mint-soft);color:var(--green-dark)}.nav-icon{width:27px;height:27px;border:1px solid #cbd9d3;border-radius:8px;display:grid;place-items:center}.side-nav a.active .nav-icon{background:var(--green);border-color:var(--green);color:#fff}.nav-count{margin-inline-start:auto;background:var(--red-soft);color:var(--red);min-width:24px;height:24px;border-radius:12px;text-align:center;font-size:12px;line-height:24px}.privacy-note{margin-block-start:auto;background:#f6f9f7;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;gap:10px;color:var(--green)}.privacy-note p{margin:0}.privacy-note b,.privacy-note small{display:block}.privacy-note small{color:var(--muted);font-size:11px;margin-block-start:3px}
.workspace{margin-inline-start:var(--sidebar);min-height:calc(100vh - 28px)}.topbar{height:76px;background:rgba(255,255,255,.94);border-block-end:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-inline:clamp(20px,4vw,54px);position:sticky;inset-block-start:28px;z-index:15;backdrop-filter:blur(12px)}.child-switch{border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:12px;cursor:pointer;text-align:start}.child-switch:hover{background:#f1f6f3}.avatar{width:38px;height:38px;border-radius:12px;background:var(--mint);color:var(--green-dark);display:grid;place-items:center;font-weight:800}.child-switch b,.child-switch small{display:block}.child-switch small{font-size:11px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:18px}.sync-label{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:7px}.sync-label i,.connection-pill i{width:8px;height:8px;border-radius:50%;background:#25ad7d;box-shadow:0 0 0 5px rgba(37,173,125,.12)}.icon-button{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:12px;cursor:pointer;position:relative}.notification-dot{position:absolute;inset-block-start:8px;inset-inline-start:8px;width:7px;height:7px;background:var(--red);border:2px solid white;border-radius:50%}
main{max-width:1390px;margin-inline:auto;padding:42px clamp(20px,4vw,54px) 28px}.view-panel{animation:fade .2s ease}.view-panel[hidden]{display:none}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-block-end:30px}.page-title h1{font-size:clamp(30px,4vw,46px);line-height:1.15;margin:4px 0 8px;letter-spacing:-.035em}.page-title p{margin:0;color:var(--muted)}.page-title.compact h1{font-size:36px}.eyebrow,.section-kicker{color:var(--green);font-size:12px!important;font-weight:800}.connection-pill{background:var(--mint-soft);border:1px solid #d4ece2;border-radius:14px;padding:13px 16px;display:flex;align-items:center;gap:12px;min-width:205px}.connection-pill b,.connection-pill small{display:block}.connection-pill small{color:var(--muted);font-size:11px}.connection-pill i{flex:0 0 auto}
.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-block-end:26px;overflow:hidden}.summary-strip button{border:0;border-inline-end:1px solid var(--line);background:#fff;padding:19px;display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;column-gap:11px;text-align:start;cursor:pointer}.summary-strip button:last-child{border-inline-end:0}.summary-strip button:hover{background:#fbfdfc}.summary-strip span:nth-child(2){align-self:center}.summary-strip b,.summary-strip small{display:block}.summary-strip b{font-size:21px;line-height:1}.summary-strip small{font-size:12px;color:var(--muted);margin-block-start:5px}.summary-strip em{grid-column:2;font-style:normal;font-size:11px;color:var(--muted);margin-block-start:8px}.summary-symbol,.feed-symbol{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:800}.urgent{background:var(--amber-soft);color:var(--amber)}.contact{background:var(--mint);color:var(--green)}.group{background:var(--blue-soft);color:var(--blue)}.rule{background:#eeebfa;color:#6751a4}.media{background:#f0edf7;color:#685788}
.home-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:26px}.focus-panel,.timeline-panel,.chart-panel,.ranking-panel,.changes-table,.rule-builder,.active-rules{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-block-end:18px}.section-heading h2{font-size:20px;margin:3px 0 0}.text-button{border:0;background:transparent;color:var(--green);font-weight:700;cursor:pointer;padding:5px}.lead-alert{background:linear-gradient(135deg,#fffaf0,#fff);border:1px solid #f1d99f;border-radius:15px;padding:22px}.alert-top,.feed-meta{display:flex;align-items:center;justify-content:space-between}.lead-alert h3{font-size:24px;margin:18px 0 8px}.lead-alert p{color:#4f5c57;margin:0}.lead-alert mark{background:#ffe7a6;padding:2px 5px;border-radius:4px}.severity{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800}.severity.important,.severity.review{background:var(--amber-soft);color:#8f5203}.severity.info{background:var(--blue-soft);color:var(--blue)}.severity.critical{background:var(--red-soft);color:var(--red)}time{font-size:12px;color:var(--muted)}.context-line{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-block:20px;padding-block:16px;border-block:1px solid #eee5d2}.context-line span+span{border-inline-start:1px solid #eee5d2;padding-inline-start:16px}.context-line b,.context-line small{display:block}.context-line small{font-size:11px;color:var(--muted);margin-block-start:3px}.alert-actions{display:flex;gap:10px}.primary,.secondary,.period-select{min-height:43px;border-radius:11px;padding:0 17px;font-weight:800;cursor:pointer}.primary{background:var(--green);border:1px solid var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.secondary,.period-select{background:#fff;border:1px solid #cfdad5;color:var(--ink)}.wide{width:100%}.primary:disabled{background:#83aa9c;border-color:#83aa9c}.reviewed{opacity:.72}
.mini-timeline{display:grid}.mini-timeline button{border:0;border-block-start:1px solid var(--line);background:#fff;display:grid;grid-template-columns:12px 1fr auto;gap:12px;text-align:start;padding:18px 2px;cursor:pointer}.mini-timeline button:first-child{border-block-start:0}.mini-timeline b,.mini-timeline small{display:block}.mini-timeline small{font-size:12px;color:var(--muted);margin-block-start:3px}.mini-timeline em{font-size:11px;font-style:normal;color:var(--muted)}.timeline-dot{width:9px;height:9px;border-radius:50%;margin-block-start:7px}.timeline-dot.amber{background:#dc940f}.timeline-dot.blue{background:#4f93ad}.timeline-dot.green{background:#22a575}.week-glance{margin-block-start:26px;background:#123d33;color:#fff;border-radius:var(--radius);padding:23px 26px;display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:28px}.week-glance .section-kicker{color:#9be0c7}.week-glance h2{margin:3px 0}.week-glance p{margin:0;color:#c7d8d2;font-size:13px}.week-stat{border-inline-start:1px solid rgba(255,255,255,.18);padding-inline-start:28px}.week-stat b,.week-stat span{display:block}.week-stat b{font-size:27px}.week-stat span{color:#c7d8d2;font-size:11px}
.count-badge{width:78px;height:78px;border-radius:19px;background:var(--amber-soft);color:var(--amber);display:grid;place-content:center;text-align:center}.count-badge.calm{background:var(--mint);color:var(--green)}.count-badge b,.count-badge span{display:block}.count-badge b{font-size:25px;line-height:1}.count-badge span{font-size:11px;margin-block-start:4px}.filter-bar{display:flex;gap:6px;border-block-end:1px solid var(--line);margin-block-end:22px}.filter-bar button{border:0;background:transparent;color:var(--muted);padding:12px 17px;border-block-end:3px solid transparent;cursor:pointer}.filter-bar button.active{color:var(--green-dark);border-color:var(--green);font-weight:800}.filter-bar bdi{background:#e9efec;padding:2px 6px;border-radius:9px;font-size:10px}.alerts-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px}.alert-feed,.alert-preview{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.feed-item{display:grid;grid-template-columns:42px 1fr 38px;gap:13px;align-items:center;padding:19px;border-block-end:1px solid var(--line)}.feed-item:last-child{border-block-end:0}.feed-item.selected{background:var(--mint-soft);box-shadow:inset -3px 0 var(--green)}.feed-item h2{font-size:15px;margin:7px 0 3px}.feed-item p{font-size:12px;color:var(--muted);margin:0}.feed-item>button{border:0;background:transparent;font-size:20px;color:var(--green);cursor:pointer}.feed-item.filtered{display:none}.alert-preview{padding:28px;position:sticky;inset-block-start:126px;height:max-content}.alert-preview h2{font-size:23px;margin:17px 0 7px}.alert-preview>p{color:var(--muted)}.alert-preview dl{margin:23px 0}.alert-preview dl div{display:flex;justify-content:space-between;padding-block:11px;border-block-start:1px solid var(--line)}.alert-preview dt{color:var(--muted)}.alert-preview dd{font-weight:700;margin:0}.privacy-box{background:#f3f7f5;border-radius:12px;padding:13px;margin-block:20px}.privacy-box p{font-size:11px;color:var(--muted);margin:3px 0 0}
.activity-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-block-end:22px}.activity-stats article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px}.activity-stats span,.activity-stats small,.activity-stats b{display:block}.activity-stats span{font-size:12px;color:var(--muted)}.activity-stats b{font-size:27px;margin-block:5px}.activity-stats small{font-size:11px;color:var(--muted)}.report-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.trend{background:var(--mint);color:var(--green);font-size:11px;font-weight:800;padding:5px 10px;border-radius:999px}.bars{height:230px;display:flex;align-items:flex-end;justify-content:space-around;gap:15px;padding-block-start:25px;border-block-end:1px solid var(--line)}.bars span{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px}.bars i{width:min(35px,70%);height:calc(var(--value)*2.2px);background:linear-gradient(#20a578,var(--green));border-radius:7px 7px 2px 2px}.bars b{font-size:11px;color:var(--muted)}.ranking-panel ol{list-style:none;padding:0;margin:0}.ranking-panel li{display:grid;grid-template-columns:130px 1fr 25px;gap:12px;align-items:center;padding-block:15px;border-block-start:1px solid var(--line)}.ranking-panel li:first-child{border-block-start:0}.ranking-panel li b,.ranking-panel li small{display:block}.ranking-panel li small{font-size:10px;color:var(--muted)}.ranking-panel em{height:7px;background:#edf2ef;border-radius:5px;overflow:hidden}.ranking-panel em i{display:block;height:100%;width:var(--w);background:var(--green)}.changes-table{margin-block-start:22px}.change-row{display:grid;grid-template-columns:38px 1fr 130px 50px;gap:14px;align-items:center;padding-block:14px;border-block-start:1px solid var(--line)}.change-row b,.change-row small{display:block}.change-row small{font-size:11px;color:var(--muted)}.change-row em{font-style:normal;font-size:11px;color:var(--green)}
.rules-layout{display:grid;grid-template-columns:360px 1fr;gap:24px}.rule-builder h2{font-size:22px;margin:5px 0 20px}.rule-builder form{display:grid;gap:9px}.rule-builder label,.rule-builder legend{font-size:12px;font-weight:800}.rule-builder input,.rule-builder select{width:100%;min-height:46px;border:1px solid #cdd8d3;border-radius:10px;padding:0 12px;background:#fff;margin-block-end:8px}.rule-builder fieldset{border:0;padding:8px 0 16px;display:flex;gap:20px}.rule-builder fieldset legend{margin-block-end:9px}.rule-builder fieldset label{font-weight:400}.form-help{text-align:center;color:var(--muted);font-size:10px;margin:0}.rule-list{list-style:none;padding:0;margin:0}.rule-list li{display:grid;grid-template-columns:10px 1fr auto auto;gap:13px;align-items:center;padding:18px 0;border-block-start:1px solid var(--line)}.rule-list li:first-child{border-block-start:0}.rule-list b,.rule-list small{display:block}.rule-list small{font-size:11px;color:var(--muted);margin-block-start:3px}.rule-status{width:8px;height:8px;background:#22a575;border-radius:50%}.rule-list button{border:0;background:transparent;color:var(--red);cursor:pointer}.rules-tip{margin-block-start:25px;background:var(--mint-soft);border-radius:13px;padding:16px}.rules-tip p{color:var(--muted);font-size:12px;margin:4px 0 0}.app-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;padding-block-start:34px}.app-footer a{color:var(--green-dark)}.mobile-nav{display:none}.toast{position:fixed;inset-inline-start:50%;inset-block-end:24px;transform:translate(-50%,20px);opacity:0;background:#173d33;color:#fff;border-radius:10px;padding:11px 18px;z-index:100;transition:.2s;pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}@keyframes fade{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.sidebar{width:82px;padding-inline:12px}.brand{justify-content:center}.brand>span:last-child,.side-nav a>span:not(.nav-icon),.privacy-note,.nav-count{display:none}.side-nav a{justify-content:center;padding:0}.workspace{margin-inline-start:82px}.home-grid,.alerts-layout,.report-grid{grid-template-columns:1fr}.alert-preview{position:static}.summary-strip{grid-template-columns:1fr 1fr}.summary-strip button:nth-child(2){border-inline-end:0}.summary-strip button:nth-child(-n+2){border-block-end:1px solid var(--line)}.rules-layout{grid-template-columns:320px 1fr}.week-glance{grid-template-columns:1fr auto auto}.week-glance button{display:none}}
@media(max-width:720px){body{padding-block-end:70px}.demo-banner{font-size:10px}.sidebar{display:none}.workspace{margin-inline-start:0}.topbar{height:64px;inset-block-start:28px;padding-inline:16px}.sync-label{display:none}.child-switch{padding:4px}.icon-button{width:40px;height:40px}main{padding:25px 16px 15px}.page-title{display:block;margin-block-end:22px}.page-title h1,.page-title.compact h1{font-size:30px}.page-title>div:first-child>p:last-child{font-size:13px}.connection-pill{margin-block-start:17px;min-width:0;width:max-content}.summary-strip{grid-template-columns:1fr 1fr}.summary-strip button{padding:14px 12px;grid-template-columns:33px auto}.summary-symbol{width:33px;height:33px}.summary-strip b{font-size:18px}.summary-strip em{display:none}.home-grid{display:block}.timeline-panel{margin-block-start:18px}.focus-panel,.timeline-panel,.chart-panel,.ranking-panel,.changes-table,.rule-builder,.active-rules{padding:18px}.section-heading h2{font-size:18px}.lead-alert{padding:17px}.lead-alert h3{font-size:20px}.alert-actions{display:grid;grid-template-columns:1fr 1fr}.week-glance{grid-template-columns:1fr 1fr;margin-block-start:18px;padding:20px}.week-glance>div:first-child{grid-column:1/-1}.week-stat{padding-inline-start:15px}.filter-bar{overflow:auto;margin-inline:-16px;padding-inline:16px}.filter-bar button{white-space:nowrap}.alerts-layout{display:block}.alert-preview{display:none}.feed-item{padding:16px 13px;grid-template-columns:38px 1fr 24px}.activity-stats{grid-template-columns:1fr 1fr}.activity-stats article{padding:15px}.report-grid{display:block}.ranking-panel{margin-block-start:18px}.bars{height:190px}.change-row{grid-template-columns:34px 1fr auto}.change-row time{display:none}.rules-layout{display:block}.active-rules{margin-block-start:18px}.rule-list li{grid-template-columns:8px 1fr auto}.rule-list li button{grid-column:2;text-align:start}.count-badge{display:none}.app-footer{padding-block-end:10px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);inset-inline:0;inset-block-end:0;height:68px;background:rgba(255,255,255,.97);border-block-start:1px solid var(--line);z-index:40;padding:7px 8px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -8px 25px rgba(26,57,45,.08)}.mobile-nav a{color:#71807a;text-decoration:none;text-align:center;font-size:10px;font-weight:700;position:relative}.mobile-nav a>span{display:block;font-size:21px;line-height:27px}.mobile-nav a.active{color:var(--green)}.mobile-nav i{position:absolute;inset-block-start:0;inset-inline-start:calc(50% - 17px);background:var(--red);color:#fff;width:15px;height:15px;line-height:15px;border-radius:50%;font-style:normal;font-size:8px}.toast{inset-block-end:82px;width:max-content;max-width:90%;text-align:center}.context-line{font-size:12px}}
@media(max-width:720px){.filter-bar{scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}}
.brand-mark{width:46px;height:46px;border-radius:14px;display:block;object-fit:cover;background:none;box-shadow:0 9px 22px rgba(8,119,90,.24)}.brand-mark:before,.brand-mark span{display:none}.mobile-brand,.mobile-brand-lockup{display:none}
@media(max-width:720px){.topbar{display:grid;grid-template-columns:1fr auto 1fr}.mobile-brand-lockup{display:grid;justify-items:center;gap:3px;color:var(--green-dark);text-decoration:none;line-height:1.1}.mobile-brand-lockup small{font-size:11px;font-weight:750;white-space:nowrap}.mobile-brand{display:block;width:40px;height:40px;object-fit:cover;border-radius:12px;box-shadow:0 6px 16px rgba(8,119,90,.2)}.top-actions{justify-self:end}.child-switch{justify-self:start}.mobile-nav a.active{background:linear-gradient(135deg,#a7f3d0,#4ade80);color:#064e3b;box-shadow:0 5px 14px rgba(34,197,94,.24)}.mobile-nav a.active:after{background:#047857}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}:focus-visible{outline:3px solid #e6a719;outline-offset:3px}

/* Premium, child-safe presentation pass: synthetic identity, soft blue canvas and grouped surfaces. */
:root{--canvas:#f2f6fb;--canvas-deep:#e7eef8;--blue-accent:#56baf0;--blue-ink:#15678e;--card-shadow:0 12px 32px rgba(46,76,108,.08)}
body{background:radial-gradient(circle at 88% -8%,#dce9f9 0,transparent 29rem),linear-gradient(155deg,#f8fafc 0%,var(--canvas) 49%,#eef3fa 100%)}
.workspace{background:transparent}.topbar{background:rgba(255,255,255,.76);backdrop-filter:blur(16px);border-color:rgba(201,215,231,.82)}
.sidebar{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-color:rgba(203,217,232,.88)}
.brand-mark{background:linear-gradient(145deg,#0b7d68,#1baa85);box-shadow:0 10px 24px rgba(8,119,90,.23)}
.child-switch{border:1px solid #d7e3f1;background:rgba(255,255,255,.9);border-radius:999px;padding:5px 11px 5px 7px;box-shadow:0 5px 16px rgba(47,77,109,.07)}
.child-switch:hover{background:#fff;border-color:#b7cde5}.child-avatars{display:flex;align-items:center;direction:ltr}.child-avatars i,.child-portrait{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-style:normal;font-weight:800}.child-avatars i+ i{margin-inline-start:-9px}.child-avatars i:first-child,.child-portrait{background:linear-gradient(145deg,#83d2f4,#337bbd);color:#fff;box-shadow:inset 0 0 0 3px rgba(255,255,255,.72),0 5px 14px rgba(42,113,169,.2)}
.child-avatars i:last-child{background:#edf5fb;color:#37739b;border:1px solid #d7e9f5}.child-overview{background:rgba(255,255,255,.72);border:1px solid rgba(205,219,235,.9);border-radius:22px;padding:14px 16px;display:flex;align-items:center;gap:12px;margin-block-end:25px;width:max-content;min-width:min(100%,390px);box-shadow:0 8px 22px rgba(54,81,113,.06)}
.child-overview h2{margin:0;font-size:20px}.child-overview p{margin:2px 0 0;color:var(--muted);font-size:12px}.child-overview .secondary{margin-inline-start:15px;min-height:36px;padding-inline:12px}
.watchup-hero{height:320px;margin-block-end:24px;background:linear-gradient(125deg,#075844,#0f8564);border-radius:26px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);box-shadow:0 18px 42px rgba(16,91,70,.2)}.watchup-hero .hero-copy{min-width:0;padding:38px clamp(28px,4vw,54px);color:#fff;display:flex;flex-direction:column;justify-content:center}.watchup-hero .eyebrow{color:#b9f5da}.watchup-hero h1{font-size:clamp(34px,4.2vw,54px);line-height:1.08;letter-spacing:-.04em;margin:5px 0 10px}.watchup-hero .hero-copy>p:last-of-type{max-width:540px;margin:0;color:#daf3e9}.watchup-hero>img{width:100%;height:320px;min-width:0;object-fit:cover;object-position:center 12%;display:block}.watchup-hero .connection-pill{margin-block-start:23px;width:max-content;background:rgba(255,255,255,.94);color:var(--ink)}
.summary-strip,.focus-panel,.timeline-panel,.chart-panel,.ranking-panel,.changes-table,.rule-builder,.active-rules,.alert-feed,.alert-preview{box-shadow:var(--card-shadow);border-color:rgba(205,218,232,.9)}
.summary-strip{background:rgba(255,255,255,.94)}.summary-strip button{background:transparent}.summary-strip button:hover{background:#f6fbff}.summary-strip button:focus-visible{position:relative;z-index:1}
.connection-pill{background:#eef8f6;border-color:#d3ebe5;box-shadow:0 7px 18px rgba(22,118,95,.07)}
.lead-alert{background:linear-gradient(132deg,#fff9eb 0%,#fff 63%,#f3fbff 100%);box-shadow:0 9px 23px rgba(170,122,31,.06)}
.week-glance{background:linear-gradient(120deg,#113f5b,#176b75 57%,#1b9880);box-shadow:0 16px 35px rgba(16,70,83,.2)}
.activity-stats article{border-color:#d9e5f1;box-shadow:0 7px 18px rgba(54,81,113,.045)}
.activity-stats article:first-child{background:linear-gradient(145deg,#fff,#f2fbff)}
.settings-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block-end:24px}.settings-group{background:rgba(255,255,255,.9);border:1px solid rgba(205,218,232,.9);border-radius:18px;padding:10px 17px;box-shadow:var(--card-shadow)}.settings-group h2{margin:5px 0 8px;font-size:13px;color:#506d84}.settings-group button{width:100%;border:0;border-block-start:1px solid #e5edf5;background:transparent;padding:13px 0;display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;text-align:start;cursor:pointer}.settings-group button:first-of-type{border-block-start:0}.settings-group button:hover b{color:var(--blue-ink)}.settings-group b,.settings-group small{display:block}.settings-group small{margin-block-start:3px;color:var(--muted);font-size:11px}.settings-group em{font-size:10px;color:#54728a;font-style:normal;white-space:nowrap}.setting-tone{width:8px;height:28px;border-radius:99px}.setting-tone.green{background:#38b991}.setting-tone.amber{background:#f2ad3f}.setting-tone.purple{background:#8d77d8}.setting-tone.blue{background:#51aee6}.setting-tone.red{background:#eb7a77}.setting-tone.teal{background:#3eb6b1}
.api-connect{display:flex;align-items:end;justify-content:space-between;gap:24px;background:#fff;border:1px solid #dce7f1;border-radius:18px;padding:18px 20px;margin-block-end:24px;box-shadow:var(--card-shadow)}.api-connect h2{margin:3px 0;font-size:19px}.api-connect p{margin:0;color:var(--muted);font-size:12px}.api-connect form{display:grid;grid-template-columns:minmax(180px,260px) auto auto;gap:9px;align-items:end}.api-connect label{grid-column:1/-1;font-size:11px;font-weight:700;color:#506d84}.api-connect input{height:42px;border:1px solid var(--line);border-radius:11px;padding-inline:12px;direction:ltr}.api-connect button{height:42px}
.chart-panel{overflow:hidden}.chart-panel:after{content:"";display:block;height:3px;margin:22px -24px -24px;background:linear-gradient(90deg,#61c9f2,#2aa987,#ffd46d)}.chart-summary{display:flex;align-items:baseline;gap:8px;margin:2px 0 10px}.chart-summary strong{font-size:32px;line-height:1;color:#1b526e}.chart-summary span{font-weight:800}.chart-summary small{margin-inline-start:auto;color:var(--green);font-size:11px}.bars{position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,rgba(158,182,204,.2) 48px);border-block-end:0;padding-inline:10px}.bars .average-line{position:absolute;inset-inline:8px;inset-block-start:83px;height:0;border-block-start:2px dashed #56baf0;display:block;z-index:2;pointer-events:none}.bars .average-line em{position:absolute;inset-inline-start:0;inset-block-start:-21px;background:#e7f6fd;color:#237196;border-radius:99px;padding:3px 8px;font-size:10px;font-style:normal}.bars span:not(.average-line){position:relative;z-index:1}.bars i{background:linear-gradient(180deg,#65c9ef,#278c98);box-shadow:0 5px 10px rgba(30,133,158,.15)}.bars span:nth-last-child(4) i{background:linear-gradient(180deg,#f2be55,#d88b24)}
@media(max-width:1000px){.settings-groups{grid-template-columns:1fr 1fr}.settings-group:last-child{grid-column:1/-1}}
@media(max-width:720px){.child-overview{width:100%;min-width:0;margin-block-end:19px;padding:11px 13px}.child-overview .secondary{margin-inline-start:auto}.settings-groups{display:block;margin-block-end:18px}.settings-group{margin-block-end:12px}.chart-summary strong{font-size:28px}.chart-summary small{display:none}.mobile-nav{height:74px;padding:7px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(248,251,255,.94);backdrop-filter:blur(18px);border-color:#d9e5f1}.mobile-nav a{display:grid;place-items:center;align-content:center;gap:1px;border-radius:14px;min-width:0;padding-block:3px;transition:background .18s ease,color .18s ease}.mobile-nav a>span{font-size:19px;line-height:22px}.mobile-nav a.active{background:linear-gradient(135deg,#a7e4fb,#68c5f0);color:#14536f;box-shadow:0 5px 14px rgba(66,174,221,.24)}.mobile-nav a.active:after{content:"";width:4px;height:4px;background:#1a6e91;border-radius:50%;margin-block-start:1px}.mobile-nav i{inset-inline-start:calc(50% + 8px);inset-block-start:2px;border:2px solid #f8fbff}.toast{inset-block-end:89px}}
@media(max-width:720px){.api-connect{display:block}.api-connect form{grid-template-columns:1fr 1fr;margin-block-start:14px}.api-connect label,.api-connect input{grid-column:1/-1}}
@media(max-width:720px){.watchup-hero{display:flex;flex-direction:column;height:auto;min-height:0;background:#0d7358;border-radius:22px}.watchup-hero>img{order:-1;min-height:0;height:270px;object-position:center 13%}.watchup-hero .hero-copy{padding:23px 21px 25px}.watchup-hero h1{font-size:32px}.watchup-hero .connection-pill{width:100%;margin-block-start:18px}.child-overview{margin-block-end:14px}}

/* WP-3.5 — calm, premium and self-explanatory parent experience. */
:root{--ink:#14201c;--muted:#68756f;--line:#e5ebe8;--canvas:#f3f6f4;--surface:#fff;--green:#08785b;--green-dark:#045842;--mint:#e4f5ee;--shadow:0 18px 48px rgba(29,60,49,.075);--radius:24px}
*{-webkit-tap-highlight-color:transparent}
body{background:linear-gradient(145deg,#f9fbfa 0%,#f0f5f2 55%,#edf3f0 100%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.demo-banner{background:#143f34;letter-spacing:.01em}
.sidebar{width:272px;padding:27px 20px;background:rgba(255,255,255,.82);border-color:rgba(220,230,225,.9)}
.workspace{margin-inline-start:272px}
.brand{padding:3px 7px 25px;gap:13px}.brand-mark{width:50px;height:50px;border-radius:15px;box-shadow:0 10px 24px rgba(8,120,91,.18)}.brand strong{font-size:23px;letter-spacing:-.04em}.brand small{color:#7a8882;margin-block-start:2px}
.side-nav{gap:7px}.side-nav a{min-height:64px;border-radius:17px;padding:9px 12px;gap:12px;color:#53615b}.side-nav a>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}.side-nav a b{font-size:14px}.side-nav a small{font-size:10px;color:#89958f;font-weight:500}.side-nav a.active{background:linear-gradient(135deg,#e5f6ef,#d9f1e7);color:var(--green-dark);box-shadow:inset 0 0 0 1px rgba(8,120,91,.08)}.side-nav a.active small{color:#5f8376}.nav-icon{width:34px;height:34px;border-radius:11px;background:#f1f5f3;display:grid;place-items:center;font-size:16px;font-weight:900}.side-nav a.active .nav-icon{background:#fff;box-shadow:0 6px 15px rgba(35,100,76,.1)}.nav-count{margin-inline-start:auto;background:#f06b62;color:#fff;min-width:23px;height:23px;display:grid;place-items:center;border-radius:99px;font-size:10px}
.privacy-note{border:0;background:#f4f7f5;border-radius:17px;padding:14px}.privacy-note>span{color:var(--green)}
.topbar{height:76px;padding-inline:clamp(22px,4vw,54px);background:rgba(248,251,249,.78);border-color:rgba(222,231,226,.8)}
main{max-width:1380px;padding:34px clamp(22px,4vw,56px) 42px}.child-overview{display:none}
.watchup-hero{height:330px;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);border-radius:32px;background:radial-gradient(circle at 20% 0,rgba(103,221,172,.34),transparent 36%),linear-gradient(135deg,#075b46,#0a7a5a 58%,#0e8c67);box-shadow:0 24px 60px rgba(10,94,70,.18);position:relative}.watchup-hero:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.15);border-radius:inherit}.watchup-hero .hero-copy{padding:42px clamp(30px,4vw,64px)}.watchup-hero h1{font-size:clamp(38px,4vw,58px);letter-spacing:-.055em;margin-block:7px 12px}.watchup-hero .hero-copy>p:last-of-type{font-size:16px;line-height:1.65;max-width:500px}.watchup-hero>img{height:330px;object-position:center 13%;filter:saturate(.92) contrast(.98)}.watchup-hero .connection-pill{border:0;background:rgba(255,255,255,.94);box-shadow:0 12px 26px rgba(0,61,45,.14);padding:9px 13px}
.summary-strip{margin-block-start:0;border:0;border-radius:25px;box-shadow:var(--shadow);overflow:hidden}.summary-strip button{min-height:112px;padding:20px;transition:background .18s ease,transform .18s ease}.summary-strip button:hover{background:#f7fbf9;transform:translateY(-1px)}.summary-strip small{font-size:12px}.summary-strip em{background:#f3f6f4;border-radius:99px;padding:4px 8px}.summary-symbol{border-radius:14px}
.home-grid{gap:22px;margin-block-start:22px}.focus-panel,.timeline-panel,.week-glance,.chart-panel,.ranking-panel,.changes-table,.rule-builder,.active-rules,.alert-feed,.alert-preview,.settings-group,.api-connect{border:1px solid rgba(223,231,227,.95);border-radius:25px;box-shadow:var(--shadow)}.focus-panel,.timeline-panel{padding:25px}.section-kicker{letter-spacing:.04em}.section-heading h2{letter-spacing:-.025em}.lead-alert{border:0;border-radius:20px;background:linear-gradient(135deg,#fff8e9,#fff 70%);box-shadow:inset 0 0 0 1px #f5e5bc}.primary{border-radius:12px;box-shadow:0 8px 18px rgba(8,120,91,.14)}.secondary{border-radius:12px}.text-button{font-weight:750}.mini-timeline button{padding-block:19px}.week-glance{background:linear-gradient(135deg,#163f35,#1c6755);border:0;padding:25px 28px}
.page-title h1,.page-title.compact h1{letter-spacing:-.045em}.filter-bar{border:0;background:#e9efec;width:max-content;border-radius:14px;padding:4px}.filter-bar button{border:0!important;border-radius:11px;padding:9px 15px}.filter-bar button.active{background:#fff;box-shadow:0 4px 12px rgba(38,65,56,.09)}.feed-item.selected{background:#eef8f4}.activity-stats article{border-radius:20px;box-shadow:var(--shadow)}.settings-group{background:rgba(255,255,255,.95)}.setting-tone{width:9px;border-radius:99px}.api-connect{background:rgba(255,255,255,.95)}
.mobile-nav{font-weight:700}
@media(max-width:1000px) and (min-width:721px){.sidebar{width:88px;padding-inline:13px}.workspace{margin-inline-start:88px}.brand{padding-inline:0;justify-content:center}.side-nav a{padding:0;justify-content:center}.nav-icon{width:42px;height:42px}.side-nav a>span:nth-child(2),.nav-count{display:none}}
@media(max-width:720px){
 body{padding-block-end:82px;background:linear-gradient(180deg,#f9fbfa 0,#f1f5f3 45%,#edf2ef 100%)}
 .workspace{margin-inline-start:0}
 .topbar{height:74px;inset-block-start:28px;padding-inline:14px;background:rgba(249,251,250,.88)}
 .child-switch span:nth-child(2) small,.child-switch>span:last-child{display:none}.child-switch{border:0;background:transparent;box-shadow:none;padding:0}.child-switch span:nth-child(2) b{font-size:13px}.child-avatars i{width:34px;height:34px}.child-avatars i:last-child{display:none}
 .mobile-brand{width:38px;height:38px;border-radius:12px;box-shadow:0 7px 16px rgba(8,120,91,.16)}
 main{padding:18px 14px 12px}
 .watchup-hero{height:222px;display:grid;grid-template-columns:1.25fr .75fr;border-radius:25px;margin-block-end:14px;overflow:hidden}
 .watchup-hero .hero-copy{order:0;padding:22px 18px;justify-content:center;position:relative;z-index:1}
 .watchup-hero .eyebrow{font-size:10px}.watchup-hero h1{font-size:28px;line-height:1.05;margin:5px 0 8px}.watchup-hero .hero-copy>p:last-of-type{font-size:12px;line-height:1.45}
 .watchup-hero>img{order:1;height:222px;min-height:0;object-position:51% 10%}
 .watchup-hero .connection-pill{width:max-content;max-width:100%;margin-block-start:13px;padding:7px 9px;gap:7px}.watchup-hero .connection-pill small{display:none}.watchup-hero .connection-pill b{font-size:10px}
 .summary-strip{grid-template-columns:1fr 1fr;border-radius:20px}.summary-strip button{min-height:86px;padding:13px 11px;grid-template-columns:34px 1fr;gap:9px}.summary-strip button:nth-child(2){border-inline-end:0}.summary-strip button:nth-child(-n+2){border-block-end:1px solid var(--line)}.summary-strip b{font-size:20px}.summary-strip small{font-size:10px;line-height:1.25}.summary-symbol{width:34px;height:34px}
 .home-grid{margin-block-start:14px}.focus-panel,.timeline-panel{padding:17px;border-radius:21px}.timeline-panel{margin-block-start:14px}.section-heading{margin-block-end:13px}.section-heading h2{font-size:18px}.lead-alert{padding:16px;border-radius:17px}.lead-alert h3{font-size:19px}.lead-alert p{font-size:12px}.context-line{grid-template-columns:1fr}.alert-actions button{min-height:44px}
 .week-glance{border-radius:21px;margin-block-start:14px;padding:18px}
 .page-title h1,.page-title.compact h1{font-size:29px}.page-title.compact{margin-block-end:17px}
 .mobile-nav{height:76px;grid-template-columns:repeat(4,1fr);background:rgba(250,252,251,.94);border-color:#dfe7e3;box-shadow:0 -12px 30px rgba(28,54,45,.08)}.mobile-nav a{border-radius:15px;color:#738079}.mobile-nav a.active{background:#dcf3e9;color:var(--green-dark);box-shadow:none}.mobile-nav a.active:after{background:var(--green)}
 .filter-bar{width:calc(100% + 28px);border-radius:0;background:transparent}.filter-bar button.active{background:#fff}
}
.poc-login-note{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.mfa-explainer{width:min(100%,420px);margin-block-start:14px;text-align:start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 18px}.mfa-explainer summary{cursor:pointer;font-weight:800;color:var(--ink)}.mfa-explainer p,.mfa-explainer ol{color:var(--muted);font-size:13px;line-height:1.7}.mfa-explainer ol{padding-inline-start:22px}.auth-links{display:grid;gap:8px}.auth-links a{color:var(--green-dark);font-weight:800;text-decoration-thickness:1px;text-underline-offset:3px}.mfa-explainer small{display:block;color:var(--muted)}
.password-field{position:relative;margin-block-end:7px}.auth-gate .password-field input{width:100%;margin:0;padding-inline-end:52px;position:relative;z-index:1}.password-field button{position:absolute;right:6px;left:auto;top:6px;bottom:6px;inline-size:40px;border:0;border-radius:10px;background:#eef6f2;color:var(--green-dark);font-size:20px;cursor:pointer;z-index:2;touch-action:manipulation}.password-field button:focus-visible{outline:3px solid rgba(0,106,97,.28);outline-offset:1px}.login-error{margin:2px 0 4px;padding:10px 12px;border-radius:10px;background:#fff1ef;color:#9c2f28;font-size:13px;font-weight:700;line-height:1.5}.auth-gate button:disabled{cursor:wait;opacity:.7}
@media(max-width:380px){.watchup-hero{grid-template-columns:1.4fr .6fr}.watchup-hero h1{font-size:25px}.watchup-hero .hero-copy{padding-inline:15px}.watchup-hero>img{object-position:47% 10%}}

/* WP-3.5 official Stitch screen set: people directory and focused event detail. */
.people-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-block-end:22px}.people-summary article{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.94);border:1px solid rgba(223,231,227,.95);border-radius:20px;padding:17px 19px;box-shadow:var(--shadow)}.people-summary b,.people-summary small{display:block}.people-summary b{font-size:24px;line-height:1}.people-summary small{font-size:12px;color:var(--muted);margin-block-start:5px}.people-tabs{display:flex;width:max-content;gap:4px;padding:4px;background:#e7eeea;border-radius:15px;margin-block-end:18px}.people-tabs button{min-height:42px;border:0;border-radius:11px;padding-inline:25px;background:transparent;color:var(--muted);font-weight:750;cursor:pointer}.people-tabs button.active{background:#fff;color:var(--green-dark);box-shadow:0 5px 14px rgba(37,68,57,.09)}.people-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px}.directory-panel,.weekly-card,.event-card,.event-explainer{background:rgba(255,255,255,.96);border:1px solid rgba(223,231,227,.95);border-radius:25px;box-shadow:var(--shadow)}.directory-panel{padding:25px}.directory-panel[hidden]{display:none}.directory-list{display:grid}.directory-list button{border:0;border-block-start:1px solid var(--line);background:transparent;min-height:82px;padding:13px 2px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;text-align:start;cursor:pointer}.directory-list button:first-child{border-block-start:0}.directory-list button:hover b{color:var(--green)}.directory-list b,.directory-list small{display:block}.directory-list small{color:var(--muted);font-size:11px;margin-block-start:4px}.directory-list em{font-style:normal;font-size:10px;font-weight:800;border-radius:99px;padding:5px 9px}.directory-avatar{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;font-weight:850}.directory-avatar.group{background:var(--blue-soft);color:var(--blue)}.directory-avatar.contact{background:var(--mint);color:var(--green)}.directory-avatar.family{background:#fff0dc;color:#a86513}.directory-avatar.unknown{background:var(--red-soft);color:var(--red)}.status-known{background:#eff4f1;color:#627169}.status-new{background:var(--mint);color:var(--green)}.status-review{background:var(--amber-soft);color:#875107}.weekly-card{padding:26px;background:linear-gradient(155deg,#153f35,#1c6755);color:#fff}.weekly-card .section-kicker{color:#a9ead1}.weekly-card h2{font-size:25px;margin:5px 0 20px}.weekly-meter{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding-block:15px;border-block-start:1px solid rgba(255,255,255,.14)}.weekly-meter b,.weekly-meter small{display:block}.weekly-meter small{color:#c8ded6;font-size:10px;margin-block-start:3px}.weekly-meter strong{width:43px;height:43px;border-radius:14px;background:rgba(255,255,255,.12);display:grid;place-items:center}.weekly-card>p{font-size:11px;color:#c8ded6;line-height:1.7;margin:21px 0 0}.back-link{border:0;background:transparent;color:var(--green);font-weight:800;min-height:44px;padding:0 3px;margin-block-end:14px;cursor:pointer}.event-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.38fr);gap:22px;align-items:start}.event-card{padding:clamp(24px,4vw,44px)}.event-heading{display:grid;grid-template-columns:64px 1fr;gap:19px;align-items:start}.event-symbol{width:64px;height:64px;border-radius:21px;background:var(--amber-soft);color:var(--amber);display:grid;place-items:center;font-size:30px;font-weight:900}.event-heading h1{font-size:clamp(28px,4vw,43px);line-height:1.15;letter-spacing:-.045em;margin:10px 0 7px}.event-heading p{margin:0;color:var(--muted)}.event-facts{display:grid;grid-template-columns:1fr 1fr;margin-block:32px;border-block:1px solid var(--line)}.event-facts>div{padding:18px}.event-facts>div:nth-child(even){border-inline-start:1px solid var(--line)}.event-facts>div:nth-child(n+3){border-block-start:1px solid var(--line)}.event-facts span,.event-facts b,.event-facts small{display:block}.event-facts span{font-size:11px;color:var(--muted)}.event-facts b{margin-block:4px;font-size:16px}.event-facts small{font-size:10px;color:#83908a}.context-card{border-radius:20px;background:linear-gradient(135deg,#fff9eb,#fff);box-shadow:inset 0 0 0 1px #f3e3bd;padding:22px}.context-card h2{font-size:20px;margin:4px 0 14px}.context-card blockquote{margin:0;padding:18px;border-inline-start:4px solid #e2a32b;background:#fff;border-radius:13px;font-size:22px;font-weight:800}.context-card>p{color:var(--muted);font-size:11px;margin:13px 0 0}.event-actions{display:flex;gap:10px;margin-block-start:22px}.event-explainer{padding:25px;background:#f7faf8}.event-explainer>span{width:45px;height:45px;border-radius:15px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:22px}.event-explainer h2{font-size:20px;margin:18px 0 8px}.event-explainer p{color:var(--muted);font-size:12px}.event-explainer ul{list-style:none;padding:0;margin:20px 0 0}.event-explainer li{position:relative;padding:11px 20px 11px 0;border-block-start:1px solid var(--line);font-size:12px}.event-explainer li:before{content:"✓";position:absolute;inset-inline-start:0;color:var(--green);font-weight:900}
@media(max-width:900px){.people-layout,.event-layout{grid-template-columns:1fr}.weekly-card,.event-explainer{position:static}.people-summary{grid-template-columns:1fr 1fr}.people-summary article:last-child{grid-column:1/-1}}
@media(max-width:720px){.people-summary{gap:9px;margin-block-end:16px}.people-summary article{padding:13px;border-radius:17px}.people-summary article:last-child{grid-column:1/-1}.people-summary b{font-size:20px}.people-summary small{font-size:10px}.people-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.people-tabs button{padding-inline:10px}.directory-panel,.weekly-card,.event-card,.event-explainer{border-radius:21px}.directory-panel{padding:17px}.directory-list button{grid-template-columns:42px 1fr auto;min-height:76px}.directory-avatar{width:40px;height:40px;border-radius:13px}.weekly-card{padding:21px}.event-card{padding:20px}.event-heading{grid-template-columns:49px 1fr;gap:13px}.event-symbol{width:49px;height:49px;border-radius:16px;font-size:23px}.event-heading h1{font-size:27px}.event-facts{grid-template-columns:1fr;margin-block:24px}.event-facts>div{padding:14px 2px}.event-facts>div:nth-child(even){border-inline-start:0}.event-facts>div:nth-child(n+2){border-block-start:1px solid var(--line)}.context-card{padding:17px}.context-card blockquote{font-size:19px}.event-actions{display:grid;grid-template-columns:1fr}.mobile-nav a{font-size:9px}}

/* Legibility and touch-floor corrections from the WP-3.5 design audit. */
.side-nav a small,.directory-list small,.weekly-meter small,.event-facts small,.form-help,.settings-group small,.settings-group em,.rule-list small,.privacy-note small{font-size:12px}.directory-list em,.status-known,.status-new,.status-review{font-size:11px}.context-card blockquote{border-inline-start-width:1px}.mobile-nav a{font-size:11px;min-height:52px}.primary,.secondary,.period-select,.child-switch,.icon-button{min-height:44px}
@media(max-width:720px){.people-summary small{font-size:11px}.watchup-hero .eyebrow{font-size:11px}.mobile-nav a{font-size:11px}.icon-button{width:44px;height:44px}.child-switch{min-height:44px}}

/* WP-3.6 — preserve the complete hero artwork and one visual language everywhere. */
.watchup-hero{grid-template-columns:minmax(0,1fr) 242px;min-height:360px;height:360px;background:linear-gradient(135deg,#075b46,#0a7a5a 58%,#0e8c67)}
.watchup-hero>img{width:242px;height:360px;object-fit:cover;object-position:center;background:#eef3f3;padding:0}
.watchup-hero .hero-copy{min-height:360px}
@media(max-width:720px){
 .topbar{position:static}
 .watchup-hero{display:grid;grid-template-columns:minmax(0,1fr) 168px;height:250px;min-height:250px;border-radius:25px;background:linear-gradient(135deg,#075b46,#0a7a5a 58%,#0e8c67)}
 .watchup-hero>img{order:1;width:168px;height:250px;min-height:250px;object-fit:cover;object-position:center;background:#eef3f3;padding:0}
 .watchup-hero .hero-copy{order:0;min-height:250px;padding:20px 17px}
 .watchup-hero h1{font-size:clamp(25px,7.2vw,30px);line-height:1.08}
 .watchup-hero .hero-copy>p:last-of-type{font-size:13px;line-height:1.5}
 .watchup-hero .connection-pill{margin-block-start:14px}
}
@media(max-width:380px){
 .watchup-hero{grid-template-columns:minmax(0,1fr) 161px;height:240px;min-height:240px}
 .watchup-hero>img{width:161px;height:240px;min-height:240px;object-position:center}
 .watchup-hero .hero-copy{min-height:240px;padding-inline:14px}
}

/* WP-3.7 — Stitch correction: edge-to-edge hero art and a non-sticky mobile header. */
.watchup-hero>img{padding:0;object-fit:cover;object-position:center 31%;background:#eef3f3}
@media(max-width:720px){
 .topbar{position:static;inset-block-start:auto}
 .watchup-hero>img{padding:0;object-fit:cover;object-position:center 29%}
}

/* WP-3.8 — exact Stitch palette lock; supersedes exploratory blue canvas rules. */
:root{--ink:#14201c;--muted:#68756f;--line:#e5ebe8;--surface:#fff;--canvas:#f3f6f4;--canvas-deep:#edf3f0;--green:#08785b;--green-dark:#045842;--mint:#e4f5ee;--mint-soft:#eef8f4;--shadow:0 18px 48px rgba(29,60,49,.075);--card-shadow:0 18px 48px rgba(29,60,49,.075)}
body{background:linear-gradient(180deg,#f9fbfa 0%,var(--canvas) 46%,var(--canvas-deep) 100%)}
.workspace{background:transparent}
.sidebar{background:rgba(255,255,255,.92);border-color:var(--line)}
.topbar{background:rgba(255,255,255,.9);border-color:var(--line)}
.summary-strip,.focus-panel,.timeline-panel,.chart-panel,.ranking-panel,.changes-table,.rule-builder,.active-rules,.alert-feed,.alert-preview,.settings-group,.api-connect,.people-summary article,.directory-panel,.event-card{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}
.side-nav a.active,.mobile-nav a.active{background:var(--mint);color:var(--green-dark)}
.child-switch{border-color:var(--line);background:var(--surface)}
.mobile-nav{background:rgba(255,255,255,.96);border-color:var(--line)}
.watchup-hero{background:linear-gradient(135deg,#045842 0%,var(--green) 100%)}
.week-glance,.weekly-card{background:linear-gradient(135deg,#143f34 0%,#1c6755 100%)}
.filter-bar,.people-tabs{background:#e9efec}
.feed-item.selected,.rules-tip,.privacy-box,.event-explainer{background:var(--mint-soft)}
.activity-stats article:first-child,.lead-alert,.context-card{background:var(--surface)}
@media(max-width:720px){body{background:linear-gradient(180deg,#f9fbfa 0%,var(--canvas) 48%,var(--canvas-deep) 100%)}.mobile-nav a.active{background:var(--mint);color:var(--green-dark);box-shadow:none}}
.child-avatars i:first-child,.child-portrait{background:var(--green);color:#fff;box-shadow:inset 0 0 0 3px rgba(255,255,255,.72),0 5px 14px rgba(8,120,91,.18)}
.child-avatars i:last-child{background:var(--mint-soft);color:var(--green-dark);border-color:var(--line)}
.group,.rule,.media,.directory-avatar.group,.severity.info{background:var(--mint);color:var(--green-dark)}
.timeline-dot.blue{background:var(--green)}

.auth-gate{display:none;min-height:calc(100vh - 28px);padding:32px 20px;place-content:center;justify-items:center;text-align:center;background:linear-gradient(180deg,#f8fbfa,#edf5f1);position:relative;z-index:200}.auth-gate>img{border-radius:22px;box-shadow:0 16px 38px rgba(8,120,91,.18);margin-block-end:18px}.auth-gate h1{font-size:clamp(30px,6vw,46px);margin:7px 0}.auth-gate>p{color:var(--muted);margin:0 0 22px}.auth-gate form{width:min(100%,420px);display:grid;gap:8px;text-align:start;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.auth-gate label{font-size:12px;font-weight:800}.auth-gate input{min-height:48px;border:1px solid #cdd8d3;border-radius:12px;padding-inline:13px;margin-block-end:7px;font:inherit}.auth-required .auth-gate,.auth-pending .auth-gate{display:grid}.auth-required .app-shell,.auth-pending .app-shell,.auth-required .mobile-nav,.auth-pending .mobile-nav{display:none}.session-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.danger-button{min-height:44px;border:1px solid #f1aaa4;border-radius:11px;padding:0 16px;background:#fff1ef;color:#9c2f28;font-weight:800;cursor:pointer}.empty-live-state{padding:32px;text-align:center;color:var(--muted)}

.directory-live-row{min-height:82px;padding:13px 2px;border-block-start:1px solid var(--line);display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:13px}.directory-live-row:first-child{border-block-start:0}.directory-live-row b,.directory-live-row small{display:block}.directory-live-row small{color:var(--muted);font-size:12px;margin-block-start:4px}.directory-live-row em{font-style:normal;font-size:11px;font-weight:800;border-radius:99px;padding:5px 9px}.directory-avatar.live-image{object-fit:cover;border:1px solid var(--line);background:var(--mint)}.live-card-slot .feed-item{border:0;border-radius:18px;background:var(--mint-soft)}.severity.connection{background:var(--mint);color:var(--green-dark)}
@media(max-width:720px){.directory-live-row{grid-template-columns:42px 1fr auto;min-height:76px}.directory-avatar.live-image{width:40px;height:40px;border-radius:13px}.live-card-slot .feed-item{padding-inline:13px}}

/* WP-3.10 — mobile hybrid: retain the green brand frame, use Stitch surfaces in content. */
@media(max-width:720px){
 body{background:#f8f9ff;color:#0b1c30}
 main{background:#f8f9ff}
 .view-panel{color:#0b1c30}
 .summary-strip,.focus-panel,.timeline-panel,.chart-panel,.ranking-panel,.changes-table,.rule-builder,.active-rules,.alert-feed,.alert-preview,.settings-group,.api-connect,.people-summary article,.directory-panel,.event-card{background:#fff;border-color:#dce9ff;box-shadow:0 4px 14px rgba(9,21,35,.07)}
 .summary-strip button{background:#fff;border-color:#dce9ff}
 .summary-strip button:hover{background:#eff4ff}
 .lead-alert,.context-card{background:#fff;border-color:#ffb4a3;box-shadow:inset 0 0 0 1px #ffdad2}
 .lead-alert mark{background:#ffdad2}
 .timeline-panel,.privacy-box,.rules-tip,.event-explainer{background:#eff4ff}
 .mini-timeline button,.directory-list button{background:transparent;border-color:#dce9ff}
 .filter-bar,.people-tabs{background:#e5eeff}
 .filter-bar button.active,.people-tabs button.active{background:#fff;color:#0b1c30}
 .feed-item.selected{background:#eff4ff;box-shadow:inset -3px 0 #006a61}
 .severity.critical{background:#ffdad6;color:#93000a}
 .severity.important,.severity.review{background:#ffdad2;color:#822714}
 .summary-symbol.group,.directory-avatar.group{background:#dce9ff;color:#0b1c30}
 .summary-symbol.contact,.directory-avatar.contact{background:#89f5e7;color:#00201d}
 .page-title p,.feed-item p,.mini-timeline small,.directory-list small,.event-facts small{color:#44474c}
}

/* Illustrated feature tiles — rich miniatures replace dry punctuation and line icons. */
.summary-strip button{grid-template-columns:64px minmax(0,1fr);column-gap:14px;align-items:center;min-height:126px}
.summary-artwork{grid-row:1/3;width:64px;height:64px;border-radius:19px;overflow:hidden;display:block;background:#edf7f2;box-shadow:0 9px 20px rgba(28,89,68,.15),inset 0 0 0 1px rgba(255,255,255,.62);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease}
.summary-artwork img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.035)}
.summary-strip button:hover .summary-artwork{transform:translateY(-2px) rotate(-1deg) scale(1.025);box-shadow:0 13px 25px rgba(28,89,68,.2),inset 0 0 0 1px rgba(255,255,255,.68)}
.summary-strip button:active .summary-artwork{transform:translateY(1px) scale(.98)}
.summary-strip em{grid-column:2}
@media(max-width:720px){.summary-strip button{grid-template-columns:54px minmax(0,1fr);min-height:108px;padding:14px 11px;column-gap:10px}.summary-artwork{width:54px;height:54px;border-radius:16px}.summary-strip em{font-size:10px;padding:3px 7px}}

/* App-wide WatchUp artwork family. Real group photos and contact initials remain data. */
.nav-icon,.privacy-artwork,.people-artwork,.setting-artwork,.feed-artwork,.timeline-artwork,.directory-avatar.generated-artwork{overflow:hidden;display:block;flex:none;background:#edf7f2;box-shadow:0 6px 15px rgba(27,87,67,.13);border:1px solid rgba(255,255,255,.72)}
.nav-icon img,.privacy-artwork img,.people-artwork img,.setting-artwork img,.feed-artwork img,.timeline-artwork img,.directory-avatar.generated-artwork img,.topbar-artwork,.mobile-nav a>span img{width:100%;height:100%;display:block;object-fit:cover}
.nav-icon{width:38px;height:38px;border-radius:12px}
.side-nav a.active .nav-icon{background:#fff;border-color:#fff;color:inherit;box-shadow:0 7px 17px rgba(19,87,64,.18)}
.privacy-note{align-items:center}.privacy-artwork{width:42px;height:42px;border-radius:13px}.privacy-note p{min-width:0}
.icon-button{padding:4px;overflow:visible}.topbar-artwork{border-radius:10px}.icon-button:hover .topbar-artwork{transform:scale(1.04)}
.password-field button{padding:5px;overflow:hidden}.password-field button img{width:100%;height:100%;display:block;object-fit:cover;border-radius:8px;transition:transform .2s ease,opacity .2s ease}.password-field button.revealed img{transform:scale(.88);opacity:.72}
.people-artwork{width:52px;height:52px;border-radius:16px}.people-summary article{align-items:center}
.settings-group button{grid-template-columns:52px minmax(0,1fr) auto;gap:13px}.setting-artwork{width:48px;height:48px;border-radius:15px}
.feed-artwork{width:42px;height:42px;border-radius:13px}.feed-item{grid-template-columns:42px minmax(0,1fr)}
.timeline-artwork{width:30px;height:30px;border-radius:10px}.mini-timeline button{grid-template-columns:30px minmax(0,1fr) auto;align-items:center}
.directory-avatar.generated-artwork{border-radius:15px}
.mobile-nav a>span{width:30px;height:30px;line-height:normal;margin-inline:auto;border-radius:10px;overflow:hidden;display:block;box-shadow:0 4px 10px rgba(27,87,67,.12)}
.mobile-nav a.active>span{box-shadow:0 6px 14px rgba(19,87,64,.2)}
@media(max-width:720px){.nav-icon{width:40px;height:40px}.people-artwork{width:46px;height:46px;border-radius:14px}.settings-group button{grid-template-columns:46px minmax(0,1fr) auto}.setting-artwork{width:44px;height:44px;border-radius:13px}.feed-artwork{width:38px;height:38px;border-radius:12px}.feed-item{grid-template-columns:38px minmax(0,1fr)}.mobile-nav a>span{width:29px;height:29px;border-radius:9px}.privacy-artwork{width:38px;height:38px}}
html{scroll-behavior:auto}
.app-shell{display:flex;align-items:flex-start}
.sidebar{position:static;height:auto;flex:0 0 auto}
.workspace{margin-inline-start:0;flex:1;min-width:0}
.topbar{position:static}
button.directory-live-row{width:100%;border-inline:0;background:transparent;text-align:start;cursor:pointer;font:inherit;color:inherit}
button.directory-live-row.selected{background:var(--mint-soft)}
.group-detail{margin-block-start:16px;padding:16px;border-radius:16px;background:var(--mint-soft)}
.group-detail h3,.group-detail p{margin:0 0 8px}
.group-detail ul{list-style:none;margin:0;padding:0}
.group-detail li{padding:10px 0;border-block-start:1px solid var(--line)}
.group-detail b,.group-detail small{display:block}
.group-detail li.stranger b{color:var(--red)}
.protection-card{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:25px;padding:24px;box-shadow:var(--shadow)}
.protection-facts{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.protection-facts li{background:var(--mint-soft);border-radius:12px;padding:12px 14px;font-weight:700}
.password-field button{right:6px;left:auto;font-size:22px;line-height:1}
.auth-gate .password-field input{padding-right:52px;padding-left:13px}
#tracking-words-form{display:grid;gap:8px;margin-block-end:12px}
#tracking-words{display:grid;gap:8px}
#tracking-words li{display:flex;justify-content:space-between;gap:12px;align-items:center}
#tracking-words button{border:0;background:transparent;color:var(--red);font-weight:700;cursor:pointer;min-height:44px}
.daily-report{margin-block-start:22px;background:#fff;border:1px solid var(--line);border-radius:25px;padding:24px;box-shadow:var(--shadow)}
.daily-report h2{margin:4px 0 12px}
.daily-report ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.daily-report li{background:var(--mint-soft);border-radius:12px;padding:12px 14px;font-weight:700}