:root{color-scheme:light;--font-sans: "Inter", "Avenir Next", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--font-brand: var(--font-sans);--brand-accent: #166534;--brand-wordmark-tracking: -.01em;--bg-page: #F5F7F4;--surface-canvas: #FFFFFF;--surface-card: #FFFFFF;--surface-card-alt: #EDF3EF;--surface-card-soft: #F0F5F1;--surface-highlight: #E3EDE6;--border-subtle: rgba(20, 41, 27, .08);--border-strong: rgba(20, 41, 27, .16);--text-strong: #14291B;--text-primary: #1D3526;--text-secondary: #4B6858;--text-muted: #7A9485;--text-soft: #A8BDB4;--accent: #166534;--accent-strong: #0F4F26;--accent-soft: rgba(22, 101, 52, .08);--accent-soft-strong: rgba(22, 101, 52, .18);--success: #15803D;--success-soft: rgba(21, 128, 61, .1);--success-text: #14532D;--warning: #C47F17;--warning-soft: rgba(196, 127, 23, .1);--warning-text: #7A4A0A;--danger: #D94F3D;--danger-soft: rgba(217, 79, 61, .1);--danger-text: #7A1A12;--shadow-sm: 0 1px 4px rgba(20, 41, 27, .08);--shadow-md: 0 4px 16px rgba(20, 41, 27, .1);--shadow-lg: 0 8px 40px rgba(20, 41, 27, .12);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{max-width:1180px;margin:0 auto;padding:0 1.5rem}@keyframes route-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.route-transition{animation:route-fade-in .18s ease}.toast-viewport{position:fixed;right:1rem;bottom:1rem;width:min(24rem,calc(100vw - 2rem));display:flex;flex-direction:column;gap:.55rem;z-index:120;pointer-events:none}.toast-item{pointer-events:auto;display:flex;gap:.65rem;align-items:flex-start;justify-content:space-between;border-radius:12px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-card) 94%,var(--bg-page));box-shadow:var(--shadow-md);padding:.6rem .72rem}.toast-item-success{border-color:color-mix(in srgb,var(--success) 30%,var(--border-subtle))}.toast-item-title{margin:0;font-size:.8rem;font-weight:640;color:var(--text-strong);line-height:1.35}.toast-item-message{margin:.2rem 0 0;font-size:.77rem;color:var(--text-secondary);line-height:1.45}.toast-item-dismiss{border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-card-alt);color:var(--text-secondary);min-width:1.55rem;min-height:1.55rem;cursor:pointer}.error-boundary-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background:var(--bg-page)}.error-boundary-card{width:min(100%,480px);padding:2.4rem 2rem;border-radius:26px;border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-lg);text-align:center}.error-boundary-icon{font-size:2.4rem;margin-bottom:1rem;color:var(--warning)}.error-boundary-title{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;color:var(--text-strong);margin-bottom:.6rem}.error-boundary-body{color:var(--text-secondary);font-size:.95rem;line-height:1.65;margin-bottom:1.6rem}.error-boundary-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.error-boundary-details{margin-top:1.4rem;text-align:left;font-size:.8rem;color:var(--text-muted)}.error-boundary-details summary{cursor:pointer;margin-bottom:.5rem;font-weight:600}.error-boundary-details pre{background:var(--surface-card-alt);padding:.75rem;border-radius:var(--radius-sm);overflow:auto;white-space:pre-wrap;word-break:break-word}.not-found-card{text-align:center}.not-found-code{font-size:clamp(4rem,12vw,7rem);font-weight:800;letter-spacing:-.06em;color:var(--text-soft);line-height:1;margin-bottom:.5rem}.not-found-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.8rem}.auth-page{min-height:100vh;background:var(--bg-page)}.auth-main{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;overflow-y:auto}.auth-card{width:min(100%,560px);padding:2.1rem;border-radius:26px;border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-lg)}.auth-upgrade-banner{display:flex;align-items:flex-start;gap:.55rem;background:var(--accent-soft);border:1px solid var(--accent-soft-strong);border-radius:var(--radius-sm);padding:.7rem .9rem;font-size:.86rem;color:var(--accent-strong);line-height:1.45;margin-bottom:1.25rem}.auth-upgrade-banner strong{color:var(--accent-strong);font-weight:700}.auth-upgrade-banner-icon{flex-shrink:0;font-style:normal;margin-top:1px}.auth-card-header{text-align:left;margin-bottom:1.35rem}.auth-back-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.8125rem;color:var(--text-secondary);text-decoration:none;margin-bottom:1rem;padding:0;background:none;border:none;cursor:pointer;transition:color .15s,gap .15s}.auth-back-link:hover{color:var(--text-strong);gap:.45rem}.auth-card-title{font-size:clamp(1.95rem,4vw,2.45rem);line-height:1.02;letter-spacing:-.05em;margin-bottom:.5rem;color:var(--text-strong)}.auth-card-subtitle{color:var(--text-secondary);font-size:.98rem;line-height:1.6}.auth-card-note{margin-top:.75rem;color:var(--text-muted);font-size:.87rem;line-height:1.65;max-width:48ch}.auth-oauth{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.4rem}.auth-oauth-btn{width:100%;display:inline-flex;align-items:center;justify-content:flex-start;gap:.7rem;padding:.95rem 1rem;border-radius:16px;border:1px solid var(--border-subtle);background:#00000005;color:var(--text-primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.auth-oauth-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-strong);background:#0000000a}.auth-oauth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-oauth-btn--coming-soon{justify-content:flex-start;opacity:.65;cursor:default}.auth-oauth-soon-badge{margin-left:auto;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-card-alt);border:1px solid var(--border-subtle);border-radius:6px;padding:.15em .5em}.auth-divider{position:relative;display:flex;align-items:center;justify-content:center;margin:.35rem 0}.auth-divider:before{content:"";position:absolute;inset:50% 0 auto;border-top:1px solid var(--border-subtle)}.auth-divider span{position:relative;z-index:1;padding:0 .85rem;background:var(--surface-card);color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.auth-spinner--sm{width:16px;height:16px;flex-shrink:0}.auth-field-hint--error{color:var(--danger)}.auth-alert{margin-bottom:1rem;padding:.95rem 1rem;border-radius:16px;font-size:.9rem;line-height:1.6}.auth-alert-error{border:1px solid rgba(217,79,61,.22);background:var(--danger-soft);color:var(--danger-text)}.auth-alert-info{border:1px solid var(--accent-soft-strong);background:var(--accent-soft);color:var(--accent-strong)}.auth-form{display:flex;flex-direction:column;gap:1.05rem}.auth-field{display:flex;flex-direction:column;gap:.48rem}.auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.auth-label{color:var(--text-primary);font-size:.89rem;font-weight:600}.auth-input{width:100%;min-height:52px;padding:.85rem .95rem;border-radius:16px;border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-strong);font-size:.96rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.auth-input::placeholder{color:var(--text-muted)}.auth-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-input--error{border-color:var(--danger)}.auth-input--error:focus-visible{border-color:var(--danger);box-shadow:0 0 0 3px #d94f3d26}.auth-password-wrap{position:relative}.auth-input-password{padding-right:3rem}.auth-eye-btn{position:absolute;top:50%;right:.7rem;transform:translateY(-50%);width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--text-muted);cursor:pointer;border-radius:8px;transition:color .15s ease}.auth-eye-btn:hover{color:var(--text-primary)}.auth-submit-btn{width:100%;min-height:52px;border-radius:16px;background:var(--accent);color:#fff;font-size:.96rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;margin-top:.25rem}.auth-submit-btn:hover{background:var(--accent-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-link-btn{display:inline;background:none;border:none;padding:0;margin:0;font:inherit;font-size:inherit;color:var(--accent);font-weight:500;cursor:pointer;text-decoration:none;transition:color .15s;line-height:inherit}.auth-link-btn:hover{color:var(--accent-strong);text-decoration:underline}.auth-link-subtle{color:var(--text-muted);font-weight:400;font-size:.875rem}.auth-link-subtle:hover{color:var(--text-secondary)}.auth-footer{margin-top:1.25rem;display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.9rem;color:var(--text-secondary)}.auth-footer-text{color:var(--text-secondary)}.auth-magic-link-cta{margin-top:.75rem;text-align:center}.auth-post-success{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.verify-email-banner{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;background:#c47f171f;border-bottom:1px solid rgba(196,127,23,.25);font-size:.875rem;color:var(--text-strong);flex-wrap:wrap}.verify-email-banner__text{flex:1;min-width:0}.verify-email-banner__action{background:none;border:1px solid rgba(196,127,23,.45);border-radius:var(--radius-sm);padding:.25rem .65rem;font-size:.82rem;font-weight:600;color:var(--warning-text);cursor:pointer;white-space:nowrap;transition:background .15s}.verify-email-banner__action:hover:not(:disabled){background:#c47f171a}.verify-email-banner__action:disabled{opacity:.65;cursor:default}.verify-email-banner__dismiss{background:none;border:none;padding:.2rem .4rem;font-size:.9rem;color:var(--text-secondary);cursor:pointer;line-height:1;flex-shrink:0}.verify-email-banner__dismiss:hover{color:var(--text-strong)}[data-theme=dark] .verify-email-banner__action{color:#e0a040;border-color:#e0a04066}.auth-spinner{display:inline-block;width:1.1rem;height:1.1rem;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;vertical-align:middle;margin-right:.45rem}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh}.app-topbar{position:sticky;top:0;z-index:30;background:#f7f7f5eb;border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app-topbar-inner{max-width:none;min-height:64px;padding:0 1.1rem;justify-content:space-between;gap:.85rem}.app-topbar-brand{display:flex;align-items:center;gap:.7rem;min-width:0;flex:0 0 auto}.app-title-group{display:flex;flex-direction:column;min-width:0;flex:1}.app-title-row{display:flex;align-items:center;gap:.5rem;min-width:0}.app-title-row-nav{justify-content:space-between}.app-title-row h1{font-size:1rem;color:var(--text-strong);letter-spacing:-.03em}.app-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:.875rem;margin-left:auto}.topbar-sep{width:1px;height:18px;background:var(--border-subtle);flex-shrink:0}.app-practice-home{flex:0 0 auto;color:var(--text-strong);font-size:1rem;font-weight:650;letter-spacing:-.02em;white-space:nowrap}.app-practice-home:hover{color:var(--text-strong)}.app-track-nav{display:inline-flex;align-items:center;gap:.35rem;min-width:0;margin-left:auto}.app-track-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:.42rem .7rem;border-radius:999px;border:1px solid transparent;color:var(--text-muted);font-size:.79rem;font-weight:600;white-space:nowrap;transition:color .15s ease,background .15s ease,border-color .15s ease}.app-track-link:hover{color:var(--text-primary);background:#00000008}.app-track-link-active{color:var(--track-color, var(--accent));background:color-mix(in srgb,var(--track-color, var(--accent)) 10%,transparent);border-color:color-mix(in srgb,var(--track-color, var(--accent)) 22%,var(--border-subtle))}.app-context{display:flex;align-items:center;gap:.4rem}.app-context-secondary{justify-content:flex-end}.upgrade-panel{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.upgrade-panel-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.upgrade-actions{display:inline-flex;align-items:center;gap:.5rem}.shell-pill{display:inline-flex;align-items:center;min-height:32px;padding:.32rem .68rem;border-radius:9999px;border:1px solid var(--border-subtle);background:#00000008;color:var(--text-secondary);font-size:.72rem;letter-spacing:.02em}.shell-pill-plan{border-color:var(--accent-soft-strong);background:var(--accent-soft);color:var(--accent-strong)}.shell-pill-plan-free{border-color:var(--border-strong);background:var(--surface-card-alt);color:var(--text-secondary)}.shell-pill-plan-pro{border-color:var(--accent-soft-strong);background:var(--accent-soft);color:var(--accent-strong)}.shell-pill-plan-elite{border-color:#c47f1740;background:#c47f1712;color:var(--warning)}.shell-pill-streak{border-color:#2d9e6b42;background:#2d9e6b17;color:var(--success)}.shell-pill-streak-risk{border-color:#c47f1757;background:#c47f171f;color:var(--warning)}.app-topbar-center{flex:1;display:flex;justify-content:center;align-items:center;pointer-events:none;min-width:0}.shell-pill-mode{display:inline-flex;align-items:center;gap:.42rem;padding:.28rem .6rem;min-height:26px;font-size:.72rem;font-weight:500;letter-spacing:.025em;color:var(--text-secondary);border-color:#0000000f;background:#00000006;pointer-events:none;white-space:nowrap}.shell-pill-mode-dot{width:6px;height:6px;border-radius:50%;background:var(--mode-dot-color, var(--accent));flex-shrink:0}.shell-pill-mode-sample{border-color:#c47f1733;background:#c47f170f;color:var(--warning)}.shell-pill-mode-path{border-color:var(--accent-soft-strong);background:var(--accent-soft);color:var(--accent-strong)}@media (max-width: 900px){.app-topbar-center{display:none}}.app-body{display:flex;min-height:calc(100vh - 64px)}.sidebar{width:328px;padding:.85rem;background:var(--surface-card-alt);border-right:1px solid var(--border-subtle);position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto;z-index:20}.content{flex:1;min-width:0;padding:0 2rem 2rem 1rem}.content-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:.35rem 0 .1rem;margin-left:-.1rem}.content-toolbar-toggle{min-height:36px;padding:0;border-radius:10px;border:none;background:none;box-shadow:none;color:var(--text-muted);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;text-align:left}.content-toolbar-toggle.btn-secondary:not(:disabled):hover{background:none;border-color:transparent;color:var(--text-primary);transform:none}.sidebar-toggle{display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .72rem;border-radius:12px}.sidebar-toggle-icon{font-size:.95rem;line-height:1}.sidebar-toggle-label{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.app-shell.sidebar-collapsed .sidebar{display:none}.app-shell.sidebar-collapsed .content{width:100%}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:1.1rem;line-height:1;cursor:pointer;transition:border-color .15s,color .15s,background .15s;margin-left:auto;margin-bottom:.4rem}.sidebar-collapse-btn:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--surface-hover)}.sidebar-expand-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:1.1rem;line-height:1;cursor:pointer;transition:border-color .15s,color .15s,background .15s;margin-top:.25rem}.sidebar-expand-btn:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--surface-hover)}.app-banner{padding:.8rem 1.25rem;font-size:.88rem;border-top:1px solid var(--border-subtle)}.app-banner-success{background:var(--success-soft);color:var(--success-text)}.app-banner-error{background:var(--danger-soft);color:var(--danger-text)}@media (max-width: 900px){.upgrade-panel{width:100%;align-items:flex-start}.upgrade-actions{width:100%;justify-content:stretch}.app-topbar-inner{min-height:60px;padding:0 .9rem;align-items:center}.app-topbar-brand{flex:1;min-width:0;gap:.55rem}.app-title-group{width:calc(100% - 2.4rem)}.app-title-row,.app-title-row-nav{width:100%}.app-title-row-nav{flex-direction:column;align-items:flex-start;gap:.45rem}.app-practice-home{font-size:.94rem}.app-track-nav{width:100%;overflow-x:auto;padding-bottom:.1rem;margin-left:0;scrollbar-width:none}.app-track-nav::-webkit-scrollbar{display:none}.app-track-link{min-height:32px;padding:.38rem .62rem;font-size:.76rem}.sidebar-toggle{padding:.48rem .58rem}.sidebar-toggle-label{display:none}.app-topbar-actions{margin-left:0;justify-content:flex-end;display:none}.app-context-secondary{display:none}.sidebar{position:fixed;top:60px;left:0;transform:translate(-100%);transition:transform .15s ease;width:min(90vw,360px)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:60px;left:0;right:0;bottom:0;background:#1a1a1866;z-index:15}.content{padding:0 1rem 2rem}.content-toolbar{margin-left:0;padding-top:.7rem;padding-bottom:0}}.sidebar-loading,.sidebar-error{padding:1rem .5rem;color:var(--text-muted);font-size:.9rem}.sidebar-error{color:var(--danger)}.sidebar-inner{display:flex;flex-direction:column;gap:.75rem}.sidebar-group{margin-top:0}.sidebar-group-header{width:100%;display:flex;align-items:center;justify-content:space-between;background:#00000005;border:1px solid var(--border-subtle);border-radius:14px;padding:.78rem .85rem;cursor:pointer;color:var(--text-strong);transition:border-color .15s ease,background .15s ease}.sidebar-group-header:hover{border-color:var(--border-strong);background:#0000000a}.sidebar-group-header-static{cursor:default}.sidebar-group-header-static:hover{border-color:var(--border-subtle);background:#00000005}.sidebar-group-bookmarks{margin-bottom:.35rem}.sidebar-group-title{display:flex;align-items:flex-start;gap:.65rem}.sidebar-group-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.sidebar-group-name{font-size:.88rem;font-weight:600;color:var(--text-strong)}.sidebar-group-meta{font-size:.74rem;color:var(--text-muted)}.sidebar-group-summary{display:flex;align-items:center;gap:.6rem}.sidebar-group-count{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted)}.sidebar-group-count-complete{color:var(--success);font-weight:600}.sidebar-group-complete{font-size:.68rem;font-weight:700;color:var(--success);letter-spacing:.04em;text-transform:uppercase;margin-top:1px}.sidebar-group-header-complete{border-left:2px solid rgba(45,158,107,.35)}.sidebar-chevron{color:var(--text-muted);font-size:.85rem}.sidebar-question-list{margin-top:.3rem;padding-left:0;display:flex;flex-direction:column;gap:.3rem}.sidebar-question{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.46rem .72rem;border-radius:12px;border:1px solid transparent;min-width:0;transition:background .15s ease,border-color .15s ease,transform .15s ease}.sidebar-question:hover{border-color:var(--border-subtle);background:#00000008}.sidebar-question-active{border-color:var(--accent-soft-strong);background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.sidebar-question-locked{opacity:.58}.sidebar-question-leading{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1}.sidebar-question-order{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:1.85rem;height:1.85rem;border-radius:8px;font-size:.76rem;font-weight:600;font-family:var(--font-mono);border:1px solid var(--border-subtle);background:var(--surface-card-alt);color:var(--text-muted);transition:background .15s ease,border-color .15s ease}.sidebar-question-order.current,.sidebar-question-order.next{background:var(--accent-soft);border-color:var(--accent-soft-strong);color:var(--accent)}.sidebar-question-order.solved{background:var(--success-soft);border-color:#2d9e6b38;color:var(--success)}.sidebar-question-copy{display:flex;flex-direction:column;gap:.12rem;min-width:0}.sidebar-question-main{min-width:0;flex:1;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:.26rem}.sidebar-question-title{display:block;font-size:.83rem;font-weight:500;color:var(--text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-question-form-badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border-subtle));background:color-mix(in srgb,var(--accent) 9%,var(--surface-card-alt));color:color-mix(in srgb,var(--accent) 68%,var(--text-strong));font-size:.63rem;font-weight:700;letter-spacing:.05em;padding:.14rem .42rem;text-transform:uppercase;max-width:100%}.sidebar-question-label{font-size:.7rem;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.sidebar-question-label-current{color:var(--accent-strong);font-weight:600}.sidebar-question-label-solved{color:var(--success)}.sidebar-question-label-next{color:var(--accent)}.sidebar-question-label-locked{color:var(--text-muted)}.sidebar-upgrade-panel{margin-top:1rem;padding:.9rem;border-radius:var(--radius-md);border:1px solid var(--accent-soft-strong);background:var(--surface-card);box-shadow:0 0 0 3px var(--accent-soft)}[data-theme=dark] .sidebar-upgrade-panel{background:color-mix(in srgb,var(--accent) 14%,var(--surface-card));border-color:var(--accent-soft-strong);box-shadow:0 0 0 1px var(--accent-soft-strong)}.sidebar-upgrade-panel-copy{margin:0 0 .6rem;font-size:.78rem;color:var(--text-primary);line-height:1.5}.sidebar-unlock-bar{margin-top:5px;pointer-events:none}.sidebar-unlock-bar-track{height:3px;background:var(--border-subtle);border-radius:2px;overflow:hidden}.sidebar-unlock-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease;opacity:.85}.sidebar-unlock-bar-label{display:block;margin-top:3px;font-size:.66rem;color:var(--text-muted);letter-spacing:.01em}.sidebar-unlock-nudge{margin:.65rem 0 0;padding:.6rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#00000004;font-size:.72rem;color:var(--text-secondary);line-height:1.55}.topbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg-page) 92%,transparent);border-bottom:1px solid var(--border-subtle);padding:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}.topbar h1{font-size:1.08rem;font-weight:650;letter-spacing:-.02em;color:var(--text-strong)}.brand-wordmark,.landing-brand,.app-practice-home,.dashboard-brand{position:relative;display:inline-flex;align-items:baseline;font-family:var(--font-brand);letter-spacing:var(--brand-wordmark-tracking);color:var(--text-strong);text-transform:lowercase}.brand-data{font-weight:300;letter-spacing:0}.brand-think{font-weight:700;letter-spacing:-.02em}.brand-lockup{display:inline-flex;align-items:center;gap:.35rem}.brand-monogram svg{display:block;width:44px;height:44px}.brand-wordmark-svg svg{display:block;height:32px;width:auto}.brand-mark-img{display:block;height:19px;width:auto;flex-shrink:0}.brand-wordmark-text{font-size:1.1rem;line-height:1}.landing-brand{font-size:1.08rem;white-space:nowrap}.app-practice-home{font-size:.98rem}.app-practice-home:hover,.dashboard-brand:hover{color:var(--text-strong)}.topbar .back-link{font-size:.86rem;color:var(--text-muted);transition:color .15s}.topbar .back-link:hover{color:var(--text-primary)}.question-list-page{padding:2.5rem 0}.page-title{font-size:1.6rem;font-weight:700;margin-bottom:.5rem;color:var(--text-strong)}.page-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.question-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:10px;padding:1.25rem 1.5rem;cursor:pointer;transition:border-color .15s,transform .1s,box-shadow .15s}.question-card:hover{border-color:var(--accent-soft-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.question-card h2{font-size:1rem;font-weight:600;margin-bottom:.625rem;color:var(--text-strong)}.landing-page{min-height:calc(100vh - 64px);padding:0;display:block;width:100%}.landing-topbar-inner{max-width:none}.landing-topbar-left,.landing-topbar-right{display:flex;align-items:center;min-width:0}.landing-topbar-right{margin-left:auto;justify-content:flex-end;gap:1.25rem}.landing-brand{white-space:nowrap}.landing-title{font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.02;margin-bottom:.8rem;color:var(--text-strong);letter-spacing:-.03em}.landing-copy{color:var(--text-secondary);line-height:1.65;font-size:.98rem}.landing-hero{width:100%;padding:5.5rem 1.5rem 4.5rem;text-align:center}.landing-hero-inner{max-width:720px;margin:0 auto}.landing-kicker{display:inline-flex;margin-bottom:1rem;padding:.35rem .78rem;border-radius:999px;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.8rem;letter-spacing:.02em}.landing-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.8rem}.landing-proof-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem .8rem;padding:.9rem 1.5rem 0;text-align:center}.landing-proof-stat{font-size:.82rem;color:var(--text-secondary);letter-spacing:.01em}.landing-proof-stat strong{color:var(--text-strong);font-weight:700}.landing-proof-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--border-subtle);vertical-align:middle;flex-shrink:0}.landing-welcome{width:100%;padding:4rem 1.5rem 3rem}.landing-welcome-inner{max-width:1040px;margin:0 auto}.landing-welcome-heading{text-align:center;margin-bottom:2rem}.landing-welcome-title{font-size:clamp(1.75rem,3.6vw,2.4rem);line-height:1.1;margin:.6rem 0 .5rem;color:var(--text-strong);letter-spacing:-.03em}.landing-welcome-copy{color:var(--text-secondary);line-height:1.6;font-size:.95rem;margin:0}.landing-welcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:1.6rem}.landing-welcome-card{display:flex;flex-direction:column;gap:.35rem;padding:1.15rem 1.2rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-card);text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;min-height:120px}.landing-welcome-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.landing-section-inner{max-width:1040px;margin:0 auto}.landing-welcome-card--primary{border-color:var(--accent-soft-strong);background:var(--accent-soft)}.landing-welcome-card--primary:hover{border-color:var(--accent)}.landing-welcome-card-kicker{font-size:.74rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:var(--text-secondary)}.landing-welcome-card-title{font-size:1.02rem;font-weight:600;color:var(--text-strong);line-height:1.3}.landing-welcome-card-cta{margin-top:auto;font-size:.85rem;color:var(--accent);font-weight:500}@media (max-width: 900px){.landing-welcome{padding:3rem 1.25rem 2rem}.landing-welcome-grid{grid-template-columns:1fr}}.landing-companies{background:var(--bg-page);padding:2.5rem 1.5rem;text-align:center;border-top:1px solid var(--border-subtle)}.landing-companies-label{font-size:.8125rem;color:var(--text-secondary);margin-bottom:1rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.landing-companies-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.landing-company-chip{padding:5px 14px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface-card);font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.landing-how-section{padding:4.5rem 1.5rem;position:relative;overflow:hidden;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:radial-gradient(ellipse 55% 70% at 4% 15%,color-mix(in srgb,var(--accent) 11%,transparent) 0%,transparent 68%),radial-gradient(ellipse 50% 60% at 97% 88%,color-mix(in srgb,var(--success) 10%,transparent) 0%,transparent 65%),radial-gradient(circle,rgba(26,26,24,.055) 1px,transparent 1px) 0 0 / 22px 22px,#f7f5f0}[data-theme=dark] .landing-how-section{background:radial-gradient(ellipse 55% 70% at 4% 15%,color-mix(in srgb,var(--accent) 14%,transparent) 0%,transparent 68%),radial-gradient(ellipse 50% 60% at 97% 88%,color-mix(in srgb,var(--success) 10%,transparent) 0%,transparent 65%),radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px) 0 0 / 22px 22px,#0e0e0c}.landing-how-header{text-align:center;margin-bottom:2.75rem;position:relative}.landing-how-title{font-size:1.65rem;font-weight:700;color:var(--text-strong);margin-bottom:.6rem;letter-spacing:-.02em}.landing-how-sub{font-size:1rem;color:var(--text-secondary);max-width:520px;margin:0 auto;line-height:1.6}.landing-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1040px;margin:0 auto;position:relative}.landing-how-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.75rem 1.5rem 1.6rem;box-shadow:0 2px 12px #1a1a180f,0 1px 3px #1a1a180a}[data-theme=dark] .landing-how-card{box-shadow:0 2px 16px #00000038,0 1px 4px #00000024}.landing-how-step{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--accent);background:var(--accent-soft);padding:3px 10px;border-radius:999px;margin-bottom:1rem}.landing-how-card-title{font-size:1.01rem;font-weight:650;color:var(--text-strong);margin-bottom:.6rem;line-height:1.35}.landing-how-card-copy{font-size:.895rem;color:var(--text-secondary);line-height:1.68;margin:0}@media (max-width: 900px){.landing-how-grid{grid-template-columns:1fr;max-width:520px}.landing-how-title{font-size:1.35rem}}.landing-paths{background:var(--bg-page);padding:3.5rem 1.5rem;border-top:1px solid var(--border-subtle)}.landing-paths-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.landing-paths-shuffle{padding:.45rem 1rem;border:1.5px solid var(--accent);border-radius:var(--radius-sm);background:transparent;color:var(--accent);font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s}.landing-paths-shuffle:hover{background:var(--accent);color:#fff}.landing-paths-title{font-size:1.35rem;font-weight:700;color:var(--text-strong);margin:0 0 .35rem}.landing-paths-sub{color:var(--text-secondary);margin:0;font-size:.93rem}.landing-paths-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.landing-practice-section{width:100%;max-width:1040px;margin:0 auto;padding:5rem 1.5rem 5.5rem}.landing-practice-heading{margin-bottom:2rem}.landing-practice-title{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:700;color:var(--text-strong);letter-spacing:-.03em;line-height:1.1}.landing-practice-copy{margin-top:.5rem;color:var(--text-secondary);line-height:1.55;font-size:.9rem}.landing-quality-callout{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start;background:var(--surface-card);border:1px solid var(--border-subtle);border-left:2px solid var(--accent);border-radius:var(--radius-md);padding:1.75rem 2rem;margin-bottom:2rem}.landing-quality-eyebrow{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem}.landing-quality-headline{font-size:1.25rem;font-weight:700;color:var(--text-strong);line-height:1.25;letter-spacing:-.02em;margin:0}.landing-quality-right{display:flex;flex-direction:column;gap:.6rem;padding-top:.15rem}.landing-quality-right p{font-size:.9rem;color:var(--text-secondary);line-height:1.65;margin:0}.landing-quality-right em{font-style:normal;font-weight:600;color:var(--text-strong)}@media (max-width: 900px){.landing-quality-callout{grid-template-columns:1fr;gap:1rem;padding:1.4rem 1.25rem}}.track-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.track-card{display:flex;flex-direction:column;gap:.875rem;padding:1.5rem 1.5rem 1.25rem;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.track-card:hover{background:linear-gradient(145deg,color-mix(in srgb,var(--track-color) 12%,var(--surface-card)) 0%,var(--surface-card) 56%,color-mix(in srgb,var(--track-color) 7%,var(--surface-card)) 100%);border-color:color-mix(in srgb,var(--track-color) 14%,var(--border-subtle));box-shadow:var(--shadow-sm);transform:translateY(-2px)}.track-card.is-active{background:linear-gradient(145deg,color-mix(in srgb,var(--track-color) 16%,var(--surface-card)),color-mix(in srgb,var(--track-color) 5%,var(--surface-card)) 58%,color-mix(in srgb,var(--track-color) 10%,var(--surface-card)));border-color:color-mix(in srgb,var(--track-color) 22%,var(--border-subtle));box-shadow:var(--shadow-sm)}.track-card-header{display:flex;align-items:center;gap:.6rem}.track-card-dot{width:8px;height:8px;border-radius:50%;background:var(--track-color);flex-shrink:0}.track-card-name{font-size:1.05rem;font-weight:700;color:var(--text-strong);letter-spacing:-.02em;flex:1}.track-card-count{font-size:.7rem;font-weight:600;color:var(--text-muted);background:var(--surface-card-alt);padding:.18rem .5rem;border-radius:999px;border:1px solid var(--border-subtle);letter-spacing:.02em}.track-card-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.track-card-difficulties{display:flex;gap:.375rem;flex-wrap:wrap}.track-diff-chip{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.7rem;font-weight:600;border:1px solid transparent}.track-diff-chip--easy,.track-diff-chip--medium,.track-diff-chip--hard{color:var(--text-secondary)}.track-diff-chip--easy{background:color-mix(in srgb,var(--success) 10%,var(--surface-card-alt));color:color-mix(in srgb,var(--success) 68%,var(--text-strong));border-color:color-mix(in srgb,var(--success) 18%,var(--surface-card-alt))}.track-diff-chip--medium{background:color-mix(in srgb,var(--warning) 10%,var(--surface-card-alt));color:color-mix(in srgb,var(--warning) 68%,var(--text-strong));border-color:color-mix(in srgb,var(--warning) 18%,var(--surface-card-alt))}.track-diff-chip--hard{background:color-mix(in srgb,var(--danger) 10%,var(--surface-card-alt));color:color-mix(in srgb,var(--danger) 68%,var(--text-strong));border-color:color-mix(in srgb,var(--danger) 18%,var(--surface-card-alt))}.track-card-progress{display:flex;flex-direction:column;gap:.35rem}.track-card-progress-label{font-size:.75rem;color:var(--text-muted)}.track-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.375rem;border-top:1px solid var(--border-subtle)}.track-card-cta{font-size:.85rem;font-weight:600;color:var(--accent);transition:color .15s ease}.track-card:hover .track-card-cta{color:var(--accent-strong)}.track-card-active-label{font-size:.7rem;color:color-mix(in srgb,var(--track-color) 40%,var(--text-secondary));font-weight:500}.track-samples-strip{padding:1.75rem 2rem;background:var(--surface-card);border:1px solid var(--border-subtle);border-top:1px solid var(--track-color);border-radius:var(--radius-md);animation:trackStripIn .22s ease forwards}@keyframes trackStripIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.track-samples-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.track-samples-header-text{flex:1;min-width:0}.track-samples-title{font-size:1rem;font-weight:700;color:var(--text-strong);letter-spacing:-.02em;margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem}.track-samples-dot{width:8px;height:8px;border-radius:50%;background:var(--track-color);flex-shrink:0}.track-samples-desc{font-size:.83rem;color:var(--text-secondary);margin:0;line-height:1.5}.track-samples-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.landing-track-nav{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:2.5rem}.landing-track-pill{padding:.38rem 1.1rem;border-radius:999px;border:1.5px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;line-height:1.5}.landing-track-pill:hover{border-color:var(--border-strong, var(--text-muted));color:var(--text-primary)}.landing-track-pill.is-active{background:var(--pill-color);border-color:var(--pill-color);color:#fff}.topbar-user-pill{display:flex;align-items:center;gap:.6rem}.topbar-user-name{font-size:.88rem;color:var(--text-primary)}.topbar-signout-btn{font-size:.88rem;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:0;transition:color .15s}.topbar-signout-btn:hover{color:var(--text-primary)}.topbar-auth-link{font-size:.88rem;color:var(--text-secondary);transition:color .15s}.topbar-auth-link:hover{color:var(--text-primary)}.landing-tab-panels{width:100%;padding:0}.landing-tab-panel{background:transparent;border:none;box-shadow:none;padding:1.5rem 0;opacity:0;transform:translateY(8px);animation:landingPanelIn .2s ease forwards}.landing-tab-panel[hidden]{display:none}.landing-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.landing-panel-header h3{font-size:1.2rem;font-weight:700;color:var(--text-strong);letter-spacing:-.02em}.landing-panel-header p{margin-top:.3rem;max-width:56ch;color:var(--text-secondary);line-height:1.55;font-size:.875rem}.landing-panel-tag{display:inline-flex;align-items:center;min-height:28px;padding:.28rem .7rem;border-radius:999px;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.72rem;font-weight:600;white-space:nowrap}.landing-panel-body{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.landing-panel-progress{display:flex;flex-direction:column;gap:.45rem;flex:1;min-width:0}.landing-panel-progress-copy{color:var(--text-muted);font-size:.8rem}.landing-panel-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.landing-panel-samples{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle)}.landing-panel-samples-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.landing-panel-samples-header h4{font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.landing-panel-samples-header p{margin-top:.25rem;color:var(--text-secondary);line-height:1.5;font-size:.85rem}.landing-samples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.sample-tile{display:flex;flex-direction:column;align-items:flex-start;padding:1.25rem 1.4rem;gap:.75rem;background:var(--surface-card);border:1px solid var(--border-subtle);border-top:1px solid var(--tile-color, var(--accent));border-radius:14px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.sample-tile:hover{border-color:color-mix(in srgb,var(--tile-color, var(--accent)) 12%,var(--border-subtle));transform:translateY(-2px);box-shadow:var(--shadow-sm)}.track-card:focus-visible,.sample-tile:focus-visible,.landing-welcome-card:focus-visible,.landing-company-chip:focus-visible,.landing-paths-shuffle:focus-visible,.landing-tier-col .btn:focus-visible,.landing-tier-col .upgrade-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:where(a,button,input,select,textarea,[role=button],[role=tab]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.onboarding-target-active{position:relative;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 42%,transparent);border-radius:14px}.onboarding-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200}.onboarding-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg-page) 30%,transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.onboarding-tooltip{position:fixed;width:min(320px,calc(100vw - 2rem));background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.9rem .95rem;z-index:1201}.onboarding-tooltip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.onboarding-tooltip-step{font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.onboarding-tooltip-skip{border:0;background:transparent;color:var(--text-secondary);font-size:.78rem;cursor:pointer}.onboarding-tooltip-title{margin:0 0 .45rem;font-size:.96rem;color:var(--text-strong)}.onboarding-tooltip-copy{margin:0;color:var(--text-secondary);line-height:1.5;font-size:.84rem}.onboarding-tooltip-actions{margin-top:.8rem;display:flex;justify-content:space-between;gap:.6rem}.sample-tile p{color:var(--text-secondary);font-size:.88rem;line-height:1.55;flex:1}.sample-tile-title{color:var(--text-strong);font-size:.93rem;font-weight:600;line-height:1.35}.sample-tile-footer{color:var(--text-secondary);font-size:.85rem;font-weight:600;transition:color .15s ease}.sample-tile:hover .sample-tile-footer{color:var(--text-strong)}@media (max-width: 900px){.landing-hero{padding:3.5rem 1.25rem 3rem;text-align:left}.landing-actions{justify-content:flex-start}.landing-topbar-inner{min-height:64px}.landing-topbar-right{gap:.7rem}.landing-practice-section{padding:3rem 1.25rem 4rem}.track-samples-header{flex-direction:column;align-items:flex-start}.track-samples-actions{width:100%;flex-wrap:wrap}.landing-samples-grid{display:flex;overflow-x:auto;gap:.75rem;padding-bottom:.5rem;scrollbar-width:none}.landing-samples-grid::-webkit-scrollbar{display:none}.landing-samples-grid .sample-tile{min-width:72%;flex-shrink:0}}.topbar-mobile-actions{display:none}@media (max-width: 900px){.app-topbar .topbar-mobile-actions{display:flex;align-items:center;gap:.5rem;position:relative;flex-shrink:0}}@media (max-width: 640px){.landing-topbar-right{display:none}.topbar-mobile-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;position:relative}.topbar-hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:background .15s}.topbar-hamburger:hover{background:var(--surface-raised)}.topbar-hamburger span{display:block;height:2px;background:var(--text-strong);border-radius:2px;transition:transform .2s,opacity .2s;transform-origin:center}.topbar-hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.topbar-hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.topbar-hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.topbar-mobile-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f;padding:.5rem 0;z-index:200}.topbar-mobile-section-label{padding:.5rem 1rem .25rem;font-size:.7rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary)}.topbar-mobile-divider{height:1px;background:var(--border-subtle);margin:.4rem 0}.topbar-mobile-item{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;font-size:.9rem;color:var(--text-strong);text-decoration:none;background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:background .12s}.topbar-mobile-item:hover{background:var(--surface-raised)}.topbar-mobile-item--active{color:var(--accent);font-weight:500}.topbar-mobile-user{display:block;padding:.5rem 1rem;font-size:.82rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-mobile-signout{color:var(--danger)}}@media (max-width: 680px){.landing-topbar-inner{gap:.6rem}.landing-brand{font-size:.95rem}.landing-topbar-right{gap:.55rem;margin-left:.5rem}.topbar-auth-link,.topbar-user-name,.topbar-signout-btn{font-size:.82rem}.track-cards-grid{grid-template-columns:1fr}.track-samples-strip{padding:1.25rem 1.25rem 1.5rem}.landing-practice-section{padding:2.5rem 1rem 3.5rem}}@media (max-width: 600px){.landing-samples-grid{display:flex;flex-direction:column;overflow-x:visible;gap:.65rem;padding-bottom:0}.landing-samples-grid .sample-tile{min-width:0;width:100%;flex-shrink:unset}.schema-card-utility{display:none}.schema-sheet-trigger{display:flex}}.schema-sheet-trigger{display:none;align-items:center;gap:.4rem;background:var(--surface-card-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.82rem;font-weight:500;padding:6px 12px;cursor:pointer;width:100%;margin-top:.75rem;justify-content:center}.schema-sheet-trigger:hover{background:var(--surface-highlight);color:var(--text-strong)}.schema-bottom-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none}.schema-bottom-sheet.is-open{pointer-events:all}.schema-bottom-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .22s ease}.schema-bottom-sheet.is-open .schema-bottom-sheet-backdrop{opacity:1}.schema-bottom-sheet-panel{position:absolute;bottom:0;left:0;right:0;background:var(--surface-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:70vh;overflow-y:auto;transform:translateY(100%);transition:transform .28s cubic-bezier(.32,.72,0,1);padding-bottom:env(safe-area-inset-bottom,0px)}.schema-bottom-sheet.is-open .schema-bottom-sheet-panel{transform:translateY(0)}.schema-bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem .75rem;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--surface-card);z-index:1}.schema-bottom-sheet-title{font-size:.9rem;font-weight:600;color:var(--text-strong)}.schema-bottom-sheet-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:1.2rem;line-height:1;padding:2px 6px;border-radius:var(--radius-sm)}.schema-bottom-sheet-close:hover{color:var(--text-strong);background:var(--surface-highlight)}.schema-bottom-sheet-body{padding:.9rem 1.1rem 1.25rem}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.24rem .68rem;border-radius:9999px;border:1px solid transparent;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.badge-easy{background:#2d9e6b1a;color:var(--success-text);border-color:#2d9e6b38}.badge-medium{background:#c47f171a;color:var(--warning-text);border-color:#c47f1738}.badge-hard{background:#d94f3d1a;color:var(--danger-text);border-color:#d94f3d38}.question-page{padding:1.7rem 0 4rem}.question-page-inner{display:grid;grid-template-columns:minmax(330px,400px) minmax(0,1fr);gap:1.45rem;align-items:start}.left-panel{display:flex;flex-direction:column;gap:.7rem;position:sticky;top:88px}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:14px;padding:1rem 1.08rem;box-shadow:var(--shadow-sm)}.card h3{font-size:1rem;font-weight:600;letter-spacing:-.02em;color:var(--text-strong)}.prompt-card,.schema-card{display:flex;flex-direction:column;gap:.85rem}.prompt-card-main{border-color:var(--border-strong)}.schema-card-utility{background:var(--surface-card-alt);border-color:#1a1a1814}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.section-kicker{display:inline-flex;margin-bottom:.5rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.section-meta{display:inline-flex;align-items:center;padding:.28rem .6rem;border-radius:999px;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.question-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.question-title-row h2{font-size:1.28rem;font-weight:650;letter-spacing:-.03em;color:var(--text-strong)}.question-title-actions{display:inline-flex;align-items:center;gap:.45rem}.question-bookmark-btn{border:1px solid var(--border-subtle);background:var(--surface-card-alt);color:var(--text-secondary);border-radius:999px;font-size:.72rem;font-weight:600;padding:.2rem .55rem;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.question-bookmark-btn:hover{border-color:color-mix(in srgb,var(--accent) 36%,var(--border-subtle));color:var(--text-strong)}.question-bookmark-btn-active{border-color:color-mix(in srgb,var(--accent) 42%,var(--border-subtle));color:color-mix(in srgb,var(--accent) 70%,var(--text-strong));background:color-mix(in srgb,var(--accent) 12%,var(--surface-card-alt))}.question-status-line{margin-top:.4rem;font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}.question-prompt-guidance{margin-top:.8rem;padding:.85rem .95rem;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border-subtle));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--surface-card-alt)),color-mix(in srgb,var(--accent) 4%,var(--surface-card)))}.question-prompt-guidance-kicker{font-size:.68rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 76%,var(--text-secondary))}.question-prompt-guidance-task{margin-top:.3rem;font-size:1rem;font-weight:650;letter-spacing:-.01em;color:var(--text-strong)}.question-prompt-guidance-copy{margin:.38rem 0 0;font-size:.84rem;line-height:1.55;color:var(--text-secondary)}.question-evidence-stack{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.question-evidence-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem .7rem}.question-evidence-kicker{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.question-evidence-note{font-size:.78rem;color:var(--text-secondary)}.question-evidence-grid{display:grid;gap:.85rem}.question-evidence-grid--split{grid-template-columns:repeat(2,minmax(0,1fr))}.question-evidence-card{border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;background:#0b1710}.question-evidence-card-label{display:block;background:#ffffff0a;padding:.4rem 1rem;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.07)}.question-form-badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border-subtle));background:color-mix(in srgb,var(--accent) 10%,var(--surface-card-alt));color:color-mix(in srgb,var(--accent) 72%,var(--text-strong));font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:.22rem .58rem;text-transform:uppercase}.description-text{font-size:.94rem;color:var(--text-secondary);line-height:1.72}.description-code-block{background:var(--surface-raised, #F0EEE9);border-radius:var(--radius-sm);padding:.65rem .9rem;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.6;overflow-x:auto;margin:.6rem 0 .2rem;color:var(--text-strong)}[data-theme=dark] .description-code-block{background:#ffffff0f}.description-inline-code{font-family:JetBrains Mono,monospace;font-size:.84em;background:var(--surface-raised, #EEECEA);border-radius:4px;padding:.1em .32em;color:var(--text-strong)}[data-theme=dark] .description-inline-code{background:#ffffff1a}.locked-callout{border-radius:14px;border:1px solid rgba(196,127,23,.22);background:var(--warning-soft);padding:.85rem .95rem;font-size:.85rem;line-height:1.6;color:var(--warning-text)}.locked-callout-sample{border-color:var(--accent-soft-strong);background:var(--accent-soft);color:var(--accent-strong)}.schema-viewer{display:flex;flex-direction:column;gap:.9rem}.schema-viewer-wrap{display:flex;flex-direction:column;gap:.7rem}.schema-search-input{width:100%;padding:.55rem .68rem;border-radius:10px;border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-primary);font-size:.82rem}.schema-search-input:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 42%,transparent);outline-offset:1px}.schema-search-empty{margin:0;padding:.2rem .1rem;color:var(--text-muted);font-size:.82rem}.schema-table{border:1px solid var(--border-subtle);border-radius:16px;padding:.82rem;background:var(--surface-card)}.schema-table-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.62rem}.schema-table-name{font-size:.88rem;font-weight:600;color:var(--text-strong);letter-spacing:-.01em}.schema-table-count{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.schema-columns{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.42rem;padding-left:0}.schema-columns li{min-width:0}.schema-column-token{display:inline-flex;width:100%;min-width:0;padding:.42rem .58rem;border-radius:12px;border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-secondary);font-family:var(--font-mono);font-size:.78rem;line-height:1.5}.schema-column-copy{cursor:pointer;text-align:left;transition:background .15s ease,border-color .15s ease,color .15s ease}.schema-column-copy:hover{background:color-mix(in srgb,var(--accent) 10%,var(--surface-card));border-color:color-mix(in srgb,var(--accent) 30%,var(--border-subtle));color:var(--text-strong)}.schema-column-copy.is-copied{border-color:color-mix(in srgb,var(--success) 40%,var(--border-subtle));color:var(--success)}.right-panel{display:flex;flex-direction:column;gap:.9rem}.submit-outcome{display:flex;flex-direction:column;border-radius:14px;overflow:hidden}@keyframes solve-pop{0%{transform:translateY(6px);opacity:.6}60%{transform:translateY(0);opacity:1}to{transform:translateY(0)}}.submit-outcome-celebrate{animation:solve-pop .5s cubic-bezier(.22,1,.36,1)}.submit-outcome .verdict{border-radius:0}.submit-outcome .verdict:last-child{border-radius:14px}.submit-outcome .feedback-card{border-radius:0;border-top:none}.editor-wrapper{border:1px solid rgba(255,255,255,.06);border-radius:20px;overflow:hidden;background:#0f2218;box-shadow:0 8px 40px #0a160e38;flex-shrink:0}.editor-workspace{display:flex;flex-direction:column}.editor-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#ffffff0a;padding:.58rem 1.05rem;border-bottom:1px solid rgba(255,255,255,.07)}.editor-topbar-copy{display:flex;flex-direction:column;gap:.1rem}.editor-topbar-timer{display:inline-flex;align-items:center;justify-content:center;min-width:3.1rem;padding:.2rem .5rem;border-radius:999px;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.72rem;font-variant-numeric:tabular-nums;background:var(--surface-card-alt);font-family:inherit;cursor:pointer;transition:opacity .15s}.editor-topbar-timer:hover{opacity:.7}.editor-topbar-timer--hidden{opacity:.45;letter-spacing:.04em}.editor-title{font-size:1rem;font-weight:600;color:#f0eee9;letter-spacing:-.02em}.editor-topbar-note{max-width:28ch;font-size:.82rem;line-height:1.5;color:#9b9891;text-align:right}.editor-topbar-actions{display:flex;align-items:center;gap:.6rem}.workspace-shortcut-popover{display:grid;gap:.36rem;margin:.7rem 1.05rem 0;padding:.62rem .7rem;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d}.workspace-shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;color:#d8d5ce;font-size:.78rem}.shortcut-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:2.7em;padding:.08rem .4rem;border:1px solid rgba(255,255,255,.22);border-radius:7px;background:#ffffff14;color:#e4e1da;font-size:.72rem;font-family:var(--font-mono);line-height:1.4;white-space:nowrap}.editor-expand-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:transparent;color:#9b9891;font-size:.95rem;cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s,color .15s}.editor-expand-btn:hover{background:#ffffff12;border-color:#fff3;color:#f0eee9}.editor-topbar .section-kicker{color:#6b6760}.editor-footer{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:.58rem 1.05rem;border-top:1px solid rgba(255,255,255,.07);background:#ffffff08}.editor-footer-plain{margin-top:.75rem;padding:0;border-top:none;background:none}.editor-footer-copy{display:flex;flex-direction:column;gap:.18rem;max-width:48ch}.editor-footer-title{font-size:.9rem;color:#d8d5ce;line-height:1.5}.editor-footer-note{font-size:.82rem;color:#6b6760;line-height:1.55}.button-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem}.question-action-row{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.15rem;border-radius:12px;font-size:.88rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,opacity .15s ease,background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);border-color:transparent;color:#fff;box-shadow:0 1px 3px #5b6af040}.btn-primary:not(:disabled):hover{transform:translateY(-1px);background:var(--accent-strong);box-shadow:0 6px 20px #5b6af04d}.btn-secondary{background:#00000008;color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:not(:disabled):hover{transform:translateY(-1px);background:#0000000f;border-color:var(--border-strong)}.btn-success{background:var(--success-soft);color:var(--success);border-color:#2d9e6b47}.btn-success:not(:disabled):hover{transform:translateY(-1px);background:#2d9e6b26;border-color:#2d9e6b5c}.btn-danger{background:var(--danger-soft);color:var(--danger-text);border-color:#d94f3d47}.btn-danger:not(:disabled):hover{transform:translateY(-1px);background:#d94f3d26;border-color:#d94f3d5c}.btn-compact{padding:.58rem .95rem;border-radius:11px;font-size:.82rem}.editor-footer .btn-secondary{background:#ffffff24;color:#d8d5ce;border-color:#fff3}.editor-footer .btn-secondary:not(:disabled):hover{background:#fff3;border-color:#ffffff47}@media (max-width: 980px){.question-page-inner{grid-template-columns:1fr!important}.left-panel{position:static}.question-page{padding-top:1rem}.editor-topbar{flex-direction:column;align-items:stretch}.editor-topbar-note{max-width:none;text-align:left}.button-row{justify-content:flex-start}.card{padding:.95rem 1rem}.question-action-dock{position:relative;overflow:visible}.question-action-row{position:sticky;bottom:calc(env(safe-area-inset-bottom,0px) + .35rem);z-index:12;padding:.48rem;border-radius:12px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-card) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.editor-wrapper .question-action-row{background:#1b1b1de6;border-color:#ffffff24}}.results-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm)}.results-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.05rem;border-bottom:1px solid var(--border-subtle);background:var(--surface-card-alt)}.results-header span{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted)}.results-scroll{overflow-x:auto;max-height:320px;overflow-y:auto}.results-table{width:100%;border-collapse:collapse;font-size:.83rem}.results-table th{position:sticky;top:0;z-index:1;background:var(--surface-card-alt);color:var(--text-secondary);font-weight:600;text-align:left;padding:.68rem 1rem;border-bottom:1px solid var(--border-subtle);white-space:nowrap}.results-table td{padding:.62rem 1rem;border-bottom:1px solid rgba(26,26,24,.05);color:var(--text-primary);white-space:nowrap;font-family:var(--font-mono);font-size:.82rem}.results-table tr:last-child td{border-bottom:none}.results-table tbody tr:nth-child(2n) td{background:#00000005}.results-table tr:hover td{background:#00000009}.results-empty{padding:1.1rem 1rem;font-size:.875rem;color:var(--text-muted);text-align:center}.results-table-empty{padding:1.2rem 1rem!important}.results-empty-state{display:flex;flex-direction:column;align-items:center;gap:.2rem;text-align:center}.results-empty-label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.results-empty-copy{font-size:.85rem;color:var(--text-secondary)}.results-null-token{color:var(--text-muted);letter-spacing:.06em}.results-cell-null{color:var(--text-muted)}.results-table-scroll-cue{padding:.42rem .95rem .65rem;text-align:right;color:var(--text-muted);font-size:.73rem;letter-spacing:.03em;animation:results-scroll-cue-fade 1.8s ease-in-out infinite}@keyframes results-scroll-cue-fade{0%,to{opacity:.56}50%{opacity:1}}.results-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.verdict{display:flex;flex-direction:column;gap:.3rem;border-radius:16px;padding:1rem 1.1rem}.verdict-header-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.verdict-solution-toggle{margin-left:auto}.verdict-label{font-size:.76rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.verdict-copy{font-size:.94rem;line-height:1.6}.verdict-insight{margin-top:.35rem;font-size:.8rem;color:inherit;opacity:.72;font-style:italic}.verdict-correct{background:var(--success-soft);color:var(--success-text);border:1px solid rgba(45,158,107,.22)}.verdict-incorrect{background:var(--danger-soft);color:var(--danger-text);border:1px solid rgba(217,79,61,.22)}.feedback-card{background:var(--surface-card-alt);border:1px solid rgba(196,127,23,.22);border-radius:16px;padding:.95rem 1rem}.feedback-title{margin-bottom:.65rem;font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--warning-text)}.feedback-message{margin:0;color:var(--text-primary);font-size:.9rem;line-height:1.65;display:flex;align-items:flex-start;gap:.65rem}.feedback-message+.feedback-message{margin-top:.5rem}.feedback-icon{width:1.2rem;height:1.2rem;flex:0 0 1.2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--warning-soft);color:var(--warning-text);border:1px solid rgba(196,127,23,.24);font-size:.78rem;font-weight:700;line-height:1;margin-top:.05rem}.solution-card{width:100%;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:14px;padding:1.2rem 1.3rem;box-shadow:var(--shadow-sm)}.solution-card h3{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.875rem}.solution-card pre{background:#0f1c13;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1rem;font-size:.82rem;color:#d8d5ce;overflow-x:auto;white-space:pre-wrap;line-height:1.65;font-family:var(--font-mono);margin-bottom:1rem}.solution-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.75}.sample-page-topbar{justify-content:space-between;align-items:center;gap:.75rem;max-width:none;padding:0 1.5rem;min-height:64px}.sample-topbar-left{flex:1;display:flex;align-items:center;min-width:0}.sample-topbar-center{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.sample-topbar-right{flex:1;display:flex;align-items:center;justify-content:flex-end;min-width:0}.sample-home-link{color:var(--text-strong)}.sample-back-link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:1rem;line-height:1;text-decoration:none;transition:border-color .15s,color .15s;flex-shrink:0}.sample-back-link:hover{border-color:var(--border-strong);color:var(--text-primary)}.sample-page-topbar h1{color:var(--text-strong);font-size:.9rem;font-weight:600;white-space:nowrap}.sample-page-actions{display:flex;flex-wrap:wrap;gap:.75rem}.sample-challenge-card{display:flex;flex-direction:column;gap:1rem}.sample-challenge-copy{color:var(--text-secondary);line-height:1.65;font-size:.9rem}.sample-challenge-actions{display:flex;flex-wrap:wrap;gap:.75rem}.sample-challenge-button{width:fit-content}.sample-reset-link{margin-top:14px;padding:0;background:none;border:none;font-family:JetBrains Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);cursor:pointer;align-self:flex-start;transition:color .14s}.sample-reset-link:hover:not(:disabled){color:var(--text-strong)}.sample-reset-link:disabled{opacity:.6;cursor:default}.sample-reset-notice{margin-bottom:1rem;padding:.8rem .95rem;border:1px solid rgba(45,158,107,.24);border-radius:14px;background:var(--success-soft);color:var(--success-text);font-size:.86rem}.error-box{background:var(--danger-soft);border:1px solid rgba(217,79,61,.22);border-left:4px solid var(--danger);border-radius:8px;padding:.875rem 1rem;color:var(--danger-text);font-size:.85rem;font-family:var(--font-mono);line-height:1.6}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.loading{color:var(--text-muted);font-size:.9rem;padding:1rem 0;animation:pulse 1.5s ease-in-out infinite}.skeleton-block{display:block;border-radius:8px}.sidebar-inner-loading{gap:.62rem}.sidebar-skeleton-search{border-radius:10px}.sidebar-skeleton-group-head{border-radius:14px}.sidebar-skeleton-list{margin-top:.35rem;display:flex;flex-direction:column;gap:.36rem}.sidebar-skeleton-row{border-radius:10px}.track-hub-loading,.dashboard-loading{display:flex;flex-direction:column;gap:.72rem}.dashboard-loading-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}@keyframes execution-scan{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes skeleton-sweep{0%{background-position:-400px 0}to{background-position:400px 0}}.execution-bar{position:absolute;top:-1px;left:0;right:0;height:2px;overflow:hidden;background:#5b6af01f;z-index:1}.execution-bar:after{content:"";position:absolute;inset-block:0;left:0;width:28%;background:var(--accent);border-radius:1px;animation:execution-scan 1s ease-in-out infinite}.skeleton-shimmer{background:linear-gradient(90deg,var(--surface-card-alt) 0%,rgba(0,0,0,.055) 50%,var(--surface-card-alt) 100%);background-size:800px 100%;animation:skeleton-sweep 1.4s ease-in-out infinite}[data-theme=dark] .skeleton-shimmer{background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:800px 100%;animation:skeleton-sweep 1.4s ease-in-out infinite}.results-skeleton-body{padding:.6rem 1rem .85rem;display:flex;flex-direction:column;gap:.5rem}.results-skeleton-row{height:26px;border-radius:5px}.results-skeleton-row:nth-child(2){width:88%}.results-skeleton-row:nth-child(3){width:94%}.results-skeleton-row:nth-child(4){width:76%}.results-skeleton-row:nth-child(5){width:82%}.verdict-skeleton{padding:1.1rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-card);display:flex;flex-direction:column;gap:.55rem}.skeleton-line{border-radius:4px}.sample-loading-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem}.sample-loading-editor{margin-top:.35rem;height:240px;border-radius:8px}.solution-analysis-skeleton{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.5rem}.concept-tags{display:flex;flex-wrap:wrap;gap:.4rem}.concept-tags-inline{margin-top:-.1rem}.tag-concept{display:inline-flex;align-items:center;justify-content:center;padding:.26rem .58rem;border-radius:999px;font-size:.7rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;background:#0000000a;color:var(--text-secondary);border:1px solid var(--border-subtle)}.tag-company{display:inline-flex;align-items:center;justify-content:center;padding:.26rem .58rem;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.06em;background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}[data-theme=dark] .tag-concept{background:#ffffff0d;border-color:#ffffff14}.hint-card{width:100%;background:var(--surface-card);border:1px solid var(--border-subtle);border-left:3px solid var(--accent);border-radius:10px;padding:.85rem 1rem;font-size:.9rem;line-height:1.65;color:var(--text-secondary)}.past-attempts{margin-top:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.past-attempts-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface-card-alt);border:none;cursor:pointer;font-size:.8rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.past-attempts-toggle:hover{color:var(--text-primary)}.past-attempts-chevron{font-size:.75rem}.past-attempts-list{padding:4px 0}.past-attempt-row{display:flex;align-items:flex-start;gap:10px;padding:8px 14px;border-top:1px solid var(--border-subtle);flex-wrap:wrap}.past-attempt-badge{font-size:.75rem;font-weight:600;width:18px;text-align:center;flex-shrink:0;margin-top:1px}.past-attempt-badge--correct{color:var(--success)}.past-attempt-badge--wrong{color:var(--danger)}.past-attempt-time{font-size:.8rem;color:var(--text-secondary);flex:1}.past-attempt-code-toggle{font-size:.75rem;color:var(--accent);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline}.past-attempt-code{width:100%;margin-top:6px;padding:10px 12px;background:var(--surface-card-alt);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;color:var(--text-primary);white-space:pre-wrap;word-break:break-all;overflow:auto;max-height:200px}.post-submit-stack{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem}.workspace-inline-action{align-self:flex-start}.solution-analysis-card{width:100%;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.solution-analysis-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:var(--surface-card-soft);border:none;cursor:pointer;font-size:.82rem;font-weight:600;color:var(--text-primary);text-align:left;gap:.5rem}.solution-analysis-toggle:hover{background:var(--surface-highlight)}.solution-analysis-chevron{font-size:.75rem;color:var(--text-muted)}.solution-analysis-body{padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:.85rem;border-top:1px solid var(--border-subtle)}.quality-metric{display:flex;flex-direction:column;gap:.3rem}.quality-metric-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.quality-metric-label-positive{color:var(--success)}.writing-notes-prompt{margin:0 0 .85rem;font-size:.74rem;color:var(--text-secondary);font-style:italic;opacity:.85}.delta-hint{margin-top:.75rem;padding:.7rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(91,106,240,.14);background:#5b6af00a;font-size:.84rem;color:var(--text-primary);line-height:1.55}.delta-hint-label{display:block;margin-bottom:.3rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);opacity:.8}.quality-metric-note{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0}.quality-alt-solution{margin-top:.5rem;display:flex;flex-direction:column;gap:.6rem}.quality-alt-code{background:#0f1c13;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-sm);padding:.85rem 1rem;font-family:var(--font-mono);font-size:.78rem;color:#e2e0db;white-space:pre-wrap;word-break:break-word;overflow-x:auto;line-height:1.6;margin:0}.quality-alt-explanation{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0}@media (max-width: 980px){.results-compare-grid{grid-template-columns:1fr}}:root{--track-sql: #5B6AF0;--track-python: #2D9E6B;--track-data: #C47F17;--track-spark: #D94F3D}@keyframes landingPanelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.track-progress-bar-wrap{display:flex;align-items:center;gap:.7rem;width:100%}.track-progress-bar-track{flex:1;height:5px;border-radius:999px;background:var(--surface-highlight);overflow:hidden}.track-progress-bar-fill{height:100%;border-radius:999px;transition:width .45s cubic-bezier(.22,1,.36,1);opacity:.8}.track-progress-bar-label{font-size:.75rem;font-family:var(--font-mono);font-weight:500;color:var(--text-muted);white-space:nowrap;letter-spacing:.02em}.tag-concept-btn{cursor:pointer;background:var(--surface-card-alt)}.tag-concept-btn:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border-subtle));color:var(--text-strong)}.concept-panel{position:fixed;top:82px;right:1rem;width:min(420px,calc(100vw - 2rem));border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:1rem;z-index:70}.concept-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.concept-panel-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.06em;font-size:.66rem;color:var(--text-muted);margin-bottom:.2rem}.concept-panel-header h3{margin:0;font-size:1rem;color:var(--text-strong)}.concept-panel-close{border:1px solid var(--border-subtle);border-radius:999px;width:28px;height:28px;background:var(--surface-card-alt);cursor:pointer;color:var(--text-secondary)}.concept-panel-body{margin:.85rem 0 .8rem;color:var(--text-secondary);line-height:1.6}.concept-panel-example{border:1px solid var(--border-subtle);background:var(--surface-card-alt);border-radius:12px;padding:.7rem .75rem}.concept-panel-example-label{display:inline-block;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.28rem}.concept-panel-example p{margin:0;color:var(--text-secondary);line-height:1.55}.recommend-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);padding:.85rem .9rem}.recommend-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.5rem}.recommend-list{display:flex;flex-direction:column;gap:.45rem}.recommend-link{border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-card-alt);padding:.55rem .6rem;text-decoration:none}.recommend-link-title{display:block;font-size:.83rem;color:var(--text-strong)}.recommend-link-meta{display:block;margin-top:.18rem;font-size:.72rem;color:var(--text-muted);text-transform:capitalize}.track-hub-page{padding:1.7rem 0 4rem}.track-hub-inner{max-width:740px;display:flex;flex-direction:column;gap:1.2rem}.track-hub-header{display:flex;flex-direction:column;gap:.35rem}.track-hub-title-row{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.track-hub-title{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;color:var(--text-strong);letter-spacing:-.04em}.track-hub-tagline{font-size:.82rem;color:var(--text-muted);letter-spacing:.06em}.track-hub-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.65}.track-hub-form-strip{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .7rem}.track-hub-form-strip-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.track-hub-form-strip-chips{display:flex;flex-wrap:wrap;gap:.45rem}.track-hub-form-chip{display:inline-flex;align-items:center;gap:.38rem;padding:.34rem .62rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border-subtle));background:color-mix(in srgb,var(--accent) 7%,var(--surface-card-alt));color:var(--text-strong);font-size:.76rem;font-weight:600}.track-hub-form-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem;height:1.2rem;padding:0 .22rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:color-mix(in srgb,var(--accent) 70%,var(--text-strong));font-size:.68rem;font-weight:700}.track-hub-progress-card{display:flex;flex-direction:column;gap:.9rem}.track-hub-progress-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.track-hub-progress-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600}.track-hub-progress-count{font-size:.88rem;font-family:var(--font-mono);color:var(--text-secondary)}.track-hub-diff-breakdown{display:flex;flex-direction:column;gap:.6rem}.track-hub-diff-row{display:flex;align-items:center;gap:.75rem}.track-hub-diff-row .track-progress-bar-wrap{flex:1}.track-hub-actions{padding-bottom:.25rem}.track-hub-milestone{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border-radius:var(--radius-md);border:1px solid}.track-hub-milestone-tier,.track-hub-milestone-complete{background:#2d9e6b12;border-color:#2d9e6b38}.track-hub-milestone-upgrade{background:var(--accent-soft);border-color:var(--accent-soft-strong)}.track-hub-milestone-icon{font-size:1.6rem;line-height:1;flex-shrink:0;margin-top:2px}.track-hub-milestone-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.track-hub-milestone-title{font-size:.94rem;font-weight:700;color:var(--text-strong);margin:0}.track-hub-milestone-desc{font-size:.83rem;color:var(--text-secondary);margin:0 0 10px;line-height:1.5}.track-hub-milestone-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.track-hub-inline-link{color:var(--accent);text-decoration:none;white-space:nowrap}.track-hub-inline-link:hover{text-decoration:underline}[data-theme=dark] .track-hub-milestone-tier,[data-theme=dark] .track-hub-milestone-complete{background:#2d9e6b1a;border-color:#2d9e6b47}[data-theme=dark] .track-hub-milestone-upgrade{background:#5b6af01f}.thub-stat-card{padding:1rem 1.25rem;border-radius:var(--radius-md);background:var(--surface-card);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem}.thub-top-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.thub-count-line{display:flex;align-items:baseline;gap:.2rem;flex-wrap:wrap}.thub-count-solved{font-size:1.5rem;font-weight:700;color:var(--text-strong);font-family:var(--font-mono);letter-spacing:-.03em;line-height:1}.thub-count-sep{font-size:1.1rem;color:var(--text-muted);font-family:var(--font-mono);margin:0 .05rem}.thub-count-total{font-size:1rem;color:var(--text-secondary);font-family:var(--font-mono)}.thub-count-label{font-size:.75rem;color:var(--text-muted);margin-left:.25rem;align-self:center}.thub-count-divider{display:inline-block;width:1px;height:13px;background:var(--border-strong);margin:0 .5rem;align-self:center}.thub-count-pct{font-size:.82rem;font-weight:600;color:var(--track-color, var(--accent));font-family:var(--font-mono);align-self:center}.thub-cta-btn{display:inline-flex;align-items:center;padding:.4rem .875rem;background:var(--track-color, var(--accent));color:#fff;border:none;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .15s;white-space:nowrap;flex-shrink:0}.thub-cta-btn:hover{opacity:.82}.thub-bar-track{height:3px;border-radius:999px;background:var(--border-subtle);overflow:hidden}.thub-bar-fill{height:100%;background:var(--track-color, var(--accent));border-radius:999px;transition:width .55s cubic-bezier(.22,1,.36,1)}.thub-diff-strip{display:flex;align-items:center;padding-top:.1rem}.thub-diff-item{display:flex;align-items:center;gap:.4rem;flex:1;padding:0 .875rem;border-right:1px solid var(--border-subtle)}.thub-diff-item:first-child{padding-left:0}.thub-diff-item:last-child{border-right:none;padding-right:0}.thub-diff-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.thub-diff-dot--easy{background:var(--success)}.thub-diff-dot--medium{background:var(--warning)}.thub-diff-dot--hard{background:var(--danger)}.thub-diff-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);white-space:nowrap}.thub-diff-mini-bar{flex:1;height:3px;border-radius:999px;background:var(--border-subtle);overflow:hidden;min-width:20px}.thub-diff-mini-fill{height:100%;background:var(--track-color, var(--accent));border-radius:999px;transition:width .55s cubic-bezier(.22,1,.36,1)}.thub-diff-frac{font-size:.75rem;font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap}@media (max-width: 540px){.thub-count-solved{font-size:1.25rem}.thub-diff-item{padding:0 .5rem}}.mcq-panel{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.mcq-options{display:flex;flex-direction:column;gap:.5rem}.mcq-option{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border-radius:12px;border:1px solid var(--border-subtle);background:var(--surface-card-alt);font-size:.92rem;color:var(--text-primary);cursor:pointer;text-align:left;line-height:1.55;transition:border-color .15s ease,background .15s ease,transform .12s ease;width:100%}.mcq-option:not(:disabled):hover{border-color:var(--border-strong);background:var(--surface-highlight);transform:translate(2px)}.mcq-option:disabled{cursor:default}.mcq-option--selected{border-color:var(--accent);background:#1665341a}.mcq-option--selected .mcq-option-letter{background:var(--accent);border-color:var(--accent);color:#fff}.mcq-option--correct{border-color:#2d9e6b66;background:var(--success-soft);color:var(--success-text)}.mcq-option--wrong{border-color:#d94f3d66;background:var(--danger-soft);color:var(--danger-text)}.mcq-option-letter{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface-card);font-size:.76rem;font-weight:700;color:var(--text-secondary);flex-shrink:0}.mcq-option-text{flex:1}.mcq-option-icon{flex-shrink:0;font-size:.95rem;font-weight:700;margin-top:.1rem}.mcq-option-icon--correct{color:var(--success)}.mcq-option-icon--wrong{color:var(--danger)}.mcq-explanation{padding:.95rem 1rem;border-radius:12px;border:1px solid var(--border-subtle);background:var(--surface-card-soft)}.mcq-explanation-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.5rem}.mcq-explanation p{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.mcq-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1.5rem;border:1px dashed var(--border-subtle, #E0DDD8);border-radius:var(--radius-md);text-align:center}.mcq-locked-icon{font-size:1.4rem;color:var(--text-secondary);line-height:1}.mcq-locked-copy{margin:0;font-size:.9rem;color:var(--text-secondary)}.test-case-panel{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm)}.test-case-list{display:flex;flex-direction:column}.test-case-row{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle)}.test-case-row:last-child{border-bottom:none}.test-case-row--pass{background:#2d9e6b0a}.test-case-row--fail{background:#d94f3d0a}.test-case-status{font-size:.95rem;font-weight:700;flex-shrink:0;margin-top:.05rem;min-width:1.2rem}.test-case-row--pass .test-case-status{color:var(--success)}.test-case-row--fail .test-case-status{color:var(--danger)}.test-case-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.4rem}.test-case-fields{display:flex;flex-wrap:wrap;gap:.65rem}.test-case-field{display:flex;align-items:center;gap:.4rem;font-size:.82rem}.test-case-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.test-case-value{font-family:var(--font-mono);font-size:.82rem;color:var(--text-secondary);background:var(--surface-card-alt);padding:.15rem .45rem;border-radius:6px;border:1px solid var(--border-subtle)}.test-case-value--wrong{background:var(--danger-soft);border-color:#d94f3d38;color:var(--danger-text)}.test-case-stdout,.test-case-error{display:flex;flex-direction:column;gap:.2rem}.test-case-stdout-content,.test-case-error-content{font-family:var(--font-mono);font-size:.8rem;background:#0f1c13;color:#d8d5ce;border-radius:8px;padding:.5rem .75rem;white-space:pre-wrap;word-break:break-all}.test-case-error-content{color:#efa09a}.test-case-hidden-summary{padding:.75rem 1rem;font-size:.82rem;color:var(--text-secondary);border-top:1px solid var(--border-subtle);background:var(--surface-card-alt)}.print-output{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm)}.print-output-content{font-family:var(--font-mono);font-size:.82rem;background:#0f1c13;color:#d8d5ce;padding:.9rem 1rem;white-space:pre-wrap;word-break:break-all;line-height:1.65;margin:0}.variables-panel{display:flex;flex-direction:column;gap:.85rem}.variables-list{display:flex;flex-direction:column;gap:.75rem}.variable-row{border:1px solid var(--border-subtle);border-radius:12px;padding:.75rem .9rem;background:var(--surface-card-alt)}.variable-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.variable-name{font-family:var(--font-mono);font-size:.84rem;font-weight:600;color:var(--accent)}.variable-source{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.variable-columns{display:flex;flex-wrap:wrap;gap:.35rem}.variable-column-token{display:inline-flex;padding:.2rem .5rem;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface-card);font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.question-code-snippet{background:#0f1c13;padding:1rem;font-size:.82rem;color:#d8d5ce;overflow-x:auto;white-space:pre-wrap;line-height:1.65;font-family:var(--font-mono);margin:0}.scenario-context-block{margin-top:0}.scenario-context-label{display:block;background:#ffffff0a;padding:.4rem 1rem;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.07)}.scenario-context-pre{background:#0b1710;padding:1rem;font-size:.82rem;color:#b8d4a8;overflow-x:auto;white-space:pre-wrap;line-height:1.65;font-family:var(--font-mono);margin:0}@media (max-width: 900px){.question-evidence-grid--split{grid-template-columns:1fr}}.db-page{padding:2.5rem 0 5rem;max-width:900px}.db-header{margin-bottom:2rem}.db-greeting{font-size:1.6rem;font-weight:700;color:var(--text-strong);margin:0 0 .2rem;line-height:1.2}.db-subline{font-size:.85rem;color:var(--text-secondary);margin:0}.db-loading{display:flex;flex-direction:column;gap:1rem}.db-hero-stats-skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.db-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.db-hero-stat{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:.3rem}.db-hero-stat-value{font-size:2rem;font-weight:800;color:var(--text-strong);line-height:1;font-variant-numeric:tabular-nums}.db-hero-stat-unit{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-left:1px}.db-hero-stat-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.db-streak-at-risk{color:var(--warning)}.db-focus-card{display:flex;align-items:center;gap:1.2rem;background:var(--surface-card);border:1px solid var(--border-subtle);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:1rem 1.25rem;margin-bottom:2rem}.db-focus-content{flex:1;min-width:0}.db-focus-title{font-size:.88rem;font-weight:600;color:var(--text-strong);margin:0 0 .2rem}.db-focus-subline{font-size:.8rem;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-focus-cta{font-size:.82rem;font-weight:600;color:var(--accent);text-decoration:none;white-space:nowrap;flex-shrink:0}.db-focus-cta:hover{text-decoration:underline}.db-section{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem 1.6rem;margin-bottom:1.25rem}.db-section-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem}.db-section-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);margin:0}.db-section-link{font-size:.8rem;font-weight:600;color:var(--accent);text-decoration:none;margin-left:auto}.db-section-link:hover{text-decoration:underline}.db-elite-badge{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:1px 7px;vertical-align:middle}.db-track-table{display:flex;flex-direction:column;gap:0}.db-track-row{display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border-subtle);text-decoration:none;color:inherit;transition:background .12s;border-radius:4px;margin:0 -.2rem;padding:.85rem .2rem}.db-track-row:last-child{border-bottom:none}.db-track-row:hover{background:var(--bg-hover, rgba(0,0,0,.03))}.db-track-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.db-track-name-col{min-width:120px;flex-shrink:0}.db-track-name{display:block;font-size:.875rem;font-weight:600;color:var(--text-strong)}.db-track-tagline{display:block;font-size:.72rem;color:var(--text-secondary);white-space:nowrap}.db-track-bar-col{flex:1;display:flex;align-items:center;gap:.6rem;min-width:0}.db-track-progress-bar{flex:1;height:5px;background:var(--border-subtle);border-radius:999px;overflow:hidden}.db-track-progress-fill{height:100%;border-radius:999px;transition:width .4s ease}.db-track-count{font-size:.78rem;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:50px;text-align:right}.db-track-stats-col{display:flex;flex-direction:column;align-items:flex-end;min-width:72px;flex-shrink:0}.db-track-accuracy{font-size:.78rem;font-weight:700}.db-track-accuracy--muted{color:var(--text-secondary)}.db-track-time{font-size:.72rem;color:var(--text-secondary)}.db-track-right-col{display:flex;align-items:center;gap:.5rem;min-width:100px;justify-content:flex-end;flex-shrink:0}.db-track-arrow{font-size:.8rem;color:var(--text-secondary)}.db-track-row:hover .db-track-arrow{color:var(--accent)}.db-readiness-chip{display:flex;align-items:center;gap:.35rem;border-radius:999px;padding:2px 9px;font-size:.7rem;font-weight:700;white-space:nowrap}.db-readiness-chip--beginner{background:#fee2e2;color:#991b1b}.db-readiness-chip--developing{background:#fef3c7;color:#92400e}.db-readiness-chip--proficient{background:#d1fae5;color:#065f46}.db-readiness-chip--strong{background:#dbeafe;color:#1e40af}.db-readiness-chip--expert{background:#ede9fe;color:#5b21b6}[data-theme=dark] .db-readiness-chip--beginner{background:#991b1b40;color:#fca5a5}[data-theme=dark] .db-readiness-chip--developing{background:#92400e40;color:#fcd34d}[data-theme=dark] .db-readiness-chip--proficient{background:#065f4640;color:#6ee7b7}[data-theme=dark] .db-readiness-chip--strong{background:#1e40af40;color:#93c5fd}[data-theme=dark] .db-readiness-chip--expert{background:#5b21b640;color:#c4b5fd}.db-readiness-score{font-weight:800;font-size:.78rem}.db-readiness-label{font-size:.68rem;font-weight:600}.db-readiness-gate{font-size:.72rem;color:var(--text-secondary);background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;gap:4px}.db-readiness-gate:hover{color:var(--text-strong)}.db-track-overview-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;flex-wrap:wrap}.db-role-filter{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.db-role-btn{font-size:.71rem;font-weight:600;letter-spacing:.02em;padding:.28rem .72rem;border-radius:999px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .14s,color .14s,border-color .14s,box-shadow .14s;white-space:nowrap;line-height:1.5;font-family:inherit}.db-role-btn:hover:not(.db-role-btn--active){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.db-role-btn--active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 1px 5px #16653438}@keyframes db-tracks-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.db-track-table{animation:db-tracks-in .18s ease both}.db-lower-grid{display:grid;grid-template-columns:1fr 380px;gap:1.25rem;align-items:start}.db-lower-main,.db-lower-aside{display:flex;flex-direction:column}.db-accuracy-bar-wrap{display:flex;align-items:center;gap:.5rem;margin-top:.4rem;margin-bottom:.35rem}.db-accuracy-bar-track{flex:1;height:6px;background:var(--border-subtle);border-radius:999px;overflow:hidden}.db-accuracy-bar-fill{height:100%;border-radius:999px;transition:width .4s ease}.db-accuracy-bar-label{font-size:.78rem;font-weight:700;min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.db-weak-list{display:flex;flex-direction:column;gap:0}.db-weak-row{padding:.8rem 0;border-bottom:1px solid var(--border-subtle)}.db-weak-row:last-child{border-bottom:none}.db-weak-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:.1rem}.db-weak-concept{font-size:.85rem;font-weight:600;color:var(--text-strong)}.db-weak-track{font-size:.72rem;color:var(--text-secondary)}.db-weak-attempts{font-size:.72rem;color:var(--text-secondary);margin-left:auto}.db-weak-drill{display:inline-block;margin-top:.3rem;font-size:.78rem;font-weight:600;color:var(--accent);text-decoration:none}.db-weak-drill:hover{text-decoration:underline}.db-weak-locked{position:relative;margin-top:.5rem;border-radius:8px;overflow:hidden}.db-weak-locked-blur{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.db-weak-locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:linear-gradient(to bottom,transparent,var(--surface-card) 60%);text-align:center}.db-weak-locked-copy{font-size:.8rem;color:var(--text-secondary);margin:0}.db-focus-gate{padding:.75rem 0;display:flex;flex-direction:column;gap:.75rem}.db-focus-gate-copy{font-size:.82rem;color:var(--text-secondary);margin:0}.db-study-plan-gate{padding:1.1rem 1.4rem}.db-gate-row{display:flex;align-items:center;gap:1.25rem}.db-gate-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.db-gate-text .db-section-title{margin:0}.db-study-plan{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.db-plan-step{display:flex;align-items:flex-start;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--border-subtle)}.db-plan-step:last-child{border-bottom:none}.db-plan-num{font-size:1.6rem;font-weight:800;color:var(--border-subtle);line-height:1;min-width:28px;padding-top:1px;font-variant-numeric:tabular-nums}.db-plan-body{flex:1;min-width:0}.db-plan-meta{margin-bottom:.15rem}.db-plan-type{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary)}.db-plan-title{font-size:.88rem;font-weight:600;color:var(--text-strong);margin:0 0 .15rem}.db-plan-desc{font-size:.78rem;color:var(--text-secondary);margin:0}.db-plan-cta{font-size:.8rem;font-weight:600;color:var(--accent);text-decoration:none;white-space:nowrap;flex-shrink:0;padding-top:2px}.db-plan-cta:hover{text-decoration:underline}.db-activity-feed{display:flex;flex-direction:column;gap:0}.db-activity-group{margin-bottom:.25rem}.db-activity-date-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);margin:.75rem 0 .4rem}.db-activity-group:first-child .db-activity-date-label{margin-top:0}.db-activity-row{display:flex;align-items:center;gap:.7rem;padding:.55rem .4rem;border-radius:8px;text-decoration:none;color:inherit;transition:background .1s}.db-activity-row:hover{background:var(--bg-hover, rgba(0,0,0,.03))}.db-activity-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.db-activity-body{flex:1;min-width:0}.db-activity-title{display:block;font-size:.82rem;font-weight:500;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-activity-meta{display:flex;align-items:center;gap:.4rem;margin-top:1px}.db-activity-track{font-size:.7rem;color:var(--text-secondary)}.db-activity-time{font-size:.7rem;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.db-activity-empty{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.db-mock-list{display:flex;flex-direction:column;gap:0}.db-mock-card{display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border-subtle);text-decoration:none;color:inherit;transition:background .1s;border-radius:4px;margin:0 -.2rem;padding:.75rem .2rem}.db-mock-card:last-child{border-bottom:none}.db-mock-card:hover{background:var(--bg-hover, rgba(0,0,0,.03))}.db-mock-card-left{flex:1;min-width:0}.db-mock-track{display:block;font-size:.85rem;font-weight:600;color:var(--text-strong);margin-bottom:.2rem}.db-mock-meta{display:flex;align-items:center;gap:.4rem}.db-mock-date{font-size:.72rem;color:var(--text-secondary)}.db-mock-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0;min-width:80px}.db-mock-score{font-size:.88rem;font-weight:700;color:var(--text-strong);font-variant-numeric:tabular-nums}.db-mock-score-bar{width:60px;height:4px;background:var(--border-subtle);border-radius:999px;overflow:hidden}.db-mock-score-fill{height:100%;border-radius:999px}.db-mock-action{font-size:.75rem;font-weight:600;color:var(--accent)}.db-empty-state{text-align:center;padding:4rem 2rem}.db-empty-icon{font-size:2rem;margin-bottom:.75rem}.db-empty-title{font-size:1.1rem;font-weight:700;color:var(--text-strong);margin:0 0 .5rem}.db-empty-copy{font-size:.85rem;color:var(--text-secondary);margin:0 0 .25rem}.db-empty-copy--muted{padding:.25rem 0}.db-empty-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1.25rem}@media (max-width: 900px){.db-lower-grid{grid-template-columns:1fr}.db-hero-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.db-hero-stats{grid-template-columns:1fr 1fr}.db-track-stats-col{display:none}.db-track-right-col{min-width:auto}}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:5px 7px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;transition:color .15s,background .15s;flex-shrink:0}.theme-toggle:hover{color:var(--text-strong);background:var(--surface-highlight)}[data-theme=dark]{color-scheme:dark;--bg-page: #0D1A10;--surface-canvas: #132218;--surface-card: #132218;--surface-card-alt: #1B2E22;--surface-card-soft: #162A1C;--surface-highlight: #1F3828;--border-subtle: rgba(200, 230, 210, .08);--border-strong: rgba(200, 230, 210, .14);--text-strong: #E8F5E9;--text-primary: #C8DFD0;--text-secondary: #87B09A;--text-muted: #5A7F6A;--text-soft: #3A5445;--accent: #4ADE80;--accent-strong: #6EF09A;--accent-soft: rgba(74, 222, 128, .12);--accent-soft-strong: rgba(74, 222, 128, .22);--success: #4CAF82;--success-soft: rgba(76, 175, 130, .12);--success-text: #8BD2B0;--warning: #D4973A;--warning-soft: rgba(212, 151, 58, .12);--warning-text: #E2BD79;--danger: #E06B5A;--danger-soft: rgba(224, 107, 90, .12);--danger-text: #F0B8B1;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .55);--brand-accent: #4ADE80}[data-theme=dark] body,[data-theme=dark] .auth-page{background:var(--bg-page)}[data-theme=dark] .auth-topbar-unused{background:#141413eb}[data-theme=dark] .auth-card,[data-theme=dark] .auth-divider span{background:var(--surface-card)}[data-theme=dark] .auth-oauth-btn{background:#ffffff08;border-color:var(--border-subtle)}[data-theme=dark] .auth-oauth-btn:hover:not(:disabled){background:#ffffff0f}[data-theme=dark] .auth-input{background:#ffffff0a;color:var(--text-strong)}[data-theme=dark] .auth-alert-error{color:#f0b8b1}[data-theme=dark] .auth-alert-info{color:var(--accent-strong)}[data-theme=dark] .app-topbar{background:#141413eb}[data-theme=dark] .sidebar{background:var(--surface-card-alt);border-color:var(--border-subtle)}[data-theme=dark] .sidebar-backdrop{background:#0000008c}[data-theme=dark] .sidebar-group-header{background:#ffffff05}[data-theme=dark] .sidebar-group-header:hover{background:#ffffff0a}[data-theme=dark] .sidebar-question:hover{background:#ffffff08}[data-theme=dark] .shell-pill{background:#ffffff0a}[data-theme=dark] .app-banner-success{color:#c7e8d7}[data-theme=dark] .app-banner-error{color:#f0b8b1}[data-theme=dark] .solution-analysis-card{border-color:var(--border-subtle)}[data-theme=dark] .solution-analysis-toggle{background:var(--surface-card-alt);color:var(--text-primary)}[data-theme=dark] .solution-analysis-toggle:hover{background:var(--surface-highlight)}[data-theme=dark] .solution-analysis-body{border-color:var(--border-subtle)}[data-theme=dark] .card,[data-theme=dark] .results-card,[data-theme=dark] .solution-card,[data-theme=dark] .question-card,[data-theme=dark] .sample-tile{background:var(--surface-card);border-color:var(--border-subtle)}[data-theme=dark] .schema-table{background:var(--surface-card-alt)}[data-theme=dark] .schema-column-token,[data-theme=dark] .results-header,[data-theme=dark] .results-table th{background:#ffffff08}[data-theme=dark] .results-table tbody tr:nth-child(2n) td{background:#ffffff04}[data-theme=dark] .results-table tr:hover td{background:#ffffff09}[data-theme=dark] .verdict-correct{color:#b8e5ce}[data-theme=dark] .verdict-incorrect{color:#f0c8c3}[data-theme=dark] .feedback-card{background:#ffffff08}[data-theme=dark] .shell-pill-mode{background:#ffffff0a;border-color:#ffffff12}[data-theme=dark] .shell-pill-mode-sample{background:#c47f171a;border-color:#c47f1733}[data-theme=dark] .shell-pill-mode-path{background:#5b6af01f}[data-theme=dark] .shell-pill-plan-free{background:#ffffff0f;color:var(--text-secondary);border-color:var(--border-subtle)}[data-theme=dark] .shell-pill-plan-elite{background:#c47f171a}[data-theme=dark] .shell-pill-streak{background:#2d9e6b29;border-color:#2d9e6b47;color:#8bd2b0}[data-theme=dark] .shell-pill-streak-risk{background:#c47f172e;border-color:#c47f1757;color:#e2bd79}[data-theme=dark] .sidebar-unlock-nudge{background:#ffffff05}[data-theme=dark] .delta-hint{background:#5b6af00f;border-color:#5b6af02e}[data-theme=dark] .feedback-title,[data-theme=dark] .feedback-icon,[data-theme=dark] .locked-callout{color:var(--warning)}[data-theme=dark] .badge-easy{background:#4caf8224;color:#7ecfa5;border-color:#4caf8247}[data-theme=dark] .badge-medium{background:#d4973a24;color:#e0b870;border-color:#d4973a47}[data-theme=dark] .badge-hard{background:#e06b5a24;color:#efa09a;border-color:#e06b5a47}[data-theme=dark] .error-box{color:#f0c8c3;border-color:#e06b5a38;border-left-color:var(--danger)}[data-theme=dark] .hint-card{background:#ffffff08;border-color:var(--border-subtle)}[data-theme=dark] .sidebar-progress-card{background:#ffffff08}[data-theme=dark] .sample-reset-notice{color:#b8e5ce}[data-theme=dark] .landing-actions .btn-secondary,[data-theme=dark] .sample-page-actions .btn-secondary,[data-theme=dark] .post-submit-stack .btn-secondary,[data-theme=dark] .sample-challenge-actions .btn-secondary,[data-theme=dark] .app-topbar .btn-secondary,[data-theme=dark] .auth-topbar-unused .btn-secondary,[data-theme=dark] .dashboard-empty-actions .btn-secondary,[data-theme=dark] .mock-hub-empty-actions .btn-secondary,[data-theme=dark] .learn-index-empty-actions .btn-secondary,[data-theme=dark] .preview-locked-actions .btn-secondary,[data-theme=dark] .learn-unlock-card .btn-secondary,[data-theme=dark] .learn-path-complete-banner .btn-secondary,[data-theme=dark] .error-boundary-actions .btn-secondary{background:#ffffff0d;color:var(--text-primary);border-color:var(--border-subtle)}[data-theme=dark] .landing-actions .btn-secondary:not(:disabled):hover,[data-theme=dark] .sample-page-actions .btn-secondary:not(:disabled):hover,[data-theme=dark] .post-submit-stack .btn-secondary:not(:disabled):hover,[data-theme=dark] .sample-challenge-actions .btn-secondary:not(:disabled):hover,[data-theme=dark] .app-topbar .btn-secondary:not(:disabled):hover,[data-theme=dark] .auth-topbar-unused .btn-secondary:not(:disabled):hover,[data-theme=dark] .dashboard-empty-actions .btn-secondary:not(:disabled):hover,[data-theme=dark] .mock-hub-empty-actions .btn-secondary:not(:disabled):hover,[data-theme=dark] .learn-index-empty-actions .btn-secondary:not(:disabled):hover,[data-theme=dark] .preview-locked-actions .btn-secondary:not(:disabled):hover,[data-theme=dark] .learn-unlock-card .btn-secondary:not(:disabled):hover,[data-theme=dark] .learn-path-complete-banner .btn-secondary:not(:disabled):hover,[data-theme=dark] .error-boundary-actions .btn-secondary:not(:disabled):hover{background:#ffffff17;border-color:var(--border-strong)}[data-theme=dark] .btn-success{color:var(--success)}[data-theme=dark] .sidebar-error{color:var(--danger)}[data-theme=dark] .track-tile{background:var(--surface-card);border-color:var(--border-subtle)}[data-theme=dark] .mcq-option{background:var(--surface-card-alt)}[data-theme=dark] .mcq-option--selected{border-color:var(--accent);background:#4ade801f}[data-theme=dark] .mcq-option--selected .mcq-option-letter{background:var(--accent);border-color:var(--accent);color:#0d1a10}[data-theme=dark] .mcq-option--correct{color:#b8e5ce}[data-theme=dark] .mcq-option--wrong{color:#f0c8c3}[data-theme=dark] .mcq-explanation{background:var(--surface-card-alt)}[data-theme=dark] .dashboard-track-card{background:var(--surface-card);border-color:var(--border-subtle)}[data-theme=dark] .variable-row{background:var(--surface-card-alt)}[data-theme=dark] .variable-column-token{background:#ffffff08}[data-theme=light]{color-scheme:light;--bg-page: #F5F7F4;--surface-canvas: #FFFFFF;--surface-card: #FFFFFF;--surface-card-alt: #EDF3EF;--surface-card-soft: #F0F5F1;--surface-highlight: #E3EDE6;--border-subtle: rgba(20, 41, 27, .08);--border-strong: rgba(20, 41, 27, .16);--text-strong: #14291B;--text-primary: #1D3526;--text-secondary: #4B6858;--text-muted: #7A9485;--text-soft: #A8BDB4;--accent: #166534;--accent-strong: #0F4F26;--accent-soft: rgba(22, 101, 52, .08);--accent-soft-strong: rgba(22, 101, 52, .18);--success: #15803D;--success-soft: rgba(21, 128, 61, .1);--success-text: #14532D;--warning: #C47F17;--warning-soft: rgba(196, 127, 23, .1);--warning-text: #7A4A0A;--danger: #D94F3D;--danger-soft: rgba(217, 79, 61, .1);--danger-text: #7A1A12;--shadow-sm: 0 1px 4px rgba(20, 41, 27, .08);--shadow-md: 0 4px 16px rgba(20, 41, 27, .1);--shadow-lg: 0 8px 40px rgba(20, 41, 27, .12);--brand-accent: #166534}.landing-showcase{--sc-surface: #FAF7F2;--sc-dot: rgba(26,26,24,.06);--sc-ink: #1A1A18;--sc-ink-soft: rgba(26,26,24,.6);--sc-ink-muted: rgba(26,26,24,.38);--tok-kw: #C792EA;--tok-str: #A5D6A7;--tok-num: #F78C6C;--tok-fn: #82AAFF;--tok-com: rgba(255,255,255,.38);--sc-ide-bg: #0D0D0B;--sc-ide-chrome-bg: #141411;--sc-ide-code-bg: #0A0A08;--sc-ide-border: rgba(255,255,255,.08);--sc-ide-border-strong: rgba(255,255,255,.14);--sc-ide-ink: rgba(255,255,255,.82);--sc-ide-ink-soft: rgba(255,255,255,.52);--sc-ide-ink-muted: rgba(255,255,255,.34);--sc-gutter: rgba(255,255,255,.24);width:100%;padding:5.5rem 1.5rem 6rem;overflow:hidden;position:relative;background:radial-gradient(ellipse 55% 55% at 10% 30%,color-mix(in srgb,var(--accent) 16%,transparent) 0%,transparent 70%),radial-gradient(ellipse 50% 55% at 92% 75%,color-mix(in srgb,var(--danger) 12%,transparent) 0%,transparent 70%),radial-gradient(circle,var(--sc-dot) 1px,transparent 1px) 0 0 / 24px 24px,var(--sc-surface)}[data-theme=dark] .landing-showcase{--sc-surface: #0B0B09;--sc-dot: rgba(255,255,255,.035);--sc-ink: rgba(255,255,255,.92);--sc-ink-soft: rgba(255,255,255,.56);--sc-ink-muted: rgba(255,255,255,.36)}.landing-showcase-inner{max-width:1120px;margin:0 auto;opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease;position:relative}@supports (animation-timeline: scroll()){.landing-showcase-inner:not(.is-visible){animation:showcaseFallback .75s ease 1.5s forwards}}@keyframes showcaseFallback{to{opacity:1;transform:translateY(0)}}.landing-showcase-inner.is-visible{opacity:1;transform:translateY(0)}.landing-showcase-header{text-align:center;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:.85rem;max-width:660px;margin-left:auto;margin-right:auto}.landing-showcase-eyebrow{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sc-ink-soft)}.landing-showcase-title{font-family:var(--font-brand);font-size:clamp(2rem,4.2vw,3rem);font-weight:600;color:var(--sc-ink);letter-spacing:-.03em;line-height:1.05;margin:0}.landing-showcase-subtitle{font-size:.98rem;line-height:1.5;color:var(--sc-ink-soft);max-width:520px;margin:0}.landing-ide{background:var(--sc-ide-bg);border:1px solid var(--sc-ide-border);border-radius:16px;overflow:hidden;box-shadow:0 1px #ffffff0a inset,0 10px 30px #0000002e,0 40px 80px -30px color-mix(in srgb,var(--active-color, var(--accent)) 28%,transparent);transition:box-shadow .5s ease;position:relative}[data-theme=dark] .landing-ide{box-shadow:0 1px #ffffff0a inset,0 10px 30px #00000073,0 40px 90px -30px color-mix(in srgb,var(--active-color, var(--accent)) 36%,transparent)}.landing-ide-chrome{display:flex;align-items:center;gap:.9rem;padding:.55rem .85rem 0;background:var(--sc-ide-chrome-bg);border-bottom:1px solid var(--sc-ide-border);min-height:42px}.ide-traffic{display:flex;gap:6px;padding-right:.2rem;flex-shrink:0}.ide-traffic i{width:11px;height:11px;border-radius:50%;background:#ffffff26}.ide-traffic i:nth-child(1){background:#e26d5a}.ide-traffic i:nth-child(2){background:#e3b341}.ide-traffic i:nth-child(3){background:#5fb570}.ide-tabs{display:flex;flex:1;min-width:0;align-items:stretch;gap:2px;overflow-x:auto;scrollbar-width:none}.ide-tabs::-webkit-scrollbar{display:none}.ide-tab{background:transparent;border:0;padding:.55rem .85rem .65rem;display:inline-flex;align-items:center;gap:.5rem;font:500 .74rem/1 "Geist Mono",var(--font-mono);color:var(--sc-ide-ink-muted);border-top-left-radius:8px;border-top-right-radius:8px;cursor:pointer;position:relative;flex-shrink:0;transition:color .25s ease,background .25s ease;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.ide-tab-dot{width:7px;height:7px;border-radius:50%;background:var(--tab-color);opacity:.55;transition:opacity .25s ease,box-shadow .25s ease;flex-shrink:0}.ide-tab:hover{color:var(--sc-ide-ink)}.ide-tab:hover .ide-tab-dot{opacity:.85}.ide-tab.is-active{color:#fff;background:var(--sc-ide-bg);border-bottom-color:var(--tab-color);box-shadow:0 -14px 24px -14px color-mix(in srgb,var(--tab-color) 55%,transparent) inset}.ide-tab.is-active .ide-tab-dot{opacity:1;box-shadow:0 0 8px var(--tab-color)}.ide-tab:focus-visible{outline:2px solid var(--tab-color);outline-offset:-2px}.ide-difficulty-pill{margin-left:auto;align-self:center;margin-bottom:.3rem;font:600 .62rem/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;padding:.32rem .62rem;border-radius:999px;border:1px solid transparent;flex-shrink:0}.ide-difficulty-easy{background:#5fb57024;color:#9edda9;border-color:#5fb57047}.ide-difficulty-medium{background:#e3b34124;color:#ecce8c;border-color:#e3b34147}.ide-difficulty-hard{background:#e26d5a24;color:#f3a595;border-color:#e26d5a4d}.landing-ide-body{background:var(--sc-ide-bg)}.ide-body-inner{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:0;animation:ideSwap .35s cubic-bezier(.22,1,.36,1)}@keyframes ideSwap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ide-brief{padding:2rem 1.75rem 2rem 2rem;border-right:1px solid var(--sc-ide-border);display:flex;flex-direction:column;gap:.9rem;min-width:0}.ide-brief-kicker{font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sc-ide-ink-muted)}.ide-brief-title{font-family:var(--font-brand);font-size:1.3rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:#fff;margin:0}.ide-brief-meta{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--sc-ide-ink-soft);letter-spacing:.01em}.ide-brief-meta-dot{width:7px;height:7px;border-radius:50%;box-shadow:0 0 6px currentColor}.ide-brief-para{font-size:.93rem;line-height:1.6;color:var(--sc-ide-ink);margin:.2rem 0 0}.ide-brief-returns{font:400 .78rem/1.5 "Geist Mono",var(--font-mono);color:var(--sc-ide-ink-soft);padding:.55rem .75rem;background:#ffffff08;border-left:2px solid color-mix(in srgb,var(--active-color, #166534) 70%,transparent);border-radius:0 6px 6px 0;margin:.3rem 0 0}.ide-brief-concepts{display:flex;align-items:center;gap:.55rem;margin-top:auto;padding-top:.75rem;font-size:.74rem}.ide-brief-concepts-label{color:var(--sc-ide-ink-muted);letter-spacing:.08em;text-transform:uppercase;font-weight:600;font-size:.66rem}.ide-brief-concepts-value{color:var(--sc-ide-ink-soft);font-family:"Geist Mono",var(--font-mono)}.ide-code-pane{background:var(--sc-ide-code-bg);display:flex;flex-direction:column;min-width:0}.ide-code-filename{display:inline-flex;align-items:center;gap:.45rem;padding:.85rem 1.1rem .55rem;font:500 .72rem/1 "Geist Mono",var(--font-mono);color:var(--sc-ide-ink-soft);border-bottom:1px dashed var(--sc-ide-border)}.ide-code-filename-dot{width:7px;height:7px;border-radius:50%}.ide-code-block{display:flex;gap:.9rem;padding:1rem 1.1rem 1.25rem;margin:0;font-family:"Geist Mono",var(--font-mono);font-size:.82rem;line-height:1.7;color:var(--sc-ide-ink);overflow-x:auto;overflow-y:hidden;white-space:pre}.ide-code-gutter{display:flex;flex-direction:column;width:2rem;min-width:2rem;text-align:right;color:var(--sc-gutter);font-size:.78rem;border-right:1px solid var(--sc-ide-border);padding-right:.55rem;-webkit-user-select:none;user-select:none;flex-shrink:0}.ide-code-gutter span{display:block}.ide-code{flex:1;min-width:0;white-space:pre}.tok-kw{color:var(--tok-kw)}.tok-str{color:var(--tok-str)}.tok-num{color:var(--tok-num)}.tok-fn{color:var(--tok-fn)}.tok-com{color:var(--tok-com);font-style:italic}.landing-ide-statusbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1rem;background:var(--sc-ide-chrome-bg);border-top:1px solid var(--sc-ide-border);font-size:.72rem;color:var(--sc-ide-ink-muted);font-family:"Geist Mono",var(--font-mono)}.ide-statusbar-meta{display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.06em}.ide-statusbar-lang{color:var(--sc-ide-ink-soft);font-weight:600}.ide-statusbar-sep{opacity:.5}.ide-statusbar-dots{display:inline-flex;gap:.65rem;align-items:center}.ide-rotation-dot{width:8px;height:8px;border-radius:50%;border:0;padding:0;cursor:pointer;background:#ffffff24;transition:background .25s ease,box-shadow .25s ease,transform .25s ease}.ide-rotation-dot:hover{background:#ffffff52}.ide-rotation-dot.is-active{background:var(--dot-color);box-shadow:0 0 8px color-mix(in srgb,var(--dot-color) 65%,transparent);transform:scale(1.15)}.ide-rotation-dot:focus-visible{outline:2px solid var(--dot-color);outline-offset:3px}@media (max-width: 900px){.landing-showcase{padding:4.25rem 1.25rem 4.75rem}.landing-showcase-header{margin-bottom:2.25rem}.ide-body-inner{grid-template-columns:minmax(0,1fr)}.ide-brief{padding:1.5rem 1.25rem 1.25rem;border-right:0;border-bottom:1px solid var(--sc-ide-border)}.ide-brief-para{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}@media (max-width: 560px){.landing-showcase{padding:3.5rem 1rem 4rem}.landing-ide-chrome{gap:.6rem;padding:.5rem .6rem 0}.ide-tab{padding:.5rem .6rem .6rem;font-size:.7rem}.ide-tab-filename{max-width:130px;overflow:hidden;text-overflow:ellipsis}.ide-difficulty-pill{padding:.26rem .5rem;font-size:.56rem}.ide-brief{padding:1.25rem 1rem 1rem}.ide-brief-title{font-size:1.15rem}.ide-brief-para{font-size:.88rem}.ide-code-block{padding:.85rem .75rem 1.1rem;font-size:.74rem}.ide-code-gutter{width:1.6rem;min-width:1.6rem;padding-right:.45rem;font-size:.72rem}.ide-statusbar-lines,.ide-statusbar-sep{display:none}}@media (prefers-reduced-motion: reduce){.landing-showcase-inner{transition:none;transform:none;opacity:1}.ide-body-inner{animation:none}.ide-tab,.ide-rotation-dot,.landing-ide{transition:none}.route-transition,.submit-outcome-celebrate,.loading,.skeleton-shimmer,.track-progress-bar-fill{animation:none!important;transition:none!important}}.track-card .track-progress-bar-track{height:4px}.track-card .track-progress-bar-fill{opacity:.9}.sidebar-show-all-btn{display:block;width:100%;text-align:left;padding:.4rem .72rem;background:none;border:none;cursor:pointer;font-size:.72rem;font-weight:600;color:var(--accent);letter-spacing:.01em;transition:color .1s}.sidebar-show-all-btn:hover{color:var(--accent-strong)}.sidebar-show-all-btn-less{color:var(--text-muted)}.sidebar-show-all-btn-less:hover{color:var(--text-secondary)}.sidebar-search-block{padding:.75rem .85rem .7rem;border-bottom:1px solid var(--border-subtle)}.sidebar-search-label{display:inline-block;margin-bottom:.42rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.sidebar-search-input-wrap{position:relative}.sidebar-search-input{width:100%;padding:.45rem 1.9rem .45rem .62rem;border-radius:9px;border:1px solid var(--border-strong);background:var(--surface-card-alt);color:var(--text-strong);font-size:.78rem}.sidebar-search-input::placeholder{color:var(--text-muted)}.sidebar-search-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sidebar-search-clear{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);border:none;border-radius:8px;width:1.3rem;height:1.3rem;line-height:1;cursor:pointer;background:transparent;color:var(--text-muted);font-size:1rem}.sidebar-search-clear:hover{background:var(--surface-highlight);color:var(--text-strong)}.sidebar-filters-accordion{border-bottom:1px solid var(--border-subtle)}.sidebar-filters-toggle{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.4rem .85rem}.sidebar-filters-toggle-main{flex:1;display:flex;align-items:center;justify-content:space-between;min-width:0;padding:.2rem 0;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;text-align:left;transition:background .1s}.sidebar-filters-toggle-main:hover{background:var(--surface-highlight);color:var(--text-strong)}.sidebar-filters-toggle-active{color:var(--accent-strong)}.sidebar-filters-toggle-label{display:flex;align-items:center;gap:.4rem}.sidebar-filters-toggle-right{display:flex;align-items:center;gap:.5rem}.sidebar-filters-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-size:.6rem;font-weight:700;letter-spacing:0;text-transform:none}.sidebar-filters-clear-inline{font-size:.68rem;text-transform:none;letter-spacing:0}.sidebar-filters-body{padding-bottom:.25rem}.sidebar-concept-filter{padding:.75rem .85rem .6rem;border-bottom:1px solid var(--border-subtle)}.sidebar-concept-filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.sidebar-concept-filter-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.sidebar-concept-clear{background:none;border:none;cursor:pointer;font-size:.72rem;color:var(--accent);padding:0;text-decoration:underline}.sidebar-concept-clear:hover{color:var(--accent-strong)}.sidebar-concept-chips{display:flex;flex-wrap:wrap;gap:.3rem}.sidebar-concept-chip{display:inline-flex;align-items:center;gap:.2rem;padding:3px 8px;border-radius:999px;border:1px solid var(--border-strong);background:none;color:var(--text-secondary);font-size:.66rem;font-weight:600;letter-spacing:.03em;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s;max-width:140px;overflow:hidden;text-overflow:ellipsis}.sidebar-concept-chip:hover{background:var(--surface-highlight);color:var(--text-strong);border-color:var(--border-strong)}.sidebar-concept-chip-active{background:var(--accent-soft-strong);color:var(--accent-strong);border-color:var(--accent)}.sidebar-concept-chip-active:hover{background:var(--accent-soft-strong);color:var(--accent-strong)}.sidebar-concept-chip-x{font-size:.75rem;line-height:1;margin-left:1px;opacity:.7}.sidebar-concept-chip-more{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}.sidebar-concept-chip-more:hover{background:var(--accent-soft-strong);color:var(--accent-strong)}.sidebar-concept-empty{padding:1rem .85rem;font-size:.8rem;color:var(--text-secondary);line-height:1.5}.mock-timer{font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:600;padding:.25rem .75rem;border-radius:var(--radius-sm);background:var(--surface-card-alt);color:var(--text-strong);letter-spacing:.02em}.mock-timer--warning{background:var(--warning-soft);color:var(--warning)}.mock-timer--danger{background:var(--danger-soft);color:var(--danger);animation:mock-pulse 1s ease-in-out infinite}@keyframes mock-pulse{0%,to{opacity:1}50%{opacity:.6}}.mock-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-page)}.mock-topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem 1.25rem;border-bottom:1px solid var(--border-subtle);background:var(--surface-card)}.mock-topbar-title{font-weight:600;color:var(--text-strong)}.mock-session-context{display:grid;gap:.45rem;padding:.9rem 1rem;margin-bottom:1rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-card-alt)}.mock-session-context--benchmark{background:linear-gradient(135deg,#16653414,#5b6af014);border-color:#16653429}.mock-session-context-head{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.mock-session-context-badge{display:inline-flex;align-items:center;padding:.28rem .68rem;border-radius:999px;font-size:.78rem;font-weight:700;color:var(--accent);background:#1665341f}.mock-session-context-badge--benchmark{background:#5b6af01f;color:#3d4ed7}.mock-session-context-track{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.mock-session-context-title{font-size:.98rem;font-weight:700;color:var(--text-strong)}.mock-session-context-summary{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.mock-session-context-copy{margin:0;font-size:.85rem;line-height:1.55;color:var(--text-secondary)}.mock-body{flex:1;display:grid;grid-template-columns:minmax(340px,3fr) minmax(0,7fr);overflow:hidden}.mock-left-panel{overflow-y:auto;border-right:1px solid var(--border-subtle);padding:1rem;background:var(--surface-card)}.mock-right-panel{overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.mock-show-question-btn{display:none}.mock-close-panel{margin-bottom:1rem}.mock-q-tabs{display:flex;gap:.5rem;align-items:center}.mock-q-tab{display:flex;align-items:center;gap:2px;padding:.3rem .75rem;border-radius:var(--radius-sm);border:1.5px solid var(--border-subtle);cursor:pointer;background:none;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:border-color .12s,color .12s}.mock-q-tab.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.mock-q-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--border-strong);margin-left:3px}.mock-q-dot.solved{background:var(--success)}.mock-q-dot.unsolved{background:var(--border-strong)}.mock-q-dot.flagged{background:var(--warning)}.mock-q-nav{display:flex;align-items:center;gap:4px}.mock-nav-arrow{background:none;border:none;font-size:1rem;padding:4px 8px;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);line-height:1;transition:background .1s,color .1s}.mock-nav-arrow:disabled{opacity:.25;cursor:default}.mock-nav-arrow:not(:disabled):hover{background:var(--surface-raised, var(--border-subtle));color:var(--text-strong)}.mock-flag-btn{display:inline-flex;align-items:center;gap:4px;padding:.25rem .625rem;border-radius:var(--radius-sm);border:1.5px solid var(--border-subtle);background:none;font-size:.8rem;cursor:pointer;color:var(--text-secondary);margin-bottom:.75rem;transition:border-color .12s,color .12s,background .12s}.mock-flag-btn:hover{border-color:var(--warning);color:var(--warning)}.mock-flag-btn--active{border-color:var(--warning);color:var(--warning);background:var(--warning-soft, rgba(196, 127, 23, .08))}.mock-question-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.mock-question-track{font-size:.8rem;color:var(--text-secondary)}.mock-question-title{font-size:1.05rem;font-weight:600;color:var(--text-strong);margin:0 0 .75rem;line-height:1.35}.mock-question-description{font-size:.9rem;color:var(--text-primary);line-height:1.6;white-space:pre-wrap;margin:0}.mock-view-toggle{display:flex;gap:.25rem;margin-bottom:.75rem}.mock-view-btn{padding:.25rem .625rem;border-radius:var(--radius-sm);border:1.5px solid var(--border-subtle);background:none;font-size:.8rem;cursor:pointer;color:var(--text-secondary)}.mock-view-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.mock-schema{display:flex;flex-direction:column;gap:.75rem}.mock-schema-table-name{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600;color:var(--accent);margin-bottom:.25rem}.mock-schema-cols{list-style:none;padding:0;margin:0;font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--text-primary);line-height:1.7}.mock-editor-wrapper{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-subtle)}.mock-action-row{display:flex;gap:.75rem;flex-wrap:wrap}.mock-run-result-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:.375rem;font-weight:500}.mock-run-error{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);padding:.625rem .875rem;font-size:.875rem}.mock-verdict{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;line-height:1.5}.mock-verdict--correct{background:var(--success-soft);color:var(--success)}.mock-verdict--wrong{background:var(--danger-soft);color:var(--danger)}.mock-verdict--error{background:var(--warning-soft);color:var(--warning)}.mock-feedback-list{margin:.5rem 0 0 1rem;padding:0;font-size:.85rem}.mock-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200}.mock-modal{background:var(--surface-card);border-radius:var(--radius-lg);padding:2rem;max-width:420px;width:90%;box-shadow:var(--shadow-lg)}.mock-modal-title{font-size:1.1rem;font-weight:700;color:var(--text-strong);margin:0 0 .5rem}.mock-modal-body{color:var(--text-secondary);font-size:.9rem;margin:0 0 1.5rem}.mock-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.mock-skip-btn{margin-top:.625rem}.mock-all-done{margin:.75rem 0 0;font-size:.82rem;color:var(--text-secondary);text-align:center}.mock-session-rule{display:flex;flex-direction:column;gap:.2rem;font-size:.74rem;line-height:1.5;color:var(--text-secondary);padding:.45rem .7rem;margin-bottom:1rem;border-left:2px solid var(--border-strong);background:var(--surface-card-alt);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.mock-modal--review{max-width:480px}.mock-review-list{list-style:none;padding:0;margin:.75rem 0;display:flex;flex-direction:column;gap:6px}.mock-review-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;border:1.5px solid transparent;transition:background .1s,border-color .1s}.mock-review-item:hover{border-color:var(--border-subtle)}.mock-review-item--solved{background:var(--success-soft, rgba(45, 158, 107, .08))}.mock-review-item--flagged{background:var(--warning-soft, rgba(196, 127, 23, .08))}.mock-review-item--unsolved{background:var(--surface-raised, var(--border-subtle))}.mock-review-qnum{font-size:.75rem;font-weight:700;color:var(--text-secondary);min-width:24px}.mock-review-qtitle{flex:1;font-size:.875rem;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-review-status{font-weight:700;font-size:.9rem;flex-shrink:0}.mock-review-item--solved .mock-review-status{color:var(--success)}.mock-review-item--flagged .mock-review-status{color:var(--warning)}.mock-review-item--unsolved .mock-review-status{color:var(--text-secondary)}.mock-modal-warning{font-size:.825rem;color:var(--warning);margin:0 0 1rem;line-height:1.5}.mock-btn--end{background:var(--danger);border-color:var(--danger);color:#fff}.mock-btn--end:hover{background:#c0392b;border-color:#c0392b}.mock-summary-scroll{flex:1;overflow-y:auto;padding:2rem 1rem}.mock-summary-card{max-width:640px;margin:0 auto;padding:2rem;border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-md)}.mock-summary-score{font-size:1.6rem;font-weight:700;margin-bottom:.375rem}.mock-summary-time{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.mock-session-summary-intro{display:grid;gap:.35rem;margin-bottom:.85rem}.mock-session-summary-badge{display:inline-flex;width:fit-content;align-items:center;padding:.3rem .72rem;border-radius:999px;background:#1665341f;color:var(--accent);font-size:.78rem;font-weight:700}.mock-session-summary-badge--benchmark{background:#5b6af01f;color:#3d4ed7}.mock-session-summary-title{font-size:1.08rem;font-weight:700;color:var(--text-strong)}.mock-session-summary-copy{font-size:.86rem;color:var(--text-secondary)}.mock-summary-divider{border:none;border-top:1px solid var(--border-subtle);margin:1rem 0}.mock-summary-row{padding:.75rem 0;border-bottom:1px solid var(--border-subtle)}.mock-summary-row:last-of-type{border-bottom:none}.mock-summary-row-main{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.mock-summary-qnum{font-weight:600;font-size:.85rem;color:var(--text-secondary);min-width:24px}.mock-summary-qtitle{flex:1;font-weight:500;color:var(--text-strong);font-size:.9rem}.mock-summary-status{font-size:.82rem;font-weight:600}.mock-summary-status.solved{color:var(--success)}.mock-summary-status.unsolved{color:var(--danger)}.mock-summary-time-spent{font-size:.82rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.mock-solution-toggle{font-size:.82rem;color:var(--accent);background:none;border:none;cursor:pointer;padding:0}.mock-solution-body{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.mock-solution-explanation{font-size:.875rem;color:var(--text-primary);line-height:1.6;margin:0 0 .75rem}.mock-solution-code{background:var(--surface-card-alt);border-radius:var(--radius-sm);padding:.875rem 1rem;font-family:JetBrains Mono,monospace;font-size:.82rem;color:var(--text-strong);white-space:pre-wrap;overflow-x:auto;margin:0}.mock-summary-actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap;margin-top:.5rem}.mock-concept-summary{display:grid;gap:.55rem}.mock-concept-summary-title{font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:var(--text-muted)}.mock-concept-summary-rows{display:grid;gap:.38rem}.mock-concept-summary-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.mock-concept-summary-row--known-weak .mock-concept-name{color:var(--warning)}.mock-concept-known-weak-badge{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border-radius:8px;background:#c47f171f;color:var(--warning);border:1px solid rgba(196,127,23,.25);white-space:nowrap}.mock-concept-name{color:var(--text-strong);flex:1}.mock-concept-score{color:var(--text-secondary);font-family:var(--font-mono);font-size:.8rem;margin-left:auto}.mock-debrief{display:grid;gap:.75rem;padding:1.1rem 1.25rem;background:color-mix(in srgb,var(--accent) 6%,var(--surface-card));border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:var(--radius-sm)}.mock-debrief-header{display:flex;align-items:center;gap:.5rem}.mock-debrief-badge{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);padding:2px 8px;border-radius:99px}.mock-debrief-headline{font-size:1rem;font-weight:600;color:var(--text-strong);margin:0;line-height:1.45}.mock-debrief-patterns{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}.mock-debrief-pattern{font-size:.875rem;color:var(--text-secondary);line-height:1.55;padding-left:1rem;position:relative}.mock-debrief-pattern:before{content:"·";position:absolute;left:0;color:var(--accent);font-weight:700}.mock-debrief-action{display:flex;flex-direction:column;gap:.2rem;padding-top:.35rem;border-top:1px solid color-mix(in srgb,var(--accent) 15%,transparent)}.mock-debrief-action-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.mock-debrief-action>span:last-child{font-size:.875rem;color:var(--text-strong);font-weight:500;line-height:1.5}.mock-debrief-path-link{color:var(--accent);text-decoration:none;font-weight:600}.mock-debrief-path-link:hover{text-decoration:underline}.mock-hub-page{min-height:100vh;background:var(--bg-page)}.mock-hub-main{max-width:1060px;margin:0 auto;padding:2rem 1.25rem 4rem}.mock-hub-hero{margin-bottom:2rem;padding-top:1rem}.mock-hub-kicker{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.45rem}.mock-hub-title{font-size:2rem;font-weight:800;color:var(--text-strong);margin:0 0 .375rem}.mock-hub-subtitle{color:var(--text-secondary);font-size:.88rem;margin:0}.mock-hub-subtitle-row{display:flex;align-items:flex-start;gap:.55rem}.mock-hub-subtitle-row .mock-help-btn{flex:0 0 auto;margin-left:0;margin-top:.08rem}.mock-hub-section{margin-bottom:2rem}.mock-hub-lobby{display:grid;grid-template-columns:1fr 292px;gap:2rem;align-items:start;margin-bottom:2.5rem}.mock-hub-left-col{min-width:0}.mock-hub-rail{position:sticky;top:72px}.mock-rail-card{background:var(--surface-card);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);padding:1.1rem 1.15rem;display:flex;flex-direction:column;gap:.9rem}.mock-rail-kicker{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.mock-rail-mode-badge{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:999px;font-size:.84rem;font-weight:700;align-self:flex-start}.mock-rail-mode-badge--benchmark{background:#1665341f;color:var(--accent)}.mock-rail-mode-badge--drill{background:#5b6af01f;color:#3d4ed7}.mock-rail-details{display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:.75rem 0}.mock-rail-row{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.mock-rail-row--shape{justify-content:flex-start}.mock-rail-key{font-size:.8rem;color:var(--text-secondary);flex-shrink:0}.mock-rail-val{font-size:.85rem;color:var(--text-strong);font-weight:600;text-align:right}.mock-rail-shape-line{font-size:.78rem;color:var(--text-secondary)}.mock-rail-focus-pills{display:flex;flex-wrap:wrap;gap:.35rem}.mock-rail-focus-pill{font-size:.7rem;padding:.18rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:600}.mock-rail-access{padding:.6rem .7rem;border-radius:var(--radius-sm);font-size:.82rem;display:flex;flex-direction:column;gap:.4rem}.mock-rail-access--remaining{background:var(--surface-card-soft);color:var(--text-secondary);font-size:.8rem}.mock-rail-access--blocked{background:var(--warning-soft);color:var(--warning-text);font-weight:500}.mock-rail-error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);padding:.55rem .7rem;font-size:.82rem;margin:0}.mock-setup-recommendation{background:color-mix(in srgb,var(--accent) 7%,var(--surface-card));border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:var(--radius-md);padding:.95rem 1.1rem}.mock-setup-recommendation-kicker{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:.35rem}.mock-setup-recommendation-copy{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.55}.mock-mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mock-mode-card{padding:1.375rem 1.25rem;border-radius:var(--radius-md);border:2px solid var(--border-subtle);cursor:pointer;transition:border-color .15s,background .15s;background:var(--surface-card);text-align:left}.mock-mode-card:disabled{cursor:not-allowed}.mock-mode-card:hover{border-color:var(--accent)}.mock-mode-card-disabled{opacity:.68}.mock-mode-card-disabled:hover{border-color:var(--border-subtle)}.mock-mode-card.selected{border-color:var(--accent);background:var(--accent-soft)}.mock-mode-card-label{font-size:1.05rem;font-weight:700;color:var(--text-strong);margin-bottom:.25rem}.mock-mode-card-sublabel{font-size:.82rem;font-weight:600;color:var(--accent);margin-bottom:.375rem}.mock-mode-card-desc{font-size:.82rem;color:var(--text-secondary)}.mock-mode-card-locked{opacity:.7}.mock-mode-card-label-row{display:flex;align-items:center;gap:.45rem;margin-bottom:.25rem}.mock-mode-card-badge{font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:.15rem .45rem;border-radius:999px}.mock-mode-card-badge--pro{background:#5b6af01f;color:#3d4ed7}.mock-mode-card-lock-notice{font-size:.74rem;color:var(--text-secondary);margin-top:.35rem;font-style:italic}.mock-rail-mode-badge--loop{background:#e0456a1f;color:#c0284d}.mock-mixed-role-section{margin-top:0}.mock-mixed-role-hint{font-size:.82rem;color:var(--text-secondary);margin:0 0 .75rem}.mock-mixed-role-blueprint{margin-top:.6rem}.mock-loop-dimension-breakdown{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem}.mock-loop-dimension-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;padding:.25rem 0;border-bottom:1px solid var(--border-subtle)}.mock-loop-dimension-row:last-child{border-bottom:none}.mock-loop-dimension-name{color:var(--text-secondary)}.mock-loop-dimension-acc{font-weight:700;color:var(--text-strong)}.mock-pivot-overlay{z-index:200}.mock-pivot-card{max-width:440px;text-align:center}.mock-pivot-card-kicker{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#c0284d;margin-bottom:.6rem}.mock-pivot-card-dimension{font-size:1.35rem;font-weight:700;color:var(--text-strong);margin:0 0 .75rem}.mock-pivot-card-copy{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.25rem}.mock-benchmark-blueprint{background:linear-gradient(135deg,#16653414,#5b6af014);border:1px solid rgba(22,101,52,.14);border-radius:var(--radius-md);padding:1.1rem 1.2rem}.mock-benchmark-blueprint-kicker{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:.55rem}.mock-benchmark-blueprint-main{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:.45rem}.mock-benchmark-blueprint-shape,.mock-benchmark-blueprint-time{display:inline-flex;align-items:center;padding:.32rem .7rem;border-radius:999px;font-size:.82rem;font-weight:700}.mock-benchmark-blueprint-shape{background:#1665341f;color:var(--accent)}.mock-benchmark-blueprint-time{background:#5b6af01a;color:#3d4ed7}.mock-benchmark-blueprint-copy{margin:0;font-size:.88rem;color:var(--text-secondary)}.mock-drill-plan{background:var(--surface-card-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.9rem 1rem}.mock-drill-plan-main{display:flex;flex-direction:column;gap:.5rem}.mock-drill-plan-alert{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;background:#ffffff80;border-radius:var(--radius-sm);padding:.4rem .6rem}.mock-drill-plan-alert-pill{display:inline-flex;align-items:center;padding:.18rem .5rem;border-radius:999px;background:#1665341a;color:var(--accent);font-size:.73rem;font-weight:600;white-space:nowrap}.mock-drill-plan-alert-copy{margin:0;color:var(--text-secondary);font-size:.82rem;line-height:1.4;flex:1 1 200px}.mock-drill-plan-title-row{display:flex;justify-content:space-between;gap:.6rem;align-items:center}.mock-drill-plan-kicker{font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}.mock-drill-plan-mode{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;background:#5b6af01a;color:#3d4ed7;font-size:.72rem;font-weight:600;white-space:nowrap}.mock-drill-plan-chips{display:flex;flex-wrap:wrap;gap:.4rem}.mock-drill-plan-chip{display:inline-flex;align-items:center;padding:.22rem .55rem;border-radius:999px;font-size:.78rem;font-weight:500;background:var(--surface-card);color:var(--text-strong);border:1px solid var(--border-subtle)}.mock-drill-plan-chip-track{background:#16653414;color:var(--accent);border-color:#16653424}.mock-drill-plan-chip-shape{background:#5b6af012;color:#3d4ed7;border-color:#5b6af024}.mock-drill-plan-copy{margin:0;font-size:.84rem;color:var(--text-secondary);line-height:1.5}.mock-drill-plan-note{margin:0;font-size:.79rem;color:var(--text-secondary);line-height:1.45;opacity:.8}.mock-custom-controls{background:var(--surface-card);border-radius:var(--radius-md);padding:1.25rem;border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.75rem}.mock-custom-controls-inline{background:var(--surface-card);border-color:var(--border-subtle);padding:.75rem .9rem}.mock-custom-row{display:flex;align-items:center;gap:.75rem}.mock-custom-label{font-size:.875rem;font-weight:500;color:var(--text-primary);min-width:140px}.mock-custom-input{width:80px;padding:.375rem .625rem;border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);background:var(--bg-page);color:var(--text-strong);font-size:.875rem}.mock-custom-hint{font-size:.78rem;color:var(--text-secondary)}.mock-hub-config{background:var(--surface-card);border-radius:var(--radius-md);padding:1.25rem;border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:1rem}.mock-hub-config-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.mock-hub-config-label{font-size:.875rem;font-weight:600;color:var(--text-primary);min-width:80px}.mock-config-pills{display:flex;gap:.5rem;flex-wrap:wrap}.mock-config-pill{padding:.3rem .875rem;border-radius:99px;border:1.5px solid var(--border-strong);cursor:pointer;font-size:.83rem;background:none;color:var(--text-primary);transition:background .12s,color .12s,border-color .12s}.mock-config-pill:hover{border-color:var(--accent);color:var(--accent)}.mock-config-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.mock-start-btn{width:100%;padding:.875rem 1rem;font-size:1rem;font-weight:600}.mock-session-expect{display:flex;align-items:center;gap:.6rem;padding:.55rem .875rem;background:var(--surface-raised, #EEECEA);border-radius:var(--radius-sm);font-size:.8rem;margin-bottom:.75rem;flex-wrap:wrap}.mock-session-expect-label{color:var(--text-secondary);font-weight:500;white-space:nowrap}.mock-session-expect-line{color:var(--text-strong)}.mock-hub-error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);padding:.625rem .875rem;font-size:.875rem;margin-bottom:.75rem}.mock-access-error{border:1px solid rgba(196,127,23,.25);background:#c47f170f;border-radius:var(--radius-md);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.65rem;margin-bottom:.75rem}.mock-access-error-msg{font-size:.9rem;font-weight:600;color:var(--warning);margin:0}.mock-access-error-actions{display:flex;gap:.6rem;flex-wrap:wrap}.mock-access-error-actions .btn-secondary{background:#ffffffb3;border-color:#c47f1759;color:var(--text-strong)}.mock-access-error-actions .btn-secondary:hover{background:#ffffffe6}[data-theme=dark] .mock-access-error-actions .btn-secondary{background:#ffffff0f;border-color:#d4973a59;color:var(--text-primary)}[data-theme=dark] .mock-access-error-actions .btn-secondary:hover{background:#ffffff1a;border-color:#d4973a80}.mock-access-error-hint{font-size:.78rem;color:var(--text-secondary);margin:0;line-height:1.5}.mock-access-error-upgrade-err{font-size:.78rem;color:var(--danger);margin:.25rem 0 0}.mock-hub-start-row{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.mock-hub-upgrade-nudge{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background:var(--accent-soft);border:1px solid var(--accent-soft-strong);border-radius:var(--radius-sm)}.mock-hub-upgrade-nudge-label{font-size:.82rem;color:var(--text-primary)}.mock-hub-history-title{font-size:1.1rem;font-weight:700;color:var(--text-strong);margin:0 0 1rem}.mock-history-table{width:100%;border-collapse:collapse;font-size:.875rem}.mock-history-table th{text-align:left;padding:.375rem .75rem;font-size:.78rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.mock-history-table td{padding:.625rem .75rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.mock-history-table tr:last-child td{border-bottom:none}.mock-review-link{color:var(--accent);font-size:.82rem;font-weight:500;text-decoration:none}.mock-review-link:hover{text-decoration:underline}.mock-hub-empty{color:var(--text-secondary);font-size:.9rem}.mock-hub-empty-state{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:14px;padding:1rem 1.1rem}.mock-hub-empty-state--first-run{display:flex;flex-direction:column;gap:1rem}.mock-hub-empty-header{display:flex;flex-direction:column;gap:.35rem}.mock-hub-empty-copy,.mock-hub-history-empty-copy{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.mock-hub-empty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.mock-hub-empty-card{border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:1rem 1.05rem;display:flex;flex-direction:column;gap:.45rem;background:#ffffffb8}.mock-hub-empty-card--benchmark{background:linear-gradient(135deg,#16653414,#fffffff5);border-color:#16653424}.mock-hub-empty-card--drill{background:linear-gradient(135deg,#5b6af014,#fffffff5);border-color:#5b6af024}.mock-hub-empty-card-kicker,.mock-hub-history-empty-kicker{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.mock-hub-empty-card-title{margin:0;font-size:1rem;color:var(--text-strong);font-weight:700}.mock-hub-empty-card-copy{margin:0;font-size:.88rem;color:var(--text-secondary);line-height:1.55}.mock-hub-history-empty{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem 1.1rem}.mock-hub-history-empty--benchmark{border-color:#16653424}.mock-hub-history-empty--drill{border-color:#5b6af024}.mock-hub-empty-actions{display:flex;gap:.6rem;margin-top:.7rem;flex-wrap:wrap}.mock-help-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--text-secondary);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;vertical-align:middle;transition:border-color .15s,color .15s}.mock-help-btn:hover{border-color:var(--accent);color:var(--accent)}.mock-help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.mock-help-modal{background:var(--surface-card);border-radius:var(--radius-lg);padding:1.5rem 2rem;max-width:480px;width:100%;box-shadow:0 8px 32px #0000002e}.mock-help-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mock-help-modal-header h2{font-size:1rem;font-weight:600;color:var(--text-strong);margin:0}.mock-help-close{background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:.25rem;line-height:1}.mock-help-close:hover{color:var(--text-strong)}.mock-help-steps{margin:0;padding-left:1.25rem;color:var(--text-strong);font-size:.875rem;line-height:1.7}.mock-help-steps li{margin-bottom:.5rem}.mock-help-steps li:last-child{margin-bottom:0}.mock-config-select{border:1.5px solid var(--border-default, #E2E0DA);border-radius:var(--radius-sm);background:var(--bg-page);color:var(--text-strong);font-size:.85rem;padding:.35rem .6rem;cursor:pointer;min-width:160px}.mock-config-select:focus{outline:none;border-color:var(--accent)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mock-follow-up-badge{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:var(--accent);color:#fff;padding:.08rem .4rem;border-radius:99px;margin-left:.35rem;vertical-align:middle;line-height:1.5}.mock-follow-up-banner{background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:var(--radius-sm);padding:.45rem .9rem;font-size:.8rem;font-weight:500;color:var(--accent);margin-bottom:.75rem;animation:fadeInDown .28s ease}.mock-scenario-brief{background:var(--surface-raised, rgba(0,0,0,.03));border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:.7rem .95rem;margin-bottom:.9rem;font-size:.87rem;color:var(--text-secondary)}.mock-scenario-brief p{margin:0;line-height:1.6}.mock-scenario-brief-label{display:block;font-style:normal;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.3rem}.mock-reverse-block{margin-bottom:.5rem}.mock-reverse-prompt{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.mock-debug-prompt{font-size:.84rem;color:var(--text-secondary);margin-bottom:.5rem}.mock-debug-error{border:1px solid color-mix(in srgb,var(--danger) 38%,transparent);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:.85rem}.mock-debug-error-label{display:block;background:color-mix(in srgb,var(--danger) 12%,transparent);padding:.25rem .7rem;font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--danger)}.mock-debug-error-pre{background:#1a0f0f;color:#f08080;padding:.65rem .9rem;font-size:.78rem;font-family:var(--font-mono);white-space:pre-wrap;overflow-x:auto;margin:0;line-height:1.6}[data-theme=dark] .mock-scenario-brief{background:#ffffff08}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown-trigger{cursor:pointer}.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.375rem;min-width:140px;box-shadow:var(--shadow-md);z-index:100}.nav-dropdown:hover .nav-dropdown-menu{display:block}.nav-dropdown-item{display:block;padding:.375rem .75rem;border-radius:6px;text-decoration:none;color:var(--text-primary);font-size:.875rem;white-space:nowrap}.nav-dropdown-item:hover{background:var(--surface-card-alt);color:var(--text-strong)}.app-practice-dropdown{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.app-practice-dropdown-trigger{background:transparent;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.app-practice-dropdown-trigger.active,.app-practice-dropdown-trigger:hover{background:var(--surface-raised, var(--bg-page));border-color:var(--border-subtle)}.app-practice-dropdown-caret{font-size:.65rem;opacity:.7}.app-practice-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.45rem;min-width:220px;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;z-index:500}.app-practice-dropdown-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);padding:.25rem .65rem .5rem}.app-practice-dropdown-item{display:grid;grid-template-columns:8px 1fr;grid-template-rows:auto auto;column-gap:.6rem;row-gap:.05rem;align-items:center;padding:.5rem .65rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-strong);transition:background .1s}.app-practice-dropdown-item:hover{background:var(--bg-page)}.app-practice-dropdown-item.active{background:color-mix(in srgb,var(--accent) 8%,transparent)}.app-practice-dropdown-dot{grid-row:1 / 3;width:8px;height:8px;border-radius:50%;flex-shrink:0;align-self:center}.app-practice-dropdown-name{font-size:.84rem;font-weight:600;line-height:1.2}.app-practice-dropdown-desc{font-size:.71rem;color:var(--text-secondary);line-height:1.2}.topbar-auth-link--active{color:var(--accent);font-weight:600;background:var(--accent-soft);padding:6px 14px;border-radius:10px;min-height:32px;display:inline-flex;align-items:center}.topbar-practice-dropdown{position:relative;display:inline-flex;align-items:center}.topbar-practice-trigger{display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;background:transparent;border:none;padding:0}.topbar-practice-trigger.topbar-auth-link--active{background:var(--accent-soft);padding:6px 14px;border-radius:10px;min-height:32px}.topbar-practice-trigger--open,.topbar-practice-trigger:hover{color:var(--accent)}.topbar-practice-caret{font-size:.6rem;opacity:.6}.topbar-practice-menu{position:absolute;top:calc(100% + 10px);left:0;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.35rem;min-width:160px;box-shadow:0 8px 28px #00000021,0 2px 6px #0000000f;z-index:500}.topbar-practice-menu-header{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);padding:.3rem .75rem .4rem}.topbar-practice-item{display:flex;align-items:center;gap:.55rem;padding:.48rem .75rem;border-radius:8px;text-decoration:none;color:var(--text-strong);font-size:.85rem;font-weight:500;white-space:nowrap;transition:background .12s}.topbar-practice-item:hover{background:var(--bg-page);color:var(--text-strong)}.topbar-practice-item--active{color:var(--accent);font-weight:600;background:var(--accent-soft)}.topbar-practice-item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.topbar-practice-menu-divider{height:1px;background:var(--border-subtle);margin:.3rem .4rem}.topbar-practice-item--secondary{color:var(--text-secondary);font-size:.82rem}.topbar-practice-item-glyph{width:8px;text-align:center;font-size:.75rem;color:var(--accent)}@media (max-width: 900px){.mock-hub-lobby{grid-template-columns:1fr}.mock-hub-rail{position:static}.mock-mode-cards,.mock-body{grid-template-columns:1fr}.mock-left-panel{display:none}.mock-left-panel.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--surface-card);overflow-y:auto;padding:1rem}.mock-show-question-btn{display:block}}@media (max-width: 600px){.mock-hub-config-row{flex-direction:column;align-items:flex-start}.mock-hub-empty-grid{grid-template-columns:1fr}.mock-summary-card{padding:1.25rem}}.path-card{display:flex;flex-direction:column;gap:.5rem;padding:1.1rem 1.2rem;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}.path-card:hover{border-color:var(--accent);box-shadow:0 2px 12px color-mix(in srgb,var(--accent) 24%,transparent);transform:translateY(-2px)}.path-card--compact{padding:.85rem 1rem}.path-card-header{display:flex;align-items:center;gap:.45rem}.path-card-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.path-card-topic{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.path-card-title{font-size:.95rem;font-weight:700;color:var(--text-strong);line-height:1.3}.path-card-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.45}.path-card-meta{font-size:.78rem;color:var(--text-secondary)}.path-card-progress{display:flex;align-items:center;gap:.5rem}.path-card-progress-bar{flex:1;height:4px;background:var(--border-subtle);border-radius:2px;overflow:hidden}.path-card-progress-fill{height:100%;border-radius:2px;transition:width .3s ease}.path-card-progress-label{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.path-card-cta{font-size:.82rem;font-weight:600;color:var(--accent);margin-top:auto;padding-top:.35rem}.trackhub-paths{margin-top:1.5rem}.trackhub-paths-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.85rem}.trackhub-paths-title{font-size:1rem;font-weight:700;color:var(--text-strong);margin:0}.trackhub-paths-viewall{font-size:.78rem;font-weight:600;color:var(--accent);text-decoration:none}.trackhub-paths-viewall:hover{color:var(--accent-strong);text-decoration:underline}.trackhub-paths-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 600px){.trackhub-paths-grid{grid-template-columns:1fr}}.learn-page{min-height:100vh;background:var(--bg-page)}.learn-loading{text-align:center;padding:4rem 1.5rem;color:var(--text-secondary)}.learn-header{background:var(--surface-card);border-bottom:1px solid var(--border-subtle);padding:2rem 1.5rem 2.5rem}.learn-header-inner{max-width:720px;margin:0 auto}.learn-breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary);margin-bottom:1rem}.learn-breadcrumb a{color:var(--text-secondary);text-decoration:none}.learn-breadcrumb a:hover{color:var(--accent)}.learn-breadcrumb-sep{opacity:.5}.learn-title{font-size:1.6rem;font-weight:800;color:var(--text-strong);margin:0 0 .5rem}.learn-description{color:var(--text-secondary);font-size:.95rem;line-height:1.55;margin:0 0 1.25rem}.learn-progress{display:flex;align-items:center;gap:.75rem}.learn-progress-bar{flex:1;height:6px;background:var(--border-subtle);border-radius:3px;overflow:hidden;max-width:360px}.learn-progress-fill{height:100%;border-radius:3px;transition:width .4s ease}.learn-progress-label{font-size:.82rem;color:var(--text-secondary);white-space:nowrap}.learn-body{padding:2rem 1.5rem}.learn-question-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:4px}.learn-question-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.learn-question-row--solved{background:color-mix(in srgb,var(--success) 6%,var(--surface-card));border-color:color-mix(in srgb,var(--success) 30%,var(--border-subtle))}.learn-question-row--next{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.learn-question-row--locked{opacity:.45;cursor:not-allowed}[data-theme=dark] .learn-question-row--locked{opacity:.65}.learn-unlock-hint{display:flex;align-items:center;gap:10px;padding:10px 16px;margin-bottom:4px;background:color-mix(in srgb,var(--warning) 7%,var(--surface-card));border:1px solid color-mix(in srgb,var(--warning) 22%,var(--border-subtle));border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary)}.learn-unlock-hint-icon{font-size:14px;flex-shrink:0}.learn-unlock-hint-text{flex:1}.learn-unlock-hint-link{color:var(--accent);text-decoration:none;white-space:nowrap;font-size:13px}.learn-unlock-hint-link:hover{text-decoration:underline}.learn-question-num{font-size:.8rem;color:var(--text-secondary);min-width:1.5rem;text-align:right}.learn-question-status{font-size:.9rem;min-width:1.25rem;text-align:center}.learn-question-title{flex:1;font-size:.9rem;color:var(--text-strong)}.learn-question-title a{color:var(--text-strong);text-decoration:none}.learn-question-title a:hover{color:var(--accent)}.learn-question-difficulty{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.learn-question-difficulty--easy{color:var(--success)}.learn-question-difficulty--medium{color:var(--warning)}.learn-question-difficulty--hard{color:var(--danger)}.learn-question-btn{font-size:.8rem;font-weight:600;color:var(--accent);text-decoration:none;white-space:nowrap}.learn-question-btn:hover{text-decoration:underline}.sidebar--path-mode{padding:0;overflow:hidden}.path-sidebar{display:flex;flex-direction:column;height:100%;overflow:hidden}.path-sidebar-loading{padding:1rem .75rem;display:flex;flex-direction:column;gap:.6rem}.path-sidebar-shimmer{height:14px;border-radius:6px;background:var(--border-subtle);opacity:.6;animation:shimmer 1.4s ease-in-out infinite}.path-sidebar-shimmer--short{width:55%}.path-sidebar-header{padding:.85rem .75rem .7rem;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.path-sidebar-back{display:inline-block;font-size:.72rem;color:var(--text-secondary);text-decoration:none;margin-bottom:.5rem}.path-sidebar-back:hover{color:var(--accent)}.path-sidebar-title{font-size:.9rem;font-weight:700;color:var(--text-strong);line-height:1.3;margin-bottom:.3rem}.path-sidebar-meta{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--text-secondary);margin-bottom:.55rem}.path-sidebar-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.path-sidebar-progress-bar{height:3px;background:var(--border-subtle);border-radius:2px;overflow:hidden;margin-bottom:.3rem}.path-sidebar-progress-fill{height:100%;border-radius:2px;transition:width .4s ease}.path-sidebar-progress-label{font-size:.66rem;color:var(--text-muted)}.path-sidebar-list{flex:1;overflow-y:auto;padding:.4rem 0}.path-sidebar-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;color:var(--text-primary);text-decoration:none;border-left:3px solid transparent;transition:background .1s,border-color .1s;line-height:1.35}.path-sidebar-item:hover{background:var(--surface-raised, var(--bg-page))}.path-sidebar-item--active{border-left-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.path-sidebar-item--solved{color:var(--text-secondary)}.path-sidebar-item--locked{opacity:.5;cursor:default;pointer-events:none}.path-sidebar-item-num{flex-shrink:0;width:18px;font-size:.68rem;color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right}.path-sidebar-item-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-sidebar-item-state{flex-shrink:0;font-size:.72rem}.path-sidebar-footer{padding:.7rem .75rem;border-top:1px solid var(--border-subtle);flex-shrink:0}.path-sidebar-exit{font-size:.75rem;color:var(--text-secondary);text-decoration:none;display:block;padding:.3rem 0}.path-sidebar-exit:hover{color:var(--accent)}.path-sidebar-hint{margin:0 .75rem .65rem;padding:.6rem .7rem;background:color-mix(in srgb,var(--warning) 8%,transparent);border:1px solid color-mix(in srgb,var(--warning) 28%,transparent);border-radius:var(--radius-sm);flex-shrink:0}.path-sidebar-hint-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.45rem}.path-sidebar-hint-text{flex:1;font-size:.75rem;color:var(--text-primary);line-height:1.4;margin:0}.path-sidebar-hint-help-wrap{position:relative;flex-shrink:0}.path-sidebar-hint-help{width:16px;height:16px;border-radius:50%;border:1px solid var(--border-default, var(--border-subtle));background:var(--surface-card);color:var(--text-secondary);font-size:.65rem;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .1s,color .1s}.path-sidebar-hint-help:hover,.path-sidebar-hint-help[aria-expanded=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.path-sidebar-hint-popover{position:absolute;bottom:calc(100% + 6px);right:0;width:220px;background:var(--surface-card);border:1px solid var(--border-default, var(--border-subtle));border-radius:var(--radius-sm);padding:.65rem .7rem;box-shadow:0 4px 16px #0000001f;z-index:50}.path-sidebar-hint-popover-title{font-size:.72rem;font-weight:700;color:var(--text-strong);margin:0 0 .2rem}.path-sidebar-hint-popover-sub{font-size:.67rem;color:var(--text-secondary);margin:0 0 .5rem;line-height:1.4}.path-sidebar-hint-table{width:100%;border-collapse:collapse;margin-bottom:.45rem}.path-sidebar-hint-table td{font-size:.67rem;color:var(--text-primary);padding:.15rem 0;line-height:1.4}.path-sidebar-hint-table td:first-child{color:var(--text-secondary);white-space:nowrap;padding-right:.4rem}.path-sidebar-hint-popover-next{font-size:.67rem;font-weight:600;color:var(--accent);margin:0;border-top:1px solid var(--border-subtle);padding-top:.4rem;line-height:1.4}.path-sidebar-hint-actions{display:flex;gap:.5rem}.path-sidebar-hint-link{font-size:.7rem;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;padding:.2rem .5rem;border-radius:4px;white-space:nowrap}.path-sidebar-hint-link--pro{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-strong, var(--accent));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.path-sidebar-hint-link--pro:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.path-sidebar-hint-link--elite{background:color-mix(in srgb,#7A5AF0 10%,transparent);color:#7a5af0;border:1px solid color-mix(in srgb,#7A5AF0 28%,transparent)}.path-sidebar-hint-link--elite:hover{background:color-mix(in srgb,#7A5AF0 18%,transparent)}[data-theme=dark] .path-sidebar-hint{background:color-mix(in srgb,var(--warning) 10%,transparent)}[data-theme=dark] .path-sidebar-hint-popover{box-shadow:0 4px 20px #00000059}[data-theme=dark] .path-sidebar-item--active{background:color-mix(in srgb,var(--accent) 12%,transparent)}.path-nav-bar{display:flex;align-items:center;gap:.75rem;padding:.55rem 1rem;margin-bottom:.75rem;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.82rem}.path-nav-back{color:var(--text-secondary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.path-nav-back:hover{color:var(--accent)}.path-nav-pos{color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.path-nav-arrows{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.path-nav-btn{font-weight:600;color:var(--accent);text-decoration:none;white-space:nowrap;padding:.2rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:transparent;transition:background .12s,border-color .12s}.path-nav-btn:hover{background:var(--surface-raised, var(--bg-page));border-color:var(--accent)}.path-nav-btn--next{background:var(--accent);color:#fff;border-color:var(--accent)}.path-nav-btn--next:hover{background:var(--accent-dark, #14532d);border-color:var(--accent-dark, #14532d)}.path-nav-btn--disabled{color:var(--text-secondary);opacity:.45;cursor:default;border-color:var(--border-subtle)}.learn-index-page{min-height:100vh;background:var(--bg-page)}.learn-index-header{background:var(--surface-card);border-bottom:1px solid var(--border-subtle);padding:2rem 1.5rem 2.5rem}.learn-index-title{font-size:1.7rem;font-weight:700;color:var(--text-strong);margin:.75rem 0 .4rem}.learn-index-sub{color:var(--text-secondary);margin:0 0 1.25rem;font-size:.95rem}.learn-index-topic-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.learn-index-topic-pill{display:inline-flex;align-items:center;padding:.3rem .8rem;border-radius:999px;font-size:.82rem;font-weight:600;color:color-mix(in srgb,var(--pill-color) 65%,var(--text-strong));border:1.5px solid var(--pill-color);background:color-mix(in srgb,var(--pill-color) 10%,transparent);text-decoration:none;transition:background .12s}.learn-index-topic-pill:hover{background:color-mix(in srgb,var(--pill-color) 20%,transparent)}.learn-index-body{padding:2rem 1.5rem}.learn-index-group{margin-bottom:2.5rem}.learn-index-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}.learn-index-group-title{font-size:1.05rem;font-weight:700;color:var(--text-strong);margin:0;display:flex;align-items:center;gap:.5rem}.learn-index-group-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.learn-index-group-link{font-size:.82rem;font-weight:600;color:var(--accent);text-decoration:none}.learn-index-group-link:hover{text-decoration:underline}.learn-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.learn-index-empty{color:var(--text-secondary);font-size:.9rem}.upgrade-btn{font-weight:600}.upgrade-btn-elite{background:linear-gradient(135deg,#166534,#0d9488)}.upgrade-btn-elite:not(:disabled):hover{background:linear-gradient(135deg,#0f4f26,#0b7a70)}[data-theme=dark] .upgrade-btn-elite{background:linear-gradient(135deg,#4ade80,#2dd4bf)}[data-theme=dark] .upgrade-btn-elite:not(:disabled):hover{background:linear-gradient(135deg,#6ef09a,#4ecdc4)}.tier-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-sm);font-size:.82rem;margin-bottom:16px}.tier-banner-free{background:var(--accent-soft);border:1px solid var(--accent-soft-strong);color:var(--text-secondary)}.tier-banner-paid{background:var(--surface-card-soft);border:1px solid var(--border-subtle);color:var(--text-secondary)}.tier-banner-text{flex:1}.tier-banner-cta{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--accent);font-weight:600;text-decoration:none;white-space:nowrap}.tier-banner-cta:hover{text-decoration:underline}.tier-banner-celebrate{background:#2d9e6b12;border:1px solid rgba(45,158,107,.22);color:var(--text-secondary)}.tier-banner-celebrate-lead{color:var(--text-strong);font-weight:700}[data-theme=dark] .tier-banner-celebrate{background:#2d9e6b1a;border-color:#2d9e6b47}.preview-locked-callout{margin-top:16px;padding:14px 16px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.preview-locked-headline{font-size:.82rem;font-weight:700;color:var(--accent-strong);margin:0 0 4px;text-transform:uppercase;letter-spacing:.04em}.preview-locked-body{font-size:.86rem;color:var(--text-secondary);margin:0 0 10px}.preview-locked-actions{display:flex;flex-wrap:wrap;gap:8px}.preview-locked-progress{font-size:.82rem;font-weight:600;color:var(--success);margin:0 0 8px}[data-theme=dark] .preview-locked-callout{background:#5b6af01f}.learn-role-chip{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 10px;border-radius:20px;font-size:.78rem;font-weight:600;background:var(--accent-soft);color:var(--accent-strong);border:1px solid var(--accent-soft-strong)}.learn-role-chip--done{background:#2d9e6b1a;color:var(--success);border-color:#2d9e6b40}.learn-path-complete-banner{margin-top:.9rem;padding:.85rem .95rem;border-radius:12px;border:1px solid rgba(45,158,107,.26);background:#2d9e6b17;display:flex;align-items:center;justify-content:space-between;gap:.8rem;color:var(--success-text);font-size:.86rem}[data-theme=dark] .learn-path-complete-banner{color:#9ed5b8;background:#2d9e6b24;border-color:#2d9e6b5c}.learn-index-progress-rail{margin-bottom:1.5rem}.learn-index-empty{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:14px;padding:1rem 1.1rem}.learn-index-empty p{margin:0;color:var(--text-secondary)}.learn-index-empty-actions{margin-top:.75rem;display:flex;gap:.65rem;flex-wrap:wrap}.learn-unlock-cards{display:flex;flex-direction:column;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-subtle)}.learn-unlock-card{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface-card-soft);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.learn-unlock-card--upgrade{border-color:var(--accent-soft-strong);background:var(--accent-soft)}.learn-unlock-card-copy{flex:1;font-size:.84rem;color:var(--text-secondary);margin:0;min-width:140px}.path-card-recommendation-badge{display:inline-block;align-self:flex-start;padding:2px 7px;border-radius:10px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#5b6af01f;color:var(--accent);border:1px solid rgba(91,106,240,.25)}.mock-diff-notice{font-size:.82rem;color:var(--text-secondary);padding:.5rem .75rem;border-radius:var(--radius-sm);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:-1.25rem;margin-bottom:1.5rem}.mock-diff-notice--blocked{background:var(--warning-soft);color:var(--warning);border:1px solid rgba(196,127,23,.25)}.mock-diff-notice--info{background:var(--surface-card-soft);color:var(--text-secondary);border:1px solid var(--border-subtle)}.landing-tier-section{padding:3rem 0 3.5rem;background:var(--surface-card-soft);border-top:1px solid var(--border-subtle)}.landing-tier-inner{max-width:1040px;margin:0 auto;padding:0 24px}.landing-tier-title{font-size:1.2rem;font-weight:700;color:var(--text-strong);margin-bottom:24px;text-align:center}.landing-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.landing-tier-col{padding:20px;border-radius:var(--radius-md);background:var(--surface-card);border:1px solid var(--border-subtle);display:flex;flex-direction:column}.landing-tier-col--featured{border-color:var(--accent-soft-strong);background:var(--accent-soft)}[data-theme=dark] .landing-tier-col--featured{background:color-mix(in srgb,var(--accent) 14%,var(--surface-card));border-color:var(--accent-soft-strong);box-shadow:0 0 0 1px var(--accent-soft-strong)}.landing-tier-col-header{margin-bottom:12px}.landing-tier-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.landing-tier-name{font-size:.9rem;font-weight:700;color:var(--text-strong);text-transform:uppercase;letter-spacing:.06em}.landing-tier-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.landing-tier-list li{font-size:.82rem;color:var(--text-secondary);padding-left:14px;position:relative;line-height:1.4}.landing-tier-list li:before{content:"·";position:absolute;left:4px;color:var(--accent)}@media (max-width: 600px){.landing-tier-grid{grid-template-columns:1fr}}.landing-tier-badge{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-soft-strong);border-radius:20px;padding:2px 8px}.landing-tier-price{display:flex;align-items:baseline;gap:2px;margin:6px 0 14px}.landing-tier-price-amount{font-size:1.9rem;font-weight:800;color:var(--text-strong);line-height:1}.landing-tier-price-period{font-size:.82rem;color:var(--text-secondary)}.landing-tier-cta{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;gap:8px}.landing-tier-current{display:inline-block;font-size:.78rem;font-weight:600;color:var(--success);padding:4px 0}.landing-tier-lifetime-btn{background:transparent!important;color:var(--text-primary)!important;border:1px solid var(--border-strong)!important;box-shadow:none!important;font-size:.78rem!important}.landing-tier-lifetime-btn:not(:disabled):hover{color:var(--text-strong)!important;background:var(--surface-card-soft)!important;border-color:var(--accent)!important;transform:none!important;box-shadow:none!important}.diff-summary{display:flex;gap:.5rem;flex-wrap:wrap;padding:.45rem .75rem;border-bottom:1px solid var(--border-subtle);font-size:.75rem}.diff-summary-item{display:inline-flex;align-items:center;gap:.25rem;padding:.18rem .55rem;border-radius:20px;font-weight:600;letter-spacing:.01em}.diff-summary-mismatch{background:#d94f3d1a;color:var(--danger);border:1px solid rgba(217,79,61,.2)}.diff-summary-extra{background:#c47f171a;color:var(--warning);border:1px solid rgba(196,127,23,.2)}.diff-summary-missing{background:#5b6af014;color:var(--accent);border:1px solid rgba(91,106,240,.18)}.cell-diff-mismatch{background:#d94f3d1f!important;color:var(--danger)!important;font-weight:500}.cell-diff-match{background:#2d9e6b12!important}.cell-diff-extra,.row-diff-extra td{background:#c47f1714!important;opacity:.85}[data-theme=dark] .cell-diff-mismatch{background:#d94f3d2e!important}[data-theme=dark] .cell-diff-match{background:#2d9e6b1f!important}[data-theme=dark] .cell-diff-extra,[data-theme=dark] .row-diff-extra td{background:#c47f171f!important}.hint-stepper{width:100%;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.hint-stepper-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:var(--surface-card-alt, var(--surface-card));border-bottom:1px solid var(--border-subtle)}.hint-stepper-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.hint-stepper-progress{font-size:.72rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.hint-step{padding:.8rem 1rem;border-bottom:1px solid var(--border-subtle)}.hint-step--revealed{animation:hint-reveal .2s ease}@keyframes hint-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.hint-step-meta{display:flex;align-items:center;gap:.45rem;margin-bottom:.45rem}.hint-step-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;flex-shrink:0}.hint-step-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);opacity:.85}.hint-step-content{font-size:.9rem;line-height:1.65;color:var(--text-secondary);margin:0}.hint-reveal-btn{display:flex;align-items:center;gap:.4rem;width:100%;padding:.7rem 1rem;background:transparent;border:none;border-top:1px dashed var(--border-subtle);cursor:pointer;font-size:.84rem;font-weight:500;color:var(--accent);transition:background .15s,color .15s;text-align:left}.hint-reveal-btn:hover{background:#5b6af00f}.hint-reveal-arrow{font-size:.8rem;transition:transform .15s}.hint-reveal-btn:hover .hint-reveal-arrow{transform:translate(3px)}.hint-reveal-solution-cta{border-top:1px solid var(--border-subtle);font-weight:600}.split-divider{width:6px;cursor:col-resize;background:transparent;position:relative;align-self:stretch;border-radius:3px;transition:background .15s;z-index:2}.split-divider:before{content:"";position:absolute;top:4px;right:1px;bottom:4px;left:1px;border-radius:3px;background:var(--border-subtle);transition:background .15s,transform .15s}.split-divider:hover:before,.split-divider--dragging:before{background:var(--accent);transform:scaleX(1.4)}.split-dragging{-webkit-user-select:none;user-select:none;cursor:col-resize}@media (max-width: 900px){.split-divider{display:none}}.editor-history-wrap{position:relative}.history-popover{position:absolute;top:calc(100% + 6px);right:0;width:300px;max-height:220px;overflow-y:auto;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-md, 0 4px 16px rgba(0,0,0,.12));z-index:60;display:flex;flex-direction:column}.history-item{padding:.55rem .75rem;font-size:.75rem;font-family:JetBrains Mono,monospace;color:var(--text-secondary);background:none;border:none;border-bottom:1px solid var(--border-subtle);text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .1s}.history-item:last-child{border-bottom:none}.history-item:hover{background:var(--surface-card-alt, rgba(91,106,240,.06));color:var(--text-strong)}.editor-font-controls{display:flex;align-items:center;gap:1px}.editor-font-controls .editor-expand-btn{font-size:.66rem;letter-spacing:-.02em;min-width:24px}.session-goal-widget{margin:.6rem .75rem .5rem;padding:.65rem .75rem .6rem;background:var(--surface-card-alt, var(--surface-card));border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.78rem}.session-goal-widget--met{border-color:#2d9e6b4d;background:#2d9e6b0d}.session-goal-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem}.session-goal-label{font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.session-goal-controls{display:flex;align-items:center;gap:.35rem}.session-goal-count{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text-strong);min-width:2.5ch;text-align:center}.session-goal-adj{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--border-subtle);background:none;cursor:pointer;font-size:.78rem;line-height:1;color:var(--text-secondary);transition:border-color .12s,color .12s}.session-goal-adj:hover{border-color:var(--accent);color:var(--accent)}.session-goal-bar{height:4px;background:var(--border-subtle);border-radius:2px;overflow:hidden}.session-goal-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}.session-goal-widget--met .session-goal-fill{background:var(--success)}.session-goal-met{margin:.4rem 0 0;font-size:.72rem;color:var(--success);font-weight:500}.shell-pill-focus{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:20px;font-size:.72rem;font-weight:500;text-decoration:none;color:var(--text-secondary);border:1px solid var(--border-subtle);transition:color .15s,border-color .15s,background .15s}.shell-pill-focus:hover{color:var(--text-strong);border-color:var(--accent)}.shell-pill-focus--active{color:var(--accent);border-color:var(--accent);background:#5b6af014}.shortcut-pair{display:inline-flex;gap:.2rem}.landing-upgrade-banner{background:var(--success-soft);color:var(--success);padding:.75rem 1.25rem;font-size:.88rem;text-align:center;border-bottom:1px solid rgba(45,158,107,.15)}[data-theme=dark] .landing-upgrade-banner{color:#c7e8d7}.faq-list{margin:0;padding:0;display:flex;flex-direction:column;gap:0}.faq-item{padding:1.1rem 0;border-bottom:1px solid var(--border-subtle)}.faq-item:first-child{border-top:1px solid var(--border-subtle)}.faq-q{font-size:.9rem;font-weight:600;color:var(--text-strong);margin:0 0 .35rem}.faq-a{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0}.faq-link{color:var(--accent);text-decoration:none;white-space:nowrap}.faq-link:hover{text-decoration:underline}.landing-footer{padding:1.5rem 0;border-top:1px solid var(--border-subtle)}.landing-footer-inner{max-width:1040px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.landing-footer-copy{font-size:.8rem;color:var(--text-muted)}.landing-footer-links{display:flex;gap:1.25rem;flex-wrap:wrap}.landing-footer-links a{font-size:.8rem;color:var(--text-secondary);text-decoration:none}.landing-footer-links a:hover{color:var(--text-strong)}.policy-card{width:min(100%,720px)!important;position:relative}.policy-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:220}.policy-modal{width:min(100%,760px);max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.policy-exit{position:absolute;top:.85rem;right:.85rem;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border-subtle);color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:.75rem;background:var(--surface-card);transition:border-color .15s,color .15s,box-shadow .15s,transform .15s}.policy-exit:hover{color:var(--text-strong);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.policy-exit:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent);color:var(--text-strong)}.policy-body h2{font-size:1rem;font-weight:600;margin:1.5rem 0 .5rem;color:var(--text-strong)}.policy-body p,.policy-body li{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:.4rem 0}.policy-body ul{padding-left:1.25rem}.policy-body a{color:var(--accent);text-decoration:none}.policy-body a:hover{text-decoration:underline}.policy-footer-nav{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle)}.contact-email{font-weight:600}.mock-focus-section{border-top:1px solid var(--border-subtle);padding-top:1rem;margin-top:.25rem}.mock-focus-label{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:500;cursor:pointer;color:var(--text-strong)}.mock-focus-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}.mock-focus-label-sub{color:var(--text-secondary);font-weight:400}.mock-focus-concepts{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.mock-focus-concept-pill{font-size:.72rem;padding:.2rem .6rem;border-radius:99px;border:1px solid var(--border);background:transparent;cursor:pointer;color:var(--text-secondary);transition:all .12s;white-space:nowrap}.mock-focus-concept-pill.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.mock-focus-concept-pill:hover:not(:disabled):not(.selected){border-color:var(--accent);color:var(--accent)}.mock-focus-concept-pill:disabled{opacity:.35;cursor:not-allowed}.mock-focus-hint{font-size:.74rem;color:var(--text-secondary);margin-top:.4rem;width:100%}.mock-focus-fallback-notice{background:color-mix(in srgb,var(--warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--warning) 30%,transparent);border-radius:var(--radius-sm);padding:.5rem .9rem;font-size:.82rem;color:var(--warning);margin-bottom:.75rem}.mock-analytics-panel{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem 1.5rem}.mock-analytics-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.mock-analytics-elite-badge{display:inline-block;font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:#fff;padding:.15rem .5rem;border-radius:4px}.mock-analytics-title{font-size:1rem;font-weight:700;margin:0}.mock-analytics-summary{font-size:.82rem;color:var(--text-secondary);margin:0 0 1rem}.mock-analytics-loading,.mock-analytics-empty{font-size:.85rem;color:var(--text-secondary)}.mock-analytics-stat-row{display:flex;gap:1.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.mock-analytics-stat{display:flex;flex-direction:column;gap:.2rem}.mock-analytics-stat-value{font-size:1.3rem;font-weight:700;color:var(--text-strong);line-height:1}.mock-analytics-stat-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.mock-analytics-sparkline-wrap{margin-bottom:1rem}.mock-analytics-sparkline-label{display:block;font-size:.72rem;color:var(--text-secondary);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.05em}.mock-analytics-sparkline{display:flex;align-items:flex-end;gap:3px;height:40px}.mock-analytics-sparkline-bar{flex:1;min-width:8px;max-width:20px;border-radius:2px 2px 0 0;transition:height .3s ease}.mock-analytics-sparkline-bar.good{background:var(--success)}.mock-analytics-sparkline-bar.mid{background:var(--warning)}.mock-analytics-sparkline-bar.low{background:var(--danger)}.mock-analytics-secondary-row{display:grid;margin-bottom:1rem}.mock-analytics-secondary-card{display:grid;gap:.2rem;padding:.85rem .95rem;border-radius:var(--radius-sm);background:#14291b08;border:1px solid var(--border-subtle)}.mock-analytics-secondary-label{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-weight:700}.mock-analytics-secondary-value{font-size:.98rem;font-weight:700;color:var(--text-strong)}.mock-analytics-secondary-copy{font-size:.82rem;color:var(--text-secondary)}.mock-analytics-concepts{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem}.mock-analytics-concept-row{display:flex;align-items:center;gap:.5rem}.mock-analytics-concept-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;min-width:6rem}.mock-analytics-concept-label.strongest{color:var(--success)}.mock-analytics-concept-label.needswork{color:var(--danger)}.mock-analytics-concept-name{color:var(--text-secondary)}.mock-analytics-concept-acc{font-weight:600;color:var(--text-strong);margin-left:auto}.mock-analytics-track-breakdown{margin-top:.75rem;margin-bottom:1rem}.mock-analytics-track-breakdown-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:.4rem}.mock-analytics-track-rows{display:flex;flex-direction:column;gap:.25rem}.mock-analytics-track-row{display:flex;align-items:center;gap:.75rem;font-size:.82rem;padding:.3rem .6rem;border-radius:var(--radius-sm);background:#14291b08;border:1px solid var(--border-subtle)}.mock-analytics-track-name{font-weight:600;color:var(--text-strong);min-width:10rem}.mock-analytics-track-sessions{color:var(--text-secondary);font-size:.78rem}.mock-analytics-track-score{font-weight:700;color:var(--text-strong);margin-left:auto}.mock-pro-history-panel{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem 1.5rem}.mock-pro-history-header{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.75rem}.mock-pro-history-title{font-size:1rem;font-weight:700;margin:0}.mock-pro-history-count{font-size:.78rem;color:var(--text-secondary)}.mock-pro-history-empty{font-size:.85rem;color:var(--text-secondary);margin:0}.mock-pro-history-body{display:flex;flex-direction:column;gap:.85rem}.mock-pro-history-stat-row{display:flex;gap:1.5rem}.mock-pro-history-stat{display:flex;flex-direction:column;gap:.2rem}.mock-pro-history-stat-value{font-size:1.3rem;font-weight:700;color:var(--text-strong);line-height:1}.mock-pro-history-stat-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.mock-pro-history-last{display:flex;flex-direction:column;gap:.2rem;padding:.7rem .85rem;border-radius:var(--radius-sm);background:#14291b08;border:1px solid var(--border-subtle)}.mock-pro-history-last-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.mock-pro-history-last-detail{font-size:.85rem;color:var(--text-strong);display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.mock-role-pills{display:flex;flex-wrap:wrap;gap:.35rem}.mock-role-pill{font-size:.78rem;font-weight:500;padding:.25rem .75rem;border-radius:99px;border:1px solid var(--border-subtle);background:transparent;cursor:pointer;color:var(--text-secondary);transition:all .12s;white-space:nowrap}.mock-role-pill:hover{border-color:var(--accent);color:var(--accent)}.mock-role-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.mock-track-note{font-size:.82rem;color:var(--text-secondary);padding:.5rem .75rem;border-left:2px solid var(--border);margin-bottom:.25rem}.mock-track-note--info{color:var(--warning);border-left-color:var(--warning)}.mock-focus-locked{opacity:.7}.mock-focus-locked-header{display:flex;align-items:center;gap:.5rem}.mock-focus-locked-check{width:1rem;height:1rem;cursor:not-allowed}.mock-focus-locked-label{font-size:.88rem;font-weight:500;color:var(--text-strong)}.mock-elite-badge-inline{display:inline-block;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:#fff;padding:.12rem .45rem;border-radius:4px;vertical-align:middle}.mock-focus-locked-desc{font-size:.8rem;color:var(--text-secondary);margin:.35rem 0 0 1.5rem}.mock-elite-panel{background:var(--surface-card-soft);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem 1.35rem}.mock-elite-panel-header{display:flex;align-items:center;gap:.65rem}.mock-elite-wordmark{font-size:.6rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0}.mock-elite-panel-title{font-size:.88rem;font-weight:500;margin:0;color:var(--text-secondary);flex:1;letter-spacing:-.01em}.mock-elite-panel-toggle{margin-left:auto;background:none;border:1px solid var(--border-strong);border-radius:99px;color:var(--text-secondary);font-size:.7rem;line-height:1;padding:.22rem .55rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.mock-elite-panel-toggle:hover{background:var(--surface-highlight);border-color:var(--border-strong);color:var(--text-strong)}.mock-elite-panel-body{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--border-subtle)}.mock-elite-features{list-style:none;padding:0;margin:0 0 1rem}.mock-elite-feature{display:grid;grid-template-columns:10.5rem 1fr;gap:.75rem;font-size:.8rem;align-items:baseline;padding:.42rem 0;border-bottom:1px solid var(--border-subtle)}.mock-elite-feature:last-child{border-bottom:none}.mock-elite-feature-name{font-weight:500;color:var(--text-primary);white-space:nowrap}.mock-elite-feature-desc{color:var(--text-muted);line-height:1.45}@media (max-width: 700px){.mock-elite-feature{grid-template-columns:1fr;gap:.2rem;padding:.55rem 0}.mock-elite-feature-name{white-space:normal}}.mock-elite-panel-cta{display:flex;align-items:center;gap:.85rem;margin-top:.15rem}.mock-elite-panel-cta-note{font-size:.78rem;color:var(--text-muted)}.readiness-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .65rem;border-radius:99px;font-size:.78rem;font-weight:600;margin-top:.6rem;border:1px solid transparent}.readiness-badge--strong,.readiness-badge--strong .readiness-badge-score{background:color-mix(in srgb,var(--success) 12%,transparent);border-color:color-mix(in srgb,var(--success) 30%,transparent);color:var(--success)}.readiness-badge--interview-ready,.readiness-badge--interview-ready .readiness-badge-score{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent)}.readiness-badge--getting-there,.readiness-badge--getting-there .readiness-badge-score{background:color-mix(in srgb,var(--warning) 12%,transparent);border-color:color-mix(in srgb,var(--warning) 30%,transparent);color:var(--warning)}.readiness-badge--building,.readiness-badge--early-stage,.readiness-badge--building .readiness-badge-score,.readiness-badge--early-stage .readiness-badge-score{background:var(--surface-raised, rgba(0,0,0,.04));border-color:var(--border-subtle);color:var(--text-secondary)}.readiness-badge-score{font-size:1rem;font-weight:800;line-height:1}.readiness-badge-label{font-size:.72rem;font-weight:500}.readiness-gate-teaser{display:block;font-size:.74rem;color:var(--text-secondary);margin-top:.5rem;background:none;border:none;padding:0;cursor:pointer;text-align:left;width:100%}.readiness-gate-teaser:hover{color:var(--text-strong)}.readiness-teaser-badge{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:1px 7px;margin-left:4px;vertical-align:middle}.readiness-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0873;display:flex;align-items:center;justify-content:center;z-index:200;padding:1.5rem}.readiness-modal{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:460px;padding:1.75rem;position:relative}.readiness-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.readiness-modal-kicker{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 9px;margin-bottom:.45rem}.readiness-modal-title{font-size:1.1rem;font-weight:700;color:var(--text-strong);margin:0}.readiness-modal-close{background:none;border:none;font-size:1.3rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0 .15rem;flex-shrink:0}.readiness-modal-close:hover{color:var(--text-strong)}.readiness-modal-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0 0 1.25rem}.readiness-modal-desc strong{color:var(--text-strong)}.readiness-modal-signals{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding:1rem 1.1rem;background:var(--bg-page);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.readiness-modal-signal{display:flex;align-items:flex-start;gap:.65rem}.readiness-signal-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:.35rem}.readiness-signal-label{display:block;font-size:.83rem;font-weight:600;color:var(--text-strong);margin-bottom:.1rem}.readiness-signal-desc{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.5}.readiness-modal-labels{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.4rem}.readiness-label-chip{font-size:.72rem;font-weight:500;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:999px;padding:2px 10px;background:var(--surface-card-alt)}.readiness-modal-footer{border-top:1px solid var(--border-subtle);padding-top:1.1rem}.readiness-modal-upgrade-copy{font-size:.83rem;color:var(--text-secondary);margin:0 0 .9rem;line-height:1.55}.study-plan-section{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem 2rem;margin-bottom:2rem}.study-plan-section--locked{opacity:.72}.study-plan-header{margin-bottom:1.25rem}.study-plan-badge{display:inline-block;font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:#fff;padding:.15rem .5rem;border-radius:4px;margin-bottom:.35rem}.study-plan-title{font-size:1.05rem;font-weight:700;margin:.2rem 0 .25rem;color:var(--text-strong)}.study-plan-subtitle{font-size:.85rem;color:var(--text-secondary);margin:0}.study-plan-subtitle a{color:var(--accent);text-decoration:none}.study-plan-subtitle a:hover{text-decoration:underline}.study-plan-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.study-plan-step{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-raised, rgba(255,255,255,.02));border-left-width:3px}.study-plan-step--mock_session{border-left-color:var(--accent)}.study-plan-step--concept_drill{border-left-color:var(--warning)}.study-plan-step--learning_path{border-left-color:var(--success)}.study-plan-step--practice_hard{border-left-color:var(--danger)}.study-plan-step-meta{display:flex;flex-direction:column;align-items:center;min-width:2.8rem;text-align:center}.study-plan-step-number{font-size:1.1rem;font-weight:800;color:var(--accent);line-height:1}.study-plan-step-type{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);margin-top:.15rem;white-space:nowrap}.study-plan-step-body{flex:1;min-width:0}.study-plan-step-title{font-size:.9rem;font-weight:600;margin:0 0 .2rem;color:var(--text-strong)}.study-plan-step-desc{font-size:.78rem;color:var(--text-secondary);margin:0;line-height:1.4}.study-plan-step-cta{font-size:.82rem;font-weight:600;color:var(--accent);text-decoration:none;white-space:nowrap;flex-shrink:0}.study-plan-step-cta:hover{text-decoration:underline}@media (max-width: 600px){.study-plan-step{flex-wrap:wrap}.study-plan-step-cta{margin-left:3.8rem;margin-top:.25rem}.study-plan-section{padding:1rem 1.25rem}}.lp-page{min-height:100vh;background:var(--bg-page);color:var(--text-strong)}.lp-inner{max-width:1040px;margin:0 auto;padding:0 24px}.lp-section{padding:100px 0}.lp-section-rule{border-top:1px solid var(--border-subtle, rgba(26,26,24,.08))}[data-theme=dark] .lp-section-rule{border-top-color:#f0eee914}.lp-reveal{opacity:0;transform:translateY(8px);transition:opacity .42s cubic-bezier(.2,.7,.2,1),transform .42s cubic-bezier(.2,.7,.2,1)}.lp-reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.lp-reveal{opacity:1;transform:none;transition:none}}.lp-eyebrow{font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:1.25rem}.lp-section-index{font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:1rem}.lp-section-h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--text-strong);margin:0 0 1rem}.lp-section-sub{font-size:1rem;color:var(--text-secondary);max-width:560px;margin:0}.lp-badge-soon{display:inline-block;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:20px;background:var(--border-subtle, rgba(26,26,24,.06));color:var(--text-secondary);border:1px solid var(--border-subtle, rgba(26,26,24,.12));vertical-align:middle;margin-left:8px}.lp-hero{padding:100px 0 80px}.lp-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.lp-hero-left{min-width:0;max-width:500px}.lp-hero-right{min-width:0}.lp-hero-h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--text-strong);margin:0 0 1.25rem}.lp-hero-sub{font-size:1.05rem;line-height:1.65;color:var(--text-secondary);margin:0 0 2rem;max-width:440px}.lp-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.lp-hero-loggedin{padding:60px 0 40px}.lp-hero-li-copy{font-size:1rem;color:var(--text-secondary);margin:0 0 2rem}.lp-hero-li-cards{display:flex;gap:16px;flex-wrap:wrap}.lp-li-card{flex:1;min-width:160px;max-width:260px;display:flex;flex-direction:column;gap:4px;padding:20px 22px;border-radius:var(--radius-md);border:1px solid var(--border-subtle, rgba(26,26,24,.1));background:var(--surface-card);text-decoration:none;transition:border-color .16s,box-shadow .16s}.lp-li-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #5b6af01a}.lp-li-card--primary{border-color:var(--card-color, var(--accent))}.lp-li-card-eye{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.lp-li-card-title{font-size:.95rem;font-weight:600;color:var(--text-strong)}.lp-li-card-cta{font-size:.82rem;color:var(--accent);margin-top:4px}@property --lp-ide-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes lp-ide-sweep{to{--lp-ide-angle: 360deg}}.lp-ide{background:linear-gradient(#0f2218,#0f2218) padding-box,conic-gradient(from var(--lp-ide-angle),#0F2218 0%,#0F2218 20%,rgba(91,106,240,.85) 31%,rgba(195,215,255,1) 37%,rgba(74,222,128,.75) 44%,#0F2218 55%,#0F2218 100%) border-box;border:1.5px solid transparent;border-radius:var(--radius-lg);overflow:hidden;font-family:JetBrains Mono,monospace;font-size:.82rem;box-shadow:0 0 55px #5b6af01a,0 0 35px #4ade8014,0 16px 56px #0000004d,0 4px 16px #00000024;position:relative;animation:lp-ide-sweep 8s linear infinite}[data-theme=dark] .lp-ide{background:linear-gradient(#080f0a,#080f0a) padding-box,conic-gradient(from var(--lp-ide-angle),#080F0A 0%,#080F0A 20%,rgba(91,106,240,.7) 31%,rgba(195,215,255,.85) 37%,rgba(74,222,128,.6) 44%,#080F0A 55%,#080F0A 100%) border-box}@media (prefers-reduced-motion: reduce){.lp-ide{animation:none}}.lp-ide-chrome{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.lp-ide-dots{display:flex;gap:5px}.lp-ide-dots i{display:block;width:10px;height:10px;border-radius:50%;background:#ffffff26}.lp-ide-fname{flex:1;color:#ffffff80;font-size:.72rem}.lp-ide-badge{font-size:.65rem;padding:2px 8px;border-radius:20px}.lp-ide-body{padding:14px 18px;height:400px;overflow:hidden;transition:opacity .28s ease}.lp-ide-query{margin:0 0 12px;white-space:pre}.lp-ide-query code{color:#c8c0b0;font-family:inherit;font-size:inherit;line-height:1.7}.lp-ide-cursor{display:inline-block;width:2px;height:1.1em;background:var(--accent);vertical-align:text-bottom;animation:lp-blink .9s step-end infinite}@keyframes lp-blink{0%,to{opacity:1}50%{opacity:0}}.lp-ide-running{font-size:.72rem;color:#fff6;padding:6px 0;animation:lp-pulse .6s ease-in-out infinite}@keyframes lp-pulse{0%,to{opacity:.4}50%{opacity:.8}}.lp-ide-result{margin-top:4px}.lp-ide-result table{width:100%;border-collapse:collapse;font-size:.78rem}.lp-ide-result th{text-align:left;color:#ffffff59;font-weight:500;padding:4px 10px 4px 0;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.lp-ide-result td{color:#c8c0b0;padding:5px 10px 5px 0;border-bottom:1px solid rgba(255,255,255,.04);white-space:nowrap}.lp-ide-row--flash td{color:#fff;background:#1665342e}.lp-ide-rowcount{margin:8px 0 0;font-size:.65rem;color:#ffffff47}.lp-ide-nav{display:flex;justify-content:center;align-items:center;gap:7px;padding:9px 14px;border-top:1px solid rgba(255,255,255,.06)}.lp-ide-nav-dot{width:6px;height:6px;border-radius:50%;border:none;background:#fff3;cursor:pointer;padding:0;transition:background .2s,transform .2s;flex-shrink:0}.lp-ide-nav-dot--active{transform:scale(1.35)}.lp-ide-nav-dot:hover:not(.lp-ide-nav-dot--active){background:#ffffff61}.lp-ide-tests{display:flex;flex-direction:column;gap:2px;margin-top:2px;margin-bottom:6px}.lp-ide-test{display:flex;align-items:center;gap:8px;font-size:.74rem;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}.lp-ide-test--pass{color:#4ade80}.lp-ide-test--fail{color:#e06b5a}.lp-ide-test-label{flex:1;color:#ffffff8c;font-family:var(--font-mono);font-size:.72rem}.lp-ide-test-ms{color:#ffffff47;font-size:.67rem}.lp-ide-mcq{margin-top:2px}.lp-ide-mcq-q{font-size:.78rem;color:#ffffffa6;margin:0 0 10px;line-height:1.55}.lp-ide-mcq-opts{display:flex;flex-direction:column;gap:5px}.lp-ide-mcq-opt{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:7px;border:1px solid rgba(255,255,255,.07);font-size:.74rem;color:#fff6;background:#ffffff05}.lp-ide-mcq-letter{font-weight:600;font-size:.68rem;color:#ffffff38;min-width:14px}.lp-ide-mcq-opt--correct{border-color:#4ade8047;background:#4ade800f;color:#ffffffbf}.lp-ide-mcq-opt--correct .lp-ide-mcq-letter{color:#4ade80}.lp-ide-mcq-check{margin-left:auto;color:#4ade80;font-size:.72rem}.lp-thesis-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:3rem}.lp-thesis-col{padding:2rem 2rem 2rem 0;border-right:1px solid var(--border-subtle, rgba(26,26,24,.08))}.lp-thesis-col:last-child{border-right:none;padding-right:0}.lp-thesis-col:not(:first-child){padding-left:2rem}[data-theme=dark] .lp-thesis-col{border-right-color:#f0eee914}.lp-thesis-col-index{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:.75rem}.lp-thesis-col-title{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:var(--text-strong);margin:0 0 .6rem}.lp-thesis-col-copy{font-size:.9rem;line-height:1.65;color:var(--text-secondary);margin:0}.lp-wr-table{display:grid;grid-template-columns:1fr 28px 1fr;gap:0;margin-top:3rem;align-items:start}.lp-wr-divider{width:1px;background:var(--border-subtle, rgba(26,26,24,.12));min-height:100%;margin:0 auto}[data-theme=dark] .lp-wr-divider{background:#f0eee91a}.lp-wr-col-head{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 1.25rem}.lp-wr-row{margin:0 0 1.1rem;font-size:1rem;line-height:1.4}.lp-wr-row--wrong{color:var(--text-secondary);text-decoration:line-through;text-decoration-color:#6b686266}.lp-wr-col--right{padding-left:28px}.lp-wr-row--right{color:var(--text-strong);font-weight:600;opacity:0;transform:translate(-6px);transition:opacity .35s ease,transform .35s ease}.lp-wr-row--right.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.lp-wr-row--right{opacity:1;transform:none;transition:none}}.lp-roles{padding-bottom:80px}.lp-role-tabs{display:flex;gap:0;margin-top:2.5rem;border-bottom:1px solid var(--border-subtle, rgba(26,26,24,.1));overflow-x:auto;scrollbar-width:none}.lp-role-tabs::-webkit-scrollbar{display:none}[data-theme=dark] .lp-role-tabs{border-bottom-color:#f0eee914}.lp-role-tab{padding:10px 20px;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:500;letter-spacing:.04em;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap;transition:color .16s,border-color .22s}.lp-role-tab:hover{color:var(--text-strong)}.lp-role-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.lp-role-panel{margin-top:2.5rem}.lp-role-tagline{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-secondary);margin:0 0 2rem;letter-spacing:.04em}.lp-role-tracks{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.lp-role-track-reveal{display:contents}.lp-role-track{border:1px solid color-mix(in srgb,var(--track-color) 22%,rgba(26,26,24,.08));border-radius:var(--radius-md);padding:18px 20px;background:var(--surface-card);display:flex;flex-direction:column;gap:8px;transition:border-color .18s,box-shadow .18s}.lp-role-track:hover{border-color:color-mix(in srgb,var(--track-color) 55%,rgba(26,26,24,.08));box-shadow:0 4px 18px color-mix(in srgb,var(--track-color) 12%,transparent)}[data-theme=dark] .lp-role-track{border-color:color-mix(in srgb,var(--track-color) 28%,rgba(240,238,233,.05));background:var(--surface-card)}[data-theme=dark] .lp-role-track:hover{border-color:color-mix(in srgb,var(--track-color) 55%,rgba(240,238,233,.05));box-shadow:0 4px 18px color-mix(in srgb,var(--track-color) 18%,transparent)}.lp-role-track-header{display:flex;align-items:center;gap:8px}.lp-role-track-dot{width:7px;height:7px;border-radius:3px;background:var(--track-color);flex-shrink:0}.lp-role-track-name{font-size:.95rem;font-weight:600;color:var(--text-strong)}.lp-role-track-progress{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--success)}.lp-role-track-desc{font-size:.8rem;line-height:1.5;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lp-role-track-footer{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:6px}.lp-role-track-tagline{font-family:JetBrains Mono,monospace;font-size:.58rem;color:var(--track-color);background:color-mix(in srgb,var(--track-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--track-color) 25%,transparent);border-radius:100px;padding:2px 10px;letter-spacing:.05em;text-transform:uppercase;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lp-role-track-cta{font-size:.82rem;font-weight:600;text-decoration:none;transition:opacity .16s;align-self:flex-end}.lp-role-track-cta:hover{opacity:.75}.lp-role-track-cta--soon{font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--text-secondary)}.lp-proof{padding:56px 0}.lp-proof-strip{display:flex;flex-wrap:wrap;gap:0;align-items:stretch}.lp-proof-stat{flex:1;min-width:160px;padding:20px 24px;font-size:.95rem;color:var(--text-secondary);border-right:1px solid var(--border-subtle, rgba(26,26,24,.08));white-space:nowrap}.lp-proof-stat:last-child{border-right:none}.lp-proof-stat strong{font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700;color:var(--text-strong);display:block;margin-bottom:2px}[data-theme=dark] .lp-proof-stat{border-right-color:#f0eee914}.lp-proof-sub{margin:16px 0 0;font-size:.82rem;color:var(--text-secondary);opacity:.7}.lp-tracks-editorial{font-size:.875rem;color:var(--text-secondary);max-width:600px;margin:.9rem 0 0;line-height:1.65;padding:11px 15px;background:color-mix(in srgb,var(--accent) 6%,transparent);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.lp-tracks-editorial-n{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600;color:var(--accent);letter-spacing:-.02em}.lp-tracks-list{display:flex;flex-direction:column;gap:0;margin-top:2.5rem}.lp-track-row{display:grid;grid-template-columns:14px 1fr auto 88px;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--border-subtle, rgba(26,26,24,.06));transition:background .16s}[data-theme=dark] .lp-track-row{border-bottom-color:#f0eee90f}.lp-track-row:last-child{border-bottom:none}.lp-track-row:hover{background:var(--surface-card);margin:0 -16px;padding:20px 16px;border-radius:var(--radius-sm)}.lp-track-row--soon{opacity:.7}.lp-track-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.lp-track-info{min-width:0}.lp-track-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.lp-track-name{font-size:1rem;font-weight:600;color:var(--text-strong)}.lp-track-desc{font-size:.82rem;line-height:1.45;color:var(--text-secondary);margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lp-track-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap}.lp-track-count{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;color:var(--text-strong)}.lp-track-format{font-family:JetBrains Mono,monospace;font-size:.62rem;color:var(--text-secondary)}.lp-track-enter{font-size:.85rem;font-weight:600;color:var(--row-color, var(--accent));text-decoration:none;text-align:right;white-space:nowrap;transition:opacity .16s}.lp-track-enter:hover{opacity:.7}.lp-track-enter--soon{font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--text-secondary);opacity:.5}.lp-paths-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:2rem}.lp-closer{padding:80px 0;text-align:center}.lp-closer-inner{display:flex;flex-direction:column;align-items:center;gap:2rem}.lp-closer-line{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;letter-spacing:-.03em;color:var(--text-strong);margin:0}@media (max-width: 900px){.lp-section{padding:72px 0}.lp-hero{padding:72px 0 56px}.lp-hero-inner{grid-template-columns:1fr}.lp-hero-right{display:none}.lp-thesis-cols{grid-template-columns:1fr}.lp-thesis-col{border-right:none;border-bottom:1px solid var(--border-subtle, rgba(26,26,24,.08));padding:1.5rem 0}.lp-thesis-col:last-child{border-bottom:none}[data-theme=dark] .lp-thesis-col{border-bottom-color:#f0eee914}.lp-wr-table{grid-template-columns:1fr}.lp-wr-divider{display:none}.lp-wr-col--right{padding-left:0;margin-top:2rem}.lp-track-row{grid-template-columns:10px 1fr 60px}.lp-track-meta{display:none}.lp-track-row:hover{margin:0;padding:20px 0;border-radius:0;background:none}.lp-proof-stat{min-width:120px;padding:14px 16px;font-size:.85rem}.lp-proof-stat strong{font-size:1.15rem}.lp-hero-li-cards{flex-direction:column}.lp-li-card{max-width:100%}.lp-paths-header{flex-direction:column}}.sample-hub{padding:56px 0 80px}.sample-hub-header{max-width:720px;margin:0 auto 48px;text-align:center}.sample-hub-title{font-family:Bricolage Grotesque,Inter,sans-serif;font-size:clamp(1.7rem,3.6vw,2.6rem);font-weight:700;letter-spacing:-.03em;color:var(--text-strong);margin:.5rem 0 .75rem}.sample-hub-sub{font-size:1rem;line-height:1.55;color:var(--text-secondary);margin:0}.sample-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:56px}.sample-hub-card{display:flex;flex-direction:column;gap:14px;background:var(--surface-card);border:1px solid var(--border-subtle, rgba(26,26,24,.08));border-radius:var(--radius-md);padding:22px 22px 20px;transition:border-color .16s,box-shadow .16s,transform .16s}[data-theme=dark] .sample-hub-card{border-color:#f0eee914}.sample-hub-card:hover{border-color:var(--track-color, var(--accent));box-shadow:0 6px 20px #0000000f}.sample-hub-card-header{display:flex;align-items:center;gap:10px}.sample-hub-card-name{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--text-strong);margin:0}.sample-hub-card-desc{font-size:.85rem;line-height:1.5;color:var(--text-secondary);margin:0;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sample-hub-diffs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.sample-hub-diff-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;background:var(--surface-base, var(--bg-primary));border:1px solid var(--border-subtle, rgba(26,26,24,.08));border-radius:var(--radius-sm);text-decoration:none;transition:background .14s,border-color .14s,transform .14s}[data-theme=dark] .sample-hub-diff-btn{border-color:#f0eee91a}.sample-hub-diff-btn:hover{background:var(--surface-card);border-color:var(--track-color, var(--accent));transform:translateY(-1px)}.sample-hub-diff-btn.is-done{background:color-mix(in srgb,var(--track-color, var(--accent)) 8%,transparent);border-color:color-mix(in srgb,var(--track-color, var(--accent)) 30%,transparent)}.sample-hub-diff-label{font-size:.85rem;font-weight:600;color:var(--text-strong)}.sample-hub-diff-meta{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-secondary)}.sample-hub-diff-meta--ghost{opacity:.65}.sample-hub-footer{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:32px;border-top:1px solid var(--border-subtle, rgba(26,26,24,.06));text-align:center}[data-theme=dark] .sample-hub-footer{border-top-color:#f0eee90f}.sample-hub-foot-copy{max-width:560px;font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.55}.sample-hub-foot-link{color:var(--accent);text-decoration:none;font-weight:600}.sample-hub-foot-link:hover{text-decoration:underline}.sample-hub-foot-actions{display:flex;gap:12px}@media (max-width: 900px){.sample-hub-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.sample-hub-grid{grid-template-columns:1fr}.sample-hub{padding:40px 0 64px}}.sample-switcher{display:inline-flex;align-items:center;gap:10px}.sample-switcher-track{font-family:inherit;font-size:.85rem;font-weight:600;color:var(--text-strong);background:var(--surface-card);border:1px solid var(--border-subtle, rgba(26,26,24,.1));border-radius:var(--radius-sm);padding:6px 10px;cursor:pointer;transition:border-color .14s}[data-theme=dark] .sample-switcher-track{border-color:#f0eee91f}.sample-switcher-track:hover{border-color:var(--accent)}.sample-switcher-diffs{display:inline-flex;background:var(--surface-card);border:1px solid var(--border-subtle, rgba(26,26,24,.1));border-radius:var(--radius-sm);padding:2px}[data-theme=dark] .sample-switcher-diffs{border-color:#f0eee91f}.sample-switcher-diff{font-size:.75rem;font-weight:600;padding:5px 10px;border-radius:calc(var(--radius-sm) - 2px);text-decoration:none;color:var(--text-secondary);transition:background .12s,color .12s}.sample-switcher-diff:hover{color:var(--text-strong)}.sample-switcher-diff.is-active{background:var(--accent);color:var(--accent-on-color, #fff)}@media (max-width: 640px){.sample-switcher{gap:6px}.sample-switcher-diff{padding:4px 7px;font-size:.7rem}}.lp-track-actions{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.lp-track-sample{font-family:JetBrains Mono,monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);text-decoration:none;transition:color .14s;white-space:nowrap}.lp-track-sample:hover{color:var(--row-color, var(--accent))}@media (max-width: 900px){.lp-track-sample{display:none}}