:root{--bg-primary: #FBF2E6;--bg-secondary: #FFFFFF;--bg-tertiary: #F0E4D3;--text-primary: #1A0E08;--text-secondary: #5A4A40;--text-muted: #7D6A62;--accent-primary: #FFA42F;--accent-secondary: #C75D2C;--accent-success: #27ae60;--accent-warning: #e74c3c;--border-color: #E6D8C9;--border-light: #E6D8C9}body{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;margin:0}body{padding-top:70px}body.user-signed-in{padding-top:120px}.container{max-width:1200px !important;margin:0 auto !important;padding:0 24px !important}@media (min-width: 769px){.user-signed-in .container{max-width:none !important;padding:0 32px !important}}.header .container{margin:0 auto !important;padding:0 24px !important}.header{background:#ffffff !important;border-bottom:1px solid var(--border-color) !important;padding:10px 0 !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:100 !important;box-shadow:0 2px 10px rgba(0,0,0,0.1) !important;height:auto !important}.header .nav{display:flex !important;justify-content:space-between !important;align-items:center !important;margin:0 auto !important;width:100% !important;box-sizing:border-box !important;height:auto !important;gap:12px !important;flex-wrap:nowrap !important}.header .logo{font-size:24px !important;font-weight:700 !important;color:var(--text-primary) !important;text-decoration:none !important;display:flex !important;align-items:center !important;gap:8px !important}.header .nav-buttons{display:flex !important;gap:12px !important;align-items:center !important}.subscription-page{padding:24px 0}.subscription-page .page-header{text-align:center;margin-bottom:40px}.subscription-page .page-header h1{color:var(--text-primary, #1A0E08);font-size:2.5rem;font-weight:700;margin:0 0 8px 0}.subscription-page .page-header .subtitle{color:var(--text-secondary, #5A4A40);font-size:1.1rem;margin:0}.subscription-content{max-width:800px;margin:0 auto}.current-plan-card{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #E6D8C9);border-radius:16px;padding:24px;margin-bottom:40px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.current-plan-card h2{margin:0 0 16px 0;color:var(--text-primary, #1A0E08)}.plan-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.plan-name{font-weight:600;color:var(--text-primary, #1A0E08)}.plan-status.active{background:var(--accent-success, #27ae60);color:white;padding:4px 12px;border-radius:20px;font-size:0.875rem;font-weight:500}.plan-description{color:var(--text-secondary, #5A4A40);margin:0}.plans-section h2{color:var(--text-primary, #1A0E08);margin-bottom:24px}.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.plan-card{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #E6D8C9);border-radius:16px;padding:24px;text-align:center;transition:transform 0.2s ease, box-shadow 0.2s ease}.plan-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.12)}.plan-card.premium{border-color:var(--accent-primary, #FFA42F);position:relative}.plan-card.premium::before{content:"Рекомендуется";position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--accent-primary, #FFA42F);color:white;padding:4px 16px;border-radius:20px;font-size:0.875rem;font-weight:600}.plan-card h3{margin:0 0 12px 0;color:var(--text-primary, #1A0E08);font-size:1.5rem}.price{font-size:2rem;font-weight:700;color:var(--accent-primary, #FFA42F);margin-bottom:16px}.price .period{font-size:1rem;color:var(--text-secondary, #5A4A40);font-weight:400}.features{list-style:none;padding:0;margin:0 0 24px 0}.features li{padding:8px 0;color:var(--text-secondary, #5A4A40);border-bottom:1px solid var(--border-light, #E6D8C9)}.features li:last-child{border-bottom:none}.plan-card .btn{width:100%;padding:12px 24px;border-radius:12px;font-weight:600;transition:all 0.2s ease}.plan-card .btn-primary{background:var(--accent-primary, #FFA42F);color:white;border:none}.plan-card .btn-primary:hover{background:var(--accent-secondary, #C75D2C);transform:translateY(-1px)}.plan-card .btn-secondary{background:var(--bg-tertiary, #F0E4D3);color:var(--text-secondary, #5A4A40);border:1px solid var(--border-color, #E6D8C9)}@media (max-width: 768px){.plans-grid{grid-template-columns:1fr;gap:16px}.subscription-page .page-header h1{font-size:2rem}.current-plan-card,.plan-card{padding:20px}}.header .mobile-menu-btn{display:none !important;flex-direction:column !important;background:none !important;border:none !important;cursor:pointer !important;padding:8px !important;width:32px !important;height:32px !important;justify-content:center !important;align-items:center !important}.hamburger{width:20px !important;height:2px !important;background:var(--text-primary) !important;margin:2px 0 !important;transition:0.3s !important;border-radius:1px !important}.mobile-menu-btn.active .hamburger:nth-child(1){transform:rotate(-45deg) translate(-4px, 4px) !important}.mobile-menu-btn.active .hamburger:nth-child(2){opacity:0 !important}.mobile-menu-btn.active .hamburger:nth-child(3){transform:rotate(45deg) translate(-4px, -4px) !important}.btn{padding:10px 20px !important;border:none !important;font-weight:500 !important;font-size:14px !important;text-decoration:none !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;gap:8px !important;transition:all 0.2s ease !important;border-radius:8px !important}.btn-primary{background:var(--accent-primary) !important;color:#000000 !important;font-weight:600 !important}.btn-primary:hover{background:#FFB85C !important;transform:translateY(-1px) !important;box-shadow:0 4px 16px rgba(255,164,47,0.4) !important}.btn-primary:disabled{background:var(--bg-tertiary) !important;color:var(--text-muted) !important;cursor:not-allowed !important;opacity:0.6 !important;transform:none !important;box-shadow:none !important}.btn-primary:disabled:hover{background:var(--bg-tertiary) !important;color:var(--text-muted) !important;transform:none !important;box-shadow:none !important}.btn-secondary{background:transparent !important;color:var(--text-primary) !important;border:1px solid var(--border-light) !important}.btn-secondary:hover{background:var(--bg-secondary) !important;color:var(--text-primary) !important;border-color:var(--border-light) !important}.theme-switcher-menu,.user-menu{position:relative;display:inline-block}.action-btn,.user-menu-trigger{background:none !important;border:1px solid var(--border-light) !important;border-radius:8px !important;padding:8px !important;cursor:pointer !important;color:var(--text-primary) !important;display:inline-flex !important;align-items:center !important;gap:8px !important;transition:all 0.2s ease !important;font-size:14px !important;box-sizing:border-box !important;overflow:visible !important;width:auto !important;height:auto !important}.user-avatar{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:50%}.user-name{font-size:14px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-btn:hover,.user-menu-trigger:hover{background:var(--bg-tertiary) !important;border-color:var(--accent-primary) !important}.fullscreen-btn{background:var(--bg-tertiary) !important;color:var(--text-primary) !important;border:1px solid var(--border-light) !important;box-shadow:none !important;transition:all 0.2s ease !important}.fullscreen-btn:hover{background:var(--bg-secondary) !important;border-color:var(--accent-primary) !important;transform:translateY(-1px) !important}.fullscreen-btn:active{transform:translateY(0) !important;background:var(--bg-tertiary) !important;border-color:var(--border-light) !important}.fullscreen-btn-text{margin-left:8px !important;display:inline-flex !important;align-items:center !important}.theme-switcher-dropdown,.user-menu-dropdown{position:absolute !important;top:100% !important;right:0 !important;margin-top:8px !important;background:white !important;border:1px solid var(--border-color) !important;border-radius:8px !important;box-shadow:0 4px 20px rgba(0,0,0,0.1) !important;display:none;z-index:1000 !important;min-width:200px !important}.dropdown-item{display:flex !important;align-items:center !important;gap:8px !important;padding:12px 16px !important;color:var(--text-primary) !important;text-decoration:none !important;border:none !important;background:none !important;width:100% !important;cursor:pointer !important;transition:background 0.2s ease !important;font-size:14px !important;text-align:left !important}.logout-btn{background:none !important;color:var(--accent-warning) !important}.dropdown-item:hover{background:var(--bg-tertiary) !important}.admin-dropdown-item{color:var(--accent-primary) !important}.dropdown-divider{height:1px;background:var(--border-color);margin:8px 0}.theme-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px;padding:12px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:1px solid var(--border-color);border-radius:6px;background:white;color:#000000 !important;cursor:pointer;transition:all 0.2s ease;font-size:12px}.theme-option:hover{border-color:var(--accent-primary);background:var(--bg-tertiary);color:#000000 !important}.theme-option[aria-pressed="true"]{border-color:var(--accent-primary);background:rgba(255,164,47,0.1);color:#000000 !important}.theme-preview{width:24px;height:24px;border-radius:4px;border:1px solid var(--border-color)}.theme-name{font-size:11px;text-align:center;line-height:1.2}.question-sets-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:20px;margin-top:20px}.question-set-card{background:white;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden;transition:all 0.2s ease;display:flex;flex-direction:column}.question-set-card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.15);transform:translateY(-2px)}.card-main{display:flex;align-items:flex-start;padding:16px;gap:12px}.card-image{flex-shrink:0}.topic-image{width:64px;height:64px;border-radius:8px;object-fit:cover;border:1px solid var(--border-light)}.topic-image-placeholder{width:64px;height:64px;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:24px;transition:all 0.2s ease}.topic-image-placeholder.public{background:rgba(34,197,94,0.1);border-color:rgba(34,197,94,0.3);color:#16a34a}.topic-image-placeholder.private{background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.3);color:#dc2626}.card-info{flex:1;min-width:0}.card-title{margin:0 0 8px 0;font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.3;word-wrap:break-word}.card-meta{display:flex;flex-direction:column;gap:4px}.author,.topic{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.author i,.topic i{width:14px;height:14px;flex-shrink:0}.card-stats{display:flex;justify-content:space-between;padding:12px 16px;background:var(--bg-tertiary);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.stat-item{display:flex;flex-direction:row;align-items:baseline;gap:0.5rem}.stat-label{font-size:0.875rem;color:var(--text-secondary);opacity:0.8;text-transform:none;letter-spacing:normal}.stat-value{font-size:14px;font-weight:600}.progress-tag{background:var(--accent-primary);color:white;padding:4px 8px;border-radius:12px;font-size:12px}.type-tag{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500}.type-tag.public{background:rgba(34,197,94,0.1);color:#16a34a}.type-tag.private{background:rgba(239,68,68,0.1);color:#dc2626}.card-actions{display:flex;justify-content:space-between;align-items:center;padding:16px;gap:12px}.action-group{display:flex;align-items:center;gap:8px}.btn-action{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);text-decoration:none;transition:all 0.2s ease;border:1px solid var(--border-light)}.btn-action:hover{background:var(--accent-primary);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15);border-color:var(--accent-primary)}.btn-action i{width:18px;height:18px}@media (max-width: 768px){.question-sets-grid{grid-template-columns:1fr;gap:12px}.question-set-card{border-radius:8px}.card-main{padding:8px 12px;gap:8px}.topic-image,.topic-image-placeholder{width:40px;height:40px}.card-title{font-size:14px;margin-bottom:4px}.card-meta{gap:2px}.author,.topic{font-size:11px}.author i,.topic i{width:12px;height:12px}.card-stats{padding:8px 12px;flex-direction:column;gap:6px}.stat-item{flex-direction:row;justify-content:space-between;align-items:center}.stat-label{font-size:10px}.stat-value{font-size:12px}.progress-tag{padding:2px 6px;font-size:10px}.type-tag{padding:2px 6px;font-size:10px}.card-actions{padding:8px 0;flex-direction:row;gap:8px}.action-group{flex:1;justify-content:center}.action-group:first-child{justify-content:flex-start;padding-left:12px}.action-group:last-child{justify-content:flex-end;padding-right:12px}.btn-action{width:36px;height:36px}.btn-action i{width:16px;height:16px}}@media (max-width: 480px){.question-sets-grid{gap:8px}.card-main{padding:6px 8px;gap:6px}.topic-image,.topic-image-placeholder{width:32px;height:32px}.card-title{font-size:13px;margin-bottom:2px}.author,.topic{font-size:10px}.author i,.topic i{width:10px;height:10px}.card-stats{padding:6px 8px}.stat-label{font-size:9px}.stat-value{font-size:11px}.progress-tag,.type-tag{padding:1px 4px;font-size:9px}.card-actions{padding:6px 0}.action-group:first-child{padding-left:8px}.action-group:last-child{padding-right:8px}.btn-action{width:32px;height:32px}.btn-action i{width:14px;height:14px}}.form-container{max-width:800px;margin:0 auto;padding:20px}.form-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding:24px;background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:16px;color:white;box-shadow:0 8px 32px rgba(0,0,0,0.1)}.form-header-content{display:flex;align-items:flex-start;gap:20px;flex:1}.form-icon{width:64px;height:64px;background:rgba(255,255,255,0.2);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-icon i{width:32px;height:32px;color:white}.form-title-section h1{margin:0 0 8px 0;font-size:28px;font-weight:700;color:white}.form-title-section p{margin:0;font-size:16px;color:rgba(255,255,255,0.9);line-height:1.5}.form-actions .btn{background:rgba(255,255,255,0.2);color:white;border:1px solid rgba(255,255,255,0.3);backdrop-filter:blur(10px)}.form-actions .btn:hover{background:rgba(255,255,255,0.3);transform:translateY(-2px)}.form-card{background:white;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,0.08);overflow:hidden;border:1px solid var(--border-light)}.modern-form{padding:0}.form-errors{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:20px;margin-bottom:24px}.error-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.error-header i{width:20px;height:20px;color:#dc2626}.error-header h3{margin:0;font-size:16px;font-weight:600;color:#dc2626}.error-list{margin:0;padding-left:20px;color:#dc2626}.error-list li{margin-bottom:4px}.form-section{padding:32px}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:14px}.input-wrapper,.select-wrapper{position:relative}.form-input,.form-select{width:100%;padding:12px 40px 12px 35px;border:2px solid var(--border-light);border-radius:12px;font-size:16px;background:white;transition:all 0.2s ease;box-sizing:border-box}input.form-input{padding-left:35px !important}.form-input::placeholder{padding-left:30px}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.input-icon,.select-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-muted);pointer-events:none}.checkbox-group{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light)}.checkbox-wrapper{display:flex;align-items:flex-start;gap:12px}.form-checkbox{display:none}.checkbox-label input[type="checkbox"]{display:none !important}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;flex:1}.checkbox-custom{width:20px;height:20px;border:2px solid var(--border-color);border-radius:6px;background:white;position:relative;flex-shrink:0;margin-top:2px;transition:all 0.2s ease}.form-checkbox:checked~.checkbox-custom{background:var(--accent-primary);border-color:var(--accent-primary)}.form-checkbox:checked~.checkbox-custom::after{content:'';position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-content{display:flex;flex-direction:column;gap:4px}.checkbox-title{font-weight:600;color:var(--text-primary);font-size:14px}.checkbox-description{color:var(--text-secondary);font-size:13px;line-height:1.4}.form-footer{background:var(--bg-tertiary);padding:24px 32px;border-top:1px solid var(--border-light)}.form-actions{display:flex;justify-content:flex-end;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;transition:all 0.2s ease;border:none;cursor:pointer;font-size:14px}.btn-primary{background:var(--accent-primary);color:white}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,0.3)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-1px)}@media (max-width: 768px){.form-container{padding:16px}.form-header{flex-direction:column;gap:20px;padding:20px}.form-header-content{flex-direction:column;text-align:center}.form-icon{width:56px;height:56px;margin:0 auto}.form-title-section h1{font-size:24px}.form-section{padding:24px 20px}.form-footer{padding:20px}.form-actions{flex-direction:column}.btn{justify-content:center;width:100%}}.mobile-downbar{display:none;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--border-color);box-shadow:0 -2px 12px rgba(0,0,0,0.1);z-index:1000;padding:10px 0 6px 0;justify-content:space-around;align-items:center;min-height:64px}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 8px;text-decoration:none;color:var(--text-secondary);transition:all 0.2s ease;border-radius:8px;min-width:56px;gap:2px}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb, 59, 130, 246), 0.1)}.mobile-nav-icon{width:24px;height:24px;margin-bottom:4px}.mobile-nav-label{font-size:10px;font-weight:500;line-height:1;text-align:center;color:inherit}@media (max-width: 768px){.sidebar{display:none !important}.layout{grid-template-columns:1fr}.content{padding-bottom:84px}.mobile-downbar{display:flex}}@media (min-width: 769px){.mobile-downbar{display:none !important}}.chat-active .site-footer{display:none !important}.chat-active .card,.chat-active .card-header,.chat-active .content{background:var(--bg-secondary) !important}@media (max-width: 768px){.chat-active .mobile-downbar{display:none !important}.chat-active .sidebar{display:none !important}.chat-active body{padding:0 !important;margin:0 !important}.chat-active .layout{padding:0 !important;margin:0 !important;max-width:100% !important}.chat-active .container{padding:0 !important;max-width:100% !important;margin:0 !important}.chat-active .content{border-radius:0;border:none;margin:0;padding:0;background:transparent;display:flex;flex-direction:column;overflow:hidden}.chat-active .card{border-radius:0;border:none;margin:0;padding:0 !important;box-shadow:none;max-width:none !important;flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-active .card-header{padding:16px 16px 12px 16px !important;flex-shrink:0}.chat-active .chat-thread{flex:1 !important;overflow-y:auto !important;padding:0 16px !important;margin-bottom:0 !important}.chat-active form{margin-top:auto !important;flex-shrink:0 !important}.chat-active .chat-input-container{margin-top:0 !important;padding:16px !important;background:var(--bg-secondary) !important;border-top:1px solid var(--border-light) !important}.chat-active .lucide{width:20px !important;height:20px !important}.chat-active .chat-send-btn{width:48px !important;height:48px !important;min-width:48px !important;min-height:48px !important}.chat-active textarea{overflow:hidden !important;scrollbar-width:none !important;-ms-overflow-style:none !important}.chat-active textarea::-webkit-scrollbar{display:none !important}.chat-send-btn{border-radius:8px !important;min-width:44px !important;min-height:44px !important}}.answers-desktop{display:block}.answers-mobile{display:none}.answer-card{background:var(--card);border:1px solid var(--stroke);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.answer-card h4{margin:0 0 8px 0;color:var(--fg);font-size:14px;font-weight:600}.answer-card .question-section,.answer-card .user-answer-section,.answer-card .feedback-section,.answer-card .correct-answer-section{margin-bottom:16px}.answer-card .question-section:last-child,.answer-card .user-answer-section:last-child,.answer-card .feedback-section:last-child,.answer-card .correct-answer-section:last-child{margin-bottom:0}.short-answer-badge{background:var(--brand);color:#0b0f14;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;margin:2px;display:inline-block}.short-answers-mobile{margin-top:12px}@media (max-width: 768px){.answers-desktop{display:none !important}.answers-mobile{display:block !important}.answer-card{margin:0 -8px 16px -8px;border-radius:8px}}.runs-container{max-width:1200px;margin:0 auto;padding:20px}.runs-container-grouped{max-width:1200px;margin:0 auto;padding:20px}.question-set-group{margin-bottom:40px}.question-set-group:last-child{margin-bottom:0}.question-set-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--border-light)}.question-set-title{margin:0;font-size:24px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:12px;flex:1}.question-set-topic{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--text-secondary);font-weight:400;background:var(--bg-tertiary);padding:4px 8px;border-radius:12px}.question-set-topic i{width:14px;height:14px}.question-set-stats{display:flex;align-items:center;gap:16px;flex-shrink:0}.runs-count{font-size:14px;color:var(--text-secondary);background:var(--bg-tertiary);padding:6px 12px;border-radius:16px;font-weight:500}.runs-header{text-align:center;margin-bottom:32px}.runs-header h1{margin:0 0 8px 0;font-size:28px;font-weight:700;color:var(--text-primary)}.runs-subtitle{margin:0;font-size:16px;color:var(--text-secondary)}.alert{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px;background:white;border:1px solid #ddd;color:#333}.alert-success{background:#f0fdf4;border:1px solid #10b981;color:#166534}.alert i{width:16px;height:16px}.runs-list{display:flex;flex-direction:column;gap:8px}.run-list-item{background:white;border:1px solid var(--border-color);border-radius:8px;transition:all 0.2s ease}.run-list-item:hover{border-color:var(--accent-primary);box-shadow:0 2px 8px rgba(255,164,47,0.15)}.run-list-content{display:flex;align-items:center;justify-content:space-between;padding:16px;gap:16px}.run-list-main{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.run-list-title{font-size:16px;font-weight:600;color:var(--text-primary);flex-shrink:0}.run-list-status{flex-shrink:0}.run-list-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.status-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.status-badge.finished{background:rgba(34,197,94,0.1);color:#16a34a}.status-badge.in-progress{background:rgba(59,130,246,0.1);color:#3b82f6}.status-badge i{width:12px;height:12px}@media (max-width: 768px){.runs-container,.runs-container-grouped{padding:16px}.runs-header h1{font-size:24px}.question-set-group{margin-bottom:32px}.question-set-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.question-set-title{font-size:20px;flex-direction:column;align-items:flex-start;gap:8px}.question-set-stats{align-self:stretch;justify-content:space-between}.run-list-content{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.run-list-main{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.run-list-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-list-actions{justify-content:stretch;flex-wrap:wrap}.run-list-actions .btn{flex:1;justify-content:center;min-width:120px}}@media (max-width: 480px){.runs-container,.runs-container-grouped{padding:12px}.run-list-content{padding:10px}.run-list-title{font-size:15px}.run-list-main{gap:8px}.run-list-actions .btn{min-width:100px;font-size:12px;padding:6px 8px}}.theme-preview.theme-neon-energy{background:linear-gradient(135deg, #ffb703, #fb8500) !important}.theme-preview.theme-premium-nature{background:linear-gradient(135deg, #5a4637, #8b7355) !important}.theme-preview.theme-sport{background:linear-gradient(135deg, #ff5722, #ff9800) !important}.theme-preview.theme-spicy-latte{background:linear-gradient(135deg, #d7931e, #8b4513) !important}.theme-preview.theme-roast-caramel{background:linear-gradient(135deg, sienna, #8b4513) !important}.theme-preview.theme-retrowave{background:linear-gradient(135deg, #ff0080, cyan) !important}.theme-neon-energy{background:linear-gradient(45deg, #0f8, #0cf)}.theme-premium-nature{background:linear-gradient(45deg, #8bc34a, #4caf50)}.theme-sport{background:linear-gradient(45deg, #ff5722, #ff9800)}.theme-spicy-latte{background:linear-gradient(45deg, #d7931e, #8b4513)}.theme-roast-caramel{background:linear-gradient(45deg, sienna, #8b4513)}.theme-retrowave{background:linear-gradient(45deg, #ff0080, cyan)}@media (max-width: 768px){.header .nav{flex-direction:row !important;justify-content:space-between !important;align-items:center !important}.header .logo{font-size:18px !important}.header .mobile-menu-btn{display:flex !important}.header .nav-buttons{display:none !important;position:fixed !important;top:0 !important;right:0 !important;width:280px !important;height:100vh !important;background:#ffffff !important;border-left:1px solid var(--border-color) !important;box-shadow:-4px 0 20px rgba(0,0,0,0.15) !important;padding:80px 20px 20px !important;flex-direction:column !important;z-index:1001 !important;gap:16px !important;transform:translateX(100%) !important;transition:transform 0.3s ease-in-out !important;overflow-y:auto !important}.header .nav-buttons.show{display:flex !important;transform:translateX(0) !important}.mobile-menu-backdrop{display:none !important;position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(0,0,0,0.5) !important;z-index:1000 !important;opacity:0 !important;transition:opacity 0.3s ease-in-out !important}.mobile-menu-backdrop.show{display:block !important;opacity:1 !important}.mobile-nav-links{display:flex !important;flex-direction:column !important;gap:8px !important}.user-menu-items{display:flex !important;flex-direction:column !important;gap:8px !important}.nav-divider{height:1px !important;background:var(--border-color) !important;margin:16px 0 !important}.header .nav-buttons .nav-item{display:flex !important;align-items:center !important;gap:12px !important;padding:12px 16px !important;border-radius:8px !important;color:var(--text-primary) !important;text-decoration:none !important;transition:all 0.2s ease !important;border:1px solid transparent !important}.header .nav-buttons .nav-item:hover{background:var(--bg-hover) !important;border-color:var(--border-color) !important}.header .nav-buttons .nav-item[aria-current="page"]{background:var(--bg-active) !important;border-color:var(--accent-primary) !important;color:var(--accent-primary) !important}.header .nav-buttons .theme-btn{width:100% !important;justify-content:flex-start !important;gap:12px !important;padding:12px 16px !important;background:none !important;border:1px solid transparent !important;border-radius:8px !important;color:var(--text-primary) !important;transition:all 0.2s ease !important}.header .nav-buttons .theme-btn:hover{background:var(--bg-hover) !important;border-color:var(--border-color) !important}.desktop-only{display:none !important}.mobile-only{display:flex !important}}@media (min-width: 769px){.mobile-nav-links,.user-menu-items,.nav-divider,.mobile-only{display:none !important}.desktop-only{display:flex !important}.header .nav-buttons .action-btn,.header .nav-buttons .user-menu-trigger{width:auto !important;height:auto !important;padding:8px 12px !important;gap:8px !important;white-space:nowrap !important;min-width:0 !important;flex-shrink:0 !important}.header .nav-buttons .theme-btn-text{margin-left:8px !important;display:inline-flex !important;align-items:center !important}.header .nav-buttons{display:flex !important;position:static !important;top:auto !important;right:auto !important;width:auto !important;height:auto !important;background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important;flex-direction:row !important;z-index:auto !important;gap:12px !important;transform:none !important;transition:none !important;overflow-y:visible !important}.desktop-nav-links{display:flex !important;gap:16px !important;align-items:center !important}.desktop-nav-links .nav-link{color:var(--fg) !important;text-decoration:none !important;padding:8px 12px !important;border-radius:6px !important;transition:background-color 0.2s ease !important}.desktop-nav-links .nav-link:hover{background-color:rgba(255,255,255,0.1) !important}.user-email{color:var(--muted) !important;cursor:default !important;opacity:0.8 !important}.user-email:hover{background:none !important}.answers-desktop{display:block !important}.answers-mobile{display:none !important}.header{position:fixed !important}.btn{padding:8px 16px !important;font-size:13px !important;border-radius:6px !important}.action-btn,.user-menu-trigger{padding:6px !important;width:36px !important;height:36px !important;font-size:12px !important}.theme-btn-text{display:none !important}.user-name{font-size:12px !important;max-width:100px !important}body{padding-top:64px}body.user-signed-in{padding-top:70px}}@media (max-width: 480px){.header .nav{padding:0 12px !important}.header .logo{font-size:16px !important}.btn{padding:6px 12px !important;font-size:12px !important}.action-btn,.user-menu-trigger{padding:4px !important;width:32px !important;height:32px !important}.theme-btn-text{display:none !important}.user-name{display:none !important}}.toast-container,.toasts{position:fixed;top:calc(var(--header-h, 64px) + 12px);right:16px;z-index:1200;display:flex;flex-direction:column;gap:10px;max-width:420px;width:clamp(280px, 32vw, 420px);pointer-events:none}.toast{display:flex;align-items:center;gap:10px;background:rgba(31,41,55,0.95);color:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.08);pointer-events:auto;animation:toast-slide-in .18s ease-out}.toast-success{background:rgba(16,185,129,0.95)}.toast-error{background:rgba(239,68,68,0.95)}.toast .toast-close{background:transparent;border:0;color:inherit;cursor:pointer;font-size:1rem;line-height:1;margin-left:0.25rem}.toast-hide{opacity:0;transform:translateY(-6px);transition:opacity .15s ease, transform .15s ease}@keyframes toast-slide-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.run-card .run-actions .btn{width:auto !important;flex:0 0 auto !important}.run-card .run-actions .btn-sm{width:auto !important;flex:0 0 auto !important}.card-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}.card-header h1{margin:0;font-size:24px;font-weight:700;color:var(--text-primary, #1A0E08)}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-form{position:relative;display:flex;align-items:center}.search-form.has-icon{position:relative}.search-form .icon-slot{position:absolute;left:12px;z-index:1;color:var(--text-muted, #7D6A62);pointer-events:none}.search-form input[type="search"]{padding:10px 14px 10px 40px;border:1px solid var(--border-color, #E6D8C9);border-radius:8px;background:var(--bg-secondary, #fff);color:var(--text-primary, #1A0E08);font-size:14px;min-width:250px;transition:border-color 0.2s ease, box-shadow 0.2s ease}.search-form input[type="search"]:focus{outline:none;border-color:var(--accent-primary, #FFA42F);box-shadow:0 0 0 3px rgba(255,164,47,0.1)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted, #7D6A62)}.empty-state .empty-icon{width:48px;height:48px;margin:0 auto 16px;opacity:0.5}.empty-state h3{margin:0 0 8px;font-size:18px;color:var(--text-primary, #1A0E08)}.empty-state p{margin:0 0 20px;font-size:14px}@media (max-width: 768px){.card-header{flex-direction:column;align-items:stretch;gap:16px}.header-actions{justify-content:stretch;flex-direction:column}.search-form input[type="search"]{min-width:100%}}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(380px, 1fr));gap:clamp(16px, 3vw, 24px)}.topic-card{position:relative;display:grid;grid-template-columns:128px 1fr 40px;gap:20px;align-items:center;padding:20px 24px;border-radius:18px;background:color-mix(in oklab, var(--card) 90%, transparent);border:1px solid color-mix(in oklab, var(--stroke) 78%, transparent);text-decoration:none;color:inherit;box-shadow:0 14px 32px rgba(15,17,23,0.14);transition:transform 0.18s ease, box-shadow 0.22s ease, border-color 0.18s ease}.topic-card::after{content:"";position:absolute;inset:6px;border-radius:inherit;border:1px solid rgba(255,255,255,0.06);pointer-events:none;opacity:0;transition:opacity 0.2s ease}.topic-card:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(15,17,23,0.22);border-color:color-mix(in oklab, var(--accent-primary, #FFA42F) 40%, var(--stroke) 40%, transparent)}.topic-card:hover::after{opacity:1}.topic-card:active{transform:translateY(-1px);box-shadow:0 14px 32px rgba(15,17,23,0.16)}.topic-card-media{display:grid;place-items:center;width:128px;height:128px;border-radius:16px;background:color-mix(in oklab, var(--card) 88%, var(--accent-primary, #FFA42F) 5%);border:1px solid color-mix(in oklab, var(--stroke) 65%, var(--accent-primary, #FFA42F) 6%);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08)}.topic-card-media img{width:100%;height:100%;object-fit:cover}.topic-card-body{display:grid;gap:6px;min-width:0}.topic-card-title{margin:0;font-size:17px;font-weight:650;color:var(--text-primary, #1A0E08);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-card-meta{font-size:13px;color:var(--text-muted, #7D6A62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-card-action{display:flex !important;align-items:center !important;justify-content:center !important;color:#7D6A62 !important;background:rgba(255,164,47,0.1) !important;border-radius:8px !important;padding:8px !important;transition:all 0.2s ease !important;opacity:0.8 !important;width:40px !important;height:40px !important}.topic-card:hover .topic-card-action{color:#FFA42F !important;background:rgba(255,164,47,0.2) !important;opacity:1 !important;transform:scale(1.1) !important}@media (max-width: 768px){.cards-grid{grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:16px}.topic-card{grid-template-columns:96px 1fr 36px;padding:16px 18px;gap:16px}.topic-card-media{width:96px;height:96px}.topic-card-action{padding:6px !important;width:36px !important;height:36px !important}}@media (max-width: 520px){.cards-grid{grid-template-columns:1fr}.topic-card{grid-template-columns:80px 1fr 32px;padding:16px}.topic-card-media{width:80px;height:80px}.topic-card-action{padding:4px !important;width:32px !important;height:32px !important}}.mobile-sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:9998;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.mobile-sidebar-backdrop.show{opacity:1;visibility:visible}.mobile-sidebar{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:85vw;background:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:9999;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);box-shadow:none;display:flex;flex-direction:column}.mobile-sidebar.show{transform:translateX(0);box-shadow:-8px 0 32px rgba(0,0,0,0.12)}.mobile-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.mobile-sidebar-logo{display:flex;align-items:center;gap:12px}.mobile-sidebar-logo-img{width:32px;height:32px}.mobile-sidebar-logo-text{font-size:20px;font-weight:700;color:var(--text-primary)}.mobile-sidebar-close{background:none;border:none;padding:8px;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.mobile-sidebar-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mobile-sidebar-content{flex:1;overflow-y:auto;padding:24px;padding-bottom:80px}.mobile-sidebar-section{margin-bottom:32px}.mobile-sidebar-section:last-child{margin-bottom:0}.mobile-sidebar-section-toggle,.mobile-sidebar-fullscreen-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;margin:0 0 16px 0;cursor:pointer;text-align:left}.mobile-sidebar-section-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.5px;margin:0;padding:0}.mobile-sidebar-section-toggle:hover,.mobile-sidebar-fullscreen-toggle:hover{opacity:0.8}.mobile-sidebar-section-icon{transition:transform 0.2s ease;font-size:12px;margin-left:8px}.mobile-sidebar-section-toggle.expanded .mobile-sidebar-section-icon{transform:rotate(180deg)}.mobile-sidebar-section-content{margin-top:16px;padding-left:16px;border-left:2px solid var(--border-color)}.mobile-sidebar-nav-list{list-style:none;margin:0;padding:0}.mobile-sidebar-nav-list li{margin-bottom:4px}.mobile-sidebar-link{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;color:var(--text-primary);text-decoration:none;transition:all 0.2s ease;position:relative;overflow:hidden}.mobile-sidebar-link:hover{background:var(--bg-primary);color:var(--accent-primary);transform:translateX(-4px)}.mobile-sidebar-link:active{transform:translateX(-2px) scale(0.98)}.mobile-sidebar-icon{width:24px;height:24px;flex-shrink:0}.mobile-sidebar-text{font-size:16px;font-weight:500;flex:1}.mobile-sidebar-link.admin-link{background:linear-gradient(135deg, rgba(255,164,47,0.1), rgba(199,93,44,0.1));border:1px solid rgba(255,164,47,0.2)}.mobile-sidebar-link.admin-link:hover{background:linear-gradient(135deg, rgba(255,164,47,0.2), rgba(199,93,44,0.2));border-color:rgba(255,164,47,0.4)}.mobile-logout-btn{background:none;border:none;width:100%;text-align:left;cursor:pointer;font:inherit}.mobile-user-info{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-primary);border-radius:12px;margin-bottom:16px}.mobile-user-avatar{width:48px;height:48px;background:var(--accent-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white}.mobile-user-details{flex:1}.mobile-user-email{font-size:14px;font-weight:500;color:var(--text-primary)}.mobile-theme-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px}.mobile-theme-option{background:none;border:2px solid var(--border-color);border-radius:12px;padding:16px;cursor:pointer;transition:all 0.2s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.mobile-theme-option:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,164,47,0.2)}.mobile-theme-option[aria-pressed="true"]{border-color:var(--accent-primary);background:rgba(255,164,47,0.1)}.mobile-theme-preview{width:32px;height:32px;border-radius:8px;border:2px solid rgba(255,255,255,0.2)}.mobile-theme-name{font-size:12px;font-weight:500;color:var(--text-secondary);text-align:center}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease;color:var(--text-primary)}.mobile-menu-btn:hover{background:var(--bg-primary);color:var(--accent-primary)}.mobile-menu-btn.active{background:var(--accent-primary);color:white}@media (max-width: 480px){.mobile-sidebar{width:280px}.mobile-sidebar-content{padding:20px}.mobile-theme-grid{grid-template-columns:1fr}}@media (min-width: 769px){.mobile-sidebar,.mobile-sidebar-backdrop{display:none}}@media (min-width: 769px){.mobile-menu-btn{display:none}}.questions-accordion{margin-top:1rem}.header-actions{display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap;justify-content:flex-start}.header-actions .btn{padding:0.5rem 1rem;font-size:0.9rem;display:inline-flex;align-items:center;gap:0.5rem;text-decoration:none;border:none;cursor:pointer;border-radius:0.375rem;transition:all 0.2s ease;white-space:nowrap}.header-actions .btn svg{width:1rem;height:1rem;flex-shrink:0}.question-item{border:1px solid var(--border-color);border-radius:0.5rem;margin-bottom:0.5rem;background:var(--bg-secondary);overflow:hidden;transition:box-shadow 0.2s ease}.question-item:hover{box-shadow:0 2px 8px rgba(0,0,0,0.1)}.question-header{display:flex;align-items:center;padding:0.375rem;cursor:pointer;gap:0.5rem;min-height:30px;border-bottom:1px solid transparent;transition:all 0.2s ease}.question-header:hover{background-color:var(--bg-tertiary)}.question-header[aria-expanded="true"]{border-bottom-color:var(--border-color);background-color:var(--bg-tertiary)}.question-actions{display:flex;gap:0.25rem;flex-shrink:0;margin-left:auto}.question-actions .btn{padding:0.25rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary)}.question-actions .btn:hover{background-color:var(--bg-tertiary)}.question-actions .btn-outline-danger{border-color:#dc2626;color:#dc2626}.question-actions .btn-outline-danger:hover{background-color:#dc2626;color:white}.edit-mode-only{display:none !important;transition:opacity 0.3s ease}.edit-mode-only.show{display:flex !important}.header-actions .edit-mode-only.show{display:inline-flex !important}.question-toggle{flex-shrink:0}.chevron-icon{transition:transform 0.3s ease;color:var(--text-muted)}.question-header[aria-expanded="true"] .chevron-icon{transform:rotate(90deg)}.question-title{flex-grow:1;font-weight:500;line-height:1.4;display:flex;align-items:center;gap:0.5rem;color:var(--text-primary)}.question-content{transition:max-height 0.3s ease, opacity 0.3s ease;overflow:hidden;max-height:0;opacity:0}.question-content.expanded{max-height:1000px;opacity:1}.question-content.collapsed{max-height:0;opacity:0}.question-content:not(.collapsed):not(.expanded){max-height:none;opacity:1}.question-body{padding:0.5rem;padding-top:0.375rem;background-color:var(--bg-primary)}.correct-answer,.short-answers{margin-bottom:0.5rem}.correct-answer:last-child,.short-answers:last-child{margin-bottom:0}.answer-content{margin-top:0.25rem;padding:0.5rem;background:var(--bg-secondary);border-radius:0.25rem;border:1px solid var(--border-light);color:var(--text-primary)}.short-answers-list{display:flex;flex-wrap:wrap;gap:0.25rem;margin-top:0.25rem}.short-answer-tag{background-color:var(--accent-primary);color:var(--bg-secondary);padding:0.25rem 0.5rem;border-radius:0.25rem;font-size:0.875rem;border:1px solid var(--accent-secondary)}.toggle-icon{transition:transform 0.3s ease}#toggle-all-questions[data-expanded="true"] .toggle-icon{transform:rotate(180deg)}@media (max-width: 768px){.question-header{padding:0.25rem;gap:0.375rem;min-height:25px}.question-actions{gap:0.125rem}.question-actions .btn{padding:0.125rem}.question-body{padding:0.375rem}.header-actions{flex-direction:row;flex-wrap:wrap;gap:0.375rem}.header-actions .btn{padding:0.375rem 0.75rem;font-size:0.85rem;gap:0.375rem}.header-actions .btn svg{width:0.875rem;height:0.875rem}.question-title{font-size:0.9rem}.answer-content{padding:0.375rem}}@media (max-width: 480px){.question-header{padding:0.1875rem;gap:0.25rem}.question-actions .btn{padding:0.0625rem}.question-body{padding:0.25rem}.answer-content{padding:0.25rem}}.question-form{max-width:100%}.card-header{border-bottom:1px solid var(--border-color);padding-bottom:0.75rem;margin-bottom:1rem}.header-title{display:flex;align-items:center;margin-bottom:0.375rem}.header-title h1{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:500;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.subtitle{color:var(--text-secondary);margin:0;font-size:1rem;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.card-content{padding:0}.card-footer{border-top:1px solid var(--border-color);padding-top:0.75rem;margin-top:1rem}.form-group{margin-bottom:1rem !important}.form-label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:0.5rem;font-size:1rem;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.form-textarea,.form-input{width:100%;padding:0.5rem !important;border:1px solid var(--border-color) !important;border-radius:0.375rem !important;background:var(--bg-secondary) !important;color:var(--text-primary) !important;font-size:1rem !important;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;transition:border-color 0.2s ease, box-shadow 0.2s ease;resize:vertical;line-height:1.5}.form-textarea:focus,.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(255,164,47,0.1)}.form-hint{color:var(--text-muted);font-size:0.9rem;margin-top:0.375rem;margin-bottom:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.form-actions{display:flex;justify-content:flex-end;gap:0.5rem}.alert{display:flex;align-items:flex-start;gap:0.5rem;padding:0.75rem;border-radius:0.375rem;margin-bottom:1rem}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{display:flex;align-items:flex-start;gap:0.5rem;padding:0.75rem;border-radius:0.375rem;margin-bottom:1rem;background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.alert-success svg{color:#166534;flex-shrink:0;margin-top:0.125rem;width:1.25rem !important;height:1.25rem !important}.question-show-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0.5rem;overflow:hidden;margin-bottom:1rem}.question-header-show{padding:1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.question-title-show{margin:0;font-size:1.25rem;font-weight:500;color:var(--text-primary);line-height:1.5;display:flex;align-items:center;gap:0.75rem;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.question-content-show{padding:0}.question-content-show .question-body{padding:1rem;background-color:var(--bg-primary)}.question-content-show .correct-answer,.question-content-show .short-answers{margin-bottom:1rem}.question-content-show .correct-answer:last-child,.question-content-show .short-answers:last-child{margin-bottom:0}.beautiful-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity 0.3s ease}.beautiful-confirm-overlay.show{opacity:1}.beautiful-confirm-modal{background:var(--bg-primary);border-radius:0.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);max-width:400px;width:90%;max-height:90vh;overflow:hidden;transform:scale(0.95);transition:transform 0.3s ease}.beautiful-confirm-overlay.show .beautiful-confirm-modal{transform:scale(1)}.beautiful-confirm-header{display:flex;align-items:center;gap:0.75rem;padding:1.5rem 1.5rem 1rem 1.5rem;border-bottom:1px solid var(--border-color)}.beautiful-confirm-icon{width:2rem;height:2rem;color:#f59e0b;flex-shrink:0}.beautiful-confirm-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.beautiful-confirm-body{padding:1.5rem}.beautiful-confirm-body p{margin:0;color:var(--text-secondary);line-height:1.5}.beautiful-confirm-footer{display:flex;gap:0.75rem;padding:1rem 1.5rem 1.5rem 1.5rem;justify-content:flex-end}.beautiful-confirm-footer .btn{padding:0.5rem 1rem;border-radius:0.375rem;font-weight:500;transition:all 0.2s ease;display:inline-flex;align-items:center}.beautiful-confirm-footer .btn-secondary{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.beautiful-confirm-footer .btn-secondary:hover{background-color:var(--bg-tertiary)}.beautiful-confirm-footer .btn-danger{background-color:#dc2626;border:1px solid #dc2626;color:white}.beautiful-confirm-footer .btn-danger:hover{background-color:#b91c1c;border-color:#b91c1c}.beautiful-confirm-footer .btn-warning{background-color:#f59e0b;border:1px solid #f59e0b;color:white}.beautiful-confirm-footer .btn-warning:hover{background-color:#d97706;border-color:#d97706}.w-3{width:0.75rem !important}.h-3{height:0.75rem !important}.w-4{width:1rem !important}.h-4{height:1rem !important}.w-5{width:1.25rem !important}.h-5{height:1.25rem !important}.w-6{width:1.5rem !important}.h-6{height:1.5rem !important}.w-8{width:2rem !important}.h-8{height:2rem !important}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;margin:2rem 0}.achievement-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0.75rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.achievement-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.15)}.achievement-card.primary{background:white;color:var(--text-primary);border:1px solid var(--border-color)}.achievement-card.today{background:white;color:var(--text-primary);border:1px solid var(--border-color)}.achievement-card.week{background:white;color:var(--text-primary);border:1px solid var(--border-color)}.achievement-card.streak{background:white;color:var(--text-primary);border:1px solid var(--border-color)}.achievement-icon{flex-shrink:0;padding:0.75rem;border-radius:50%;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center}.achievement-card.primary .achievement-icon,.achievement-card.today .achievement-icon,.achievement-card.week .achievement-icon,.achievement-card.streak .achievement-icon{background:var(--accent-primary);color:white}.achievement-card:not(.primary):not(.today):not(.week):not(.streak) .achievement-icon{background:var(--accent-primary);color:white}.achievement-content{flex:1}.achievement-content h3{margin:0 0 0.5rem 0;font-size:1rem;font-weight:600;opacity:0.9}.achievement-card.primary h3,.achievement-card.today h3,.achievement-card.week h3,.achievement-card.streak h3{color:var(--text-primary)}.achievement-number{font-size:2rem;font-weight:700;margin:0.25rem 0;color:var(--text-primary)}.achievement-card.primary .achievement-number,.achievement-card.today .achievement-number,.achievement-card.week .achievement-number,.achievement-card.streak .achievement-number{color:var(--accent-primary)}.achievement-content p{margin:0;font-size:0.875rem;opacity:0.7;color:var(--text-secondary)}.achievement-card.primary p,.achievement-card.today p,.achievement-card.week p,.achievement-card.streak p{color:var(--text-secondary)}.achievement-stats{display:flex;flex-direction:column;gap:0.5rem;margin-top:0.5rem}.achievement-stats .stat-item{display:flex;align-items:baseline;gap:0.5rem}.stat-number{font-size:1.5rem;font-weight:700;color:var(--accent-primary);line-height:1}.achievement-stats .stat-label{font-size:0.875rem;color:var(--text-secondary);opacity:0.8}.training-question-set-card{display:grid;grid-template-columns:128px 1fr;gap:20px;align-items:center;padding:20px 24px;border-radius:18px;background:color-mix(in oklab, var(--card) 90%, transparent);border:1px solid color-mix(in oklab, var(--stroke) 78%, transparent);text-decoration:none;color:inherit;box-shadow:0 14px 32px rgba(15,17,23,0.14);transition:transform 0.18s ease, box-shadow 0.22s ease, border-color 0.18s ease;cursor:pointer}.training-question-set-card:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(15,17,23,0.22);border-color:color-mix(in oklab, var(--accent-primary, #FFA42F) 40%, var(--stroke) 40%, transparent)}.training-question-set-media{display:grid;place-items:center;width:128px;height:128px;border-radius:16px;background:color-mix(in oklab, var(--card) 88%, var(--accent-primary, #FFA42F) 5%);border:1px solid color-mix(in oklab, var(--stroke) 65%, var(--accent-primary, #FFA42F) 6%);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08)}.training-question-set-icon{color:var(--accent-primary, #FFA42F);display:flex;align-items:center;justify-content:center}.training-question-set-content{display:flex;flex-direction:column;gap:12px;flex:1}.training-question-set-header{display:flex;flex-direction:column;gap:4px}.training-question-set-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary);line-height:1.3}.training-question-set-topic{font-size:0.875rem;color:var(--text-secondary);opacity:0.8}.training-question-set-stats{display:flex;gap:16px}.training-question-set-stats .training-stat{display:flex;align-items:baseline;gap:4px}.training-question-set-stats .training-stat-number{font-size:1.125rem;font-weight:600;color:var(--accent-primary)}.training-question-set-stats .training-stat-label{font-size:0.875rem;color:var(--text-secondary);opacity:0.8}.training-question-set-actions{margin-top:auto}.training-question-set-actions .btn{background:none;border:none;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:8px;transition:all 0.2s ease;font-weight:500}.training-question-set-actions .btn:hover{background:color-mix(in oklab, var(--accent-primary, #FFA42F) 15%, transparent);transform:translateY(-1px)}.btn-full{width:100%;justify-content:center}.achievements-footer{margin-top:2rem;text-align:center;padding:1.5rem;background:var(--bg-tertiary);border-radius:0.5rem}.text-muted{color:var(--text-muted);font-size:1rem}@media (max-width: 768px){.achievements-grid{grid-template-columns:1fr;gap:1rem;margin:1rem 0}.achievement-card{padding:1rem;gap:0.75rem}.achievement-number{font-size:1.5rem}.achievement-content h3{font-size:0.9rem}.achievement-content p{font-size:0.8rem}.achievement-stats{gap:0.375rem}.stat-number{font-size:1.25rem}.stat-label{font-size:0.8rem}.training-question-set-card{grid-template-columns:1fr;gap:16px;padding:16px}.training-question-set-media{width:80px;height:80px;justify-self:center}.training-question-set-title{font-size:1.125rem;text-align:center}.training-question-set-topic{text-align:center}.training-question-set-stats{justify-content:center}}.alert-error svg{color:#dc2626;flex-shrink:0;margin-top:0.125rem;width:1.25rem !important;height:1.25rem !important}.alert h3{margin:0 0 0.5rem 0;font-size:0.9rem;font-weight:600}.alert ul{margin:0;padding-left:1rem}.alert li{font-size:0.85rem}.short-answer-input{display:flex;gap:0.375rem;margin-bottom:0.375rem;align-items:flex-start}.short-answer-input .form-input{flex:1}.short-answer-input .btn{flex-shrink:0;align-self:center;padding:0.25rem 0.5rem !important;min-width:32px !important;max-width:32px !important;height:32px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:0.25rem !important;border:1px solid #dc2626 !important;background:white !important;color:#dc2626 !important;font-size:16px !important;font-weight:bold !important;line-height:1 !important;transition:all 0.2s ease}.short-answer-input .btn:hover{background:#dc2626 !important;color:white !important}#short-answers-container{margin-bottom:0.5rem}.mt-2{margin-top:0.5rem}.mr-1{margin-right:0.25rem}.mr-2{margin-right:0.5rem}@media (max-width: 768px){.header-title{flex-direction:row;align-items:center;gap:0.5rem}.header-title h1{font-size:1.125rem}.form-group{margin-bottom:0.75rem}.form-textarea,.form-input{padding:0.5rem;font-size:0.95rem}.form-actions{justify-content:stretch}.form-actions .btn{flex:1;justify-content:center;padding:0.5rem}.short-answer-input{flex-direction:column;gap:0.25rem}.short-answer-input .btn{align-self:center;padding:0.25rem !important;min-width:28px !important;max-width:28px !important;height:28px !important;font-size:14px !important}}@media (max-width: 480px){.header-actions{flex-direction:column;gap:0.25rem}.header-actions .btn{width:100%;justify-content:center;padding:0.5rem;font-size:0.8rem}}.training-diary-page{max-width:100%}.training-diary-container{padding:24px}.calendar-heatmap-wrapper{background:var(--bg-secondary);border-radius:12px;padding:20px;border:1px solid var(--border-color);overflow-x:auto}.calendar-months-row{display:grid;grid-auto-flow:column;grid-auto-columns:auto;gap:5px;margin-bottom:12px;margin-left:47px;font-size:14px;color:var(--text-secondary);font-weight:600}.month-label{text-align:left;padding-left:2px}.calendar-heatmap{display:flex;gap:10px;min-width:fit-content}.calendar-weekday-labels{display:flex;flex-direction:column;gap:5px;padding-right:12px;justify-content:space-around;width:35px}.weekday-label{height:22px;font-size:13px;color:var(--text-secondary);display:flex;align-items:center;line-height:22px;font-weight:500}.calendar-heatmap-grid{display:flex;gap:20px;flex:1;min-height:200px}.calendar-loading{display:flex;align-items:center;justify-content:center;width:100%;padding:40px 20px;color:var(--text-secondary);font-size:16px;font-weight:500}.calendar-loading.calendar-error{color:var(--accent-warning)}.calendar-month-block{display:flex;flex-direction:column;gap:8px}.month-header{font-size:12px;font-weight:700;color:var(--text-primary);text-align:center;padding:0 4px}.calendar-weeks-grid{display:flex;gap:5px}.calendar-week-column{display:flex;flex-direction:column;gap:5px}.calendar-cell{width:34px;height:22px;border-radius:4px;cursor:pointer;transition:all 0.15s ease;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:white;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.calendar-cell.empty{visibility:hidden}.calendar-cell:not(.empty):hover{transform:scale(1.3);z-index:10;box-shadow:0 3px 10px rgba(0,0,0,0.25)}.calendar-cell.level-0{background:#ebedf0;border:1px solid #d0d7de}.calendar-cell.level-1{background:#9be9a8;border:1px solid #7bc96f}.calendar-cell.level-2{background:#40c463;border:1px solid #30a14e}.calendar-cell.level-3{background:#30a14e;border:1px solid #216e39}.calendar-cell.level-4{background:#216e39;border:1px solid #0d4429}.calendar-cell.today{outline:2px solid var(--accent-primary);outline-offset:1px;box-shadow:0 0 0 3px rgba(255,164,47,0.2)}.calendar-tooltip{position:fixed;background:rgba(0,0,0,0.9);color:white;padding:10px 12px;border-radius:6px;font-size:12px;line-height:1.4;pointer-events:none;z-index:1000;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.calendar-tooltip strong{display:block;margin-bottom:2px}.calendar-legend{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px;background:var(--bg-secondary);border-radius:8px;justify-content:center;font-size:11px;color:var(--text-secondary)}.legend-label{font-size:11px;color:var(--text-secondary)}.legend-colors{display:flex;gap:3px}.legend-cell{width:14px;height:14px;border-radius:3px;cursor:pointer}.legend-cell.level-0{background:#ebedf0;border:1px solid #d0d7de}.legend-cell.level-1{background:#9be9a8;border:1px solid #7bc96f}.legend-cell.level-2{background:#40c463;border:1px solid #30a14e}.legend-cell.level-3{background:#30a14e;border:1px solid #216e39}.legend-cell.level-4{background:#216e39;border:1px solid #0d4429}@media (max-width: 768px){.training-diary-container{padding:12px}.calendar-heatmap-wrapper{padding:12px}.calendar-heatmap{flex-direction:column;gap:20px}.calendar-weekday-labels{display:none}.calendar-heatmap-grid{flex-direction:column-reverse;gap:20px}.calendar-month-block{width:100%}.month-header{font-size:14px;font-weight:700;margin-bottom:8px}.calendar-weeks-grid{gap:3px;flex-wrap:wrap;justify-content:center}.calendar-week-column{gap:3px}.calendar-cell{width:40px;height:18px;font-size:10px}.legend-cell{width:12px;height:12px}.calendar-legend{font-size:10px}}