:root{--ink:#17232e;--muted:#536475;--paper:#f4f6f8;--mist:#e7ecf1;--ice:#a8ccd6;--blue:#285aca;--plum:#433c53;--line:#dce3ea;--font:'Will Display','Care Text','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65;font-synthesis:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}body:lang(zh-CN){line-break:strict;word-break:normal;overflow-wrap:break-word;font-kerning:normal}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7fa3f5;outline-offset:3px}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}button .icon{pointer-events:none}.reverse{transform:rotate(180deg)}[hidden]{display:none!important}.muted{color:var(--muted)}.skip{position:fixed;left:20px;top:-60px;z-index:999;background:white;padding:12px}.skip:focus{top:10px}.initial-loading{min-height:100vh;display:grid;place-content:center;text-align:center;gap:20px}.loading-dot{margin:auto;width:24px;height:24px;background:var(--ice);border:6px solid var(--mist);border-radius:50%}
.button{min-height:46px;padding:10px 18px;display:inline-flex;gap:9px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:550;white-space:nowrap;transition:background .15s,box-shadow .15s}.button.primary{background:var(--blue);color:white}.button.primary:hover{background:#204eb5}.button.secondary{background:#fff;border-color:var(--line)}.button.secondary:hover{background:#eef2f7}.button.full{width:100%;font-size:17px;min-height:52px}.icon-button{border:0;background:transparent;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:var(--muted);flex-shrink:0}.icon-button:hover{background:var(--mist)}.text-button{border:0;background:transparent;color:var(--blue);font-size:13px;min-height:40px;padding:8px 6px;display:inline-flex;align-items:center;gap:8px}.danger-text{color:#a84445;background:transparent}.form-error{color:#ae343e;font-size:14px;line-height:1.7}.form-error:empty{display:none}.form-error:not(:empty){margin:12px 0}.optional{font-weight:400;color:#82909d;font-size:12px}
.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:650;color:var(--plum);line-height:1.4;white-space:nowrap}.brand>.icon{width:40px;height:40px;padding:9px;background:var(--plum);color:#f4f6f8;border-radius:12px}.brand-sub{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:3px}.avatar{--member-color:var(--blue);height:42px;width:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e8edf4;background:color-mix(in srgb,var(--member-color) 11%,white);color:var(--member-color);font-size:18px;font-weight:600;flex-shrink:0}.avatar.small{height:30px;width:30px;font-size:13px}.avatar.large{height:64px;width:64px;font-size:27px}.self-tag{font-size:10px;color:var(--blue);background:#edf2fc;border-radius:4px;font-weight:450;padding:2px 5px;margin-left:7px}
.login-layout{min-height:100vh;display:grid;grid-template-columns:1.03fr 1fr;background:#fff}.login-story{background:#eaf0f4;display:flex;flex-direction:column;padding:45px clamp(28px,6vw,90px);min-height:100vh}.story-main{margin:auto 0;max-width:460px;padding:75px 0}.small-label{color:var(--plum);font-size:14px;margin-bottom:20px}.story-main h1{font-size:clamp(28px,3vw,44px);font-weight:600!important;line-height:1.55!important;letter-spacing:0;color:var(--plum)}.story-main>p{font-size:17px;color:var(--muted);line-height:1.95;margin-top:24px}.story-timeline{margin-top:45px;position:relative}.story-timeline>div{display:flex;align-items:center;gap:18px;min-height:64px;color:var(--muted);position:relative}.story-time{font-variant-numeric:tabular-nums;font-size:18px}.story-timeline i{width:10px;height:10px;border-radius:50%;background:#c6d2df;position:relative}.story-timeline>div:not(:last-child) i:after{content:'';position:absolute;top:14px;width:1px;height:42px;background:#c6d2df;left:4px}.story-active{color:var(--ink)!important;font-weight:600}.story-active i{background:var(--blue);box-shadow:0 0 0 5px #d8e3fa}.tiny-pill{font-size:11px;color:var(--blue);background:#dfe8fb;border-radius:4px;padding:2px 8px}.story-footer{font-size:12px;color:#71808d}.login-panel{display:grid;place-items:center;padding:48px 30px}.login-box{width:100%;max-width:390px}.login-mark{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#eff3f7;color:var(--plum);margin-bottom:20px}.login-mark .icon{width:26px;height:26px}.login-box h2{font-size:27px!important;line-height:1.5!important;font-weight:600!important;margin-bottom:8px}.login-box>.muted{font-size:14px;margin-bottom:27px}.demo-notice{background:#f7f3e9;border:1px solid #eae0c7;border-radius:8px;padding:10px 13px;font-size:12px;color:#7b683d;line-height:1.8;margin-bottom:22px}.demo-notice strong{font-weight:450}.login-box label,.form-body>label,.form-grid>label{display:block;font-size:14px;font-weight:550}.login-box form label+label{margin-top:18px}input:not([type=radio]):not([type=checkbox]),select,textarea{display:block;background:#fff;border:1px solid #ccd6e0;border-radius:9px;padding:12px 13px;color:var(--ink);width:100%;min-height:48px;margin-top:7px;font-size:15px;line-height:1.5}input::placeholder,textarea::placeholder{color:#8a97a4;font-size:13px}input[readonly]{background:#f2f5f8;color:var(--muted)}textarea{resize:vertical}#login-form .button{margin-top:24px}.login-help{font-size:12px;color:var(--muted);line-height:1.9;margin-top:17px}.demo-entrance{border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.demo-entrance>span{font-size:12px;color:var(--muted)}.demo-people{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.demo-person{border:1px solid var(--line);background:#f9fafc;border-radius:9px;min-height:64px;padding:9px}.demo-person:hover{border-color:var(--blue);background:#edf3ff}.demo-person b{display:block;font-size:14px;font-weight:550}.demo-person small{font-size:10px;color:var(--muted)}.privacy-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#7b8895;margin-top:25px}.privacy-note .icon{width:15px;height:15px}
.app-layout{display:flex;min-height:100vh}.sidebar{width:212px;padding:30px 22px 0;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:10}.sidebar .brand{font-size:20px}.family-name{font-size:11px;color:#83909c;margin:42px 8px 15px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;text-align:left;gap:13px;padding:14px 13px;border:0;background:transparent;border-radius:10px;font-size:14px;min-height:51px;color:var(--muted)}.nav-item.active{color:var(--blue);background:#ecf1fc;font-weight:600}.nav-item:hover:not(.active){background:var(--paper)}.nav-dot{width:5px;height:5px;background:var(--blue);border-radius:50%;margin-left:auto}.nav-item:not(.active) .nav-dot{display:none}.sidebar-bottom{margin-top:auto}.private-label{display:flex;gap:8px;align-items:center;font-size:11px;color:#86939f;margin:18px 6px}.private-label .icon{width:14px;height:14px}.user-mini{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:19px 0}.user-mini>div{flex:1}.user-mini b{display:block;font-size:13px;font-weight:600}.user-mini small{display:block;font-size:10px;color:var(--muted)}.user-mini .icon-button{width:28px}.workspace{margin-left:212px;flex:1;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;min-height:75px;padding:0 38px;background:#fff;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.breadcrumb{margin:0 15px;color:#bbc4cd}.topbar-right{display:flex;align-items:center;gap:23px}.top-user{display:flex;align-items:center;gap:9px;color:var(--ink)}#sync-status{display:flex;align-items:center;gap:6px;font-size:11px;color:#73818f}.sync-dot{display:inline-block;width:5px;height:5px;background:#528472;border-radius:50%}.sync-dot.offline{background:#be812b}.demo-bar{font-size:11px;background:#f7f4ed;color:#8c7953;padding:7px 38px;border-bottom:1px solid #ece5d7;display:flex;gap:10px;align-items:center}.demo-bar>span{background:#eae1cf;color:#6f5c34;padding:0 6px;border-radius:3px;white-space:nowrap}.main-content{max-width:1350px;margin:0 auto;padding:31px 38px 30px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:26px}.page-heading h1{font-size:27px!important;font-weight:600!important;line-height:1.5!important;color:var(--ink);letter-spacing:0}.page-heading p{font-size:13px;color:var(--muted);margin-top:7px}.heading-actions{display:flex;gap:10px}.heading-actions .button{font-size:12px;min-height:42px;padding:9px 14px}.heading-actions .icon{width:17px;height:17px}.live-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:19px;margin-bottom:32px}.current-card{background:#e9f0fb;border:1px solid #d2dff4;border-radius:16px;padding:24px 28px 21px;overflow:hidden}.current-top{display:flex;justify-content:space-between;align-items:center}.live-label{display:flex;align-items:center;gap:9px;font-size:12px;color:#4e6797}.live-label i{width:6px;height:6px;background:var(--blue);border-radius:50%}.plan-pill{font-size:10px;border:1px solid #c5d5ef;border-radius:20px;padding:2px 9px;color:#587198}.current-body{display:flex;align-items:center;justify-content:space-between;padding:18px 0 22px;gap:20px}.current-body h2{font-size:42px;font-weight:600;line-height:1.5;color:#1b3c75;white-space:normal}.current-body h2>span{font-size:15px;font-weight:400;margin-left:15px;color:#526887;white-space:nowrap}.current-body p{font-size:17px;color:#263d60;margin-top:1px}.current-details{display:flex;flex-wrap:wrap;gap:15px;margin-top:12px;color:#617797;font-size:11px}.current-details>span{display:flex;align-items:center;gap:5px}.current-details .icon{width:14px;height:14px}.hero-avatar{height:85px;width:85px;font-size:38px;border:7px solid #fff9;background:#fff9!important;margin-right:4px}.hero-empty{height:60px;width:60px;color:#7994bd}.current-bottom{border-top:1px solid #cfdbed;padding-top:17px;font-size:11px;color:#647b9b;display:flex;gap:22px;align-items:center}.current-bottom>div:last-child{display:flex;gap:10px;align-items:center;white-space:nowrap}.current-bottom b{font-weight:550;color:#345789}.progress-track{height:4px;background:#d4e0f2;border-radius:6px;flex:1;overflow:hidden}.progress-track>div{height:100%;background:#688bd1;border-radius:6px}.unassigned{background:#f8f4eb;border-color:#e5dcc4}.unassigned .current-body h2{color:#8a7141}.next-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px 28px;display:flex;flex-direction:column}.next-label{display:flex;align-items:center;gap:8px;color:#7b8795;font-size:12px}.next-label .icon{width:17px;height:17px}.next-time{font-size:38px;font-weight:500;line-height:1.4;font-variant-numeric:tabular-nums;margin:8px 0 12px}.next-time>span{font-size:11px;color:var(--muted);font-weight:400;margin-left:9px}.next-time>small{font-size:13px;margin-right:8px;color:var(--muted)}.next-person{display:flex;gap:11px;align-items:center}.next-person b{display:block;font-size:15px;font-weight:550}.next-person div>span{font-size:12px;color:var(--muted);display:block;margin-top:1px}.next-place{font-size:11px;color:#7b8996;display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:16px}.next-place .icon{width:14px;height:14px}.next-card>h3{font-size:20px;margin-top:30px}.next-card>p{font-size:13px;margin-top:12px;color:var(--muted)}.gap-note{font-size:11px;color:#98672c;margin-top:7px}
.content-columns{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px;align-items:start}.schedule-section{min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.section-heading h2{font-size:17px;font-weight:600}.section-heading>span{font-size:11px;color:#7b8995}.segmented{display:flex;background:#e9edf2;border-radius:8px;padding:3px}.segmented button{border:0;background:transparent;padding:6px 12px;border-radius:6px;color:var(--muted);font-size:11px;min-height:30px}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #17232e0a}.date-strip{display:grid;grid-template-columns:25px repeat(7,minmax(0,1fr)) 25px;gap:6px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 7px;margin-bottom:15px}.date-item{border:0;border-radius:9px;background:transparent;text-align:center;padding:6px 0 3px;min-height:72px;display:flex;align-items:center;flex-direction:column;gap:2px;color:var(--muted)}.date-item span{font-size:11px}.date-item b{font-size:22px;font-weight:500;line-height:1.4;font-variant-numeric:tabular-nums}.date-item i{width:3px;height:3px;border-radius:50%;background:transparent;margin-top:2px}.date-item.is-today i{background:var(--blue)}.date-item.selected{background:var(--blue);color:white}.date-item.selected i{background:white}.date-item:not(.selected):hover{background:var(--paper)}.date-arrow{border:0;background:transparent;color:#7b8996;padding:0;min-width:0}.date-arrow .icon{width:16px}.agenda-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#7b8996;font-size:11px}.agenda-caption .text-button{font-size:10px;min-height:32px;padding:4px}.agenda-list{position:relative}.agenda-row{border:1px solid transparent;background:transparent;padding:17px 10px 17px 0;width:100%;display:flex;align-items:center;gap:14px;position:relative;text-align:left;min-height:91px;border-radius:10px}.agenda-row+.agenda-row{border-top:1px solid #e6ebf0}.agenda-row:hover{background:#ecf0f5}.agenda-row.current{background:#eaf0fc;border-color:#cbdaf6;padding-left:12px;margin:4px 0;box-shadow:inset 3px 0 var(--blue)}.time-cell{width:47px;flex-shrink:0;display:flex;flex-direction:column;font-variant-numeric:tabular-nums;text-align:center}.time-cell>b{font-size:14px;font-weight:550}.time-cell>small{font-size:10px;color:#7c8995;margin-top:3px}.timeline-dot{width:7px;height:7px;border:1.5px solid #bac5d1;background:var(--paper);border-radius:50%;flex-shrink:0;position:relative}.timeline-dot:after{content:'';position:absolute;width:1px;height:64px;background:#d9e1e9;top:15px;left:1.5px}.agenda-row:last-child .timeline-dot:after{display:none}.current .timeline-dot{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 4px #d8e4fa}.activity-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#e9edf2;color:#7d8b9d;flex-shrink:0}.activity-icon.school{background:#e8edf7;color:#6b7fa3}.activity-icon.pickup{background:#e8efe9;color:#6e8b73}.activity-icon.class{background:#eeeaf3;color:#8a779d}.activity-icon.outing{background:#f1ede1;color:#9a894b}.activity-icon .icon{width:19px;height:19px}.event-info{min-width:0;flex:1}.event-title{font-size:14px;font-weight:550;display:flex;flex-wrap:wrap;align-items:center;gap:7px}.event-meta{font-size:11px;color:#7b8995;margin-top:4px;display:block}.now-tag{font-size:10px;white-space:nowrap;background:#d9e5fc;color:var(--blue);padding:1px 6px;border-radius:4px;font-weight:500}.exception-tag{font-size:10px;color:#947335;font-weight:400}.event-person{display:flex;gap:7px;align-items:center;white-space:nowrap}.event-person>b{font-weight:500;font-size:12px}.row-more{display:flex;color:#a0adbb}.row-more .icon{width:15px;height:15px}.agenda-row.past .event-title{color:#75818f}.agenda-row.past .activity-icon{opacity:.65}.gap-row{font-size:11px;color:#986d37;padding:9px 15px 9px 85px;border-left:2px solid #d8bd8d;margin:3px 0 3px 65px}.family-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.family-card .section-heading{margin-bottom:14px}.family-card .section-heading h2{font-size:15px}.family-row{display:flex;align-items:center;gap:10px;padding:15px 0}.family-row+.family-row{border-top:1px solid #eff2f5}.family-row .avatar{width:34px;height:34px;font-size:14px}.family-row>div{flex:1}.family-row b{font-size:12px;font-weight:550;display:block}.family-row small{font-size:10px;color:#8793a0;display:block;margin-top:2px}.family-slot{font-size:9px;color:#788796;text-align:right;max-width:65px}.note-card{padding:24px 20px;background:#e9edf2;border-radius:12px;margin-top:18px}.note-card>.icon{color:#8b9aab;margin-bottom:11px}.note-card h3{font-size:14px;font-weight:550;margin-bottom:8px}.note-card p{font-size:12px;line-height:1.9;color:#6d7e8e}.note-card>small{display:block;font-size:10px;color:#8795a4;margin-top:12px}.note-card .text-button{font-size:11px;margin-top:10px}.note-card .text-button .icon{width:15px}.page-footer{max-width:1350px;padding:0 38px 26px;margin:auto;font-size:10px;color:#8a98a5}.network-warning{display:flex;align-items:center;gap:12px;background:#fff4dd;border:1px solid #ead4a6;border-radius:8px;padding:12px 16px;font-size:12px;color:#85652d;margin-bottom:20px}.network-warning span{flex:1}.network-warning .text-button{white-space:nowrap}
.week-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:12px}.week-controls>b{font-size:15px;font-weight:500}.week-controls .button{font-size:12px}.week-agenda{display:grid;grid-template-columns:1fr;gap:20px}.week-day{padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:12px}.week-day>header{display:flex;align-items:center;gap:14px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.week-day h2{font-size:17px;font-weight:600}.week-day h2>span{font-size:12px;font-weight:400;color:var(--muted);margin-left:8px}.compact .agenda-row{min-height:72px;padding-top:12px;padding-bottom:12px}.compact .timeline-dot:after{height:48px}.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.member-card{background:white;border:1px solid var(--line);border-radius:14px;padding:28px}.member-card h2{font-size:21px;margin:12px 0 5px;font-weight:550}.role-tag{font-size:11px;color:var(--muted);background:#f0f3f6;padding:3px 9px;border-radius:5px}.member-upcoming{margin-top:23px;padding-top:18px;border-top:1px solid var(--line)}.member-upcoming h3{font-size:11px;color:#8a97a4;font-weight:400;margin-bottom:13px}.member-upcoming p{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin:10px 0}.member-upcoming p span{color:var(--muted)}.member-upcoming p b{font-weight:500}.info-line{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);margin-top:24px}.info-line .icon{width:17px}.history-list{border:1px solid var(--line);border-radius:13px;background:#fff;padding:8px 26px}.history-row{display:flex;align-items:center;gap:16px;padding:22px 0}.history-row+.history-row{border-top:1px solid var(--line)}.history-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#6d7f94;background:#eef2f6;border-radius:50%;flex-shrink:0}.history-icon .icon{width:17px;height:17px}.history-row>div{flex:1}.history-row h3{font-size:14px;font-weight:550}.history-row h3 span{font-weight:400;color:#718295;margin-left:10px}.history-row p{font-size:12px;color:#7f8d9c;margin-top:5px}.history-row time{font-size:11px;color:#8d9aa7;text-align:right}.empty-state{text-align:center;padding:55px 20px;color:#8391a0}.empty-state>.icon{width:32px;height:32px;color:#a7b5c3;margin-bottom:15px}.empty-state h3{font-size:18px;color:#647689;font-weight:500}.empty-state p{font-size:12px;margin-top:8px}.empty-state .button{margin-top:20px}.bottom-nav,.mobile-only,.mobile-brand{display:none}
.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;background:#17232e60;z-index:100;display:flex;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(3px)}.modal{background:#fff;width:100%;max-width:540px;border-radius:18px;max-height:calc(100dvh - 44px);overflow:auto;box-shadow:0 20px 80px #17232e33}.modal-header{padding:25px 26px 20px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:15px;justify-content:space-between;position:sticky;top:0;background:white;z-index:2}.modal-header h2{font-size:21px;font-weight:600}.modal-header p{font-size:12px;color:var(--muted);margin-top:6px}.modal-header .icon-button{width:32px;height:32px}.form-body{padding:23px 26px;display:flex;flex-direction:column;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-body .checkbox-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;color:var(--muted);margin-top:-8px}.checkbox-label input{width:16px;height:16px;accent-color:var(--blue)}.member-picker{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;min-width:0}.member-picker legend{font-size:14px;font-weight:550;margin-bottom:9px}.member-picker label{position:relative;min-width:0}.member-picker input{position:absolute;opacity:0;width:1px;height:1px}.member-picker label>span{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:9px;padding:10px 5px;font-size:13px}.member-picker input:checked+span{border-color:var(--blue);background:#eff4ff;color:var(--blue)}.member-picker input:focus-visible+span{outline:3px solid #7fa3f5;outline-offset:2px}.member-picker .avatar{width:24px;height:24px;font-size:11px}.modal-footer{position:sticky;bottom:0;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:18px 26px;background:white;z-index:2}.modal-footer .button{font-size:13px}.detail-body{padding:26px}.detail-person{display:flex;align-items:center;gap:15px;margin-bottom:25px}.detail-person small{color:var(--muted);font-size:12px}.detail-person h3{font-size:24px;font-weight:550}.detail-body>p{display:flex;align-items:center;gap:12px;color:var(--muted);margin-top:15px;font-size:15px}.detail-note{padding:18px;background:var(--paper);border-radius:8px;margin-top:22px;font-size:14px;white-space:pre-wrap}.detail-body>small{font-size:12px;color:var(--muted);display:block;margin-top:20px}#share-text{font-size:14px;line-height:1.9}#toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%,15px);background:var(--plum);color:#fff;border-radius:10px;padding:12px 22px;z-index:200;box-shadow:0 6px 24px #17232e20;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-size:13px;max-width:calc(100vw - 35px);text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.main-content{padding-top:40px}.live-grid{grid-template-columns:1.7fr 1fr}.current-card{padding:28px 32px}.current-body{padding:22px 0 30px}.content-columns{grid-template-columns:minmax(0,1fr) 300px}.agenda-row{min-height:96px}.current-body h2{font-size:48px}.hero-avatar{width:100px;height:100px;font-size:43px}.right-rail .family-row{padding:20px 0}}
@media(max-width:1150px){.sidebar{width:184px;padding-left:16px;padding-right:16px}.workspace{margin-left:184px}.main-content{padding:26px 25px}.topbar,.demo-bar{padding-left:25px;padding-right:25px}.content-columns{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px!important}.heading-actions .button.secondary{font-size:0;padding:10px}.heading-actions .button.secondary .icon{width:19px;height:19px}.current-card,.next-card{padding:21px}.current-body h2{font-size:38px}.current-body h2>span{display:block;font-size:13px;margin-left:0}.hero-avatar{width:72px;height:72px;font-size:30px}.current-details{gap:8px}.current-bottom{gap:12px;flex-wrap:wrap}.current-bottom .progress-track{flex-basis:100%}.family-card{padding:16px}.agenda-row{gap:9px}.row-more{display:none}.event-person .avatar{display:none}.activity-icon{width:32px;height:32px}.event-title{font-size:13px}.family-slot{font-size:9px;max-width:52px}.sidebar .brand{font-size:18px}.brand>.icon{width:36px;height:36px}}
@media(max-width:920px){.right-rail{display:none}.content-columns{grid-template-columns:1fr}.current-body h2>span{display:inline;margin-left:9px}.page-heading{flex-wrap:wrap}.page-heading .heading-actions{margin-top:0}.live-grid{grid-template-columns:1.55fr 1fr}.hero-avatar{display:none}.current-bottom{padding-top:13px}.event-person .avatar{display:flex}.login-story{padding:35px}.story-main h1{font-size:32px!important}.story-timeline>div{gap:12px}.story-active .tiny-pill{display:none}}
@media(max-width:700px){body{font-size:16px}.sidebar{display:none}.workspace{margin-left:0}.topbar{min-height:65px;padding:0 20px}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:650;color:var(--plum)}.mobile-brand>.icon{width:23px;height:23px}.desktop-only{display:none}.mobile-only{display:inline-flex}.topbar-right{gap:13px}.top-user{font-size:12px}.top-user .avatar{display:none}#mobile-logout{width:25px}.demo-bar{padding:7px 20px;font-size:9px;gap:7px}.main-content{padding:25px 20px 20px}.page-heading{margin-bottom:20px;gap:17px}.page-heading h1{font-size:23px!important}.page-heading p{font-size:12px;line-height:1.9;max-width:30em}.heading-actions{width:100%;justify-content:space-between}.heading-actions .button{font-size:12px;min-height:43px;padding:9px 13px}.heading-actions .button.secondary{font-size:12px;padding:9px 13px}.live-grid{grid-template-columns:1fr;gap:11px;margin-bottom:28px}.current-card{padding:21px 23px 18px;border-radius:14px}.current-body{padding:15px 0 18px}.current-body h2{font-size:40px}.current-body h2>span{display:inline;font-size:14px;margin-left:12px}.current-body p{font-size:16px;margin-top:2px}.current-details{font-size:11px;margin-top:12px;gap:16px}.hero-avatar{display:flex;width:70px;height:70px;font-size:29px;margin-right:0}.current-bottom{flex-wrap:nowrap;gap:17px;padding-top:14px}.current-bottom .progress-track{flex-basis:auto}.current-bottom>div:last-child{font-size:10px;gap:8px}.next-card{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:17px 21px;border-radius:12px}.next-label{grid-column:1;grid-row:1;font-size:11px}.next-time{grid-column:2;grid-row:1 / 3;font-size:28px;align-self:center;margin:0}.next-time>span{font-size:10px}.next-person{grid-column:1;grid-row:2;gap:7px;align-items:center}.next-person .avatar{display:none}.next-person>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.next-person b{font-size:14px}.next-person div>span{font-size:12px;margin:0}.next-place{grid-column:1 / 3;padding-top:2px;font-size:10px;margin:0}.gap-note{grid-column:1 / 3}.section-heading{margin-bottom:14px}.section-heading h2{font-size:18px}.segmented button{font-size:10px;padding:6px 10px}.date-strip{grid-template-columns:16px repeat(7,minmax(0,1fr)) 16px;gap:2px;padding:8px 4px;border-radius:10px}.date-item{min-height:66px;padding-top:6px}.date-item span{font-size:10px}.date-item b{font-size:20px}.date-arrow .icon{width:13px}.agenda-caption{font-size:10px;margin-bottom:4px}.agenda-caption .text-button{font-size:9px}.agenda-row{gap:9px;min-height:89px;padding:15px 2px}.agenda-row.current{padding-left:8px;padding-right:7px}.time-cell{width:40px}.time-cell b{font-size:13px}.time-cell small{font-size:9px}.timeline-dot{width:6px;height:6px}.timeline-dot:after{left:1px}.activity-icon{width:30px;height:30px;border-radius:8px}.activity-icon .icon{width:17px;height:17px}.event-title{font-size:13px;gap:4px;line-height:1.7}.event-meta{font-size:10px;line-height:1.7;margin-top:3px}.event-person{gap:4px}.event-person b{font-size:11px}.event-person .avatar{width:23px;height:23px;font-size:10px}.now-tag{font-size:8px;padding:1px 4px}.exception-tag{font-size:8px}.page-footer{padding:10px 20px 100px;font-size:10px;line-height:1.8}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#fffffffa;border-top:1px solid var(--line);padding:8px 10px max(10px,env(safe-area-inset-bottom));z-index:20;backdrop-filter:blur(12px)}.bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;color:#8391a0;font-size:10px;min-height:48px;padding:5px}.bottom-nav button.active{color:var(--blue)}.bottom-nav .icon{width:21px;height:21px}.week-controls{gap:6px}.week-controls>b{font-size:11px}.week-controls .button{font-size:10px;padding:9px;gap:3px;min-height:40px}.week-controls .icon{width:14px;height:14px}.week-day{padding:15px 12px;border-radius:10px}.week-day h2{font-size:15px}.week-day .activity-icon{display:none}.week-day .event-title{font-size:12px}.week-day .event-person .avatar{display:none}.week-day .agenda-row.current{padding-left:5px}.member-grid{gap:12px}.member-card{padding:20px 16px}.member-card .avatar.large{width:50px;height:50px;font-size:22px}.member-card h2{font-size:19px}.member-upcoming p{flex-direction:column;gap:3px;font-size:11px}.member-upcoming h3{font-size:10px}.info-line{font-size:10px;align-items:flex-start}.history-list{padding:0 15px}.history-row{gap:10px;padding:18px 0}.history-row h3{font-size:12px}.history-row p{font-size:11px}.history-row time{font-size:9px;white-space:nowrap}.history-icon{width:30px;height:30px}.modal-backdrop{padding:12px;align-items:flex-end}.modal{border-radius:16px;max-height:calc(100dvh - 24px)}.modal-header{padding:20px}.modal-header h2{font-size:20px}.modal-header p{font-size:11px}.form-body{padding:20px;gap:17px}.form-grid{gap:10px}input:not([type=radio]):not([type=checkbox]),select,textarea{font-size:16px;min-height:47px;padding:11px}.member-picker{gap:6px}.member-picker label>span{gap:4px;font-size:12px}.member-picker .avatar{width:21px;height:21px;font-size:10px}.modal-footer{padding:15px 20px}.modal-footer .button{font-size:12px;padding:10px 12px}.modal-footer .icon{width:16px;height:16px}#toast{bottom:95px;font-size:12px;padding:12px 18px}.login-layout{grid-template-columns:1fr}.login-story{min-height:0;padding:26px 26px 30px}.login-story .brand{font-size:20px}.story-main{padding:35px 0 0}.story-main h1{font-size:29px!important;line-height:1.55!important}.story-main .small-label{display:none}.story-main>p{font-size:13px;margin-top:13px;line-height:1.8}.story-timeline,.story-footer{display:none}.login-panel{padding:32px 26px 40px}.login-mark{display:none}.login-box h2{font-size:23px!important}.login-box>.muted{font-size:12px;margin-bottom:20px}.login-box label{font-size:14px}.login-help{font-size:11px}.demo-notice{font-size:11px}.network-warning{padding:12px;font-size:11px;gap:8px}.network-warning .icon{width:16px}.gap-row{margin-left:53px;padding-left:12px;font-size:10px}}
@media(max-width:375px){.main-content{padding-left:14px;padding-right:14px}.topbar{padding-left:16px;padding-right:16px}.current-card{padding-left:18px;padding-right:18px}.hero-avatar{width:60px;height:60px;font-size:25px}.current-body h2>span{font-size:12px;margin-left:8px}.agenda-row{gap:7px}.event-person .avatar{display:none}.event-title{font-size:12px}.current-details{gap:10px}.date-item span{font-size:9px}.next-time{font-size:26px}}
.past-toggle{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 9px;font-size:11px;color:#738394;margin-bottom:9px}.past-toggle .icon{width:14px;height:14px}.past-toggle .icon:last-child{margin-left:auto}.rotate-down{transform:rotate(90deg)}.rotate-up{transform:rotate(-90deg)}
@media(max-width:700px){.event-title{font-size:16px}.event-meta{font-size:12px}.event-person b{font-size:13px}.event-person .avatar{display:none}.time-cell>b{font-size:14px}.agenda-row{min-height:96px}.compact .event-title{font-size:14px}.current-details{font-size:12px}.heading-actions .button{min-height:48px}.segmented button{min-height:38px;font-size:11px}.past-toggle{font-size:12px;min-height:48px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}