:root{--color-bg-primary: #2b2b2b;--color-bg-secondary: #2d2d2d;--color-bg-light: #ffffff;--color-action-primary: #ff6250;--color-action-primary-hover: #e2412e;--color-accent-yellow: #f8d57e;--color-accent-green: #009379;--color-accent-purple: #bfaff2;--color-accent-pink: #f2bfaf;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-text-tertiary: #707070;--color-text-dark: #2b2b2b;--color-success: #009379;--color-error: #ff6250;--color-warning: #f8d57e;--color-border: #4a4a4a;--color-border-light: #e0e0e0;--color-overlay: rgba(0, 0, 0, .5);--color-overlay-light: rgba(0, 0, 0, .2);--color-overlay-heavy: rgba(0, 0, 0, .8);--spacing-xs: .75rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 2.5rem;--spacing-xxl: 5rem;--font-headline: "Roslindale Deck", Georgia, serif;--font-body: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-accent: "Caveat", cursive;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .625vw, 1.5rem);--text-xl: clamp(1.5rem, 1.3rem + 1vw, 2.0625rem);--text-xxl: clamp(2.0625rem, 1.8rem + 1.3125vw, 2.875rem);--text-xxxl: clamp(2.875rem, 2rem + 4.375vw, 7.4375rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.8;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 100px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-modal: 1050;--z-overlay: 1040;--z-toast: 1100;--container-max-width: 1360px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px}[data-theme=light]{--color-bg-primary: #ffffff;--color-bg-secondary: #f5f5f5;--color-text-primary: #2b2b2b;--color-text-secondary: #707070;--color-text-tertiary: #a0a0a0;--color-border: #e0e0e0}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-fade-out{animation:fadeOut var(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-base) ease-out}.animate-slide-down{animation:slideDown var(--transition-base) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.animate-scale-out{animation:scaleOut var(--transition-base) ease-out}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-brightness{transition:filter var(--transition-base)}.hover-brightness:hover{filter:brightness(1.1)}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background-color:var(--color-action-primary);color:var(--color-text-primary)}::-moz-selection{background-color:var(--color-action-primary);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.progress-bar{display:flex;flex-direction:column;gap:var(--spacing-sm)}.progress-bar__info{display:flex;justify-content:space-between;align-items:center}.progress-bar__text{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.progress-bar__percentage{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-action-primary)}.progress-bar__track{position:relative;width:100%;height:12px;background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all var(--transition-base)}.progress-bar__track:hover{height:16px;border-color:var(--color-action-primary)}.progress-bar__track--dragging{height:20px;border-color:var(--color-action-primary);box-shadow:0 0 0 3px #ff62501a}.progress-bar__fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--color-action-primary) 0%,var(--color-accent-purple) 100%);border-radius:var(--radius-full);pointer-events:none;transition:width var(--transition-slow)}.progress-bar__handle{position:absolute;top:50%;width:24px;height:24px;background-color:var(--color-text-primary);border:3px solid var(--color-action-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;pointer-events:none;transform:translate(-50%,-50%);transition:all var(--transition-base)}.progress-bar__track:hover .progress-bar__handle{width:28px;height:28px}.progress-bar__handle--dragging{width:32px;height:32px;box-shadow:var(--shadow-lg)}.progress-bar__handle-icon{width:12px;height:12px;color:var(--color-action-primary)}@media (max-width: 768px){.progress-bar__track{height:10px}.progress-bar__track:hover{height:14px}.progress-bar__track--dragging{height:18px}.progress-bar__handle{width:20px;height:20px}.progress-bar__track:hover .progress-bar__handle{width:24px;height:24px}.progress-bar__handle--dragging{width:28px;height:28px}.progress-bar__handle-icon{width:10px;height:10px}}@media (max-width: 480px){.progress-bar__text,.progress-bar__percentage{font-size:var(--text-xs)}}.typing-speed{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,var(--color-accent-purple) 0%,var(--color-action-primary) 100%);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.typing-speed__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#fff3;border-radius:var(--radius-sm);color:var(--color-text-primary);flex-shrink:0}.typing-speed__icon svg{width:12px;height:12px}.typing-speed__content{display:flex;align-items:baseline;gap:4px;flex:1}.typing-speed__label{font-family:var(--font-body);font-size:10px;font-weight:var(--font-weight-medium);color:#ffffffe6}.typing-speed__value{font-family:var(--font-headline);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.typing-speed__unit{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:#ffffffe6}@media (max-width: 768px){.typing-speed{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs)}.typing-speed__icon{width:20px;height:20px}.typing-speed__icon svg{width:12px;height:12px}.typing-speed__value{font-size:var(--text-lg)}.typing-speed__label,.typing-speed__unit{font-size:10px}}@media (max-width: 480px){.typing-speed{padding:var(--spacing-xs) var(--spacing-sm)}.typing-speed__value{font-size:var(--text-base)}}.original-text{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;min-height:0}.original-text__label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.original-text__content{padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-xl);overflow-y:auto;line-height:var(--line-height-relaxed);font-family:var(--font-body);word-break:break-word;transition:border-color var(--transition-base);flex:1;min-height:0}.original-text__content:hover{border-color:var(--color-action-primary)}.original-text__content::-webkit-scrollbar{width:8px}.original-text__content::-webkit-scrollbar-track{background:var(--color-bg-primary);border-radius:var(--radius-sm)}.original-text__content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.original-text__content::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@media (max-width: 768px){.original-text__content{padding:var(--spacing-md)}}@media (max-width: 480px){.original-text__content{padding:var(--spacing-sm)}}.typing-input{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;min-height:0}.typing-input__label{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition-base);flex-shrink:0}.typing-input__label--completed{color:var(--color-success)}.typing-input__label svg{width:20px;height:20px}.typing-input__textarea{width:100%;padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-primary);font-family:var(--font-body);line-height:var(--line-height-relaxed);overflow-y:auto;resize:none;transition:all var(--transition-base);word-break:break-word;flex:1;min-height:0}.typing-input__textarea::-moz-placeholder{color:var(--color-text-tertiary);opacity:.7}.typing-input__textarea::placeholder{color:var(--color-text-tertiary);opacity:.7}.typing-input__textarea:focus{outline:none;border-color:var(--color-action-primary);box-shadow:0 0 0 3px #ff62501a}.typing-input__textarea--completed{border-color:var(--color-success);background-color:#0093790d}.typing-input__textarea--completed:focus{box-shadow:0 0 0 3px #0093791a}.typing-input__textarea::-webkit-scrollbar{width:8px}.typing-input__textarea::-webkit-scrollbar-track{background:var(--color-bg-primary);border-radius:var(--radius-sm)}.typing-input__textarea::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.typing-input__textarea::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@media (max-width: 768px){.typing-input__textarea{padding:var(--spacing-md)}}@media (max-width: 480px){.typing-input__textarea{padding:var(--spacing-sm)}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-family:var(--font-body);font-weight:var(--font-weight-semibold);line-height:1;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn--md{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn--lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn--primary{background-color:var(--color-action-primary);color:var(--color-text-primary);border-color:var(--color-action-primary)}.btn--primary:hover:not(:disabled){background-color:var(--color-action-primary-hover);border-color:var(--color-action-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--secondary{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-secondary);border-color:var(--color-text-secondary)}.btn--secondary:active:not(:disabled){background-color:var(--color-bg-primary)}.btn--tertiary{background-color:transparent;color:var(--color-text-primary);border-color:transparent}.btn--tertiary:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--tertiary:active:not(:disabled){background-color:var(--color-bg-primary)}.btn--white{background-color:var(--color-bg-light);color:var(--color-text-dark);border-color:var(--color-bg-light)}.btn--white:hover:not(:disabled){background-color:#f5f5f5;border-color:#f5f5f5;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--white:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--link{background-color:transparent;color:var(--color-action-primary);border-color:transparent;padding:0}.btn--link:hover:not(:disabled){color:var(--color-action-primary-hover);text-decoration:underline}.btn--full-width{width:100%}.btn--loading{color:transparent;pointer-events:none}.btn__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.btn__spinner-icon{width:20px;height:20px;animation:spin 1s linear infinite}.btn__spinner-circle{stroke-dasharray:60;stroke-dashoffset:45;opacity:.3}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn__icon{display:inline-flex;align-items:center;justify-content:center}.btn__icon--left{margin-right:calc(var(--spacing-xs) * -.5)}.btn__icon--right{margin-left:calc(var(--spacing-xs) * -.5)}.btn__icon svg{width:1.25em;height:1.25em}.btn__text{display:inline-flex;align-items:center}@media (max-width: 480px){.btn--lg{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-base)}}.input-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-container--full-width{width:100%}.input-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-tight)}.input-wrapper{position:relative;display:flex;align-items:center;background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-base)}.input-wrapper:focus-within{border-color:var(--color-action-primary);box-shadow:0 0 0 3px #ff62501a}.input-wrapper--error{border-color:var(--color-error)}.input-wrapper--error:focus-within{box-shadow:0 0 0 3px #ff625026}.input-wrapper--sm{padding:var(--spacing-xs) var(--spacing-md)}.input-wrapper--md{padding:var(--spacing-sm) var(--spacing-lg)}.input-wrapper--lg{padding:var(--spacing-md) var(--spacing-xl)}.input{flex:1;width:100%;min-width:0;background:transparent;border:none;outline:none;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-weight-normal);color:var(--color-text-primary);line-height:var(--line-height-normal)}.input::-moz-placeholder{color:var(--color-text-tertiary)}.input::placeholder{color:var(--color-text-tertiary)}.input:disabled{opacity:.5;cursor:not-allowed}.input-wrapper--with-left-icon .input{padding-left:var(--spacing-sm)}.input-wrapper--with-right-icon .input{padding-right:var(--spacing-sm)}.input-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary);flex-shrink:0}.input-icon svg{width:1.25em;height:1.25em}.input-icon--left{margin-right:var(--spacing-xs)}.input-icon--right{margin-left:var(--spacing-xs)}.input-error{display:block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-normal);color:var(--color-error);line-height:var(--line-height-tight);padding-left:var(--spacing-lg)}.input-helper{display:block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);line-height:var(--line-height-tight);padding-left:var(--spacing-lg)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--color-bg-secondary) inset;-webkit-text-fill-color:var(--color-text-primary);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}@media (max-width: 480px){.input-wrapper--lg{padding:var(--spacing-sm) var(--spacing-lg)}.input{font-size:var(--text-sm)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:var(--z-overlay);animation:fadeIn .05s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;background-color:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;z-index:var(--z-modal);animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content--sm{width:100%;max-width:400px}.modal-content--md{width:100%;max-width:600px}.modal-content--lg{width:100%;max-width:800px}.modal-content--xl{width:100%;max-width:1200px}.modal-content--full{width:100%;max-width:100%;max-height:100%;border-radius:0}.modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background-color:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);z-index:10}.modal-close:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.modal-close:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.modal-close svg{width:20px;height:20px}.modal-header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-title{margin:0;font-family:var(--font-headline);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);padding-right:var(--spacing-xxl)}.modal-body{flex:1;padding:var(--spacing-xl);overflow-y:auto;overflow-x:hidden}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.modal-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.modal-footer{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:flex-end;flex-wrap:wrap}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal-content{animation:none}}@media (max-width: 768px){.modal-overlay{padding:var(--spacing-md)}.modal-content--lg,.modal-content--xl{max-width:100%}.modal-header,.modal-body,.modal-footer{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.modal-close{top:var(--spacing-md);right:var(--spacing-md);width:36px;height:36px}}@media (max-width: 480px){.modal-overlay{padding:var(--spacing-sm)}.modal-content{max-height:95vh}.modal-title{font-size:var(--text-lg)}.modal-header,.modal-body,.modal-footer{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.modal-footer{flex-direction:column}.modal-footer>*{width:100%}}.language-switcher{display:flex;gap:var(--spacing-xs);align-items:center;background:var(--color-background-secondary);border-radius:var(--radius-md);padding:var(--spacing-xs)}.language-switcher__button{padding:var(--spacing-xs) var(--spacing-md);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.language-switcher__button:hover{color:var(--color-text-primary);background:var(--color-background-tertiary)}.language-switcher__button--active{color:var(--color-primary);background:var(--color-background);box-shadow:var(--shadow-sm)}.language-switcher__button--active:hover{color:var(--color-primary);background:var(--color-background)}.daily-practice-page{min-height:100vh;height:100vh;background-color:var(--color-bg-primary);padding:var(--spacing-sm);display:flex;flex-direction:column;overflow:hidden}.daily-practice-page__container{max-width:1400px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-height:0}.daily-practice-page__loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md)}.daily-practice-page__spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-action-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.daily-practice-page__loading p{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary)}.daily-practice-page__error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md)}.daily-practice-page__error p{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary)}.daily-practice-page__completed{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);text-align:center}.daily-practice-page__completed-icon{font-size:64px;animation:bounce .6s ease-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.daily-practice-page__completed h2{font-family:var(--font-headline);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.daily-practice-page__completed p{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.daily-practice-page__header{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border);animation:slideDown var(--transition-base) ease-out}.daily-practice-page__header-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.daily-practice-page__header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.daily-practice-page__title{font-family:var(--font-headline);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.daily-practice-page__subtitle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.daily-practice-page__meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.daily-practice-page__topic{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-action-primary);color:#fff;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full)}.daily-practice-page__ai-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full)}.daily-practice-page__day-selector{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease}.daily-practice-page__day-selector:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-action-primary)}.daily-practice-page__day-selector:focus{outline:none;box-shadow:0 0 0 3px #667eea33}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.85}}.daily-practice-page__date{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}.daily-practice-page__controls{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:-moz-fit-content;width:fit-content}.daily-practice-page__control-label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap}.daily-practice-page__control-buttons{display:flex;align-items:center;gap:var(--spacing-xs)}.daily-practice-page__control-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base)}.daily-practice-page__control-btn:hover{background-color:var(--color-bg-secondary);border-color:var(--color-action-primary);color:var(--color-action-primary)}.daily-practice-page__control-value{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);min-width:24px;text-align:center}.daily-practice-page__progress,.daily-practice-page__speed{flex-shrink:0;animation:slideUp .4s ease-out;animation-fill-mode:both}.daily-practice-page__progress{animation-delay:.1s}.daily-practice-page__speed{animation-delay:.2s}.daily-practice-page__content{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.daily-practice-page__content>.original-text{animation:slideUp .4s ease-out;animation-delay:.3s;animation-fill-mode:both}.daily-practice-page__content>.typing-input{animation:slideUp .4s ease-out;animation-delay:.4s;animation-fill-mode:both}.daily-practice-page__actions{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);animation:slideUp .4s ease-out;animation-delay:.5s;animation-fill-mode:both;flex-shrink:0}.daily-practice-page__actions-main{display:flex;gap:var(--spacing-md);flex:1;justify-content:flex-end}@media (max-width: 1024px){.daily-practice-page__header{flex-wrap:wrap}.daily-practice-page__controls{width:100%;justify-content:space-between}}@media (max-width: 768px){.daily-practice-page{padding:var(--spacing-sm);height:100vh}.daily-practice-page__container,.daily-practice-page__content{gap:var(--spacing-sm)}.daily-practice-page__header{gap:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.daily-practice-page__header-row{flex-direction:column;gap:var(--spacing-sm)}.daily-practice-page__title{font-size:var(--text-lg)}.daily-practice-page__actions{flex-direction:column;align-items:stretch;padding-top:var(--spacing-sm);gap:var(--spacing-sm)}.daily-practice-page__actions-main{width:100%;flex-direction:column;gap:var(--spacing-sm)}.daily-practice-page__actions-main .btn{width:100%}}@media (max-width: 480px){.daily-practice-page{padding:var(--spacing-xs)}.daily-practice-page__container,.daily-practice-page__content{gap:var(--spacing-xs)}.daily-practice-page__controls{padding:var(--spacing-xs) var(--spacing-sm)}.daily-practice-page__control-label{font-size:var(--text-xs)}.daily-practice-page__control-btn{width:28px;height:28px}.daily-practice-page__control-value{font-size:var(--text-sm);min-width:28px}.daily-practice-page__completed h2{font-size:var(--text-xl)}}.app{min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary)}