:root{--paper:#f7f6f2;--cream:#eeece4;--ink:#303a2b;--muted:#7d8176;--red:#843b31;--olive:#667453;--line:#e7e8e1;--amber:#bc8740;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bc8740;outline-offset:3px}svg{display:block}button{border:0}button svg{pointer-events:none}.presentation-header{height:104px;margin:0 6.25%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcdfd4}.brand{display:flex;align-items:center;gap:13px}.brand-emblem{display:flex;position:relative;gap:3px;transform:rotate(0deg);width:37px;height:37px;align-items:flex-end}.brand-emblem i{display:block;background:var(--red);width:10px;height:26px;border-radius:14px 0 0 0}.brand-emblem i:nth-child(2){height:36px}.brand-emblem i:nth-child(3){height:21px}.brand strong{display:block;font:34px/.9 var(--serif);letter-spacing:-1.5px}.brand strong span{font-size:29px}.brand small{display:block;font-size:8px;letter-spacing:4.5px;margin-top:8px}.presentation-nav{display:flex;align-items:center;gap:34px}.demo-label{font-size:10px;color:#7a7e72;display:flex;align-items:center;gap:7px}.demo-label i{width:5px;height:5px;background:var(--amber);border-radius:50%}.back-link{display:flex;gap:19px;align-items:center;font-size:12px;font-weight:600}.back-link span{font-size:21px}.presentation{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:54px;padding:54px 7.5% 45px;align-items:center}.story{max-width:506px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--red);font-size:9px;letter-spacing:1.9px;font-weight:600}.eyebrow>span{height:1px;width:28px;background:var(--red)}h1{font:76px/.99 var(--serif);font-weight:400;letter-spacing:-2.2px;margin:27px 0 24px}h1 em{font-weight:400;color:var(--red)}.story-description{font-size:14px;line-height:1.85;color:#74796c;max-width:350px;margin:0}.story-features{margin-top:33px;border-top:1px solid #dcdfd4;max-width:390px}.story-features>div{display:flex;align-items:center;gap:17px;border-bottom:1px solid #dcdfd4;padding:17px 0}.feature-number{font-family:var(--serif);font-size:17px;color:#9a9d91}.story-features p{margin:0;flex:1}.story-features strong{font-size:12px;font-weight:600;display:block}.story-features small{display:block;font-size:10px;color:#808477;margin-top:5px}.feature-check{color:#8d927f;font-size:17px}.try-note{display:flex;gap:16px;align-items:flex-start;max-width:355px;margin-top:29px}.cursor-mark{font-size:28px;line-height:1;color:var(--red)}.try-note strong{font-size:11px;font-weight:600}.try-note p{font-size:10px;line-height:1.6;color:#93968b;margin:5px 0 0}.story-footer{margin-top:47px;max-width:390px;display:flex;justify-content:space-between;align-items:center}.story-footer>span:first-child{font-size:9px;color:#9b9e94;letter-spacing:.2px}.tiny-leaf{font-size:25px;color:#a3a58e}.device-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.stage-orbit{position:absolute;width:530px;height:530px;max-width:calc(100% + 85px);border:1px solid #e5e4db;border-radius:50%;z-index:-1;background:radial-gradient(circle,#efede4 20%,#f7f6f2 70%);top:105px}.stage-orbit:after{content:'';position:absolute;inset:29px;border:1px solid #e7e6de;border-radius:50%}.stage-caption{position:absolute;right:-42px;top:210px;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#a1a491}.phone{height:790px;width:378px;flex-shrink:0;border:7px solid #30362c;outline:1px solid #76796d;border-radius:49px;background:#fbfcf9;position:relative;box-shadow:0 30px 50px -24px #333d2f50,0 6px 13px #333d2f1a;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.phone-status{height:49px;flex-shrink:0;padding:15px 22px 0;display:flex;justify-content:space-between;position:relative;font-size:11px;font-weight:700}.dynamic-island{background:#30362c;width:98px;height:27px;position:absolute;left:50%;top:7px;transform:translateX(-50%);border-radius:24px}.status-symbols{display:flex;align-items:flex-start;gap:4px;padding-top:2px}.status-symbols svg{width:13px;height:11px}.status-symbols svg:last-child{width:22px}.phone-topbar{display:flex;justify-content:space-between;align-items:center;padding:7px 24px 12px;flex-shrink:0}.phone-wordmark{font:27px var(--serif);letter-spacing:-.4px}.phone-wordmark span{font-family:var(--sans);font-size:10px;letter-spacing:.2px;font-weight:500}.icon-button{background:transparent;display:grid;place-items:center;color:var(--ink);padding:8px;border-radius:50%;width:35px;height:35px}.notification-button{position:relative;background:#f0f1eb}.notification-button i{position:absolute;top:7px;right:7px;width:5px;height:5px;border:1px solid #f0f1eb;border-radius:50%;background:var(--red)}.notification-button i.hide{display:none}.app-scroll{overflow:auto;flex:1;min-height:0;scrollbar-width:none;padding:4px 23px 22px}.app-scroll::-webkit-scrollbar{display:none}.app-heading{margin:8px 0 20px}.app-heading .greeting{font-size:10px;color:var(--muted);margin:0 0 5px}.app-heading h2{font-size:23px;line-height:1.2;letter-spacing:-.65px;margin:0;font-weight:550}.app-heading p{font-size:10px;color:var(--muted);line-height:1.6;margin:7px 0 0}.day-label{display:inline-flex;align-items:center;gap:5px;font-size:8px;color:#8b9082;margin-top:11px}.app-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;margin:22px 0 11px}.app-label button{background:transparent;color:#8b9181;font-size:9px;padding:0;display:flex;align-items:center;gap:3px}.next-pickup{background:var(--ink);border-radius:19px;padding:18px;color:white;position:relative;overflow:hidden}.next-pickup:after{content:'';width:120px;height:120px;border:1px solid #ffffff12;position:absolute;right:-39px;top:-30px;border-radius:50%;pointer-events:none}.pickup-card-top{display:flex;align-items:center;justify-content:space-between;color:#c8cfbd;font-size:9px}.pickup-card-top span{display:flex;align-items:center;gap:5px}.pickup-card-top>i{height:5px;width:5px;background:#b5c392;border-radius:50%}.pickup-card-main{display:flex;align-items:center;justify-content:space-between;margin:17px 0}.pickup-time{font-size:31px;font-weight:450;line-height:1;letter-spacing:-1px}.pickup-time small{font-size:10px;letter-spacing:0;margin-left:5px;color:#c2c9b6}.pickup-card-main p{font-size:9px;color:#c2c9b6;margin:6px 0 0}.stacked-avatars{display:flex;padding-right:3px}.stacked-avatars .avatar{width:31px;height:31px;border:2px solid var(--ink);margin-left:-8px;font-size:9px;background:#e2c9a9;color:#5e4832}.stacked-avatars .avatar:last-child{background:#b7c1a8;color:#3c4b32}.pickup-cta{display:flex;align-items:center;justify-content:space-between;width:100%;background:#f7f8ef;color:var(--ink);border-radius:10px;font-size:10px;font-weight:600;padding:12px}.avatar{width:39px;height:39px;border-radius:50%;background:#e8e3d6;display:grid;place-items:center;flex-shrink:0;font-size:12px;font-weight:600;color:#73614b}.avatar.secondary{background:#e6e9e0;color:#647456}.avatar.prep{background:#eadfda;color:#8f6255}.child-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px;margin-bottom:8px;width:100%;color:var(--ink);text-align:left}.child-card .child-top{display:flex;align-items:center;gap:10px}.child-text{flex:1;min-width:0}.child-text strong{display:block;font-weight:600;font-size:11px;line-height:1.35}.child-text small{display:block;font-size:8px;color:#8c9183;margin-top:4px}.child-card .child-arrow{color:#a4a996}.child-bottom{border-top:1px solid #f0f1eb;display:flex;justify-content:space-between;margin-top:11px;padding-top:10px;align-items:center;font-size:8px;color:#939889}.status{display:inline-flex;align-items:center;gap:5px;font-size:8px;color:#6c7861;background:#edf1e8;padding:4px 7px;border-radius:5px;white-space:nowrap}.status:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.status.waiting{color:#9b762f;background:#faf2e0}.status.called{color:#967239;background:#f7efdf}.status.ready{color:#60753e;background:#eaf1dd}.status.delivered{color:#537464;background:#e8f3eb}.prep-card{background:#f1f0e9;border-radius:13px;padding:13px;margin-top:13px}.prep-card-heading{display:flex;gap:9px;align-items:center}.prep-card-heading>svg{color:#8a8067;flex-shrink:0}.prep-card-heading>div{flex:1}.prep-card strong{display:block;font-size:10px;font-weight:600}.prep-card small{display:block;font-size:8px;color:#8b8c7e;margin-top:3px}.prep-card p{font-size:9px;color:#8b8c7e;line-height:1.55;margin:11px 0 0}.toggle{background:#d3d5c8;position:relative;width:30px;height:18px;flex-shrink:0;border-radius:20px;padding:0}.toggle:after{content:'';position:absolute;top:3px;left:3px;background:white;width:12px;height:12px;border-radius:50%;box-shadow:0 1px 3px #0002;transition:left .2s}.toggle[aria-checked=true]{background:var(--olive)}.toggle[aria-checked=true]:after{left:15px}.app-demo{text-align:center;font-size:7px;color:#a0a596;margin:21px 0 0;letter-spacing:.4px}.bottom-nav{display:flex;border-top:1px solid #e9ebe3;background:#fbfcf9;padding:12px 13px 2px;flex-shrink:0;z-index:2}.bottom-nav button{flex:1;background:none;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:8px;font-weight:500;color:#a0a696;padding:0 1px 7px;position:relative}.bottom-nav button.active{color:var(--ink)}.bottom-nav button.active:before{content:'';position:absolute;top:-13px;width:16px;height:2px;border-radius:3px;background:var(--ink)}.bottom-nav button.active svg{stroke-width:2.1}.nav-counter{position:absolute;background:var(--red);color:white;right:17px;top:-4px;min-width:13px;height:13px;padding:1px 3px;border-radius:7px;font-size:7px;border:1px solid #fbfcf9}.phone-homebar{height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fbfcf9}.phone-homebar:after{content:'';width:100px;height:3px;border-radius:3px;background:#343b2e}.device-caption{margin-top:23px;display:flex;align-items:center;gap:8px;font-size:8px;color:#8c9281;letter-spacing:.4px}.live-dot{width:5px;height:5px;border-radius:50%;background:#7b8767}.caption-divider{color:#c3c6b9;margin:0 2px}.student-selector{display:flex;gap:7px;margin:16px 0}.student-chip{background:#fff;border:1px solid var(--line);color:#89907d;border-radius:10px;padding:10px;font-size:9px;flex:1;display:flex;align-items:center;gap:7px;justify-content:center}.student-chip.selected{color:var(--ink);background:#ecf0e5;border-color:#9eaa8c}.student-chip .avatar{width:22px;height:22px;font-size:7px}.pickup-details{border:1px solid var(--line);background:white;border-radius:15px;overflow:hidden}.pickup-details-header{padding:15px;display:flex;align-items:center;gap:10px}.pickup-location{margin:0 15px;padding:12px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-item{display:flex;gap:7px;align-items:flex-start}.detail-item svg{color:#8c947e;margin-top:2px;flex-shrink:0}.detail-item small{display:block;font-size:7px;color:#929987;margin-bottom:4px}.detail-item strong{font-size:9px;font-weight:500;display:block;line-height:1.4}.arrival-area{padding:16px 0 0}.primary-button{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;background:var(--ink);color:white;border-radius:10px;padding:13px;font-size:11px;font-weight:500;line-height:1.3}.primary-button:hover{background:#46513b}.secondary-button{width:100%;display:flex;justify-content:center;align-items:center;gap:7px;background:white;border:1px solid #dcded3;color:#5f6a51;border-radius:10px;padding:12px;font-size:10px;font-weight:500}.fineprint{font-size:8px;text-align:center;line-height:1.6;color:#969c8b;margin:8px 5px 0}.pickup-progress{background:#f0f3e9;border-radius:13px;padding:15px;margin-top:16px}.progress-heading{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.progress-heading svg{color:#75865c}.pickup-progress p{font-size:9px;color:#88917a;line-height:1.6;margin:8px 0 14px}.progress-line{display:flex;justify-content:space-between;position:relative}.progress-line:before{content:'';height:2px;background:#d5dcc9;position:absolute;left:23px;right:23px;top:10px}.progress-step{display:flex;align-items:center;flex-direction:column;position:relative;z-index:1;flex:1;gap:6px;font-size:7px;color:#9ba68c}.progress-step i{font-style:normal;font-size:8px;width:21px;height:21px;background:#e2e8d8;border:3px solid #f0f3e9;border-radius:50%;display:grid;place-items:center}.progress-step.done{color:#6a7c51}.progress-step.done i{background:#718258;color:white}.progress-step.current{color:#3a482e;font-weight:600}.progress-step.current i{background:var(--ink);color:white}.panel-hint{display:block;text-align:center;color:#89947b;text-decoration:underline;text-underline-offset:3px;font-size:8px;margin-top:13px}.permission-card{padding:12px;background:white;border:1px solid var(--line);border-radius:12px;margin-top:9px}.permission-top{display:flex;align-items:center;gap:9px}.permission-top>svg{color:#9b845f}.permission-top>div{flex:1}.permission-top strong{font-size:10px;display:block}.permission-top small{font-size:8px;color:#929887;margin-top:3px;display:block;line-height:1.4}.permission-actions{display:flex;gap:8px;margin-top:11px}.permission-actions button{font-size:8px;padding:7px 9px;background:#f0f3e9;border-radius:6px;color:#6b7958}.permission-actions button.revoke{background:none;color:#a16c61;margin-left:auto}.permission-state{margin-top:8px;font-size:8px;color:#908675}.subsection-description{font-size:9px;line-height:1.65;color:#919886;margin:-4px 0 13px}.profile-block{border:1px solid var(--line);background:white;border-radius:15px;margin-bottom:12px;overflow:hidden}.profile-block .child-card{border:0;margin:0;padding:15px;border-radius:0}.profile-row{padding:0 15px 13px;display:flex;gap:20px}.profile-row div{flex:1}.profile-row small{display:block;font-size:8px;color:#969b8c}.profile-row strong{font-size:9px;font-weight:500;display:block;margin-top:4px}.profile-action{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid var(--line);background:#f5f7f0;width:100%;font-size:9px;color:#727f61;padding:11px}.contact-card{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.contact-row{display:flex;gap:10px;align-items:center;margin-top:13px}.contact-row .avatar{width:32px;height:32px;font-size:9px;background:#eff1e9}.contact-row strong{font-size:10px;font-weight:500;display:block}.contact-row small{display:block;font-size:8px;color:#939a87;margin-top:4px}.contact-row svg{margin-left:auto;color:#8b9a76}.message-card{border:1px solid var(--line);background:white;border-radius:13px;padding:14px;margin-bottom:10px;position:relative}.message-card.unread{border-color:#c5ceb7;background:#f5f7ef}.message-card.unread:after{content:'';width:5px;height:5px;border-radius:50%;background:#839369;position:absolute;right:13px;top:17px}.message-card-top{display:flex;align-items:center;gap:8px}.message-card-top svg{color:#8a9778;flex-shrink:0}.message-card strong{font-size:10px;font-weight:600;line-height:1.4;padding-right:8px}.message-card p{font-size:9px;color:#89907c;line-height:1.65;margin:8px 0}.message-card small{font-size:7px;color:#a1a795}.message-actions{text-align:right;margin:-5px 0 14px}.message-actions button{background:none;font-size:8px;color:#859471;text-decoration:underline;text-underline-offset:3px}.empty-state{text-align:center;padding:30px 12px;border:1px dashed #d4dac9;border-radius:12px}.empty-state svg{color:#a0ad8c;margin:auto}.empty-state h3{font-size:12px;font-weight:500;margin:13px 0 7px}.empty-state p{font-size:9px;line-height:1.6;color:#949c87;margin:0}.modal-layer{display:none;position:absolute;inset:0;background:#1c281d70;z-index:5;align-items:flex-end;padding-top:65px}.modal-layer.open{display:flex}.modal-sheet{background:#fbfcf9;border-radius:24px 24px 0 0;width:100%;max-height:100%;overflow:auto;padding:24px 23px 28px;scrollbar-width:thin;box-shadow:0 -10px 40px #0002}.modal-sheet:before{content:'';display:block;width:30px;height:3px;background:#d7dbce;border-radius:3px;margin:-13px auto 17px}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.modal-heading h2{font-size:18px;letter-spacing:-.4px;font-weight:550;margin:0}.modal-heading .icon-button{width:28px;height:28px}.modal-intro{font-size:9px;line-height:1.6;color:#909783;margin:0 0 17px}.form-field{display:block;margin-bottom:12px}.form-field>span{display:block;font-size:9px;font-weight:500;margin-bottom:6px}.form-field input,.form-field select{width:100%;background:white;border:1px solid #dfe3d7;padding:10px;font-size:10px;color:var(--ink);border-radius:7px;min-height:35px}.form-pair{display:flex;gap:10px}.form-pair .form-field{min-width:0;flex:1}.form-info{border:1px solid #e6e8de;background:#f1f3ec;padding:10px;border-radius:8px;display:flex;align-items:flex-start;gap:7px;font-size:8px;line-height:1.6;color:#8b947c;margin:14px 0}.form-info svg{flex-shrink:0}.review-warning{color:#9a7847;background:#faf3e5;border-color:#eee0c5}.form-error{font-size:9px;line-height:1.5;color:var(--red);margin-bottom:10px}.form-error:empty{display:none}.conditional-fields[hidden]{display:none}.qr-sheet{text-align:center}.qr-sheet .modal-heading{text-align:left}.qr-name{font-size:17px;font-weight:500;margin:20px 0 4px}.qr-relation{font-size:9px;color:#929b83;margin:0}.qr-art{width:160px;height:160px;margin:22px auto 12px;padding:10px;background:#fff;border:1px solid #e0e5d7;border-radius:13px}.qr-art svg{width:100%;height:100%}.qr-demo{display:inline-block;color:#8c7760;background:#f4eee5;padding:5px 8px;font-size:7px;letter-spacing:.7px;border-radius:5px}.qr-detail{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;text-align:left;font-size:9px}.qr-detail span{color:#939b86}.qr-detail strong{font-weight:500;max-width:60%;text-align:right}.qr-note{font-size:8px;color:#959e89;line-height:1.6;margin:14px 0 18px}.toast{position:absolute;left:16px;right:16px;bottom:92px;padding:12px 15px;background:#303a2bf2;color:#fff;border-radius:10px;box-shadow:0 5px 20px #0002;font-size:10px;line-height:1.5;z-index:10;transform:translateY(12px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translateY(0)}
@media(min-width:1450px){.presentation{max-width:1450px;gap:90px;padding-top:64px}.phone{height:828px;width:395px}.story{max-width:540px}h1{font-size:88px}.story-description{font-size:15px;max-width:380px}.story-features{max-width:425px}.story-features>div{padding:19px 0}.story-features strong{font-size:13px}.story-features small{font-size:11px}.try-note{max-width:370px}.try-note p{font-size:11px}.story-footer{max-width:425px}.app-scroll{padding-left:25px;padding-right:25px}.app-heading h2{font-size:25px}.child-card{padding:15px}.child-text strong{font-size:12px}.child-text small{font-size:9px}.next-pickup{padding:19px}.app-label{font-size:12px}.app-heading p{font-size:11px}.pickup-card-top{font-size:10px}}
@media(max-width:1100px){.presentation{padding:42px 6% 40px;gap:34px}.presentation-header{margin:0 6%}h1{font-size:66px}.stage-caption{display:none}.stage-orbit{max-width:calc(100% + 50px)}.story-features small{font-size:9px}.phone{width:359px;height:770px}.app-scroll{padding-left:20px;padding-right:20px}.try-note{margin-top:24px}.story-footer{margin-top:35px}.demo-label{font-size:9px}}
@media(max-width:850px){.presentation{grid-template-columns:1fr;padding:28px 24px 35px;gap:32px}.presentation-header{height:82px;margin:0 24px}.brand strong{font-size:29px}.brand strong span{font-size:25px}.brand-emblem{transform:scale(.85);transform-origin:left;width:30px}.presentation-nav{gap:15px}.demo-label{display:none}.story{max-width:520px;text-align:center;margin:auto}.eyebrow{justify-content:center;font-size:8px}h1{font-size:60px;margin:20px 0 16px}h1 br:first-of-type{display:none}h1 br:first-of-type:after{content:' '}.story-description{max-width:365px;margin:auto;font-size:12px}.story-features,.story-footer,.try-note{display:none}.phone{width:378px;height:790px}.stage-orbit{width:490px;max-width:calc(100% + 25px)}.app-scroll{padding-left:23px;padding-right:23px}}
@media(max-width:480px){body{background:#fbfcf9}.presentation-header{height:50px;margin:0 20px;border-bottom:1px solid #e7eade}.brand{gap:6px}.brand-emblem{display:none}.brand strong{font:20px var(--serif);letter-spacing:-.6px}.brand strong span{font-size:20px}.brand small{display:none}.back-link{font-size:9px;gap:9px;color:#7d8970}.back-link span{font-size:15px}.presentation{display:block;padding:0}.story,.stage-caption,.stage-orbit,.device-caption{display:none}.device-stage{display:block}.phone{height:calc(100dvh - 50px);width:100%;border:0;outline:0;box-shadow:none;border-radius:0;min-height:520px}.phone-status{display:none}.phone-topbar{padding:16px 23px 8px}.phone-wordmark{font-size:30px}.phone-wordmark span{font-size:11px}.app-scroll{padding:8px 23px 23px}.app-heading{margin:10px 0 22px}.app-heading h2{font-size:25px}.app-heading p{font-size:11px}.next-pickup{padding:20px}.pickup-card-top{font-size:10px}.pickup-card-main{margin:19px 0}.pickup-time{font-size:34px}.pickup-card-main p{font-size:10px}.pickup-cta{padding:13px;font-size:11px}.app-label{font-size:12px}.child-card{padding:14px}.child-text strong{font-size:12px}.child-text small{font-size:9px}.child-bottom{font-size:9px}.status{font-size:9px}.prep-card{padding:15px}.prep-card strong{font-size:11px}.prep-card small{font-size:9px}.prep-card p{font-size:10px}.app-demo{font-size:8px}.bottom-nav{padding-top:13px}.bottom-nav button{font-size:9px;gap:6px;padding-bottom:4px}.bottom-nav button.active:before{top:-14px}.phone-homebar{height:calc(19px + env(safe-area-inset-bottom,0px))}.phone-homebar:after{display:none}.student-chip{font-size:10px;padding:12px 10px}.detail-item small{font-size:8px}.detail-item strong{font-size:10px}.pickup-progress p{font-size:10px}.progress-step{font-size:8px}.permission-top strong{font-size:11px}.permission-top small{font-size:9px}.permission-actions button{font-size:9px;padding:9px 11px}.form-field input,.form-field select{font-size:13px;min-height:42px}.form-field>span{font-size:11px}.modal-heading h2{font-size:21px}.modal-intro{font-size:11px}.form-info{font-size:10px}.modal-sheet{padding:25px 25px 30px}.primary-button{font-size:12px;padding:14px}.secondary-button{font-size:11px;padding:13px}.message-card{padding:17px}.message-card strong{font-size:12px}.message-card p{font-size:11px}.message-card small{font-size:9px}.message-actions button{font-size:10px}.profile-row small{font-size:9px}.profile-row strong{font-size:10px}.profile-action{font-size:10px;padding:12px}.contact-row strong{font-size:11px}.contact-row small{font-size:9px}.toast{font-size:11px}.fineprint{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.toggle:disabled{opacity:.55;cursor:default}
/* Visual reconstruction of the family app shown in proposal pages 01, 03 and 04. */
:root{--paper:#f9f6f0;--cream:#f2e9dc;--ink:#303a2b;--muted:#79766e;--red:#843b31;--olive:#4b5a3c;--line:#ece7df;--amber:#ab7936;--sans:Arial,Helvetica,sans-serif}body{background:#fff;font-family:Arial,Helvetica,sans-serif}.presentation-header{height:100px;margin:0 5%;border-bottom:2px solid var(--ink);gap:20px}.school-brand{display:flex;align-items:center;gap:13px}.school-brand img{width:62px;height:62px;object-fit:contain}.school-brand strong{font-size:21px;display:block;font-weight:700}.school-brand small{font-size:13px;color:#817b70;display:block;margin-top:6px}.back-link{font-size:12px;color:#706e62;gap:12px;font-weight:400}.back-link span{font-size:18px}.presentation{max-width:1430px;padding:28px 7% 26px;grid-template-columns:1fr 470px;gap:45px}.proposal-copy{padding-bottom:20px}h1{font:700 76px/1.08 Arial,Helvetica,sans-serif;letter-spacing:-1.8px;margin:0 0 34px}.proposal-copy h2{font-size:48px;letter-spacing:-.6px;line-height:1.2;color:var(--red);margin:0 0 53px;font-weight:700}.proposal-description{font-size:26px;line-height:1.28;color:#36352f;margin:0 0 43px}.prototype-note{max-width:370px}.prototype-note>span{font-size:15px;font-weight:600;color:#837b6d}.prototype-note p{font-size:13px;line-height:1.7;color:#928b7d;margin:10px 0 0}.demo-label{margin:34px 0 0;font-size:10px;color:#8a8375;display:flex;align-items:center;gap:8px}.demo-label>span{height:6px;width:6px;border-radius:50%;background:var(--amber)}.device-stage{background:#faf7f2;padding:15px 22px 12px}.phone{width:386px;height:814px;border:7px solid #10110e;border-radius:48px;outline:3px solid #aaa89c;background:var(--paper);box-shadow:0 0 0 5px #d9d7cc,8px 13px 17px -6px #35372f55}.phone-status{height:43px;padding:12px 25px 0;font-size:11px;font-weight:600;color:#131712}.dynamic-island{top:7px;width:107px;height:29px;background:#000;border-radius:20px}.dynamic-island:after{content:'';width:6px;height:6px;border-radius:50%;position:absolute;right:13px;top:12px;background:#101829;box-shadow:0 0 3px #152840}.phone-topbar{gap:10px;padding:8px 14px 15px}.app-logo{height:57px;width:57px;object-fit:contain;flex-shrink:0;border-radius:50%;background:#fff;box-shadow:0 2px 6px #49402c13;padding:1px}.app-name{flex:1;min-width:0}.app-name strong{font-size:16px;letter-spacing:-.35px;white-space:nowrap;display:block;font-weight:700}.app-name small{display:block;margin-top:4px;font-size:8.4px;color:#6d6d61;white-space:nowrap}.icon-button{padding:6px;width:30px;height:30px}.notification-button{background:transparent;margin-left:-2px;flex-shrink:0}.notification-button i{top:-1px;right:0;min-width:14px;width:auto;height:14px;border:0;display:grid;place-items:center;font-size:8px;color:white;font-style:normal}.app-scroll{padding:0 12px 12px}.app-label{font-size:11px;font-weight:700;margin:6px 5px 10px}.app-label button{font-size:8px;font-weight:400;color:#666a5f}.child-card{display:flex;gap:11px;align-items:center;padding:12px 10px;margin-bottom:8px;border-radius:13px;background:#fffefb;box-shadow:0 2px 5px #56432b03;position:relative;min-height:96px}.avatar{width:63px;height:63px;background:#eee6da;color:#705839;font-size:17px;font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.prep{background:#e6e9dc;color:#5b654e}.child-text strong{font-size:11.2px;line-height:1.3;font-weight:700;letter-spacing:-.15px}.child-text small{font-size:9px;margin-top:4px;color:#686b62}.child-badges{display:flex;align-items:center;gap:5px;margin-top:8px;white-space:nowrap}.status,.attendance-badge{display:inline-flex;align-items:center;gap:4px;background:#e8f3eb;color:#347652;border-radius:8px;padding:3px 5px;font-size:7.3px;font-weight:600;white-space:nowrap;line-height:1}.status:before{width:4px;height:4px}.status.waiting,.status.called{background:#faf0dc;color:#9d772e}.status.ready{background:#ebf2dc;color:#6a7d35}.status.delivered{background:#e8f3eb;color:#347652}.attendance-badge svg{width:9px;height:9px;fill:#38845c;color:white;stroke-width:2.5}.child-location{display:flex;gap:7px;flex-wrap:wrap;align-items:center;font-size:7.2px;color:#6f7564;margin-top:7px}.child-location span{display:flex;align-items:center;gap:2px}.child-location svg{width:9px;height:9px;color:#758366}.child-location span:last-child svg{color:#ae7f3d}.child-arrow{position:absolute;right:10px;top:23px;color:#8d937f}.child-arrow svg{width:11px;height:11px}.prepa-banner{display:flex;align-items:center;gap:9px;padding:12px 10px;background:#f6ecdf;border:1px solid #f0e5d5;border-radius:12px;margin:9px 0 8px}.prepa-shield{color:#ad7d3e;flex-shrink:0}.prepa-shield svg{fill:#ae7e3d;color:#fff;width:25px;height:32px;stroke-width:1.3}.prepa-banner>div{flex:1}.prepa-banner strong{font-size:9px;display:block;margin-bottom:5px;font-weight:600}.prepa-banner p{font-size:7.3px;line-height:1.5;color:#736b5a;margin:0}.prepa-banner button{background:#fffefa;color:#8d652f;font-size:7px;padding:7px 8px;border-radius:9px;font-weight:600;white-space:nowrap}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-card{position:relative;background:#fffefb;border:1px solid var(--line);border-radius:12px;display:flex;align-items:flex-start;text-align:left;gap:9px;padding:12px 10px;min-height:94px;color:var(--ink)}.quick-icon{height:30px;width:30px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#eff2e8;color:#485440}.quick-icon svg{width:18px;height:18px}.quick-icon.terra{background:#f3e9e3;color:#843b31}.quick-icon.amber{background:#fbf0dc;color:#b28239}.quick-copy{flex:1;min-width:0}.quick-copy>small{font-size:8px;display:block;line-height:1.3;color:#454b3c;white-space:nowrap}.quick-copy>strong{display:block;font-size:22px;line-height:1.1;margin:5px 0 3px;font-weight:700;letter-spacing:-.6px}.quick-copy>p{font-size:7.5px;line-height:1.4;color:#777a6b;margin:0}.quick-copy .progress-bar{height:3px;background:#448460;margin-top:7px;border-radius:2px;width:100%}.quick-copy .campus-dot{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:7.5px;color:#747a68}.campus-dot:before{content:'';width:4px;height:4px;border-radius:50%;background:#438760}.quick-arrow{position:absolute;top:12px;right:8px;color:#b1b4a6}.quick-arrow svg{height:9px;width:9px}.quick-card.message,.quick-card.next{min-height:92px}.quick-copy .message-excerpt{font-size:7.5px;line-height:1.4;margin-top:5px;color:#53584c;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.quick-copy .message-time{display:block;font-size:7px;color:#8e8e7e;margin-top:5px}.quick-copy .next-name{font-size:9px;line-height:1.2;font-weight:600;letter-spacing:0;margin:6px 0 3px}.quick-copy .next-when{font-size:8px;color:#4a5142}.quick-copy .next-gate{display:flex;align-items:center;gap:2px;font-size:7.3px;color:#687258;margin-top:3px}.next-gate svg{width:8px;height:8px;color:#9c7138}.emergency-card{display:flex;align-items:center;gap:10px;background:#fffefb;border:1px solid var(--line);border-radius:12px;padding:12px 10px;margin-top:8px}.emergency-icon{width:29px;height:29px;border-radius:50%;background:#47533c;color:#fff;display:grid;place-items:center;flex-shrink:0}.emergency-icon svg{width:16px;height:16px}.emergency-copy{flex:1;min-width:0}.emergency-copy strong{font-size:9px;display:block}.emergency-copy small{font-size:8px;color:#777b6c;display:block;margin:4px 0}.emergency-copy b{font-size:10px;color:#364130;font-weight:600}.emergency-card button{display:flex;align-items:center;gap:4px;padding:7px 9px;border-radius:10px;color:#3b4430;background:#f4eadb;font-size:7px;white-space:nowrap;font-weight:600}.emergency-card button svg{width:10px;height:10px}.app-demo{color:#9d988b;font-size:7px;margin:9px 0 0;line-height:1.4;letter-spacing:0}.bottom-nav{border-top:1px solid #e9e4d9;background:var(--paper);gap:0;padding:10px 7px 1px}.bottom-nav button{justify-content:center;gap:6px;background:transparent;color:#54594b;font-size:7.5px;padding:0 1px 4px;white-space:nowrap}.bottom-nav button>svg{width:18px;height:18px;stroke-width:1.4}.bottom-nav button.active{color:#986630;font-weight:600}.bottom-nav button.active:before{display:none}.bottom-nav button.active>svg{stroke-width:2}.bottom-nav button.active[data-tab=home]>svg{fill:#986630;color:#986630}.nav-counter{right:9px;top:-4px;font-size:6.5px;min-width:12px;height:12px;display:grid;place-items:center;padding:1px;border:0}.phone-homebar{height:21px;background:var(--paper)}.phone-homebar:after{height:4px;width:122px;background:#262821}.device-caption{font-size:9px;color:#9b9588;margin-top:16px;display:block;letter-spacing:0}.presentation-footer{border-top:1px solid #dcd3c4;margin:0 5%;padding:16px 0 18px;font-size:11px;color:#847d6f;display:flex;justify-content:space-between;gap:20px}.app-heading{margin:5px 4px 17px}.app-heading h2{font-size:22px;letter-spacing:-.7px;font-weight:700}.app-heading p{font-size:10px;line-height:1.55;color:#7f7c6f;margin:6px 0 0}.profile-block{background:#fffefb;border-radius:13px;margin-bottom:11px}.profile-block .child-card{box-shadow:none;padding:12px 10px}.profile-row{padding:0 13px 13px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.profile-row small{color:#8b8778}.profile-row strong{font-weight:600;line-height:1.5}.profile-action{background:#f5f3eb;color:#687454}.prep-card{background:#f6ecdf;border:1px solid #eee2cd;padding:14px;border-radius:12px;margin:12px 0}.prep-card-heading>svg{color:#ad7d3e}.prep-card small{color:#8a7b61}.prep-card p{color:#8b806b}.toggle{background:#d7ceba}.toggle[aria-checked=true]{background:#75825d}.contact-card{padding:15px 2px 5px;margin-top:17px}.contact-row{margin:13px 5px}.contact-row .avatar{width:34px;height:34px;font-size:10px}.contact-row small{color:#8b8779}.student-selector{gap:8px;margin:10px 0 14px}.student-chip{background:#fffefb;color:#898372;padding:8px}.student-chip .avatar{width:29px;height:29px;font-size:9px}.student-chip.selected{border-color:#b7ba9d;background:#efefdf;color:#3f4935}.pickup-details{border-radius:13px;background:#fffefb}.pickup-details-header{padding:14px}.pickup-details-header .avatar{height:47px;width:47px;font-size:14px}.pickup-location{gap:14px;margin:0 14px;padding:14px 0}.detail-item svg{color:#a37c43}.detail-item small{color:#9a917f}.primary-button{background:#596246;border:1px solid #505a3f;border-radius:9px;padding:12px;font-weight:600}.secondary-button{background:#fffefa;border-color:#d9d5c3;color:#6d714f;border-radius:9px;font-weight:600}.fineprint{color:#9b927f}.pickup-progress{background:#efefdf;border:1px solid #e2e4d1;border-radius:12px;margin-top:13px}.pickup-progress p{color:#81886d}.progress-line:before{background:#cdd4bb}.progress-step i{background:#dce2cb;border-color:#efefdf}.progress-step.current i{background:#55623e}.permission-card{background:#fffefb}.permission-top>svg{color:#a57b3e}.permission-top small{color:#8a826e}.message-card{background:#fffefb}.message-card.unread{border-color:#d9d6bd;background:#fffdf4}.message-card.unread:after{background:var(--red)}.message-card p{color:#807c6d}.status-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.status-summary>div{padding:16px;background:#fffefb;border:1px solid var(--line);border-radius:12px}.status-summary strong{font-size:24px;color:#4b5c3a;display:block;margin-bottom:5px}.status-summary span{font-size:10px;color:#8a856f}.status-panel{padding:13px;background:#fffefb;border:1px solid var(--line);border-radius:12px;margin-bottom:10px}.status-person{display:flex;gap:10px;align-items:center}.status-person .avatar{height:45px;width:45px}.status-person .status{margin-left:auto}.status-panel .pickup-progress{margin-top:12px;padding:12px}.status-at-campus{display:flex;align-items:center;gap:6px;font-size:9px;color:#668052;margin:13px 0 0;padding-top:11px;border-top:1px solid var(--line)}.status-at-campus svg{width:14px}.account-card{display:flex;gap:13px;align-items:center;padding:17px;background:#fffefb;border:1px solid var(--line);border-radius:12px;margin-bottom:15px}.account-card .avatar{width:48px;height:48px;font-size:15px}.account-card strong{font-size:13px;display:block}.account-card p{font-size:10px;color:#8a8270;margin:5px 0 0}.settings-list{border:1px solid var(--line);border-radius:12px;background:#fffefb;overflow:hidden;margin-bottom:15px}.settings-list button,.settings-list a{display:flex;width:100%;align-items:center;gap:12px;background:transparent;color:#596347;padding:16px;border-bottom:1px solid var(--line);text-align:left;font-size:11px}.settings-list button:last-child,.settings-list a:last-child{border:0}.settings-list button>svg:first-child,.settings-list a>svg:first-child{color:#9e7845}.settings-list button>svg:last-child,.settings-list a>svg:last-child{margin-left:auto;width:13px;color:#b1b19a}.settings-list small{display:block;font-size:8px;color:#999078;margin-top:4px}.modal-layer{background:#262b1f66;padding-top:56px}.modal-sheet{background:var(--paper);border-radius:20px 20px 0 0;padding:23px 18px 27px}.modal-heading h2{font-size:20px;letter-spacing:-.5px;font-weight:700}.modal-intro{color:#8a806a}.form-field>span{font-size:10px;font-weight:600;color:#5b604c}.form-field input,.form-field select{background:#fffefb;border-color:#ddd8c6;font-size:11px;min-height:37px}.form-info{border-color:#e2dfcb;background:#efefdf;color:#828465}.review-warning{color:#96743d;background:#faf0dd;border-color:#eeddc1}.qr-sheet{padding:22px 14px;text-align:center}.qr-sheet .modal-heading{justify-content:center;position:relative;margin:0 0 14px}.qr-sheet .modal-heading h2{font-size:23px;letter-spacing:-.6px}.qr-sheet .modal-heading .icon-button{position:absolute;right:-4px;top:-34px}.qr-brand{font-size:15px;display:block;margin:2px 0 15px;font-weight:700}.qr-person{display:flex;gap:12px;align-items:center;background:#fffefb;border:1px solid var(--line);border-radius:12px;padding:11px;margin-bottom:7px;text-align:left}.qr-person .avatar{width:49px;height:49px;font-size:15px}.qr-person strong{font-size:13px;display:block;line-height:1.4}.qr-person small{font-size:11px;display:block;color:#737765;margin-top:3px}.qr-person.adult .avatar{background:#e9d2ba;color:#885233}.qr-art-card{background:#fffefb;border:1px solid var(--line);border-radius:12px;padding:12px 0 8px;margin-bottom:8px}.qr-art{width:140px;height:140px;margin:auto;padding:0;background:none;border:0;border-radius:0}.qr-demo{font-size:8px;color:#4b4f40;display:block;margin-top:5px;background:none;letter-spacing:0;padding:0}.qr-meta{background:#fffefb;border:1px solid var(--line);display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:11px;margin-bottom:7px;text-align:left}.qr-meta>span{background:#fcf1dd;color:#b07831;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.qr-meta strong{font-size:12px;font-weight:600}.qr-single-use{display:inline-flex;align-items:center;gap:5px;background:#e2f2df;color:#2d6c45;border-radius:12px;padding:6px 13px;font-size:10px;font-weight:600;margin:4px 0 10px}.qr-single-use svg{fill:#2d6c45;color:#fff;width:13px;height:13px;stroke-width:2.4}.revoke-wide{border:1px solid #a44e35;background:transparent;color:#953e2c;border-radius:9px;padding:10px;width:100%;font-size:11px;font-weight:600}.qr-note{font-size:7.5px;line-height:1.5;color:#a0947d;margin:9px 7px 0}.toast{background:#3e4934f5;bottom:85px}
@media(min-width:1500px){.presentation{padding-top:35px;padding-bottom:35px;grid-template-columns:1fr 510px;gap:80px}.phone{width:406px;height:856px}.app-name strong{font-size:17px}.app-logo{width:61px;height:61px}.phone-topbar{padding-bottom:18px}.child-card{min-height:103px;padding:13px 12px}.child-text strong{font-size:12px}.child-text small{font-size:9.5px}.avatar{width:66px;height:66px}.status,.attendance-badge{font-size:7.8px}.child-location{font-size:7.7px}.prepa-banner{padding:13px 11px}.prepa-banner strong{font-size:10px}.prepa-banner p{font-size:8px}.quick-card{padding:13px 11px;min-height:98px}.quick-copy>small{font-size:8.5px}.quick-copy>p{font-size:8px}.quick-copy .message-excerpt{font-size:8px}.quick-card.message,.quick-card.next{min-height:96px}.emergency-card{padding:13px 11px}.emergency-copy strong{font-size:10px}.emergency-copy small{font-size:8.5px}.app-label{font-size:12px}.proposal-copy h2{font-size:51px}h1{font-size:83px}}
@media(max-width:1100px){.presentation{grid-template-columns:1fr 410px;gap:25px;padding:28px 5%}.device-stage{padding:14px 10px 12px}h1{font-size:62px;margin-bottom:27px}.proposal-copy h2{font-size:39px;margin-bottom:40px}.proposal-description{font-size:22px}.phone{width:374px;height:798px}.app-name strong{font-size:15px}.app-logo{width:53px;height:53px}.phone-topbar{gap:8px}.avatar{width:60px;height:60px}.child-text strong{font-size:10.6px}.child-card{gap:9px;min-height:93px}.child-badges{gap:3px}.status,.attendance-badge{font-size:7px}.quick-card{gap:7px;padding:11px 9px}.quick-icon{width:28px;height:28px}.prepa-banner p{font-size:7px}.emergency-card{gap:8px}.school-brand strong{font-size:18px}.school-brand small{font-size:11px}}
@media(max-width:850px){.presentation-header{height:84px;margin:0 4%}.school-brand{gap:9px}.school-brand img{width:49px;height:49px}.school-brand strong{font-size:14px}.school-brand small{font-size:10px}.back-link{font-size:10px;gap:7px}.presentation{grid-template-columns:1fr;gap:25px;padding:30px 20px}.proposal-copy{text-align:center;padding:0}.proposal-copy h1{font-size:40px;margin:0 0 10px;letter-spacing:-1px}.proposal-copy h2{font-size:24px;margin:0;line-height:1.3}.proposal-copy h2 br{display:none}.proposal-description,.prototype-note{display:none}.demo-label{display:flex;justify-content:center;margin:14px 0 0;font-size:9px}.device-stage{max-width:480px;width:100%;margin:auto;padding:18px 12px 12px}.phone{width:386px;height:814px}.app-name strong{font-size:16px}.app-logo{width:57px;height:57px}.phone-topbar{gap:10px}.avatar{width:63px;height:63px}.child-text strong{font-size:11.2px}.child-card{gap:11px;min-height:96px}.status,.attendance-badge{font-size:7.3px}.child-badges{gap:5px}.quick-card{padding:12px 10px;gap:9px}.quick-icon{height:30px;width:30px}.prepa-banner p{font-size:7.3px}.emergency-card{gap:10px}.presentation-footer{font-size:9px;margin:0 4%;padding:14px 0}}
@media(max-width:480px){body{background:var(--paper)}.presentation-header{height:39px;margin:0 15px;border-bottom:1px solid #e6dfce}.school-brand img{display:none}.school-brand strong{font-size:11px}.school-brand small{display:none}.back-link{font-size:9px}.back-link span{font-size:14px}.presentation{display:block;padding:0}.proposal-copy,.device-caption,.presentation-footer{display:none}.device-stage{display:block;padding:0;background:transparent;max-width:none}.phone{width:100%;height:calc(100dvh - 39px);border:0;outline:0;box-shadow:none;border-radius:0;min-height:570px}.phone-status{display:none}.phone-topbar{padding:15px 14px 17px;gap:10px}.app-logo{width:60px;height:60px}.app-name strong{font-size:17px}.app-name small{font-size:9px}.app-scroll{padding:0 12px 12px}.app-label{font-size:12px;margin:4px 5px 10px}.app-label button{font-size:9px}.child-card{min-height:105px;padding:13px 12px;gap:12px}.avatar{width:66px;height:66px}.child-text strong{font-size:12px}.child-text small{font-size:10px}.child-badges{gap:5px}.status,.attendance-badge{font-size:7.8px}.child-location{font-size:8px;gap:6px}.prepa-banner{padding:13px 11px}.prepa-banner strong{font-size:10px}.prepa-banner p{font-size:8px}.prepa-banner button{font-size:7.5px}.quick-card{padding:13px 11px;min-height:101px}.quick-copy>small{font-size:9px}.quick-copy>strong{font-size:24px}.quick-copy>p{font-size:8.5px}.quick-copy .message-excerpt{font-size:8px}.quick-copy .message-time{font-size:7.5px}.quick-copy .campus-dot{font-size:8px}.quick-copy .next-name{font-size:10px}.quick-copy .next-when{font-size:9px}.quick-copy .next-gate{font-size:8px}.quick-card.message,.quick-card.next{min-height:96px}.emergency-copy strong{font-size:10px}.emergency-copy small{font-size:8.5px}.emergency-copy b{font-size:11px}.emergency-card button{font-size:8px}.app-demo{font-size:7.5px}.bottom-nav{padding-top:11px}.bottom-nav button{font-size:8px;gap:6px;padding-bottom:2px}.bottom-nav button>svg{height:20px;width:20px}.phone-homebar{height:calc(18px + env(safe-area-inset-bottom,0px))}.phone-homebar:after{display:none}.app-heading{margin-top:9px}.app-heading h2{font-size:23px}.app-heading p{font-size:11px}.profile-row small{font-size:9px}.profile-row strong{font-size:10px}.profile-action{font-size:10px;padding:12px}.contact-row strong{font-size:11px}.contact-row small{font-size:9px}.detail-item small{font-size:8px}.detail-item strong{font-size:10px}.primary-button{font-size:12px;padding:14px}.secondary-button{font-size:11px;padding:13px}.student-chip{font-size:10px;padding:10px}.pickup-progress p{font-size:10px}.progress-step{font-size:8px}.permission-top strong{font-size:12px}.permission-top small{font-size:10px}.permission-actions button{font-size:9px}.permission-state{font-size:9px}.form-field input,.form-field select{font-size:13px;min-height:42px}.form-field>span{font-size:11px}.modal-heading h2{font-size:22px}.modal-intro{font-size:10px}.form-info{font-size:9px}.message-card strong{font-size:12px}.message-card p{font-size:11px}.message-card small{font-size:9px}.message-actions button{font-size:9px}.toast{font-size:11px}.settings-list button,.settings-list a{font-size:12px}.settings-list small{font-size:9px}}
@media(max-width:365px){.app-name strong{font-size:15px}.app-logo{width:51px;height:51px}.phone-topbar{gap:8px}.child-card{gap:8px;padding:11px 9px;min-height:98px}.avatar{width:55px;height:55px}.child-text strong{font-size:10.6px}.child-text small{font-size:9px}.status,.attendance-badge{font-size:7px}.child-badges{gap:3px}.child-location{font-size:7px}.quick-card{gap:6px;padding:11px 8px}.quick-icon{width:26px;height:26px}.quick-copy>small{font-size:8px}.emergency-card{gap:7px;padding:11px 9px}.emergency-copy strong{font-size:9px}.emergency-copy small{font-size:7px}.emergency-card button{padding:6px;font-size:7px}.prepa-banner p{font-size:7px}.prepa-banner strong{font-size:9px}.app-scroll{padding-left:10px;padding-right:10px}}
.avatar>svg{width:100%;height:100%}
/* Fit the full reference phone on common desktop laptop screens. CSS zoom
   preserves the internal layout and reserves the scaled size in the grid. */
@media(min-width:851px) and (max-height:920px){
  .phone{zoom:.82}
  .presentation{padding-top:20px;padding-bottom:20px}
  .device-stage{padding-top:12px;padding-bottom:10px}
  .device-caption{margin-top:13px}
}
@media(min-width:851px) and (max-height:820px){
  .presentation-header{height:86px}
  .phone{zoom:.73}
}
@media(min-width:851px) and (max-height:740px){
  .presentation-header{height:78px}
  .presentation{padding-top:16px;padding-bottom:16px}
  .phone{zoom:.64}
}