.app-layout[data-dashboard-tab=dashboard] .dashboard-content{gap:16px;padding:24px clamp(20px,2.5vw,36px)!important}.app-layout[data-dashboard-tab=dashboard] .dashboard-content>div>div:has(>.streak-hero-card){margin-bottom:16px!important}.app-layout[data-dashboard-tab=dashboard] .dashboard-metric-grid{gap:12px!important;margin-bottom:16px!important}.app-layout[data-dashboard-tab=dashboard] :is(.dashboard-metric-grid>.pro-card,.trajectory-card){transition:border-color .16s,background-color .16s;box-shadow:none!important;border-radius:14px!important;padding:18px!important}.app-layout[data-dashboard-tab=dashboard] :is(.dashboard-metric-grid>.pro-card,.trajectory-card):hover{transform:none!important}.app-layout[data-dashboard-tab=dashboard] .dashboard-metric-grid>.pro-card{min-height:0!important}.app-layout[data-dashboard-tab=dashboard] .dashboard-metric-grid .stat-header{min-height:24px!important;margin-bottom:10px!important}.app-layout[data-dashboard-tab=dashboard] .dashboard-metric-grid .stat-value{letter-spacing:-.035em;font-size:clamp(28px,2.4vw,34px)!important;line-height:1.1!important}.app-layout[data-dashboard-tab=dashboard] .trajectory-card .trajectory-metric{padding:8px 12px;box-shadow:none!important;background:0 0!important;border:0!important}.app-layout[data-dashboard-tab=dashboard] .trajectory-head{align-items:center;gap:12px;margin-bottom:14px}.app-layout[data-dashboard-tab=dashboard] .trajectory-metric strong{font-size:24px}.app-layout[data-dashboard-tab=dashboard] .trajectory-metric span{letter-spacing:0;text-transform:none;font-size:12px;font-weight:500}.app-layout[data-dashboard-tab=dashboard] .trajectory-shell:has(.trajectory-empty){grid-template-columns:minmax(0,1fr)}.app-layout[data-dashboard-tab=dashboard] .trajectory-shell:has(.trajectory-empty) .graph-axis{display:none}.app-layout[data-dashboard-tab=dashboard] .trajectory-stage:has(.trajectory-empty){--trajectory-svg-height:140px;border-radius:10px;box-shadow:none!important;border:0!important}.app-layout[data-dashboard-tab=dashboard] .trajectory-empty{background:0 0;border:0;padding:12px}@media (min-width:641px) and (max-width:1180px){.app-layout[data-dashboard-tab=dashboard] .dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:640px){.app-layout[data-dashboard-tab=dashboard] .dashboard-content{padding:16px 12px calc(96px + env(safe-area-inset-bottom))!important}.app-layout[data-dashboard-tab=dashboard] .mobile-dashboard-kpis{border-radius:12px;margin-bottom:14px}.app-layout[data-dashboard-tab=dashboard] .mobile-dashboard-kpi{gap:4px;min-height:88px;padding:12px 10px}.app-layout[data-dashboard-tab=dashboard] .mobile-dashboard-kpi strong{font-size:26px;font-weight:650}.app-layout[data-dashboard-tab=dashboard] .mobile-dashboard-kpi strong span{color:inherit;font:inherit;letter-spacing:inherit;line-height:1}.app-layout[data-dashboard-tab=dashboard] .trajectory-card{margin-top:0;padding:16px!important}}@media (prefers-reduced-motion:reduce){.app-layout[data-dashboard-tab=dashboard] :is(.main-workspace,.dashboard-content){scroll-behavior:auto}.app-layout[data-dashboard-tab=dashboard] :is(.dashboard-metric-grid>.pro-card,.trajectory-card){transition:none}}.app-layout[data-dashboard-tab=tests] .dashboard-content{max-width:1560px;padding:32px clamp(24px,4vw,76px)}@media (max-width:640px){.app-layout[data-dashboard-tab=tests] .dashboard-content{padding:22px 16px calc(100px + env(safe-area-inset-bottom))!important}}html[data-theme=dark] :is(.app-layout,[data-dashboard-startup]){--bg-app:#151414;--bg-panel:#1d1c1c;--bg-panel-solid:#1d1c1c;--bg-hover:#2a2828;--text-main:#f5f6f8;--text-muted:#bcc2cc;--border-color:#454242;--dashboard-quiet-border:#454242;--workspace-bg:#151414;--sidebar-bg:#191818;--header-bg:#191818;--avatar-ring:#191818;--avatar-border:#7b7575}html[data-theme=dark].eye-mode :is(.app-layout,[data-dashboard-startup]){--bg-app:#1b1915;--bg-panel:#29261f;--bg-panel-solid:#29261f;--bg-hover:#373229;--text-main:#f5efe1;--text-muted:#c9bea9;--border-color:#625a4b;--dashboard-quiet-border:#625a4b;--workspace-bg:#1b1915;--sidebar-bg:#211e19;--header-bg:#24211b}html[data-theme=dark] .app-layout .pro-sidebar{background:var(--sidebar-bg)!important;border-color:var(--border-color)!important}html[data-theme=dark] .app-layout .pro-header{background:var(--header-bg)!important;border-color:var(--border-color)!important}html[data-theme=dark] .app-layout :is(.pro-card,.trajectory-stage,.trajectory-metric){background:var(--bg-panel)!important;border-color:var(--border-color)!important}html[data-theme=dark] .app-layout .streak-hero-card{background:var(--bg-panel)!important;border-color:color-mix(in srgb, var(--accent-color) 54%, var(--border-color))!important}html[data-theme=dark] .app-layout .search-container{background:var(--bg-panel)!important;border-color:#7d7676!important}html[data-theme=dark] .app-layout .search-container:focus-within{border-color:var(--accent-color)!important}html[data-theme=dark] .app-layout .search-input::placeholder{color:var(--text-muted);opacity:1}.app-layout .pro-sidebar .nav-item,.app-layout .pro-sidebar .nav-item:is(:hover,:active,:focus-visible,.active){box-shadow:none!important;color:var(--text-muted)!important;background:0 0!important;border-color:#0000!important}.app-layout .pro-sidebar .nav-item:is(:hover,:focus-visible,.active){color:var(--text-main)!important}.app-layout .pro-sidebar .nav-item:after{content:none!important;display:none!important}.app-layout .pro-sidebar .sidebar-logo-button .brand-logo-icon{box-shadow:none!important;filter:none!important;background:0 0!important}html[data-theme=dark] .app-layout .pro-card:is(:hover,:focus-visible){border-color:var(--accent-color)!important}.app-layout .pro-header .icon-action-btn svg,.app-layout .dashboard-metric-grid .stat-icon{min-width:22px;min-height:22px;width:22px!important;height:22px!important}.app-layout .brand-logo-icon>span{--typido-logo-size:40px}@media (min-width:641px){.app-layout .pro-sidebar .brand-logo-icon{flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.app-layout .pro-sidebar .sidebar-logo-container{flex-basis:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin-bottom:20px!important}.app-layout .pro-sidebar .nav-menu .side-nav-mark.nav-item-logo{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important}.app-layout .pro-header .user-greeting{font-size:13px!important}.app-layout .pro-header .user-name{font-size:16px!important}.app-layout .pro-header .search-input{font-size:14px!important}.app-layout .pro-header .search-container{width:clamp(280px,30vw,440px)!important;max-width:440px!important}}.app-layout .dashboard-metric-grid .stat-label{color:var(--text-muted)!important;font-size:13px!important;line-height:1.4!important}.app-layout .dashboard-metric-grid .metric-subtext,.app-layout .practice-time-subtext{color:var(--text-muted)!important;font-size:13px!important;line-height:1.5!important}.app-layout .practice-weekly-head,.app-layout .practice-weekly-head :is(span,strong){font-size:11px;line-height:1.4}.app-layout .practice-time-card .practice-time-total .stat-unit{font-size:12px!important}html[data-theme=dark] .app-layout .streak-hero-card .streak-day-capsule{opacity:1!important}html[data-theme=dark] .app-layout .streak-hero-card .streak-day-label{color:var(--text-muted)!important}html[data-theme=dark] .app-layout .streak-hero-card .streak-day-capsule.today .streak-day-label{color:var(--text-main)!important}html[data-theme=dark] .app-layout .streak-hero-card .streak-day-capsule:not(.completed):not(.today) .streak-day-orb{background:var(--bg-hover)!important;border-color:#746d6d!important}html[data-theme=dark] .app-layout .streak-hero-card :is(.streak-day-dot,.dashboard-tick.muted){color:#aeb6c3;opacity:1}html[data-theme=dark] .app-layout .streak-hero-card .streak-day-dot{background:#aeb6c3!important}.app-layout .streak-daily-panel .streak-milestone-top{flex-flow:row!important}.app-layout .streak-daily-panel .streak-milestone-top strong{flex:none!important}.app-layout .streak-daily-panel .streak-milestone-top span,.app-layout .streak-daily-panel .streak-daily-goal>strong{font-size:14px!important}.app-layout .streak-daily-panel .streak-daily-goal .daily-task-stage{color:var(--text-muted);opacity:1;font-size:12px}.app-layout .streak-daily-panel .streak-daily-goal em{font-size:12px!important}.app-layout .daily-task-help{color:var(--text-muted);font-size:13px;line-height:1.5}html[data-theme=dark] .app-layout .daily-task-start{background:color-mix(in srgb, var(--accent-color) 14%, var(--bg-panel));min-height:44px;color:var(--text-main);font-size:15px;font-weight:600}html[data-theme=dark] .app-layout .daily-task-start:hover{background:color-mix(in srgb, var(--accent-color) 24%, var(--bg-panel))}html[data-theme=dark] .app-layout .streak-hero-card .streak-action-btn:not(:disabled){color:var(--text-main)!important;background:var(--bg-hover)!important;border-color:#7d7676!important}html[data-theme=dark] .app-layout .streak-hero-card .streak-action-btn:not(:disabled):hover{border-color:var(--accent-color)!important}.app-layout .practice-time-content{flex-wrap:wrap}.app-layout .practice-weekly-activity{margin-inline-start:auto}@media (max-width:640px),(max-width:900px) and (max-height:500px){.app-layout .dashboard-metric-grid .stat-label,.app-layout .dashboard-metric-grid .metric-subtext,.app-layout .practice-time-subtext{font-size:12px!important}.app-layout .practice-weekly-activity{width:100%}.app-layout .practice-weekly-head strong{display:inline}}.app-layout[data-dashboard-plan=free][data-dashboard-tab=dashboard] .dashboard-content :is(.pro-card,.pro-streak-card){background:var(--bg-panel)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:border-color .14s,background-color .14s!important;animation:none!important}.app-layout[data-dashboard-plan=free][data-dashboard-tab=dashboard] .dashboard-content :is(.pro-card,.pro-streak-card):hover{transform:none!important}.app-layout[data-dashboard-plan=free][data-dashboard-tab=dashboard] .dashboard-content .live-dot:before,.app-layout[data-dashboard-plan=free][data-dashboard-tab=dashboard] .dashboard-content :is(.trajectory-line,.mini-bar){transition:none!important;animation:none!important}.app-layout[data-dashboard-plan=pro][data-dashboard-tab=dashboard] .dashboard-metric-grid>.pro-card{background:linear-gradient(145deg, color-mix(in srgb, var(--accent-color) 5%, var(--bg-panel)), var(--bg-panel))!important;border-color:color-mix(in srgb, var(--accent-color) 20%, var(--border-color))!important}.typing-progress-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.typing-progress-controls label{min-width:0;color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.typing-progress-controls select{border:1px solid var(--border-color);max-width:100%;min-height:40px;color:var(--text-main);background:var(--bg-panel);font:inherit;border-radius:9px;padding:8px 30px 8px 10px}.typing-progress-controls button,.typing-progress-status button{border:1px solid var(--border-color);min-height:40px;color:var(--text-main);font:inherit;cursor:pointer;background:0 0;border-radius:9px;padding:6px 10px;font-size:12px}.typing-progress-controls :is(select,button):focus-visible,.typing-progress-status button:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}.typing-progress-status{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px;font-size:12px;line-height:1.5;display:flex}@media (max-width:640px){.typing-progress-controls select{min-height:44px;font-size:16px}.typing-progress-controls button,.typing-progress-status button{min-height:44px}}.settings-mobile-section{display:none}.settings-modal .settings-content[data-category=download],.settings-modal .settings-content[data-category=advanced]{overflow-y:auto!important}@media (max-width:640px),(max-width:900px) and (max-height:500px){.modal-backdrop:has(.settings-modal){top:var(--typido-visible-top,0px)!important;height:var(--typido-visible-height,100dvh)!important;align-items:center!important;padding:8px!important;bottom:auto!important}.modal-backdrop .settings-modal,.modal-backdrop .settings-modal.settings-customize,.modal-backdrop .settings-modal.settings-audio{width:100%!important;max-width:600px!important;height:min(760px, calc(var(--typido-visible-height,100dvh) - 16px))!important;max-height:calc(var(--typido-visible-height,100dvh) - 16px)!important;border-radius:20px!important;min-height:0!important;overflow:hidden!important}.modal-backdrop .settings-modal .settings-body{grid-template-rows:auto minmax(0,1fr)!important;grid-template-columns:minmax(0,1fr)!important;height:100%!important;min-height:0!important;display:grid!important;overflow:hidden!important}.modal-backdrop .settings-modal .settings-sidebar{border-inline-end:0!important;border-bottom:1px solid var(--border-color)!important;width:100%!important;min-height:0!important;padding:16px 64px 14px 16px!important;display:block!important;overflow:visible!important}[dir=rtl] .modal-backdrop .settings-modal .settings-sidebar{padding-inline:16px 64px!important}.modal-backdrop .settings-modal .settings-sidebar-heading,.modal-backdrop .settings-modal .settings-tabs{display:none!important}.settings-mobile-section{color:var(--text-muted);font:500 11px/1.4 var(--font-main);gap:5px;display:grid}.settings-mobile-section select{border:1px solid var(--border-color);background:var(--bg-panel);width:100%;min-width:0;min-height:44px;color:var(--text-main);font:600 16px/1.4 var(--font-main);border-radius:10px;padding:8px 10px}.settings-mobile-section select:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.modal-backdrop .settings-modal .settings-close-btn{top:33px!important;width:44px!important;height:44px!important;padding:12px!important;inset-inline-end:12px!important}.modal-backdrop .settings-modal .settings-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-width:0!important;height:100%!important;min-height:0!important;padding:20px 16px!important;overflow-y:auto!important}.modal-backdrop .settings-modal .settings-content-header{margin-bottom:20px!important}.modal-backdrop .settings-modal .settings-content-header h2{font-size:24px!important}.modal-backdrop .settings-modal.settings-customize .settings-content>div{min-height:0}.settings-modal :is(input:not([type=range]),textarea){font-size:16px!important}.settings-modal :is(.settings-language-trigger,.settings-language-item,.settings-language-country-item,.display-simple-option,.accent-simple-option,.setting-visual-toggle,.audio-preview-button,.audio-setup-buttons button){min-height:44px!important}.modal-backdrop .settings-modal .settings-logout-btn{margin-top:8px;min-height:44px!important;padding:8px 10px!important;font-size:13px!important}.modal-backdrop .settings-modal:not(:has(.settings-content[data-category=account])) .settings-logout-btn{display:none!important}.settings-modal .audio-setup-buttons button,.settings-modal .audio-preview-button{font-size:12px!important}.settings-modal .audio-slider-row{min-height:48px!important}}