.app{--bg:#fcfcfd;--card:#ebedf2;--raised:#e0e3ea;--border:#d2d6de;--icon:#828994;--hint:#5a626e;--sub:#343a44;--fg:#181a20;--brand:44 63 224;--amber:217 119 6;transform:scale(var(--s));transform-origin:0 0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-feature-settings:"cv11", "ss01";letter-spacing:0;-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;position:absolute;top:0;left:0}.app svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.app .status svg{stroke:none;fill:currentColor}.app .status{flex-shrink:0;justify-content:space-between;height:54px;padding:18px 30px 0 46px;font-size:17px;font-weight:600;display:flex}.app .status-icons{align-items:center;gap:6px;height:22px;display:flex}.app .island{background:#000;border-radius:20px;width:124px;height:36px;margin-left:-62px;position:absolute;top:11px;left:50%}.app .home-indicator{background:var(--fg);border-radius:3px;width:140px;height:5px;margin-left:-70px;position:absolute;bottom:8px;left:50%}.app .app-body{flex-direction:column;flex:1;gap:20px;min-height:0;padding:16px 20px 0;display:flex;overflow:hidden}.app .app-body-flush{flex:1;min-height:0;overflow:hidden}.app .card{background:var(--card);border:1px solid var(--border);border-radius:16px}.app .row{align-items:center;gap:12px;padding:12px 14px;display:flex}.app .group-row{padding:14px 16px}.app .stack{flex-direction:column;gap:8px;display:flex}.app .row-main{flex-direction:column;flex:1;min-width:0;display:flex}.app .row-line{align-items:center;gap:6px;display:flex}.app .row-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.app .row-time{color:var(--hint);flex-shrink:0;font-size:10px}.app .row-sub{color:var(--hint);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.app .row-meta{color:var(--hint);align-items:center;gap:8px;margin-top:4px;font-size:10px;display:flex}.app .chevron{width:15px;height:15px;color:var(--hint);flex-shrink:0}.app .home-head{justify-content:space-between;align-items:center;display:flex}.app .school{align-items:center;gap:10px;display:flex}.app .school-logo{background:rgb(var(--brand));color:#fff;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.app .school-logo svg{width:18px;height:18px}.app .school-name{letter-spacing:-.01em;font-size:16px;font-weight:600}.app .bell{background:var(--card);width:40px;height:40px;color:var(--hint);border-radius:999px;justify-content:center;align-items:center;display:flex;position:relative}.app .bell svg{width:18px;height:18px}.app .bell-badge,.app .tab-badge{background:rgb(var(--brand));color:#fff;border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute}.app .bell-badge{min-width:18px;height:18px;padding:0 4px;font-size:10px;top:0;right:0}.app .date{color:var(--sub);font-size:14px}.app .greeting{letter-spacing:-.01em;margin-top:2px;font-size:24px;font-weight:700;line-height:32px}.app .section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.app .section-title{font-size:16px;font-weight:700}.app .see-all{color:rgb(var(--brand));font-size:12px;font-weight:500}.app .announce-icon{background:rgb(var(--amber) / .13);border:1px solid rgb(var(--amber) / .3);width:48px;height:48px;color:rgb(var(--amber));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app .announce-icon svg{width:18px;height:18px}.app .pinned{letter-spacing:.05em;text-transform:uppercase;color:rgb(var(--brand));flex-shrink:0;font-size:9px;font-weight:700}.app .group-avatar{background:rgb(var(--tint) / .16);border:1px solid rgb(var(--tint) / .3);width:44px;height:44px;color:rgb(var(--tint));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.app .group-avatar svg{width:20px;height:20px}.app .online{border:2px solid var(--card);background:#4ade80;border-radius:999px;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.app .rdv-badge{color:rgb(var(--brand));align-items:center;gap:2px;display:inline-flex}.app .rdv-badge svg{width:9px;height:9px}.app .network-head{border-bottom:1px solid var(--raised);padding:16px 20px}.app .page-title{letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:36px}.app .search{background:var(--card);border:1px solid var(--border);height:48px;color:var(--icon);border-radius:16px;align-items:center;gap:10px;margin-top:16px;padding:0 16px;font-size:16px;display:flex}.app .search svg{width:18px;height:18px;color:var(--hint)}.app .caps-label{letter-spacing:.06em;text-transform:uppercase;color:var(--hint);padding:24px 20px 8px;font-size:12px;font-weight:700}.app .contact{border-bottom:1px solid var(--card);align-items:center;gap:14px;padding:12px 20px;display:flex}.app .contact-avatar{background:rgb(var(--tint) / .18);border:1.5px solid rgb(var(--tint) / .4);width:46px;height:46px;color:rgb(var(--tint));border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.app .contact-name{font-size:16px;font-weight:600}.app .contact-sub{color:var(--hint);margin-top:1px;font-size:13px}.app .contact-action{width:20px;height:20px;color:var(--sub);flex-shrink:0;stroke-width:1.8px!important}.app .chat{flex-direction:column;flex:1;min-height:0;display:flex}.app .chat-head{background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:6px 16px 12px 10px;display:flex}.app .chat-back{width:26px;height:26px;color:var(--sub)}.app .chat-name{font-size:16px;font-weight:700}.app .chat-sub{color:rgb(var(--brand));margin-top:1px;font-size:13px}.app .round-btn{background:var(--raised);width:40px;height:40px;color:var(--sub);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app .round-btn svg{width:18px;height:18px}.app .round-btn-brand{background:rgb(var(--brand) / .12);border:1px solid rgb(var(--brand) / .3);color:rgb(var(--brand))}.app .chat-thread{flex-direction:column;flex:1;gap:14px;min-height:0;padding:4px 16px 0;display:flex;overflow:hidden}.app .day{color:var(--hint);align-items:center;gap:12px;margin:10px 0 0;font-size:12px;display:flex}.app .day span{background:var(--raised);flex:1;height:1px}.app .msg-in{align-items:flex-end;gap:8px;max-width:82%;display:flex}.app .msg-in>div{min-width:0}.app .msg-in-card{padding-left:0}.app .msg-avatar{background:rgb(var(--brand));color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:20px;font-size:13px;font-weight:700;display:flex}.app .msg-sender{color:var(--hint);margin:0 0 4px 4px;font-size:12px}.app .msg-out{flex-direction:column;align-self:flex-end;align-items:flex-end;max-width:80%;display:flex}.app .bubble{border-radius:20px;padding:10px 16px;font-size:15px;line-height:21px}.app .bubble-in{background:var(--raised);border-bottom-left-radius:6px}.app .bubble-out{background:rgb(var(--brand));color:#fff;border-bottom-right-radius:6px}.app .msg-time{color:var(--hint);margin:4px 4px 0;font-size:11px}.app .rdv{background:rgb(var(--brand) / .08);border:1px solid rgb(var(--brand) / .35);border-radius:22px;padding:14px 16px 16px}.app .rdv-head{letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--brand));align-items:center;gap:10px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.app .rdv-icon{background:rgb(var(--brand) / .15);border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.app .rdv-icon svg{width:15px;height:15px}.app .rdv-line{align-items:center;gap:10px;padding:4px 0;font-size:15px;display:flex}.app .rdv-line svg{width:16px;height:16px;color:var(--hint);flex-shrink:0}.app .file{background:rgb(var(--brand) / .12);border:1px solid rgb(var(--brand) / .35);border-radius:22px;align-items:center;gap:12px;padding:12px 16px 12px 12px;display:flex}.app .file-icon{background:var(--raised);color:#dc2626;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.app .file-icon svg{width:20px;height:20px}.app .file-name{white-space:nowrap;font-size:15px;font-weight:500}.app .file-size{color:var(--hint);margin-top:1px;font-size:13px}.app .composer{background:var(--card);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:10px 14px 34px;display:flex}.app .input{background:var(--bg);border:1px solid var(--border);height:44px;color:var(--icon);border-radius:999px;flex:1;justify-content:space-between;align-items:center;padding:0 6px 0 16px;font-size:15px;display:flex}.app .send{background:rgb(var(--brand) / .35);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.app .send svg{width:15px;height:15px}.app .tabbar{background:var(--card);border-top:1px solid var(--border);flex-shrink:0;justify-content:space-around;padding:4px 8px 34px;display:flex}.app .tab{color:var(--hint);flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-size:10px;font-weight:500;display:flex}.app .tab-icon{display:flex;position:relative}.app .tab-icon svg{stroke-width:1.8px;width:22px;height:22px}.app .tab-active{color:rgb(var(--brand))}.app .tab-active .tab-icon svg{stroke-width:2.5px}.app .tab-badge{min-width:16px;height:16px;padding:0 4px;font-size:9px;top:-4px;right:-8px}.app.app-phone{width:393px;height:852px}.app.app-ipad{flex-direction:row;width:1194px;height:834px}.app.app-mac{flex-direction:row;width:1440px;height:900px}.app .side{border-right:1px solid var(--raised);flex-direction:column;flex-shrink:0;width:240px;display:flex}.app .side-head{border-bottom:1px solid var(--raised);align-items:center;gap:12px;height:64px;padding:0 20px;display:flex}.app .side-nav{flex-direction:column;gap:4px;padding:16px 12px;display:flex}.app .side-item{height:40px;color:var(--sub);border-radius:12px;align-items:center;gap:14px;padding:0 12px;font-size:15px;display:flex;position:relative}.app .side-item svg{stroke-width:1.8px;width:19px;height:19px;color:var(--hint)}.app .side-item-active{background:var(--card);color:var(--fg);font-weight:500}.app .side-item-active svg{color:rgb(var(--brand));stroke-width:2.2px}.app .side-badge{background:rgb(var(--brand));color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:flex}.app .side-foot{border-top:1px solid var(--raised);flex-direction:column;gap:4px;margin-top:auto;padding:12px 12px 16px;display:flex}.app .me-avatar{color:#db2777;background:#db27772e;border:1px solid #db277766;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.app .col-groups{border-right:1px solid var(--raised);flex-direction:column;flex-shrink:0;width:290px;display:flex}.app .col-head{border-bottom:1px solid var(--raised);justify-content:space-between;align-items:center;height:64px;padding:0 20px;font-size:16px;font-weight:700;display:flex}.app .add-btn{background:rgb(var(--brand) / .12);border:1px solid rgb(var(--brand) / .3);width:34px;height:34px;color:rgb(var(--brand));border-radius:10px;justify-content:center;align-items:center;display:flex}.app .add-btn svg{width:17px;height:17px}.app .col-list{flex-direction:column;gap:4px;padding:12px;display:flex}.app .list-item{border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.app .list-item-active{background:var(--card)}.app .chat-wide{flex:1;min-width:0}.app .chat-wide .chat-head{background:var(--bg);border-bottom-color:var(--raised);gap:14px;height:64px;padding:0 20px}.app .chat-wide .chat-sub{color:var(--hint)}.app .chat-wide .chat-thread{padding:4px 40px 0}.app .chat-wide .msg-in,.app .chat-wide .msg-out{max-width:60%}.app .chat-wide .composer{background:var(--bg);border-top-color:var(--raised);padding:14px 24px}.app .col-panel{border-left:1px solid var(--raised);flex-shrink:0;width:320px}.app .panel-block{border-bottom:1px solid var(--raised);padding:22px 24px}.app .panel-block .caps-label{padding:0 0 14px}.app .panel-row{align-items:center;gap:12px;display:flex}.app .panel-row+.panel-row{margin-top:12px}.app .panel-icon{background:rgb(var(--brand) / .1);width:40px;height:40px;color:rgb(var(--brand));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app .panel-icon svg{width:18px;height:18px}.app .panel-icon-file{background:var(--card);color:var(--sub)}.app .panel-title{font-size:15px;font-weight:500}.app .panel-sub{color:var(--hint);margin-top:1px;font-size:13px}.app .panel-row .contact-avatar{width:38px;height:38px;font-size:13px}.app .home-wide{flex-direction:column;flex:1;gap:32px;min-width:0;padding:40px 48px 0;display:flex;overflow:hidden}.app .home-wide .greeting{font-size:34px;line-height:42px}.app .home-wide .see-all{font-size:14px}.app .home-wide .section-title{font-size:18px}.app .home-wide .row{gap:16px;padding:14px 18px}.app .home-wide .row-title{font-size:15px}.app .home-wide .row-sub{font-size:13px}.app .home-wide .row-meta{font-size:12px}.app .grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.app .grid-2 .group-avatar{width:50px;height:50px}.app .grid-2 .group-avatar svg{width:23px;height:23px}.device[data-astro-cid-dgzf4czg]{--s:.6;--bezel:8px;--radius:calc(55px * var(--s));border-radius:calc(var(--radius) + var(--bezel) + 2.5px);background:linear-gradient(140deg,#f3f1ec 0%,#b9b6af 14%,#77746e 32%,#a8a59e 52%,#e9e7e2 70%,#8b8882 88%,#cfccc5 100%);padding:2.5px;position:relative;box-shadow:0 0 0 .5px #1a181440,0 2px 3px #1a181414,0 22px 40px -18px #1a181459,0 60px 90px -40px #1a181466}.device-hero[data-astro-cid-dgzf4czg]{--s:.672;--bezel:9px}.device-compact[data-astro-cid-dgzf4czg]{--s:.36;--bezel:5px}.device-btn[data-astro-cid-dgzf4czg]{background:linear-gradient(90deg,#8b8882,#d6d3cc 60%,#9a978f);border-radius:2px;width:3px;position:absolute}.device-btn-action[data-astro-cid-dgzf4czg]{height:4.5%;top:17%;left:-2px}.device-btn-vol-up[data-astro-cid-dgzf4czg]{height:8%;top:25%;left:-2px}.device-btn-vol-down[data-astro-cid-dgzf4czg]{height:8%;top:35%;left:-2px}.device-btn-power[data-astro-cid-dgzf4czg]{height:12%;top:28%;right:-2px}.device-bezel[data-astro-cid-dgzf4czg]{padding:var(--bezel);border-radius:calc(var(--radius) + var(--bezel));background:#0b0b0c;box-shadow:inset 0 0 0 1px #ffffff12}.device-screen[data-astro-cid-dgzf4czg]{width:calc(393px * var(--s));height:calc(852px * var(--s));border-radius:var(--radius);contain:layout paint;background:#fcfcfd;position:relative;overflow:hidden}.glare[data-astro-cid-dgzf4czg]{pointer-events:none;background:linear-gradient(118deg,#ffffff47 0%,#ffffff14 24%,#fff0 42%);position:absolute;inset:0}.mac[data-astro-cid-45q77nif]{--s:.486;flex-direction:column;align-items:center;display:flex}.mac-lid[data-astro-cid-45q77nif]{background:#0b0b0c;border-radius:16px 16px 4px 4px;padding:9px 9px 14px;position:relative;box-shadow:0 0 0 1.5px #a9a6a0,0 0 0 2px #00000059,0 30px 60px -30px #000000b3}.mac-base[data-astro-cid-45q77nif]{width:calc(1440px * var(--s) * 1.17);background:linear-gradient(#f1efea 0%,#c9c6bf 35%,#9c9993 75%,#6f6c67 100%);border-radius:2px 2px 14px 14px/2px 2px 9px 9px;height:13px;margin-top:1px;position:relative;box-shadow:0 22px 34px -14px #000000bf}.mac-thumb[data-astro-cid-45q77nif]{background:linear-gradient(#8e8b85,#b4b1aa);border-radius:0 0 7px 7px;width:16%;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.ipad[data-astro-cid-45q77nif]{--s:.312}.ipad-body[data-astro-cid-45q77nif]{background:#0b0b0c;border-radius:24px;padding:12px;position:relative;box-shadow:0 0 0 2px #b9b6af,0 0 0 2.5px #00000059,0 28px 50px -22px #000000bf}.ipad-camera[data-astro-cid-45q77nif]{background:#2a2a2e;border-radius:999px;width:4px;height:4px;margin-left:-2px;position:absolute;top:4.5px;left:50%}.device-screen[data-astro-cid-45q77nif]{contain:layout paint;background:#fcfcfd;position:relative;overflow:hidden}.mac[data-astro-cid-45q77nif] .device-screen[data-astro-cid-45q77nif]{width:calc(1440px * var(--s));height:calc(900px * var(--s));border-radius:4px 4px 0 0}.ipad[data-astro-cid-45q77nif] .device-screen[data-astro-cid-45q77nif]{width:calc(1194px * var(--s));height:calc(834px * var(--s));border-radius:12px}.glare[data-astro-cid-45q77nif]{pointer-events:none;background:linear-gradient(118deg,#ffffff38 0%,#ffffff0f 26%,#fff0 44%);position:absolute;inset:0}.devices[data-astro-cid-jfe34jx5]{zoom:.3;width:1040px;height:570px;margin:0 auto;position:relative}.devices[data-astro-cid-jfe34jx5]:before{content:"";background:radial-gradient(closest-side,#2c3fe04d,#2c3fe01f 55%,#2c3fe000);border-radius:50%;position:absolute;inset:8% 10% 0}.devices-mac[data-astro-cid-jfe34jx5]{position:absolute;top:0;left:50%;transform:translate(-50%)}.devices-ipad[data-astro-cid-jfe34jx5]{position:absolute;top:270px;left:0}.devices-phone[data-astro-cid-jfe34jx5]{position:absolute;top:236px;right:70px}@media (width<=359px){.devices[data-astro-cid-jfe34jx5]{zoom:.26}}@media (width>=400px){.devices[data-astro-cid-jfe34jx5]{zoom:.338}}@media (width>=480px){.devices[data-astro-cid-jfe34jx5]{zoom:.415}}@media (width>=640px){.devices[data-astro-cid-jfe34jx5]{zoom:.565}}@media (width>=768px){.devices[data-astro-cid-jfe34jx5]{zoom:.69}}@media (width>=1024px){.devices[data-astro-cid-jfe34jx5]{zoom:.93}}@media (width>=1152px){.devices[data-astro-cid-jfe34jx5]{zoom:1}}
