@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');:root{--primary-color:#0d6efd;--primary-hover-color:#0b5ed7;--primary-button-border-color:#0a58ca;--primary-button-border-hover-color:#0a53be;--secondary-color:#2a2e33;--secondary-hover-color:#383f47;--secondary-button-border-color:#4a4f55;--secondary-button-border-hover-color:#5c646c;--text-color:#e9ecef;--primary-button-text-color:#e9ecef;--muted-text-color:#adb5bd;--footer-text-color:#ced4da;--background-color:#212529;--section-background:#343a40;--input-background:#495057;--footer-background:#1d1f21;--success-background:#1e5631;--error-background:#7b1c1c;--info-background:#184e77;--success-text:#c3e6cb;--error-text:#f5c6cb;--info-text:#bee3f8;--menu-overlay-background:rgba(33,37,41,var(--opacity-overlay));--table-hover-background:#2a2e33;--border-color:#495057;--font-size-small:14px;--font-size-medium:16px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--spacing-small:10px;--spacing-medium:20px;--spacing-large:40px;--heading-spacing-large:1.5rem;--heading-spacing-medium:1rem;--heading-spacing-small:0.5rem;--border-radius-small:4px;--border-radius-medium:8px;--box-shadow-default:0 2px 4px rgba(0,0,0,0.5);--shadow-color:rgba(0,0,0,0.2);--transition-speed-default:0.3s;--z-index-overlay:1000;--z-index-modal:1100;--opacity-overlay:0.8;--opacity-disabled:0.5;--icon-size-small:16px;--icon-size-medium:20px;--icon-size-large:24px}html,body{height:100%;margin:0;padding:0}body{font:var(--font-weight-light) var(--font-size-medium)/1.5 'Ubuntu',Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-medium)}.container-narrow{max-width:800px;margin:0 auto;padding:0 var(--spacing-medium)}.content-wrapper{flex:1 0 auto;padding:var(--spacing-medium)}.spacing-small{margin-bottom:var(--spacing-small)}.spacing-medium{margin-bottom:var(--spacing-medium)}.spacing-large{margin-bottom:var(--spacing-large)}nav{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-small) var(--spacing-medium);margin-bottom:var(--spacing-medium);border-bottom:1px solid var(--border-color)}.nav-left,.nav-right{display:flex;align-items:center}.logo-container{display:flex;align-items:center}.logo-image{height:30px;margin-right:var(--spacing-small)}.logo-text{font-size:var(--font-size-medium);color:var(--text-color)}.student-nickname{margin-right:var(--spacing-small);color:var(--text-color);font-weight:bold}.hamburger-menu{background:none;border:none;color:var(--text-color);font-size:24px;cursor:pointer;display:block}.menu-overlay{position:fixed;top:0;right:0;width:0;height:100%;background-color:var(--menu-overlay-background);z-index:var(--z-index-overlay);overflow:hidden;transition:width var(--transition-speed-default) ease-in-out}.menu-overlay.active{width:100%}.menu-content{background-color:var(--section-background);padding:var(--spacing-large) var(--spacing-small);width:250px;height:100%;position:absolute;top:0;right:0;transform:translateX(100%);transition:transform var(--transition-speed-default) ease-in-out;overflow-y:auto;border-left:1px solid var(--border-color);box-shadow:var(--box-shadow-default)}.menu-overlay.active .menu-content{transform:translateX(0)}.menu-content a{display:flex;align-items:center;padding:var(--spacing-small);color:var(--text-color);text-decoration:none;font-size:var(--font-size-medium);transition:background-color var(--transition-speed-default) ease}.menu-content a i{margin-right:var(--spacing-small);width:var(--icon-size-medium);text-align:center}.menu-content a:hover{background-color:var(--primary-hover-color);color:var(--text-color);border-radius:var(--border-radius-small)}.menu-content a.indented{padding-left:35px;font-size:var(--font-size-small);color:var(--muted-text-color)}.menu-separator{height:1px;background-color:var(--border-color);margin:var(--spacing-small) 0}.close-menu{background:none;border:none;color:var(--primary-hover-color);font-size:18px;cursor:pointer;position:absolute;top:var(--spacing-small);right:var(--spacing-small);padding:5px}.flash-messages{margin-bottom:var(--spacing-medium)}.flash-message{padding:var(--spacing-small);margin-bottom:var(--spacing-small);border-radius:var(--border-radius-small)}.flash-message.success{background-color:var(--success-background);color:var(--success-text)}.flash-message.error{background-color:var(--error-background);color:var(--error-text)}.flash-message.info{background-color:var(--info-background);color:var(--info-text)}footer{flex-shrink:0;background-color:var(--footer-background);color:var(--footer-text-color);text-align:center;padding:var(--spacing-small) 0;border-top:1px solid var(--border-color)}footer p{margin:0;font-size:var(--font-size-small)}.heading-primary{color:var(--primary-color)}.heading-muted{color:var(--muted-text-color)}.heading-no-margin{margin-bottom:0}.heading-center{text-align:center}.text-welcome-current-user{margin-bottom:30px}.text-primary{color:var(--primary-color)}.text-muted{color:var(--muted-text-color);font-style:italic}.section{}.section-box{background-color:var(--section-background);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);padding:var(--spacing-medium);box-shadow:var(--box-shadow-default);margin-bottom:var(--spacing-medium)}.form{max-width:400px}.form-group{margin-bottom:var(--spacing-medium)}.form-label{display:block;margin-bottom:5px}.form-input,.form-select{width:100%;padding:8px;border:1px solid var(--border-color);background-color:var(--input-background);color:var(--text-color);border-radius:var(--border-radius-small)}.form-input,.form-select,button{font-family:inherit}.button{font-family:inherit;padding:var(--spacing-small) 15px;border:none;border-radius:var(--border-radius-small);cursor:pointer;transition:all var(--transition-speed-default);text-decoration:none;display:inline-block;text-align:center;line-height:1.5;font-weight:var(--font-weight-regular);box-sizing:border-box}.button-primary{background-color:var(--primary-color);color:var(--primary-button-text-color);border:1px solid var(--primary-button-border-color);transition:all var(--transition-speed-default) ease}.button-primary:hover{background-color:var(--primary-hover-color);color:var(--primary-button-text-color);border-color:var(--primary-button-border-hover-color);transform:translateY(-1px);box-shadow:0 2px 4px var(--shadow-color)}.button-secondary{background-color:var(--secondary-color);color:var(--text-color);border:2px solid var(--secondary-button-border-color);transition:all var(--transition-speed-default) ease}.button-secondary:hover{background-color:var(--secondary-hover-color);color:var(--text-color);border-color:var(--secondary-button-border-hover-color);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.2)}.button.disabled{opacity:var(--opacity-disabled)}.button-group{display:flex;gap:10px}.list-unstyled{list-style-type:none;padding:0;margin:0}.list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-small) 0;border-bottom:1px solid var(--border-color)}.list-item:last-child{border-bottom:none}a{color:var(--primary-color);text-decoration:none}a:hover{color:var(--primary-hover-color)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.table th{background-color:var(--section-background);font-weight:bold;text-transform:uppercase;font-size:0.9em}.table tbody tr:nth-child(even){background-color:var(--section-background)}.table tbody tr:hover{background-color:var(--table-hover-background)}.theme-switch-wrapper{margin-top:var(--spacing-small);padding:var(--spacing-small)}.theme-switch{display:inline-block;height:34px;position:relative;width:60px}.theme-switch input{display:none}.slider{background-color:#495057;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:var(--transition-speed-default);border-radius:34px}.slider:before{background-color:#212529;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:var(--transition-speed-default);width:26px;border-radius:50%}input:checked + .slider:before{transform:translateX(26px)}.slider .icon{color:#ced4da;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition-speed-default);opacity:1}.slider .sun{right:7px}.slider .moon{left:7px}input:checked + .slider .sun{opacity:0}input:not(:checked) + .slider .moon{opacity:0}.radio-label{display:flex;align-items:center;margin-bottom:10px;cursor:pointer;font-size:16px;color:var(--text-color);padding:var(--spacing-small);background-color:var(--section-background);border:1px solid var(--border-color);border-radius:var(--border-radius-small);transition:background-color 0.2s ease,transform 0.15s ease}.radio-label:hover{background-color:var(--button-secondary-hover-background);transform:translateY(-1px);box-shadow:var(--box-shadow-default)}.radio-label input[type="radio"]{position:absolute;opacity:0}.radio-custom{width:20px;height:20px;border:2px solid var(--text-color);border-radius:50%;margin-right:var(--spacing-small);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--transition-speed-default);background-color:transparent}.radio-label input[type="radio"]:checked + .radio-custom{border-color:var(--primary-color)}.radio-label input[type="radio"]:checked + .radio-custom::after{content:"";width:10px;height:10px;background-color:var(--primary-color);border-radius:50%}.radio-text{flex-grow:1;font-size:var(--font-size-medium);color:var(--text-color)}#answerOptions{margin-bottom:20px}.answer-option{display:flex;align-items:center;padding:0.75rem}.answer-option .status-icon{width:1.5rem;height:1.5rem;margin-right:0.75rem}.hero-cta{display:inline-block;padding:var(--spacing-small) var(--spacing-medium);background-color:var(--primary-color);color:var(--primary-button-text-color);text-decoration:none;border-radius:var(--border-radius-small);font-weight:var(--font-weight-bold);transition:background-color var(--transition-speed-default)}.hero-cta:hover{background-color:var(--primary-hover-color);color:var(--text-color)}.grid{display:grid;gap:var(--spacing-small);width:100%}.grid-2{grid-template-columns:1fr}.grid-2-auto-fit-right{display:grid;gap:var(--spacing-medium);width:100%;grid-template-columns:1fr auto}.grid-2-auto-fit-left{display:grid;gap:var(--spacing-medium);width:100%;grid-template-columns:auto 1fr}.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr}@media (min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.progress-container{width:100%;height:20px;background-color:var(--section-background);border-radius:var(--border-radius-small);margin:var(--spacing-medium) 0;position:relative;overflow:hidden}.progress-bar{height:100%;background-color:var(--primary-color);transition:width var(--transition-speed-default) ease;width:0}.progress-text{display:block;text-align:center;margin-top:var(--spacing-small);color:var(--text-color);font-size:var(--font-size-small)}.question-container{display:flex;flex-direction:column;gap:var(--spacing-medium)}.question-content{margin-bottom:var(--spacing-medium);font-size:var(--font-size-medium);line-height:1.5;color:var(--text-color)}.answer-options{display:grid;gap:var(--spacing-medium);width:100%;margin-bottom:var(--spacing-medium)}@media (min-width:768px){.answer-options{grid-template-columns:repeat(2,1fr)}}.completion-message{text-align:center;padding:var(--spacing-large)}.radio-label:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}@media screen and (max-width:600px){:root{--heading-size-1:1.75rem;--heading-size-2:1.5rem;--heading-size-3:1.125rem;--heading-size-4:1rem;--heading-size-5:0.875rem;--heading-size-6:0.75rem}.table{font-size:0.9em}.table th,.table td{padding:8px}.content-wrapper{padding:var(--spacing-small)}nav{flex-direction:row;justify-content:space-between;align-items:center}.menu-content{width:100%}.button{padding:12px 15px;font-size:var(--font-size-medium);min-height:44px;display:flex;align-items:center;justify-content:center}.button-group{flex-direction:column;width:100%;gap:8px}.button-group .button{width:100%;margin:0}.grid-2-auto-fit-right,.grid-2-auto-fit-left{grid-template-columns:1fr}.radio-text{font-size:var(--font-size-small)}}@media (min-width:601px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.feature-grid{grid-template-columns:repeat(2,2fr)}}.hidden{display:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.streak-box[data-new-day="true"]{animation:pulse 2s ease-in-out 2}.streak-container{display:flex;flex-direction:column;gap:15px}.streak-header{display:flex;align-items:center;gap:8px}.streak-tooltip{cursor:help}.streak-display{display:flex;align-items:baseline;gap:8px;justify-content:center}.streak-number{font-size:4rem;font-weight:var(--font-weight-bold);color:var(--primary-color)}.streak-icon-container{display:flex;justify-content:center;gap:8px}.streak-icon{width:20px;height:20px;display:inline-block;margin:2px;background-color:var(--border-color);border-radius:var(--border-radius-small)}.streak-icon.active{background-color:var(--primary-color)}.streak-message{text-align:center}.loading{opacity:0.6;transition:opacity 0.3s ease}@keyframes pulse{0%{box-shadow:0 2px 4px rgba(0,0,0,0.3)}50%{box-shadow:0 2px 12px var(--primary-color)}100%{box-shadow:0 2px 4px rgba(0,0,0,0.3)}}.badge-box[data-new-badge="true"]{animation:pulse 2s ease-in-out 2}.badge-container{display:flex;flex-direction:column;gap:15px}.badge-display{display:flex;flex-direction:column;align-items:center;text-align:center}.badge-icon{font-size:3rem;margin-bottom:10px}.badge-name{font-weight:var(--font-weight-bold);color:var(--primary-color)}.badge-description{text-align:center}