:root{--bg:#F5F2FE;--surface:#FFFFFF;--surface-tint:#EFE8FF;--ink:#241B3D;--ink-soft:#786F94;--primary:#7C5CFC;--primary-dark:#5B3FE0;--primary-soft:#E7E0FF;--accent:#FF7A45;--accent-dark:#E85F2A;--accent-soft:#FFE6D6;--success:#22C55E;--success-soft:#DEFBE8;--warning:#F5A524;--warning-soft:#FFF3D9;--danger:#F0466E;--danger-soft:#FEE1EA;--info:#3B9EFF;--info-soft:#DFEEFF;--nav-dark:#1D1832;--blue:var(--primary);--blue-dark:var(--primary-dark);--blue-deep:var(--ink);--blue-light:var(--primary-soft);--blue-tint:var(--surface-tint);--teal:#0d9488;--teal-dark:#0f766e;--teal-light:#ccfbf1;--teal-tint:#f0fdfa;--slate:var(--ink-soft);--paper:var(--bg);--white:#ffffff;--yellow:var(--warning);--yellow-tint:var(--warning-soft);--amber:var(--warning);--amber-tint:var(--warning-soft);--orange:var(--accent);--orange-tint:var(--accent-soft);--green:var(--success);--green-dark:#059669;--green-tint:var(--success-soft);--violet:var(--primary);--violet-tint:var(--primary-soft);--line:#ECE7FA;--background:var(--bg);--foreground:var(--ink);--surface-2:var(--surface-tint);--primary-fg:#ffffff;--secondary:var(--teal);--secondary-fg:#ffffff;--reward:var(--warning);--muted:#EDE8FB;--muted-fg:var(--ink-soft);--success-tint:var(--success-soft);--warning-tint:var(--warning-soft);--destructive:var(--danger);--whatsapp:#25d366;--border:var(--line);--ring:var(--primary);--glass-bg:rgba(255,255,255,0.88);--glass-border:rgba(236,231,250,0.75);--glass-blur:blur(20px);--gradient-primary:linear-gradient(145deg,#7C5CFC,#5B3FE0);--gradient-hero:linear-gradient(150deg,#7C5CFC,#5B3FE0);--gradient-map:linear-gradient(160deg,#F5F2FE,#FFFFFF);--gradient-success:linear-gradient(135deg,#059669,#22C55E);--gradient-teacher:linear-gradient(135deg,#5B3FE0,#7C5CFC);--gradient-admin:linear-gradient(135deg,#1D1832,#5B3FE0);--gradient-engage:linear-gradient(135deg,#7C5CFC,#FF7A45);--gradient-reward:linear-gradient(135deg,#F5A524,#FF7A45);--shadow:0 14px 34px -14px rgba(124,92,252,0.25);--shadow-soft:0 2px 6px rgba(36,27,61,0.04),0 8px 18px -6px rgba(124,92,252,0.12);--shadow-card:0 10px 28px -10px rgba(124,92,252,0.28),0 2px 8px rgba(36,27,61,0.05);--shadow-pop:0 14px 28px -8px rgba(255,122,69,0.45);--shadow-lift:0 14px 32px -8px rgba(124,92,252,0.38);--shadow-float:0 20px 40px -12px rgba(36,27,61,0.16);--shadow-nav:0 20px 44px -14px rgba(20,15,40,0.55);--ease-ui:cubic-bezier(0.16,1,0.3,1);--ease-reveal:cubic-bezier(0.16,1,0.3,1);--ease-feed:0.4s ease;--dur-bus:7s;--dur-pulse:1.4s;--font-sans:"Plus Jakarta Sans","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Plus Jakarta Sans","Inter",-apple-system,sans-serif;--font-display:"Fredoka","Nunito Sans",-apple-system,sans-serif;--page-x:1.15rem;--radius:22px;--radius-card:22px;--radius-btn:16px;--radius-chip:999px}*{box-sizing:border-box;border-color:var(--border)}html{scroll-behavior:smooth}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);background-image:radial-gradient(ellipse 60% 40% at 50% 0,rgba(124,92,252,.09),transparent 70%),linear-gradient(180deg,#EFEAFF,#F7F5FF 60%,#FBEFE7);background-attachment:fixed;color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}.display,h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:none;background:none;transition:transform var(--ease-ui),opacity var(--ease-ui)}button:active{transform:scale(.97)}ol,ul{margin:0;padding:0;list-style:none}.app-shell{min-height:100vh;display:flex;flex-direction:column;color:var(--foreground);background:var(--background);width:100%;max-width:440px;margin:0 auto;position:relative;box-shadow:0 0 50px -10px rgba(15,23,42,.12),0 0 1px 1px rgba(226,232,240,.8)}.safe-top{padding-top:calc(1.25rem + env(safe-area-inset-top, 0px))}.safe-bottom{padding-bottom:calc(.75rem + env(safe-area-inset-bottom, 0px))}.page-x{padding-left:var(--page-x);padding-right:var(--page-x)}.page-main{flex:1 1;padding-top:.75rem;padding-bottom:calc(7rem + env(safe-area-inset-bottom, 0px))}.header-primary{background:var(--gradient-primary);color:var(--primary-fg);border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-shadow:0 12px 28px -6px rgba(124,92,252,.35);padding-bottom:.85rem;position:relative;overflow:hidden}.header-primary:before{content:"";position:absolute;top:-80px;right:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);pointer-events:none}.header-plain{background:rgba(255,255,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding-bottom:.75rem;position:-webkit-sticky;position:sticky;top:0;z-index:30}.header-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.header-sub{margin:0;font-size:11px;font-weight:500;opacity:.7}.header-title{margin:.125rem 0 0;font-size:20px;font-weight:700;font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;transition:background var(--ease-ui),transform var(--ease-ui),box-shadow var(--ease-ui)}.icon-btn:active{transform:scale(.94)}.icon-btn.on-primary{background:rgb(255 255 255/.15);color:var(--primary-fg)}.icon-btn.on-primary:hover{background:rgb(255 255 255/.25)}.icon-btn.muted{background:var(--muted);color:var(--foreground)}.icon-btn.muted:hover{background:var(--accent)}.icon-btn.has-alert .icon-bell{animation:iconBellRing 1.8s ease-in-out infinite;transform-origin:top center}@keyframes iconBellRing{0%,to{transform:rotate(0)}8%{transform:rotate(12deg)}16%{transform:rotate(-10deg)}24%{transform:rotate(8deg)}32%{transform:rotate(-4deg)}40%{transform:rotate(0)}}.app-icon{display:inline-grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:.75rem;flex-shrink:0;transition:transform var(--ease-ui),box-shadow var(--ease-ui),background var(--ease-ui)}.app-icon-svg{display:block}.app-icon-blue{color:#1d4ed8;background:linear-gradient(145deg,#dbeafe,#eff6ff)}.app-icon-blue,.app-icon-green{box-shadow:inset 0 1px 0 rgb(255 255 255/.7)}.app-icon-green{color:#15803d;background:linear-gradient(145deg,#dcfce7,#f0fdf4)}.app-icon-amber,.app-icon-orange{color:#c2410c;background:linear-gradient(145deg,#ffedd5,#fff7ed);box-shadow:inset 0 1px 0 rgb(255 255 255/.7)}.app-icon-teal{color:#0f766e;background:linear-gradient(145deg,#ccfbf1,#f0fdfa)}.app-icon-teal,.app-icon-yellow{box-shadow:inset 0 1px 0 rgb(255 255 255/.7)}.app-icon-yellow{color:#a16207;background:linear-gradient(145deg,#fef3c7,#fffbeb)}.app-icon-rose{color:#c2410c;background:linear-gradient(145deg,#ffedd5,#fff7ed)}.app-icon-rose,.app-icon-slate{box-shadow:inset 0 1px 0 rgb(255 255 255/.7)}.app-icon-slate{color:#334155;background:linear-gradient(145deg,#e2e8f0,#f8fafc)}.app-shell[data-role=student] .engage-hero,.app-shell[data-role=student] .zone-card{box-shadow:var(--shadow-card)}.app-shell[data-role=parent] .quick-btn{background:var(--white)}.app-shell[data-role=admin] .card,.app-shell[data-role=class_teacher] .card,.app-shell[data-role=super_admin] .card{border-radius:12px}.app-shell[data-role=admin] .bottom-nav-inner,.app-shell[data-role=super_admin] .bottom-nav-inner{background:rgba(248,250,252,.96)}.app-icon.is-active{transform:translateY(-1px) scale(1.06);box-shadow:0 6px 14px -8px rgb(37 99 235/.55),inset 0 1px 0 rgb(255 255 255/.8)}.app-icon.is-pulse{animation:appIconPulse 1.6s ease-in-out infinite}@keyframes appIconPulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 25%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,currentColor 0%,transparent)}}.sc-icon.icon-sparkles{animation:iconSparkle 2.8s ease-in-out infinite;transform-origin:center}@keyframes iconSparkle{0%,to{transform:scale(1) rotate(0deg);opacity:1}50%{transform:scale(1.08) rotate(6deg);opacity:.9}}.bottom-nav-link .app-icon{width:2.35rem;height:2.35rem;border-radius:.85rem}.bottom-nav-link:active .app-icon{transform:scale(.92)}.bottom-nav-link.active .app-icon{animation:navIconPop .45s ease both}@keyframes navIconPop{0%{transform:scale(.86)}60%{transform:scale(1.1)}to{transform:scale(1.06)}}.quick-btn .app-icon{width:2.5rem;height:2.5rem;border-radius:.9rem}.quick-btn:hover .app-icon{transform:translateY(-2px) scale(1.05)}.quick-btn svg{color:inherit}.dot-warn{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:999px;background:var(--warning)}.bottom-nav{position:fixed;bottom:0;inset-inline:0;z-index:40;margin:0 auto;max-width:440px;pointer-events:none}.bottom-nav-inner{margin:0 1rem 1.15rem;border-radius:26px;background:var(--nav-dark);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-nav);padding:.35rem .45rem;pointer-events:auto}.bottom-nav-list{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;grid-gap:3px;gap:3px}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.45rem .2rem .35rem;font-size:11px;font-weight:700;color:#8A82A8;border-radius:16px;transition:all var(--ease-ui);position:relative}.bottom-nav-link:hover{color:#FFFFFF}.bottom-nav-link.active{color:#FFFFFF;background:rgba(124,92,252,.35)}.bottom-nav-indicator{display:none}.nav-badge{top:-4px;right:-6px;color:#fff;font-weight:800;box-shadow:0 2px 6px rgba(239,68,68,.45);border:1.5px solid #fff;animation:pulse 2s infinite}.card{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);transition:transform var(--ease-ui),box-shadow var(--ease-ui)}.card-pad{padding:1rem}.muted{color:var(--muted-fg)}.text-xs{font-size:12px}.text-11{font-size:11px}.text-10{font-size:10px}.text-sm{font-size:14px}.text-15{font-size:15px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row{display:flex;align-items:center;gap:.75rem}.grow{flex:1 1;min-width:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.section-label{margin:1.5rem 0 .625rem;padding-inline:.25rem;font-size:12px;font-weight:700;color:var(--primary-dark);text-transform:uppercase;letter-spacing:.14em}.avatar{width:48px;height:48px;border-radius:13px;background:var(--gradient-primary);color:white;display:grid;place-items:center;font-weight:700;flex-shrink:0;box-shadow:0 6px 14px -4px rgba(37,99,235,.45)}.status-live{display:inline-flex;align-items:center;gap:.375rem;font-size:11px;font-weight:600;color:var(--success)}.status-live:before{content:"";width:7px;height:7px;border-radius:999px;background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.28)}.quick-grid{grid-template-columns:repeat(4,1fr);grid-gap:.5rem}.quick-grid,.trust-highlights{display:grid;gap:.5rem;margin-top:1rem}.trust-highlights{grid-template-columns:repeat(3,1fr);grid-gap:.5rem}.trust-card{display:flex;flex-direction:column;padding:.85rem .7rem;border-radius:var(--radius-card);border:1.5px solid var(--border);background:var(--paper);color:var(--foreground);min-height:7.25rem}.trust-card.tone-green{border-color:color-mix(in srgb,var(--green,#16a34a) 45%,var(--border));background:color-mix(in srgb,#16a34a 8%,var(--paper))}.trust-card.tone-blue{border-color:color-mix(in srgb,var(--blue) 50%,var(--border));background:var(--blue-tint)}.trust-card.tone-yellow{border-color:color-mix(in srgb,#eab308 50%,var(--border));background:color-mix(in srgb,#eab308 10%,var(--paper))}.trust-card-value{margin:2px 0 0;font-size:1.15rem;font-weight:800;line-height:1.2;text-transform:capitalize}.quick-btn{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .35rem;border-radius:var(--radius-chip);background:var(--paper);border:1px solid var(--border);color:var(--foreground);transition:transform var(--ease-ui),box-shadow var(--ease-ui),border-color var(--ease-ui)}.quick-btn:hover{transform:translateY(-2px);border-color:var(--blue);box-shadow:var(--shadow-soft);background:var(--blue-tint)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.stat-card{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);padding:.875rem;transition:transform var(--ease-ui),box-shadow var(--ease-ui)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-float)}.home-hero-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.15rem;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.sibling-switcher-dock{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:2px;margin-top:.75rem}.sibling-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700;background:var(--muted);color:var(--muted-fg);border:1px solid var(--border);transition:all var(--ease-ui);cursor:pointer;white-space:nowrap}.sibling-pill.active,.sibling-pill:hover{background:var(--blue-tint);color:var(--primary)}.sibling-pill.active{border-color:rgba(37,99,235,.4);box-shadow:0 2px 8px rgba(37,99,235,.15)}.home-beacon-live{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:999px;background:rgba(16,185,129,.12);color:#059669;border:1px solid rgba(16,185,129,.25)}.home-beacon-live:before{content:"";width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.3);animation:pulse 1.4s infinite}.home-metric-card{display:flex;flex-direction:column;padding:.95rem;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);transition:all var(--ease-ui);color:inherit}.home-metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);border-color:rgba(37,99,235,.3)}.feed-item-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);transition:all var(--ease-ui);color:inherit}.feed-item-card:hover{border-color:rgba(37,99,235,.35);transform:translateY(-1px);box-shadow:var(--shadow-card)}.stat-value{margin-top:.5rem;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--primary-dark)}.hero-card{background:linear-gradient(150deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius-card);padding:20px 18px;color:#ffffff;display:flex;align-items:center;gap:14px;box-shadow:0 16px 30px -10px rgba(91,63,224,.55);position:relative;overflow:hidden;margin-bottom:16px}.hero-card:after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.08)}.hero-text .hero-kicker{font-size:12px;font-weight:700;opacity:.85;margin-bottom:2px}.hero-text .hero-title{font-family:var(--font-display);font-size:20px;font-weight:600;margin-bottom:8px;line-height:1.2}.streak-chip{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.18);padding:5px 10px;border-radius:var(--radius-chip);font-size:12px;font-weight:700}.mascot{width:74px;height:74px;flex-shrink:0;position:relative;animation:float 3.2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mascot-body{width:100%;height:100%;background:linear-gradient(160deg,#FFD9A8,var(--accent));border-radius:38% 42% 46% 46%/50% 50% 44% 44%;box-shadow:inset 0 -8px 14px rgba(0,0,0,.12),0 10px 18px -6px rgba(0,0,0,.35);position:relative}.mascot-body .eye{position:absolute;width:7px;height:9px;background:#241B3D;border-radius:50%;top:34px}.mascot-body .eye.l{left:22px}.mascot-body .eye.r{left:42px}.mascot-body .blush{position:absolute;width:9px;height:6px;background:#ff9d7a;border-radius:50%;top:44px;opacity:.7}.mascot-body .blush.l{left:14px}.mascot-body .blush.r{left:52px}.mascot-body .smile{position:absolute;width:12px;height:6px;border:2px solid #241b3d;border-top:none;border-radius:0 0 12px 12px;top:44px;left:30px}.quick-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px}.quick-pill{flex-shrink:0;flex-direction:column;gap:6px;width:68px;text-decoration:none;color:inherit}.quick-pill,.quick-pill .qicon{display:flex;align-items:center}.quick-pill .qicon{width:52px;height:52px;border-radius:18px;justify-content:center;box-shadow:var(--shadow-card);transition:transform var(--ease-ui)}.quick-pill:hover .qicon{transform:translateY(-2px)}.quick-pill span{font-size:11px;font-weight:700;text-align:center;color:var(--ink-soft)}.feed-item{display:flex;gap:12px;background:var(--surface);border-radius:18px;padding:13px;margin-bottom:10px;box-shadow:var(--shadow-card);border-left:4px solid var(--primary);align-items:center;text-decoration:none;color:inherit;transition:transform var(--ease-ui)}.feed-item:hover{transform:translateY(-2px)}.feed-item.orange{border-left-color:var(--accent)}.feed-item.green{border-left-color:var(--success)}.feed-item.amber{border-left-color:var(--warning)}.feed-icon{width:36px;height:36px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.feed-title{font-size:13.5px;font-weight:700;color:var(--foreground)}.feed-sub{font-size:12px;margin-top:2px}.feed-sub,.feed-time{color:var(--ink-soft)}.feed-time{font-size:11px;margin-left:auto;flex-shrink:0}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-bottom:16px}.kpi{background:var(--surface);border-radius:16px;padding:11px 6px;text-align:center;box-shadow:var(--shadow-card)}.kpi .n{font-family:var(--font-display);font-size:18px;font-weight:600}.kpi .l{font-size:10px;color:var(--ink-soft);font-weight:700;margin-top:2px;text-transform:capitalize}.summary-card{background:linear-gradient(150deg,var(--primary),var(--primary-dark));border-radius:var(--radius-card);padding:18px;color:#ffffff;margin-bottom:16px;display:flex;align-items:center;gap:16px;box-shadow:0 14px 28px -8px rgba(124,92,252,.45)}.ring{width:74px;height:74px;flex-shrink:0;background:conic-gradient(#ffffff 0 var(--p,88%),rgba(255,255,255,.25) var(--p,88%) 100%)}.ring,.ring-inner{border-radius:50%;display:flex;align-items:center;justify-content:center}.ring-inner{width:56px;height:56px;background:var(--primary-dark);font-family:var(--font-display);font-weight:600;font-size:16px;color:#ffffff}.month-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.month-nav .m-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--foreground)}.arrow-btn{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);cursor:pointer;font-weight:700;color:var(--foreground)}.arrow-btn,.cal-grid{background:var(--surface);box-shadow:var(--shadow-card)}.cal-grid{grid-gap:6px;gap:6px;border-radius:var(--radius-card);padding:14px;margin-bottom:16px}.cal-dow{font-size:10.5px;font-weight:800;text-align:center;margin-bottom:2px}.cal-day,.cal-dow{color:var(--ink-soft)}.cal-day{border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--surface-tint)}.cal-day.p{background:var(--success);color:#ffffff}.cal-day.a{background:var(--danger);color:#ffffff}.cal-day.l{background:var(--info);color:#ffffff}.cal-day.h{background:var(--warning);color:#ffffff}.cal-day.blank{background:transparent}.chat-search-pill{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:var(--radius-chip);padding:12px 16px;box-shadow:var(--shadow-card);margin-bottom:16px;border:1px solid var(--border)}.chat-search-pill input{border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:13.5px;width:100%;color:var(--foreground)}.chat-row{gap:12px;padding:12px 6px;border-bottom:1px solid var(--border);text-decoration:none;transition:background var(--ease-ui)}.chat-row:hover{background:var(--surface-tint);border-radius:14px}.chat-avatar-sq{width:46px;height:46px;border-radius:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;color:#ffffff;font-size:15px;box-shadow:0 4px 10px -2px rgba(124,92,252,.35)}.chat-title{font-size:14px;font-weight:700;color:var(--foreground)}.chat-sub{font-size:12px;color:var(--ink-soft);margin-top:2px}.chat-meta{margin-left:auto;text-align:right;flex-shrink:0}.chat-time{font-size:11px;color:var(--ink-soft)}.unread-pill{display:inline-block;margin-top:4px;background:var(--accent);color:#ffffff;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:var(--radius-chip);box-shadow:0 4px 10px -2px rgba(255,122,69,.4)}.profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:22px}.profile-avatar-lg{width:78px;height:78px;border-radius:26px;background:linear-gradient(150deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:#ffffff;font-size:28px;margin-bottom:12px;box-shadow:0 14px 24px -6px rgba(124,92,252,.5)}.profile-avatar-lg,.profile-name{font-family:var(--font-display);font-weight:600}.profile-name{font-size:19px;color:var(--foreground)}.profile-role-pill{margin-top:6px;font-size:12px;font-weight:800;color:var(--primary-dark);background:var(--primary-soft);padding:5px 14px;border-radius:var(--radius-chip)}.menu-row{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:18px;padding:14px;margin-bottom:10px;box-shadow:var(--shadow-card);text-decoration:none;color:inherit;border:1px solid var(--border);transition:transform var(--ease-ui)}.menu-row:hover{transform:translateY(-2px)}.menu-icon{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-label{font-size:14px;font-weight:700;color:var(--foreground)}.menu-sub{font-size:12px;margin-top:2px}.chevron,.menu-sub{color:var(--ink-soft)}.chevron{margin-left:auto;font-size:18px;font-weight:700}.menu-row.danger .menu-label{color:var(--danger)}.ai-banner{display:block;margin-top:1.25rem;border-radius:var(--radius-card);background:var(--gradient-hero);color:white;padding:1rem;position:relative;overflow:hidden;box-shadow:var(--shadow);transition:transform var(--ease-ui),box-shadow var(--ease-ui)}.ai-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0,rgba(96,141,255,.25),transparent 55%);pointer-events:none}.ai-banner:hover{transform:translateY(-2px)}.ai-banner-inner{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.ai-icon{width:40px;height:40px;border-radius:.75rem;background:rgb(255 255 255/.15);display:grid;place-items:center;flex-shrink:0}.feed{border-radius:1rem;background:var(--surface);border:1px solid var(--border);overflow:hidden}.feed li{padding:.875rem;display:flex;align-items:center;gap:.75rem;border-top:1px solid var(--border)}.feed li:first-child{border-top:none}.feed li>a.row{width:100%;gap:.75rem}.badge{flex-shrink:0;font-size:10px;font-weight:600;padding:.25rem .5rem;border-radius:999px}.badge-secondary{background:rgb(124 58 237/.1);color:var(--secondary)}.badge-warning{background:rgb(245 158 11/.15);color:var(--warning)}.tone-success{color:var(--success)}.tone-warning{color:var(--warning)}.tone-info{color:var(--info)}.tone-primary{color:var(--primary)}.tone-secondary{color:var(--secondary)}.tone-destructive{color:var(--destructive)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;border-radius:var(--radius-btn);background:var(--blue);color:var(--primary-fg);padding:.85rem 1.4rem;font-weight:600;font-size:15px;box-shadow:var(--shadow-pop);transition:transform var(--ease-ui),box-shadow var(--ease-ui),background var(--ease-ui)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.btn-primary:disabled{opacity:.6;transform:none;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-btn);background:transparent;color:var(--primary-dark);border:1.5px solid var(--line);padding:.65rem .9rem;font-weight:600;font-size:.875rem;transition:transform var(--ease-ui),box-shadow var(--ease-ui),background var(--ease-ui),border-color var(--ease-ui)}.btn-secondary:hover{border-color:var(--blue);background:var(--blue-tint)}.btn-ghost{background:transparent;border:none;color:var(--primary-dark);font-weight:600;padding:0;cursor:pointer;transition:color var(--ease-ui)}.btn-ghost:hover{color:var(--blue)}.btn-white{width:100%;margin-top:1rem;border-radius:var(--radius-btn);background:white;color:var(--primary);font-weight:600;padding:.75rem;transition:transform var(--ease-ui),box-shadow var(--ease-ui)}.btn-white:hover{transform:translateY(-2px)}.input{margin-top:.25rem;width:100%;border-radius:.75rem;border:1px solid var(--border);background:var(--surface);padding:.75rem 1rem;font-size:15px;outline:none}.input:focus{box-shadow:0 0 0 2px var(--ring)}.channel-toggle{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;padding:.25rem;background:var(--muted);border-radius:.75rem}.channel-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;border-radius:.5rem;font-size:14px;font-weight:500;color:var(--muted-fg)}.channel-btn.active{background:var(--surface);color:var(--foreground);box-shadow:var(--shadow-soft)}.role-grid{margin-top:.25rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.role-btn{border-radius:var(--radius-chip);border:1px solid var(--border);background:var(--surface);padding:.625rem .75rem;font-size:14px;font-weight:600;text-align:left;transition:transform var(--ease-ui),border-color var(--ease-ui),background var(--ease-ui),color var(--ease-ui)}.role-btn:hover{border-color:var(--blue);background:var(--blue-tint)}.role-btn.active{border-color:var(--primary);background:var(--blue-tint);color:var(--primary-dark);box-shadow:0 0 0 3px var(--blue-light)}.demo-note{display:flex;align-items:center;gap:.5rem;font-size:12px;color:var(--muted-fg);background:var(--muted);border-radius:.75rem;padding:.5rem .75rem}.error-text{color:var(--destructive);font-size:14px}.chip-row{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.chip{flex-shrink:0;padding:.375rem .875rem;border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--muted-fg)}.chip.active{background:var(--primary);color:white;border-color:var(--primary)}.pill{font-size:10px;font-weight:600;padding:.125rem .5rem;border-radius:.375rem}.pill-info{background:var(--info);color:white}.pill-success{background:var(--success);color:white}.pill-secondary{background:var(--secondary);color:white}.pill-warning{background:var(--warning);color:white}.priority-high{background:rgb(239 68 68/.1);color:var(--destructive)}.priority-high,.priority-medium{border-radius:999px;font-size:10px;font-weight:500;padding:.125rem .5rem}.priority-medium{background:rgb(245 158 11/.1);color:var(--warning)}.priority-low{background:var(--muted);color:var(--muted-fg);border-radius:999px;font-size:10px;font-weight:500;padding:.125rem .5rem}.summary-3{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.summary-3>div{padding:0 .5rem}.summary-3>div+div{border-left:1px solid var(--border)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.375rem;gap:.375rem;text-align:center}.cal-day{aspect-ratio:1;border-radius:.5rem;font-size:11px;font-weight:500;display:grid;place-items:center}.cal-P{background:var(--success);color:white}.cal-A{background:var(--destructive);color:white}.cal-L{background:var(--warning);color:white}.cal-H{background:var(--secondary);color:white}.cal-empty{color:var(--muted-fg)}.cal-empty,.progress{background:var(--muted)}.progress{margin-top:1rem;height:6px;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--success)}.fees-hero{border-radius:1rem;background:var(--primary);color:white;padding:1.25rem}.fees-due-card{border-radius:14px;background:var(--paper);border:1px solid var(--line);padding:.75rem .85rem;box-shadow:var(--shadow-soft)}.fees-due-main{min-width:0}.fees-due-label{margin:0;font-size:11px;font-weight:600;color:var(--slate);letter-spacing:.02em}.fees-due-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.15rem}.fees-due-amount{margin:0;font-family:var(--font-display);font-size:1.45rem;font-weight:800;letter-spacing:-.03em;color:var(--ink);line-height:1.15}.fees-pay-btn{flex-shrink:0;align-self:flex-start;margin-left:auto;border-radius:10px;background:var(--blue);color:white;font-size:13px;font-weight:700;padding:.45rem .85rem;box-shadow:0 8px 16px -8px rgba(37,99,235,.55);transition:transform var(--ease-ui),box-shadow var(--ease-ui)}.fees-pay-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift)}.fees-due-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;margin-top:.4rem}.fees-deadline{display:inline-flex;align-items:center;gap:.28rem;font-size:11px;font-weight:600;color:var(--slate)}.fees-deadline.late{color:#b45309}.fees-tip-wrap{position:relative;display:inline-flex}.fees-tip-btn{display:inline-flex;align-items:center;gap:.2rem;font-size:11px;font-weight:700;color:var(--blue-dark);background:var(--white);border:1px solid var(--line);border-radius:999px;padding:.15rem .5rem}.fees-tooltip{display:none;position:absolute;left:0;bottom:calc(100% + 8px);z-index:30;width:min(240px,70vw);padding:.55rem .7rem;border-radius:10px;background:var(--ink);color:white;font-size:11px;font-weight:500;line-height:1.45;box-shadow:var(--shadow)}.fees-tip-wrap:hover .fees-tooltip,.fees-tooltip.is-open{display:block}.fees-tooltip:after{content:"";position:absolute;left:16px;top:100%;border:6px solid transparent;border-top:6px solid var(--ink)}.legend{margin-top:1rem;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem;font-size:10px;font-weight:500}.legend-item{display:flex;align-items:center;gap:.375rem;color:var(--muted-fg)}.legend-dot{width:8px;height:8px;border-radius:999px}.composer{inset-inline:0;max-width:28rem;padding:.5rem 1rem calc(.75rem + env(safe-area-inset-bottom, 0px));background:linear-gradient(to top,var(--background) 65%,transparent)}.composer-inner{gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow-card);padding:.5rem .5rem .5rem 1rem}.send-btn{width:44px;height:44px;border-radius:.85rem;background:var(--gradient-primary);color:white;display:grid;place-items:center;box-shadow:var(--shadow-pop);flex-shrink:0}.bubble-user-inner{max-width:80%;border-radius:1rem .375rem 1rem 1rem;color:white;padding:.625rem 1rem;box-shadow:var(--shadow-pop)}.bubble-ai{align-items:flex-end;gap:.5rem}.bubble-ai-avatar{width:28px;height:28px;border-radius:999px;background:var(--gradient-primary);color:white}.bubble-ai-inner{max-width:85%;border-radius:.375rem 1rem 1rem 1rem;padding:.625rem 1rem}.metrics-3{margin-top:.5rem;grid-gap:.5rem;gap:.5rem}.metric{border-radius:.75rem;background:rgb(239 244 254/.6);padding:.5rem}.suggestions{gap:.5rem;padding-top:.25rem}.map-wrap{margin-left:-1rem;margin-right:-1rem;position:relative;height:68vh;min-height:480px;border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow-card);background:oklch(.96 .02 220)}.map-zoom-stage{height:100%;transition:transform .2s ease;will-change:transform}.map-top{position:absolute;top:.75rem;left:.75rem;right:.75rem;z-index:20}.map-chip,.map-top{display:flex;align-items:center;gap:.5rem}.map-chip{flex:1 1;border-radius:999px;background:rgb(255 255 255/.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-card);padding:.625rem 1rem;min-width:0}.live-pill{margin-left:auto;font-size:10px;font-weight:600;padding:.25rem .5rem;border-radius:999px;background:rgb(22 163 74/.1);color:var(--success);display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0}.map-controls{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:.5rem}.map-control{width:40px;height:40px;border-radius:.75rem;background:rgb(255 255 255/.95);box-shadow:var(--shadow-card);display:grid;place-items:center}.eta-pill{position:absolute;left:.75rem;bottom:.75rem;z-index:20;border-radius:12px;background:rgba(15,23,42,.88);color:white;padding:.65rem .85rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:.5rem;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.eta-pill .dot,.live-pill:before{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.28);flex-shrink:0}.sheet{margin-top:1rem;border-radius:1.5rem;background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden}.sheet-handle{width:100%;display:flex;justify-content:center;padding:.75rem 1rem .5rem}.sheet-handle span{width:2.5rem;height:6px;border-radius:999px;background:var(--muted)}.wa-btn{background:rgb(37 211 102/.1);color:var(--whatsapp);place-items:center}.call-btn,.wa-btn{width:40px;height:40px;border-radius:.75rem;display:grid}.call-btn{background:var(--gradient-success);color:white;place-items:center;box-shadow:var(--shadow-pop)}.stop-dot{width:12px;height:12px;border-radius:999px;flex-shrink:0}.stop-dot.done{background:var(--success);box-shadow:0 0 0 4px rgb(22 163 74/.15)}.stop-dot.current{background:var(--primary);box-shadow:0 0 0 4px rgb(37 99 235/.2)}.stop-dot.upcoming{background:rgb(91 103 121/.4);box-shadow:0 0 0 4px var(--muted)}.stop-line{width:2px;flex:1 1;margin:.25rem 0;background:var(--border)}.stop-line.done{background:rgb(22 163 74/.5)}.max-md{max-width:28rem;margin:0 auto}.space-y>*+*{margin-top:1rem}.auth-otp{width:100%;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);padding:.85rem 1rem;text-align:center;font-size:1.75rem;letter-spacing:.45em;font-weight:800;font-family:ui-monospace,monospace;outline:none;color:var(--primary);box-shadow:var(--shadow-soft);transition:all var(--ease-ui)}.auth-otp:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.15),var(--shadow-card)}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.25rem;box-shadow:var(--shadow-card)}.auth-demo-dock{background:linear-gradient(135deg,rgba(239,246,255,.9),rgba(248,250,252,.9));border:1px solid rgba(191,219,254,.6);border-radius:16px;padding:1rem;box-shadow:0 4px 14px -3px rgba(37,99,235,.08)}.auth-demo-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;background:rgba(37,99,235,.12);color:var(--primary)}.auth-demo-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:6px;gap:6px}.auth-demo-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff;border:1px solid rgba(226,232,240,.9);font-size:12px;font-weight:600;color:var(--foreground);text-align:left;transition:all var(--ease-ui);box-shadow:0 1px 3px rgba(15,23,42,.04)}.auth-demo-btn:hover{border-color:var(--primary);background:var(--blue-tint);color:var(--primary);transform:translateY(-1px)}.auth-role-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;transition:all var(--ease-ui);text-align:left;width:100%}.auth-role-card:hover{border-color:rgba(37,99,235,.4);background:var(--blue-tint)}.auth-role-card.active{border-color:var(--primary);background:rgba(239,246,255,.85);box-shadow:0 0 0 2px rgba(37,99,235,.2)}.auth-role-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:var(--muted);color:var(--primary);transition:all var(--ease-ui)}.auth-role-card.active .auth-role-icon{background:var(--primary);color:#ffffff;box-shadow:0 4px 10px -2px rgba(37,99,235,.4)}.pending-timeline{display:flex;flex-direction:column;gap:12px;margin:1rem 0;padding:1rem;border-radius:14px;background:var(--muted);border:1px solid var(--border)}.pending-timeline-step{display:flex;align-items:flex-start;gap:10px;font-size:13px}.pending-timeline-dot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;flex-shrink:0;margin-top:1px}.pending-timeline-dot.done{background:var(--success);color:#ffffff}.pending-timeline-dot.active{background:var(--primary);color:#ffffff;box-shadow:0 0 0 4px rgba(37,99,235,.2);animation:pulse 1.8s infinite}.pending-timeline-dot.waiting{background:var(--slate);opacity:.4;color:#ffffff}.launch-splash-full{min-height:min(70vh,520px);display:grid;place-items:center;padding:1.25rem 1rem 2rem}.launch-splash-compact,.launch-splash-inline{padding:.75rem 0}.launch-splash-stage{width:min(100%,360px)}.launch-splash-sky{position:absolute;inset:0 0 auto;height:72%;border-radius:24px;background:linear-gradient(165deg,#1e3a8a,#2563eb 48%,#60a5fa);opacity:.12;pointer-events:none}.launch-splash-art{display:block;width:100%;height:auto;border-radius:22px;background:linear-gradient(180deg,#dbeafe,#eff6ff 55%,#f8fafc);border:1px solid var(--line);box-shadow:var(--shadow-card);overflow:visible}.launch-splash-brand{display:flex;align-items:center;gap:.75rem;margin-top:1rem;justify-content:center;animation:feedIn .55s ease both}.launch-splash-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:14px;color:#fff;background:var(--gradient-primary);box-shadow:var(--shadow-pop);animation:sketchPulse 1.8s ease-in-out infinite}.launch-splash-mark,.launch-splash-name{font-family:var(--font-display),sans-serif;font-weight:800}.launch-splash-name{margin:0;font-size:1.05rem;color:var(--ink);letter-spacing:-.02em}.launch-splash-tag{margin:.15rem 0 0;font-size:12.5px;color:var(--slate)}.launch-splash-bars{display:flex;gap:6px;justify-content:center;margin-top:.85rem}.launch-splash-bars span{width:7px;height:7px;border-radius:999px;background:var(--blue);opacity:.35;animation:launchDot 1.1s ease-in-out infinite}.launch-splash-bars span:nth-child(2){animation-delay:.15s}.launch-splash-bars span:nth-child(3){animation-delay:.3s}@keyframes launchDot{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-5px);opacity:1}}.launch-bus-glow{animation:sketchPulse 1.2s ease-in-out infinite}.launch-road{animation:sketchRoadDash 1.2s linear infinite}.launch-chip-1{animation:sketchBob 3.2s ease-in-out infinite}.launch-chip-2{animation:sketchBob 2.8s ease-in-out .4s infinite}.launch-chip-3{animation:sketchBob 3.4s ease-in-out .2s infinite}.launch-bell{animation:sketchPulse 1.6s ease-in-out infinite}.launch-hill-a{animation:sketchBob 6s ease-in-out infinite}.launch-hill-b{animation:sketchBob 5s ease-in-out .5s infinite}@keyframes sketchRoadDash{to{stroke-dashoffset:-28}}.auth-shell{background:var(--paper)}.auth-hero{position:relative;overflow:hidden;background:var(--gradient-primary);color:var(--primary-fg);border-bottom-left-radius:28px;border-bottom-right-radius:28px;padding-bottom:1.35rem;box-shadow:0 6px 14px -4px rgba(37,99,235,.45)}.auth-hero-glow{position:absolute;top:-100px;right:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 70%);pointer-events:none}.auth-brand{display:flex;align-items:center;gap:.45rem}.auth-logo-mark{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.18);display:grid;place-items:center}.auth-lead{position:relative;z-index:1;margin:.75rem 0 0;font-size:13.5px;line-height:1.5;opacity:.92;max-width:28rem}.auth-main{padding-top:1.15rem;padding-bottom:2.5rem}.auth-cta-row{display:grid;grid-gap:.55rem;gap:.55rem}.auth-replay{display:inline-flex;align-items:center;gap:.35rem;font-size:12px;font-weight:700;color:var(--blue-dark);background:var(--blue-tint);border:1px solid var(--line);border-radius:999px;padding:.35rem .75rem}.school-select,.school-select-control{position:relative}.school-select-clear{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:999px;background:var(--surface-2,#f1f5f9);color:var(--muted,#64748b);font-size:18px;line-height:1;cursor:pointer}.school-select-list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);margin:0;padding:.35rem;list-style:none;max-height:240px;overflow:auto;background:var(--white,#fff);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-card)}.school-select-option{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:none;background:transparent;border-radius:10px;padding:.55rem .65rem;cursor:pointer}.school-select-option.active,.school-select-option:hover{background:var(--blue-tint,#eef5ff)}.school-select-name{font-size:14px;font-weight:600;color:var(--foreground)}.school-select-meta{font-size:11px}.school-select-empty{padding:.75rem .65rem;font-size:12px}.welcome-tour{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:.75rem;box-shadow:var(--shadow-card);overflow:hidden}.welcome-tour-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.welcome-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-dark)}.welcome-dots{display:flex;gap:.35rem}.welcome-dot{width:7px;height:7px;border-radius:999px;background:var(--line);padding:0;transition:width var(--ease-ui),background var(--ease-ui)}.welcome-dot.active{width:18px;background:var(--blue)}.welcome-stage{animation:feedIn .45s ease both;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.welcome-stage:active{cursor:-webkit-grabbing;cursor:grabbing}.welcome-swipe-hint{margin:0 0 .4rem;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);opacity:.75;text-align:center}.welcome-sketch{border-radius:18px;overflow:hidden;background:var(--paper);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}.welcome-sketch.accent-blue{box-shadow:0 0 0 1px color-mix(in srgb,var(--blue) 18%,transparent)}.welcome-sketch.accent-green{box-shadow:0 0 0 1px color-mix(in srgb,var(--green) 18%,transparent)}.welcome-sketch.accent-amber{box-shadow:0 0 0 1px color-mix(in srgb,var(--amber) 22%,transparent)}.welcome-sketch.accent-teal{box-shadow:0 0 0 1px color-mix(in srgb,#0d9488 18%,transparent)}.welcome-progress-bar.is-paused{animation-play-state:paused}.sketch-cloud.c1{animation:sketchBob 5s ease-in-out infinite}.sketch-cloud.c2{animation:sketchBob 6s ease-in-out .6s infinite}.sketch-coin{animation:feedIn .5s ease both}.sketch-typing{animation:feedIn .45s ease .35s both}.welcome-svg{display:block;width:100%;height:auto}.welcome-copy{margin-top:.7rem}.welcome-slide-eyebrow{display:inline-flex;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border-radius:999px;padding:.2rem .55rem;margin:0}.welcome-slide-title{margin:.4rem 0 0;font-size:16px;font-weight:700;line-height:1.3;color:var(--ink)}.welcome-hint{display:flex;align-items:flex-start;gap:.45rem;margin:.45rem 0 0;font-size:12px;line-height:1.45;color:var(--slate)}.welcome-hint-pulse{width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px var(--blue-light);flex-shrink:0;animation:pulse-live 1.4s ease-in-out infinite}.welcome-progress{margin-top:.75rem;height:3px;border-radius:999px;background:var(--line);overflow:hidden}.welcome-progress-bar{display:block;height:100%;width:0;background:var(--blue);border-radius:999px;animation:welcomeFill linear forwards}@keyframes welcomeFill{0%{width:0}to{width:100%}}.welcome-tips{display:flex;align-items:flex-start;gap:.55rem;background:var(--paper);border:1px dashed var(--line);border-radius:14px;padding:.65rem .75rem}.welcome-tips-label{flex-shrink:0;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:var(--blue-light);border-radius:6px;padding:.2rem .4rem;margin-top:1px}.welcome-tips-text{margin:0;font-size:12.5px;line-height:1.45;color:var(--ink);animation:feedIn .4s ease both}.sketch-float{animation:sketchBob 2.8s ease-in-out infinite}.sketch-row{opacity:0;animation:feedIn .45s ease forwards}.sketch-check-path{stroke-dasharray:24;stroke-dashoffset:24;animation:sketchDraw .8s ease .35s forwards}.sketch-pay-pulse{transform-origin:center;animation:sketchPulse 1.6s ease-in-out infinite}.sketch-bubble.b1{animation:feedIn .45s ease both}.sketch-bubble.b2{animation:feedIn .45s ease .2s both}.sketch-react{animation:feedIn .45s ease .4s both}.sketch-receipt{animation:feedIn .5s ease .35s both}@keyframes sketchBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes sketchDraw{to{stroke-dashoffset:0}}@keyframes sketchPulse{0%,to{opacity:1}50%{opacity:.72}}.relative{position:relative}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pulse-dot{width:6px;height:6px;border-radius:999px;background:var(--success)}.pulse-dot,.stop-dot.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.page-main-flush{padding-bottom:calc(.5rem + env(safe-area-inset-bottom, 0px))}.nav-badge{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--destructive);color:white;font-size:9px;font-weight:700;display:grid;place-items:center}.chat-search{display:flex;align-items:center;gap:.5rem;background:var(--muted);border-radius:999px;padding:.65rem 1rem;color:var(--muted-fg)}.chat-search input{flex:1 1;border:none;outline:none;background:transparent;font-size:14px;color:var(--foreground)}.chat-list{background:var(--surface);border:1px solid var(--border);border-radius:1rem;overflow:hidden}.chat-list li+li{border-top:1px solid var(--border)}.chat-row{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;color:inherit}.chat-avatar{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:700;color:white;flex-shrink:0;background:var(--gradient-primary)}.chat-avatar.kind-school{background:var(--gradient-success)}.chat-avatar.kind-bus{background:linear-gradient(145deg,var(--blue),var(--blue-dark))}.chat-avatar.kind-teacher{background:linear-gradient(145deg,var(--teal),var(--teal-dark))}.unread-pill{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--teal);color:white;font-size:11px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.wa-thread{flex-direction:column;gap:.55rem;min-height:45vh;padding-bottom:calc(10.5rem + env(safe-area-inset-bottom, 0px))}.wa-bubble-row,.wa-thread{display:flex}.wa-bubble-row.mine{justify-content:flex-end}.wa-bubble-row.theirs{justify-content:flex-start}.wa-bubble{max-width:88%;border-radius:1rem;padding:.55rem .75rem .4rem;box-shadow:var(--shadow-soft);position:relative}.wa-bubble.mine{background:#dcf8c6;border-bottom-right-radius:4px}.wa-bubble.theirs{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:4px}.wa-bubble.kind-system{background:var(--muted);border:none}.wa-bubble.pending{opacity:.72}.wa-bubble.failed{outline:1px solid rgba(180,35,24,.45)}.wa-sender{margin:0 0 .25rem;font-size:11px;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:.4rem}.wa-kind{font-weight:600;font-size:10px;color:var(--secondary);background:rgb(124 58 237/.1);padding:1px 6px;border-radius:999px}.wa-card-tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--info);background:rgb(37 99 235/.1);border-radius:6px;padding:3px 7px;margin-bottom:.35rem}.wa-card-tag.hw{color:#b45309;background:rgb(245 158 11/.15)}.wa-card-tag.progress{color:var(--secondary);background:rgb(124 58 237/.12)}.wa-text{margin:0;font-size:14px;line-height:1.4;white-space:pre-wrap}.wa-time{display:block;text-align:right;font-size:10px;color:var(--muted-fg);margin-top:.25rem}.wa-composer{position:fixed;left:0;right:0;bottom:0;z-index:40;margin:0 auto;max-width:28rem;padding:.5rem .75rem calc(.75rem + env(safe-area-inset-bottom, 0px));background:linear-gradient(to top,var(--background) 70%,transparent)}.wa-post-tools{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.4rem}.wa-meta-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;margin-bottom:.4rem}.wa-select{width:100%;border:1px solid var(--border);border-radius:.75rem;padding:.55rem .75rem;font-size:13px;outline:none}.wa-input-row,.wa-select{background:var(--surface)}.wa-input-row{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:1.25rem;padding:.35rem .4rem .35rem .9rem;box-shadow:var(--shadow-card)}.wa-input-row input{flex:1 1;border:none;outline:none;background:transparent;font-size:14px}.wa-input-row .send-btn:disabled{opacity:.45}.notif-list{background:var(--surface);border:1px solid var(--border);border-radius:1rem;overflow:hidden}.notif-list li+li{border-top:1px solid var(--border)}.notif-list li.unread{background:rgb(37 99 235/.04)}.notif-row{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;color:inherit}.notif-icon{width:36px;height:36px;border-radius:.75rem;display:grid;place-items:center;flex-shrink:0;background:var(--muted);color:var(--primary)}.notif-icon.type-homework{color:#b45309;background:rgb(245 158 11/.15)}.notif-icon.type-activity{color:var(--info);background:rgb(37 99 235/.12)}.notif-icon.type-progress{color:var(--secondary);background:rgb(124 58 237/.12)}.notif-icon.type-fees{color:var(--warning);background:rgb(245 158 11/.12)}.notif-icon.type-circular{color:var(--secondary);background:rgb(124 58 237/.1)}.unread-dot{width:8px;height:8px;border-radius:999px;background:var(--primary);margin-top:6px;flex-shrink:0}.engage-hero{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:var(--radius-card);background:var(--gradient-engage);color:white;box-shadow:var(--shadow);position:relative;overflow:hidden}.engage-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 10%,rgba(96,141,255,.28),transparent 55%);pointer-events:none}.xp-ring{--p:0.4;width:76px;height:76px;border-radius:999px;padding:4px;background:conic-gradient(#fde68a calc(var(--p) * 1turn),rgb(255 255 255/.2) 0);flex-shrink:0}.xp-ring-inner{width:100%;height:100%;border-radius:999px;background:rgb(15 23 42/.35);display:grid;place-items:center;text-align:center}.xp-level{margin:0;font-size:14px;font-weight:800}.xp-sub{margin:0;font-size:10px;opacity:.85}.streak-pill{display:inline-flex;align-items:center;gap:.35rem;background:rgb(255 255 255/.18);border-radius:999px;padding:.3rem .65rem;font-size:12px;font-weight:600}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem}.mood-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.7rem .25rem;border-radius:1rem;background:var(--surface);border:1px solid var(--border);color:var(--foreground);transition:transform var(--ease-ui),border-color var(--ease-ui),background var(--ease-ui),box-shadow var(--ease-ui)}.mood-btn.active{border-color:var(--primary);background:var(--blue-tint);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.mood-emoji{font-size:1.35rem}.mission-list{background:var(--surface);border:1px solid var(--border);border-radius:1rem;overflow:hidden}.mission-list li+li{border-top:1px solid var(--border)}.mission-list li.done{opacity:.72}.mission-row{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;color:inherit}.mission-check{width:28px;height:28px;border-radius:999px;border:2px solid var(--border);display:grid;place-items:center;color:var(--success);flex-shrink:0}.mission-check.on{border-color:var(--success);background:rgb(22 163 74/.12)}.xp-chip{font-size:10px;font-weight:700;color:#92400e;background:rgb(251 191 36/.25);border-radius:999px;padding:.25rem .5rem;flex-shrink:0}.focus-bar{height:8px;border-radius:999px;background:var(--muted);overflow:hidden}.focus-bar>span{display:block;height:100%;background:var(--gradient-primary);transition:width .3s linear}.challenge-card{border-radius:var(--radius-card);padding:1rem;color:white;background:linear-gradient(135deg,#0f766e,#2563eb);box-shadow:var(--shadow-card)}.challenge-meter{height:8px;border-radius:999px;background:rgb(255 255 255/.25);overflow:hidden}.challenge-meter>span{display:block;height:100%;background:#fde68a}.badge-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.65rem;gap:.65rem}.badge-tile{border-radius:1rem;padding:.85rem;background:var(--surface);border:1px solid var(--border);min-height:110px}.badge-tile.off{filter:grayscale(1);opacity:.55}.badge-tile.on{border-color:rgb(124 58 237/.35);box-shadow:var(--shadow-soft);animation:pop-in .35s ease}.badge-emoji{font-size:1.5rem}.engage-toast{position:-webkit-sticky;position:sticky;top:0;z-index:20;margin-bottom:.75rem;text-align:center;font-size:13px;font-weight:700;color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;padding:.55rem .9rem;animation:pop-in .25s ease}.engage-home-card{display:block;border-radius:var(--radius-card);padding:1rem;color:white;background:var(--gradient-engage);box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform var(--ease-ui),box-shadow var(--ease-ui)}.engage-home-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.bus-home-card{display:block;border-radius:var(--radius-card);padding:1rem;color:white;background:linear-gradient(145deg,#1d4ed8,#0f766e);box-shadow:var(--shadow);text-decoration:none;transition:transform var(--ease-ui),box-shadow var(--ease-ui)}.bus-home-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);color:white}.more-list{list-style:none;margin:0;padding:0;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.more-row{gap:.75rem;padding:.9rem 1rem;border-bottom:1px solid var(--border)}.more-list li:last-child .more-row{border-bottom:0}.more-row-title{font-size:.95rem;font-weight:700}.more-row-hint{font-size:.72rem;color:var(--muted)}.more-row-chev{color:var(--muted);font-size:1.2rem;line-height:1}.mini-xp-ring{--p:0.4;width:54px;height:54px;border-radius:999px;display:grid;place-items:center;background:conic-gradient(#fde68a calc(var(--p) * 1turn),rgb(255 255 255/.2) 0);font-size:12px;font-weight:800;flex-shrink:0}.mini-xp-ring>span{width:42px;height:42px;border-radius:999px;background:rgb(15 23 42/.28);display:grid;place-items:center}.wa-react-row{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.35rem}.wa-react-chip{border-radius:999px;border:1px solid var(--border);background:rgb(255 255 255/.7);padding:0 6px;font-size:12px;line-height:1.5}.wa-react-chip.on{background:#fff7ed;border-color:#fdba74}.wa-react-add{width:22px;height:22px;border-radius:999px;border:1px dashed var(--border);color:var(--muted-fg);font-size:12px;line-height:1}.wa-react-picker{display:flex;gap:.35rem;margin-top:.35rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.25rem .4rem;box-shadow:var(--shadow-soft)}.wa-react-picker button{font-size:16px;line-height:1.4}.teacher-home-card{display:block;border-radius:var(--radius-card);padding:1rem;color:white;background:var(--gradient-teacher);box-shadow:var(--shadow);transition:transform var(--ease-ui),box-shadow var(--ease-ui)}.teacher-home-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.teacher-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem}.teacher-stat{background:var(--surface);border:1px solid var(--border);border-radius:.9rem;padding:.7rem .35rem;text-align:center}.teacher-stat-value{margin:0;font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.roster-list{display:flex;flex-direction:column;gap:.65rem}.roster-card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:.85rem}.roster-avatar{width:40px;height:40px;border-radius:.85rem;background:var(--gradient-primary);color:white;display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0}.mark-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.4rem;gap:.4rem}.mark-btn{border-radius:.65rem;border:1px solid var(--border);background:var(--muted);color:var(--muted-fg);font-size:12px;font-weight:800;padding:.45rem 0}.mark-btn.active.mark-P,.mark-btn.mark-P.active{background:var(--success);border-color:var(--success);color:white}.mark-btn.active.mark-A{background:var(--destructive);border-color:var(--destructive);color:white}.mark-btn.active.mark-L{background:var(--warning);border-color:var(--warning);color:white}.mark-btn.active.mark-H{background:var(--secondary);border-color:var(--secondary);color:white}.admin-tabs{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.15rem;-webkit-overflow-scrolling:touch}.admin-tab{flex-shrink:0;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted-fg);font-size:12px;font-weight:600;padding:.4rem .75rem;transition:background var(--ease-ui),color var(--ease-ui),border-color var(--ease-ui)}.admin-tab.active{background:var(--primary);border-color:var(--primary);color:white}.admin-hero{border-radius:var(--radius-card);padding:1rem;color:white;background:var(--gradient-admin);box-shadow:var(--shadow);position:relative;overflow:hidden}.admin-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0,rgba(96,141,255,.22),transparent 55%);pointer-events:none}.admin-bullets{margin:.55rem 0 0;padding-left:1.1rem;color:var(--muted-fg);font-size:.8rem;line-height:1.45}.chip-ok{background:var(--green-tint);color:#166534;border:1px solid #86efac}.mark-btn.on-P{background:var(--green);border-color:var(--green);color:white}.mark-btn.on-A{background:var(--destructive);border-color:var(--destructive);color:white}.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--ease-reveal),transform var(--ease-reveal)}.reveal.in{opacity:1;transform:translateY(0)}.feed-in{opacity:0;transform:translateY(6px);animation:feedIn var(--ease-feed) forwards}@keyframes feedIn{to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse-live{0%,to{transform:scale(1);opacity:.35}50%{transform:scale(1.35);opacity:.15}}.page-main>*{animation:feedIn var(--ease-feed) both}.page-main>:first-child{animation-delay:.05s}.page-main>:nth-child(2){animation-delay:.12s}.page-main>:nth-child(3){animation-delay:.18s}.page-main>:nth-child(4){animation-delay:.24s}.page-main>:nth-child(5){animation-delay:.3s}.page-main>:nth-child(6){animation-delay:.36s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.leave-list{gap:.65rem;margin:0}.leave-badge{flex-shrink:0;font-weight:800;letter-spacing:.04em;padding:.2rem .55rem}.leave-badge.leave-pending{background:var(--amber-tint);color:#92400e}.leave-badge.leave-approved{background:var(--green-tint);color:#166534}.leave-badge.leave-rejected{background:#fee2e2;color:#991b1b}.bus-alert-banner{position:-webkit-sticky;position:sticky;top:0;z-index:50;margin:.75rem .75rem 0;border-radius:14px;padding:.75rem .9rem;color:white;background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:var(--shadow);animation:feedIn .35s ease both}.bus-path-summary{padding-bottom:.85rem;border-bottom:1px solid var(--line);margin-bottom:.85rem}.bus-pref-box{border:1px solid var(--line);background:var(--paper);padding:.75rem}.notif-icon.type-bus{background:var(--blue-light);color:var(--blue-dark)}.pending-card{text-align:center;padding:1.25rem 1rem 1.35rem}.pending-card-alert{border:1px solid color-mix(in srgb,#b45309 35%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,#f59e0b 14%,white),white 42%)}.pending-hero{display:grid;grid-gap:.45rem;gap:.45rem;justify-items:center}.pending-kicker{margin:.35rem 0 0;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#b45309}.pending-title{margin:0;font-size:1.2rem;line-height:1.25;font-weight:700;color:var(--ink)}.pending-lead{margin:0;max-width:28ch;font-size:.9rem;line-height:1.45;color:var(--muted)}.pending-icon{width:56px;height:56px;margin:0 auto;border-radius:16px;display:grid;place-items:center;background:var(--amber-tint);color:#b45309}.pending-icon-alert{width:64px;height:64px;border-radius:20px;background:#fff7ed;box-shadow:0 0 0 6px color-mix(in srgb,#f59e0b 16%,transparent)}.pending-missing{color:#b45309}.pending-steps{display:grid;grid-gap:.55rem;gap:.55rem;text-align:left}.pending-step{display:flex;gap:.55rem;align-items:flex-start;padding:.65rem .75rem;border-radius:12px;background:var(--paper);border:1px solid var(--line);font-size:.82rem;line-height:1.4;color:var(--ink)}.pending-step svg{flex-shrink:0;margin-top:.1rem;color:#b45309}.pending-meta{text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:.75rem}.list-hero{margin:0 0 .85rem;padding:.95rem 1rem;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow-soft)}.list-hero-kicker{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--slate)}.list-hero-title{margin:.25rem 0 0;font-size:1.05rem;font-weight:700;color:var(--ink);line-height:1.25}.list-hero-body{margin:.35rem 0 0;font-size:.8rem;line-height:1.4;color:var(--muted-fg);max-width:36ch}.list-hero-blue{background:linear-gradient(160deg,var(--blue-tint),var(--white) 70%);border-color:color-mix(in srgb,var(--blue) 18%,var(--line))}.list-hero-teal{background:linear-gradient(160deg,var(--teal-tint),var(--white) 70%);border-color:color-mix(in srgb,var(--teal) 18%,var(--line))}.list-hero-yellow{background:linear-gradient(160deg,var(--yellow-tint),var(--white) 70%);border-color:color-mix(in srgb,var(--yellow) 28%,var(--line))}.loading-inline-brand{display:flex;align-items:center;gap:.65rem;padding:1.25rem .25rem}.loading-inline-dot{width:.65rem;height:.65rem;border-radius:999px;background:var(--primary);box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 45%,transparent);animation:statusDotPulse 1.2s ease-in-out infinite}@keyframes statusDotPulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 color-mix(in srgb,var(--primary) 40%,transparent)}50%{transform:scale(1.15);box-shadow:0 0 0 8px transparent}}.status-error-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;padding:.7rem .85rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--destructive) 28%,var(--line));background:color-mix(in srgb,var(--destructive) 8%,white);color:#991b1b}.empty-state{display:grid;justify-items:center;grid-gap:.4rem;gap:.4rem;text-align:center;padding:2rem 1rem 1.5rem}.empty-state-title{margin:.35rem 0 0}.empty-state-body{margin:0;max-width:28ch;line-height:1.45}.empty-state-action{margin-top:.55rem}.circular-save.is-saved{color:var(--teal);background:var(--teal-tint)}.app-shell[data-role=student] .engage-home-card{background:linear-gradient(145deg,#2563eb,#0d9488)}.app-shell[data-role=parent] .engage-home-card{background:linear-gradient(145deg,#1e40af,#2563eb)}.app-shell[data-role=parent] .section-label{letter-spacing:.02em}.app-shell[data-role=admin] .admin-hero,.app-shell[data-role=class_teacher] .teacher-home-card,.app-shell[data-role=super_admin] .admin-hero{border-radius:12px;box-shadow:var(--shadow-soft)}.app-shell[data-role=admin] .quick-btn,.app-shell[data-role=class_teacher] .quick-btn,.app-shell[data-role=super_admin] .quick-btn{border-radius:12px}.erp-boot{min-height:100vh;display:grid;place-items:center;background:var(--paper)}.erp-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:radial-gradient(ellipse 80% 50% at 100% 0,#dbeafe 0,transparent 55%),linear-gradient(180deg,#f8fafc,#eef2ff 40%,#f8fafc);color:var(--ink);font-family:var(--font-sans)}.erp-sidebar{background:linear-gradient(180deg,#172554,#1e40af 70%,#1d4ed8);color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:20px}.erp-brand-kicker{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.erp-brand-title{margin:4px 0 0;font-family:"Nunito Sans",var(--font-sans);font-size:28px;font-weight:800}.erp-brand-sub{margin:6px 0 0;font-size:12px;opacity:.8}.erp-nav{display:flex;flex-direction:column;gap:4px;flex:1 1}.erp-nav-link{color:rgba(255,255,255,.82);text-decoration:none;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:600}.erp-nav-link.active,.erp-nav-link:hover{background:rgba(255,255,255,.14);color:#fff}.erp-sidebar-foot{display:flex;flex-direction:column;gap:6px;border-top:1px solid rgba(255,255,255,.15);padding-top:12px}.erp-main{padding:28px 32px 48px;overflow:auto}.erp-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.erp-h1{margin:0;font-family:"Nunito Sans",var(--font-sans);font-size:28px;font-weight:800}.erp-h2{margin:0 0 12px;font-size:16px;font-weight:700}.erp-lede{margin:6px 0 0;color:var(--slate);font-size:14px}.erp-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:12px;gap:12px}.erp-stat-card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:14px 16px;text-decoration:none;color:inherit;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:4px}.erp-stat-value{font-size:24px;font-weight:800;font-family:"Nunito Sans",var(--font-sans);color:var(--blue)}.erp-stat-label{font-size:12px;color:var(--slate)}.erp-panel{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow-soft)}.erp-table{width:100%;border-collapse:collapse;font-size:13px}.erp-table td,.erp-table th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}.erp-table th{color:var(--slate);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.erp-table tbody tr:hover,.erp-table tr.selected{background:var(--blue-tint);cursor:pointer}.erp-btn{border:1px solid var(--line);background:var(--white);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer}.erp-btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.erp-btn.ghost{background:transparent}.erp-form{display:flex;flex-direction:column;gap:10px}.erp-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:10px;gap:10px}.erp-label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--slate)}.erp-input{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:14px;background:var(--paper)}.erp-textarea{font-family:ui-monospace,monospace;font-size:12px}.erp-toolbar{display:flex;gap:8px;margin-bottom:12px}.erp-split{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:16px;gap:16px}.erp-actions,.erp-chip-row{display:flex;gap:8px;flex-wrap:wrap}.erp-chip{background:var(--blue-tint);color:var(--blue-dark);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.erp-flash{background:var(--green-tint);color:var(--green-dark);padding:8px 12px;border-radius:8px;margin-bottom:12px}.erp-error{color:var(--destructive);padding:24px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}@media (max-width:900px){.erp-shell{grid-template-columns:1fr}.erp-sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:5}.erp-nav{flex-direction:row;flex-wrap:wrap}.erp-split{grid-template-columns:1fr}}.id-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.id-card{border:1px solid #cbd5e1;border-radius:12px;overflow:hidden;background:#fff;page-break-inside:avoid;break-inside:avoid}.id-card-head{background:#1e40af;color:#fff;padding:10px 12px;display:flex;justify-content:space-between;font-size:12px}.id-card-body{display:flex;gap:12px;padding:12px;align-items:center}.id-card-photo{width:64px;height:64px;border-radius:8px;background:#dbeafe;color:#1e40af;display:grid;place-items:center;font-weight:800;text-transform:uppercase;flex-shrink:0}.id-card-name{margin:0 0 4px;font-weight:800}.id-card-body p{margin:0;font-size:12px;color:#475569}.id-card-foot{border-top:1px dashed #e2e8f0;padding:8px 12px;font-size:11px;font-family:ui-monospace,monospace}@media print{.erp-page-head,.erp-sidebar{display:none!important}.erp-shell{display:block!important;background:#fff!important}.erp-main{padding:0!important}}.more-directory{gap:1.25rem;padding-bottom:2rem}.more-directory,.more-group{display:flex;flex-direction:column}.more-group{gap:.35rem}.more-group-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-fg);padding-left:.5rem}.more-group-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft)}.more-row{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;color:var(--foreground);text-decoration:none;transition:background var(--ease-ui);position:relative}.more-row:not(:last-child):after{content:"";position:absolute;bottom:0;left:3.5rem;right:1rem;height:1px;background:var(--border)}.more-row:hover{background:var(--blue-tint)}.more-row:active{background:color-mix(in srgb,var(--primary) 12%,transparent)}.more-row-title{display:block;font-size:14px;font-weight:600;color:var(--foreground);line-height:1.25}.more-row-hint{display:block;font-size:11px;color:var(--muted-fg);margin-top:2px;line-height:1.3}.more-row-chev{font-size:16px;color:var(--muted-fg);opacity:.6;transition:transform var(--ease-ui),color var(--ease-ui)}.more-row:hover .more-row-chev{transform:translateX(2px);color:var(--primary);opacity:1}.profile-hero-card{background:linear-gradient(135deg,rgba(37,99,235,.08) 0,rgba(124,58,237,.04) 100%),var(--surface);border:1px solid rgba(37,99,235,.2);border-radius:20px;padding:1.25rem;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.profile-hero-card:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.15) 0,transparent 70%);pointer-events:none}.profile-avatar-large{width:56px;height:56px;border-radius:16px;background:var(--gradient-primary);color:white;display:grid;place-items:center;font-size:22px;font-weight:800;flex-shrink:0;box-shadow:0 8px 20px -4px rgba(37,99,235,.4);border:2px solid #ffffff}.profile-role-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--blue-tint);color:var(--primary);border:1px solid rgba(37,99,235,.25)}.profile-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:1rem}.profile-quick-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--foreground);font-size:11px;font-weight:600;text-align:center;transition:all var(--ease-ui);text-decoration:none}.profile-quick-btn:hover{background:var(--blue-tint);border-color:rgba(37,99,235,.35);transform:translateY(-2px);color:var(--primary)}.bus-pref-box{background:linear-gradient(180deg,rgba(37,99,235,.03) 0,transparent 100%),var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem;margin-top:.75rem}.access-radio-card{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;transition:all var(--ease-ui)}.access-radio-card:hover{border-color:rgba(37,99,235,.4);background:var(--blue-tint)}.access-radio-card.active{border-color:var(--primary);background:var(--blue-tint);box-shadow:0 0 0 1px var(--primary)}.leave-list{display:flex;flex-direction:column;gap:10px;margin:.75rem 0 0;padding:0;list-style:none}.leave-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.leave-badge.leave-pending{background:rgba(245,158,11,.12);color:#b45309;border:1px solid rgba(245,158,11,.25)}.leave-badge.leave-approved{background:rgba(16,185,129,.12);color:#047857;border:1px solid rgba(16,185,129,.25)}.leave-badge.leave-rejected{background:rgba(239,68,68,.12);color:#b91c1c;border:1px solid rgba(239,68,68,.25)}.chat-search-wrapper{position:relative;margin-top:.75rem}.chat-search-box{display:flex;align-items:center;gap:.6rem;background:var(--surface);border:1.5px solid var(--border);border-radius:999px;padding:.6rem 1rem;color:var(--muted-fg);box-shadow:var(--shadow-soft);transition:all var(--ease-ui)}.chat-search-box:focus-within{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px rgba(37,99,235,.12);color:var(--primary)}.chat-search-box input{flex:1 1;border:none;outline:none;background:transparent;font-size:14px;color:var(--foreground)}.chat-list-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-soft);margin-top:.85rem;list-style:none;padding:0}.chat-item-row{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;color:inherit;text-decoration:none;transition:background var(--ease-ui);position:relative}.chat-item-row:not(:last-child):after{content:"";position:absolute;bottom:0;left:4.5rem;right:1rem;height:1px;background:var(--border)}.chat-item-row:hover{background:var(--blue-tint)}.chat-item-row:active{background:color-mix(in srgb,var(--primary) 10%,transparent)}.chat-avatar-ring{position:relative;flex-shrink:0}.chat-avatar-ring .chat-avatar{width:48px;height:48px;border-radius:16px;font-weight:700;display:grid;place-items:center;font-size:16px;color:white;box-shadow:0 4px 10px -2px rgba(0,0,0,.15)}.chat-status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#10b981;border:2px solid var(--surface)}.wa-unread-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#10b981;color:#ffffff;font-size:11px;font-weight:800;display:grid;place-items:center;box-shadow:0 2px 6px rgba(16,185,129,.35)}.wa-thread-canvas{display:flex;flex-direction:column;gap:.65rem;min-height:50vh;padding:.5rem .25rem calc(11rem + env(safe-area-inset-bottom, 0px))}.wa-bubble-enhanced{max-width:86%;border-radius:16px;padding:.65rem .85rem .45rem;box-shadow:0 1px 3px rgba(0,0,0,.08);position:relative;transition:transform var(--ease-ui)}.wa-bubble-enhanced.mine{background:#dcf8c6;color:#111827;border-bottom-right-radius:4px}.wa-bubble-enhanced.theirs{background:var(--surface);border:1px solid var(--border);color:var(--foreground);border-bottom-left-radius:4px}.wa-bubble-enhanced .wa-read-status{display:inline-flex;align-items:center;gap:2px;color:#3b82f6;font-weight:700}.wa-composer-capsule{position:fixed;left:0;right:0;bottom:0;z-index:50;margin:0 auto;max-width:440px;padding:.6rem .85rem calc(.85rem + env(safe-area-inset-bottom, 0px));background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(226,232,240,.8);box-shadow:0 -4px 20px rgba(0,0,0,.06)}.wa-input-pill{display:flex;align-items:center;gap:.5rem;background:var(--paper);border:1.5px solid var(--border);border-radius:999px;padding:.35rem .45rem .35rem 1rem;transition:all var(--ease-ui)}.wa-input-pill:focus-within{border-color:var(--primary);background:#ffffff;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.wa-send-btn{width:36px;height:36px;border-radius:50%;background:var(--gradient-primary);color:white;display:grid;place-items:center;border:none;cursor:pointer;box-shadow:0 3px 8px rgba(37,99,235,.35);transition:transform var(--ease-ui),opacity var(--ease-ui);flex-shrink:0}.wa-send-btn:hover:not(:disabled){transform:scale(1.06)}.wa-send-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.circular-list-container{display:flex;flex-direction:column;gap:12px;margin-top:1rem;list-style:none;padding:0}.circular-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem 1.15rem;box-shadow:var(--shadow-soft);transition:all var(--ease-ui);position:relative}.circular-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);border-color:rgba(37,99,235,.25)}.circular-card.unread{border-left:4px solid var(--primary);background:linear-gradient(90deg,rgba(37,99,235,.03) 0,var(--surface) 100%)}.circular-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.circular-tag.tag-notice{background:rgba(37,99,235,.12);color:var(--primary)}.circular-tag.tag-event{background:rgba(124,58,237,.12);color:#7c3aed}.circular-tag.tag-ptm{background:rgba(245,158,11,.12);color:#b45309}.circular-tag.tag-homework{background:rgba(16,185,129,.12);color:#047857}.circular-tag.tag-transport{background:rgba(6,182,212,.12);color:#0891b2}.circular-save-btn{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface);color:var(--muted-fg);cursor:pointer;transition:all var(--ease-ui)}.circular-save-btn:hover{border-color:#f59e0b;color:#f59e0b;background:rgba(245,158,11,.08)}.circular-save-btn.is-saved{background:#f59e0b;color:white;border-color:#f59e0b;box-shadow:0 2px 6px rgba(245,158,11,.35)}.notif-list-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-soft);list-style:none;padding:0;margin-top:.75rem}.notif-item{display:flex;align-items:flex-start;gap:.85rem;padding:.95rem 1rem;color:inherit;text-decoration:none;transition:background var(--ease-ui);position:relative}.notif-item:not(:last-child):after{content:"";position:absolute;bottom:0;left:4.2rem;right:1rem;height:1px;background:var(--border)}.notif-item:hover{background:var(--blue-tint)}.notif-item.unread{background:rgba(37,99,235,.035)}.hw-container{display:flex;flex-direction:column;gap:12px;margin-top:1rem;list-style:none;padding:0}.hw-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem 1.15rem;box-shadow:var(--shadow-soft);transition:all var(--ease-ui);position:relative}.hw-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);border-color:rgba(37,99,235,.25)}.hw-card.is-overdue{border-left:4px solid var(--destructive);background:linear-gradient(90deg,rgba(239,68,68,.03) 0,var(--surface) 100%)}.hw-card.is-submitted{border-left:4px solid var(--success)}.hw-subject-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.hw-subject-Math{background:rgba(37,99,235,.12);color:var(--primary)}.hw-subject-Science{background:rgba(16,185,129,.12);color:#047857}.hw-subject-English{background:rgba(124,58,237,.12);color:#7c3aed}.hw-subject-Hindi{background:rgba(245,158,11,.12);color:#b45309}.hw-priority-pill{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:999px}.hw-priority-high{background:rgba(239,68,68,.12);color:#b91c1c}.hw-priority-medium{background:rgba(245,158,11,.12);color:#b45309}.hw-priority-low{background:var(--muted);color:var(--muted-fg)}.hw-cycle-btn{display:inline-flex;align-items:center;gap:4px;background:var(--blue-tint);color:var(--primary);border:1px solid rgba(37,99,235,.25);border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;cursor:pointer;transition:all var(--ease-ui)}.hw-cycle-btn:hover{background:var(--primary);color:#ffffff;transform:scale(1.03)}.engage-hero-card{background:linear-gradient(135deg,#1e3a8a,#3b82f6 50%,#6366f1);color:#ffffff;border-radius:20px;padding:1.25rem;box-shadow:var(--shadow-card);position:relative;overflow:hidden;display:flex;align-items:center;gap:1.25rem}.engage-hero-card:before{content:"";position:absolute;top:-50px;right:-50px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2) 0,transparent 70%);pointer-events:none}.engage-progress-circle{width:68px;height:68px;border-radius:50%;background:conic-gradient(#38bdf8 calc(var(--p, 0) * 1%),rgba(255,255,255,.2) 0);display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.2)}.engage-progress-inner{width:54px;height:54px;border-radius:50%;background:#1e3a8a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.engage-badge-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:.75rem}.engage-badge-tile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.85rem .5rem;border-radius:14px;background:var(--surface);border:1px solid var(--border);transition:all var(--ease-ui)}.engage-badge-tile.unlocked{border-color:rgba(245,158,11,.4);background:linear-gradient(180deg,rgba(245,158,11,.06) 0,var(--surface) 100%);box-shadow:var(--shadow-soft)}.engage-badge-tile.locked{opacity:.55;filter:grayscale(.8)}.report-hero-banner{background:linear-gradient(135deg,rgba(37,99,235,.08) 0,rgba(16,185,129,.05) 100%),var(--surface);border:1px solid rgba(37,99,235,.25);border-radius:20px;padding:1.25rem;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.report-quad-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.85rem;gap:.85rem;margin-top:1rem}.report-quad-card{display:flex;flex-direction:column;padding:1rem;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);text-decoration:none;color:inherit;transition:all var(--ease-ui)}.report-quad-card:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.3);box-shadow:var(--shadow-card)}.bubble-user{display:flex;justify-content:flex-end;margin:.5rem 0}.bubble-user-inner{background:var(--gradient-primary);color:#ffffff;border-radius:16px;border-bottom-right-radius:4px;padding:.7rem .95rem;max-width:82%;box-shadow:var(--shadow-soft);font-size:14px;line-height:1.4}.bubble-ai{display:flex;align-items:flex-start;gap:8px;margin:.5rem 0}.bubble-ai-avatar{width:32px;height:32px;border-radius:10px;background:var(--gradient-engage);color:#ffffff;display:grid;place-items:center;flex-shrink:0;box-shadow:0 2px 6px rgba(124,58,237,.35)}.bubble-ai-inner{background:var(--surface);border:1px solid var(--border);border-radius:16px;border-bottom-left-radius:4px;padding:.75rem .95rem;max-width:84%;box-shadow:var(--shadow-soft);color:var(--foreground);font-size:14px;line-height:1.45}.metrics-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:.65rem;padding-top:.5rem;border-top:1px solid var(--border)}.metric{display:flex;flex-direction:column;align-items:center;text-align:center}.suggestions{display:flex;flex-wrap:wrap;gap:6px;margin:.85rem 0}.suggestions .chip{background:var(--surface);border:1px solid rgba(37,99,235,.25);color:var(--primary);font-size:11px;font-weight:600;padding:5px 12px;cursor:pointer;transition:all var(--ease-ui)}.suggestions .chip:hover{background:var(--blue-tint);transform:translateY(-1px)}.composer{position:fixed;left:0;right:0;bottom:0;z-index:40;max-width:440px;margin:0 auto;padding:.6rem .85rem calc(.85rem + env(safe-area-inset-bottom, 0px));background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(226,232,240,.8);box-shadow:0 -4px 20px rgba(0,0,0,.06)}.composer-inner{display:flex;align-items:center;gap:8px;background:var(--paper);border:1.5px solid var(--border);border-radius:999px;padding:.35rem .5rem .35rem .95rem;transition:all var(--ease-ui)}.composer-inner:focus-within{border-color:var(--primary);background:#ffffff;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.composer-inner input{flex:1 1;border:none;outline:none;background:transparent;font-size:14px}.adventure-world-wrapper{min-height:100vh;background:radial-gradient(120% 80% at 50% 0,#EEF2FF 0,#F5F3FF 45%,#F8FAFC 100%);padding:1rem 1.25rem 3rem;font-family:var(--font-sans);color:#1E1B4B;position:relative;overflow-x:hidden}.adventure-xp-toast{position:fixed;top:1.25rem;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#7C3AED,#6366F1);color:#ffffff;padding:.65rem 1.4rem;border-radius:999px;font-weight:700;font-size:.95rem;box-shadow:0 10px 25px -5px rgba(124,58,237,.5),0 0 15px rgba(245,158,11,.4);z-index:9999;animation:toastBounce .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes toastBounce{0%{transform:translate(-50%,-20px) scale(.8);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.adventure-top-bar{max-width:1320px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.85rem 1.25rem;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(224,231,255,.9);border-radius:20px;box-shadow:0 8px 30px -10px rgba(99,102,241,.12)}.adventure-brand{display:flex;align-items:center;gap:10px}.edu-logo-icon{font-size:2rem;background:#EEF2FF;padding:6px 10px;border-radius:14px;box-shadow:0 4px 12px rgba(99,102,241,.15)}.adventure-school-title{margin:0;font-size:1.25rem;font-weight:800;font-family:var(--font-display);background:linear-gradient(135deg,#4338CA,#7C3AED);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.adventure-class-tag{font-size:.75rem;font-weight:700;color:#6366F1;background:#EEF2FF;padding:2px 8px;border-radius:6px;display:inline-block;margin-top:2px}.adventure-stats-pill-group{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.game-pill{display:flex;align-items:center;gap:8px;padding:.45rem .95rem;border-radius:999px;background:#ffffff;border:1.5px solid #e0e7ff;box-shadow:0 4px 12px rgba(0,0,0,.04);font-size:.85rem;transition:transform .2s ease,box-shadow .2s ease}.game-pill:hover{transform:translateY(-2px)}.streak-pill-glow{border-color:#FED7AA;background:linear-gradient(135deg,#FFF7ED,#FFFFFF);color:#EA580C}.streak-flame{font-size:1.15rem;animation:flicker 1.8s ease-in-out infinite alternate}@keyframes flicker{0%{transform:scale(1) rotate(-3deg)}to{transform:scale(1.15) rotate(4deg);filter:drop-shadow(0 0 6px rgba(249,115,22,.6))}}.xp-pill-glow{border-color:#FEF08A;background:linear-gradient(135deg,#FEFCE8,#FFFFFF);color:#CA8A04}.xp-star{font-size:1.15rem;animation:spinSlow 8s linear infinite}@keyframes spinSlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.level-pill-glow{border-color:#DDD6FE;background:linear-gradient(135deg,#F5F3FF,#FFFFFF);color:#7C3AED}.level-badge{font-weight:800;font-size:.85rem}.mini-progress-track{width:50px;height:8px;background:#EDE9FE;border-radius:999px;overflow:hidden}.mini-progress-fill{height:100%;background:linear-gradient(90deg,#7C3AED,#A78BFA);border-radius:999px;transition:width .5s ease}.desk-toggle-btn{background:#F1F5F9;border:1px solid #cbd5e1;color:#475569;font-weight:700;font-size:.8rem;padding:.45rem .9rem;border-radius:999px;cursor:pointer;transition:all .2s ease}.desk-toggle-btn:hover{background:#E2E8F0;color:#1E293B;transform:translateY(-1px)}.adventure-grid-layout{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:310px 1fr 310px;grid-gap:1.5rem;gap:1.5rem;align-items:start}@media (max-width:1200px){.adventure-grid-layout{grid-template-columns:280px 1fr}.adventure-right-col{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}}@media (max-width:860px){.adventure-grid-layout{grid-template-columns:1fr}.adventure-right-col{grid-column:span 1;grid-template-columns:1fr}}.mascot-companion-card{background:#ffffff;border-radius:24px;border:1.5px solid #e0e7ff;padding:1.25rem;box-shadow:0 12px 32px -8px rgba(99,102,241,.12);position:relative;overflow:hidden;transition:transform .2s ease}.mascot-companion-card:hover{transform:translateY(-2px)}.mascot-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.mascot-role-pill{display:inline-flex;align-items:center;gap:6px;background:#EEF2FF;color:#4F46E5;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px}.mascot-cycle-btn{background:transparent;border:none;font-size:.75rem;font-weight:700;color:#6366F1;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s ease}.mascot-cycle-btn:hover{background:#EEF2FF}.mascot-stage{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:.5rem 0}.mascot-image-wrapper{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.mascot-img{border-radius:28px;object-fit:cover;box-shadow:0 12px 28px -6px rgba(99,102,241,.35);border:3px solid #ffffff;position:relative;z-index:2;transition:transform .2s ease}.mascot-image-wrapper:hover .mascot-img{transform:scale(1.05)}.float-gentle{animation:floatMascot 4s ease-in-out infinite alternate}@keyframes floatMascot{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.bounce-anim{animation:mascotBounce .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes mascotBounce{0%{transform:scale(1)}30%{transform:scale(1.18) rotate(3deg)}60%{transform:scale(.95) rotate(-3deg)}to{transform:scale(1)}}.mascot-glow-backdrop{position:absolute;width:110px;height:110px;background:radial-gradient(circle,rgba(124,58,237,.35) 0,rgba(99,102,241,0) 70%);border-radius:50%;filter:blur(12px);z-index:1}.mascot-speech-bubble{position:relative;background:#F5F3FF;border:1.5px solid #ddd6fe;border-radius:16px;padding:.75rem 1rem;width:100%;text-align:center;margin-top:6px}.speech-arrow{position:absolute;top:-8px;left:50%;transform:translateX(-50%) rotate(45deg);width:14px;height:14px;background:#F5F3FF;border-left:1.5px solid #ddd6fe;border-top:1.5px solid #ddd6fe}.mascot-speech-name{margin:0;font-size:.72rem;font-weight:800;text-transform:uppercase;color:#7C3AED;letter-spacing:.5px}.mascot-speech-text{margin:4px 0 0;font-size:.85rem;font-weight:600;color:#312E81;line-height:1.35}.mascot-quick-action{margin-top:.95rem}.mascot-ask-btn{width:100%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#6366F1,#8B5CF6);color:#ffffff;border:none;padding:.7rem 1.1rem;border-radius:14px;font-size:.88rem;font-weight:700;cursor:pointer;box-shadow:0 8px 20px -4px rgba(99,102,241,.4);transition:transform .15s ease,box-shadow .15s ease}.mascot-ask-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px rgba(99,102,241,.5)}.mascot-xp-badge{background:#FEF08A;color:#854D0E;font-size:.75rem;font-weight:800;padding:2px 7px;border-radius:999px}.adventure-checkin-card{background:#ffffff;border-radius:20px;border:1.5px solid #e0e7ff;padding:1.1rem;box-shadow:0 8px 24px -6px rgba(99,102,241,.08);display:flex;align-items:center;justify-content:space-between;gap:10px}.checkin-title{margin:0;font-size:.9rem;font-weight:700;color:#1E1B4B}.checkin-desc{margin:2px 0 0;font-size:.75rem;color:#6B7280}.checkin-btn{background:linear-gradient(135deg,#F97316,#EA580C);color:#ffffff;border:none;padding:.55rem .95rem;border-radius:12px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 6px 16px -3px rgba(249,115,22,.4);transition:all .2s ease}.checkin-btn:hover:not(:disabled){transform:translateY(-1px)}.checkin-btn.checked,.checkin-btn:disabled{background:#DEFBE8;color:#15803D;box-shadow:none;cursor:default}.adventure-missions-card{background:#ffffff;border-radius:20px;border:1.5px solid #e0e7ff;padding:1.1rem;box-shadow:0 8px 24px -6px rgba(99,102,241,.08)}.missions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.missions-heading{margin:0;font-size:1rem;font-weight:800;color:#1E1B4B}.missions-count{font-size:.75rem;font-weight:700;color:#4F46E5;background:#EEF2FF;padding:2px 8px;border-radius:999px}.missions-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.mission-item{display:flex;align-items:center;gap:10px;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:14px;padding:.65rem .85rem;cursor:pointer;transition:all .15s ease}.mission-item:hover{background:#F1F5F9;border-color:#CBD5E1;transform:translateY(-1px)}.mission-item.completed{background:#F0FDF4;border-color:#BBF7D0;opacity:.85}.mission-checkbox{width:22px;height:22px;border-radius:7px;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem;flex-shrink:0;transition:all .2s ease}.mission-checkbox.checked{background:#22C55E;border-color:#22C55E;color:#ffffff}.mission-content{flex:1 1;min-width:0}.mission-title{margin:0;font-size:.82rem;font-weight:700;color:#1E293B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission-item.completed .mission-title{text-decoration:line-through;color:#64748B}.mission-hint{margin:2px 0 0;font-size:.72rem;color:#64748B}.mission-reward-badge{font-size:.75rem;font-weight:800;color:#B45309;background:#FEF3C7;padding:2px 8px;border-radius:999px;white-space:nowrap}.mission-reward-badge.claimed{background:#DEFBE8;color:#15803D}.adventure-welcome-card{background:linear-gradient(135deg,#4338CA,#6366F1 60%,#8B5CF6);border-radius:24px;padding:1.6rem 1.8rem;color:#ffffff;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem;box-shadow:0 16px 36px -10px rgba(67,56,202,.4)}.welcome-kicker{font-size:.85rem;font-weight:700;letter-spacing:.5px;color:#FED7AA;text-transform:uppercase;display:block}.welcome-hero-headline{margin:6px 0 0;font-size:1.55rem;font-weight:800;font-family:var(--font-display);line-height:1.25}.welcome-subtext{margin:8px 0 0;font-size:.9rem;color:rgba(255,255,255,.88);max-width:520px;line-height:1.45}.welcome-resume-btn{background:#ffffff;color:#4338CA;border:none;font-size:.92rem;font-weight:800;padding:.85rem 1.5rem;border-radius:16px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.15);transition:all .2s ease;white-space:nowrap}.welcome-resume-btn:hover{transform:translateY(-2px) scale(1.02);background:#FFFBEB}.adventure-quest-banner{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 14px 34px -8px rgba(30,27,75,.25);border:2px solid rgba(255,255,255,.75)}.quest-banner-img{width:100%;height:auto;max-height:250px;object-fit:cover;display:block;transition:transform .3s ease}.adventure-quest-banner:hover .quest-banner-img{transform:scale(1.02)}.quest-banner-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(15,23,42,.92),rgba(15,23,42,.6) 65%,transparent);padding:1.4rem 1.6rem;color:#ffffff}.quest-banner-tag{display:inline-block;background:#F59E0B;color:#78350F;font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:6px;margin-bottom:6px}.quest-banner-title{margin:0;font-size:1.25rem;font-weight:800;font-family:var(--font-display)}.quest-banner-desc{margin:4px 0 0;font-size:.85rem;color:rgba(255,255,255,.85);max-width:480px}.quest-banner-cta{display:inline-block;margin-top:10px;background:#6366F1;color:#ffffff;font-size:.82rem;font-weight:700;padding:.45rem 1rem;border-radius:999px;text-decoration:none;transition:background .15s ease}.quest-banner-cta:hover{background:#4F46E5}.subject-worlds-section{background:#ffffff;border-radius:28px;border:1.5px solid #e0e7ff;padding:1.6rem;box-shadow:0 12px 36px -10px rgba(99,102,241,.1)}.section-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:1.25rem}.section-title{margin:0;font-size:1.25rem;font-weight:800;font-family:var(--font-display);color:#1E1B4B}.section-subtitle{margin:3px 0 0;font-size:.82rem;color:#64748B}.active-worlds-pill{font-size:.75rem;font-weight:700;color:#059669;background:#D1FAE5;padding:3px 10px;border-radius:999px}.adventure-trail-track{display:flex;align-items:center;justify-content:space-between;background:#F8FAFC;border:1.5px dashed #cbd5e1;border-radius:20px;padding:1.1rem 1.4rem;position:relative;overflow-x:auto}.trail-node{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2;cursor:pointer;transition:transform .2s ease}.trail-node:hover{transform:translateY(-2px)}.trail-node .node-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 6px 16px rgba(0,0,0,.08)}.trail-node.completed .node-icon{background:#22C55E;color:#ffffff}.trail-node.current .node-icon{background:linear-gradient(135deg,#7C3AED,#6366F1);color:#ffffff}.trail-node.locked .node-icon{background:#E2E8F0;color:#94A3B8}.trail-node .node-label{font-size:.72rem;font-weight:700;color:#475569;white-space:nowrap}.trail-node.current .node-label{color:#7C3AED;font-weight:800}.pulse-ring .node-icon{animation:trailPulse 2s ease-in-out infinite}@keyframes trailPulse{0%{box-shadow:0 0 0 0 rgba(124,58,237,.6)}70%{box-shadow:0 0 0 14px rgba(124,58,237,0)}to{box-shadow:0 0 0 0 rgba(124,58,237,0)}}.trail-line{flex:1 1;height:6px;background:#E2E8F0;border-radius:999px;margin:0 10px 22px}.trail-line.active{background:linear-gradient(90deg,#22C55E,#7C3AED)}.subject-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.25rem;gap:1.25rem}.subject-adventure-card{background:#ffffff;border-radius:24px;border:1.5px solid #e2e8f0;overflow:hidden;box-shadow:0 10px 28px -6px rgba(0,0,0,.06);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease;display:flex;flex-direction:column}.subject-adventure-card:hover{transform:translateY(-6px);box-shadow:0 20px 36px -8px rgba(0,0,0,.12);border-color:var(--accent-color,#6366F1)}.subject-card-media{position:relative;width:100%;height:180px;background:#F1F5F9;overflow:hidden}.subject-island-img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.subject-adventure-card:hover .subject-island-img{transform:scale(1.06)}.subject-media-badge{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1E1B4B;font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:999px;box-shadow:0 4px 10px rgba(0,0,0,.08)}.subject-card-body{padding:1.25rem;display:flex;flex-direction:column;flex:1 1}.subject-category-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.subject-category-text{font-size:.72rem;font-weight:800;text-transform:uppercase;color:#64748B;letter-spacing:.5px}.subject-chapters-text{font-size:.75rem;font-weight:700;color:#4F46E5}.subject-title{margin:0;font-size:1.18rem;font-weight:800;font-family:var(--font-display);color:#0F172A}.subject-next-topic{margin:6px 0 0;font-size:.8rem;color:#475569;line-height:1.4;flex:1 1}.subject-progress-container{margin-top:1rem}.progress-info-row{display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;color:#64748B;margin-bottom:4px}.progress-value{color:#0F172A;font-weight:800}.subject-progress-track{width:100%;height:8px;background:#E2E8F0;border-radius:999px;overflow:hidden}.subject-progress-fill{height:100%;border-radius:999px;transition:width .4s ease}.subject-card-footer{margin-top:1.15rem}.subject-continue-btn{display:flex;align-items:center;justify-content:center;width:100%;color:#ffffff;font-size:.85rem;font-weight:800;padding:.65rem 1rem;border-radius:14px;text-decoration:none;box-shadow:0 6px 16px -3px rgba(0,0,0,.15);transition:transform .15s ease,filter .15s ease}.subject-continue-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.adventure-achievements-card,.adventure-friends-card,.adventure-leaderboard-card{background:#ffffff;border-radius:20px;border:1.5px solid #e0e7ff;padding:1.15rem;box-shadow:0 8px 24px -6px rgba(99,102,241,.08)}.achievements-header,.friends-header,.leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.achievements-heading,.friends-title,.leaderboard-title{margin:0;font-size:.98rem;font-weight:800;color:#1E1B4B}.view-all-link{font-size:.75rem;font-weight:700;color:#6366F1;text-decoration:none}.badge-preview-card{background:#F8FAFC;border:1px solid #e2e8f0;border-radius:16px;padding:.85rem;text-align:center}.badges-collection-img{width:100%;height:auto;border-radius:12px;object-fit:cover;box-shadow:0 6px 16px rgba(0,0,0,.06)}.badges-list-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;justify-content:center}.badge-pill{background:#EEF2FF;color:#4F46E5;padding:3px 8px;border-radius:999px;border:1px solid #ddd6fe}.badge-pill,.online-count{font-size:.72rem;font-weight:700}.online-count{color:#16A34A}.friends-avatar-row{display:flex;gap:10px}.buddy-avatar-chip{position:relative;width:44px;height:44px;border-radius:50%;background:#F1F5F9;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;transition:transform .15s ease}.buddy-avatar-chip:hover{transform:scale(1.1)}.status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid #ffffff}.status-dot.online{background:#22C55E}.status-dot.away{background:#F59E0B}.leaderboard-scope{font-size:.72rem;font-weight:700;color:#64748B;background:#F1F5F9;padding:2px 7px;border-radius:6px}.leaderboard-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}.leaderboard-item{display:flex;align-items:center;gap:8px;padding:.55rem .75rem;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:12px;transition:transform .15s ease}.leaderboard-item:hover{transform:translateX(2px)}.leaderboard-item.current-user{background:#EEF2FF;border-color:#C7D2FE}.rank-badge{font-size:.85rem;font-weight:800;width:24px;text-align:center}.user-avatar-emoji{font-size:1.15rem}.user-meta{flex:1 1;min-width:0}.user-name{margin:0;font-size:.8rem;font-weight:700;color:#1E293B;display:flex;align-items:center;gap:4px}.you-pill{font-size:.65rem;font-weight:800;background:#6366F1;color:#ffffff;padding:1px 5px;border-radius:4px}.user-streak{margin:1px 0 0;font-size:.7rem;color:#EA580C;font-weight:600}.user-xp{font-size:.8rem;font-weight:800;color:#7C3AED}.floating-buddy-bubble{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:10px;background:#ffffff;padding:6px 14px 6px 6px;border-radius:999px;box-shadow:0 12px 32px -4px rgba(99,102,241,.4);border:2px solid #c7d2fe;cursor:pointer;z-index:1000;transition:transform .2s cubic-bezier(.16,1,.3,1)}.floating-buddy-bubble:hover{transform:translateY(-4px) scale(1.04)}.buddy-avatar-ring{position:relative;width:44px;height:44px;border-radius:50%;overflow:hidden}.floating-ping{position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:50%;background:#22C55E;border:2px solid #ffffff}.floating-label{display:flex;align-items:center;gap:4px;font-size:.85rem;font-weight:800;color:#4338CA}.buddy-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding:1rem}@media (min-width:640px){.buddy-modal-overlay{align-items:center}}.buddy-modal-content{background:#ffffff;width:100%;max-width:540px;border-radius:28px;border:1.5px solid #e0e7ff;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;flex-direction:column;max-height:85vh;overflow:hidden;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(30px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.buddy-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.4rem;background:linear-gradient(135deg,#EEF2FF,#F5F3FF);border-bottom:1px solid #e0e7ff}.buddy-avatar-meta{display:flex;align-items:center;gap:12px}.buddy-header-img{position:relative;width:42px;height:42px;border-radius:50%;overflow:hidden;border:2px solid #6366f1}.buddy-header-img .online-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#22C55E;border-radius:50%;border:2px solid #ffffff}.buddy-title{margin:0;font-size:1.05rem;font-weight:800;font-family:var(--font-display);color:#1E1B4B}.buddy-subtitle{margin:2px 0 0;font-size:.75rem;color:#6366F1;font-weight:600}.buddy-close-btn{background:#ffffff;border:1px solid #cbd5e1;width:32px;height:32px;border-radius:50%;font-size:.9rem;font-weight:700;color:#64748B;cursor:pointer;display:flex;align-items:center;justify-content:center}.buddy-messages-scroll{flex:1 1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.buddy-msg-row{display:flex;gap:10px;align-items:flex-end}.buddy-msg-row.student{justify-content:flex-end}.buddy-msg-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0}.buddy-msg-bubble{max-width:80%;padding:.8rem 1.1rem;border-radius:18px;font-size:.88rem;line-height:1.45}.buddy-msg-bubble.buddy{background:#F1F5F9;color:#1E293B;border-bottom-left-radius:4px}.buddy-msg-bubble.student{background:linear-gradient(135deg,#6366F1,#7C3AED);color:#ffffff;border-bottom-right-radius:4px}.buddy-msg-bubble p{margin:0}.msg-time{display:block;font-size:.68rem;opacity:.7;margin-top:4px;text-align:right}.buddy-typing-dots{display:flex;gap:5px;padding:10px 14px;background:#F1F5F9;border-radius:14px}.buddy-typing-dots span{width:7px;height:7px;background:#94A3B8;border-radius:50%;animation:dotBlink 1.4s ease-in-out infinite both}.buddy-typing-dots span:first-child{animation-delay:-.32s}.buddy-typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes dotBlink{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.buddy-prompts-tray{padding:.65rem 1.25rem;display:flex;gap:8px;overflow-x:auto;border-top:1px solid #f1f5f9;background:#FAFAFA}.quick-prompt-chip{background:#ffffff;border:1px solid #e2e8f0;border-radius:999px;padding:.4rem .85rem;font-size:.75rem;font-weight:600;color:#334155;cursor:pointer;white-space:nowrap;transition:all .15s ease}.quick-prompt-chip:hover{background:#EEF2FF;border-color:#C7D2FE;color:#4F46E5}.buddy-input-bar{display:flex;gap:8px;padding:1rem 1.25rem;border-top:1px solid #e2e8f0;background:#ffffff}.buddy-input-field{flex:1 1;border:1.5px solid #cbd5e1;border-radius:999px;padding:.65rem 1.25rem;font-size:.88rem;outline:none;transition:border-color .15s ease}.buddy-input-field:focus{border-color:#6366F1}.buddy-send-btn{background:linear-gradient(135deg,#6366F1,#7C3AED);color:#ffffff;border:none;padding:.65rem 1.25rem;border-radius:999px;font-size:.85rem;font-weight:700;cursor:pointer;transition:opacity .15s ease}.buddy-send-btn:disabled{opacity:.5;cursor:not-allowed}.launch-splash-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;max-width:380px;width:100%}.splash-ambient-glow{position:absolute;width:240px;height:240px;border-radius:50%;filter:blur(45px);z-index:0;opacity:.45}.splash-glow-1{background:#7C3AED;top:10%;left:10%}.splash-glow-2{background:#06B6D4;bottom:15%;right:10%}.splash-mascot-container{position:relative;z-index:2;margin-bottom:1rem}.splash-mascot-ring{position:relative;width:140px;height:140px;border-radius:36px;display:flex;align-items:center;justify-content:center;animation:floatMascot 3s ease-in-out infinite alternate}.splash-mascot-img{border-radius:32px;object-fit:cover;box-shadow:0 16px 40px -8px rgba(99,102,241,.5);border:3px solid rgba(255,255,255,.9)}.splash-pulse-ring{position:absolute;inset:-8px;border-radius:40px;border:2px solid rgba(99,102,241,.5);animation:splashPulse 2s ease-out infinite}@keyframes splashPulse{0%{transform:scale(.96);opacity:.8}to{transform:scale(1.16);opacity:0}}.splash-floating-star{position:absolute;font-size:1.4rem;z-index:3}.splash-floating-star.s-1{top:-10px;right:-10px;animation:starFloat 2.5s ease-in-out infinite alternate}.splash-floating-star.s-2{bottom:10px;left:-15px;animation:starFloat 3s ease-in-out infinite alternate-reverse}.splash-floating-star.s-3{top:40%;right:-25px;animation:starFloat 2.2s ease-in-out infinite alternate}@keyframes starFloat{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-8px) rotate(15deg)}}.splash-brand-badge{display:inline-flex;align-items:center;gap:8px;background:#EEF2FF;padding:5px 14px;border-radius:999px;border:1px solid #c7d2fe}.splash-brand-name{font-size:.85rem;font-weight:800;color:#4338CA;font-family:var(--font-display)}.splash-tip-text{font-size:.82rem;color:#6366F1;font-weight:600;min-height:24px;transition:opacity .3s ease}.splash-progress-track{width:220px;height:6px;background:#E0E7FF;border-radius:999px;overflow:hidden;position:relative}.splash-progress-shimmer{width:40%;height:100%;background:linear-gradient(90deg,#6366F1,#8B5CF6 50%,#EC4899);border-radius:999px;animation:shimmerMove 1.5s ease-in-out infinite}@keyframes shimmerMove{0%{transform:translateX(-100%)}to{transform:translateX(260%)}}.pwa-adventure-container{width:100%;padding-bottom:2rem;position:relative}.pwa-game-stats-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:.25rem}.pwa-game-stats-row .game-pill{flex:1 1;padding:.45rem .5rem;justify-content:center;font-size:.78rem;gap:5px}.pwa-game-stats-row .mini-progress-track{width:32px;height:6px}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.pwa-section-title{margin:0;font-size:1.05rem;font-weight:800;font-family:var(--font-display);color:#1E1B4B}.pwa-section-kicker{font-size:.72rem;font-weight:700;color:#6366F1;background:#EEF2FF;padding:2px 8px;border-radius:6px}.pwa-trail-track{display:flex;align-items:center;justify-content:space-between;background:#ffffff;border:1.5px solid #e0e7ff;border-radius:18px;padding:.85rem .95rem;box-shadow:0 4px 14px rgba(99,102,241,.06)}.pwa-trail-divider{flex:1 1;height:4px;background:#E2E8F0;border-radius:999px;margin:0 6px 16px}.pwa-trail-divider.active{background:linear-gradient(90deg,#22C55E,#7C3AED)}.pwa-trail-track .trail-node .node-icon{width:36px;height:36px;font-size:1rem}.pwa-trail-track .trail-node .node-label{font-size:.65rem}.pwa-subject-stack{display:flex;flex-direction:column;gap:1rem}.pwa-subject-card{background:#ffffff;border-radius:20px;border:1.5px solid #e2e8f0;overflow:hidden;box-shadow:0 8px 24px -6px rgba(0,0,0,.06);transition:transform .2s ease,border-color .2s ease}.pwa-subject-card:hover{transform:translateY(-3px);border-color:var(--accent-color,#6366F1)}.pwa-subject-media{position:relative;width:100%;height:140px;background:#F1F5F9;overflow:hidden}.pwa-subject-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.pwa-subject-card:hover .pwa-subject-img{transform:scale(1.05)}.pwa-subject-body{padding:1rem 1.15rem}.edu-splash-root{flex-direction:column;flex:1 1;min-height:75vh;padding:2rem 1.25rem;overflow:hidden}.edu-splash-content,.edu-splash-root{display:flex;align-items:center;justify-content:center;width:100%;position:relative}.edu-splash-content{flex-direction:column;text-align:center;max-width:360px;z-index:2}.edu-splash-glow{position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(50px);z-index:0;opacity:.35;pointer-events:none}.glow-primary{background:#7C3AED;top:15%;left:10%}.glow-secondary{background:#06B6D4;bottom:20%;right:10%}.edu-mascot-stage{width:130px;height:130px;margin-bottom:.5rem}.edu-mascot-ring,.edu-mascot-stage{position:relative;display:flex;align-items:center;justify-content:center}.edu-mascot-ring{width:120px;height:120px;border-radius:32px;animation:floatMascot 3s ease-in-out infinite alternate}.edu-mascot-img{border-radius:28px;object-fit:cover;box-shadow:0 14px 34px -6px rgba(99,102,241,.45);border:3px solid rgba(255,255,255,.95);display:block}.edu-pulse-ring{position:absolute;inset:-6px;border-radius:36px;border:2px solid rgba(99,102,241,.45);animation:splashPulse 2s ease-out infinite}.edu-float-badge{position:absolute;font-size:1.3rem;z-index:5;pointer-events:none}.badge-top-right{top:-6px;right:-8px;animation:starFloat 2.5s ease-in-out infinite alternate}.badge-bottom-left{bottom:8px;left:-10px;animation:starFloat 3s ease-in-out infinite alternate-reverse}.badge-right-center{top:45%;right:-20px;animation:starFloat 2.2s ease-in-out infinite alternate}.edu-brand-badge{display:inline-flex;align-items:center;gap:8px;background:#EEF2FF;border:1.5px solid #c7d2fe;padding:6px 14px;border-radius:999px;box-shadow:0 2px 8px rgba(99,102,241,.08)}.edu-brand-emoji{font-size:1.15rem}.edu-brand-title{font-size:.85rem;font-weight:800;color:#4338CA;font-family:var(--font-display)}.edu-status-stack{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}.edu-status-label{margin:0;font-size:.92rem;font-weight:700;color:#1E1B4B}.edu-tip-ticker{margin:0;font-size:.82rem;font-weight:600;color:#6366F1;min-height:22px;transition:opacity .3s ease}.edu-progress-track{width:200px;height:6px;background:#E0E7FF;border-radius:999px;overflow:hidden;position:relative;margin:.5rem auto 0}.edu-progress-shimmer{width:45%;height:100%;background:linear-gradient(90deg,#6366F1,#8B5CF6 50%,#EC4899);border-radius:999px;animation:shimmerMove 1.4s ease-in-out infinite}.student-home-hero-card{position:relative;background:linear-gradient(135deg,#4338CA,#6366F1 50%,#8B5CF6);border-radius:24px;overflow:hidden;box-shadow:0 16px 36px -8px rgba(79,70,229,.28);border:2px solid rgba(255,255,255,.25);margin-top:.75rem;color:#ffffff}.student-home-banner-wrap{position:relative;width:100%;height:180px;overflow:hidden}.student-home-banner-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.student-home-hero-card:hover .student-home-banner-img{transform:scale(1.04)}.student-home-banner-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,27,75,.1),rgba(30,27,75,.75) 75%,rgba(30,27,75,.95));display:flex;flex-direction:column;justify-content:flex-end;padding:1.15rem}.student-hero-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#FDE047;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:999px;width:-moz-fit-content;width:fit-content;margin-bottom:.35rem;border:1px solid rgba(255,255,255,.3)}.student-hero-greeting{font-family:var(--font-display);font-size:1.25rem;font-weight:800;line-height:1.2;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.4)}.student-hero-subtitle{font-size:.78rem;color:#E0E7FF;margin:4px 0 0;font-weight:500}.student-3d-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.85rem;gap:.85rem;margin-top:1rem}.student-action-card{position:relative;background:#ffffff;border-radius:20px;border:1.5px solid #e0e7ff;padding:.95rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 8px 20px -4px rgba(99,102,241,.08);transition:all .25s cubic-bezier(.34,1.56,.64,1);text-decoration:none;overflow:hidden}.student-action-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 28px -6px rgba(99,102,241,.18);border-color:#818CF8}.student-action-card:active{transform:scale(.98)}.student-card-top{display:flex;align-items:center;justify-content:space-between}.student-icon-3d-wrap{width:52px;height:52px;border-radius:14px;overflow:hidden;position:relative;box-shadow:0 6px 14px -3px rgba(0,0,0,.15);transition:transform .25s ease;flex-shrink:0}.student-action-card:hover .student-icon-3d-wrap{transform:rotate(-3deg) scale(1.08)}.student-icon-3d-img{width:100%;height:100%;object-fit:cover}.student-card-badge{font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.3px}.badge-amber{background:#FEF3C7;color:#B45309}.badge-green{background:#DCFCE7;color:#15803D}.badge-blue{background:#DBEAFE;color:#1D4ED8}.badge-purple{background:#F3E8FF;color:#7E22CE}.badge-coral{background:#FFE4E6;color:#BE123C}.student-card-title{font-family:var(--font-display);font-size:.95rem;font-weight:800;color:#1E1B4B;margin:0;line-height:1.2}.student-card-desc{font-size:.74rem;color:#64748B;margin:0;line-height:1.3;display:flex;align-items:center;justify-content:space-between}.student-card-arrow{color:#6366F1;font-weight:800;font-size:.82rem;transition:transform .2s ease}.student-action-card:hover .student-card-arrow{transform:translateX(3px)}.student-home-quests-card{background:#ffffff;border-radius:22px;border:1.5px solid #e0e7ff;padding:1.15rem;box-shadow:0 10px 26px -6px rgba(99,102,241,.1);margin-top:1rem}.student-quests-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.student-quests-title{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:#1E1B4B;margin:0;display:flex;align-items:center;gap:6px}.student-quests-pill{font-size:.72rem;font-weight:800;background:#EEF2FF;color:#4F46E5;padding:3px 10px;border-radius:999px}.adventure-portal-banner{position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#1E1B4B,#312E81 50%,#4338CA);margin-top:1rem;border:1.5px solid #818cf8;box-shadow:0 12px 30px -8px rgba(99,102,241,.35);display:flex;align-items:center;padding:1.15rem;gap:1rem;text-decoration:none;transition:all .3s ease}.adventure-portal-banner:hover{transform:translateY(-2px);box-shadow:0 16px 36px -6px rgba(99,102,241,.45);border-color:#A5B4FC}.adventure-portal-icon{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#F59E0B,#EC4899);display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 8px 18px rgba(245,158,11,.4);flex-shrink:0;animation:floatMascot 3s ease-in-out infinite alternate}.adventure-portal-body{flex:1 1}.adventure-portal-tag{font-size:.68rem;font-weight:800;color:#FDE047;text-transform:uppercase;letter-spacing:.5px}.adventure-portal-title{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:#ffffff;margin:2px 0 0}.adventure-portal-desc{font-size:.74rem;color:#C7D2FE;margin:3px 0 0}.adventure-portal-btn{background:#ffffff;color:#4338CA;font-size:.78rem;font-weight:800;padding:6px 12px;border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.15);white-space:nowrap;flex-shrink:0}.buddy-instant-card{position:relative;background:linear-gradient(135deg,#EFF6FF,#EEF2FF);border-radius:20px;border:1.5px solid #c7d2fe;padding:1rem;margin-top:1rem;display:flex;align-items:center;gap:.95rem;cursor:pointer;transition:all .2s ease}.buddy-instant-card:hover{transform:translateY(-2px);border-color:#6366F1;box-shadow:0 8px 24px -4px rgba(99,102,241,.15)}.buddy-instant-avatar{width:52px;height:52px;border-radius:16px;overflow:hidden;box-shadow:0 6px 14px rgba(99,102,241,.25);flex-shrink:0}.buddy-instant-avatar img{width:100%;height:100%;object-fit:cover}.buddy-instant-body{flex:1 1}.buddy-instant-title{font-family:var(--font-display);font-size:.95rem;font-weight:800;color:#1E1B4B;margin:0;display:flex;align-items:center;gap:6px}.buddy-instant-desc{font-size:.74rem;color:#4338CA;margin:2px 0 0}.buddy-instant-cta{background:#4F46E5;color:#ffffff;font-size:.72rem;font-weight:800;padding:6px 12px;border-radius:999px;flex-shrink:0}.hw-student-hero{border-radius:20px;overflow:hidden;position:relative;box-shadow:0 10px 28px -6px rgba(99,102,241,.28);margin-bottom:1rem}.hw-student-banner-wrap{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#312E81,#4338CA)}.hw-student-banner-img{width:100%;height:100%;object-fit:cover}.hw-student-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,14,48,.15),rgba(20,14,48,.88));display:flex;flex-direction:column;justify-content:flex-end;padding:1.1rem;color:#ffffff}.hw-hero-kicker{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#FDE047;display:inline-flex;align-items:center;gap:5px;margin-bottom:4px}.hw-hero-title{font-family:var(--font-display);font-size:1.25rem;font-weight:800;margin:0;color:#ffffff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.hw-hero-desc{font-size:.78rem;color:rgba(255,255,255,.88);margin:4px 0 0}.hw-progress-dock{background:#ffffff;border-radius:18px;padding:.85rem 1rem;border:1.5px solid #e0e7ff;box-shadow:0 6px 18px -4px rgba(99,102,241,.08);margin-bottom:1rem}.hw-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hw-progress-label{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:#1E1B4B}.hw-progress-stat{font-size:.75rem;font-weight:800;color:#6366F1;padding:3px 8px}.hw-progress-stat,.hw-progress-track{background:#EEF2FF;border-radius:999px}.hw-progress-track{width:100%;height:10px;overflow:hidden;position:relative}.hw-progress-fill{height:100%;background:linear-gradient(90deg,#6366F1,#10B981);border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px rgba(16,185,129,.5)}.hw-subject-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:1rem;scrollbar-width:none}.hw-subject-scroll::-webkit-scrollbar{display:none}.hw-subject-pill-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 14px 6px 8px;border-radius:999px;border:1.5px solid #e2e8f0;background:#ffffff;color:#475569;font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.03)}.hw-subject-pill-btn:hover{transform:translateY(-2px);border-color:#CBD5E1}.hw-subject-pill-btn.active{background:linear-gradient(135deg,#4338CA,#6366F1);color:#ffffff;border-color:#6366F1;box-shadow:0 6px 16px -3px rgba(99,102,241,.4)}.hw-subject-icon-box{width:24px;height:24px;border-radius:50%;overflow:hidden;background:rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hw-subject-icon-box img{width:100%;height:100%;object-fit:cover}.hw-quest-card-3d{background:#ffffff;border:1.5px solid #eef2ff;border-radius:20px;padding:1.1rem;margin-bottom:1rem;box-shadow:0 8px 24px -6px rgba(99,102,241,.08);transition:all .25s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.hw-quest-card-3d:hover{transform:translateY(-3px);box-shadow:0 12px 28px -6px rgba(99,102,241,.16);border-color:#C7D2FE}.hw-quest-card-3d.completed-quest{background:#F0FDF4;border-color:#BBF7D0}.hw-quest-card-3d.overdue-quest{border-color:#FECDD3;background:#FFF1F2}.hw-quest-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.hw-quest-subject-badge{gap:7px;padding:4px 10px 4px 6px;border-radius:999px;background:#F8FAFC;border:1px solid #e2e8f0;color:#334155}.hw-quest-subject-badge,.hw-quest-xp-bounty{display:inline-flex;align-items:center;font-size:.72rem;font-weight:800}.hw-quest-xp-bounty{background:linear-gradient(135deg,#FEF08A,#FDE047);color:#854D0E;padding:3px 9px;border-radius:999px;box-shadow:0 2px 8px rgba(234,179,8,.25);gap:4px}.hw-quest-title{font-family:var(--font-display);font-size:1rem;font-weight:800;color:#1E1B4B;margin:0 0 6px;line-height:1.35}.hw-quest-meta{font-size:.72rem;color:#64748B;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.hw-quest-actions-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid #f1f5f9}.hw-solve-ai-btn{display:inline-flex;align-items:center;gap:5px;background:#EEF2FF;color:#4F46E5;border:1px solid #c7d2fe;padding:6px 12px;border-radius:12px;font-size:.74rem;font-weight:800;cursor:pointer;transition:all .2s ease}.hw-solve-ai-btn:hover{background:#E0E7FF;transform:translateY(-1px)}.hw-submit-quest-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:12px;font-size:.75rem;font-weight:800;cursor:pointer;border:none;transition:all .2s ease}.hw-submit-quest-btn.pending{background:linear-gradient(135deg,#4338CA,#6366F1);color:#ffffff;box-shadow:0 4px 12px rgba(99,102,241,.3)}.hw-submit-quest-btn.in-progress{background:linear-gradient(135deg,#059669,#10B981);color:#ffffff;box-shadow:0 4px 12px rgba(16,185,129,.3)}.hw-submit-quest-btn.done{background:#DCFCE7;color:#166534;border:1px solid #86efac}.hw-victory-card-3d{background:linear-gradient(135deg,#FAF5FF,#FFFFFF);border:2px dashed #c084fc;border-radius:24px;padding:2rem 1.25rem;text-align:center;box-shadow:0 12px 32px -8px rgba(192,132,252,.2);margin:1rem 0}.hw-victory-avatar-wrap{width:140px;height:140px;border-radius:24px;overflow:hidden;margin:0 auto 1rem;box-shadow:0 10px 25px rgba(168,85,247,.25);animation:floatMascot 3s ease-in-out infinite alternate}.hw-victory-avatar-wrap img{width:100%;height:100%;object-fit:cover}.hw-victory-title{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:#581C87;margin:0 0 6px}.hw-victory-desc{font-size:.82rem;color:#7E22CE;max-width:280px;margin:0 auto 1.25rem}.chats-student-hero{border-radius:20px;overflow:hidden;position:relative;box-shadow:0 10px 28px -6px rgba(99,102,241,.22);margin-bottom:1rem}.chats-student-banner-wrap{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#4338CA,#6366F1)}.chats-student-banner-img{width:100%;height:100%;object-fit:cover}.chats-student-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.1),rgba(15,23,42,.82));display:flex;flex-direction:column;justify-content:flex-end;padding:1.1rem;color:#ffffff}.chat-row-3d{display:flex;align-items:center;gap:12px;padding:.65rem .85rem;border-radius:18px;background:#ffffff;border:1.5px solid #f1f5f9;margin-bottom:0;transition:all .2s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;color:inherit;box-shadow:0 4px 12px -2px rgba(0,0,0,.03)}.chat-row-3d:hover{transform:translateY(-2px);border-color:#CBD5E1;box-shadow:0 8px 20px -4px rgba(99,102,241,.12)}.chat-avatar-3d-wrap{width:50px;height:50px;border-radius:16px;overflow:hidden;box-shadow:0 6px 14px -2px rgba(0,0,0,.12);flex-shrink:0;position:relative}.chat-avatar-3d-wrap img{width:100%;height:100%;object-fit:cover}.chat-online-beacon{position:absolute;bottom:2px;right:2px;width:11px;height:11px;background:#10B981;border:2px solid #ffffff;border-radius:50%}.chat-channel-tag{font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.chat-channel-class{background:#EEF2FF;color:#4F46E5}.chat-channel-bus{background:#FEF3C7;color:#B45309}.chat-channel-ai{background:#F3E8FF;color:#7E22CE}.wa-thread-3d-header{display:flex;align-items:center;gap:10px}.wa-thread-avatar-mini{width:36px;height:36px;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.15);flex-shrink:0}.wa-thread-avatar-mini img{width:100%;height:100%;object-fit:cover}.wa-student-reactions-dock{display:flex;align-items:center;gap:6px;padding:6px 10px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;box-shadow:0 6px 20px -4px rgba(0,0,0,.1);border:1px solid #e2e8f0;margin:6px 0 8px;overflow-x:auto;scrollbar-width:none}.wa-reaction-pill{background:#F8FAFC;border:1px solid #e2e8f0;border-radius:999px;padding:3px 8px;font-size:.8rem;cursor:pointer;transition:transform .15s ease}.wa-reaction-pill:hover{transform:scale(1.2);background:#EEF2FF}.wa-quick-prompt-carousel{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:6px 0;scrollbar-width:none}.wa-quick-prompt-carousel::-webkit-scrollbar{display:none}.wa-quick-prompt-chip{background:#F1F5F9;border:1px solid #e2e8f0;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;color:#475569;white-space:nowrap;cursor:pointer;transition:all .2s ease}.wa-quick-prompt-chip:hover{background:#EEF2FF;border-color:#6366F1;color:#4338CA;transform:translateY(-1px)}