.navbar{z-index:100;border-bottom:1px solid var(--border-color);margin-bottom:2rem;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;height:4rem;display:flex}.nav-logo{color:var(--primary-color);letter-spacing:-.025em;font-size:1.25rem;font-weight:700}.nav-links{gap:1.5rem;display:flex}.nav-link{color:var(--text-secondary);padding:.5rem 0;font-size:.875rem;font-weight:500;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--primary-color)}.card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:box-shadow .3s}.card:hover{box-shadow:var(--shadow-md)}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-secondary{background-color:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--border-color)}.btn-success{background-color:var(--success-color);color:#fff}.btn-sm{padding:.5rem .75rem;font-size:.875rem}.btn-md{padding:.75rem 1.5rem;font-size:1rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-full{width:100%}.cascading-selector{flex-direction:column;gap:1.25rem;display:flex}.cascading-selector__grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=768px){.cascading-selector__grid{grid-template-columns:1fr}}.cascading-level{border-radius:var(--radius-md);background:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:opacity .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.cascading-level:hover:not(.cascading-level--disabled){box-shadow:var(--shadow-md);border-color:var(--primary-color)}.cascading-level--disabled{opacity:.55;pointer-events:none}.cascading-level__header{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 12%, var(--surface-color)), color-mix(in srgb, var(--primary-color) 4%, var(--surface-color)));border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;padding:.5rem .875rem;display:flex}.cascading-level__label{letter-spacing:.06em;text-transform:uppercase;color:var(--primary-color);font-size:.7rem;font-weight:700}.cascading-level__step{color:var(--surface-color);background:var(--primary-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.6rem;font-weight:600;display:flex}.cascading-level__body{padding:.75rem .875rem}.cascading-level__select-wrapper{position:relative}.cascading-level__select{appearance:none;width:100%;font-size:.875rem;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-color);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:.5rem 2rem .5rem .75rem;transition:border-color .2s,box-shadow .2s}.cascading-level__select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 20%, transparent)}.cascading-level__select:disabled{cursor:not-allowed;color:var(--text-secondary)}.cascading-level__select-wrapper:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--text-secondary);pointer-events:none;width:0;height:0;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.cascading-level__add-btn{color:var(--primary-color);font-size:.75rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;margin-top:.5rem;padding:0;transition:color .2s;display:inline-flex;position:relative}.cascading-level__add-btn:after{content:"";background:var(--primary-color);width:0;height:1px;transition:width .25s;position:absolute;bottom:-1px;left:0}.cascading-level__add-btn:hover:after{width:100%}.cascading-level__add-btn:hover{color:var(--primary-hover)}.cascading-level__add-form{animation:.25s forwards cascadingSlideDown;overflow:hidden}@keyframes cascadingSlideDown{0%{opacity:0;max-height:0;transform:translateY(-6px)}to{opacity:1;max-height:120px;transform:translateY(0)}}.cascading-level__add-form-inner{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.cascading-level__add-input{font-size:.8125rem;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-color);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);outline:none;flex:1;padding:.4rem .625rem;transition:border-color .2s,box-shadow .2s}.cascading-level__add-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 20%, transparent)}.cascading-level__save-btn,.cascading-level__cancel-btn{font-size:.75rem;font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:.35rem .625rem;transition:background-color .2s,transform .1s}.cascading-level__save-btn{background:var(--primary-color);color:#fff}.cascading-level__save-btn:hover{background:var(--primary-hover)}.cascading-level__save-btn:active{transform:scale(.96)}.cascading-level__cancel-btn{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.cascading-level__cancel-btn:hover{background:var(--bg-color);color:var(--text-primary)}.cascading-selector__path{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:.375rem;min-height:2.75rem;padding:.75rem 1rem;display:flex}.cascading-selector__path-empty{color:var(--text-secondary);font-size:.8125rem;font-style:italic}.cascading-selector__path-pill{color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 10%, transparent);white-space:nowrap;border-radius:999px;align-items:center;padding:.25rem .625rem;font-size:.8125rem;font-weight:500;animation:.3s forwards pillFadeIn;display:inline-flex}@keyframes pillFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.cascading-selector__path-sep{color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-size:.75rem}.input-container{flex-direction:column;margin-bottom:1rem;display:flex}.input-full{width:100%}.input-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500}.input-field{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--surface-color);color:var(--text-primary);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.input-error{border-color:var(--error-color)}.input-field:disabled{background-color:var(--bg-color);cursor:not-allowed;opacity:.7}.input-error-msg{color:var(--error-color);margin-top:.25rem;font-size:.75rem}textarea.input-field{resize:vertical;min-height:100px}.spreadsheet-cell{border:1px solid var(--border-color);background-color:var(--surface-color);-webkit-user-select:none;user-select:none;min-width:80px;height:30px;padding:0;transition:box-shadow .1s;position:relative}.spreadsheet-cell:focus,.cell-active{box-shadow:inset 0 0 0 2px var(--primary-color);z-index:10;outline:none}.spreadsheet-cell[draggable=true]{cursor:grab}.spreadsheet-cell[draggable=true]:active{cursor:grabbing}.cell-content{text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;display:block;overflow:hidden}.cell-number .cell-content{text-align:right}.cell-error .cell-content{color:var(--error-color);font-weight:700}.cell-input{width:100%;height:100%;font-family:inherit;font-size:inherit;background-color:var(--surface-color);color:var(--text-primary);box-shadow:inset 0 0 0 2px var(--primary-color);border:none;outline:none;padding:4px 8px}.cell-editing-formula .cell-input{box-shadow:inset 0 0 0 2px var(--success-color)}.cell-drag-over{background-color:#4caf501a!important;border:2px dashed #4caf50!important}.spreadsheet-container{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--surface-color);max-width:100%;margin-bottom:1rem;display:block;overflow-x:auto}.spreadsheet-body-wrapper{vertical-align:top;flex-direction:column;min-width:100%;display:inline-flex}.spreadsheet-table-row{flex-direction:row;display:flex}.spreadsheet-table{border-collapse:collapse;width:max-content}.spreadsheet-table th{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-secondary);text-align:center;-webkit-user-select:none;user-select:none;padding:4px 8px;font-size:.75rem;font-weight:500}.row-header-corner{min-width:40px}.row-header{background-color:var(--bg-color);border-right:1px solid var(--border-color);width:40px}.add-row-btn{background-color:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;width:100%;height:24px;color:var(--text-secondary);border-top:none;justify-content:center;align-items:center;font-size:.75rem;transition:background-color .2s;display:flex}.add-row-btn:hover{color:var(--primary-color);background-color:#3b82f61a}.add-col-btn{background-color:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;width:24px;color:var(--text-secondary);border-left:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:background-color .2s;display:flex}.add-col-btn:hover{color:var(--primary-color);background-color:#3b82f61a}.rich-text-container{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);flex-direction:column;display:flex;overflow:hidden}.rich-text-container.read-only{background:0 0;border:none}.toolbar{border-bottom:1px solid var(--border-color);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);background-color:#00000005;padding:.5rem}.editor-content-wrapper{cursor:text;min-height:150px;padding:1rem}.rich-text-container.read-only .editor-content-wrapper{cursor:default;padding:0}.template-dropdown{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:1000;min-width:200px;margin-top:.5rem;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.template-item{cursor:pointer;padding:.75rem 1rem;transition:background-color .2s}.template-item:hover{background-color:var(--primary-color);color:#fff}.keyboard-toggle-btn{background:var(--surface-color);border:1px solid var(--border-color);cursor:pointer;opacity:.5;z-index:100;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .2s,background-color .2s;display:flex;position:absolute;bottom:1rem;right:1rem;box-shadow:0 2px 8px #0000001a}.keyboard-toggle-btn:hover,.keyboard-toggle-btn.active{opacity:1}.keyboard-toggle-btn.active{background:var(--primary-color)}.ProseMirror{outline:none;min-height:100px}.ProseMirror>*+*{margin-top:.75em}.ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;margin:0;overflow:hidden}.ProseMirror td,.ProseMirror th{border:1px solid var(--border-color);vertical-align:top;box-sizing:border-box;min-width:1em;padding:3px 5px;position:relative}.ProseMirror th{text-align:left;background-color:#00000005;font-weight:700}.ProseMirror .column-resize-handle{background-color:var(--primary-color);pointer-events:none;width:4px;position:absolute;top:0;bottom:-2px;right:-2px}.ProseMirror p.is-editor-empty:first-child:before{color:#adb5bd;content:attr(data-placeholder);float:left;pointer-events:none;height:0}.type-toggle{border-bottom:1px solid var(--border-color);gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.page-header{text-align:center;margin-bottom:2rem}.page-header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:700}.page-header p{color:var(--text-secondary)}.framing-card{max-width:800px;margin:0 auto 4rem}.form-group{flex-direction:column;margin-bottom:1.5rem;display:flex}.select-field{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--surface-color);color:var(--text-primary);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.options-section{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#00000005;margin-bottom:1.5rem;padding:1rem}.option-row{align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.option-row:last-child{margin-bottom:0}.radio-btn{width:1.25rem;height:1.25rem;accent-color:var(--primary-color);cursor:pointer;margin-top:1rem}.alert{border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem;font-weight:500}.alert-success{color:var(--success-color);border:1px solid var(--success-color);background-color:#10b9811a}.alert-error{color:var(--error-color);border:1px solid var(--error-color);background-color:#ef44441a}.syllabus-dashboard{max-width:1000px;margin:0 auto}.dashboard-header{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;margin-bottom:3rem;padding-bottom:1rem;display:flex}.dashboard-header.with-back{flex-direction:column;align-items:flex-start;gap:.5rem}.dashboard-header h2{color:var(--text-primary);margin:0;font-size:2rem}.course-selector{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--surface-color);color:var(--primary-color);cursor:pointer;outline:none;padding:.5rem 1rem;font-size:1.25rem;font-weight:600}.btn-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-weight:500;transition:color .2s;display:flex}.btn-back:hover{color:var(--primary-color)}.subject-group{margin-bottom:3rem}.group-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:1.25rem}.subject-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.subject-card{cursor:pointer;flex-direction:column;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.subject-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.exemption-badge{color:#fff;box-shadow:var(--shadow-sm);z-index:1;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;position:absolute;top:-12px;right:1.5rem}.subject-title{flex-grow:1;margin-bottom:1.5rem;font-size:1.25rem}.progress-container{margin-bottom:1.5rem}.progress-bar{background-color:var(--border-color);border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background-color:var(--success-color);border-radius:3px;height:100%;transition:width .4s}.progress-text{color:var(--text-secondary);justify-content:space-between;font-size:.875rem;font-weight:500;display:flex}.exam-types-container{flex-direction:column;gap:1rem;display:flex}.exam-type-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.exam-type-header{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:1rem;width:100%;padding:1.25rem 1.5rem;transition:background-color .2s;display:flex}.exam-type-header:hover{background-color:#00000005}.exam-type-header h3{color:var(--text-primary);flex-grow:1;margin:0;font-size:1.125rem}.exam-type-header .chevron{color:var(--text-secondary);width:16px;font-size:.875rem}.exam-type-header .test-count{color:var(--text-secondary);background:var(--border-color);border-radius:999px;padding:.25rem .5rem;font-size:.875rem}.tests-list{border-top:1px solid var(--border-color);background-color:var(--bg-color)}.no-tests{text-align:center;color:var(--text-secondary);padding:1.5rem;font-style:italic}.test-item{border-bottom:1px solid var(--border-color);cursor:pointer;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:background-color .2s;display:flex}.test-item:last-child{border-bottom:none}.test-item:hover{background-color:#3b82f60d}.test-icon{font-size:1.5rem}.test-info{flex-grow:1}.test-info h4{color:var(--text-primary);margin:0;font-size:1rem}.calculator-widget{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);z-index:1000;touch-action:none;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 10px 25px #0003}.calculator-header{background-color:var(--surface-hover);cursor:grab;border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none;align-items:center;padding:.5rem;display:flex}.calculator-header:active{cursor:grabbing}.drag-handle{color:var(--text-secondary);margin-right:.5rem;padding:0 .25rem;font-size:1.2rem}.header-title{color:var(--text-primary);flex:1;font-size:.9rem;font-weight:600}.header-controls{gap:.25rem;display:flex}.resize-btn,.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.2rem;line-height:1;transition:color .2s}.resize-btn:hover,.close-btn:hover{color:var(--text-primary)}.close-btn:hover{color:var(--error-color)}.calculator-body{flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.calculator-display-input{box-sizing:border-box;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:right;width:100%;color:var(--text-primary);cursor:text;outline:none;padding:.75rem;font-family:monospace;font-size:1.5rem;box-shadow:inset 0 2px 4px #0000000d}.calculator-display-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb), .2)}.calculator-keypad{gap:.5rem;display:flex}.numpad{flex:1;grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.operators{flex-direction:column;gap:.5rem;width:50px;display:flex}.calculator-widget button{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);padding:.5rem;font-size:1rem;font-weight:500;transition:background-color .1s}.calculator-widget button:hover{background-color:var(--surface-hover)}.calculator-widget button:active{background-color:var(--border-color)}.calculator-widget .btn-clear{color:#c62828;background-color:#ffebee;border-color:#ffcdd2}.calculator-widget .btn-clear:hover{background-color:#ffcdd2}.calculator-widget .btn-equals{background-color:var(--primary-color);color:#fff;border-color:var(--primary-hover);flex:1}.calculator-widget .btn-equals:hover{background-color:var(--primary-hover)}.standard-mode{width:240px}.mini-mode{width:140px}.mini-mode .calculator-body{gap:.5rem;padding:.5rem}.mini-mode .calculator-display-input{padding:.5rem;font-size:1.2rem}.mini-mode .calculator-keypad{flex-direction:column}.mini-mode .operators{grid-template-columns:repeat(3,1fr);gap:.25rem;width:100%;display:grid}.calculator-widget.mini-mode button{padding:.4rem}.drag-over{background-color:#4caf501a!important;border:2px dashed #4caf50!important}.breadcrumbs{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.5;display:flex}.breadcrumbs__back{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;font-size:1rem;transition:color .2s,background-color .2s;display:inline-flex}.breadcrumbs__back:hover{color:var(--primary-color);background-color:color-mix(in srgb, var(--primary-color) 8%, transparent)}.breadcrumbs__sep{color:var(--text-secondary);-webkit-user-select:none;user-select:none;opacity:.7;font-size:.8125rem}.breadcrumbs__item{white-space:nowrap}.breadcrumbs__link{color:var(--primary-color);cursor:pointer;font-family:var(--font-sans);font-size:inherit;background:0 0;border:none;padding:0;text-decoration:none;transition:color .2s}.breadcrumbs__link:hover{color:var(--primary-hover);text-decoration:underline}.breadcrumbs__current{color:var(--text-primary);font-weight:600}.center-content{text-align:center;justify-content:center;align-items:center;min-height:50vh;display:flex}.text-error{color:var(--error-color);font-weight:500}.solving-card{max-width:700px;margin:0 auto 4rem}.progress-bar{background-color:var(--border-color);border-radius:3px;width:100%;height:6px;margin-bottom:1.5rem;overflow:hidden}.progress-fill{background-color:var(--primary-color);height:100%;transition:width .3s}.question-meta{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem;font-weight:500;display:flex}.question-topic{color:var(--primary-color);background-color:#3b82f61a;border-radius:9999px;padding:.25rem .75rem}.question-counter{color:var(--text-secondary)}.question-title{margin-bottom:.75rem;font-size:1.5rem;font-weight:600;line-height:1.3}.question-desc{color:var(--text-secondary);margin-bottom:2rem}.options-grid{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.solve-option{text-align:left;background-color:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:1rem 1.25rem;font-size:1rem;transition:all .2s}.solve-option:hover:not(:disabled),.solve-option.selected{border-color:var(--primary-color);background-color:#3b82f60d}.solve-option.correct{border-color:var(--success-color);color:var(--success-color);background-color:#10b9811a;font-weight:600}.solve-option.incorrect{border-color:var(--error-color);color:var(--error-color);background-color:#ef44441a}.explanation-box{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:2rem;padding:1.25rem}.split-pane-layout{grid-template-columns:1fr 1fr;gap:2rem;height:calc(100vh - 120px);margin-bottom:2rem;display:grid;overflow:hidden}@media (width<=1024px){.split-pane-layout{grid-template-columns:1fr;height:auto;overflow:visible}}.pane{flex-direction:column;height:100%;display:flex;overflow:hidden}.pane-card{flex-direction:column;flex:1;margin-bottom:0;padding-bottom:2rem;display:flex;overflow-y:auto}.workspace-card{padding:1rem;overflow:hidden}.workspace-editor-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.workspace-editor-wrapper .rich-text-container{border:none;border-radius:0;flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.workspace-editor-wrapper .editor-content-wrapper{flex:1;min-width:0;min-height:0;overflow-y:auto}.question-content-readonly{margin-bottom:2rem}.drop-input{border:2px dashed var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-color);color:var(--text-primary);outline:none;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,background-color .2s}.drop-input:focus{border-color:var(--primary-color);border-style:solid}.drop-input:disabled{opacity:.7;cursor:not-allowed}.results-card{text-align:center;padding:3rem 2rem}.score-display{margin:2rem 0}.score-number{color:var(--primary-color);font-size:4rem;font-weight:800}.score-total{color:var(--text-secondary);margin-left:.5rem;font-size:1.5rem}.test-workspace-container{flex-direction:column;height:calc(100vh - 80px);display:flex}.workspace-sidebar{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;width:250px;transition:width .3s;display:flex;overflow:hidden}.workspace-sidebar.collapsed{width:50px}.workspace-sidebar.collapsed .sidebar-header{padding:1rem .5rem;justify-content:center!important}.q-badge{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;transition:opacity .2s;display:flex}.q-badge:hover{opacity:.8}.q-badge-solved{background-color:var(--success-color)}.q-badge-active{background-color:#eab308}.q-badge-untouched{background-color:var(--border-color);color:var(--text-secondary)}.sidebar-header{border-bottom:1px solid var(--border-color);background:#00000005;padding:1rem}.sidebar-header h3{margin:0;font-size:1rem}.question-list{flex:1;padding:.5rem;overflow-y:auto}.q-list-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem;transition:all .2s;display:flex}.q-list-item:hover{background:#0000000a}.q-list-item.active{color:var(--primary-color);background:#3b82f61a;font-weight:600}.q-list-item.solved{color:var(--success-color)}.q-icon{font-size:1.1rem}.q-label{flex:1}.q-marks{color:var(--text-secondary);font-size:.75rem}.sidebar-footer{border-top:1px solid var(--border-color);padding:1rem}.workspace-full{flex-direction:column;height:100%;display:flex}.stat-card{border-radius:var(--radius-lg);background:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);align-items:center;gap:1.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-md);background:#3b82f61a;justify-content:center;align-items:center;padding:1rem;font-size:2.5rem;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.875rem}.stat-value{color:var(--text-primary);align-items:baseline;gap:.75rem;margin:.5rem 0 0;font-size:2rem;font-weight:700;display:flex}.stat-trend{border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.875rem;font-weight:600}.stat-trend.positive{color:var(--success-color);background:#10b9811a}.stat-trend.negative{color:var(--error-color);background:#ef44441a}.profile-container{grid-template-columns:350px 1fr;align-items:start;gap:2rem;padding-top:2rem;display:grid}@media (width<=900px){.profile-container{grid-template-columns:1fr}}.profile-sidebar{flex-direction:column;gap:1.5rem;display:flex}.identity-card{padding:2.5rem 1.5rem}.avatar-container{width:120px;height:120px;margin:0 auto 1.5rem;position:relative}.profile-avatar{object-fit:cover;border:4px solid var(--surface-color);width:100%;height:100%;box-shadow:0 0 0 2px var(--primary-color);border-radius:50%}.guest-badge{background:var(--text-primary);color:var(--bg-color);letter-spacing:.05em;border-radius:1rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;position:absolute;bottom:0;left:50%;transform:translate(-50%)translateY(50%)}.guest-promo{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1.5rem}.guest-promo p{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.leaderboard-item{border-radius:var(--radius-sm);background:#00000005;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.75rem;display:flex}.leaderboard-item.is-me{border-left:3px solid var(--primary-color);background:#3b82f61a}.lb-rank{font-size:1.25rem}.lb-name{flex:1;font-weight:500}.lb-score{color:var(--primary-color);font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.activity-feed{margin-top:1.5rem;padding-left:1.5rem;position:relative}.activity-feed:before{content:"";background:var(--border-color);width:2px;position:absolute;top:0;bottom:0;left:7px}.activity-item{margin-bottom:1.5rem;position:relative}.activity-item:last-child{margin-bottom:0}.activity-marker{background:var(--surface-color);border:4px solid var(--primary-color);border-radius:50%;width:16px;height:16px;position:absolute;top:.25rem;left:-1.5rem}.activity-content h4{color:var(--text-primary);margin:0 0 .25rem}.activity-content p{color:var(--text-secondary);margin:0;font-size:.875rem}:root{--bg-color:#f8fafc;--surface-color:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--primary-color:#3b82f6;--primary-hover:#2563eb;--success-color:#10b981;--error-color:#ef4444;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--font-sans:"Inter", system-ui, -apple-system, sans-serif}@media (prefers-color-scheme:dark){:root{--bg-color:#0f172a;--surface-color:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#334155;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -4px #0000004d}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}.glass{background:rgba(var(--surface-color), .7);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color)}.fade-in{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}body.presentation-mode{font-size:125%}body.presentation-mode .container{max-width:100%;padding:0 2rem}body.presentation-mode button,body.presentation-mode input,body.presentation-mode select{padding:.75em 1em;font-size:1.1em}body.presentation-mode .spreadsheet-cell input{padding:.5rem;font-size:1.2rem}body.presentation-mode .nav-links{gap:1.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}