.track-hub-screen{max-width:900px;padding-top:.5rem;padding-bottom:6.25rem}.hub-back{display:inline-flex;align-items:center;gap:.35rem;margin:0 0 .7rem;padding:.25rem 0;color:var(--text-muted);font-size:.9rem}.hub-hero{border:2px solid #344256;border-top:3px solid var(--accent);background:var(--bg-elevated);padding:1rem .9rem .85rem;margin-bottom:1rem}.hub-hero-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.95rem}.hub-regulation,.hub-terminal,.hub-meta span{display:inline-flex;align-items:center;min-height:1.8rem;padding:.25rem .45rem;background:#344256;color:var(--text);font-size:.68rem;font-weight:800;letter-spacing:.04em;line-height:1.2}.hub-terminal{background:transparent;border:2px solid var(--accent);color:var(--accent);text-align:center}.hub-terminal.is-free{border-color:var(--text-muted);color:var(--text-muted)}.hub-eyebrow{margin-bottom:.1rem;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.14em}.hub-hero h1{color:var(--text);font-size:clamp(1.05rem,4.4vw,1.65rem);font-weight:850;line-height:1.15;letter-spacing:-.025em;margin-bottom:.85rem}.hub-meta{display:flex;flex-wrap:wrap;gap:.3rem}.hub-meta span{min-height:0;font-size:.66rem;font-weight:750;letter-spacing:.045em}.hub-section-title{padding:.65rem 0 .55rem;border-top:3px solid #344256;margin:0 0 .65rem;color:var(--text);font-size:.95rem;font-weight:850;letter-spacing:.07em;line-height:1.25}.hub-performance{margin-bottom:1rem}.hub-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;background:var(--bg-elevated);border:2px solid #344256;padding:.75rem .35rem}.hub-stat{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:.1rem .35rem;border-right:2px solid #344256}.hub-stat:last-child{border-right:0}.hub-stat strong{display:block;margin-bottom:.15rem;color:var(--text);font-size:clamp(1.15rem,5vw,1.75rem);font-weight:850;line-height:1.1;overflow-wrap:anywhere}.hub-stat span{color:var(--text-muted);font-size:clamp(.52rem,2.15vw,.68rem);font-weight:800;letter-spacing:.045em;line-height:1.45;overflow-wrap:anywhere}.hub-modes{margin-bottom:.75rem}.hub-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.hub-mode-card{--mode-accent: var(--accent);display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:215px;padding:.7rem;border:2px solid #344256;border-top:3px solid var(--mode-accent);border-radius:2px;background:var(--bg-elevated);color:var(--text);text-align:left;overflow-wrap:anywhere;transition:border-color .15s,background .15s,transform .1s;-webkit-tap-highlight-color:transparent}.hub-mode-card:active{transform:scale(.99)}.hub-mode-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hub-mode-card.hub-mode-free{--mode-accent: #e2e8f0;border-top-color:#e2e8f0}.hub-mode-card.is-locked{--mode-accent: var(--accent)}.hub-mode-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.35rem;min-height:2.4rem;margin-bottom:.7rem}.hub-mode-icon{display:inline-flex;flex:0 0 2rem;width:2rem;height:2rem;align-items:center;justify-content:center;border:2px solid color-mix(in srgb,var(--mode-accent) 45%,transparent);background:color-mix(in srgb,var(--mode-accent) 12%,transparent);color:var(--mode-accent);font-size:1.15rem;font-weight:800}.hub-mode-badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.8rem;max-width:68%;padding:.25rem .35rem;border:2px solid var(--mode-accent);color:var(--mode-accent);font-size:clamp(.54rem,2.1vw,.72rem);font-weight:750;line-height:1.2;text-align:center}.hub-mode-badge.badge-muted{border-color:var(--text-muted);color:var(--text-muted)}.hub-mode-card h3{margin:0 0 .35rem;color:var(--text);font-size:clamp(.78rem,3vw,1rem);font-weight:850;line-height:1.25}.hub-mode-card p{color:var(--text-muted);font-size:clamp(.68rem,2.5vw,.82rem);font-weight:600;line-height:1.4;margin:0}.hub-mode-action{display:flex;align-items:center;justify-content:space-between;gap:.25rem;margin-top:auto;padding-top:1rem;color:var(--mode-accent);font-size:clamp(.62rem,2.4vw,.78rem);font-weight:800;letter-spacing:.02em}.hub-activate{width:100%;margin:.35rem 0 .75rem;border-radius:2px;min-height:3rem;font-weight:850}@media(min-width:600px){.track-hub-screen{padding:1rem 1rem 6rem}.hub-hero{padding:1.25rem 1.2rem 1rem}.hub-mode-grid{gap:.85rem}.hub-mode-card{min-height:230px;padding:1rem}.hub-mode-card h3{font-size:1.05rem}.hub-mode-card p{font-size:.85rem}}@media(max-width:350px){.hub-stats{padding-inline:.15rem}.hub-stat{padding-inline:.2rem}.hub-mode-grid{gap:.45rem}.hub-mode-card{min-height:225px;padding:.55rem}}.track-hub-screen .hub-hero,.track-hub-screen .hub-stats,.track-hub-screen .hub-mode-card{border-radius:16px}.track-hub-screen .hub-mode-card{border-top-width:2px}.track-hub-screen .hub-regulation,.track-hub-screen .hub-terminal,.track-hub-screen .hub-meta span,.track-hub-screen .hub-mode-icon,.track-hub-screen .hub-mode-badge{border-radius:8px}.track-hub-screen .hub-mode-icon{border-width:0}.track-hub-screen .hub-activate{border-radius:12px}:root,[data-theme=dark]{--bg: #0b1220;--bg-card: #151d2e;--bg-elevated: #1c2740;--bg-header: #0f1729;--text: #f1f5f9;--text-muted: #8b9bb4;--accent: #22c55e;--accent-dim: #16a34a;--accent-soft: rgba(34, 197, 94, .14);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--border: #2a3548;--btn-primary-text: #04110a;--radius: 12px;--streak-empty: #1e293b;color-scheme:dark}[data-theme=light]{--bg: #eef2f6;--bg-card: #ffffff;--bg-elevated: #f1f5f9;--bg-header: #ffffff;--text: #0f172a;--text-muted: #64748b;--accent: #15803d;--accent-dim: #166534;--accent-soft: rgba(21, 128, 61, .1);--success: #16a34a;--warning: #d97706;--danger: #dc2626;--border: #d0d7e2;--btn-primary-text: #ffffff;--streak-empty: #e2e8f0;color-scheme:light}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{min-height:100vh;background:var(--bg);color:var(--text);transition:background-color .2s ease,color .2s ease}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:var(--accent);text-decoration:none}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;font-size:.95rem;transition:background .15s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--btn-primary-text)}.btn-primary:hover{background:var(--accent-dim)}.btn-outline{border:1px solid var(--border);color:var(--text)}.btn-outline:hover{background:var(--bg-elevated)}.btn-danger{background:var(--danger);color:#fff}.input{width:100%;padding:.85rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:1rem}.input:focus{outline:2px solid var(--accent);outline-offset:1px}.screen{min-height:100%;padding:.75rem .75rem 5.5rem;width:100%;max-width:720px;margin:0 auto}@media(min-width:480px){.screen{padding:1rem 1rem 5rem}}.page-title{font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:1.25rem}.theme-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:.8rem;font-weight:600;cursor:pointer}.theme-toggle:hover{background:var(--bg-elevated)}.dash-header{background:var(--bg-header);border-bottom:1px solid var(--border);padding:.85rem .75rem .75rem;margin:-.75rem -.75rem .85rem}@media(min-width:480px){.dash-header{padding:1rem 1rem .85rem;margin:-1rem -1rem 1rem}}.dash-header h1{font-size:clamp(.95rem,4.2vw,1.15rem);font-weight:800;letter-spacing:.02em;text-transform:uppercase;line-height:1.2}.dash-header .sub{font-size:clamp(.62rem,2.8vw,.72rem);font-weight:600;color:var(--accent);letter-spacing:.04em;margin-top:2px}.badge-verified{font-size:.55rem;font-weight:700;letter-spacing:.04em;padding:.15rem .3rem;border-radius:4px;border:1.5px solid var(--accent);color:var(--accent);white-space:nowrap;flex-shrink:0}@media(min-width:400px){.badge-verified{font-size:.62rem;padding:.2rem .4rem}}.track-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem;width:100%;box-sizing:border-box}@media(min-width:400px){.track-grid{gap:.65rem}}@media(min-width:560px){.track-grid{gap:.85rem}}.track-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:.65rem;text-align:left;color:var(--text);display:flex;flex-direction:column;min-width:0;max-width:100%;width:100%;min-height:0;box-sizing:border-box;cursor:pointer;transition:border-color .15s,background .15s;-webkit-tap-highlight-color:transparent;outline:none;overflow:hidden}@media(min-width:400px){.track-card{padding:.8rem}}@media(min-width:560px){.track-card{padding:.9rem;min-height:168px}}@media(hover:hover)and (pointer:fine){.track-card:hover{border-color:var(--accent)}}.track-card:focus-visible{border-color:var(--accent)}.track-card .qcount{font-size:1.35rem;font-weight:800;color:var(--accent);line-height:1.1;margin:.3rem 0 .1rem}@media(min-width:480px){.track-card .qcount{font-size:1.65rem;margin:.35rem 0 .15rem}}.track-card .track-title{font-weight:800;font-size:.78rem;margin-top:8px;letter-spacing:.02em;line-height:1.25}@media(min-width:480px){.track-card .track-title{font-size:.88rem;margin-top:10px}}.track-card .track-reg,.track-card .track-meta{font-size:.62rem;color:var(--text-muted);font-weight:600;line-height:1.3}@media(min-width:480px){.track-card .track-reg,.track-card .track-meta{font-size:.68rem}}.drawer-backdrop{position:fixed;inset:0;background:#00000073;z-index:200;opacity:1;animation:drawer-backdrop-in .26s cubic-bezier(.22,1,.36,1) both;will-change:opacity}.drawer-panel{position:fixed;top:0;left:0;bottom:0;width:min(300px,86vw);background:var(--bg-card);border-right:1px solid var(--border);z-index:210;display:flex;flex-direction:column;padding:1rem .75rem;overflow-y:auto;box-shadow:4px 0 24px #00000040;transform:translate(0);animation:drawer-panel-in .3s cubic-bezier(.22,1,.36,1) both;will-change:transform}.drawer-backdrop.closing{animation:drawer-backdrop-out .24s ease-in both;pointer-events:none}.drawer-panel.closing{animation:drawer-panel-out .26s cubic-bezier(.4,0,1,1) both;pointer-events:none}@keyframes drawer-panel-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawer-panel-out{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes drawer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-backdrop-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.drawer-backdrop,.drawer-panel,.drawer-backdrop.closing,.drawer-panel.closing{animation-duration:1ms!important}}.drawer-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .75rem;border-radius:10px;color:var(--text);font-size:.9rem;font-weight:600;width:100%;text-align:left}.drawer-item:hover,.drawer-item.active{background:var(--accent-soft);color:var(--accent)}.drawer-section{font-size:.7rem;font-weight:700;letter-spacing:.06em;color:var(--text-muted);padding:.85rem .75rem .35rem;text-transform:uppercase}:root{--motion-fast: .14s;--motion-medium: .22s;--motion-ease: cubic-bezier(.2, .75, .25, 1)}@media(prefers-reduced-motion:no-preference){.route-transition{animation:page-enter .24s var(--motion-ease) both}@keyframes page-enter{0%{opacity:.72;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.drawer-backdrop{animation:backdrop-enter .18s ease-out both}.drawer-panel{animation:drawer-enter .23s var(--motion-ease) both;will-change:transform}@keyframes drawer-enter{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}}button,a,[role=button],.track-card,.drawer-item{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,a,[role=button],.track-card,.drawer-item{transition:color var(--motion-fast) ease,background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,transform var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) ease}button:active,a:active,[role=button]:active,.track-card:active,.drawer-item:active{transform:scale(.985)}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(min-width:900px){.screen{width:min(100% - 4rem,1320px);max-width:1320px;padding:1.75rem 0 2.5rem;margin-left:auto;margin-right:auto}.screen[style*="padding-top: 0"]{padding-top:0}.dash-header{padding:1.25rem 1.5rem 1rem;margin:0 0 1.5rem;border:1px solid var(--border);border-radius:0 0 14px 14px}.dash-header h1{font-size:1.3rem}.track-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem!important;align-items:stretch}.track-card{padding:1.25rem;min-height:210px}.track-card .track-title{font-size:1rem}.track-card .track-reg,.track-card .track-meta{font-size:.76rem}.track-card .qcount{font-size:2rem;margin:.6rem 0 .25rem}.app-bottom-nav{position:sticky!important;top:0;bottom:auto!important;left:auto!important;right:auto!important;width:100%;min-height:64px;justify-content:center!important;gap:clamp(1rem,3vw,3.5rem);padding:.75rem 2rem!important;border-top:0;border-bottom:1px solid var(--border);box-shadow:0 8px 24px #0000001f;order:-1}.app-bottom-nav a{flex-direction:row!important;gap:.55rem!important;min-width:auto!important;padding:.6rem .85rem;border-radius:9px;font-size:.85rem!important;font-weight:700}.app-bottom-nav a.active{background:var(--accent-soft)}.app-bottom-nav a span{font-size:1.1rem!important}.app-bottom-nav>div{margin-left:auto}.card{padding:1.25rem}}@media(min-width:600px)and (max-width:899px){.screen{max-width:900px;padding:1.25rem 1.25rem 6rem}.track-grid{gap:.85rem!important}.track-card{padding:1rem}}@media(min-width:1400px){.track-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.25rem!important}}@media(max-width:599px){.app-bottom-nav{position:fixed}}@media(min-width:900px){.screen:has(.dash-header){display:grid;grid-template-columns:minmax(0,1fr);align-content:start}.screen:has(.dash-header)>.card{border-radius:0;border-width:1px;box-shadow:none}.screen:has(.dash-header) .track-card{border-radius:0;border-top-width:2px;min-height:290px}.screen:has(.dash-header) .track-card .track-title{line-height:1.35}.screen:has(.dash-header) .dash-header{border-radius:0}}@media(min-width:1200px){.screen:has(.dash-header){max-width:1440px}.screen:has(.dash-header) .track-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.25rem!important}}@media(min-width:1600px){.screen:has(.dash-header){max-width:1560px}.screen:has(.dash-header) .track-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.5rem!important}}[data-theme=light] .track-hub-screen .hub-hero,[data-theme=light] .track-hub-screen .hub-stats,[data-theme=light] .track-hub-screen .hub-mode-card{background:var(--bg-card);border-color:var(--border)}[data-theme=light] .track-hub-screen .hub-regulation,[data-theme=light] .track-hub-screen .hub-meta span{background:#e2e8f0;color:#334155}[data-theme=light] .track-hub-screen .hub-section-title,[data-theme=light] .track-hub-screen .hub-stat,[data-theme=light] .track-hub-screen .hub-mode-card{border-color:var(--border)}[data-theme=light] .track-hub-screen .hub-mode-card.hub-mode-free{--mode-accent: #64748b;border-top-color:#64748b}[data-theme=light] .track-hub-screen .hub-mode-icon{background:var(--accent-soft)}[data-theme=light] .track-hub-screen .hub-mode-card h3,[data-theme=light] .track-hub-screen .hub-hero h1{color:var(--text)}[data-theme=light] .screen:has(input[type=range]){color:var(--text)!important}[data-theme=light] .screen:has(input[type=range])>div,[data-theme=light] .screen:has(input[type=range]) section{background:var(--bg-card)!important;border-color:var(--border)!important;color:var(--text)!important}[data-theme=light] .screen:has(input[type=range]) section:first-of-type{background:var(--bg-elevated)!important}[data-theme=light] .screen:has(input[type=range]) select,[data-theme=light] .screen:has(input[type=range]) input[type=number]{background:var(--bg-elevated)!important;color:var(--text)!important;border-color:var(--border)!important}[data-theme=light] .screen:has(input[type=range]) button[role=switch],[data-theme=light] .screen:has(input[type=range]) section button{color:var(--text)!important}[data-theme=light] .screen:has(input[type=range]) section button[style*="background: rgb(34, 197, 94)"],[data-theme=light] .screen:has(input[type=range])>button:last-child{color:#fff!important}[data-theme=light] .screen:has(h2) .card,[data-theme=light] .screen:has(h2) button.card{background:var(--bg-card)!important;color:var(--text)!important;border-color:var(--border)!important}[data-theme=light] .screen:has(h2) button.card strong{color:var(--text)!important}[data-theme=light] .screen:has(input[type=range]) [style*="color: rgb(148, 163, 184)"],[data-theme=light] .screen:has(input[type=range]) [style*="color: #94a3b8"],[data-theme=light] .screen:has(input[type=range]) [style*="color: rgb(203, 213, 225)"]{color:var(--text-muted)!important}[data-theme=light] .screen:has(input[type=range]) [style*="background: rgb(51, 65, 85)"]{background:var(--bg-elevated)!important;color:var(--text)!important}[data-theme=light] .screen:has(input[type=range]) h1,[data-theme=light] .screen:has(input[type=range]) h2,[data-theme=light] .screen:has(input[type=range]) strong{color:var(--text)!important}[data-theme=light] .screen:has(h2) button.card span[style*="color: rgb(148, 163, 184)"]{color:var(--text-muted)!important}.desktop-menu-button,.desktop-contact-link{display:none}.app-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.7rem;text-decoration:none;min-width:52px}.app-bottom-nav a span{font-size:1.25rem}.nav-theme-toggle{display:flex;align-items:center;justify-content:center;min-width:52px}.facebook-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;color:#fff;background:#1877f2;font-weight:900;font-family:Arial,sans-serif;font-size:1.2rem}.exit-dialog-backdrop{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:1rem;background:#020617b8}.exit-dialog{width:min(100%,440px);padding:1.4rem;background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-top:3px solid var(--accent);box-shadow:0 24px 80px #0000004d}.exit-dialog h2{font-size:1.25rem;margin-bottom:.5rem}.exit-dialog p{color:var(--text-muted);line-height:1.55}@media(min-width:900px){.app-bottom-nav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;position:sticky!important;top:0;bottom:auto!important;left:auto!important;right:auto!important;width:100%;min-height:68px;justify-content:flex-start!important;gap:.5rem;padding:.65rem clamp(1.25rem,3vw,3rem)!important;border-top:0;border-bottom:1px solid var(--border);box-shadow:0 8px 24px #0000001a;order:-1}.desktop-menu-button{flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-right:.5rem;color:var(--text);border:1px solid var(--border);background:var(--bg-elevated);font-size:1.35rem}.app-bottom-nav a{flex-direction:row!important;gap:.55rem!important;min-width:auto!important;padding:.65rem .85rem;border-radius:9px;font-size:.9rem!important;font-weight:700;color:var(--text-muted)}.app-bottom-nav a span{font-size:1.1rem!important}.app-bottom-nav a.active{background:var(--accent-soft);color:var(--accent)}.app-bottom-nav a[href="/practice"]{display:none!important}.desktop-contact-link{display:inline-flex!important;align-items:center;gap:.55rem;padding:.65rem .85rem;margin-left:0;color:var(--text-muted);font-weight:800}.nav-theme-toggle{margin-left:auto;flex:0 0 auto}.app-bottom-nav .desktop-contact-link{margin-left:0}.drawer-panel{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(300px,86vw)!important;height:100dvh!important;z-index:210!important;flex-direction:column!important;align-items:stretch!important}.drawer-backdrop{position:fixed!important;inset:0!important;z-index:200!important}}@media(max-width:899px){.desktop-menu-button,.desktop-contact-link{display:none!important}}[data-theme=light] .track-hub-screen .hub-hero{background:var(--bg-card)!important}[data-theme=light] .track-hub-screen .hub-hero p,[data-theme=light] .track-hub-screen .hub-mode-card p{color:var(--text-muted)!important}[data-theme=light] .screen:has(h2)>.card:first-of-type{background:var(--bg-card)!important;color:var(--text)!important}[data-theme=light] .screen:has(h2)>.card:first-of-type p{color:var(--text-muted)!important}[data-theme=light] .screen:has(input[type=range]) div[style*=linear-gradient]{background:var(--bg-elevated)!important}[data-theme=light] .screen:has(input[type=range]) [style*="#f8fafc"],[data-theme=light] .screen:has(input[type=range]) [style*="#f1f5f9"],[data-theme=light] .screen:has(input[type=range]) [style*="#cbd5e1"]{color:var(--text)!important}[data-theme=light] .screen:has(input[type=range]) [style*="#1e293b"],[data-theme=light] .screen:has(input[type=range]) [style*="#172b31"],[data-theme=light] .screen:has(input[type=range]) [style*="#17252d"],[data-theme=light] .screen:has(input[type=range]) [style*="#0f172a"],[data-theme=light] .screen:has(input[type=range]) [style*="#334155"]{background:var(--bg-elevated)!important}[data-theme=light] .screen:has(input[type=range]) [style*="#94a3b8"]{color:var(--text-muted)!important}[data-theme=light] .screen:has(input[type=range]) [style*="#22c55e"],[data-theme=light] .screen:has(input[type=range]) [style*="#00e5a0"]{color:var(--accent)!important}[data-theme=light] .screen:has(input[type=range]) button[style*="background: rgb(74, 222, 128)"],[data-theme=light] .screen:has(input[type=range]) button[style*="#4ade80"]{background:var(--accent)!important;color:#fff!important}@media(min-width:900px){.app-bottom-nav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;position:sticky!important;inset:0 auto auto!important;width:100%!important;min-height:68px!important;padding:.65rem clamp(1.25rem,3vw,3rem)!important;gap:.5rem!important;background:var(--bg-card)!important;border:0!important;border-bottom:1px solid var(--border)!important;z-index:150!important;order:-1!important}.app-bottom-nav .desktop-menu-button{display:inline-flex!important;flex:0 0 42px!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;margin:0 .5rem 0 0!important;border:1px solid var(--border)!important;border-radius:8px!important;background:var(--bg-elevated)!important;color:var(--text)!important;font-size:1.35rem!important}.app-bottom-nav>a:not(.desktop-contact-link){display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:.55rem!important;min-width:auto!important;padding:.65rem .85rem!important;border-radius:9px!important;color:var(--text-muted)!important;font-size:.9rem!important;font-weight:700!important;white-space:nowrap!important}.app-bottom-nav>a.active{background:var(--accent-soft)!important;color:var(--accent)!important}.app-bottom-nav>a[href="/practice"]{display:none!important}.app-bottom-nav>.desktop-contact-link{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:.55rem!important;margin-left:0!important;padding:.65rem .85rem!important;color:var(--text-muted)!important;font-size:.9rem!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap!important}.app-bottom-nav .nav-theme-toggle{display:flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;flex:0 0 auto!important}}[data-theme=light] .practice-competence-screen,[data-theme=light] .practice-config-screen{color:var(--text)!important}[data-theme=light] .practice-competence-screen .card,[data-theme=light] .practice-competence-screen button.card{background:var(--bg-card)!important;color:var(--text)!important;border-color:var(--border)!important}[data-theme=light] .practice-competence-screen button.card strong,[data-theme=light] .practice-competence-screen h1,[data-theme=light] .practice-competence-screen h2{color:var(--text)!important}[data-theme=light] .practice-competence-screen button.card span[style*=color]{color:var(--text-muted)!important}[data-theme=light] .practice-competence-screen button.card>span:first-child{background:var(--accent-soft)!important;color:var(--accent)!important}[data-theme=light] .practice-competence-screen>.card:first-of-type{background:var(--bg-card)!important;border-color:var(--border)!important;border-top-color:var(--accent)!important}[data-theme=light] .practice-competence-screen>.card:first-of-type p{color:var(--text-muted)!important}[data-theme=light] .practice-config-screen>section,[data-theme=light] .practice-config-screen>div,[data-theme=light] .practice-config-screen section{background-color:var(--bg-card)!important;color:var(--text)!important;border-color:var(--border)!important}[data-theme=light] .practice-config-screen section[style*=linear-gradient],[data-theme=light] .practice-config-screen>div[style*=linear-gradient]{background:var(--bg-elevated)!important}[data-theme=light] .practice-config-screen h1,[data-theme=light] .practice-config-screen h2,[data-theme=light] .practice-config-screen strong,[data-theme=light] .practice-config-screen section div{color:var(--text)!important}[data-theme=light] .practice-config-screen p,[data-theme=light] .practice-config-screen label,[data-theme=light] .practice-config-screen section span,[data-theme=light] .practice-config-screen section div[style*=color]{color:var(--text-muted)!important}[data-theme=light] .practice-config-screen select,[data-theme=light] .practice-config-screen input[type=number],[data-theme=light] .practice-config-screen button:not([role=switch]){background-color:var(--bg-elevated);color:var(--text);border-color:var(--border)}[data-theme=light] .practice-config-screen button[role=switch]{color:#fff!important}[data-theme=light] .practice-config-screen button[style*="background: rgb(34, 197, 94)"],[data-theme=light] .practice-config-screen button[style*="#22c55e"]{background-color:var(--accent)!important;color:#fff!important}[data-theme=light] .screen:has(input[type=range]) button[role=switch][aria-checked=false]{background:#f8fafc!important;color:#334155!important;border:1px solid #cbd5e1!important;box-shadow:inset 0 1px 2px #0f172a0d}[data-theme=light] .screen:has(input[type=range]) button[role=switch][aria-checked=true]{background:var(--accent)!important;color:#fff!important;border:1px solid var(--accent)!important}@media(max-width:899px){.drawer-backdrop{position:fixed!important;inset:0!important;z-index:1000!important;background:#0206179e!important}.drawer-panel{position:fixed!important;inset:0 auto 0 0!important;width:min(320px,88vw)!important;max-width:88vw!important;height:100vh!important;height:100dvh!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;overflow-x:hidden!important;overflow-y:auto!important;padding:calc(1rem + env(safe-area-inset-top)) .75rem calc(1rem + env(safe-area-inset-bottom))!important;z-index:1001!important;background:var(--bg-card)!important;color:var(--text)!important}.drawer-panel .drawer-item{flex:0 0 auto!important;width:100%!important;min-height:44px!important}.app-bottom-nav{position:fixed!important;inset:auto 0 0!important;width:100%!important;min-height:calc(62px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-around!important;gap:0!important;padding:.45rem .35rem calc(.45rem + env(safe-area-inset-bottom))!important;background:var(--bg-card)!important;border-top:1px solid var(--border)!important;border-bottom:0!important;z-index:150!important}.app-bottom-nav>a:not(.desktop-contact-link){display:flex!important;flex:1 1 0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;padding:.35rem .15rem!important;gap:2px!important;font-size:.68rem!important;line-height:1.15!important;white-space:nowrap!important}.app-bottom-nav>a span{font-size:1.15rem!important}.app-bottom-nav .desktop-menu-button,.app-bottom-nav .desktop-contact-link{display:none!important}.app-bottom-nav .nav-theme-toggle{display:flex!important;flex:0 0 42px!important;min-width:42px!important;margin-left:0!important;justify-content:center!important}.screen:has(.dash-header){width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-left:.75rem!important;padding-right:.75rem!important;padding-bottom:calc(6rem + env(safe-area-inset-bottom))!important;margin-left:auto!important;margin-right:auto!important}.screen:has(.dash-header) .dash-header{width:auto!important;max-width:none!important;margin-left:-.75rem!important;margin-right:-.75rem!important;box-sizing:border-box!important}.screen:has(.dash-header) .track-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;min-width:0!important;gap:.65rem!important}.screen:has(.dash-header) .track-card{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow-wrap:anywhere!important;padding:.7rem!important}.screen:has(.dash-header) .track-card .track-title{font-size:clamp(.78rem,3.2vw,.95rem)!important;line-height:1.25!important;overflow-wrap:anywhere!important}.screen:has(.dash-header) .track-card .track-reg,.screen:has(.dash-header) .track-card .track-meta{font-size:clamp(.58rem,2.5vw,.68rem)!important;line-height:1.35!important;overflow-wrap:anywhere!important}.screen:has(.dash-header) .track-card .qcount{font-size:clamp(1.45rem,7vw,2rem)!important;line-height:1.1!important}}@media(max-width:360px){.screen:has(.dash-header) .track-grid{gap:.45rem!important}.screen:has(.dash-header) .track-card{padding:.55rem!important}}@media(max-width:899px){.app-bottom-nav .contact-link{display:flex!important;flex:1 1 0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;padding:.35rem .1rem!important;gap:2px!important;font-size:.62rem!important;line-height:1.15!important;white-space:nowrap!important;color:var(--text-muted)!important}.app-bottom-nav .contact-link .facebook-mark{width:22px;height:22px;font-size:1.1rem}}@media(min-width:900px){.app-bottom-nav .contact-link{display:inline-flex!important;align-items:center;flex-direction:row;gap:.55rem;padding:.65rem .85rem;color:var(--text-muted);font-weight:800}}@media(max-width:899px){.app-bottom-nav{display:flex!important;position:fixed!important;z-index:180!important;inset:auto 0 0!important;width:100%!important;min-height:calc(64px + env(safe-area-inset-bottom))!important;padding:.45rem .35rem calc(.45rem + env(safe-area-inset-bottom))!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-around!important;gap:.1rem!important;background:var(--bg-card)!important;border-top:1px solid var(--border)!important;box-shadow:0 -8px 24px #0000001f!important}.app-bottom-nav>a{display:flex!important;flex:1 1 0!important;min-width:0!important;max-width:none!important;padding:.3rem .1rem!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;color:var(--text-muted)!important;font-size:clamp(.58rem,2.5vw,.72rem)!important;font-weight:700!important;line-height:1.15!important;white-space:nowrap!important}.app-bottom-nav>a.active{color:var(--accent)!important;background:transparent!important}.app-bottom-nav>a>span{font-size:1.2rem!important;line-height:1.2!important}.app-bottom-nav .contact-link{display:flex!important;flex:1.15 1 0!important;margin:0!important;color:var(--text-muted)!important}.app-bottom-nav .contact-link .facebook-mark{width:22px!important;height:22px!important;font-size:1.1rem!important}.app-bottom-nav .nav-theme-toggle{flex:0 0 44px!important;min-width:44px!important;margin:0!important}.screen{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))!important}.screen:has(.dash-header){padding-bottom:calc(7rem + env(safe-area-inset-bottom))!important}.exit-dialog{max-height:calc(100dvh - 2rem);overflow-y:auto}}@media(max-width:360px){.app-bottom-nav>a{font-size:.55rem!important}.app-bottom-nav .nav-theme-toggle{flex-basis:38px!important;min-width:38px!important}}@media(max-width:899px){.app-bottom-nav .desktop-menu-button{display:inline-flex!important;flex:0 0 38px!important;width:38px!important;height:38px!important;align-items:center!important;justify-content:center!important;border:1px solid var(--border)!important;border-radius:10px!important;background:var(--bg-elevated)!important;color:var(--text)!important;font-size:1.25rem!important}.app-bottom-nav>a[href="/practice"]{display:none!important}}.practice-quiz-screen{--quiz-selection-bg: rgba(255, 255, 255, .12)}[data-theme=light] .practice-quiz-screen{--quiz-selection-bg: rgba(71, 85, 105, .14)}.practice-quiz-screen>header>div:nth-child(2)>div:first-child{font-size:calc(1rem * var(--quiz-text-scale))!important}.practice-quiz-screen>header>div:nth-child(2)>div:last-child{font-size:calc(.82rem * var(--quiz-text-scale))!important}.practice-quiz-screen>div[style*="justify-content: space-between"]{font-size:calc(.85rem * var(--quiz-text-scale))!important}.practice-quiz-screen .card,.practice-quiz-screen .card p,.practice-quiz-screen .card strong,.practice-quiz-screen label,.practice-quiz-screen small{font-size:calc(1em * var(--quiz-text-scale))}.question-range-dual{--range-start: 0%;--range-end: 100%;position:relative;height:42px;margin:.2rem 0 .35rem;display:flex;align-items:center;isolation:isolate}.question-range-track,.question-range-selected{position:absolute;height:12px;border-radius:999px;pointer-events:none}.question-range-track{left:0;right:0;background:var(--border);border:1px solid var(--text-muted)}.question-range-selected{left:var(--range-start);width:calc(var(--range-end) - var(--range-start));background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}.question-range-thumb{position:absolute;inset:0;width:100%;height:42px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;pointer-events:none;outline:none}.question-range-thumb::-webkit-slider-runnable-track{height:12px;background:transparent}.question-range-thumb::-moz-range-track{height:12px;background:transparent}.question-range-thumb::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:25px;height:25px;margin-top:-6px;border:3px solid var(--accent);border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--bg-card);pointer-events:auto;cursor:grab}.question-range-thumb::-moz-range-thumb{width:19px;height:19px;border:3px solid var(--accent);border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--bg-card);pointer-events:auto;cursor:grab}.question-range-start{z-index:3}.question-range-end{z-index:4}.question-range-thumb:focus-visible::-webkit-slider-thumb{outline:3px solid var(--text);outline-offset:3px}