.app-phone-stage[data-v-4c5faa5a]{display:grid;min-height:540px;place-items:center;position:relative}.app-phone-stage--dark[data-v-4c5faa5a]{min-height:580px}.app-phone-shadow[data-v-4c5faa5a]{background:#0f172a2e;border-radius:48px;filter:blur(42px);height:420px;position:absolute;transform:translate(18px,34px) rotate(-8deg);width:270px}.app-phone[data-v-4c5faa5a]{animation:phoneFloat-4c5faa5a 6s ease-in-out infinite;position:relative;transform:rotate(-4deg);width:min(294px,78vw)}.app-phone__bezel[data-v-4c5faa5a]{background:linear-gradient(145deg,#111827,#020617 72%);border-radius:42px;box-shadow:0 28px 80px #0f172a42;padding:10px}.app-phone__speaker[data-v-4c5faa5a]{background:#1f2937;border-radius:999px;height:6px;left:50%;position:absolute;top:21px;transform:translate(-50%);width:68px;z-index:2}.app-phone__screen[data-v-4c5faa5a]{background:linear-gradient(180deg,#10b98129,#fff0 30%),#f8fafc;border-radius:33px;color:#111827;min-height:560px;overflow:hidden;padding:20px 16px 18px}.app-action[data-v-4c5faa5a],.app-class-row[data-v-4c5faa5a],.app-float[data-v-4c5faa5a],.app-member[data-v-4c5faa5a],.app-status[data-v-4c5faa5a],.app-topbar[data-v-4c5faa5a]{align-items:center;display:flex}.app-status[data-v-4c5faa5a]{color:#334155;font-size:11px;font-weight:700;justify-content:space-between;padding:0 4px}.app-status__dots[data-v-4c5faa5a]{display:inline-flex;gap:3px}.app-status__dots span[data-v-4c5faa5a]{background:#334155;border-radius:999px;height:4px;width:4px}.app-topbar[data-v-4c5faa5a]{justify-content:space-between;margin-top:26px}.app-class-row p[data-v-4c5faa5a],.app-member span[data-v-4c5faa5a],.app-topbar p[data-v-4c5faa5a]{color:#64748b;font-size:11px;margin:0}.app-topbar strong[data-v-4c5faa5a]{display:block;font-size:21px;letter-spacing:0;margin-top:1px}.app-avatar[data-v-4c5faa5a],.app-member__photo[data-v-4c5faa5a]{border-radius:18px;display:grid;font-weight:800;place-items:center}.app-avatar[data-v-4c5faa5a]{background:#047857;color:#ecfdf5;height:42px;width:42px}.app-pulse[data-v-4c5faa5a]{align-items:center;background:#dcfce7;border-radius:999px;color:#047857;display:inline-flex;font-size:12px;font-weight:800;gap:8px;margin-top:18px;padding:8px 11px}.app-float--bottom span[data-v-4c5faa5a],.app-pulse span[data-v-4c5faa5a]{animation:signalPulse-4c5faa5a 1.8s ease-out infinite;background:#10b981;border-radius:999px;box-shadow:0 0 #10b98180;height:8px;width:8px}.app-member[data-v-4c5faa5a]{background:#111827;border-radius:24px;color:#fff;gap:10px;justify-content:space-between;margin-top:18px;padding:14px}.app-member__photo[data-v-4c5faa5a]{background:#a7f3d0;color:#065f46;flex:0 0 auto;height:44px;width:44px}.app-member p[data-v-4c5faa5a]{font-size:14px;font-weight:800;margin:0}.app-member span[data-v-4c5faa5a]{color:#cbd5e1;display:block;margin-top:2px}.app-member strong[data-v-4c5faa5a]{color:#6ee7b7;font-size:12px}.app-tabs[data-v-4c5faa5a]{background:#e2e8f0;border-radius:17px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);margin-top:18px;padding:5px}.app-tabs span[data-v-4c5faa5a]{border-radius:13px;color:#64748b;font-size:11px;font-weight:800;line-height:30px;text-align:center}.app-tabs .is-active[data-v-4c5faa5a]{background:#fff;box-shadow:0 6px 16px #0f172a14;color:#064e3b}.app-class-list[data-v-4c5faa5a]{display:grid;gap:10px;margin-top:14px}.app-class-row[data-v-4c5faa5a]{animation:rowLift-4c5faa5a 4.8s ease-in-out infinite;background:#fff;border-radius:20px;box-shadow:0 1px #0f172a0d;justify-content:space-between;padding:13px 14px}.app-class-row[data-v-4c5faa5a]:nth-child(2){animation-delay:.7s}.app-class-row[data-v-4c5faa5a]:nth-child(3){animation-delay:1.4s}.app-class-row strong[data-v-4c5faa5a]{display:block;font-size:13px;margin-top:2px}.app-class-row span[data-v-4c5faa5a]{background:#ecfdf5;border-radius:999px;color:#047857;font-size:11px;font-weight:800;padding:6px 9px}.app-action[data-v-4c5faa5a]{background:#047857;border-radius:22px;color:#fff;justify-content:space-between;margin-top:16px;padding:15px}.app-action span[data-v-4c5faa5a]{color:#bbf7d0;font-size:12px;font-weight:700}.app-action strong[data-v-4c5faa5a]{font-size:13px}.app-float[data-v-4c5faa5a]{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;border:1px solid rgba(15,23,42,.08);border-radius:999px;box-shadow:0 18px 42px #0f172a24;color:#334155;font-size:12px;font-weight:800;gap:7px;padding:10px 13px;position:absolute}.app-float--top[data-v-4c5faa5a]{animation:floatBadge-4c5faa5a 5s ease-in-out infinite;right:max(14px,9%);top:92px}.app-float--top span[data-v-4c5faa5a]{color:#047857}.app-float--bottom[data-v-4c5faa5a]{animation:floatBadge-4c5faa5a 5.4s ease-in-out infinite reverse;bottom:66px;left:max(12px,8%)}@keyframes phoneFloat-4c5faa5a{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-13px) rotate(-2.5deg)}}@keyframes signalPulse-4c5faa5a{0%{box-shadow:0 0 #10b98180}to{box-shadow:0 0 0 12px #10b98100}}@keyframes rowLift-4c5faa5a{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes floatBadge-4c5faa5a{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(prefers-reduced-motion:reduce){.app-class-row[data-v-4c5faa5a],.app-float[data-v-4c5faa5a],.app-float--bottom span[data-v-4c5faa5a],.app-phone[data-v-4c5faa5a],.app-pulse span[data-v-4c5faa5a]{animation:none}}