:root{--bg-primary:#0f0f13;--bg-secondary:#1a1a1f;--bg-tertiary:#2a2a35;--bg-quaternary:#3a3a45;--text-primary:#fff;--text-secondary:#b0b0c0;--text-tertiary:#808090;--accent-primary:#0483b6;--accent-secondary:#9277ff;--accent-tertiary:#e91e63;--accent-tertiary-hover:#ed4b82;--accent-hover:#0484b6e3;--danger:#ff4d4f;--danger-hover:#ff7875;--success:#52c41a;--border-radius:12px;--transition:all 0.3s ease;--header-height:70px;--side-panel-width:80px;--card-shadow:0 4px 16px #0000004d;--card-shadow-hover:0 8px 32px #0006;--border-color:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0f0f13,#0a0a0f 50%,#0f0f13);background:linear-gradient(135deg,var(--bg-primary) 0,#0a0a0f 50%,var(--bg-primary) 100%);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;position:relative}body:before{background-image:radial-gradient(circle at 20% 80%,#4a90e214 0,#0000 50%),radial-gradient(circle at 80% 20%,#8e44ad14 0,#0000 50%),radial-gradient(circle at 40% 40%,#e91e630f 0,#0000 50%),radial-gradient(circle at 60% 60%,#3498db0d 0,#0000 50%),radial-gradient(circle at 10% 10%,#9b59b60f 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.app{position:relative}.search-bar{background:linear-gradient(135deg,#1a1a1f,#2a2a35);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 16px #0000004d;box-shadow:var(--card-shadow);color:var(--text-primary);font-size:1rem;height:95%;margin-top:1.75%;max-width:500px;padding:12px}.side-panel{align-items:center;background:linear-gradient(180deg,#1a1a1f,#0f0f13);background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-right:1px solid #ffffff14;border-right:1px solid var(--border-color);bottom:0;box-shadow:2px 0 16px #0006;display:flex;flex-direction:column;left:0;margin-top:-18px;padding:1rem 0;position:fixed;top:70px;top:var(--header-height);width:80px;width:var(--side-panel-width);z-index:900}.side-panel.hidden{display:none;transform:translateX(-100%)}.side-nav-button{align-items:center;background:#0000;border:#0000;border-radius:25%;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;height:50px;justify-content:center;margin:.75rem 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:50px}.side-nav-button:before{background:linear-gradient(135deg,#4a90e21a,#8e44ad1a);border-radius:25%;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.nav-button-content{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:15px}.nav-label{color:#b0b0c0;color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.02em;margin-top:2px}.side-nav-button .nav-icon,.side-nav-button svg{fill:#b0b0c0;fill:var(--text-secondary);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));height:20px;transition:all .3s ease;width:20px}.side-nav-button .nav-icon{filter:none}.side-nav-button:hover{border-color:#4a90e24d;box-shadow:0 8px 32px #0006;box-shadow:var(--card-shadow-hover);transform:translateY(-2px) scale(1.05)}.side-nav-button:hover:before{opacity:1}.side-nav-button.active{background:linear-gradient(135deg,#4a90e233,#8e44ad33);border-color:#4a90e280}.side-nav-button.active:before{opacity:1}.side-nav-button.active .nav-label{color:#fff;color:var(--text-primary)}.side-nav-button.active svg{fill:#fff;fill:var(--text-primary)}.side-nav-button svg.app-side-nav-roadmap-icon,.side-nav-button.active svg.app-side-nav-roadmap-icon{fill:none;color:#fff}.side-nav-button.active:before{animation:slideIn .3s ease-out forwards;background:#0483b6;background:var(--accent-primary);border-radius:4px;content:"";height:40px;left:-5px;position:absolute;top:15%;transform:translateY(-50%);width:4px}.side-learn-button{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.side-learn-button:hover{background:linear-gradient(135deg,#667eea33,#764ba233)}.side-learn-button.active{background:linear-gradient(135deg,#667eea4d,#764ba24d)}.app-header{background-color:#1a1a1f;background-color:var(--bg-secondary);border-bottom:1px solid #2a2a35;box-shadow:0 2px 8px #0003;height:70px;height:var(--header-height);padding:0 2rem;position:sticky;top:0;z-index:1000}.app-header h1{color:#0483b6;color:var(--accent-primary);font-size:2rem;letter-spacing:-.5px}.user-controls span{color:#fff;color:var(--text-primary)}.app-main{animation:fadeIn .3s ease-out;background:#1a1a1f;background:var(--bg-secondary);box-sizing:border-box;display:flex;flex-direction:column;min-height:0;padding-left:calc(80px + 2rem);padding-left:calc(var(--side-panel-width) + 2rem);padding-right:2rem;padding-top:2rem;position:relative}.app-main>*{flex:1 1;min-height:0}.app-main:before{background-image:radial-gradient(circle at 1px 1px,hsla(0,0%,100%,.006) 1px,#0000 0),radial-gradient(circle at 1px 1px,hsla(0,0%,100%,.004) 1px,#0000 0);background-position:0 0,3px 3px;background-size:6px 6px,4px 4px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.auth-input{background-color:#2a2a35;background-color:var(--bg-tertiary);border:2px solid #2a2a35;border-radius:12px;color:#fff;padding:12px 16px;transition:all .3s ease;transition:var(--transition)}.auth-input:focus{border-color:#0483b6}.auth-button{background-color:#0483b6;background-color:var(--accent-primary);border-radius:12px;font-weight:500;padding:12px 24px;transition:var(--transition)}.auth-button:hover:not(:disabled){background-color:#0484b6e3;background-color:var(--accent-hover);transform:translateY(-1px)}.auth-button:disabled{background-color:#2a2a35;background-color:var(--bg-tertiary)}.study-mode{background:#1a1a1f;background:var(--bg-secondary);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;padding:2rem}.mode-selector{display:flex;gap:1rem;margin-bottom:2rem}.mode-selector .auth-button.active{background-color:#52c41a;background-color:var(--success)}.card-stats{background:#2a2a35;background:var(--bg-tertiary);border-radius:12px;border-radius:var(--border-radius);display:flex;gap:2rem;margin-bottom:1rem;padding:1.5rem}.card-progress{color:#fff;color:var(--text-primary);font-weight:600;margin-bottom:1rem;text-align:center}.card-content{margin:2rem 0}.card-content,.challenge-description{background:#2a2a35;background:var(--bg-tertiary);border-radius:12px;border-radius:var(--border-radius);padding:1.5rem}.challenge-description{color:#b0b0c0;color:var(--text-secondary);margin:1rem 0}.navigation-controls{justify-content:space-between;margin-top:2rem}.feedback{border-radius:12px;border-radius:var(--border-radius);font-weight:600;margin:1rem 0;padding:1rem;text-align:center}.feedback.success{background-color:#52c41a1a;color:#52c41a;color:var(--success)}.feedback.error{background-color:#ff4d4f1a;color:#ff4d4f;color:var(--danger)}.code-editor{border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;margin:1rem 0;overflow:hidden}.code-editor .cm-editor{background-color:#2a2a35;background-color:var(--bg-tertiary);font-family:Fira Code,monospace;font-size:14px;height:200px}.file-input{color:#b0b0c0;color:var(--text-secondary);margin:1rem 0}.study-mode-container{padding-bottom:10px}.back-button{gap:.5rem}@media (max-width:768px){.app-header{flex-direction:column;gap:1rem;height:auto;padding:1rem;text-align:center}.user-controls{flex-direction:column;width:100%}.app-main{padding:1rem 1rem 1rem calc(80px + 1rem);padding-left:calc(var(--side-panel-width) + 1rem)}.mode-selector{flex-direction:column}.card-stats,.navigation-controls{flex-direction:column;gap:1rem}.auth-button{width:100%}}@media (max-width:1024px){.app-main{min-width:0;padding-left:calc(80px + 1rem);padding-left:calc(var(--side-panel-width) + 1rem);padding-right:1rem;padding-top:1rem;width:calc(100% - 80px);width:calc(100% - var(--side-panel-width))}}.side-settings-nav-button{margin-bottom:.5rem;margin-top:auto}.side-settings-nav-button svg{height:24px;width:24px}.snippet-limit-indicator{align-items:center;background-color:#333;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:12px;justify-content:center;margin-bottom:2.5rem;padding:5px;position:static;transition:background-color .2s}.snippet-limit-indicator:hover{background-color:#444}.snippet-limit-count{font-weight:700}.snippet-limit-warning{color:#ff4757}.error-boundary-fallback{align-items:center;background-color:#fff8f8;border:1px solid #ffcdd2;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:1rem;min-height:200px;padding:2rem;text-align:center}.error-boundary-fallback h2{color:#d32f2f;font-size:1.5rem;margin-bottom:1rem}.error-boundary-fallback p{color:#555;line-height:1.5;margin-bottom:1.5rem;max-width:600px}.error-boundary-retry-btn{background-color:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease}.error-boundary-retry-btn:hover{background-color:#b71c1c}.error-boundary-retry-btn:focus{box-shadow:0 0 0 3px #d32f2f4d;outline:none}.error-container{background-color:#fff8f8;border:1px solid #ffcdd2;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:2rem auto;max-width:800px}.error-container h2{color:#d32f2f;font-size:1.75rem;margin-bottom:1rem}.error-container p{color:#555;line-height:1.6;margin-bottom:1.5rem;max-width:600px}.retry-button{background-color:#d32f2f;border-radius:4px;transition:background-color .2s ease}.retry-button:focus{box-shadow:0 0 0 3px #d32f2f4d;outline:none}.component-error{background-color:#fff8f8;border:1px solid #ffcdd2;border-radius:4px;color:#d32f2f}.component-error,.component-error-info{align-items:center;display:flex;font-size:.9rem;margin:1rem 0;padding:1rem}.component-error-info{background-color:#e3f2fd;border:1px solid #90caf9;border-radius:4px;color:#0d47a1}.component-error-warning{background-color:#fff8e1;border:1px solid #ffecb3;border-radius:4px;color:#ff8f00}.component-error-critical,.component-error-warning{align-items:center;display:flex;font-size:.9rem;margin:1rem 0;padding:1rem}.component-error-critical{background-color:#ffebee;border:1px solid #ef9a9a;border-radius:4px;color:#b71c1c;font-weight:600}.component-error-icon{margin-right:.5rem;vertical-align:middle}.component-error-dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;margin-left:auto;opacity:.7;padding:0 .5rem}.component-error-dismiss:hover{opacity:1}.error-message-animation{animation:fadeIn .3s ease-out}.auth-outer-wrapper{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh}.auth-form-main{align-items:center;display:flex;flex-direction:column;padding:0 1rem;width:100%}.auth-form{margin-top:5%}.auth-title{text-align:center}.auth-logo-block{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.flash-icon{height:40px;margin-bottom:.25rem;width:40px}.flash-text{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.auth-tagline{color:var(--text-secondary);font-size:1rem;margin:.25rem 0 0;text-align:center}.auth-form-container{background:var(--bg-secondary);border-radius:18px;box-shadow:0 8px 24px #00000026;margin:0 auto;max-width:400px;padding:2.25rem 2rem 2rem;width:100%}.floating-label-group{margin-bottom:1.25rem;position:relative}.floating-label{background:#0000;color:var(--text-secondary);font-size:1rem;left:1rem;padding:0 .25rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:.2s cubic-bezier(.4,0,.2,1)}.auth-input:focus+.floating-label,.auth-input:not(:placeholder-shown)+.floating-label{background:var(--bg-secondary);color:var(--accent-primary);font-size:.85rem;left:.75rem;padding:0 .25rem;top:-.7rem}.auth-input{border:2px solid var(--bg-tertiary);border-radius:8px;padding:1.1rem 2.5rem 1.1rem 1rem;transition:border-color .2s}.password-input-container{align-items:center;display:flex;position:relative}.password-toggle-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;height:100%;justify-content:center;padding:.25rem;position:absolute;right:.75rem;transition:color .2s ease;z-index:2}.password-toggle-btn:hover{color:var(--text-primary)}.forgot-password-link{background:none;border:none;color:var(--accent-primary);cursor:pointer;display:block;font-size:.9rem;padding:.5rem 0 0;text-align:right;transition:color .2s ease;width:100%}.forgot-password-link:hover{color:var(--accent-primary-hover);text-decoration:underline}.auth-divider{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;margin:1.25rem 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid var(--bg-tertiary);content:"";flex:1 1}.auth-divider span{font-size:.9rem;padding:0 1rem}.auth-submit-btn{align-items:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.auth-submit-btn.loading{color:#0000;height:40px;padding:8px;position:relative}.auth-submit-btn.loading:after{animation:button-spin .8s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";height:20px;position:absolute;width:20px}@keyframes button-spin{to{transform:rotate(1turn)}}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.7}.auth-icon{margin-right:.5rem}.official-google-btn{align-items:center;background:#fff;border:1.5px solid #ddd;border-radius:8px;box-shadow:0 1px 2px #3c404314;color:#444;display:flex;font-size:1.05rem;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:1.25rem;margin-top:1.25rem;outline:none;padding:.85rem 1.5rem;transition:background .2s,box-shadow .2s,border .2s;width:100%}.official-google-btn:hover:not(:disabled){background:#f7f7f7;border-color:#bbb;box-shadow:0 2px 4px #3c404321}.official-google-btn:disabled{cursor:not-allowed;opacity:.7}.google-g-logo{background:url(https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg) 50%/contain no-repeat;display:inline-block;height:22px;margin-right:.5rem;vertical-align:middle;width:22px}.official-google-btn span:last-child{flex:1 1;font-size:1.05rem;font-weight:600;letter-spacing:.01em;text-align:left}@media (max-width:768px){.auth-form-container{max-width:95vw;padding:1.25rem .75rem}.auth-logo-block{margin-bottom:1rem}.flash-icon{height:32px;width:32px}}@media (max-width:480px){.auth-form-container{border-radius:12px;padding:.75rem .25rem}.auth-logo-block{gap:.25rem}.flash-text{font-size:1.1rem}.auth-tagline{font-size:.85rem}}.auth-header,.auth-logo{display:none!important}.toggle-link{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:1rem;font-weight:700;padding:0 .15em;text-decoration:none;transition:color .2s}.toggle-link:focus,.toggle-link:hover{color:var(--accent-primary-hover);text-decoration:underline}.auth-toggle{color:var(--text-secondary);font-size:1rem;margin-top:1.25rem;text-align:center}.auth-form-guest-continue{font-size:.9rem;margin-bottom:0;margin-top:1rem;text-align:center}.auth-form-guest-continue a{border-bottom:1px solid #0000;color:var(--text-secondary);text-decoration:none;transition:color .2s,border-color .2s}.auth-form-guest-continue a:focus,.auth-form-guest-continue a:hover{border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.auth-input:disabled,.forgot-password-link:disabled,.password-toggle-btn:disabled,.toggle-link:disabled{cursor:not-allowed;opacity:.7}.auth-input-error{border-color:#dc3545!important}.auth-input-valid{border-color:#28a745!important}.auth-email-error-message{color:#dc3545}.auth-email-error-message,.auth-email-warning-message{display:block;font-size:.875rem;margin-top:.5rem;padding-left:.25rem}.auth-email-warning-message{color:#ffc107;font-style:italic}.email-verification-outer-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.email-verification-main{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.email-verification-logo-block{margin-bottom:30px}.email-verification-logo-block .flash-icon{height:60px;margin:0 auto 10px;width:60px}.email-verification-logo-block .flash-text{color:#333;font-size:24px;font-weight:700;margin:0}.email-verification-content{align-items:center;display:flex;flex-direction:column}.email-verification-icon{color:#667eea;font-size:64px;margin-bottom:20px}.email-verification-title{color:#333;font-size:28px;font-weight:700;margin:0 0 15px}.email-verification-message{color:#666;font-size:16px;margin:0 0 10px}.email-verification-email{color:#667eea;font-size:18px;font-weight:600;margin:0 0 20px;word-break:break-all}.email-verification-instructions{color:#666;font-size:14px;line-height:1.6;margin:0 0 30px;max-width:400px}.email-verification-actions{display:flex;flex-direction:column;gap:15px;margin:0 auto 20px;max-width:300px;width:100%}.email-verification-check-btn,.email-verification-resend-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.email-verification-resend-btn{background:#667eea;color:#fff}.email-verification-resend-btn:hover:not(:disabled){background:#5568d3;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.email-verification-resend-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.email-verification-check-btn{background:#f0f0f0;color:#333}.email-verification-check-btn:hover:not(:disabled){background:#e0e0e0;transform:translateY(-2px)}.email-verification-check-btn:disabled{cursor:not-allowed;opacity:.6}.email-verification-note{color:#999;font-size:12px;font-style:italic;margin:0}.email-verification-success-message{background:#d4edda;border-radius:8px;color:#155724;font-size:14px;margin-bottom:20px;padding:12px}.email-verification-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.email-verification-loading,.email-verification-success{align-items:center;display:flex;flex-direction:column;gap:20px}.email-verification-loading .spinner-icon,.email-verification-resend-btn .spinner-icon{animation:spin 1s linear infinite}.email-verification-success .success-icon{color:#28a745;font-size:64px}.email-verification-success h2{color:#333;font-size:28px;font-weight:700;margin:0}.email-verification-success p{color:#666;font-size:16px;margin:0}.code-editor{background:var(--bg-secondary);border:1px solid #23242a;border-radius:12px;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;font-family:Fira Code,"monospace";font-size:15px;margin:0;max-height:100%;min-height:200px;padding:0;width:100%}.studymode-monaco-editor{background:var(--bg-secondary)!important;border:1px solid #23242a;border-radius:12px!important;box-shadow:0 2px 8px #0003;font-family:Fira Code,"monospace"!important;font-size:15px!important;margin:0!important;padding:0!important}.studymode-monaco-editor .margin,.studymode-monaco-editor .monaco-editor-background,.studymode-monaco-editor-background{background:var(--bg-secondary)!important;border-radius:12px!important}.studymode-monaco-editor .view-lines{font-family:Fira Code,"monospace"!important;font-size:15px!important}.studymode-monaco-editor .margin-view-overlays .line-numbers{color:#6272a4!important;font-size:14px!important}.studymode-monaco-editor .cursor{border-left-color:#fff!important}.studymode-monaco-editor,.studymode-monaco-editor *{--vscode-focusBorder:#0000!important}.studymode-monaco-editor .focused .selected-text{box-shadow:none!important;outline:none!important}@media (max-width:768px){.studymode-monaco-editor{min-height:120px}}.card-manager{background:var(--bg-secondary);border-radius:var(--border-radius);margin-bottom:30px;padding:25px}.card-manager-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.card-manager-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.card-manager .back-button{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;padding:8px 12px;transition:color .2s}.card-manager .back-button:hover{color:var(--text-primary)}.card-manager .back-button svg{fill:currentColor;height:16px;margin-right:8px;width:16px}.card-form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:8px}.card-form label{color:var(--text-primary);font-size:1rem;font-weight:500}.card-form input,.card-form textarea{background-color:var(--bg-tertiary);border:1px solid #ffffff1a;border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;padding:12px 16px;transition:all .3s ease}.card-form input:focus,.card-form textarea:focus{border-color:var(--accent-primary);outline:none}.card-form textarea{min-height:120px;resize:vertical}.form-actions{gap:15px;justify-content:flex-end;margin-top:25px}.cancel-button,.deck-submit-button{border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.deck-submit-button{background:var(--accent-tertiary);border:none;color:#fff}.deck-submit-button:hover{background:var(--accent-tertiary-hover);transform:translateY(-1px)}.cancel-button{background:#0000;border:1px solid #ffffff1a}.cancel-button:hover{background:#ffffff0d;transform:translateY(-1px)}.error-message{margin-bottom:15px;padding:12px}@media (max-width:768px){.card-manager{padding:15px}.card-manager-header{align-items:flex-start;gap:10px}.card-manager-header,.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.deck-editor{margin:0 auto;max-width:900px;padding:2rem}.editor-header{margin-bottom:2rem}.deck-back-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:.25rem 0;transition:color .3s ease}.back-button:hover{color:var(--text-primary)}.deck-settings{background:var(--bg-secondary);border-radius:var(--border-radius);margin-bottom:2rem;padding:1.5rem}.settings-row{align-items:flex-end;display:flex;gap:1.5rem;margin-bottom:1.5rem}.setting-group{flex:1 1;min-width:200px}.description-group{margin-top:1rem}.setting-group label{color:var(--text-secondary);display:block;font-size:.9rem;margin-bottom:.5rem}.setting-group input,.setting-group select,.setting-group textarea{background:var(--bg-primary);border:none;border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.setting-group textarea{line-height:1.5;min-height:100px;resize:vertical}.setting-group input:focus,.setting-group select:focus,.setting-group textarea:focus{box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.2);outline:none}.save-button{align-self:flex-end;background:var(--accent-teal);height:42px;min-width:120px;white-space:nowrap}.save-button:hover{background:var(--accent-teal-hover)}.deck-navigation{align-items:center;background:var(--bg-secondary);border-radius:var(--border-radius);display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding:.5rem}.nav-tab{background:none;border:none;border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:1rem;padding:.75rem 1rem;text-align:center;transition:all .3s ease}.nav-tab.active{background:var(--accent-tertiary);color:#fff}.nav-tab:hover:not(.active){background:#ffffff0d;color:var(--text-primary)}.add-card-section,.cards-section{background:var(--bg-secondary);border-radius:var(--border-radius);padding:1.5rem}.cards-list{display:flex;flex-direction:column;gap:1rem}.no-cards{background:var(--bg-tertiary);border-radius:var(--border-radius);color:var(--text-secondary);font-size:.95rem;padding:2rem;text-align:center}.card-item{align-items:flex-start;background-color:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:1rem;margin-bottom:10px;padding:1.25rem;transition:background-color .2s,transform .3s ease}.card-item:hover{background-color:var(--bg-quaternary);transform:translateY(-2px)}.card-icon{align-items:center;background-color:#e91e63;border-radius:8px;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.card-icon svg{fill:#fff;height:1.25rem;width:1.25rem}.deck-card-content{background-color:var(--bg-secondary);display:flex;flex-direction:column;flex-grow:1;gap:.5rem;width:100%}.card-header{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.card-title{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0}.card-description{color:var(--text-secondary);display:none;font-size:.9rem;line-height:1.5;margin:0}.card-description.expanded{display:block}.code-toggle-button{background:#0000;border:1px solid #ffffff1a;border-radius:6px;color:#8b949e;font-size:.9em;gap:8px;margin-top:10px;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.code-toggle-button:hover{background:#ffffff0d}.code-toggle-button .o{font-size:.8em;transition:transform .3s ease}.code-toggle-button.expanded .o{transform:rotate(180deg)}.card-solution{background:var(--bg-primary);border-radius:var(--border-radius);margin-top:.5rem;overflow:auto;padding:.75rem}.card-solution pre{color:var(--text-primary);font-size:.9rem;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.card-actions{display:flex;gap:.5rem}.delete-button,.edit-button{border:none;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:500;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-button{background:#21262d;border:1px solid #ffffff1a;color:#fff}.delete-button{background:var(--danger);color:#fff}.delete-button:hover,.edit-button:hover{transform:translateY(-1px)}.delete-button:hover{background:var(--danger-hover)}.error-message{background:#ff4d4f1a;padding:1rem}.pagination{background:var(--bg-primary);border:1px solid #ffffff1a}.pagination-button{background:#21262d;border:1px solid #ffffff1a}.pagination-button:hover:not(:disabled){background:#2d333b}.pagination-button:disabled{background:#1a1d24}@media (max-width:768px){.deck-editor{padding:1rem}.settings-row{flex-direction:column;gap:1rem;margin-bottom:1rem}.setting-group{width:100%}.save-button{margin-top:1rem;width:100%}.deck-navigation{flex-direction:column;gap:.5rem}.nav-tab{width:100%}.card-header,.card-item{flex-direction:column}.card-header{gap:.5rem}.card-actions{justify-content:flex-end;margin-top:.5rem;width:100%}}.deck-collection{align-items:center;background-color:var(--bg-secondary);border:1px solid #ffffff14;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;position:relative;transition:background-color .2s}.deck-collection:hover{box-shadow:0 10px 32px #00000059;transform:translateY(-2px)}.deck-collection .deck-icon{align-items:center;background-color:#2a2a3e;border-radius:8px;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.deck-collection .deck-icon svg{fill:#4a90e2;height:1.25rem;width:1.25rem}.deck-collection .deck-content{display:flex;flex-direction:column;flex-grow:1;gap:.25rem}.deck-collection .deck-name{color:#fff;font-size:1rem;font-weight:500;margin:0}.deck-collection .deck-details{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.collection-tags{display:flex;flex-wrap:wrap;gap:4px;margin-left:8px}.collection-tag{background-color:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.8em;padding:2px 8px;white-space:nowrap}.collection-tag.active{background-color:#1976d2;color:#fff}.deck-collection .deck-type{color:#888;font-size:.875rem}.deck-collection .deck-count{background-color:#2a2a3e;border-radius:12px;color:#888;font-size:.875rem;padding:.125rem .5rem}.collection-dropdown{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.collection-dropdown .options-button{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;justify-content:center;padding:5px}.collection-dropdown .options-button:hover{color:#fff}.collection-dropdown .dropdown-menu{background-color:#333;border-radius:4px;box-shadow:0 2px 8px #0003;min-width:120px;position:absolute;right:0;top:100%;z-index:1000}.collection-dropdown .dropdown-menu button{background:none;border:none;color:#fff;cursor:pointer;display:block;padding:8px 12px;text-align:left;width:100%}.collection-dropdown .dropdown-menu button:hover{background-color:#444}.collection-dropdown .dropdown-menu button.delete{color:#f44}.collection-dropdown .dropdown-menu button.delete:hover{background-color:#422}.options-menu-container{display:inline-block;position:relative}.options-popup-menu{background-color:#333;border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 2px 8px #0003;left:50%;max-height:80vh;min-width:150px;overflow-y:auto;padding:8px 0;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.menu-option{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:.9em;padding:8px 12px;text-align:left;width:100%}.menu-option:hover{background-color:#444}.menu-option.delete{color:#f44}.menu-option.delete:hover{background-color:#422}.header-container{align-items:center;background-color:var(--background-secondary);background-image:linear-gradient(180deg,#ffffff05,#00000005);border-bottom:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;display:flex;justify-content:space-between;padding:1rem 1.5rem;position:relative;z-index:10}.nav-list{gap:1.5rem}.nav-item{align-items:center;display:flex}.header-nav-icon svg{height:20px;transform:translateY(5px);width:20px}.deck-nav-icon svg{color:var(--text-secondary);height:28px;transform:translateY(5px);width:25px}.nav-link{border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-block;font-size:1.075em;font-weight:400;letter-spacing:.2px;padding:5px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-link:hover{transform:translateY(-1px)}.nav-link.active,.nav-link:hover{background-color:var(--background-hover);color:var(--text-primary)}.nav-link.active{font-weight:600}.nav-link.active:after{background-color:var(--primary-color);border-radius:4px;bottom:-2px;content:"";height:2px;left:50%;opacity:.8;position:absolute;transform:translateX(-50%);transition:width .2s ease;width:16px}.nav-link.active:hover:after{width:24px}.deck-manager{color:#fff;margin-top:-18px;padding-left:2rem}.navigation-menu{border-bottom:1px solid #2a2a3e4d;margin-bottom:1.5rem;padding-bottom:.5rem}.nav-list{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-item{padding:.5rem 0;position:relative}.filters-section{align-items:center;display:flex;gap:1rem;margin:1rem 0;padding:0}.collection-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-right:auto}.filter-button,.filter-dropdown{position:relative}.filter-button{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid #ffffff14;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:.9rem;min-height:30px;min-width:110px;padding:.5rem 2rem .5rem .75rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-button:hover{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-quaternary) 100%);box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.filter-button:after{color:#888;content:"▼";font-size:.7em;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.filter-options{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid #ffffff14;border-radius:8px;box-shadow:0 8px 24px #0000004d;left:0;margin-top:.25rem;position:absolute;top:100%;width:100%;z-index:1002}.filter-option{color:#fff;font-size:.9rem;padding:.5rem .75rem;transition:all .2s ease}.filter-option:hover{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-quaternary) 100%)}.search-bar{flex-grow:1;max-width:600px}.search-input{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid #ffffff14;box-shadow:0 2px 8px #0003;color:#fff;font-size:.9rem;padding:.5rem 2rem .5rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.search-input:focus{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-quaternary) 100%);border-color:#4a90e280;box-shadow:0 0 0 3px #4a90e226}.search-input::placeholder{color:#666}.search-icon{color:#666;font-size:.9rem}.collections-list{display:flex;flex-direction:column;gap:15px;padding:0}.collection-submenu{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border:1px solid #ffffff14;border-radius:8px;box-shadow:0 8px 24px #0000004d;left:100%;min-width:150px;position:absolute;top:0;z-index:1001}.collection-submenu button{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:.9em;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.collection-submenu button:hover{background:linear-gradient(135deg,var(--bg-quaternary) 0,var(--bg-tertiary) 100%)}.deck-manager__deck-list{display:flex;flex-direction:column;gap:1rem;padding:0}.pagination{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid #ffffff14;border-radius:12px;box-shadow:0 4px 12px #0003;gap:20px;margin-top:20px;padding:15px}.pagination-button{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-quaternary) 100%);border:1px solid #ffffff14;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;font-weight:500;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-button:hover:not(:disabled){background:linear-gradient(135deg,var(--bg-quaternary) 0,var(--bg-tertiary) 100%);box-shadow:0 4px 12px #0000004d}.pagination-button:disabled{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}.search-container{margin-left:auto;width:180px}.search-icon{color:var(--text-secondary);height:16px;right:.75rem;top:50%;transform:translateY(-50%);width:16px}.header-search-input{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid #ffffff14;border-radius:8px;box-shadow:0 2px 8px #0003;color:var(--text-secondary);font-size:.9rem;padding:.5rem 2rem .5rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.header-search-input:focus{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-quaternary) 100%);border-color:#4a90e280;box-shadow:0 0 0 3px #4a90e226;outline:none}.header-search-input::placeholder{color:var(--text-tertiary);font-size:.9rem;opacity:.6}.page-info{color:#8b949e;font-weight:500;padding:0 10px}.deck-manager-deck-item{align-items:center;background:linear-gradient(135deg,#1a1a1f 0,var(--bg-secondary) 100%);border:1px solid #ffffff14;border-radius:12px;box-shadow:0 4px 16px #0000004d;cursor:pointer;display:flex;gap:1rem;padding:1.3rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.deck-manager-deck-item:hover{transform:translateY(-3px) scale(1.02)}.deck-icon{transition:transform .3s ease}.deck-icon svg{height:1.35rem;width:1.35rem}.deck-name{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.3;text-shadow:0 1px 2px #0000004d}.deck-info-right{align-items:center;display:flex;gap:.75rem;margin-right:3rem}.deck-language{align-items:center;background:linear-gradient(135deg,#2196f326,#2196f31a);border:1px solid #2196f333;border-radius:8px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.25rem .75rem;transition:all .2s ease}.deck-language-icon{flex-shrink:0;height:16px;width:16px}.deck-language:hover{background:linear-gradient(135deg,#2196f340,#2196f326);transform:translateY(-1px)}.deck-tags{display:flex;flex-wrap:wrap;gap:6px}.deck-tag{background:linear-gradient(135deg,#64b5f61f,#64b5f614);border:1px solid #64b5f633;border-radius:8px;color:#64b5f6;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize;transition:all .2s ease}.deck-tag:hover{background:linear-gradient(135deg,#64b5f62e,#64b5f61f);transform:translateY(-1px)}.deck-manager__card-count-container{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;margin-top:8px;width:100%}.deck-manager__level-badge{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border:1px solid #4a90e240;border-radius:22px;gap:.25rem}.deck-manager__card-count-text,.deck-manager__level-badge{align-items:center;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .55rem;white-space:nowrap}.deck-manager__card-count-text{border:1px solid #4a90e233;border-radius:22px;justify-content:center;transition:all .2s ease}.deck-manager__card-count-text:hover{background:linear-gradient(135deg,#4a90e240,#4a90e226);transform:translateY(-1px)}.deck-level-container{display:flex;flex-direction:column;min-width:120px}.deck-level{align-items:center;background:linear-gradient(0deg,var(--accent-primary) 44%,#00f2fe 95%);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 2px 8px #4a90e24d;color:#fff;display:flex;font-size:.875rem;font-weight:700;gap:.25rem;padding:.25rem .75rem}.deck-level:before{content:"🏆";font-size:.75rem}.exp-progress-container{background:linear-gradient(180deg,#ffffff4d,#fff3);border-radius:4px;box-shadow:inset 0 1px 3px #0000004d;height:8px;overflow:hidden;position:relative;width:100%}.exp-progress-bar{height:100%;width:100%}.exp-text{color:#8b949e;font-size:.75em;margin-top:2px}.deck-dropdown{position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:1000}.options-button{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:all .2s ease}.options-button:hover{color:#fff;transform:scale(1.1)}.dropdown-menu{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border:1px solid #ffffff14;border-radius:8px;box-shadow:0 8px 24px #0000004d;max-width:200px;min-width:120px}@media (max-width:768px){.dropdown-menu{left:0;right:auto}}.dropdown-menu button{background:none;border:none;color:#fff;cursor:pointer;display:block;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.dropdown-menu button:hover{background:linear-gradient(135deg,var(--bg-quaternary) 0,var(--bg-tertiary) 100%)}.dropdown-menu button.delete{color:#f44}.dropdown-menu button.delete:hover{background:linear-gradient(135deg,#422,#311)}.deck-manager__deck-list--has-open-dropdown .deck-manager-deck-item:not(.active){opacity:.7}.ai-usage-stats{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:16px 0;padding:16px}.ai-usage-stats h3{border-bottom:1px solid #e1e4e8;color:#333;font-size:18px;margin-bottom:16px;margin-top:0;padding-bottom:8px}.ai-usage-stats h4{color:#555;font-size:16px;margin-bottom:12px;margin-top:0}.stats-container{display:flex;flex-direction:column;gap:16px}.daily-usage,.rate-limit{background-color:#fff;border:1px solid #e1e4e8;border-radius:6px;padding:12px}.usage-bar-container{background-color:#eee;border-radius:6px;height:12px;margin-bottom:8px;overflow:hidden}.usage-bar{border-radius:6px;height:100%;transition:width .3s ease}.usage-bar[data-status=good]{background-color:#28a745}.usage-bar[data-status=warning]{background-color:#ffc107}.usage-bar[data-status=critical]{background-color:#dc3545}.usage-details{color:#666;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.reset-info{color:#888;font-size:12px;font-style:italic;text-align:right}.rate-limit p{color:#666;font-size:14px;margin:0}.premium-prompt{background-color:#f0f7ff;border:1px solid #cce5ff;border-radius:6px;margin-top:16px;padding:12px;text-align:center}.premium-prompt p{color:#0056b3;font-size:14px;margin:0 0 12px}.upgrade-button{background-color:#007bff;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.upgrade-button:hover{background-color:#0069d9}.ai-usage-stats.error,.ai-usage-stats.loading{color:#666;padding:24px;text-align:center}.ai-usage-stats.error{color:#dc3545}@media (min-width:768px){.stats-container{flex-direction:row}.daily-usage{flex:2 1}.rate-limit{flex:1 1}}.ai-demo{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.ai-demo h1{color:#333;margin-bottom:30px;text-align:center}.demo-section{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.demo-section h2{border-bottom:1px solid #ddd;color:#2c3e50;margin-bottom:20px;padding-bottom:10px}.input-group input,.input-group textarea{border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:14px;padding:10px;width:100%}.result{background-color:#fff;border-left:4px solid #3498db;border-radius:4px;margin-top:20px;padding:15px}.result h3{color:#3498db;margin-bottom:10px;margin-top:0}.loading-indicator{background-color:#e9f7fe;border-radius:4px;color:#3498db;font-weight:700;margin-bottom:20px;padding:15px;text-align:center}.integration-examples{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.integration-examples h1{color:#333;margin-bottom:30px;text-align:center}.tabs{border-bottom:1px solid #ddd;display:flex;justify-content:center;margin-bottom:20px}.tabs button{background-color:initial;border:none;border-bottom:3px solid #0000;color:#555;cursor:pointer;font-size:16px;margin:0 5px;padding:10px 20px;transition:all .3s}.tabs button:hover{color:#3498db}.tabs button.active{border-bottom-color:#3498db;color:#3498db}.tab-content{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.code-generation-section,.line-explanation-section,.snippet-explanation-section{padding:15px}.explanation-container,.result-container{background-color:#fff;border-left:4px solid #3498db;border-radius:4px;margin-top:20px;padding:15px}.explanation{line-height:1.5;white-space:pre-wrap}.error-message{background-color:#f8d7da;border-left:4px solid #dc3545;border-radius:4px;color:#721c24}.input-group{margin-bottom:15px}.input-group label{color:#555;display:block;font-weight:700;margin-bottom:5px}.input-group select,.input-group textarea{border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:14px;padding:10px;width:100%}.input-group textarea{min-height:80px;resize:vertical}.code-block{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;overflow-x:auto;padding:15px;white-space:pre-wrap}.test-page{font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;padding:20px}.test-page-header{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px;text-align:center}.test-page-header h1{color:#2c3e50;margin-bottom:10px}.test-page-header p{color:#7f8c8d;font-size:18px}.test-page-footer{border-top:1px solid #eee;color:#7f8c8d;margin-top:50px;padding-top:20px}.test-page-footer pre{background-color:#f8f9fa;border-radius:5px;color:#333;font-family:Courier New,monospace;font-size:14px;line-height:1.5;overflow-x:auto;padding:15px}.study-mode-code-editor-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;flex-direction:column;height:100%;min-height:300px;position:relative;transition:var(--transition);width:100%}.study-mode-code-editor-surface{border-radius:inherit;flex:1 1 auto;min-height:220px;overflow:hidden;position:relative;width:100%}.study-mode-code-editor-container:focus-within{border-color:var(--bg-tertiary);box-shadow:0 4px 8px #0000001a}.study-mode-code-editor-placeholder{color:#6b7280;color:var(--text-tertiary,#6b7280);font-family:Fira Code,JetBrains Mono,Fira Mono,Menlo,monospace;font-size:14px;left:71px;line-height:20px;pointer-events:none;position:absolute;top:8px;-webkit-user-select:none;user-select:none;white-space:pre;z-index:10}.study-mode-code-editor-container--with-toolbar .study-mode-code-editor-placeholder{top:48px}.study-mode-code-editor-toolbar{align-items:center;background:#1a1a1f;background:var(--bg-secondary,#1a1a1f);border-bottom:1px solid var(--border-color);display:flex;flex-direction:row;flex-shrink:0;gap:10px;min-height:40px;padding:0 12px}.study-mode-code-editor-toolbar-filename{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-family:JetBrains Mono,Fira Mono,Menlo,monospace;font-size:12px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-mode-code-editor-toolbar-lang-badge{align-items:center;background:#0f0f13;background:var(--bg-primary,#0f0f13);border:1px solid var(--border-color);border-radius:999px;color:#a1a1aa;color:var(--text-secondary,#a1a1aa);display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:3px 10px}.study-mode-code-editor-toolbar-lang-dot{background-color:#94a3b8;background-color:var(--study-mode-code-editor-toolbar-dot,#94a3b8);border-radius:50%;box-shadow:0 0 0 1px #ffffff1f;flex-shrink:0;height:8px;width:8px}.study-mode-code-editor-toolbar-lang-text{line-height:1;white-space:nowrap}.study-mode-code-editor-toolbar-actions{align-items:center;display:flex;flex-shrink:0;gap:2px}.study-mode-code-editor-toolbar-action{align-items:center;background:#0000;border:none;border-radius:6px;color:#a1a1aa;color:var(--text-secondary,#a1a1aa);cursor:pointer;display:inline-flex;height:30px;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease;width:30px}.study-mode-code-editor-toolbar-action:hover{background:#ffffff0f;color:#fff;color:var(--text-primary,#fff)}.study-mode-code-editor-toolbar-action--active{background:#4facfe1f;color:#4facfef2}.study-mode-code-editor-toolbar-action-icon{display:block;flex-shrink:0}.study-mode-code-editor-container--with-toolbar{overflow:hidden}.study-mode-code-editor-container--with-toolbar .study-mode-code-editor-surface{border-radius:0}.ai-explanation-hub-overlay{align-items:center;animation:ai-explanation-hub-fade-in .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0f13d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes ai-explanation-hub-fade-in{0%{opacity:0}to{opacity:1}}.ai-explanation-hub-container{animation:ai-explanation-hub-slide-up .3s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow-hover);display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}@keyframes ai-explanation-hub-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-explanation-hub-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.ai-explanation-hub-header-left{align-items:center;display:flex;gap:12px}.ai-explanation-hub-icon{flex-shrink:0;height:24px;opacity:.9;width:24px}.ai-explanation-hub-title{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.ai-explanation-hub-subtitle{background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;padding:4px 10px}.ai-explanation-hub-header-right{align-items:center;display:flex;gap:12px}.ai-explanation-hub-code-toggle{background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:2px;padding:2px}.ai-explanation-hub-toggle-btn{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:var(--transition)}.ai-explanation-hub-toggle-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.ai-explanation-hub-toggle-btn.active{border:1px solid #4facfe4d}.ai-explanation-hub-nav-item.active,.ai-explanation-hub-toggle-btn.active{background-color:var(--bg-quaternary);background-image:linear-gradient(135deg,#4facfe1a,#00f2fe1a);color:var(--accent-primary)}.ai-explanation-hub-nav-item.active{border:1px solid #4facfe47;font-weight:600}.ai-explanation-hub-close-btn{align-items:center;background:#0000;border:none;border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:var(--transition);width:32px}.ai-explanation-hub-close-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}.ai-explanation-hub-content{display:flex;flex:1 1;min-height:0;overflow:hidden}.ai-explanation-hub-sidebar{background:var(--bg-tertiary);border-right:1px solid var(--border-color);flex-shrink:0;overflow-y:auto;padding:16px 0;width:200px}.ai-explanation-hub-nav{display:flex;flex-direction:column;gap:4px;padding:0 12px}.ai-explanation-hub-nav-item{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 12px;position:relative;text-align:left;transition:var(--transition)}.ai-explanation-hub-nav-item:hover{background:var(--bg-quaternary);color:var(--text-primary)}.ai-explanation-hub-nav-item.active:before{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:0 2px 2px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.ai-explanation-hub-main{background:var(--bg-secondary);display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:24px}.ai-explanation-hub-code-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden}.ai-explanation-hub-code-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px}.ai-explanation-hub-code-label{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ai-explanation-hub-code-content,.ai-explanation-hub-code-line{background:var(--bg-primary)}.ai-explanation-hub-sections{display:flex;flex-direction:column;gap:32px}.ai-explanation-hub-section{scroll-margin-top:24px}.ai-explanation-hub-section-title{border-bottom:2px solid #0483b666;color:var(--accent-primary);font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.ai-explanation-hub-section-content{color:var(--text-primary);font-size:15px;line-height:1.7}.ai-explanation-hub-section-content p{margin:0 0 16px}.ai-explanation-hub-section-content strong{background:linear-gradient(135deg,#0483b626,#00f2fe26);border-radius:4px;color:var(--text-primary);font-weight:600;padding:2px 4px}.ai-explanation-hub-section-content code{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--accent-primary);font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;padding:3px 8px}.ai-explanation-hub-section-content ol,.ai-explanation-hub-section-content ul{margin:12px 0;padding-left:24px}.ai-explanation-hub-section-content li{color:var(--text-primary);line-height:1.6;margin:8px 0}.ai-explanation-hub-section-content li::marker{color:var(--accent-primary)}.ai-explanation-hub-section-content h4{color:var(--accent-primary);font-size:16px;font-weight:600;margin:16px 0 8px}.ai-explanation-hub-section-content blockquote{border-left:3px solid var(--accent-primary);color:var(--text-secondary);font-style:italic;margin:16px 0;padding-left:16px}.ai-explanation-hub-main::-webkit-scrollbar,.ai-explanation-hub-sidebar::-webkit-scrollbar{width:8px}.ai-explanation-hub-main::-webkit-scrollbar-track,.ai-explanation-hub-sidebar::-webkit-scrollbar-track{background:var(--bg-primary)}.ai-explanation-hub-main::-webkit-scrollbar-thumb,.ai-explanation-hub-sidebar::-webkit-scrollbar-thumb{background:var(--bg-quaternary);border:2px solid var(--bg-primary);border-radius:4px}.ai-explanation-hub-main::-webkit-scrollbar-thumb:hover,.ai-explanation-hub-sidebar::-webkit-scrollbar-thumb:hover{background:#0483b666}@media (max-width:768px){.ai-explanation-hub-container{border-radius:0;max-height:100vh;max-width:100%}.ai-explanation-hub-overlay{padding:0}.ai-explanation-hub-sidebar{width:160px}.ai-explanation-hub-header{flex-wrap:wrap;gap:12px;padding:16px}.ai-explanation-hub-main{padding:16px}}.ai-explanation-hub-embedded-root{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;width:100%}.ai-explanation-hub-embedded-root .ai-explanation-hub-header{flex-shrink:0}.ai-explanation-hub-embedded-root .ai-explanation-hub-content{flex:1 1;min-height:0}.ai-explanation-hub-embedded-root .ai-explanation-hub-main{min-height:0}.ai-explanation-hub-embedded-root .ai-explanation-hub-code-content pre{max-height:min(220px,30vh)!important}.study-viewer{--header-h:72px;--bottom-h:220px;--gutter:12px;background:var(--bg-secondary);color:var(--text-primary);display:flex;flex-direction:column;height:100vh;max-width:1400px;position:relative}.study-test-complete-summary-overlay{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:100}.study-test-complete-summary{background:#1e293b;background:var(--bg-secondary,#1e293b);border:1px solid #ffffff1f;border:1px solid var(--border-color,#ffffff1f);border-radius:12px;box-shadow:0 12px 40px #0006;max-width:400px;padding:28px 24px;text-align:center;width:100%}.study-test-complete-summary-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1.35rem;font-weight:700;margin:0 0 16px}.study-test-complete-summary-score{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1.1rem;margin:0 0 12px}.study-test-complete-summary-score strong{color:#3b82f6;color:var(--accent-primary,#3b82f6)}.study-test-complete-summary-message{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9375rem;line-height:1.45;margin:0 0 24px}.study-test-complete-summary-btn{background:#3b82f6;background:var(--accent-primary,#3b82f6);border:none;border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px;transition:background .2s ease,transform .15s ease}.study-test-complete-summary-btn:hover{background:#2563eb;background:var(--accent-primary-hover,#2563eb);transform:translateY(-1px)}.study-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex:0 0 var(--header-h);justify-content:space-between;padding:10px 8px}.study-header-left{align-items:center;display:flex;gap:10px}.study-header-titles{align-items:center;display:flex;flex-direction:row;gap:2px}.study-header-titles .study-header-title{background:var(--bg-secondary);border-radius:12px;font-size:1.5rem;margin:0;padding:2px 12px}.study-header-level,.study-header-titles .study-header-title{color:var(--text-primary);display:inline-block;font-weight:700;width:fit-content}.study-header-level{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border:1px solid #4facfe4d;border-radius:8px;font-size:.9rem;font-size:1rem;padding:4px 10px}.study-header-test-badge{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-left:10px;padding:4px 10px;text-transform:uppercase}.study-header-titles .study-header-level{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:25px;padding:4px 12px}.study-header-progress,.study-header-titles .study-header-level{color:var(--text-primary);display:inline-block;font-size:.9rem;font-weight:700;width:fit-content}.study-header-progress{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border:1px solid #4facfe4d;border-radius:8px;font-size:1rem;margin-left:0;overflow:hidden;padding:4px 10px;position:relative}.study-progress-bar{background:var(--bg-secondary);overflow:hidden;right:0}.study-progress-bar,.study-progress-fill{border-radius:8px;bottom:0;left:0;position:absolute;top:0}.study-progress-fill{background:linear-gradient(135deg,#4facfe4d,#00f2fe4d);transition:width .3s ease}.study-progress-text{color:var(--text-primary);font-size:.9rem;font-weight:700;position:relative;white-space:nowrap;z-index:1}.study-mode-selector>:first-child{margin-left:8px}.study-header-roadmap-mode-display{align-items:center;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:700;justify-content:center;padding:4px 12px;pointer-events:none;-webkit-user-select:none;user-select:none}.study-header-roadmap-mode-display--study{background:#f5d54714;border-color:#f5d54759}.study-header-roadmap-mode-display--test{background:#4facfe1a;border-color:#4facfe8c;box-shadow:0 0 0 1px #4facfe26}.study-header-roadmap-mode-display__value{letter-spacing:.02em}.study-header-titles .study-header-subtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-top:2px}.study-title-with-icon{align-items:center;display:flex;margin-left:10px}.study-flashcard-title-with-icon{align-items:center;display:flex;gap:8px}.study-flashcard-language-icon,.study-language-icon{flex-shrink:0;height:25px;width:25px}.study-header-right .study-header-metrics{align-items:center;display:flex;gap:6px}.study-header .study-metric{color:var(--text-secondary);font-size:.92rem}.study-center{flex:1 1 auto;max-height:none;min-height:0;overflow:visible;padding:2% 16px 20px;position:relative;z-index:1}.study-center,.study-center-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.study-center-content{transition:all .3s ease;width:min(820px,96%)}.study-center-content.expanded{display:flex;flex-direction:column;height:100vh;max-width:none;width:100%}.study-mode-selector{align-items:center;display:flex;gap:8px}.study-mode-toggle-container{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:14px;cursor:pointer;display:flex;height:28px;overflow:hidden;position:relative;width:64px}.study-mode-button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;gap:0;height:100%;justify-content:center;min-width:auto;padding:0;position:relative;transition:color .3s ease;z-index:2}.study-mode-button:hover{background:#0000;border:none;color:#fff;transform:none}.study-mode-toggle-container.lineByLine-active .study-mode-button:nth-child(2),.study-mode-toggle-container.regular-active .study-mode-button:first-child{color:#fff}.study-mode-toggle-container.lineByLine-active .study-mode-button:first-child,.study-mode-toggle-container.regular-active .study-mode-button:nth-child(2){color:#fff9}.study-mode-toggle-container:not(.regular-active):not(.lineByLine-active) .study-mode-button{color:#ffffff80}.study-mode-slider{background:linear-gradient(135deg,#fe4f4f26,#fe000026);border:1px solid #fe4f4f80;border-radius:12px;height:calc(100% - 2px);left:2px;position:absolute;top:1px;transition:transform .3s ease,opacity .3s ease;width:30px;z-index:1}.study-mode-toggle-container:not(.regular-active):not(.lineByLine-active) .study-mode-slider{opacity:0}.study-mode-toggle-container.regular-active .study-mode-slider{opacity:1;transform:translateX(0)}.study-mode-toggle-container.lineByLine-active .study-mode-slider{opacity:1;transform:translateX(32px)}.study-mode-button-notes{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:4px;height:28px;justify-content:center;min-width:28px;padding:6px 8px;transition:all .2s ease}.study-mode-button-notes:hover{background:var(--bg-tertiary);border-color:#fe4f4f80;transform:scale(1.05)}.study-mode-button-notes.active{background:linear-gradient(135deg,#fe4f4f26,#fe000026);border-color:#fe4f4f80;color:#fff}.study-mode-button-notes:active{transform:scale(.95)}.study-hints-toggle-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.9rem;justify-content:center;padding:6px 8px;transition:all .2s ease}.study-hints-toggle-btn:hover{background:var(--bg-tertiary);border-color:#4facfe80;transform:scale(1.05)}.study-hints-toggle-btn.study-hints-toggle-btn--active{background:linear-gradient(135deg,#4facfe26,#00f2fe1a);border-color:#4facfe80;color:var(--text-primary)}.study-hints-toggle-btn:active,.study-mode-button:active{transform:scale(.95)}.study-mode-icon{font-size:16px;line-height:1}.study-mode-text{font-size:1rem;font-weight:600}.study-stats{color:var(--text-primary);display:flex;font-weight:500;gap:12px}.study-card-count,.study-level{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;font-size:14px;padding:8px 16px}.study-gamified-btn{align-items:center;border:1px solid #4facfe4d;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:0;padding:6px 16px;transition:all .3s ease}.study-gamified-btn,.study-gamified-btn:hover{background:linear-gradient(135deg,#4facfe26,#00f2fe26)}.study-gamified-btn:hover{border-color:#4facfe80;transform:translateY(-2px)}.study-gamified-btn:active{transform:translateY(0)}.study-gamified-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.study-btn-icon{font-size:16px}.study-flashcard-container{border-radius:12px;box-shadow:0 8px 12px var(--bg-primary);margin:0 auto 2%;max-width:800px;overflow:visible;padding:8px;position:relative;transform:translateY(2px);transition:all .3s ease;width:100%;z-index:1}.study-flashcard-shell{align-items:stretch;display:flex;flex-direction:row;gap:8px;margin:0 auto;max-width:900px;width:100%}.study-center-content.expanded .study-flashcard-shell{max-width:none;width:100%}.study-flashcard-shell .study-flashcard-container{flex:1 1;margin-left:0;margin-right:0;max-width:none;min-width:0}.study-flashcard-shell-mode-rail{--study-flashcard-shell-mode-rail-gradient:linear-gradient(135deg,#4facfe1a,#00f2fe1a);align-self:stretch;border-radius:16px;display:flex;flex-direction:column;flex-shrink:0;gap:8px;min-width:118px;padding:12px 10px;transition:all .3s ease}.study-flashcard-shell-mode-rail__button{background-color:var(--bg-secondary);border:1px solid #4facfe1f;border-radius:6px;box-shadow:none;color:#ffffffd1;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;min-width:0;outline:none;padding:8px 10px;text-align:left;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;width:100%}.study-flashcard-shell-mode-rail__button:focus-visible{border-color:#4facfe80;box-shadow:0 0 0 2px #4facfe38}.study-flashcard-shell-mode-rail__button:hover:not(:disabled):not(.study-flashcard-shell-mode-rail__button--active){background-color:var(--bg-quaternary);box-shadow:0 2px 12px #4facfe0a;color:var(--text-primary)}.study-flashcard-shell-mode-rail__button--active{background-color:var(--bg-primary);background-image:var(--study-flashcard-shell-mode-rail-gradient);border-color:#4facfe4d;box-shadow:inset 0 1px 0 #ffffff0d;color:var(--text-primary)}.study-flashcard-shell-mode-rail__button--active:hover:not(:disabled){background-image:var(--study-flashcard-shell-mode-rail-gradient);border-color:#4facfe5c;box-shadow:inset 0 1px 0 #ffffff0f}.study-flashcard-shell-mode-rail__button-inner{align-items:center;display:inline-flex;gap:8px;justify-content:flex-start;width:100%}.study-flashcard-shell-mode-rail__icon{flex-shrink:0;height:18px;width:18px}.study-flashcard-shell-mode-rail__icon--explanation,.study-flashcard-shell-mode-rail__icon--snippet{color:currentColor}.study-flashcard-shell-mode-rail__label{line-height:1.2}.study-flashcard-shell-mode-rail__button:disabled{cursor:not-allowed;opacity:.45}.study-flashcard-shell-mode-rail__expand-btn{flex-shrink:0;font-size:1rem;margin-top:2px;min-height:36px;width:100%}.study-flashcard-shell-mode-rail .study-expand-btn{background-color:var(--bg-tertiary);background-image:var(--study-flashcard-shell-mode-rail-gradient);border-color:#4facfe1f}.study-flashcard-shell-mode-rail .study-expand-btn:hover{background-color:var(--bg-quaternary);background-image:var(--study-flashcard-shell-mode-rail-gradient);border-color:#4facfe38;box-shadow:0 2px 12px #4facfe0a;transform:none}.study-flashcard-shell-mode-rail .study-expand-btn:active{transform:scale(.97)}.study-flashcard--embedded-explanation{display:flex;flex-direction:column;height:600px;margin:0;max-height:600px;min-height:400px;overflow:hidden;position:relative;transition:height .3s ease;width:100%}.study-flashcard--embedded-explanation .ai-explanation-hub-embedded-root{flex:1 1;min-height:0}.study-flashcard-container.expanded .study-flashcard--embedded-explanation{flex:1 1;height:100%;max-height:none;min-height:100%}.study-flashcard-embedded-explanation-feedback{background:#dc505026;border:1px solid #dc505059;border-radius:8px;color:var(--text-primary);flex-shrink:0;font-size:14px;margin:12px 12px 0;padding:10px 12px}.study-flashcard-embedded-explanation-loading{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 24px #00000026;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0;min-height:0;padding:20px 16px}.study-flashcard-embedded-explanation-loading-panel{align-items:center;display:flex;flex-direction:column;gap:14px;max-width:22rem;padding:8px 12px 4px;text-align:center}.study-flashcard-embedded-explanation-loading-spinner{animation:study-flashcard-explanation-loading-spin .95s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#ffffff80;flex-shrink:0;height:44px;width:44px}@keyframes study-flashcard-explanation-loading-spin{to{transform:rotate(1turn)}}.study-flashcard-embedded-explanation-loading-title{color:var(--text-primary);font-size:1.05rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:4px 0 0}.study-flashcard-embedded-explanation-loading-sub{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0;max-width:20rem}.study-flashcard-embedded-explanation-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;font-size:15px;justify-content:center;line-height:1.5;margin:0;padding:24px;text-align:center}@media (max-width:640px){.study-flashcard-shell{flex-direction:column;max-width:100%}.study-flashcard-shell-mode-rail{align-self:center;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:400px;min-width:0;width:100%}.study-flashcard-shell-mode-rail__button{flex:1 1;min-width:100px}.study-flashcard-shell-mode-rail__expand-btn{flex:1 1 100%;min-width:100px}}.study-flashcard-container.expanded{border-radius:12px;box-shadow:0 8px 12px var(--bg-primary);height:calc(100vh - 72px);margin-bottom:2%;max-width:100%;overflow:visible;padding:8px;position:relative;transform:translateY(2px);width:100%}.study-flashcard{height:600px;margin:0;max-height:600px;min-height:400px;overflow:hidden;position:relative;transition:height .3s ease;width:100%}.study-flashcard-container.expanded .study-flashcard{flex:1 1;height:100%;max-height:none;min-height:100%}.study-flashcard-side{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease;width:100%}.study-flashcard-side:hover{box-shadow:0 12px 32px #0003;transform:translateY(-2px)}.study-flashcard-side.active{box-shadow:0 12px 32px #0003;transform:scale(1.02)}.study-flashcard-header{align-items:flex-start;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:20px 20px 30px;position:relative}.study-clickable-header{cursor:pointer;position:relative;transition:all .2s ease}.study-clickable-header:after{background:var(--accent-color);border-radius:4px;color:#fff;content:"Click to flip";font-size:.7rem;font-weight:500;margin-top:8px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;right:20px;top:100%;transition:opacity .2s ease;white-space:nowrap}.study-clickable-header:hover:after{opacity:1}.study-flashcard-title-section{display:flex;flex:1 1;flex-direction:column;gap:8px;margin-top:1%}.study-flashcard-title-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;min-width:0}.study-flashcard-progress-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:9px}.study-lesson-title{word-wrap:break-word;color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:700;line-height:1.3;margin:0;min-width:0;overflow-wrap:break-word;white-space:normal}.study-lesson-progress-indicator{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.study-lesson-number,.study-sub-lesson-number{gap:6px}.study-card-index-btn,.study-lesson-number,.study-sub-lesson-number{align-items:center;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:600}.study-card-index-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-family:inherit;gap:4px;justify-content:center;min-height:24px;padding:4px 12px;transition:all .2s ease}.study-card-index-btn:hover{background:var(--bg-hover);border-color:var(--accent-color);box-shadow:0 2px 8px #4facfe33;transform:scale(1.05)}.study-card-index-btn:active{transform:scale(1.02)}.study-card-index-number{display:inline-block}.study-card-index-of{color:var(--text-secondary);display:inline-block;font-weight:500}.study-card-index-btn:hover .study-card-index-of,.study-card-nav-btn{color:var(--text-primary)}.study-card-nav-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:4px 8px;transition:all .2s ease}.study-card-nav-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-color);transform:scale(1.05)}.study-card-nav-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.study-card-nav-btn:active:not(:disabled){transform:scale(.95)}.study-flip-controls{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px;min-width:120px;position:relative;width:auto;z-index:2}.study-flip-controls-buttons{align-items:center;display:flex;gap:6px;padding-top:5%}.study-flashcard-side-label{flex-shrink:0;font-weight:600;gap:6px;justify-content:flex-end;line-height:24px;margin:0 0 4px;max-width:none;min-height:24px;order:-1;padding:0;text-align:right;white-space:nowrap;width:auto}.study-expand-btn,.study-flashcard-side-label{align-items:center;color:var(--text-primary);display:flex;font-size:.9rem}.study-expand-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;height:28px;justify-content:center;min-width:28px;padding:6px 8px;transition:all .2s ease}.study-expand-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-color);transform:scale(1.05)}.study-expand-btn:active{transform:scale(.95)}.study-flashcard-content{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:20px;scrollbar-width:none}.study-flashcard-content::-webkit-scrollbar{display:none;width:0}.study-flashcard-content:hover{-ms-overflow-style:auto;scrollbar-width:thin}.study-flashcard-content:hover::-webkit-scrollbar{display:block;width:8px}.study-flashcard-content:hover::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.study-flashcard-content:hover::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.study-flashcard-content:hover::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.study-flashcard-container.expanded .study-flashcard-content{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none}.study-flashcard-container.expanded .study-flashcard-content::-webkit-scrollbar{display:none;width:0}.study-flashcard-container.expanded .study-flashcard-content:hover{-ms-overflow-style:auto;scrollbar-width:thin}.study-flashcard-container.expanded .study-flashcard-content:hover::-webkit-scrollbar{display:block;width:8px}.study-flashcard-container.expanded .study-flashcard-content:hover::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.study-flashcard-container.expanded .study-flashcard-content:hover::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.study-flashcard-container.expanded .study-flashcard-content:hover::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.study-concept-cards{display:flex;flex-direction:column;gap:20px;height:100%}.study-concept-cards.study-minimal .study-concept-card{background:var(--bg-secondary);border-radius:12px;box-shadow:0 8px 24px #0000002e;display:flex;flex:1 1;flex-direction:column;justify-content:center}.study-concept-card p,.study-concept-card pre{color:var(--text-primary);font-size:16px;line-height:1.6;margin:0}.study-concept-card pre{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.study-problem-description{background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:var(--border-radius);flex:1 1;padding:20px}.study-problem-description p{color:var(--text-primary);font-size:16px;line-height:1.6;margin:0}.study-preview-code{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);flex:1 1;padding:20px}.study-preview-code pre{color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.study-input-content{display:flex;flex-direction:row;gap:20px;height:100%;min-height:0}.study-input-main{display:flex;flex:1 1;flex-direction:column;gap:20px;min-width:0}.study-editor-container{flex:1 1;min-height:0}.study-hints-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:280px}.study-hints-panel__header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 14px;text-transform:uppercase}.study-hints-panel__list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:12px}.study-hints-panel__item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:12px}.study-hints-panel__item--active{background:#4facfe0f;border-color:#4facfe80}.study-hints-panel__block-context{color:var(--text-secondary);font-size:11px;font-weight:600;margin-bottom:6px}.study-hints-panel__hint-text{color:var(--text-primary);font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.study-hints-panel__empty{color:var(--text-tertiary);font-size:13px;font-style:italic;padding:12px 0}.study-code-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;height:100%;line-height:1.5;padding:20px;resize:none;transition:var(--transition);width:100%}.study-code-input:focus{background:var(--bg-primary);border-color:var(--bg-tertiary);box-shadow:0 4px 8px #0000001a;outline:none;transform:translateY(2px)}.study-code-input::placeholder{color:var(--text-tertiary)}.study-ai-icon{height:22px;position:relative;top:3px;width:22px}.study-line-comparison{animation:slideIn .3s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:12px;padding:16px}.study-line-comparison-row{gap:12px}.study-line-comparison-column,.study-line-comparison-row{display:flex;flex-direction:column}.study-line-comparison-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.study-line-comparison-code{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;min-height:40px;padding:12px;white-space:pre-wrap;word-break:break-word}.study-line-comparison-code--user{border-left:3px solid #ff4d4f}.study-line-comparison-code--solution{border-left:3px solid #52c41a}.study-line-segment{display:inline;padding:2px 0;transition:background-color .2s ease}.study-line-segment-correct{background-color:#52c41a33;color:#52c41a;font-weight:500}.study-line-segment-incorrect{background-color:#ff4d4f4d;color:#ff4d4f;font-weight:500;text-decoration:underline;text-decoration-color:#ff4d4f}.study-line-segment-missing{background-color:#ffc1074d;border-left:2px solid #ffc107;border-right:2px solid #ffc107;color:#ffc107;font-weight:500;padding:2px 4px;text-decoration:underline;text-decoration-color:#ffc107;text-decoration-style:dashed}.study-code-input-with-comparison{margin-top:8px}.study-feedback-message{align-items:flex-start;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;font-size:16px;font-weight:500;gap:12px;justify-content:space-between;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.study-feedback-message:before{background:currentColor;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.study-feedback-message.correct{background:linear-gradient(135deg,#52c41a26,#52c41a0d);border:1px solid #52c41a66;color:var(--success)}.study-feedback-message.incorrect{background:linear-gradient(135deg,#ff4d4f26,#ff4d4f0d);border:1px solid #ff4d4f66;color:var(--danger)}.study-feedback-text{flex:1 1;line-height:1.5;margin:0}.study-hint-message{align-items:flex-start;background:linear-gradient(135deg,#ffc10726,#ffc1070d);border:1px solid #ffc10766;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:var(--warning);display:flex;gap:12px;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.study-hint-message:before{background:#ffc10766;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.study-hint-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));flex-shrink:0;font-size:18px;margin-top:1px}.study-hint-text{flex:1 1;font-size:15px;font-weight:500;line-height:1.5;margin:0}.study-feedback-close-btn{align-items:center;background:#0000001a;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:24px;justify-content:center;margin-top:-2px;opacity:.7;transition:all .2s ease;width:24px}.study-feedback-close-btn:hover{background:#0003;opacity:1;transform:scale(1.1)}.study-feedback-close-btn:active{transform:scale(.9)}.study-ai-explanation{background:linear-gradient(135deg,#4facfe14,#4facfe05);border:1px solid #4facfe4d;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:16px;overflow:hidden;position:relative;transition:all .3s ease}.study-ai-explanation:before{background:#4facfecc;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.study-ai-explanation-header{align-items:center;background:linear-gradient(135deg,#4facfe1a,#4facfe0d);border-bottom:1px solid #4facfe33;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.study-ai-explanation-header h3{align-items:center;color:#4facfe;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0}.study-ai-explanation-header h3:before{content:"";font-size:16px}.study-ai-explanation-content{padding:20px}.study-ai-explanation-content p{color:var(--text-primary);font-size:15px;font-weight:400;line-height:1.6;margin:0}.study-loading{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:400px}.study-loading-spinner{animation:studySpin 1s linear infinite;border-top:4px solid var(--bg-tertiary);border:4px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--accent-primary);height:40px;margin-bottom:20px;width:40px}@keyframes studySpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.study-error,.study-no-cards{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow);margin:40px 0;padding:40px;text-align:center}.study-error h2,.study-no-cards h2{color:var(--danger);margin-bottom:16px}.study-back-button{background:var(--accent-primary);border:none;border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px;transition:var(--transition)}.study-back-button:hover{background:var(--accent-hover);transform:translateY(-2px)}.study-controls-separator{background:#fff;height:20px;margin:0 8px;opacity:.6;width:1px}.study-control-button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;height:32px;justify-content:center;min-width:32px;padding:8px 12px;transition:all .2s ease}.study-control-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-color);transform:scale(1.05)}.study-control-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.study-control-button:active:not(:disabled){transform:scale(.95)}.study-loading-dots{align-items:center;display:flex;gap:2px}.study-dot{animation:study-dot-bounce 1.4s ease-in-out infinite both;background:currentColor;border-radius:50%;height:4px;width:4px}.study-dot:first-child{animation-delay:-.32s}.study-dot:nth-child(2){animation-delay:-.16s}@keyframes study-dot-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.study-check-solution-btn{align-items:center;background:linear-gradient(135deg,#4facfe26,#00f2fe26);border:1px solid #4facfe4d;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.study-check-solution-btn:hover{background:linear-gradient(135deg,#4facfe40,#00f2fe40);border-color:#4facfe80;transform:translateY(-2px)}.study-check-solution-btn:active{transform:translateY(0)}.study-check-solution-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.study-flip-controls-buttons .study-control-button,.study-flip-controls-buttons .study-explain-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:4px;height:28px!important;justify-content:center;min-width:28px;padding:6px 8px!important;transition:all .2s ease}.study-flip-controls-buttons .study-control-button:hover,.study-flip-controls-buttons .study-explain-button:hover{background:var(--bg-tertiary);border-color:#4facfe80;transform:scale(1.05)!important}.study-flip-controls-buttons .study-control-button:active,.study-flip-controls-buttons .study-explain-button:active{transform:scale(.95)}.study-flip-controls-buttons .study-btn-text{display:none}.study-flip-controls-buttons .study-btn-icon{font-size:1.1rem;margin-right:0}.study-flip-controls-buttons .study-check-solution-btn,.study-flip-controls-buttons .study-gamified-btn{align-items:center;background:linear-gradient(135deg,#4facfe26,#00f2fe26);border:1px solid var(--border-color);border-radius:6px!important;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:4px;height:28px!important;justify-content:center;min-width:28px;padding:6px 8px!important;transition:all .2s ease}.study-flip-controls-buttons .study-check-solution-btn:hover,.study-flip-controls-buttons .study-gamified-btn:hover{background:linear-gradient(135deg,#4facfe40,#00f2fe40);border-color:#4facfe80;transform:scale(1.05)!important}.study-flip-controls-buttons .study-check-solution-btn:active,.study-flip-controls-buttons .study-gamified-btn:active{transform:scale(.95)}.study-flip-controls-buttons .study-check-solution-btn:disabled,.study-flip-controls-buttons .study-gamified-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.study__experience-popup{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.study__experience-content{animation:studyPopupIn .3s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow-hover);padding:40px;text-align:center}@keyframes studyPopupIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.study__experience-content h3{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 15px}.study__experience-content p{color:var(--accent-primary);font-size:18px;font-weight:500;margin:0 0 15px}.study__level-up{color:var(--success)!important;font-size:20px!important;font-weight:600}.study__next-review{color:#ffffffb3;font-size:14px;font-weight:500;margin-top:12px}.study__close-button{background:var(--accent-primary);border:none;border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:500;margin-top:20px;padding:12px 24px;transition:var(--transition)}.study__close-button:hover{background:var(--accent-hover);transform:translateY(-2px)}@media (max-width:768px){.study-viewer{--header-h:64px;--gutter:10px}.study-center{max-height:none;min-height:calc(100vh - 100px);padding:16px 12px}.study-header{flex-direction:column;gap:20px;padding:15px;text-align:center}.study-header-left{flex-direction:column;gap:15px}.study-header-titles{align-items:center;flex-direction:row;gap:10px;justify-content:center;text-align:center}.study-header-titles .study-header-title{font-size:1.1rem;padding:5px 12px}.study-header-titles .study-header-level{font-size:.85rem;padding:3px 10px}.study-header-progress{font-size:.85rem;padding:3px 8px}.study-progress-text{font-size:.85rem}.study-header-right .study-header-metrics{align-items:stretch;flex-direction:column;gap:8px}.study-mode-selector{justify-content:center;margin-bottom:8px;margin-right:0}.study-mode-selector>:first-child{margin-left:0}.study-stats{flex-direction:column;gap:10px}.study-flashcard{height:400px}.study-flashcard-header{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.study-flashcard-title-section{order:1}.study-flip-controls{align-items:flex-end;flex-direction:column;gap:8px;max-width:100px;min-width:100px;order:2}.study-expand-btn,.study-mode-button{font-size:.8rem;height:24px;min-width:24px;padding:4px 6px}.study-flip-controls-buttons{gap:4px}.study-flashcard-content{padding:16px}.study-input-content{flex-direction:column}.study-hints-panel{max-height:180px;width:100%}.study-card-nav-btn{font-size:.7rem;height:20px;min-width:20px;padding:2px 6px}.study-clickable-header:after{display:none}.study-flashcard-language-icon,.study-language-icon{height:18px;width:18px}.study-flashcard-title-with-icon,.study-title-with-icon{gap:6px}}@media (max-width:480px){.study-flashcard{height:350px}.study-flashcard-header{padding:15px 20px}.study-flashcard-content{padding:15px}.study-nav-button{font-size:14px;padding:10px 20px}}.study-notes-content{display:flex;flex-direction:column;gap:16px;height:100%}.study-notes-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:12px;justify-content:space-between;padding:0 4px 12px}.study-notes-header-left{align-items:center;display:flex;flex:1 1}.study-notes-header-right{align-items:center;display:flex;gap:8px}.study-notes-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.study-notes-save-status{background:var(--bg-quaternary);border:1px solid var(--border-color);border-radius:16px;color:var(--text-secondary);font-size:14px;font-weight:500;padding:4px 12px}.study-notes-view-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:4px;padding:2px}.study-notes-view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.study-notes-view-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.study-notes-view-toggle-btn.active{background:var(--bg-secondary);box-shadow:0 1px 3px #0000001a;color:var(--text-primary)}.study-notes-description-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:4px 10px;transition:all .2s ease}.study-notes-description-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-color);transform:scale(1.05)}.study-notes-description-btn:active{transform:scale(.95)}.study-notes-description-view{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);height:100%;overflow-y:auto;padding:16px;width:100%}.study-notes-description-text{word-wrap:break-word;color:var(--text-primary);font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.study-notes-editor-container{display:flex;flex:1 1;flex-direction:column}.study-notes-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;height:100%;line-height:1.6;min-height:300px;outline:none;padding:16px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.study-notes-textarea:focus{transform:translateY(2px)}.study-notes-textarea::placeholder{color:var(--text-tertiary);font-style:italic}.study-mode-button.study-mode-button--notes{position:relative}.study-mode-button.study-mode-button--notes.active{background:var(--accent-color);box-shadow:0 2px 8px rgba(var(--accent-color-rgb),.3);color:#fff}.study-mode-button.study-mode-button--notes:hover:not(.active){background:var(--bg-quaternary);border-color:var(--accent-color)}@media (max-width:768px){.study-notes-content{gap:12px}.study-notes-header{align-items:flex-start;flex-direction:column;gap:8px;padding-bottom:8px}.study-notes-header-left{width:100%}.study-notes-header-right{justify-content:space-between;width:100%}.study-notes-header h3{font-size:16px}.study-notes-save-status{font-size:12px;padding:3px 8px}.study-notes-view-toggle{justify-content:stretch;width:100%}.study-notes-view-toggle-btn{flex:1 1;font-size:12px;padding:6px 8px}.study-notes-description-btn{font-size:12px;padding:3px 8px}.study-notes-textarea{font-size:13px;min-height:250px;padding:12px}.study-notes-description-view{padding:12px}.study-notes-description-text{font-size:13px}}.study-flip-warning-overlay{align-items:center;animation:study-flip-warning-fade-in .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.study-flip-warning-popup{animation:study-flip-warning-slide-in .3s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 8px 32px #0000004d;max-height:80vh;max-width:400px;overflow-y:auto;width:90%}.study-flip-warning-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:var(--border-radius) var(--border-radius) 0 0;padding:20px 24px 16px}.study-flip-warning-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.study-flip-warning-content{padding:20px 24px}.study-flip-warning-content p{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0 0 16px}.study-flip-warning-list{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 16px;padding-left:20px}.study-flip-warning-list li{margin-bottom:4px}.study-flip-warning-question{color:var(--text-primary)!important;font-weight:500;margin-bottom:0!important}.study-flip-warning-actions{background:var(--bg-secondary);border-radius:0 0 var(--border-radius) var(--border-radius);border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.study-flip-warning-btn{border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.study-flip-warning-cancel{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.study-flip-warning-cancel:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary)}.study-flip-warning-confirm{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.study-flip-warning-confirm:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 2px 8px rgba(var(--accent-color-rgb),.3)}@keyframes study-flip-warning-fade-in{0%{opacity:0}to{opacity:1}}@keyframes study-flip-warning-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.study-flip-warning-popup{margin:20px;width:95%}.study-flip-warning-actions,.study-flip-warning-content,.study-flip-warning-header{padding-left:16px;padding-right:16px}.study-flip-warning-actions{flex-direction:column}.study-flip-warning-btn{width:100%}}.study-glossary-test-hint{background:#33415566;background:var(--bg-tertiary,#33415566);border-radius:6px;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.8125rem;line-height:1.35;margin:0 0 10px;padding:8px 10px}.study-glossary-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.study-glossary-list{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:4px 0}.study-glossary-item{align-items:flex-start;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:all .2s ease}.study-glossary-item:hover{background:var(--bg-hover);border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.study-glossary-item-active{background:linear-gradient(135deg,#4facfe26,#00f2fe1a);border-color:var(--accent-color);box-shadow:0 4px 16px #4facfe33}.study-glossary-item-active:hover{background:linear-gradient(135deg,#4facfe33,#00f2fe26)}.study-glossary-item--test-answered{cursor:not-allowed;opacity:.65;pointer-events:none}.study-glossary-item-number{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.study-glossary-item-active .study-glossary-item-number{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.study-glossary-item-content{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.study-glossary-item-title{color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.4}.study-glossary-item-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.85rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.study-glossary-item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.study-glossary-item-language{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:6px}.study-glossary-item-mastery{align-self:center;border-radius:6px;flex-shrink:0;font-size:.7rem;font-weight:500;margin-left:auto;padding:3px 8px;text-transform:capitalize}.study-glossary-item-mastery--beginner{background:#ffffff0f;border:1px solid #ffffff14;color:#ffffff80}.study-glossary-item-mastery--intermediate{background:#ffffff0f;border:1px solid #ffffff1a;color:#fff9}.study-glossary-item-mastery--advanced{background:#ffffff0f;border:1px solid #ffffff1f;color:#ffffffb3}.study-glossary-item-mastery--master{background:#ffffff14;border:1px solid #ffffff1f;color:#ffffffd9}.study-glossary-item-language-icon{height:16px;opacity:.8;width:16px}@media (max-width:768px){.study-glossary-item{gap:10px;padding:10px 12px}.study-glossary-item-number{font-size:.85rem;height:28px;width:28px}.study-glossary-item-title{font-size:.9rem}.study-glossary-item-description{font-size:.8rem}}.learn-mode-container{background:var(--bg-secondary);border-radius:10px;box-sizing:border-box;color:var(--text-primary);margin:0 auto;max-width:1400px;min-width:0;width:100%}.learn-mode-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:15px;padding:20px 0 20px 4px}.learn-mode-header-content{align-items:center;display:flex;flex:1 1;gap:12px}.learn-mode-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:bolder;margin:0}.learn-mode-subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:4px}.learn-mode-icon{flex-shrink:0;height:30px;width:30px}.learn-mode-header p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0;max-width:600px}.create-course-btn{background:linear-gradient(135deg,#4facfe26,#00f2fe26);border:1px solid #4facfe4d;border-radius:16px;box-shadow:none;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:bolder;margin-left:auto;padding:5px 14px;transition:background-color .2s ease,border-color .2s ease;white-space:nowrap}.create-course-btn:hover{background:var(--bg-secondary);border-color:var(--bg-secondary)}.create-course-btn:active{background:var(--bg-tertiary)}.learn-mode-header-actions{align-items:center;display:flex;gap:16px}.overall-progress{align-items:center;display:flex;gap:8px}.progress-bar.small{width:140px}.course-generator-section{margin-top:1px}.section-header{border-bottom:1px solid var(--border-color);gap:20px;margin-bottom:30px;padding-bottom:20px}.back-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:8px 16px;transition:all .2s ease}.back-btn:hover{background:var(--bg-hover);transform:translateY(-1px)}.section-header h2{color:var(--text-primary);font-size:1.8rem;margin:0}.courses-section{margin-top:20px;min-width:0;width:100%}.empty-state{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;margin:40px 0;padding:60px 20px;text-align:center}.empty-state-content h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:15px}.empty-state-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:500px}.create-first-course-btn{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .2s ease}.create-first-course-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.error-message{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;display:flex;gap:10px;margin-bottom:20px;padding:15px}.error-icon{font-size:1.2rem}.error-dismiss{align-items:center;background:none;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;margin-left:auto;padding:0;transition:background-color .2s;width:30px}.error-dismiss:hover{background-color:#ef44441a}.existing-courses{margin-top:15px;min-width:0;width:100%}.existing-courses h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:30px;text-align:left}.courses-filters{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;margin-top:10px;padding:12px 0;position:sticky;top:0;z-index:5}.courses-filters label{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:10px}.filter-label{font-weight:525;gap:6px}.filter-label,.tag-filter-label{align-items:center;display:inline-flex;white-space:nowrap}.tag-filter-label{border-radius:8px;color:var(--text-secondary);font-weight:600;gap:8px;padding:6px 12px;transition:all .2s ease}.tag-filter-label:hover{background:linear-gradient(135deg,#4facfe26,#00f2fe26);border-color:#4facfe80;box-shadow:0 4px 8px #4facfe26;transform:translateY(-1px)}.filter-icon{height:16px;opacity:.8;width:16px}.filter-icon.tag-icon{color:#fff!important}.tag-filter-label .filter-icon.tag-icon{filter:drop-shadow(0 1px 2px rgba(79,172,254,.3));opacity:1}.filter-icon.completion-icon{color:#10b981!important}.filter-icon.difficulty-icon{color:#f5cf0b!important}.filters-left,.filters-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filters-total{align-items:center;border:1px solid var(--bg-tertiary);border-radius:16px;color:var(--text-secondary);display:inline-flex;font-size:.9rem;gap:10px;padding-right:15px}.filters-total-label{opacity:.9}.filters-total-count{border-radius:999px;color:var(--text-primary);font-weight:700;padding:2px 8px}.filters-total-total{color:var(--text-secondary);font-weight:600}.filters-total-slash{opacity:.5}.courses-filters select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);outline:none;padding:8px 12px}.language-summary{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:10px;padding:0 0 18px}.language-summary-empty{color:var(--text-secondary);font-size:.95rem}.language-chip{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;gap:8px;padding:6px 12px;transition:all .2s ease}.language-chip:hover{background:var(--bg-hover);transform:translateY(-1px)}.language-chip.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3498db33}.chip-icon{height:18px;width:18px}.chip-name{font-size:.9rem;font-weight:600}.chip-counts,.chip-level{color:var(--text-secondary);font-size:.8rem}.chip-counts{background:var(--bg-tertiary);border-radius:999px;margin-left:6px;padding:2px 6px}.courses-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:40px;min-width:0;width:100%}.course-card{background:var(--bg-secondary);border:2px dashed var(--bg-tertiary);border-radius:12px;box-shadow:var(--card-shadow-hover);box-sizing:border-box;cursor:pointer;min-width:0;padding:24px;transform:translateY(-2px);transition:all .3s ease;width:100%}.course-card:hover{background:var(--bg-hover);box-shadow:none;transform:translateY(2px)}.course-card.collapsed .course-tags{border-bottom:none;padding-bottom:0}.course-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.course-header-actions{gap:10px}.header-progress{align-items:center;display:flex;gap:6px}.header-progress.count-only{gap:4px}.lesson-count{color:var(--text-secondary);font-size:.9rem}.progress-bar.small{height:6px;margin-bottom:0;width:120px}.progress-text.small{font-size:.8rem}.continue-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;letter-spacing:.3px;padding:8px 12px;transition:all .2s ease}.continue-btn:hover{background:linear-gradient(135deg,#4facfe26,#00f2fe26);transform:translateY(-1px)}.continue-btn .btn-icon{justify-content:center}.continue-btn .btn-icon,.study-cookbook-btn{align-items:center;display:flex;font-size:.85rem}.study-cookbook-btn{border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;font-weight:600;gap:6px;padding:8px 12px;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.study-cookbook-btn,.study-cookbook-btn:hover{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a)}.study-cookbook-btn:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.study-cookbook-btn:active{transform:translateY(0)}.study-cookbook-btn .btn-icon{align-items:center;display:flex;font-size:.85rem;justify-content:center}.collapse-toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.collapse-toggle:hover{background:var(--bg-hover);transform:translateY(-1px)}.collapse-toggle.open svg{transform:rotate(180deg)}.course-body{margin-top:10px}.course-title-section{align-items:center;display:flex;flex:1 1;gap:10px;margin-right:15px}.course-card-icon{flex-shrink:0;opacity:.8}.course-language-icon{flex-shrink:0;height:30px;width:32px}.course-header h3{color:var(--text-primary);font-size:1.25rem;margin:0}.difficulty-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.difficulty-badge.beginner{background:#10b981}.course-description{color:var(--text-secondary);line-height:1.5;margin-bottom:20px}.course-progress{margin-bottom:1px}.progress-bar{margin-bottom:8px;width:100%}.course-meta{gap:10px}.course-tags{border-bottom:1px dashed var(--bg-quaternary);display:flex;flex-wrap:wrap;gap:6px;padding-bottom:15px}.course-tag{background:linear-gradient(135deg,#e91e6326,#e91e631a);border:1px solid #e91e6333;border-radius:8px;color:#e91e63;font-size:.8rem;font-weight:600;padding:4px 10px;text-transform:capitalize}.tag-chip.small{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:.95rem;line-height:1;padding:4px 14px;position:relative}.tag-menu{border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--card-shadow);left:0;margin-top:6px;min-width:220px;padding:8px;position:absolute;top:100%;z-index:10}.tag-menu,.tag-menu-input{background:var(--bg-secondary)}.tag-menu-input{border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);margin-bottom:8px;padding:6px 8px;width:100%}.tag-menu-actions{display:flex;gap:8px;justify-content:flex-end}.tag-menu-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;padding:6px 10px}.tag-menu-btn.danger{border-color:#ef444499;color:#ef4444}.course-tags-editor{align-items:center;display:flex;gap:8px}.add-tag-inline{align-items:center;display:flex;gap:6px}.add-tag-input{padding:6px 8px}.add-tag-btn,.add-tag-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary)}.add-tag-btn{cursor:pointer;padding:6px 10px}.add-tag-icon-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;line-height:1;width:28px}.course-duration,.course-topic{background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);font-size:.8rem;padding:4px 8px}.learn-mode-footer{margin-top:40px;text-align:center}.back-to-study-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .2s ease}.back-to-study-btn:hover{background:var(--bg-hover);transform:translateY(-1px)}.loading-spinner{padding:60px 20px;text-align:center}.spinner{border-top:4px solid var(--bg-tertiary);border:4px solid var(--bg-tertiary);height:40px;margin:0 auto 20px;width:40px}@media (max-width:768px){.learn-mode-container{padding:15px}.learn-mode-header{align-items:flex-start;flex-direction:column;gap:20px;text-align:left}.learn-mode-header-actions{justify-content:space-between;width:100%}.learn-mode-header-content{width:100%}.learn-mode-header h1{font-size:2rem}.learn-mode-header p{font-size:1rem}.create-course-btn{align-self:flex-end;font-size:.9rem;margin-left:0;padding:10px 20px}.section-header{align-items:flex-start;flex-direction:column;gap:15px}.back-btn{align-self:flex-start}.empty-state{padding:40px 15px}.empty-state-content h2{font-size:1.5rem}.empty-state-content p{font-size:1rem}.create-first-course-btn{font-size:1rem;padding:12px 24px}.course-card{padding:15px}.course-header{flex-direction:column;gap:10px}.course-header h3{margin-right:0}}.course-progress-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.course-settings-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--bg-secondary);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;min-width:32px;padding:6px 8px;transition:all .2s ease}.course-settings-btn:hover{background:var(--bg-hover);border-color:var(--accent-color);color:var(--text-primary);transform:translateY(-1px)}.course-settings-btn:active{transform:translateY(0)}.course-settings-overlay{align-items:center;background:#00000080;display:flex;justify-content:center;z-index:2000}.course-settings-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:400px;overflow:hidden;padding:0;width:90%}.course-settings-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px 16px}.course-settings-header h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.close-settings-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:28px;justify-content:center;padding:4px;transition:all .2s ease;width:28px}.close-settings-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.course-settings-content{padding:20px 24px 24px}.course-settings-course-name{color:var(--text-secondary);font-size:.9rem;font-style:italic;margin:0 0 16px}.course-settings-options{display:flex;flex-direction:column;gap:8px}.course-settings-option{border:1px solid var(--border-color);border-radius:8px;gap:10px;transition:all .2s ease}.course-settings-option:hover{border-color:var(--accent-color)}.course-settings-option.reset-option{color:#f59e0b}.course-settings-option.reset-option:hover{background:#f59e0b1a;border-color:#f59e0b}.course-settings-option.delete-option:hover{border-color:#ef4444}.course-confirm-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2100}.course-confirm-dialog{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:450px;padding:24px;width:90%}.course-confirm-dialog h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 16px}.course-confirm-dialog p{color:var(--text-secondary);line-height:1.5;margin:0 0 24px}.course-confirm-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.confirm-btn{border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.confirm-btn.reset-btn{background:#f59e0b;border-color:#f59e0b;color:#fff}.confirm-btn.reset-btn:hover{background:#d97706;border-color:#d97706;transform:translateY(-1px)}.confirm-btn.delete-btn{background:#ef4444;border-color:#ef4444;color:#fff}.confirm-btn.delete-btn:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}@media (max-width:768px){.course-confirm-dialog,.course-settings-menu{margin:20px;width:calc(100% - 40px)}.course-confirm-dialog{padding:20px}.course-confirm-actions{flex-direction:column}.cancel-btn,.confirm-btn{width:100%}}.course-viewer{--header-h:72px;--bottom-h:220px;--gutter:12px;background:var(--bg-secondary);color:var(--text-primary);display:flex;flex-direction:column;height:100vh;max-width:1400px;overflow:hidden}.course-viewer.expanded .sandwich-bottom{display:none}.sandwich-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex:0 0 var(--header-h);justify-content:space-between;padding:10px 8px}.course-viewer.expanded .sandwich-header{margin-bottom:5%}.sandwich-header .header-left{align-items:center;display:flex;gap:10px}.sandwich-header .header-titles .header-title{font-size:1.5rem;font-weight:700;margin:0}.sandwich-header .header-titles .header-subtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-top:2px}.sandwich-header .header-right .header-metrics{align-items:center;display:flex;gap:12px}.sandwich-header .metric{color:var(--text-secondary);font-size:.92rem}.sandwich-center{flex:1 1 auto;max-height:none;min-height:0;overflow:visible;padding:20px 16px}.center-content,.sandwich-center{align-items:center;display:flex;flex-direction:column;justify-content:center}.center-content{transition:all .3s ease;width:min(820px,96%)}.center-content.expanded{display:flex;flex-direction:column;height:100vh;max-width:none;width:100%}.center-actions{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:12px}.concept-cards.minimal .concept-card{box-shadow:0 8px 24px #0000002e;padding:22px 20px}.sandwich-bottom{background:var(--bg-secondary);border-top:1px solid var(--border-color);flex:0 0 var(--bottom-h);margin-top:18%;position:relative;transition:all .3s ease;z-index:10}@media (max-width:768px){.course-viewer{--header-h:64px;--bottom-h:240px;--gutter:10px}.sandwich-center{max-height:none;min-height:calc(100vh - 180px);padding:16px 12px}.sandwich-bottom{margin-top:16px}}.syllabus-scroll{display:flex;gap:12px;overflow-x:auto;padding:12px 8px;scroll-snap-type:x mandatory}.lesson-chip{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;flex:0 0 auto;min-width:280px;overflow:hidden;padding:12px 14px;position:relative;scroll-snap-align:start;transition:all .2s ease}.lesson-chip:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.lesson-chip.active:before{transform:scaleX(1)}.lesson-chip.active{border-color:var(--accent-primary);box-shadow:0 4px 12px #3498db33;transform:translateY(-2px)}.lesson-chip.completed{background:linear-gradient(135deg,#4ade8014,#22c55e1f);border-color:#4ade80}.lesson-chip.completed:before{background:linear-gradient(90deg,#4ade80,#22c55e);transform:scaleX(1)}.lesson-chip-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.lesson-completion-badge{animation:bounce 1s ease-in-out;margin-left:auto}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}.completion-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.2rem}.lesson-progress-info{margin-bottom:8px}.progress-text{display:block;font-size:.75rem;margin-bottom:4px}.lesson-progress-bar{background:var(--bg-secondary);border-radius:2px;height:4px;width:100%}.lesson-progress-fill{background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:2px;transition:width .3s ease}.lesson-chip-index{font-weight:700;margin-right:6px}.lesson-chip-title{color:var(--text-primary);font-weight:500}.subchips{display:flex;gap:6px;margin-top:10px}.subchip{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;height:28px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:28px}.subchip:before{background:linear-gradient(135deg,#6366f11a,#4f46e51a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.subchip:hover:before{opacity:1}.subchip.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:var(--accent-primary);box-shadow:0 2px 8px #667eea4d;color:#fff;transform:scale(1.1)}.subchip.done{animation:checkmark .5s ease-in-out;background:linear-gradient(135deg,#4ade80,#22c55e);border-color:#4ade80;box-shadow:0 2px 8px #4ade804d;color:#fff}@keyframes checkmark{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.bottom-nav{gap:14px;padding:10px 8px 14px}.concept-card-nav .nav-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:6px 10px}.card-progress-dots .dot{height:9px;width:9px}.syllabus-scroll{scroll-behavior:smooth}.syllabus-scroll::-webkit-scrollbar{height:10px}.syllabus-scroll::-webkit-scrollbar-track{background:#0000}.syllabus-scroll::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px}.course-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:20px 0;position:sticky;top:0;z-index:100}.course-header-actions{align-items:center;display:flex;gap:12px;grid-column:2/3;grid-row:1/2}.course-info{flex:1 1}.course-info h1{color:var(--text-primary);font-size:1.4rem;font-weight:600;line-height:1.25;margin-bottom:4px}.course-info p{color:var(--text-secondary);font-size:.95rem;font-weight:400;line-height:1.5;margin-bottom:8px;margin-top:10px;max-width:none}.course-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0}.course-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.difficulty-badge,.duration-badge,.topic-badge{border-radius:12px;font-size:.75rem;font-weight:500;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.difficulty-badge.beginner{background:#4ade80;color:#fff}.difficulty-badge.intermediate{background:#f59e0b;color:#fff}.difficulty-badge.advanced{background:#ef4444;color:#fff}.duration-badge,.topic-badge{background:var(--bg-tertiary);color:var(--text-secondary)}.course-progress-overview{align-items:flex-end;display:flex;flex-direction:column;gap:8px;min-width:120px}.progress-bar{width:100px}.progress-fill{background:var(--accent-primary)}.study-all-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;bottom:24px;box-shadow:var(--card-shadow);color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 14px;position:fixed;right:24px;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.study-all-button:hover{background:var(--bg-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.study-all-button:active{transform:translateY(0)}.progress-text{font-size:.8rem;font-weight:500;margin-left:auto;white-space:nowrap}.study-all-inline{border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 12px;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.study-all-inline,.study-all-inline:hover{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a)}.study-all-inline:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.study-all-inline:active{transform:translateY(0)}.course-content{grid-gap:0;display:grid;gap:0;grid-template-columns:320px 1fr;min-height:calc(100vh - 200px)}.course-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto;padding:10px}.course-sidebar h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:24px;padding-bottom:12px}.syllabus-list{display:flex;flex-direction:column;gap:16px}.syllabus-lesson{border-radius:8px;overflow:hidden}.lesson-header{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:14px;padding:16px 18px;transition:all .3s ease}.lesson-header.completed{background:#4ade801a;border-color:#4ade80}.lesson-title{flex:1 1;font-size:.95rem;font-weight:500}.lesson-actions{align-items:center;display:flex;gap:8px}.completion-check{color:#4ade80;font-size:1.1rem;font-weight:700}.expand-toggle{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:24px;justify-content:center;transition:all .2s ease;width:24px}.expand-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.expand-toggle.expanded{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border-color:var(--accent-primary);color:#fff}.sub-lessons{animation:slideDown .3s ease-out;background:var(--bg-primary);border-left:2px solid var(--border-color);border-radius:0 8px 8px 0;margin-left:24px;margin-top:8px}.sub-lesson{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 18px 12px 40px;position:relative;transition:all .3s ease}.sub-lesson.active,.sub-lesson:hover{background:var(--bg-tertiary)}.sub-lesson.active{border-left:3px solid var(--accent-primary)}.sub-lesson.completed{border-left-color:#4ade80}.sub-lesson-title{color:var(--text-secondary);flex:1 1;font-size:.9rem}.lesson-content{background:var(--bg-secondary);overflow-y:auto;padding:32px}.lesson-content .lesson-header{grid-column-gap:16px;grid-row-gap:8px;border-bottom:1px solid var(--border-color);column-gap:16px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;row-gap:8px}.course-settings-section{border-top:1px solid var(--border-color);margin-top:24px;padding-top:20px;position:relative}.lesson-header h2{color:var(--text-primary);font-size:1.4rem;font-weight:600;margin-bottom:5px}.lesson-content .lesson-header .lesson-description{color:var(--text-secondary);font-size:1rem;grid-column:1/2;grid-row:2;line-height:1.6;margin:0 0 11px 6px}.lesson-content .lesson-header .lesson-header-actions{align-self:end;grid-column:2/3;grid-row:2;justify-self:end}.lesson-meta{display:flex;gap:12px;text-align:center;white-space:nowrap}.lesson-time,.lesson-type{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:6px 12px}.sub-lesson-content{margin:10px}.sub-lesson-content h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:12px}.sub-lesson-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:24px}.learning-objectives{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:28px;padding:24px}.learning-objectives h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:16px}.learning-objectives ul{color:var(--text-secondary);margin:0;padding-left:20px}.learning-objectives li{line-height:1.5;margin-bottom:8px}.practice-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:28px;padding:28px}.practice-section h4{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:20px}.snippets-list{display:flex;flex-direction:column;gap:20px}.snippet-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px}.snippet-item h5{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:10px}.snippet-item p{color:var(--text-secondary);line-height:1.5;margin-bottom:15px}.code-preview{background:var(--bg-tertiary);margin-bottom:15px;padding:15px}.code-preview pre{font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.4}.practice-btn{background:var(--accent-primary)}.practice-btn:hover{background:var(--accent-secondary);box-shadow:var(--card-shadow-hover)}.concept-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:28px;padding:28px}.concept-cards{display:flex;flex-direction:column;gap:12px}.concept-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.concept-card p{line-height:1.7}.card-pre,.concept-card p{color:var(--text-primary);margin:0}.card-pre{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:6px;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.5;padding:12px;white-space:pre-wrap}.concept-card-nav{gap:10px}.card-progress-dots{align-items:center;display:flex;gap:6px}.card-progress-dots .dot{height:8px;width:8px}.card-progress-dots .dot.active{background:var(--accent-primary)}.card-progress-dots .dot.understood{background:#4ade80}.mark-understood-btn{align-self:center;background:#374151;border-radius:6px;cursor:pointer;font-size:.9rem;padding:8px 14px}.concept-section h4{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:16px}.concept-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.concept-content{margin-bottom:20px}.concept-content p{color:var(--text-primary);font-size:1rem;line-height:1.7}.concept-placeholder{background:var(--bg-secondary);border-radius:8px;margin-bottom:20px;padding:20px;text-align:center}.concept-placeholder p{color:var(--text-secondary);font-style:italic;margin-bottom:16px;text-align:center}.concept-actions{text-align:center}.lesson-navigation{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:32px}.course-nav-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .2s ease}.course-nav-button:hover:not(:disabled){background:var(--bg-hover);transform:translateY(-1px)}.course-nav-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.lesson-progress{color:var(--text-secondary);font-size:.9rem;text-align:center}.loading{font-size:1.1rem;padding:60px 20px}@media (max-width:1024px){.course-content{grid-template-columns:1fr}.course-sidebar{border-right:none;border-top:1px solid var(--border-color);order:2}.lesson-content{order:1}}@media (max-width:768px){.course-viewer{padding:0}.course-header{padding:15px}.course-info h1{font-size:2rem}.course-meta{flex-direction:column;gap:8px}.lesson-content{padding:20px}.lesson-header h2{font-size:1.4rem}.lesson-navigation{flex-direction:column;gap:15px;text-align:center}.course-nav-button{max-width:200px;width:100%}}.course-settings{position:relative}.course-settings-button{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.course-settings-button:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.course-settings-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--card-shadow);margin-top:8px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;transform:translateY(0);z-index:1001}.course-settings-option{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.course-settings-option:hover{background:var(--bg-hover)}.course-settings-option.delete-option{color:#ef4444}.course-settings-option.delete-option:hover{background:#ef44441a}.course-settings-overlay{background:#0000;bottom:0;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:998}.course-settings-menu{pointer-events:auto;z-index:1001}.sandwich-center{position:relative;z-index:1}.delete-confirm-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.delete-confirm-dialog{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--card-shadow-hover);max-width:400px;padding:24px;width:90%}.delete-confirm-dialog h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 16px}.delete-confirm-dialog p{color:var(--text-secondary);line-height:1.5;margin:0 0 24px}.delete-confirm-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.delete-btn{border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-btn{background:var(--bg-tertiary);color:var(--text-primary)}.cancel-btn:hover{background:var(--bg-hover)}.delete-btn{background:#ef4444;border-color:#ef4444;color:#fff}.delete-btn:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}@media (max-width:768px){.course-header-actions{align-items:flex-end;flex-direction:column;gap:12px}.course-settings-dropdown{right:-10px}.delete-confirm-dialog{margin:20px;padding:20px}.delete-confirm-actions{flex-direction:column}.cancel-btn,.delete-btn{width:100%}}.sub-lesson-header{display:flex;gap:16px;justify-content:space-between}.sub-lesson-meta{align-items:center;display:flex;flex-shrink:0;gap:8px}.sub-lesson-type{align-items:center;background:var(--accent-color);border-radius:4px;color:#fff;display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:4px 8px}.sub-lesson-type.concept{background:#4caf50}.sub-lesson-type.code_practice{background:#2196f3}.sub-lesson-type.exercise{background:#ff9800}.sub-lesson-time{background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);font-size:.8rem;padding:4px 8px}.sub-lesson-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.sub-lesson-indicators{align-items:center;display:flex;gap:6px}.sub-lesson-type-indicator{font-size:.9rem;opacity:.7}.sub-lesson-time-indicator{background:var(--bg-tertiary);border-radius:3px;color:var(--text-secondary);font-size:.7rem;padding:2px 6px}.lesson-overview-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:20px}.lesson-overview-section h4{color:var(--accent-color);font-size:1.2rem;font-weight:600;margin:0 0 12px}.overview-content{color:var(--text-secondary);line-height:1.6}.sub-lesson-content-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:24px}.sub-lesson-content-section h4{border-bottom:2px solid var(--accent-color);color:var(--text-primary);font-size:1.4rem;font-weight:600;margin:0 0 20px;padding-bottom:8px}.explanation-section{margin-bottom:24px}.explanation-section h5{color:var(--accent-color);font-size:1.1rem;font-weight:600;margin:0 0 12px}.explanation-content{background:var(--bg-secondary);border-left:4px solid var(--accent-color);border-radius:6px;color:var(--text-secondary);line-height:1.6;padding:16px}.code-snippet-section{margin-bottom:24px}.code-snippet-section h5{color:var(--accent-color);font-size:1.1rem;font-weight:600;margin:0 0 12px}.code-preview{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:6px;margin-bottom:16px;overflow-x:auto;padding:16px}.code-preview pre{color:var(--text-primary);font-family:Fira Code,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.5;margin:0}.code-preview code{background:none;border:none;color:inherit;padding:0}.practice-btn{background:var(--accent-color);border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.practice-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.sub-lesson-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.course-icon{flex-shrink:0;opacity:.9}.lesson-title-section{align-items:center;display:flex;gap:12px;margin-bottom:8px}.lesson-content .lesson-header .lesson-title-section{grid-column:1/2;grid-row:1;margin-bottom:0}.lesson-header-icon{flex-shrink:0;opacity:.8}.sub-lesson-title-section{align-items:center;display:flex;gap:10px}.sub-lesson-header-icon{flex-shrink:0;opacity:.8}.lesson-icon{flex-shrink:0;opacity:.7}.sub-lesson-icon{flex-shrink:0;opacity:.6}.import-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.import-modal-dialog{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:500px;padding:24px;width:90%}.import-modal-dialog h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 16px}.import-modal-dialog p{color:var(--text-secondary);line-height:1.5;margin:0 0 24px}.import-modal-actions{display:flex;gap:12px;justify-content:flex-end}.import-btn{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.import-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.import-btn:disabled{background:var(--text-muted);cursor:not-allowed;transform:none}.course-settings-option.import-option{color:var(--accent-color)}.course-settings-option.import-option:hover{background:var(--accent-color);color:#fff}.exp-metric,.level-metric,.progress-metric{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:row;gap:8px;height:38px;justify-content:space-between;padding:8px 10px;transition:all .2s ease}.exp-metric:hover,.level-metric:hover,.progress-metric:hover{background:var(--bg-hover);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.progress-metric.clickable{border-radius:18px;cursor:pointer;padding:8px 12px;transition:all .2s ease}.progress-metric.clickable:hover{background:var(--bg-hover);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.metric-label{font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metric-label,.metric-value{color:var(--text-primary);white-space:nowrap}.metric-value{font-size:.85rem;font-weight:700}.level-badge{animation:pulse 2s infinite;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.8rem;padding:4px 8px}.exp-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:8px}.exp-bar{background:var(--bg-secondary);flex-shrink:0;height:6px;overflow:hidden;width:40px}.exp-bar,.exp-bar-fill{border-radius:3px;position:relative}.exp-bar-fill{background:linear-gradient(90deg,#4ade80,#22c55e 50%,#16a34a);height:100%;transition:width .3s ease}.exp-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.exp-text{color:var(--text-secondary);font-size:.7rem;font-weight:600;white-space:nowrap}.gamified-btn{align-items:center;display:flex;gap:6px;overflow:hidden;position:relative;transition:all .2s ease}.gamified-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.gamified-btn:hover:before{left:100%}.btn-icon{font-size:1rem;line-height:1}.practice-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;box-shadow:0 2px 4px #f59e0b4d;color:#fff}.practice-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 8px #f59e0b66;transform:translateY(-2px)}.complete-btn{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;box-shadow:0 2px 4px #4ade804d;color:#fff}.complete-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 8px #4ade8066;transform:translateY(-2px)}.mark-understood-btn{background:linear-gradient(135deg,#059669,#047857);border:none;box-shadow:0 2px 4px #0596694d;color:#fff}.mark-understood-btn:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 8px #05966966;transform:translateY(-2px)}.lesson-progress-indicator{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:0}.lesson-number,.sub-lesson-number{border:1px solid #4facfe4d;border-radius:12px;color:var(--text-primary);flex-shrink:0;font-size:.8rem;font-weight:600;padding:6px 12px;white-space:nowrap}.lesson-number{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border:#4facfe80;color:#fff}.lesson-title{color:var(--text-primary);font-size:1.2rem;margin-bottom:8px}.lesson-stats{align-items:center;display:flex;gap:8px}.lesson-difficulty-badge,.lesson-type-badge{border-radius:8px;flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.lesson-type-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.lesson-difficulty-badge{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.lesson-difficulty-badge.beginner{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;color:#fff}.lesson-difficulty-badge.intermediate{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff}.lesson-difficulty-badge.advanced{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.bottom-nav{gap:16px;justify-content:space-between;padding:12px 8px 16px}.bottom-nav,.nav-button{align-items:center;display:flex}.nav-button{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);font-size:.9rem;gap:6px;padding:8px 16px;transition:all .2s ease}.nav-button:hover:not(:disabled){background:var(--bg-hover);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.nav-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.lesson-progress{flex:1 1;flex-direction:column;max-width:300px}.lesson-progress,.progress-info{align-items:center;display:flex;gap:8px}.progress-info{color:var(--text-secondary);font-size:.9rem}.progress-separator{color:var(--text-muted)}.progress-bar-mini{background:var(--bg-tertiary);border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-fill-mini{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;height:100%;transition:width .3s ease}.concept-cards.minimal .concept-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;padding:24px;position:relative}.concept-cards.minimal .concept-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.concept-card-nav{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:16px}.flashcard-actions .concept-card-nav{gap:8px;margin-top:0}.flashcard-actions-center{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.card-progress-dots .dot{background:var(--border-color);border-radius:50%;cursor:pointer;height:10px;transition:all .2s ease;width:10px}.card-progress-dots .dot.active{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.2)}.card-progress-dots .dot.understood{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 0 0 2px #4ade8033}.flashcard-progress-row .card-progress-dots{align-items:center;display:flex;gap:6px}.lesson-progress-indicator .card-progress-dots{align-items:center;display:flex;gap:6px;margin-left:8px}.lesson-progress-indicator .understood-indicator{margin-left:8px}.flashcard-container{margin:0 auto;max-width:800px;padding:0 10px;position:relative;transition:all .3s ease;width:100%;z-index:1}.flashcard-container.expanded{display:flex;flex-direction:column;height:calc(100vh - 72px);max-width:100%;padding:0 20px;position:relative;width:100%}.flashcard{height:600px;margin:0;max-height:600px;min-height:400px;overflow:hidden;position:relative;transition:height .3s ease;width:100%}.flashcard-container.expanded .flashcard{flex:1 1;height:100%;max-height:none;min-height:100%}.flashcard-side{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease;width:100%}.flashcard-side:hover{box-shadow:0 12px 32px #0003;transform:translateY(-2px)}.flashcard-header{align-items:flex-start;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:20px 20px 30px;position:relative}.clickable-header{cursor:pointer;position:relative;transition:all .2s ease}.clickable-header:after{background:var(--accent-color);border-radius:4px;color:#fff;content:"Click to flip";font-size:.7rem;font-weight:500;margin-top:8px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;right:20px;top:100%;transition:opacity .2s ease;white-space:nowrap}.clickable-header:hover:after{opacity:1}.flashcard-title-section{display:flex;flex:1 1;flex-direction:column;gap:8px}.flashcard-title-row{justify-content:space-between}.flashcard-progress-row,.flashcard-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.flashcard-progress-row{margin-top:9px}.understood-indicator{align-items:center;animation:checkmark-appear .3s ease-out;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:50%;box-shadow:0 2px 4px #4ade804d;display:flex;height:24px;justify-content:center;width:24px}.understood-indicator .check-icon{color:#fff;font-size:.9rem;font-weight:700}@keyframes checkmark-appear{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.flashcard .lesson-title{color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0;white-space:nowrap}.flashcard .lesson-stats{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.flashcard-side-label{align-items:center;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:600;gap:6px}.flip-controls{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.expand-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;min-width:28px;padding:6px 8px;transition:all .2s ease}.expand-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-color);transform:scale(1.05)}.expand-btn:active{transform:scale(.95)}.flip-hint{color:var(--text-secondary);font-size:.75rem;opacity:.7;transition:opacity .2s ease}.flashcard:hover .flip-hint{opacity:1}.flashcard-content{display:flex;flex:1 1;flex-direction:column;margin-top:2%;min-height:0;overflow-y:auto;overflow:hidden;padding:20px}.flashcard-container.expanded .flashcard-content{display:flex;flex:1 1;flex-direction:column;height:100%;overflow-y:auto}.code-snippet-container{display:flex;flex-direction:column;height:100%}.flashcard-container.expanded .code-snippet-container{display:flex;flex:1 1;flex-direction:column;height:100%}.code-header{border-bottom:1px solid var(--border-color);margin-bottom:12px;padding-bottom:8px}.code-language{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.copy-code-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.8rem;gap:4px;padding:6px 12px;transition:all .2s ease}.copy-code-btn:hover{background:var(--bg-hover);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.code-content{word-wrap:break-word;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);direction:ltr;flex:1 1;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.5;margin:0;overflow:auto;padding:16px;text-align:left;white-space:pre-wrap}.code-content code{background:none;border:none;color:inherit;font-family:inherit;padding:0}.no-code-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-style:italic;height:100%;justify-content:center;padding:20px;text-align:center}.debug-info{background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);font-size:.8rem;margin-top:15px;padding:10px;text-align:left}.flashcard-actions{align-items:center;border:1px solid var(--border-color);border-radius:16px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:40px;margin-top:20px;padding:8px;transition:all .3s ease}.flashcard-actions.expanded{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;background:rgba(var(--bg-primary-rgb,0,0,0),.95);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0003;flex-direction:column;gap:8px;height:auto;margin:0;min-width:28px;padding:12px;position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:10}.flashcard-actions.expanded .gamified-btn{font-size:.85rem;height:28px;justify-content:center;padding:0;white-space:nowrap;width:100%}.flashcard-actions.expanded .btn-text{display:none}.flashcard-actions.expanded .btn-icon{font-size:1.1rem;margin-right:0}.flashcard .concept-cards.minimal .concept-card{background:#0000;border:none;box-shadow:none;display:flex;flex-direction:column;height:100%;padding:0}.flashcard-container.expanded .concept-cards.minimal .concept-card{display:flex;flex:1 1;flex-direction:column;height:100%}.flashcard .concept-cards.minimal .concept-card:before{display:none}.flashcard .concept-cards.minimal .concept-card p{word-wrap:break-word;align-items:center;color:var(--text-primary);display:flex;flex:1 1;font-size:1rem;font-weight:700;justify-content:center;line-height:2;margin:0;min-height:100%;overflow-wrap:break-word;text-align:center}.flashcard .concept-cards.minimal .concept-card .card-pre{word-wrap:break-word;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.5;margin:0;overflow:auto;overflow-wrap:break-word;padding:16px;white-space:pre-wrap}@media (max-width:768px){.sandwich-header .header-metrics{align-items:stretch;flex-direction:column;gap:8px}.exp-metric,.level-metric,.progress-metric{height:36px;min-width:70px}.lesson-stats{align-items:flex-start;flex-direction:column;gap:4px}.bottom-nav{flex-direction:column;gap:12px}.nav-button{justify-content:center;width:100%}.flashcard{height:300px;max-height:300px;min-height:200px}.flashcard-header{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.flashcard-title-section{order:1}.flip-controls{align-items:center;flex-direction:row;justify-content:space-between;order:2}.expand-btn{font-size:.8rem;height:24px;min-width:24px;padding:4px 6px}.flashcard-content{padding:16px}.flashcard-actions{flex-direction:column;gap:8px;justify-content:center}.flashcard-actions .nav-button{order:1}.flashcard-actions .flashcard-actions-center{justify-content:center;order:2;width:100%}.flashcard-actions .nav-button.next{order:3}.flashcard-actions .gamified-btn{justify-content:center;width:100%}.flashcard-actions.expanded{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;background:rgba(var(--bg-primary-rgb,0,0,0),.95);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0003;flex-direction:column;margin:0;min-width:28px;padding:12px;position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:10}.flashcard-actions.expanded .gamified-btn{font-size:.9rem;height:28px;justify-content:center;min-width:28px;padding:6px 8px;width:100%}.flip-hint{display:none}.flashcard .lesson-stats{align-items:flex-start;flex-direction:column;gap:4px}}.syllabus-middle-view{background:var(--bg-secondary);border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden}.syllabus-middle-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.syllabus-middle-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.back-to-lesson-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.back-to-lesson-btn:hover{background:var(--bg-hover);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.syllabus-middle-content{display:flex;flex:1 1;flex-direction:row;gap:20px;min-height:0;overflow-x:auto;overflow-y:auto;padding:24px 20px;scroll-snap-type:x mandatory;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.syllabus-middle-content::-webkit-scrollbar{height:8px}.syllabus-middle-content::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.syllabus-middle-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.syllabus-middle-content::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.syllabus-lesson-card{background:rgba(var(--accent-color-rgb),.05);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #0000001a;cursor:pointer;flex:0 0 auto;max-width:340px;min-width:300px;overflow:hidden;padding:20px;position:relative;scroll-snap-align:start;transition:all .3s ease}.syllabus-lesson-card:before{background:linear-gradient(90deg,var(--accent-color),var(--accent-color));background:linear-gradient(90deg,var(--accent-color),var(--accent-color-light,var(--accent-color)));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.syllabus-lesson-card:hover{background:var(--bg-hover);transform:translateY(-2px)}.syllabus-lesson-card:hover:before{opacity:1}.syllabus-lesson-card.active{background:rgba(var(--accent-color-rgb),.05);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.3),0 4px 16px #0000001a}.syllabus-lesson-card.active:before{opacity:1}.syllabus-lesson-card.completed{background:#4ade8014;border-color:#4ade80;box-shadow:0 2px 8px #4ade801a}.syllabus-lesson-card.completed:before{background:linear-gradient(90deg,#4ade80,#22c55e);opacity:1}.lesson-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.lesson-card-title{align-items:center;display:flex;flex:1 1;gap:14px}.lesson-card-title .lesson-number{align-items:center;border-radius:50%;box-shadow:0 2px 8px rgba(var(--accent-color-rgb),.3);color:#fff;display:flex;flex-shrink:0;font-size:.95rem;font-weight:700;height:36px;justify-content:center;width:36px}.lesson-card-title h3{color:var(--text-primary);flex:1 1;font-size:1.15rem;font-weight:600;line-height:1.3;margin:0}.lesson-card-progress{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.lesson-card-progress .progress-text{color:var(--text-secondary);font-size:.8rem;font-weight:500;white-space:nowrap}.lesson-progress-bar{background:var(--bg-primary);border-radius:3px;box-shadow:inset 0 1px 2px #0000001a;height:6px;overflow:hidden;width:100px}.lesson-progress-fill{background:linear-gradient(90deg,var(--accent-color),var(--accent-color));background:linear-gradient(90deg,var(--accent-color),var(--accent-color-light,var(--accent-color)));border-radius:3px;height:100%;transition:width .4s ease}.lesson-sub-lessons{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:4px}.sub-lesson-item{align-items:center;background:linear-gradient(135deg,#4facfe0d,#00f2fe08);border:1px solid #4facfe33;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;flex:0 0 auto;gap:8px;justify-content:center;min-width:44px;overflow:hidden;padding:8px 12px;position:relative;text-align:left;transition:all .3s ease}.sub-lesson-item:hover{background:linear-gradient(135deg,#4facfe1a,#00f2fe14);border-color:var(--accent-primary);box-shadow:0 4px 8px #4facfe33;transform:translateY(-1px)}.sub-lesson-item.active{background:linear-gradient(135deg,var(--accent-color),var(--accent-color));background:linear-gradient(135deg,var(--accent-color),var(--accent-color-light,var(--accent-color)));box-shadow:0 1px 6px rgba(var(--accent-color-rgb),.4);color:#fff;transform:translateY(-1px)}.sub-lesson-item.done{background:#4ade801f;box-shadow:0 2px 6px #4ade8033}.sub-lesson-item.done:hover{background:#4ade802e;box-shadow:0 4px 8px #4ade804d;transform:translateY(-1px)}.sub-lesson-item.done .sub-lesson-number{background:linear-gradient(135deg,#4ade8026,#22c55e1a);border-color:#4ade80;box-shadow:0 2px 6px #4ade8033;color:#4ade80}.sub-lesson-item.active .sub-lesson-number{background:#ffffff40;box-shadow:0 1px 6px #0003;color:#fff;transform:scale(1.1)}.sub-lesson-item:not(.done):not(.active) .sub-lesson-number{background:linear-gradient(135deg,#4facfe26,#00f2fe1a);border-color:var(--accent-primary);color:var(--accent-primary)}.sub-lesson-item:not(.done):not(.active):hover .sub-lesson-number{background:linear-gradient(135deg,#4facfe33,#00f2fe26);transform:scale(1.05)}.sub-lesson-title{font-size:.8rem;font-weight:500;line-height:1.2;max-width:130px;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.completion-icon{color:#4ade80;font-weight:600}@media (min-width:1400px){.syllabus-middle-content{margin:0 auto;max-width:1200px}}@media (max-width:1024px){.syllabus-middle-content{gap:16px;padding:20px 16px}.syllabus-lesson-card{max-width:320px;min-width:280px;padding:18px}}@media (max-width:768px){.syllabus-middle-content{gap:16px;padding:16px 12px}.syllabus-lesson-card{max-width:300px;min-width:260px;padding:16px}.lesson-card-header{gap:8px;margin-bottom:12px}.lesson-card-title .lesson-number{font-size:.9rem;height:32px;width:32px}.lesson-card-title h3{font-size:1.05rem}.sub-lesson-item{min-width:40px;padding:6px 10px}.sub-lesson-title{font-size:.75rem;max-width:110px}.lesson-sub-lessons{gap:8px}.sub-lesson-number{font-size:.75rem;height:20px;width:20px}}@media (max-width:480px){.syllabus-middle-content{flex-direction:column;gap:12px;overflow-x:hidden;overflow-y:auto;padding:12px 8px}.syllabus-lesson-card{max-width:none;min-width:0;min-width:auto;padding:14px;width:100%}.lesson-card-header{align-items:flex-start;flex-direction:column;gap:8px}.lesson-card-progress{align-self:flex-end}.lesson-sub-lessons{flex-wrap:wrap;gap:6px}.sub-lesson-item{flex:1 1;min-width:auto;min-width:120px;padding:8px 12px}.sub-lesson-title{font-size:.8rem;max-width:none}.sub-lesson-number{font-size:.7rem;height:18px;width:18px}}.explore-grid-container{margin:0;min-width:max-content;padding:0;width:100%}.explore-grid-empty{align-items:center;color:var(--text-secondary);display:flex;font-size:1rem;justify-content:center;padding:60px 20px}.explore-grid{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;width:100%}.explore-grid-wrapper{overflow:visible}@media (min-width:768px) and (max-width:1024px){.explore-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.explore-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.explore-grid{gap:16px;grid-template-columns:1fr}}.explore-grid-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow);color:var(--text-primary);display:flex;flex-direction:row;gap:20px;min-height:180px;padding:20px;position:relative;text-align:left;transition:var(--transition);width:100%}@media (max-width:767px){.explore-grid-card{flex-direction:column;gap:16px;min-height:auto;padding:16px}}.explore-grid-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(4px)}.explore-grid-card-left{align-items:flex-start;display:flex;flex-shrink:0}.explore-grid-card-icon-wrapper{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;height:64px;justify-content:center;position:relative;width:64px}.explore-grid-card-icon{height:32px;opacity:.9;width:32px}.explore-grid-card-status-indicator{border:2px solid var(--bg-secondary);border-radius:50%;bottom:4px;height:12px;position:absolute;right:4px;width:12px}.explore-grid-card-status-indicator--available{background:var(--success)}.explore-grid-card-owned-indicator{align-items:center;border:1.5px solid var(--success);border-radius:24px;color:var(--success);display:flex;height:32px;justify-content:center;width:32px}.explore-grid-card-owned-indicator svg{height:16px;width:16px}.explore-grid-card-center{cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0}.explore-grid-card-header{flex-wrap:wrap}.explore-grid-card-title{font-size:1.125rem}.explore-grid-card-badges{align-self:flex-start;display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.explore-grid-card-center>.explore-grid-card-badges{align-self:flex-start;margin-bottom:0;margin-top:12px}.explore-grid-card-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:capitalize;transition:all .2s ease;white-space:nowrap}.explore-grid-card-badge,.explore-grid-card-badge--type{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.explore-grid-card-badge--beginner{background:#52c41a26;border:1px solid #52c41a4d;color:var(--success)}.explore-grid-card-badge--intermediate{background:#ffc10726;border:1px solid #ffc1074d;color:#ffc107}.explore-grid-card-badge--advanced{background:#e91e6326;border:1px solid #e91e634d;color:var(--accent-tertiary)}.explore-grid-card-badge--active{background:#4caf5033;border:1px solid #4caf5066;color:#4caf50}.explore-grid-card-badge--deleted{background:#f4433633;border:1px solid #f4433666;color:#f44336}.explore-grid-card-badge--restored{background:#2196f333;border:1px solid #2196f366;color:#2196f3}.explore-grid-card-language-info{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:8px}.explore-grid-card-info-icon{flex-shrink:0;height:24px;opacity:.9;width:24px}.explore-grid-card-header{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:12px;justify-content:space-between}.explore-grid-card-title{color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explore-grid-card-difficulty{background:#0000;border:1px solid;border-radius:4px;flex-shrink:0;font-size:.75rem;font-weight:700;letter-spacing:.05em;opacity:.8;padding:2px 8px;text-transform:uppercase}.explore-grid-card-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;flex:1 1;font-size:.875rem;line-height:1.5;margin:0;min-height:3.9375rem;opacity:.85;overflow:hidden;text-overflow:ellipsis}.explore-grid-card-stats{align-items:center;color:var(--text-tertiary);display:flex;font-size:.8125rem;gap:8px}.explore-grid-card-stat{color:var(--text-secondary)}.explore-grid-card-stat-separator{color:var(--text-tertiary);opacity:.5}.explore-grid-card-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:12px;min-width:100px}.explore-grid-card-price{align-items:center;display:flex;flex-direction:column;gap:2px}.explore-grid-card-price-amount{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1}.explore-grid-card-price-label{color:var(--text-tertiary);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.explore-grid-card-actions{align-items:center;bottom:20px;display:flex;gap:8px;position:absolute;right:20px;z-index:2}.explore-grid-card-action-icon{align-items:center;background:#0000;border:none;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.explore-grid-card-action-icon:hover{background:var(--bg-quaternary);box-shadow:0 2px 8px #0003;color:var(--text-primary);transform:translateY(-2px)}.explore-grid-card-action-icon--details{background:#0000;border:1px solid var(--border-color);color:#fff}.explore-grid-card-action-icon--details:hover{background:linear-gradient(135deg,#4facfe26,#00f2fe26);border-color:1px solid #4facfe4d;box-shadow:var(--card-shadow-hover);transform:translateY(-2px) scale(1.05)}.explore-grid-card-action-icon svg{stroke:#fff;stroke-width:1.5;fill:none;flex-shrink:0;height:18px;width:18px}.explore-grid-card--locked{cursor:not-allowed;opacity:.6;position:relative}.explore-grid-card--locked:after{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;border-radius:var(--border-radius);content:"";inset:0;position:absolute;z-index:1}.explore-grid-card--locked:before{content:"🔒";font-size:2rem;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.explore-grid-card--owned{background:linear-gradient(135deg,var(--bg-secondary) 0,#52c41a0d 100%);border-color:#52c41a66}.explore-grid-card--owned .explore-grid-card-cost{color:var(--text-tertiary);text-decoration:line-through}.explore-grid-card--owned .explore-grid-card-footer:after{color:var(--success);content:"✓";font-weight:700;margin-left:8px}.explore-grid-card--deleted{border-color:#f443364d;border-style:dashed;opacity:.7}.explore-grid-card--restored{background:linear-gradient(135deg,var(--bg-secondary) 0,#2196f30d 100%);border-color:#2196f366}.explore-grid-card-action-icon--restore{background:linear-gradient(135deg,#4facfe33,#00f2fe33);border:1.5px solid var(--accent-primary);color:var(--accent-primary)}.explore-grid-card-action-icon--restore:hover{background:linear-gradient(135deg,#4facfe4d,#00f2fe4d);box-shadow:var(--card-shadow-hover);transform:translateY(-2px) scale(1.05)}.explore-grid-card-action-icon--restore:disabled{cursor:not-allowed;opacity:.6;transform:none}.explore-grid-card-action-icon--restore .spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--accent-primary);height:16px;width:16px}.explore-grid-card--in-progress .explore-grid-card-footer{position:relative}.explore-grid-card--in-progress .explore-grid-card-footer:before{background:linear-gradient(90deg,var(--accent-primary) 0,var(--accent-primary) 60%,#0000 60%);border-radius:0 0 var(--border-radius) var(--border-radius);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.explore-grid-card--featured{border:2px solid var(--accent-primary);box-shadow:0 4px 16px #0483b633}.explore-grid-card--featured:after{background:linear-gradient(135deg,#0483b633,#0483b626);border:1px solid var(--accent-primary);border-radius:6px;color:var(--accent-primary);content:"Featured";font-size:.6875rem;font-weight:700;letter-spacing:.05em;padding:4px 8px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:1}@media (max-width:767px){.explore-grid-card{flex-direction:column;gap:16px;min-height:auto;padding:16px}.explore-grid-card-left{align-self:flex-start}.explore-grid-card-icon-wrapper{height:56px;width:56px}.explore-grid-card-icon{height:28px;width:28px}.explore-grid-card-title{font-size:1rem}.explore-grid-card-description{font-size:.8125rem;min-height:3.65625rem}.explore-grid-card-right{align-items:flex-start;min-width:0;width:100%}.explore-grid-card-price{align-items:flex-start}.explore-grid-card-actions{align-self:flex-end;bottom:auto;margin-top:12px;position:relative;right:auto}}.catalog-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.catalog-loading .spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-primary);height:32px;width:32px}.course-generation-loading-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.course-generation-loading-container{animation:slideUp .3s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow);max-width:420px;overflow:hidden;padding:2.5rem;position:relative;width:90%}.course-generation-loading-container:before{background:linear-gradient(90deg,var(--accent-primary) 0,var(--accent-secondary) 100%);content:"";height:2px;left:0;position:absolute;right:0;top:0}.loading-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.loading-spinner{align-items:center;display:flex;justify-content:center}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-right:3px solid var(--accent-secondary);border-top-color:var(--accent-primary);height:48px;position:relative;width:48px}.spinner:before{animation:spin .8s linear infinite reverse;border:2px solid #0000;border-radius:50%;border-top:2px solid var(--accent-primary);content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.loading-text h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.loading-text p{color:var(--text-secondary);font-size:1rem;line-height:1.4;margin:0 0 1.5rem}.loading-progress{align-items:center;display:flex;gap:1rem;max-width:300px;width:100%}.progress-bar{background:var(--bg-tertiary);border-radius:4px;height:8px}.progress-bar:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-fill{background:linear-gradient(90deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:4px;transition:width .3s ease}.progress-text{font-feature-settings:"tnum";color:var(--text-primary);font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:600;min-width:45px}@media (max-width:768px){.course-generation-loading-container{margin:1rem;padding:1.5rem}.loading-text h3{font-size:1.25rem}.loading-text p{font-size:.9rem}.spinner{border-width:2px;height:40px;width:40px}.spinner:before{border-width:1px;height:16px;width:16px}}.explore-front-container{background:var(--bg-secondary);border-radius:12px;flex-direction:column;gap:32px;min-height:400px;padding:10px;width:100%}.explore-front-container,.explore-front-empty{align-items:center;display:flex;justify-content:center}.explore-front-empty{color:var(--text-secondary);font-size:1rem;padding:60px 20px}.explore-front-card-wrapper{display:flex;justify-content:center;margin:0 auto;max-width:450px;width:100%}.explore-front-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 12px var(--bg-primary);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:20px;overflow:hidden;overflow:visible;padding:32px;position:relative;text-align:left;transform:translateY(2px);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.explore-front-card:hover{border-color:var(--accent-primary);box-shadow:0 8px 24px #0003;transform:translateY(-4px)}.explore-front-card:active{transform:translateY(-2px)}.explore-front-card-content{background:var(--bg-secondary);border-radius:12px;display:flex;flex-direction:column;gap:16px;height:100%;min-height:300px;padding:24px}.explore-front-card-header{align-items:flex-start;display:flex;gap:16px}.explore-front-card-icon-wrapper{align-items:center;display:flex;flex-shrink:0;margin-top:2px}.explore-front-language-icon{flex-shrink:0;height:28px;opacity:.9;width:28px}.explore-front-card-title-wrapper{display:flex;flex:1 1;flex-direction:column;min-width:0}.explore-front-card-title-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.explore-front-card-title{color:var(--text-primary);flex:1 1;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin:0;min-width:0}.explore-front-card-description{color:var(--text-secondary);flex:1 1;font-size:.9375rem;line-height:1.6;margin:0;opacity:.85}.explore-front-card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:auto;padding-top:16px}.explore-front-card-type{color:var(--text-tertiary);font-size:.8125rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.explore-front-card-cost{align-items:center;color:var(--accent-primary);display:flex;font-size:1rem;font-weight:600;gap:4px}.explore-front-navigation{background:var(--bg-secondary);border-radius:12px;box-shadow:0 8px 12px var(--bg-primary);gap:16px;margin:2% auto;max-width:450px;overflow:visible;padding:16px 24px;transform:translateY(2px);width:100%}.explore-front-nav-btn,.explore-front-navigation{align-items:center;border:1px solid var(--border-color);display:flex;justify-content:center}.explore-front-nav-btn{background:var(--bg-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;flex-shrink:0;height:44px;padding:0;transition:all .2s ease;width:44px}.explore-front-nav-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary);box-shadow:0 2px 8px #4facfe26;transform:translateY(-1px)}.explore-front-nav-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.explore-front-nav-btn svg{flex-shrink:0}.explore-front-nav-indicator{align-items:center;color:var(--text-secondary);display:flex;font-size:.9375rem;gap:8px;justify-content:center;min-width:80px;padding:0 16px}.explore-front-nav-current{color:var(--text-primary);font-weight:600}.explore-front-nav-separator{color:var(--text-tertiary);opacity:.5}.explore-front-nav-total{color:var(--text-secondary)}@media (max-width:768px){.explore-front-container{gap:24px;padding:0}.explore-front-card{padding:24px}.explore-front-card-title{font-size:1.125rem}.explore-front-card-description{font-size:.875rem}.explore-front-navigation{gap:12px;padding:12px}.explore-front-nav-btn{height:40px;width:40px}.explore-front-nav-indicator{font-size:.875rem;min-width:70px;padding:0 12px}}.explore-back-info-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:24px;min-height:400px;padding:32px}.explore-back-info-back-btn{align-items:center;align-self:flex-start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.explore-back-info-back-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);box-shadow:0 2px 8px #4facfe26;transform:translateY(-1px)}.explore-back-info-back-btn svg{flex-shrink:0}.explore-back-info-content{display:flex;flex-direction:column;gap:24px}.explore-back-info-container--static{margin:0 auto;max-width:600px;position:relative}.explore-back-info-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:16px;padding-bottom:20px}.explore-back-info-icon-wrapper{align-items:center;display:flex;flex-shrink:0;margin-top:2px}.explore-back-info-language-icon{flex-shrink:0;height:32px;opacity:.9;width:32px}.explore-back-info-title-wrapper{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0}.explore-back-info-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.explore-back-info-badges{display:flex;flex-wrap:wrap;gap:8px}.explore-back-info-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.8125rem;font-weight:600;padding:6px 12px;text-transform:capitalize}.explore-back-info-badge--type{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.explore-back-info-body{display:flex;flex-direction:column;gap:20px}.explore-back-info-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0;opacity:.9}.explore-back-info-meta{grid-gap:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:20px}.explore-back-info-meta-item{display:flex;flex-direction:column;gap:6px}.explore-back-info-meta-label{color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.explore-back-info-meta-value,.explore-back-info-preview-btn{color:var(--text-primary);font-size:.9375rem;font-weight:600}.explore-back-info-preview-btn{align-items:center;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease}.explore-back-info-preview-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);box-shadow:0 2px 8px #4facfe26;transform:translateY(-1px)}.explore-back-info-preview-btn svg{flex-shrink:0}.explore-back-info-actions{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;padding-top:20px}.explore-back-info-action-buttons{align-items:stretch;display:flex;gap:12px}.explore-back-info-token-info{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;font-size:.875rem;justify-content:space-between;padding:12px 16px}.explore-back-info-owned-indicator{align-items:center;color:var(--success);display:flex;font-size:.875rem;font-weight:600;gap:6px}.explore-back-info-owned-indicator svg{flex-shrink:0;height:16px;width:16px}.explore-back-info-import-indicator{color:var(--accent-primary);font-size:.875rem;font-weight:600}.explore-back-info-token-balance{align-items:center;color:var(--text-secondary);display:flex;gap:6px}.explore-back-info-token-balance strong{color:var(--text-primary);font-weight:600}.explore-back-info-token-cost{align-items:center;color:var(--text-secondary);display:flex;gap:6px}.explore-back-info-token-cost strong{color:var(--accent-primary);font-weight:600}.explore-back-info-buy-btn{align-items:center;background:linear-gradient(135deg,#4facfe33,#00f2fe33);border:1.5px solid var(--accent-primary);border-radius:8px;box-shadow:0 2px 8px #4facfe26;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:.9375rem;font-weight:600;gap:8px;justify-content:center;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.explore-back-info-buy-btn:hover:not(:disabled){background:linear-gradient(135deg,#4facfe4d,#00f2fe4d);box-shadow:0 4px 12px #4facfe40;transform:translateY(-1px)}.explore-back-info-buy-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.explore-back-info-buy-btn.insufficient-tokens{background:linear-gradient(135deg,#64646433,#78787833);border-color:var(--border-color);cursor:not-allowed;opacity:.5}.explore-back-info-buy-btn--owned{background:linear-gradient(135deg,#52c41a26,#52c41a1a);border-color:var(--success);color:var(--success);cursor:default}.explore-back-info-buy-btn--owned:hover{box-shadow:none;transform:none}.explore-back-info-buy-btn--import{background:linear-gradient(135deg,#0483b633,#0483b626);border-color:var(--accent-primary);color:var(--accent-primary)}.explore-back-info-buy-btn--import:hover:not(:disabled){background:linear-gradient(135deg,#0483b64d,#0483b640);box-shadow:0 4px 12px #0483b640;transform:translateY(-1px)}.explore-back-info-buy-btn .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.explore-back-info-container--create{margin:0 auto;max-width:800px}.explore-back-info-create-header{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;padding-bottom:24px}.explore-back-info-create-header .header-title{align-items:center;display:flex;gap:12px}.explore-back-info-create-header .header-learn-icon{flex-shrink:0;height:32px;width:32px}.explore-back-info-create-header h3{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0}.explore-back-info-create-header p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.explore-back-info-form{display:flex;flex-direction:column;gap:20px}.explore-back-info-form-group{display:flex;flex-direction:column;gap:12px}.explore-back-info-form-label-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.explore-back-info-form-label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:0;margin-left:5px}.explore-back-info-clear-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.explore-back-info-clear-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary);transform:scale(1.1)}.explore-back-info-prompt-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:15px;resize:vertical;transition:border-color .2s ease;width:100%}.explore-back-info-prompt-input::placeholder{color:var(--text-tertiary)}.explore-back-info-prompt-input:focus{background:var(--bg-primary);border-color:var(--accent-primary);outline:none}.explore-back-info-form-select{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:1rem;padding:12px;transition:border-color .2s ease;width:100%}.explore-back-info-form-select:focus{border-color:var(--accent-primary);outline:none}.explore-back-info-form-select option{background:var(--bg-primary);color:var(--text-primary)}.explore-back-info-advanced-toggle{align-self:flex-start;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:8px 0;text-decoration:underline;transition:color .2s ease}.explore-back-info-advanced-toggle:hover{color:var(--text-primary)}.explore-back-info-advanced-options{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-top:8px;padding:20px}.explore-back-info-form-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:12px;transition:border-color .2s ease;width:100%}.explore-back-info-form-input:focus{background:var(--bg-primary);border-color:var(--accent-primary);outline:none}.explore-back-info-form-help{color:var(--text-tertiary);display:block;font-size:.85rem;margin-top:8px}.explore-back-info-token-error{background:#ff47571a;border:1px solid #ff47574d;border-radius:8px;color:#ff4757;display:flex;flex-direction:column;font-size:.9rem;gap:12px;padding:16px}.explore-back-info-token-error p{line-height:1.5;margin:0}.explore-back-info-purchase-tokens-btn{align-self:flex-start;background:linear-gradient(135deg,#4facfe33,#00f2fe33);border:1.5px solid var(--accent-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.explore-back-info-purchase-tokens-btn:hover{background:linear-gradient(135deg,#4facfe4d,#00f2fe4d);box-shadow:0 2px 8px #4facfe40;transform:translateY(-1px)}.explore-back-info-form-actions{border-top:1px solid var(--border-color);justify-content:space-between;margin-top:8px;padding-top:24px}.explore-back-info-action-right,.explore-back-info-form-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.explore-back-info-generate-btn{background:linear-gradient(135deg,#4facfe33,#00f2fe33);border:1.5px solid var(--accent-primary);border-radius:8px;box-shadow:0 2px 8px #4facfe26;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:.9375rem;font-weight:600;overflow:hidden;padding:11px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.explore-back-info-generate-btn:before{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.explore-back-info-generate-btn:hover:not(:disabled):before{opacity:1}.explore-back-info-generate-btn:hover:not(:disabled){border-color:var(--accent-primary);box-shadow:0 4px 12px #4facfe40;transform:translateY(-1px)}.explore-back-info-generate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.explore-back-info-generate-btn.insufficient-tokens{background:linear-gradient(135deg,#64646433,#78787833);border-color:var(--border-color);cursor:not-allowed;opacity:.5}.explore-back-info-generate-btn .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.explore-back-info-container .custom-language-selector{position:relative;width:100%}.explore-back-info-container .language-selector-trigger{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:border-color .2s ease}.explore-back-info-container .language-selector-trigger:hover{border-color:var(--accent-primary)}.explore-back-info-container .language-selector-trigger:focus{border-color:var(--accent-primary);outline:none}.explore-back-info-container .course-generator-selected-language{align-items:center;display:flex;flex:1 1;gap:8px}.explore-back-info-container .language-icon{flex-shrink:0;height:20px;width:20px}.explore-back-info-container .dropdown-arrow{color:var(--text-secondary);font-size:10px;margin-left:8px;opacity:.6;transition:transform .2s cubic-bezier(.4,0,.2,1)}.explore-back-info-container .language-selector-trigger.open .dropdown-arrow,.explore-back-info-container .language-selector-trigger:hover .dropdown-arrow{color:var(--accent-primary);opacity:1}.explore-back-info-container .language-selector-trigger.open .dropdown-arrow{transform:rotate(180deg)}.explore-back-info-container .language-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:12px;box-shadow:0 4px 16px #0003,0 2px 8px #4facfe1a;left:0;margin-top:8px;max-height:240px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.explore-back-info-container .language-option{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:10px;padding:12px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.explore-back-info-container .language-option span{flex:1 1;font-size:.9375rem}.explore-back-info-container .language-option:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.explore-back-info-container .language-option:last-child{border-bottom:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.explore-back-info-container .language-option:hover{background:var(--bg-hover);padding-left:20px}.explore-back-info-container .language-option.selected{background:linear-gradient(135deg,#4facfe1f,#00f2fe1f);border-left:3px solid var(--accent-primary);color:var(--accent-primary);font-weight:600}.explore-back-info-container .language-option.selected:before{color:var(--accent-primary);content:"✓";font-size:.875rem;font-weight:700;position:absolute;right:16px}@media (max-width:768px){.explore-back-info-container{padding:24px}.explore-back-info-meta{gap:12px;grid-template-columns:1fr}.explore-back-info-form-actions{align-items:stretch;flex-direction:column;gap:16px}.explore-back-info-action-right{align-items:stretch;flex-direction:column;gap:12px;width:100%}.explore-back-info-token-info{flex-direction:column;gap:12px;justify-content:space-between;padding:12px 16px;width:100%}.generation-type-selector{justify-content:stretch;width:100%}.generation-type-btn{flex:1 1;font-size:.8125rem;justify-content:center;padding:12px 14px}.explore-back-info-generate-btn{padding:12px 24px;width:100%}.explore-back-info-action-buttons{flex-direction:column;gap:12px}.explore-back-info-buy-btn,.explore-back-info-preview-btn{width:100%}}.explore-preview-container{background:var(--bg-secondary);border-radius:16px;display:flex;flex-direction:column;height:100%;max-height:90vh;overflow:hidden}.explore-preview-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:24px 32px}.explore-preview-header-left{align-items:center;display:flex;flex:1 1;gap:20px;min-width:0}.explore-preview-back-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.explore-preview-back-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);box-shadow:0 2px 8px #4facfe26;transform:translateY(-1px)}.explore-preview-back-btn svg{flex-shrink:0}.explore-preview-title-section{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.explore-preview-language-icon{flex-shrink:0;height:32px;opacity:.9;width:32px}.explore-preview-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explore-preview-subtitle{color:var(--text-tertiary);font-size:.875rem;margin:4px 0 0}.explore-preview-header-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.explore-preview-counter{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);flex-shrink:0;font-size:.9375rem;font-weight:600;padding:8px 16px}.explore-preview-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:32px}.explore-preview-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:64px 32px}.explore-preview-loading .spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--accent-primary);height:32px;width:32px}.explore-preview-empty{align-items:center;color:var(--text-tertiary);display:flex;font-size:1rem;justify-content:center;padding:64px 32px}.explore-preview-item{display:flex;flex-direction:column;gap:20px;max-width:100%}.explore-preview-item-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.explore-preview-item-title{color:var(--text-primary);flex:1 1;font-size:1.5rem;font-weight:700;margin:0;min-width:0}.explore-preview-item-lesson{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-tertiary);flex-shrink:0;font-size:.875rem;padding:6px 12px;white-space:nowrap}.explore-preview-item-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.explore-preview-item-code{margin-top:8px}.explore-preview-item-code pre{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;font-size:.9375rem;line-height:1.6;margin:0;max-width:100%;overflow-x:auto;padding:20px}.explore-preview-item-code code{color:var(--text-primary);display:block;font-family:Courier New,Courier,monospace;white-space:pre-wrap;word-break:break-word}.explore-preview-navigation{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:24px 32px}.explore-preview-nav-btn{align-items:center;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:.9375rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.explore-preview-nav-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary);box-shadow:0 2px 8px #4facfe26;transform:translateY(-1px)}.explore-preview-nav-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.explore-preview-nav-btn svg{flex-shrink:0}.explore-preview-dots{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px;justify-content:center;max-width:400px}.explore-preview-dot{background:var(--bg-tertiary);border:none;border:1px solid var(--border-color);border-radius:50%;cursor:pointer;flex-shrink:0;height:8px;padding:0;transition:all .2s ease;width:8px}.explore-preview-dot:hover{background:var(--bg-hover);transform:scale(1.2)}.explore-preview-dot.active{background:var(--accent-primary);border-color:var(--accent-primary);height:10px;width:10px}@media (max-width:768px){.explore-preview-container{max-height:95vh}.explore-preview-header{flex-wrap:wrap;gap:12px;padding:16px 20px}.explore-preview-header-left{flex-wrap:wrap;width:100%}.explore-preview-title-section{flex:1 1;min-width:200px}.explore-preview-title{font-size:1.25rem}.explore-preview-content{padding:20px}.explore-preview-item-title{font-size:1.25rem}.explore-preview-item-header{align-items:flex-start;flex-direction:column}.explore-preview-navigation{flex-wrap:wrap;padding:16px 20px}.explore-preview-nav-btn{font-size:.875rem;padding:10px 16px}.explore-preview-dots{margin-top:8px;order:3;width:100%}}.course-generator{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;margin-bottom:40px;margin-left:auto;margin-right:auto;padding:32px}.generator-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.generator-header-content{flex:1 1}.header-title{align-items:center;display:flex;gap:12px}.header-learn-icon{flex-shrink:0;height:32px;width:32px}.generator-header-content h2{color:var(--text-primary);font-size:2.15rem;font-weight:600;margin:0}.generator-header-content p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0 auto 24px;max-width:500px}.generator-section-description{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.generator-section-description__left{flex:1 1;text-align:left}.generator-section-description .header-title{align-items:center;display:flex;gap:12px;margin-bottom:8px}.generator-section-description .header-learn-icon{flex-shrink:0;height:32px;width:32px}.generator-section-description h3{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0}.generator-section-description p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0;max-width:600px}.course-generator__explore-btn{align-items:center;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.course-generator__explore-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);box-shadow:0 2px 8px #4facfe26;transform:translateY(-1px)}.course-generator__explore-btn svg{flex-shrink:0}.course-generator__token-info{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;display:flex;font-size:.85rem;gap:16px;padding:8px 12px}.course-generator__token-balance{align-items:center;color:var(--text-secondary);display:flex;gap:6px}.course-generator__token-balance strong{color:var(--text-primary);font-weight:600}.course-generator__token-cost{align-items:center;color:var(--text-secondary);display:flex;gap:6px}.course-generator__token-cost strong{color:var(--accent-primary);font-weight:600}.course-generator__token-error{background:#ff47571a;border:1px solid #ff47574d;border-radius:8px;color:#ff4757;display:flex;flex-direction:column;font-size:.9rem;gap:12px;margin-top:16px;padding:16px}.course-generator__token-error p{line-height:1.5;margin:0}.course-generator__purchase-tokens-btn{align-self:flex-start;background:linear-gradient(135deg,#4facfe33,#00f2fe33);border:1.5px solid var(--accent-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.course-generator__purchase-tokens-btn:hover{background:linear-gradient(135deg,#4facfe4d,#00f2fe4d);box-shadow:0 2px 8px #4facfe40;transform:translateY(-1px)}.generate-course-btn.insufficient-tokens{background:linear-gradient(135deg,#64646433,#78787833);border-color:var(--border-color);cursor:not-allowed;opacity:.5}.generator-form{margin:0 auto}.course-generator-form-group{margin-bottom:20px}.course-generator-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.course-generator-form-label-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.course-generator-form-label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:0;margin-left:5px}.course-generator__clear-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.course-generator__clear-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary);transform:scale(1.1)}.course-generator__clear-btn svg{flex-shrink:0}.course-prompt-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:15px;resize:vertical;transition:border-color .2s ease;width:100%}.course-prompt-input::placeholder{color:var(--text-tertiary)}.course-prompt-input:focus{background:var(--bg-primary);border-color:var(--accent-primary);outline:none}.course-generator-form-select{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:12px;transition:border-color .2s ease;width:100%}.course-generator-form-select:focus{border-color:var(--accent-primary);outline:none}.course-generator-form-select option{background:var(--bg-primary);color:var(--text-primary)}.custom-language-selector{position:relative;width:100%}.language-selector-trigger{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:border-color .2s ease}.language-selector-trigger:focus,.language-selector-trigger:hover{border-color:var(--accent-primary)}.language-selector-trigger:focus{outline:none}.course-generator-selected-language{align-items:center;display:flex;flex:1 1;gap:8px}.language-icon{flex-shrink:0;height:20px;width:20px}.language-selector-trigger.open .dropdown-arrow,.language-selector-trigger:hover .dropdown-arrow{color:var(--accent-primary);opacity:1}.language-selector-trigger.open .dropdown-arrow{transform:rotate(180deg)}.course-generator-header-section .language-dropdown{border-color:#4facfe33;box-shadow:0 8px 24px #00000040,0 4px 12px #4facfe26}.language-option span{font-size:.9375rem}.course-generator-advanced-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:8px 0;text-decoration:underline;transition:color .2s ease}.course-generator-advanced-toggle:hover{color:var(--text-primary)}.course-generator-advanced-options{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-top:15px;padding:20px}.course-generator-form-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:12px;transition:border-color .2s ease;width:100%}.course-generator-form-input:focus{background:var(--bg-primary);border-color:var(--accent-primary);outline:none}.course-generator-form-help{color:var(--text-tertiary);display:block;font-size:.85rem;margin-top:8px}.course-generator-form-actions{border-top:1px solid var(--border-color);justify-content:space-between;margin-top:32px;padding-top:24px}.course-generator-form-actions,.course-generator__action-right{align-items:center;display:flex;flex-direction:row;gap:16px}.generation-type-selector{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 3px #0000001a;display:inline-flex;gap:2px;padding:3px}.generation-type-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:10px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.generation-type-btn:before{background:var(--bg-hover);border-radius:6px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.generation-type-btn:hover:not(:disabled):before{opacity:1}.generation-type-btn:hover:not(:disabled){color:var(--text-primary)}.generation-type-btn.active{background:var(--bg-secondary);box-shadow:0 1px 2px #0000001a;color:var(--text-primary)}.generation-type-btn.active:before{display:none}.generation-type-btn:disabled{cursor:not-allowed;opacity:.4}.generation-type-btn svg{flex-shrink:0;opacity:.7;position:relative;transition:opacity .2s ease;z-index:1}.generation-type-btn.active svg,.generation-type-btn:hover:not(:disabled) svg{opacity:1}.generation-type-btn,.generation-type-btn span{position:relative;z-index:1}.generate-course-btn{background:linear-gradient(135deg,#4facfe33,#00f2fe33);border:1.5px solid var(--accent-primary);border-radius:8px;box-shadow:0 2px 8px #4facfe26;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:.9375rem;font-weight:600;overflow:hidden;padding:11px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.generate-course-btn:before{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.generate-course-btn:hover:not(:disabled):before{opacity:1}.generate-course-btn:hover:not(:disabled){border-color:var(--accent-primary);box-shadow:0 4px 12px #4facfe40;transform:translateY(-1px)}.generate-course-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.generate-course-btn .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.course-generator-header-nav{border-radius:10px;box-shadow:inset 0 1px 2px #0000000d;display:inline-flex;flex-shrink:0;gap:6px;margin-bottom:0;padding:3px}.course-generator-main-listing-header .course-generator-header-nav{margin-bottom:0}.course-generator-header-nav .course-generator__explore-btn{align-items:center;background:#0000;border:none;border-radius:7px;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:6px;height:36px;justify-content:center;padding:8px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.course-generator-header-nav .course-generator__explore-btn:hover{background:var(--bg-hover);box-shadow:none;color:var(--text-primary);transform:none}.course-generator-header-nav .course-generator__explore-btn.active{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 1px 2px #0000001a;color:var(--text-primary);font-weight:600}.course-generator-header-nav .course-generator__explore-btn.active svg{color:#fff}.course-generator-header-nav .course-generator__explore-btn svg{flex-shrink:0;opacity:.7;transition:opacity .2s ease}.course-generator-header-nav .course-generator__explore-btn.active svg,.course-generator-header-nav .course-generator__explore-btn:hover svg{opacity:1}.course-generator-header-filters{align-items:center;display:flex;flex:1 1;gap:20px;justify-content:flex-end;min-width:0}.course-generator-header-create-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;opacity:.85;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.course-generator-header-create-btn:hover{background:var(--bg-hover);border-color:var(--border-color);box-shadow:0 2px 4px #0000001a;color:var(--text-primary);opacity:1;transform:translateY(-1px)}.course-generator-header-create-btn:active{transform:translateY(0)}.course-generator-header-create-btn svg{flex-shrink:0;opacity:.8;transition:opacity .2s ease}.course-generator-header-create-btn:hover svg{opacity:1}.course-generator-header-filter-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;line-height:1.2;margin:0;opacity:.7;text-transform:uppercase}.course-generator-header-section .custom-language-selector{width:100%}.course-generator-header-section .language-selector-trigger{align-items:center;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;box-shadow:0 1px 2px var(--bg-primary);box-sizing:border-box;display:flex;height:36px;justify-content:space-between;min-height:36px;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.course-generator-header-section .language-selector-trigger:hover{border-color:var(--bg-tertiary);box-shadow:0 1px 3px var(--bg-primary)}.course-generator-header-section .language-selector-trigger.open{border-color:var(--accent-primary);box-shadow:0 1px 3px #4facfe33}.course-generator-header-section .course-generator-form-select{align-items:center;-webkit-appearance:none;appearance:none;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px #0000000d;box-sizing:border-box;cursor:pointer;display:flex;font-size:.875rem;height:36px;min-height:36px;padding:10px 36px 10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.course-generator-header-section .course-generator-form-select:hover{border-color:var(--accent-primary);box-shadow:0 1px 3px #4facfe33}.course-generator-header-section .course-generator-form-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #4facfe1a;outline:none}.template-courses-wrapper{margin:0 auto 40px}.course-generator-main-listing-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px var(--bg-primary);display:flex;flex-direction:column;margin-left:auto;margin-right:auto;min-height:calc(100vh - 100px);padding:32px}.course-generator-page-header{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:24px}.course-generator-page-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.35rem;font-weight:800;gap:12px;line-height:2.2;margin:0 0 12px}.course-generator-page-title-icon{color:#fff;flex-shrink:0;opacity:1;padding-top:1px}.course-generator-page-subtitle{color:var(--text-secondary);font-size:.99rem;line-height:1.5;margin:0;opacity:.85}.course-generator-header-nav-search{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:16px;margin-bottom:16px;padding-bottom:20px}.course-generator-header-nav-search .course-generator-header-nav{flex-shrink:0;margin-bottom:0;padding-bottom:0}.course-generator-main-listing-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.course-generator-header-nav-search .course-generator-search-bar{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:24px;display:flex;flex:1 1;height:45px;margin-bottom:0;min-width:0;padding:0 16px;position:relative;transition:all .2s ease}.course-generator-search-icon{color:var(--text-tertiary);flex-shrink:0;margin-right:8px}.course-generator-search-input{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:none;color:var(--text-primary);flex:1 1;font-size:.9375rem;outline:none;padding:12px 0}.course-generator-search-input::placeholder{color:var(--text-tertiary)}.course-generator-search-clear{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-left:8px;padding:0;transition:all .2s ease;width:24px}.course-generator-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.course-generator-filter-bar{flex:1 1;margin-bottom:0}.course-generator-filter-chips{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.course-generator-filter-chip-wrapper{position:relative}.course-generator-filter-chip{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;font-size:.875rem;gap:8px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.course-generator-filter-chip--language{cursor:pointer}.course-generator-filter-chip--language:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.course-generator-filter-chip--language.open{border-color:var(--accent-primary);box-shadow:0 0 0 2px #4facfe1a}.course-generator-filter-chip--removable{background:var(--bg-secondary)}.course-generator-filter-chip--button{background:#0000;border:1px solid var(--border-color);border-radius:8px;padding:0;transition:all .2s ease}.course-generator-filter-chip--button:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.course-generator-filter-chip-label{color:var(--text-secondary);font-weight:500;transition:color .2s ease}.course-generator-filter-chip-value{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:6px;transition:color .2s ease}.course-generator-filter-chip-icon{flex-shrink:0;height:18px;width:18px}.course-generator-filter-chip-remove{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-left:4px;padding:0;transition:all .2s ease;width:18px}.course-generator-filter-chip-remove:hover{background:var(--bg-hover);color:var(--text-primary)}.course-generator-filter-chip-button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.course-generator-filter-chip-button:hover{background:var(--bg-hover)}.course-generator-filter-chip--button:hover .course-generator-filter-chip-label{color:var(--text-primary)}.course-generator-filter-chip-button.active{background:var(--bg-secondary)}.course-generator-filter-dropdown{left:0;margin-top:8px;min-width:200px;position:absolute;top:100%;z-index:100}.category-card{cursor:pointer;transition:all .2s ease}.category-card:hover{border-color:var(--accent-primary);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.category-card--active{background:linear-gradient(135deg,#0483b61a,#0483b60d);border:2px solid var(--accent-primary);box-shadow:0 4px 16px #0483b640}.category-card--active .explore-grid-card-icon-wrapper{background:linear-gradient(135deg,#0483b633,#0483b626);border-color:var(--accent-primary)}.category-card--active .explore-grid-card-icon{color:var(--accent-primary)}.category-card .explore-grid-card-title{color:var(--text-primary);font-weight:600}.category-card--active .explore-grid-card-title{color:var(--accent-primary)}.category-card .explore-grid-card-description{color:var(--text-secondary);opacity:.85}.category-card .explore-grid-card-right{display:none}.category-card .explore-grid-card-center{flex:1 1}.category-card-count{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);display:inline-flex;font-size:.75rem;font-weight:600;margin-left:8px;padding:4px 10px;white-space:nowrap}.category-card--active .category-card-count{background:#0483b626;border-color:#0483b64d;color:var(--accent-primary)}.custom-type-selector{position:relative}.type-dropdown{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:12px;box-shadow:0 4px 16px #0003,0 2px 8px #4facfe1a;left:0;margin-top:8px;min-width:180px;overflow:hidden;position:absolute;top:100%;z-index:100}.type-option{background:#0000;border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:block;font-size:.9375rem;padding:12px 16px;text-align:left;transition:background .15s ease;width:100%}.type-option:last-child{border-bottom:none}.type-option:hover{background:var(--bg-hover)}.type-option.selected{background:var(--bg-tertiary);color:var(--accent-primary);font-weight:600}.course-generator-main-listing-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.course-generator-main-listing-selectors{gap:12px}.course-generator-main-listing-category-selector,.course-generator-main-listing-language-selector,.course-generator-main-listing-selectors{align-items:center;display:flex;flex-shrink:0}.course-generator-main-listing-language-selector .custom-language-selector{min-width:180px;width:200px}.course-generator-main-listing-language-selector .language-selector-trigger{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px #0000000d;box-sizing:border-box;display:flex;height:36px;justify-content:space-between;min-height:36px;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.course-generator-main-listing-language-selector .language-selector-trigger.open,.course-generator-main-listing-language-selector .language-selector-trigger:hover{border-color:var(--accent-primary);box-shadow:0 1px 3px #4facfe33}.course-generator-main-listing-language-selector .language-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:12px;box-shadow:0 4px 16px #0003,0 2px 8px #4facfe1a;left:0;margin-top:8px;max-height:240px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.course-generator-main-listing-category-selector .custom-category-selector{min-width:180px;position:relative;width:100%;width:200px}.category-selector-trigger{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px #0000000d;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;gap:8px;height:36px;justify-content:space-between;min-height:36px;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.category-selector-trigger.open,.category-selector-trigger:hover{border-color:var(--accent-primary);box-shadow:0 1px 3px #4facfe33}.category-selector-icon{flex-shrink:0;height:20px;width:20px}.category-selector-text{flex:1 1;font-size:.875rem;font-weight:500;text-align:left}.course-generator-main-listing-category-selector .category-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:12px;box-shadow:0 4px 16px #0003,0 2px 8px #4facfe1a;left:0;margin-top:8px;max-height:240px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.course-generator-filter-tabs{background:#0000;border:none;border-radius:0;display:flex;flex:1 1;gap:0;justify-content:flex-end;padding:0}.course-generator-filter-tab{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;position:relative;transition:all .2s ease;white-space:nowrap}.course-generator-filter-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.course-generator-filter-tab.active{background:var(--bg-secondary);box-shadow:0 1px 2px #0000001a;color:var(--text-primary);font-weight:600}.course-generator-filter-tab.active:after{background:var(--accent-primary);border-radius:2px 2px 0 0;bottom:-20px;content:"";height:2px;left:0;position:absolute;right:0}@media (max-width:768px){.course-generator-main-listing-section{margin:0 16px 24px;padding:24px}.course-generator-page-title{font-size:1.5rem}.course-generator-page-subtitle{font-size:.9375rem}.course-generator-header-nav-search{align-items:stretch;flex-direction:column;gap:12px}.course-generator-header-nav-search .course-generator-header-nav,.course-generator-header-nav-search .course-generator-search-bar{width:100%}.course-generator-main-listing-header{align-items:stretch;flex-direction:column;gap:12px}.course-generator-filter-bar{margin-bottom:0;width:100%}.course-generator-main-listing-header .course-generator-header-nav{justify-content:stretch;width:100%}.course-generator-main-listing-header .course-generator-header-nav .course-generator__explore-btn{flex:1 1}.course-generator-filter-chips{align-items:stretch;flex-direction:column;gap:8px}.course-generator-filter-chip{justify-content:space-between;width:100%}.course-generator-filter-chip-wrapper,.course-generator-filter-chip-wrapper .custom-language-selector{width:100%}.course-generator-filter-dropdown{left:0;right:0;width:100%}}.template-courses-explore{background:#0000;display:flex;flex:1 1;flex-direction:column;margin-bottom:0;min-height:0;overflow:hidden;padding:0;position:relative;transition:opacity .2s ease,filter .2s ease}.template-courses-explore.modal-open{filter:blur(2px);opacity:.4;pointer-events:none}.template-courses-bottom-section{background:var(--bg-secondary);border-radius:0 0 16px 16px;border-top:1px solid var(--border-color);justify-content:space-between;margin-left:auto;margin-right:auto;padding:20px}.template-courses-bottom-section,.template-courses-nav-buttons-container{align-items:center;display:flex;gap:12px}.template-courses-create-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;opacity:.85;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.template-courses-create-btn:hover{background:var(--bg-hover);border-color:var(--border-color);box-shadow:0 2px 4px #0000001a;color:var(--text-primary);opacity:1;transform:translateY(-1px)}.template-courses-create-btn:active{transform:translateY(0)}.template-courses-create-btn svg{flex-shrink:0;opacity:.8;transition:opacity .2s ease}.template-courses-create-btn:hover svg{opacity:1}.template-courses-nav-arrow-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;opacity:.85;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.template-courses-nav-arrow-btn:hover{background:var(--bg-hover);border-color:var(--border-color);box-shadow:0 2px 4px #0000001a;color:var(--text-primary);opacity:1;transform:translateY(-1px)}.template-courses-nav-arrow-btn:active{transform:translateY(0)}.template-courses-nav-arrow-btn svg{flex-shrink:0;opacity:.8;transition:opacity .2s ease}.template-courses-nav-arrow-btn:hover svg{opacity:1}.template-courses-navigation-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;opacity:.85;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.template-courses-navigation-btn:hover{background:var(--bg-hover);border-color:var(--border-color);box-shadow:0 2px 4px #0000001a;color:var(--text-primary);opacity:1;transform:translateY(-1px)}.template-courses-navigation-btn:active{transform:translateY(0)}.template-courses-navigation-btn svg{flex-shrink:0;opacity:.8;transition:opacity .2s ease}.template-courses-navigation-btn:hover svg{opacity:1}.template-courses-explore>.explore-front-container,.template-courses-explore>.explore-grid-container,.template-courses-explore>.explore-grid-wrapper{display:block!important;width:100%}.explore-grid-wrapper{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:8px;width:100%}.explore-grid-wrapper::-webkit-scrollbar{width:8px}.explore-grid-wrapper::-webkit-scrollbar-track{background:#0000}.explore-grid-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.explore-grid-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.course-detail-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.course-detail-modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%;z-index:1001}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.course-detail-modal-content .explore-back-info-container{box-shadow:0 20px 60px #00000080;margin:0}.course-detail-modal-content::-webkit-scrollbar{width:8px}.course-detail-modal-content::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.course-detail-modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.course-detail-modal-content::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.course-detail-modal-content--preview{max-height:95vh;max-width:900px}.course-detail-modal-content--preview .explore-preview-container{box-shadow:0 20px 60px #00000080}.template-courses-header{border-bottom:1px solid var(--border-color);margin-bottom:24px;margin-top:20px;padding-bottom:20px}.template-courses-header-content{text-align:left}.template-courses-title-wrapper{margin:0 6px 25px 5px;position:relative}.template-courses-title{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;font-weight:550;gap:12px;letter-spacing:-.02em;margin:0;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.template-courses-title:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.template-courses-title.open{background:var(--bg-tertiary);border-color:var(--accent-primary)}.template-courses-title-icon{flex-shrink:0;height:28px;opacity:.9;width:28px}.template-courses-title-text{align-items:center;display:flex;flex:1 1;gap:8px}.template-courses-title-arrow{color:var(--text-tertiary);font-size:.75rem;margin-left:auto;transition:transform .2s ease}.template-courses-title.open .template-courses-title-arrow{transform:rotate(180deg)}.category-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.category-option{background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:.9375rem;padding:12px 16px;text-align:left;transition:background .15s ease;width:100%}.category-option.selected,.category-option:hover{background:var(--bg-tertiary)}.category-option.selected{color:var(--accent-primary);font-weight:600}.template-courses-subtitle{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin:0;opacity:.85}.explore-filter-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:8px;margin-bottom:24px;padding-bottom:20px}.explore-filter-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:10px 16px;position:relative;transition:all .2s ease}.explore-filter-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.explore-filter-tab.active{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 1px 3px #0000001a;color:var(--text-primary)}.explore-filter-tab svg{flex-shrink:0;opacity:.7}.explore-filter-tab.active svg{opacity:1}.explore-filter-count{background:var(--bg-tertiary);border-radius:10px;color:var(--text-secondary);font-size:.75rem;font-weight:600;min-width:20px;padding:2px 6px;text-align:center}.explore-filter-tab.active .explore-filter-count{background:var(--accent-primary);color:var(--text-primary);opacity:.9}.explore-filter-tab--create{font-weight:600;margin-left:auto}.explore-filter-tab--create,.explore-filter-tab--create:hover{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border-color:var(--bg-secondary);color:#fff}.explore-filter-tab--create:hover{transform:translateY(-1px)}.template-courses-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0;max-width:1000px}.template-course-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:20px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.template-course-card:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.template-course-card:active{transform:translateY(0)}.template-course-card-content{display:flex;flex-direction:column;gap:12px;height:100%}.template-course-card-header{align-items:flex-start;display:flex;gap:12px}.template-course-card-icon-wrapper{align-items:center;display:flex;flex-shrink:0;margin-top:2px}.template-course-language-icon{flex-shrink:0;height:24px;opacity:.9;width:24px}.template-course-card-title-wrapper{display:flex;flex:1 1;flex-direction:column;min-width:0}.template-course-card-title-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.template-course-card-title{color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin:0;min-width:0}.template-course-card-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.01em;line-height:1;padding:4px 10px;text-transform:capitalize;width:fit-content}.template-course-card-badge-beginner{background:#4caf5026;border:1px solid #4caf504d;color:#4caf50e6}.template-course-card-badge-intermediate{background:#ffc10726;border:1px solid #ffc1074d;color:#ffc107e6}.template-course-card-badge-advanced{background:#f4433626;border:1px solid #f443364d;color:#f44336e6}.template-course-card-description{color:var(--text-secondary);flex:1 1;font-size:.875rem;line-height:1.6;margin:0;opacity:.85}.template-course-card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:auto;padding-top:12px}.template-course-card-type{color:var(--text-tertiary);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.template-course-card-cost{align-items:center;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:4px}.template-course-card-action{display:none}@media (min-width:768px) and (max-width:1024px){.template-courses-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.template-courses-grid{grid-template-columns:repeat(3,1fr)}}.generator-info-section{margin-top:32px;text-align:center}.generator-info-toggle{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:400;gap:6px;justify-content:center;margin-top:24px;padding:8px 12px;transition:all .2s ease}.generator-info-toggle:hover{background:var(--bg-hover);color:var(--text-secondary)}.info-toggle-icon{transition:transform .2s ease}.info-toggle-icon.expanded{transform:rotate(180deg)}.generator-info{grid-gap:20px;animation:slideDown .3s ease;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.info-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.info-card h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:15px}.info-card ol,.info-card ul{color:var(--text-secondary);line-height:1.6;margin:0;padding-left:20px}.info-card li{margin-bottom:8px}@media (max-width:768px){.course-generator{margin:0 16px 40px;padding:24px}.generator-section-description{align-items:flex-start;flex-direction:column;gap:16px}.generator-section-description__left{width:100%}.course-generator__explore-btn{justify-content:center;width:100%}.generator-header-content h2{font-size:1.75rem}.generator-header p{font-size:.9rem}.generator-header{align-items:flex-start;flex-direction:column;gap:16px}.course-generator-form-row{gap:15px;grid-template-columns:1fr}.examples-grid{gap:16px;grid-template-columns:1fr;max-width:100%}.template-courses-wrapper{margin:0 16px 40px}.template-courses-explore{border-radius:16px 16px 0 0;margin-top:40px;padding-top:24px}.template-courses-bottom-section{-webkit-overflow-scrolling:touch;border-radius:0 0 16px 16px;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:16px 12px}.template-courses-nav-arrow-btn{flex:0 0 40px;min-width:40px}.template-courses-navigation-btn{flex:0 0 auto;font-size:.8125rem;padding:10px 16px}.template-courses-navigation-btn span{display:none}@media (min-width:360px){.template-courses-navigation-btn span{display:inline}}.template-courses-create-btn{flex:0 0 auto;font-size:.8125rem;padding:10px 16px}.template-courses-title{font-size:1.25rem;gap:10px}.template-courses-title-icon{height:24px;width:24px}.template-courses-subtitle{font-size:.875rem}.explore-filter-tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;padding-bottom:16px}.explore-filter-tab{font-size:.8125rem;padding:8px 12px}.explore-filter-count{font-size:.6875rem;padding:2px 5px}.template-courses-grid{gap:12px;grid-template-columns:1fr}.template-course-card{padding:16px 18px}.template-course-card-title{font-size:.9375rem}.template-course-card-description{font-size:.8125rem}.generator-info{grid-template-columns:1fr}.generate-course-btn{font-size:1rem;padding:14px 28px}.language-dropdown{max-height:150px}.language-option{padding:10px}.language-icon{height:18px;width:18px}.course-generator-form-actions{align-items:stretch;flex-direction:column;gap:16px;padding-top:20px}.course-generator__action-right{align-items:stretch;flex-direction:column;gap:12px;width:100%}.course-generator__token-info{justify-content:space-between;width:100%}.generation-type-selector{justify-content:stretch;width:100%}.generation-type-btn{flex:1 1;font-size:.8125rem;justify-content:center;padding:12px 14px}.generate-course-btn{padding:12px 24px;width:100%}.course-generator__token-info{flex-direction:column;gap:12px;padding:12px 16px}.course-generator__token-error{padding:12px}.course-generator-header-section{border-radius:16px;margin:0 16px 24px;padding:20px 24px}.course-generator-header-content{align-items:stretch;flex-direction:column;gap:24px}.course-generator-header-nav{flex-direction:row;justify-content:stretch;width:100%}.course-generator-header-nav .course-generator__explore-btn{flex:1 1;justify-content:center;padding:12px 16px}.course-generator-header-filters{display:none}}.purchase-history-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;margin-bottom:40px;margin-left:auto;margin-right:auto;padding:32px}.purchase-history-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.purchase-history-header-content{flex:1 1}.purchase-history-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.purchase-history-subtitle{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin:0;opacity:.85}.purchase-history-close-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.purchase-history-close-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary);transform:scale(1.05)}.purchase-filters{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;padding-bottom:20px}.purchase-filter-group{align-items:center;display:flex;gap:12px}.purchase-filter-label{color:var(--text-secondary);font-size:.875rem;font-weight:600;white-space:nowrap}.purchase-filter-buttons{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:4px;padding:3px}.purchase-filter-btn{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;text-transform:capitalize;transition:all .2s ease}.purchase-filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.purchase-filter-btn.active{background:var(--bg-secondary);box-shadow:0 1px 2px #0000001a;color:var(--text-primary)}.purchase-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.purchase-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .2s ease}.purchase-card:hover{border-color:var(--accent-primary);box-shadow:0 2px 8px #4facfe26;transform:translateY(-2px)}.purchase-card--deleted{border-style:dashed;opacity:.7}.purchase-card--restored{border-color:#4caf504d}.purchase-card-header{align-items:flex-start;display:flex;gap:12px}.purchase-card-icon{align-items:center;background:var(--bg-tertiary);border-radius:8px;color:var(--accent-primary);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.purchase-card-title-wrapper{flex:1 1;min-width:0}.purchase-card-title{word-wrap:break-word;color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 8px}.purchase-card-badges{display:flex;flex-wrap:wrap;gap:6px}.purchase-card-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:capitalize}.purchase-card-badge--active{background:#4caf5026;border:1px solid #4caf504d;color:#4caf50e6}.purchase-card-badge--deleted{background:#f4433626;border:1px solid #f443364d;color:#f44336e6}.purchase-card-badge--restored{background:#2196f326;border:1px solid #2196f34d;color:#2196f3e6}.purchase-card-badge--type{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.purchase-card-body{display:flex;flex-direction:column;gap:12px}.purchase-card-meta{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.purchase-card-meta-item{display:flex;flex-direction:column;gap:4px}.purchase-card-meta-label{color:var(--text-tertiary);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.purchase-card-meta-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.purchase-card-date{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.8125rem;padding-top:8px}.purchase-card-restored-info{color:#2196f3e6;font-size:.8125rem;font-weight:500}.purchase-card-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding-top:12px}.purchase-card-restore-btn{align-items:center;background:linear-gradient(135deg,#4facfe33,#00f2fe33);border:1.5px solid var(--accent-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.purchase-card-restore-btn:hover:not(:disabled){background:linear-gradient(135deg,#4facfe4d,#00f2fe4d);box-shadow:0 2px 8px #4facfe40;transform:translateY(-1px)}.purchase-card-restore-btn:disabled{cursor:not-allowed;opacity:.6}.purchase-card-status-active,.purchase-card-status-restored{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:6px}.purchase-card-status-active{color:#4caf50e6}.purchase-card-status-restored{color:#2196f3e6}.purchase-history-empty,.purchase-history-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.purchase-history-loading .spinner,.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--accent-primary);height:24px;width:24px}.spinner-small{border-width:2px;height:16px;width:16px}.purchase-history-empty svg{color:var(--text-tertiary);margin-bottom:16px;opacity:.5}.purchase-history-empty p{color:var(--text-secondary);font-size:1rem;margin:8px 0}.purchase-history-empty-subtitle{color:var(--text-tertiary)!important;font-size:.875rem!important;opacity:.7}.course-generator__explore-btn.active{background:linear-gradient(135deg,#4facfe33,#00f2fe33);border-color:var(--accent-primary);color:var(--text-primary)}@media (max-width:768px){.purchase-history-section{margin:0 16px 40px;padding:24px}.purchase-history-header{align-items:flex-start;flex-direction:column}.purchase-filters{flex-direction:column;gap:16px}.purchase-filter-group{align-items:flex-start;flex-direction:column;gap:8px}.purchase-filter-buttons{justify-content:stretch;width:100%}.purchase-filter-btn{flex:1 1;text-align:center}.purchase-card-meta,.purchase-list{grid-template-columns:1fr}}.roadmap-graph{align-items:stretch;display:flex;flex:1 1;flex-direction:column;justify-content:stretch;min-height:200px;overflow:hidden;position:relative}.roadmap-graph__zoom-controls{bottom:90px;display:flex;flex-direction:column;gap:4px;pointer-events:auto;position:absolute;right:12px;z-index:20}.roadmap-graph__zoom-btn{align-items:center;background:#1e293b;background:var(--bg-secondary,#1e293b);border:1px solid #ffffff1f;border:1px solid var(--border-color,#ffffff1f);border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;display:flex;font-size:1.25rem;font-weight:var(--roadmap-ui-btn-weight);height:36px;justify-content:center;line-height:1;padding:0;transition:background .2s ease,border-color .2s ease,opacity .2s ease;width:36px}.roadmap-graph__zoom-btn:hover:not(:disabled){background:#334155;background:var(--bg-hover,#334155);border-color:#3b82f680;border-color:var(--accent-primary,#3b82f680)}.roadmap-graph__zoom-btn:disabled{cursor:not-allowed;opacity:.4}.roadmap-graph__zoom-btn-icon{display:block;-webkit-user-select:none;user-select:none}.roadmap-graph__viewport{background:var(--bg-secondary);cursor:grab;flex:1 1;min-height:280px;overflow:hidden;touch-action:none}.roadmap-graph__viewport--panning,.roadmap-graph__viewport:active{cursor:grabbing}.roadmap-graph__viewport--panning .roadmap-graph__node{pointer-events:none}.roadmap-graph__transform{height:100%;width:100%;will-change:transform}.roadmap-graph__svg{display:block;height:100%;min-height:280px;width:100%}.roadmap-graph__edge{stroke:#475569;stroke:var(--roadmap-graph-edge,#475569);transition:stroke .2s ease}.roadmap-graph__node{cursor:pointer}.roadmap-graph__node-rect{fill:#47556966;fill:var(--roadmap-node-locked,#47556966);stroke:#64748b80;stroke:var(--roadmap-node-locked-stroke,#64748b80)}.roadmap-graph__node--completed .roadmap-graph__node-rect{fill:#22c55e59;fill:var(--roadmap-node-completed,#22c55e59);stroke:#22c55eb3;stroke:var(--roadmap-node-completed-stroke,#22c55eb3)}.roadmap-graph__node--current .roadmap-graph__node-rect{fill:#eab30859;fill:var(--roadmap-node-current,#eab30859);stroke:#eab308d9;stroke:var(--roadmap-node-current-stroke,#eab308d9)}.roadmap-graph__node--locked .roadmap-graph__node-rect{fill:#47556966;fill:var(--roadmap-node-locked,#47556966);stroke:#64748b80;stroke:var(--roadmap-node-locked-stroke,#64748b80)}.roadmap-graph__node--locked .roadmap-graph__node-label-inner{color:#64748b;color:var(--roadmap-node-locked-text,#64748b)}.roadmap-graph__node--locked{cursor:default}.roadmap-graph__node--subscription-locked.roadmap-graph__node--locked{cursor:pointer}.roadmap-graph__node--locked:hover .roadmap-graph__node-rect,.roadmap-graph__node:hover .roadmap-graph__node-rect{fill:#47556966;fill:var(--roadmap-node-locked,#47556966);stroke:#64748b80;stroke:var(--roadmap-node-locked-stroke,#64748b80)}.roadmap-graph__node:hover .roadmap-graph__node-rect{transform:scale(1.05)}.roadmap-graph__node--completed:hover .roadmap-graph__node-rect{fill:#22c55e80;fill:var(--roadmap-node-completed-hover,#22c55e80);stroke:#22c55ee6;stroke:var(--roadmap-node-completed-stroke,#22c55ee6)}.roadmap-graph__node--current:hover .roadmap-graph__node-rect{fill:#eab30880;fill:var(--roadmap-node-current-hover,#eab30880);stroke:#eab308;stroke:var(--roadmap-node-current-stroke,#eab308)}.roadmap-graph__node-label-fo{overflow:hidden;pointer-events:none}.roadmap-graph__node-label-fo-body{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;padding:0;width:100%}.roadmap-graph__node-label-inner{-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3;color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:-webkit-box;font-size:var(--roadmap-node-label-size);font-weight:var(--roadmap-caption-weight);-webkit-hyphens:auto;hyphens:auto;line-height:1.25;max-height:100%;max-width:100%;overflow:hidden;overflow-wrap:break-word;pointer-events:none;text-align:center;text-overflow:ellipsis;word-break:break-word}.roadmap-graph__node-mastered-star{pointer-events:none}.roadmap-graph__node-mastered-star svg{fill:#fbbf24;fill:var(--roadmap-node-mastered-star,#fbbf24);filter:drop-shadow(0 0 1px rgba(0,0,0,.5))}.roadmap-graph__node--completed .roadmap-graph__node-mastered-star svg{fill:#fde047;fill:var(--roadmap-node-mastered-star-completed,#fde047)}.roadmap-graph__node--current .roadmap-graph__node-mastered-star svg{fill:#fef08a;fill:var(--roadmap-node-mastered-star-current,#fef08a)}.roadmap-graph__node-subscription-lock{pointer-events:none}.roadmap-graph__node-subscription-lock-icon{color:#a8b3c4;color:var(--roadmap-graph-subscription-lock-icon,#a8b3c4);filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));opacity:.88}.roadmap-graph__node--subscription-locked:hover .roadmap-graph__node-subscription-lock-icon{color:#c8d0dc;color:var(--roadmap-graph-subscription-lock-icon-hover,#c8d0dc);opacity:.95}.roadmap-graph__node--subscription-locked .roadmap-graph__node-label-fo-body{padding-top:2px}.roadmap-graph__node--subscription-locked .roadmap-graph__node-label-inner{box-sizing:border-box;padding-top:11px}.roadmap-graph--empty{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:var(--roadmap-node-title-size);justify-content:center}.roadmap-graph__node-tooltip{align-items:stretch;background:#1e293b;background:var(--bg-secondary,#1e293b);border:1px solid #ffffff1f;border:1px solid var(--border-color,#ffffff1f);border-radius:12px;box-shadow:0 8px 24px #0006,0 0 0 1px #0000001a;display:flex;flex-direction:column;gap:16px;max-width:min(360px,calc(100vw - 24px));min-width:288px;padding:16px 16px 18px;pointer-events:auto;position:fixed;z-index:100}.roadmap-graph__node-tooltip-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:block;font-size:var(--roadmap-node-title-size);font-weight:var(--roadmap-node-title-weight);letter-spacing:.01em;min-height:1.35em;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color .12s ease;white-space:nowrap;width:100%}.roadmap-graph__node-tooltip-locked{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12px;line-height:1.35;margin:0}.roadmap-graph__node-tooltip-btn{align-items:center;border:1px solid #0000;border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;display:inline-flex;font-size:var(--roadmap-ui-btn-size);font-weight:var(--roadmap-ui-btn-weight);gap:6px;padding:10px 16px;transition:background .2s ease,border-color .2s ease,transform .15s ease}.roadmap-graph__node-tooltip-btn--study{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border-color:#ffffff1f;border-color:var(--border-color,#ffffff1f)}.roadmap-graph__node-tooltip-btn--study:hover:not(:disabled){border-color:#3b82f680;border-color:var(--accent-primary,#3b82f680);transform:translateY(-1px)}.roadmap-graph__node-tooltip-btn--test{background:#0000;border-color:#fff3;border-color:var(--border-color,#fff3)}.roadmap-graph__node-tooltip-btn--test:hover:not(:disabled){background:#33415599;background:var(--bg-tertiary,#33415599);border-color:#3b82f680;border-color:var(--accent-primary,#3b82f680);transform:translateY(-1px)}.roadmap-graph__node-tooltip-btn--test-completed{background:#22c55e59;background:var(--roadmap-node-completed,#22c55e59);border-color:#22c55eb3;border-color:var(--roadmap-node-completed-stroke,#22c55eb3);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.roadmap-graph__node-tooltip-btn--test-completed:hover:not(:disabled){background:#22c55e80;background:var(--roadmap-node-completed-hover,#22c55e80);border-color:#22c55ee6;border-color:var(--roadmap-node-completed-stroke,#22c55ee6)}.roadmap-graph__node-tooltip-btn:disabled{cursor:not-allowed;opacity:.6}.roadmap-graph__node-tooltip-btn-icon{display:block;flex-shrink:0;font-size:1rem}.roadmap-graph__node-tooltip-btn-text{white-space:nowrap}.roadmap-graph__node-tooltip-btn-pct{font-weight:700;margin-left:4px;opacity:.95}.app.app--roadmap{--roadmap-font-family:inherit;--roadmap-title-size:1.35rem;--roadmap-title-weight:700;--roadmap-node-title-size:1rem;--roadmap-node-title-weight:700;--roadmap-ui-size:0.9rem;--roadmap-ui-weight:700;--roadmap-ui-secondary-size:0.85rem;--roadmap-ui-secondary-weight:500;--roadmap-ui-btn-size:0.875rem;--roadmap-ui-btn-weight:600;--roadmap-caption-size:0.8125rem;--roadmap-caption-weight:600;--roadmap-legal-size:0.8125rem;--roadmap-legal-weight:500;--roadmap-node-label-size:0.625rem;height:100vh;overflow:hidden}.app-main__roadmap-wrap,.app-main__roadmap-wrap>*,.roadmap-view{display:flex;flex:1 1;flex-direction:column;min-height:0}.roadmap-view{height:100%}.roadmap-view__header{flex-shrink:0}.roadmap-view__header--minimal{border-top:1px solid #ffffff14;border-top:1px solid var(--bg-tertiary,#ffffff14);margin-top:16px;padding-top:16px}.roadmap-view__header--minimal .roadmap-view__language-dropdown{bottom:100%;margin-bottom:6px;margin-top:0;top:auto}.roadmap-view__header-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.roadmap-view__header-row--stationary{grid-gap:12px;align-items:center;display:grid;flex-wrap:nowrap;gap:12px;grid-template-columns:1fr auto 1fr;min-width:0}.roadmap-view__header-stationary-left{justify-self:start;min-width:0}.roadmap-view__header-stationary-center{justify-self:center;max-width:100%;min-width:0;text-align:center}.roadmap-view__header-stationary-right{justify-self:end;min-width:0}.roadmap-view__header-row--stationary .roadmap-view__language-wrap--end{margin-left:0}.roadmap-view__header-label{align-items:center;display:inline-flex;gap:8px}.roadmap-view__header-label-text{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:var(--roadmap-ui-secondary-size);font-weight:var(--roadmap-ui-secondary-weight);white-space:nowrap}.roadmap-view__header-select{-webkit-appearance:none;appearance:none;background:#1e293b;background:var(--bg-secondary,#1e293b);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m2 4 4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1.5px solid #ffffff1f;border:1.5px solid var(--border-color,#ffffff1f);border-radius:999px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;font-size:var(--roadmap-ui-size);font-weight:var(--roadmap-ui-weight);min-width:140px;padding:10px 36px 10px 14px;transition:border-color .2s ease,box-shadow .2s ease}.roadmap-view__header-select:focus{border-color:#3b82f680;border-color:var(--accent-primary,#3b82f680);box-shadow:0 0 0 1px #3b82f633;box-shadow:0 0 0 1px var(--accent-primary,#3b82f633);outline:none}.roadmap-view__header-select:disabled{cursor:not-allowed;opacity:.6}.roadmap-view__header-select:hover:not(:disabled){border-color:#3b82f666;border-color:var(--accent-primary,#3b82f666)}.roadmap-view__language-wrap{align-items:center;display:inline-flex;gap:8px;position:relative}.roadmap-view__header-row .roadmap-view__language-wrap--end{margin-left:auto}.roadmap-view__graph-nav-cluster{align-items:stretch;background:#1e293b;background:var(--bg-secondary,#1e293b);border:.5px solid #ffffff24;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff0d;display:inline-flex;flex-shrink:0;min-height:44px;overflow:hidden}.roadmap-view__graph-nav-cluster-step{align-items:center;background:#0000;border:none;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;margin:0;padding:0;transition:background .2s ease,color .2s ease;width:44px}.roadmap-view__graph-nav-cluster-step:hover:not(:disabled){background:#ffffff12}.roadmap-view__graph-nav-cluster-step:disabled{cursor:default;opacity:.42}.roadmap-view__graph-nav-cluster-step:focus-visible{box-shadow:inset 0 0 0 2px #3b82f661;outline:none;position:relative;z-index:1}.roadmap-view__graph-nav-cluster-lang-btn{align-items:center;background:#0000;border:1px solid #ffffff14;border-bottom:none;border-top:none;color:#e2e8f0eb;cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--roadmap-ui-secondary-size);font-weight:500;gap:8px;justify-content:center;margin:0;min-width:0;padding:0 14px;transition:background .2s ease,color .2s ease;-webkit-user-select:none;user-select:none}.roadmap-view__graph-nav-cluster-lang-btn:hover{background:#ffffff0f}.roadmap-view__graph-nav-cluster-lang-btn:focus-visible{box-shadow:inset 0 0 0 2px #3b82f661;outline:none;position:relative;z-index:1}.roadmap-view__graph-nav-cluster-lang-icon{flex-shrink:0}.roadmap-view__graph-nav-cluster-lang-text{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roadmap-view__graph-nav-cluster-lang-text--placeholder{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-weight:400}.roadmap-view__graph-nav-cluster-arrow-icon{display:block;height:20px;opacity:.92;width:20px}.roadmap-view__graph-nav-cluster-arrow-icon--mirror{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){.roadmap-view__graph-nav-cluster-lang-btn,.roadmap-view__graph-nav-cluster-step{transition:none}}.roadmap-view__node-count{align-items:center;background:#1e293b;background:var(--bg-secondary,#1e293b);border:1.5px solid #ffffff1f;border:1.5px solid var(--border-color,#ffffff1f);border-radius:999px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:inline-flex;font-size:var(--roadmap-ui-secondary-size);font-weight:var(--roadmap-ui-weight);justify-content:center;min-height:36px;padding:8px 14px;white-space:nowrap}.roadmap-view__node-count:hover{border-color:#3b82f666;border-color:var(--accent-primary,#3b82f666);transform:translateY(-1px)}.roadmap-view__node-count--completed{background:#22c55e59;background:var(--roadmap-node-completed,#22c55e59);border-color:#22c55eb3;border-color:var(--roadmap-node-completed-stroke,#22c55eb3);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.roadmap-view__node-count--completed:hover{background:#22c55e80;background:var(--roadmap-node-completed-hover,#22c55e80);border-color:#22c55ee6;border-color:var(--roadmap-node-completed-stroke,#22c55ee6)}.roadmap-view__track-mastered{align-items:center;background:#1e293b;background:var(--bg-secondary,#1e293b);border:1.5px solid #ffffff1f;border:1.5px solid var(--border-color,#ffffff1f);border-radius:999px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:inline-flex;font-size:var(--roadmap-ui-secondary-size);font-weight:var(--roadmap-ui-weight);justify-content:center;min-height:36px;padding:8px 14px;transition:background .2s ease,border-color .2s ease;white-space:nowrap}.roadmap-view__track-mastered:hover{border-color:#3b82f666;border-color:var(--accent-primary,#3b82f666);transform:translateY(-1px)}.roadmap-view__track-mastered--completed{background:#22c55e59;background:var(--roadmap-node-completed,#22c55e59);border-color:#22c55eb3;border-color:var(--roadmap-node-completed-stroke,#22c55eb3);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.roadmap-view__track-mastered--completed:hover{background:#22c55e80;background:var(--roadmap-node-completed-hover,#22c55e80);border-color:#22c55ee6;border-color:var(--roadmap-node-completed-stroke,#22c55ee6)}.roadmap-view__language-trigger{align-items:center;background:#1e293b;background:var(--bg-secondary,#1e293b);border:1px solid #ffffff1f;border:1px solid var(--border-color,#ffffff1f);border-radius:12px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;display:inline-flex;font-size:var(--roadmap-ui-size);font-weight:var(--roadmap-ui-weight);gap:10px;justify-content:space-between;min-width:140px;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease}.roadmap-view__language-trigger:hover{border-color:#3b82f666;border-color:var(--accent-primary,#3b82f666)}.roadmap-view__language-trigger--open{border-color:#3b82f680;border-color:var(--accent-primary,#3b82f680);box-shadow:0 0 0 1px #3b82f633;box-shadow:0 0 0 1px var(--accent-primary,#3b82f633)}.roadmap-view__language-trigger--opens-language-menu{justify-content:center;min-width:auto;padding-left:16px;padding-right:16px}.roadmap-view__language-trigger-content{align-items:center;display:inline-flex;gap:8px}.roadmap-view__language-trigger-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.roadmap-view__language-trigger-arrow,.roadmap-view__language-trigger-icon--all{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.roadmap-view__language-trigger-arrow{font-size:10px;opacity:.7;transition:transform .2s ease,color .2s ease}.roadmap-view__language-trigger--open .roadmap-view__language-trigger-arrow,.roadmap-view__language-trigger:hover .roadmap-view__language-trigger-arrow{color:#3b82f6;color:var(--accent-primary,#3b82f6);opacity:1}.roadmap-view__language-trigger--open .roadmap-view__language-trigger-arrow{transform:rotate(180deg)}.roadmap-view__track-wrap{align-items:center;display:inline-flex;position:relative}.roadmap-view__track-wrap--path-language{flex:1 1;min-width:0}.roadmap-view__track-trigger:disabled{cursor:not-allowed;opacity:.6}.roadmap-view__track-dropdown{min-width:100%}.roadmap-view__language-dropdown{background:#1e293b;background:var(--bg-secondary,#1e293b);border:1.5px solid #ffffff1f;border:1.5px solid var(--border-color,#ffffff1f);border-radius:12px;box-shadow:0 8px 24px #00000040,0 2px 8px #4facfe1a;left:0;margin-top:6px;max-height:260px;min-width:100%;overflow-y:auto;position:absolute;scrollbar-color:#94a3b873 #0000;scrollbar-width:thin;top:100%;z-index:100}.roadmap-view__language-dropdown::-webkit-scrollbar{width:6px}.roadmap-view__language-dropdown::-webkit-scrollbar-track{background:#0000}.roadmap-view__language-dropdown::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.roadmap-view__language-option{align-items:center;background:none;border:none;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color,#ffffff14);color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;display:flex;font-size:var(--roadmap-ui-size);font-weight:var(--roadmap-ui-secondary-weight);gap:10px;padding:12px 16px;text-align:left;transition:background .15s ease,padding-left .15s ease;width:100%}.roadmap-view__language-option:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.roadmap-view__language-option:last-child{border-bottom:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.roadmap-view__language-option:hover{background:#334155;background:var(--bg-hover,#334155);padding-left:20px}.roadmap-view__language-option--selected{background:linear-gradient(135deg,#4facfe1f,#00f2fe14);border-left:3px solid #3b82f6;border-left:3px solid var(--accent-primary,#3b82f6);color:#3b82f6;color:var(--accent-primary,#3b82f6);font-weight:var(--roadmap-ui-btn-weight);padding-left:13px}.roadmap-view__language-option--selected:hover{padding-left:20px}.roadmap-view__language-option-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.roadmap-view__main{overflow:hidden;position:relative}.roadmap-view__animate-panel,.roadmap-view__main{display:flex;flex:1 1;flex-direction:column;min-height:0}.roadmap-view__animate-panel{max-width:100%;min-width:0;width:100%}.roadmap-view__animate-panel--graph{min-height:0}.roadmap-view__graph-wrap{display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.roadmap-view__graph-stats.roadmap-view__graph-stats--title-bar{align-items:center;bottom:auto;flex-direction:row;gap:14px;left:auto;position:static}.roadmap-view__graph-stats--title-bar .roadmap-view__graph-stats-divider{align-self:center;background:#ffffff24;background:var(--border-color,#ffffff24);border-radius:1px;flex-shrink:0;height:28px;pointer-events:none;width:1px}.roadmap-view__graph-stats,.roadmap-view__title-bar-node-menu--graph{align-items:flex-start;bottom:90px;display:flex;flex-direction:column;gap:8px;left:12px;pointer-events:auto;position:absolute;z-index:20}.roadmap-view__graph-stats .roadmap-view__graph-stat{align-items:center;border-radius:9px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:inline-flex;font-size:var(--roadmap-ui-secondary-size);font-weight:var(--roadmap-ui-weight);gap:6px;min-height:28px;padding:4px 10px;transition:border-color .25s ease,box-shadow .25s ease,transform .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.roadmap-view__graph-stats .roadmap-view__graph-stat-icon{align-items:center;color:inherit;display:inline-flex;flex-shrink:0;justify-content:center}.roadmap-view__graph-stats .roadmap-view__graph-stat-icon-svg{display:block;flex-shrink:0}.roadmap-view__graph-stats .roadmap-view__graph-stat:hover{border-color:#4a90e259;box-shadow:0 6px 20px #00000061;box-shadow:var(--card-shadow-hover,0 6px 20px #00000061);transform:translateY(-1px)}.roadmap-view__graph-stats .roadmap-view__graph-stat-short{display:inline}.roadmap-view__graph-stats .roadmap-view__graph-stat-full,.roadmap-view__graph-stats .roadmap-view__graph-stat:hover .roadmap-view__graph-stat-short{display:none}.roadmap-view__graph-stats .roadmap-view__graph-stat:hover .roadmap-view__graph-stat-full{display:inline}.roadmap-view__graph-stats--title-bar .roadmap-view__graph-stat{align-items:center;border-radius:30px;font-size:1.125rem;gap:8px;line-height:1;min-height:42px;padding:5px 14px;position:relative}.roadmap-view__graph-stats--title-bar .roadmap-view__graph-stat-icon{align-items:center;display:flex;flex-shrink:0;height:1.45em;justify-content:center;min-height:1.45em;min-width:1.45em;width:1.45em}.roadmap-view__graph-stats--title-bar .roadmap-view__graph-stat-icon svg,.roadmap-view__graph-stats--title-bar .roadmap-view__graph-stat-icon-svg{display:block;height:100%;margin:0;width:100%}.roadmap-view__graph-stats--title-bar .roadmap-view__graph-stat-icon-svg--completion,.roadmap-view__graph-stats--title-bar .roadmap-view__graph-stat-icon-svg--mastery{flex-shrink:0}.roadmap-view__graph-stats--title-bar .roadmap-view__graph-stat--mastered-language:hover{border-color:#a78bfad9}.roadmap-view__graph-stats--title-bar .roadmap-view__graph-stat--mastered-track:hover{border-color:#f472b6bf}.roadmap-view__graph-stats--title-bar .roadmap-view__graph-stat-short{font-feature-settings:"tnum";align-items:center;display:inline-flex;font-variant-numeric:tabular-nums;line-height:1}.roadmap-view__graph-stats--title-bar .roadmap-view__graph-stat:hover .roadmap-view__graph-stat-short{align-items:center;display:inline-flex;line-height:1}.roadmap-view__graph-stats--title-bar .roadmap-view__graph-stat .roadmap-view__graph-stat-full{background:linear-gradient(135deg,#334155,#1e293b);background:linear-gradient(135deg,var(--bg-tertiary,#334155) 0,var(--bg-secondary,#1e293b) 100%);border:1px solid #ffffff1f;border:1px solid var(--border-color,#ffffff1f);border-radius:8px;box-shadow:0 4px 12px #0000004d;box-shadow:var(--card-shadow,0 4px 12px #0000004d);display:block;font-size:1.125rem;left:50%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);transition:opacity .15s ease,visibility .15s ease;visibility:hidden;white-space:nowrap;z-index:25}.roadmap-view__graph-stats--title-bar .roadmap-view__graph-stat:hover .roadmap-view__graph-stat-full{opacity:1;visibility:visible}.roadmap-view__graph-stats .roadmap-view__graph-stat--completed-all{background:linear-gradient(135deg,#22c55e6b,#22c55e2e 50%,#1e293b);background:linear-gradient(135deg,#22c55e6b 0,#22c55e2e 50%,var(--bg-secondary,#1e293b) 100%);border-color:#22c55eb3;border-color:var(--roadmap-node-completed-stroke,#22c55eb3)}.roadmap-view__graph-stats .roadmap-view__graph-stat--completed-all:hover{background:linear-gradient(135deg,#22c55e8c,#22c55e47 55%,#1e293b);background:linear-gradient(135deg,#22c55e8c 0,#22c55e47 55%,var(--bg-secondary,#1e293b) 100%);border-color:#22c55ee6;border-color:var(--roadmap-node-completed-stroke,#22c55ee6)}.roadmap-view__graph-stats .roadmap-view__graph-stat--mastered-all{background:linear-gradient(135deg,#22c55e6b,#22c55e2e 50%,#1e293b);background:linear-gradient(135deg,#22c55e6b 0,#22c55e2e 50%,var(--bg-secondary,#1e293b) 100%);border-color:#22c55eb3;border-color:var(--roadmap-node-completed-stroke,#22c55eb3)}.roadmap-view__graph-stats .roadmap-view__graph-stat--mastered-all:hover{background:linear-gradient(135deg,#22c55e8c,#22c55e47 55%,#1e293b);background:linear-gradient(135deg,#22c55e8c 0,#22c55e47 55%,var(--bg-secondary,#1e293b) 100%);border-color:#22c55ee6;border-color:var(--roadmap-node-completed-stroke,#22c55ee6)}.roadmap-graph__node-tooltip-stats{align-items:stretch;bottom:auto;display:flex;flex-direction:row;gap:10px;justify-content:center;left:auto;position:static;right:auto;width:100%;z-index:auto}.roadmap-graph__node-tooltip-stat{font-feature-settings:"tnum";align-items:center;background:linear-gradient(135deg,#334155,#1e293b);background:linear-gradient(135deg,var(--bg-tertiary,#334155) 0,var(--bg-secondary,#1e293b) 100%);border:1px solid #ffffff1f;border:1px solid var(--border-color,#ffffff1f);border-radius:50px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:inline-flex;flex:1 1;font-size:1rem;font-variant-numeric:tabular-nums;font-weight:var(--roadmap-ui-weight);gap:8px;justify-content:center;line-height:1;min-height:40px;min-width:0;padding:6px 12px;position:relative;transition:border-color .25s ease,box-shadow .25s ease,transform .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.roadmap-graph__node-tooltip-stat:hover{border-color:#4a90e259;box-shadow:0 6px 20px #00000061;box-shadow:var(--card-shadow-hover,0 6px 20px #00000061);transform:translateY(-1px)}button.roadmap-graph__node-tooltip-stat{appearance:none;-webkit-appearance:none;background:linear-gradient(135deg,#334155,#1e293b);background:linear-gradient(135deg,var(--bg-tertiary,#334155) 0,var(--bg-secondary,#1e293b) 100%);border:1px solid #ffffff1f;border:1px solid var(--border-color,#ffffff1f);color:inherit;cursor:pointer;font:inherit}button.roadmap-graph__node-tooltip-stat:disabled{cursor:not-allowed;opacity:.5}.roadmap-graph__node-tooltip-stat__icon{align-items:center;color:inherit;display:flex;flex-shrink:0;height:1.35em;justify-content:center;min-height:1.35em;min-width:1.35em;width:1.35em}.roadmap-graph__node-tooltip-stat__icon-svg{display:block;flex-shrink:0;height:100%;width:100%}.roadmap-graph__node-tooltip-stat__digits{align-items:center;display:inline-flex;font-weight:var(--roadmap-ui-weight);line-height:1}.roadmap-graph__node-tooltip-stat--completed-all{background:linear-gradient(135deg,#22c55e6b,#22c55e2e 50%,#1e293b);background:linear-gradient(135deg,#22c55e6b 0,#22c55e2e 50%,var(--bg-secondary,#1e293b) 100%);border-color:#22c55eb3;border-color:var(--roadmap-node-completed-stroke,#22c55eb3)}.roadmap-graph__node-tooltip-stat--completed-all:hover{background:linear-gradient(135deg,#22c55e8c,#22c55e47 55%,#1e293b);background:linear-gradient(135deg,#22c55e8c 0,#22c55e47 55%,var(--bg-secondary,#1e293b) 100%);border-color:#22c55ee6;border-color:var(--roadmap-node-completed-stroke,#22c55ee6)}.roadmap-graph__node-tooltip-stat--mastered-all{background:linear-gradient(135deg,#22c55e6b,#22c55e2e 50%,#1e293b);background:linear-gradient(135deg,#22c55e6b 0,#22c55e2e 50%,var(--bg-secondary,#1e293b) 100%);border-color:#22c55eb3;border-color:var(--roadmap-node-completed-stroke,#22c55eb3)}.roadmap-graph__node-tooltip-stat--mastered-all:hover{background:linear-gradient(135deg,#22c55e8c,#22c55e47 55%,#1e293b);background:linear-gradient(135deg,#22c55e8c 0,#22c55e47 55%,var(--bg-secondary,#1e293b) 100%);border-color:#22c55ee6;border-color:var(--roadmap-node-completed-stroke,#22c55ee6)}.roadmap-view__title-bar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--bg-tertiary,#ffffff14);border-top-left-radius:12px;border-top-right-radius:12px;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;margin-bottom:0;padding:5px 30px 14px}.roadmap-view__title-bar,.roadmap-view__title-bar:hover{box-shadow:0 4px 16px var(--bg-primary)}.roadmap-view__title-bar.roadmap-view__title-bar--language-menu{border:1px solid #ffffff14;border:1px solid var(--bg-tertiary,#ffffff14);border-radius:12px;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-family:var(--roadmap-font-family,inherit);margin:0;max-width:100%;min-width:0;padding:14px 26px;text-align:left;transition:border-color .2s ease,background .2s ease,box-shadow .22s ease,transform .2s ease;width:100%}.roadmap-view__title-bar.roadmap-view__title-bar--language-menu:hover{background:#1e293b;background:var(--bg-tertiary,#1e293b);border-color:#ffffff29;box-shadow:0 8px 28px #0000006b,0 4px 12px #00000038;transform:translateY(-1px)}.roadmap-view__title-bar.roadmap-view__title-bar--language-menu:active{box-shadow:0 4px 14px #00000052,0 2px 6px #0000002e;transform:translateY(0)}.roadmap-view__title-bar--language-menu:focus-visible{box-shadow:0 0 0 2px #3b82f659,0 4px 16px var(--bg-primary);outline:none}.roadmap-view__title-bar--language-menu .roadmap-view__title-content{align-items:center;flex:1 1;gap:12px;min-width:0}.roadmap-view__title-bar--language-menu .roadmap-view__title-bar-right{flex-shrink:0}.roadmap-view__title-bar--language-menu .roadmap-view__title-bar-right--language-menu-stats{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:12px;min-width:0}.roadmap-view__title-language--roadmap-menu-inline{align-items:center;display:inline-flex;flex:0 1 auto;flex-wrap:nowrap;gap:10px;max-width:100%;min-width:0}.roadmap-view__title-language--roadmap-menu-inline .roadmap-view__title-language-icon,.roadmap-view__title-language--roadmap-menu-inline .roadmap-view__title-language-text{flex-shrink:0}.roadmap-view__language-menu-current-track{align-items:center;background:#ffffff0a;border:.5px solid #ffffff29;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff0d;box-sizing:border-box;color:#94a3b8f2;display:inline-flex;flex:0 1 auto;font-family:inherit;font-size:var(--roadmap-ui-secondary-size);font-weight:400;justify-content:center;letter-spacing:.01em;line-height:1.35;max-width:min(16rem,42vw);min-width:0;overflow:hidden;padding:5px 16px}.roadmap-view__language-menu-resume-primary{color:#cbd5e1fa;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roadmap-view__title-bar--language-menu:hover .roadmap-view__language-menu-current-track{background:hsla(0,0%,100%,.055);border-color:#fff3;color:#94a3b8;color:var(--text-secondary,#94a3b8)}.roadmap-view__language-menu-item--last-visited .roadmap-view__title-bar--language-menu{border-color:#3b82f66b;box-shadow:0 0 0 1px #3b82f62e,0 4px 16px var(--bg-primary)}.roadmap-view__header-stationary-position-pill{align-items:center;background:#ffffff0a;border:.5px solid #ffffff24;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff0d;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:inline-flex;flex-wrap:wrap;font-size:var(--roadmap-ui-secondary-size);font-weight:400;gap:6px;justify-content:center;line-height:1.35;max-width:min(100%,36rem);padding:6px 16px;row-gap:4px}.roadmap-view__header-stationary-position-track{color:#e2e8f0e6;font-weight:500}.roadmap-view__header-stationary-position-step{font-weight:400}.roadmap-view__header-stationary-position-node{max-width:min(100%,14rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roadmap-view__header-stationary-position-text--muted{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.roadmap-view__title-content{align-items:baseline;color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:inline-flex;font-size:var(--roadmap-title-size);font-weight:var(--roadmap-title-weight);gap:.45em}.roadmap-view__title-language{align-items:baseline;display:inline-flex;gap:10px;min-width:0}.roadmap-view__title-language-icon{align-self:center;flex-shrink:0;height:1.22em;width:1.22em}.roadmap-view__title-language-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roadmap-view__title-language-text--empty{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.roadmap-view__title-sep{color:#94a3b8b8;flex-shrink:0;font-size:inherit;font-weight:500;line-height:1;opacity:1;transform:translateY(-.04em)}.roadmap-view__title-track{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:var(--roadmap-title-size);font-weight:var(--roadmap-title-weight)}.roadmap-view__title-bar-right{align-items:center;display:flex;flex-shrink:0;gap:16px;margin-left:auto}.roadmap-view__title-bar-node-menu{align-items:center;display:inline-flex;gap:10px}.roadmap-view__title-bar-study-btn,.roadmap-view__title-bar-test-btn{align-items:center;border-radius:20px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:var(--roadmap-ui-btn-size);font-weight:var(--roadmap-ui-btn-weight);gap:6px;height:34px;justify-content:center;min-width:100px;padding:0 14px;position:relative;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.roadmap-view__title-bar-study-btn{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border:1px solid #ffffff1f;border:1px solid var(--border-color,#ffffff1f);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.roadmap-view__title-bar-study-btn:hover:not(:disabled){transform:translateY(-1px)}.roadmap-view__title-bar-test-btn{background:#0000;border:1px solid #fff3;border:1px solid var(--border-color,#fff3);color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.roadmap-view__title-bar-test-btn:hover:not(:disabled){background:#33415599;background:var(--bg-tertiary,#33415599);transform:translateY(-1px)}.roadmap-view__title-bar-study-btn:disabled,.roadmap-view__title-bar-test-btn:disabled{cursor:not-allowed;opacity:.6}.roadmap-view__title-bar-btn-icon{display:block;flex-shrink:0;font-size:1rem}.roadmap-view__title-bar-btn-text{white-space:nowrap}.roadmap-view__title-bar-btn-tooltip{background:#1e293b;background:var(--bg-secondary,#1e293b);border:1px solid #ffffff1f;border:1px solid var(--border-color,#ffffff1f);border-radius:8px;box-shadow:0 4px 16px #0006,0 0 0 1px #0000001a;color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:var(--roadmap-ui-btn-size);font-weight:var(--roadmap-ui-btn-weight);left:50%;opacity:0;padding:10px 14px;pointer-events:none;position:absolute;top:calc(100% + 10px);transform:translateX(-50%) translateY(-2px);transition:opacity .15s ease,visibility .15s ease,transform .15s ease;visibility:hidden;white-space:nowrap;z-index:20}.roadmap-view__title-bar-study-btn:hover:not(:disabled) .roadmap-view__title-bar-btn-tooltip,.roadmap-view__title-bar-test-btn:hover:not(:disabled) .roadmap-view__title-bar-btn-tooltip{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.roadmap-view__title-bar-node-menu--graph .roadmap-view__title-bar-btn-tooltip{background:#0000;border:none;box-shadow:none;display:none;left:auto;opacity:1;padding:0;position:static;top:auto;transform:none;visibility:visible}.roadmap-view__title-bar-node-menu--graph .roadmap-view__title-bar-study-btn:hover:not(:disabled) .roadmap-view__title-bar-btn-tooltip,.roadmap-view__title-bar-node-menu--graph .roadmap-view__title-bar-test-btn:hover:not(:disabled) .roadmap-view__title-bar-btn-tooltip{display:inline;transform:none}.roadmap-view__title-bar-node-menu--graph .roadmap-view__title-bar-study-btn:hover:not(:disabled) .roadmap-view__title-bar-btn-icon,.roadmap-view__title-bar-node-menu--graph .roadmap-view__title-bar-study-btn:hover:not(:disabled) .roadmap-view__title-bar-btn-text,.roadmap-view__title-bar-node-menu--graph .roadmap-view__title-bar-test-btn:hover:not(:disabled) .roadmap-view__title-bar-btn-icon,.roadmap-view__title-bar-node-menu--graph .roadmap-view__title-bar-test-btn:hover:not(:disabled) .roadmap-view__title-bar-btn-text{display:none}.roadmap-view__header--stationary{background:#0f172a;background:var(--bg-secondary,#0f172a);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #ffffff14;border-top:1px solid var(--bg-tertiary,#ffffff14);bottom:0;box-shadow:0 -4px 12px #0003;left:0;margin-top:0;padding:12px 20px;position:absolute;right:0;z-index:10}.roadmap-view__error{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);padding:20px}.roadmap-view__loading{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.roadmap-view__spinner{animation:roadmap-view-spin .8s linear infinite;border:3px solid #fff3;border-top-color:#3b82f6;border:3px solid var(--border-color,#fff3);border-radius:50%;border-top-color:var(--accent-primary,#3b82f6);height:32px;width:32px}@keyframes roadmap-view-spin{to{transform:rotate(1turn)}}.roadmap-view__empty{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex:1 1;justify-content:center;padding:24px;text-align:center}.roadmap-view__language-menu{display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding:20px 20px 28px;scrollbar-color:#94a3b873 #0000;scrollbar-width:thin}.roadmap-view__language-menu::-webkit-scrollbar{width:6px}.roadmap-view__language-menu::-webkit-scrollbar-track{background:#0000}.roadmap-view__language-menu::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.roadmap-view__language-menu::-webkit-scrollbar-thumb:hover{background:#94a3b88c}.roadmap-view__language-menu-intro{flex-shrink:0;max-width:100%;min-width:0}.roadmap-view__language-menu-heading{align-items:center;color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:flex;font-size:var(--roadmap-title-size);font-weight:var(--roadmap-title-weight);gap:12px;letter-spacing:-.02em;margin:0 0 8px}.roadmap-view__language-menu-heading-inner{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.roadmap-view__language-menu-heading-icon{color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:block;height:32px;width:32px}.roadmap-view__language-menu-heading-text{min-width:0}.roadmap-view__language-menu-sub{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:var(--roadmap-ui-secondary-size);font-weight:var(--roadmap-ui-secondary-weight);line-height:1.45;margin:0;max-width:36rem}.roadmap-view__language-menu-list{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0}.roadmap-view__language-menu-item,.roadmap-view__language-menu-list{margin:0;max-width:100%;min-width:0}.roadmap-view__language-menu-loading{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.community-container{background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;height:100%;margin-left:5%;position:relative}.community-navigation{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid #ffffff1a;box-shadow:0 2px 8px #0003;display:flex;gap:24px;padding:20px 24px;position:sticky;top:0;z-index:100}.community-tabs{background-color:initial;display:flex;gap:36px;padding:0 24px}.tab-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:15px;font-weight:500;letter-spacing:.3px;padding:12px 4px;position:relative;transition:var(--transition)}.tab-button:hover{color:var(--text-primary)}.tab-button.active{color:#e91e63}.tab-button.active:after{animation:slideIn .3s cubic-bezier(.4,0,.2,1);background:#e91e63;border-radius:2px;bottom:-1px;box-shadow:0 0 8px #e91e6366;content:"";height:2px;left:0;position:absolute;width:100%}.loading-card{pointer-events:none}.loading-button,.loading-description,.loading-stats,.loading-tag,.loading-title{animation:shimmer 1.4s ease infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 37%,#ffffff0d 63%);background-size:400% 100%;border-radius:4px}.loading-title{height:24px;margin-bottom:12px;width:70%}.loading-tag{height:20px;margin-bottom:16px;width:40%}.loading-description{height:48px;margin-bottom:16px;width:100%}.loading-stats{height:20px;margin-bottom:16px;width:60%}.loading-button{height:36px;width:100%}.filters-section{background-color:var(--bg-secondary);border-bottom:1px solid #ffffff1a;box-shadow:0 2px 8px #0003;padding:24px;position:sticky;top:73px;z-index:99}.search-bar{margin-bottom:24px;position:relative}.search-bar:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255, 255, 255, 0.4)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z'/%3E%3C/svg%3E");background-size:contain;content:"";height:16px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.search-bar input{background-color:var(--bg-tertiary);border:2px solid var(--bg-tertiary);border-radius:var(--border-radius);color:var(--text-primary);font-size:14px;padding:12px 16px 12px 44px;transition:var(--transition);width:100%}.search-bar input:focus{background-color:var(--bg-tertiary);border-color:#e91e63;box-shadow:0 0 0 3px #e91e6333;outline:none}.search-bar input::placeholder{color:#fff6}.filters{display:flex;gap:16px}.language-select,.sort-select{background-color:var(--bg-tertiary);border:2px solid var(--bg-tertiary);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;font-size:14px;min-width:160px;padding:10px 16px;transition:var(--transition)}.language-select:hover,.sort-select:hover{border-color:#e91e63}.language-select:focus,.sort-select:focus{border-color:#e91e63;box-shadow:0 0 0 3px #e91e6333;outline:none}.content-grid,.shared-decks-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));overflow-y:auto;padding:24px}.content-card,.shared-deck-card{background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:16px;padding:20px;transition:var(--transition)}.content-card:hover,.shared-deck-card:hover{border-color:var(--accent-primary);box-shadow:0 8px 12px #00000026;transform:translateY(-4px)}.content-header h3,.deck-info h3{color:#fff;font-size:17px;font-weight:600;letter-spacing:.3px;margin:0}.shared-deck-language-tag{background:#e91e631a;border:1px solid #e91e63;border-radius:16px;color:#e91e63;display:inline-block;font-size:12px;font-weight:500;margin-top:8px;padding:4px 12px}.deck-description{color:#ffffffb3;font-size:14px;line-height:1.6;margin:8px 0 0}.content-stats,.deck-stats{border-top:1px solid #ffffff1a;color:#fff9;display:flex;font-size:13px;gap:20px;padding-top:16px}.stat-button{align-items:center;background:none;border:none;border-radius:6px;color:#fff9;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:all .3s ease}.stat-button:hover{background-color:#e91e631a;color:#e91e63}.deck-actions{margin-top:auto;padding-top:16px}.deck-actions button{background:#e91e63;border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.3px;padding:12px;transition:var(--transition);width:100%}.deck-actions button:hover{background:#d81557;transform:translateY(-1px)}.deck-actions button:active{box-shadow:0 1px 2px #e91e6333;transform:translateY(1px)}.snippets-preview{display:flex;flex-direction:column;gap:12px;max-height:220px;overflow-y:auto;scrollbar-color:#e91e634d #0000;scrollbar-width:thin}.snippets-preview::-webkit-scrollbar{width:6px}.snippets-preview::-webkit-scrollbar-track{background:#0000}.snippets-preview::-webkit-scrollbar-thumb{background-color:#e91e634d;border-radius:3px}.snippet-preview{background-color:var(--bg-tertiary);border:1px solid #ffffff1a;border-radius:var(--border-radius);padding:12px;transition:var(--transition)}.snippet-preview:hover{border-color:#e91e63}.snippet-preview pre{color:#ffffffe6;font-family:Fira Code,monospace;font-size:13px;line-height:1.5;margin:0;white-space:pre-wrap}.more-snippets{background-color:#1a1a1a99;border:1px solid #ffffff1a;border-radius:8px;color:#fff9;cursor:pointer;font-size:13px;padding:8px;text-align:center;transition:all .3s ease}.more-snippets:hover{background-color:#1a1a1ae6;border-color:#e91e6333;color:#ffffffe6}.error-message,.loading,.no-results{align-items:center;background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:16px;padding:64px 48px;text-align:center}.no-results svg{color:var(--text-secondary);margin-bottom:8px}.no-results p{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.no-results span{color:var(--text-secondary);font-size:14px}.back-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fffc;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .3s ease}.back-button:hover{background:#ffffff1a;border-color:#fff3;transform:translateX(-2px)}.back-button:active{transform:translateX(0)}.section-title{align-items:center;color:#fff;display:flex;font-size:1.75rem;font-weight:800;gap:.975rem;letter-spacing:.5px;margin-bottom:1.3rem;padding-left:1.95rem;position:relative;text-shadow:0 2px 4px #0000004d}.section-title:before{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 0 8px #4a90e266}.section-title:after,.section-title:before{border-radius:4px;content:"";height:1.95rem;left:0;position:absolute;top:52.5%;transform:translateY(-50%);width:8px}.section-title:after{animation:titleGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#0000,#ffffff4d 50%,#0000)}@keyframes titleGlow{0%,to{opacity:.3}50%{opacity:.8}}.section-title-icon{fill:#fff}.home-recent-cookbooks__title-icon,.section-title-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex-shrink:0;height:1.95rem;width:1.95rem}.home-recent-cookbooks__title-icon{color:#fff}.deck-details{gap:8px;margin-top:6px}.home-mode-icon{display:inline-block;margin-left:-12px;transform:translateX(-14px)}.progress-bar{background:linear-gradient(180deg,#fff3,#ffffff1a);box-shadow:inset 0 1px 3px #0000004d;flex:1 1;height:6px;overflow:hidden}.progress-bar,.progress-fill{border-radius:3px;position:relative}.progress-fill{box-shadow:0 0 8px #fff3;height:100%;transition:width .3s ease-in-out}.progress-fill.low-mastery{background:linear-gradient(90deg,#78909c,#90a4ae)}.progress-fill.medium-mastery{background:linear-gradient(90deg,#fb3,#fc4)}.progress-fill.high-mastery{background:linear-gradient(90deg,#2edf2d,#4caf50)}.back-button{color:#fff;margin-left:2%}.mastery-title{margin-top:2rem}.deck-list{display:flex;flex-direction:column;gap:.75rem}.recents-grid{grid-gap:.845rem;display:grid;gap:.845rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1.625rem}.deck-item{align-items:center;background:linear-gradient(135deg,#1a1a1f 0,var(--bg-secondary) 100%);border:1px solid #ffffff14;border-radius:12px;box-shadow:0 4px 16px #0000004d;cursor:pointer;display:flex;gap:1rem;padding:1.3rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.deck-item:before{background:linear-gradient(135deg,#4a90e214,#8e44ad14)}.deck-item:after,.deck-item:before{border-radius:12px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.deck-item:after{background:radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 50%);background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#ffffff1a 0,#0000 50%)}.deck-item:hover{border-color:#4a90e24d;box-shadow:0 12px 40px #0006;transform:translateY(-3px) scale(1.02)}.deck-item:hover:after,.deck-item:hover:before{opacity:1}.deck-item:hover .deck-icon{transform:scale(1.1) rotate(5deg)}.deck-item:hover .recent-deck-name{color:#9eddff;text-shadow:0 0 8px #0483b64d}.deck-item:hover .home-deck-level{box-shadow:0 4px 12px #0483b666;transform:scale(1.05)}.deck-icon{background:linear-gradient(135deg,#2a2a35,#1a1a1f);border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 2px 8px #0000004d;height:3rem;position:relative;width:3rem}.deck-icon.snippet-icon{background:linear-gradient(135deg,#546e7a,#455a64);box-shadow:0 2px 8px #546e7a4d}.deck-icon svg{fill:#4a90e2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));height:1.5rem;width:1.5rem}.deck-icon.snippet-icon svg{fill:#fff}.deck-content{gap:.5rem;padding:10px;position:relative}.recent-deck-name{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0;text-shadow:0 1px 2px #0000004d}.deck-details{flex-wrap:wrap}.deck-type{color:#888}.home-deck-level{align-items:center;background:linear-gradient(0deg,var(--accent-primary)44%,#00f2fe 95%);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 2px 8px #4a90e24d;display:flex;font-size:.875rem;font-weight:700;gap:.25rem;padding:.25rem .75rem;position:absolute;right:.5rem;top:.5rem}.home-deck-level:before{content:"🏆";font-size:.75rem}.home-exp-progress-container{display:flex;flex-direction:column;margin-top:8px;width:100%}.exp-progress-bar{background:linear-gradient(180deg,#ffffff4d,#fff3);border-radius:4px;box-shadow:inset 0 1px 3px #0000004d;height:8px;margin-bottom:4px;overflow:hidden;position:relative}.exp-progress-fill{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:4px;box-shadow:0 0 8px #8e44ad66;height:100%;position:relative;transition:width .3s ease-in-out}.exp-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.exp-text{color:#aaa;font-size:.75rem;font-weight:500;text-align:right}.home-deck-card-count-container{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end;padding-top:5px;width:100%}.home-deck-level-badge{align-items:center;background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border:1px solid #4a90e240;border-radius:22px;display:inline-flex;gap:.25rem}.deck-card-count-text,.home-deck-level-badge{color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .55rem;white-space:nowrap}.deck-card-count-text{border:1px solid #4a90e233;border-radius:22px;text-align:right;transition:all .2s ease}.deck-card-count-text:hover{background:linear-gradient(135deg,#4a90e240,#4a90e226);transform:translateY(-1px)}.mastered-deck .deck-icon svg{fill:#4caf50}.home-snippet-tags{display:flex;flex-wrap:wrap;gap:6px}.home-snippet-tag{background:linear-gradient(135deg,#64b5f61f,#64b5f614);border:1px solid #64b5f633;border-radius:8px;color:#64b5f6;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize;transition:all .2s ease}.home-snippet-tag:hover{background:linear-gradient(135deg,#64b5f62e,#64b5f61f);transform:translateY(-1px)}.recent-deck-language{align-items:center;background:linear-gradient(135deg,#2196f326,#2196f31a);border:1px solid #2196f333;border-radius:8px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.25rem .75rem;transition:all .2s ease}.recent-deck-language-icon{flex-shrink:0;height:16px;width:16px}.recent-deck-language:hover{background:linear-gradient(135deg,#2196f340,#2196f326);transform:translateY(-1px)}.deck-item.home-in-progress__card--roadmap-row{align-items:center;background:#1a1a24;background:var(--bg-secondary,#1a1a24);border:1px solid #ffffff14;border:1px solid var(--bg-tertiary,#ffffff14);border-radius:13px;box-shadow:0 2px 13px #00000038;gap:13px;justify-content:space-between;padding:21px;transition:border-color .2s ease,background .2s ease,box-shadow .22s ease,transform .2s ease}.deck-item.home-in-progress__card--roadmap-row:after,.deck-item.home-in-progress__card--roadmap-row:before{display:none}.deck-item.home-in-progress__card--roadmap-row:hover{background:#1e293b;background:var(--bg-tertiary,#1e293b);border-color:#ffffff29;box-shadow:0 8px 28px #0000006b,0 4px 12px #00000038;transform:translateY(-1px)}.deck-item.home-in-progress__card--roadmap-row:active{transform:translateY(0)}.deck-item.home-in-progress__card--roadmap-row.home-in-progress__card--cookbook{align-items:stretch;flex-direction:column;gap:.845rem}.home-in-progress__roadmap-row-main{align-items:center;display:flex;gap:13px;justify-content:space-between;min-width:0;width:100%}.home-in-progress__cookbook-tags{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:7px;padding-left:48px;width:100%}.home-in-progress__cookbook-tag{background:linear-gradient(135deg,#64b5f61f,#64b5f614);border:1px solid #64b5f638;border-radius:5px;color:#64b5f6;font-size:.845rem;font-weight:600;line-height:1.35;padding:.195rem .65rem;text-transform:capitalize}.deck-item.home-in-progress__card--cookbook:hover .home-in-progress__cookbook-tag{border-color:#64b5f652}.home-in-progress__cookbook-tags--skeleton{padding-left:48px}.home-in-progress__skeleton-pill{background:#ffffff17;border-radius:5px;display:inline-block;height:1.43rem;width:3.575rem}.home-in-progress__skeleton-pill--short{width:2.38rem}.home-in-progress__row-leading{align-items:center;display:flex;flex:1 1;gap:13px;min-width:0}.home-in-progress__row-language-icon{flex-shrink:0;object-fit:contain}.home-in-progress__row-fallback-icon{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;display:inline-flex;flex-shrink:0;height:35px;justify-content:center;width:35px}.home-in-progress__row-fallback-icon--course svg{fill:#9ed8ff;height:1.25rem;width:1.25rem}.home-in-progress__row-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1.14rem;font-weight:700;line-height:1.4;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-item.home-in-progress__card--roadmap-row:hover .home-in-progress__row-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);text-shadow:none}.home-in-progress__row-trailing{flex-shrink:0}.home-in-progress__row-stat{font-feature-settings:"tnum";align-items:center;border-radius:999px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:inline-flex;font-size:1.056rem;font-variant-numeric:tabular-nums;font-weight:600;gap:7px;line-height:1;min-height:0;padding:7px 14px;white-space:nowrap}.home-in-progress__row-stat-icon{align-items:center;display:flex;flex-shrink:0;height:1.3em;justify-content:center;width:1.3em}.home-in-progress__row-stat-trophy{display:block;height:100%;width:100%}.home-in-progress__row-stat-snippet-icon{display:block;flex-shrink:0;height:1.3em;width:1.3em}.home-in-progress__row-stat-value{line-height:1}.home-in-progress__card--course .home-in-progress__card-icon--course svg{fill:#9ed8ff}.home-in-progress__loading.recents-grid,.home-roadmap-continue--skeleton-pulse .home-roadmap-continue__row--skeleton{animation:home-in-progress__list-skeleton-pulse 1.35s ease-in-out infinite}@keyframes home-in-progress__list-skeleton-pulse{0%,to{opacity:.88}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.home-in-progress__loading.recents-grid,.home-roadmap-continue--skeleton-pulse .home-roadmap-continue__row--skeleton{animation:none;opacity:1}}.home-in-progress__skeleton{pointer-events:none}.home-in-progress__skeleton-icon{background:#ffffff17}.home-in-progress__skeleton-icon--row{border-radius:8px;flex-shrink:0;height:35px;width:35px}.home-in-progress__skeleton-stats,.home-in-progress__skeleton-tag,.home-in-progress__skeleton-title{background:#ffffff17;border-radius:6px}.home-in-progress__skeleton-title{height:1.25rem;margin-bottom:.5rem;width:75%}.home-in-progress__skeleton-title--row{flex:1 1 auto;margin-bottom:0;max-width:70%;min-width:156px;width:auto}.home-in-progress__skeleton-tag{display:inline-block;height:.875rem;margin-right:.5rem;width:4rem}.home-in-progress__skeleton-stats{align-self:flex-end;height:.875rem;margin-top:.5rem;width:5rem}.home-in-progress__skeleton-stats--row{align-self:center;border-radius:999px;flex-shrink:0;height:2.145rem;margin-top:0;width:4.225rem}.home-in-progress__empty{background:linear-gradient(135deg,#1a1a1f99,#1e1e2499);border:1px solid #ffffff0f;border-radius:15px;padding:3.25rem 1.95rem;text-align:center}.home-in-progress__empty-text{color:#ffffffe6;font-size:1.43rem;font-weight:600;margin:0 0 .5rem}.home-in-progress__empty-hint{color:#ffffff80;font-size:1.17rem;margin:0}.home-page-header{align-items:center;display:flex;justify-content:space-between}.nav-button{background:linear-gradient(135deg,#4a90e21a,#8e44ad1a);border:1px solid #4a90e233;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-button:hover{background:linear-gradient(135deg,#4a90e233,#8e44ad33);box-shadow:0 4px 12px #4a90e233;transform:translateY(-1px)}.back-nav{margin-left:8px;margin-right:auto}.forward-nav{margin-left:auto}.error-container{align-items:center;background:linear-gradient(135deg,#e74c3c1a,#c0392b1a);border:1px solid #e74c3c33;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;text-align:center}.error-message{color:#e74c3c;font-size:1.1rem;font-weight:600}.retry-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;box-shadow:0 4px 12px #3498db4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.retry-button:hover{background:linear-gradient(135deg,#2980b9,#21618c);box-shadow:0 6px 16px #3498db66;transform:translateY(-1px)}.home-container{flex:0 1 auto;min-height:0;padding-bottom:5px;width:100%}.home-roadmap-continue{border-bottom:1px dashed var(--bg-quaternary);box-sizing:border-box;margin-top:0;max-width:100%;padding-bottom:25px;width:100%}.home-roadmap-continue+.home-recent-cookbooks__wrap{margin-top:1.625rem}.home-recent-cookbooks__wrap{box-sizing:border-box;max-width:100%;width:100%}.home-roadmap-continue__intro{margin-bottom:.7rem}.home-roadmap-continue__section-title{margin-bottom:.38rem}.home-roadmap-continue__heading-icon-wrap{align-items:center;display:inline-flex;justify-content:center}.home-roadmap-continue__heading-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex-shrink:0;height:1.95rem;width:1.95rem}.home-roadmap-continue__sub{color:#94a3b8f2;font-size:1.056rem;line-height:1.4;margin:0 0 0 1.95rem;padding-left:.1rem}.home-roadmap-continue__row{align-items:center;background:#1a1a24;background:var(--bg-secondary,#1a1a24);border:1px solid #ffffff14;border:1px solid var(--bg-tertiary,#ffffff14);border-radius:13px;box-shadow:0 2px 13px #00000038;box-sizing:border-box;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;display:flex;font:inherit;font-family:inherit;font-family:var(--roadmap-font-family,inherit);gap:13px;justify-content:space-between;margin:0;max-width:100%;min-width:0;padding:21px;text-align:left;transition:border-color .2s ease,background .2s ease,box-shadow .22s ease,transform .2s ease;width:100%}.home-roadmap-continue__row:hover{background:#1e293b;background:var(--bg-tertiary,#1e293b);border-color:#ffffff29;box-shadow:0 8px 28px #0000006b,0 4px 12px #00000038;transform:translateY(-1px)}.home-roadmap-continue__row:active{transform:translateY(0)}.home-roadmap-continue__row:focus-visible{box-shadow:0 0 0 2px #3b82f659,0 4px 16px var(--bg-primary);outline:none}.home-roadmap-continue__leading{flex:1 1;min-width:0}.home-roadmap-continue__title-lang{align-items:center;display:inline-flex;gap:13px;max-width:100%;min-width:0}.home-roadmap-continue__lang-icon{flex-shrink:0}.home-roadmap-continue__lang-text{color:#f1f5f9;color:var(--text-primary,#f1f5f9);flex-shrink:0;font-size:1.14rem;font-weight:700}.home-roadmap-continue__trailing{align-items:center;display:inline-flex;flex-shrink:0;flex-wrap:nowrap;gap:13px;min-width:0}.home-roadmap-continue__resume-pill{align-items:center;background:#ffffff0a;border:.5px solid #ffffff29;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff0d;box-sizing:border-box;display:inline-flex;justify-content:center;max-width:min(16rem,38vw);min-width:0;padding:5px 17px}.home-roadmap-continue__resume-pill-text{color:#cbd5e1fa;font-size:.975rem;font-weight:500;line-height:1.35;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-roadmap-continue__row:hover .home-roadmap-continue__resume-pill{background:hsla(0,0%,100%,.055);border-color:#fff3}.home-roadmap-continue__trophy-stat{font-feature-settings:"tnum";align-items:center;border-radius:30px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:inline-flex;font-size:1.22rem;font-variant-numeric:tabular-nums;font-weight:600;gap:9px;line-height:1;min-height:46px;padding:5px 15px;position:relative;white-space:nowrap}.home-roadmap-continue__trophy-stat--all-done{background:linear-gradient(135deg,#22c55e6b,#22c55e2e 50%,#1e293b);background:linear-gradient(135deg,#22c55e6b 0,#22c55e2e 50%,var(--bg-secondary,#1e293b) 100%);border:1px solid #22c55e8c}.home-roadmap-continue__trophy-icon-wrap{align-items:center;display:flex;flex-shrink:0;height:1.57em;justify-content:center;width:1.57em}.home-roadmap-continue__trophy-icon{display:block;height:100%;width:100%}.home-roadmap-continue__trophy-fraction{align-items:center;display:inline-flex;line-height:1}.home-roadmap-continue__trophy-sr{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.home-roadmap-continue__row--skeleton{cursor:default;pointer-events:none}.home-roadmap-continue__row--skeleton:hover{background:#1a1a24;background:var(--bg-secondary,#1a1a24);border-color:#ffffff14;border-color:var(--bg-tertiary,#ffffff14);box-shadow:0 2px 13px #00000038;transform:none}.home-roadmap-continue__skeleton-lead{background:#ffffff17;border-radius:6px;flex:1 1;height:1.46rem;max-width:55%}.home-roadmap-continue__skeleton-trail{background:#ffffff17;border-radius:999px;flex-shrink:0;height:2.44rem;width:6.5rem}@media (max-width:768px){.recents-grid{gap:.65rem;grid-template-columns:1fr;margin-bottom:1.3rem}.deck-item{padding:1rem}.deck-item.home-in-progress__card--roadmap-row{padding:17px 18px}.home-roadmap-continue__trailing{flex-wrap:wrap;justify-content:flex-end;row-gap:8px}.home-roadmap-continue__resume-pill{max-width:min(14rem,72vw)}.deck-icon{height:2.5rem;width:2.5rem}.recent-deck-name{font-size:1rem}.home-deck-level{font-size:.8rem;padding:.2rem .6rem}}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #4a90e233;border-radius:50%;border-top-color:#4a90e2;height:40px;width:40px}.global-search-results{box-sizing:border-box;margin-top:5px;max-width:100%;padding:15px;width:100%}.global-search-results .section-title{color:#fff;font-size:1.15rem;font-weight:600;margin-bottom:.5rem}.global-search-count{color:#888;font-size:.9rem;margin-bottom:10px}.global-search-loading,.global-search-no-results{color:#888;padding:20px;text-align:center}.global-search-no-results{background-color:var(--bg-secondary);border-radius:8px;margin-top:20px}.global-search-results__cookbook-grid{display:flex;flex-direction:column;gap:.845rem;margin-bottom:1rem}.global-search-results__cookbook-grid,.global-search-results__cookbook-grid .global-search-results__cookbook-card{box-sizing:border-box;max-width:100%;width:100%}.global-search-results__cookbook-card:focus-visible{box-shadow:0 0 0 2px #3b82f659,0 4px 16px #0d1117;box-shadow:0 0 0 2px #3b82f659,0 4px 16px var(--bg-primary,#0d1117);outline:none}.dropdown-container{display:inline-block;position:relative}.add-dropdown-menu{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:10px}.dropdown-item{align-items:center;color:#fff;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s}.dropdown-item:hover{background-color:var(--bg-tertiary);border-radius:4px}.dropdown-icon{fill:#4a90e2;height:1.25rem;margin-right:8px;width:1.25rem}.dropdown-label{color:#fff;font-size:.875rem}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content,.modal-content-creation-menu{background-color:var(--bg-secondary);border-radius:8px;max-width:400px;padding:20px;position:relative;width:90%}.creation-options{display:flex;flex-direction:column;gap:.75rem}.creation-option{align-items:center;background-color:var(--bg-tertiary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:1rem;padding:1rem;text-align:left;transition:background-color .2s;width:100%}.creation-option:hover{background-color:#2a2a3e}.option-label{color:#fff;font-size:1rem;font-weight:500}.snippet-modal{max-height:90vh;max-width:800px;overflow-y:auto;width:95%}.snippet-form{margin-top:20px}.form-group{margin-bottom:24px}.form-group label{color:#fff;display:block;font-size:.9rem;font-weight:500;letter-spacing:.3px;margin-bottom:10px}.form-group textarea{min-height:100px;resize:vertical}.modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;padding:5px;position:absolute;right:10px;top:10px}.modal-close:hover{color:#4a90e2}.modal-title{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:20px;text-align:center}.create-item{margin-bottom:15px}.create-item input,.snippet-form input,.snippet-form textarea{background-color:var(--bg-tertiary);border:1px solid #ffffff1a;border-radius:10px;box-shadow:inset 0 1px 3px #0000001a;color:#fff;font-size:.9rem;margin-bottom:10px;padding:12px 16px;transition:all .2s ease;width:100%}.create-item input:focus,.snippet-form input:focus,.snippet-form textarea:focus{border-color:#e91e6380;box-shadow:0 0 0 2px #e91e6340;outline:none}.create-item button,.snippet-form button{background-color:var(--accent-tertiary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.3px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.create-item button:hover,.snippet-form button:hover{transform:translateY(-3px)}.language-selector{margin-bottom:12px;position:relative}.language-selector-container{align-items:center;display:flex;gap:8px;margin-top:12px;padding-top:12px}.selected-language{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;box-shadow:0 1px 2px var(--bg-primary);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;height:36px;justify-content:space-between;min-height:36px;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.selected-language:hover{border-color:var(--bg-tertiary);box-shadow:0 1px 3px var(--bg-primary)}.selected-language.open{border-color:var(--accent-primary);box-shadow:0 1px 3px #4facfe33}.full-page-creator-selected-language{align-items:center;display:flex;flex:1 1;gap:8px}.full-page-creator-selected-language .language-icon{flex-shrink:0;height:20px;width:20px}.full-page-creator-selected-language .full-page-creator-language-brand-dot{flex-shrink:0}.full-page-creator-language-brand-dot{background-color:#94a3b8;background-color:var(--full-page-creator-lang-dot,#94a3b8);border-radius:50%;box-shadow:0 0 0 1px #ffffff24;display:inline-block;flex-shrink:0;height:8px;width:8px}.full-page-creator-language-brand-dot--option{height:10px;width:10px}.add-language-button{align-items:center;background-color:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.add-language-button:hover{transform:translateY(-2px)}.custom-language-input{align-items:center;display:flex;gap:8px;transform:translateY(10px);width:100%}.custom-language-field{background-color:var(--bg-tertiary);border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:.875rem;padding:8px}.custom-language-button,.custom-language-cancel{border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-language-button{background-color:var(--accent-primary);border:none;color:#fff;font-weight:600}.custom-language-button:hover{transform:translateY(-3px)}.custom-language-cancel{background-color:initial;border:1px solid #ffffff1a;color:#fff}.custom-language-cancel:hover{background-color:#ffffff1a;transform:translateY(-1px)}.dropdown-arrow{color:var(--text-secondary);font-size:10px;margin-left:8px;opacity:.6;transition:transform .2s cubic-bezier(.4,0,.2,1)}.selected-language.open .dropdown-arrow,.selected-language:hover .dropdown-arrow{color:var(--accent-primary);opacity:1}.selected-language.open .dropdown-arrow{transform:rotate(180deg)}.language-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:12px;box-shadow:0 4px 16px #0003,0 2px 8px #4facfe1a;left:0;margin-top:8px;max-height:240px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.language-option{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;font-size:.9375rem;gap:10px;padding:12px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.language-option span{flex:1 1}.language-option:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.language-option:last-child{border-bottom:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.language-option:hover{background:var(--bg-hover);padding-left:20px}.language-option.selected{background:linear-gradient(135deg,#4facfe1f,#00f2fe1f);border-left:3px solid var(--accent-primary);color:var(--accent-primary);font-weight:600}.language-option.selected:before{color:var(--accent-primary);content:"✓";font-size:.875rem;font-weight:700;position:absolute;right:16px}.language-option .language-icon{flex-shrink:0;height:20px;width:20px}.language-option.selected .language-icon{opacity:1}.snippet-form .code-editor{border:1px solid #ffffff1a;border-radius:8px;margin-top:8px;overflow:hidden}.language-dropdown::-webkit-scrollbar,.notes-textarea::-webkit-scrollbar,.snippet-modal::-webkit-scrollbar{width:8px}.language-dropdown::-webkit-scrollbar-track,.notes-textarea::-webkit-scrollbar-track,.snippet-modal::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.language-dropdown::-webkit-scrollbar-thumb,.notes-textarea::-webkit-scrollbar-thumb,.snippet-modal::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.language-dropdown::-webkit-scrollbar-thumb:hover,.notes-textarea::-webkit-scrollbar-thumb:hover,.snippet-modal::-webkit-scrollbar-thumb:hover{background:#ffffff1a}.editor-mode-toggle{align-items:center;display:flex;justify-content:center}.toggle-group{align-items:center;display:flex;gap:10px;margin-bottom:15px;margin-left:10px}.toggle-option.ai-option{align-items:center;background-color:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .3s ease;width:30px}.toggle-option.ai-option:hover:not(.disabled){transform:translateY(-2px)}.toggle-option.ai-option.active{background-color:var(--bg-tertiary)}.toggle-option.ai-option.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.toggle-option.ai-option .toggle-icon{height:20px;opacity:.7;width:20px}.toggle-option.ai-option.active .toggle-icon{opacity:1}.ai-toggle{margin-left:16px}.ai-toggle,.ai-toggle-label{align-items:center;display:flex}.ai-toggle-label{color:#fff;cursor:pointer;font-size:.875rem;-webkit-user-select:none;user-select:none}.ai-toggle-checkbox{-webkit-appearance:none;appearance:none;background-color:initial;border:2px solid #ffffff4d;border-radius:3px;cursor:pointer;height:16px;margin-right:8px;position:relative;transition:all .2s ease;width:16px}.ai-toggle-checkbox:checked{background-color:#e91e63;border-color:#e91e63}.ai-toggle-checkbox:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.ai-toggle-text{font-weight:500}.ai-prompt-container{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;position:relative}.ai-generation-indicator{align-items:center;display:flex;height:40px;justify-content:center;position:absolute;right:10px;top:10px;width:40px;z-index:10}.ai-generation-indicator:before{animation:ai-spinner 1s linear infinite;border:3px solid var(--bg-primary);border-radius:50%;border-top-color:var(--accent-primary);content:"";height:24px;width:24px}.ai-generation-indicator:after{animation:ai-pulse 2s ease-in-out infinite;background:radial-gradient(circle,var(--bg-primary) 0,#0000 70%);border-radius:50%;content:"";height:40px;position:absolute;width:40px}@keyframes ai-spinner{to{transform:rotate(1turn)}}@keyframes ai-pulse{0%{opacity:.3;transform:scale(.8)}50%{opacity:.7;transform:scale(1.2)}to{opacity:.3;transform:scale(.8)}}.ai-prompt-textarea{background-color:var(--bg-secondary);border:1px solid #ffffff1a;color:#fff;font-size:.9rem;min-height:150px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.ai-prompt-textarea:focus{border:2px solid;border-color:var(--bg-secondary);outline:none}.generate-code-button{align-self:flex-end;background-color:var(--bg-primary);border:1px solid var(--accent-primary);border-radius:20px;color:#fff;cursor:pointer;font-weight:500;margin-bottom:12px;padding:9px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.generate-code-button.generating{padding-left:36px}.generate-code-button.generating:before{animation:ai-spinner .8s linear infinite;border:2px solid #ffffff80;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.generate-code-button:hover:not(:disabled){transform:translateY(-2px)}.generate-code-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.5;visibility:hidden}.ai-error-message{color:#f44;font-size:.875rem;margin-top:8px}.editor-toggles{margin-left:43%}.editor-toggles,.toggle-switch{align-items:center;display:flex}.toggle-switch{background-color:var(--bg-secondary);border-radius:20px;box-shadow:0 2px 3px #0003;cursor:pointer;height:40px;margin-top:10%;overflow:hidden;position:relative;width:120px}.toggle-switch.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.toggle-option{transition:all .3s ease}.toggle-icon{height:20px;opacity:.7;transition:opacity .3s ease;width:20px}.toggle-slider{background-color:var(--accent-tertiary);border-radius:18px;height:80%;left:0}.toggle-switch.code-active .toggle-slider{transform:translateX(0)}.toggle-switch.notes-active .toggle-slider{transform:translateX(100%)}.toggle-switch.code-active .code-option .toggle-icon,.toggle-switch.notes-active .notes-option .toggle-icon{opacity:1;transform:translateY(-3px)}.notes-section{animation:slideIn .2s ease;background:var(--bg-secondary);border-radius:var(--border-radius);display:flex;flex-direction:column;margin-bottom:15px;overflow:hidden}.notes-textarea{background:var(--bg-primary);border:1px solid var(--bg-secondary);color:var(--text-primary);flex:1 1;font-family:Arial,sans-serif;font-size:.9rem;line-height:1.5;min-height:200px;padding:1rem;resize:none}.notes-textarea:focus{outline:none}.error-message{color:#f44;margin-bottom:12px;text-align:center}.error-message,.snippet-form input[type=text]#snippetTags{font-size:.875rem}.snippet-form input[type=text]#snippetTags::placeholder{color:#888}.full-page-creator{animation:slideIn .3s ease forwards;background-color:var(--bg-primary);display:flex;flex-direction:column;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;width:100%}.full-page-creator-shell{align-items:stretch;display:flex;flex-direction:row;gap:8px;margin:0 auto;max-width:920px;width:100%}.full-page-creator.full-page-creator--editor-expanded{flex:1 1 auto;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px);overflow:hidden}.creator-content.creator-content--editor-expanded{display:flex;flex:1 1 auto;flex-direction:column;max-height:100%;max-width:none;min-height:0;overflow:hidden;width:100%}.full-page-creator-shell.full-page-creator-shell--editor-expanded{flex:1 1 auto;margin-left:0;margin-right:0;max-width:none;min-height:0;width:100%}.full-page-creator-shell--editor-expanded .full-page-creator-editor-column,.full-page-creator-shell--editor-expanded .full-page-creator-flashcard-wrap{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;min-width:0}.full-page-creator-shell .full-page-creator-flashcard-card.full-page-creator-flashcard-card--editor-expanded{display:flex;flex:1 1 auto;flex-direction:column;max-width:none;min-height:0;width:100%}.full-page-creator-flashcard-card--editor-expanded .full-page-creator-flashcard-body,.full-page-creator-flashcard-card--editor-expanded .full-page-creator-monaco-host,.full-page-creator-flashcard-card--editor-expanded .full-page-creator-monaco-host--expanded{flex:1 1 auto;min-height:0}.full-page-creator-flashcard-body--metadata{flex:1 1;min-height:0;overflow-y:auto;padding:16px 20px 12px}.full-page-creator-flashcard-card--metadata-flow{min-width:0;width:100%}.full-page-creator-editor-column{flex:1 1;min-width:0;perspective:none}.full-page-creator-creation-checklist{align-items:stretch;display:flex;flex-direction:column;gap:8px;margin-top:2px;width:100%}.full-page-creator-creation-checklist-track{align-items:center;display:flex;flex-wrap:wrap;gap:8px 10px;list-style:none;margin:0;padding:10px 0 0}.full-page-creator-creation-checklist-item{margin:0;padding:0}.full-page-creator-creation-checklist-connector{background:linear-gradient(90deg,#4facfe26,#4facfe73,#4facfe26);border-radius:1px;flex:1 1 24px;height:2px;min-width:16px;opacity:.9}.full-page-creator-creation-checklist-pill{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8125rem;font-weight:600;gap:8px;line-height:1;padding:8px 14px;transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.full-page-creator-creation-checklist-pill:hover{border-color:#4facfe59;color:var(--text-primary)}.full-page-creator-creation-checklist-pill--current{border-color:#4facfe73;box-shadow:0 0 0 1px #4facfe1f;color:var(--text-primary)}.full-page-creator-creation-checklist-pill--done{background:#10b98114;border-color:#34d39973;color:#a7f3d0f2}.full-page-creator-creation-checklist-pill--prompt{animation:full-page-creator-checklist-pulse 1.6s ease-in-out infinite;border-color:#4facfea6;box-shadow:0 0 0 2px #4facfe2e}@keyframes full-page-creator-checklist-pulse{0%,to{box-shadow:0 0 0 2px #4facfe2e}50%{box-shadow:0 0 0 4px #4facfe1a}}.full-page-creator-creation-checklist-pill--mode{background:linear-gradient(135deg,#4facfe1f,#00f2fe14);border-color:#4facfe80;color:var(--text-primary)}.full-page-creator-creation-checklist-pill--idle{opacity:.75}.full-page-creator-creation-checklist-badge{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:.75rem;font-weight:700;height:22px;justify-content:center;line-height:1;min-width:22px;padding:0 6px}.full-page-creator-creation-checklist-pill--done .full-page-creator-creation-checklist-badge{background:#10b98133;border-color:#34d39966;color:#a7f3d0fa}.full-page-creator-creation-checklist-badge--neutral{opacity:.85}.full-page-creator-creation-checklist-icon{color:currentColor;display:block;flex-shrink:0;height:16px;width:16px}.full-page-creator-creation-checklist-label{align-items:center;display:inline-flex;line-height:1.25;white-space:nowrap}.full-page-creator-creation-checklist-meta-row{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-direction:row;flex-wrap:wrap;gap:12px 16px;justify-content:flex-start;margin-top:2px;padding-top:12px;width:100%}.full-page-creator-creation-checklist-meta-row-leading{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:wrap;gap:8px;min-width:0}.full-page-creator-creation-checklist-meta-row>.full-page-creator-creation-checklist-meta{align-items:flex-end;flex:0 0 auto;margin-left:auto;max-width:100%;min-width:0;text-align:right}.full-page-creator-creation-checklist-meta-row:has(.full-page-creator-creation-checklist-language-slot) .full-page-creator-creation-checklist-meta{align-items:flex-end;align-self:center;justify-content:flex-start;text-align:right}.full-page-creator-creation-checklist-meta-row .full-page-creator-creation-checklist-language-slot{align-items:center;display:flex;flex-shrink:0;margin:0;padding:0}.full-page-creator-creation-checklist-meta-row .full-page-creator-creation-checklist-pill--meta-action{align-self:center;box-sizing:border-box}.full-page-creator-creation-checklist-meta{display:flex;flex-direction:column;gap:6px;margin-top:0}.full-page-creator-creation-checklist-hint{color:#4facfef2;font-size:.8125rem;line-height:1.4;margin:0}.full-page-creator-flashcard-header.full-page-creator-flashcard-header--with-checklist{align-items:stretch;flex-direction:column;gap:10px;padding:14px 20px 12px}.full-page-creator-flashcard-header.full-page-creator-flashcard-header--with-checklist .full-page-creator-flashcard-title-block{gap:10px}.full-page-creator-flashcard-header.full-page-creator-flashcard-header--with-checklist .full-page-creator-creation-checklist{gap:6px;margin-top:0}.full-page-creator-flashcard-header.full-page-creator-flashcard-header--with-checklist .full-page-creator-creation-checklist-connector{background:linear-gradient(90deg,#94a3b81f,#94a3b852,#94a3b81f);height:1px;opacity:.75}.full-page-creator-flashcard-header.full-page-creator-flashcard-header--with-checklist .full-page-creator-creation-checklist-pill{align-items:center;background:#0000;border-color:#ffffff24;border-radius:999px;box-shadow:none;gap:8px;padding:6px 12px 6px 9px}.full-page-creator-flashcard-header.full-page-creator-flashcard-header--with-checklist .full-page-creator-creation-checklist-pill:hover{border-color:#ffffff47}.full-page-creator-flashcard-header.full-page-creator-flashcard-header--with-checklist .full-page-creator-creation-checklist-pill--current{border-color:#ffffff6b;box-shadow:none;color:var(--text-primary)}.full-page-creator-flashcard-header.full-page-creator-flashcard-header--with-checklist .full-page-creator-creation-checklist-pill--done{background:#10b9810f}.full-page-creator-flashcard-header.full-page-creator-flashcard-header--with-checklist .full-page-creator-creation-checklist-pill--mode{background:#0000;background-image:none;border-color:#4facfe6b;box-shadow:none;color:var(--text-primary)}.full-page-creator-flashcard-header.full-page-creator-flashcard-header--with-checklist .full-page-creator-creation-checklist-badge{background:#0000;border-color:#94a3b86b;border-radius:999px;color:#94a3b8f2;font-size:.7rem;height:22px;min-width:22px;padding:0}.full-page-creator-flashcard-header.full-page-creator-flashcard-header--with-checklist .full-page-creator-creation-checklist-pill--current .full-page-creator-creation-checklist-badge{background:var(--text-primary);border-color:#0000;color:var(--bg-primary)}.full-page-creator-flashcard-header.full-page-creator-flashcard-header--with-checklist .full-page-creator-creation-checklist-pill--done .full-page-creator-creation-checklist-badge{background:#10b98159;border-color:#34d3998c;color:#a7f3d0fa}.full-page-creator-flashcard-header.full-page-creator-flashcard-header--with-checklist .full-page-creator-creation-checklist-icon{flex-shrink:0;height:15px;opacity:.78;width:15px}.full-page-creator-flashcard-header.full-page-creator-flashcard-header--with-checklist .full-page-creator-creation-checklist-label{align-items:center;display:inline-flex;line-height:1}.full-page-creator-flashcard-header.full-page-creator-flashcard-header--with-checklist .full-page-creator-creation-checklist-pill--prompt{animation:none;border-color:#4facfe8c;box-shadow:0 0 0 1px #4facfe24}.full-page-creator-flashcard-header.full-page-creator-flashcard-header--with-checklist .full-page-creator-creation-checklist-pill--meta-action{cursor:pointer}.full-page-creator-flashcard-header.full-page-creator-flashcard-header--with-checklist .full-page-creator-creation-checklist-badge--meta-plus{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;padding:0}.full-page-creator-flashcard-header.full-page-creator-flashcard-header--with-checklist .full-page-creator-creation-checklist-badge-plus-glyph{display:block;flex-shrink:0;height:11px;width:11px}.full-page-creator-flashcard-header-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}@media (prefers-reduced-motion:reduce){.full-page-creator-creation-checklist-pill--prompt{animation:none}}.full-page-creator-flashcard-wrap{border-radius:12px;box-shadow:0 8px 12px var(--bg-primary);flex:1 1;min-width:0;padding:8px}.full-page-creator-flashcard-wrap--solo{margin:0 auto;max-width:800px}.full-page-creator-form-shell{align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:8px 12px 24px;width:100%}.full-page-creator-flashcard-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;min-height:420px;overflow:hidden}.full-page-creator-flashcard-card--form{min-height:0}.full-page-creator-shell .full-page-creator-flashcard-card{min-height:clamp(440px,50vh,620px)}.full-page-creator-flashcard-header{align-items:flex-start;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:18px 20px 16px;position:relative;z-index:2}.full-page-creator-flashcard-title-block{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.full-page-creator-flashcard-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.full-page-creator-flashcard-title-icon{fill:currentColor;color:var(--text-primary);flex-shrink:0;height:22px;width:22px}.full-page-creator-flashcard-title{color:var(--text-primary);font-size:1.05rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0}.full-page-creator-flashcard-subtitle{color:var(--text-secondary);font-size:.875rem;line-height:1.45;margin:0}.full-page-creator-flashcard-body{background:var(--bg-secondary);display:flex;flex:1 1;flex-direction:column;min-height:0;padding:16px 20px 12px}.full-page-creator-monaco-host{display:flex;flex:1 1;flex-direction:column;min-height:300px;min-width:0}.full-page-creator-monaco-host .study-mode-code-editor-container{flex:1 1;min-height:0}.full-page-creator-notes-host{display:flex;flex:1 1;flex-direction:column;min-height:300px}.full-page-creator-notes-textarea{border:1px solid var(--border-color);border-radius:12px;flex:1 1;min-height:300px}.full-page-creator-flashcard-footer{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:12px 20px 18px}.full-page-creator-flashcard-footer--snippet-editor{align-items:center;flex-wrap:wrap;justify-content:flex-start;row-gap:10px}.full-page-creator-flashcard-footer--snippet-editor .full-page-creator-editor-footer-hint{flex:1 1 auto;min-width:0}.full-page-creator-editor-footer-hint{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.8125rem;gap:6px;line-height:1.3;min-width:0}.full-page-creator-editor-footer-hint--muted{opacity:.92}.full-page-creator-editor-footer-hint-label{margin-right:2px}.full-page-creator-kbd{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 1px 0 #0000001f;color:var(--text-secondary);display:inline-flex;font-family:inherit;font-size:.7rem;font-weight:600;justify-content:center;line-height:1.2;min-width:1.75rem;padding:3px 8px}.full-page-creator-editor-footer-actions{align-items:center;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end}.full-page-creator-flashcard-footer--snippet-editor .full-page-creator-editor-footer-actions{margin-left:auto}@media (max-width:520px){.full-page-creator-flashcard-footer--snippet-editor .full-page-creator-editor-footer-actions{flex-basis:100%}}.full-page-creator-cancel-button{background:#0000;border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;margin:0;padding:10px 16px;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.full-page-creator-cancel-button:hover{background:var(--bg-primary);border-color:#4facfe59;color:var(--text-primary)}.full-page-creator-next-button{border-radius:16px!important;box-shadow:0 2px 10px #4facfe26;font-weight:600!important;margin:0!important;padding:10px 20px!important}.full-page-creator-continue-button{align-items:center;display:inline-flex;gap:6px}.full-page-creator-next-button:disabled{cursor:not-allowed;opacity:.45;visibility:visible}.full-page-creator-mode-rail{--full-page-creator-mode-rail-gradient:linear-gradient(135deg,#4facfe1a,#00f2fe1a);align-self:stretch;border-radius:16px;display:flex;flex-direction:column;flex-shrink:0;gap:8px;min-width:118px;padding:12px 10px}.full-page-creator-mode-rail--snippet-header-inline{align-items:stretch;align-self:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;box-shadow:none;box-sizing:border-box;flex-direction:row;flex-wrap:nowrap;gap:0;height:auto;min-height:36px;min-width:0;padding:3px}.full-page-creator-mode-tab-divider{align-self:stretch;background:var(--border-color);flex-shrink:0;margin:5px 0;min-height:22px;opacity:.85;width:1px}.full-page-creator-mode-rail--snippet-header-inline .full-page-creator-mode-rail__button{align-items:center;background:#0000;border:none;border-radius:999px;box-sizing:border-box;display:inline-flex;font-size:.8125rem;height:auto;justify-content:center;line-height:1;min-height:30px;min-width:0;padding:0 14px;width:auto}.full-page-creator-mode-rail--snippet-header-inline .full-page-creator-mode-rail__button-inner{align-items:center;gap:6px;justify-content:center;line-height:1;width:auto}.full-page-creator-mode-rail--snippet-header-inline .full-page-creator-mode-rail__icon{display:block;flex-shrink:0;height:16px;width:16px}.full-page-creator-mode-rail--snippet-header-inline .full-page-creator-mode-rail__label{line-height:1}.full-page-creator-mode-rail--snippet-header-inline .full-page-creator-mode-rail__button--active{background:var(--bg-secondary);border:none;box-shadow:inset 0 1px 0 #ffffff0d}.full-page-creator-mode-rail-placeholder{align-self:stretch;border-radius:16px;box-sizing:border-box;flex-shrink:0;min-width:118px;padding:12px 10px;pointer-events:none;visibility:hidden}.full-page-creator-mode-rail__button{background-color:var(--bg-secondary);border:1px solid #4facfe1f;border-radius:6px;box-shadow:none;color:#ffffffd1;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;min-width:0;outline:none;padding:8px 10px;text-align:left;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;width:100%}.full-page-creator-mode-rail__button:focus-visible{border-color:#4facfe80;box-shadow:0 0 0 2px #4facfe38}.full-page-creator-mode-rail__button:hover:not(.full-page-creator-mode-rail__button--active){background-color:var(--bg-quaternary);box-shadow:0 2px 12px #4facfe0a;color:var(--text-primary)}.full-page-creator-mode-rail__button--active{background-color:var(--bg-primary);background-image:var(--full-page-creator-mode-rail-gradient);border-color:#4facfe4d;box-shadow:inset 0 1px 0 #ffffff0d;color:var(--text-primary)}.full-page-creator-mode-rail__button--active:hover{border-color:#4facfe5c}.full-page-creator-mode-rail__button-inner{align-items:center;display:inline-flex;gap:8px;justify-content:flex-start;width:100%}.full-page-creator-mode-rail__icon{color:currentColor;flex-shrink:0;height:18px;width:18px}.full-page-creator-mode-rail__label{line-height:1.2}.full-page-creator-flashcard-card--form .form-title{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color);border-radius:0;box-sizing:border-box;margin:-12px -20px 20px;padding:22px 20px 18px;width:calc(100% + 40px)}@media (max-width:640px){.full-page-creator-shell{flex-direction:column;max-width:100%}.full-page-creator-mode-rail-placeholder{display:none}.full-page-creator-mode-rail{align-self:center;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:420px;min-width:0;width:100%}.full-page-creator-mode-rail__button{flex:1 1;min-width:100px}.full-page-creator-flashcard-header{align-items:stretch;flex-direction:column}.full-page-creator-flashcard-language{width:100%}.full-page-creator-creation-checklist-meta-row,.full-page-creator-creation-checklist-meta-row-leading{align-items:stretch;flex-direction:column}.full-page-creator-creation-checklist-meta-row>.full-page-creator-creation-checklist-meta{align-self:flex-end;margin-left:0;max-width:100%}.full-page-creator-mode-rail--snippet-header-inline{flex-wrap:nowrap;justify-content:center;margin-left:auto;margin-right:auto;max-width:320px;width:100%}.full-page-creator-creation-checklist-meta-row .full-page-creator-creation-checklist-language-slot{align-self:stretch}}.creation-type-selector button[title="Toggle AI Code Generation"]{align-items:center;background-color:var(--bg-tertiary);border:none;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;margin-right:10px;padding:0;position:relative;transition:all .2s ease;width:30px}.creation-type-selector button[title="Toggle AI Code Generation"] img.toggle-icon{height:14px;margin:0;width:14px}.creation-type-selector button[title="Toggle AI Code Generation"]:hover{opacity:.9;transform:translateY(-2px)}.creation-type-selector button[title="Toggle AI Code Generation"].active{background-color:var(--accent-tertiary);box-shadow:0 0 0 2px #fff3}.creation-type-selector button[title="Toggle AI Code Generation"] span{display:none}.creation-type-selector button[title="Toggle AI Code Generation"]:after{background-color:#000c;border-radius:4px;bottom:-30px;color:#fff;content:"AI Generate";font-size:12px;left:50%;opacity:0;padding:4px 8px;position:absolute;transform:translateX(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;white-space:nowrap}.creation-type-selector button[title="Toggle AI Code Generation"]:hover:after{opacity:1;visibility:visible}.locked-language,.locked-page{align-items:center;background-color:var(--bg-tertiary);border:1px solid #ffffff1a;border-radius:8px;color:#fff;display:flex;font-size:.875rem;justify-content:space-between;overflow:hidden;padding:8px 12px;position:relative}.locked-language:after,.locked-page:after{border-color:#0000 #e91e63 #0000 #0000;border-style:solid;border-width:0 20px 20px 0;content:"";height:0;position:absolute;right:0;top:0;width:0}.locked-indicator{color:#e91e63;font-size:.75rem;font-style:italic;font-weight:700;margin-left:8px}.full-page-creator .code-editor-container .cm-scroller{background:var(--bg-primary)!important}.full-page-creator .code-editor-container .cm-content{background:var(--bg-primary)!important;margin-top:2px}.full-page-creator .code-editor-container .cm-gutter{background:var(--bg-primary)!important;border-right:1px solid var(--bg-secondary)}.full-page-creator .code-editor-container .cm-gutters{background-color:var(--bg-tertiary);border-right:1px solid var(--bg-primary);color:#6c6c6c;margin-top:2px}.cm-editor{border-radius:12px}.creator-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #0000001f;display:flex;justify-content:center;min-height:72px;padding:14px 24px}.creator-header .back-button{align-items:center;background-color:var(--bg-primary);border-color:var(--bg-primary);display:flex;grid-column:1;justify-self:start;margin-top:10px}.creator-header .back-button:hover{background-color:var(--bg-tertiary);transform:translateY(-1px)}.creator-header .back-button svg{height:18px;margin-right:4px;width:18px}.creation-type-selector{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0a;display:flex;padding:8px}.creation-type-selector button{align-items:center;background:none;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;margin:0;min-width:110px;padding:8px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.creation-type-selector button .toggle-icon{fill:currentColor;height:18px;margin-right:8px;width:18px}.creation-type-selector button.active{border:1px solid var(--accent-primary);gap:5px;transform:translateY(-1px)}.creation-type-selector button:hover:not(.active){background-color:var(--bg-secondary);transform:translateY(-2px)}.full-page-creator-flashcard-language{margin-bottom:0;min-width:132px;position:relative}.full-page-creator-flashcard-language .language-selector-container{margin-top:0;padding-top:0;position:relative}.full-page-creator-flashcard-language .selected-language,.header-language-selector .selected-language{background-color:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;box-shadow:0 1px 2px var(--bg-primary);box-sizing:border-box;font-size:.875rem;font-weight:500;height:36px;min-height:36px;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.full-page-creator-flashcard-language .selected-language:hover,.header-language-selector .selected-language:hover{border-color:var(--bg-tertiary);box-shadow:0 1px 3px var(--bg-primary)}.full-page-creator-flashcard-language .selected-language.open,.header-language-selector .selected-language.open{border-color:var(--accent-primary);box-shadow:0 1px 3px #4facfe33}.full-page-creator-creation-checklist-meta-row-leading .language-selector.full-page-creator-flashcard-language{margin-bottom:0;margin-top:0}.full-page-creator-creation-checklist-meta-row-leading .language-selector.full-page-creator-flashcard-language .language-selector-container{margin-bottom:0;margin-top:0;padding-top:0}.full-page-creator-creation-checklist-meta-row-leading .full-page-creator-flashcard-language .selected-language{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;font-size:.8125rem;height:36px;justify-content:space-between;line-height:1;margin:0;min-height:36px;padding:0 12px}.full-page-creator-creation-checklist-meta-row-leading .full-page-creator-flashcard-language .full-page-creator-selected-language{align-items:center;line-height:1;min-height:0}.full-page-creator-creation-checklist-meta-row-leading .full-page-creator-flashcard-language .full-page-creator-selected-language img,.full-page-creator-creation-checklist-meta-row-leading .full-page-creator-flashcard-language .full-page-creator-selected-language svg{display:block;flex-shrink:0}.full-page-creator-creation-checklist-meta-row-leading .full-page-creator-flashcard-language .full-page-creator-selected-language span{line-height:1}.full-page-creator-creation-checklist-meta-row-leading .full-page-creator-flashcard-language .dropdown-arrow{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;line-height:1}.full-page-creator-flashcard-language .language-dropdown,.header-language-selector .language-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1.5px solid #4facfe33;border-radius:12px;box-shadow:0 4px 16px #0003,0 2px 8px #4facfe1a;box-shadow:0 8px 24px #00000040,0 4px 12px #4facfe26}.full-page-creator-flashcard-language .language-option,.header-language-selector .language-option{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;font-size:.9375rem;gap:10px;padding:12px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.full-page-creator-flashcard-language .language-option span,.header-language-selector .language-option span{flex:1 1}.full-page-creator-flashcard-language .language-option .full-page-creator-language-brand-dot{flex:0 0 auto}.full-page-creator-flashcard-language .language-option .full-page-creator-language-option-label{flex:1 1;min-width:0}.full-page-creator-flashcard-language .language-option:first-child,.header-language-selector .language-option:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.full-page-creator-flashcard-language .language-option:last-child,.header-language-selector .language-option:last-child{border-bottom:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.full-page-creator-flashcard-language .language-option:hover,.header-language-selector .language-option:hover{background:var(--bg-hover);padding-left:20px}.full-page-creator-flashcard-language .language-option.selected,.header-language-selector .language-option.selected{background:linear-gradient(135deg,#4facfe1f,#00f2fe1f);border-left:3px solid var(--accent-primary);color:var(--accent-primary);font-weight:600}.full-page-creator-flashcard-language .language-option.selected:before,.header-language-selector .language-option.selected:before{color:var(--accent-primary);content:"✓";font-size:.875rem;font-weight:700;position:absolute;right:16px}.full-page-creator-flashcard-language .language-option .language-icon,.header-language-selector .language-option .language-icon{flex-shrink:0;height:20px;width:20px}.full-page-creator-flashcard-language .language-option.selected .language-icon,.header-language-selector .language-option.selected .language-icon{opacity:1}.creator-content{background-color:var(--bg-secondary);flex:1 1;overflow-y:auto;padding:24px}.creator-content--flashcard-editor,.creator-content--flashcard-form{background-color:var(--bg-secondary);padding:12px 16px 24px}.code-editor-container .ͼ1 .cm-lineNumbers .cm-gutterElement{background-color:var(--bg-primary);color:#fff}.code-editor-container{background-color:var(--bg-secondary);border:1px solid #ffffff1a;display:flex;flex-direction:column;height:calc(100% - 60px)}.editable-code-container{background-color:var(--bg-primary);border-radius:8px;margin-bottom:16px;overflow:hidden;position:relative}.code-editor-textarea-overlay{background:#0000;border:none;bottom:0;caret-color:#fff;color:#0000;font-family:monospace;font-size:14px;height:100%;left:0;line-height:1.5;outline:none;overflow:auto;overflow-wrap:normal;padding:10px 60px;position:absolute;resize:none;right:0;top:0;white-space:pre;width:100%;z-index:10}.code-editor-textarea-overlay:focus{border:none;outline:none}.code-editor-container .cm-line{color:#fff}.code-editor-container::-webkit-scrollbar{overflow:hidden;width:8px}.code-editor-container .code-editor{background-color:var(--bg-primary);border:1px solid var(--bg-secondary);border-radius:8px;box-shadow:0 4px 6px #0000001a;flex:1 1;overflow:hidden}.editor-actions{align-items:center;background-color:var(--bg-secondary);border-radius:12px;border-top:1px solid var(--bg-secondary);display:flex;justify-content:space-between;margin-top:16px;padding:12px}.code-editor-container .CodeMirror{background-color:#1a1d24!important;color:#fff!important;font-family:Consolas,Monaco,Courier New,monospace!important;font-size:14px!important;line-height:1.5!important}.code-editor-container .CodeMirror-gutters{background-color:#1a1d24!important;border-right:1px solid #ffffff1a!important}.code-editor-container .CodeMirror-linenumber{color:#8b949e!important}.code-editor-container .CodeMirror-cursor{border-left:2px solid #e91e63!important}.code-editor-container .cm-keyword{color:#e91e63!important}.code-editor-container .cm-operator{color:#fff!important}.code-editor-container .cm-string{color:#2196f3!important}.code-editor-container .cm-comment{color:#8b949e!important}.code-editor-container .cm-number{color:#8e44ad!important}.code-editor-container .cm-variable{color:#fff!important}.code-editor-container .cm-def{color:#e91e63!important}.code-editor-container .cm-property{color:#2196f3!important}.next-button{align-self:flex-end;background-color:var(--accent-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;margin-bottom:20px;margin-right:15px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.next-button:hover:not(:disabled){transform:translateY(-1px)}.next-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.5;visibility:hidden}.full-page-form{background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:800px;padding:24px}.full-page-form.full-page-form--flashcard-embedded{background-color:initial;border-radius:0;box-shadow:none;box-sizing:border-box;margin:0;max-width:none;padding:12px 20px 22px;width:100%}.create-item.full-page-form.full-page-form--flashcard-embedded,.snippet-form.full-page-form.full-page-form--flashcard-embedded{margin-bottom:0;margin-top:0}.full-page-creator-flashcard-body--metadata .full-page-form.full-page-form--flashcard-embedded .form-action-center{justify-content:stretch;margin-top:22px;width:100%}.full-page-creator-flashcard-body--metadata .full-page-form.full-page-form--flashcard-embedded .form-action-center .submit-create-button{max-width:none;width:100%}.full-page-creator-flashcard-body--metadata .full-page-form.full-page-form--flashcard-embedded .error-message{text-align:left}.form-title{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:500;gap:12px;justify-content:center;margin-bottom:20px;text-align:center}.full-page-creator-flashcard-body--metadata .full-page-form.full-page-form--flashcard-embedded .form-title{justify-content:flex-start;margin-bottom:16px;text-align:left}.form-title-icon{fill:currentColor;height:24px;width:24px}.form-actions{align-items:center;display:flex;justify-content:space-between;margin-top:30px}.form-actions button{border-radius:8px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:48%}.creator-create-button{align-items:center;background-color:var(--bg-tertiary);border:none;color:#fff}.creator-create-button:hover{transform:translateY(-3px)}.submit-create-button{align-items:center;background-color:var(--accent-primary);border:none;color:#fff}.submit-create-button:hover{transform:translateY(-3px)}.page-input-group{display:flex;flex-direction:column;gap:10px}.page-select{-webkit-appearance:none;appearance:none;background-color:var(--bg-tertiary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ffffff1a;border-radius:10px;box-shadow:inset 0 1px 3px #0000001a;color:#fff;font-size:.9rem;padding:12px 16px;width:100%}.page-select:focus{border-color:#e91e6380;box-shadow:0 0 0 2px #e91e6340;outline:none}.full-page-creator-cookbook-selector{position:relative}.full-page-creator-cookbook-trigger-wrapper{margin-top:10px;position:relative;width:100%}.full-page-creator-cookbook-trigger{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:10px;box-shadow:0 1px 2px var(--bg-primary);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;min-height:44px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.full-page-creator-cookbook-trigger:hover{background-color:var(--bg-tertiary);border-color:#ffffff26}.full-page-creator-cookbook-trigger.open{border-color:var(--accent-primary);box-shadow:0 0 0 2px #4facfe40}.full-page-creator-cookbook-trigger-text{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.full-page-creator-cookbook-trigger--placeholder .full-page-creator-cookbook-trigger-text{color:#ffffff80}.full-page-creator-cookbook-trigger-arrow{flex-shrink:0;font-size:.75rem;margin-left:8px;opacity:.8;transition:transform .2s ease}.full-page-creator-cookbook-trigger.open .full-page-creator-cookbook-trigger-arrow{transform:rotate(180deg)}.full-page-creator-cookbook-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:12px;box-shadow:0 4px 16px #0003,0 2px 8px #4facfe1a;left:0;margin-top:8px;max-height:280px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.full-page-creator-cookbook-option{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;font-size:.9375rem;gap:10px;padding:12px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.full-page-creator-cookbook-option:last-child{border-bottom:none}.full-page-creator-cookbook-option:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.full-page-creator-cookbook-option:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.full-page-creator-cookbook-option:hover{background:var(--bg-hover)}.full-page-creator-cookbook-option.selected{background:linear-gradient(135deg,#4facfe1f,#00f2fe1f);border-left:3px solid var(--accent-primary);color:var(--accent-primary);font-weight:600}.full-page-creator-cookbook-option-icon{flex-shrink:0;height:20px;width:20px}.full-page-creator-cookbook-option-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.full-page-creator-cookbook-option-badge{background:#ffffff1a;border-radius:6px;color:#ffffffd9;flex-shrink:0;font-size:.75rem;font-weight:500;padding:4px 8px}.full-page-creator-cookbook-option.selected .full-page-creator-cookbook-option-badge{background:#4facfe40;color:var(--accent-primary)}.full-page-creator-cookbook-option--empty{color:#fff9;cursor:default;font-style:italic}.form-action-center{display:flex;justify-content:center;margin-top:30px}.form-action-center .creator-create-button{background-color:var(--bg-tertiary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;max-width:300px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:60%}.form-action-center .creator-create-button:hover{transform:translateY(-3px)}.cookbook-language-selector-container{align-items:center;display:flex;gap:8px;margin-top:10px;padding-top:10px;width:100%}.cookbook-selected-language{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;box-shadow:0 1px 2px var(--bg-primary);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;height:36px;justify-content:space-between;min-height:36px;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.cookbook-selected-language:hover{border-color:var(--bg-tertiary);box-shadow:0 1px 3px var(--bg-primary)}.cookbook-selected-language.open{border-color:var(--accent-primary);box-shadow:0 1px 3px #4facfe33}.cookbook-add-language-button{align-items:center;background-color:var(--bg-tertiary);border:none;border-radius:25%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.cookbook-add-language-button:hover{transform:translateY(-1px)}.cookbook-language-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:12px;box-shadow:0 4px 16px #0003,0 2px 8px #4facfe1a;left:0;margin-top:8px;max-height:240px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.cookbook-language-option{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;font-size:.9375rem;gap:10px;padding:12px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.cookbook-language-option span{flex:1 1}.cookbook-language-option:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.cookbook-language-option:last-child{border-bottom:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.cookbook-language-option:hover{background:var(--bg-hover);padding-left:20px}.cookbook-language-option.selected{background:linear-gradient(135deg,#4facfe1f,#00f2fe1f);border-left:3px solid var(--accent-primary);color:var(--accent-primary);font-weight:600}.cookbook-language-option.selected:before{color:var(--accent-primary);content:"✓";font-size:.875rem;font-weight:700;position:absolute;right:16px}.cookbook-language-option .language-icon{flex-shrink:0;height:20px;width:20px}.cookbook-language-option.selected .language-icon{opacity:1}.cookbook-custom-language-input{align-items:center;display:flex;gap:8px;width:100%}.cookbook-custom-language-field{background-color:var(--bg-tertiary);border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:.875rem;height:36px;min-width:200px;padding:8px 12px}.cookbook-custom-language-button,.cookbook-custom-language-cancel{border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cookbook-custom-language-button{border:none;color:#fff}.cookbook-custom-language-button:hover{transform:translateY(-3px)}.cookbook-custom-language-cancel{background-color:initial;border:1px solid #ffffff1a;color:#fff}.cookbook-custom-language-cancel:hover{transform:translateY(-1px)}.required-field{color:#ff4d4f;font-weight:700;margin-left:4px}.required-fields-legend{color:#666;font-size:.9em;margin-bottom:16px}.required-fields-legend .required-field{margin-right:4px}.app{display:flex;flex-direction:column;min-height:100vh}.menu-button{border:none;color:#fff;cursor:pointer;height:36px;margin-left:-8px;width:30px}.menu-button,.menu-button:hover{background-color:var(--bg-secondary)}.menu-button:hover{transform:translate(1px)}.app-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--bg-tertiary);display:flex;justify-content:space-between;padding:1rem 2rem}.app-header.hidden{display:none}.search-container{align-items:center;display:flex;flex:1 1;margin:1% .25rem 0;max-width:600px;position:relative}.navigation-buttons{align-items:center;display:flex;padding-bottom:12px}.header-nav-button{align-items:center;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:25%;box-shadow:var(--card-shadow);color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;margin:0 4px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.header-nav-button:before{background:linear-gradient(135deg,#4a90e21a,#8e44ad1a);border-radius:25%;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.header-nav-button:hover:not(:disabled){border-color:#4a90e24d;box-shadow:var(--card-shadow-hover);transform:translateY(-2px) scale(1.05)}.header-nav-button:hover:not(:disabled):before{opacity:1}.header-nav-button:disabled{cursor:not-allowed;opacity:.4}.app-header__token-display-btn{align-items:center;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--card-shadow);color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;height:36px;justify-content:center;margin-bottom:10px;margin-right:8px;padding:0 12px;transition:all .2s ease}.app-header__token-display-btn:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.header-nav-button svg{stroke:#fff;stroke-width:1.5;fill:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));height:20px;transition:all .3s ease;width:20px}.search-bar{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid #ffffff14;border-radius:40px;box-shadow:0 2px 8px #0003;color:#fff;font-size:16px;height:38px;outline:none;padding:0 48px 0 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.search-bar:focus{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-quaternary) 100%);border-color:#4a90e280;box-shadow:0 0 0 3px #4a90e226,0 4px 12px #0000004d;transform:translateY(-1px)}.search-bar::placeholder{color:#999;font-weight:500;opacity:.8}.main-search-icon{filter:brightness(0) invert(1);height:20px;opacity:.7;pointer-events:none;position:absolute;right:16px;top:20%;transform:translateY(-50%);width:20px}.header-left{gap:1rem}.header-left,.logo{align-items:center;display:flex}.logo{gap:.25rem}.app-icon{animation:pulse 2s infinite;height:32px;width:32px}.home-create-button{align-items:center;background-color:var(--bg-secondary);border:2px solid var(--bg-secondary);border-radius:18px;color:grey;cursor:pointer;display:flex;height:36px;justify-content:center;padding:6px 16px;transition:all .2s}.home-create-button:hover{transform:translateY(-1px)}.home-create-button:hover span{color:#fff;font-weight:600}.home-create-button .create-icon{filter:brightness(0) invert(1);height:20px;margin-right:4px;margin-top:1px;width:20px}.home-create-button span{color:#fff;font-size:16px;font-weight:500;line-height:1;margin-right:6px}.app-header h1{-webkit-text-fill-color:#0000;background:var(--text-primary);-webkit-background-clip:text;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 0 8px}.community-button{background:linear-gradient(120deg,var(--accent-primary),#9277ff);border:none;border-radius:20px;box-shadow:0 2px 8px #0483b633;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1.5rem;transition:all .3s ease}.community-button:hover{box-shadow:0 4px 12px #0483b64d;transform:translateY(-1px)}.user-controls{margin-right:20px}.review-button,.user-controls{align-items:center;display:flex;position:relative}.review-button{background-color:#1e1e1e;border:1px solid #444;border-radius:50px;color:#fff;cursor:pointer;height:36px;justify-content:center;margin-left:14px;padding:6px 8px;transition:all .2s}.review-button:hover{background-color:#2a2a2a;border-color:#666}.review-button svg{color:#fff;height:18px;margin-right:1px;width:24px}.review-button span{color:#fff;font-size:14px;font-weight:500;line-height:1}.app-header-user-account-wrap{align-items:center;display:inline-flex;gap:2px;margin-left:16px;position:relative}.app-header-account-dropdown-trigger{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:26px;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease;width:26px}.app-header-account-dropdown-trigger:hover{background:#ffffff0f;color:var(--text-primary)}.app-header-account-dropdown-trigger-icon{flex-shrink:0;height:14px;width:14px}.user-icon-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;margin-left:0;padding:0;transition:all .3s ease;width:36px}.user-icon-btn:hover{transform:translateY(-1px)}.user-icon-btn img.avatar-image{border-radius:50%;height:36px;object-fit:cover;width:36px}.user-icon-btn img:not(.avatar-image){filter:brightness(0) invert(1);height:20px;width:20px}.user-icon-btn .profile-icon{align-items:center;background:linear-gradient(80deg,var(--accent-primary),var(--accent-tertiary));border-radius:50%;color:#fff;display:flex;font-size:1.2em;font-weight:400;height:36px;justify-content:center;letter-spacing:-.5px;text-transform:uppercase;width:36px}.add-dropdown-menu{border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;margin-top:.5rem;min-width:200px;padding:.75rem;right:85px;top:100%;z-index:1000}.add-dropdown-menu,.add-dropdown-menu:before{background:var(--bg-tertiary);position:absolute}.add-dropdown-menu:before{bottom:34px;content:"";height:12px;right:8px;top:-5px;transform:rotate(50deg);width:12px;z-index:-1}.dropdown-menu{border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;margin-top:.5rem;min-width:200px;padding:.75rem;right:0;top:100%;z-index:1000}.dropdown-menu,.dropdown-menu:before{background:var(--bg-tertiary);position:absolute}.dropdown-menu:before{content:"";height:12px;right:10px;top:-6px;transform:rotate(45deg);width:12px;z-index:-1}.dropdown-menu--account:before{right:8px}.user-email{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem;padding:.5rem}.app-shell-guest-session-fallback-detail{color:var(--text-secondary);font-size:.95rem;line-height:1.45;margin:1rem auto;max-width:28rem}.app-shell-guest-session-fallback-links{margin-top:1rem}.app-shell-guest-session-fallback-links a{color:var(--accent-primary)}.dropdown-menu .app-header-account-dropdown-external-link,.dropdown-menu button{background:none;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.4;padding:.5rem;text-align:left;transition:background-color .3s ease;width:100%}.dropdown-menu .app-header-account-dropdown-external-link{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:.5rem;text-decoration:none;white-space:nowrap}.dropdown-menu .app-header-account-dropdown-external-link span{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.app-header-account-dropdown-discord-icon{flex-shrink:0;height:1.125rem;width:1.125rem}.dropdown-menu .app-header-account-dropdown-external-link:hover,.dropdown-menu button:hover{background:var(--bg-quaternary)}.app-main{flex:1 1;margin:0 auto;width:100%}.app-main.auth-main{margin:0;max-width:none;padding:0;width:100%}.side-stats-button{justify-content:center}.side-stats-button,.stats-content{align-items:center;display:flex;position:relative}.stats-content{min-width:48px;padding:0 4px}.stats-content svg{color:#fff;height:24px;margin-right:8px;margin-top:-6px;width:24px}.stats-count{color:#fff;font-size:14px;font-weight:500;margin-left:-22px;position:relative}.app-footer{background:var(--bg-secondary);color:var(--text-secondary);font-size:.9rem;padding:1rem;text-align:center;transition:left .3s ease-in-out,width .3s ease-in-out}.app-footer.hidden{display:none}.app-footer.expanded{padding-left:-220px}.auth-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.auth-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.2);outline:none}.auth-button{background:var(--accent-primary);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease;width:auto}.auth-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.auth-button:disabled{background:var(--bg-tertiary);cursor:not-allowed;transform:none}.back-button{margin-bottom:1rem}@media (max-width:768px){.app-header,.app-main{padding:1rem}}.srs-dashboard{box-sizing:border-box;margin-left:0;margin-top:0;max-width:100%;padding:2px .5rem 2px 0;width:100%}.srs-dashboard__load-error{background:#7f1d1d33;border:1px solid #f8717159;border-radius:8px;margin:12px 0 16px;padding:14px 16px}.srs-dashboard__load-error-text{color:#fecacaf2;font-size:14px;line-height:1.45;margin:0 0 12px}.srs-dashboard__load-error-retry{background:#b91c1c59;border:1px solid #f8717173;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.srs-dashboard__load-error-retry:hover{background:#b91c1c80}.srs-dashboard__layout{display:flex;flex-direction:column;gap:1.25rem}.srs-dashboard .dashboard-section,.srs-dashboard__due-shelf,.srs-dashboard__layout{box-sizing:border-box;max-width:100%;width:100%}.srs-dashboard__due-queue-filter{background:#00000040;border:1px solid #ffffff14;border-radius:10px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 1rem;padding:4px}.srs-dashboard__due-queue-filter-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffff8c;cursor:pointer;display:inline-flex;flex:1 1;font-size:.78rem;font-weight:600;gap:6px;justify-content:center;letter-spacing:.02em;min-width:0;padding:8px 10px;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.srs-dashboard__due-queue-filter-tab:hover{background:#ffffff0f;color:#ffffffd9}.srs-dashboard__due-queue-filter-tab--active{background:#2196f338;box-shadow:0 0 0 1px #2196f359;color:#fff}.srs-dashboard__due-queue-filter-tab-count{background:#ffffff14;border-radius:6px;color:#ffffffbf;font-size:.7rem;font-weight:700;padding:2px 6px}.srs-dashboard__due-queue-filter-tab--active .srs-dashboard__due-queue-filter-tab-count{background:#00000040;color:#fffffff2}.srs-dashboard__source-pill{border:1px solid #ffffff1f;border-radius:4px;color:#ffffff73;display:inline-block;flex-shrink:0;font-size:.65rem;font-weight:600;letter-spacing:.04em;margin-bottom:6px;padding:2px 6px;text-transform:uppercase;width:fit-content}.srs-dashboard .srs-dashboard__cookbook-item .deck-content-header{align-items:flex-start;display:flex;flex-direction:column;gap:0;width:100%}.srs-dashboard__track-meta-line{align-items:center;display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:4px}.srs-dashboard__track-meta{color:#ffffff8c;font-size:.8rem;max-width:100%}.srs-dashboard__track-meta--muted{color:#ffffff61;font-size:.75rem}.srs-dashboard__track-summary{color:#ffffffd9;font-size:.875rem;line-height:1.45;margin:0 0 16px}.srs-dashboard__track-summary-hint{color:#888;font-weight:400}.srs-dashboard__cookbook-stack--track-snippets{margin-bottom:8px;max-height:420px;overflow-y:auto}.srs-dashboard__track-snippet-card:focus-visible{outline:2px solid #7dd3fca6;outline-offset:2px}.deck-icon.srs-dashboard__track-snippet-deck-icon{background:#00000040;border:1px solid #ffffff14;border-radius:25%;box-shadow:none;height:50px;width:50px}.deck-icon.srs-dashboard__track-snippet-deck-icon svg.app-side-nav-roadmap-icon{fill:none;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));height:20px;width:20px}.srs-dashboard__track-empty strong{color:#93c5fd;font-weight:600}.srs-dashboard__upnext{border-top:1px solid #ffffff14;padding-top:1rem}.srs-dashboard__upnext-title{align-items:center;color:#ffffffb3;display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:600;gap:8px 10px;margin:0 0 10px}.srs-dashboard__upnext-title-icon{color:#ffffff8c;flex-shrink:0;height:1rem;opacity:.7;width:1rem}.srs-dashboard__upnext-sub{color:#888;font-size:.75rem;font-weight:500}.srs-dashboard__upcoming-compact{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;max-height:12rem;overflow-y:auto;padding:0}.srs-dashboard__upcoming-compact-item{margin:0;padding:0}.srs-dashboard__upcoming-compact-btn{background:#0000001f;border:1px solid #ffffff14;border-radius:6px;color:#ffffffe0;cursor:pointer;display:block;padding:8px 10px;text-align:left;transition:background .15s,border-color .15s;width:100%}.srs-dashboard__upcoming-compact-btn:hover{background:#ffffff0d;border-color:#ffffff1f}.srs-dashboard__upcoming-compact-main{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.srs-dashboard__upcoming-compact-title{color:#ffffffe6;font-size:.8125rem;font-weight:500}.srs-dashboard__upcoming-compact-when{color:#888;flex-shrink:0;font-size:.75rem}.srs-dashboard__upcoming-compact-meta{align-items:center;color:#fff6;display:flex;flex-wrap:wrap;font-size:.7rem;gap:8px 12px;margin-top:4px}.srs-dashboard__upcoming-scope{color:#ffffff59;font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.srs-dashboard__upcoming-mastery-neutral{color:#ffffff61;text-transform:capitalize}.srs-dashboard__empty-due{padding:4px 0 12px;text-align:left}.srs-dashboard__empty-due-line{margin-bottom:8px;text-align:left}.srs-dashboard__empty-hint{color:#ffffff73;font-size:.8125rem;line-height:1.5;margin:0;max-width:100%}.srs-dashboard__empty-hint strong{color:#ffffffa6;font-weight:600}.srs-dashboard__loading-skeleton-shell{pointer-events:none}.srs-dashboard__loading-skeleton-shell.srs-dashboard__loading-skeleton-shell--pulse{animation:srs-dashboard__list-skeleton-pulse 1.35s ease-in-out infinite}@keyframes srs-dashboard__list-skeleton-pulse{0%,to{opacity:.88}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.srs-dashboard__loading-skeleton-shell.srs-dashboard__loading-skeleton-shell--pulse{animation:none;opacity:1}}.srs-dashboard__loading-skeleton-shell .deck-item.srs-dashboard__loading-skeleton-card{cursor:default}.srs-dashboard__loading-skeleton-shell .deck-item.srs-dashboard__loading-skeleton-card:hover{border-color:#ffffff14;box-shadow:none;transform:none}.srs-dashboard__loading-skeleton-shell .deck-item.srs-dashboard__loading-skeleton-card:hover:after,.srs-dashboard__loading-skeleton-shell .deck-item.srs-dashboard__loading-skeleton-card:hover:before{opacity:0}.srs-dashboard__loading-skeleton-shell .deck-item.srs-dashboard__loading-skeleton-card:hover .deck-icon{transform:none}.srs-dashboard__loading-skeleton-heading{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:10px;margin:0 0 15px;padding:0 0 10px;width:100%}.srs-dashboard__loading-skeleton-heading-icon{background:#ffffff14;border-radius:4px;flex-shrink:0;height:1.25rem;width:1.25rem}.srs-dashboard__loading-skeleton-heading-title{background:#ffffff14;border-radius:4px;height:1rem;max-width:11rem;width:60%}.srs-dashboard__loading-skeleton-filter .srs-dashboard__loading-skeleton-filter-pill{background:#ffffff14;border-radius:8px;display:block;flex:1 1;height:40px}.srs-dashboard__loading-skeleton-deck-icon-slot{background:#0000;border:none;box-shadow:none}.srs-dashboard__loading-skeleton-deck-icon-slot .srs-dashboard__loading-skeleton-deck-icon{background:#ffffff14;border-radius:10px;display:block;height:100%;width:100%}.srs-dashboard__loading-skeleton-deck-heading{align-items:flex-start;display:flex;flex-direction:column;gap:8px;width:100%}.srs-dashboard__loading-skeleton-tag{background:#ffffff14;border-radius:4px;height:.8125rem;width:3.75rem}.srs-dashboard__loading-skeleton-deck-meta{margin-top:4px;min-height:.875rem}.srs-dashboard__loading-skeleton-line{background:#ffffff14;border-radius:6px;display:block}.srs-dashboard__loading-skeleton-line--title{height:1.15rem;width:78%}.srs-dashboard__loading-skeleton-line--meta{height:.75rem;width:55%}.srs-dashboard__loading-skeleton-line--footer{height:.9375rem;width:7.5rem}.srs-dashboard__loading-skeleton-cta{background:#ffffff14;border-radius:6px;box-sizing:border-box;margin-top:12px;min-height:44px;padding:8px;width:100%}.srs-dashboard__loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px}.srs-dashboard__spinner{animation:srs-dashboard-spin 1s linear infinite;border:3px solid #4a90e233;border-radius:50%;border-top-color:#4a90e2;height:40px;width:40px}@keyframes srs-dashboard-spin{to{transform:rotate(1turn)}}.srs-dashboard__loading-text{color:#888;font-size:16px;margin:0}.srs-dashboard__stats-bar{display:flex;font-size:14px;gap:20px;margin-bottom:8px;padding:10px 0}.srs-dashboard__stat{background:#4a90e226;border-radius:8px;color:#ffffffd9;padding:4px 12px}.srs-dashboard__empty-due,.srs-dashboard__empty-upcoming{padding:24px 16px;text-align:center}.srs-dashboard__empty-due-title,.srs-dashboard__empty-upcoming-title{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.srs-dashboard__empty-due-subtitle,.srs-dashboard__empty-upcoming-subtitle{color:#888;font-size:14px;margin:0}.upcoming-card--clickable{cursor:pointer}.upcoming-card--clickable:hover{background-color:var(--bg-tertiary)}.srs-dashboard__list-pagination{align-items:center;background:#0000002e;border:1px solid #ffffff14;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:14px 0 10px;padding:10px 12px}.srs-dashboard__list-pagination-summary{color:#ffffffbf;font-size:.8125rem;line-height:1.4;margin:0}.srs-dashboard__list-pagination-page{color:#888;font-weight:400}.srs-dashboard__list-pagination-actions{display:flex;flex-wrap:wrap;gap:8px}.srs-dashboard__list-pagination-button{background:#64b5f61f;border:1px solid #64b5f659;border-radius:6px;color:#bfdbfe;cursor:pointer;font-size:.8125rem;font-weight:600;padding:6px 14px;transition:background .2s,border-color .2s,color .2s}.srs-dashboard__list-pagination-button:hover:not(:disabled){background:#64b5f638;border-color:#7dd3fc80;color:#fff}.srs-dashboard__list-pagination-button:disabled{cursor:not-allowed;opacity:.4}.filter-container{display:flex;flex-wrap:wrap;gap:15px;width:100%}.tag-filter{background-color:var(--bg-primary);border:1px solid #ffffff1a;border-radius:8px;flex:1 1;margin-bottom:15px;min-width:250px;padding:15px}.tag-filter h4{color:#fff;font-size:14px;margin-bottom:10px;margin-top:0}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.filter-tag{background-color:#e91e631a;border:1px solid #e91e6333;border-radius:8px;color:#e91e63;cursor:pointer;font-size:.85em;padding:4px 12px;transition:all .2s}.filter-tag:hover{background-color:#e91e6333}.filter-tag.selected{background-color:#e91e634d;border-color:#e91e63}.clear-filters-button,.clear-tags-button{background-color:var(--bg-secondary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.clear-filters-button:hover,.clear-tags-button:hover{background-color:var(--bg-tertiary)}.language-filter{background-color:var(--bg-primary);border:1px solid #ffffff1a;border-radius:8px;flex:1 1;margin-bottom:15px;min-width:200px;padding:15px}.language-filter h4{color:#fff;font-size:14px;margin-bottom:10px;margin-top:0}.language-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #fff3;border-radius:6px;padding:8px 12px}.language-select:hover{background-color:var(--bg-tertiary)}.language-select:focus{border-color:#3498db}.clear-filters-button{align-self:flex-start;margin-top:15px;width:auto}.dash-title{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 0 -15px}.dash-header{display:flex}.srs-dashboard__section-header{width:100%}.srs-dashboard__section-header h3{align-items:center;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;font-size:16px;gap:10px;line-height:1.25;margin:0 0 15px;padding:0 0 10px}.srs-dashboard__section-icon{fill:currentColor;color:#64b5f6;display:block;flex-shrink:0;height:1.25rem;margin:0;opacity:.9;width:1.25rem}.srs-dashboard__section-icon.srs-dashboard__section-icon--track-due.app-side-nav-roadmap-icon{fill:none;color:#fff;opacity:1}.nav-buttons{display:flex;gap:10px;margin-left:auto}.review-toggle-switch{background-color:var(--bg-tertiary);border:1px solid #ffffff1a;border-radius:18px;cursor:pointer;height:36px;overflow:hidden;width:240px}.review-toggle-switch,.toggle-option{align-items:center;display:flex;position:relative}.toggle-option{color:#fff;font-size:14px;font-weight:500;gap:8px;height:100%;justify-content:center;transition:color .3s;width:50%;z-index:2}.review-toggle-icon{height:18px;margin-right:4px;width:18px}.toggle-slider{background-color:var(--bg-secondary);border-radius:16px;height:calc(100% - 4px);left:2px;position:absolute;top:2px;transition:transform .3s ease;width:50%;z-index:1}.review-toggle-switch.cookbooks-active .toggle-slider{transform:translateX(100%)}.snippets-active .snippets-option{color:#fff}.snippets-active .cookbooks-option{color:#fff9}.cookbooks-active .cookbooks-option{color:#fff}.cookbooks-active .snippets-option{color:#fff9}.count-badge{align-items:center;background-color:var(--accent-tertiary);border-radius:50%;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;margin-left:-4px;text-align:center;transform:translateX(30px);width:24px}.dashboard-content{grid-gap:15px;display:grid;gap:15px;grid-template-columns:2fr 1fr;margin-bottom:25px;scrollbar-width:thin}.main-content,.sidebar-content{width:100%}.dashboard-section{background-color:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 16px #0000004d;height:100%;padding:15px}.dashboard-section h3{border-bottom:1px solid #ffffff1a;color:#fff;font-size:16px;margin-bottom:15px;margin-left:0;margin-top:0;padding-bottom:10px;padding-left:0;text-align:left}.srs-dashboard__cookbook-stack{display:flex;flex-direction:column;gap:1rem;margin-bottom:15px}.deck-list,.snippet-list,.upcoming-list{display:flex;flex-direction:column;gap:10px;margin-bottom:15px;max-height:300px;overflow-y:auto}.deck-card,.home-snippet-card,.upcoming-card{align-items:center;background-color:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px;transition:background-color .2s,transform .2s}.deck-card:hover,.home-snippet-card:hover,.upcoming-card:hover{background-color:var(--bg-tertiary);transform:translateY(-2px)}.deck-info,.snippet-info,.upcoming-info{flex:1 1}.deck-info h4,.snippet-info h4,.upcoming-info h4{color:#fff;font-size:14px;margin:0 0 5px}.deck-meta,.snippet-meta,.upcoming-meta{display:flex;flex-wrap:wrap;font-size:12px;gap:10px}.deck-language,.snippet-language{background:#2196f31a;border-radius:8px;color:#2196f3;font-size:14px;padding:4px 8px}.review-deck-tags,.snippet-tags{display:flex;flex-wrap:wrap;gap:8px}.review-deck-tag,.snippet-tag{background-color:#e91e631a;border-radius:8px;color:#e91e63;font-size:1em;font-weight:500;padding:4px 12px;text-transform:capitalize}.mastery-level{color:#3498db}.srs-dashboard__upcoming-card{align-items:center}.srs-dashboard__upcoming-mastery{border-radius:6px;flex-shrink:0;font-size:.7rem;font-weight:600;margin-left:auto;padding:4px 10px;text-transform:capitalize}.srs-dashboard__upcoming-mastery--beginner{background:#ffffff0f;border:1px solid #ffffff14;color:#ffffff80}.srs-dashboard__upcoming-mastery--intermediate{background:#64b5f61f;border:1px solid #64b5f633;color:#93c5fdf2}.srs-dashboard__upcoming-mastery--advanced{background:#34d3991a;border:1px solid #34d3992e;color:#a7f3d0f2}.srs-dashboard__upcoming-mastery--master{background:#a855f71f;border:1px solid #a855f733;color:#d8b4fef2}.due-cards{color:#3498db;font-weight:700;margin-left:auto;margin-right:5px;padding-top:10px}.due-date{color:#888}.srs-dashboard__review-all-btn{background-color:var(--bg-secondary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.srs-dashboard__review-all-btn:hover:not(:disabled){background-color:var(--bg-tertiary);transform:translateY(-1px)}.srs-dashboard__review-all-btn:disabled{background-color:#888;cursor:not-allowed}.empty-message{color:#888;font-size:14px;margin:20px 0;text-align:center}.tag-review-section{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:5px}.tag-review-section h4{color:#fff;font-size:14px;margin-bottom:10px;margin-top:0}.tag-review-list{display:flex;flex-wrap:wrap;gap:8px}.review-tag-button{align-items:center;background-color:var(--bg-secondary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;padding:6px 12px;transition:all .2s}.review-tag-button:hover{background-color:var(--bg-tertiary);transform:translateY(-1px)}@media (max-width:768px){.dashboard-content{grid-template-columns:1fr}.sidebar-content{margin-top:15px}}.home-progress-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px 10px 0 0;border-top:1px solid #2a2a3e;bottom:0;box-shadow:0 -4px 20px #0000004d;left:calc(var(--side-panel-width) + 2rem);padding:8px 0;pointer-events:auto;position:fixed;right:2rem;z-index:1000}.home-progress-footer-content{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:0 16px;position:relative}.home-progress-section{border:2px solid var(--bg-tertiary);border-radius:8px;flex:1 1;max-width:280px;min-width:160px;overflow:hidden;padding:3px 8px}.home-progress-section-header{align-items:center;display:flex;gap:6px;margin-bottom:4px}.home-progress-section-icon{align-items:center;display:flex;font-size:16px;opacity:.8}.home-progress-section-icon img{height:16px;object-fit:contain;width:16px}.home-progress-section-title{color:#e0e0e0;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.home-level-indicator-wrapper{align-items:center;display:flex;gap:12px}.home-level-indicator-track{background:linear-gradient(180deg,#ffffff4d,#fff3);border-radius:2px;box-shadow:inset 0 1px 3px #0000004d;flex:1 1;height:4px;overflow:hidden;position:relative}.home-level-indicator-fill{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:3px;height:100%;position:relative;transition:width .3s ease}.home-level-display-text{color:#b0b0b0;font-size:11px;font-weight:500;min-width:70px;text-align:right;white-space:nowrap}.home-progress-languages-container{display:flex;flex-direction:column;gap:8px}.home-progress-language-entry{align-items:center;display:flex;gap:8px}.home-progress-language-name-label{color:#d0d0d0;font-size:12px;font-weight:500;min-width:60px;text-align:left}.home-progress-tags-container{display:flex;flex-direction:column;gap:8px}.home-progress-tag-entry{align-items:center;display:flex;gap:8px}.home-progress-tag-name-label{color:#d0d0d0;font-size:12px;font-weight:500;min-width:60px;text-align:left}.home-progress-loading-state{color:#b0b0b0;font-size:14px;padding:8px 0;text-align:center;width:100%}.home-progress-footer.collapsed:hover{background:linear-gradient(135deg,var(--bg-primary) 0,#1a2a4e 100%);transition:background .2s ease}.home-progress-footer.collapsed{padding:.5rem 0}.home-progress-footer.collapsed .home-progress-footer-content{justify-content:center;padding:0 1rem}.home-progress-footer.collapsed .home-progress-section{display:none}.home-progress-summary{align-items:center;display:flex;justify-content:center}.summary-text{color:#ffffffb3;font-size:.85rem;font-weight:500}@media (max-width:768px){.home-progress-footer{left:calc(var(--side-panel-width) + 1rem);right:1rem}.home-progress-footer-content{flex-direction:column;gap:16px;padding:0 16px}.home-progress-section{max-width:none;min-width:100%}.home-level-indicator-wrapper{align-items:stretch;flex-direction:column;gap:6px}.home-level-display-text{font-size:11px;text-align:left}.home-progress-language-entry{align-items:stretch;flex-direction:column;gap:4px}.home-progress-language-name-label{font-size:11px;min-width:auto}.home-progress-tag-entry{align-items:stretch;flex-direction:column;gap:4px}.home-progress-tag-name-label{font-size:11px;min-width:auto}}@media (max-width:1024px){.home-progress-footer{left:calc(var(--side-panel-width) + 1rem);right:1rem}}@media (prefers-color-scheme:dark){.home-progress-footer{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-secondary) 100%);border-top-color:#2a2a3e}.home-level-indicator-track{background:#ffffff0d}.home-progress-section-title{color:#f0f0f0}.home-level-display-text{color:#a0a0a0}.home-progress-item-name{color:silver}}.home-level-indicator-fill{animation:homeProgressLevelPulse .5s ease-out}@keyframes homeProgressLevelPulse{0%{transform:scaleX(.95)}50%{transform:scaleX(1.05)}to{transform:scaleX(1)}}.home-progress-section:hover .home-level-indicator-track{background:#ffffff26;transition:background .2s ease}.home-progress-section:hover .home-level-indicator-fill{box-shadow:0 0 8px #4facfe66;transition:box-shadow .2s ease}.home-daily-goal-section:hover{background:linear-gradient(135deg,#4facfe26,#00f2fe26);border-color:#4facfe80;transform:translateY(-1px);transition:all .2s ease}.home-daily-goal-section .home-progress-section-header{align-items:center;display:flex;gap:8px;margin-bottom:0;padding:4px 0}.home-daily-goal-circle{height:28px;margin-left:auto;position:relative;width:28px}.home-daily-goal-ring{height:100%;transform:rotate(-90deg);width:100%}.home-daily-goal-ring-bg{fill:none;stroke:#fff3;stroke-width:3}.home-daily-goal-ring-fill{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .3s ease}.home-daily-goal-text{align-items:center;color:#fff;display:flex;font-size:9px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.home-daily-goal-current{color:#fff}.home-daily-goal-separator{color:#ffffffb3;margin:0 2px}.home-daily-goal-target{color:#ffffffb3}.home-goal-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.home-goal-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;max-height:80vh;max-width:400px;overflow-y:auto;padding:24px;width:100%}.home-goal-modal h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.home-goal-modal p{color:var(--text-secondary);font-size:14px;margin:0 0 20px}.home-goal-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}.home-goal-option{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 8px;transition:all .2s ease}.home-goal-option:hover{background-color:#1a2a4e;border-color:#3b82f6}.home-goal-option.selected{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.home-goal-custom{margin-bottom:20px}.home-goal-custom label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.home-goal-input{background:#16213e;border:2px solid var(--border-color);border-radius:8px;color:#fff;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.home-goal-input:focus{border-color:#3b82f6;outline:none}.home-goal-modal-actions{display:flex;gap:12px;justify-content:flex-end}.home-goal-cancel-btn,.home-goal-save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.home-goal-cancel-btn{background-color:var(--bg-tertiary);color:var(--text-primary)}.home-goal-cancel-btn:hover{background-color:var(--bg-quaternary)}.home-goal-save-btn{background-color:#3b82f6;color:#fff}.home-goal-save-btn:hover{background-color:#2563eb}@media (max-width:768px){.home-daily-goal-circle{height:40px;width:40px}.home-daily-goal-text{font-size:10px}.home-goal-options{grid-template-columns:repeat(3,1fr)}}.detail-card-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.detail-card{animation:slideIn .3s ease-out;border:1px solid var(--bg-tertiary);border-radius:12px;box-shadow:0 8px 32px #0000004d;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.detail-card,.detail-card-header{background:var(--bg-secondary);display:flex}.detail-card-header{align-items:flex-start;border-bottom:1px solid var(--bg-tertiary);gap:16px;padding:20px;position:relative;z-index:20}.detail-card-icon{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.detail-card-icon svg{fill:var(--text-primary);height:24px;width:24px}.detail-card-title{flex:1 1;min-width:0}.detail-card-title h2{color:var(--text-primary);font-size:20px;margin:0 0 8px}.detail-card-meta{align-items:center;display:flex;gap:8px}.detail-card-language,.detail-card-type{background:var(--bg-tertiary);border-radius:12px;color:var(--text-secondary);font-size:14px;padding:4px 8px}.detail-card-close{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:all .2s ease}.detail-card-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.detail-card-content{flex:1 1;overflow:auto;padding:20px}.detail-card-content h3{color:var(--text-primary);font-size:16px;margin:0 0 12px}.detail-card-description p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.detail-card-code,.snippet-code{background:var(--bg-tertiary);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:8px;max-height:none;overflow:visible}.code-header{background:#0003;border-bottom:1px solid var(--bg-tertiary);justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:15000}.code-header,.code-header-left{align-items:center;display:flex}.code-header-left{gap:12px}.code-toggle-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;min-width:120px;padding:8px 16px;transition:all .2s ease}.code-toggle-button:hover{background:var(--bg-quaternary);border-color:var(--text-secondary);transform:translateY(-1px)}.code-toggle-button .toggle-icon{font-size:10px;transition:transform .2s ease}.code-toggle-button.expanded .toggle-icon{transform:rotate(180deg)}.code-block{background:var(--bg-tertiary);box-sizing:border-box;margin:0;max-height:0;overflow:hidden;position:relative;transition:max-height .3s ease-out;width:100%}.code-block.expanded{max-height:1000px;overflow:visible}.code-block pre{margin-top:0}.detail-card-snippets{background:var(--bg-tertiary);border-radius:8px;display:flex;flex-direction:column;margin-top:16px;max-height:calc(90vh - 200px);overflow:hidden;position:relative}.detail-card-snippets-header{background:var(--bg-tertiary);border-bottom:1px solid var(--bg-tertiary);left:0;padding:12px 16px;position:sticky;top:0;width:100%;z-index:1000}.detail-card-snippets-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.detail-card-snippet-content{flex:1 1;overflow-y:auto;padding:16px;position:relative}.detail-card-snippet-header{display:flex;justify-content:space-between}.detail-card-snippet-title{align-items:center;display:flex;gap:12px}.detail-card-snippet-title h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.navigation-controls{display:flex;gap:8px}.detail-card-nav-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.detail-card-nav-button:hover:not(:disabled){background:var(--bg-quaternary);border-color:var(--text-secondary);transform:translateY(-1px)}.detail-card-nav-button:active:not(:disabled){transform:translateY(0)}.detail-card-nav-button:disabled{cursor:not-allowed;opacity:.5}.detail-card-tags{margin-top:16px}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag{background:var(--bg-tertiary);border-radius:12px;color:var(--text-secondary);font-size:13px;padding:4px 8px;transition:all .2s ease}.tag:hover{background:var(--bg-quaternary);color:var(--text-primary)}.detail-card-footer{background:var(--bg-secondary);border-top:1px solid var(--bg-tertiary);display:flex;justify-content:flex-end;padding:16px 20px;position:relative;z-index:20}.detail-card-import{background:var(--accent-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.detail-card-import:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.detail-card-import:disabled{cursor:not-allowed;opacity:.5}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.explore-container{background-color:var(--bg-primary);color:var(--text-primary);font-family:Arial,sans-serif;margin:0 auto 0 5%;max-width:1400px;padding:2px}.explore-sidebar{background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:12px;box-shadow:0 4px 12px #0000001a;height:calc(100vh - 20px);overflow-y:auto;padding:4px;position:sticky;scrollbar-width:none;top:0;transition:all .3s ease;width:280px}.breadcrumb-navigation{border-bottom:1px solid var(--bg-tertiary);color:var(--text-secondary);font-size:13px;gap:6px;margin-bottom:4px;padding:8px}.breadcrumb-navigation span{opacity:.8}.breadcrumb-separator{margin:0 2px;opacity:.5}.language-selector{margin-bottom:8px;padding:0 2px}.language-select{background-color:var(--bg-secondary);border:1px solid var(--bg-tertiary);color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:700;margin-left:2px;padding:6px 12px;transition:all .3s ease}.language-select:focus,.language-select:hover{border-color:var(--accent-tertiary)}.language-select:focus{box-shadow:0 0 0 2px rgba(var(--accent-tertiary-rgb),.2)}.language-select option{background-color:var(--bg-secondary);color:var(--text-primary);padding:8px}.track-section-header{background-color:var(--bg-primary);color:var(--text-primary);font-size:12px;font-weight:700;letter-spacing:.95px;padding:4px 2px;text-transform:uppercase}.back-to-tracks-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.back-to-tracks-btn:hover{background-color:var(--bg-tertiary);color:var(--accent-primary)}.back-to-tracks-btn svg{height:16px;width:16px}.track-list{margin-bottom:8px;max-height:1000px;opacity:1;overflow:hidden;padding:0 4px;transition:all .3s ease}.track-list.hidden{margin:0;max-height:0;opacity:0}.tag-list{max-height:0;opacity:0;overflow:hidden;transition:all .3s ease}.tag-list.visible{height:auto;margin-top:4px;opacity:1;overflow:visible}.explore-filter-options{background-color:var(--bg-primary);display:flex;flex-direction:column;gap:2px;overflow:visible;padding:0 4px}.filter-option{align-items:flex-start;border:1px solid var(--bg-secondary);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;gap:10px;margin-bottom:1px;margin-right:6px;padding:8px;transition:all .3s ease}.filter-option.selected,.filter-option:hover{background-color:var(--bg-secondary);border-color:var(--accent-secondary)}.filter-option input[type=checkbox]{display:none}.filter-content{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.filter-header{align-items:center;display:flex;justify-content:space-between;padding:2px 0;width:100%}.filter-name{flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.filter-name,.filter-progress{color:var(--text-secondary);white-space:nowrap}.filter-progress{background:var(--bg-tertiary);border-radius:10px;font-size:11px;margin-left:8px;opacity:.8;padding:2px 8px}.progress-bar-container{background:var(--bg-tertiary);border-radius:3px;height:6px;margin-top:4px;opacity:.8;overflow:hidden;position:relative}.progress-bar{background:linear-gradient(90deg,var(--accent-primary) 0,var(--accent-hover) 100%);height:100%;opacity:.8;transition:width .3s ease}.mastery-indicators{align-items:center;bottom:0;display:flex;gap:3px;left:0;padding:0 3px;pointer-events:none;position:absolute;right:0;top:0}.mastery-indicator{border-radius:50%;height:4px;opacity:.7;transition:all .2s ease;width:4px}.mastery-indicator.beginner{background-color:#ffa726;box-shadow:0 0 4px #ffa72666}.mastery-indicator.intermediate{background-color:#66bb6a;box-shadow:0 0 4px #66bb6a66}.mastery-indicator.advanced{background-color:#42a5f5;box-shadow:0 0 4px #42a5f566}.mastery-indicator.master{background-color:#ab47bc;box-shadow:0 0 4px #ab47bc66}.filter-option:hover .mastery-indicator{opacity:1;transform:scale(1.2)}.explore-main-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:280px 1fr;margin-top:24px;min-height:calc(100vh - 200px);position:relative}.explore-content-section{flex:1 1;margin-bottom:40px;min-width:0;padding:0 12px}.explore-content-section h2{color:var(--text-primary);font-size:24px;margin-bottom:20px}.explore-breadcrumbs{align-items:center;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:14px;font-weight:500;gap:15px;justify-content:space-between;margin-bottom:20px;padding:16px 0;position:sticky;top:0;z-index:10}.breadcrumb-navigation{align-items:center;display:flex;gap:12px}.breadcrumb-navigation a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.breadcrumb-navigation span{color:var(--text-primary);font-size:10px;font-weight:700;text-transform:uppercase}.breadcrumb-navigation a:hover{color:var(--accent-primary)}.breadcrumb-separator{color:var(--text-primary);margin:0 4px;opacity:.7}.explore-search{align-items:center;display:flex;position:relative}.search-container{height:24px;position:sticky;transition:width .3s ease;width:24px}.search-container:hover{width:300px}.search-input{background-color:var(--bg-primary);border:2px solid var(--bg-tertiary);border-radius:8px;color:var(--text-primary);font-size:14px;opacity:0;padding:8px 36px 8px 12px;pointer-events:none;position:absolute;right:0;transition:all .3s ease;width:0}.search-container:hover .search-input{opacity:1;pointer-events:auto;width:100%}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.2);outline:none}.search-input::placeholder{color:var(--text-secondary)}.search-icon{cursor:pointer;height:24px;margin-right:12px;opacity:.7;position:absolute;right:0;transition:opacity .2s ease;width:24px;z-index:1}.search-container:hover .search-icon{opacity:1;right:8px}.track-details-section{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:12px;margin-bottom:24px;padding:24px}.explore-overview,.language-overview{margin-top:16px}.overview-description,.tracks-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:20px}.overview-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px}.stat-item{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.stat-icon{fill:var(--accent-primary);height:24px;width:24px}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:14px;font-weight:500}.language-tracks{background:var(--bg-tertiary);border-radius:8px;margin-top:24px;padding:16px}.tracks-title{color:var(--text-primary);font-size:16px;margin-bottom:8px}.language-title{color:var(--text-primary);text-transform:capitalize}.track-header{justify-content:space-between;margin-bottom:20px}.track-header,.track-title{align-items:center;display:flex}.track-title{gap:12px}.track-title h2{color:var(--text-primary);font-size:24px;margin:0}.track-icon{fill:var(--text-primary);height:24px;width:24px}.tag-title{text-transform:capitalize}.track-progress{display:flex;flex-direction:column;gap:8px;min-width:200px}.progress-text{color:var(--text-secondary);font-size:14px;text-align:right}.mastery-distribution{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:20px}.mastery-level{border-radius:8px;display:flex}.level-name{color:var(--text-primary);font-size:14px}.level-count{align-items:center;display:flex;gap:8px}.level-indicator{border-radius:50%;height:8px;width:8px}.level-indicator.beginner{background-color:#ffa726}.level-indicator.intermediate{background-color:#66bb6a}.level-indicator.advanced{background-color:#42a5f5}.level-indicator.master{background-color:#ab47bc}.explore-content-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px}.explore-content-item{align-items:flex-start;background-color:var(--bg-secondary);border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease;width:100%}.explore-content-item:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-1px)}.deck-icon{align-items:center;background-color:#2a2a3e;border-radius:8px;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.deck-icon.snippet-icon,.snippet-item .deck-icon{background-color:#e91e63}.deck-icon svg{height:1.25rem;transition:transform .2s ease;width:1.25rem}.explore-content-item:hover .deck-icon svg{transform:scale(1.1)}.snippet-item .deck-icon svg{fill:#e91e63}.cookbook-item .deck-icon svg{fill:#4a90e2}.deck-content{display:flex;flex-direction:column;flex-grow:1;gap:.25rem;min-width:0;overflow:hidden;width:calc(100% - 3.5rem)}.deck-name{color:var(--text-primary);font-size:1rem;font-weight:500;margin:0}.deck-details{align-items:center;display:flex;gap:.75rem}.deck-type,.explore-deck-language{color:var(--text-secondary);font-size:.875rem}.explore-deck-language{background-color:var(--bg-tertiary);border-radius:12px;padding:.125rem .5rem;width:auto}.deck-snippet-count{display:inline-block;margin-top:.5rem}.deck-snippet-count span{align-items:center;background-color:var(--bg-tertiary);border-radius:12px;color:var(--text-secondary);display:inline-flex;font-size:.875rem;gap:4px;padding:.125rem .5rem}.deck-snippet-count span:before{background-color:var(--accent-primary);border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.explore-content-item-details{margin-top:8px;overflow:hidden;width:100%}.explore-deck-description{word-wrap:break-word;color:var(--text-secondary);font-size:.875rem;margin-top:.5rem;overflow-wrap:break-word;white-space:normal;width:100%}.explore-deck-stats{align-items:center;display:flex;gap:1rem;margin-top:1rem;width:100%}.explore-import-button{background-color:var(--accent-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.explore-import-button:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.explore-import-button:disabled{cursor:not-allowed;opacity:.5}.truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explore-snippet-preview pre{background:var(--bg-tertiary);border-radius:5px;color:var(--text-primary);font-size:14px;margin-top:.5rem;overflow-x:auto;padding:10px}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin:20px 0}.pagination-button{background:var(--bg-tertiary);border:none;border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;padding:8px 12px;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.pagination-button.active{background:var(--accent-primary)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.explore-loading{color:var(--text-secondary);font-size:18px;padding:40px;text-align:center}.notification{border-radius:var(--border-radius);color:var(--text-primary);margin-bottom:20px;padding:10px;text-align:center;transition:var(--transition)}.notification.success{background-color:var(--success)}.notification.error{background-color:var(--danger)}.user-profile-achievements-list{--ach-surface:#ffffff08;--ach-border:#ffffff12;--ach-accent:#f59e0b;--ach-accent-soft:#f59e0b24;--ach-accent-border:#f59e0b59;--ach-done:#34d399;--ach-done-soft:#34d3991f;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;max-width:100%;padding:0;width:100%}.user-profile-achievements-list--empty{background:linear-gradient(165deg,hsla(0,0%,100%,.045) 0,var(--ach-surface) 45%,#f59e0b0a 100%);border:1px solid var(--ach-border);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0a;box-sizing:border-box;max-width:100%;padding:32px 24px;text-align:center;width:100%}.user-profile-achievements-list__empty-text{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.9375rem;letter-spacing:.01em;line-height:1.6;margin:0 auto;max-width:28rem}.user-profile-achievements-list__empty-lang{color:var(--ach-accent);font-style:normal;font-weight:600}.user-profile-achievements-list__empty-text strong{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-weight:600}.user-profile-achievements-list__loading,.user-profile-achievements-list__private{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9rem;margin:0;padding:8px 0}.user-profile-achievements-list__item{align-items:flex-start;background:#1a1a1f;background:var(--background-secondary,#1a1a1f);border:1px solid var(--ach-border);border-radius:10px;box-sizing:border-box;display:flex;gap:16px;max-width:100%;padding:16px 18px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.user-profile-achievements-list__item:hover{border-color:#ffffff1a}.user-profile-achievements-list__item--complete{border-color:var(--ach-accent-border);box-shadow:inset 0 0 0 1px #f59e0b14}.user-profile-achievements-list__icon-wrap{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.user-profile-achievements-list__item--complete .user-profile-achievements-list__icon-wrap{background:var(--ach-accent-soft);border-color:var(--ach-accent-border)}.user-profile-achievements-list__body{flex:1 1 auto;min-width:0}.user-profile-achievements-list__row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:10px}.user-profile-achievements-list__title-block{flex:1 1 auto;min-width:0}.user-profile-achievements-list__title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.35;margin:0}.user-profile-achievements-list__meta-footer{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:flex-start;margin-top:8px;width:100%}.user-profile-achievements-list__lang-pill-wrap{flex-shrink:0}.user-profile-achievements-list__lang-pill{align-items:center;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:4px;display:inline-flex;gap:6px;margin:0;padding:3px 8px 3px 6px}.user-profile-achievements-list__lang-pill-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.user-profile-achievements-list__lang-pill-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem;font-weight:600;letter-spacing:.02em;line-height:1.2}.user-profile-achievements-list__complete-badge.user-profile__achievements-stat-pill{background:#0000;border:none;border-radius:0;box-shadow:none;flex-shrink:0;gap:0;margin-left:auto;min-height:0;padding:0}.user-profile-achievements-list__complete-badge.user-profile__achievements-stat-pill.user-profile__achievements-stat-pill--done-has{background:#0000;border:none;box-shadow:none}.user-profile-achievements-list__complete-badge .user-profile__achievements-stat-pill__icon{height:16px;width:16px}.user-profile-achievements-list__complete-badge .user-profile__achievements-stat-pill__icon--trophy{color:#ffffff47;height:22px;width:22px}.user-profile-achievements-list__initiated-track-badge.user-profile__achievements-stat-pill{background:#0000;border:none;border-radius:0;box-shadow:none;flex-shrink:0;gap:0;margin-left:auto;min-height:0;padding:0}.user-profile-achievements-list__initiated-track-badge .user-profile__achievements-stat-pill__icon--roadmap{color:#7dd3fc;display:block;height:20px;opacity:.9;width:20px}.user-profile-achievements-list__progress-track{background:#ffffff0f;border-radius:999px;height:6px;margin-bottom:8px;overflow:hidden}.user-profile-achievements-list__progress-fill{background:linear-gradient(90deg,#d97706,var(--ach-accent));border-radius:999px;height:100%;transition:width .35s ease}.user-profile-achievements-list__progress-text{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;line-height:1.45;margin:0}.user-profile-achievements-list__progress-count{font-feature-settings:"tnum";color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-variant-numeric:tabular-nums;font-weight:700;margin-right:6px}.user-profile-achievements-list__progress-label{opacity:.95}.user-profile-achievements-list__no-tests{color:#64748b;color:var(--text-secondary,#64748b);font-size:.82rem;line-height:1.4;margin:0}.user-profile-achievement-stats-panel{box-sizing:border-box;width:100%}.user-profile-achievement-stats-panel__private{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9rem;margin:0;padding:16px 4px}.user-profile-achievement-stats-panel__breakdown{box-sizing:border-box;margin-top:0;width:100%}.user-profile-achievement-stats-panel__breakdown-head{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}@media (min-width:640px){.user-profile-achievement-stats-panel__breakdown-head{align-items:flex-end;flex-direction:row;gap:16px;justify-content:space-between}}.user-profile-achievement-stats-panel__breakdown-intro{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex:1 1 auto;font-size:.8rem;line-height:1.45;margin:0}.user-profile-achievement-stats-panel__view-toggle{background:#0003;border:1px solid #ffffff1a;border-radius:8px;display:inline-flex;flex-shrink:0;gap:0;padding:2px}.user-profile-achievement-stats-panel__view-toggle-btn{background:#0000;border:none;border-radius:6px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:.72rem;font-weight:600;letter-spacing:.04em;margin:0;padding:8px 14px;text-transform:uppercase;transition:color .15s ease,background .15s ease}.user-profile-achievement-stats-panel__view-toggle-btn:hover{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.user-profile-achievement-stats-panel__view-toggle-btn--active{background:#4a9eff2e;box-shadow:0 0 0 1px #4a9eff73;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.user-profile-achievement-stats-panel__breakdown-empty,.user-profile-achievement-stats-panel__breakdown-loading{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.88rem;margin:0;padding:20px 8px}.user-profile-achievement-stats-panel__skills-filters{align-items:center;background:#0000;border:none;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:14px 20px;margin:0 0 18px;padding:0}.user-profile-achievement-stats-panel__skills-filter-wrap{display:flex;flex-direction:column;min-width:min(100%,12.5rem);position:relative}.user-profile-achievement-stats-panel__skills-filter-wrap--separated{border-left:1px solid #ffffff1f;margin-left:6px;padding-left:18px}.user-profile-achievement-stats-panel__skills-filter-trigger{align-items:center;appearance:none;-webkit-appearance:none;background-color:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#f8fafc;color:var(--text-primary,#f8fafc);cursor:pointer;display:inline-flex;font:inherit;font-size:.875rem;font-weight:600;gap:10px;justify-content:space-between;letter-spacing:.01em;margin:0;max-width:100%;min-height:38px;padding:8px 12px 8px 14px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.user-profile-achievement-stats-panel__skills-filter-trigger-value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-achievement-stats-panel__skills-filter-trigger-arrow{color:#a8a8b3d9;flex-shrink:0;font-size:.55rem;line-height:1;transition:transform .2s ease}.user-profile-achievement-stats-panel__skills-filter-trigger--open .user-profile-achievement-stats-panel__skills-filter-trigger-arrow{transform:rotate(180deg)}.user-profile-achievement-stats-panel__skills-filter-trigger:hover{background-color:#ffffff0f;border-color:#ffffff1f}.user-profile-achievement-stats-panel__skills-filter-trigger:focus{background-color:#0ea5e91a;border-color:#38bdf86b;box-shadow:inset 0 0 0 1px #38bdf838;outline:none}.user-profile-achievement-stats-panel__skills-filter-trigger:focus-visible{outline:2px solid #4facfe8c;outline-offset:2px}.user-profile-achievement-stats-panel__skills-filter-dropdown{background:#141416;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 24px #00000059,inset 0 1px 0 #38bdf814;box-sizing:border-box;left:0;margin-top:6px;max-height:min(320px,52vh);max-width:min(100vw - 32px,22rem);min-width:100%;overflow-x:hidden;overflow-y:auto;position:absolute;scrollbar-color:#fff3 #00000040;scrollbar-width:thin;top:100%;z-index:100}.user-profile-achievement-stats-panel__skills-filter-dropdown::-webkit-scrollbar{width:8px}.user-profile-achievement-stats-panel__skills-filter-dropdown::-webkit-scrollbar-track{background:#00000038;border-radius:4px;margin:6px 0}.user-profile-achievement-stats-panel__skills-filter-dropdown::-webkit-scrollbar-thumb{background:#ffffff24;background-clip:padding-box;border:2px solid #0000;border-radius:4px}.user-profile-achievement-stats-panel__skills-filter-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff38;background-clip:padding-box}.user-profile-achievement-stats-panel__skills-filter-option{align-items:center;background:none;border:none;border-bottom:1px solid #ffffff12;box-sizing:border-box;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;font-weight:500;margin:0;padding:10px 14px;text-align:left;transition:background .15s ease,padding-left .15s ease;width:100%;word-break:break-word}.user-profile-achievement-stats-panel__skills-filter-option:first-child{border-top-left-radius:11px;border-top-right-radius:11px}.user-profile-achievement-stats-panel__skills-filter-option:last-child{border-bottom:none;border-bottom-left-radius:11px;border-bottom-right-radius:11px}.user-profile-achievement-stats-panel__skills-filter-option:hover{background:#ffffff0f;padding-left:18px}.user-profile-achievement-stats-panel__skills-filter-option--selected{background:linear-gradient(135deg,#0ea5e924,#0284c712);border-left:3px solid #38bdf8;color:#7dd3fc;font-weight:600;padding-left:11px}.user-profile-achievement-stats-panel__skills-filter-option--selected:hover{background:linear-gradient(135deg,#0ea5e933,#0284c71c);padding-left:18px}.user-profile-achievement-stats-panel__snippet-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.user-profile-achievement-stats-panel__snippet-row-item{list-style:none;margin:0;padding:0}button.user-profile-achievement-stats-panel__snippet-row{appearance:none;-webkit-appearance:none;color:inherit;cursor:pointer;font:inherit;margin:0;text-align:left;width:100%}button.user-profile-achievement-stats-panel__snippet-row:hover:not(:disabled){border-color:#4a9eff59;box-shadow:inset 0 1px 0 #ffffff0f,0 0 0 1px #4a9eff1f}button.user-profile-achievement-stats-panel__snippet-row:focus-visible{outline:2px solid #4facfed9;outline-offset:2px}button.user-profile-achievement-stats-panel__snippet-row:disabled{cursor:default;opacity:.9}.user-profile-achievement-stats-panel__snippet-row{align-items:center;background:linear-gradient(165deg,hsla(0,0%,100%,.045),#16161ceb);border:1px solid #ffffff17;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0a;box-sizing:border-box;display:flex;flex-direction:row;gap:16px 20px;justify-content:space-between;padding:16px 18px}.user-profile-achievement-stats-panel__snippet-body{flex:1 1 auto;min-width:0}.user-profile-achievement-stats-panel__snippet-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px;margin-bottom:8px}.user-profile-achievement-stats-panel__snippet-lang-icon{border-radius:5px;flex-shrink:0;height:26px;width:26px}.user-profile-achievement-stats-panel__snippet-title{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1.05rem;font-weight:700;letter-spacing:-.025em;line-height:1.3;min-width:0}.user-profile-achievement-stats-panel__snippet-deck-row{align-items:flex-start;display:flex;gap:8px;min-width:0}.user-profile-achievement-stats-panel__snippet-deck-icon{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;height:17px;margin-top:2px;opacity:.85;width:17px}.user-profile-achievement-stats-panel__snippet-deck-icon path{fill:currentColor}.user-profile-achievement-stats-panel__snippet-deck-path{-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:#94a3b8f2;display:-webkit-box;font-size:.8rem;font-weight:500;line-height:1.45;min-width:0;overflow:hidden;text-overflow:ellipsis}.user-profile-achievement-stats-panel__snippet-study-metrics{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:flex-end}.user-profile-achievement-stats-panel__snippet-study-progress{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border:1px solid #4facfe4d;border-radius:8px;box-sizing:border-box;color:#f8fafc;color:var(--text-primary,#f8fafc);display:inline-block;font-size:1rem;font-weight:700;max-width:100%;overflow:hidden;padding:4px 10px;position:relative;width:fit-content}.user-profile-achievement-stats-panel__snippet-study-progress-bar{background:#0f172ad9;background:var(--bg-secondary,#0f172ad9);border-radius:8px;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.user-profile-achievement-stats-panel__snippet-study-progress-fill{background:linear-gradient(135deg,#4facfe4d,#00f2fe4d);border-radius:8px;bottom:0;left:0;position:absolute;top:0;transition:width .3s ease}.user-profile-achievement-stats-panel__snippet-study-progress-text{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:.9rem;font-weight:700;position:relative;white-space:nowrap;z-index:1}.user-profile-achievement-stats-panel__snippet-study-level{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border:1px solid #4facfe4d;border-radius:8px;color:#f8fafc;color:var(--text-primary,#f8fafc);cursor:default;display:inline-grid;font-size:1rem;font-weight:700;padding:4px 10px;place-items:center;white-space:nowrap;width:fit-content}.user-profile-achievement-stats-panel__snippet-study-level-default,.user-profile-achievement-stats-panel__snippet-study-level-hover{grid-area:1/1;transition:opacity .15s ease}.user-profile-achievement-stats-panel__snippet-study-level-hover,.user-profile-achievement-stats-panel__snippet-study-level:hover .user-profile-achievement-stats-panel__snippet-study-level-default{opacity:0}.user-profile-achievement-stats-panel__snippet-study-level:hover .user-profile-achievement-stats-panel__snippet-study-level-hover{opacity:1}@media (prefers-reduced-motion:reduce){.user-profile-achievement-stats-panel__snippet-study-level-default,.user-profile-achievement-stats-panel__snippet-study-level-hover{transition:none}}@media (max-width:719px){.user-profile-achievement-stats-panel__snippet-row{flex-wrap:wrap}.user-profile-achievement-stats-panel__snippet-study-metrics{justify-content:flex-end;width:100%}}.user-profile-achievement-stats-panel__footer{border-top:1px solid #ffffff14;margin-top:16px;padding-top:14px}.user-profile-achievement-stats-panel__footer-inner{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:14px 20px;justify-content:space-between;padding:14px 16px}.user-profile-achievement-stats-panel__footer-size{align-items:center;display:inline-flex;flex-shrink:0;gap:10px}.user-profile-achievement-stats-panel__footer-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.8rem;font-weight:600;letter-spacing:.02em;margin:0}.user-profile-achievement-stats-panel__footer-select{-webkit-appearance:none;appearance:none;background:#00000040;background-image:linear-gradient(45deg,#0000 50%,#94a3b8cc 0),linear-gradient(135deg,#94a3b8cc 50%,#0000 0);background-position:calc(100% - 14px) calc(50% + 3px),calc(100% - 9px) calc(50% + 3px);background-repeat:no-repeat;background-size:5px 5px;border:1px solid #ffffff1f;border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;font-size:.85rem;font-weight:600;min-width:4.5rem;padding:8px 28px 8px 12px}.user-profile-achievement-stats-panel__footer-nav{align-items:center;display:inline-flex;gap:8px}.user-profile-achievement-stats-panel__footer-nav-btn{align-items:center;background:#0003;border:1px solid #ffffff1f;border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;display:inline-flex;height:38px;justify-content:center;padding:0;transition:background .15s ease,border-color .15s ease,opacity .15s ease;width:38px}.user-profile-achievement-stats-panel__footer-nav-btn:hover:not(:disabled){background:#ffffff0f;border-color:#fff3}.user-profile-achievement-stats-panel__footer-nav-btn:disabled{cursor:not-allowed;opacity:.35}.user-profile-achievement-stats-panel__footer-nav-icon{height:20px;width:20px}.user-profile-achievement-stats-panel__footer-page-info{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.82rem;font-weight:600;min-width:6.5rem;text-align:center}.user-profile-achievement-stats-panel__footer-range{color:#64748b;color:var(--text-secondary,#64748b);flex:1 1 100%;font-size:.78rem;margin:0;text-align:center}@media (min-width:640px){.user-profile-achievement-stats-panel__footer-range{flex:0 1 auto;min-width:8rem;text-align:right}}.user-profile-mastered-snippets-list{--mps-surface:#ffffff08;--mps-border:#ffffff12;--mps-accent:#f59e0b;box-sizing:border-box;max-width:100%;width:100%}.user-profile-mastered-snippets-list__intro{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;line-height:1.45;margin:0 0 14px}.user-profile-mastered-snippets-list__items{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0;width:100%}.user-profile-mastered-snippets-list__item{align-items:flex-start;background:#1a1a1f;background:var(--background-secondary,#1a1a1f);border:1px solid var(--mps-border);border-radius:10px;box-sizing:border-box;display:flex;gap:12px;max-width:100%;padding:16px 18px;transition:border-color .2s ease;width:100%}.user-profile-mastered-snippets-list__item:hover{border-color:#ffffff1a}.user-profile-mastered-snippets-list__body{flex:1 1 auto;min-width:0}.user-profile-mastered-snippets-list__title-row{align-items:flex-start;display:flex;gap:10px;margin-bottom:4px;min-width:0}.user-profile-mastered-snippets-list__title-lang-icon{flex-shrink:0;height:22px;margin-top:1px;width:22px}.user-profile-mastered-snippets-list__title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);flex:1 1 auto;font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.35;margin:0;min-width:0}.user-profile-mastered-snippets-list__deck-row{align-items:flex-start;display:flex;gap:8px;margin-bottom:0;min-width:0}.user-profile-mastered-snippets-list__deck-snippet-icon{color:#94a3b8;color:var(--text-secondary,#94a3b8);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));flex-shrink:0;height:18px;margin-top:2px;width:18px}.user-profile-mastered-snippets-list__deck-snippet-icon path{fill:currentColor}.user-profile-mastered-snippets-list__deck{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex:1 1 auto;font-size:.82rem;line-height:1.4;margin:0;min-width:0}.user-profile-mastered-snippets-list--empty{background:linear-gradient(165deg,hsla(0,0%,100%,.045) 0,var(--mps-surface) 45%,#f59e0b0a 100%);border:1px solid var(--mps-border);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0a;box-sizing:border-box;max-width:100%;padding:32px 24px;text-align:center;width:100%}.user-profile-mastered-snippets-list__empty-text{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.9375rem;line-height:1.6;margin:0 auto;max-width:28rem}.user-profile-mastered-snippets-list__empty-lang{color:var(--mps-accent);font-weight:600}.user-profile-mastered-snippets-list__loading,.user-profile-mastered-snippets-list__private{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9rem;margin:0;padding:8px 0}.user-profile-mastered-snippets-list__footer{border-top:1px solid var(--mps-border);margin-top:16px;padding-top:14px}.user-profile-mastered-snippets-list__footer-inner{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:14px 20px;justify-content:space-between;padding:14px 16px}.user-profile-mastered-snippets-list__footer-size{align-items:center;display:inline-flex;flex-shrink:0;gap:10px}.user-profile-mastered-snippets-list__footer-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.8rem;font-weight:600;letter-spacing:.02em;margin:0}.user-profile-mastered-snippets-list__footer-select{-webkit-appearance:none;appearance:none;background:#00000040;background-image:linear-gradient(45deg,#0000 50%,#94a3b8cc 0),linear-gradient(135deg,#94a3b8cc 50%,#0000 0);background-position:calc(100% - 14px) 55%,calc(100% - 10px) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid #ffffff1f;border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;font-size:.85rem;font-weight:600;min-width:4.5rem;padding:8px 28px 8px 12px}.user-profile-mastered-snippets-list__footer-select:hover{border-color:#ffffff2e}.user-profile-mastered-snippets-list__footer-select:focus-visible{outline:2px solid #38bdf8a6;outline-offset:2px}.user-profile-mastered-snippets-list__footer-nav{align-items:center;display:inline-flex;flex:1 1 auto;gap:12px;justify-content:center;min-width:min(100%,200px)}.user-profile-mastered-snippets-list__footer-nav-btn{align-items:center;background:#0003;border:1px solid #ffffff1f;border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;display:inline-flex;height:38px;justify-content:center;margin:0;padding:0;transition:background .2s ease,border-color .2s ease,transform .15s ease;width:38px}.user-profile-mastered-snippets-list__footer-nav-btn:hover:not(:disabled){background:#ffffff0f;border-color:#fff3}.user-profile-mastered-snippets-list__footer-nav-btn:disabled{cursor:not-allowed;opacity:.45}.user-profile-mastered-snippets-list__footer-nav-icon{height:20px;width:20px}.user-profile-mastered-snippets-list__footer-page-info{font-feature-settings:"tnum";color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:600;min-width:7.5rem;text-align:center}.user-profile-mastered-snippets-list__footer-range{font-feature-settings:"tnum";color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;font-size:.8rem;font-variant-numeric:tabular-nums;font-weight:500;margin:0}@media (max-width:640px){.user-profile-mastered-snippets-list__footer-inner{align-items:stretch;flex-direction:column}.user-profile-mastered-snippets-list__footer-nav{order:2}.user-profile-mastered-snippets-list__footer-range{order:3;text-align:center}.user-profile-mastered-snippets-list__footer-size{justify-content:space-between;order:1}}:root{--accent-color-rgb:74,158,255}.stat-section{box-shadow:0 4px 20px #0003}.stats-carousel{align-items:center;display:flex;gap:20px;margin-bottom:30px}.stats-page{flex:1 1}.stats-row{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px}.stat-card{align-items:center;background:linear-gradient(145deg,var(--background-secondary),#1a1a1a);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;justify-content:center;min-height:180px;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,#0000,var(--accent-color),#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover{border-color:#fff3;box-shadow:0 8px 25px #0000004d;transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stats-nav-button{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;transition:all .2s ease;width:48px}.nav-arrow{height:32px;transition:transform .2s ease;width:32px}.nav-arrow.next{transform:rotate(180deg)}.stats-nav-button:hover .nav-arrow{transform:scale(1.1)}.stats-nav-button:hover .nav-arrow.next{transform:rotate(180deg) scale(1.1)}.stats-nav-button:hover:not(:disabled){background:var(--background-primary);border-color:var(--accent-color)}.stats-nav-button:disabled{cursor:not-allowed;opacity:.5}.stat-card h3{color:#aaa;font-size:1.1em;font-weight:500;letter-spacing:.5px;margin-bottom:20px;text-transform:uppercase}.user-stat-value{animation:pulse 2s infinite;color:#fff;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:4em;font-weight:700;letter-spacing:-.5px;line-height:1;margin:0;text-shadow:0 0 15px #4a9eff99;text-shadow:0 0 15px rgba(var(--accent-color-rgb),.6)}.stat-label{color:#999;font-size:1em;font-weight:400;letter-spacing:.3px;margin-top:15px}@keyframes pulse{0%{text-shadow:0 0 10px #4a9eff80;text-shadow:0 0 10px rgba(var(--accent-color-rgb),.5)}50%{text-shadow:0 0 20px #4a9effcc;text-shadow:0 0 20px rgba(var(--accent-color-rgb),.8)}to{text-shadow:0 0 10px #4a9eff80;text-shadow:0 0 10px rgba(var(--accent-color-rgb),.5)}}.stats-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.tag-stats,.time-stats{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #0003;margin-top:2px;padding:20px}.tag-stats{min-height:200px;overflow:hidden;position:relative}.tag-stats:before{background:linear-gradient(90deg,var(--accent-color),#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.tag-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.tag-header h3{color:#fff;font-size:1.4em;font-weight:600;letter-spacing:.5px;margin:0}.tag-controls{gap:10px}.tag-search{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--bg-tertiary);border-radius:20px;color:var(--text-primary);font-size:.9em;padding:8px 15px;text-align:right;transition:all .2s ease;width:180px}.tag-search:focus{border-color:var(--bg-tertiary);box-shadow:0 0 0 2px rgba(var(--bg-tertiary),.2);outline:none}.tag-search::placeholder{color:var(--text-secondary);opacity:.7}.tag-sort{border-radius:6px;padding:8px 15px;transition:all .2s ease}.tag-search:hover,.tag-sort:hover{border-color:var(--bg-tertiary)}.profile-tag-list{display:flex;flex-direction:column;gap:20px;width:100%}.tag-header-row{justify-content:space-between;margin-bottom:8px}.tag-header-row,.tag-summary{align-items:center;display:flex;gap:15px;width:100%}.tag-summary{flex:1 1}.tag-summary-text{color:#aaa;font-size:.9em;min-width:100px;text-align:right}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tag-numbers{color:#888;display:flex;font-size:.8em;justify-content:space-between}.time-stat-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.activity-heatmap{background:linear-gradient(145deg,var(--background-primary),#222);border:1px solid #ffffff1a;border-radius:5px;box-shadow:0 4px 15px #0003;margin-bottom:5px;margin-top:5px;padding:25px}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.activity-header h4{color:#fff;font-size:1em;margin:0}.activity-stats{display:flex;gap:20px}.activity-stat{align-items:center;background:var(--bg-primary);border-radius:2px;display:flex;flex-direction:column;min-width:80px;padding:1px}.activity-value{color:var(--accent-color);font-size:1.2em;font-weight:600}.activity-label{color:#aaa;font-size:.8em}.heatmap-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(auto-fit,minmax(25px,1fr))}.heatmap-cell[style*="2a2a2a"]{background:linear-gradient(135deg,#1a1a1a,#2a2a2a)!important}.heatmap-cell[style*="3498db44"]{animation:pulse-light 2s infinite;background:linear-gradient(135deg,#1e3a8a,#1e40af)!important}.heatmap-cell[style*="3498db88"]{animation:pulse-medium 2s infinite;background:linear-gradient(135deg,#2563eb,#3b82f6)!important}.heatmap-cell[style*="3498db"]{animation:pulse-strong 2s infinite;background:linear-gradient(135deg,#3b82f6,#60a5fa)!important}@keyframes pulse-light{0%,to{box-shadow:0 0 5px #4a9eff4d;box-shadow:0 0 5px rgba(var(--accent-color-rgb),.3)}50%{box-shadow:0 0 10px #4a9eff80;box-shadow:0 0 10px rgba(var(--accent-color-rgb),.5)}}@keyframes pulse-medium{0%,to{box-shadow:0 0 8px #4a9eff66;box-shadow:0 0 8px rgba(var(--accent-color-rgb),.4)}50%{box-shadow:0 0 12px #4a9eff99;box-shadow:0 0 12px rgba(var(--accent-color-rgb),.6)}}@keyframes pulse-strong{0%,to{box-shadow:0 0 10px #4a9eff80;box-shadow:0 0 10px rgba(var(--accent-color-rgb),.5)}50%{box-shadow:0 0 15px #4a9effcc;box-shadow:0 0 15px rgba(var(--accent-color-rgb),.8)}}.time-stat-card{background:linear-gradient(145deg,#333,#2a2a2a);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 15px #0003;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .3s ease}.time-stat-card:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.time-stat-card:hover{border-color:#fff3;transform:translateY(-4px)}.time-stat-card:hover:after{opacity:1}.user-profile{-ms-overflow-style:none;color:var(--text-primary);height:calc(100vh - 120px);margin-top:-25px;overflow-y:auto;scrollbar-width:none}.user-profile::-webkit-scrollbar{display:none}.user-header{align-items:center;background:linear-gradient(145deg,var(--background-secondary),#1a1a1a);border:1px solid #ffffff1a;border-top-left-radius:15px;border-top-right-radius:15px;display:flex;justify-content:space-between;margin-bottom:5px;overflow:hidden;padding:25px;position:relative}.user-header:before{background:linear-gradient(90deg,#0000,var(--accent-color),#0000);content:"";height:2px;left:0;opacity:.5;position:absolute;right:0;top:0}.user-header>.user-info{align-items:center;display:flex;flex:1 1;gap:18px;min-width:0}.user-header .user-info>.name-display{flex:0 1 auto;min-width:0;width:auto}.user-profile-user-header__achievement-stat-pills{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.user-profile-user-header__achievement-stat-pills .user-profile__achievements-stat-pill{cursor:default;pointer-events:auto}.user-profile-user-header__achievement-stat-pills .user-profile__achievements-stat-pill--mastery{gap:8px;justify-content:flex-start;padding:6px 14px 6px 12px}.user-profile-user-header__achievement-stat-pills .user-profile__achievements-stat-pill--done{gap:8px}.user-profile-user-header__achievement-stat-pills .user-profile-user-header-achievement-stat-pill__value-label-stack{align-items:center;display:inline-flex;flex-direction:row;gap:.4rem;min-width:0}.user-profile-user-header__achievement-stat-pills .user-profile-user-header-achievement-stat-pill__value-label-stack .user-profile__achievements-stat-pill__value{line-height:1}.user-profile-user-header__achievement-stat-pills .user-profile-user-header-achievement-stat-pill__value-label-stack .user-profile__achievements-stat-pill__label{color:#94a3b8f2;font-size:.6875rem;font-weight:500;letter-spacing:.07em;line-height:1}.user-profile-user-header__achievement-stat-pills .user-profile__achievements-stat-pill--mastery:hover{background:#0000;border-color:#ffffff1a;box-shadow:none}.user-profile-user-header__achievement-stat-pills .user-profile__achievements-stat-pill.user-profile__achievements-stat-pill--mastery:not(.user-profile__achievements-stat-pill--mastery-has):hover .user-profile__achievements-stat-pill__icon--brain{filter:grayscale(.35);opacity:.45}.user-profile-user-header__achievement-stat-pills .user-profile__achievements-stat-pill.user-profile__achievements-stat-pill--mastery-has:hover .user-profile__achievements-stat-pill__icon--brain{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent-tertiary) 35%,transparent));opacity:1}.user-profile-user-header__achievement-stat-pills .user-profile__achievements-stat-pill--done:hover{background:#0000;border-color:#ffffff1a;box-shadow:none}.user-profile-user-header__achievement-stat-pills .user-profile__achievements-stat-pill.user-profile__achievements-stat-pill--done:not(.user-profile__achievements-stat-pill--done-has):hover .user-profile__achievements-stat-pill__icon--trophy{color:#ffffff38;filter:none;opacity:1}.user-profile-user-header__achievement-stat-pills .user-profile__achievements-stat-pill.user-profile__achievements-stat-pill--done-has:hover .user-profile__achievements-stat-pill__icon--trophy{color:#b453098c;filter:none;opacity:1}.name-display{align-items:center;display:flex;gap:15px;width:100%}.name-display h2{color:#fff;font-size:1.6em;font-weight:600;letter-spacing:-.3px;line-height:1.2;margin:0 5px 0 0}.user-status{align-items:center;display:flex;margin-right:15px}.premium-badge{border-radius:12px;box-shadow:0 2px 8px #0003;display:inline-block;font-size:.75em;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;transition:all .3s ease}.premium-badge.is-premium{animation:premium-glow 2s infinite alternate;background:linear-gradient(135deg,#f6d365,#fda085);border:1px solid #fff3;color:#333;text-shadow:0 1px 1px #fff3}.premium-badge.not-premium{background:linear-gradient(135deg,#485563,#29323c);border:1px solid #ffffff1a;color:#eee}@keyframes premium-glow{0%{box-shadow:0 0 5px #f6d36580}to{box-shadow:0 0 15px #f6d365cc}}.edit-name-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;opacity:.7;padding:5px;transition:opacity .2s}.edit-name-button svg{height:16px;width:16px}.name-edit-container{display:flex;flex-direction:column;gap:10px}.name-edit-input{background:var(--background-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:1.2em;min-width:200px;padding:8px 12px}.name-edit-input:focus{border-color:var(--accent-color);outline:none}.name-edit-buttons{display:flex;gap:10px}.cancel-button,.save-button{border:none;border-radius:4px;cursor:pointer;font-size:.9em;padding:6px 12px;transition:all .2s}.save-button{background:var(--accent-color);color:#fff}.save-button:hover{background:var(--accent-color-hover)}.cancel-button{background:var(--background-primary);border:1px solid var(--border-color);color:var(--text-primary)}.cancel-button:hover{background:var(--background-secondary)}.profile-avatar{border-radius:20%;box-shadow:0 4px 10px #0000004d;cursor:pointer;height:64px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:75px}.profile-avatar:hover{box-shadow:0 6px 15px #0006;transform:scale(1.05)}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-overlay{align-items:center;background:#0009;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.profile-avatar:hover .avatar-overlay{opacity:1}.avatar-overlay svg{color:#fff;height:20px;margin-bottom:4px;width:20px}.avatar-overlay span{color:#fff;font-size:.7em}.upload-status{align-items:center;color:var(--text-secondary);display:flex;font-size:.9em;gap:8px;margin-top:8px}.upload-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--accent-color);height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.upload-error{color:#e74c3c;font-size:.9em;margin-top:8px}.profile-icon{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;box-shadow:0 2px 12px #00000040;color:#fff;display:flex;font-size:1.8em;font-weight:600;height:64px;justify-content:center;letter-spacing:-.5px;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;width:64px}.profile-icon:hover{box-shadow:0 4px 15px #0000004d;transform:scale(1.05)}.user-stats{display:flex;flex:1 1;justify-content:flex-end;margin-left:10px}.name-display .user-stats{margin-left:auto}.stats-grid{display:flex;gap:10px;margin-left:550px}.stat-box{align-items:center;background-color:var(--bgs-primary);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:5px;text-align:center}.stat-title{color:#fff;font-size:.6em;font-weight:700;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.stat-value{color:var(--acc);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.5em;font-weight:700;letter-spacing:-.5px;line-height:1;margin:0;text-shadow:0 0 10px #4a9eff99;text-shadow:0 0 10px rgba(var(--accent-color-rgb),.6)}.stat-subtitle{color:#999;font-size:.6em;font-weight:400;letter-spacing:.3px;margin-top:2px}.edit-name-button{opacity:.6;transition:opacity .2s ease}.edit-name-button:hover{opacity:1}.profile-sections{box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;width:100%}.section-navigation{border:1px solid #ffffff1a;border-radius:5px;box-shadow:0 4px 15px #0003;display:flex;gap:10px;margin-bottom:5px;padding:12px 12px 10px 10px}.user-profile__achievements-panel{background:#1a1a1f;background:var(--background-secondary,#1a1a1f);border:1px solid #ffffff14;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-sizing:border-box;margin-bottom:14px;max-width:100%;padding:12px 14px 14px;width:100%}.user-profile__achievements-panel__row{align-items:center;display:flex;flex-wrap:wrap;gap:14px 20px;justify-content:flex-start}.user-profile__achievements-initiated-tracks-slot{align-items:center;display:inline-flex;flex-shrink:0}.user-profile__achievements-stat-pill{font-feature-settings:"tnum";align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:inline-flex;font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:600;gap:8px;min-height:38px;padding:6px 14px 6px 12px;white-space:nowrap}.user-profile__achievements-stat-pill__icon{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;height:18px;opacity:.85;width:18px}.user-profile__achievements-stat-pill--done .user-profile__achievements-stat-pill__icon--trophy,.user-profile__achievements-stat-pill--total .user-profile__achievements-stat-pill__icon{transition:opacity .2s ease,filter .25s ease,color .2s ease}.user-profile__achievements-stat-pill__icon--roadmap{display:block}.user-profile__achievements-stat-pill__icon--roadmap circle{fill:currentColor}.user-profile__achievements-stat-pill__value{font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.user-profile__achievements-stat-pill__label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.user-profile__achievements-stat-pill--done,.user-profile__achievements-stat-pill--mastery,.user-profile__achievements-stat-pill--total{transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.user-profile__achievements-stat-pill--done:hover{background:#f59e0b1f;border-color:#fbbf246b;box-shadow:inset 0 0 0 1px #fbbf2438}.user-profile__achievements-stat-pill--total:hover{background:#0ea5e91f;border-color:#38bdf86b;box-shadow:inset 0 0 0 1px #38bdf838}.user-profile__achievements-stat-pill--mastery:hover{background:color-mix(in srgb,var(--accent-tertiary) 14%,#0000);border-color:color-mix(in srgb,var(--accent-tertiary) 45%,#0000);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-tertiary) 24%,#0000)}.user-profile__achievements-stat-pill.user-profile__achievements-stat-pill--mastery:hover .user-profile__achievements-stat-pill__icon--brain{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent-tertiary) 45%,transparent)) drop-shadow(0 1px 3px rgba(0,0,0,.45));opacity:1}.user-profile__achievements-stat-pill--done-has{background:#0000;border-color:#ffffff1a;box-shadow:none}.user-profile__achievements-stat-pill--done-has .user-profile__achievements-stat-pill__icon:not(.user-profile__achievements-stat-pill__icon--trophy){color:#fbbf24}.user-profile__achievements-stat-pill--done:not(.user-profile__achievements-stat-pill--done-has) .user-profile__achievements-stat-pill__icon--trophy{color:#ffffff38;display:block;opacity:1}.user-profile__achievements-stat-pill--done-has .user-profile__achievements-stat-pill__icon--trophy{color:#b453098c;display:block;opacity:1}.user-profile__achievements-stat-pill.user-profile__achievements-stat-pill--done:hover .user-profile__achievements-stat-pill__icon--trophy{color:#fbbf24f2;filter:drop-shadow(0 0 8px rgba(251,191,36,.4)) drop-shadow(0 1px 3px rgba(0,0,0,.45));opacity:1}.user-profile__achievements-stat-pill.user-profile__achievements-stat-pill--total:hover .user-profile__achievements-stat-pill__icon{color:#7dd3fc;filter:drop-shadow(0 0 8px rgba(56,189,248,.35)) drop-shadow(0 1px 3px rgba(0,0,0,.45));opacity:1}.user-profile__achievements-stat-pill--active-has{background:#f59e0b1a;border-color:#f59e0b59}.user-profile__achievements-stat-pill--active-has .user-profile__achievements-stat-pill__icon{color:#fbbf24}.user-profile__achievements-stat-pill--total{background:#0000;border-color:#ffffff1a;box-shadow:none}.user-profile__achievements-stat-pill--mastery{box-shadow:none;gap:5px;justify-content:center;min-height:40px;padding:7px 8px}.user-profile__achievements-stat-pill--mastery .user-profile__achievements-stat-pill__icon--brain{display:block;height:24px;opacity:1;transition:opacity .2s ease,filter .25s ease;width:24px}.user-profile__achievements-stat-pill--mastery:not(.user-profile__achievements-stat-pill--mastery-has) .user-profile__achievements-stat-pill__icon--brain{filter:grayscale(.35);opacity:.45}.user-profile__achievements-stat-pill--mastery-has .user-profile__achievements-stat-pill__icon--brain{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent-tertiary) 35%,transparent));opacity:1}button.user-profile__achievements-stat-pill{cursor:pointer;font:inherit;margin:0;text-align:inherit}button.user-profile__achievements-stat-pill:focus-visible{outline:2px solid #38bdf8d9;outline-offset:2px}.user-profile__achievements-stat-pill--nav-active.user-profile__achievements-stat-pill--mastery{background:color-mix(in srgb,var(--accent-tertiary) 18%,#0000);border-color:color-mix(in srgb,var(--accent-tertiary) 50%,#0000);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-tertiary) 28%,#0000)}.user-profile__achievements-stat-pill--nav-active.user-profile__achievements-stat-pill--mastery .user-profile__achievements-stat-pill__icon--brain{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent-tertiary) 45%,transparent)) drop-shadow(0 1px 3px rgba(0,0,0,.45));opacity:1}.user-profile__achievements-stat-pill--nav-active.user-profile__achievements-stat-pill--done{background:#f59e0b24;border-color:#fbbf247a;box-shadow:inset 0 0 0 1px #fbbf2447}.user-profile__achievements-stat-pill--nav-active.user-profile__achievements-stat-pill--done .user-profile__achievements-stat-pill__icon--trophy{color:#fbbf24f2;filter:drop-shadow(0 0 8px rgba(251,191,36,.4)) drop-shadow(0 1px 3px rgba(0,0,0,.45));opacity:1}.user-profile__achievements-stat-pill--nav-active.user-profile__achievements-stat-pill--total{background:#0ea5e924;border-color:#38bdf873;box-shadow:inset 0 0 0 1px #38bdf847}.user-profile__achievements-stat-pill--nav-active.user-profile__achievements-stat-pill--total .user-profile__achievements-stat-pill__icon{color:#7dd3fc;filter:drop-shadow(0 0 8px rgba(56,189,248,.35)) drop-shadow(0 1px 3px rgba(0,0,0,.45));opacity:1}.user-profile__achievements-panel__scope{color:#64748b;color:var(--text-secondary,#64748b);font-size:.72rem;font-weight:500;letter-spacing:.05em;line-height:1.4;margin:0;max-width:100%;text-transform:uppercase;white-space:nowrap}@media (max-width:640px){.user-profile__achievements-panel__row{align-items:stretch;flex-direction:column}.user-profile__achievements-panel__scope{padding-left:2px;width:100%}}.user-profile__achievements-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px;min-width:0}.user-profile__achievements-stats-toggle-btn,.user-profile__achievements-trophy-toggle-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.04em;margin:0;min-height:38px;padding:8px 16px;text-transform:uppercase;transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.user-profile__achievements-stats-toggle-btn:hover,.user-profile__achievements-trophy-toggle-btn:hover{background:#ffffff0f;border-color:#ffffff1f;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.user-profile__achievements-trophy-toggle-btn--active{background:#f59e0b1f;border-color:#fbbf246b;box-shadow:inset 0 0 0 1px #fbbf2438;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.user-profile__achievements-stats-toggle-btn--active{background:#0ea5e91f;border-color:#38bdf86b;box-shadow:inset 0 0 0 1px #38bdf838;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.user-profile__achievements-trophy-toggle-btn__icon-wrap{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;line-height:0}.user-profile__achievements-trophy-toggle-btn__icon{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;height:22px;opacity:.92;transition:opacity .2s ease,filter .25s ease,transform .25s ease;width:22px}.user-profile__achievements-trophy-toggle-btn__icon--hud{display:block}.user-profile__achievements-trophy-toggle-btn--active .user-profile__achievements-trophy-toggle-btn__icon,.user-profile__achievements-trophy-toggle-btn:hover .user-profile__achievements-trophy-toggle-btn__icon{filter:drop-shadow(0 0 8px rgba(251,191,36,.4)) drop-shadow(0 1px 3px rgba(0,0,0,.5));opacity:1}.user-profile__achievements-trophy-toggle-btn--active .user-profile__achievements-trophy-toggle-btn__icon--hud{filter:drop-shadow(0 0 14px rgba(251,191,36,.55)) drop-shadow(0 0 6px rgba(245,158,11,.35)) drop-shadow(0 1px 3px rgba(0,0,0,.45))}@media (prefers-reduced-motion:no-preference){.user-profile__achievements-trophy-toggle-btn--active .user-profile__achievements-trophy-toggle-btn__icon-wrap{animation:user-profile-achievements-stats-icon-float 2.4s ease-in-out infinite}}@media (prefers-reduced-motion:reduce){.user-profile__achievements-trophy-toggle-btn--active .user-profile__achievements-trophy-toggle-btn__icon-wrap{animation:none}}.user-profile__achievements-stats-toggle-btn__icon-wrap{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;line-height:0}.user-profile__achievements-stats-toggle-btn__icon{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;height:22px;opacity:.92;transition:opacity .2s ease,filter .25s ease,transform .25s ease;width:22px}.user-profile__achievements-stats-toggle-btn__icon--hud{display:block}.user-profile__achievements-stats-toggle-btn--active .user-profile__achievements-stats-toggle-btn__icon,.user-profile__achievements-stats-toggle-btn:hover .user-profile__achievements-stats-toggle-btn__icon{filter:drop-shadow(0 0 8px rgba(56,189,248,.35)) drop-shadow(0 1px 3px rgba(0,0,0,.5));opacity:1}.user-profile__achievements-stats-toggle-btn--active .user-profile__achievements-stats-toggle-btn__icon--hud{filter:drop-shadow(0 0 14px rgba(56,189,248,.5)) drop-shadow(0 0 6px rgba(96,165,250,.35)) drop-shadow(0 1px 3px rgba(0,0,0,.45))}@media (prefers-reduced-motion:no-preference){.user-profile__achievements-stats-toggle-btn--active .user-profile__achievements-stats-toggle-btn__icon-wrap{animation:user-profile-achievements-stats-icon-float 2.4s ease-in-out infinite}}@keyframes user-profile-achievements-stats-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.user-profile__achievements-stats-toggle-btn--active .user-profile__achievements-stats-toggle-btn__icon-wrap{animation:none}}.user-profile__achievements-filter-label{color:var(--text-secondary);flex-shrink:0;font-size:.85em;font-weight:500;letter-spacing:.02em}.user-profile__achievements-language-wrap{align-items:center;display:inline-flex;min-width:0;position:relative}.user-profile__achievements-language-trigger{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;max-width:100%;min-height:38px;min-width:0;padding:6px 12px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.user-profile__achievements-language-trigger:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff1f}.user-profile__achievements-language-trigger:disabled{cursor:not-allowed;opacity:.55}.user-profile__achievements-language-trigger--open{background:#0ea5e91f;border-color:#38bdf86b;box-shadow:inset 0 0 0 1px #38bdf838}.user-profile__achievements-language-trigger-pill-icon{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex-shrink:0;height:18px;opacity:.85;width:18px}.user-profile__achievements-language-trigger-icon{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.user-profile__achievements-language-trigger-value{font-feature-settings:"tnum";color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1.05rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile__achievements-language-trigger--open .user-profile__achievements-language-trigger-pill-icon{color:#38bdf8;opacity:1}.user-profile__achievements-language-trigger-arrow{color:#38bdf8a6;flex-shrink:0;font-size:10px;line-height:1;margin-left:auto;opacity:.85;transition:transform .2s ease,color .2s ease}.user-profile__achievements-language-trigger--open .user-profile__achievements-language-trigger-arrow,.user-profile__achievements-language-trigger:hover:not(:disabled) .user-profile__achievements-language-trigger-arrow{color:#38bdf8;opacity:1}.user-profile__achievements-language-trigger--open .user-profile__achievements-language-trigger-arrow{transform:rotate(180deg)}.user-profile__achievements-language-dropdown{background:#141416;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 24px #00000059,inset 0 1px 0 #38bdf814;left:0;margin-top:6px;max-height:260px;min-width:100%;overflow-y:auto;position:absolute;top:100%;z-index:100}.user-profile__achievements-language-option{align-items:center;background:none;border:none;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color,#ffffff14);color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:background .15s ease,padding-left .15s ease;width:100%}.user-profile__achievements-language-option:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.user-profile__achievements-language-option:last-child{border-bottom:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.user-profile__achievements-language-option:hover{background:#ffffff0f;padding-left:20px}.user-profile__achievements-language-option--selected{background:linear-gradient(135deg,#0ea5e924,#0284c712);border-left:3px solid #38bdf8;color:#7dd3fc;font-weight:600;padding-left:13px}.user-profile__achievements-language-option--selected:hover{background:linear-gradient(135deg,#0ea5e933,#0284c71c);padding-left:20px}.user-profile__achievements-language-option-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.user-profile-section-tab{align-items:center;display:inline-flex;gap:8px}.user-profile-section-tab__icon{color:currentColor;flex-shrink:0;height:18px;width:18px}.user-profile-section-tab__label{line-height:1.2}.section-tab{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1em;font-weight:400;opacity:.7;padding:8px 15px;position:relative;transition:all .2s ease}.section-tab:hover{opacity:1}.section-tab.active,.section-tab:hover{color:var(--text-primary)}.section-tab.active{color:var(--accent-color);font-weight:500;opacity:1;position:relative}.section-tab.active:after{background-color:var(--accent-color);bottom:-11px;content:"";height:2px;left:0;position:absolute;width:100%}.achievements-section,.classes-section,.stat-section{background:var(--background-secondary);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;max-width:100%;width:100%}.achievements-section{padding:1px}.placeholder-content{align-items:center;background:var(--background-primary);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.9em;gap:16px;justify-content:center;min-height:150px;padding:20px}.no-tags-message{color:#888;font-style:italic;padding:20px;text-align:center}@keyframes badge-glow{0%{box-shadow:0 2px 4px #3498db4d}to{box-shadow:0 2px 8px #3498db99}}.exp-progress{color:var(--text-secondary);font-size:.8rem;margin-left:4px}.tag-progress-section{margin-bottom:8px;margin-top:12px}.tag-progress-container{display:flex;flex-direction:column;gap:8px}.tag-progress-bar{background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;box-shadow:inset 0 2px 4px #0003;height:8px;overflow:hidden;position:relative;width:100%}.tag-progress-fill{background:linear-gradient(90deg,#3498db,#2980b9,#3498db);border-radius:2px;box-shadow:0 0 8px #3498db66;height:100%;overflow:hidden;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.tag-progress-fill:after{animation:tag-shimmer 2s infinite}.tag-progress-glow{animation:tag-glow-pulse 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#0000,#3498db33,#0000);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes tag-glow-pulse{0%{opacity:.3}to{opacity:.8}}@keyframes tag-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.tag-progress-labels{align-items:center;display:flex;font-size:.8rem;justify-content:space-between}.tag-progress-text{color:var(--text-secondary);font-weight:500}.tag-name{align-items:center;color:#fff;display:flex;flex-shrink:0;font-size:1.1em;font-weight:600;gap:8px;min-width:80px;text-transform:capitalize}.tag-count{color:var(--text-secondary);font-size:.9em;font-weight:500;margin-right:auto;min-width:100px;text-align:right}.dropdown-arrow{color:var(--accent-color);font-size:.8em;font-weight:700;text-align:center;transition:transform .3s ease;width:20px}.tag-details{animation:slideDown .3s ease-out;border-top:1px solid #ffffff1a;margin-top:15px;overflow:hidden;padding-top:15px}.tag-stats-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(2,1fr)}.tag-stat{border-radius:6px;padding:10px;transition:all .2s ease}.tag-stat .stat-label{color:#888;font-size:.8em;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.tag-stat .stat-value{animation:none;color:#fff;font-size:1em;font-weight:600;margin:0;text-shadow:none}.user-profile .language-stats{background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 4px 20px #0003;padding:20px}.user-profile .languages-section{background:var(--background-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #0003;padding:20px}.user-profile .languages-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.user-profile .language-card{background:linear-gradient(145deg,var(--background-secondary),#1a1a1a);border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.user-profile .language-card:before{background:linear-gradient(90deg,#0000,var(--accent-color),#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.user-profile .language-card:hover{border-color:#fff3;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.user-profile .language-card:hover:before{opacity:1}.user-profile .language-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.user-profile .language-name{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.user-profile .language-level{background:linear-gradient(135deg,#3498db1a,#2980b91a);border:1px solid #3498db4d;border-radius:16px;color:var(--text-primary);font-size:.9rem;font-weight:600;padding:4px 12px}.user-profile .language-progress{display:flex;flex-direction:column;gap:8px}.user-profile .progress-bar{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;box-shadow:inset 0 2px 4px #0003;height:12px;overflow:hidden;position:relative;width:100%}.user-profile .progress-fill{background:linear-gradient(90deg,#3498db,#2980b9,#3498db);border-radius:4px;box-shadow:0 0 10px #3498db80;height:100%;overflow:hidden;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.user-profile .progress-fill:after{animation:user-profile-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.user-profile .progress-glow{animation:user-profile-glow-pulse 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#0000,#3498db33,#0000);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes user-profile-glow-pulse{0%{opacity:.3}to{opacity:.8}}.user-profile .progress-labels{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.user-profile .progress-text{color:var(--text-secondary);font-weight:500}.user-profile .progress-percentage{color:var(--accent-color);font-size:.9rem;font-weight:600}@keyframes user-profile-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.user-profile .no-languages-message{color:var(--text-secondary);font-style:italic;grid-column:1/-1;padding:40px 20px;text-align:center}@media (max-width:768px){.user-header{align-items:flex-start;flex-direction:column}.user-profile-user-header__achievement-stat-pills{align-self:stretch;justify-content:flex-end;margin-top:12px}.user-stats{justify-content:flex-start;margin-left:0;margin-top:20px;width:100%}.name-display{flex-direction:row;flex-wrap:wrap}.name-display .user-stats{margin-left:0;margin-top:20px;width:100%}.stats-grid{max-width:100%;width:100%}.stats-row,.tag-stats-grid{grid-template-columns:1fr}.activity-header{align-items:flex-start;flex-direction:column;gap:10px}.activity-stats{justify-content:space-between;width:100%}.user-info{align-items:center;text-align:center}.name-display,.user-info{flex-direction:column}}.language-info{gap:12px}.language-icon,.language-info{align-items:center;display:flex}.language-icon{border-radius:50%;font-size:1.5rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.language-card:hover .language-icon{border-color:#3498db99;transform:scale(1.1)}.language-level-container{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.level-meaning{color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.tag-category-icon{display:inline-block;font-size:1.2rem;margin-right:8px;transition:transform .2s ease}.confidence-stat{background:#ffffff14!important;border:1px solid #ffffff1a}.confidence-stat .stat-value,.tag-progress-percentage{align-items:center;display:flex;font-weight:600;gap:4px}.tag-progress-percentage{color:var(--accent-color);font-size:.85rem}.xp-gain-animation{animation:xpGainFloat 2s ease-out forwards;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:20px;box-shadow:0 4px 15px #4ade8066;color:#fff;font-size:1.1rem;font-weight:600;padding:8px 16px;pointer-events:none;z-index:1000}@keyframes xpGainFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,-120%) scale(1)}to{opacity:0;transform:translate(-50%,-150%) scale(.9)}}.heatmap-cell:after{background:#000000e6;border-radius:6px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:.8rem;left:50%;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:10}.heatmap-cell:hover:after{opacity:1;transform:translateX(-50%) translateY(-8px);visibility:visible}.language-level{background:linear-gradient(135deg,#3498db1a,#2980b91a);border:1px solid #3498db4d;border-radius:16px;color:var(--text-primary);font-size:.9rem;font-weight:600;overflow:hidden;padding:4px 12px;position:relative}.language-level:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.language-card:hover .language-level:before{left:100%}.tag-level-badge{animation:badge-glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:12px;box-shadow:0 2px 4px #3498db4d;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-left:8px;overflow:hidden;padding:2px 8px;position:relative}.tag-level-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.progress-fill:after,.tag-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.tag-stats-grid{grid-gap:12px;background:#0003;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:5px;padding:15px}.tag-stat{align-items:center;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px 8px;text-align:center;transition:all .3s ease}.tag-stat:hover{background:#ffffff1a;border-color:#ffffff1a;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.language-card{background:linear-gradient(145deg,var(--background-secondary),#1a1a1a);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 15px #0003;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.language-card:before{background:linear-gradient(90deg,#0000,var(--accent-color),#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.language-card:hover{border-color:#fff3;box-shadow:0 8px 25px #0000004d;transform:translateY(-4px)}.language-card:hover:before{opacity:1}.tag-stat-item{background:linear-gradient(145deg,var(--background-primary),#1a1a1a);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:block;margin-bottom:8px;overflow:hidden;padding:18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.tag-stat-item:before{background:linear-gradient(90deg,#0000,var(--accent-color),#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tag-stat-item:hover{border-color:var(--bg-tertiary);box-shadow:0 4px 15px #0000004d;transform:translateX(4px)}.tag-stat-item:hover:before{opacity:1}.tag-stat-item.expanded{border-color:var(--accent-color);box-shadow:0 4px 15px #0000004d}.tag-stat-item.expanded:before{opacity:1}.heatmap-cell{aspect-ratio:1;border:1px solid #ffffff0d;border-radius:4px;box-shadow:0 2px 4px #0000001a;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.heatmap-cell:before{background:radial-gradient(circle at center,#ffffff1a 0,#0000 70%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.heatmap-cell:hover{box-shadow:0 0 20px #4a9eff80;box-shadow:0 0 20px rgba(var(--accent-color-rgb),.5);transform:scale(1.3) translateY(-2px);z-index:2}.heatmap-cell:hover:before{opacity:1}.section-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;margin-left:2px;padding-bottom:10px}.section-header h3{color:#fff;font-size:1.4em;font-weight:600;letter-spacing:.5px;margin:0}.section-stats{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:var(--text-secondary);font-size:.9em;font-weight:500;padding:4px 12px}.loading-stats{align-items:center;color:#888;display:flex;font-size:1.1em;height:200px;justify-content:center}.loading-stats,.no-languages-message,.no-tags-message{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:8px}.no-languages-message,.no-tags-message{color:var(--text-secondary);font-style:italic;margin:20px 0;padding:40px 20px;text-align:center}.tags-pagination{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:20px;justify-content:center;margin-top:25px;padding:15px 0}.pagination-info{background:#ffffff0d;border-radius:8px;color:var(--text-secondary);font-size:.9em;font-weight:500;min-width:120px;padding:4px 12px;text-align:center}.tag-controls{align-items:center;display:flex;gap:12px}.tag-sort{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9em;padding:10px 16px;transition:all .3s ease}@media (max-width:768px){.tag-stats-grid{grid-template-columns:repeat(2,1fr)}.language-info{flex-direction:column;gap:8px}.language-info,.language-level-container{align-items:flex-start}.tag-controls{flex-direction:column;gap:8px}.tag-search{width:100%}}@media (max-width:480px){.languages-grid,.tag-stats-grid{grid-template-columns:1fr}}.settings-container{color:#fff;margin:0 auto;max-width:800px;padding:20px}.settings-container h2{border-bottom:1px solid #ffffff1a;color:#fff;font-size:24px;margin-bottom:20px;padding-bottom:10px}.settings-section{animation:fadeIn .3s ease-in-out;background-color:var(--bg-primary);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 4px #0003;margin-bottom:20px;padding:20px}.settings-section h3{color:#fff;font-size:20px;margin-bottom:15px}.settings-description{color:#8b949e;line-height:1.5;margin-bottom:20px}.pattern-examples{color:#8b949e;list-style-type:disc;margin-top:10px;padding-left:20px}.pattern-examples li{margin-bottom:5px}.language-pattern-suggestions code,.pattern-examples code{background-color:#2d333b;border-radius:4px;color:#e91e63;font-family:Consolas,Monaco,monospace;font-size:.9em;padding:2px 6px}.pattern-examples-language{background-color:#21262d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:20px;padding:15px}.pattern-examples-language h4{color:#fff;font-size:16px;margin-bottom:10px;margin-top:0}.language-pattern-suggestions{color:#8b949e;line-height:1.6}.language-selector{margin-bottom:20px}.language-selector label{color:#fff;display:block;font-weight:500;margin-bottom:8px}.language-select{background-color:#21262d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;margin-bottom:15px;padding:10px;transition:border-color .2s;width:100%}.language-select:focus{border-color:#e91e63;outline:none}.keyword-input-container{display:flex;gap:10px;margin-bottom:20px}.keyword-input{background-color:#21262d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:14px;padding:10px;transition:border-color .2s}.keyword-input:focus{border-color:#e91e63;outline:none}.add-keyword-btn{background-color:#e91e63;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 15px;transition:transform .2s,background-color .2s}.add-keyword-btn:hover{background-color:#d81557;transform:translateY(-2px)}.pattern-type-selector{margin-bottom:20px}.pattern-type-selector h4{color:#fff;font-size:16px;margin-bottom:10px}.pattern-type-options{display:flex;flex-wrap:wrap;gap:10px}.pattern-option{cursor:pointer;flex:1 1;min-width:200px;position:relative}.pattern-option input[type=radio]{cursor:pointer;opacity:0;position:absolute}.option-content{align-items:center;background-color:#21262d;border:1px solid #ffffff1a;border-radius:8px;display:flex;padding:15px;transition:all .2s ease}.pattern-option input[type=radio]:checked+.option-content{background-color:#e91e631a;border-color:#e91e63}.option-icon{font-size:20px;margin-right:10px}.option-title{color:#fff;display:block;font-weight:500;margin-bottom:4px}.option-desc{color:#8b949e;display:block;font-size:12px}.comment-pattern-inputs{display:flex;flex:1 1;gap:10px}.comment-style-select{background-color:#21262d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:14px;padding:10px;transition:border-color .2s}.comment-style-select:focus{border-color:#e91e63;outline:none}.comment-text-input{background-color:#21262d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:2 1;font-size:14px;padding:10px;transition:border-color .2s}.comment-text-input:focus{border-color:#e91e63;outline:none}.multiline-pattern-inputs{display:flex;flex:1 1;flex-direction:column;gap:10px}.multiline-input-group{align-items:center;display:flex}.multiline-input-group label{color:#fff;font-size:14px;width:120px}.multiline-input{background-color:#21262d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:14px;padding:10px;transition:border-color .2s}.multiline-input:focus{border-color:#e91e63;outline:none}.patterns-list{margin-bottom:20px}.patterns-list h4{color:#fff;font-size:16px;margin-bottom:10px}.no-patterns{color:#8b949e;font-style:italic}.patterns-list ul{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0}.pattern-item{align-items:center;background-color:#21262d;border-radius:8px;display:flex;justify-content:space-between;padding:10px 15px;transition:transform .2s,background-color .2s}.pattern-item:hover{background-color:#2d333b;transform:translateY(-2px)}.pattern-item.pattern-simple{border-left:3px solid #e91e63}.pattern-item.pattern-comment{border-left:3px solid #2196f3}.pattern-item.pattern-multiline{border-left:3px solid #4caf50}.pattern-info{align-items:center;display:flex;gap:10px}.pattern-type-indicator{font-size:16px}.pattern-content{color:#fff;font-family:Consolas,Monaco,monospace}.remove-pattern-btn{background-color:initial;border:none;border-radius:4px;color:#ff4d4f;cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .2s}.remove-pattern-btn:hover{background-color:#ff4d4f1a}.case-sensitivity-toggle{align-items:center;display:flex;margin-bottom:15px}.case-sensitivity-toggle label{color:#8b949e;font-size:14px;margin-left:10px}.case-sensitivity-toggle input[type=checkbox]{height:16px;width:16px}.save-settings-btn{background-color:#e91e63;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:500;margin:0 auto;padding:12px 20px;transition:transform .2s,background-color .2s}.save-settings-btn:hover{background-color:#d81557;transform:translateY(-2px)}.save-status{animation:fadeIn .3s ease-in-out;background-color:#28a7451a;border-radius:8px;color:#28a745;margin-top:10px;padding:8px;text-align:center}.debug-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.debug-button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-width:200px;padding:12px 20px;transition:transform .2s,background-color .2s}.debug-button:hover{background-color:#2980b9;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.settings-container{padding:15px}.keyword-input-container{flex-direction:column}.add-keyword-btn{margin-top:10px;width:100%}}.payment-form-container{background-color:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:0 4px 12px #0003;margin:0 auto;max-width:600px;padding:2rem}.payment-form-container h2{margin-top:0}.payment-amount,.payment-form-container h2{color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.payment-amount{font-size:1.2rem;font-weight:600}.payment-method-selector{border-bottom:1px solid var(--bg-tertiary);display:flex;justify-content:center;margin-bottom:2rem;padding-bottom:1rem}.payment-method-button{background:none;border:none;border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;font-size:1rem;margin:0 .5rem;padding:.75rem 1.5rem;transition:var(--transition)}.payment-method-button:hover{background-color:var(--bg-tertiary)}.payment-method-button.active{background-color:var(--accent-primary);color:#fff}.payment-form{margin-top:1.5rem}.form-row{margin-bottom:1.5rem}.form-row label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.form-row input,.form-row select{background-color:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;padding:.75rem;width:100%}.form-row-3{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}.card-element-container{background-color:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius);padding:.75rem}.payment-button{background-color:var(--accent-primary);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;padding:1rem;transition:var(--transition);width:100%}.payment-button:hover{background-color:var(--accent-hover)}.payment-button:disabled{background-color:var(--bg-tertiary);cursor:not-allowed}.error-message{background-color:#ff4d4f1a;color:var(--danger);margin-bottom:1rem;padding:.5rem}.error-message,.payment-success{border-radius:var(--border-radius)}.payment-success{background-color:#52c41a1a;margin-top:1rem;padding:2rem;text-align:center}.payment-success h3{color:var(--success);margin-top:0}.payment-error{background-color:#ff4d4f1a;border-radius:var(--border-radius);margin-top:1rem;padding:1rem}.payment-error p{color:var(--danger);margin:0}.security-info{background-color:var(--bg-tertiary);border-radius:var(--border-radius);color:var(--text-secondary);font-size:.9rem;margin-top:2rem;padding:1rem}.security-info p{margin:.5rem 0}.lock-icon{margin-right:.5rem}.paypal-button-container{margin-top:1.5rem}.loading{color:var(--text-secondary);padding:2rem;text-align:center}@media (max-width:768px){.payment-form-container{padding:1.5rem}.form-row-3{gap:1rem;grid-template-columns:1fr}}.subscription-page{align-items:center;background-color:var(--bg-primary);color:var(--text-primary);display:flex;height:calc(100vh - 180px);justify-content:center;padding:0}.subscription-modal{background-color:var(--bg-primary);border-radius:12px;box-shadow:0 8px 30px #0000004d;margin:0 auto;max-width:650px;overflow:hidden;padding:1.5rem;position:relative;width:100%}.modal-close-button{color:#666;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px;transition:color .2s}.modal-close-button:hover{color:#fff}.subscription-modal h2{color:#fff;font-size:1.6rem;margin-bottom:.25rem;text-align:center}.subscription-header{align-items:center;display:flex;justify-content:center;margin-bottom:.25rem;position:relative}.subscription-header h2{margin-bottom:0}.settings-button{background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;padding:5px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:color .2s}.settings-button:hover{color:#fff}.plan-subtitle{color:#999;font-size:.9rem;margin-bottom:1rem;text-align:center}.plan-tabs{background-color:#222;border:1px solid #333;border-radius:8px;display:flex;justify-content:center;margin:1rem 0;overflow:hidden}.plan-tab{color:#999;cursor:pointer;flex:1 1;font-weight:500;padding:.6rem 1.5rem;text-align:center;transition:background-color .2s}.plan-tab.active{background-color:#333;color:#fff}.user-plan-status{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:.5rem 0}.plan-badge{background-color:#3b82f6;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.plan-badge.free{background-color:#6b7280}.plan-type{color:#ccc;font-size:.8rem}.free-features,.premium-features{margin-bottom:1.5rem}.free-features ul{list-style-type:none;margin:0;padding:0}.free-features li{align-items:center;color:#fff;display:flex;font-size:.9rem;padding:.35rem 0}.free-features li:before{color:#6b7280;content:"•";font-weight:700;margin-right:.75rem}.upgrade-prompt{background-color:#1e293b;border-left:3px solid #3b82f6;border-radius:8px;margin-top:1rem;padding:.75rem}.upgrade-prompt p{color:#ccc;font-size:.9rem;margin:0}.upgrade-message{background-color:#1e3a8a;border-left:3px solid #3b82f6;border-radius:8px;margin-top:1rem;padding:.75rem}.upgrade-message p{color:#ccc;font-size:.9rem;margin:0}.upgrade-option{background-color:var(--bg-primary);border-left:3px solid var(--bg-primary);border-radius:8px;margin:1rem 0;padding:.75rem}.upgrade-option p{color:#ccc;font-size:.9rem;margin:0 0 .75rem;text-align:center}.switch-plan-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem;transition:background-color .2s;width:100%}.switch-plan-button,.switch-plan-button:hover{background-color:var(--accent-tertiary)}.premium-features ul{list-style-type:none;margin:0;padding:0}.premium-features li{align-items:center;color:#fff;display:flex;font-size:.9rem;padding:.35rem 0}.premium-features li:before{color:#3b82f6;content:"✓";font-weight:700;margin-right:.75rem}.billing-options{display:flex;gap:.75rem;margin-bottom:1.5rem}.billing-option{background-color:#222;border:1px solid #333;border-radius:8px;cursor:pointer;flex:1 1;padding:.75rem;transition:all .2s}.billing-option:hover{background-color:#2a2a2a}.billing-option.selected{background-color:#1e293b;border-color:#3b82f6}.billing-option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.billing-name{color:#fff;font-weight:500}.save-badge{background-color:#3b82f6;border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .5rem}.billing-price{align-items:baseline;color:#fff;display:flex;font-size:1.4rem;font-weight:700}.billing-period{color:#999;font-size:.85rem;font-weight:400;margin-left:.25rem}.subscribe-button{background-color:var(--accent-tertiary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:.75rem;transition:background-color .2s;width:100%}.subscribe-button:hover{background-color:var(--accent-tertiary-hover)}.subscribe-button:disabled{background-color:#3b82f680;cursor:not-allowed;opacity:.7}.subscription-footer{color:#999;font-size:.8rem;margin-top:.5rem;text-align:center}.current-plan-info{background-color:var(--bg-primary);border-left:3px solid var(--bg-primary);border-radius:8px;margin-top:1rem;padding:.75rem}.current-plan-info p{color:#fff;font-size:.75rem;font-weight:600;margin:0}.management-header{align-items:center;display:flex;margin-bottom:1.5rem;position:relative}.back-button{background:none;border:none;color:#999;cursor:pointer;font-size:.9rem;margin-right:10px;margin-top:10px;padding:5px 10px;transition:color .2s}.back-button:hover{color:#fff}.subscription-details{background-color:#222;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.current-plan h3,.renewal-info h3{color:#999;font-size:1rem;margin-bottom:.5rem;margin-top:0}.current-plan p{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.renewal-info{border-top:1px solid #333;margin-top:1rem;padding-top:1rem}.renewal-date{color:#fff;font-size:1.1rem;font-weight:600;margin:.25rem 0}.renewal-status{color:#999;font-size:.85rem;margin:0}.subscription-actions{display:flex;flex-direction:column;gap:.75rem}.cancel-button,.resume-button,.upgrade-button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem;transition:background-color .2s}.cancel-button{background-color:#dc2626;color:#fff}.cancel-button:hover{background-color:#b91c1c}.resume-button{background-color:#10b981;color:#fff}.resume-button:hover{background-color:#059669}.upgrade-button{background-color:var(--accent-tertiary);color:#fff}.upgrade-button:hover{background-color:var(--accent-tertiary-hover)}.cancel-button:disabled,.resume-button:disabled,.upgrade-button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.subscription-modal{padding:1rem}.billing-options{flex-direction:column}}.pricing-bg{align-items:center;background:#181c23;display:flex;justify-content:center;min-height:100vh;padding:40px 0}.landing-page-header{background:radial-gradient(ellipse at 60% 75%,#61dafb0d 0,#181c23fa 0,#181c23 10%);position:relative}.pricing-container{background:#181c23;border-radius:24px;box-shadow:0 8px 40px #00000073;margin:48px auto 0;max-width:1100px;padding:48px 32px;width:100%}.pricing-main-title{color:#fff;font-size:2.4rem;font-weight:700;letter-spacing:-1px;margin-bottom:3rem;text-align:center}.pricing-cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.pricing-card{align-items:center;background:#23272f;border-radius:20px;box-shadow:0 4px 24px #0000002e;display:flex;flex:1 1 300px;flex-direction:column;max-width:340px;min-width:290px;padding:2.5rem 2rem 2rem;position:relative;transition:transform .2s,box-shadow .2s}.pricing-card.highlight{z-index:2}.pricing-card.gradient{background:linear-gradient(135deg,#e91e63,#6d5dfc);box-shadow:0 8px 32px #e91e632e,0 2px 8px #6d5dfc1f;color:#fff}.pricing-card.gradient .pricing-card-features,.pricing-card.gradient .pricing-card-header{color:#fff}.pricing-card-header{margin-bottom:1.5rem;text-align:center}.pricing-card-header h2{font-size:1.3rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem}.pricing-card-price{align-items:flex-end;display:flex;gap:.2rem;justify-content:center;margin-bottom:.5rem}.pricing-card-price,.pricing-card-price .price{font-size:2.2rem;font-weight:800}.pricing-card-price .period{color:#bdbdbd;font-size:1rem;margin-left:2px}.pricing-card-desc{color:#bdbdbd;font-size:1rem;margin-bottom:.5rem}.pricing-card.gradient .period,.pricing-card.gradient .pricing-card-desc{color:#fff;opacity:.85}.pricing-card-features{color:#e0e0e0;list-style:none;margin:0 0 1.5rem;padding:0;width:100%}.pricing-card-features li{align-items:center;display:flex;font-size:1rem;gap:.5rem;padding:.5rem 0}.pricing-card-features li:before{color:#6d5dfc;content:"\2713";font-weight:700;margin-right:.5rem}.pricing-card.gradient .pricing-card-features li:before{color:#fff;opacity:.8}.pricing-card-cta{background:#23272f;border:none;border-radius:12px;box-shadow:0 2px 8px #00000014;color:#fff;display:block;font-size:1.08rem;font-weight:700;margin-top:auto;padding:.9rem 0;text-align:center;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;width:100%}.pricing-card-cta:hover{background:#e91e63;box-shadow:0 4px 16px #e91e632e;color:#fff}.pricing-card.gradient .pricing-card-cta{background:#fff;color:#e91e63}.pricing-card.gradient .pricing-card-cta:hover{background:#23272f;color:#fff}@media (max-width:900px){.pricing-cards{align-items:center;flex-direction:column;gap:2rem}.pricing-container{padding:32px 8px}}.support-page{align-items:center;background:#111015;color:#f3f3f3;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding-top:60px}.support-title{color:#e0e0e0;font-size:2.8rem;font-weight:600;letter-spacing:1px;margin-bottom:.5rem}.support-subtitle{color:#b0b0b0;font-size:1.1rem;margin-bottom:2.5rem;max-width:600px;text-align:center}.support-card-container{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.support-card{align-items:center;background:#18171d;border:1px solid #23222a;border-radius:18px;box-shadow:0 2px 16px 0 #0000001f;display:flex;flex-direction:column;margin-bottom:1.5rem;max-width:320px;min-width:260px;padding:2.5rem 2rem 2rem;transition:box-shadow .2s}.support-card:hover{border-color:#3a3a4a;box-shadow:0 4px 32px 0 #0000002e}.support-icon{align-items:center;background:#23222a;border-radius:50%;color:#f3f3f3;display:flex;font-size:2.2rem;height:54px;justify-content:center;margin-bottom:1rem;width:54px}.support-card h2{color:#f3f3f3;font-size:1.3rem;margin-bottom:.3rem}.support-card p{color:#b0b0b0;font-size:1rem;margin-bottom:1.1rem;text-align:center}.support-link{color:#7ec4fa;font-size:1.05rem;font-weight:500;text-decoration:none;word-break:break-all}.support-link:hover{text-decoration:underline}.support-btn{background:#7ec4fa;border:none;border-radius:8px;box-shadow:0 1px 4px 0 #0000001a;color:#18171d;cursor:pointer;font-size:1.05rem;font-weight:600;margin-top:.2rem;padding:.7rem 1.5rem;text-decoration:none;transition:background .18s,color .18s}.support-btn:hover{background:#5bb0e6;color:#fff}@media (max-width:700px){.support-card-container{flex-direction:column;gap:1.5rem}.support-card{max-width:98vw;min-width:90vw}}.header-daily-goal{align-items:center;background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border:1px solid #4facfe4d;border-radius:20px;cursor:pointer;display:flex;gap:4px;padding:1px 10px;transition:all .2s ease}.header-daily-goal:hover{background:linear-gradient(135deg,#4facfe26,#00f2fe26);border-color:#4facfe80;transform:translateY(-1px)}.header-goal-icon{font-size:14px;margin-right:6px;opacity:.9}.header-goal-progress{align-items:center;display:flex}.header-goal-circle{height:32px;position:relative;width:32px}.header-goal-ring{height:100%;transform:rotate(-90deg);width:100%}.header-goal-ring-bg{fill:none;stroke:#fff3;stroke-width:2.5}.header-goal-ring-fill{fill:none;stroke-width:2.5;stroke-linecap:round;transition:stroke-dasharray .3s ease}.header-goal-text{align-items:center;color:#fff;display:flex;font-size:9px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.header-goal-current{color:#fff}.header-goal-separator{color:#ffffffb3;margin:0 1px}.header-goal-target{color:#ffffffb3}.header-goal-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.header-goal-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;max-height:80vh;max-width:400px;overflow-y:auto;padding:24px;width:100%}.header-goal-modal h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.header-goal-modal p{color:var(--text-secondary);font-size:14px;margin:0 0 20px}.header-goal-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}.header-goal-option{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 8px;transition:all .2s ease}.header-goal-option:hover{background-color:#1a2a4e;border-color:#3b82f6}.header-goal-option.selected{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.header-goal-custom{margin-bottom:20px}.header-goal-custom label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.header-goal-input{background:linear-gradient(135deg,#4facfe26,#00f2fe26);border:2px solid var(--border-color);border-radius:8px;color:#fff;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.header-goal-input:focus{border-color:#3b82f6;outline:none}.header-goal-modal-actions{display:flex;gap:12px;justify-content:flex-end}.header-goal-cancel-btn,.header-goal-save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.header-goal-cancel-btn{background-color:var(--bg-tertiary);color:var(--text-primary)}.header-goal-cancel-btn:hover{background-color:var(--bg-quaternary)}.header-goal-save-btn{color:#fff}.header-goal-save-btn,.header-goal-save-btn:hover{background:linear-gradient(135deg,#4facfe26,#00f2fe26)}.header-goal-save-btn:hover{border-color:#4facfe80;transform:translateY(-1px)}@media (max-width:768px){.header-daily-goal{margin-right:8px;padding:4px 8px}.header-goal-circle{height:20px;width:20px}.header-goal-text{font-size:7px}.header-goal-options{grid-template-columns:repeat(3,1fr)}}.header-goal-ring-fill{animation:headerGoalPulse .5s ease-out}@keyframes headerGoalPulse{0%{transform:scaleX(.95)}50%{transform:scaleX(1.05)}to{transform:scaleX(1)}}.token-purchase__backdrop{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.token-purchase__modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--card-shadow-hover);max-width:calc(100% - 32px);padding:16px 16px 20px;width:560px}.token-purchase__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.token-purchase__title{color:var(--text-primary);font-size:18px;margin:0}.token-purchase__close-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;height:32px;width:32px}.token-purchase__balance{align-items:baseline;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:8px;margin-bottom:16px;padding:12px}.token-purchase__balance-label{color:var(--text-secondary);font-weight:600}.token-purchase__balance-value{color:var(--text-primary);font-size:20px;font-weight:700}.token-purchase__options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.token-purchase__option-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:10px;padding:12px}.token-purchase__option-card--popular{border-color:#4a90e266}.token-purchase__option-title{color:var(--text-primary);font-weight:700}.token-purchase__option-meta{align-items:center;color:var(--text-secondary);display:flex;justify-content:space-between}.token-purchase__tokens{font-weight:600}.token-purchase__price{color:var(--text-primary);font-weight:700}.token-purchase__buy-btn{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-weight:600;height:36px;transition:all .2s ease}.token-purchase__buy-btn:hover:not(:disabled){background:linear-gradient(135deg,#4a90e21a 0,var(--bg-tertiary) 100%);border-color:#4a90e280;box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.token-purchase__buy-btn:disabled{cursor:not-allowed;opacity:.6}.token-purchase__buy-btn:active:not(:disabled){transform:translateY(0)}@media (max-width:720px){.token-purchase__options{grid-template-columns:1fr}}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-cyrillic-ext-400-normal.fd1478dcc74de00ee4c0.woff2) format("woff2"),url(/static/media/inter-cyrillic-ext-400-normal.e89451624c6caf35687f.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-cyrillic-400-normal.cb04b2ee2f7d192478b8.woff2) format("woff2"),url(/static/media/inter-cyrillic-400-normal.e2841352dd9512ff455b.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-greek-ext-400-normal.f2fa0d9ef98f59d4a75b.woff2) format("woff2"),url(/static/media/inter-greek-ext-400-normal.b9e1e89444a313a63b91.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-greek-400-normal.a8de720a6f13c66c8a4e.woff2) format("woff2"),url(/static/media/inter-greek-400-normal.a42da273bb968bf2058d.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-vietnamese-400-normal.44c9df135eec470b0ab6.woff2) format("woff2"),url(/static/media/inter-vietnamese-400-normal.96f8adc74b63e1a3655f.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-latin-ext-400-normal.3d10c85fbd16969509a2.woff2) format("woff2"),url(/static/media/inter-latin-ext-400-normal.1c20f7dc20d731a18fcd.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-latin-400-normal.9698cc7dbf147ed363b6.woff2) format("woff2"),url(/static/media/inter-latin-400-normal.b0c8fe9db56dd415a25a.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-cyrillic-ext-600-normal.25b7c495f686777a1c08.woff2) format("woff2"),url(/static/media/inter-cyrillic-ext-600-normal.aa900fea9aed1ba3c903.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-cyrillic-600-normal.ce60970447cde0dd1582.woff2) format("woff2"),url(/static/media/inter-cyrillic-600-normal.c556b5d042ebf128e47c.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-greek-ext-600-normal.c8a7cddec49294a9e8ba.woff2) format("woff2"),url(/static/media/inter-greek-ext-600-normal.7e7594e0432b84536054.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-greek-600-normal.5c46a357ea91911fc65d.woff2) format("woff2"),url(/static/media/inter-greek-600-normal.ba3b8b69a69b0e83d453.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-vietnamese-600-normal.6984cf5e8583fac83be3.woff2) format("woff2"),url(/static/media/inter-vietnamese-600-normal.a10931d3a643f48663b9.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-latin-ext-600-normal.ae5f9691ebe48c908e8c.woff2) format("woff2"),url(/static/media/inter-latin-ext-600-normal.0acb54c755dec53de476.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-latin-600-normal.9d111139a583baef3053.woff2) format("woff2"),url(/static/media/inter-latin-600-normal.28c8f6060760ec1a5d25.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-cyrillic-ext-700-normal.5631f054acb5a33a716a.woff2) format("woff2"),url(/static/media/inter-cyrillic-ext-700-normal.3cf42e401103d3211022.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-cyrillic-700-normal.36e9cf9ecc07ac6bce28.woff2) format("woff2"),url(/static/media/inter-cyrillic-700-normal.534fd15b796bf021d0be.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-greek-ext-700-normal.4cdf2b4e817dade3d4aa.woff2) format("woff2"),url(/static/media/inter-greek-ext-700-normal.4c7cc2277f187ed0ef37.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-greek-700-normal.f5fbdfc39c2431160896.woff2) format("woff2"),url(/static/media/inter-greek-700-normal.f47ebf852d0b0e251a80.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-vietnamese-700-normal.5d9bfcacc44f345662ff.woff2) format("woff2"),url(/static/media/inter-vietnamese-700-normal.5b5cd0c77cad23651d04.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-latin-ext-700-normal.96e3bd6bb1f980376cf1.woff2) format("woff2"),url(/static/media/inter-latin-ext-700-normal.149d81a49bd1ff0e6711.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-latin-700-normal.d42de9b25ac31d2a2a8b.woff2) format("woff2"),url(/static/media/inter-latin-700-normal.fc47ca451598e4b97249.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
/*# sourceMappingURL=main.8adf22ec.css.map*/