/* Scoped, read-only device art; shared data and navigation stay separate from phone actions. */
.family-phone[data-family-phone-mode]{width:min(100%,320px);padding:8px;margin:0 auto;border-radius:36px;background:#202124;box-shadow:0 16px 40px #1113181c;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.family-phone *{box-sizing:border-box}.fpp-screen{position:relative;container-type:inline-size;aspect-ratio:411/915;overflow:hidden;border:1px solid #404145;border-radius:28px;background:#101412;color:#f4f1e8;isolation:isolate}
.fpp-status{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:3.4cqw 4.4cqw 0;font-size:3.4cqw;line-height:4.9cqw;pointer-events:none}
.family-phone[data-family-phone-screen=home]{--fpp-ink:#f4f1e8;--fpp-muted:#d5ddd5;--fpp-line:#f4f1e82e;--fpp-control:#151b17f2}
.family-phone[data-family-phone-screen=home][data-home-background=paper]{--fpp-ink:#1c2822;--fpp-muted:#435446;--fpp-line:#1c28222e;--fpp-control:#f4f1e8f2}
.family-phone[data-family-phone-screen=home] .fpp-screen{color:var(--fpp-ink)}
.fpp-home{position:absolute;inset:0;background:#101412;color:var(--fpp-ink)}
.family-phone[data-home-background=paper] .fpp-home{background:#f6f3ea}
.fpp-home-scene,.fpp-home-wash{position:absolute;inset:0}
.family-phone[data-home-background=water] .fpp-home-scene{background:url('/assets/phone257-venice.jpg') center/cover no-repeat}
.family-phone[data-home-background=photo] .fpp-home-scene{background:url('/assets/family-tree-photo.jpg') center/cover no-repeat}
.family-phone[data-home-background=water] .fpp-home-wash,.family-phone[data-home-background=photo] .fpp-home-wash{background:linear-gradient(180deg,rgb(16 20 18 / .55) 0%,rgb(16 20 18 / .12) 25%,rgb(16 20 18 / .18) 50%,rgb(16 20 18 / .76) 75%,rgb(16 20 18 / .94) 100%)}
.fpp-home-top{position:absolute;top:14.11cqw;left:5.35cqw;right:2.68cqw;min-height:11.68cqw;display:flex;align-items:center;gap:1.95cqw}
.fpp-date{flex:1;min-width:0;color:var(--fpp-muted);font-size:2.92cqw;line-height:4.38cqw;letter-spacing:.34cqw;overflow-wrap:anywhere}
.fpp-home-settings{display:grid;place-items:center;flex:none;width:11.68cqw;height:11.68cqw}.fpp-home-settings svg{width:5.11cqw;height:5.11cqw}
.fpp-clock{position:absolute;top:26.28cqw;left:5.35cqw;height:23.36cqw;display:flex;align-items:baseline;gap:2.68cqw;white-space:nowrap}.fpp-clock>span{font:500 21.41cqw/1 Roboto,Arial,sans-serif;letter-spacing:-.24cqw;font-variant-numeric:tabular-nums}.fpp-clock>small{font-size:3.4cqw;line-height:1.4;color:var(--fpp-muted)}
.fpp-horizon{position:absolute;top:50.85cqw;left:5.35cqw;right:5.35cqw;height:19.46cqw;color:var(--fpp-muted)}.fpp-horizon-art{display:block;width:100%;height:13.38cqw;overflow:visible}.fpp-horizon-times{display:flex;justify-content:space-between;margin-top:.97cqw;font-size:2.68cqw;line-height:3.89cqw}
.family-phone[data-home-daylight=false] .fpp-horizon{visibility:hidden}
.fpp-home-rows{position:absolute;bottom:54.5cqw;left:5.35cqw;right:5.35cqw}.fpp-home-row{display:flex;align-items:center;gap:3.16cqw;height:15.09cqw;border-top:1px solid var(--fpp-line);font-size:4.62cqw;line-height:6.57cqw}.fpp-home-row>svg{width:5.11cqw;height:5.11cqw;flex:none}.fpp-home-row>span{flex:1;min-width:0}.fpp-home-row>svg:last-child{margin-left:auto;width:4.38cqw;height:4.38cqw;color:var(--fpp-muted)}.fpp-home-count{font-size:2.92cqw;color:var(--fpp-muted);white-space:nowrap}
.fpp-home-split{gap:0}.fpp-home-split>span{display:flex;align-items:center;gap:2.43cqw;min-width:0}.fpp-home-split>span svg{width:5.11cqw;height:5.11cqw;flex:none}.fpp-home-split>i{width:1px;height:5.35cqw;margin:0 2.92cqw;background:var(--fpp-line)}
.family-phone button.fpp-home-row{width:100%;padding:0;border-bottom:0;border-left:0;border-right:0;border-radius:0;background:transparent;color:inherit;font-family:inherit;text-align:left;cursor:pointer}
.family-phone .fpp-day-shortcut{position:absolute;bottom:16.55cqw;left:5.35cqw;right:5.35cqw;width:auto;min-height:26.28cqw;background:#f4f1e8;color:#181a19;border:0;border-radius:5.84cqw;display:flex;align-items:center;gap:2.92cqw;padding:3.89cqw;text-align:left;font-size:4.87cqw;line-height:1.2;white-space:normal;cursor:pointer;box-shadow:0 1.95cqw 5.84cqw #0000001f}.fpp-day-shortcut>i{display:grid;place-items:center;flex:none;width:9.73cqw;height:9.73cqw;border-radius:3.4cqw;background:#181a1910}.fpp-day-shortcut>i svg{width:5.35cqw;height:5.35cqw}.fpp-day-shortcut>span{flex:1;min-width:0}.fpp-day-shortcut strong{display:block;font-weight:600}.family-phone .fpp-day-shortcut small{display:block;margin-top:1.22cqw;font-size:3.41cqw;line-height:1.4;color:#555955;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fpp-day-shortcut>svg{width:4.38cqw;height:4.38cqw;flex:none;color:#555955}.family-phone .fpp-day-badge{display:table;margin:0 0 1.46cqw;padding:.73cqw 1.7cqw;border-radius:2.43cqw;background:#181a19;color:#f4f1e8;font-size:2.68cqw;line-height:1.4;font-weight:600}.family-phone[data-home-background=paper] .fpp-day-shortcut{background:#181a19;color:#f4f1e8}.family-phone[data-home-background=paper] .fpp-day-shortcut>i{background:#f4f1e818}.family-phone[data-home-background=paper] .fpp-day-shortcut small,.family-phone[data-home-background=paper] .fpp-day-shortcut>svg{color:#d5d4ce}.family-phone[data-home-background=paper] .fpp-day-badge{background:#f4f1e8;color:#181a19}
.fpp-large-text .fpp-home-row{font-size:5.84cqw}.fpp-large-text .fpp-home-split{height:30.18cqw;flex-direction:column;align-items:stretch}.fpp-large-text .fpp-home-split>span{min-height:15.09cqw;border-top:1px solid var(--fpp-line)}.fpp-large-text .fpp-home-split>span:first-child{border-top:0}.fpp-large-text .fpp-home-split>i{display:none}.fpp-large-text .fpp-clock>span{font-size:18.49cqw}
/* My Day has its own clear hierarchy rather than inheriting Settings cards. */
.family-phone[data-family-phone-screen=day]{--fpp-muted:#bfc1c4;--fpp-line:#f4f1e822;--fpp-panel:#292c2f;--fpp-page:#101412;--fpp-selected:#f4f1e8;--fpp-selected-ink:#181a19}
.family-phone .fpp-page-heading{position:absolute;top:11.68cqw;left:3.9cqw;right:1.95cqw;display:flex;align-items:center;justify-content:flex-start;gap:0;height:14.6cqw;min-height:0;padding:.97cqw 0 1.95cqw}.family-phone .fpp-page-heading button{display:grid;place-items:center;flex:none;width:11.68cqw;height:11.68cqw;padding:0;background:transparent;color:inherit;border:0;border-radius:50%;cursor:pointer}.fpp-page-heading button svg{width:4.86cqw;height:4.86cqw}.family-phone .fpp-page-heading h4{color:inherit;flex:1;min-width:0;margin:0;padding-right:1.95cqw;text-align:left;font:400 7.78cqw/1.25 Georgia,serif;letter-spacing:normal}.family-phone .fpp-heading-date{margin:0;padding-bottom:.97cqw;text-align:left;color:var(--fpp-muted);font:400 3.65cqw/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

.fpp-scroll{position:absolute;top:26.28cqw;bottom:11.68cqw;left:0;right:0;overflow-y:auto;overscroll-behavior:contain;padding:0 4.87cqw 4.87cqw;scrollbar-width:thin}.fpp-day{display:grid;gap:2.92cqw;color:inherit}.fpp-section{border:1px solid var(--fpp-line);border-radius:3.89cqw;background:var(--fpp-panel);padding:3.89cqw;overflow-wrap:anywhere}.family-phone .fpp-section h5{margin:0 0 2.43cqw;font:600 4.38cqw/1.33 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:inherit}.fpp-days{display:flex;gap:.97cqw;padding:.97cqw;border-radius:3.89cqw;background:var(--fpp-panel)}.family-phone .fpp-days button{flex:1;min-height:9.73cqw;border:0;border-radius:2.92cqw;background:transparent;color:inherit;font-size:3.41cqw;font-weight:500;padding:2.43cqw 1.95cqw;line-height:1.375;cursor:pointer}.family-phone .fpp-days button[aria-pressed=true]{font-weight:600;background:var(--fpp-selected);color:var(--fpp-selected-ink)}.family-phone .fpp-expand{width:100%;min-height:10.7cqw;padding:2.92cqw;border:1px solid var(--fpp-line);border-radius:3.4cqw;background:transparent;color:inherit;font-size:3.41cqw;line-height:1.4;cursor:pointer}.family-phone .fpp-event small{display:block;font-size:2.92cqw;line-height:1.5;font-weight:500;color:var(--fpp-muted)}.family-phone .fpp-event p{margin:1.7cqw 0 0;color:inherit;font-size:4.87cqw;line-height:1.35;font-weight:600}.family-phone .fpp-event p.fpp-first-title{font-size:4.87cqw;line-height:1.35}.fpp-event>span{display:block;color:var(--fpp-muted);font-size:3.41cqw;line-height:1.5;margin:1.95cqw 0 0}.fpp-event[data-preview-item-kind=note]{border-left:3px solid #b8c1cb}.family-phone .fpp-updated,.family-phone .fpp-zone{display:block;line-height:1.5;font-size:2.92cqw;color:var(--fpp-muted)}.family-phone .fpp-zone{font-size:2.68cqw;margin-top:1.95cqw}.family-phone .fpp-empty{font-size:3.89cqw;line-height:1.5;color:inherit;margin:4.87cqw 0 1.95cqw}.fpp-people>span{display:flex;align-items:center;min-height:11.68cqw;padding:2.92cqw 0;border-top:1px solid var(--fpp-line);font-size:3.89cqw;line-height:1.375;color:inherit}
.fpp-system-nav{position:absolute;z-index:3;bottom:0;left:0;right:0;height:11.68cqw;text-align:center;font-size:3.9cqw;letter-spacing:5.35cqw;padding:2.43cqw 0 2.43cqw 4.86cqw;background:#101412;color:#f4f1e8;pointer-events:none}
.family-phone[data-family-phone-screen=home] .fpp-system-nav{background:transparent;color:var(--fpp-ink)}
.family-phone .fpp-draft-label{font-size:2.68cqw;line-height:1.5;background:#f2e8cc;border-radius:1.95cqw;padding:1.95cqw 2.43cqw;color:#63572c;margin:0 0 2.43cqw}.fpp-draft-note{border:1px dashed #b9a471;border-radius:2.43cqw;background:#fbf6e8;padding:2.43cqw;margin:1.7cqw 0 2.92cqw}.family-phone .fpp-draft-note small{font-size:2.68cqw;color:#766534}.family-phone .fpp-draft-note p{font-size:3.4cqw;line-height:1.4;margin:1.22cqw 0;color:#302b20;white-space:pre-wrap;overflow-wrap:anywhere}.fpp-draft-note>span{font-size:2.68cqw;color:#766534;line-height:1.45;display:block}
.fpp-light[data-family-phone-screen=day]{--fpp-muted:#63656b;--fpp-line:#20212616;--fpp-panel:#fff;--fpp-page:#f6f3ea;--fpp-selected:#242528;--fpp-selected-ink:#fff}.fpp-light[data-family-phone-screen=day] .fpp-screen{background:var(--fpp-page);color:#242528}.fpp-light[data-family-phone-screen=day] .fpp-days{background:#e9e7e2}.fpp-light[data-family-phone-screen=day] .fpp-system-nav{background:var(--fpp-page);color:#242528}
.family-phone .fpp-event p{white-space:pre-wrap}
.family-phone button:focus-visible,.fpp-scroll:focus-visible,.fpp-page-heading h4:focus-visible{outline:2px solid #86b9f5;outline-offset:2px}@media(max-width:400px){.family-phone[data-family-phone-mode]{width:min(100%,290px)}}

.fpp-day-group{margin:0}.family-phone .fpp-day-group>h5{font:600 3.41cqw/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:2.92cqw 0 1.95cqw;color:var(--fpp-muted)}.fpp-day-group>.fpp-section{margin:0 0 2.43cqw}.fpp-day-group>.fpp-section:last-child{margin-bottom:0}.fpp-day-fold{margin:0;padding:2.92cqw 3.89cqw;border:1px solid var(--fpp-line);border-radius:3.89cqw}.fpp-day-fold>summary{display:list-item;font:500 3.41cqw/1.5 Inter,sans-serif;cursor:pointer;min-height:7.78cqw;padding:.97cqw 0;color:inherit}.fpp-day-fold>.fpp-event{margin:2.43cqw 0}.fpp-day-fold>small{color:var(--fpp-muted);font-size:2.68cqw;line-height:1.4}.fpp-progress{font-size:2.92cqw;font-weight:600}.fpp-personal-private>small{color:var(--fpp-muted);font-size:2.92cqw;line-height:1.5}
