.student-app{--student-primary: #6B73FF;--student-secondary: #9B59B6;--student-accent: #3498DB}.header-badge{position: absolute;top: 10px;right: 15px;background: var(--student-primary);color: white;padding: 4px 12px;border-radius: 12px;font-size: 0.8rem;font-weight: 600;z-index: 1000}.student-badge{background: linear-gradient(135deg, var(--student-primary), var(--student-secondary))}.student-app .nav-controls{background: transparent;backdrop-filter: none;border: none}.student-app .nav-btn:hover{background: rgba(107, 115, 255, 0.2);transform: translateY(-1px)}.student-app .control-panel{border-left: 3px solid var(--student-primary)}.student-app .visible-regions-panel{border-right: 3px solid var(--student-primary)}.student-app .region-info{font-size: 0.95rem;line-height: 1.5}.student-app .region-info h3{color: var(--student-primary);border-bottom: 2px solid var(--student-primary);padding-bottom: 8px;margin-bottom: 15px}.exploration-progress{position: fixed;bottom: 20px;left: 20px;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);border-radius: 12px;padding: 12px 16px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);border: 1px solid rgba(107, 115, 255, 0.2);z-index: 1000;display: none}.exploration-progress.visible{display: block;animation: slideInUp 0.3s ease-out}.progress-text{font-size: 0.9rem;color: #333;margin: 0}.progress-count{font-weight: 600;color: var(--student-primary)}.student-app .explore-country-item{transition: all 0.3s ease;border-left: 3px solid transparent}.student-app .explore-country-item:hover{border-left-color: var(--student-primary);background: rgba(107, 115, 255, 0.05);transform: translateX(5px)}.learning-tip{position: fixed;top: 80px;right: 20px;max-width: 280px;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);border-radius: 12px;padding: 16px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);border: 1px solid rgba(107, 115, 255, 0.2);z-index: 999;display: none}.learning-tip.visible{display: block;animation: slideInRight 0.3s ease-out}.tip-header{display: flex;align-items: center;gap: 8px;margin-bottom: 10px}.tip-icon{font-size: 1.2rem}.tip-title{font-weight: 600;color: var(--student-primary);font-size: 0.9rem}.tip-content{font-size: 0.85rem;line-height: 1.4;color: #555}.tip-close{position: absolute;top: 8px;right: 8px;background: none;border: none;font-size: 1.2rem;color: #999;cursor: pointer;padding: 4px;border-radius: 4px}.tip-close:hover{background: rgba(107, 115, 255, 0.1);color: var(--student-primary)}@keyframes slideInUp{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}@keyframes slideInRight{from{opacity: 0;transform: translateX(20px)}to{opacity: 1;transform: translateX(0)}}@media (max-width: 768px){.header-badge{top: 5px;right: 10px;font-size: 0.7rem;padding: 3px 8px}.learning-tip{position: static;margin: 10px;max-width: none}.exploration-progress{bottom: 10px;left: 10px;right: 10px;text-align: center}}.admin-testing-indicator{position: fixed;top: 50px;right: 15px;background: linear-gradient(135deg, #FF6B35, #F7931E);color: white;padding: 6px 12px;border-radius: 12px;font-size: 0.75rem;font-weight: 600;z-index: 1001;border: 2px solid rgba(255, 255, 255, 0.3);animation: adminPulse 2s infinite}@keyframes adminPulse{0%, 100%{opacity: 1;transform: scale(1)}50%{opacity: 0.8;transform: scale(1.05)}}@media (max-width: 768px){.header-badge{top: 5px;right: 10px;font-size: 0.7rem;padding: 3px 8px}.learning-tip{position: static;margin: 10px;max-width: none}.exploration-progress{bottom: 10px;left: 10px;right: 10px;text-align: center}}.student-app .side-controls .profile-controls{order: 1;pointer-events: auto}.student-app .side-controls .opacity-controls{order: 3;pointer-events: auto}.loading-results{color: var(--student-primary) !important;font-style: italic;animation: pulse 1.5s infinite}@keyframes pulse{0%, 100%{opacity: 1}50%{opacity: 0.6}}.student-app .nav-btn:focus, .student-app .control-btn:focus, .student-app .search-trigger-btn:focus, .student-app .profile-trigger-btn:focus{outline: 2px solid var(--student-primary);outline-offset: 2px}