:root,[data-theme=light]{--violet-25: #fbf9ff;--violet-50: #f7f1ff;--violet-100: #eee7ff;--violet-200: #dfd4ff;--violet-300: #c9b9ff;--violet-400: #b09aff;--violet-500: #947ff4;--violet-600: #7a63e0;--violet-700: #6249c2;--violet-800: #4a3596;--violet-900: #352468;--plum-25: #fbfafc;--plum-50: #f5f3f8;--plum-100: #eae6f0;--plum-200: #d6cfe0;--plum-300: #b6abc6;--plum-400: #9a8caf;--plum-500: #6c5d82;--plum-600: #534568;--plum-700: #3e3152;--plum-800: #30223f;--plum-900: #24143b;--coral-25: #fff9f6;--coral-50: #fff2ec;--coral-100: #ffe3d6;--coral-200: #ffc9b1;--coral-300: #ffb18d;--coral-400: #ff9969;--coral-500: #f57d47;--coral-600: #d9622f;--coral-700: #b04b22;--coral-800: #86391b;--coral-900: #622a15;--night-25: #f4f1fa;--night-50: #e6e0f2;--night-100: #c9bfe0;--night-200: #9e90bf;--night-300: #74659a;--night-400: #524377;--night-500: #3a2d5c;--night-600: #2a1f47;--night-700: #1f1638;--night-800: #170f2b;--night-900: #100a1f;--sand-25: #faf9f7;--sand-50: #f2f1ed;--sand-100: #e8e6e0;--sand-200: #d9d6ce;--sand-300: #c2beb3;--sand-400: #a29d90;--sand-500: #827d70;--sand-600: #666256;--sand-700: #4d4a41;--sand-800: #35332d;--sand-900: #22211d;--green-25: #f5fdf8;--green-50: #e9f9f0;--green-100: #cdf1dc;--green-200: #9fe3bd;--green-300: #68cf97;--green-400: #3bb877;--green-500: #239e60;--green-600: #1a7f4d;--green-700: #16643e;--green-800: #134e32;--green-900: #0f3b27;--red-25: #fff8f8;--red-50: #feefef;--red-100: #fcd9d9;--red-200: #f8b4b4;--red-300: #f18585;--red-400: #e65a5a;--red-500: #d43b3b;--red-600: #b42c2c;--red-700: #902424;--red-800: #6f1e1e;--red-900: #521818;--amber-25: #fffcf3;--amber-50: #fff7e0;--amber-100: #feebb3;--amber-200: #fdd97a;--amber-300: #fbc444;--amber-400: #f2ac1b;--amber-500: #d98f0b;--amber-600: #b37108;--amber-700: #8c580a;--amber-800: #6b440c;--amber-900: #4f330c;--primary: var(--violet-500);--primary-hover: var(--violet-600);--primary-active: var(--violet-700);--primary-subtle: var(--violet-50);--accent: var(--coral-400);--accent-hover: var(--coral-500);--accent-subtle: var(--coral-50);--background: var(--sand-50);--background-deep: var(--violet-25);--glow-primary: var(--violet-400);--glow-secondary: var(--violet-200);--glow-accent: var(--coral-300);--surface: var(--sand-25);--surface-elevated: var(--violet-25);--surface-brand: var(--violet-50);--surface-inverse: var(--plum-900);--text-primary: var(--plum-900);--text-secondary: var(--plum-600);--text-tertiary: var(--plum-500);--text-inverse: var(--sand-25);--text-on-primary: var(--plum-900);--text-link: var(--violet-700);--border: var(--sand-200);--border-strong: var(--plum-300);--border-focus: var(--violet-600);--success: var(--green-600);--success-bg: var(--green-50);--error: var(--red-600);--error-bg: var(--red-50);--warning: var(--amber-700);--warning-bg: var(--amber-50);--glass-1: rgba(255,255,255,.55);--glass-2: rgba(255,255,255,.68);--glass-3: rgba(255,255,255,.82);--glass-border: rgba(255,255,255,.85);--glass-edge-light: rgba(255,255,255,.9);--glass-tint: rgba(176,154,255,.16);--glow-orb-violet: rgba(176,154,255,.55);--glow-orb-coral: rgba(255,153,105,.35)}[data-theme=dark]{--primary: var(--violet-400);--primary-hover: var(--violet-300);--primary-active: var(--violet-200);--primary-subtle: var(--violet-900);--accent-hover: var(--coral-300);--accent-subtle: var(--coral-900);--background: var(--plum-900);--background-deep: var(--night-900);--glow-primary: var(--violet-500);--glow-secondary: var(--violet-700);--glow-accent: var(--coral-400);--surface: var(--plum-800);--surface-elevated: var(--plum-700);--surface-brand: var(--violet-900);--surface-inverse: var(--sand-50);--text-primary: var(--sand-25);--text-secondary: var(--plum-300);--text-tertiary: var(--plum-400);--text-inverse: var(--plum-900);--text-link: var(--violet-300);--border: var(--plum-700);--border-strong: var(--plum-500);--border-focus: var(--violet-300);--success: var(--green-400);--success-bg: var(--green-900);--error: var(--red-300);--error-bg: var(--red-900);--warning: var(--amber-300);--warning-bg: var(--amber-900);--glass-1: rgba(255,255,255,.05);--glass-2: rgba(255,255,255,.08);--glass-3: rgba(255,255,255,.13);--glass-border: rgba(255,255,255,.14);--glass-edge-light: rgba(255,255,255,.22);--glass-tint: rgba(148,127,244,.14);--glow-orb-violet: rgba(148,127,244,.55);--glow-orb-coral: rgba(255,153,105,.38)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-full: 9999px;--shadow-sm: 0 2px 6px -1px rgba(36,20,59,.08);--shadow-md: 0 8px 20px -6px rgba(36,20,59,.12);--shadow-lg: 0 16px 36px -12px rgba(36,20,59,.16);--shadow-glow-primary: 0 10px 30px -6px rgba(148,127,244,.45);--shadow-glow-accent: 0 10px 30px -6px rgba(255,153,105,.45);--shadow-glass: 0 24px 60px -24px rgba(16,10,31,.35), inset 0 1px 0 rgba(255,255,255,.22);--shadow-glow-ring: 0 0 0 1px rgba(176,154,255,.5), 0 0 40px rgba(148,127,244,.45);--blur-glass-1: 16px;--blur-glass-2: 28px;--blur-glass-3: 44px;--blur-orb: 120px;--font-sans: "DM Sans", system-ui, sans-serif;--font-arabic: "Noto Kufi Arabic", Tahoma, sans-serif}.px-root,.px-root *{box-sizing:border-box}.px-root{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased}.px-ar{font-family:var(--font-arabic);direction:rtl;letter-spacing:0!important}.px-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.px-ic{width:20px;height:20px;flex:none;display:inline-block}.px-ic-sm{width:16px;height:16px}.px-ic-lg{width:24px;height:24px}.px-ground{position:relative;overflow:hidden;background:var(--background-deep);isolation:isolate}.px-ground:before,.px-ground:after{content:"";position:absolute;border-radius:50%;filter:blur(var(--blur-orb));z-index:-1;pointer-events:none}.px-ground:before{width:60%;aspect-ratio:1;left:-15%;top:-25%;background:var(--glow-orb-violet);animation:px-drift 26s ease-in-out infinite alternate}.px-ground:after{width:32%;aspect-ratio:1;right:-6%;bottom:-12%;background:var(--glow-orb-coral);animation:px-drift 20s ease-in-out infinite alternate-reverse}@keyframes px-drift{to{transform:translate(12%,10%) scale(1.12)}}.px-glass,.px-glass-1,.px-glass-3{position:relative;border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass)}.px-glass{background:var(--glass-2);backdrop-filter:blur(var(--blur-glass-2)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur-glass-2)) saturate(140%)}.px-glass-1{background:var(--glass-1);backdrop-filter:blur(var(--blur-glass-1)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur-glass-1)) saturate(140%)}.px-glass-3{background:var(--glass-3);backdrop-filter:blur(var(--blur-glass-3)) saturate(150%);-webkit-backdrop-filter:blur(var(--blur-glass-3)) saturate(150%)}.px-glow{box-shadow:var(--shadow-glass),var(--shadow-glow-ring)}.px-btn{--h: 44px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--h);padding:0 20px;border:1px solid transparent;border-radius:var(--radius-md);font:600 15px/1 var(--font-sans);color:var(--text-primary);background:transparent;cursor:pointer;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background .2s,box-shadow .2s,transform .12s,opacity .2s}.px-btn:active{transform:scale(.97)}.px-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.px-btn-sm{--h: 36px;padding:0 14px;font-size:14px;border-radius:var(--radius-sm)}.px-btn-lg{--h: 56px;padding:0 28px;font-size:17px}.px-btn-icon{width:var(--h);padding:0}.px-btn-block{width:100%}.px-btn-primary{background:var(--primary);color:var(--text-on-primary);box-shadow:var(--shadow-glow-primary),inset 0 1px #ffffff59}.px-btn-primary:hover{background:var(--primary-hover)}.px-btn-accent{background:var(--accent);color:var(--text-on-primary);box-shadow:var(--shadow-glow-accent),inset 0 1px #fff6}.px-btn-accent:hover{background:var(--accent-hover)}.px-btn-glass{background:var(--glass-2);border-color:var(--glass-border);backdrop-filter:blur(var(--blur-glass-1));-webkit-backdrop-filter:blur(var(--blur-glass-1));box-shadow:inset 0 1px 0 var(--glass-edge-light)}.px-btn-glass:hover{background:var(--glass-3)}.px-btn-ghost{color:var(--text-link)}.px-btn-ghost:hover{background:var(--glass-tint)}.px-btn-danger{background:var(--error);color:var(--text-inverse)}.px-btn[disabled],.px-btn[aria-disabled=true]{opacity:.4;pointer-events:none;box-shadow:none}.px-btn[aria-busy=true]{color:transparent!important;pointer-events:none}.px-btn[aria-busy=true]:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-color:var(--text-on-primary) var(--text-on-primary) transparent transparent;animation:px-spin .7s linear infinite}.px-btn-glass[aria-busy=true]:after,.px-btn-ghost[aria-busy=true]:after{border-color:var(--text-primary) var(--text-primary) transparent transparent}.px-btn-group{display:inline-flex;padding:4px;gap:4px;border-radius:var(--radius-md);background:var(--glass-1);border:1px solid var(--glass-border)}.px-field{display:flex;flex-direction:column;gap:6px;min-width:0}.px-label{font-size:14px;font-weight:600;color:var(--text-primary)}.px-hint{font-size:13px;color:var(--text-tertiary)}.px-field.is-error .px-hint{color:var(--error)}.px-control{position:relative;display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:var(--radius-sm);background:var(--glass-1);border:1px solid var(--glass-border);backdrop-filter:blur(var(--blur-glass-1));-webkit-backdrop-filter:blur(var(--blur-glass-1));transition:border-color .2s,box-shadow .2s,background .2s}.px-control:hover{border-color:var(--border-strong)}.px-control:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-glow-ring);background:var(--glass-2)}.px-field.is-error .px-control{border-color:var(--error)}.px-field.is-success .px-control{border-color:var(--success)}.px-control input,.px-control select,.px-control textarea{all:unset;flex:1;min-width:0;font:400 15px/1.4 var(--font-sans);color:var(--text-primary)}.px-control input::placeholder,.px-control textarea::placeholder{color:var(--text-tertiary)}.px-control .px-ic{color:var(--text-tertiary)}.px-control-area{height:auto;align-items:flex-start;padding:12px 14px}.px-control-area textarea{min-height:84px;resize:vertical}.px-control select{cursor:pointer}.px-control select option{color:#24143b}.px-control-select:after{content:"";position:absolute;right:16px;width:8px;height:8px;border-right:2px solid var(--text-tertiary);border-bottom:2px solid var(--text-tertiary);transform:translateY(-2px) rotate(45deg);pointer-events:none}.px-stepper{display:inline-flex;align-items:center;height:46px;border-radius:var(--radius-sm);background:var(--glass-1);border:1px solid var(--glass-border);overflow:hidden}.px-stepper button{all:unset;width:44px;height:100%;display:grid;place-items:center;cursor:pointer;font-size:20px;color:var(--text-secondary)}.px-stepper button:hover{background:var(--glass-tint);color:var(--text-primary)}.px-stepper button:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.px-stepper output{min-width:64px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.px-check,.px-radio{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:15px}.px-check input,.px-radio input,.px-switch input{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;flex:none;cursor:pointer;display:grid;place-items:center;transition:background .2s,border-color .2s,box-shadow .2s}.px-check input{width:22px;height:22px;border-radius:var(--radius-xs);border:1.5px solid var(--border-strong);background:var(--glass-1)}.px-check input:after{content:"";width:6px;height:11px;border:solid var(--text-on-primary);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);margin-top:-2px;transition:transform .15s}.px-check input:checked{background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-glow-primary)}.px-check input:checked:after{transform:rotate(45deg) scale(1)}.px-radio input{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--glass-1)}.px-radio input:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--text-on-primary);transform:scale(0);transition:transform .15s}.px-radio input:checked{background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-glow-primary)}.px-radio input:checked:after{transform:scale(1)}.px-switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-size:15px}.px-switch input{width:48px;height:28px;border-radius:999px;background:var(--glass-2);border:1px solid var(--glass-border);position:relative}.px-switch input:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:var(--violet-50);box-shadow:0 2px 6px #100a1f4d;transition:transform .25s cubic-bezier(.3,1.4,.5,1)}.px-switch input:checked{background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-glow-primary)}.px-switch input:checked:after{transform:translate(20px)}.px-check input:focus-visible,.px-radio input:focus-visible,.px-switch input:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.px-check input:disabled,.px-radio input:disabled,.px-switch input:disabled{opacity:.4;cursor:not-allowed}.px-segment{display:inline-flex;padding:4px;gap:4px;border-radius:var(--radius-md);background:var(--glass-1);border:1px solid var(--glass-border)}.px-segment button{all:unset;cursor:pointer;padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--text-secondary);transition:background .2s,color .2s}.px-segment button[aria-pressed=true]{background:var(--glass-3);color:var(--text-primary);box-shadow:inset 0 1px 0 var(--glass-edge-light),0 4px 12px -6px #100a1f66}.px-segment button:focus-visible{outline:2px solid var(--border-focus)}.px-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-1);font:500 14px/1 var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all .2s}.px-chip:hover{color:var(--text-primary);background:var(--glass-2)}.px-chip[aria-pressed=true]{background:var(--glass-tint);color:var(--text-primary);border-color:var(--primary);box-shadow:0 0 18px -4px var(--primary)}.px-chip:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.px-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:32px;background:transparent;--p: 50%}.px-range::-webkit-slider-runnable-track{height:6px;border-radius:9px;background:linear-gradient(90deg,var(--primary) var(--p),var(--glass-border) var(--p))}.px-range::-moz-range-track{height:6px;border-radius:9px;background:var(--glass-border)}.px-range::-moz-range-progress{height:6px;border-radius:9px;background:var(--primary)}.px-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--violet-50);margin-top:-8px;box-shadow:var(--shadow-glow-ring)}.px-range::-moz-range-thumb{width:22px;height:22px;border:none;border-radius:50%;background:var(--violet-50);box-shadow:var(--shadow-glow-ring)}.px-range:focus-visible{outline:2px solid var(--border-focus);outline-offset:4px;border-radius:8px}.px-option{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:var(--radius-md);background:var(--glass-1);border:1px solid var(--glass-border);cursor:pointer;font-size:15px;transition:all .2s}.px-option:hover{background:var(--glass-2);border-color:var(--border-strong)}.px-option:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.px-option .px-key{flex:none;width:30px;height:30px;border-radius:var(--radius-xs);display:grid;place-items:center;font-weight:700;font-size:13px;background:var(--glass-2);border:1px solid var(--glass-border)}.px-option[aria-pressed=true]{border-color:var(--primary);background:var(--glass-tint);box-shadow:var(--shadow-glow-ring)}.px-option.is-correct{border-color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}.px-option.is-correct .px-key{background:var(--success);color:var(--text-inverse);border-color:transparent}.px-option.is-retry{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.px-option.is-retry .px-key{background:var(--accent);color:var(--text-on-primary);border-color:transparent}.px-option .px-state{margin-left:auto;font-size:13px;font-weight:600}.px-option.is-correct .px-state{color:var(--success)}.px-option.is-retry .px-state{color:var(--accent-hover)}.px-tabs{display:flex;gap:4px;border-bottom:1px solid var(--glass-border)}.px-tabs [role=tab]{all:unset;position:relative;cursor:pointer;padding:12px 14px;font-size:14px;font-weight:600;color:var(--text-secondary)}.px-tabs [role=tab]:hover,.px-tabs [role=tab][aria-selected=true]{color:var(--text-primary)}.px-tabs [role=tab][aria-selected=true]:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:3px;background:var(--primary);box-shadow:0 0 12px var(--primary)}.px-tabs [role=tab]:focus-visible{outline:2px solid var(--border-focus);border-radius:8px}.px-tabpanel{padding:16px 2px 2px;font-size:15px;color:var(--text-secondary)}.px-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--text-tertiary);list-style:none;padding:0;margin:0}.px-breadcrumb a{color:var(--text-secondary);text-decoration:none}.px-breadcrumb a:hover{color:var(--text-link)}.px-breadcrumb li+li:before{content:"/";margin-right:8px;opacity:.5}.px-breadcrumb [aria-current]{color:var(--text-primary);font-weight:600}.px-pagination{display:flex;gap:6px;align-items:center}.px-pagination button{all:unset;min-width:38px;height:38px;padding:0 8px;box-sizing:border-box;border-radius:var(--radius-sm);display:grid;place-items:center;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.px-pagination button:hover{background:var(--glass-1);color:var(--text-primary)}.px-pagination button[aria-current=page]{background:var(--primary);color:var(--text-on-primary);box-shadow:var(--shadow-glow-primary)}.px-pagination button:focus-visible{outline:2px solid var(--border-focus)}.px-navitem{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:15px;transition:background .2s,color .2s}.px-navitem:hover{background:var(--glass-1);color:var(--text-primary)}.px-navitem[aria-current=page]{background:var(--glass-tint);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--glass-border)}.px-navitem[aria-current=page] .px-ic{color:var(--primary)}.px-navitem .px-count{margin-left:auto;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--accent);color:var(--text-on-primary)}.px-bottomnav{display:flex;justify-content:space-around;padding:8px;border-radius:var(--radius-xl)}.px-bottomnav a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:600;color:var(--text-tertiary);text-decoration:none}.px-bottomnav a[aria-current=page]{color:var(--text-primary);background:var(--glass-tint)}.px-bottomnav a[aria-current=page] .px-ic{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary))}.px-steps{display:flex;gap:6px}.px-steps i{flex:1;height:8px;border-radius:9px;background:var(--glass-border);transition:background .4s,box-shadow .4s}.px-steps i.is-done{background:var(--success);box-shadow:0 0 12px color-mix(in srgb,var(--success) 60%,transparent)}.px-steps i.is-now{background:var(--primary);box-shadow:var(--shadow-glow-primary)}.px-alert{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--glass-border);border-left:4px solid var(--c, var(--primary));background:color-mix(in srgb,var(--c, var(--primary)) 12%,transparent);backdrop-filter:blur(var(--blur-glass-1));-webkit-backdrop-filter:blur(var(--blur-glass-1))}.px-alert .px-ic{color:var(--c, var(--primary));margin-top:2px}.px-alert b{display:block;font-size:15px}.px-alert span{font-size:14px;color:var(--text-secondary);line-height:1.5}.px-alert-ok{--c: var(--success)}.px-alert-retry{--c: var(--accent)}.px-alert-hint{--c: var(--primary)}.px-alert-error{--c: var(--error)}.px-alert-warn{--c: var(--warning)}[dir=rtl] .px-alert,.px-alert[dir=rtl]{border-left:1px solid var(--glass-border);border-right:4px solid var(--c, var(--primary))}.px-badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--glass-tint);color:var(--text-link);border:1px solid var(--glass-border);white-space:nowrap}.px-badge-ok{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.px-badge-accent{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-hover)}.px-badge-solid{background:var(--accent);color:var(--text-on-primary);border-color:transparent}.px-badge-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.px-tooltip{position:relative;display:inline-flex}.px-tooltip [role=tooltip]{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);padding:8px 12px;border-radius:var(--radius-sm);background:var(--surface-inverse);color:var(--text-inverse);font-size:13px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:var(--shadow-lg);z-index:5}.px-tooltip [role=tooltip]:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:var(--surface-inverse)}.px-tooltip:hover [role=tooltip],.px-tooltip:focus-within [role=tooltip]{opacity:1;transform:translate(-50%)}.px-progress{height:10px;border-radius:999px;background:var(--glass-border);overflow:hidden}.px-progress>i{display:block;height:100%;width:var(--v, 0%);border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--violet-300));box-shadow:0 0 14px var(--primary);transition:width .6s cubic-bezier(.2,.8,.2,1)}.px-ring{--v: 0;--size: 72px;width:var(--size);height:var(--size);border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) calc(var(--v) * 1%),var(--glass-border) 0);position:relative;font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--primary) 50%,transparent))}.px-ring:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:var(--background-deep)}.px-ring>span{position:relative}.px-toasts{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;flex-direction:column;gap:10px;align-items:center;z-index:100;pointer-events:none}.px-toast{display:flex;align-items:center;gap:10px;padding:12px 16px 12px 14px;border-radius:999px;font-size:14px;font-weight:600;pointer-events:auto;animation:px-toast-in .4s cubic-bezier(.2,1.4,.4,1)}.px-toast .px-ic{color:var(--c, var(--primary))}.px-toast.is-leaving{animation:px-toast-out .3s ease-in forwards}@keyframes px-toast-in{0%{opacity:0;transform:translateY(16px) scale(.9)}}@keyframes px-toast-out{to{opacity:0;transform:translateY(10px) scale(.95)}}.px-modal{border:none;padding:0;background:transparent;color:var(--text-primary);max-width:min(92vw,480px);width:100%;margin:auto}.px-modal::backdrop{background:#0a061480;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.px-modal[open]{animation:px-pop .35s cubic-bezier(.2,1.3,.4,1)}.px-modal-body{padding:28px;display:flex;flex-direction:column;gap:14px}.px-modal-body h3{margin:0;font-size:22px;letter-spacing:-.02em}.px-modal-body p{margin:0;color:var(--text-secondary);line-height:1.55}.px-modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:6px}@keyframes px-pop{0%{opacity:0;transform:translateY(12px) scale(.95)}}.px-menu{position:relative;display:inline-block}.px-menu [role=menu]{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;padding:6px;display:none;z-index:10}.px-menu.is-open [role=menu]{display:block;animation:px-pop .25s cubic-bezier(.2,1.3,.4,1)}.px-menu [role=menuitem]{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;color:var(--text-primary)}.px-menu [role=menuitem]:hover,.px-menu [role=menuitem]:focus-visible{background:var(--glass-tint)}.px-menu [role=menuitem] .px-ic{color:var(--text-tertiary)}.px-menu hr{border:none;border-top:1px solid var(--glass-border);margin:6px 4px}.px-avatar{--s: 40px;width:var(--s);height:var(--s);border-radius:50%;display:inline-grid;place-items:center;font-weight:700;font-size:calc(var(--s) * .38);color:var(--text-on-primary);background:linear-gradient(135deg,var(--violet-300),var(--violet-500));border:2px solid var(--glass-border);flex:none;position:relative}.px-avatar-coral{background:linear-gradient(135deg,var(--coral-200),var(--coral-400))}.px-avatar-sm{--s: 32px}.px-avatar-lg{--s: 56px}.px-avatar.is-online:after{content:"";position:absolute;right:-1px;bottom:-1px;width:28%;height:28%;border-radius:50%;background:var(--success);border:2px solid var(--background-deep);box-shadow:0 0 8px var(--success)}.px-avatars{display:inline-flex}.px-avatars .px-avatar+.px-avatar{margin-left:-10px}.px-card{padding:22px;display:flex;flex-direction:column;gap:10px;transition:background .25s,transform .25s}.px-card:hover{background:var(--glass-3);transform:translateY(-3px)}.px-card .px-art{width:112px;height:112px;object-fit:contain;margin:-10px 0 0 -8px;filter:drop-shadow(0 16px 22px rgba(16,10,31,.3));transition:transform .4s cubic-bezier(.2,.8,.2,1)}.px-card:hover .px-art{transform:translateY(-6px) rotate(-4deg) scale(1.05)}.px-eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin:0}.px-card h3,.px-card h4{margin:0;font-size:19px;letter-spacing:-.015em}.px-card p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.px-stat{padding:20px;display:flex;flex-direction:column;gap:6px}.px-stat b{font-size:34px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.px-stat span{font-size:13px;color:var(--text-secondary)}.px-stat .px-delta{font-size:12px;font-weight:700;color:var(--success)}.px-list{list-style:none;margin:0;padding:6px;display:flex;flex-direction:column}.px-list li{display:flex;align-items:center;gap:14px;padding:12px;border-radius:var(--radius-md);transition:background .2s}.px-list li:hover{background:var(--glass-1)}.px-list li+li{border-top:1px solid var(--glass-border)}.px-list li:hover+li,.px-list li:hover{border-color:transparent}.px-list .px-thumb{width:48px;height:48px;object-fit:contain;flex:none}.px-list .px-grow{flex:1;min-width:0}.px-list b{display:block;font-size:15px}.px-list small{font-size:13px;color:var(--text-tertiary)}.px-table{width:100%;border-collapse:collapse;font-size:14px}.px-table th{text-align:left;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);padding:12px 14px;border-bottom:1px solid var(--glass-border)}.px-table td{padding:14px;border-bottom:1px solid var(--glass-border);font-variant-numeric:tabular-nums}.px-table tr:last-child td{border-bottom:none}.px-table tbody tr:hover{background:var(--glass-1)}.px-accordion{display:flex;flex-direction:column;gap:8px}.px-accordion details{border-radius:var(--radius-md);background:var(--glass-1);border:1px solid var(--glass-border);overflow:hidden}.px-accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;font-weight:600;font-size:15px}.px-accordion summary::-webkit-details-marker{display:none}.px-accordion summary:after{content:"";width:8px;height:8px;border-right:2px solid var(--text-tertiary);border-bottom:2px solid var(--text-tertiary);transform:rotate(45deg);transition:transform .25s;margin-right:4px}.px-accordion details[open]{background:var(--glass-2)}.px-accordion details[open] summary:after{transform:rotate(-135deg)}.px-accordion summary:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px;border-radius:var(--radius-md)}.px-accordion .px-panel{padding:0 16px 16px;color:var(--text-secondary);font-size:14px;line-height:1.6}.px-empty{padding:36px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.px-empty img{width:140px;height:140px;object-fit:contain;animation:px-float 6s ease-in-out infinite;filter:drop-shadow(0 22px 26px rgba(16,10,31,.3))}.px-empty h3{margin:4px 0 0;font-size:20px}.px-empty p{margin:0 0 8px;color:var(--text-secondary);font-size:14px;max-width:34ch}.px-kbd{font-family:var(--font-sans);font-size:12px;font-weight:600;padding:2px 7px;border-radius:6px;border:1px solid var(--glass-border);border-bottom-width:2px;background:var(--glass-1)}.px-formula{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);background:var(--glass-tint);border:1px solid var(--glass-border);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}@keyframes px-float{50%{transform:translateY(-12px)}}@keyframes px-spin{to{transform:rotate(360deg)}}.px-orbit{--s: 64px;position:relative;width:var(--s);height:var(--s);display:inline-block}.px-orbit:before{content:"";position:absolute;top:38%;right:38%;bottom:38%;left:38%;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--violet-200),var(--violet-500));box-shadow:0 0 calc(var(--s) * .3) var(--primary);animation:px-breathe 1.6s ease-in-out infinite}.px-orbit i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:calc(var(--s) * .04) solid color-mix(in srgb,var(--violet-400) 30%,transparent);border-top-color:var(--violet-400)}.px-orbit i:after{content:"";position:absolute;top:calc(var(--s) * -.07);left:50%;width:calc(var(--s) * .12);height:calc(var(--s) * .12);margin-left:calc(var(--s) * -.06);border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.px-orbit i:nth-child(1){transform:rotate(0) rotateX(68deg);animation:px-orb1 1.4s linear infinite}.px-orbit i:nth-child(2){transform:rotate(60deg) rotateX(68deg);animation:px-orb2 1.4s linear infinite}.px-orbit i:nth-child(3){transform:rotate(120deg) rotateX(68deg);animation:px-orb3 1.4s linear infinite}.px-orbit i:nth-child(2):after,.px-orbit i:nth-child(3):after{background:var(--violet-200);box-shadow:0 0 10px var(--violet-300)}@keyframes px-orb1{0%{transform:rotate(0) rotateX(68deg) rotate(0)}to{transform:rotate(0) rotateX(68deg) rotate(360deg)}}@keyframes px-orb2{0%{transform:rotate(60deg) rotateX(68deg) rotate(0)}to{transform:rotate(60deg) rotateX(68deg) rotate(360deg)}}@keyframes px-orb3{0%{transform:rotate(120deg) rotateX(68deg) rotate(0)}to{transform:rotate(120deg) rotateX(68deg) rotate(360deg)}}@keyframes px-breathe{50%{transform:scale(1.18)}}.px-spinner{--s: 40px;width:var(--s);height:var(--s);border-radius:50%;display:inline-block;background:conic-gradient(from 0deg,transparent 10%,var(--violet-300),var(--primary));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));animation:px-spin .9s linear infinite;filter:drop-shadow(0 0 8px var(--primary))}.px-dots{display:inline-flex;gap:6px;align-items:center;height:20px}.px-dots i{width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px var(--primary);animation:px-bounce 1.1s ease-in-out infinite}.px-dots i:nth-child(2){animation-delay:.15s;background:var(--violet-300)}.px-dots i:nth-child(3){animation-delay:.3s;background:var(--accent);box-shadow:0 0 10px var(--accent)}@keyframes px-bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-8px);opacity:1}}.px-thinking{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:20px 20px 20px 6px;font-size:14px;color:var(--text-secondary)}.px-bar{position:relative;height:4px;border-radius:999px;background:var(--glass-border);overflow:hidden}.px-bar:after{content:"";position:absolute;top:0;bottom:0;width:40%;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--primary),var(--violet-200));box-shadow:0 0 16px var(--primary);animation:px-comet 1.4s cubic-bezier(.6,0,.4,1) infinite}@keyframes px-comet{0%{left:-40%}to{left:100%}}.px-skel{position:relative;overflow:hidden;border-radius:var(--radius-sm);background:var(--glass-2);min-height:14px}.px-skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--glass-edge-light),transparent);animation:px-sweep 1.5s ease-in-out infinite}.px-skel-circle{border-radius:50%}@keyframes px-sweep{to{transform:translate(100%)}}.px-pulse{--s: 56px;width:var(--s);height:var(--s);border-radius:50%;display:inline-block;position:relative;background:radial-gradient(circle at 35% 30%,var(--violet-200),var(--violet-500) 70%);box-shadow:0 0 30px var(--primary)}.px-pulse:before,.px-pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--violet-300);animation:px-ripple 2s ease-out infinite}.px-pulse:after{animation-delay:1s}@keyframes px-ripple{0%{transform:scale(1);opacity:.8}to{transform:scale(2.2);opacity:0}}.px-pageloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:var(--background-deep);transition:opacity .5s,visibility .5s}.px-pageloader.is-done{opacity:0;visibility:hidden}.px-pageloader-inner{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}.px-pageloader .px-mark-wrap{position:relative;width:150px;height:150px;display:grid;place-items:center}.px-pageloader .px-mark-wrap img{width:78px;animation:px-breathe 2s ease-in-out infinite;filter:drop-shadow(0 0 24px var(--primary))}.px-pageloader .px-mark-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--violet-300);border-right-color:color-mix(in srgb,var(--violet-300) 30%,transparent);animation:px-spin 1.6s linear infinite}.px-pageloader .px-mark-wrap:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;border:2px solid transparent;border-bottom-color:var(--accent);animation:px-spin 2.4s linear infinite reverse;filter:drop-shadow(0 0 6px var(--accent))}.px-pageloader p{margin:0;font-size:15px;color:var(--text-secondary)}.px-pageloader .px-bar{width:220px}@media(prefers-reduced-motion:reduce){.px-ground:before,.px-ground:after,.px-empty img,.px-card,.px-card .px-art,.px-toast,.px-modal[open]{animation:none!important;transition:none!important}.px-orbit i,.px-spinner,.px-btn[aria-busy=true]:after,.px-pageloader .px-mark-wrap:before,.px-pageloader .px-mark-wrap:after{animation-duration:3.5s!important}.px-orbit:before,.px-dots i,.px-pulse:before,.px-pulse:after,.px-pageloader .px-mark-wrap img,.px-bar:after,.px-skel:after{animation-duration:3s!important}}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--background-deep);color:var(--text-primary)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased}html[dir=rtl] body{font-family:var(--font-arabic)}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0!important}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.grow{flex:1}[hidden]{display:none!important}.muted{color:var(--text-secondary);margin:0}.note{color:var(--text-tertiary);font-size:13px;line-height:1.5;margin:0}.note.center{text-align:center}.flip{transition:transform .2s}html[dir=rtl] .flip{transform:scaleX(-1)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.display{font-size:clamp(34px,4vw,52px);line-height:1.08;font-weight:700;letter-spacing:-.035em;margin:0}.display-sm{font-size:clamp(28px,3vw,40px);line-height:1.15;font-weight:700;letter-spacing:-.02em;margin:0}.h2{font-size:30px;line-height:1.2;font-weight:600;letter-spacing:-.015em;margin:0}.lead{font-size:18px;line-height:1.55;color:var(--text-secondary);margin:0}.overline{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}html[dir=rtl] .overline{letter-spacing:0}.step-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.01em;background:#947ff424;color:var(--violet-300);border:1px solid var(--glass-border);white-space:nowrap}.step-badge.coral{background:#622a15;color:var(--coral-300)}.step-badge.green{background:#0f3b27;color:var(--green-300)}.chip-dark{position:absolute;inset-inline-start:24px;bottom:24px;padding:10px 16px;border-radius:999px;background:#100a1f99;border:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:14px;font-weight:500}.badge{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:999px;background:#947ff424;border:1px solid var(--glass-border);color:var(--violet-300);font-size:12px;font-weight:500;white-space:nowrap}.icon-btn{width:44px;height:44px;flex:none;display:inline-grid;place-items:center;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--text-primary);cursor:pointer;transition:background .2s}.icon-btn:hover{background:var(--glass-1)}.icon-btn.glass{background:var(--glass-2);border-color:var(--glass-border)}.icon-btn:disabled{opacity:.4;cursor:default}.ghost-btn{height:44px;padding:0 16px;border-radius:14px;border:none;background:transparent;color:var(--violet-300);font-weight:600;font-size:15px;cursor:pointer}.ghost-btn:hover{background:var(--glass-1)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:8px}.actions.end{justify-content:flex-end}.px-btn-primary .px-ic,.px-btn-accent .px-ic{color:var(--text-on-primary)}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px #b09aff40,var(--shadow-glow-primary)}}.float{animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px) rotate(-3deg)}}@media(prefers-reduced-motion:reduce){.float,.pulse{animation:none}}.app{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.app.px-ground,.lesson.px-ground{overflow:clip}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:0;border-width:0;border-inline-end:1px solid var(--glass-border)}.sidebar .logo{padding:8px 8px 32px}.sidebar .logo img{height:39px;width:auto}.nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;height:44px;padding:8px 12px;border-radius:14px;border:1px solid transparent;color:var(--text-secondary);font-size:16px;font-weight:500;background:none;cursor:pointer;text-align:start;width:100%}.nav-item:hover{background:var(--glass-1);color:var(--text-primary)}.nav-item.is-active{background:#947ff424;border-color:var(--glass-border);color:var(--text-primary)}.nav-item.is-active .px-ic{color:var(--violet-300)}.nav-item.is-disabled{opacity:.45;cursor:default}.ar-label{font-family:var(--font-arabic)}.en-label{font-family:var(--font-sans)}.sidebar .divider{height:1px;background:#3e3152;margin:8px 0}.user{display:flex;align-items:center;gap:12px;padding:12px 8px}.user b{display:block;font-size:14px;font-weight:600}.user small{color:var(--text-tertiary);font-size:12px}.main{padding:48px;display:flex;flex-direction:column;gap:48px;min-width:0;width:100%;max-width:1440px;margin-inline:auto}.top-bar{display:flex;align-items:flex-start;gap:12px}.top-bar>div:first-child{display:flex;flex-direction:column;gap:4px}.hero-row{display:grid;grid-template-columns:1fr 260px;gap:24px}.continue-card{display:flex;align-items:center;gap:24px;padding:32px}.continue-card .copy{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.hero-ill{width:160px;height:160px;object-fit:contain;flex:none}.stats{display:flex;flex-direction:column;gap:24px}.stat{padding:24px;display:flex;flex-direction:column;gap:4px}.stat b{font-size:clamp(32px,3.4vw,48px);line-height:1.1;font-weight:700;letter-spacing:-.03em;white-space:nowrap}.stat span{color:var(--text-secondary);font-size:14px}.stat small{color:var(--green-400);font-size:12px;font-weight:500}.section{display:flex;flex-direction:column;gap:24px}.section-head{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}.section-head>div:first-child{display:flex;flex-direction:column;gap:4px}.chips{display:flex;flex-wrap:wrap;gap:8px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.concept-card{display:flex;flex-direction:column;gap:8px;padding:24px;min-height:310px;transition:transform .25s,background .25s}.concept-card:hover{transform:translateY(-3px);background:var(--glass-3)}.concept-card .card-ill{width:96px;height:96px;object-fit:contain;margin-bottom:20px;transition:transform .4s}.concept-card:hover .card-ill{transform:translateY(-6px) rotate(-4deg) scale(1.05)}.concept-card h3{font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.01em;margin:0}.concept-card p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.concept-card .px-badge{align-self:flex-start}.concept-card.is-locked{opacity:.55}.concept-card.is-locked:hover{transform:none;background:var(--glass-2)}.complete-hero{display:flex;align-items:center;gap:32px;padding:32px 48px}.complete-hero>img{width:180px;height:180px;object-fit:contain;flex:none}.complete-hero .copy{display:flex;flex-direction:column;gap:16px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mastery{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 48px;padding:24px 32px}.mastery-row{display:flex;align-items:center;gap:16px;padding:12px 0}.mastery-row img{width:44px;height:44px;object-fit:contain}.mastery-row b{display:block;font-size:16px;font-weight:500}.mastery-row small{color:var(--text-tertiary);font-size:13px;text-transform:capitalize}.mastery-row.is-locked{opacity:.55}.mastery-row .lock{color:var(--text-tertiary)}.lesson{min-height:100vh;display:flex;flex-direction:column}.lesson-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;height:80px;padding:16px 48px;border-radius:0;border-width:0 0 1px}.lh-title{display:flex;flex-direction:column;gap:4px;min-width:0}.lh-title b{font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lh-center{flex:1;display:flex;align-items:center;justify-content:center;gap:16px}.steps{display:flex;gap:6px}.steps i{width:67px;height:8px;border-radius:9px;background:#ffffff24}.steps i.done{background:#3bb877}.steps i.now{background:var(--violet-400);box-shadow:0 0 12px #b09aff99}.lang-btn{width:auto;padding:0 12px;gap:8px;display:inline-flex;color:var(--violet-300);font-weight:600;font-size:14px}.lesson-body{flex:1;padding:48px 64px;position:relative}.lesson-body.centered{display:flex;justify-content:center}.column{width:100%;max-width:800px;display:flex;flex-direction:column;gap:24px;padding-top:6vh}.corner-ill{position:absolute;top:56px;inset-inline-end:96px;width:160px;height:160px;object-fit:contain;pointer-events:none}.lesson-body.hook{display:grid;grid-template-columns:minmax(0,680px) minmax(0,1fr);gap:64px;align-items:center;padding-top:64px}.hook-photo{position:relative;margin:0;border-radius:28px;overflow:hidden;border:1px solid var(--glass-border);aspect-ratio:680 / 660;box-shadow:var(--shadow-lg)}.hook-photo img{width:100%;height:100%;object-fit:cover}.hook-photo.is-ill{background:radial-gradient(circle at 50% 40%,rgba(176,154,255,.35),transparent 60%),var(--glass-2)}.hook-photo.is-ill img{object-fit:contain;padding:14%;animation:float 6s ease-in-out infinite}.hook-copy{display:flex;flex-direction:column;gap:20px}.meta{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:24px;color:var(--text-secondary);font-size:16px}.meta li{display:flex;align-items:center;gap:8px}.options{display:flex;flex-direction:column;gap:12px}.option{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px;border-radius:14px;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-primary);font-size:16px;text-align:start;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}.option:hover{background:#ffffff14}.option .key{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:8px;border:1px solid var(--glass-border);background:#ffffff0f;font-size:13px;font-weight:600}.option .state{font-size:14px;font-weight:600}.option.is-picked{border-color:var(--violet-400);background:#947ff424;box-shadow:0 0 0 .5px var(--violet-400),0 0 24px -8px var(--violet-400)}.option.is-correct{background:#0f3b27;border-color:#3bb877;box-shadow:0 0 0 .5px #3bb877}.option.is-correct .key{background:#3bb877;color:#0f3b27;border-color:transparent}.option.is-correct .state{color:var(--green-300)}.option.is-retry{background:color-mix(in srgb,var(--coral-400) 14%,transparent);border-color:var(--coral-400)}.option.is-retry .state{color:var(--coral-300)}.confidence{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.confidence>span{font-size:14px;font-weight:600;color:var(--text-secondary)}.segment{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:#ffffff0d;border:1px solid var(--glass-border)}.segment button{height:36px;padding:0 16px;border-radius:10px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer}.segment button[aria-checked=true],.segment button[aria-selected=true]{background:#ffffff1f;color:var(--text-primary);box-shadow:inset 0 1px 0 var(--glass-edge-light)}.feedback{display:flex;gap:12px;padding:14px 18px;border-radius:20px;border:1px solid;border-inline-start-width:4px}.feedback>div>b{display:block;font-size:15px;margin-bottom:2px}.feedback p{margin:0;font-size:14px;line-height:1.6;color:var(--text-secondary)}.feedback.ok{background:#0f3b27;border-color:#3bb877}.feedback.ok>.px-ic{color:#3bb877}.feedback.retry{background:color-mix(in srgb,var(--coral-400) 14%,transparent);border-color:var(--coral-400)}.feedback.retry>.px-ic{color:var(--coral-300)}.feedback.hint{background:#947ff424;border-color:var(--violet-400)}.feedback.hint>.px-ic{color:var(--violet-300)}.lesson-body.play{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;padding:32px 64px;align-items:start}.sim{display:flex;flex-direction:column;gap:16px;padding:24px}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.check-label{display:inline-flex;align-items:center;gap:10px;font-size:15px;cursor:pointer}.check-label input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:0;border-radius:6px;border:1.5px solid var(--border-strong);background:var(--glass-1);display:grid;place-items:center;cursor:pointer}.check-label input:checked{background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-glow-primary)}.check-label input:checked:after{content:"";width:5px;height:10px;border:solid var(--text-on-primary);border-width:0 2.5px 2.5px 0;transform:rotate(45deg);margin-top:-2px}.tab-slot{position:relative}.scene{position:relative;height:360px;border-radius:28px;overflow:hidden;background:#24143b;border:1px solid var(--glass-border);transition:box-shadow .2s,border-color .2s}.scene.is-target{border-color:var(--violet-400);box-shadow:0 0 0 3px #b09aff59,0 0 40px -6px var(--violet-400)}.scene-host{position:absolute;top:0;right:0;bottom:0;left:0}.stage-canvas{display:block;touch-action:none}.scene-caption{position:absolute;top:20px;inset-inline-start:24px;pointer-events:none}.scene-readout{position:absolute;top:18px;inset-inline-end:24px;font-size:14px;font-weight:600;color:var(--text-secondary);pointer-events:none}.brake-btn{position:absolute;bottom:20px;inset-inline-end:20px}.scene-check{position:absolute;bottom:24px;inset-inline-start:20px}.scene-guide{position:absolute;top:14px;inset-inline-start:16px;margin:0;padding:6px;list-style:none;display:flex;flex-wrap:wrap;gap:6px;border-radius:16px;background:#100a1f8c;border:1px solid var(--glass-border);max-width:calc(100% - 200px);pointer-events:none}.scene-guide li{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:999px;font-size:13px;font-weight:600;color:var(--text-tertiary)}.scene-guide .num{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#ffffff14;font-size:12px}.scene-guide li.now{color:var(--text-primary);background:#947ff438}.scene-guide li.now .num{background:var(--violet-400);color:var(--plum-900)}.scene-guide li.done{color:var(--green-300)}.scene-guide li.done .num{background:#3bb877;color:#0f3b27}.drop-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:8px;font-weight:600;color:var(--violet-200);background:#24143b59;opacity:0;pointer-events:none;transition:opacity .2s}.drop-hint .px-ic{width:32px;height:32px}.scene.is-target .drop-hint{opacity:1}.big-graph{width:100%;height:360px;display:block;border-radius:28px;background:#24143b;border:1px solid var(--glass-border)}.runs-table{min-height:360px;border-radius:28px;background:#24143b;border:1px solid var(--glass-border);padding:12px 16px;overflow:auto}html[dir=rtl] .px-table th{text-align:right}.sim-row{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.graph-card{padding:16px;display:flex;flex-direction:column;gap:8px;min-height:300px}.graph-head{display:flex;align-items:center;gap:16px;font-size:14px}.legend{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.legend i{width:8px;height:8px;border-radius:50%}.legend i.other{background:#9a8caf}.legend i.this{background:var(--violet-400)}.graph-canvas{flex:1;width:100%;min-height:220px;display:block}.readout-card{padding:24px;display:flex;flex-direction:column;gap:8px}.readout-card hr{border:none;height:1px;background:#3e3152;margin:8px 0}.big-num{font-size:40px;font-weight:700;letter-spacing:-.02em;line-height:1.15;direction:ltr;text-align:start}html[dir=rtl] .big-num{text-align:right}.mid-num{font-size:30px;font-weight:600;color:var(--violet-300);letter-spacing:-.015em}.readout-card .px-formula{align-self:flex-start}.readout-card .note{font-size:14px;color:var(--text-secondary)}.controls{display:flex;flex-direction:column;gap:16px;min-height:100%}.hint-card{display:flex;gap:12px;padding:14px 16px;border-radius:28px;background:#947ff424;border:1px solid var(--violet-400);border-inline-start-width:3px}.hint-card .px-ic{color:var(--violet-300);margin-top:2px}.hint-card b{font-size:14px}.hint-card p{margin:2px 0 0;font-size:14px;color:var(--text-secondary);line-height:1.5}.ctrl-card{padding:16px;display:flex;flex-direction:column;gap:10px}.ctrl-head{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600}.ctrl-head .value{color:var(--violet-300)}.range-ends{display:flex;justify-content:space-between;color:var(--text-tertiary)}.seats{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.seats i{height:8px;border-radius:9px;background:#ffffff1f;transition:background .25s,box-shadow .25s}.seats i.on{background:var(--coral-400);box-shadow:0 0 10px -2px var(--coral-400)}.load-row{display:flex;align-items:center;gap:8px}.passenger-chip{flex:1;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--coral-400) 16%,transparent);border:1px dashed var(--coral-300);cursor:grab;-webkit-user-select:none;user-select:none;color:var(--text-primary)}.passenger-chip .px-ic{color:var(--coral-300);width:24px;height:24px}.passenger-chip b{display:block;font-size:14px}.passenger-chip small{color:var(--text-secondary);font-size:12px}.passenger-chip:active{cursor:grabbing}.passenger-chip.is-dragging{opacity:.5}.drag-ghost{position:fixed;left:0;top:0;z-index:100;pointer-events:none;opacity:.95;box-shadow:0 20px 40px -10px #00000080;background:#4a2a3a;transition:background .15s}.drag-ghost.is-over{background:#5a3a8a;border-color:var(--violet-300)}.drag-ghost.dropped{transition:transform .2s,opacity .2s;opacity:0}.guess-card{padding:16px;display:flex;flex-direction:column;gap:8px}.guess-card p{margin:0;font-size:16px;line-height:1.5}.presets{display:flex;flex-direction:column;gap:8px}.why{border-radius:14px;background:#ffffff0d;border:1px solid var(--glass-border);padding:16px}.why summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:16px}.why summary::-webkit-details-marker{display:none}.why[open] summary .px-ic{transform:rotate(180deg)}.why p{margin:12px 0 0;color:var(--text-secondary);line-height:1.6;font-size:14px}.ar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.ar-overlay>*{pointer-events:auto}.ar-status{align-self:center;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:600}.ar-exit{position:absolute;top:16px;inset-inline-end:16px}.ar-panel{padding:16px;display:flex;flex-direction:column;gap:12px;margin-top:auto}.ar-row{display:flex;align-items:center;gap:10px}.ar-canvas{position:fixed;top:0;right:0;bottom:0;left:0}.app-dialog{max-width:min(92vw,560px)}.dialog-body{padding:28px;display:flex;flex-direction:column;gap:16px}.qr-row{display:flex;gap:20px;align-items:center}.qr{border-radius:16px;flex:none;width:200px!important;height:200px!important}.ar-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;font-size:15px}.ar-steps li{display:flex;gap:12px;align-items:center}.ar-steps .num{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:50%;background:#947ff433;color:var(--violet-300);font-weight:700;font-size:13px}.link-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#ffffff0d;border:1px solid var(--glass-border)}.link-row code{flex:1;font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toasts{position:fixed;bottom:24px;inset-inline-start:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center}html[dir=rtl] .toasts{transform:translate(50%)}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;font-size:14px;font-weight:600;animation:toast-in .3s ease}.toast.ok .px-ic{color:var(--green-400)}.toast.retry .px-ic{color:var(--coral-300)}.toast.info .px-ic{color:var(--violet-300)}.toast.leaving{opacity:0;transform:translateY(8px);transition:.3s}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@media(max-width:1200px){.lesson-body.play{grid-template-columns:1fr;padding:24px}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.controls>.grow{display:none}.controls>.px-btn,.controls>.note{grid-column:1 / -1}.lesson-body.hook{grid-template-columns:1fr 1fr;gap:40px;padding:40px}.steps i{width:44px}}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;height:auto;z-index:30;flex-direction:row;align-items:center;padding:8px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom));border-inline-end:none;border-top:1px solid var(--glass-border)}.sidebar .logo,.sidebar .user,.sidebar .divider,.sidebar>.grow{display:none}.nav{flex-direction:row;flex:1;justify-content:space-around;gap:0}.nav-item{flex-direction:column;height:auto;gap:2px;padding:6px;font-size:11px;justify-content:center;width:auto}.sidebar>.nav-item{width:auto;flex-direction:column;font-size:11px;height:auto;gap:2px;padding:6px}.main{padding:24px 16px 110px;gap:32px}.hero-row{grid-template-columns:minmax(0,1fr)}.continue-card{min-width:0}.continue-card .actions .px-btn{flex:1 1 auto}.stats>*{min-width:0}.concept-card{min-height:0}.stats{flex-direction:row}.stats>*{flex:1}.stat b{font-size:36px}.continue-card{padding:24px}.hero-ill{width:96px;height:96px;align-self:flex-start}.complete-hero{flex-direction:column;align-items:flex-start;padding:24px}.complete-hero>img{width:120px;height:120px}.stats-row{grid-template-columns:1fr}.mastery{grid-template-columns:1fr;padding:16px 20px}.lesson-header{padding:12px 16px;height:auto;flex-wrap:wrap;gap:8px 12px}.lh-center{order:5;flex-basis:100%;justify-content:flex-start}.steps{flex:1}.steps i{flex:1;width:auto}.save-exit{display:none}.lh-title{flex:1}.lesson-body{padding:24px 16px 48px}.lesson-body.hook{grid-template-columns:1fr;padding:16px;gap:24px}.hook-photo{aspect-ratio:4 / 3}.corner-ill{width:88px;height:88px;top:16px;inset-inline-end:16px}.column{padding-top:64px}.lesson-body.play{padding:16px}.sim{padding:14px;border-radius:22px}.scene,.big-graph,.runs-table{height:340px;min-height:340px;border-radius:20px}.scene-readout{top:auto;bottom:18px;inset-inline-start:16px;inset-inline-end:auto;font-size:13px}.scene-guide{max-width:calc(100% - 24px)}.scene-guide li:not(.now) span:last-child{display:none}.scene-check{bottom:74px}.scene-caption{top:16px}.brake-btn{--h: 48px;bottom:14px;inset-inline-end:14px}.sim-row{grid-template-columns:1fr}.controls{display:flex}.qr-row{flex-direction:column;align-items:flex-start}}@media(pointer:coarse),(max-width:900px){:root,[data-theme]{--blur-glass-1: 8px;--blur-glass-2: 10px;--blur-glass-3: 14px;--blur-orb: 70px}.px-ground:before,.px-ground:after{animation:none}.float,.pulse{animation:none}.sidebar,.lesson-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:#1c1230eb}.sim .px-glass,.sim .px-glass-1,.controls .px-glass,.controls .px-glass-1,.cards .px-glass,.ctrl-card,.readout-card,.graph-card,.guess-card{backdrop-filter:none;-webkit-backdrop-filter:none}}.hands-btn[aria-pressed=true]{background:#947ff433;border-color:var(--violet-400);color:var(--text-primary)}.hands-cursor{position:fixed;left:0;top:0;z-index:2000;pointer-events:none;width:0;height:0;transition:transform .05s linear;--dwell: 0}.hands-cursor i{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%;border:3px solid var(--violet-300);background:conic-gradient(#b09aff8c calc(var(--dwell) * 360deg),#b09aff14 0);box-shadow:0 0 22px #b09affb3;transition:transform .15s,border-color .15s,background-color .15s}.hands-cursor.pinch i{transform:scale(.6);border-color:var(--coral-300);background:#ff996999;box-shadow:0 0 22px #ff9969cc}.hands-cursor.fist i{transform:scale(.8);border-color:var(--coral-400)}.hands-cursor.clicked i{transform:scale(1.35);border-color:#fff}.hands-panel{position:fixed;z-index:1900;bottom:20px;inset-inline-start:20px;width:256px;padding:12px;display:flex;flex-direction:column;gap:10px;border-radius:20px}.hands-preview{width:100%;height:auto;aspect-ratio:16 / 9;border-radius:12px;background:#100a1f;display:block}.hands-row{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.hands-row .px-ic{color:var(--violet-300)}.hands-status{color:var(--text-primary)}.hands-off{border:1px solid var(--glass-border);background:var(--glass-1);color:var(--text-secondary);border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}.hands-tips{margin:0;padding-inline-start:18px;font-size:12px;line-height:1.6;color:var(--text-secondary)}.welcome .dialog-body{gap:18px}.welcome-mark{width:48px;height:48px}.field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:var(--text-secondary)}.text-in{height:48px;padding:0 16px;border-radius:14px;border:1px solid var(--glass-border);background:#ffffff0f;color:var(--text-primary);font:500 16px/1 inherit;font-family:inherit}.text-in:focus{outline:2px solid var(--border-focus);outline-offset:1px}.grade-seg button{min-width:44px}a.user{color:inherit;border-radius:14px}a.user:hover{background:var(--glass-1)}.empty-subject{min-height:0;grid-column:1 / -1;align-items:flex-start}.parents-list .mastery-row small.plain{text-transform:none;font-size:14px;color:var(--text-secondary)}.parents-list{grid-template-columns:1fr}.parents-empty{display:flex;align-items:center;gap:12px;padding:20px 24px}.parents-empty p{margin:0;color:var(--text-secondary)}.parents-empty .px-ic{color:var(--green-400)}.ask-card{min-height:0}.ask-card h3{font-size:20px}.app-dialog .dialog-body{background:#1c1230f0}.hands-video{position:fixed;left:0;top:0;width:2px;height:2px;opacity:0;pointer-events:none;z-index:-1}.tomo{display:block;width:100%;height:auto;overflow:visible;--tomo-eye: #FAFAFA}.tomo .px-eye{fill:var(--tomo-eye)}.tomo .px-all{transform-box:fill-box;transform-origin:50% 70%}.tomo.is-interactive .px-paw{cursor:grab;touch-action:none}.tomo .px-paw.is-grabbed{cursor:grabbing}.tomo .px-fingers{transform-box:fill-box;transform-origin:50% 50%}.tomo.is-interactive{cursor:pointer;-webkit-tap-highlight-color:transparent}.tomo-lab{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:start}.tomo-stage{border-radius:28px;padding:40px;display:grid;place-items:center;min-height:420px}.tomo-stage .tomo{max-width:360px}.tomo-controls{display:flex;flex-direction:column;gap:14px;min-width:0}.tomo-controls .chips{flex-wrap:wrap}@media(max-width:900px){.tomo-lab{grid-template-columns:minmax(0,1fr)}.tomo-stage{min-height:300px;padding:24px}}.tomo .px-f{transform-box:fill-box;transition:opacity .15s,transform .25s cubic-bezier(.2,.8,.2,1)}.tomo .px-paw-r .px-f{transform-origin:0% 50%}.tomo .px-paw-l .px-f{transform-origin:100% 50%}.tomo .px-paw.is-pointing .px-f:not(.px-f-2){opacity:0}.tomo .px-paw.is-pointing .px-f-2{transform:scaleX(1.35)}.say-bubble{position:relative;padding:14px 18px;border-radius:20px;background:#1c1230d1;border:1px solid var(--glass-border);display:flex;flex-direction:column;gap:4px;min-width:0}.say-name{font-size:12px;font-weight:700;color:var(--violet-300);letter-spacing:.02em}.say-text{margin:0;font-size:19px;line-height:1.75;font-weight:500;color:var(--text-tertiary);text-wrap:pretty}.say-text .said{color:var(--text-primary);transition:color .12s}.say-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.say-controls .icon-btn{width:40px;height:40px}.say-count{font-size:13px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-inline-start:4px}.presenter-row{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;align-items:start}.presenter-tomo{padding-top:8px}.presenter-talk{display:flex;flex-direction:column;gap:10px;min-width:0}.presenter-row .say-bubble:before{content:"";position:absolute;top:34px;inset-inline-start:-8px;width:14px;height:14px;background:inherit;border-inline-start:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);transform:rotate(45deg)}html[dir=rtl] .presenter-row .say-bubble:before{transform:rotate(-45deg)}.corner-tomo{position:absolute;top:40px;inset-inline-end:72px;width:170px}.lesson-body.explain{display:flex;flex-direction:column;gap:18px;padding:32px 64px 40px;max-width:1280px;margin-inline:auto;width:100%}.explain-stage{display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-areas:"tomo board" "talk talk";gap:20px 28px;padding:28px;border-radius:28px;align-items:center}.explain-tomo{grid-area:tomo;align-self:end}.board-wrap{grid-area:board;min-height:380px;border-radius:22px;padding:26px 28px;background:radial-gradient(120% 90% at 50% 0%,rgba(148,127,244,.12),transparent 60%),#100a1f8c;border:1px solid var(--glass-border);display:flex}.board{flex:1;display:flex;flex-direction:column;gap:14px;justify-content:center;min-width:0}.explain-talk{grid-area:talk}.explain-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bd-item{min-width:0}.bd-item.is-new{animation:bd-in .5s cubic-bezier(.2,.8,.2,1) both}@keyframes bd-in{0%{opacity:0;transform:translateY(10px);clip-path:inset(0 0 0 100%)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}html[dir=rtl] .bd-item.is-new{animation-name:bd-in-rtl}@keyframes bd-in-rtl{0%{opacity:0;transform:translateY(10px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}.bd-formula{font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.5;color:var(--text-primary)}.bd-sym{width:fit-content;font-family:DM Sans,sans-serif;font-size:17px;color:var(--violet-300);margin-top:2px}.bd-item [data-term]{padding:0 6px;border-radius:10px;transition:background .25s,color .25s,box-shadow .25s}.bd-item [data-term].is-hl{background:#ff99692e;color:var(--coral-300, #ffb38f);box-shadow:inset 0 -3px 0 var(--coral-400, #ff9969)}.bd-note{display:flex;align-items:center;gap:10px;font-size:17px;color:var(--text-secondary)}.bd-chip{flex:none;padding:2px 12px;border-radius:999px;background:#947ff42e;color:var(--violet-200, #ddd2ff);font-weight:700;font-size:14px}.bd-chain{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:20px;font-weight:700}.bd-chain span{padding:6px 14px;border-radius:14px;background:#947ff429;border:1px solid var(--glass-border)}.bd-chain i{font-style:normal;color:var(--violet-300)}.bd-bar{display:grid;grid-template-columns:70px minmax(0,1fr) 64px auto;align-items:center;gap:12px;font-size:18px}.bd-track{height:16px;border-radius:8px;background:#ffffff0f;overflow:hidden}.bd-track i{display:block;height:100%;width:var(--w);border-radius:8px;background:linear-gradient(90deg,var(--violet-400, #947ff4),var(--coral-400, #ff9969));transform-origin:left}html[dir=rtl] .bd-track i{transform-origin:right;background:linear-gradient(270deg,var(--violet-400, #947ff4),var(--coral-400, #ff9969));margin-inline-start:0}.bd-item.is-new .bd-track i{animation:bd-grow 1s .2s cubic-bezier(.2,.8,.2,1) both}@keyframes bd-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bd-bar em{font-style:normal;font-weight:800;color:var(--coral-300, #ffb38f)}.coach{display:flex;align-items:flex-start;gap:8px;pointer-events:none;z-index:3}.coach-tomo,.coach-bubble{pointer-events:auto}.coach-tomo{flex:none}.coach-bubble{max-width:300px;padding:10px 14px;border-radius:16px;background:#1c1230e6;border:1px solid var(--glass-border);font-size:15px;line-height:1.6;font-weight:500;color:var(--text-primary);box-shadow:var(--shadow-lg)}.coach-bubble p{margin:0}.coach-bubble.is-in{animation:coach-in .35s cubic-bezier(.2,.8,.2,1) both}@keyframes coach-in{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}.coach--scene{position:absolute;top:8px;inset-inline-start:10px;max-width:calc(100% - 220px)}.coach--scene .coach-tomo{width:84px}.coach--corner{position:absolute;top:32px;inset-inline-end:48px;flex-direction:column;align-items:center;width:260px}.coach--corner .coach-tomo{width:150px}.coach--corner .coach-bubble{max-width:260px;text-align:center}@media(max-width:1100px){.explain-stage{grid-template-columns:200px minmax(0,1fr)}.lesson-body.explain{padding:24px}.coach--corner,.corner-tomo{display:none}}@media(max-width:760px){.presenter-row{grid-template-columns:88px minmax(0,1fr);gap:10px}.say-text{font-size:17px}.explain-stage{grid-template-columns:110px minmax(0,1fr);grid-template-areas:"tomo talk" "board board";padding:14px;gap:12px;align-items:start}.explain-tomo{align-self:start}.board-wrap{min-height:260px;padding:18px}.lesson-body.explain{padding:16px}.bd-bar{grid-template-columns:56px minmax(0,1fr) 48px auto;font-size:15px}.bd-note{font-size:15px}.bd-chain{font-size:16px}.coach--scene{max-width:calc(100% - 20px)}.coach--scene .coach-tomo{width:64px}.coach--scene .coach-bubble{font-size:13px;max-width:220px}}.presenter-tomo .tomo,.explain-tomo .tomo,.coach-tomo .tomo,.corner-tomo .tomo{width:100%!important}@media(max-width:760px){.bd-formula{font-size:22px}}