:root,.theme-temple{--color-bg-base: #140d0d;--color-bg-gradient: radial-gradient(circle at top, #261415 0%, #140d0d 100%);--color-surface: rgba(30, 19, 20, .75);--color-surface-hover: rgba(43, 27, 28, .9);--color-text-main: #f5ece9;--color-text-muted: #a6928f;--color-primary: #9e1b1b;--color-primary-dark: #7c1313;--color-primary-light: rgba(158, 27, 27, .1);--color-accent: #e5a93b;--color-accent-rgb: 229, 169, 59;--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .1);--color-error: #f87171;--color-error-light: rgba(248, 113, 113, .1);--color-neutral: rgba(255, 255, 255, .08);--color-neutral-hover: rgba(255, 255, 255, .15);--color-border: rgba(229, 169, 59, .15);--color-border-hover: rgba(229, 169, 59, .3);--glass-shadow: 0 16px 40px rgba(0, 0, 0, .6);--backdrop-blur: 16px;--font-tibetan: "Monlam Uni", "Microsoft Himalaya", "Noto Serif Tibetan", sans-serif;--font-sans: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--border-radius-lg: 16px;--border-radius-md: 10px;--border-radius-sm: 6px;--transition-normal: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease}.theme-cyber{--color-bg-base: #060913;--color-bg-gradient: radial-gradient(circle at top, #111a2e 0%, #060913 100%);--color-surface: rgba(15, 22, 42, .7);--color-surface-hover: rgba(23, 37, 68, .85);--color-text-main: #f3f4f6;--color-text-muted: #8e9bb0;--color-primary: #0d9488;--color-primary-dark: #0f766e;--color-primary-light: rgba(13, 148, 136, .1);--color-accent: #8b5cf6;--color-accent-rgb: 139, 92, 246;--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .1);--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .1);--color-neutral: rgba(255, 255, 255, .05);--color-neutral-hover: rgba(255, 255, 255, .1);--color-border: rgba(139, 92, 246, .2);--color-border-hover: rgba(139, 92, 246, .4);--glass-shadow: 0 16px 40px rgba(0, 0, 0, .7)}.theme-parchment{--color-bg-base: #f7ede2;--color-bg-gradient: linear-gradient(135deg, #faf5ef 0%, #ede0d4 100%);--color-surface: rgba(255, 255, 255, .85);--color-surface-hover: rgba(255, 255, 255, .98);--color-text-main: #2b2524;--color-text-muted: #786d6b;--color-primary: #c23b22;--color-primary-dark: #9e2a14;--color-primary-light: rgba(194, 59, 34, .08);--color-accent: #d48822;--color-accent-rgb: 212, 136, 34;--color-success: #059669;--color-success-light: rgba(5, 150, 105, .1);--color-error: #dc2626;--color-error-light: rgba(220, 38, 38, .1);--color-neutral: rgba(0, 0, 0, .04);--color-neutral-hover: rgba(0, 0, 0, .08);--color-border: rgba(194, 59, 34, .12);--color-border-hover: rgba(194, 59, 34, .25);--glass-shadow: 0 12px 30px rgba(43, 37, 36, .06)}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{font-family:var(--font-sans);background:var(--color-bg-gradient);background-attachment:fixed;color:var(--color-text-main);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-normal);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.app-container{width:100%;max-width:1100px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.brand-section{display:flex;align-items:center;gap:12px}.brand-icon{width:46px;height:46px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 8px rgba(var(--color-accent-rgb),.3));animation:logo-breathe 4s ease-in-out infinite alternate}.app-header h1{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-text-main) 30%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-header p{font-size:.8rem;color:var(--color-text-muted);font-weight:500}.header-controls{display:flex;align-items:center;gap:15px}.theme-selector{display:flex;background:var(--color-neutral);padding:4px;border-radius:var(--border-radius-md);border:1px solid var(--color-border)}.theme-btn{background:transparent;border:none;color:var(--color-text-muted);padding:8px 12px;font-size:.85rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;border-radius:var(--border-radius-sm);display:flex;align-items:center;gap:6px;transition:var(--transition-fast)}.theme-btn svg{width:14px;height:14px;fill:currentColor}.theme-btn:hover{color:var(--color-text-main)}.theme-btn.active{background:var(--color-surface-hover);color:var(--color-accent);box-shadow:0 2px 8px #00000026}.main-content{flex:1;display:flex;flex-direction:column;gap:20px;justify-content:center}.app-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.8rem;color:var(--color-text-muted);font-weight:500}.footer-meta{justify-self:start}.footer-kbd-hints{justify-self:end;display:flex;gap:10px;align-items:center}.footer-kbd-hints kbd{background:var(--color-neutral);border:1px solid var(--color-border);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);color:var(--color-text-main);font-size:.75rem}.tibetan-text{font-family:var(--font-tibetan);line-height:1.8}@keyframes logo-breathe{0%{transform:scale(1);filter:drop-shadow(0 0 4px rgba(var(--color-accent-rgb),.2))}to{transform:scale(1.05);filter:drop-shadow(0 0 12px rgba(var(--color-accent-rgb),.5))}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px rgba(var(--color-accent-rgb),.2)}50%{box-shadow:0 0 20px rgba(var(--color-accent-rgb),.6)}}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .4s cubic-bezier(.4,0,.2,1) forwards}.dashboard-row{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:900px;width:100%;margin:0 auto 15px}.dashboard-row>*{margin:0!important}@media(max-width:768px){.app-container{padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));justify-content:flex-start}.app-header{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:16px;padding-bottom:14px}.brand-section{gap:10px;width:100%}.brand-icon{width:40px;height:40px;flex-shrink:0}.app-header h1{font-size:1.25rem}.app-header p{font-size:.72rem}.header-controls{width:100%;justify-content:stretch}.theme-selector{width:100%;justify-content:space-between}.theme-btn{flex:1;justify-content:center;padding:8px 6px;font-size:0;gap:0}.theme-btn svg{width:18px;height:18px}.main-content{gap:12px;justify-content:flex-start}.dashboard-row{flex-direction:column;gap:12px;margin-bottom:8px}.app-footer{flex-direction:column;justify-content:center;gap:10px;margin-top:16px;padding-top:14px;text-align:center}.footer-meta,.footer-kbd-hints{justify-self:center}.footer-kbd-hints{display:none}}.virtual-keyboard{--vk-key-height: clamp(30px, 8.2vw, 43px);--vk-key-gap: clamp(3px, .9vw, 5px);display:flex;flex-direction:column;gap:var(--vk-key-gap);background:var(--color-surface);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));padding:12px 16px;border-radius:var(--border-radius-lg);border:1px solid var(--color-border);box-shadow:var(--glass-shadow);max-width:900px;width:100%;margin:10px auto 0;-webkit-user-select:none;user-select:none}.keyboard-row{display:flex;justify-content:center;align-items:stretch;gap:var(--vk-key-gap);width:100%}.key{flex:1 1 0;min-width:0;width:auto;height:var(--vk-key-height);background:var(--color-surface-hover);border-radius:var(--border-radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-tibetan);box-shadow:0 3px 0 var(--color-border);border:1px solid var(--color-border);transition:transform .08s ease,box-shadow .08s ease,background-color .15s ease,border-color .15s ease,color .15s ease;color:var(--color-text-main);position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.key:hover{background:#ffffff14;border-color:var(--color-border-hover)}.theme-parchment .key:hover{background:#00000008}.key:active,.key.key-pressed{transform:translateY(2px);box-shadow:0 1px 0 var(--color-border)!important;background-color:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary-dark)!important}.key.key-pressed .key-shift-char,.key.key-pressed .key-label,.key.key-pressed .key-led-label{color:#ffffffb3!important}.key-special{font-family:var(--font-sans);font-size:.75rem;font-weight:700;background:#00000026;flex-direction:row;justify-content:flex-start;padding-left:8px}.key-backspace{flex:1.55 1 0;justify-content:center;padding-left:0}.key-capslock{flex:1.65 1 0}.key-space{flex:5.5 1 0;background:#0000001a}.key-shift{flex:1.85 1 0}.key-shift-char{font-size:.75rem;color:var(--color-text-muted);position:absolute;top:2px;right:4px;font-family:var(--font-tibetan)}.key-main-char{font-size:1.25rem;font-weight:600;margin-top:2px}.key-label{font-family:var(--font-sans);font-size:.55rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;position:absolute;bottom:2px;left:4px;font-weight:700;opacity:.7}.key-led-indicator{display:flex;align-items:center;gap:5px;font-family:var(--font-sans);font-size:.75rem;font-weight:700}.key-led{width:6px;height:6px;border-radius:50%;background-color:#4b5563;transition:var(--transition-fast)}.theme-parchment .key-led{background-color:#9ca3af}.key-led.active{background-color:var(--color-success);box-shadow:0 0 6px var(--color-success)}.key.key-active{animation:key-pulse-glow 1.4s infinite alternate;border-color:var(--color-accent)!important;color:var(--color-text-main);background:var(--color-surface);z-index:5}.key.key-shift-required,.key.key-capslock-required{border-color:var(--color-accent)!important;box-shadow:0 3px 0 var(--color-accent);background:var(--color-surface)}@keyframes key-pulse-glow{0%{box-shadow:0 4px 0 var(--color-border),0 0 4px rgba(var(--color-accent-rgb),.1)}to{box-shadow:0 4px 0 var(--color-accent),0 0 15px rgba(var(--color-accent-rgb),.6)}}@media(max-width:768px){.virtual-keyboard{--vk-key-height: clamp(28px, 7.4vw, 36px);padding:10px 8px calc(10px + env(safe-area-inset-bottom,0px));margin-top:8px;position:sticky;bottom:0;z-index:40;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.key-main-char{font-size:clamp(.9rem,3.2vw,1.15rem)}.key-shift-char{font-size:.6rem;top:1px;right:2px}.key-label{font-size:.45rem;bottom:1px;left:2px}.key-special{font-size:.62rem;padding-left:4px}.key-led-indicator{font-size:.62rem;gap:3px}.key-capslock .key-led-label,.key-shift .key-led-label{display:none}}.typing-box-container{background:var(--color-surface);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:20px 25px;box-shadow:var(--glass-shadow);height:175px;max-width:900px;margin:0 auto;cursor:text;position:relative;display:flex;flex-direction:column;transition:var(--transition-normal);overflow:hidden}.typing-box-container.focused{border-color:var(--color-accent);box-shadow:0 0 25px rgba(var(--color-accent-rgb),.2),var(--glass-shadow)}.text-display{font-family:var(--font-tibetan);font-size:2.2rem;line-height:2;text-align:left;white-space:pre-wrap;word-break:break-all;overflow-wrap:break-word;overflow-y:auto;flex:1;transition:filter .3s cubic-bezier(.4,0,.2,1);color:var(--color-text-muted)}.text-display::-webkit-scrollbar{width:4px}.text-display::-webkit-scrollbar-track{background:transparent}.text-display::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.text-display::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.text-display.blurred{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none}.char{position:relative;padding:0 2px;border-radius:4px;transition:color .12s ease}.char.upcoming{color:var(--color-text-muted);opacity:.45}.char.current{color:var(--color-text-main);opacity:1;background:var(--color-neutral)}.char.correct{color:var(--color-success);opacity:1;background:transparent}.char.incorrect{color:var(--color-error);opacity:1;background:var(--color-error-light);text-decoration:underline wavy var(--color-error) 2px;text-underline-offset:6px}.char.active-cursor:before{content:"";position:absolute;left:-2px;top:15%;width:3px;height:70%;background-color:var(--color-accent);border-radius:2px;animation:caret-blink-anim 1.2s steps(2,start) infinite;box-shadow:0 0 8px var(--color-accent)}@keyframes caret-blink-anim{0%,to{opacity:1}50%{opacity:0}}.focus-lock-overlay{position:absolute;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;cursor:pointer;animation:fade-in .25s ease forwards}.theme-parchment .focus-lock-overlay{background:#2b252426}.focus-lock-content{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:24px;border-radius:var(--border-radius-lg)}.focus-lock-icon{width:36px;height:36px;fill:var(--color-accent);filter:drop-shadow(0 0 6px rgba(var(--color-accent-rgb),.3));animation:focus-bounce 1s infinite alternate}.focus-lock-text{font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:.02em;text-shadow:0 2px 4px rgba(0,0,0,.6);animation:focus-breathing 1.5s infinite alternate}.focus-lock-text--mobile{display:none;max-width:260px;line-height:1.35}.theme-parchment .focus-lock-text{color:var(--color-text-main);text-shadow:0 1px 2px rgba(255,255,255,.8)}@keyframes focus-bounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes focus-breathing{0%{opacity:.6}to{opacity:1}}.hidden-input{position:absolute;top:-100px;left:-100px;width:1px;height:1px;opacity:0;pointer-events:none}@media(max-width:768px){.typing-box-container{height:auto;min-height:120px;max-height:28vh;padding:14px 16px;touch-action:manipulation}.text-display{font-size:clamp(1.35rem,5.5vw,1.85rem);line-height:1.75}.focus-lock-text--desktop{display:none}.focus-lock-text--mobile{display:block}.focus-lock-content{padding:16px;gap:10px}.focus-lock-icon{width:32px;height:32px}}.stats-container{display:flex;gap:12px;justify-content:flex-end;margin:0;font-family:var(--font-sans)}.stat-card{background:var(--color-surface);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));padding:8px 16px;border-radius:var(--border-radius-md);border:1px solid var(--color-border);text-align:center;min-width:100px;box-shadow:var(--glass-shadow);transition:var(--transition-normal);display:flex;flex-direction:column;justify-content:center;align-items:center}.stat-card:hover{transform:translateY(-2px);border-color:var(--color-border-hover);box-shadow:0 4px 12px #00000026}.stat-label{font-size:.65rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.stat-value{font-family:var(--font-mono);font-size:1.35rem;font-weight:700;line-height:1.2}@keyframes count-up{0%{transform:scale(.95);opacity:.8}to{transform:scale(1);opacity:1}}.stat-value.active{animation:count-up .15s ease-out}.stat-card:nth-child(1) .stat-value{color:var(--color-primary);text-shadow:0 0 12px var(--color-primary-light)}.stat-card:nth-child(2) .stat-value{color:var(--color-success);text-shadow:0 0 12px var(--color-success-light)}.stat-card:nth-child(3) .stat-value{color:var(--color-accent);text-shadow:0 0 12px rgba(var(--color-accent-rgb),.15)}@media(max-width:768px){.stats-container{width:100%;justify-content:stretch;gap:8px}.stat-card{flex:1;min-width:0;padding:8px 6px}.stat-value{font-size:1.1rem}.stat-label{font-size:.58rem}}.lesson-selector-container{position:relative;width:100%;max-width:320px;margin:0;font-family:var(--font-sans);z-index:50}.dropdown-trigger{width:100%;padding:12px 18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);color:var(--color-text-main);font-size:.95rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:var(--glass-shadow);transition:var(--transition-normal);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur))}.dropdown-trigger:hover{border-color:var(--color-accent);box-shadow:0 4px 15px #00000026}.dropdown-trigger:focus{outline:none;border-color:var(--color-accent)}.dropdown-chevron{width:16px;height:16px;fill:var(--color-text-muted);transition:transform var(--transition-normal)}.lesson-selector-container.open .dropdown-chevron{transform:rotate(180deg);fill:var(--color-accent)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));overflow:hidden;animation:dropdown-slide-up .2s cubic-bezier(.4,0,.2,1) forwards}.dropdown-search-wrapper{padding:10px 14px;border-bottom:1px solid var(--color-border);background:#0000000d}.dropdown-search{width:100%;padding:8px 12px;background:var(--color-neutral);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-main);font-size:.9rem;font-family:var(--font-sans);transition:var(--transition-fast)}.dropdown-search:focus{outline:none;border-color:var(--color-accent);background:var(--color-surface-hover)}.dropdown-list{max-height:240px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:2px}.dropdown-item{width:100%;padding:10px 14px;border:none;background:transparent;color:var(--color-text-main);text-align:left;font-size:.88rem;font-weight:500;font-family:var(--font-sans);border-radius:var(--border-radius-md);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-fast)}.dropdown-item:hover{background:var(--color-surface-hover);color:var(--color-accent)}.dropdown-item.active{background:var(--color-primary-light);color:var(--color-accent);border-left:3px solid var(--color-accent);border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-no-results{padding:16px;text-align:center;font-size:.85rem;color:var(--color-text-muted)}.badge{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.badge-basic{background:#10b98126;color:var(--color-success)}.badge-vowel{background:#e5a93b26;color:var(--color-accent)}.badge-phrase{background:#8b5cf626;color:#a78bfa}.theme-temple .badge-phrase{color:#e5a93b}.badge-pro{background:var(--color-error-light);color:var(--color-error)}@keyframes dropdown-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.lesson-selector-container{max-width:none}}.lesson-complete{margin:30px auto;max-width:460px;background:var(--color-surface);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);border:2px solid var(--color-success);overflow:hidden;position:relative;animation:dropdown-slide-up .5s cubic-bezier(.34,1.56,.64,1) forwards}.lesson-complete-inner{padding:35px 30px;text-align:center;position:relative;z-index:5}.lesson-complete-title{margin:0 0 6px;font-size:1.8rem;color:var(--color-success);font-weight:800;letter-spacing:-.02em;text-shadow:0 0 15px rgba(16,185,129,.2)}.lesson-complete-subtitle{margin:0 0 25px;font-size:.95rem;color:var(--color-text-muted);font-family:var(--font-tibetan)}.accuracy-gauge-wrapper{position:relative;width:120px;height:120px;margin:0 auto 25px;display:flex;justify-content:center;align-items:center}.accuracy-gauge-svg{width:100%;height:100%;transform:rotate(-90deg)}.accuracy-gauge-track{fill:none;stroke:var(--color-neutral);stroke-width:8}.accuracy-gauge-fill{fill:none;stroke:var(--color-success);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 4px rgba(16,185,129,.4))}.accuracy-gauge-text{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--font-sans)}.accuracy-gauge-percent{font-family:var(--font-mono);font-size:1.6rem;font-weight:800;color:var(--color-success);line-height:1}.accuracy-gauge-label{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;margin-top:2px}.lesson-complete-stats{display:flex;justify-content:center;gap:30px;margin-bottom:30px}.lesson-complete-stat{display:flex;flex-direction:column;align-items:center;min-width:80px}.lesson-complete-stat-label{font-size:.72rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.lesson-complete-stat-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:800;color:var(--color-text-main)}.lesson-complete-stat:first-child .lesson-complete-stat-value{color:var(--color-accent)}.lesson-complete-stat:last-child .lesson-complete-stat-value{color:var(--color-primary)}.lesson-complete-actions{display:flex;gap:15px;justify-content:center}.lesson-complete-btn{padding:12px 26px;border-radius:var(--border-radius-lg);font-size:.95rem;font-weight:700;font-family:var(--font-sans);cursor:pointer;border:none;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;transition:var(--transition-normal)}.lesson-complete-btn:active{transform:scale(.97)}.lesson-complete-btn.secondary{background:var(--color-neutral);color:var(--color-text-main);border:1px solid var(--color-border)}.lesson-complete-btn.secondary:hover{background:var(--color-neutral-hover);border-color:var(--color-border-hover)}.lesson-complete-btn.primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 15px rgba(var(--color-primary),.2)}.lesson-complete-btn.primary:hover{background:var(--color-primary-dark);box-shadow:0 6px 20px #9e1b1b66;transform:translateY(-2px)}.lesson-complete-btn.primary:after{content:"";position:absolute;top:0;left:-50%;width:20%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:skew(-25deg);transition:.75s}.lesson-complete-btn.primary:hover:after{left:120%}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.confetti-particle{position:absolute;top:-20px;width:10px;height:10px;border-radius:var(--border-radius-sm);animation:fall-and-sway 4s linear infinite}.confetti-particle:nth-child(1){left:10%;background-color:#f5a93b;animation-delay:0s;animation-duration:3.5s}.confetti-particle:nth-child(2){left:20%;background-color:#10b981;animation-delay:.5s;animation-duration:4.2s}.confetti-particle:nth-child(3){left:35%;background-color:#f87171;animation-delay:1.2s;animation-duration:3.8s}.confetti-particle:nth-child(4){left:50%;background-color:#3b82f6;animation-delay:.2s;animation-duration:4.5s}.confetti-particle:nth-child(5){left:65%;background-color:#8b5cf6;animation-delay:.8s;animation-duration:3.9s}.confetti-particle:nth-child(6){left:80%;background-color:#e5a93b;animation-delay:1.5s;animation-duration:4.1s}.confetti-particle:nth-child(7){left:90%;background-color:#10b981;animation-delay:.3s;animation-duration:3.6s}.confetti-particle:nth-child(8){left:15%;background-color:#f87171;animation-delay:1.8s;animation-duration:4.8s}.confetti-particle:nth-child(9){left:45%;background-color:#8b5cf6;animation-delay:2.2s;animation-duration:3.4s}.confetti-particle:nth-child(10){left:75%;background-color:#e5a93b;animation-delay:1s;animation-duration:4.3s}@keyframes fall-and-sway{0%{top:-20px;transform:translate(0) rotate(0);opacity:1}90%{opacity:1}to{top:105%;transform:translate(35px) rotate(360deg);opacity:0}}@media(max-width:768px){.lesson-complete{margin:12px auto;max-width:100%}.lesson-complete-inner{padding:24px 18px}.lesson-complete-title{font-size:1.45rem}.lesson-complete-stats{gap:16px}.lesson-complete-actions{flex-direction:column;width:100%}.lesson-complete-btn{width:100%;justify-content:center}}