/* Keeper calendar: Figma 26:2; photos and icons exported from that frame.
   CalendarView / PeopleChips / DayList in the application provide the structure.
   Demo task data is the landing story, not a connected family account. */
.home-phone{width:390px;height:884px}.calendar-app{padding:0;border-radius:30px;color:#17152b;background:#f7f5f2}.calendar-scroll{height:100%;overflow-y:auto;scrollbar-width:none;padding:36px 20px 100px;display:flex;flex-direction:column;gap:18px}.calendar-scroll::-webkit-scrollbar{display:none}.calendar-app .cal-top{align-items:center;gap:10px}.calendar-app .cal-top h3{font-size:26px;line-height:36px;letter-spacing:-.39px;font-weight:600}.calendar-app .cal-month{font-size:13px;line-height:18px;color:#86829a;margin:2px 0 0;white-space:nowrap}.calendar-app .cal-mode{gap:4px;padding:4px;background:#efece7;font-size:13px;flex-shrink:0;direction:rtl}.calendar-app .cal-mode>*{padding:7px 10px;line-height:18px}.calendar-app .cal-mode b{background:#17152b}.calendar-app .cal-mode span:last-child{padding-left:10px}.calendar-app .cal-week{margin:0;display:grid;grid-template-columns:repeat(7,1fr);gap:3px;color:#86829a;font-size:12px;line-height:17px}.calendar-app .cal-week>span{min-width:0;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:3px}.calendar-app .cal-week b{font-size:17px;line-height:23px;font-weight:500;margin:0}.calendar-app .cal-week small{font-size:10.5px;line-height:14px;color:#b8b4c4}.calendar-app .cal-week i{font-size:11px;line-height:5px;color:#7860c7;letter-spacing:2px;height:5px;font-style:normal}.calendar-app .cal-week .chosen{border-radius:16px;background:#17152b}.calendar-app .cal-week .chosen small{color:#d2cbea}.calendar-app .cal-week .chosen i{color:white}.calendar-app .cal-members{display:flex;gap:6px;flex-wrap:wrap;margin:0}.calendar-app .cal-members button{font-family:inherit;display:inline-flex;gap:6px;align-items:center;border:1px solid #ece8e2;border-radius:99px;background:#fff;color:#49445a;padding:4px 6px;font-size:12.5px;line-height:17px;font-weight:500;cursor:pointer}.calendar-app .cal-members button.selected{background:#17152b;color:white;border-color:#17152b;padding:7px 14px}.calendar-app .cal-members .member-photo{height:22px;width:22px;object-fit:cover;border-radius:50%;flex-shrink:0}.calendar-app .day-card{padding:14px;border:1px solid #ece8e2;border-radius:22px;box-shadow:0 4px 16px #17142b0d;flex-shrink:0}.calendar-app .day-title{flex-direction:row;align-items:baseline;justify-content:space-between;gap:5px;margin:0 0 2px}.calendar-app .day-title b{font-size:15px;line-height:21px;font-weight:600}.calendar-app .day-title small{font-size:12.5px;color:#86829a;white-space:nowrap}.calendar-app .cal-row{min-height:58px;gap:12px;padding:9px 0}.calendar-app .cal-row time{border:0;padding:0;width:36px;flex-shrink:0;font-size:13px;line-height:18px;color:#49445a;direction:ltr;font-weight:500}.calendar-app .cal-row time small{font-size:11.5px;line-height:16px;color:#b8b4c4;margin:0;font-weight:400}.calendar-app .cal-line{width:3px;height:40px;border-radius:2px;flex-shrink:0}.calendar-app .cal-row b{font-size:15px;line-height:21px;font-weight:500;display:flex;align-items:center;gap:6px;white-space:nowrap}.calendar-app .cal-row small{font-size:12.5px;line-height:17px;color:#86829a;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-app .person-photo-original{height:28px;width:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.calendar-app .row-icon{flex-shrink:0}.calendar-app .cal-row.existing{opacity:.5}.calendar-app .cal-row.completed .person-photo-original{opacity:1}.calendar-app .cal-row.completed b{color:#86829a}.calendar-app .done-mark{left:-4px;top:auto;bottom:7px;width:15px;height:15px;border:2px solid white;font-size:10px;background:#1a7f45;color:#fff}.calendar-app .cal-confirm{margin:0;padding:10px 12px;gap:10px;border-radius:16px;background:#f2effa;color:#49445a;font-size:12.5px;line-height:17px;flex-shrink:0}.calendar-app .cal-confirm img{width:28px;height:28px;flex-shrink:0}.calendar-app .cal-nav{height:64px;left:12px;right:12px;bottom:12px;padding:0 20px;z-index:5;border:1px solid #ece8e2;border-radius:99px;background:#fffffff0;backdrop-filter:blur(12px);box-shadow:0 12px 32px #17142b1f}.calendar-app .cal-nav>span{display:flex;flex-direction:column;align-items:center;gap:3px}.calendar-app .cal-nav>span img{border-radius:0;width:auto;height:auto}.calendar-app .cal-nav small{font-size:10.5px;line-height:14px;color:#86829a}.calendar-app .cal-nav>span:nth-child(2) small{color:#17152b;font-weight:600}.calendar-app .cal-nav-keeper{position:relative;width:54px;height:54px;flex-shrink:0}.calendar-app .cal-nav-keeper img{position:absolute;width:94px;height:94px;max-width:none;left:-20px;top:-12px;border-radius:0}.calendar-app .cal-add{position:absolute;bottom:88px;left:20px;width:56px;height:56px;border:0;border-radius:50%;display:grid;place-items:center;background:#17152b;box-shadow:0 10px 24px #17142b40;z-index:6;cursor:pointer}.calendar-app .cal-add img{width:auto;height:auto}.home-phone .cal-add{pointer-events:none}.family-dialog .calendar-app{height:810px;min-height:0}.family-dialog .calendar-scroll{padding-top:20px}.calendar-app [hidden]{display:none!important}@media(max-width:700px){.home-phone{width:390px;height:884px}.family-dialog .calendar-app{height:700px}.family-dialog .calendar-scroll{padding-left:10px;padding-right:10px}.family-dialog .cal-top{flex-wrap:wrap}.family-dialog .cal-row{gap:8px}.family-dialog .cal-row b{font-size:14px}.family-dialog .day-title b{font-size:13px}.family-dialog .cal-nav{padding:0 12px}}