:root{--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Outfit", "Segoe UI", sans-serif;--radius-lg:28px;--radius-md:16px;--radius-pill:999px;--transition:.28s cubic-bezier(.4, 0, .2, 1)}:root,html[data-theme=aurora]{--navy-deep:#050814;--navy:#0a1024;--navy-mid:#101a38;--purple-deep:#3b1d7a;--purple:#7c3aed;--purple-electric:#8b5cf6;--violet-soft:#c4b5fd;--cyan:#38bdf8;--cyan-bright:#67e8f9;--blue-glow:#4f7cff;--text-primary:#fff;--text-secondary:#b8b4d4;--text-muted:#8b87a8;--glass-bg:#ffffff0a;--glass-bg-strong:#ffffff12;--glass-border:#78aaff47;--glass-border-soft:#ffffff1a;--shadow-glow:0 0 40px #6366f140;--orb-a:#7c3aed80;--orb-b:#38bdf847;--page-bg:linear-gradient(180deg, #070b1a 0%, #0a1028 50%, #080d1c 100%);--page-glow-1:radial-gradient(ellipse 70% 45% at 80% -5%, #4c1d954d, transparent 55%);--page-glow-2:radial-gradient(ellipse 55% 40% at 0% 60%, #1e40af29, transparent 50%);--page-glow-3:radial-gradient(ellipse 50% 40% at 0% 80%, #5b21b633, transparent 50%);--accent:#d4af5f;--brand:#8b5cf6;--cta-from:#67e8f9;--cta-to:#a78bfa;--cta-text:#061018;--cta-gradient:linear-gradient(90deg, var(--cta-from), var(--cta-to));--title-gradient:linear-gradient(120deg, #ddd6fe 0%, #fff 45%, #a78bfa 100%);--hero-cta:linear-gradient(95deg, #6d28d9 0%, #5b21b6 35%, #2563eb 100%);--success:#6ee7b7;--danger:#fda4af;--avatar-from:#a78bfa;--avatar-to:#4c1d95}html[data-theme=royal]{--navy-deep:#050a14;--navy:#07111f;--navy-mid:#102038;--purple-deep:#3d2a12;--purple:#b8860b;--purple-electric:#d4af5f;--violet-soft:#f3e2b3;--cyan:#c9a227;--cyan-bright:#ffe7a8;--blue-glow:#d4af5f;--text-primary:#f8f4ea;--text-secondary:#d4c6a5;--text-muted:#9c8f74;--glass-bg:#d4af5f0f;--glass-bg-strong:#0c1628b8;--glass-border:#d4af5f61;--glass-border-soft:#f0d78c2e;--shadow-glow:0 0 40px #d4af5f38;--orb-a:#d4af5f6b;--orb-b:#1e407866;--page-bg:linear-gradient(180deg, #07111f 0%, #0c1a30 50%, #08101c 100%);--page-glow-1:radial-gradient(ellipse 70% 45% at 80% -5%, #d4af5f2e, transparent 55%);--page-glow-2:radial-gradient(ellipse 55% 40% at 0% 60%, #14376e47, transparent 50%);--page-glow-3:radial-gradient(ellipse 50% 40% at 0% 80%, #b48c3224, transparent 50%);--accent:#d4af5f;--brand:#d4af5f;--cta-from:#ffe7a8;--cta-to:#d4af5f;--cta-text:#07111f;--cta-gradient:linear-gradient(90deg, var(--cta-from), var(--cta-to));--title-gradient:linear-gradient(120deg, #fde68a 0%, #fff8e8 48%, #d4af5f 100%);--hero-cta:linear-gradient(95deg, #b8860b 0%, #d4af5f 45%, #1e3a5f 100%);--success:#6ee7b7;--danger:#fda4af;--avatar-from:#f3e2b3;--avatar-to:#3d2a12}html[data-theme=cream]{--navy-deep:#f4efe3;--navy:#fbf6eb;--navy-mid:#fffdf7;--purple-deep:#92400e;--purple:#b45309;--purple-electric:#d97706;--violet-soft:#92400e;--cyan:#b45309;--cyan-bright:#9a3412;--blue-glow:#d97706;--text-primary:#1c1917;--text-secondary:#44403c;--text-muted:#78716c;--glass-bg:#ffffffb8;--glass-bg-strong:#ffffffeb;--glass-border:#b4530938;--glass-border-soft:#1c19171a;--shadow-glow:0 0 36px #d977061f;--orb-a:#d9770638;--orb-b:#b4530924;--page-bg:linear-gradient(180deg, #fffdf8 0%, #f7f0e2 50%, #f3ead6 100%);--page-glow-1:radial-gradient(ellipse 70% 45% at 80% -5%, #fbbf2438, transparent 55%);--page-glow-2:radial-gradient(ellipse 55% 40% at 0% 60%, #f59e0b1f, transparent 50%);--page-glow-3:radial-gradient(ellipse 50% 40% at 0% 80%, #d6b07829, transparent 50%);--accent:#d97706;--brand:#b45309;--cta-from:#f59e0b;--cta-to:#b45309;--cta-text:#fffdf8;--cta-gradient:linear-gradient(90deg, var(--cta-from), var(--cta-to));--title-gradient:linear-gradient(120deg, #92400e 0%, #1c1917 45%, #d97706 100%);--hero-cta:linear-gradient(95deg, #d97706 0%, #b45309 50%, #92400e 100%);--success:#047857;--danger:#be123c;--avatar-from:#fbbf24;--avatar-to:#92400e}html[data-theme=emerald]{--navy-deep:#03110c;--navy:#04150f;--navy-mid:#0b2a20;--purple-deep:#064e3b;--purple:#059669;--purple-electric:#34d399;--violet-soft:#a7f3d0;--cyan:#e8c872;--cyan-bright:#f3e2b3;--blue-glow:#10b981;--text-primary:#ecfdf5;--text-secondary:#b7e4d0;--text-muted:#7aa894;--glass-bg:#10b98112;--glass-bg-strong:#04150fb8;--glass-border:#34d39947;--glass-border-soft:#e8c87238;--shadow-glow:0 0 40px #10b98138;--orb-a:#10b98166;--orb-b:#e8c87247;--page-bg:linear-gradient(180deg, #04150f 0%, #07241a 50%, #03140e 100%);--page-glow-1:radial-gradient(ellipse 70% 45% at 80% -5%, #10b98138, transparent 55%);--page-glow-2:radial-gradient(ellipse 55% 40% at 0% 60%, #e8c8721f, transparent 50%);--page-glow-3:radial-gradient(ellipse 50% 40% at 0% 80%, #0596692e, transparent 50%);--accent:#e8c872;--brand:#34d399;--cta-from:#34d399;--cta-to:#e8c872;--cta-text:#04150f;--cta-gradient:linear-gradient(90deg, var(--cta-from), var(--cta-to));--title-gradient:linear-gradient(120deg, #a7f3d0 0%, #ecfdf5 45%, #e8c872 100%);--hero-cta:linear-gradient(95deg, #065f46 0%, #059669 40%, #d4af5f 100%);--success:#6ee7b7;--danger:#fda4af;--avatar-from:#34d399;--avatar-to:#064e3b}html[data-theme=mint]{--navy-deep:#e7f8f4;--navy:#eefbf8;--navy-mid:#f7fffd;--purple-deep:#0f766e;--purple:#14b8a6;--purple-electric:#06b6d4;--violet-soft:#0f766e;--cyan:#0891b2;--cyan-bright:#0e7490;--blue-glow:#22d3ee;--text-primary:#134e4a;--text-secondary:#115e59;--text-muted:#5b7c78;--glass-bg:#ffffffb3;--glass-bg-strong:#ffffffeb;--glass-border:#06b6d447;--glass-border-soft:#0f766e1f;--shadow-glow:0 0 36px #06b6d424;--orb-a:#2dd4bf47;--orb-b:#06b6d438;--page-bg:linear-gradient(180deg, #f7fffd 0%, #e7f8f4 48%, #ddf4f8 100%);--page-glow-1:radial-gradient(ellipse 70% 45% at 80% -5%, #22d3ee33, transparent 55%);--page-glow-2:radial-gradient(ellipse 55% 40% at 0% 60%, #2dd4bf29, transparent 50%);--page-glow-3:radial-gradient(ellipse 50% 40% at 0% 80%, #0891b21f, transparent 50%);--accent:#0e7490;--brand:#14b8a6;--cta-from:#22d3ee;--cta-to:#14b8a6;--cta-text:#134e4a;--cta-gradient:linear-gradient(90deg, var(--cta-from), var(--cta-to));--title-gradient:linear-gradient(120deg, #0f766e 0%, #134e4a 45%, #0891b2 100%);--hero-cta:linear-gradient(95deg, #0e7490 0%, #14b8a6 50%, #06b6d4 100%);--success:#0f766e;--danger:#be123c;--avatar-from:#22d3ee;--avatar-to:#0f766e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{min-height:100dvh}body{font-family:var(--font-body);color:var(--text-primary);background:var(--navy-deep);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);overflow-x:hidden}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none}img{max-width:100%;display:block}@media (width<=640px){body{font-size:16px}}.theme-picker{z-index:8;position:relative}.theme-picker__toggle{border-radius:var(--radius-pill);min-height:44px;color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:8px 12px;font-size:.78rem;display:inline-flex}.theme-picker__toggle:hover{color:var(--text-primary);border-color:var(--glass-border)}.theme-picker__panel{z-index:80;background:color-mix(in srgb, var(--navy-mid) 96%, transparent);border:1px solid var(--glass-border);width:min(280px,100vw - 24px);box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;gap:6px;padding:8px;display:grid;position:fixed}.theme-picker__option{text-align:right;width:100%;min-height:44px;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.theme-picker__option:hover,.theme-picker__option--on{background:var(--glass-bg);border-color:var(--glass-border)}.theme-picker__swatch{border:1px solid var(--glass-border-soft);border-radius:8px;flex-shrink:0;grid-template-columns:repeat(3,1fr);width:44px;height:28px;display:grid;overflow:hidden}.theme-picker__swatch i{display:block}.theme-picker__copy{flex-direction:column;gap:1px;min-width:0;display:flex}.theme-picker__copy strong{font-size:.82rem;font-weight:600}.theme-picker__copy em{color:var(--text-muted);font-size:.68rem;font-style:normal}.theme-dock{z-index:30;bottom:max(12px, env(safe-area-inset-bottom));position:fixed;inset-inline-end:max(12px, env(safe-area-inset-end))}.theme-dock .theme-picker__toggle{min-width:44px;color:var(--text-primary);background:color-mix(in srgb, var(--navy-mid) 92%, transparent);box-shadow:var(--shadow-glow);justify-content:center}@media (width<=720px){.theme-picker__toggle span{display:none}}.install-prompt{z-index:40;top:max(10px, env(safe-area-inset-top));color:var(--text-primary);background:color-mix(in srgb, var(--navy-mid) 94%, transparent);border:1px solid var(--glass-border);box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex;position:fixed;left:12px;right:12px}.install-prompt p{flex:180px;margin:0;font-size:.92rem;line-height:1.45}.install-prompt__actions{gap:8px;display:flex}.install-prompt__go,.install-prompt__later{border-radius:999px;min-height:44px;padding:8px 14px;font-size:.9rem}.install-prompt__go{color:var(--text-primary);background:var(--hero-cta)}.install-prompt__later{color:var(--text-secondary);border:1px solid var(--glass-border-soft);background:0 0}.login-gate{height:100dvh;color:var(--text-primary);background:var(--page-glow-1), var(--page-bg);flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:20px;display:flex;position:relative;overflow:hidden}.login-gate__atmosphere{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-gate__orb{filter:blur(70px);opacity:.45;border-radius:50%;position:absolute}.login-gate__orb--a{background:radial-gradient(circle, var(--orb-a), transparent 70%);width:280px;height:280px;top:8%;right:-80px}.login-gate__orb--b{background:radial-gradient(circle, var(--orb-b), transparent 70%);width:260px;height:260px;bottom:4%;left:-70px}.login-gate__brand{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.login-gate__mark{width:44px;height:44px;color:var(--cyan-bright);background:color-mix(in srgb, var(--cyan) 8%, transparent);border:1px solid color-mix(in srgb, var(--brand) 45%, transparent);border-radius:50%;place-items:center;display:grid}.login-gate__name{font-family:var(--font-display);letter-spacing:.12em;margin:0;font-size:1.45rem;font-weight:700}.login-gate__tag{color:var(--text-muted);margin:2px 0 0;font-size:.78rem}.login-gate__card{z-index:1;background:var(--glass-bg-strong);border:1px solid var(--glass-border-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px;width:min(420px,100%);padding:22px 20px 20px;position:relative}.login-gate__card h1{font-family:var(--font-display);margin:0;font-size:1.55rem}.login-gate__card>p{color:var(--text-muted);margin:8px 0 16px;font-size:.88rem;line-height:1.45}.login-gate__field{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:.82rem;display:flex}.login-gate__field input{border:1px solid var(--glass-border-soft);background:var(--glass-bg);min-height:48px;color:var(--text-primary);font:inherit;letter-spacing:.08em;border-radius:14px;padding:10px 14px}.login-gate__field input:focus{border-color:color-mix(in srgb, var(--accent) 50%, transparent);outline:none}.login-gate__error{color:var(--danger);margin:10px 0 0;font-size:.82rem}.login-gate__submit{width:100%;min-height:48px;color:var(--cta-text);background:var(--cta-gradient);border:none;border-radius:999px;margin-top:16px;font-weight:650}.login-gate__submit:disabled{opacity:.6}.login-gate__switch{text-align:center;background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);border-radius:14px;width:100%;max-width:420px;padding:12px 14px}.login-gate__switch p{color:var(--text-secondary);margin:0 0 10px;font-size:.88rem}.login-gate__switch-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.login-gate__switch-btn{border:1px solid var(--glass-border-soft);background:var(--glass-bg);min-height:40px;color:var(--text-primary);border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.login-gate__owner-link{text-align:center;margin:14px 0 0;font-size:.88rem}.login-gate__owner-link a{color:var(--accent);font-weight:600;text-decoration:none}.login-gate__owner-link a:hover{text-decoration:underline}.book-stage{isolation:isolate;place-items:center;width:min(280px,70vw);height:300px;display:grid;position:relative}.book-glow{background:radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--brand) 45%, transparent), transparent 55%), radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--cyan) 22%, transparent), transparent 50%);filter:blur(18px);z-index:0;animation:4.5s ease-in-out infinite glow-pulse;position:absolute;inset:20% 10% 5%}.book-pedestal{z-index:1;width:180px;height:70px;position:absolute;bottom:18px}.pedestal-ring{border:1.5px solid #0000;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.pedestal-ring--outer{border-color:color-mix(in srgb, var(--brand) 55%, transparent);width:180px;height:48px;box-shadow:0 0 18px color-mix(in srgb, var(--brand) 45%, transparent), inset 0 0 18px color-mix(in srgb, var(--cyan) 15%, transparent);bottom:0}.pedestal-ring--inner{border-color:color-mix(in srgb, var(--cyan) 55%, transparent);width:128px;height:34px;box-shadow:0 0 14px color-mix(in srgb, var(--cyan) 35%, transparent);bottom:10px}.pedestal-core{background:radial-gradient(ellipse, color-mix(in srgb, var(--brand) 35%, transparent), transparent 70%);border-radius:50%;width:90px;height:22px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.book{width:148px;height:196px;transform-style:preserve-3d;z-index:2;transition:transform var(--transition);filter:drop-shadow(0 18px 30px color-mix(in srgb, var(--navy-deep) 65%, transparent));position:relative;transform:perspective(900px)rotateY(-18deg)rotateX(8deg)}.book-stage:hover .book{transform:perspective(900px)rotateY(-12deg)rotateX(6deg)translateY(-4px)}.book-cover{background:linear-gradient(145deg, var(--glass-border-soft), transparent 38%), linear-gradient(160deg, var(--navy-mid) 0%, var(--navy) 40%, var(--purple-deep) 78%, var(--navy-deep) 100%);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);box-shadow:inset 0 0 0 1px var(--glass-bg), inset 0 0 30px color-mix(in srgb, var(--brand) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--cyan) 10%, transparent);border-radius:6px 12px 12px 6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px 14px;display:flex;position:absolute;inset:0;overflow:hidden}.book-cover-shine{background:linear-gradient(115deg, transparent 30%, var(--glass-border-soft) 45%, transparent 60%);pointer-events:none;position:absolute;inset:0}.book-spine{background:linear-gradient(180deg, var(--purple-deep), var(--navy) 50%, var(--navy-mid));width:12px;box-shadow:inset -1px 0 0 var(--glass-bg);border-radius:4px 0 0 4px;position:absolute;top:4px;bottom:4px;left:-10px;transform:skewY(-2deg)}.book-pages{background:repeating-linear-gradient(90deg,#e8e6f5 0 1px,#c9c4e0 1px 2px);border-radius:0 3px 3px 0;width:8px;position:absolute;top:8px;bottom:8px;right:-7px;transform:skewY(2deg)}.book-logo{background:radial-gradient(circle at 35% 30%, var(--avatar-from), var(--avatar-to) 70%);width:42px;height:42px;box-shadow:0 0 16px color-mix(in srgb, var(--brand) 55%, transparent);border:1px solid color-mix(in srgb, var(--text-primary) 25%, transparent);border-radius:50%;place-items:center;display:grid}.book-logo-mark{font-family:var(--font-display);color:var(--text-primary);font-size:1.35rem;font-weight:700}.book-title{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.book-title-main{font-family:var(--font-body);letter-spacing:.18em;color:var(--text-primary);font-size:.95rem;font-weight:700}.book-title-sub{color:var(--violet-soft);letter-spacing:.08em;font-size:.78rem}.book-badge{letter-spacing:.28em;color:color-mix(in srgb, var(--cyan-bright) 90%, transparent);border:1px solid color-mix(in srgb, var(--cyan-bright) 35%, transparent);background:color-mix(in srgb, var(--cyan) 8%, transparent);border-radius:999px;margin-top:6px;padding:4px 10px;font-size:.65rem}@keyframes glow-pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@media (width<=640px){.book-stage{width:220px;height:250px}.book{width:120px;height:160px}.book-pedestal,.pedestal-ring--outer{width:150px}.pedestal-ring--inner{width:108px}}.dashboard{background:var(--page-glow-1), var(--page-glow-2), var(--page-glow-3), var(--page-bg);flex-direction:column;min-height:100vh;padding:28px clamp(20px,4vw,56px) 24px;display:flex;position:relative;overflow:hidden}.dashboard__atmosphere{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.orb{filter:blur(60px);opacity:.55;border-radius:50%;position:absolute}.orb--left{background:radial-gradient(circle, var(--orb-a), transparent 70%);width:420px;height:420px;top:18%;left:-140px}.orb--right{background:radial-gradient(circle, var(--orb-b), transparent 70%);width:480px;height:480px;top:6%;right:-160px}.light-trail{opacity:.55;filter:blur(18px);border-radius:50%;width:70%;height:120px;position:absolute}.light-trail--left{background:radial-gradient(ellipse 80% 40% at 40% 50%, color-mix(in srgb, var(--brand) 55%, transparent), transparent 70%), radial-gradient(ellipse 60% 30% at 60% 60%, color-mix(in srgb, var(--cyan) 35%, transparent), transparent 70%);top:34%;left:-18%;transform:rotate(-22deg)}.light-trail--right{background:radial-gradient(ellipse 80% 40% at 50% 50%, var(--orb-b), transparent 70%), radial-gradient(ellipse 50% 30% at 30% 40%, var(--orb-a), transparent 70%);width:65%;top:48%;right:-22%;transform:rotate(18deg)}.world-map{opacity:.08;background-image:radial-gradient(circle, color-mix(in srgb, var(--brand) 90%, transparent) 1px, transparent 1.2px);background-size:22px 22px;position:absolute;inset:8% 4% 20%;-webkit-mask-image:radial-gradient(70% 55% at 55% 35%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 55% at 55% 35%,#000 20%,#0000 75%)}.dashboard__header,.dashboard__main,.dashboard__footer{z-index:1;position:relative}.dashboard__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(28px,5vh,48px);display:flex}.brand{align-items:center;gap:12px;display:flex}.brand__mark{width:44px;height:44px;color:var(--cyan-bright);background:color-mix(in srgb, var(--cyan) 8%, transparent);border:1px solid color-mix(in srgb, var(--brand) 45%, transparent);box-shadow:0 0 20px color-mix(in srgb, var(--brand) 35%, transparent), inset 0 0 12px color-mix(in srgb, var(--cyan) 12%, transparent);border-radius:50%;place-items:center;display:grid;position:relative}.brand__cap{background:var(--cta-gradient);width:16px;height:5px;box-shadow:0 0 8px color-mix(in srgb, var(--brand) 60%, transparent);border-radius:3px 3px 0 0;position:absolute;top:4px}.brand__text{flex-direction:column;line-height:1.1;display:flex}.brand__name{font-family:var(--font-display);letter-spacing:.04em;font-size:1.55rem;font-weight:700}.brand__tag{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:400}.user-chip{border-radius:var(--radius-pill);background:var(--glass-bg);border:1px solid var(--glass-border-soft);-webkit-backdrop-filter:blur(12px);transition:border-color var(--transition), box-shadow var(--transition);align-items:center;gap:12px;padding:8px 10px 8px 8px;display:flex}.user-chip:hover{border-color:color-mix(in srgb, var(--brand) 35%, transparent);box-shadow:0 0 20px color-mix(in srgb, var(--brand) 15%, transparent)}.user-chip__avatar{width:38px;height:38px;color:var(--text-primary);background:radial-gradient(circle at 30% 25%, var(--avatar-from), var(--avatar-to) 70%);border:1px solid color-mix(in srgb, var(--brand) 40%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--brand) 35%, transparent);border-radius:50%;place-items:center;font-size:.95rem;font-weight:600;display:grid}.user-chip__teacher-link{border-radius:var(--radius-pill);letter-spacing:.02em;color:var(--cyan-bright);background:color-mix(in srgb, var(--cyan) 8%, transparent);border:1px solid color-mix(in srgb, var(--cyan) 28%, transparent);transition:border-color var(--transition), box-shadow var(--transition);white-space:nowrap;cursor:pointer;font-size:.75rem;font:inherit;padding:6px 12px}.user-chip__teacher-link:hover{border-color:color-mix(in srgb, var(--cyan-bright) 55%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--cyan) 22%, transparent)}.user-chip .theme-picker__toggle span{display:none}.user-chip .theme-picker__toggle{padding:8px}.user-chip__welcome{color:var(--text-secondary);white-space:nowrap;font-size:.92rem}.user-chip__welcome strong{color:var(--purple-electric);font-weight:600}.user-chip__bell{width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--glass-border-soft);transition:color var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:50%;place-items:center;display:grid}.user-chip__bell:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--brand) 50%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--brand) 30%, transparent)}.dashboard__main{flex-direction:column;flex:1;align-items:center;gap:clamp(28px,4vh,40px);width:100%;max-width:1080px;margin:0 auto;display:flex}.hero-greeting{text-align:center}.hero-greeting__title{font-family:var(--font-display);letter-spacing:.01em;color:var(--text-primary);font-size:clamp(2.4rem,5vw,3.6rem);font-weight:600;line-height:1.15}.hero-greeting__title span{background:var(--title-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-greeting__subtitle{color:var(--text-muted);letter-spacing:.02em;margin-top:10px;font-size:.98rem;font-weight:300}.hero-greeting__courses-hint{color:var(--text-secondary);margin-top:14px;font-size:.98rem;font-weight:300}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;display:grid}.course-card{border-radius:var(--radius-lg);background:linear-gradient(145deg, color-mix(in srgb, var(--blue-glow) 8%, transparent), transparent 40%), linear-gradient(135deg, var(--glass-bg), var(--glass-bg)), color-mix(in srgb, var(--navy) 62%, transparent);border:1px solid color-mix(in srgb, var(--blue-glow) 38%, transparent);-webkit-backdrop-filter:blur(20px);width:100%;box-shadow:0 0 0 1px color-mix(in srgb, var(--cyan) 8%, transparent), 0 20px 60px color-mix(in srgb, var(--navy-deep) 45%, transparent), 0 0 60px color-mix(in srgb, var(--brand) 16%, transparent), inset 0 1px 0 var(--glass-border-soft);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(20px,4vw,40px);padding:clamp(28px,4vw,44px) clamp(28px,4vw,48px);display:grid}.course-card--compact{grid-template-columns:1fr;padding:clamp(22px,3vw,32px)}.course-card--intermediate{border-color:color-mix(in srgb, var(--success) 35%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--success) 10%, transparent), transparent 42%), linear-gradient(135deg, var(--glass-bg), var(--glass-bg)), color-mix(in srgb, var(--navy) 62%, transparent)}.course-card--intermediate .course-card__grade,.course-card--intermediate .course-card__stage{color:var(--success)}.course-card__stage{color:var(--purple-electric);margin:0;font-size:.92rem;font-weight:500}.course-card:hover{border-color:color-mix(in srgb, var(--brand) 45%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--cyan) 10%, transparent), 0 28px 70px color-mix(in srgb, var(--navy-deep) 50%, transparent), 0 0 60px color-mix(in srgb, var(--brand) 18%, transparent);transform:translateY(-3px)}.course-card__content{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.course-card__icon{width:54px;height:54px;color:var(--cyan-bright);background:color-mix(in srgb, var(--cyan) 8%, transparent);border:1px solid color-mix(in srgb, var(--cyan-bright) 40%, transparent);box-shadow:0 0 22px color-mix(in srgb, var(--cyan) 28%, transparent), inset 0 0 14px color-mix(in srgb, var(--brand) 12%, transparent);border-radius:50%;place-items:center;margin-bottom:8px;display:grid}.course-card__title{letter-spacing:-.01em;color:var(--text-primary);font-size:clamp(1.85rem,3.2vw,2.35rem);font-weight:600}.course-card__grade{color:var(--purple-electric);font-size:1.1rem;font-weight:500}.course-card__program{color:var(--violet-soft);letter-spacing:.04em;font-size:.92rem}.course-card__desc{color:var(--text-secondary);max-width:34ch;margin-top:4px;margin-bottom:14px;font-size:.98rem;font-weight:300;line-height:1.5}.course-card__cta{letter-spacing:.06em;color:var(--text-primary);background:var(--hero-cta);box-shadow:0 0 28px color-mix(in srgb, var(--brand) 45%, transparent), 0 8px 24px color-mix(in srgb, var(--brand) 25%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 18%, transparent);transition:transform var(--transition), box-shadow var(--transition), filter var(--transition);border-radius:14px;align-items:center;gap:10px;padding:15px 28px;font-size:.92rem;font-weight:600;display:inline-flex}.course-card__cta:hover{filter:brightness(1.08);box-shadow:0 0 36px color-mix(in srgb, var(--brand) 55%, transparent), 0 12px 30px color-mix(in srgb, var(--brand) 35%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 22%, transparent);transform:translateY(-2px)scale(1.015)}.course-card__cta:active{transform:translateY(0)scale(.99)}.course-card__cta-arrow{transition:transform var(--transition);font-size:1.1rem}.course-card__cta:hover .course-card__cta-arrow{transform:translate(4px)}.course-card__meta{border-top:1px solid var(--glass-border-soft);flex-wrap:wrap;gap:8px 18px;margin-top:18px;padding-top:16px;list-style:none;display:flex}.course-card__meta li{color:var(--text-muted);letter-spacing:.03em;padding-left:12px;font-size:.8rem;position:relative}.course-card__meta li:before{content:"";background:var(--cyan);width:5px;height:5px;box-shadow:0 0 8px color-mix(in srgb, var(--cyan) 70%, transparent);border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.course-card__visual{justify-content:center;align-items:center;min-height:260px;display:flex}.feature-bar{background:var(--glass-bg);border:1px solid var(--glass-border-soft);-webkit-backdrop-filter:blur(14px);width:100%;box-shadow:0 10px 40px color-mix(in srgb, var(--navy-deep) 25%, transparent);border-radius:20px;grid-template-columns:repeat(4,1fr);gap:8px;padding:18px 20px;display:grid}.feature-item{transition:background var(--transition), transform var(--transition);border-radius:14px;align-items:center;gap:12px;padding:8px 10px;display:flex}.feature-item:hover{background:var(--glass-bg);transform:translateY(-2px)}.feature-item__icon{width:40px;height:40px;color:var(--violet-soft);background:color-mix(in srgb, var(--brand) 10%, transparent);border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--brand) 20%, transparent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.feature-item__text h3{color:var(--text-primary);margin-bottom:2px;font-size:.82rem;font-weight:600}.feature-item__text p{color:var(--text-muted);font-size:.72rem;font-weight:300;line-height:1.35}.dashboard__footer{text-align:center;margin-top:clamp(28px,5vh,40px)}.dashboard__footer p{color:color-mix(in srgb, var(--text-muted) 70%, transparent);letter-spacing:.04em;font-size:.72rem}@media (width<=960px){.feature-bar{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=820px){.course-grid{grid-template-columns:1fr}.course-card{text-align:center;grid-template-columns:1fr;padding-top:32px}.course-card__content{order:2;align-items:center}.course-card__visual{order:1;min-height:220px}.course-card__desc{max-width:40ch}.course-card__meta{justify-content:center}}@media (width<=640px){.dashboard{padding:16px 14px 24px}.dashboard__header{flex-wrap:wrap;gap:12px;margin-bottom:24px}.brand__name{font-size:1.4rem}.brand__tag{font-size:.58rem}.user-chip{justify-content:space-between;width:100%;min-height:52px;padding:8px 12px 8px 8px}.user-chip__welcome{white-space:normal;flex:1;font-size:.9rem}.user-chip__bell{width:40px;height:40px}.hero-greeting__title{font-size:2.15rem}.hero-greeting__subtitle{padding-inline:8px;font-size:.92rem}.course-card{border-radius:22px;padding:24px 18px 22px}.course-card__title{font-size:1.7rem}.course-card__desc{font-size:.95rem}.course-card__cta{justify-content:center;width:100%;min-height:52px;padding:16px 20px;font-size:.88rem}.course-card__meta{gap:10px 14px;width:100%}.course-card__meta li{font-size:.78rem}.feature-bar{grid-template-columns:1fr;gap:8px;padding:12px}.feature-item{min-height:64px;padding:12px}.feature-item__text h3{font-size:.9rem}.feature-item__text p{font-size:.78rem}.dashboard__footer{margin-top:24px}}.td{min-height:100vh;color:var(--text-primary);background:var(--page-glow-1), var(--page-glow-2), var(--page-bg);padding:22px clamp(16px,3.5vw,48px) 40px;position:relative;overflow-x:hidden}.td__atmosphere{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.td-orb{filter:blur(70px);opacity:.45;border-radius:50%;position:absolute}.td-orb--a{background:radial-gradient(circle, var(--orb-a), transparent 70%);width:340px;height:340px;top:10%;left:-100px}.td-orb--b{background:radial-gradient(circle, var(--orb-b), transparent 70%);width:380px;height:380px;top:-30px;right:-120px}.td__header,.td__main{z-index:1;position:relative}.td__header{grid-template-columns:auto 1fr auto;align-items:center;gap:16px 24px;margin-bottom:24px;display:grid}.td-brand{align-items:center;gap:12px;display:flex}.td-brand__mark{width:42px;height:42px;color:var(--cyan-bright);background:color-mix(in srgb, var(--cyan) 8%, transparent);border:1px solid color-mix(in srgb, var(--brand) 45%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--brand) 28%, transparent);border-radius:50%;place-items:center;display:grid}.td-brand__name{font-family:var(--font-display);letter-spacing:.04em;font-size:1.4rem;font-weight:700;line-height:1.1}.td-brand__tag{color:var(--text-muted);font-size:.7rem}.td-header__title h1{font-family:var(--font-display);font-size:clamp(1.35rem,2.4vw,1.8rem);font-weight:600}.td-header__title p{color:var(--text-muted);margin-top:4px;font-size:.85rem}.td-header__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.td-link-home{border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);transition:border-color var(--transition), color var(--transition);cursor:pointer;font-size:.82rem;font:inherit;padding:8px 14px}.td-link-home:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--brand) 40%, transparent)}.td-state{text-align:center;color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:var(--radius-md);padding:28px}.td-state--error{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent)}.td__layout{grid-template-columns:minmax(0,1.55fr) minmax(260px,.7fr);align-items:start;gap:18px;display:grid}.td-panel{background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);padding:18px;box-shadow:0 12px 36px #0003}.td-panel__head{margin-bottom:14px}.td-panel__head--row{align-items:center;gap:12px;display:flex}.td-panel__head h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.td-panel__head p{color:var(--text-muted);margin-top:4px;font-size:.8rem}.td-table-wrap{overflow-x:auto}.td-table{border-collapse:collapse;width:100%;min-width:820px}.td-table th{text-align:right;color:var(--text-muted);border-bottom:1px solid var(--glass-border-soft);white-space:nowrap;padding:10px 12px;font-size:.75rem;font-weight:550}.td-table td{border-bottom:1px solid var(--glass-bg);vertical-align:middle;padding:12px;font-size:.9rem}.td-table__row{cursor:pointer;transition:background var(--transition)}.td-table__row:hover{background:var(--glass-bg)}.td-table__row--open{background:color-mix(in srgb, var(--brand) 12%, transparent)}.td-table__row:focus-visible{outline:2px solid color-mix(in srgb, var(--brand) 55%, transparent);outline-offset:-2px}.td-table__name{font-weight:600}.td-table__num{font-variant-numeric:tabular-nums;font-weight:550}.td-table__num--ok{color:var(--success)}.td-online{border-radius:var(--radius-pill);color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent);border:1px solid color-mix(in srgb, var(--success) 28%, transparent);align-items:center;gap:6px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.td-online__dot{background:var(--success);border-radius:50%;flex-shrink:0;width:7px;height:7px}.td-ring{--pct:0%;--ring:var(--text-muted);background:conic-gradient(var(--ring) var(--pct), color-mix(in srgb, var(--text-muted) 22%, transparent) 0);border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.td-ring--good{--ring:var(--success)}.td-ring--mid{--ring:var(--accent)}.td-ring--low{--ring:var(--danger)}.td-ring__hole{background:var(--page-bg);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.68rem;font-weight:700;display:grid}.td-track{align-items:center;gap:8px;min-width:118px;display:flex}.td-track__bar{background:color-mix(in srgb, var(--text-muted) 22%, transparent);border-radius:99px;flex:1;height:8px;overflow:hidden}.td-track__bar span{border-radius:inherit;background:var(--brand);height:100%;display:block}.td-track em{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem;font-style:normal}.td-empty{text-align:center;color:var(--text-muted);padding:18px 12px}.td-table__detail td{border-bottom:1px solid var(--glass-bg);background:color-mix(in srgb, var(--navy) 35%, transparent);padding:0 12px 14px}.td-lessons{background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:14px;padding:12px 14px}.td-lessons__title{color:var(--violet-soft);margin-bottom:10px;font-size:.8rem;font-weight:600}.td-lessons ul{flex-direction:column;gap:8px;list-style:none;display:flex}.td-lessons li{background:var(--glass-bg);border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:8px 10px;font-size:.84rem;display:flex}.td-lessons li span:last-child{color:var(--text-secondary);font-variant-numeric:tabular-nums}.td-top__list{flex-direction:column;gap:8px;list-style:none;display:flex}.td-top__item{background:var(--glass-bg);border:1px solid #0000;border-radius:12px;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.td-top__item--r1{background:#fbbf2414;border-color:#fbbf2459}.td-top__item--r2{background:#cbd5e10f;border-color:#cbd5e14d}.td-top__item--r3{background:#fb923c12;border-color:#fb923c4d}.td-top__rank{width:28px;height:28px;color:var(--text-secondary);background:var(--glass-bg);border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid}.td-top__item--r1 .td-top__rank{color:#fbbf24;background:#fbbf2426}.td-top__item--r2 .td-top__rank{color:#e2e8f0}.td-top__item--r3 .td-top__rank{color:#fb923c}.td-top__name{font-size:.92rem;font-weight:600}.td-top__score{text-align:left;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.td-top__score strong{color:var(--success);font-variant-numeric:tabular-nums;font-size:1rem}.td-top__score small{color:var(--text-muted);font-size:.7rem}@media (width<=960px){.td__layout,.td__header{grid-template-columns:1fr}}.sd--monitor .td__main{max-width:1100px}.sd-identity{align-items:center;gap:14px;min-width:0;display:flex}.sd-identity__mark{width:52px;height:52px;color:var(--violet-soft);background:color-mix(in srgb, var(--brand) 14%, transparent);border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.sd-identity__text{min-width:0}.sd-identity__text h1{margin:0}.sd-identity__text p{margin:2px 0 0}.td-header__title .sd-identity__grade{color:var(--violet-soft);margin-top:2px;font-size:.82rem}.sd-roster{flex-direction:column;gap:8px;margin:0;padding:8px;list-style:none;display:flex}.sd-student-card{background:color-mix(in srgb, var(--navy) 35%, transparent);border:1px solid var(--glass-border-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.sd-student-card__main{min-width:0}.sd-student-card__name{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sd-student-card__name strong{font-size:.98rem}.sd-student-card__meta{color:var(--text-muted);flex-wrap:wrap;gap:6px 14px;margin:6px 0 0;font-size:.8rem;display:flex}.sd-presence{align-items:center;gap:6px;display:inline-flex}.sd-presence__dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px}.sd-presence--live .sd-presence__dot{background:var(--success);box-shadow:0 0 8px color-mix(in srgb, var(--success) 70%, transparent)}.sd-pill--top{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent)}.sd-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.sd-chip{background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:16px;align-items:center;gap:10px;padding:14px 16px;display:inline-flex}.sd-chip strong{font-family:var(--font-display);color:var(--text-primary);font-size:1.35rem;line-height:1.1;display:block}.sd-chip span{color:var(--text-muted);margin-top:4px;font-size:.78rem;display:block}.sd-stats,.sd-stats--compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px;display:grid}.sd-stat{text-align:center;background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:16px;padding:16px 12px}.sd-stat strong{font-family:var(--font-display);color:var(--text-primary);font-size:1.55rem;line-height:1.1;display:block}.sd-stat span{color:var(--text-muted);margin-top:6px;font-size:.8rem;display:block}.sd-gates{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:820px;margin:0 auto;display:grid}.sd-gate{text-align:center;min-height:220px;color:inherit;background:linear-gradient(160deg, color-mix(in srgb, var(--brand) 12%, transparent), transparent 55%), var(--glass-bg);border:1px solid color-mix(in srgb, var(--brand) 28%, transparent);border-radius:24px;flex-direction:column;align-items:center;gap:10px;padding:32px 22px 28px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.sd-gate:hover{border-color:color-mix(in srgb, var(--brand) 50%, transparent);box-shadow:0 18px 40px color-mix(in srgb, var(--navy-deep) 35%, transparent);transform:translateY(-4px)}.sd-gate--top{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 14%, transparent), transparent 55%), var(--glass-bg);border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.sd-gate--top:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.sd-gate__orb{width:84px;height:84px;color:var(--violet-soft);background:color-mix(in srgb, var(--brand) 14%, transparent);border:1px solid color-mix(in srgb, var(--brand) 40%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--brand) 22%, transparent);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.sd-gate--top .sd-gate__orb{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:color-mix(in srgb, var(--accent) 45%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--accent) 20%, transparent)}.sd-gate--icon{justify-content:center;min-height:0}.sd-detail{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.sd-detail>.td-panel,.sd-detail>.sd-stats{width:100%}.sd-gate h2{font-family:var(--font-display);margin:0;font-size:1.45rem;font-weight:600}.sd-gate p{max-width:22ch;color:var(--text-muted);margin:0;font-size:.9rem;font-weight:300;line-height:1.5}.sd-panel{background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:20px;max-width:720px;margin:0 auto 16px;padding:18px}.sd-panel--wide,.sd-panel--courses{max-width:1100px}.sd-panel__head{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.sd-panel__head--solo{margin-bottom:12px}.sd-panel__head h2{font-family:var(--font-display);align-items:center;gap:8px;margin:0;font-size:1.3rem;display:inline-flex}.sd-panel__head p{color:var(--text-muted);margin:4px 0 0;font-size:.84rem}.sd-back{color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.82rem;display:inline-flex}.sd-back:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--brand) 40%, transparent)}.sd-course-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sd-course-chips li{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:999px;padding:8px 12px;font-size:.84rem}.sd-course-chips strong{font-weight:600}.sd-search{border:1px solid var(--glass-border-soft);background:var(--glass-bg);color:var(--text-muted);border-radius:12px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;display:flex}.sd-search input{color:var(--text-primary);font:inherit;background:0 0;border:none;outline:none;flex:1}.sd-split{grid-template-columns:minmax(0,1.55fr) minmax(220px,.7fr);align-items:stretch;gap:12px;display:grid}.sd-scroll-frame{border:1px solid var(--glass-border-soft);background:var(--glass-bg);border-radius:14px;max-height:420px;overflow:auto}.sd-scroll-frame--top{max-height:480px;padding:8px}.sd-table{border-collapse:collapse;width:100%;font-size:.88rem}.sd-table thead th{z-index:1;text-align:right;color:var(--text-muted);background:color-mix(in srgb, var(--navy) 96%, transparent);border-bottom:1px solid var(--glass-border-soft);padding:10px 12px;font-size:.74rem;font-weight:600;position:sticky;top:0}.sd-table td{text-align:right;border-bottom:1px solid var(--glass-bg);vertical-align:middle;padding:11px 12px}.sd-table td strong{font-size:.92rem;display:block}.sd-sub{color:var(--text-muted);margin-top:2px;font-size:.72rem;display:block}.sd-muted{color:var(--text-muted);font-size:.8rem}.sd-empty{text-align:center;color:var(--text-muted);padding:22px 12px}.sd-top-side{border:1px solid var(--glass-border-soft);background:var(--glass-bg);border-radius:14px;flex-direction:column;min-height:0;padding:12px;display:flex}.sd-top-side h3{align-items:center;gap:8px;margin:0 0 10px;font-size:.92rem;display:flex}.sd-top-scroll{flex-direction:column;flex:1;gap:8px;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.sd-top-scroll li{background:var(--glass-bg);border-radius:10px;grid-template-columns:28px 1fr;align-items:start;gap:8px;padding:8px;display:grid}.sd-top-scroll li>span{background:color-mix(in srgb, var(--accent) 16%, transparent);width:28px;height:28px;color:var(--accent);border-radius:999px;place-items:center;font-size:.78rem;font-weight:700;display:grid}.sd-top-scroll strong{font-size:.88rem;display:block}.sd-top-scroll em{color:var(--text-muted);font-size:.74rem;font-style:normal;display:block}.sd-link-btn{color:var(--violet-soft);font:inherit;cursor:pointer;text-align:right;background:0 0;border:none;margin-top:12px;padding:0;font-size:.82rem}.sd-link-btn:hover{color:var(--accent);text-decoration:underline}.sd-simple-list,.sd-top-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sd-simple-item,.sd-top-item{background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.sd-simple-item strong,.sd-top-item strong{font-size:.98rem;display:block}.sd-simple-item span,.sd-top-item span{color:var(--text-muted);margin-top:3px;font-size:.78rem;display:block}.sd-pill{border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.72rem;font-style:normal;font-weight:600;display:inline-block}.sd-pill--good{color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent);border:1px solid color-mix(in srgb, var(--success) 30%, transparent)}.sd-pill--ok{color:var(--cyan-bright);background:color-mix(in srgb, var(--cyan) 12%, transparent);border:1px solid color-mix(in srgb, var(--cyan) 30%, transparent)}.sd-pill--watch{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent)}.sd-pill--idle{color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border-soft)}.sd-top-rank{background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:50%;place-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:grid}.sd-top-item{justify-content:flex-start}.sd-top-item>div{flex:1}.sd-top-item b{font-family:var(--font-display);color:var(--accent);font-size:1.1rem}.sd-top-item--r1 .sd-top-rank{color:var(--cta-text);background:linear-gradient(135deg, var(--accent), #f59e0b);border-color:#0000}.sd-top-item--r2 .sd-top-rank{color:var(--cta-text);background:linear-gradient(135deg,#e2e8f0,#94a3b8);border-color:#0000}.sd-top-item--r3 .sd-top-rank{color:var(--cta-text);background:linear-gradient(135deg,#fdba74,#ea580c);border-color:#0000}@media (width<=900px){.sd-chips,.sd-stats,.sd-stats--compact,.sd-gates,.sd-split{grid-template-columns:1fr 1fr}}@media (width<=560px){.sd-chips,.sd-stats,.sd-stats--compact,.sd-gates,.sd-split{grid-template-columns:1fr}.sd-gate{min-height:180px}}.sdemo{z-index:30;color:var(--text-primary);background:radial-gradient(ellipse 50% 40% at 100% 0%, color-mix(in srgb, var(--brand) 22%, transparent), transparent 55%), radial-gradient(ellipse 40% 35% at 0% 100%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 50%), var(--page-bg);flex-direction:column;gap:12px;padding:16px 18px 14px;display:flex;position:fixed;inset:0;overflow:hidden}.sdemo--embedded{z-index:auto;background:0 0;height:auto;padding:0;position:relative;inset:auto;overflow:visible}.sdemo--embedded .sdemo__scroll{max-height:min(52vh,520px)}.sdemo__header{background:var(--glass-bg-strong);border:1px solid var(--glass-border-soft);min-height:72px;box-shadow:0 10px 30px color-mix(in srgb, var(--navy-deep) 35%, transparent);border-radius:18px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:10px 14px;display:grid}.sdemo-brand,.sdemo-engine,.sdemo-live{align-items:center;gap:12px;min-width:0;display:flex}.sdemo-back{color:var(--text-secondary);background:color-mix(in srgb, var(--navy) 45%, transparent);border:1px solid var(--glass-border-soft);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:.82rem;display:inline-flex}.sdemo-back:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.sdemo-engine{justify-content:flex-end}.sdemo-brand__mark,.sdemo-engine__mark{width:48px;height:48px;font-family:var(--font-display);border-radius:14px;flex-shrink:0;place-items:center;font-size:1.35rem;font-weight:700;display:grid}.sdemo-brand__mark{color:var(--cta-text);background:linear-gradient(145deg, var(--accent), #f6e7bf);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 35%, transparent)}.sdemo-engine__mark{color:var(--violet-soft);background:color-mix(in srgb, var(--brand) 16%, transparent);border:1px solid color-mix(in srgb, var(--brand) 40%, transparent)}.sdemo-brand h1,.sdemo-engine strong,.sdemo-live strong{margin:0;font-size:1.05rem;font-weight:650;line-height:1.25;display:block}.sdemo-brand p,.sdemo-engine small,.sdemo-live small{color:var(--text-muted);margin-top:2px;font-size:.78rem;display:block}.sdemo-live{background:color-mix(in srgb, var(--success) 8%, transparent);border:1px solid color-mix(in srgb, var(--success) 28%, transparent);border-radius:999px;padding:8px 14px}.sdemo-live__dot,.sdemo-now__dot{background:var(--success);width:9px;height:9px;box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 65%, transparent);border-radius:50%;animation:1.8s ease-out infinite sdemo-pulse}.sdemo-live.is-syncing .sdemo-live__dot{animation-duration:.55s}.sdemo-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sdemo-kpi{background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:16px;padding:12px 16px}.sdemo-kpi span,.sdemo-kpi small{color:var(--text-muted);font-size:.78rem;display:block}.sdemo-kpi strong{font-family:var(--font-display);margin:4px 0 2px;font-size:1.55rem;font-weight:650;line-height:1.15;display:block}.sdemo-kpi--gold{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%), var(--glass-bg);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.sdemo-kpi--gold strong{font-family:var(--font-body);font-size:1.05rem}.sdemo-kpi--gold small{color:var(--accent);align-items:center;gap:6px;display:inline-flex}.sdemo__board{background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:18px;flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px;display:flex}.sdemo__board.is-syncing{border-color:color-mix(in srgb, var(--success) 45%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--success) 25%, transparent)}.sdemo__tools{justify-content:space-between;align-items:center;gap:12px;display:flex}.sdemo-search{max-width:360px;color:var(--text-muted);background:color-mix(in srgb, var(--navy) 45%, transparent);border:1px solid var(--glass-border-soft);border-radius:12px;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.sdemo-search input{min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:none;outline:none;flex:1}.sdemo-switch{background:color-mix(in srgb, var(--navy) 45%, transparent);border:1px solid var(--glass-border-soft);border-radius:999px;padding:4px;display:flex}.sdemo-switch button,.sdemo-action{color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:999px}.sdemo-switch button{padding:7px 14px;font-size:.82rem}.sdemo-switch button.is-on,.sdemo-action[aria-pressed=true]{color:var(--cta-text);background:linear-gradient(90deg, var(--accent), #f6e7bf)}.sdemo__scroll{border:1px solid var(--glass-border-soft);border-radius:14px;flex:1;min-height:0;overflow:auto}.sdemo-table{border-collapse:collapse;width:100%;min-width:920px;font-size:.86rem}.sdemo-table th{z-index:1;text-align:right;color:var(--text-muted);background:color-mix(in srgb, var(--navy) 94%, white);border-bottom:1px solid var(--glass-border-soft);white-space:nowrap;padding:10px 12px;font-size:.74rem;font-weight:650;position:sticky;top:0}.sdemo-table td{text-align:right;border-bottom:1px solid color-mix(in srgb, var(--glass-border-soft) 70%, transparent);vertical-align:middle;padding:9px 12px}.sdemo-table tr.is-live td{background:color-mix(in srgb, var(--success) 6%, transparent)}.sdemo-seq{width:42px;color:var(--text-muted);font-variant-numeric:tabular-nums}.sdemo-name{white-space:nowrap;font-weight:600}.sdemo-table code{letter-spacing:.03em;color:var(--cyan-bright);background:color-mix(in srgb, var(--navy) 55%, transparent);border:1px solid var(--glass-border-soft);border-radius:999px;padding:3px 8px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.75rem;display:inline-block}.sdemo-correct{font-variant-numeric:tabular-nums;color:var(--success);font-weight:700}.sdemo-streak{font-variant-numeric:tabular-nums;color:var(--text-secondary);align-items:center;gap:6px;display:flex}.sdemo-streak svg{color:var(--text-muted)}.sdemo-streak svg.is-hot{color:var(--accent)}.sdemo-now,.sdemo-seen{white-space:nowrap}.sdemo-now{color:var(--success);align-items:center;gap:6px;font-weight:650;display:inline-flex}.sdemo-seen,.sdemo-dash{color:var(--text-muted)}.sdemo-badge{color:var(--cta-text);background:linear-gradient(90deg, var(--accent), #f6e7bf);border-radius:999px;padding:3px 10px;font-size:.72rem;font-style:normal;font-weight:700;display:inline-block}.sdemo-empty{text-align:center;color:var(--text-muted);padding:28px 12px}.sdemo__dock{justify-content:center;align-items:center;gap:10px;min-height:52px;display:flex;position:relative}.sdemo-action{background:var(--glass-bg-strong);border-color:var(--glass-border-soft);align-items:center;gap:8px;padding:10px 16px;font-size:.84rem;display:inline-flex}.sdemo-action:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);color:var(--text-primary)}.sdemo-notice{color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent);border:1px solid color-mix(in srgb, var(--success) 30%, transparent);border-radius:999px;margin:0;padding:6px 12px;font-size:.78rem;position:absolute;left:16px}@keyframes sdemo-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 55%, transparent)}to{box-shadow:0 0 0 8px #0000}}@media print{.sdemo{color:#111;background:#fff;height:auto;padding:0;position:static;overflow:visible}.sdemo__header,.sdemo-kpi,.sdemo__board,.sdemo-table th,.sdemo-table td{color:#111!important;box-shadow:none!important;background:#fff!important}.sdemo-live,.sdemo__tools,.sdemo__dock,.sdemo-engine,.sdemo-back{display:none!important}.sdemo__scroll{border:none;overflow:visible}.sdemo-table{min-width:0}.sdemo-correct,.sdemo-now,.sdemo-badge{color:#111!important}}.td.pt--embedded{background:0 0;min-height:0;padding:0}.td.pt--embedded .td__atmosphere{display:none}.td.pt--embedded .td__header{background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:16px;margin-bottom:16px;padding:12px 14px}.td.pt--embedded .td__main{max-height:min(62vh,640px);overflow:auto}.pt-weak{border-color:color-mix(in srgb, var(--accent) 28%, transparent);background:color-mix(in srgb, var(--accent) 6%, transparent);margin-bottom:16px}.pt-weak__value{color:var(--accent);margin:0;font-size:1.05rem;font-weight:600}.aa{color:var(--text-primary);flex-direction:column;gap:12px;padding-bottom:28px;display:flex}.aa-banner,.aa-kpi,.aa-switch__btn,.aa-search input,.aa-filter select,.aa-table-wrap,.aa-actions button,.aa-notice,.aa-empty{border:1px solid var(--glass-border-soft);background:var(--glass-bg);color:var(--text-primary)}.aa-banner{border-color:color-mix(in srgb, var(--accent) 45%, var(--glass-border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 18%, transparent), transparent 42%), var(--glass-bg-strong);border-radius:16px;flex:none;align-items:center;gap:16px;padding:14px 16px;display:flex}.aa-banner__mark{flex:none;width:56px;height:56px}.aa-banner__eagle{fill:none;width:56px;height:56px;stroke:var(--accent);stroke-width:1.6px}.aa-banner__eagle circle{fill:color-mix(in srgb, var(--brand) 28%, transparent)}.aa-banner__eagle path:first-of-type{fill:var(--accent);stroke:none}.aa-banner__copy h2{margin:2px 0 4px;font-size:1.15rem;font-weight:700}.aa-banner__state,.aa-banner__edition{color:var(--text-secondary);margin:0;font-size:.8rem}.aa-kpis,.aa-switch,.aa-tools{flex:none}.aa-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.aa-kpi{border-radius:14px;padding:10px 12px}.aa-kpi span,.aa-kpi small{color:var(--text-secondary);font-size:.76rem;display:block}.aa-kpi strong{color:var(--text-primary);margin:4px 0 2px;font-size:1.45rem;line-height:1;display:block}.aa-switch,.aa-tools{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.aa-switch__btn,.aa-actions button,.aa-view__tools button,.aa-thumb,.aa-view__close{cursor:pointer;border-radius:12px;min-height:40px;padding:8px 14px}.aa-switch__btn--on{background:color-mix(in srgb, var(--accent) 22%, var(--glass-bg-strong));border-color:color-mix(in srgb, var(--accent) 55%, transparent);color:var(--text-primary)}.aa-search,.aa-filter{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.aa-search{flex:220px}.aa-search input,.aa-filter select{text-align:right;border-radius:12px;min-height:40px;padding:0 12px}.aa-notice,.aa-empty{border-radius:12px;margin:0;padding:10px 12px}.aa-table-wrap{border-radius:16px;overflow:visible}.aa-table{border-collapse:collapse;width:100%}.aa-table th,.aa-table td{text-align:right;vertical-align:top;border-bottom:1px solid var(--glass-border-soft);color:var(--text-primary);padding:10px 12px;font-size:.84rem}.aa-table th{background:color-mix(in srgb, var(--navy-mid) 86%, var(--brand));color:var(--text-primary);font-weight:600}.aa-seq,.aa-date,.aa-priority{color:var(--text-muted)}.aa-type{border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.aa-type--outgoing{background:color-mix(in srgb, var(--blue-glow) 22%, transparent);color:var(--cyan-bright)}.aa-type--incoming{background:color-mix(in srgb, var(--success) 18%, transparent);color:var(--success)}.aa-no,.aa-subject,.aa-date,.aa-priority{display:block}.aa-date,.aa-priority{margin-top:4px;font-size:.75rem}.aa-priority--urgent{color:var(--accent)}.aa-priority--confidential{color:var(--danger)}.aa-pack{color:var(--text-primary);align-items:center;gap:6px;display:inline-flex}.aa-pack__sheets{gap:2px;display:inline-flex}.aa-pack__sheets i{background:var(--glass-bg-strong);border:1px solid var(--accent);border-radius:1px;width:8px;height:12px}.aa-actions{gap:6px;display:flex}.aa-actions button{place-items:center;width:36px;min-height:36px;padding:0;display:grid}.aa-view{z-index:40;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.aa-view__backdrop{background:color-mix(in srgb, var(--navy-deep) 78%, transparent);border:0;position:absolute;inset:0}.aa-view__panel{z-index:1;border:1px solid var(--glass-border);background:color-mix(in srgb, var(--navy) 92%, black);width:min(920px,100%);max-height:calc(100dvh - 40px);color:var(--text-primary);border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden}.aa-view__head{align-items:flex-start;gap:12px;display:flex}.aa-view__brand{align-items:center;gap:10px;min-width:0;display:flex}.aa-view__brand p,.aa-view__meta span{color:var(--text-secondary);margin:0;font-size:.78rem}.aa-view__meta{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex}.aa-view__count{border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);color:var(--text-primary);border-radius:999px;padding:4px 10px}.aa-view__close{background:var(--glass-bg);width:36px;color:var(--text-primary);border:1px solid var(--glass-border-soft);place-items:center;display:grid}.aa-view__stage{background:color-mix(in srgb, var(--navy-deep) 70%, transparent);border-radius:14px;flex:1;place-items:center;min-height:0;padding:12px;display:grid;overflow:auto}.aa-sheet{border:1px solid color-mix(in srgb, var(--accent) 45%, #d6c7a1);color:#1c1917;transform-origin:50%;background:#f7f1e4;border-radius:8px;width:min(460px,100%);padding:22px 22px 16px}.aa-sheet h3,.aa-sheet p,.aa-sheet footer{margin:0 0 8px}.aa-letter__head{text-align:center;border-bottom:2px solid #1c1917;margin-bottom:12px;padding-bottom:8px}.aa-letter__head p,.aa-letter__head strong{display:block}.aa-letter__nums{justify-content:space-between;gap:8px;margin-top:8px;font-size:.8rem;display:flex}.aa-letter__mark{margin-top:6px;font-weight:700}.aa-letter__table{border-collapse:collapse;color:#1c1917;width:100%;margin:8px 0 12px;font-size:.78rem}.aa-letter__table th,.aa-letter__table td{text-align:right;border:1px solid #c9b89a;padding:4px 6px}.aa-sheet__photo{width:100%;height:auto;display:block}.aa-entry{overflow:auto}.aa-entry__form,.aa-entry__cams,.aa-entry__photos{flex-wrap:wrap;gap:8px;display:flex}.aa-entry__form label,.aa-entry__drop{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.aa-entry__form input,.aa-entry__form select{border:1px solid var(--glass-border-soft);background:var(--glass-bg);min-height:40px;color:var(--text-primary);border-radius:12px;padding:0 12px}.aa-entry__drop{border:1px dashed var(--glass-border);border-radius:14px;padding:10px}.aa-entry__drop video,.aa-entry__photos img{border-radius:8px;width:120px}.aa-entry__photos figure{margin:0}.aa-sheet__state,.aa-sheet__rule,.aa-sheet footer{color:#6b5a3e;font-size:.8rem}.aa-sheet h3{font-size:1.05rem}.aa-sheet dl{gap:6px;margin:0 0 10px;display:grid}.aa-sheet dl div{border-bottom:1px solid #eadfca;justify-content:space-between;gap:12px;display:flex}.aa-sheet dt{color:#6b5a3e}.aa-view__tools,.aa-view__thumbs{flex-wrap:wrap;flex:none;justify-content:center;gap:8px;display:flex}.aa-view__tools button,.aa-thumb{background:var(--glass-bg-strong);color:var(--text-primary);border:1px solid var(--glass-border-soft);align-items:center;gap:6px;display:inline-flex}.aa-view__tools button:disabled{opacity:.4;cursor:default}.aa-thumb--on{border-color:var(--accent);color:var(--accent)}@media (width<=900px){.aa-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.od{min-height:100vh;color:var(--text-primary);background:var(--page-glow-1), var(--page-glow-2), var(--page-bg);padding:22px clamp(16px,3.5vw,48px) 40px;position:relative;overflow-x:hidden}.od__atmosphere{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.od-orb{filter:blur(70px);opacity:.42;border-radius:50%;position:absolute}.od-orb--a{background:radial-gradient(circle, var(--orb-a), transparent 70%);width:340px;height:340px;top:8%;left:-100px}.od-orb--b{background:radial-gradient(circle, var(--orb-b), transparent 70%);width:380px;height:380px;top:-40px;right:-120px}.od-topbar,.od-tabs,.od__main{z-index:1;position:relative}.od-topbar{background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 42%), var(--glass-bg);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px 28px;margin-bottom:18px;padding:16px 18px;display:grid;box-shadow:0 12px 36px #0000002e}.od-logo{align-items:center;gap:12px;display:inline-flex}.od-logo__mark{flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;position:relative}.od-logo__ring{border:1.5px solid color-mix(in srgb, var(--accent) 55%, transparent);background:radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 42%), radial-gradient(circle at 70% 75%, color-mix(in srgb, var(--brand) 25%, transparent), var(--navy));box-shadow:0 0 18px color-mix(in srgb, var(--accent) 28%, transparent);border-radius:50%;position:absolute;inset:0}.od-logo__letter{z-index:1;font-family:var(--font-display);color:var(--accent);font-size:1.25rem;font-weight:700;position:relative;transform:translateY(-1px)}.od-logo__icon{z-index:1;color:color-mix(in srgb, var(--accent) 85%, transparent);position:absolute;bottom:7px}.od-logo__text{flex-direction:column;gap:2px;display:flex}.od-logo__name{font-family:var(--font-display);letter-spacing:.18em;color:var(--accent);text-indent:.18em;font-size:1.4rem;font-weight:700;line-height:1}.od-logo__sub{letter-spacing:.28em;text-indent:.28em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 78%, transparent);font-size:.68rem}.od-topbar__center{text-align:center}.od-topbar__badge{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 90%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);border-radius:999px;align-items:center;gap:6px;margin-bottom:6px;padding:4px 10px;font-size:.7rem;display:inline-flex}.od-topbar__center h1{font-family:var(--font-display);margin:0;font-size:clamp(1.35rem,2.4vw,1.8rem);font-weight:600}.od-topbar__center p{color:var(--text-muted);margin:4px 0 0;font-size:.84rem}.od-nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.od-nav a{border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);transition:border-color var(--transition), color var(--transition);padding:8px 14px;font-size:.8rem}.od-nav a:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.od-tabs{background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:16px;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:8px;display:flex}.od-tab{min-height:42px;color:var(--text-secondary);transition:color var(--transition), background var(--transition), border-color var(--transition);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:550;display:inline-flex}.od-tab:hover{color:var(--text-primary);background:var(--glass-bg)}.od-tab--active{color:var(--accent);background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 20%, transparent), color-mix(in srgb, var(--brand) 16%, transparent));border-color:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 12%, transparent)}.od-workspace{border:1px solid var(--glass-border-soft);background:color-mix(in srgb, var(--navy) 35%, transparent);border-radius:20px;overflow:hidden}.od-workspace__head{border-bottom:1px solid var(--glass-border-soft);background:var(--glass-bg);padding:16px 20px}.od-workspace__head h2{font-family:var(--font-display);margin:0;font-size:1.25rem;font-weight:600}.od-workspace__head p{color:var(--text-muted);margin:4px 0 0;font-size:.84rem}.od-workspace__body{padding:16px}.od-workspace__body>.od-panel{box-shadow:none;background:0 0;border:none;margin:0;padding:4px}.od-state{text-align:center;color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:var(--radius-md);padding:28px}.od-state--error{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent)}.od__layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.35fr);align-items:start;gap:18px;margin-bottom:18px;display:grid}.od__layout--admin{grid-template-columns:repeat(2,minmax(0,1fr))}.od-course-list,.od-access-list{flex-direction:column;gap:10px;list-style:none;display:flex}.od-course-row,.od-access-item{background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.od-course-row__text,.od-access-item__head{flex-direction:column;gap:3px;display:flex}.od-course-row__text strong,.od-access-item__head strong{font-size:.95rem}.od-course-row__text span,.od-access-item__head span{color:var(--text-muted);font-size:.75rem}.od-switch,.od-check{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.od-switch input,.od-check input{width:16px;height:16px;accent-color:var(--purple)}.od-checks{flex-wrap:wrap;gap:8px 14px;display:flex}.od-access-block{margin-top:16px}.od-access-block:first-of-type{margin-top:0}.od-access-block h3{color:var(--violet-soft);margin-bottom:10px;font-size:.92rem;font-weight:600}.od-access-item{flex-direction:column;align-items:stretch}.od-school__courses{color:var(--text-muted);margin:0 28px 8px;font-size:.75rem;line-height:1.4}.od-gen--grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;display:grid}.od-gen--grid .od-btn{grid-column:1/-1}.od-gen__field select{border:1px solid var(--glass-border-soft);background:color-mix(in srgb, var(--navy) 65%, transparent);width:100%;min-height:42px;color:var(--text-primary);border-radius:12px;padding:8px 12px}.od-panel{background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);padding:18px;box-shadow:0 12px 36px #0003}.od-panel__head{margin-bottom:14px}.od-panel__head h2{font-family:var(--font-display);font-size:1.2rem;font-weight:600}.od-panel__head p{color:var(--text-muted);margin-top:4px;font-size:.8rem;line-height:1.45}.od-roadmap{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.od-roadmap-stage{background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:16px;padding:14px}.od-roadmap-stage h3{color:var(--violet-soft);margin:0 0 12px;font-size:.95rem;font-weight:600}.od-roadmap-grades{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.od-roadmap-grade{text-align:start;cursor:pointer;min-height:64px;color:var(--text-primary);background:color-mix(in srgb, var(--navy) 45%, transparent);border:1px solid var(--glass-border-soft);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;display:flex}.od-roadmap-grade strong{font-size:.82rem;font-weight:600}.od-roadmap-grade span{color:var(--text-muted);font-size:.7rem}.od-roadmap-grade--complete{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.od-roadmap-grade--complete span{color:color-mix(in srgb, var(--accent) 95%, transparent)}.od-roadmap-grade--skeleton{border-color:color-mix(in srgb, var(--cyan) 35%, transparent);background:color-mix(in srgb, var(--cyan) 16%, transparent)}.od-roadmap-grade--skeleton span{color:color-mix(in srgb, var(--cyan-bright) 95%, transparent)}.od-roadmap-grade--empty{opacity:.78}.od-roadmap-grade--active{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent)}.od-roadmap-grade:hover{border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.od-roadmap-detail{background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:16px;margin-top:16px;padding:14px 16px}.od-roadmap-detail__head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.od-roadmap-detail__head strong{font-size:1rem}.od-roadmap-detail>p{color:var(--text-muted);margin:0 0 12px;font-size:.82rem;line-height:1.5}.od-roadmap-chip{border:1px solid #0000;border-radius:999px;padding:3px 10px;font-size:.72rem;display:inline-flex}.od-roadmap-chip--complete{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.od-roadmap-chip--skeleton{color:var(--cyan-bright);background:color-mix(in srgb, var(--cyan) 18%, transparent);border-color:color-mix(in srgb, var(--cyan) 30%, transparent)}.od-roadmap-chip--empty{color:var(--text-muted);background:var(--glass-bg);border-color:var(--glass-border-soft)}.od-course-block{flex-direction:column;gap:10px;display:flex}.od-course-row__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}a.od-roadmap-unit{color:inherit;cursor:pointer;text-decoration:none}a.od-roadmap-unit:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.od-roadmap-units{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;display:grid}.od-roadmap-unit{background:color-mix(in srgb, var(--navy) 45%, transparent);border:1px solid var(--glass-border-soft);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.od-roadmap-unit--soon{opacity:.72}.od-roadmap-unit__num{width:28px;height:28px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);border-radius:8px;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:700;display:grid}.od-roadmap-unit div{flex-direction:column;gap:2px;min-width:0;display:flex}.od-roadmap-unit strong{font-size:.84rem}.od-roadmap-unit span,.od-roadmap-unit em{color:var(--text-muted);font-size:.72rem;font-style:normal}.od-tree{flex-direction:column;gap:8px;display:flex}.od-row{text-align:right;width:100%;color:inherit;transition:background var(--transition), border-color var(--transition);border:1px solid #0000;border-radius:12px;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.od-row--school{background:color-mix(in srgb, var(--brand) 10%, transparent);border-color:color-mix(in srgb, var(--brand) 22%, transparent)}.od-row--teacher{background:var(--glass-bg)}.od-row--private{background:color-mix(in srgb, var(--cyan) 10%, transparent);border-color:color-mix(in srgb, var(--cyan) 22%, transparent)}.od-org-dual{gap:16px;display:grid}@media (width>=960px){.od-org-dual{grid-template-columns:1fr 1fr;align-items:start}}.od-empty-inline{color:var(--text-muted);margin:4px 12px 10px;font-size:.82rem}.od-gen--codes{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.od-row:hover{border-color:color-mix(in srgb, var(--brand) 35%, transparent)}.od-caret{color:var(--text-muted);font-size:.85rem}.od-row__title{font-size:.92rem;font-weight:600}.od-row__meta{color:var(--text-muted);white-space:nowrap;font-size:.72rem}.od-school__body{flex-direction:column;gap:6px;margin-right:12px;padding:8px 0 4px;display:flex}.od-teacher{flex-direction:column;gap:6px;display:flex}.od-mini-table{border-collapse:collapse;width:100%;margin:0 8px 8px;font-size:.84rem}.od-mini-table th,.od-mini-table td{text-align:right;border-bottom:1px solid var(--glass-bg);padding:7px 10px}.od-mini-table th{color:var(--text-muted);font-size:.72rem;font-weight:550}.od-gen{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.od-gen__field{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:.8rem;display:flex}.od-gen__field input{border:1px solid var(--glass-border-soft);background:var(--glass-bg);width:140px;color:var(--text-primary);font:inherit;font-variant-numeric:tabular-nums;border-radius:12px;padding:10px 12px}.od-gen__field input:focus{border-color:color-mix(in srgb, var(--brand) 50%, transparent);outline:none}.od-export{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.od-btn{border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);transition:border-color var(--transition), color var(--transition), background var(--transition);padding:9px 14px;font-size:.82rem}.od-btn:hover:not(:disabled){color:var(--text-primary);border-color:color-mix(in srgb, var(--brand) 40%, transparent)}.od-btn:disabled{opacity:.55;cursor:not-allowed}.od-btn--primary{color:var(--cta-text);background:var(--cta-gradient);border-color:#0000;font-weight:650}.od-btn--primary:hover:not(:disabled){color:var(--cta-text);filter:brightness(1.05)}.od-btn--sm{padding:5px 10px;font-size:.74rem}.od-toast{color:var(--success);font-size:.78rem}.od-table-wrap{overflow-x:auto}.od-table{border-collapse:collapse;width:100%;min-width:640px}.od-table th{text-align:right;color:var(--text-muted);border-bottom:1px solid var(--glass-border-soft);white-space:nowrap;padding:10px 12px;font-size:.74rem;font-weight:550}.od-table td{border-bottom:1px solid var(--glass-bg);vertical-align:middle;padding:10px 12px;font-size:.86rem}.od-code{letter-spacing:.02em;text-align:left;white-space:nowrap;direction:ltr;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.od-status{border-radius:var(--radius-pill);padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.od-status--unused{color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border-soft)}.od-status--active{color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent);border:1px solid color-mix(in srgb, var(--success) 28%, transparent)}.od-status--expired{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--danger) 28%, transparent)}.od-empty{text-align:center;color:var(--text-muted);padding:24px 12px!important}.od-muted{color:var(--text-muted);font-size:.8rem}.od-footnote{color:var(--text-muted);margin-top:12px;font-size:.75rem}@media (width<=980px){.od__layout,.od__layout--admin,.od-gen--grid{grid-template-columns:1fr}.od-topbar{text-align:center;grid-template-columns:1fr}.od-logo,.od-nav{justify-content:center}.od-tabs{justify-content:stretch}.od-tab{flex:calc(50% - 8px);justify-content:center}}.od--shell{grid-template-columns:240px minmax(0,1fr);gap:0;min-height:100vh;padding:0;display:grid}.od.od--fit{height:100dvh;min-height:0;max-height:100dvh;overflow:hidden}.od-sidebar{z-index:2;border-left:1px solid color-mix(in srgb, var(--accent) 18%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--navy-mid) 96%, transparent), color-mix(in srgb, var(--navy) 98%, transparent));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;gap:18px;height:100dvh;padding:18px 14px;display:flex;position:sticky;top:0;overflow:hidden}.od-logo--sidebar{padding:4px 6px 8px}.od-side-nav{flex-direction:column;flex:1;gap:6px;display:flex}.od-side-link{width:100%;color:var(--text-secondary);text-align:right;transition:background var(--transition), border-color var(--transition), color var(--transition);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;display:flex}.od-side-link:hover{color:var(--text-primary);background:var(--glass-bg);border-color:var(--glass-bg)}.od-side-link--active{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 28%, transparent)}.od-side-foot{border-top:1px solid var(--glass-bg);flex-direction:column;gap:8px;padding-top:10px;display:flex}.od-side-foot a{color:var(--text-muted);font-size:.78rem;text-decoration:none}.od-side-foot a:hover{color:var(--accent)}.od-shell-main{z-index:1;flex-direction:column;min-width:0;height:100dvh;min-height:0;padding:16px clamp(14px,2.5vw,32px) 14px;display:flex;position:relative;overflow:hidden}.od-topbar--shell{margin-bottom:10px}.od-topbar__center--start{text-align:right}.od-crumbs{z-index:1;margin-bottom:14px;position:relative}.od-crumbs__list{flex-wrap:wrap;align-items:center;gap:4px 2px;margin:0;padding:0;list-style:none;display:flex}.od-crumbs__item{align-items:center;gap:6px;font-size:.84rem;display:inline-flex}.od-crumbs__sep{color:var(--text-muted);opacity:.7}.od-crumbs__link{color:var(--violet-soft);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.od-crumbs__link:hover{color:var(--accent);text-decoration:underline}.od-crumbs__current{color:var(--text-primary);font-weight:600}.od__main--shell{flex:1;min-height:0;overflow:auto}.od-dock{z-index:1;flex-flow:column;flex:1;justify-content:flex-start;align-items:stretch;gap:8px;width:100%;min-height:0;margin-top:6px;padding:0;display:flex;position:relative;overflow-y:auto}.od-dock__stack{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15;display:flex}.od-dock__btn{border:1px solid var(--glass-border-soft);width:100%;min-width:0;min-height:48px;color:var(--text-secondary);background:var(--glass-bg-strong);text-align:right;border-radius:14px;flex-direction:row;flex:none;align-items:center;gap:10px;padding:8px 10px;font-size:.84rem;display:flex}.od-dock__btn:hover{color:var(--text-primary);border-color:var(--glass-border-soft);background:var(--glass-bg)}.od-dock__btn--on{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.od-dock__orb{width:40px;height:40px;color:var(--violet-soft);background:color-mix(in srgb, var(--brand) 12%, transparent);border:1px solid color-mix(in srgb, var(--brand) 28%, transparent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.od-dock__personal{border-top:1px solid color-mix(in srgb, var(--accent) 28%, transparent);margin-top:10px;padding-top:12px}.od-dock__btn--on .od-dock__orb{color:var(--cta-text);background:linear-gradient(145deg, var(--accent), #f6e7bf);border-color:#0000}.od-stage{text-align:center;align-content:center;place-items:center;gap:8px;height:100%;min-height:0;display:grid}.od-stage__mark{font-family:var(--font-display);letter-spacing:.12em;background:var(--title-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3rem,6vw,4.5rem);line-height:1}.od-stage h2{font-family:var(--font-display);margin:0;font-size:1.6rem;font-weight:600}.od-stage p:last-child{color:var(--text-muted);margin:0;font-size:.92rem}.od-home-actions{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.od-school-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.od-school-card{border:1px solid color-mix(in srgb, var(--brand) 22%, transparent);background:color-mix(in srgb, var(--brand) 8%, transparent);color:inherit;text-align:right;transition:border-color var(--transition), transform var(--transition);border-radius:16px;align-items:flex-start;gap:12px;padding:14px;display:flex}.od-school-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-1px)}.od-school-card--static{cursor:default;background:color-mix(in srgb, var(--cyan) 8%, transparent);border-color:color-mix(in srgb, var(--cyan) 22%, transparent)}.od-school-card--static:hover{transform:none}.od-school-card__icon{background:var(--glass-bg);width:40px;height:40px;color:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.od-school-card__body{flex-direction:column;gap:4px;min-width:0;display:flex}.od-school-card__body strong{font-size:.98rem}.od-school-card__body span,.od-school-card__body em{color:var(--text-muted);font-size:.78rem;font-style:normal}.od-school-card__meta{align-items:center;gap:6px;display:inline-flex;color:var(--text-secondary)!important}.od-school-admin{flex-direction:column;gap:14px;display:flex}.od-panel__head--row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.od-stats-row{flex-wrap:wrap;gap:10px;margin-bottom:4px;display:flex}.od-stat-chip{border:1px solid var(--glass-border-soft);background:var(--glass-bg);border-radius:14px;align-items:center;gap:10px;min-width:140px;padding:12px 14px;display:inline-flex}.od-stat-chip strong{font-size:1.05rem;display:block}.od-stat-chip span{color:var(--text-muted);font-size:.75rem}.od-actions-row,.od-inline-actions{flex-wrap:wrap;gap:8px;margin:10px 0 14px;display:flex}.od-btn--danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent);background:color-mix(in srgb, var(--danger) 10%, transparent)}.od-add-student{grid-template-columns:minmax(0,1.4fr) minmax(120px,.6fr) auto;align-items:end;gap:10px;margin-bottom:12px;display:grid}.od-search{border:1px solid var(--glass-border-soft);background:var(--glass-bg);color:var(--text-muted);border-radius:12px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;display:flex}.od-search input{color:var(--text-primary);font:inherit;background:0 0;border:none;outline:none;flex:1}.od-split{grid-template-columns:minmax(0,1.5fr) minmax(220px,.7fr);align-items:stretch;gap:12px;display:grid}.od-table-wrap--scroll{max-height:360px;overflow:auto}.od-table-wrap--roster{max-height:420px}.od-top-side{border:1px solid var(--glass-border-soft);background:var(--glass-bg);border-radius:14px;flex-direction:column;min-height:0;padding:12px;display:flex}.od-top-side h3{align-items:center;gap:8px;margin:0 0 10px;font-size:.92rem;display:flex}.od-top-scroll{flex-direction:column;gap:8px;max-height:360px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.od-top-scroll li{background:var(--glass-bg);border-radius:10px;grid-template-columns:28px 1fr;align-items:start;gap:8px;padding:8px;display:grid}.od-top-scroll li span{background:color-mix(in srgb, var(--accent) 16%, transparent);width:28px;height:28px;color:var(--accent);border-radius:999px;place-items:center;font-size:.78rem;font-weight:700;display:grid}.od-top-scroll strong{font-size:.88rem;display:block}.od-top-scroll em{color:var(--text-muted);font-size:.74rem;font-style:normal;display:block}.od-linkish{color:var(--violet-soft);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;font-weight:600}.od-linkish:hover{color:var(--accent);text-decoration:underline}.od--home{grid-template-columns:1fr;height:100dvh;min-height:100dvh;overflow:hidden}.od--home .od-shell-main{height:100dvh;min-height:0;padding:14px clamp(16px,3vw,40px) 16px;overflow:hidden}.od-home-brand{z-index:1;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex;position:relative}.od-home-brand__mark{align-items:center;gap:12px;display:inline-flex}.od-home-brand__links{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.od-home-brand__links a,.od-signout{border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);cursor:pointer;font-size:.78rem;font:inherit;padding:8px 12px}.od-home-brand__links a:hover,.od-signout:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.od__main--home{flex-direction:column;min-height:0;display:flex;overflow:hidden}.od-home-launch{flex-direction:column;flex:1;justify-content:center;gap:18px;min-height:0;display:flex;overflow:hidden}.od-home-hero{text-align:center;flex-shrink:0}.od-home-hero__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 90%, transparent);margin:0 0 6px;font-size:.72rem}.od-home-hero h2{font-family:var(--font-display);background:var(--title-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.55rem,3.2vw,2.35rem);font-weight:600}.od-home-hero p{color:var(--text-muted);margin:8px 0 0;font-size:.92rem}.od-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-height:0;display:grid}.od-launch-icon{text-align:center;min-height:0;color:inherit;background:linear-gradient(145deg, color-mix(in srgb, var(--blue-glow) 8%, transparent), transparent 42%), var(--glass-bg);border:1px solid color-mix(in srgb, var(--blue-glow) 28%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:22px 12px 18px;display:flex}.od-launch-icon:hover{border-color:color-mix(in srgb, var(--brand) 50%, transparent);box-shadow:0 16px 36px color-mix(in srgb, var(--navy-deep) 40%, transparent), 0 0 28px color-mix(in srgb, var(--brand) 16%, transparent);transform:translateY(-4px)}.od-launch-icon--static{cursor:default}.od-launch-icon--static:hover{border-color:color-mix(in srgb, var(--blue-glow) 28%, transparent);box-shadow:none;transform:none}.od-icon-board{min-height:0}.od-logo--home{width:100%;color:inherit;cursor:pointer;text-align:inherit;transition:background var(--transition);background:0 0;border:none;border-radius:12px;padding:4px 6px 8px}.od-logo--home:hover{background:var(--glass-bg)}.od-launch-icon--featured{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 40%), var(--glass-bg);box-shadow:0 0 28px color-mix(in srgb, var(--accent) 12%, transparent)}.od-launch-icon__badge{letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-bright);font-size:.62rem}.od-launch-icon--featured .od-launch-icon__badge{color:var(--accent)}.od-launch-icon__orb{width:68px;height:68px;color:var(--violet-soft);background:color-mix(in srgb, var(--brand) 12%, transparent);border:1px solid color-mix(in srgb, var(--brand) 40%, transparent);box-shadow:0 0 22px color-mix(in srgb, var(--brand) 30%, transparent);border-radius:50%;place-items:center;display:grid}.od-launch-icon__orb--featured{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 22px color-mix(in srgb, var(--accent) 28%, transparent)}.od-launch-icon strong{font-size:1.02rem;font-weight:600}.od-launch-icon__desc{color:var(--text-muted);font-size:.76rem;line-height:1.35}.od-home-stats{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:10px;display:flex}.od-home-stats .od-stat-chip{min-width:120px}.ol-dash{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;overflow:hidden}.ol-dash__back{flex-shrink:0;align-self:flex-start}.ol-dash__hero{text-align:center;flex-shrink:0}.ol-dash__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 90%, transparent);margin:0 0 4px;font-size:.7rem}.ol-dash__hero h2{font-family:var(--font-display);background:var(--title-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.35rem,2.6vw,2rem);font-weight:600}.ol-dash__hero p{color:var(--text-muted);margin:6px 0 0;font-size:.84rem}.ol-dash__stages{flex:1;grid-template-rows:1.35fr 1fr 1fr;gap:10px;min-height:0;display:grid;overflow:hidden}.ol-stage{border:1px solid color-mix(in srgb, var(--blue-glow) 22%, transparent);background:linear-gradient(145deg, var(--glass-bg), transparent 48%), color-mix(in srgb, var(--navy) 35%, transparent);border-radius:20px;flex-direction:column;gap:8px;min-height:0;padding:10px 12px 12px;display:flex;overflow:hidden}.ol-stage__head{flex-shrink:0;align-items:center;gap:10px;display:flex}.ol-stage__orb{border:1px solid color-mix(in srgb, var(--brand) 40%, transparent);background:color-mix(in srgb, var(--brand) 14%, transparent);width:36px;height:36px;color:var(--violet-soft);border-radius:50%;place-items:center;display:grid}.ol-tone--primary .ol-stage__orb{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--accent) 22%, transparent)}.ol-tone--mid .ol-stage__orb{color:var(--cyan-bright);border-color:color-mix(in srgb, var(--cyan) 45%, transparent);background:color-mix(in srgb, var(--cyan) 16%, transparent)}.ol-tone--prep .ol-stage__orb{color:var(--violet-soft);border-color:color-mix(in srgb, var(--brand) 40%, transparent);background:color-mix(in srgb, var(--brand) 16%, transparent)}.ol-stage__head h3{margin:0;font-size:.98rem;font-weight:600}.ol-stage__head p{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.68rem}.ol-grade-row{flex:1;gap:8px;min-height:0;display:grid}.ol-grade-row--6{grid-template-columns:repeat(6,minmax(0,1fr))}.ol-grade-row--5{grid-template-columns:repeat(5,minmax(0,1fr))}button.ol-grade{width:100%;font:inherit}.ol-grade-row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ol-grade{min-width:0;min-height:0;color:inherit;text-align:center;border:1px solid var(--glass-border-soft);background:var(--glass-bg);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 6px;text-decoration:none;display:flex}.ol-grade--live{cursor:pointer;border-color:color-mix(in srgb, var(--accent) 50%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 18%, transparent), transparent 55%), var(--glass-bg);box-shadow:0 0 22px color-mix(in srgb, var(--accent) 16%, transparent)}.ol-grade--live:hover{border-color:color-mix(in srgb, var(--accent) 70%, transparent);transform:translateY(-3px)}.ol-grade--soon{opacity:.72}.ol-grade__num{width:42px;height:42px;font-family:var(--font-display);color:var(--violet-soft);background:color-mix(in srgb, var(--brand) 16%, transparent);border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);border-radius:50%;place-items:center;font-size:1.15rem;font-weight:600;display:grid}.ol-grade--live .ol-grade__num{color:var(--accent);background:color-mix(in srgb, var(--accent) 20%, transparent);border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 28%, transparent)}.ol-grade strong{font-size:.74rem;font-weight:600;line-height:1.2}.ol-grade__status{color:var(--text-muted);align-items:center;gap:4px;font-size:.64rem;display:inline-flex}.ol-grade--live .ol-grade__status{color:var(--accent)}.od-codes-workshop{flex-direction:column;gap:12px;display:flex}.od-codes-workshop__intro h2{font-family:var(--font-display);margin:0;font-size:1.3rem;font-weight:600}.od-codes-workshop__intro p{color:var(--text-muted);margin:6px 0 0;font-size:.86rem;line-height:1.45}.od-code-sheet-label{color:var(--accent);margin:0 0 8px;font-size:.84rem}.od-code-sheet{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);background:color-mix(in srgb, var(--navy-deep) 28%, transparent);max-height:220px;color:var(--accent);letter-spacing:.08em;white-space:pre;-webkit-user-select:text;user-select:text;border-radius:12px;margin:0 0 14px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem;line-height:1.55;overflow:auto}.od__main--workshop{overflow:auto}@media (width<=1100px){.od-roadmap{grid-template-columns:1fr}.od.od--fit.od--shell{grid-template-columns:200px minmax(0,1fr)}.od.od--fit .od-sidebar{border-bottom:none;height:100dvh;position:sticky;overflow:hidden}.od.od--fit .od-dock{flex-flow:column}.od-side-nav{flex-flow:wrap}.od-side-link{flex:calc(50% - 6px)}.od-split,.od-add-student{grid-template-columns:1fr}.od-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.od-launch-icon{padding:14px 8px 12px}.od-launch-icon__orb{width:52px;height:52px}.od-launch-icon__desc{display:none}.ol-grade-row--6{grid-template-columns:repeat(6,minmax(0,1fr))}.ol-grade__num{width:34px;height:34px;font-size:.95rem}.ol-grade strong{font-size:.62rem}.ol-grade__status{display:none}}@media (width<=720px){.od-roadmap-units{grid-template-columns:1fr}.od-home-grid{grid-template-columns:1fr 1fr;gap:10px}.od-home-hero h2{font-size:1.4rem}.od-home-brand{flex-direction:column;align-items:stretch}.od-home-brand__links{justify-content:center}.od-launch-icon strong{font-size:.88rem}.ol-dash__hero p{display:none}.ol-grade-row--6,.ol-grade-row--5,.ol-grade-row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ol-dash__stages{grid-template-rows:1.2fr 1fr 1fr;gap:6px}}.od-topbar--command{justify-content:space-between;align-items:center;gap:16px;display:flex}.od-topbar__tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.od-seat-chip{color:var(--text-secondary);background:color-mix(in srgb, var(--success) 10%, transparent);border:1px solid color-mix(in srgb, var(--success) 28%, transparent);white-space:nowrap;border-radius:999px;margin:0;padding:8px 12px;font-size:.78rem}.od-side-foot__label{color:var(--text-muted);font-size:.72rem}.od-command{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.od-command__card{background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:16px;padding:14px 16px}.od-command__card span,.od-command__card small{color:var(--text-muted);font-size:.78rem;display:block}.od-command__card strong{font-family:var(--font-display);margin:4px 0 2px;font-size:1.7rem;line-height:1.1;display:block}.od-school-frame__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.od-school-frame__hint{color:var(--text-muted);margin:0;font-size:.82rem}.od-school-frame__link{align-items:center;text-decoration:none;display:inline-flex}.od-mode{background:color-mix(in srgb, var(--navy) 45%, transparent);border:1px solid var(--glass-border-soft);border-radius:999px;padding:4px;display:flex}.od-mode button{color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 14px;font-size:.82rem}.od-mode button[aria-pressed=true]{color:var(--cta-text);background:linear-gradient(90deg, var(--accent), #f6e7bf)}.od__main--fit{flex-direction:column;display:flex;overflow:hidden}.od-spiritual{flex:1;grid-template-rows:auto minmax(0,1fr);gap:8px;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.od-spiritual__head{justify-content:space-between;align-items:center;gap:12px;min-height:0;display:flex}.od-spiritual__head h2{font-family:var(--font-display);margin:0;font-size:1.35rem}.od-spiritual__head p,.od-spiritual__notice{color:var(--text-muted);margin:2px 0 0;font-size:.78rem}.od-spiritual__tools{align-items:center;gap:8px;display:flex}.od-spiritual__score{color:var(--text-secondary);margin:0;font-size:.78rem}.od-spiritual__score strong{color:var(--accent);font-size:1rem}.od-spiritual__notice{background:color-mix(in srgb, var(--navy) 88%, transparent);border:1px solid var(--glass-border-soft);border-radius:999px;margin:0;padding:4px 10px;position:absolute;top:0;left:0}.od-spiritual__grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;display:grid;overflow:hidden}.od-spiritual__card{background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:16px;flex-direction:column;justify-content:space-between;gap:6px;height:100%;min-height:0;padding:10px 12px;display:flex;overflow:hidden}.od-spiritual__card-top{justify-content:space-between;gap:8px;min-height:0;display:flex}.od-spiritual__card-top span{color:var(--accent);font-size:.68rem}.od-spiritual__card h3{margin:0;font-size:.95rem}.od-spiritual__count{text-align:left;margin:0}.od-spiritual__count strong{font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,4vh,3rem);line-height:1;display:block}.od-spiritual__count span{color:var(--text-muted);font-size:.68rem}.od-spiritual__bar{background:color-mix(in srgb, var(--navy) 70%, transparent);border:1px solid var(--glass-border-soft);border-radius:999px;height:6px;overflow:hidden}.od-spiritual__bar span{border-radius:inherit;background:linear-gradient(90deg, var(--brand), var(--accent));height:100%;display:block}.od-spiritual__actions{align-items:center;gap:8px;display:flex}.od-spiritual__actions input{border:1px solid var(--glass-border-soft);background:color-mix(in srgb, var(--navy) 55%, transparent);min-width:0;min-height:44px;color:var(--text-primary);text-align:center;border-radius:10px;flex:1;font-size:1rem}.od-spiritual__actions button{min-height:44px;color:var(--cta-text);background:linear-gradient(90deg, var(--accent), #f6e7bf);border:none;border-radius:10px;padding:0 14px;font-size:.86rem}@media (width<=900px){.od-command{grid-template-columns:1fr 1fr}}@media (width<=720px){.od.od--fit.od--shell{flex-direction:column;grid-template-columns:1fr;height:auto;min-height:100dvh;max-height:none;display:flex;overflow:hidden auto}.od.od--fit .od-sidebar{border-left:none;order:2;width:100%;height:auto;padding:4px 14px 24px;position:relative;overflow:visible}.od-logo--sidebar{display:none}.od.od--fit .od-shell-main{order:1;height:auto;min-height:0;padding:12px 14px 8px;overflow:visible}.od.od--fit .od__main--shell,.od__main--workshop,.od__main--fit{height:auto;overflow:visible}.od--home .od__main--shell,.od--section .od-sidebar{display:none}.od-topbar--command{z-index:6;background:color-mix(in srgb, var(--navy) 94%, transparent);flex-wrap:wrap;align-items:flex-start;gap:10px;margin:0 0 8px;padding-bottom:8px;position:sticky;top:0}.od.od--fit .od-dock{gap:12px;overflow:visible}.od-dock__btn{min-height:56px;padding:12px 14px;font-size:1rem}.od-dock__personal{flex-direction:column;gap:12px;display:flex}}.od-mobile-back{border:1px solid var(--glass-border-soft);min-height:44px;color:var(--text-primary);background:var(--glass-bg);border-radius:999px;align-items:center;gap:4px;padding:8px 12px;font-size:.85rem;display:inline-flex}.soon{min-height:100dvh;color:var(--text-primary);background:var(--page-glow-1), var(--page-glow-2), var(--page-bg);padding:20px clamp(16px,4vw,40px) 32px}.soon__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:48px;display:flex}.soon__brand{letter-spacing:.06em;align-items:center;gap:10px;font-weight:700;display:inline-flex}.soon__main{text-align:center;max-width:520px;margin:0 auto}.soon__icon{background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);width:88px;height:88px;color:var(--accent);border-radius:24px;place-items:center;margin-bottom:20px;display:inline-grid}.soon__eyebrow{color:var(--text-muted);margin:0 0 8px;font-size:.9rem}.soon h1{font-family:var(--font-display);margin:0 0 12px;font-size:clamp(2rem,6vw,2.75rem)}.soon__lead{color:var(--text-secondary);margin:0 0 28px;line-height:1.65}.soon__back{min-height:44px;color:var(--cta-text);background:linear-gradient(90deg, var(--accent), #f6e7bf);border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-weight:600;text-decoration:none;display:inline-flex}.course-page{background:var(--page-bg);min-height:100vh;padding:28px clamp(20px,4vw,56px) 48px;position:relative;overflow:hidden}.course-page__bg{pointer-events:none;background:radial-gradient(ellipse 50% 40% at 20% 0%, color-mix(in srgb, var(--brand) 28%, transparent), transparent 60%), radial-gradient(ellipse 40% 35% at 90% 20%, color-mix(in srgb, var(--blue-glow) 22%, transparent), transparent 55%);position:absolute;inset:0}.course-page__header,.course-page__main{z-index:1;max-width:1080px;margin:0 auto;position:relative}.course-page__header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.course-page__back{color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);transition:color var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;display:inline-flex}.course-page__back:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--brand) 45%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--brand) 20%, transparent)}.course-page__brand{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:8px;font-size:1.35rem;font-weight:700;display:flex}.course-page__brand svg{color:var(--cyan-bright)}.course-page__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--purple-electric);margin-bottom:10px;font-size:.85rem}.course-page__main h1{font-family:var(--font-display);margin-bottom:12px;font-size:clamp(2rem,4vw,2.8rem);font-weight:600}.course-page__lead{max-width:52ch;color:var(--text-secondary);margin-bottom:36px;font-weight:300;line-height:1.55}.course-page__grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.unit-card{background:var(--glass-bg);border:1px solid var(--glass-border-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:18px;padding:22px 20px}.unit-card--link:hover{border-color:color-mix(in srgb, var(--brand) 40%, transparent);box-shadow:0 12px 30px color-mix(in srgb, var(--navy-deep) 35%, transparent), 0 0 24px color-mix(in srgb, var(--brand) 12%, transparent);transform:translateY(-3px)}.unit-card--locked{opacity:.55}.unit-card__num{letter-spacing:.1em;text-transform:uppercase;color:var(--cyan-bright);margin-bottom:10px;font-size:.72rem;display:inline-block}.unit-card h2{margin-bottom:8px;font-size:1.05rem;font-weight:600}.unit-card p{color:var(--text-muted);font-size:.82rem;font-weight:300;line-height:1.4}@media (width<=640px){.course-page{padding:16px 14px 28px}.course-page__header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:28px}.course-page__back{justify-content:center;width:100%;min-height:48px}.course-page__brand{justify-content:center}.course-page__main h1,.course-page__eyebrow,.course-page__lead{text-align:center}.course-page__lead{margin-inline:auto;font-size:.95rem}.course-page__grid{grid-template-columns:1fr;gap:12px}.unit-card{min-height:110px;padding:20px 18px}.unit-card h2{font-size:1.1rem}}.lesson-shell{background:var(--page-bg);min-height:100dvh;padding:28px clamp(20px,4vw,56px) 48px;position:relative;overflow:hidden}.lesson-shell__bg{pointer-events:none;background:var(--page-glow-1), var(--page-glow-2);position:absolute;inset:0}.lesson-shell__header,.lesson-shell__main{z-index:1;max-width:960px;margin:0 auto;position:relative}.lesson-shell__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:40px;display:flex}.lesson-shell__back{color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);transition:color var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;display:inline-flex}.lesson-shell__back:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--brand) 45%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--brand) 20%, transparent)}.lesson-shell__brand{font-family:var(--font-display);align-items:center;gap:8px;font-size:1.35rem;font-weight:700;display:flex}.lesson-shell__brand svg{color:var(--cyan-bright)}.lesson-shell__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--purple-electric);margin-bottom:10px;font-size:.85rem}.lesson-shell__main h1{font-family:var(--font-display);margin-bottom:12px;font-size:clamp(2rem,4vw,2.8rem);font-weight:600}.lesson-shell__lead{max-width:48ch;color:var(--text-secondary);margin-bottom:36px;font-weight:300;line-height:1.55}.lesson-shell__lead strong{color:var(--violet-soft);font-weight:500}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;display:grid}.icon-grid--stack{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));justify-content:start}.activity-icon{text-align:center;background:var(--glass-bg);border:1px solid var(--glass-border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:28px 20px 24px;display:flex}.activity-icon:hover{border-color:color-mix(in srgb, var(--brand) 45%, transparent);box-shadow:0 16px 36px color-mix(in srgb, var(--navy-deep) 40%, transparent), 0 0 28px color-mix(in srgb, var(--brand) 15%, transparent);transform:translateY(-4px)}.activity-icon--featured{border-color:color-mix(in srgb, var(--brand) 35%, transparent);box-shadow:0 0 30px color-mix(in srgb, var(--brand) 12%, transparent)}.activity-icon--locked{opacity:.72;cursor:default;border-style:dashed;border-color:var(--glass-border-soft)}.activity-icon--locked:hover{border-color:var(--glass-border-soft);box-shadow:none;transform:none}.activity-icon--locked .activity-icon__badge{color:var(--text-muted)}.activity-icon__badge{letter-spacing:.12em;text-transform:uppercase;color:var(--cyan-bright);font-size:.68rem}.activity-icon__orb{width:72px;height:72px;color:var(--violet-soft);background:color-mix(in srgb, var(--brand) 12%, transparent);border:1px solid color-mix(in srgb, var(--brand) 40%, transparent);box-shadow:0 0 22px color-mix(in srgb, var(--brand) 30%, transparent);border-radius:50%;place-items:center;margin:4px 0 6px;display:grid}.activity-icon__orb--family{color:var(--cyan-bright);background:color-mix(in srgb, var(--cyan) 10%, transparent);border-color:color-mix(in srgb, var(--cyan-bright) 45%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--cyan) 28%, transparent)}.activity-icon h2{font-size:1.15rem;font-weight:600}.activity-icon p{color:var(--text-muted);font-size:.82rem;font-weight:300;line-height:1.35}@media (width<=640px){.lesson-shell{flex-direction:column;height:100dvh;min-height:0;max-height:100dvh;padding:10px 12px 12px;display:flex;overflow:hidden}.lesson-shell__main{flex-direction:column;flex:1;min-height:0;display:flex}.lesson-shell__header{flex-direction:row;align-items:center;gap:8px;margin-bottom:8px}.lesson-shell__back{width:auto;min-height:40px;padding:8px 12px;font-size:.85rem}.lesson-shell__brand{justify-content:center}.lesson-shell__main h1{text-align:center;margin-bottom:4px;font-size:1.35rem}.lesson-shell__eyebrow,.lesson-shell__lead{text-align:center}.lesson-shell__lead{margin-inline:auto;margin-bottom:28px;font-size:.95rem}.icon-grid,.icon-grid--stack{grid-template-columns:1fr 1fr;gap:10px;min-height:0}.activity-icon{gap:4px;width:100%;min-height:0;padding:12px 8px 10px}.activity-icon p{font-size:.72rem;line-height:1.25}.activity-icon__orb{width:64px;height:64px}.activity-icon h2{font-size:1.2rem}.activity-icon p{font-size:.88rem}.icon-grid--five{grid-template-columns:1fr 1fr;gap:10px}.icon-grid--five .activity-icon{gap:4px;min-height:0;padding:12px 8px 10px}.icon-grid--five .activity-icon__orb{width:44px;height:44px}.icon-grid--five .activity-icon h2{font-size:.92rem}.icon-grid--five .activity-icon p{font-size:.72rem;line-height:1.25}.lesson-shell--tight .lesson-shell__header{margin-bottom:12px}.lesson-shell--tight .lesson-shell__lead{margin-bottom:14px;font-size:.88rem}.icon-grid--eight{grid-template-columns:1fr 1fr;gap:8px}.icon-grid--eight .activity-icon{gap:2px;min-height:0;padding:8px 6px}.icon-grid--eight .activity-icon__orb{width:36px;height:36px}.icon-grid--eight .activity-icon__badge{font-size:.58rem}.icon-grid--eight .activity-icon h2{font-size:.82rem}.icon-grid--eight .activity-icon p{display:none}.lesson-shell--unit .lesson-shell__header{margin-bottom:8px}.lesson-shell--unit .lesson-shell__main h1{margin-bottom:4px;font-size:1.55rem}.lesson-shell--unit .lesson-shell__lead{margin-bottom:10px;font-size:.8rem}}.ex-perfect-leaves{pointer-events:none;z-index:35;position:fixed;inset:0;overflow:hidden}.ex-perfect-leaf{opacity:0;box-shadow:0 0 10px var(--glass-border-soft);border-radius:2px 70%;animation-name:ex-perfect-leaf-fall;animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:both;position:absolute;top:-12vh;transform:translate(0,0)rotate(0)}.ex-perfect-leaf--t0{background:linear-gradient(145deg, var(--accent), var(--purple))}.ex-perfect-leaf--t1{background:linear-gradient(145deg, var(--success), var(--cyan))}.ex-perfect-leaf--t2{background:linear-gradient(145deg, var(--violet-soft), var(--brand))}.ex-perfect-leaf--t3{background:linear-gradient(145deg, var(--danger), var(--danger))}@keyframes ex-perfect-leaf-fall{0%{opacity:0;transform:translateY(-8vh)rotate(0)scale(.7)}12%{opacity:.95}70%{opacity:.85}to{opacity:0;transform:translate3d(var(--leaf-drift,20px), 110vh, 0) rotate(var(--leaf-spin,220deg)) scale(1)}}.ex-perfect-banner{max-width:420px;color:var(--text-primary);background:linear-gradient(120deg, color-mix(in srgb, var(--success) 20%, transparent), color-mix(in srgb, var(--accent) 16%, transparent));border:1px solid color-mix(in srgb, var(--success) 40%, transparent);box-shadow:0 0 28px color-mix(in srgb, var(--success) 16%, transparent);border-radius:16px;align-items:center;gap:12px;margin:0 auto 14px;padding:12px 16px;animation:.55s cubic-bezier(.22,1,.36,1) both ex-perfect-banner-in;display:flex}.ex-perfect-banner strong{font-family:var(--font-display);font-size:1.05rem;display:block}.ex-perfect-banner span{color:color-mix(in srgb, var(--success) 85%, transparent);margin-top:2px;font-size:.82rem;display:block}@keyframes ex-perfect-banner-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.ex-perfect-leaves{display:none}}.jobs-practice{background:var(--page-bg);min-height:100vh;padding:28px clamp(18px,4vw,56px) 48px;position:relative;overflow:hidden}.jobs-practice__bg{pointer-events:none;background:radial-gradient(ellipse 50% 40% at 18% 0%, color-mix(in srgb, var(--brand) 30%, transparent), transparent 60%), radial-gradient(ellipse 45% 35% at 90% 22%, color-mix(in srgb, var(--blue-glow) 22%, transparent), transparent 55%);position:absolute;inset:0}.jobs-practice__header,.jobs-practice__main{z-index:1;max-width:920px;margin:0 auto;position:relative}.jobs-practice__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.jobs-practice__back,.jobs-practice__secondary{color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);transition:color var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;display:inline-flex}.jobs-practice__back:hover,.jobs-practice__secondary:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--brand) 45%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--brand) 20%, transparent)}.jobs-practice__brand{font-family:var(--font-display);align-items:center;gap:8px;font-size:1.35rem;font-weight:700;display:flex}.jobs-practice__brand svg{color:var(--cyan-bright)}.jobs-practice__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--purple-electric);margin-bottom:8px;font-size:.8rem}.jobs-practice__main h1{font-family:var(--font-display);margin-bottom:10px;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:600}.jobs-practice__main h1 span{color:var(--violet-soft);margin-inline-start:8px;font-size:.7em}.jobs-practice__lead{color:var(--text-secondary);margin-bottom:28px;font-weight:300;line-height:1.5}.jobs-practice__panel{background:var(--glass-bg);border:1px solid color-mix(in srgb, var(--blue-glow) 28%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 50px color-mix(in srgb, var(--navy-deep) 40%, transparent), 0 0 40px color-mix(in srgb, var(--brand) 10%, transparent);border-radius:24px;padding:clamp(20px,3vw,28px)}.jobs-practice__arabic{background:color-mix(in srgb, var(--brand) 12%, transparent);border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);text-align:right;border-radius:16px;margin-bottom:18px;padding:16px 18px}.jobs-practice__arabic h3{color:var(--violet-soft);margin-bottom:10px;font-size:1rem}.jobs-practice__arabic p{color:var(--violet-soft);margin-bottom:8px;font-size:.96rem;font-weight:400;line-height:1.7}.jobs-practice__arabic p:last-child{margin-bottom:0}.jobs-practice__rounds{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.jobs-practice__rounds article{background:var(--glass-bg);border:1px solid var(--glass-bg);border-radius:14px;padding:14px}.jobs-practice__rounds h2{color:var(--cyan-bright);margin-bottom:6px;font-size:.9rem}.jobs-practice__rounds p{color:var(--text-muted);font-size:.8rem;font-weight:300;line-height:1.35}.jobs-practice__vocab-preview{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px;list-style:none;display:grid}.jobs-practice__vocab-preview li{background:var(--glass-bg);border:1px solid var(--glass-bg);border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;font-size:.88rem;display:flex}.jobs-practice__vocab-preview span{color:var(--text-muted);font-size:.78rem}.jobs-practice__cta{letter-spacing:.04em;color:var(--text-primary);background:var(--hero-cta);box-shadow:0 0 28px color-mix(in srgb, var(--brand) 40%, transparent);transition:transform var(--transition), filter var(--transition), box-shadow var(--transition);border-radius:14px;justify-content:center;align-items:center;padding:14px 26px;font-size:.92rem;font-weight:600;display:inline-flex}.jobs-practice__cta:hover{filter:brightness(1.06);transform:translateY(-2px)}.jobs-practice__progress{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:18px;font-size:.85rem;display:flex}.jobs-practice__progress-track{background:var(--glass-bg);border-radius:999px;flex:1;height:8px;overflow:hidden}.jobs-practice__progress-fill{border-radius:inherit;background:var(--cta-gradient);height:100%;transition:width .35s}.jobs-practice__prompt{margin-bottom:8px;font-size:1.02rem;font-weight:500}.jobs-practice__prompt-ar{color:var(--text-muted);margin-bottom:12px;font-size:.88rem}.jobs-practice__columns{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:10px;display:grid}.jobs-practice__column h2{letter-spacing:.12em;text-transform:uppercase;color:var(--cyan-bright);text-align:center;margin-bottom:10px;font-size:.75rem}.job-chip{text-align:center;width:100%;color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:12px;justify-content:center;align-items:center;margin-bottom:8px;padding:12px 14px;font-size:.92rem;font-weight:500;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex}.job-chip:hover:not(:disabled){border-color:color-mix(in srgb, var(--brand) 45%, transparent);background:color-mix(in srgb, var(--brand) 10%, transparent);transform:translateY(-1px)}.job-chip--selected{border-color:color-mix(in srgb, var(--cyan-bright) 65%, transparent);background:color-mix(in srgb, var(--cyan) 12%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--cyan) 25%, transparent)}.job-chip--matched{border-color:color-mix(in srgb, var(--success) 55%, transparent);background:color-mix(in srgb, var(--success) 14%, transparent);opacity:.85}.job-chip--wrong{border-color:color-mix(in srgb, var(--danger) 70%, transparent);background:color-mix(in srgb, var(--danger) 14%, transparent);animation:.45s job-shake}.job-chip:disabled{cursor:default}.jobs-practice__section-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--violet-soft);background:color-mix(in srgb, var(--brand) 12%, transparent);border:1px solid color-mix(in srgb, var(--brand) 30%, transparent);border-radius:999px;margin-bottom:10px;padding:5px 10px;font-size:.72rem;display:inline-block}.jobs-practice__sentence{text-align:center;background:color-mix(in srgb, var(--navy) 55%, transparent);border:1px solid color-mix(in srgb, var(--blue-glow) 22%, transparent);border-radius:16px;margin-bottom:16px;padding:18px 16px;font-size:clamp(1rem,2.3vw,1.2rem);line-height:1.45}.jobs-practice__options{gap:10px;margin-bottom:12px;display:grid}.jobs-practice__option{text-align:center;color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:14px;padding:14px 16px;font-size:1rem;font-weight:600;transition:transform .2s,border-color .2s,background .2s}.jobs-practice__option:hover:not(:disabled){border-color:color-mix(in srgb, var(--brand) 45%, transparent);background:color-mix(in srgb, var(--brand) 10%, transparent);transform:translateY(-1px)}.jobs-practice__option--pending{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--accent) 18%, transparent)}.jobs-practice__option--correct{border-color:color-mix(in srgb, var(--success) 65%, transparent);background:color-mix(in srgb, var(--success) 16%, transparent)}.jobs-practice__option--wrong{border-color:color-mix(in srgb, var(--danger) 70%, transparent);background:color-mix(in srgb, var(--danger) 14%, transparent);animation:.45s job-shake}.jobs-practice__option--reveal{border-color:color-mix(in srgb, var(--success) 45%, transparent);background:color-mix(in srgb, var(--success) 10%, transparent)}.jobs-practice__option:disabled{cursor:default}.jobs-practice__feedback{color:var(--text-secondary);border-radius:12px;margin-bottom:10px;padding:12px 14px;font-size:.9rem}.jobs-practice__feedback--correct{background:color-mix(in srgb, var(--success) 12%, transparent);border:1px solid color-mix(in srgb, var(--success) 35%, transparent)}.jobs-practice__feedback--wrong{background:color-mix(in srgb, var(--danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent)}.jobs-practice__tools{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.jobs-practice__tip-btn,.jobs-practice__reset{color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;display:inline-flex}.jobs-practice__tip-btn:hover,.jobs-practice__reset:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--brand) 40%, transparent)}.jobs-practice__look{background:color-mix(in srgb, var(--brand) 10%, transparent);border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);border-radius:16px;margin-top:14px;padding:16px 18px}.jobs-practice__look strong{color:var(--violet-soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;display:inline-block}.jobs-practice__look ul{color:var(--text-secondary);gap:4px;font-size:.88rem;list-style:none;display:grid}.jobs-practice__done{text-align:center;padding-block:40px}.jobs-practice__done-icon{color:var(--success);filter:drop-shadow(0 0 16px color-mix(in srgb, var(--success) 45%, transparent));margin-bottom:12px}.jobs-practice__done h2{font-family:var(--font-display);margin-bottom:8px;font-size:2rem}.jobs-practice__done p{color:var(--text-secondary);margin-bottom:24px;font-weight:300}.jobs-practice__done strong{color:var(--text-primary)}.jobs-practice__done-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@keyframes job-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (width<=760px){.jobs-practice{height:100dvh;min-height:0;max-height:100dvh;padding:10px 12px 12px;padding-bottom:max(64px, calc(12px + env(safe-area-inset-bottom)));flex-direction:column;display:flex}.jobs-practice__main{flex-direction:column;flex:1;min-height:0;display:flex}.jobs-practice__header{flex-direction:row;align-items:center;gap:8px;margin-bottom:8px}.jobs-practice__back{width:auto;min-height:40px;padding:8px 12px}.jobs-practice__brand{justify-content:center}.jobs-practice__main h1,.jobs-practice__eyebrow,.jobs-practice__lead{text-align:center}.jobs-practice__eyebrow{margin-bottom:2px}.jobs-practice__main h1{margin-bottom:4px;font-size:1.35rem}.jobs-practice__lead{margin-bottom:8px;font-size:.78rem}.jobs-practice--match .jobs-practice__eyebrow,.jobs-practice--match .jobs-practice__main>h1,.jobs-practice--match .jobs-practice__lead,.jobs-practice--match .jobs-practice__prompt{display:none}.jobs-practice--match .jobs-practice__header{margin-bottom:6px}.jobs-practice--match .jobs-practice__panel{flex:1;min-height:0}.jobs-practice__panel{border-radius:16px;flex-direction:column;flex:1;min-height:0;padding:10px;display:flex}.jobs-practice__arabic{margin-bottom:8px;padding:10px 12px}.jobs-practice__arabic p{font-size:.82rem;line-height:1.4}.jobs-practice__arabic p:nth-of-type(n+2),.jobs-practice__rounds,.jobs-practice__vocab-preview{display:none}.jobs-practice__progress{flex-shrink:0;margin-bottom:8px}.jobs-practice__columns{flex:1;grid-template-columns:1fr 1fr;align-items:stretch;gap:10px;min-height:0;margin-bottom:0;display:grid}.jobs-practice__column{flex-direction:column;gap:6px;min-height:0;display:flex}.jobs-practice__column h2{flex-shrink:0;margin-bottom:0;font-size:.85rem}.job-chip{text-align:center;flex:1 1 0;justify-content:center;min-height:0;margin-bottom:0;padding:6px 8px;font-size:1.05rem;font-weight:600}.jobs-practice__sentence{padding:16px 12px;font-size:1.05rem}.jobs-practice__option{min-height:52px;font-size:1.02rem}.jobs-practice__options{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.jobs-practice__cta,.jobs-practice__secondary{justify-content:center;width:100%;min-height:52px}.jobs-practice__done{flex:1;justify-content:center;padding-block:12px}.jobs-practice__done-actions{flex-direction:column}.jobs-practice__tools{flex-shrink:0;width:100%;margin-top:8px}.jobs-practice__tip-btn,.jobs-practice__reset{flex:1;justify-content:center;min-height:40px}.jobs-practice__done p{font-size:1.05rem;line-height:1.7}}.ex-continue{border:1px solid var(--glass-border-soft);background:var(--glass-bg);width:100%;min-height:52px;color:color-mix(in srgb, var(--text-primary) 28%, transparent);font-family:var(--font-display);letter-spacing:.04em;cursor:not-allowed;border-radius:16px;justify-content:center;align-items:center;margin:4px 0 18px;font-size:1.15rem;font-weight:600;transition:color .25s,background .25s,border-color .25s,box-shadow .25s,transform .2s;display:flex}.ex-continue--ready{cursor:pointer;color:var(--accent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 28%, transparent), color-mix(in srgb, var(--brand) 22%, transparent));border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 22px color-mix(in srgb, var(--accent) 22%, transparent), 0 8px 24px #0003}.ex-continue--ready:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent) 75%, transparent);transform:translateY(-1px)}.ex-continue--ready:active{transform:translateY(0)}.done-card{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;padding:8px 4px 4px;display:flex;position:relative}.done-card__medal{color:#f6d36b;background:#f6d36b29;border:1px solid #f6d36b73;border-radius:50%;place-items:center;width:84px;height:84px;animation:1.8s ease-in-out infinite done-medal-pulse;display:grid;box-shadow:0 0 28px #f6d36b66}.done-card h2{margin:0;font-size:1.7rem;font-weight:700;line-height:1.3}.done-card__score{background:color-mix(in srgb, var(--glass-bg-strong) 80%, transparent);border:1px solid var(--glass-border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-width:min(100%,220px);margin:0;padding:12px 18px;display:flex}.done-card__score span{color:var(--text-muted);font-size:.85rem}.done-card__score strong{color:var(--text-primary);font-size:1.7rem;font-weight:700}.done-card__tries{color:var(--text-muted);margin:0;font-size:.95rem}.done-card__actions{flex-direction:column;align-items:stretch;gap:10px;width:min(100%,320px);margin-top:4px;display:flex}.done-card__primary,.done-card__secondary{border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:12px 16px;font-size:1rem;font-weight:600;display:inline-flex}.done-card__primary{color:var(--text-primary);background:var(--hero-cta);box-shadow:0 0 24px color-mix(in srgb, var(--brand) 35%, transparent)}.done-card__secondary{color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft)}@keyframes done-medal-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (width<=700px){.done-card h2{font-size:1.55rem}.done-card__score strong{font-size:1.85rem}}.choice-quiz{background:var(--page-bg);min-height:100vh;padding:28px clamp(18px,4vw,56px) 48px;position:relative;overflow:hidden}.choice-quiz__bg{pointer-events:none;background:var(--page-glow-1), var(--page-glow-2);position:absolute;inset:0}.choice-quiz__header,.choice-quiz__main{z-index:1;max-width:860px;margin:0 auto;position:relative}.choice-quiz__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.choice-quiz__back,.choice-quiz__secondary{color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);transition:color var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;display:inline-flex}.choice-quiz__back:hover,.choice-quiz__secondary:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--brand) 45%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--brand) 20%, transparent)}.choice-quiz__brand{font-family:var(--font-display);align-items:center;gap:8px;font-size:1.35rem;font-weight:700;display:flex}.choice-quiz__brand svg{color:var(--cyan-bright)}.choice-quiz__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--purple-electric);margin-bottom:8px;font-size:.8rem}.choice-quiz__main h1{font-family:var(--font-display);margin-bottom:10px;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:600}.choice-quiz__main h1 span{color:var(--violet-soft);margin-inline-start:8px;font-size:.68em}.choice-quiz__lead{color:var(--text-secondary);margin-bottom:28px;font-weight:300;line-height:1.5}.choice-quiz__panel{background:var(--glass-bg);border:1px solid color-mix(in srgb, var(--blue-glow) 28%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 50px color-mix(in srgb, var(--navy-deep) 40%, transparent), 0 0 40px color-mix(in srgb, var(--brand) 10%, transparent);border-radius:24px;padding:clamp(20px,3vw,28px)}.choice-quiz__arabic{background:color-mix(in srgb, var(--brand) 12%, transparent);border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);text-align:right;border-radius:16px;margin-bottom:20px;padding:18px 18px 16px}.choice-quiz__arabic h2{color:var(--violet-soft);margin-bottom:10px;font-size:1rem;font-weight:600}.choice-quiz__arabic p{color:var(--violet-soft);margin-bottom:8px;font-size:.98rem;font-weight:400;line-height:1.7}.choice-quiz__arabic p:last-child{margin-bottom:0}.choice-quiz__card-ar{color:var(--text-muted)!important;margin-top:8px!important;font-size:.82rem!important}.choice-quiz__cards{gap:12px;margin-bottom:18px;display:grid}.choice-quiz__cards article{background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:14px;padding:14px 16px}.choice-quiz__cards h2{color:var(--cyan-bright);margin-bottom:6px;font-size:.95rem}.choice-quiz__cards p{color:var(--text-secondary);font-size:.85rem;font-weight:300;line-height:1.4}.choice-quiz__examples{gap:8px;margin-bottom:22px;list-style:none;display:grid}.choice-quiz__examples li{background:var(--glass-bg);border:1px solid var(--glass-bg);color:var(--text-secondary);border-radius:12px;padding:10px 12px;font-size:.9rem}.choice-quiz__cta{letter-spacing:.04em;color:var(--text-primary);background:var(--hero-cta);box-shadow:0 0 28px color-mix(in srgb, var(--brand) 40%, transparent);transition:transform var(--transition), filter var(--transition), box-shadow var(--transition);border-radius:14px;justify-content:center;align-items:center;padding:14px 26px;font-size:.92rem;font-weight:600;display:inline-flex}.choice-quiz__cta:hover{filter:brightness(1.06);box-shadow:0 0 34px color-mix(in srgb, var(--brand) 50%, transparent);transform:translateY(-2px)}.choice-quiz__progress{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:18px;font-size:.85rem;display:flex}.choice-quiz__progress-track{background:var(--glass-border-soft);border-radius:999px;flex:1;height:8px;overflow:hidden}.choice-quiz__progress-fill{border-radius:inherit;background:var(--cta-gradient);height:100%;box-shadow:0 0 12px color-mix(in srgb, var(--cyan) 45%, transparent);transition:width .35s}.choice-quiz__section-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--violet-soft);background:color-mix(in srgb, var(--brand) 12%, transparent);border:1px solid color-mix(in srgb, var(--brand) 30%, transparent);border-radius:999px;margin-bottom:10px;padding:5px 10px;font-size:.72rem;display:inline-block}.choice-quiz__prompt{text-align:center;margin-bottom:10px;font-size:1.25rem;font-weight:600}.choice-quiz__prompt-ar{color:var(--text-muted);margin-bottom:14px;font-size:.88rem}.choice-quiz__sentence{text-align:center;background:color-mix(in srgb, var(--navy) 55%, transparent);border:1px solid color-mix(in srgb, var(--blue-glow) 22%, transparent);border-radius:16px;margin-bottom:18px;padding:18px 16px;font-size:clamp(1.25rem,3vw,1.6rem);font-weight:600;line-height:1.45}.choice-quiz__options{gap:10px;margin-bottom:14px;display:grid}.choice-quiz__option{text-align:center;color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:14px;padding:14px 16px;font-size:1.2rem;font-weight:600;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.choice-quiz__option:hover:not(:disabled){border-color:color-mix(in srgb, var(--brand) 45%, transparent);background:color-mix(in srgb, var(--brand) 10%, transparent);transform:translateY(-1px)}.choice-quiz__option--pending{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--accent) 18%, transparent)}.choice-quiz__option--correct{border-color:color-mix(in srgb, var(--success) 65%, transparent);background:color-mix(in srgb, var(--success) 16%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--success) 25%, transparent)}.choice-quiz__option--wrong{border-color:color-mix(in srgb, var(--danger) 70%, transparent);background:color-mix(in srgb, var(--danger) 14%, transparent);animation:.45s choice-shake}.choice-quiz__option--reveal{border-color:color-mix(in srgb, var(--success) 45%, transparent);background:color-mix(in srgb, var(--success) 10%, transparent)}.choice-quiz__option:disabled{cursor:default}.choice-quiz__feedback{color:var(--text-secondary);border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:.9rem;line-height:1.45}.choice-quiz__feedback--correct{background:color-mix(in srgb, var(--success) 12%, transparent);border:1px solid color-mix(in srgb, var(--success) 35%, transparent)}.choice-quiz__feedback--wrong{background:color-mix(in srgb, var(--danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent)}.choice-quiz__tools{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.choice-quiz__tip-btn,.choice-quiz__reset{color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);transition:color var(--transition), border-color var(--transition);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;display:inline-flex}.choice-quiz__tip-btn:hover,.choice-quiz__reset:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--brand) 40%, transparent)}.choice-quiz__look{background:color-mix(in srgb, var(--brand) 10%, transparent);border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);border-radius:16px;margin-top:14px;padding:16px 18px}.choice-quiz__look strong{color:var(--violet-soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;display:inline-block}.choice-quiz__look ul{color:var(--text-secondary);gap:4px;font-size:.88rem;list-style:none;display:grid}.choice-quiz__done{text-align:center;padding-block:40px}.choice-quiz__done-icon{color:var(--success);filter:drop-shadow(0 0 16px color-mix(in srgb, var(--success) 45%, transparent));margin-bottom:12px}.choice-quiz__done h2{font-family:var(--font-display);margin-bottom:8px;font-size:2rem}.choice-quiz__done p{color:var(--text-secondary);margin-bottom:24px;font-weight:300}.choice-quiz__done p strong{color:var(--text-primary);font-weight:600}.choice-quiz__done-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@keyframes choice-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (width<=700px){.choice-quiz{flex-direction:column;height:100dvh;min-height:0;max-height:100dvh;padding:10px 12px 12px;display:flex}.choice-quiz__main{flex-direction:column;flex:1;min-height:0;display:flex}.choice-quiz__header{flex-direction:row;align-items:center;gap:8px;margin-bottom:8px}.choice-quiz__back{width:auto;min-height:40px;padding:8px 12px}.choice-quiz__brand{justify-content:center}.choice-quiz__main h1,.choice-quiz__eyebrow,.choice-quiz__lead{text-align:center}.choice-quiz__main h1{margin-bottom:4px;font-size:1.3rem}.choice-quiz__lead{margin-bottom:8px;font-size:.78rem;line-height:1.35}.choice-quiz__panel{border-radius:16px;flex:1;min-height:0;padding:12px 10px}.choice-quiz__arabic{margin-bottom:16px;padding:14px 14px 12px}.choice-quiz__arabic p{font-size:.95rem;line-height:1.75}.choice-quiz__cards{grid-template-columns:1fr!important}.choice-quiz__prompt{text-align:center;font-size:1.15rem}.choice-quiz__sentence{text-align:center;padding:16px 12px;font-size:1.35rem}.choice-quiz__options{grid-template-columns:1fr}.choice-quiz__option{text-align:center;min-height:48px;padding:12px;font-size:1.15rem}.choice-quiz__cta,.choice-quiz__secondary{justify-content:center;width:100%;min-height:52px}.choice-quiz__done-actions{flex-direction:column}.choice-quiz__tools{width:100%}.choice-quiz__tip-btn,.choice-quiz__reset{flex:1;justify-content:center;min-height:44px}.choice-quiz__done p{font-size:1.05rem;line-height:1.7}}.p6-story{flex-direction:column;height:100dvh;max-height:100dvh;padding-bottom:12px;display:flex;overflow:hidden}.p6-story .lesson-shell__header{margin-bottom:8px}.p6-story__main{z-index:1;flex-direction:column;flex:1;gap:10px;width:100%;max-width:520px;min-height:0;margin:0 auto;display:flex;position:relative}.p6-story h1{margin:0;font-size:1.15rem}.p6-story__text{margin:0;font-size:.98rem;line-height:1.45}.p6-story__actions{flex-direction:column;gap:8px;margin-top:auto;display:flex}.p6-story__ghost,.p6-story__next{border:1px solid var(--glass-border-soft);background:var(--glass-bg);min-height:48px;color:var(--text-primary);border-radius:14px;font-size:1rem}.p6-story__next{background:var(--hero-cta);color:var(--text-primary);box-shadow:0 0 28px color-mix(in srgb, var(--brand) 40%, transparent);place-items:center;text-decoration:none;display:grid}.family-match{background:var(--page-bg);min-height:100vh;padding:28px clamp(18px,4vw,56px) 48px;position:relative;overflow:hidden}.family-match__bg{pointer-events:none;background:radial-gradient(ellipse 50% 40% at 20% 0%, color-mix(in srgb, var(--brand) 30%, transparent), transparent 60%), radial-gradient(ellipse 45% 35% at 90% 20%, color-mix(in srgb, var(--blue-glow) 22%, transparent), transparent 55%);position:absolute;inset:0}.family-match__header,.family-match__main{z-index:1;max-width:920px;margin:0 auto;position:relative}.family-match__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.family-match__back,.family-match__secondary{color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);transition:color var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;display:inline-flex}.family-match__back:hover,.family-match__secondary:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--brand) 45%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--brand) 20%, transparent)}.family-match__brand{font-family:var(--font-display);align-items:center;gap:8px;font-size:1.35rem;font-weight:700;display:flex}.family-match__brand svg{color:var(--cyan-bright)}.family-match__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--purple-electric);margin-bottom:8px;font-size:.8rem}.family-match__main h1{font-family:var(--font-display);margin-bottom:10px;font-size:clamp(2rem,4vw,2.7rem);font-weight:600}.family-match__main h1 span{color:var(--violet-soft);margin-inline-start:8px;font-size:.72em}.family-match__instruction{color:var(--text-secondary);margin-bottom:28px;font-weight:300;line-height:1.5}.family-match__instruction span{color:var(--text-muted);font-size:.92rem}.family-match__panel{background:var(--glass-bg);border:1px solid color-mix(in srgb, var(--blue-glow) 28%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 50px color-mix(in srgb, var(--navy-deep) 40%, transparent), 0 0 40px color-mix(in srgb, var(--brand) 10%, transparent);border-radius:24px;padding:clamp(20px,3vw,28px)}.family-match__intro p{color:var(--text-secondary);margin-bottom:18px;font-weight:300}.family-match__arabic{background:color-mix(in srgb, var(--brand) 12%, transparent);border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);text-align:right;border-radius:16px;margin-bottom:18px;padding:16px 18px}.family-match__arabic h3{color:var(--violet-soft);margin-bottom:10px;font-size:1rem}.family-match__arabic p{font-size:.96rem;line-height:1.7;color:var(--violet-soft)!important;margin-bottom:8px!important;font-weight:400!important}.family-match__arabic p:last-child{margin-bottom:0!important}.family-match__vocab{gap:8px;margin-bottom:24px;list-style:none;display:grid}.family-match__vocab li{background:var(--glass-bg);border:1px solid var(--glass-bg);border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:10px 12px;font-size:.92rem;display:grid}.family-match__vocab small{color:var(--text-muted);margin-top:2px;font-size:.75rem;display:block}.family-match__vocab-sep{color:var(--cyan-bright);opacity:.7}.family-match__cta{letter-spacing:.04em;color:var(--text-primary);background:var(--hero-cta);box-shadow:0 0 28px color-mix(in srgb, var(--brand) 40%, transparent);transition:transform var(--transition), filter var(--transition), box-shadow var(--transition);border-radius:14px;justify-content:center;align-items:center;padding:14px 26px;font-size:.92rem;font-weight:600;display:inline-flex}.family-match__cta:hover{filter:brightness(1.06);box-shadow:0 0 34px color-mix(in srgb, var(--brand) 50%, transparent);transform:translateY(-2px)}.family-match__progress{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:22px;font-size:.85rem;display:flex}.family-match__progress-track{background:var(--glass-bg);border-radius:999px;flex:1;height:8px;overflow:hidden}.family-match__progress-fill{border-radius:inherit;background:var(--cta-gradient);height:100%;box-shadow:0 0 12px color-mix(in srgb, var(--cyan) 45%, transparent);transition:width .35s}.family-match__columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.family-match__column h2{letter-spacing:.12em;text-transform:uppercase;color:var(--cyan-bright);text-align:center;margin-bottom:12px;font-size:.78rem}.word-chip{width:100%;color:var(--text-primary);text-align:center;background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin-bottom:10px;padding:14px 16px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex}.word-chip strong{font-size:1.2rem;font-weight:600}.word-chip small{color:var(--text-muted);font-size:.78rem}.word-chip:hover:not(:disabled){border-color:color-mix(in srgb, var(--brand) 45%, transparent);background:color-mix(in srgb, var(--brand) 10%, transparent);transform:translateY(-1px)}.word-chip--selected{border-color:color-mix(in srgb, var(--cyan-bright) 65%, transparent);background:color-mix(in srgb, var(--cyan) 12%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--cyan) 25%, transparent)}.word-chip--matched{border-color:color-mix(in srgb, var(--success) 55%, transparent);background:color-mix(in srgb, var(--success) 14%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--success) 20%, transparent);opacity:.85}.word-chip--wrong{border-color:color-mix(in srgb, var(--danger) 70%, transparent);background:color-mix(in srgb, var(--danger) 14%, transparent);animation:.45s chip-shake}.word-chip:disabled{cursor:default}.family-match__tools{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.family-match__tip-btn,.family-match__reset{color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);transition:color var(--transition), border-color var(--transition);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;display:inline-flex}.family-match__tip-btn:hover,.family-match__reset:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--brand) 40%, transparent)}.family-match__look{background:color-mix(in srgb, var(--brand) 10%, transparent);border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);border-radius:16px;margin-top:16px;padding:16px 18px}.family-match__look strong{color:var(--violet-soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;display:inline-block}.family-match__look ul{color:var(--text-secondary);gap:4px;margin-bottom:10px;font-size:.9rem;list-style:none;display:grid}.family-match__look-note{color:var(--text-muted);font-size:.8rem;line-height:1.4}.family-match__done{text-align:center;padding-block:40px}.family-match__done-icon{color:var(--success);filter:drop-shadow(0 0 16px color-mix(in srgb, var(--success) 45%, transparent));margin-bottom:12px}.family-match__done h2{font-family:var(--font-display);margin-bottom:8px;font-size:2rem}.family-match__done p{color:var(--text-secondary);margin-bottom:24px;font-weight:300}.family-match__done-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@keyframes chip-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (width<=700px){.family-match{flex-direction:column;height:100dvh;min-height:0;max-height:100dvh;padding:10px 12px 12px;display:flex}.family-match__main{flex-direction:column;flex:1;min-height:0;display:flex}.family-match__header{flex-direction:row;align-items:center;gap:8px;margin-bottom:8px}.family-match__back{width:auto;min-height:40px;padding:8px 12px}.family-match__brand{justify-content:center}.family-match__main h1,.family-match__eyebrow,.family-match__instruction{text-align:center}.family-match__eyebrow{margin-bottom:2px}.family-match__main h1{margin-bottom:4px;font-size:1.35rem}.family-match__instruction{margin-bottom:8px;font-size:.78rem}.family-match--play .family-match__eyebrow,.family-match--play .family-match__main>h1,.family-match--play .family-match__instruction{display:none}.family-match--play .family-match__header{margin-bottom:6px}.family-match--play .family-match__panel{flex:1;min-height:0}.family-match__panel{border-radius:16px;flex-direction:column;flex:1;min-height:0;padding:10px;display:flex}.family-match__arabic{margin-bottom:8px;padding:10px 12px}.family-match__arabic p{font-size:.82rem;line-height:1.4}.family-match__arabic p:nth-of-type(n+2),.family-match__how,.family-match__vocab{display:none}.family-match__intro{justify-content:space-between}.family-match__columns{flex:1;grid-template-columns:1fr 1fr;align-items:stretch;gap:10px;min-height:0;display:grid}.family-match__column{flex-direction:column;gap:8px;min-height:0;display:flex}.family-match__column h2{flex-shrink:0;margin-bottom:0;font-size:.95rem}.word-chip{flex:1 1 0;justify-content:center;min-height:48px;margin-bottom:0;padding:8px 10px}.word-chip strong{font-size:1.2rem}.family-match__done{flex:1;justify-content:center;padding-block:12px}.family-match__done h2{font-size:2.4rem}.family-match__done p{font-size:1.15rem;line-height:1.6}.family-match{padding-bottom:max(64px, calc(12px + env(safe-area-inset-bottom)))}.family-match__cta,.family-match__secondary{justify-content:center;width:100%;min-height:52px}.family-match__done-actions{flex-direction:column}.family-match__tools{width:100%}.family-match__tip-btn,.family-match__reset{flex:1;justify-content:center;min-height:40px}.family-match__tools{margin-top:8px}}.age-many{background:var(--page-bg);min-height:100vh;padding:28px clamp(18px,4vw,56px) 48px;position:relative;overflow:hidden}.age-many__bg{pointer-events:none;background:radial-gradient(ellipse 50% 40% at 18% 0%, color-mix(in srgb, var(--brand) 30%, transparent), transparent 60%), radial-gradient(ellipse 45% 35% at 90% 22%, color-mix(in srgb, var(--blue-glow) 22%, transparent), transparent 55%);position:absolute;inset:0}.age-many__header,.age-many__main{z-index:1;max-width:860px;margin:0 auto;position:relative}.age-many__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.age-many__back,.age-many__secondary{color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);transition:color var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;display:inline-flex}.age-many__back:hover,.age-many__secondary:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--brand) 45%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--brand) 20%, transparent)}.age-many__brand{font-family:var(--font-display);align-items:center;gap:8px;font-size:1.35rem;font-weight:700;display:flex}.age-many__brand svg{color:var(--cyan-bright)}.age-many__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--purple-electric);margin-bottom:8px;font-size:.8rem}.age-many__main h1{font-family:var(--font-display);margin-bottom:10px;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:600}.age-many__main h1 span{color:var(--violet-soft);margin-inline-start:8px;font-size:.68em}.age-many__lead{color:var(--text-secondary);margin-bottom:28px;font-weight:300;line-height:1.5}.age-many__panel{background:var(--glass-bg);border:1px solid color-mix(in srgb, var(--blue-glow) 28%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 50px color-mix(in srgb, var(--navy-deep) 40%, transparent), 0 0 40px color-mix(in srgb, var(--brand) 10%, transparent);border-radius:24px;padding:clamp(20px,3vw,28px)}.age-many__arabic{background:color-mix(in srgb, var(--brand) 12%, transparent);border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);text-align:right;border-radius:16px;margin-bottom:18px;padding:16px 18px}.age-many__arabic h3{color:var(--violet-soft);margin-bottom:10px;font-size:1rem}.age-many__arabic p{color:var(--violet-soft);margin-bottom:8px;font-size:.96rem;font-weight:400;line-height:1.7}.age-many__arabic p:last-child{margin-bottom:0}.age-many__rules{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.age-many__rules article{background:var(--glass-bg);border:1px solid var(--glass-bg);border-radius:14px;padding:14px 16px}.age-many__rules h2{color:var(--cyan-bright);margin-bottom:6px;font-size:.95rem}.age-many__rules p{color:var(--text-secondary);font-size:.85rem;font-weight:300;line-height:1.4}.age-many__ar{margin-top:6px;color:var(--text-muted)!important;font-size:.8rem!important}.age-many__examples{gap:8px;margin-bottom:22px;list-style:none;display:grid}.age-many__examples li{background:var(--glass-bg);border:1px solid var(--glass-bg);color:var(--text-secondary);border-radius:12px;padding:10px 12px;font-size:.9rem}.age-many__cta{letter-spacing:.04em;color:var(--text-primary);background:var(--hero-cta);box-shadow:0 0 28px color-mix(in srgb, var(--brand) 40%, transparent);transition:transform var(--transition), filter var(--transition), box-shadow var(--transition);border-radius:14px;justify-content:center;align-items:center;padding:14px 26px;font-size:.92rem;font-weight:600;display:inline-flex}.age-many__cta:hover{filter:brightness(1.06);box-shadow:0 0 34px color-mix(in srgb, var(--brand) 50%, transparent);transform:translateY(-2px)}.age-many__progress{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:18px;font-size:.85rem;display:flex}.age-many__progress-track{background:var(--glass-bg);border-radius:999px;flex:1;height:8px;overflow:hidden}.age-many__progress-fill{border-radius:inherit;background:var(--cta-gradient);height:100%;box-shadow:0 0 12px color-mix(in srgb, var(--cyan) 45%, transparent);transition:width .35s}.age-many__section-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--violet-soft);background:color-mix(in srgb, var(--brand) 12%, transparent);border:1px solid color-mix(in srgb, var(--brand) 30%, transparent);border-radius:999px;margin-bottom:10px;padding:5px 10px;font-size:.72rem;display:inline-block}.age-many__prompt{margin-bottom:4px;font-size:1.05rem;font-weight:500}.age-many__prompt-ar{color:var(--text-muted);margin-bottom:14px;font-size:.88rem}.age-many__sentence{text-align:center;background:color-mix(in srgb, var(--navy) 55%, transparent);border:1px solid color-mix(in srgb, var(--blue-glow) 22%, transparent);border-radius:16px;margin-bottom:18px;padding:18px 16px;font-size:clamp(1.05rem,2.4vw,1.25rem);line-height:1.45}.age-many__options{gap:10px;margin-bottom:14px;display:grid}.age-many__option{text-align:center;color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:14px;padding:14px 16px;font-size:1rem;font-weight:600;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.age-many__option:hover:not(:disabled){border-color:color-mix(in srgb, var(--brand) 45%, transparent);background:color-mix(in srgb, var(--brand) 10%, transparent);transform:translateY(-1px)}.age-many__option--pending{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--accent) 18%, transparent)}.age-many__option--correct{border-color:color-mix(in srgb, var(--success) 65%, transparent);background:color-mix(in srgb, var(--success) 16%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--success) 25%, transparent)}.age-many__option--wrong{border-color:color-mix(in srgb, var(--danger) 70%, transparent);background:color-mix(in srgb, var(--danger) 14%, transparent);animation:.45s option-shake}.age-many__option--reveal{border-color:color-mix(in srgb, var(--success) 45%, transparent);background:color-mix(in srgb, var(--success) 10%, transparent)}.age-many__option:disabled{cursor:default}.age-many__feedback{border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:.9rem;line-height:1.45}.age-many__feedback p{color:var(--text-secondary);margin-bottom:4px}.age-many__feedback strong{color:var(--text-primary);font-weight:500}.age-many__feedback--correct{background:color-mix(in srgb, var(--success) 12%, transparent);border:1px solid color-mix(in srgb, var(--success) 35%, transparent)}.age-many__feedback--wrong{background:color-mix(in srgb, var(--danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent)}.age-many__tools{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.age-many__tip-btn,.age-many__reset{color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);transition:color var(--transition), border-color var(--transition);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;display:inline-flex}.age-many__tip-btn:hover,.age-many__reset:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--brand) 40%, transparent)}.age-many__look{background:color-mix(in srgb, var(--brand) 10%, transparent);border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);border-radius:16px;margin-top:14px;padding:16px 18px}.age-many__look strong{color:var(--violet-soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;display:inline-block}.age-many__look ul{color:var(--text-secondary);gap:4px;font-size:.88rem;list-style:none;display:grid}.age-many__done{text-align:center;padding-block:40px}.age-many__done-icon{color:var(--success);filter:drop-shadow(0 0 16px color-mix(in srgb, var(--success) 45%, transparent));margin-bottom:12px}.age-many__done h2{font-family:var(--font-display);margin-bottom:8px;font-size:2rem}.age-many__done p{color:var(--text-secondary);margin-bottom:24px;font-weight:300}.age-many__done p strong{color:var(--text-primary);font-weight:600}.age-many__done-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@keyframes option-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (width<=700px){.age-many{padding:16px 14px 28px}.age-many__header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:24px}.age-many__back{justify-content:center;width:100%;min-height:48px}.age-many__brand{justify-content:center}.age-many__main h1,.age-many__eyebrow,.age-many__lead{text-align:center}.age-many__panel{border-radius:20px;padding:18px 14px}.age-many__arabic{padding:14px}.age-many__arabic p{font-size:.95rem}.age-many__rules{grid-template-columns:1fr}.age-many__sentence{padding:16px 12px;font-size:1.05rem}.age-many__option{min-height:52px;font-size:1.02rem}.age-many__cta,.age-many__secondary{justify-content:center;width:100%;min-height:52px}.age-many__done-actions{flex-direction:column}.age-many__tools{width:100%}.age-many__tip-btn,.age-many__reset{flex:1;justify-content:center;min-height:44px}.age-many__done p{font-size:1.05rem;line-height:1.7}}.l5-game{background:var(--page-bg);min-height:100vh;padding:28px clamp(18px,4vw,56px) 48px;position:relative;overflow:hidden}.l5-game__bg{pointer-events:none;background:radial-gradient(ellipse 50% 40% at 18% 0%, color-mix(in srgb, var(--brand) 30%, transparent), transparent 60%), radial-gradient(ellipse 45% 35% at 90% 22%, color-mix(in srgb, var(--blue-glow) 22%, transparent), transparent 55%);position:absolute;inset:0}.l5-game__header,.l5-game__main{z-index:1;max-width:900px;margin:0 auto;position:relative}.l5-game__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.l5-game__back,.l5-game__secondary{color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);transition:color var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;display:inline-flex}.l5-game__back:hover,.l5-game__secondary:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--brand) 45%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--brand) 20%, transparent)}.l5-game__brand{font-family:var(--font-display);align-items:center;gap:8px;font-size:1.35rem;font-weight:700;display:flex}.l5-game__brand svg{color:var(--cyan-bright)}.l5-game__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--purple-electric);margin-bottom:8px;font-size:.8rem}.l5-game__main h1{font-family:var(--font-display);margin-bottom:10px;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:600}.l5-game__main h1 span{color:var(--violet-soft);margin-inline-start:8px;font-size:.68em}.l5-game__lead{color:var(--text-secondary);margin-bottom:28px;font-weight:300;line-height:1.5}.l5-game__panel{background:var(--glass-bg);border:1px solid color-mix(in srgb, var(--blue-glow) 28%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 50px color-mix(in srgb, var(--navy-deep) 40%, transparent), 0 0 40px color-mix(in srgb, var(--brand) 10%, transparent);border-radius:24px;padding:clamp(20px,3vw,28px)}.l5-game__arabic{background:color-mix(in srgb, var(--brand) 12%, transparent);border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);text-align:right;border-radius:16px;margin-bottom:18px;padding:16px 18px}.l5-game__arabic h3{color:var(--violet-soft);margin-bottom:10px;font-size:1rem}.l5-game__arabic p{color:var(--violet-soft);margin-bottom:8px;font-size:.96rem;line-height:1.7}.l5-game__arabic p:last-child{margin-bottom:0}.l5-game__cta{color:var(--text-primary);background:var(--hero-cta);box-shadow:0 0 28px color-mix(in srgb, var(--brand) 40%, transparent);transition:transform var(--transition), filter var(--transition);border-radius:14px;justify-content:center;align-items:center;padding:14px 26px;font-size:.92rem;font-weight:600;display:inline-flex}.l5-game__cta:hover{filter:brightness(1.06);transform:translateY(-2px)}.l5-game__progress{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:18px;font-size:.85rem;display:flex}.l5-game__progress-track{background:var(--glass-bg);border-radius:999px;flex:1;height:8px;overflow:hidden}.l5-game__progress-fill{border-radius:inherit;background:var(--cta-gradient);height:100%;transition:width .35s}.l5-game__prompt{margin-bottom:6px;font-size:1.02rem;font-weight:500}.l5-game__prompt-ar{color:var(--text-muted);margin-bottom:14px;font-size:.9rem}.l5-game__slots{background:color-mix(in srgb, var(--navy) 55%, transparent);border:1px dashed color-mix(in srgb, var(--blue-glow) 35%, transparent);border-radius:16px;flex-wrap:wrap;gap:8px;min-height:64px;margin-bottom:18px;padding:14px;display:flex}.l5-game__slot{min-width:70px;min-height:42px;color:var(--text-primary);background:color-mix(in srgb, var(--brand) 18%, transparent);border:1px solid color-mix(in srgb, var(--brand) 40%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--brand) 20%, transparent);border-radius:10px;justify-content:center;align-items:center;padding:8px 12px;font-size:.9rem;font-weight:500;animation:.25s l5-pop;display:inline-flex}.l5-game__slot--empty{color:var(--text-muted);background:var(--glass-bg);border-style:dashed;border-color:var(--glass-border-soft);box-shadow:none;animation:none}.l5-game__slot--clickable{cursor:pointer;font:inherit;transition:transform .2s,filter .2s}.l5-game__slot--clickable:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.l5-game__chip--up{opacity:.35;border-style:dashed;transform:scale(.96)}.l5-game__answer-center{text-align:center;background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:140px;margin:8px 0 18px;padding:28px 22px;animation:.35s l5-pop;display:flex}.l5-game__answer-center__label{color:var(--accent);margin:0;font-size:.95rem;font-weight:600}.l5-game__answer-center__value{color:var(--text-primary);text-align:center;direction:ltr;margin:0;font-size:clamp(1.15rem,3.2vw,1.45rem);font-weight:600;line-height:1.5}.l5-game__answer-center .l5-game__cta{width:min(100%,220px);margin-top:4px}.l5-game__bank{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.l5-game__chip{color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:12px;padding:12px 14px;font-size:.92rem;font-weight:500;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.l5-game__chip:hover:not(:disabled){border-color:color-mix(in srgb, var(--cyan) 55%, transparent);background:color-mix(in srgb, var(--cyan) 12%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--cyan) 25%, transparent);transform:translateY(-2px)scale(1.02)}.l5-game__chip:disabled{opacity:.35;cursor:default}.l5-game__chip--wrong{border-color:color-mix(in srgb, var(--danger) 70%, transparent);background:color-mix(in srgb, var(--danger) 14%, transparent);animation:.45s l5-shake}.l5-game__chip--correct{border-color:color-mix(in srgb, var(--success) 65%, transparent);background:color-mix(in srgb, var(--success) 16%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--success) 25%, transparent)}.l5-game__path-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.l5-game__path-row--stack{grid-template-columns:1fr}.l5-game__path{text-align:center;color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:16px;padding:18px 14px;font-weight:600;transition:transform .2s,border-color .2s,box-shadow .2s}.l5-game__path:hover:not(:disabled){border-color:color-mix(in srgb, var(--blue-glow) 55%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--blue-glow) 25%, transparent);transform:translateY(-2px)}.l5-game__path--active{border-color:color-mix(in srgb, var(--blue-glow) 70%, transparent);background:color-mix(in srgb, var(--blue-glow) 18%, transparent);box-shadow:0 0 22px color-mix(in srgb, var(--blue-glow) 30%, transparent)}.l5-game__sentence{text-align:center;background:color-mix(in srgb, var(--navy) 55%, transparent);border:1px solid color-mix(in srgb, var(--blue-glow) 22%, transparent);border-radius:16px;margin-bottom:16px;padding:18px 16px;font-size:clamp(1.05rem,2.4vw,1.25rem);line-height:1.45}.l5-game__success-center{text-align:center;letter-spacing:.02em;min-height:120px;color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent);border:1px solid color-mix(in srgb, var(--success) 40%, transparent);border-radius:18px;justify-content:center;align-items:center;margin:8px 0 18px;padding:28px 20px;font-size:clamp(1.75rem,5vw,2.35rem);font-weight:700;animation:.35s l5-pop;display:flex}.l5-game__feedback{color:var(--text-secondary);border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:.9rem}.l5-game__feedback--correct{background:color-mix(in srgb, var(--success) 12%, transparent);border:1px solid color-mix(in srgb, var(--success) 35%, transparent)}.l5-game__feedback--wrong{background:color-mix(in srgb, var(--danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent)}.l5-game__tools{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.l5-game__tip-btn,.l5-game__reset{color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;display:inline-flex}.l5-game__tip-btn:hover,.l5-game__reset:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--brand) 40%, transparent)}.l5-game__look{background:color-mix(in srgb, var(--brand) 10%, transparent);border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);border-radius:16px;margin-top:14px;padding:16px 18px}.l5-game__look strong{color:var(--violet-soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;display:inline-block}.l5-game__look ul{color:var(--text-secondary);gap:4px;font-size:.88rem;list-style:none;display:grid}.l5-game__spell-card{text-align:center;background:color-mix(in srgb, var(--navy) 55%, transparent);border:1px solid color-mix(in srgb, var(--blue-glow) 28%, transparent);box-shadow:0 0 30px color-mix(in srgb, var(--brand) 12%, transparent);border-radius:20px;margin-bottom:18px;padding:36px 20px}.l5-game__spell-word{font-family:var(--font-display);letter-spacing:.04em;font-size:clamp(2rem,5vw,2.8rem);font-weight:600}.l5-game__spell-actions{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.l5-game__spell-actions--stack{grid-template-columns:1fr}.l5-game__spell-btn{min-height:52px;color:var(--text-primary);border:1px solid var(--glass-border-soft);background:var(--glass-bg);border-radius:14px;font-weight:600;transition:transform .2s,border-color .2s,background .2s}.l5-game__spell-btn:hover:not(:disabled){transform:translateY(-2px)}.l5-game__spell-btn--ok:hover:not(:disabled){border-color:color-mix(in srgb, var(--success) 60%, transparent);background:color-mix(in srgb, var(--success) 16%, transparent)}.l5-game__spell-btn--fix:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 60%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.l5-game__spell-btn--pending{border-color:color-mix(in srgb, var(--cyan-bright) 75%, transparent);background:color-mix(in srgb, var(--blue-glow) 22%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--cyan-bright) 25%, transparent);transform:translateY(-2px)}.l5-game__spell-btn--chosen-ok{border-color:color-mix(in srgb, var(--success) 75%, transparent);background:color-mix(in srgb, var(--success) 22%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--success) 28%, transparent)}.l5-game__spell-card--ok{border-color:color-mix(in srgb, var(--success) 45%, transparent);box-shadow:0 0 30px color-mix(in srgb, var(--success) 18%, transparent)}.l5-game__done{text-align:center;padding-block:40px}.l5-game__done-icon{color:var(--success);filter:drop-shadow(0 0 16px color-mix(in srgb, var(--success) 45%, transparent));margin-bottom:12px}.l5-game__done h2{font-family:var(--font-display);margin-bottom:8px;font-size:2rem}.l5-game__done p{color:var(--text-secondary);margin-bottom:24px;font-size:1.05rem;font-weight:300;line-height:1.7}.l5-game__done strong{color:var(--text-primary)}.l5-game__done-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@keyframes l5-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes l5-pop{0%{opacity:.5;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (width<=700px){.l5-game{padding:16px 14px 28px}.l5-game__header{flex-direction:column;align-items:stretch;gap:12px}.l5-game__back,.l5-game__cta,.l5-game__secondary{justify-content:center;width:100%;min-height:48px}.l5-game__brand,.l5-game__main h1,.l5-game__eyebrow,.l5-game__lead{text-align:center}.l5-game__path-row,.l5-game__spell-actions,.l5-game__done-actions{flex-direction:column;grid-template-columns:1fr}.l5-game__panel{padding:18px 14px}}.word-sort__opt-ar{opacity:.75;margin-top:4px;font-size:.78em;font-weight:500;display:block}.word-sort__continue{border:1px solid var(--glass-border-soft);background:var(--glass-bg);width:100%;min-height:52px;color:color-mix(in srgb, var(--text-primary) 28%, transparent);font-family:var(--font-display);letter-spacing:.04em;cursor:not-allowed;border-radius:16px;justify-content:center;align-items:center;margin:4px 0 18px;font-size:1.15rem;font-weight:600;transition:color .25s,background .25s,border-color .25s,box-shadow .25s,transform .2s;display:flex}.word-sort__continue--ready{cursor:pointer;color:var(--accent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 28%, transparent), color-mix(in srgb, var(--brand) 22%, transparent));border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 22px color-mix(in srgb, var(--accent) 22%, transparent), 0 8px 24px #0003}.word-sort__continue--ready:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent) 75%, transparent);transform:translateY(-1px)}.word-sort__continue--ready:active{transform:translateY(0)}.word-sort__perfect-banner{max-width:420px;color:var(--text-primary);background:linear-gradient(120deg, color-mix(in srgb, var(--success) 20%, transparent), color-mix(in srgb, var(--accent) 16%, transparent));border:1px solid color-mix(in srgb, var(--success) 40%, transparent);box-shadow:0 0 28px color-mix(in srgb, var(--success) 16%, transparent);border-radius:16px;align-items:center;gap:12px;margin:0 auto 14px;padding:12px 16px;animation:.55s cubic-bezier(.22,1,.36,1) both word-sort-perfect-banner;display:flex}.word-sort__perfect-banner strong{font-family:var(--font-display);font-size:1.05rem;display:block}.word-sort__perfect-banner span{color:color-mix(in srgb, var(--success) 85%, transparent);margin-top:2px;font-size:.82rem;display:block}@keyframes word-sort-perfect-banner{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.word-sort__streak{z-index:40;text-align:center;color:var(--text-primary);background:linear-gradient(135deg, color-mix(in srgb, var(--success) 22%, transparent), color-mix(in srgb, var(--blue-glow) 20%, transparent));border:1px solid color-mix(in srgb, var(--success) 45%, transparent);box-shadow:0 12px 36px color-mix(in srgb, var(--navy-deep) 45%, transparent), 0 0 28px color-mix(in srgb, var(--success) 18%, transparent);pointer-events:none;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:14px 22px;animation:.45s both word-sort-streak-in;display:flex;position:fixed;bottom:clamp(28px,8vh,72px);left:50%;transform:translate(-50%)}.word-sort__streak-label{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--success) 90%, transparent);font-size:.72rem}.word-sort__streak-text{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:600}.word-sort__done-title{font-family:var(--font-display);margin-bottom:6px;font-size:clamp(1.7rem,4vw,2.15rem)}.word-sort__done-sub{max-width:28rem;color:var(--text-secondary);margin:0 auto 22px;font-size:1rem;font-weight:300;line-height:1.7}.word-sort__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:420px;margin:0 auto 26px;display:grid}.word-sort__stat{background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:14px;padding:12px 10px}.word-sort__stat-value{font-family:var(--font-display);color:var(--text-primary);margin-bottom:2px;font-size:1.35rem;font-weight:600;display:block}.word-sort__stat-label{color:var(--text-secondary);font-size:.78rem;display:block}@keyframes word-sort-streak-in{0%{opacity:0;transform:translate(-50%)translateY(14px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@media (width<=640px){.word-sort__stats{gap:8px}.word-sort__stat-value{font-size:1.15rem}}.p1-shell{z-index:5;box-sizing:border-box;overscroll-behavior:none;height:100dvh;max-height:100dvh;padding:calc(8px + env(safe-area-inset-top,0px)) 16px calc(10px + env(safe-area-inset-bottom,0px));color:#4a2c5a;-webkit-user-select:none;user-select:none;background:linear-gradient(165deg,#ffe8f4 0%,#e7f7ff 50%,#fff6d4 100%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.p1-top{flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.p1-back{color:#4a2c5a;background:#fff;border-radius:999px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 5px #f3c6de}.p1-back:active{transform:translateY(3px);box-shadow:0 2px #f3c6de}.p1-candies{align-items:center;gap:10px;display:flex}.p1-candy{background:#ffffffd9;border-radius:999px;width:22px;height:22px;box-shadow:inset 0 -3px #4a2c5a1f}.p1-candy--active{background:#ffb703;animation:1.1s ease-in-out infinite p1-candy;box-shadow:0 0 0 6px #ffb70347}.p1-candy--done{background:#69db7c;box-shadow:inset 0 -3px #2b8a3e}.p1-stage{flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.p1-actions{flex:none;justify-content:space-between;align-items:center;width:min(100%,520px);margin:0 auto;padding-top:8px;display:flex}.p1-card{box-sizing:border-box;background:#fff;border-radius:36px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:min(78vw,320px);height:min(100%,390px);max-height:100%;padding:16px 16px 18px;display:flex;transform:perspective(700px)rotateX(7deg);box-shadow:0 14px #f3c6de,0 22px 36px #5a28501f}.p1-card:active{animation:.42s p1-wiggle}.p1-letter{font-family:var(--font-body);color:#ff4d8d;font-size:clamp(2.6rem,9dvh,3.6rem);font-weight:700;line-height:.9}.p1-photo{object-fit:contain;pointer-events:none;width:min(52vw,210px);height:min(30dvh,210px)}.p1-speaker,.p1-next{color:#fff;border-radius:999px;place-items:center;display:grid}.p1-speaker{background:#ff6b9a;width:84px;height:84px;box-shadow:0 8px #e64980}.p1-speaker.is-hot{animation:1.15s ease-in-out infinite p1-speaker}.p1-speaker:active{transform:translateY(4px);box-shadow:0 4px #e64980}.p1-next{opacity:.38;background:linear-gradient(145deg,#74c0fc,#748ffc);width:76px;height:76px;box-shadow:0 8px #4c6ef5}.p1-next.is-ready{opacity:1;animation:1s ease-in-out infinite p1-nudge}.p1-next:active:not(:disabled){transform:translateY(4px);box-shadow:0 4px #4c6ef5}.p1-next:disabled{cursor:default}.p1-bubbles{flex-direction:column;flex:auto;justify-content:center;gap:14px;width:min(100%,460px);min-height:0;max-height:100%;display:flex;position:relative}.p1-bubbles--three{gap:8px}.p1-bubble{border-radius:999px;flex:1 1 0;place-items:center;width:100%;min-height:0;max-height:34dvh;padding:10px;display:grid;overflow:hidden}.p1-bubbles--three .p1-bubble{max-height:none;padding:4px 8px}.p1-bubble img{object-fit:contain;pointer-events:none;width:auto;max-width:46%;height:72%}.p1-bubble--pink{background:#ffd0e3;box-shadow:0 8px #f3a6c4}.p1-bubble--blue{background:#c9ecff;box-shadow:0 8px #8ed4f5}.p1-bubble--sun{background:#fff3bf;box-shadow:0 8px #ffd43b}.p1-bubbles--three .p1-bubble--pink{box-shadow:0 5px #f3a6c4}.p1-bubbles--three .p1-bubble--blue{box-shadow:0 5px #8ed4f5}.p1-bubbles--three .p1-bubble--sun{box-shadow:0 5px #ffd43b}.p1-bubble:active:not(:disabled){transform:translateY(4px)}.p1-bubble--pink:active:not(:disabled){box-shadow:0 4px #f3a6c4}.p1-bubble--blue:active:not(:disabled){box-shadow:0 4px #8ed4f5}.p1-bubble--sun:active:not(:disabled){box-shadow:0 4px #ffd43b}.p1-bubble.is-shake{animation:.42s p1-shake}.p1-bubble.is-pop{animation:.48s forwards p1-pop}.p1-bubble.is-dim{opacity:.35}.p1-done{position:relative}.p1-trace{touch-action:none;flex:auto;align-self:stretch;width:100%;min-height:0;max-height:100%;position:relative}.p1-trace__board{touch-action:none;width:100%;height:100%;display:block}.p1-trace__guide,.p1-trace__glow,.p1-trace__ink{fill:none;stroke-linecap:round;stroke-linejoin:round}.p1-trace__guide{stroke:#f3b6d0;stroke-width:28px}.p1-trace__glow{stroke:#ff4d8d;stroke-width:18px;filter:drop-shadow(0 0 6px #ff4d8dd9)}.p1-trace__ink{stroke:#fff;stroke-width:7px}.p1-trace__dot{fill:#fff;stroke:#ff8ab8;stroke-width:3px}.p1-trace__dot--next{fill:#ffb703;stroke:#fff;stroke-width:4px;transform-box:fill-box;transform-origin:50%;animation:1s ease-in-out infinite p1-candy}.p1-stars{pointer-events:none;position:absolute;inset:0;overflow:hidden}.p1-star{background:#ffd43b;border-radius:4px;width:12px;height:12px;margin-left:-6px;animation:.9s ease-out forwards p1-float;position:absolute;top:62%;left:50%}.p1-star:first-child{--dx:-70px;--dy:-120px;background:#ff6b9a;animation-delay:0s}.p1-star:nth-child(2){--dx:-20px;--dy:-150px;background:#ffd43b;animation-delay:40ms}.p1-star:nth-child(3){--dx:40px;--dy:-130px;background:#74c0fc;animation-delay:20ms}.p1-star:nth-child(4){--dx:90px;--dy:-100px;background:#69db7c;animation-delay:60ms}.p1-star:nth-child(5){--dx:-100px;--dy:-70px;background:#ff922b;animation-delay:30ms}.p1-star:nth-child(6){--dx:110px;--dy:-60px;background:#da77f2;animation-delay:50ms}.p1-star:nth-child(7){--dx:10px;--dy:-90px;background:#ffe066;animation-delay:10ms}.p1-star:nth-child(8){--dx:-40px;--dy:-40px;background:#ff8787;animation-delay:70ms}@keyframes p1-candy{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes p1-speaker{0%,to{transform:scale(1);box-shadow:0 8px #e64980,0 0 #ff6b9a73}50%{transform:scale(1.06);box-shadow:0 8px #e64980,0 0 0 14px #ff6b9a00}}@keyframes p1-nudge{0%,to{transform:translate(0)}50%{transform:translate(7px)}}@keyframes p1-wiggle{0%{transform:perspective(700px)rotateX(7deg)rotate(0)}30%{transform:perspective(700px)rotateX(7deg)rotate(-5deg)scale(1.03)}60%{transform:perspective(700px)rotateX(7deg)rotate(4deg)}to{transform:perspective(700px)rotateX(7deg)rotate(0)}}@keyframes p1-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}}@keyframes p1-pop{35%{transform:scale(1.08)}to{opacity:0;transform:scale(.45)}}@keyframes p1-float{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.6) rotate(40deg)}}@media (height<=560px){.p1-speaker{width:64px;height:64px}.p1-next{width:60px;height:60px}.p1-back{width:44px;height:44px}.p1-letter{font-size:2.2rem}.p1-photo{height:min(24dvh,140px)}.p1-card{height:min(100%,280px);padding:10px}.p1-bubbles--three{gap:6px}}.p1-back:focus-visible,.p1-speaker:focus-visible,.p1-next:focus-visible,.p1-bubble:focus-visible{outline-offset:3px;outline:3px solid #4c6ef5}@media (prefers-reduced-motion:reduce){.p1-candy--active,.p1-speaker.is-hot,.p1-next.is-ready,.p1-card:active,.p1-bubble.is-shake,.p1-bubble.is-pop,.p1-star,.p1-trace__dot--next{animation:none}}