dialog.modal.update-dialog{position:fixed;inset:0;margin:0;padding:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;overflow:hidden;background:#070606;color:#fff}
.update-dialog::backdrop{background:#070606}.update-presentation{position:relative;box-sizing:border-box;height:100%;min-height:0;padding:max(14px,env(safe-area-inset-top),var(--tg-top,0px)) max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom),var(--tg-bottom,0px)) max(16px,env(safe-area-inset-left));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;background:radial-gradient(circle at 90% 8%,rgba(111,14,35,.32),transparent 31%),radial-gradient(circle at 5% 86%,rgba(220,104,20,.14),transparent 27%),#070606}.update-presentation:before{content:"";position:absolute;inset:0;opacity:.17;pointer-events:none;background-image:linear-gradient(rgba(255,132,43,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,132,43,.18) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
.update-top,.update-progress,.update-controls{position:relative;z-index:5;width:min(100%,900px);margin-inline:auto;box-sizing:border-box}.update-top{display:flex;align-items:center;justify-content:space-between}.update-kicker{color:#f5d8c6;font-size:11px;font-weight:900;letter-spacing:.18em}.update-top .modal-close{width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(25,18,18,.86);color:#fff;font-size:25px;box-shadow:none}.update-progress{height:3px;margin-top:10px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.1)}.update-progress span{display:block;height:100%;width:12.5%;border-radius:inherit;background:linear-gradient(90deg,#92233e,#ff842b);transition:width .65s cubic-bezier(.22,1,.36,1)}
.update-device-stage{position:relative;z-index:2;min-height:0;display:grid;place-items:center;padding:9px 0}.update-phone{position:relative;width:min(100%,388px);height:min(70dvh,740px);padding:7px;border-radius:54px;background:linear-gradient(145deg,#5e1127 0%,#c24a58 34%,#54101e 72%,#22070e 100%);box-shadow:0 26px 70px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,208,194,.38);transform:perspective(1300px) rotateY(-2deg);transition:transform .8s cubic-bezier(.22,1,.36,1)}.update-phone:before{content:"";position:absolute;inset:3px;border:1px solid rgba(255,226,214,.22);border-radius:51px;pointer-events:none}.update-phone-key{position:absolute;left:-4px;width:4px;border-radius:4px 0 0 4px;background:#8c2b40;box-shadow:inset 1px 0 rgba(255,255,255,.25)}.update-phone-key.key-one{top:150px;height:52px}.update-phone-key.key-two{top:214px;height:82px}.update-phone-glass{position:relative;height:100%;overflow:hidden;border-radius:47px;background:radial-gradient(circle at 100% 0,rgba(115,22,45,.32),transparent 33%),linear-gradient(165deg,#141011,#080707 55%,#100a0b);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}
.update-phone-status{position:absolute;z-index:4;top:15px;left:27px;right:25px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:11px;font-style:normal}.update-phone-status span{width:72px}.update-phone-status em{font-style:normal;letter-spacing:2px}.update-island{position:absolute;z-index:5;top:10px;left:50%;width:104px;height:29px;border-radius:22px;background:#000;transform:translateX(-50%);box-shadow:inset 0 0 0 1px #171313}
.update-slides{position:absolute;inset:0;overflow:hidden}.update-slide{position:absolute;inset:0;padding:64px 25px 24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(22%,0,0) scale(.94);filter:blur(8px);transition:opacity .42s ease,transform .72s cubic-bezier(.22,1,.36,1),filter .48s ease,visibility 0s linear .72s}.update-slide.was-left{transform:translate3d(-22%,0,0) scale(.94)}.update-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;filter:none;transition-delay:0s}.update-slide .eyebrow{margin:0 0 8px;color:#ff9a52;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.update-slide h2{margin:0 0 11px;color:#fff;font-size:clamp(31px,7.8vw,45px);line-height:.98;letter-spacing:-.045em}.update-slide>p:not(.eyebrow){margin:0;color:#bfb6b2;font-size:13px;line-height:1.48}.update-ui-card{margin-top:20px;padding:15px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(28,22,22,.86);box-shadow:0 18px 34px rgba(0,0,0,.28)}
.update-hero-mark{margin-top:24px;display:grid;justify-items:center;gap:8px;text-align:center}.update-hero-mark img{width:130px;height:130px;border-radius:34px;box-shadow:0 18px 46px rgba(255,126,30,.18)}.update-hero-mark b{font-size:19px;letter-spacing:.12em}.update-hero-mark small{color:#a89f9b}.update-slide.is-active .update-hero-mark img{animation:phoneHero 1s cubic-bezier(.22,1,.36,1) both}
.update-calendar-scene{display:grid;gap:11px}.update-calendar-title{display:flex;align-items:center;justify-content:space-between}.update-calendar-title span{color:#ff842b;font-weight:950}.update-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.update-calendar-grid>i{min-width:0;min-height:68px;padding:6px 2px;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0c0a0a;font-style:normal}.update-calendar-grid>i.has-note{background:rgba(125,89,211,.28)}.update-calendar-grid em{display:block;width:100%;height:3px;border-radius:9px;background:#6d5ce7}.update-calendar-grid em+em{background:#ff8a63}.update-calendar-grid small{margin-top:auto;max-width:100%;padding:2px 3px;overflow:hidden;border-radius:4px;background:#7a66c5;color:#fff;font-size:6px;font-weight:950;white-space:nowrap}.update-calendar-grid b{font-size:10px}
.update-lesson-scene{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.update-lesson-scene>span,.update-lesson-scene>b,.update-lesson-scene>em{grid-column:1}.update-lesson-scene>span{color:#918985;font-size:10px}.update-lesson-scene>em{width:max-content;padding:6px 9px;border-radius:99px;background:rgba(255,132,43,.13);color:#ffa365;font-size:11px;font-style:normal;font-weight:850}.update-lesson-scene>button,.update-lesson-scene>strong{grid-column:2;grid-row:1/4;align-self:center;padding:10px;border:0;border-radius:12px;background:linear-gradient(135deg,#e96318,#ff983f);color:#fff;font:inherit;font-size:10px;font-weight:900}.update-lesson-scene>strong{opacity:0;background:#248655}.update-slide.is-active .update-lesson-scene>em{animation:softPulse 1.7s ease-in-out .4s infinite}.update-slide.is-active .update-lesson-scene>button{animation:buttonAway .45s ease 1.75s both}.update-slide.is-active .update-lesson-scene>strong{animation:markIn .52s cubic-bezier(.22,1,.36,1) 2.05s both}
.update-lk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.update-lk-grid i{padding:12px 9px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#0d0b0b;font-size:11px;font-style:normal;font-weight:800}.update-lk-grid b{float:right;min-width:21px;padding:3px;border-radius:8px;background:#8d233b;color:#fff;text-align:center}
.update-map-scene{display:grid;gap:12px}.update-map-plan{position:relative;height:150px;overflow:hidden;border-radius:16px;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%),#101317;background-size:42px 42px}.update-map-plan:before{content:"";position:absolute;inset:22px;border:3px solid #57616b;border-radius:31px 12px 28px 12px}.room{position:absolute;z-index:2;padding:5px 7px;border-radius:7px;background:#333a42;color:#fff;font-size:8px;font-weight:900}.room.food{left:23px;top:43px;background:#297a4d}.room.class-today{right:27px;top:35px;background:#df7a2e}.room.library{right:52px;bottom:27px;background:#845f3f}.update-map-plan>b{position:absolute;z-index:3;width:25px;height:29px;display:grid;place-items:center;border-radius:14px 14px 14px 4px;color:#fff;font-size:10px}.pin-a{left:44px;bottom:30px;background:#2476dd}.pin-b{right:40px;top:68px;background:#cf3d38}.update-map-plan>i{position:absolute;z-index:1;left:60px;right:53px;bottom:45px;height:3px;background:repeating-linear-gradient(90deg,#ff842b 0 8px,transparent 8px 13px);transform:rotate(-17deg)}.update-map-scene nav{display:flex;gap:5px;overflow:hidden}.update-map-scene nav span{flex:1;padding:7px 3px;border-radius:9px;background:#100d0d;color:#aea5a1;text-align:center;font-size:7px;font-weight:800}
.update-chat-scene{display:grid;gap:7px}.update-chat-scene i{width:fit-content;max-width:88%;padding:9px 11px;border-radius:14px 14px 14px 4px;background:#121010;font-size:10px;font-style:normal;font-weight:750}.update-chat-scene i:nth-child(2){margin-left:auto;border-radius:14px 14px 4px 14px;background:#3a1b13}.update-chat-scene strong{padding:9px;border-radius:11px;background:rgba(37,167,104,.13);color:#52c98a;text-align:center;font-size:10px}
.update-stat-scene{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.update-stat-scene>div{padding:10px 5px;border-radius:12px;background:#100d0d;text-align:center}.update-stat-scene b,.update-stat-scene small{display:block}.update-stat-scene b{color:#ff9b53;font-size:18px}.update-stat-scene small{margin-top:3px;color:#978e8a;font-size:7px}.update-stat-scene>span{grid-column:1/-1;height:80px;display:flex;align-items:end;gap:8px;padding:11px;border-radius:13px;background:#100d0d}.update-stat-scene>span i{height:var(--h);flex:1;border-radius:7px 7px 3px 3px;background:linear-gradient(#ff963e,#7e2039)}
.update-final-mark{margin-top:21px;display:grid;justify-items:center;gap:8px;text-align:center}.update-final-mark img{width:112px;height:112px;border-radius:30px}.update-final-mark b{font-size:22px}.update-final-mark i{color:#a99f9a;font-size:11px;font-style:normal}.update-slide.is-active .update-final-mark img{animation:phoneHero 1s cubic-bezier(.22,1,.36,1) both}
.update-slide.is-active :is(.update-calendar-grid>i,.update-lk-grid>i,.update-chat-scene>*,.update-stat-scene>div,.update-map-scene nav span){animation:cardRise .58s cubic-bezier(.22,1,.36,1) both}.update-slide.is-active :is(.update-calendar-grid>i,.update-lk-grid>i,.update-chat-scene>*,.update-stat-scene>div,.update-map-scene nav span):nth-child(2){animation-delay:.08s}.update-slide.is-active :is(.update-calendar-grid>i,.update-lk-grid>i,.update-chat-scene>*,.update-stat-scene>div,.update-map-scene nav span):nth-child(3){animation-delay:.16s}.update-slide.is-active :is(.update-calendar-grid>i,.update-lk-grid>i,.update-chat-scene>*,.update-stat-scene>div,.update-map-scene nav span):nth-child(4){animation-delay:.24s}.update-slide.is-active .update-map-plan>i{animation:routeDraw 1.15s ease .25s both}.update-slide.is-active .pin-b{animation:pinDrop .48s cubic-bezier(.22,1,.36,1) 1.15s both}.update-slide.is-active .update-stat-scene>span i{animation:barGrow .75s cubic-bezier(.22,1,.36,1) both;transform-origin:bottom}
.update-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding-top:8px}.update-controls button{min-height:44px;padding:9px 15px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#171212;color:#fff;font-weight:850}.update-controls button:last-child{justify-self:end;border-color:transparent;background:linear-gradient(135deg,#8f213c,#ee6f24)}.update-controls button:disabled{opacity:.3}.update-controls span{color:#a69d99;font-size:12px}
html:has(.update-dialog[open]){overflow:hidden}@keyframes cardRise{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@keyframes phoneHero{from{opacity:0;transform:translateY(18px) scale(.78) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes softPulse{50%{box-shadow:0 0 0 7px rgba(255,132,43,.08)}}@keyframes buttonAway{to{opacity:0;transform:translateY(-8px) scale(.92)}}@keyframes markIn{from{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}@keyframes routeDraw{from{opacity:.1;transform:rotate(-17deg) scaleX(0);transform-origin:left}to{opacity:1;transform:rotate(-17deg) scaleX(1);transform-origin:left}}@keyframes pinDrop{from{opacity:0;transform:translateY(-18px) scale(.7)}to{opacity:1;transform:none}}@keyframes barGrow{from{transform:scaleY(0)}}
@media(max-width:520px){.update-presentation{padding-left:10px;padding-right:10px}.update-phone{width:min(100%,350px);height:min(71dvh,690px);border-radius:48px}.update-phone-glass{border-radius:41px}.update-slide{padding:59px 21px 20px}.update-slide h2{font-size:clamp(29px,9.2vw,40px)}.update-slide>p:not(.eyebrow){font-size:12px}.update-hero-mark img{width:112px;height:112px}.update-calendar-grid>i{min-height:61px}.update-controls{padding-inline:4px}}
@media(max-height:700px){.update-phone{height:65dvh}.update-slide{justify-content:flex-start;padding-top:53px}.update-slide h2{font-size:30px}.update-ui-card{margin-top:12px}.update-hero-mark{margin-top:13px}.update-hero-mark img{width:90px;height:90px}}
.demo-content{zoom:.87}
/* Fixed iPhone canvas: the complete scene scales without changing proportions. */
.update-phone{box-sizing:border-box;width:310px;height:672px;padding:6px;border-radius:47px;transform:scale(var(--phone-scale,.8));transform-origin:center;transition:none}.update-phone-glass{border-radius:41px}.update-phone:before{border-radius:45px}.update-phone-glass:after{content:'';position:absolute;z-index:8;bottom:7px;left:50%;width:96px;height:4px;border-radius:4px;background:#fff8;transform:translateX(-50%)}.update-device-stage{overflow:hidden}.update-slide{padding:0;display:block;filter:none;transform:translate3d(12%,0,0)}.update-slide.was-left{transform:translate3d(-12%,0,0)}.update-slide.is-active{transform:none}.update-phone-status{top:16px;left:23px;right:23px;font-size:10px}.update-island{top:9px;width:95px;height:27px}
.demo-topbar{position:absolute;top:47px;left:14px;right:14px;height:36px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #ffffff16;padding-bottom:8px;color:#fff}.demo-topbar>img{width:27px;height:27px;border-radius:8px}.demo-topbar>b{font-size:13px}.demo-topbar>span{font-size:8px;color:#aaa}.demo-bell{position:relative;margin-left:auto;font-style:normal;font-size:21px;color:#f6a44f}.demo-bell em{position:absolute;right:0;top:0;width:5px;height:5px;border-radius:50%;background:#ff982b}.demo-page{position:absolute;inset:93px 14px 209px;overflow:hidden}.demo-page-heading small{font-size:7px;color:#a89588;font-weight:850;letter-spacing:.13em}.demo-page-heading h3{font-size:23px;letter-spacing:-.035em;color:#fff;margin:4px 0 13px;line-height:1.08}.demo-bottom{position:absolute;bottom:158px;left:12px;right:12px;display:flex;padding:6px;background:#181411;border:1px solid #ffffff18;border-radius:20px;gap:4px;height:43px}.demo-bottom>span{flex:1;display:grid;justify-items:center;align-content:center;gap:3px;font-size:18px;color:#999}.demo-bottom small{font-size:7px}.demo-bottom .selected{color:#ff9d42;background:#ff861a22;border-radius:13px}.demo-caption{position:absolute;bottom:27px;left:18px;right:18px;min-height:100px;padding-top:16px;border-top:1px solid #f59b3830}.demo-caption>small{font-size:7px;color:#ffac65;letter-spacing:.15em;font-weight:850}.update-slide .demo-caption h2{font-size:24px;line-height:1.04;letter-spacing:-.04em;color:#fff;margin:8px 0}.demo-caption p{font-size:10px;line-height:1.5;color:#c2b7ad;margin:0}.demo-intro{display:grid;justify-items:center;text-align:center;gap:8px;margin:4px 0 15px}.demo-intro>img{width:78px;height:78px;border-radius:23px}.demo-intro>b{font-size:29px;color:#ffa046}.demo-intro p{color:#bcb2ac;font-size:10px;line-height:1.6;margin:0}.demo-tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-tile-grid>div{padding:10px;border:1px solid #ffffff16;border-radius:15px;background:#191512;color:#ffa149;font-size:21px}.demo-tile-grid b{display:block;font-size:9px;color:#f1eae4;margin-top:5px}
.demo-filter,.demo-semesters,.demo-place-tabs,.demo-floor{display:flex;align-items:center;gap:5px;margin-bottom:11px}.demo-filter{justify-content:space-between;font-size:10px}.demo-filter span,.demo-semesters span,.demo-place-tabs span,.demo-floor span{padding:6px 8px;background:#1c1815;border:1px solid #ffffff10;border-radius:9px;font-size:8px;color:#b4aaa2}.demo-filter .selected,.demo-semesters .selected,.demo-place-tabs .selected,.demo-floor .selected{background:#ff861a26;color:#ffa046;border-color:#ffa04670}.demo-floor small{font-size:8px;margin-left:auto;color:#c8b8ac}.demo-map{position:relative;height:229px;border:1px solid #58616b;border-radius:17px;background:#19222b;overflow:hidden}.demo-map-camera{position:absolute;inset:0;transform-origin:16% 15%;will-change:transform}.demo-map-camera svg{width:100%;height:100%}.demo-building{fill:#252b31;stroke:#a3a4a2;stroke-width:2}.demo-map rect{fill:#3a424c;stroke:#acb2b4;stroke-width:1}.demo-map rect.food{fill:#28794d}.demo-map rect.today{fill:#bc6a32}.demo-map text{font-size:6px;fill:#fff;text-anchor:middle}.demo-route{fill:none;stroke:#ff9b30;stroke-width:3;stroke-dasharray:300;stroke-dashoffset:300}.demo-map-dot{fill:#ffad43;stroke:#fff;stroke-width:2}.demo-map-label{position:absolute;bottom:10px;left:10px;padding:6px 9px;border-radius:9px;background:#122f20;color:#9de4b2;font-size:9px;opacity:0}.demo-touch{position:absolute;top:100px;left:70px;width:22px;height:22px;border-radius:50%;background:#ffffff27;border:1px solid #ffffff65;opacity:0}.touch-two{left:170px}.demo-place-tabs{margin-top:8px;gap:3px}.demo-place-tabs span{padding:6px;font-size:7px}.demo-row{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid #ffffff13;border-radius:13px;background:#171411;margin-bottom:7px}.demo-row b{display:block;font-size:10px;color:#e9e1da}.demo-row small{display:block;font-size:8px;color:#a99f96;margin-top:4px}.demo-map-result{display:block;font-size:10px}
.demo-feed{display:grid;gap:9px}.demo-feed article{position:relative;display:flex;gap:8px;padding:13px 9px;border:1px solid #ffffff18;border-radius:14px;background:#181411}.demo-feed article b{font-size:10px;color:#eee}.demo-feed article p{font-size:8px;color:#b8aba0;margin:6px 0}.demo-feed article small{font-size:9px;color:#c9c0b8}.demo-feed article strong{color:#ffaf5e}.demo-feed article em,.demo-row em{font-size:6px;font-style:normal;color:#8c8078;margin-left:auto}.demo-feed article>em{position:absolute;right:8px;top:6px}.demo-feed i,.demo-row>i{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:9px;font-style:normal;font-size:13px}.demo-page .orange{background:#ff941b20;color:#ffa64d}.demo-page .green{background:#42b57a20;color:#7cdbaa}.demo-page .blue{background:#458ee420;color:#8db9f2}.demo-sync{display:flex;align-items:center;gap:6px;font-size:8px;color:#8ec9a0;margin-top:12px}.demo-sync>i{width:5px;height:5px;border-radius:50%;background:#72b787}.demo-sync-loading{margin:0 0 12px;padding:9px;border-radius:10px;background:#ff971610;color:#eea565}.demo-sync-loading i{width:9px;height:9px;border:1px solid #ffac4444;border-top-color:#ffac44;background:transparent}.demo-chat-list .demo-row{padding:13px 9px}.demo-new-message{opacity:0;transform:translateY(12px)}.demo-cache-footer{margin-top:20px;padding:13px;border-radius:13px;background:#28352344;color:#95cda1}.demo-cache-footer b{font-size:10px}.demo-cache-footer p{font-size:8px;margin:7px 0 0}
.demo-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-stat-grid>div{padding:12px;border:1px solid #ffffff18;border-radius:15px;background:#181411}.demo-stat-grid b{display:block;font-size:25px;color:#ffb05d}.demo-stat-grid small{font-size:8px;color:#b4a59a}.demo-streak{display:flex;align-items:center;gap:10px;margin-top:9px;padding:10px;border-radius:14px;border:1px solid #ff9a3330;background:#ff972b12}.demo-streak>span{font-size:27px;color:#ffac4a}.demo-streak b{font-size:11px;color:#ffc783}.demo-streak small{display:block;font-size:8px;margin-top:4px;color:#bca899}.demo-chart{display:flex;align-items:end;gap:8px;height:77px;padding:12px 10px;margin-top:10px;border-bottom:1px solid #ffffff18}.demo-chart i{flex:1;height:var(--h);border-radius:5px 5px 0 0;background:linear-gradient(#ffa63e,#a65127);transform-origin:bottom}.demo-hours{display:grid;gap:10px;margin-top:13px}.demo-hours>div{display:flex;justify-content:space-between;font-size:9px;color:#c9b9ac}.demo-hours span{color:#ffb564}.demo-plan-card{padding:13px;margin-bottom:10px;border:1px solid #ffffff17;border-radius:15px;background:#181411}.demo-plan-card>small{font-size:7px;letter-spacing:.1em;color:#ffad60}.demo-plan-card h4{font-size:13px;margin:8px 0;color:#f2e9e2}.demo-tags{display:flex;gap:5px}.demo-tags span{font-size:7px;padding:5px 6px;border-radius:6px;background:#c97c3725;color:#ffc08b}.demo-semester-progress{margin-top:16px}.demo-semester-progress>div:not(.demo-segments){display:flex;justify-content:space-between;font-size:8px;color:#ccc}.demo-semester-progress>small{display:block;font-size:7px;color:#8c857d;margin-top:12px}.demo-segments{display:flex;gap:2px;margin:8px 0 13px}.demo-segments i{flex:1;height:5px;border-radius:3px;background:#ffffff1a}.demo-segments i.done{background:#f9a450}.demo-segments.green{background:none}.demo-segments.green i.done{background:#55b581}.demo-check-list{display:grid;gap:8px;margin-top:12px}.demo-check-list span{font-size:10px;padding:9px 10px;border-radius:10px;background:#201811;border:1px solid #ffffff0c;color:#d6c5b7}.demo-teacher{margin-top:12px}.demo-scene-final .demo-intro{margin-top:25px}.demo-scene-final .demo-intro img{width:100px;height:100px}
.update-slide.is-active .demo-caption{animation:demoReveal .7s .28s both}.update-slide.is-active .demo-intro img{animation:demoReveal .9s .2s both}.update-slide.is-active :is(.demo-tile-grid>div,.demo-feed article,.demo-plan-card,.demo-check-list span){animation:demoReveal .65s both;animation-delay:.3s}.update-slide.is-active :is(.demo-tile-grid>div,.demo-feed article,.demo-check-list span):nth-child(2){animation-delay:.5s}.update-slide.is-active :is(.demo-tile-grid>div,.demo-feed article,.demo-check-list span):nth-child(3){animation-delay:.75s}.update-slide.is-active :is(.demo-tile-grid>div,.demo-check-list span):nth-child(4){animation-delay:1s}.demo-scene-map.is-active .demo-map-camera{animation:demoCamera 6s cubic-bezier(.45,0,.2,1) .5s both}.demo-scene-map.is-active .demo-route{animation:demoRoute 1.5s .7s both}.demo-scene-map.is-active .demo-map-label{animation:demoReveal .6s 3.5s both}.demo-scene-map.is-active .demo-touch{animation:demoGesture 3s .8s both}.demo-scene-map.is-active .touch-two{animation-name:demoGestureTwo}.demo-scene-cache.is-active .demo-sync-loading i{animation:demoSpin 1s linear infinite}.demo-scene-cache.is-active .demo-new-message{animation:demoReveal .75s 1.7s both}.demo-scene-stats.is-active .demo-chart i{animation:demoBar 1.1s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.2s + var(--order)*.09s)}.demo-scene-plan.is-active .demo-segments .done{animation:demoSegment .45s both;animation-delay:calc(.5s + var(--order)*.18s)}
@keyframes demoReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes demoCamera{0%,15%{transform:scale(.94) rotate(0)}45%{transform:scale(1.06) rotate(9deg)}100%{transform:translate(22px,24px) scale(1.55) rotate(0)}}@keyframes demoRoute{to{stroke-dashoffset:0}}@keyframes demoGesture{0%,100%{opacity:0}20%,75%{opacity:1}85%,100%{transform:translate(-25px,-30px)}}@keyframes demoGestureTwo{0%,100%{opacity:0}20%,75%{opacity:1}85%,100%{transform:translate(25px,30px)}}@keyframes demoSpin{to{transform:rotate(360deg)}}@keyframes demoBar{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes demoSegment{from{background:#ffffff1a;transform:scaleY(.4)}to{transform:scaleY(1)}}
.update-dialog{font-family:Arial,Helvetica,sans-serif;line-height:1.3}.update-dialog *{box-sizing:border-box}.update-phone{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--phone-scale,.8))}.demo-page-heading h3{font-size:22px;margin-bottom:10px}.demo-intro>img{width:64px;height:64px}.demo-intro{gap:6px;margin-bottom:10px}.demo-tile-grid>div{padding:8px;font-size:19px}.demo-map{height:185px}.demo-feed article{padding:11px 9px}.demo-cache-footer{padding:10px;margin-top:12px}.demo-chart{height:66px;padding-block:9px}.demo-plan-card{padding:11px}.demo-check-list{gap:6px}.demo-check-list span{font-size:9px;padding:7px 8px}.demo-scene-final .demo-intro{margin-top:10px}.demo-scene-final .demo-intro img{width:85px;height:85px}
@media(prefers-reduced-motion:reduce){.update-dialog *{transition:none!important;animation:none!important}.demo-map-label,.demo-new-message{opacity:1;transform:none}.demo-route{stroke-dashoffset:0}.demo-touch{display:none}}