@import url("https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600&family=JetBrains+Mono:wght@400;500&display=swap");:root{color-scheme:light;--font-xs:12px;--font-compact:13px;--font-sm:14px;--font-md:16px;--font-lg:20px;--font-xl:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--r-none:0px;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-pill:999px;--r:var(--r-md);--background:#f8f8f6;--foreground:#1a1918;--card:#ffffff;--card-foreground:#1a1918;--secondary:#f0efec;--secondary-foreground:#3c3b38;--muted:#ebebea;--muted-foreground:#87877e;--accent:#2563eb;--accent-foreground:#ffffff;--destructive:#dc2626;--border:rgba(0,0,0,0.08);--sidebar:#f2f2f0;--sidebar-foreground:#1a1918;--sidebar-accent:#e8e8e6;--sidebar-border:rgba(0,0,0,0.07);--ability-active:#2563eb;--ability-mastered:#16a34a;--ability-untouched:#d4d4d0;--ability-active-bg:rgba(37,99,235,0.06);--ability-mastered-bg:rgba(22,163,74,0.08);--waveform-unplayed:#cbd5e1;--canvas:var(--background);--canvas-2:var(--secondary);--canvas-3:#e8e8e6;--surface:var(--card);--surface-hover:var(--secondary);--text:var(--foreground);--text-1:var(--foreground);--text-2:var(--secondary-foreground);--text-3:var(--muted-foreground);--success:#16a34a;--warning:#d97706;--danger:var(--destructive);--progress:#7c3aed;--shadow-color-rgb:0,0,0;--shadow-sm:0 1px 4px rgba(var(--shadow-color-rgb),0.06);--shadow-md:0 8px 24px rgba(var(--shadow-color-rgb),0.1);--banner-article:linear-gradient(135deg,#ede9fe,#ddd6fe);--banner-article-fg:#6d28d9;--banner-audio:linear-gradient(135deg,#ffedd5,#fed7aa);--banner-audio-fg:#c2410c;--banner-podcast:linear-gradient(135deg,#ffedd5,#fed7aa);--banner-podcast-fg:#c2410c;--banner-video:linear-gradient(135deg,#dcfce7,#bbf7d0);--banner-video-fg:#15803d;--banner-image:linear-gradient(135deg,#fce7f3,#fbcfe8);--banner-image-fg:#be185d;--banner-pdf:linear-gradient(135deg,#fef9c3,#fde68a);--banner-pdf-fg:#b45309;--banner-default:linear-gradient(135deg,#e0f2fe,#bae6fd);--banner-default-fg:#0369a1;--grammar-connector:#c2410c;--grammar-connector-bg:rgba(234,88,12,0.12);--grammar-verb:#16a34a;--grammar-verb-bg:rgba(22,163,74,0.12);--grammar-subject:#2563eb;--grammar-subject-bg:rgba(37,99,235,0.12);--grammar-clause:#7c3aed;--grammar-clause-bg:rgba(124,58,237,0.08);--grammar-modifier:#87877e;--grammar-modifier-bg:rgba(135,135,126,0.10)}[data-theme=dark]{color-scheme:dark;--background:#141413;--foreground:#f2f2f0;--card:#1e1e1c;--card-foreground:#f2f2f0;--secondary:#2a2a28;--secondary-foreground:#c8c8c2;--muted:#2e2e2c;--muted-foreground:#9a9a92;--accent:#3b82f6;--accent-foreground:#ffffff;--destructive:#ef4444;--border:rgba(255,255,255,0.1);--sidebar:#1a1a18;--sidebar-foreground:#f2f2f0;--sidebar-accent:#2a2a28;--sidebar-border:rgba(255,255,255,0.08);--ability-untouched:#4a4a46;--ability-active-bg:rgba(59,130,246,0.1);--ability-mastered-bg:rgba(22,163,74,0.1);--waveform-unplayed:#475569;--warning:#f59e0b;--progress:#a78bfa;--banner-article:linear-gradient(135deg,rgba(109,40,217,0.28),rgba(109,40,217,0.16));--banner-article-fg:#a78bfa;--banner-audio:linear-gradient(135deg,rgba(194,65,12,0.28),rgba(194,65,12,0.16));--banner-audio-fg:#fdba74;--banner-podcast:linear-gradient(135deg,rgba(194,65,12,0.28),rgba(194,65,12,0.16));--banner-podcast-fg:#fdba74;--banner-video:linear-gradient(135deg,rgba(21,128,61,0.28),rgba(21,128,61,0.16));--banner-video-fg:#86efac;--banner-image:linear-gradient(135deg,rgba(190,24,93,0.28),rgba(190,24,93,0.16));--banner-image-fg:#f9a8d4;--banner-pdf:linear-gradient(135deg,rgba(180,83,9,0.28),rgba(180,83,9,0.16));--banner-pdf-fg:#fde68a;--banner-default:linear-gradient(135deg,rgba(3,105,161,0.28),rgba(3,105,161,0.16));--banner-default-fg:#7dd3fc;--grammar-connector:#fb923c;--grammar-connector-bg:rgba(251,146,60,0.16);--grammar-verb:#4ade80;--grammar-verb-bg:rgba(74,222,128,0.16);--grammar-subject:#60a5fa;--grammar-subject-bg:rgba(96,165,250,0.16);--grammar-clause:#a78bfa;--grammar-clause-bg:rgba(167,139,250,0.14);--grammar-modifier:#9a9a92;--grammar-modifier-bg:rgba(154,154,146,0.14)}*,:after,:before{box-sizing:border-box}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1{font-size:var(--font-xl);line-height:1.2;font-weight:700;letter-spacing:-.02em}h2{font-size:var(--font-md)}h2,h3{line-height:1.3;font-weight:600}h3{font-size:var(--font-sm)}button,input,select,textarea{font:inherit}.app-frame{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.cards-scroll{overflow-x:auto;padding:8px;margin:-8px;scrollbar-width:none;-ms-overflow-style:none}.cards-scroll::-webkit-scrollbar,.practice-tab-strip::-webkit-scrollbar{display:none}.home-add-material-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--card));color:var(--accent);font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s}.home-add-material-button:hover{background:color-mix(in srgb,var(--accent) 12%,var(--card));border-color:color-mix(in srgb,var(--accent) 34%,var(--border))}.home-add-material-button--compact{height:32px;padding:0 12px;font-size:12px;gap:6px}.home-mobile-add-material-button,.home-mobile-context-row{display:none}.home-hero-main{min-width:0;display:flex;align-items:center;justify-content:space-between;flex:1 1;gap:16px}.learning-context-switcher-mobile{position:relative;min-width:0;flex:0 1 auto}.learning-context-switcher-mobile__button{min-width:0;height:auto;display:flex;align-items:center;gap:var(--space-3);padding:0;border:none;background:transparent;color:var(--foreground);font-family:Inter,system-ui,sans-serif;cursor:pointer}.learning-context-switcher-mobile__avatar{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--muted);color:var(--muted-foreground)}.learning-context-switcher-mobile__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-xs);font-weight:500;line-height:1.2}.learning-context-switcher-mobile__chevron{flex-shrink:0;color:var(--muted-foreground);transition:transform .15s}.learning-context-switcher-mobile__chevron.is-open{transform:rotate(180deg)}.home-recently-unlocked-mobile-title{display:none}.home-dashboard-section{--home-dashboard-card-height:246px}.home-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(236px,1fr));grid-gap:16px;gap:16px;align-items:stretch}.home-dashboard-grid>*{min-width:0}.home-onboarding-panels{display:flex;align-items:stretch;gap:24px}.home-onboarding-panel{flex:1 1;min-width:0}.mcp-setup-guide{flex:1 1;display:flex;flex-direction:column;overflow:hidden;min-height:0;background:var(--card)}.mcp-setup-guide__workspace{flex:1 1;min-height:0;overflow-x:auto;overflow-y:hidden}.mcp-setup-guide__workspace>div{height:100%;background:var(--card)}.mcp-setup-guide__workspace .workspace-layout-work-area{overflow-x:auto!important;overflow-y:hidden!important}.mcp-guide-panel{box-sizing:border-box;padding:32px clamp(24px,4vw,40px) 80px;max-width:720px}.mcp-guide-sidebar.mcp-guide-panel{max-width:none;padding:32px 20px 80px}.mcp-setup-guide__header-bar{flex-shrink:0}.mcp-setup-guide__header{display:flex;align-items:center;gap:12px;max-width:1040px;margin:0 auto;padding:16px clamp(24px,4vw,40px) 0}.mcp-setup-guide__header-rule{height:1px;width:100%;background:var(--border);margin-top:16px}.mcp-setup-guide__header-divider{width:1px;height:16px;background:var(--border);flex-shrink:0}.mcp-setup-guide__header-title{margin:0;font-size:12px;font-weight:600;font-family:Inter,system-ui,sans-serif;color:var(--foreground)}.mcp-guide-connector{display:flex;flex-direction:column;align-items:center;padding:4px 0;gap:4px}.mcp-guide-connector__line{width:1px;height:16px;background:var(--border)}.mcp-guide-connector__label{margin:0;font-size:12px;line-height:1.4;color:var(--muted-foreground);text-align:center;font-family:Inter,system-ui,sans-serif}@media (min-width:768px) and (max-width:1100px){.mcp-guide-panel{padding-left:24px;padding-right:24px}.mcp-guide-sidebar.mcp-guide-panel{padding-left:16px;padding-right:16px}.mcp-setup-guide__header{padding-left:24px;padding-right:24px}}.material-import-onboarding-steps{display:flex;flex-direction:column}.material-import-onboarding-step{display:flex;align-items:stretch;gap:12px}.material-import-onboarding-step:not(:last-child){padding-bottom:20px}.material-import-onboarding-step__icon-rail{position:relative;width:36px;flex-shrink:0}.material-import-onboarding-step:not(:last-child) .material-import-onboarding-step__icon-rail:after{content:"";position:absolute;left:50%;top:36px;bottom:-20px;width:1px;transform:translateX(-50%);background:var(--border)}.active-builders-grid{--active-builder-card-height:178px;display:flex;flex-wrap:nowrap;gap:16px;align-items:stretch;scroll-snap-type:x proximity}.active-builders-grid>*{flex:1 0 300px;min-width:300px;scroll-snap-align:start}.next-actions-grid{--next-action-card-height:164px;display:flex;flex-wrap:nowrap;gap:16px;align-items:stretch;scroll-snap-type:x proximity}.next-actions-grid>*{flex:1 0 300px;min-width:300px;scroll-snap-align:start}.next-action-feedback{opacity:0;transform:translateY(-2px);pointer-events:none;transition:opacity .12s,transform .12s}.next-actions-grid>div:focus-within .next-action-feedback,.next-actions-grid>div:hover .next-action-feedback{opacity:1;transform:translateY(0);pointer-events:auto}.training-random-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;align-items:stretch}.workspace-main{min-width:0}@keyframes feishu-setup-spin{to{transform:rotate(1turn)}}.feishu-setup-spinner{animation:feishu-setup-spin .9s linear infinite}.compact-practice-training-slot{width:100%;height:100%;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.compact-practice-insights-overlay{position:absolute;top:var(--space-3);right:var(--space-3);bottom:var(--space-3);width:min(360px,calc(100% - var(--space-6)));z-index:8;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow-md);overflow:hidden}.sidebar{min-height:100vh;height:100vh;position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;background:var(--sidebar);overflow-y:auto}.sidebar-brand{gap:var(--space-2);padding:20px 16px 12px;text-decoration:none}.brand-icon,.sidebar-brand{display:flex;align-items:center;color:white}.brand-icon{width:34px;height:34px;border-radius:var(--r-md);background:var(--accent);justify-content:center;font-weight:900;font-size:var(--font-sm);flex-shrink:0}.brand-text strong{display:block;font-size:14px;font-weight:700;color:#f5f5f4;line-height:1.2}.brand-text small{font-size:var(--font-xs);color:#57534e;line-height:1}.side-nav{flex:1 1;padding:4px 8px 8px;display:flex;flex-direction:column;gap:1px}.side-nav a{display:flex;align-items:center;gap:var(--space-2);padding:9px 10px;border-radius:var(--r-md);color:#78716c;font-size:13px;font-weight:500;text-decoration:none;transition:color .12s,background .12s}.side-nav a:hover{color:#d6d3d1;background:#292524}.side-nav a.active{color:#fafaf8;background:#292524}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);flex-shrink:0;opacity:.85}.side-nav a.active .nav-icon{opacity:1}.nav-label{flex:1 1}.nav-sub{font-size:var(--font-xs);color:#57534e}.sidebar-divider{height:1px;background:#292524;margin:6px 14px}.sidebar-footer{padding:12px 16px;gap:var(--space-2);border-top:1px solid #292524}.sidebar-footer,.user-avatar{display:flex;align-items:center}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);justify-content:center;font-size:12px;font-weight:600;color:white;flex-shrink:0}.user-info strong{display:block;font-size:12px;font-weight:600;color:#a8a29e}.user-info small{font-size:var(--font-xs);color:#57534e}.brand-mark,.brand>small,.mini-flow,.panel-label,.sidebar-panel{display:none}.workspace{min-height:100vh;background:var(--canvas);display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:13px 28px;border-bottom:1px solid var(--border);background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:10;min-height:56px}.topbar .eyebrow{display:none}.topbar h1{font-size:var(--font-md);font-weight:700;letter-spacing:-.01em}.topbar .subtle{display:none}.topbar-actions{gap:8px}.icon-btn,.topbar-actions{display:flex;align-items:center}.icon-btn{width:34px;height:34px;border:none;background:transparent;border-radius:var(--r-md);cursor:pointer;color:var(--text-2);font-size:16px;justify-content:center;transition:background .12s}.icon-btn:hover{background:var(--canvas-2)}.content{flex:1 1;padding:28px 32px}.safe-bottom{padding-bottom:var(--app-safe-bottom,0)}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:13px;font-weight:500;cursor:pointer;color:var(--text);text-decoration:none;line-height:1;white-space:nowrap;background:none;border:none;padding:0;border-radius:0;margin:0}button:disabled{cursor:not-allowed}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 16px;border-radius:var(--r-md);font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;transition:background .12s,border-color .12s,color .12s;line-height:1;white-space:nowrap}.button:hover{background:var(--canvas-2)}.btn-primary,.button.primary{background:var(--accent);border-color:var(--accent);color:white}.button.primary:hover{background:var(--accent-h);border-color:var(--accent-h)}.button.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.button.ghost:hover{background:var(--canvas-2);border-color:transparent}.button.danger{background:transparent;border-color:transparent;color:var(--danger)}.button.danger:hover{background:#fef2f2}.button:disabled{opacity:.4;cursor:not-allowed}.btn-sm{padding:5px 10px;font-size:12px}.text-link{background:none;border:none;padding:0;margin:0;color:var(--accent);cursor:pointer;font:inherit;text-decoration:none;transition:color .12s}.text-link:hover{color:var(--accent-h)}.segmented{display:inline-flex;background:var(--canvas-2);border-radius:var(--r-md);padding:3px;gap:2px}.segmented button{padding:5px 12px;border:none;background:transparent;border-radius:var(--r-md);font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer;transition:all .12s}.segmented button.active{background:white;color:var(--text);box-shadow:var(--shadow-xs)}.segmented.full{display:flex;width:100%}.segmented.full button{flex:1 1}.home-header{margin-bottom:24px}.home-greeting{font-size:24px;margin-bottom:3px}.home-subtitle{font-size:14px}.builder-quickstart{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px;margin-bottom:28px}.builder-quick-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:14px 8px 12px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border);cursor:pointer;text-decoration:none;color:var(--text);transition:all .15s;text-align:center}.builder-quick-btn:hover{border-color:var(--accent);background:var(--accent-bg);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.builder-quick-icon{width:38px;height:38px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--canvas-2)}.builder-quick-name{font-size:12px;font-weight:600;color:var(--text);line-height:1.3}.builder-quick-desc{font-size:var(--font-xs);color:var(--muted);line-height:1.3}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:var(--space-4);gap:var(--space-4);align-items:start}.home-main{gap:var(--space-4)}.home-aside,.home-main{display:flex;flex-direction:column}.home-aside{gap:12px}.continue-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px}.block-title{font-size:var(--font-xs);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.continue-card{display:flex;gap:12px;align-items:flex-start}.continue-thumb{width:72px;height:72px;border-radius:var(--r-md);background:var(--canvas-3);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-xl)}.continue-info{flex:1 1;min-width:0}.continue-builder{font-size:var(--font-xs);font-weight:700;color:var(--accent);margin-bottom:2px;text-transform:uppercase;letter-spacing:.04em}.continue-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:7px;line-height:1.4}.progress-bar{height:4px;background:var(--border);border-radius:var(--r-pill);overflow:hidden;margin-bottom:4px}.progress-bar-fill{height:100%;background:var(--accent);border-radius:var(--r-pill);transition:width .3s ease}.continue-progress-text{margin-bottom:8px}.continue-meta,.continue-progress-text{font-size:var(--font-xs);color:var(--muted)}.continue-actions{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-end;flex-shrink:0}.continue-empty{text-align:center;padding:18px;color:var(--muted);font-size:13px;line-height:1.5}.opp-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.opp-section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0}.opp-section-title{font-size:13px;font-weight:700;color:var(--text)}.opp-refresh-btn{width:28px;height:28px;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:var(--r-md);font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .12s}.opp-refresh-btn:hover{background:var(--canvas-2);color:var(--text)}.opp-tabs{display:flex;gap:0;padding:10px 18px;border-bottom:1px solid var(--border)}.opp-tab{padding:5px 13px;border-radius:var(--r-md);font-size:12px;font-weight:500;color:var(--text-2);cursor:pointer;border:none;background:transparent;transition:all .12s}.opp-tab.active,.opp-tab:hover{background:var(--canvas-2)}.opp-tab.active{color:var(--text);font-weight:600}.opp-cards-wrap{padding:14px}.opp-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-2);gap:var(--space-2)}.opp-card{background:var(--canvas);border:1px solid var(--border);border-radius:var(--r);padding:13px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s,transform .15s}.opp-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px);background:var(--surface)}.opp-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-1)}.opp-badges{display:flex;gap:4px;flex-wrap:wrap;flex:1 1}.opp-source-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--r-pill);font-size:var(--font-xs);font-weight:700;background:#fef3c7;color:#92400e}.opp-source-badge.ted,.opp-source-badge.youtube{background:#fee2e2;color:#991b1b}.opp-source-badge.cbc,.opp-source-badge.news{background:#dbeafe;color:#1e40af}.opp-source-badge.podcast{background:#f3e8ff;color:#6b21a8}.opp-source-badge.pdf{background:#fef3c7;color:#92400e}.opp-source-badge.audio{background:#ecfdf5;color:#065f46}.opp-source-badge.video{background:#fee2e2;color:#991b1b}.opp-source-badge.user{background:var(--canvas-2);color:var(--text-2)}.opp-origin-badge{display:inline-flex;padding:2px 7px;border-radius:var(--r-pill);font-size:var(--font-xs);font-weight:500;background:var(--canvas-2);color:var(--muted);white-space:nowrap}.opp-origin-badge.ai{background:#ede9fe;color:#5b21b6}.opp-origin-badge.pick{background:#fef3c7;color:#92400e}.opp-save-btn{padding:3px;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:var(--r-md);font-size:14px;line-height:1;flex-shrink:0;transition:color .12s,background .12s}.opp-save-btn:hover{color:var(--accent);background:var(--accent-bg)}.opp-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.4}.opp-source-name{font-size:var(--font-xs);color:var(--muted)}.opp-builders{display:flex;flex-wrap:wrap;gap:4px}.builder-chip{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--r-pill);font-size:var(--font-xs);font-weight:500;background:var(--canvas-2);color:var(--text-2)}.builder-chip.story-builder{background:#fdf8f5;color:var(--story)}.builder-chip.opinion-builder{background:#f3f4f6;color:var(--opinion)}.builder-chip.example-builder{background:#ecfeff;color:var(--example)}.builder-chip.summary-builder{background:#eff6ff;color:var(--summary)}.builder-chip.prediction-builder{background:#f5f3ff;color:var(--predict)}.builder-chip.persuasion-builder{background:#fffbeb;color:var(--persuade)}.builder-chip.reason-builder{background:#ecfdf5;color:var(--reason)}.builder-chip.comparison-builder{background:#f0fdfa;color:var(--compare)}.opp-meta{gap:var(--space-2);font-size:var(--font-xs);color:var(--muted)}.opp-meta,.opp-meta-item{display:flex;align-items:center}.opp-meta-item{gap:3px}.goal-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px}.goal-ring-row{gap:12px;margin-bottom:12px}.goal-ring,.goal-ring-row{display:flex;align-items:center}.goal-ring{width:58px;height:58px;border-radius:50%;border:4px solid var(--border);justify-content:center;font-size:var(--font-md);font-weight:700;color:var(--accent);flex-shrink:0}.goal-ring.done{border-color:var(--success);color:var(--success)}.goal-ring-label{font-size:13px;font-weight:600;color:var(--text)}.goal-ring-sub{font-size:var(--font-xs);color:var(--muted)}.goal-items{flex-direction:column}.goal-item,.goal-items{display:flex;gap:var(--space-2)}.goal-item{align-items:center;font-size:13px;color:var(--text-2)}.goal-check{width:17px;height:17px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-xs);color:var(--muted)}.goal-check.done{background:var(--success);border-color:var(--success);color:white}.goal-check.active{border-color:var(--accent);color:var(--accent)}.goal-item-status{margin-left:auto;font-size:var(--font-xs);color:var(--muted)}.goal-item.done-item .goal-item-status{color:var(--success)}.goal-item.active-item .goal-item-status{color:var(--accent)}.ai-pick-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.ai-pick-thumb{width:100%;height:120px;background:var(--canvas-3);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-size:var(--font-xl)}.ai-pick-source-tag{left:8px;background:rgba(220,38,38,.92);font-weight:700}.ai-pick-badge,.ai-pick-source-tag{position:absolute;top:8px;color:white;padding:2px 7px;border-radius:var(--r-sm);font-size:var(--font-xs)}.ai-pick-badge{right:8px;background:rgba(91,33,182,.92);font-weight:600}.ai-pick-body{padding:12px;display:flex;flex-direction:column;gap:var(--space-2)}.ai-pick-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.4}.ai-pick-source{font-size:var(--font-xs);color:var(--muted)}.ai-pick-builders{display:flex;flex-wrap:wrap;gap:4px}.ai-pick-meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-xs);color:var(--muted)}.manifests-mini{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:13px}.manifests-mini-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.manifests-mini-header span{font-size:12px;font-weight:700;color:var(--text)}.manifests-mini-header a{font-size:12px;color:var(--accent)}.manifest-mini-item{display:flex;align-items:flex-start;gap:8px;padding:7px 0;border-top:1px solid var(--border-soft);text-decoration:none;color:inherit}.manifest-mini-item:first-of-type{border-top:none;padding-top:0}.manifest-mini-icon{width:28px;height:28px;border-radius:var(--r-md);background:var(--canvas-2);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.manifest-mini-info{flex:1 1;min-width:0}.manifest-mini-name{font-size:12px;font-weight:600;color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manifest-mini-builder,.manifest-mini-date{font-size:var(--font-xs);color:var(--muted)}.manifest-mini-date{flex-shrink:0}.import-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.import-section-text h3{font-size:14px;font-weight:600;color:var(--text);margin-bottom:3px}.import-section-text p{font-size:12px;color:var(--muted);line-height:1.5}.import-types{display:flex;gap:var(--space-2)}.import-type-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:var(--font-xs);font-weight:600;color:var(--text-2);transition:all .12s}.import-type-btn:hover{background:var(--canvas-2);border-color:var(--accent);color:var(--accent)}.import-type-btn .import-type-icon{font-size:var(--font-lg)}.opps-header{margin-bottom:20px}.opps-title{font-size:var(--font-lg);font-weight:700;color:var(--text);margin-bottom:3px;letter-spacing:-.02em}.opps-subtitle{font-size:13px;color:var(--text-2)}.opps-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border)}.filter-select{padding:6px 11px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:13px;cursor:pointer}.opps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:12px;gap:12px}.practice-info-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:13px 16px;margin-bottom:18px}.practice-info-builder{font-size:var(--font-xs);font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.practice-info-title{font-size:16px;font-weight:700;color:var(--text)}.practice-info-source{font-size:12px;color:var(--muted)}.practice-layout{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:var(--space-4);gap:var(--space-4);align-items:start}.practice-flow{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.practice-flow-header{padding:13px 16px;border-bottom:1px solid var(--border)}.practice-flow-label{font-size:var(--font-xs);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.practice-step{padding:16px;border-bottom:1px solid var(--border-soft)}.practice-step:last-child{border-bottom:none}.practice-step-num{font-size:var(--font-xs);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.practice-step-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px}.practice-step-text{font-size:13px;color:var(--text-2);line-height:1.6}.practice-console{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.practice-console-header{padding:13px 16px;border-bottom:1px solid var(--border)}.practice-console-body{padding:16px;display:flex;flex-direction:column;gap:13px}.practice-field-label{font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:4px;display:block}.practice-textarea{width:100%;min-height:140px;padding:10px 11px;border:1px solid var(--border);border-radius:var(--r-md);resize:vertical;font-size:14px;color:var(--text);background:var(--canvas);line-height:1.6}.practice-textarea:focus{outline:none;border-color:var(--accent)}.recording-status{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--canvas-2);border-radius:var(--r-md);font-size:13px;font-weight:500;color:var(--text-2)}.recording-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex-shrink:0}.recording-dot.active{background:var(--danger);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes record-audio-mic-ring-pulse{0%,to{opacity:.15}50%{opacity:.28}}.record-audio-mic-shell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:104px;height:104px;flex-shrink:0}.record-audio-mic-halo{position:absolute;border-radius:50%;pointer-events:none}.record-audio-mic-halo--outer{inset:0;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 16%,#6366f1) 0,color-mix(in srgb,var(--accent) 8%,#eef2ff) 52%,transparent 76%);animation:record-audio-mic-ring-pulse 3.2s ease-in-out infinite}.record-audio-mic-core{position:relative;z-index:1;width:72px;height:72px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 40%,#6366f1);background:var(--card);color:color-mix(in srgb,var(--accent) 45%,#6366f1);display:inline-flex;align-items:center;justify-content:center;transform:scale(1);transition:transform .18s ease-out;will-change:transform}.save-banner{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--r);padding:13px 14px;display:flex;flex-direction:column;gap:var(--space-1)}.save-banner strong{font-size:13px;color:var(--success)}.save-banner p{font-size:12px;color:var(--text-2)}.banner-actions{display:flex;gap:8px;margin-top:3px}.manifests-header{margin-bottom:20px}.manifests-title{font-size:var(--font-lg);font-weight:700;color:var(--text);margin-bottom:3px;letter-spacing:-.02em}.manifests-subtitle{font-size:13px;color:var(--text-2)}.manifests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-gap:13px;gap:13px}.manifest-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:var(--space-2);transition:box-shadow .15s}.manifest-card:hover{box-shadow:var(--shadow-sm)}.manifest-card-icon{width:36px;height:36px;border-radius:var(--r-md);background:var(--accent-bg);display:flex;align-items:center;justify-content:center;font-size:var(--font-md)}.manifest-card-builder{font-size:var(--font-xs);font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.manifest-card-title{font-size:var(--font-sm);font-weight:700;color:var(--text);line-height:1.3}.manifest-card-capability{font-size:13px;color:var(--text-2);line-height:1.5}.manifest-card-date{font-size:var(--font-xs);color:var(--muted)}.atlas-header{margin-bottom:22px}.atlas-title{font-size:var(--font-lg);font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:3px}.atlas-subtitle{font-size:13px;color:var(--text-2)}.atlas-legend{display:flex;gap:var(--space-4);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border)}.atlas-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--text-2)}.atlas-legend-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.atlas-legend-dot.explored{background:#3b82f6}.atlas-legend-dot.manifested{background:var(--accent)}.atlas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:11px;gap:11px}.atlas-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:var(--space-2);text-decoration:none;color:inherit;transition:box-shadow .15s}.atlas-card:hover{box-shadow:var(--shadow-sm)}.atlas-card.is-manifested{border-color:var(--accent);background:var(--accent-bg)}.atlas-card.is-explored{border-color:#bfdbfe}.atlas-state-badge{display:inline-flex;padding:2px 8px;border-radius:var(--r-pill);font-size:var(--font-xs);font-weight:700;background:var(--canvas-2);color:var(--muted);align-self:flex-start;letter-spacing:.04em;text-transform:uppercase}.atlas-state-badge.explored{background:#dbeafe;color:#1d4ed8}.atlas-state-badge.manifested{background:var(--accent-bg);color:var(--accent)}.atlas-card-name{font-size:14px;font-weight:700;color:var(--text)}.atlas-card-desc{font-size:12px;color:var(--text-2);line-height:1.5}.atlas-card-stats{display:flex;gap:12px;font-size:var(--font-xs);color:var(--muted);padding-top:5px;border-top:1px solid var(--border-soft)}.atlas-stat{display:flex;gap:3px;align-items:center}.atlas-stat strong{color:var(--text)}.mobile-ability-tree{display:none}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.panel-heading h2{font-size:13px;font-weight:600}.panel-heading a,.panel-heading>div>a{font-size:12px;color:var(--accent)}.stack{display:flex;flex-direction:column}.data-row{display:flex;align-items:center;gap:var(--space-2);padding:9px 13px;border-bottom:1px solid var(--border-soft);text-decoration:none;color:var(--text);transition:background .1s}.data-row:last-child{border-bottom:none}.data-row:hover{background:var(--canvas)}.data-row span{display:flex;flex-direction:column;gap:1px;flex:1 1;min-width:0}.data-row strong{font-size:13px;font-weight:500}.data-row small,.data-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-row em,.data-row small{font-size:var(--font-xs);color:var(--muted)}.data-row em{font-style:normal}.data-row.as-button{cursor:pointer;background:none;border:none;width:100%;text-align:left}.form-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;gap:12px}.form-panel,.form-panel label{display:flex;flex-direction:column}.form-panel label{gap:4px;font-size:13px;font-weight:500;color:var(--text-2)}.form-panel input:not(.auth-input),.form-panel select,.form-panel textarea{padding:7px 9px;border:1px solid var(--border);border-radius:var(--r-md);font-size:13px;color:var(--text);background:var(--canvas)}.form-panel input:not(.auth-input):focus,.form-panel select:focus,.form-panel textarea:focus{outline:none;border-color:var(--accent)}.form-panel textarea{min-height:72px;resize:vertical}.form-actions{display:flex;gap:var(--space-2)}.field-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-2);gap:var(--space-2)}.tag-row{display:flex;flex-wrap:wrap;gap:4px}.tag-row span{padding:2px 7px;background:var(--canvas-2);border-radius:var(--r-pill);font-size:var(--font-xs);color:var(--text-2)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:26px 20px;text-align:center}.empty-state p{font-size:13px;color:var(--muted)}.empty-state.large{padding:52px 20px}.kpi{display:flex;flex-direction:column;gap:1px}.kpi strong{font-size:20px;font-weight:700;color:var(--text)}.kpi small{font-size:var(--font-xs);color:var(--muted)}.kpi-strip,.metric-grid{display:flex;gap:20px}.metric-grid{padding:10px 13px;border-top:1px solid var(--border-soft)}.builder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:13px;gap:13px}.builder-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:var(--space-2);text-decoration:none;color:var(--text);transition:box-shadow .15s}.builder-card:hover{box-shadow:var(--shadow-sm)}.builder-category{font-size:var(--font-xs);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.builder-card h2{font-size:14px;font-weight:700}.builder-card p{font-size:12px;color:var(--text-2);line-height:1.5}.asset-workspace,.dashboard-grid,.split-page{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px}.content-box{font-size:13px;white-space:pre-wrap;word-break:break-word;color:var(--text-2);line-height:1.6}.source-link{font-size:13px;color:var(--accent);word-break:break-all}.meta-line{display:flex;gap:var(--space-2);font-size:var(--font-xs);color:var(--muted)}.record-card{padding:11px 13px;border-bottom:1px solid var(--border-soft);display:flex;flex-direction:column;gap:3px}.record-card:last-child{border-bottom:none}.record-card strong{font-size:13px;font-weight:600}.record-card p{font-size:12px;color:var(--text-2)}.record-card small{font-size:var(--font-xs);color:var(--muted)}.record-card .subtle{font-size:12px;color:var(--muted)}.row-actions{margin-top:4px}.inline-form,.row-actions{display:flex;gap:var(--space-2)}.inline-form{padding:9px 13px}.toolbar{gap:var(--space-2);padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid var(--border);flex-wrap:wrap}.toolbar,.toolbar label{display:flex;align-items:center}.toolbar label{gap:4px;font-size:13px;color:var(--text-2)}.toolbar select{padding:5px 9px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);font-size:13px}.form-panel.wide{max-width:560px}.form-panel.embedded{border:none;background:transparent;padding:0}.task-card{padding:16px;border-bottom:1px solid var(--border-soft)}.task-card:last-child{border-bottom:none}.task-card>span{display:block;font-size:var(--font-xs);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.task-card h3{font-size:13px;font-weight:600;margin-bottom:4px}.task-card p{font-size:13px;color:var(--text-2);line-height:1.6}.hero-board{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;margin-bottom:18px}.hero-board h2{font-size:14px;font-weight:600;margin-bottom:4px}.eyebrow{font-size:var(--font-xs);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.subtle{font-size:13px;color:var(--text-2)}.muted{color:var(--muted)!important}.loading-screen{flex-direction:column;min-height:100vh;gap:8px;color:var(--muted)}.loading-screen,.modal-overlay{display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;inset:0;background:rgba(28,25,23,.5);z-index:200;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:490px;box-shadow:var(--shadow-md);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:16px;font-weight:700}.modal-close{width:28px;height:28px;border:none;background:var(--canvas-2);border-radius:var(--r-md);cursor:pointer;font-size:var(--font-sm);color:var(--text-2);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--border)}.modal-body{padding:17px 20px;display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto}.modal-footer{padding:12px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.modal label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:var(--text-2)}.modal input,.modal select,.modal textarea{padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-md);font:inherit;font-size:13px;color:var(--text);background:var(--canvas)}.modal input:focus,.modal textarea:focus{outline:none;border-color:var(--accent)}.modal textarea{min-height:85px;resize:vertical}.import-type-row{display:flex;gap:var(--space-1)}.import-type-chip{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 10px;border:2px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;font-size:var(--font-xs);font-weight:600;color:var(--text-2);transition:all .12s;flex:1 1}.import-type-chip.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.import-type-chip span:first-child{font-size:var(--font-md)}.nav-label-group{display:flex;flex-direction:column;gap:1px;flex:1 1}.nav-sub-label{font-size:var(--font-xs);color:#57534e;line-height:1;font-weight:400}.sidebar-settings-link{display:flex;align-items:center;gap:var(--space-2);padding:9px 10px;border-radius:var(--r-md);margin:0 8px;color:#78716c;font-size:13px;font-weight:500;text-decoration:none;transition:color .12s,background .12s}.sidebar-settings-link:hover{color:#d6d3d1;background:#292524}.sidebar-user-profile{display:flex;align-items:center;gap:var(--space-2);padding:12px 16px;border-top:1px solid #292524}.sidebar-user-profile .user-avatar{width:30px;height:30px;font-size:12px}.sidebar-user-profile .user-info{flex:1 1}.sidebar-user-profile strong{display:block;font-size:12px;font-weight:600;color:#a8a29e}.sidebar-user-profile small{font-size:var(--font-xs);color:#57534e}.content-with-panel{display:grid;grid-template-columns:minmax(0,1fr) 288px;grid-gap:0;gap:0;flex:1 1;min-height:0}.right-panel{border-left:1px solid var(--border);background:var(--canvas);height:100vh;position:-webkit-sticky;position:sticky;top:0;overflow-y:auto}.home-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.home-topbar-left{flex:1 1}.home-greeting{font-size:var(--font-lg);font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:2px}.home-subtitle{font-size:13px;color:var(--text-2)}.home-topbar-actions{display:flex;align-items:center;gap:var(--space-2);padding-top:3px;flex-shrink:0}.home-import-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:7px 13px;border-radius:var(--r-md);background:var(--accent);color:white;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s}.home-import-btn:hover{background:var(--accent-h)}.home-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:white;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;cursor:pointer}.home-continue-row{display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-gap:var(--space-4);gap:var(--space-4);align-items:start;margin-bottom:18px}.continue-thumb-lg{width:80px!important;height:80px!important;font-size:var(--font-xl)!important}.goal-ring-lg{width:72px;height:72px;font-size:20px}.goal-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--border-soft)}.goal-footer-text{font-size:var(--font-xs);color:var(--muted)}.opp-header-left{display:flex;flex-direction:column;gap:8px;flex:1 1}.opp-header-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.opp-section-main-title{font-size:14px;font-weight:700;color:var(--text);line-height:1.3}.opp-section-header{flex-direction:row!important;align-items:flex-start!important;padding-bottom:0!important}.home-right-panel{padding:20px 16px;display:flex;flex-direction:column;gap:12px}.right-panel-title{font-size:var(--font-xs);font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.06em}.right-panel-section-header{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.featured-pick-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.featured-pick-thumb{width:100%;height:110px;background:linear-gradient(135deg,#1c1917,#292524);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.featured-source-tag{left:8px;background:rgba(220,38,38,.92);font-weight:700}.featured-ai-badge,.featured-source-tag{position:absolute;top:8px;color:white;padding:2px 7px;border-radius:var(--r-sm);font-size:var(--font-xs)}.featured-ai-badge{right:8px;background:rgba(91,33,182,.92);font-weight:600}.featured-pick-body{padding:11px 12px;display:flex;flex-direction:column;gap:var(--space-1)}.featured-pick-title{font-size:12px;font-weight:600;color:var(--text);line-height:1.4}.featured-pick-meta,.featured-pick-source{font-size:var(--font-xs);color:var(--muted)}.featured-pick-meta{display:flex;gap:var(--space-2);align-items:center}.achievement-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:7px 0;border-top:1px solid var(--border-soft);text-decoration:none;color:inherit}.achievement-item:first-of-type{border-top:none}.achievement-icon{width:30px;height:30px;border-radius:var(--r-md);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px}.achievement-info{flex:1 1;min-width:0}.achievement-title{font-size:var(--font-xs);font-weight:600;color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievement-date,.achievement-sub{font-size:var(--font-xs);color:var(--muted)}.achievement-date{margin-top:1px}.auth-page{width:100%;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(360px,5fr) minmax(0,7fr);background:#fff;color:rgb(17,24,39);font-family:Inter,system-ui,sans-serif}.auth-page .brand-panel{min-height:100vh;padding:var(--space-16);display:flex;flex-direction:column;justify-content:space-between;background-color:rgb(92,111,225);background-image:url(/Login-BG.png);background-blend-mode:normal;background-size:cover;background-position:50%;color:#fff}.auth-page .brand-logo{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--font-xl);font-weight:700;letter-spacing:0}.auth-page .brand-logo img{width:32px;height:32px;flex:0 0 auto}.auth-page .brand-copy{max-width:480px}.auth-page .brand-copy h1{margin:0;color:#fff;font-size:40px;line-height:1.3;font-weight:700;letter-spacing:0}.auth-page .brand-copy h1 span{color:rgb(255,199,216)}.auth-page .brand-copy p{max-width:400px;margin:var(--space-4) 0 0;color:rgba(255,255,255,.82);font-size:var(--font-sm);line-height:1.45}.auth-page .auth-form-panel{min-height:100vh;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;padding:var(--space-16) var(--space-12) var(--space-16) 132px;background:#fff}.auth-page .form-shell{width:100%;max-width:520px;align-self:stretch;display:flex;flex-direction:column;min-height:0}.auth-page .form-main{margin-top:auto}.auth-page .form-intro{display:block}.auth-page .eyebrow{margin:0 0 var(--space-2);color:rgb(126,137,153);font-size:var(--font-sm);line-height:1.2;font-weight:500;text-transform:none;letter-spacing:0}.auth-page h2{margin:0 0 var(--space-16);color:rgb(17,24,39);font-size:32px;line-height:1.3;font-weight:700;letter-spacing:0}.auth-page .auth-form{display:flex;flex-direction:column;gap:var(--space-8)}.auth-page .auth-field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-page .auth-password-block{display:flex;flex-direction:column;gap:var(--space-3)}.auth-page .auth-field label{color:rgb(126,137,153);font-size:var(--font-compact);font-weight:600;line-height:1}.auth-page .auth-input-wrap{position:relative;display:flex;align-items:center;height:var(--space-10);border-bottom:1px solid rgb(210,215,223);transition:border-color .15s ease}.auth-page .auth-input-wrap.is-focused{border-color:var(--accent)}.auth-page .auth-input-wrap .auth-input{flex:1 1;min-width:0;width:100%;height:var(--space-10);box-sizing:border-box;border:0;border-radius:0;outline:none;background:transparent;color:rgb(17,24,39);font-family:Inter,system-ui,sans-serif;font-size:var(--font-sm);line-height:var(--font-sm);padding:13px var(--space-12) 13px 0;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.auth-page .auth-input-wrap .auth-input::placeholder{color:rgb(151,158,171);opacity:1}.auth-page .icon-control{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;background:transparent;color:rgb(96,105,121);cursor:pointer}.auth-page .clear-control{right:var(--space-6);color:rgb(180,186,197)}.auth-page .visibility-control{right:0}.auth-page .form-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.auth-page .remember-control{display:inline-flex;flex-direction:row;align-items:center;gap:var(--space-2);color:rgb(126,137,153);font-size:var(--font-compact);line-height:1;cursor:pointer}.auth-page .remember-control input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.auth-page .inline-link,.auth-page .mode-footer button,.auth-page .text-button{border:0;background:transparent;color:rgb(83,91,107);font-family:Inter,system-ui,sans-serif;font-size:var(--font-compact);font-weight:600;cursor:pointer;padding:0}.auth-page .error-message{padding:var(--space-3) var(--space-4);border-radius:var(--r-md);background:rgba(220,38,38,.07);color:rgb(185,28,28);font-size:var(--font-sm);line-height:1.45}.auth-page .primary-button{width:100%;height:64px;margin-top:var(--space-8);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;border-radius:var(--r-pill);background:var(--accent);color:#fff;box-shadow:var(--shadow-md);font-family:Inter,system-ui,sans-serif;font-size:var(--font-md);font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.auth-page .google-button:disabled,.auth-page .primary-button:disabled{cursor:default;opacity:.68}.auth-page .primary-button:not(:disabled):hover{transform:translateY(-1px)}.auth-page .divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);margin:var(--space-6) 0;color:rgb(158,170,189);font-size:var(--font-compact);font-weight:600}.auth-page .divider:after,.auth-page .divider:before{content:"";height:1px;background:rgb(226,232,240)}.auth-page .google-button{width:100%;height:64px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid rgb(222,228,237);border-radius:var(--r-pill);background:#fff;color:rgb(31,41,55);font-family:Inter,system-ui,sans-serif;font-size:var(--font-sm);font-weight:600;cursor:pointer}.auth-page .google-button img{width:20px;height:20px}.auth-page .mode-footer{min-height:24px;margin-top:var(--space-10);display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:rgb(126,137,153);font-size:var(--font-compact);line-height:1.2}.auth-page .mode-footer button{color:rgb(31,41,55);font-size:var(--font-compact);font-weight:700}.auth-page .guest-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;margin-top:var(--space-5);border:0;background:transparent;padding:0;color:rgb(113,113,122);font-family:Inter,system-ui,sans-serif;font-size:var(--font-compact);font-weight:400;line-height:1.2;text-decoration:none;cursor:pointer}.auth-page .guest-link:disabled{cursor:default;opacity:.6}.auth-page .guest-link:not(:disabled):hover{color:rgb(82,82,91)}.auth-page .sent-state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding-top:var(--space-2)}.auth-page .sent-title{margin:0;color:rgb(17,24,39);font-size:var(--font-md);font-weight:700}.auth-page .sent-copy{margin:0;color:rgb(126,137,153);font-size:var(--font-sm);line-height:1.55}.auth-page .text-button{margin-top:var(--space-2);color:var(--accent)}@media (max-width:1120px){.auth-page{grid-template-columns:minmax(320px,5fr) minmax(0,7fr)}.auth-page .brand-panel{padding:var(--space-10) var(--space-8)}.auth-page .auth-form-panel{padding:var(--space-10) var(--space-8) var(--space-16)}}@media (max-width:780px){.auth-page{display:flex;flex-direction:column;background:rgb(92,111,225);overflow-x:hidden}.auth-page .brand-panel{position:relative;z-index:0;flex:0 0 auto;min-height:0;padding:var(--space-6) var(--space-5) var(--space-12);justify-content:flex-start;gap:var(--space-8)}.auth-page .brand-logo{font-size:var(--font-lg)}.auth-page .brand-logo img{width:20px;height:20px}.auth-page .brand-copy{max-width:none}.auth-page .brand-copy h1{font-size:30px;line-height:1.25}.auth-page .brand-copy p{display:block;margin-top:var(--space-3);max-width:280px;font-size:var(--font-compact);line-height:1.55;color:rgba(255,255,255,.78)}.auth-page .auth-form-panel{position:relative;z-index:1;flex:1 1 auto;width:100%;min-height:0;margin-top:calc(-1 * var(--space-6));align-items:stretch;justify-content:flex-start;border-radius:var(--space-6) var(--space-6) 0 0;background:#fff;padding:var(--space-8) var(--space-6) calc(var(--space-16) + var(--mobile-pwa-bottom-safe-area));box-shadow:0 -12px 32px rgba(15,23,42,.08);box-sizing:border-box}.auth-page .form-shell{width:100%;max-width:none;flex:1 1;min-height:0}.auth-page .form-intro{display:none}.auth-page .auth-form{gap:var(--space-5)}.auth-page .google-button,.auth-page .primary-button{height:56px}.auth-page .primary-button{margin-top:var(--space-4)}.auth-page .divider{margin:var(--space-5) 0}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-sm)}.scroll-reveal{scrollbar-width:none}.scroll-reveal::-webkit-scrollbar{width:0;height:0}.scroll-reveal.scroll-reveal--active{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.scroll-reveal.scroll-reveal--active::-webkit-scrollbar{width:5px;height:5px}.scroll-reveal.scroll-reveal--active::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-sm)}@media (max-width:1280px){.home-dashboard-section{--home-dashboard-card-height:238px}.home-dashboard-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.home-layout{grid-template-columns:1fr}.home-aside{flex-direction:row;flex-wrap:wrap}.home-aside>*{flex:1 1;min-width:240px}.builder-quickstart{grid-template-columns:repeat(4,1fr)}.opp-cards{grid-template-columns:repeat(2,1fr)}.content-with-panel{grid-template-columns:1fr}.right-panel{display:none}.home-continue-row{grid-template-columns:1fr}}@media (max-width:960px){.training-random-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;margin-right:-24px;padding-right:24px;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity}.training-random-grid::-webkit-scrollbar{display:none}.training-random-grid>*{flex:0 0 min(420px,86vw);min-width:280px;scroll-snap-align:start}.builder-quickstart{grid-template-columns:repeat(4,1fr)}.opp-cards{grid-template-columns:1fr 1fr}.asset-workspace,.dashboard-grid,.home-continue-row,.practice-layout,.split-page{grid-template-columns:1fr}}@media (max-width:760px){.home-dashboard-section{--home-dashboard-card-height:232px}.active-builders-scroll,.home-dashboard-scroll,.next-actions-scroll{margin-right:-24px;padding-right:24px}.home-dashboard-grid{width:max-content;grid-auto-flow:column;grid-auto-columns:minmax(260px,84vw);grid-template-columns:none}.active-builders-grid,.next-actions-grid{--active-builder-card-height:172px;--next-action-card-height:166px}.active-builders-grid>*,.next-actions-grid>*{flex-basis:86vw;min-width:280px;max-width:360px}.training-random-grid>*{flex:0 0 86vw;min-width:280px;max-width:420px;scroll-snap-align:start}}.materials-explorer__card-list,.mobile-library__list{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;width:100%;box-sizing:border-box}.materials-explorer__card-list{padding:var(--space-4)}.materials-explorer__card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:var(--space-4);gap:var(--space-4);min-width:0;width:100%;padding:var(--space-4);box-sizing:border-box}.materials-explorer__card-grid--with-detail{grid-template-columns:minmax(0,1fr)}.mobile-material-card__menu-backdrop{position:fixed;inset:0;z-index:28;border:0;background:transparent;padding:0;margin:0}.mobile-material-card__menu{position:absolute;z-index:30;min-width:188px;display:flex;flex-direction:column;align-items:stretch;gap:2px;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:0 14px 34px rgba(0,0,0,.12);padding:4px;top:28px;right:0}.mobile-material-card__menu button{width:100%;min-height:34px;display:flex;align-items:center;justify-content:flex-start;gap:8px;border:0;border-radius:6px;background:transparent;color:var(--foreground);font:inherit;font-size:13px;text-align:left;padding:0 10px;margin:0;cursor:pointer}.mobile-material-card__menu button.is-danger{color:var(--destructive)}.mobile-material-card{width:100%;min-width:0;display:grid;grid-template-columns:120px minmax(0,1fr);border:1px solid var(--border);border-radius:var(--r-xl);background:var(--card);overflow:hidden;box-sizing:border-box;cursor:pointer;container-type:inline-size}.mobile-material-card:focus,.mobile-material-card:focus-visible{outline:0;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 42%,transparent)}.mobile-material-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.mobile-material-card__visual{position:relative;min-width:0;min-height:0;align-self:stretch;border:0;border-radius:0;display:flex;align-items:center;justify-content:center;cursor:inherit;margin:0;padding:0}.mobile-material-card__visual-decor{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.mobile-material-card__status{position:absolute;top:var(--space-3);left:var(--space-3);max-width:calc(100% - 2 * var(--space-3))}.mobile-material-card__visual--video{background:linear-gradient(135deg,#f1edff,#ede9fe);color:#6d5ef6}.mobile-material-card__visual--image{background:linear-gradient(135deg,#e7f0ff,#e2e8ff);color:#5f62f2}.mobile-material-card__visual--audio{background:linear-gradient(135deg,#fff5c9,#fce7f3);color:#f97316}.mobile-material-card__visual--text{background:linear-gradient(135deg,#cbfcef,#d7fae7);color:#06b6d4}.mobile-material-card__body{min-width:0;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3)}.mobile-material-card__topline{display:flex;align-items:flex-start;gap:var(--space-2);min-width:0}.mobile-material-card__title{min-width:0;margin:0;flex:1 1;color:var(--foreground);font-size:var(--font-sm);font-weight:400;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-material-card__icon-button{width:28px;height:28px;border:0;border-radius:999px;background:transparent;color:var(--muted-foreground);margin:-4px -4px 0 0}.mobile-material-card__icon-button,.mobile-material-card__select{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.mobile-material-card__select{position:absolute;top:var(--space-3);right:var(--space-3);z-index:1;width:24px;height:24px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--accent);margin:0}.mobile-material-card__select.is-selected{border-color:var(--accent);background:var(--accent);color:#fff}.mobile-material-card__menu-wrap{position:relative;flex-shrink:0}.material-library-grid-card__tags,.mobile-material-card__tags{min-width:0;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-2);overflow:hidden}.material-library-grid-card__tags--measure,.mobile-material-card__tags--measure{position:absolute;visibility:hidden;pointer-events:none;height:0;overflow:hidden;white-space:nowrap}.material-library-grid-card__tag,.mobile-material-card__tag{flex-shrink:0;white-space:nowrap;border-radius:var(--r-pill);background:var(--secondary);color:var(--muted-foreground);font-size:var(--font-xs);font-weight:400;line-height:1.2;padding:var(--space-1) var(--space-2)}.material-library-grid-card__tag--overflow,.mobile-material-card__tag--overflow{flex-shrink:0;cursor:default}.material-library-grid-card__tag--muted,.mobile-material-card__tag--muted{color:var(--muted-foreground);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.mobile-material-card__stats{display:flex;flex-wrap:wrap;column-gap:var(--space-2);row-gap:var(--space-1);color:var(--muted-foreground);font-size:var(--font-xs);line-height:1.4}.mobile-material-card__stats span:not(:last-child):after{content:"|";margin-left:var(--space-2);color:color-mix(in srgb,var(--muted-foreground) 48%,transparent)}.mobile-material-card__footer{margin-top:auto;justify-content:space-between;padding-top:var(--space-1)}.mobile-material-card__footer,.mobile-material-card__source{min-width:0;display:flex;align-items:center;gap:var(--space-1)}.mobile-material-card__source{flex:1 1 auto;color:var(--muted-foreground);font-size:var(--font-xs);line-height:1.3}.mobile-material-card__source span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-material-card__avatar{width:20px;height:20px;justify-content:center;border-radius:var(--r-pill);background:var(--secondary);color:var(--foreground);font-size:var(--font-xs);font-weight:400}.mobile-material-card__avatar,.mobile-material-card__primary{flex-shrink:0;display:inline-flex;align-items:center;line-height:1}.mobile-material-card__primary{gap:var(--space-1);border:0;background:transparent;color:var(--accent);font:inherit;font-size:var(--font-xs);font-weight:400;margin:0;padding:0;cursor:pointer}.mobile-material-card__actions{flex-shrink:0;display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-1);margin-left:auto}.mobile-material-card__actions .mobile-material-card__icon-button{width:24px;height:24px;margin:0}.mobile-material-card__actions .mobile-material-card__primary{min-width:18px;justify-content:flex-end}.mobile-material-card__primary[data-action=open] span{display:inline}@container (max-width: 240px){.mobile-material-card__primary[data-action=open] span{display:none}}.material-library-grid-card{display:flex;flex-direction:column;min-width:0;width:100%;max-width:100%;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--card);overflow:hidden;box-sizing:border-box;cursor:pointer;container-type:inline-size}.material-library-grid-card:focus,.material-library-grid-card:focus-visible{outline:0;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 42%,transparent)}.material-library-grid-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.material-library-grid-card__visual{position:relative;min-height:132px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.material-library-grid-card__visual-decor{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.material-library-grid-card__status{position:absolute;top:var(--space-3);left:var(--space-3);max-width:calc(100% - 2 * var(--space-3))}.material-library-grid-card__visual--video{background:linear-gradient(135deg,#f1edff,#ede9fe);color:#6d5ef6}.material-library-grid-card__visual--image{background:linear-gradient(135deg,#e7f0ff,#e2e8ff);color:#5f62f2}.material-library-grid-card__visual--audio{background:linear-gradient(135deg,#fff5c9,#fce7f3);color:#f97316}.material-library-grid-card__visual--text{background:linear-gradient(135deg,#cbfcef,#d7fae7);color:#06b6d4}.material-library-grid-card__body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.material-library-grid-card__topline{display:flex;align-items:flex-start;gap:var(--space-2);min-width:0}.material-library-grid-card__title{min-width:0;margin:0;flex:1 1;color:var(--foreground);font-size:var(--font-sm);font-weight:400;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.material-library-grid-card__select{position:absolute;top:var(--space-3);right:var(--space-3);z-index:1;width:24px;height:24px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--card);color:var(--accent);padding:0;margin:0;cursor:pointer}.material-library-grid-card__select.is-selected{border-color:var(--accent);background:var(--accent);color:#fff}.material-library-grid-card__stats{display:flex;flex-wrap:wrap;column-gap:var(--space-2);row-gap:var(--space-1);color:var(--muted-foreground);font-size:var(--font-xs);line-height:1.4}.material-library-grid-card__stats span:not(:last-child):after{content:"|";margin-left:var(--space-2);color:color-mix(in srgb,var(--muted-foreground) 48%,transparent)}.material-library-grid-card__footer{margin-top:auto;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);padding-top:var(--space-1)}.material-library-grid-card__source{min-width:0;flex:1 1 auto;display:flex;align-items:center;gap:var(--space-1);color:var(--muted-foreground);font-size:var(--font-xs);line-height:1.3}.material-library-grid-card__source span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-library-grid-card__avatar{width:20px;height:20px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-pill);background:var(--secondary);color:var(--foreground);font-size:var(--font-xs);font-weight:400;line-height:1}.material-library-grid-card__actions{flex-shrink:0;display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-1);margin-left:auto}.material-library-grid-card__icon-button{width:24px;height:24px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--r-pill);background:transparent;color:var(--muted-foreground);padding:0;margin:0;cursor:pointer}.material-library-grid-card__menu-wrap{position:relative;flex-shrink:0}.material-library-grid-card__menu{top:28px;right:0}.material-library-grid-card__primary{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-1);border:0;background:transparent;color:var(--accent);font:inherit;font-size:var(--font-xs);font-weight:400;line-height:1;margin:0;padding:0;cursor:pointer}.material-library-grid-card__primary span{display:inline}@container (max-width: 200px){.material-library-grid-card__primary span{display:none}}.home-recommended-card{max-width:280px}.home-recommended-materials-grid{grid-template-columns:repeat(auto-fit,minmax(200px,280px));justify-content:start}@media (min-width:768px){.practice-reference-pane.is-media-reference-pane{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.practice-reference-pane.is-media-reference-pane>div:first-child{flex:0 0 auto}.practice-reference-pane.is-media-reference-pane>.practice-workspace-scroll{flex:0 0 auto!important;overflow:visible!important}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame{position:relative;container-type:inline-size;--reference-transcript-list-height:clamp(160px,28vh,240px)}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame.is-floating,.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame.is-media-hidden{--reference-transcript-list-height:clamp(320px,calc(100dvh - 280px),900px)}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame .media-reference-panel,.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame .media-reference-panel__transcript,.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame .media-trainer-transcript,.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame>.reference-selection-actions-container{display:contents;container-type:normal!important}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame.is-media-hidden .media-reference-panel__surface{display:none!important}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame .media-reference-panel__sticky-stack{position:-webkit-sticky;position:sticky;top:8px;z-index:11;background:var(--card)}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame .media-reference-panel__sticky-stack:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px;background:var(--card);pointer-events:none}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame .media-reference-panel__surface{position:relative}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame.is-floating .media-reference-panel__sticky-stack{z-index:160}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame.is-floating .media-reference-panel__surface{position:fixed!important;left:var(--floating-video-left,auto);top:var(--floating-video-top,auto)!important;right:var(--floating-video-right,24px);bottom:var(--floating-video-bottom,24px);z-index:170;width:var(--floating-video-width,320px)!important;max-width:calc(100vw - 48px);max-height:none!important;border-radius:10px!important;box-shadow:0 12px 32px rgba(0,0,0,.18)!important}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame.is-floating .media-trainer-transcript-header,.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame.is-floating .media-trainer-transcript-header+div,.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame.is-floating .reference-media-panel-frame__ability-map,.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame.is-floating .reference-media-panel-frame__ability-map>div>button:first-child{z-index:1}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame .media-trainer-transcript-header{position:-webkit-sticky;position:sticky;top:calc(var(--reference-media-sticky-stack-height, 0px) + 8px);z-index:12;background:var(--card);padding-top:8px!important;padding-bottom:8px!important}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame .media-trainer-transcript-header+div{position:-webkit-sticky;position:sticky;top:calc(var(--reference-media-sticky-stack-height, 0px) + 44px);z-index:11;background:var(--card);height:var(--reference-transcript-list-height)!important;max-height:var(--reference-transcript-list-height)!important;min-height:var(--reference-transcript-list-height);overflow-y:auto!important;overscroll-behavior:contain;touch-action:pan-y;mask-image:none!important;-webkit-mask-image:none!important}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__transcript-resize{position:relative;z-index:13;height:12px;margin:-2px 0 0;cursor:ns-resize;touch-action:none;flex-shrink:0;background:var(--card)}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__transcript-resize:after{content:"";position:absolute;left:28%;right:28%;top:50%;height:3px;border-radius:999px;background:var(--border);transform:translateY(-50%);pointer-events:none;transition:background .15s ease}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__transcript-resize:focus-visible:after,.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__transcript-resize:hover:after{background:var(--muted-foreground)}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame .reference-media-panel-frame__ability-map{position:relative;z-index:10;background:var(--card)}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame .reference-media-panel-frame__ability-map>div{margin-top:0!important;padding-top:0!important;border-top:0!important;background:var(--card)}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame .reference-media-panel-frame__ability-map>div>button:first-child{position:-webkit-sticky;position:sticky;top:calc(var(--reference-media-sticky-stack-height, 0px) + 44px + var(--reference-transcript-list-height));z-index:12;background:var(--card)!important;padding-top:8px!important;padding-bottom:8px!important}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__float-toggle{position:absolute;top:8px;right:8px;z-index:180;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:rgba(0,0,0,.42);color:#fff;cursor:pointer;padding:0;transition:opacity .15s ease}@media (hover:hover) and (pointer:fine){.practice-reference-pane.is-media-reference-pane .media-reference-panel__surface.is-playing .reference-media-panel-frame__float-toggle{opacity:0;pointer-events:none}.practice-reference-pane.is-media-reference-pane .media-reference-panel__surface.is-playing:focus-within .reference-media-panel-frame__float-toggle,.practice-reference-pane.is-media-reference-pane .media-reference-panel__surface.is-playing:hover .reference-media-panel-frame__float-toggle,.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__float-toggle:focus-visible{opacity:1;pointer-events:auto}}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__drag-handle{position:fixed;left:var(--floating-video-handle-left,auto);top:var(--floating-video-handle-top,auto);right:var(--floating-video-handle-right,24px);bottom:var(--floating-video-handle-bottom,168px);z-index:175;width:var(--floating-video-width,320px);max-width:calc(100vw - 48px);height:36px;cursor:-webkit-grab;cursor:grab;touch-action:none;background:transparent;-webkit-clip-path:polygon(0 0,calc(100% - 40px) 0,calc(100% - 40px) 100%,0 100%);clip-path:polygon(0 0,calc(100% - 40px) 0,calc(100% - 40px) 100%,0 100%)}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__resize-handle{position:fixed;z-index:176;background:transparent}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__resize-handle--n,.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__resize-handle--s{left:calc(var(--floating-video-left, 0px) + 16px);width:calc(var(--floating-video-width, 320px) - 32px);height:10px;cursor:ns-resize}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__resize-handle--n{top:calc(var(--floating-video-top, 0px) - 5px)}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__resize-handle--s{top:calc(var(--floating-video-top, 0px) + var(--floating-video-height, 180px) - 5px)}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__resize-handle--e,.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__resize-handle--w{top:calc(var(--floating-video-top, 0px) + 16px);height:calc(var(--floating-video-height, 180px) - 32px);width:10px;cursor:ew-resize}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__resize-handle--w{left:calc(var(--floating-video-left, 0px) - 5px)}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__resize-handle--e{left:calc(var(--floating-video-left, 0px) + var(--floating-video-width, 320px) - 5px)}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__resize-handle--ne,.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__resize-handle--nw,.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__resize-handle--se,.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__resize-handle--sw{width:16px;height:16px}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__resize-handle--nw{left:calc(var(--floating-video-left, 0px) - 8px);top:calc(var(--floating-video-top, 0px) - 8px);cursor:nwse-resize}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__resize-handle--se{left:calc(var(--floating-video-left, 0px) + var(--floating-video-width, 320px) - 8px);top:calc(var(--floating-video-top, 0px) + var(--floating-video-height, 180px) - 8px);cursor:nwse-resize}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__resize-handle--ne{left:calc(var(--floating-video-left, 0px) + var(--floating-video-width, 320px) - 8px);top:calc(var(--floating-video-top, 0px) - 8px);cursor:nesw-resize}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame__resize-handle--sw{left:calc(var(--floating-video-left, 0px) - 8px);top:calc(var(--floating-video-top, 0px) + var(--floating-video-height, 180px) - 8px);cursor:nesw-resize}.practice-reference-pane.is-media-reference-pane .reference-media-panel-frame.is-floating .reference-media-panel-frame__float-toggle{position:absolute;left:auto;top:8px;right:8px;bottom:auto;z-index:180}}@media (max-width:767px){.home-onboarding-panels{flex-direction:column}.app-frame{grid-template-columns:1fr}.sidebar{display:none}.desktop-side-navigation{display:none!important}.workspace-main{padding-bottom:0}.content{padding:16px 14px}.builder-quickstart{grid-template-columns:repeat(3,1fr)}.opp-cards{grid-template-columns:1fr}.import-section{align-items:flex-start}.home-topbar,.import-section{flex-direction:column}.home-topbar-actions{align-self:flex-start}.home-page-view{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;padding-bottom:0!important}.home-scroll-body{flex:0 0 auto!important;overflow:visible!important;padding-top:0!important}.ability-tree-page{background:var(--card)!important}.ability-tree-desktop{display:none!important}.mobile-ability-tree{width:100%;min-width:0;height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:var(--card);color:var(--foreground);padding:var(--mobile-pwa-top-page-gap) var(--space-6) var(--space-10);box-sizing:border-box}.mobile-ability-tree__header{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-8)}.mobile-ability-tree__header h1{margin:0;color:var(--foreground);font-family:Inter,system-ui,sans-serif;font-size:28px;font-weight:700;line-height:1.14;letter-spacing:0}.mobile-ability-tabs{display:flex;align-items:flex-end;gap:var(--space-6);overflow-x:auto;scrollbar-width:none;margin-right:calc(-1 * var(--space-6));padding-right:var(--space-6)}.mobile-ability-tabs::-webkit-scrollbar{display:none}.mobile-ability-tabs button{position:relative;flex:0 0 auto;border:0;border-radius:0;background:transparent;color:var(--muted-foreground);font:inherit;font-size:14px;font-weight:400;line-height:1.2;padding:0 0 var(--space-2);margin:0;cursor:pointer}.mobile-ability-tabs button.is-active{color:var(--foreground);font-weight:500}.mobile-ability-tabs button.is-active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:999px;background:var(--foreground)}.mobile-ability-tree__body{display:flex;flex-direction:column;gap:var(--space-8)}.mobile-ability-section{scroll-margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.mobile-ability-section__header{display:flex;align-items:center;gap:12px;min-width:0}.mobile-ability-section__icon{width:20px;height:20px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--accent)}.mobile-ability-section__icon svg{width:20px;height:20px}.mobile-ability-section__header h2{margin:0;color:var(--foreground);font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:0}.mobile-ability-section__header span:last-child{min-width:0;color:var(--accent);font-size:14px;font-weight:400;line-height:1.2;white-space:nowrap}.mobile-ability-list{display:flex;flex-direction:column;gap:var(--space-3)}.mobile-ability-card{width:100%;min-height:64px;display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--foreground);box-shadow:none;padding:var(--space-3) var(--space-4);margin:0;text-align:left;font-family:Inter,system-ui,sans-serif;cursor:pointer}.mobile-ability-card>span:first-child{width:10px!important;height:10px!important}.mobile-ability-card__body{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:3px}.mobile-ability-card__title{min-width:0;overflow-wrap:anywhere;color:var(--foreground);font-size:14px;font-weight:700;line-height:1.2}.mobile-ability-card__meta{color:var(--muted-foreground);font-size:12px;font-weight:400;line-height:1.2}.mobile-ability-card__chevron{flex-shrink:0;color:var(--border)}.mobile-ability-card.is-untouched .mobile-ability-card__meta,.mobile-ability-card.is-untouched .mobile-ability-card__title,.mobile-ability-empty{color:var(--muted-foreground)}.mobile-ability-empty{border:1px dashed var(--border);border-radius:12px;font-size:12px;padding:var(--space-4)}.home-hero{padding:var(--mobile-pwa-top-page-gap) var(--space-6) var(--space-4)!important;flex-direction:column!important;align-items:stretch!important;gap:var(--space-4)!important}.home-onboarding-empty{justify-content:flex-start;padding-top:0;box-sizing:border-box}.home-onboarding-empty__inner{margin-top:0!important;margin-bottom:auto!important;padding:var(--space-4) var(--space-5) var(--space-8)!important}.settings-shell__frame,.training-ground__header{padding-top:var(--mobile-pwa-top-page-gap)!important}.home-mobile-context-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.home-hero-main{align-items:flex-start}.home-desktop-add-material-button{display:none}.home-add-material-button{height:36px;padding:0 14px;font-size:13px}.home-add-material-button--compact{height:32px;padding:0 12px;font-size:12px}.materials-explorer{min-width:0}.materials-explorer__collections,.materials-explorer__detail,.materials-explorer__resize{display:none!important}.materials-explorer__filters{position:fixed;inset:auto 12px calc(var(--mobile-shell-bottom-offset) + var(--space-3)) 12px;z-index:170;display:flex;max-height:min(72vh,560px);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.14)}.materials-explorer__filters aside{width:100%!important;max-width:none;border-right:none!important}.materials-explorer__main{width:auto!important;flex:1 1 auto!important;min-width:0}.practice-material-card-grid{grid-template-columns:minmax(0,1fr)!important}.practice-material-card-list>div{gap:10px}.active-builders-scroll,.cards-scroll,.home-dashboard-scroll,.next-actions-scroll{-webkit-overflow-scrolling:touch}.home-add-material-button{width:38px;padding:0;gap:0;font-size:0;flex-shrink:0}.home-add-material-button svg{width:14px;height:14px}.home-mobile-add-material-button{display:inline-flex;width:24px;height:24px;border-radius:999px}.home-mobile-add-material-button svg{width:12px;height:12px}.learning-context-switcher-mobile__avatar{width:24px;height:24px}.learning-context-switcher-mobile__avatar svg{width:12px;height:12px}.home-materials-activity-scroll{overflow-x:visible}.home-materials-activity{width:100%}.home-materials-activity-content,.home-materials-activity-header{grid-template-columns:minmax(0,1fr)!important}.home-materials-activity-header{gap:0!important}.home-recently-unlocked-title{display:none}.home-materials-activity-content{gap:var(--space-6)!important}.home-recommended-materials-slot{min-width:0;overflow-x:auto;margin:-8px calc(-1 * var(--space-6)) -8px -8px;padding:8px var(--space-6) 8px 8px;scrollbar-width:none}.home-recommended-materials-slot::-webkit-scrollbar{display:none}.home-recommended-card{max-width:none}.home-recommended-materials-grid{width:max-content;grid-auto-flow:column;grid-auto-columns:minmax(272px,calc(100vw - 48px));grid-template-columns:none!important}.home-recently-unlocked-slot{min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}.home-recently-unlocked-mobile-title{display:block}.workspace-layout-work-area.is-mobile-stack{gap:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.workspace-layout-work-area.is-mobile-stack>.workspace-layout-panel{width:100%!important;min-width:0!important;min-height:0;overflow:hidden!important;border-bottom:0}.mobile-practice-layout{position:relative;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100%;min-height:0;overflow:hidden}.mobile-practice-header,.mobile-practice-layout{display:grid;background:var(--card);box-sizing:border-box}.mobile-practice-header{min-width:0;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;grid-gap:4px;gap:4px;flex-shrink:0;min-height:52px;padding:0 8px;font-family:Inter,system-ui,sans-serif}.practice-workspace-loading__top-nav .mobile-practice-header,.workspace-layout-top-nav .mobile-practice-header{height:100%;min-height:0;border-bottom:none}.practice-workspace-loading__top-nav{flex-shrink:0;box-sizing:border-box;height:calc(52px + var(--mobile-pwa-practice-top-gap));min-height:calc(52px + var(--mobile-pwa-practice-top-gap));padding-top:var(--mobile-pwa-practice-top-gap);display:flex;align-items:center;background:var(--card);border-bottom:1px solid var(--border)}.mobile-practice-header__button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:var(--foreground);cursor:pointer;margin:0;padding:0}.mobile-practice-header__button:first-child{justify-self:start}.mobile-practice-header__button:last-child{justify-self:flex-end}.mobile-practice-header__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:14px;font-weight:650;color:var(--foreground)}.mobile-practice-header__menu{position:relative;display:flex;justify-content:flex-end}.mobile-practice-menu__backdrop{position:fixed;inset:0;z-index:180;border:0;background:transparent;padding:0;margin:0}.mobile-practice-menu{position:absolute;top:42px;right:0;z-index:181;min-width:156px;border:1px solid var(--border);background:var(--card);border-radius:10px;box-shadow:0 14px 32px rgba(0,0,0,.14);padding:5px}.mobile-practice-menu button{width:100%;display:flex;justify-content:flex-start;border:0;background:transparent;border-radius:7px;padding:9px 10px;color:var(--foreground);font-family:Inter,system-ui,sans-serif;font-size:13px;text-align:left;cursor:pointer}.mobile-practice-empty{margin:18px 14px;min-height:132px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;border:1px solid var(--border);border-radius:12px;background:var(--secondary);padding:18px;font-family:Inter,system-ui,sans-serif}.mobile-practice-empty strong{font-size:14px;color:var(--foreground)}.mobile-practice-empty span{font-size:12.5px;line-height:1.45;color:var(--muted-foreground)}.mobile-practice-header{width:100%;grid-template-columns:48px minmax(0,1fr) auto;padding-left:8px;padding-right:8px;border-bottom:1px solid var(--border)}.mobile-practice-mode{justify-self:center;display:inline-grid;grid-template-columns:repeat(2,minmax(50px,auto));align-items:center;gap:1px;min-width:0;padding:2px;border:0;border-radius:10px;background:var(--secondary)}.mobile-practice-mode button{height:30px;min-width:0;border:0;border-radius:8px;background:transparent;color:var(--muted-foreground);font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1;cursor:pointer;padding:0 10px;margin:0}.mobile-practice-mode button.is-active{background:var(--card);color:var(--accent);font-weight:500;box-shadow:0 1px 3px rgba(0,0,0,.08)}.mobile-practice-header__button svg{width:24px;height:24px}.mobile-practice-header__button--training svg{width:20px;height:20px}.mobile-practice-header__actions{display:flex;align-items:center;justify-self:flex-end;flex-shrink:0;gap:4px}.mobile-practice-header__icon-action{box-sizing:border-box;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;margin:0;border:none;border-radius:0;background:transparent;color:var(--muted-foreground);cursor:pointer}.mobile-practice-header__icon-action.is-active{color:var(--accent)}.mobile-practice-header__icon-action:hover{color:var(--foreground)}.mobile-practice-header__icon-action.is-active:hover{color:var(--accent)}.mobile-practice-header__icon-action svg{width:20px;height:20px;display:block}.mobile-practice-header__icon-action--timer.is-active{width:auto;min-width:32px;gap:8px;padding:0;font-family:JetBrains Mono,monospace}.mobile-practice-reference-layer{grid-row:1;grid-column:1;min-height:0;min-width:0;overflow:hidden}.mobile-practice-reference-layer .practice-reference-pane{height:100%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.mobile-practice-reference-layer .practice-reference-pane>div:first-child{padding:18px 16px 10px!important}.mobile-practice-reference-layer .practice-workspace-scroll{flex:0 0 auto!important;padding:10px 16px var(--space-10)!important;overflow:visible!important}.mobile-practice-reference-layer .practice-workspace-scroll.is-embedded-media-floating{padding-top:0!important}.mobile-practice-reference-layer .reference-media-panel-frame{position:relative;container-type:inline-size;--reference-transcript-list-height:clamp(148px,26vh,220px)}.mobile-practice-reference-layer .reference-media-panel-frame.is-floating,.mobile-practice-reference-layer .reference-media-panel-frame.is-media-hidden{--reference-transcript-list-height:clamp(280px,calc(100dvh - 300px),720px)}.mobile-practice-reference-layer .reference-media-panel-frame .media-reference-panel,.mobile-practice-reference-layer .reference-media-panel-frame .media-reference-panel__transcript,.mobile-practice-reference-layer .reference-media-panel-frame .media-trainer-transcript,.mobile-practice-reference-layer .reference-media-panel-frame>.reference-selection-actions-container{display:contents;container-type:normal!important}.mobile-practice-reference-layer .reference-media-panel-frame .media-reference-panel__sticky-stack{position:-webkit-sticky;position:sticky;top:8px;z-index:8;background:var(--card)}.mobile-practice-reference-layer .reference-media-panel-frame .media-reference-panel__sticky-stack:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px;background:var(--card);pointer-events:none}.mobile-practice-reference-layer .reference-media-panel-frame .media-reference-panel__surface{position:relative}.mobile-practice-reference-layer .reference-media-panel-frame.is-media-hidden .media-reference-panel__surface{display:none!important}.mobile-practice-reference-layer .reference-media-panel-frame.is-floating .media-trainer-transcript-header,.mobile-practice-reference-layer .reference-media-panel-frame.is-floating .media-trainer-transcript-header+div,.mobile-practice-reference-layer .reference-media-panel-frame.is-floating .reference-media-panel-frame__ability-map,.mobile-practice-reference-layer .reference-media-panel-frame.is-floating .reference-media-panel-frame__ability-map>div>button:first-child{z-index:1}.mobile-practice-reference-layer .reference-media-panel-frame.is-floating .media-trainer-transcript-header{margin-top:4px!important}.mobile-practice-reference-layer .reference-media-panel-frame.is-media-hidden .media-trainer-transcript-header{margin-top:20px!important}.mobile-practice-reference-layer .reference-media-panel-frame .media-trainer-transcript-header{position:-webkit-sticky;position:sticky;top:calc(var(--reference-media-sticky-stack-height, 0px) + 8px);z-index:9;background:var(--card);padding-top:8px!important;padding-bottom:8px!important}.mobile-practice-reference-layer .reference-media-panel-frame .media-trainer-transcript-header+div{position:-webkit-sticky;position:sticky;top:calc(var(--reference-media-sticky-stack-height, 0px) + 44px);z-index:8;background:var(--card);height:var(--reference-transcript-list-height)!important;max-height:var(--reference-transcript-list-height)!important;min-height:var(--reference-transcript-list-height);overflow-y:auto!important;overscroll-behavior:contain;touch-action:pan-y;mask-image:none!important;-webkit-mask-image:none!important}.mobile-practice-reference-layer .reference-media-panel-frame__transcript-resize{position:relative;z-index:10;height:12px;margin:-2px 0 0;cursor:ns-resize;touch-action:none;flex-shrink:0;background:var(--card)}.mobile-practice-reference-layer .reference-media-panel-frame__transcript-resize:after{content:"";position:absolute;left:28%;right:28%;top:50%;height:3px;border-radius:999px;background:var(--border);transform:translateY(-50%);pointer-events:none}.mobile-practice-reference-layer .reference-media-panel-frame .reference-media-panel-frame__ability-map{position:relative;z-index:7;background:var(--card)}.mobile-practice-reference-layer .reference-media-panel-frame .reference-media-panel-frame__ability-map>div{margin-top:0!important;padding-top:0!important;border-top:0!important;background:var(--card)}.mobile-practice-reference-layer .reference-media-panel-frame .reference-media-panel-frame__ability-map>div>button:first-child{position:-webkit-sticky;position:sticky;top:calc(var(--reference-media-sticky-stack-height, 0px) + 44px + var(--reference-transcript-list-height));z-index:9;background:var(--card)!important;padding-top:8px!important;padding-bottom:8px!important}.mobile-practice-reference-layer .reference-media-panel-frame.is-floating .media-reference-panel__sticky-stack{z-index:160}.mobile-practice-reference-layer .reference-media-panel-frame.is-floating .media-reference-panel__surface{position:fixed!important;left:var(--floating-video-left,auto);top:var(--floating-video-top,auto)!important;right:var(--floating-video-right,16px);bottom:var(--floating-video-bottom,calc(164px + var(--mobile-pwa-bottom-safe-area)));z-index:170;width:var(--floating-video-width,min(220px,calc(100vw - 32px)))!important;max-height:none!important;border-radius:10px!important;box-shadow:0 12px 32px rgba(0,0,0,.22)!important}.reference-media-panel-frame__float-toggle{position:absolute;top:8px;right:8px;z-index:180;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:rgba(0,0,0,.42);color:#fff;cursor:pointer;padding:0;transition:opacity .15s ease}@media (hover:hover) and (pointer:fine){.mobile-practice-reference-layer .media-reference-panel__surface.is-playing .reference-media-panel-frame__float-toggle{opacity:0;pointer-events:none}.mobile-practice-reference-layer .media-reference-panel__surface.is-playing:focus-within .reference-media-panel-frame__float-toggle,.mobile-practice-reference-layer .media-reference-panel__surface.is-playing:hover .reference-media-panel-frame__float-toggle,.mobile-practice-reference-layer .reference-media-panel-frame__float-toggle:focus-visible{opacity:1;pointer-events:auto}}.reference-media-panel-frame__drag-handle{position:fixed;left:var(--floating-video-handle-left,auto);top:var(--floating-video-handle-top,auto);right:var(--floating-video-handle-right,16px);bottom:var(--floating-video-handle-bottom,calc(252px + var(--mobile-pwa-bottom-safe-area)));z-index:175;width:var(--floating-video-width,min(220px,calc(100vw - 32px)));height:36px;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-clip-path:polygon(0 0,calc(100% - 40px) 0,calc(100% - 40px) 100%,0 100%);clip-path:polygon(0 0,calc(100% - 40px) 0,calc(100% - 40px) 100%,0 100%);background:transparent}.reference-media-panel-frame__drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.reference-media-panel-frame__resize-handle{position:fixed;z-index:176;background:transparent}.reference-media-panel-frame__resize-handle--n,.reference-media-panel-frame__resize-handle--s{left:calc(var(--floating-video-left, 0px) + 16px);width:calc(var(--floating-video-width, 220px) - 32px);height:10px;cursor:ns-resize}.reference-media-panel-frame__resize-handle--n{top:calc(var(--floating-video-top, 0px) - 5px)}.reference-media-panel-frame__resize-handle--s{top:calc(var(--floating-video-top, 0px) + var(--floating-video-height, 124px) - 5px)}.reference-media-panel-frame__resize-handle--e,.reference-media-panel-frame__resize-handle--w{top:calc(var(--floating-video-top, 0px) + 16px);height:calc(var(--floating-video-height, 124px) - 32px);width:10px;cursor:ew-resize}.reference-media-panel-frame__resize-handle--w{left:calc(var(--floating-video-left, 0px) - 5px)}.reference-media-panel-frame__resize-handle--e{left:calc(var(--floating-video-left, 0px) + var(--floating-video-width, 220px) - 5px)}.reference-media-panel-frame__resize-handle--ne,.reference-media-panel-frame__resize-handle--nw,.reference-media-panel-frame__resize-handle--se,.reference-media-panel-frame__resize-handle--sw{width:16px;height:16px}.reference-media-panel-frame__resize-handle--nw{left:calc(var(--floating-video-left, 0px) - 8px);top:calc(var(--floating-video-top, 0px) - 8px);cursor:nwse-resize}.reference-media-panel-frame__resize-handle--se{left:calc(var(--floating-video-left, 0px) + var(--floating-video-width, 220px) - 8px);top:calc(var(--floating-video-top, 0px) + var(--floating-video-height, 124px) - 8px);cursor:nwse-resize}.reference-media-panel-frame__resize-handle--ne{left:calc(var(--floating-video-left, 0px) + var(--floating-video-width, 220px) - 8px);top:calc(var(--floating-video-top, 0px) - 8px);cursor:nesw-resize}.reference-media-panel-frame__resize-handle--sw{left:calc(var(--floating-video-left, 0px) - 8px);top:calc(var(--floating-video-top, 0px) + var(--floating-video-height, 124px) - 8px);cursor:nesw-resize}.mobile-practice-reference-layer .reference-media-panel-frame.is-floating .reference-media-panel-frame__float-toggle{position:absolute;left:auto;top:8px;right:8px;bottom:auto;z-index:180}.mobile-practice-reference-layer .media-trainer-transcript-download-label{display:none!important}.embedded-media-panel__video-frame{width:100%;aspect-ratio:16/9;min-height:180px;max-height:min(360px,56.25vw);flex-shrink:0}.embedded-media-panel__video-frame button,.embedded-media-panel__video-frame iframe,.embedded-media-panel__youtube-surface{width:100%;height:100%;min-height:inherit}.mobile-practice-player-dock{grid-row:2;grid-column:1;z-index:30;container-type:inline-size}.mobile-practice-player-dock .chunk-audio-control-player,.mobile-practice-player-dock .media-trainer-player{gap:8px!important;padding:8px 18px calc(10px + var(--mobile-pwa-bottom-safe-area));background:color-mix(in srgb,var(--card) 98%,transparent);box-shadow:none;box-sizing:border-box}.mobile-practice-layout.has-obscured-sheet-content .mobile-practice-player-dock .chunk-audio-control-player,.mobile-practice-layout.has-obscured-sheet-content .mobile-practice-player-dock .media-trainer-player{box-shadow:0 -8px 22px rgba(0,0,0,.035)}.mobile-practice-player-dock .media-trainer-timeline{width:calc(100% - 8px);margin:0 auto;flex-shrink:1;min-height:0}.mobile-practice-player-dock .media-trainer-track-shell>div:first-child{overflow:visible!important}.mobile-practice-player-dock .media-trainer-track{margin-top:2px}.mobile-practice-player-dock .media-trainer-track-frame{top:10px!important}.mobile-practice-player-dock .chunk-audio-control-controls{flex-shrink:0}.mobile-practice-sheet{position:fixed;left:0;right:0;bottom:0;z-index:126;max-height:calc(100dvh - 18px);display:flex;flex-direction:column;overflow:hidden;border-radius:24px 24px 0 0;border:1px solid var(--border);border-bottom:0;background:var(--card);box-shadow:0 -12px 30px rgba(0,0,0,.07)}.mobile-practice-sheet__handle{height:24px;flex-shrink:0;display:grid;place-items:center;cursor:ns-resize;touch-action:none}.mobile-practice-sheet__handle span{width:44px;height:5px;border-radius:999px;background:var(--border)}.mobile-practice-sheet__header{height:24px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 16px;font-family:Inter,system-ui,sans-serif}.mobile-practice-sheet--pte-exam.mobile-practice-sheet--content-start .mobile-practice-sheet__header{padding-left:var(--notes-content-x)}.mobile-practice-sheet__header strong{flex:1 1;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:20px;color:var(--foreground)}.mobile-practice-sheet__back{width:38px;height:38px;margin-left:-10px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:var(--foreground);cursor:pointer;padding:0}.mobile-practice-sheet__body{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:20px}.mobile-practice-sheet__body .practice-training-pane{height:auto!important;overflow:visible!important}.mobile-practice-sheet__body .practice-training-pane>div:first-child{display:none!important}.mobile-practice-sheet__body .practice-training-pane>div:nth-child(2){padding:0 16px!important}.mobile-practice-sheet__body .practice-workspace-scroll{padding:14px 16px var(--space-10)!important;overflow:visible!important}.mobile-practice-sheet__body--insights .practice-workspace-scroll{overflow-y:auto!important;overflow-x:hidden!important;padding-top:calc(var(--space-5) / 2)!important}.mobile-practice-sheet--pte-exam.mobile-practice-sheet--content-start .mobile-practice-sheet__body--insights .practice-workspace-scroll{padding-left:var(--notes-content-x)!important}.mobile-practice-sheet--pte-exam{bottom:0;max-height:calc(100dvh - var(--app-safe-top) - 8px)}.mobile-practice-layout>.mobile-practice-sheet{position:static;grid-row:1;grid-column:1;align-self:end;z-index:20;max-height:100%}.practice-training-pane--pte-exam{position:relative;min-height:100%;height:100%}.practice-training-pane--pte-exam .practice-exam-task-stack{flex:1 1;min-height:0;display:flex;flex-direction:column}.practice-training-pane--pte-exam .pte-exam-action-bar{position:relative;flex-shrink:0;margin-top:auto;z-index:1;box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);min-width:0;font-family:Inter,system-ui,sans-serif;padding:var(--space-3) 18px calc(var(--mobile-pwa-bottom-safe-area) + var(--mobile-pwa-practice-bottom-gap))!important;border-top:1px solid var(--border)!important;background:var(--card)}.practice-training-pane--pte-exam .practice-workspace-scroll{padding-top:var(--space-2)!important;padding-bottom:var(--space-10)!important}.mobile-app-shell.is-secondary-page .mobile-app-shell__content>*{flex:1 1;min-height:0;display:flex;flex-direction:column}.mobile-library{width:100%;min-width:0;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:var(--mobile-pwa-top-page-gap) 18px 22px;box-sizing:border-box;background:var(--card);font-family:Inter,system-ui,sans-serif}.mobile-library--pte-core{display:flex;flex-direction:column;overflow:hidden;padding:0;background:var(--card)}.mobile-library__scroll-body{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:var(--space-4) var(--space-4) var(--space-5);box-sizing:border-box}.mobile-library__pte-hero{background:var(--card);padding:var(--mobile-pwa-top-page-gap) 18px 0;display:flex;flex-direction:column;gap:24px;flex-shrink:0;overflow:visible;position:relative;z-index:4}.mobile-library__pte-hero .mobile-library__title-row{margin:0}.mobile-library__pte-hero h1{font-size:24px;line-height:1.17;font-weight:700}.mobile-library__pte-body{background:var(--card)}.training-ground__pte-tabs-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-column-gap:12px;column-gap:12px;align-items:center;width:100%;flex-shrink:0;padding:0 18px;border-bottom:1px solid var(--border);box-sizing:border-box}.training-ground__pte-tabs-row [role=tablist]{width:100%;min-width:0;overflow:hidden}.training-ground__pte-tabs-row [role=tab]{flex:1 1;min-width:0;max-width:100%;font-size:12px;padding-top:8px;padding-bottom:8px}.training-ground__pte-ready-count{font-size:12px;font-family:JetBrains Mono,monospace;color:var(--muted-foreground);white-space:nowrap}.mobile-library__header{display:flex;flex-direction:column;gap:18px;margin-bottom:22px}.mobile-library__title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.mobile-library h1{margin:0;min-width:0;color:var(--foreground);font-size:28px;line-height:1.08;font-weight:700;letter-spacing:0}.mobile-library__header-actions{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;position:relative}.mobile-library__icon-action{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--foreground);cursor:pointer;padding:0;margin:0}.mobile-library__tabs{display:flex;gap:12px;align-items:flex-end;border-bottom:0;overflow-x:auto;scrollbar-width:none;margin-right:-18px;padding-right:18px}.mobile-library__tabs::-webkit-scrollbar{display:none}.mobile-library__tab{-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;position:relative;flex:0 0 auto;min-width:max-content;display:inline-flex;align-items:center;gap:4px;padding:0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);background:transparent;border:0;border-radius:0;box-shadow:none;outline:0;font:inherit;font-size:14px;font-weight:400;margin:0;cursor:pointer}.mobile-library__tab span{margin-left:0;color:inherit;font-size:12px}.mobile-library__tab.is-active{color:var(--foreground);font-weight:500}.mobile-library__tab:focus,.mobile-library__tab:focus-visible{outline:0;box-shadow:none}.mobile-library__tab.is-active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:0;background:var(--foreground)}.mobile-library__menu{position:absolute;z-index:30;min-width:188px;display:flex;flex-direction:column;align-items:stretch;gap:2px;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:0 14px 34px rgba(0,0,0,.12);padding:4px;top:calc(100% + 6px);right:0}.mobile-library__menu button{width:100%;min-height:34px;display:flex;align-items:center;justify-content:flex-start;gap:8px;border:0;border-radius:6px;background:transparent;color:var(--foreground);font:inherit;font-size:13px;text-align:left;padding:0 10px;margin:0;cursor:pointer}.mobile-library__menu button:disabled{cursor:default;opacity:.52}.mobile-library__menu button.is-danger{color:var(--destructive)}.mobile-library__folders{display:flex;gap:10px;align-items:center;overflow-x:auto;scrollbar-width:none;margin:0 -18px 0 0;padding:2px 18px 3px 0}.mobile-library__folders::-webkit-scrollbar{display:none}.mobile-library__folder-chip-wrap{position:relative;flex:0 0 auto;display:inline-flex;align-items:center}.mobile-library__folder-chip{flex:0 0 auto;min-height:36px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--muted-foreground);font:inherit;font-size:14px;font-weight:500;padding:0 14px;margin:0;cursor:pointer}.mobile-library__folder-chip.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 4%,var(--card));color:var(--foreground);box-shadow:none}.mobile-library__folder-chip svg{color:var(--accent)}.mobile-library__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.mobile-library__toolbar>div:first-child{min-width:0;display:flex;align-items:baseline;gap:6px;overflow:hidden;white-space:nowrap}.mobile-library__toolbar p{margin:0;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-library__toolbar p,.mobile-library__toolbar p strong{color:var(--muted-foreground);font-weight:500}.mobile-library__toolbar span{display:inline;margin-top:0;color:var(--muted-foreground);font-size:12px;line-height:1.2;white-space:nowrap}.mobile-library__toolbar-actions{flex-shrink:0;display:inline-flex;align-items:center;gap:8px}.mobile-library__selected-count{color:var(--muted-foreground);font-size:12px;white-space:nowrap}.mobile-library__filter-button{flex-shrink:0;min-height:36px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--foreground);font:inherit;font-size:13px;font-weight:620;padding:0 12px;margin:0;cursor:pointer}.mobile-library__filter-button b{min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;line-height:1}.mobile-library__filter-panel{display:flex;flex-direction:column;gap:14px;margin:0 0 16px;border:1px solid var(--border);border-radius:14px;background:var(--card);padding:14px;box-shadow:0 10px 26px rgba(0,0,0,.06)}.mobile-library__filter-panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--foreground)}.mobile-library__filter-panel-header>div{display:flex;align-items:center;gap:10px}.mobile-library__filter-panel-header button{border:0;background:transparent;color:var(--accent);font:inherit;font-size:13px;padding:0;margin:0;cursor:pointer}.mobile-library__filter-group{display:flex;flex-direction:column;gap:8px}.mobile-library__filter-group>span{color:var(--muted-foreground);font-size:11px;font-weight:700;text-transform:uppercase}.mobile-library__filter-group>div{display:flex;flex-wrap:wrap;gap:8px}.mobile-library__filter-group button{min-height:32px;border:1px solid var(--border);border-radius:999px;background:var(--background);color:var(--foreground);font:inherit;font-size:12.5px;padding:0 11px;margin:0;cursor:pointer}.mobile-library__filter-group button.is-active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--card))}.mobile-library__status{margin:-4px 0 14px;border:1px solid color-mix(in srgb,var(--success) 24%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--success) 7%,var(--card));color:var(--success);font-size:12px;padding:9px 11px}.mobile-library__status.is-error{border-color:color-mix(in srgb,var(--destructive) 26%,var(--border));background:color-mix(in srgb,var(--destructive) 6%,var(--card));color:var(--destructive)}.mobile-library__manage-bar{position:relative;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:-4px -18px 14px 0;padding:0 18px 2px 0}.mobile-library__manage-bar::-webkit-scrollbar{display:none}.mobile-library__manage-bar button{min-height:34px;flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--foreground);font:inherit;font-size:12px;font-weight:500;padding:0 12px;margin:0;cursor:pointer}.mobile-library__manage-bar button:disabled{cursor:default;opacity:.48}.mobile-library__manage-bar button.is-danger{color:var(--destructive)}.mobile-library__move-sheet{position:absolute;top:calc(100% + 6px);right:18px;z-index:24;width:min(280px,calc(100vw - 36px));display:flex;flex-direction:column;gap:2px;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:0 14px 34px rgba(0,0,0,.12);padding:6px}.mobile-library__move-sheet button{width:100%;justify-content:flex-start;padding:8px 16px;border:0;border-radius:6px;background:var(--surface)}.mobile-library__empty{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:22px;display:flex;flex-direction:column;gap:6px;color:var(--foreground)}.mobile-library__empty span{color:var(--muted-foreground);font-size:13px}.mobile-library__pte-dropdown-row{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin:0 -18px 0 0;padding:0 18px 0 0;-webkit-overflow-scrolling:touch}.mobile-library__pte-dropdown-row::-webkit-scrollbar{display:none}.mobile-library__pte-dropdown{position:relative;flex:0 0 auto;z-index:5}.mobile-library__pte-dropdown-trigger{display:inline-flex;align-items:center;gap:6px;min-height:36px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--foreground);font:inherit;font-size:14px;font-weight:500;padding:0 14px;margin:0;cursor:pointer;white-space:nowrap}.mobile-library__dropdown-leading-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-library__dropdown-leading-icon--trigger{color:var(--accent)}.mobile-library__pte-dropdown-trigger:hover{background:transparent}.mobile-library__pte-dropdown-trigger svg:last-child{color:var(--muted-foreground)}.mobile-library__pte-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:40;min-width:160px;max-height:min(320px,50dvh);overflow-y:auto;border:1px solid var(--border);border-radius:10px;background:var(--card);box-shadow:0 10px 24px rgba(0,0,0,.12);padding:4px}.mobile-library__pte-dropdown-menu--fixed{position:fixed;top:auto;left:auto;z-index:300}.mobile-library__pte-dropdown-menu button{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;text-align:left;border:0;border-radius:6px;background:transparent;color:var(--foreground);font:inherit;font-size:13px;padding:8px 10px;margin:0;cursor:pointer}.mobile-library__pte-dropdown-menu .mobile-library__dropdown-leading-icon--menu{color:var(--muted-foreground)}.mobile-library__pte-dropdown-menu button.is-active{background:color-mix(in srgb,var(--accent) 8%,var(--card));color:var(--accent);font-weight:500}.mobile-library__pte-dropdown-menu button.is-active .mobile-library__dropdown-leading-icon--menu{color:var(--accent)}.mobile-library__pte-summary{display:flex;flex-direction:column;gap:8px;padding:24px 18px 8px;background:var(--card)}.mobile-library__pte-summary strong{font-size:16px;font-weight:600;line-height:1.25;color:var(--foreground)}.mobile-library__pte-summary span{font-size:13px;line-height:1.3;color:var(--muted-foreground)}.mobile-library__pte-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px 18px;color:var(--muted-foreground);font-size:13px}.mobile-library__pte-type-list{display:flex;flex-direction:column;padding:0 0 18px}.mobile-library__pte-type-row-wrap{height:72px;padding:0 18px;background:transparent;box-sizing:border-box}.mobile-library__pte-type-row-wrap:hover{background:color-mix(in srgb,var(--foreground) 4%,var(--card))}.mobile-library__pte-type-row-wrap:not(:last-child) .mobile-library__pte-type-body{border-bottom:1px solid var(--border)}.mobile-library__pte-type-row{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;grid-gap:16px;gap:16px;width:100%;height:100%;border:none!important;border-radius:0!important;padding:0;margin:0;text-align:left;cursor:pointer}.mobile-library__pte-type-row,.mobile-library__pte-type-row:hover{background:transparent!important}.mobile-library__pte-type-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;line-height:1;flex-shrink:0;align-self:center}.mobile-library__pte-type-body{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;height:100%;align-self:stretch}.mobile-library__pte-type-text{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;flex:1 1}.mobile-library__pte-type-text strong{font-size:14px;font-weight:500;line-height:1.3;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-library__pte-type-title{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;flex-wrap:wrap}.mobile-library__pte-type-title strong{min-width:0;max-width:100%}.mobile-library__pte-type-text>span:not(.mobile-library__pte-type-title){font-size:12px;font-weight:400;line-height:1.3;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-library__pte-type-body>svg:last-child{color:var(--muted-foreground);flex-shrink:0}.mobile-library__pte-drilldown{position:fixed;inset:0;z-index:161;display:flex;flex-direction:column;background:var(--card)}.mobile-library__pte-drilldown-header{flex-shrink:0;padding:var(--mobile-pwa-top-chrome-gap) 20px 0;border-bottom:1px solid var(--border)}.mobile-library__pte-drilldown-header-inner{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;padding-bottom:14px}.mobile-library__pte-drilldown-back{display:inline-flex;align-items:center;justify-content:flex-start;width:20px;height:20px;border:0!important;border-radius:0!important;background:transparent!important;color:var(--foreground);cursor:pointer;flex-shrink:0;padding:0!important;margin:0 0 0 -4px}.mobile-library__pte-drilldown-back:hover{background:transparent!important}.mobile-library__pte-drilldown-header-text{display:flex;flex-direction:column;gap:8px;min-width:0}.mobile-library__pte-drilldown-header div.mobile-library__pte-drilldown-header-text strong{font-size:16px;font-weight:600;line-height:1.25;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-library__pte-drilldown-header div.mobile-library__pte-drilldown-header-text span{font-size:13px;line-height:1.3;color:var(--muted-foreground)}.mobile-library__pte-question-list{flex:1 1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 0 calc(18px + var(--mobile-pwa-bottom-safe-area))}.mobile-library__pte-question-list--bleed{margin-left:-24px;margin-right:-24px;width:calc(100% + 48px)}.mobile-library__pte-question-row-wrap{flex-shrink:0;height:56px;padding:0 20px;border-radius:0;background:transparent;box-sizing:border-box}.mobile-library__pte-question-row-wrap:hover{background:color-mix(in srgb,var(--foreground) 4%,var(--card))}.mobile-library__pte-question-row-wrap:not(:last-child) .mobile-library__pte-question-row{border-bottom:1px solid var(--border)!important}.mobile-library__pte-question-row{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;justify-content:start!important;align-items:center!important;grid-gap:12px;gap:12px;width:100%;height:100%;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;background:transparent!important;padding:0;margin:0;text-align:left;cursor:pointer}.mobile-library__pte-question-row:hover{background:transparent!important}.mobile-library__pte-question-id{font-size:12px;font-family:JetBrains Mono,monospace;color:var(--muted-foreground);white-space:nowrap}.mobile-library__pte-question-title{font-size:14px;font-weight:500;line-height:1.3;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-library__pte-question-status{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-family:JetBrains Mono,monospace;white-space:nowrap}.mobile-library__pte-question-trailing{display:inline-flex;align-items:center;gap:var(--space-4);flex-shrink:0;justify-self:end}.mobile-library__pte-question-trailing>svg{color:var(--muted-foreground);flex-shrink:0}.media-trainer-transcript-row{grid-template-columns:42px minmax(0,1fr) 24px!important}.media-trainer-transcript-row span{overflow-wrap:anywhere}}@media (max-width:430px){.home-dashboard-grid{grid-auto-columns:minmax(272px,calc(100vw - 48px))}.active-builders-grid>*,.next-actions-grid>*,.training-random-grid>*{flex-basis:calc(100vw - 48px);min-width:272px;max-width:calc(100vw - 48px)}}.practice-material-card-grid-container{container-type:inline-size;container-name:material-card-grid;width:100%}.practice-material-card-grid{display:grid;grid-gap:12px;gap:12px;width:100%;align-items:stretch;grid-template-columns:minmax(0,1fr)}@container material-card-grid (min-width: 480px){.practice-material-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container material-card-grid (min-width: 720px){.practice-material-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container material-card-grid (min-width: 1080px){.practice-material-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.practice-material-card-list{display:flex;flex-direction:column;gap:8px;width:100%}.practice-material-card-grid>*,.practice-material-card-list>*{min-width:0;width:100%}.practice-material-card-strip{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.practice-material-card-strip-track{display:flex;gap:12px;width:max-content;min-width:100%;padding-bottom:2px}.practice-material-card-strip-item{min-width:0}.shadow-control-dock:not(:empty){flex-shrink:0;background:var(--card)}.shadow-control-dock:not(:empty)+.pte-exam-action-bar{border-top:none!important}