@layer pages{.quiz-scope-options{gap:clamp(var(--spacing-sm), 2vw, var(--spacing-md));margin-bottom:var(--spacing-lg)}.quiz-scope-option .radio-pair label{font-weight:700}.quiz-topics-list{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;max-height:none;transition:max-height .3s,opacity .3s;display:flex;overflow-y:visible}.quiz-list-expanded{max-height:none;overflow-y:visible}.quiz-selector-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);background-color:var(--bg-color);border:1px solid var(--light-border);transition:background-color .3s ease, border-color .3s ease, box-shadow var(--transition-speed) ease;color:var(--text-color);cursor:pointer;grid-template-columns:auto 1fr;display:grid}.quiz-selector-item:hover{background-color:var(--light-bg);border-color:var(--color-neutral)}.quiz-selector-item--disabled{opacity:.6;cursor:not-allowed}.quiz-selector-item--disabled:hover{background-color:var(--bg-color);border-color:var(--light-border)}.quiz-selector-hint{margin-left:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-neutral);white-space:nowrap;font-style:italic}.quiz-scope-summary{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;color:var(--text-color);flex-wrap:wrap;transition:color .3s;display:flex}.quiz-scope-summary>strong{white-space:nowrap;flex-shrink:0}#quiz-scope-summary-content{overflow-wrap:break-word;min-width:0}.quiz-view-all-questions-toggle{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.quiz-toggle-row{margin-left:var(--spacing-sm);align-items:center;display:flex}.quiz-view-all-questions-toggle input[type=checkbox]{flex-shrink:0;margin:0}.quiz-change-link{margin-left:var(--spacing-sm);flex-shrink:0}.quiz-scope-title-container{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.quiz-scope-title{margin:0;font-size:1.1rem}.quiz-scope-description{opacity:.8;font-size:.875rem}.quiz-scope-description.disabled{opacity:.8}.quiz-selected-topics-flex-container{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.quiz-selected-topic-tag{--quiz-selected-topic-bg:var(--tag-public-bg);--quiz-selected-topic-text:var(--tag-public-text);--quiz-selected-topic-border:var(--tag-public-border);--quiz-remove-button-color:var(--color-danger);--quiz-remove-button-hover-bg:#dc35451a;background-color:var(--quiz-selected-topic-bg);color:var(--quiz-selected-topic-text);border-radius:var(--border-radius-xl);border:1px solid var(--quiz-selected-topic-border);align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.875rem;display:inline-flex}.quiz-selected-topic-remove{color:var(--quiz-remove-button-color);cursor:pointer;border-radius:var(--border-radius-full);background:0 0;border:none;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:1.125rem;font-weight:700;transition:background-color .2s;display:flex}.quiz-selected-topic-remove:hover{background-color:var(--quiz-remove-button-hover-bg)}.quiz-scope-guidance{margin-top:0;margin-bottom:var(--spacing-lg);color:var(--text-color);font-weight:500}.quiz-question-container{width:100%;padding:var(--spacing-lg);border-radius:var(--border-radius-lg);background-color:var(--bg-color);border:1px solid var(--light-border);margin-bottom:var(--spacing-lg);flex-direction:column;transition:background-color .3s,border-color .3s}.quiz-question-container.active{display:flex}.quiz-question-container.quiz-flashcard-container{background-color:#0000;border:none;border-radius:0;max-width:100%;padding:0}.quiz-question-text{font-size:clamp(var(--font-size-md), 3vw, 1.2rem);margin-bottom:var(--spacing-lg);color:var(--text-color);font-weight:500}.quiz-image-container{margin-bottom:var(--spacing-lg);justify-content:center;display:flex}.quiz-image-container img{border-radius:var(--border-radius-sm);border:1px solid var(--light-border);max-width:100%;max-height:300px}.quiz-answers{gap:clamp(var(--spacing-sm), 2vw, var(--spacing-md));margin-bottom:var(--spacing-lg)}.quiz-answer{gap:clamp(var(--spacing-sm), 2vw, var(--spacing-md));padding:clamp(var(--spacing-sm), 2vw, var(--spacing-md));border-radius:var(--border-radius-sm);background-color:var(--light-bg);border:1px solid var(--light-border);cursor:pointer;color:var(--text-color);transition:background-color .2s,border-color .3s;display:flex}.quiz-answer:hover{background-color:var(--question-option-hover)}.quiz-answer.selected{border-color:var(--focus-color);background-color:#4d90fe1a}[data-theme=dark] .quiz-answer.selected{background-color:#5d9fff33}.quiz-answer.correct{background-color:var(--color-success-light);border-color:var(--color-success)}.quiz-answer.incorrect{background-color:var(--color-danger-light);border-color:var(--color-danger)}.quiz-answer-radio{accent-color:var(--focus-color);margin:0}.quiz-answer-text{color:var(--text-color);flex:1}.quiz-feedback{margin-top:var(--spacing-lg);padding:clamp(var(--spacing-sm), 2vw, var(--spacing-md));border-radius:var(--border-radius-sm);color:var(--text-color);transition:background-color .3s,border-color .3s}.quiz-feedback.correct{background-color:var(--color-success-light);border:1px solid var(--color-success);display:block}.quiz-feedback.incorrect{background-color:var(--color-danger-light);border:1px solid var(--color-danger);display:block}.quiz-breadcrumb{margin-bottom:var(--spacing-lg);padding:clamp(var(--spacing-sm), 2vw, var(--spacing-md));background-color:var(--light-bg);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);color:var(--text-color);opacity:.9;line-height:1.4;transition:background-color .3s,color .3s}.quiz-error-message{padding:var(--spacing-lg);margin:var(--spacing-lg);background-color:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:var(--border-radius-sm);color:var(--color-danger)}.quiz-empty-assessment-notice{padding:var(--spacing-lg);margin:var(--spacing-lg);background-color:var(--color-info-light);border:1px solid var(--color-info);border-radius:var(--border-radius-sm);color:var(--text-color)}.quiz-config-inline-error{margin:var(--spacing-sm) 0;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:var(--border-radius-sm);color:var(--danger-emphasis);font-weight:500}.quiz-error-container{padding:var(--spacing-xl);color:var(--color-danger);text-align:center;background-color:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:var(--border-radius-md);margin:var(--spacing-lg)}.quiz-error-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--color-danger)}.quiz-selector-info{padding:clamp(var(--spacing-sm), 2vw, var(--spacing-md));color:var(--text-color);opacity:.8;font-style:italic}.quiz-selector-container{margin:var(--spacing-sm) 0 var(--spacing-lg) var(--spacing-xl)}.quiz-topics-container{gap:var(--spacing-xl);width:100%;margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.quiz-topics-column{flex-direction:column;flex:1;min-width:200px;display:flex}.quiz-topics-helper{font-size:var(--font-size-xs);color:var(--text-color);opacity:.9;margin-top:var(--spacing-sm);width:100%;font-style:italic}.quiz-topics-helper.warning{color:var(--color-danger);font-weight:500}.quiz-selector-item.selected{background-color:#4d90fe1a}[data-theme=dark] .quiz-selector-item.selected{background-color:#5d9fff33}.invalid-selection{border:2px solid var(--color-danger);background-color:var(--color-danger-light);animation:.4s ease-in-out shake;box-shadow:0 0 0 4px #dc354540}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.quiz-completion-state{padding:var(--spacing-xxl);color:var(--text-color);text-align:center;background-color:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--border-radius-lg);margin:var(--spacing-lg) 0;flex-direction:column;justify-content:center;align-items:center;display:flex}.quiz-completion-state h3{margin:0 0 var(--spacing-lg) 0;color:var(--color-success);font-size:clamp(var(--font-size-lg), 4vw, 1.5rem)}.assessment-question-container{position:relative}.assessment-progress{background-color:var(--light-bg);border:1px solid var(--light-border);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-xl);text-align:center}.assessment-end-link{font-size:var(--font-size-xs);margin-left:var(--spacing-lg);transition:color .2s}.view-all-questions-progress{background-color:var(--light-bg);border:1px solid var(--light-border);border-radius:var(--border-radius-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);text-align:center}.assessment-prev-button:disabled,.assessment-prev-button.disabled{opacity:.5;cursor:not-allowed;background-color:var(--button-disabled);color:var(--color-neutral);border-color:var(--light-border)}.assessment-prev-button:disabled:hover,.assessment-prev-button.disabled:hover{background-color:var(--button-disabled);color:var(--color-neutral);border-color:var(--light-border);transform:none}.knowledge-limit-button{font-size:var(--font-size-xs);background-color:var(--color-warning);min-width:140px;color:var(--text-inverse);flex:auto}.knowledge-limit-button:hover{background-color:color-mix(in srgb, var(--color-warning) 85%, var(--color-warning-dark))}.challenging-question-button{font-size:var(--font-size-xs);background-color:var(--color-danger);min-width:140px;color:var(--text-inverse);flex:auto}.challenging-question-button:hover{background-color:color-mix(in srgb, var(--color-danger) 90%, var(--color-surface-darkest))}.assessment-recommendation-overlay{background-color:var(--modal-backdrop-color);z-index:var(--modal-z-index);padding:var(--modal-padding);transition:opacity var(--modal-animation-duration) ease;box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.assessment-recommendation-card{background:var(--bg-color);border-radius:var(--modal-border-radius);box-shadow:var(--shadow-modal);text-align:center;max-width:500px;transition:transform var(--modal-animation-duration) ease, background-color .3s ease, border-color .3s ease;pointer-events:auto;border:2px solid var(--focus-color);padding:var(--spacing-xxl);flex-direction:column;max-height:90vh;display:flex;position:relative;overflow:hidden;transform:scale(1)}.assessment-recommendation-card h3{color:var(--focus-color);margin:0 0 var(--spacing-lg) 0}.recommendation-details{background-color:var(--light-bg);border-radius:var(--border-radius-sm);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;text-align:left}.recommendation-details h4{margin:0 0 var(--spacing-sm) 0;color:var(--text-color)}.recommendation-actions{gap:var(--spacing-sm);margin-top:var(--spacing-xl);justify-content:center;display:flex}.assessment-results{border:2px solid var(--focus-color)}.assessment-results h3{color:var(--focus-color)}.assessment-recommendation{background-color:var(--light-bg);border:1px solid var(--light-border);border-radius:var(--border-radius-sm);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;text-align:left}.assessment-recommendation h4{margin:0 0 var(--spacing-lg) 0;color:var(--focus-color)}.assessment-actions{flex-wrap:wrap}.knowledge-limit-results{border-color:var(--color-warning)}.knowledge-limit-results h3{color:var(--color-warning)}.section-header.quiz-section-header{align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:flex-start;display:flex}.quiz-header-inner{align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;width:100%;display:flex}.quiz-header-inner h3{flex-shrink:0;margin:0}.quiz-mode-container{align-items:center;gap:var(--spacing-sm);margin-left:var(--spacing-sm);flex-shrink:0;display:flex}.quiz-mode-container span{font-size:var(--font-size-sm);color:var(--text-color);font-weight:500}.quiz-mode-select{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);border:1px solid var(--light-border);background-color:var(--bg-color);color:var(--text-color);font-size:var(--font-size-xs);min-width:140px;transition:border-color .2s,background-color .2s}.quiz-mode-select:focus{border-color:var(--focus-color);outline:none;box-shadow:0 0 0 2px #4d90fe33}.topic-list{gap:clamp(var(--spacing-sm), 2vw, var(--spacing-md));margin:var(--spacing-lg) 0;flex-direction:column;display:flex}.topic-item{align-items:center;gap:var(--spacing-sm);color:var(--text-color);display:flex}.topic-item.show-more{margin-top:var(--spacing-sm);padding-left:1.6rem}.topic-item input[type=checkbox],.topic-item input[type=radio]{width:1.1rem;height:1.1rem;accent-color:var(--focus-color)}.topic-item label{color:var(--text-color);cursor:pointer}.quiz-scope-option-disabled{opacity:.9;cursor:not-allowed}.quiz-scope-option-disabled input[type=radio]{cursor:not-allowed;opacity:.5}.quiz-scope-option-disabled label{cursor:not-allowed;color:var(--text-color);opacity:.6}.quiz-scope-option-disabled input[type=radio]:disabled{accent-color:var(--light-border);background-color:var(--light-bg)}.quiz-scope-option-disabled a{color:var(--focus-color);opacity:1;cursor:pointer;font-weight:500;text-decoration:none}.quiz-scope-option-disabled a:hover{opacity:.8;text-decoration:underline}@media (width<=700px){.quiz-button{width:100%}.quiz-topics-container{flex-direction:column}.quiz-topics-column{width:100%}.recommendation-actions,.assessment-actions{flex-direction:column}.assessment-recommendation-card{padding:var(--spacing-xl);margin:var(--spacing-sm)}}@media (width<=576px){.quiz-question-text{font-size:var(--font-size-md)}.quiz-answer{padding:calc(var(--spacing-sm) * .75) var(--spacing-sm)}.quiz-selector-item{padding:.4rem}.quiz-selector-item label{font-size:var(--font-size-xs)}.assessment-progress,.view-all-questions-progress{padding:clamp(var(--spacing-sm), 2vw, var(--spacing-md))}.assessment-buttons{margin-top:var(--spacing-lg)}}@media (width<=420px){.assessment-buttons .btn{font-size:var(--font-size-xs);padding-left:var(--spacing-xs);padding-right:var(--spacing-xs);overflow-wrap:break-word;hyphens:auto}}@media (width<=350px),(height<=450px){.quiz-page-container{padding:calc(var(--spacing-xs) * .5)}.quiz-answer{padding:var(--spacing-xs)}.quiz-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:calc(var(--font-size-sm) * .9)}}.quiz-topics-tabs-container{margin-top:.75rem}.quiz-topics-tab-headers{border-bottom:2px solid var(--light-border,#ddd);scrollbar-width:none;-ms-overflow-style:none;margin-bottom:1rem;display:flex;overflow-x:auto}.quiz-topics-tab-headers::-webkit-scrollbar{display:none}.quiz-topics-tab-header{cursor:pointer;color:var(--text-color,#666);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;min-width:fit-content;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.quiz-topics-tab-header:hover{color:var(--focus-color,#4d90fe);background-color:var(--light-bg,#f5f5f5)}.quiz-topics-tab-header.active{color:var(--focus-color,#4d90fe);border-bottom-color:var(--focus-color,#4d90fe);font-weight:600}.quiz-topics-tab-content{position:relative}.quiz-topics-tab .quiz-topics-list{max-height:none;overflow-y:visible}.quiz-topic-group{margin-bottom:var(--spacing-xs)}.quiz-topic-header{align-items:center;gap:var(--spacing-xs);grid-template-columns:24px 1fr;display:grid}.quiz-topic-toggle{cursor:pointer;width:24px;min-height:44px;transition:transform var(--transition-speed) ease;font-size:var(--font-size-sm);color:var(--color-neutral);user-select:none;justify-content:center;align-items:center;display:inline-flex}.quiz-topic-toggle[aria-expanded=true]{transform:rotate(90deg)}.quiz-direct-category-item{padding-left:calc(24px + var(--spacing-xs) + var(--spacing-sm))}.quiz-topic-children{padding-left:calc(24px + var(--spacing-xs) + var(--spacing-lg));gap:var(--spacing-sm);flex-direction:column;display:flex}.quiz-topic-group--empty .quiz-topic-toggle{visibility:hidden;cursor:default}.quiz-topic-group--empty .quiz-topic-item{opacity:.4;pointer-events:none;cursor:default}@media (width<=768px){.quiz-topics-tab-headers{background:linear-gradient(to right, var(--bg-color) 10px, transparent 10px, transparent calc(100% - 10px), var(--bg-color) calc(100% - 10px));justify-content:flex-start;gap:0;padding:0 10px}.quiz-topics-tab-header{text-align:center;flex:1;justify-content:center;align-items:center;min-height:44px;padding:.75rem .5rem;font-size:.85rem;display:flex}.quiz-topics-tab-headers:before,.quiz-topics-tab-headers:after{content:"";pointer-events:none;z-index:1;width:10px;position:absolute;top:0;bottom:0}.quiz-topics-tab-headers:before{background:linear-gradient(to right, var(--bg-color), transparent);left:0}.quiz-topics-tab-headers:after{background:linear-gradient(to left, var(--bg-color), transparent);right:0}}@media (width<=480px){.quiz-topics-tab-header{min-width:80px;padding:.75rem .25rem;font-size:.8rem}}.quiz-selected-topics-display{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--light-bg);border-radius:var(--border-radius-sm);border:1px solid var(--light-border);font-size:var(--font-size-xs);color:var(--text-color);transition:background-color .3s,border-color .3s}.quiz-selected-topics-container{margin-top:var(--spacing-xs)}[data-theme=dark] .quiz-selected-topic-tag{--quiz-remove-button-color:#ef5350;--quiz-remove-button-hover-bg:#ef53501a}@keyframes quiz-notification-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes quiz-notification-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.quiz-context-notification{background:var(--quiz-notification-bg,var(--color-success));color:var(--quiz-notification-text,var(--text-inverse));z-index:10000;pointer-events:none;border-radius:6px;max-width:300px;padding:12px 20px;font-size:14px;animation:.3s forwards quiz-notification-enter;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}.quiz-context-notification--dismissing{animation:.3s forwards quiz-notification-exit}.quiz-info-text{margin-top:var(--spacing-md);opacity:.9;color:var(--color-neutral);font-style:italic;font-size:var(--font-size-sm)}.quiz-toggle-label{margin-left:var(--spacing-xxs);font-size:var(--font-size-sm);line-height:1}.quiz-toggle-label.summary-view{font-size:var(--font-size-xs)}.quiz-toggle-row.expanded-view{margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md);margin-left:var(--spacing-sm)}.quiz-column-full-width{width:100%}.category-page-container{padding:var(--spacing-sm);background-color:var(--bg-color);color:var(--text-color);transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex}.category-page-content-wrapper{flex-direction:column;flex:auto;width:100%;display:flex}.category-page-overall-row{align-items:center;gap:var(--spacing-sm);margin:var(--spacing-sm);padding:var(--spacing-xs);border-radius:var(--border-radius);background-color:var(--light-bg);transition:background-color var(--transition-speed) ease;flex-flow:wrap;display:flex}.category-page-score-group{align-items:center;gap:var(--spacing-xs);margin-right:var(--spacing-sm);flex-wrap:nowrap;min-width:200px;display:flex}.category-page-description{margin:var(--spacing-xs) 0;padding:var(--spacing-xs);font-size:var(--font-size-sm)}.category-page-description .expandable-text-content{font-style:normal}.category-page-wall-container{width:100%;margin:var(--spacing-lg) 0;padding:var(--spacing-xs);justify-content:flex-start;display:flex;position:relative;overflow:visible}@media (width<=768px){.category-page-wall-container{margin:var(--spacing-md) var(--spacing-xs);padding:var(--spacing-xs)}}.category-page-continue-button-container{margin:var(--spacing-md) var(--spacing-xs);display:flex}.disabled-link{pointer-events:none;color:var(--color-neutral);opacity:.5;text-decoration:none}.category-progress-bar-min-width{min-width:150px}@media (width<=300px){.category-page-overall-row{flex-direction:column;align-items:flex-start}.category-page-score-group{width:100%;margin-bottom:var(--spacing-xs)}.category-page-continue-button-container{margin:var(--spacing-md) var(--spacing-xs) var(--spacing-xs)}}.recent-progress-date-controls{margin:var(--spacing-md) 0;padding:var(--spacing-md);background-color:var(--light-bg);border-radius:var(--border-radius-lg);gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}[data-theme=dark] .recent-progress-date-controls{background-color:#ffffff0d}.recent-progress-date-group{align-items:center;gap:var(--spacing-sm)}.recent-progress-date-label{font-weight:700;font-size:var(--font-size-sm);color:var(--text-color)}.recent-progress-testout-checkbox{cursor:pointer;margin:0}.recent-progress-comparison-container{margin:calc(var(--spacing-lg) * 1.25) 0}.recent-progress-comparison-grid{gap:var(--spacing-md);margin:var(--spacing-md) 0;flex-direction:column;display:flex}.recent-progress-comparison-header-row,.recent-progress-pair-container{gap:calc(var(--spacing-lg) * 1.25);grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.recent-progress-comparison-column{gap:var(--spacing-md)}.recent-progress-comparison-header{text-align:center;font-weight:700;font-size:clamp(var(--font-size-md), 2.5vw, 1.1rem);color:var(--text-color);padding:var(--spacing-sm);background-color:var(--light-bg);border-radius:var(--border-radius);transition:background-color .3s,color .3s}[data-theme=dark] .recent-progress-comparison-header{color:var(--text-color);background-color:#ffffff1a}.recent-progress-category-item{margin:var(--spacing-md) 0;padding:var(--spacing-md);border:1px solid var(--light-border);border-radius:var(--border-radius-lg);background-color:var(--bg-color);flex-direction:column;min-height:200px;display:flex}.recent-progress-category-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;min-height:2rem;display:flex}.recent-progress-category-title{font-weight:700;font-size:var(--font-size-md);color:var(--text-color);overflow-wrap:break-word;line-height:1.3}.recent-progress-category-link{font-size:var(--font-size-xs);white-space:nowrap;flex-shrink:0}.recent-progress-category-container{margin:var(--spacing-sm) 0;flex:1;justify-content:center;align-items:center;min-height:120px;display:flex}.recent-progress-category-container .no-change-message{text-align:center;color:var(--color-neutral);padding:calc(var(--spacing-lg) * 1.25) var(--spacing-md);font-style:italic;font-size:var(--font-size-sm);box-sizing:border-box;justify-content:center;align-items:center;height:100%;display:flex}[data-theme=dark] .recent-progress-category-container .no-change-message{color:var(--color-neutral-light)}.recent-progress-no-changes{text-align:center;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--border-radius-sm);color:var(--color-text-secondary)}.recent-progress-no-changes h3{margin-top:0;margin-bottom:var(--spacing-xs);color:var(--color-text-primary);font-size:var(--font-size-lg)}.recent-progress-no-changes p{margin:var(--spacing-xs) 0}.recent-progress-no-changes p:last-child{margin-bottom:0}[data-theme=dark] .recent-progress-no-changes{background-color:var(--color-bg-secondary)}.recent-progress-separator{margin:var(--spacing-lg) 0;background-color:var(--light-border);opacity:.5;flex-shrink:0;height:1px}.recent-progress-category-progress{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);flex-shrink:0;margin-top:auto;display:flex}.recent-progress-category-item-with-label{position:relative}.recent-progress-timeframe-label{top:var(--spacing-sm);right:var(--spacing-sm);background-color:var(--focus-color);color:var(--text-inverse);padding:calc(var(--spacing-xs) * .75) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);z-index:var(--z-dropdown);text-align:center;font-weight:700;display:none;position:absolute}@media (width<=600px){.recent-progress-comparison-header-row{display:none}.recent-progress-pair-container{gap:var(--spacing-md);border:1px solid var(--light-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md);background-color:var(--bg-color);flex-direction:column;display:flex}.recent-progress-pair-container .recent-progress-category-item{border:none;min-height:auto;padding:0}.recent-progress-pair-container .recent-progress-category-item+.recent-progress-category-item{border-top:1px solid var(--light-border);padding-top:var(--spacing-md)}.recent-progress-timeframe-label{display:block}.recent-progress-category-item-with-label .recent-progress-category-title{padding-right:56px}.recent-progress-category-item{min-height:auto}.recent-progress-category-container{min-height:100px}.recent-progress-date-controls{gap:var(--spacing-md);flex-direction:column}.recent-progress-category-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column;min-height:auto}}[data-theme=dark] .recent-progress-pair-container{border-color:var(--color-neutral-dark)}.recent-progress-button-container{--row-gap:var(--spacing-sm)}.recent-progress-filter-icon{border:1px solid var(--light-border);border-radius:var(--border-radius);padding:var(--spacing-sm);color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;min-width:40px;height:40px;transition:all .3s;display:inline-flex}.recent-progress-filter-icon:hover{color:var(--text-color);border-color:var(--color-primary);background-color:var(--light-bg)}[data-theme=dark] .recent-progress-filter-icon{border-color:var(--color-neutral);background-color:var(--header-bg)}[data-theme=dark] .recent-progress-filter-icon:hover{border-color:var(--color-primary);background-color:#ffffff1a}.recent-progress-filter-container{margin:var(--spacing-md) 0 0 0;padding:var(--spacing-md);background-color:var(--light-bg);border-radius:var(--border-radius-lg);border:1px solid var(--light-border);transition:all .3s;overflow:hidden}[data-theme=dark] .recent-progress-filter-container{border-color:var(--color-neutral);background-color:#ffffff0d}.recent-progress-filter-search .search-component-wrapper{width:100%}.recent-progress-filter-search .search-component-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--light-border);border-radius:var(--border-radius);background-color:var(--bg-color);color:var(--text-color);font-size:var(--font-size-sm)}[data-theme=dark] .recent-progress-filter-search .search-component-input{border-color:var(--color-neutral);background-color:var(--header-bg);color:var(--text-color)}.recent-progress-no-results{text-align:center;padding:calc(var(--spacing-lg) * 1.5);margin:var(--spacing-lg) 0;background-color:var(--light-bg);border-radius:var(--border-radius-lg);border:1px solid var(--light-border)}[data-theme=dark] .recent-progress-no-results{border-color:var(--color-neutral);background-color:#ffffff0d}.recent-progress-no-results h3{color:var(--text-color);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-md)}.recent-progress-no-results p{color:var(--text-secondary);margin:var(--spacing-xs) 0;font-size:var(--font-size-sm)}@media (width<=768px){.recent-progress-button-container{gap:var(--spacing-sm);flex-direction:column;align-items:stretch}.recent-progress-filter-icon{align-self:center;min-width:36px;height:36px}.recent-progress-filter-container{margin:var(--spacing-sm) 0 0 0;padding:var(--spacing-sm)}.recent-progress-filter-search .search-component-input{padding:var(--spacing-xs);font-size:var(--font-size-xs)}.recent-progress-no-results{padding:var(--spacing-md);margin:var(--spacing-md) 0}.recent-progress-no-results h3{font-size:var(--font-size-sm)}.recent-progress-no-results p{font-size:var(--font-size-xs)}}.search-page-separator{margin:calc(var(--spacing-xs) * 1.25) 0;background-color:var(--text-color);opacity:.3;width:100%;max-width:640px;height:1px}.search-page-search-container{margin:var(--spacing-lg) 0;width:100%;max-width:600px}.search-page-hint{font-size:var(--font-size-xs);color:var(--color-neutral);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md)}[data-theme=dark] .search-page-hint{color:var(--color-neutral-light)}.search-page-button{margin-top:var(--spacing-md);padding:clamp(8px,2vw,10px) clamp(16px,4vw,20px);font-size:clamp(14px,3vw,16px)}.search-results-count{margin:var(--spacing-md) 0;font-size:var(--font-size-md);color:var(--text-color)}.search-results-container{width:100%;max-width:800px;margin-top:var(--spacing-md)}.search-page-content-wrapper .search-result-item{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-speed);border:1px solid var(--light-border);position:relative;overflow:hidden}[data-theme=light] .search-page-content-wrapper .search-result-item{background-color:var(--hover-bg)}[data-theme=dark] .search-page-content-wrapper .search-result-item{background-color:var(--color-neutral-dark);border-color:var(--color-neutral-dark)}.search-page-content-wrapper .search-result-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .search-page-content-wrapper .search-result-item:hover{background-color:var(--hover-bg);box-shadow:0 4px 12px #0000004d}.search-page-content-wrapper .search-result-title{font-size:var(--font-size-md);margin-bottom:calc(var(--spacing-xs) * .75);transition:color var(--transition-speed);color:var(--focus-color);font-weight:700}.search-page-content-wrapper .search-result-item:hover .search-result-title{text-decoration:underline}.search-page-content-wrapper .search-result-type{font-size:var(--font-size-xs);padding:calc(var(--spacing-xs) * .5) var(--spacing-sm);border-radius:calc(var(--border-radius) * .75);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px;font-weight:600;display:inline-block}.search-page-content-wrapper .search-result-type.type-topic{background-color:var(--color-info-light);color:var(--color-info)}.search-page-content-wrapper .search-result-type.type-category{background-color:var(--color-success-light);color:var(--color-success)}.search-page-content-wrapper .search-result-type.type-lesson{background-color:var(--color-warning-light);color:var(--color-warning)}.search-page-content-wrapper .search-result-type.type-activity{background-color:var(--color-secondary-light);color:var(--color-secondary)}.search-page-content-wrapper .search-result-type.type-page{background-color:var(--color-primary-light);color:var(--color-primary)}.search-page-content-wrapper .search-result-content{font-size:var(--font-size-sm);margin-top:var(--spacing-sm);color:var(--text-color);opacity:.85;line-height:1.5}.search-page-content-wrapper .search-result-path{font-size:var(--font-size-xs);color:var(--color-neutral);margin-top:calc(var(--spacing-xs) * .75);opacity:.8}[data-theme=dark] .search-page-content-wrapper .search-result-path{color:var(--color-neutral-light)}.search-page-content-wrapper .search-highlight{background-color:var(--color-warning);color:var(--color-surface-darkest);padding:0 var(--spacing-xxs);border-radius:var(--border-radius-xs);display:inline}[data-theme=dark] .search-page-content-wrapper .search-highlight{background-color:color-mix(in srgb, var(--color-warning) 85%, var(--color-warning-dark))}.search-spinner-container{width:100%;padding:calc(var(--spacing-lg) * 1.25);justify-content:center;align-items:center;display:flex}.search-page-content-wrapper .search-spinner{border:3px solid #007bff33;border-top-color:var(--focus-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite search-spin}@keyframes search-spin{to{transform:rotate(360deg)}}.search-page-content-wrapper .search-no-results{padding:calc(var(--spacing-lg) * 1.25);text-align:center;background-color:var(--light-bg);border:1px solid var(--light-border);border-radius:var(--border-radius-md);margin-top:var(--spacing-md);color:var(--text-color)}[data-theme=dark] .search-page-content-wrapper .search-no-results{background-color:var(--color-neutral-dark);border-color:var(--color-neutral-dark)}.search-pagination{margin-top:calc(var(--spacing-lg) * 1.25);margin-bottom:calc(var(--spacing-lg) * 1.25);justify-content:center;gap:var(--spacing-sm);display:flex}.search-pagination-active{background-color:var(--focus-color);color:var(--text-inverse);border-color:var(--focus-color)}.search-pagination-active:hover{background-color:var(--focus-color);transform:none}.pagination-ellipsis{margin:0 var(--spacing-xs);color:var(--text-color);opacity:.6}@media (width<=600px){.search-page-content-wrapper .search-result-item{padding:calc(var(--spacing-sm) * 1.25)}.search-pagination-button{padding:calc(var(--spacing-xs) * 1.5) clamp(8px, 3vw, 12px)}}.topic-page-separator{background-color:var(--text-color);opacity:.3;width:100%;max-width:640px;height:1px;margin:clamp(.375rem,1vw,.5rem) 0}.topic-page-overall-row{margin:var(--spacing-sm) var(--spacing-xs) 0 var(--spacing-lg);align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;max-width:90%;max-height:100px;display:flex}.topic-page-link{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.no-content-message{margin:var(--spacing-lg)}.topic-page-category-row{margin:var(--spacing-sm) var(--spacing-xs) var(--spacing-xxs) 0;flex-wrap:wrap;width:100%;display:flex;overflow:hidden}.topic-page-category-left{float:left;flex-shrink:0;width:clamp(80px,15vw,120px);height:clamp(80px,15vw,120px)}.topic-page-category-left .wall-mini-mode{margin-left:0;margin-right:0}.topic-page-category-right{vertical-align:top;min-width:0;margin-left:var(--spacing-xs);overflow-wrap:break-word;flex:1;overflow:hidden}.topic-page-category-title{margin:0 var(--spacing-md) 0 0;display:block}.topic-page-description{margin:var(--spacing-xs) 0;padding:var(--spacing-xs);font-size:var(--font-size-sm)}.topic-video-row{margin-bottom:var(--spacing-xs)}.topic-actions-row{margin-top:calc(-1 * var(--spacing-xs))}.topic-description-row{margin-bottom:var(--spacing-xs)}.topic-video-link{margin:0 var(--spacing-sm) 0 0}.topic-music-ideas-link{white-space:nowrap}.topic-clear-link{margin:0 var(--spacing-xs) var(--spacing-xs) var(--spacing-sm)}.topic-download-link{margin:0 var(--spacing-xs) var(--spacing-xs) var(--spacing-sm);vertical-align:middle}.topic-goals-link{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);display:block}.subject-page-link{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.subject-page-description{margin:var(--spacing-xs) 0;padding:var(--spacing-xs);font-size:var(--font-size-sm)}.subject-child-title{font-weight:500}@media (width<=576px){.topic-page-category-row{flex-direction:column}.topic-page-category-left{width:100%;height:auto;margin-bottom:var(--spacing-sm);justify-content:flex-start;display:flex}.topic-page-category-right{margin-left:0}.topic-page-overall-row{flex-direction:column;align-items:flex-start}}.my-content-page-link{margin-right:var(--spacing-sm)}.subject-section{margin-bottom:var(--spacing-lg);border:1px solid var(--light-border);border-radius:var(--border-radius);overflow:hidden}.subject-header{padding:var(--spacing-md);background-color:var(--light-bg);cursor:pointer;user-select:none;justify-content:space-between;align-items:center;margin:0;display:flex}.subject-header:hover{background-color:var(--hover-bg,#0000000d)}[data-theme=dark] .subject-header:hover{background-color:#ffffff0d}.subject-header:focus{outline:2px solid var(--focus-color);outline-offset:2px}[data-theme=dark] .subject-section{border-color:var(--light-border)}.subject-title{font-size:var(--font-size-md);font-weight:600}.section-toggle-caret{font-size:var(--font-size-lg);color:var(--text-color);justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:transform .2s;display:flex}.subject-content{padding:var(--spacing-md);background-color:var(--bg-color);border-top:1px solid var(--light-border)}[data-theme=dark] .subject-content{background-color:var(--bg-color-deeper);border-top-color:var(--light-border)}@media (width<=768px){.subject-header{padding:clamp(var(--spacing-sm), 2vw, var(--spacing-md));min-height:44px}.subject-title{font-size:var(--font-size-sm)}.section-toggle-caret{font-size:var(--font-size-md)}.subject-content{padding:var(--spacing-sm)}}[data-theme=dark] .my-content-table th{background-color:var(--header-bg);border-bottom-color:var(--light-border)}.my-content-table th:hover{background-color:var(--toggle-bg)}[data-theme=dark] .my-content-table th:hover{background-color:var(--color-neutral-dark)}[data-theme=dark] .my-content-table td{border-bottom-color:var(--light-border)}.my-content-progress-bar{height:20px;margin:0}.my-content-progress-bar-fill{background-color:var(--color-success);height:20px;width:var(--progress-value,0%);transition:width .5s ease-in-out}.my-content-progress-text{margin-left:var(--spacing-xs);font-size:var(--font-size-sm)}.my-content-goal-star{margin-left:var(--spacing-md);justify-content:left}.my-content-empty-state{text-align:center;padding:var(--spacing-lg);color:var(--text-color)}.my-content-empty-state h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);color:var(--text-color)}.my-content-empty-state p{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-md)}.local-categories-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--light-border)}.section-header-base{margin-bottom:var(--spacing-md)}.section-title-base{font-size:var(--font-size-xl);margin:0 0 var(--spacing-xs) 0;color:var(--text-color)}.section-subtitle{font-size:var(--font-size-sm);color:var(--text-color);opacity:.9;margin:0}.local-categories-table{width:100%;margin-top:var(--spacing-md)}.local-categories-table th{padding:var(--spacing-sm)}.local-categories-table td{padding:var(--spacing-sm);vertical-align:middle}.local-category-badge{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--warning-surface);color:var(--warning-on-surface);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500;display:inline-block}.actions-cell{white-space:normal;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.actions-cell .btn{margin-right:var(--spacing-xs)}.actions-cell .btn:last-child{margin-right:0}.empty-state{text-align:center;padding:var(--spacing-lg);color:var(--text-color);opacity:.9}.empty-state p{margin:var(--spacing-xs) 0;font-size:var(--font-size-md)}.html-page-content-wrapper{min-height:0;min-width:var(--content-min-width);align-items:flex-start;overflow:visible}.html-page-header{text-align:center;margin-bottom:clamp(var(--spacing-sm), 4vw, var(--spacing-md));color:var(--text-strong);padding:var(--spacing-sm);background-color:var(--header-bg);border-radius:var(--border-radius-sm);width:100%;font-size:clamp(1rem,5vw,2rem);transition:background-color .3s}.html-page-content{gap:clamp(var(--spacing-sm), 3vw, var(--spacing-md));grid-template-columns:1fr;width:100%;display:grid}.html-page-image-container{width:100%;min-width:var(--content-min-width);min-height:var(--image-min-height);display:flex}.html-page-image{object-fit:contain;aspect-ratio:auto;content-visibility:auto;contain-intrinsic-size:auto var(--image-min-height);width:auto;max-width:100%;height:auto}.html-page-content-text{width:100%;min-width:var(--content-min-width)}.html-page-content-text ul,.html-page-content-text ol{padding-inline-start:1.5em;font-size:clamp(.5rem,3vw,1rem);list-style-position:outside}.html-page-content-text li{width:100%;margin-bottom:clamp(.25rem,2vw,.5rem)}.html-page-content-text li::marker{color:var(--list-marker-color)}.html-page-buttons{justify-content:left;width:100%;display:flex}.html-page-audio-container{margin:var(--spacing-md) 0;width:100%}.html-page-video-buttons{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;width:100%;display:flex}.html-page-continue-button.btn-loading{opacity:.9;pointer-events:none}.html-page-text-section{margin-bottom:var(--spacing-xs)}@media (width>=48rem) and (height<=37.5rem){.html-page-content{grid-template-columns:auto minmax(var(--content-min-width), 1fr);justify-items:start}.html-page-image-container{justify-content:flex-start;margin-inline-end:var(--spacing-md)}.html-page-content-text{max-width:100%}}.embed-page-content-wrapper{min-height:0;min-width:var(--content-min-width);align-items:flex-start;overflow:visible}.embed-page-header{text-align:center;margin-bottom:clamp(var(--spacing-sm), 4vw, var(--spacing-md));color:var(--text-strong);padding:var(--spacing-sm);background-color:var(--light-bg);border-radius:var(--border-radius-sm);width:100%;font-size:clamp(1rem,5vw,2rem);transition:background-color .3s}.embed-page-attribution{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);background-color:var(--light-bg);border-left:3px solid var(--text-strong);border-radius:var(--border-radius-sm);color:var(--text-color);font-size:clamp(.75rem,2.5vw,.9rem)}.embed-page-source-link{color:var(--text-strong);font-weight:700;text-decoration:underline}.embed-page-source-link:hover{color:var(--primary-color-dark)}.embed-page-iframe-container{background-color:var(--bg-color);border:1px solid var(--light-border);border-radius:var(--border-radius-sm);width:100%;min-height:70vh;margin-bottom:var(--spacing-md);position:relative;overflow:hidden}.embed-page-iframe{border:none;width:100%;height:70vh;min-height:500px;display:block}.embed-page-blocked{padding:var(--spacing-md);text-align:center;color:var(--text-color)}.embed-page-blocked h3{color:var(--color-warning);margin-bottom:var(--spacing-sm);font-size:clamp(1rem,4vw,1.5rem)}.embed-page-blocked p{margin-bottom:var(--spacing-sm);font-size:clamp(.9rem,3vw,1rem)}.embed-page-direct-link{margin-top:var(--spacing-sm)}.embed-page-buttons{justify-content:left;width:100%;display:flex}.embed-page-continue-button.btn-loading{opacity:.9;pointer-events:none}.api-content-page-wrapper{min-height:0;min-width:var(--content-min-width);align-items:flex-start;overflow:visible}.api-content-page-header{text-align:center;margin-bottom:clamp(var(--spacing-sm), 4vw, var(--spacing-md));color:var(--text-strong);padding:var(--spacing-sm);background-color:var(--light-bg);border-radius:var(--border-radius-sm);width:100%;font-size:clamp(1rem,5vw,2rem);transition:background-color .3s}.api-content-page-attribution{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);background-color:var(--light-bg);border-left:3px solid var(--text-strong);border-radius:var(--border-radius-sm);color:var(--text-color);font-size:clamp(.75rem,2.5vw,.9rem)}.api-content-page-source-link{color:var(--text-strong);font-weight:700;text-decoration:underline}.api-content-page-source-link:hover{color:var(--primary-color-dark)}.api-content-page-body{padding:var(--spacing-md);margin-bottom:var(--spacing-md);background-color:var(--bg-color);border:1px solid var(--light-border);border-radius:var(--border-radius-sm);color:var(--text-color);line-height:1.6;font-family:var(--font-family-base);font-size:var(--font-size-md)}.api-content-page-body h1{margin:var(--spacing-lg) 0 var(--spacing-sm);color:var(--text-color);font-size:clamp(1.5rem,5vw,2rem)}.api-content-page-body h2{margin:var(--spacing-md) 0 var(--spacing-sm);color:var(--text-color);font-size:clamp(1.25rem,4vw,1.75rem)}.api-content-page-body h3{margin:var(--spacing-md) 0 var(--spacing-xs);color:var(--text-color);font-size:clamp(1.1rem,3.5vw,1.5rem)}.api-content-page-body h4{font-size:var(--font-size-lg);margin:var(--spacing-sm) 0 var(--spacing-xs);color:var(--text-color)}.api-content-page-body a{color:var(--color-link);text-decoration:underline}.api-content-page-body a:hover{color:var(--primary-color-dark)}.api-content-page-body pre,.api-content-page-body code{font-family:var(--font-family-mono,"Courier New", monospace);background-color:var(--light-bg);border-radius:var(--border-radius-sm);font-size:clamp(.8rem,2.5vw,.9rem)}.api-content-page-body pre{padding:var(--spacing-sm);border:1px solid var(--light-border);overflow-x:auto}.api-content-page-body code{padding:2px 4px}.api-content-page-body pre code{background-color:#0000;padding:0}.api-content-page-body ul,.api-content-page-body ol{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.api-content-page-body li{margin:var(--spacing-xs) 0}.api-content-page-body table{width:100%;margin:var(--spacing-md) 0;border-collapse:collapse}.api-content-page-body th,.api-content-page-body td{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--light-border);text-align:left}.api-content-page-body th{background-color:var(--light-bg);font-weight:700}.api-content-page-error{padding:var(--spacing-md);text-align:center;color:var(--text-color)}.api-content-page-error h3{color:var(--color-warning);margin-bottom:var(--spacing-sm);font-size:clamp(1rem,4vw,1.5rem)}.api-content-page-error p{margin-bottom:var(--spacing-sm);font-size:clamp(.9rem,3vw,1rem)}.api-content-page-fallback-link{margin-top:var(--spacing-sm)}.api-content-page-buttons{width:100%;margin-top:var(--spacing-md);justify-content:left;display:flex}.api-content-page-continue-button.btn-loading{opacity:.9;pointer-events:none}.goals-separator{margin:var(--spacing-sm) 0;background-color:var(--text-color);opacity:.3;width:100%;max-width:640px;height:1px}.goals-list{gap:var(--spacing-lg);width:100%}.goals-empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-color);opacity:.9}.goals-loading{text-align:center;color:var(--text-color);opacity:.6;justify-content:center;align-items:center;padding:2rem;display:flex}@keyframes goals-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.search-controls{gap:var(--spacing-xs)}}.goals-description{margin:var(--spacing-sm) 0;color:var(--text-color);font-size:var(--font-size-sm);font-style:italic}.goals-more-wrapper{text-align:center;margin:var(--spacing-lg) 0}.goals-more-link{min-width:160px;min-height:44px;font-size:var(--font-size-sm);padding:var(--spacing-md) var(--spacing-lg)}.goals-more-link:active{transform:scale(.98)}.goals-page-error{padding:var(--spacing-lg);margin:var(--spacing-lg);background-color:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:var(--border-radius-md);color:var(--color-danger);text-align:center}.goals-main-content{gap:var(--spacing-xl);flex:1;min-height:0;display:flex}.goals-column{gap:var(--spacing-lg);min-width:0;padding:var(--spacing-lg);background-color:var(--bg-color);border-radius:var(--border-radius);border:1px solid var(--light-border);flex-direction:column;flex:1;display:flex;box-shadow:0 2px 4px #0000000d}.goals-column-header{font-size:var(--font-size-lg);color:var(--text-color);margin-bottom:var(--spacing-md);border-bottom:2px solid var(--light-border);padding-bottom:var(--spacing-sm);font-weight:600}.goals-section-header{font-size:var(--font-size-md);color:var(--text-color);margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;font-weight:500;display:flex}.goals-list-view{gap:var(--spacing-sm)}.goals-list-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--light-border);border-radius:var(--border-radius);background-color:var(--bg-color);transition:all var(--transition-speed) ease;cursor:pointer;display:flex}.goals-list-item:hover{background-color:var(--light-bg);border-color:var(--focus-color);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.goals-list-content{min-width:0;margin-top:var(--spacing-sm);flex:1}.goals-list-title{font-size:var(--font-size-md);color:var(--text-color);margin-bottom:var(--spacing-xs);cursor:pointer;font-weight:500}.goals-list-description{font-size:var(--font-size-sm);color:var(--text-color);opacity:.9;margin-top:var(--spacing-xs);overflow-wrap:break-word;hyphens:auto;line-height:1.5}.goals-list-description a{opacity:1}#goals-column .goals-list-description{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:3em;display:-webkit-box;overflow:hidden}.goals-delete-icon{top:var(--spacing-xxs);right:var(--spacing-xxs);background-color:var(--color-danger);cursor:pointer;width:24px;height:24px;transition:all var(--transition-speed) ease;z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.goals-delete-icon svg{width:12px;height:12px;stroke:var(--text-inverse);stroke-width:2px;fill:none}.goals-delete-icon:hover{background-color:var(--color-danger);transform:scale(1.1)}#goals-column .goals-list-item{position:relative}[data-theme=dark] .goals-list-item{background-color:var(--bg-color);border-color:var(--light-border)}[data-theme=dark] .goals-column{background-color:var(--bg-color);border-color:var(--light-border);box-shadow:0 2px 4px #ffffff0d}@media (width<=768px){.goals-main-content{gap:var(--spacing-lg);flex-direction:column}.goals-column{flex:none}.goals-list-item{padding:var(--spacing-sm)}.goals-section-header,.goals-column-header{font-size:var(--font-size-md)}}.goals-highlight{background-color:var(--color-warning);color:var(--text-color);padding:0 var(--spacing-xxs);border-radius:var(--border-radius-xs);font-weight:500}[data-theme=dark] .goals-highlight{background-color:var(--color-warning);color:var(--color-surface-darkest)}.goals-view-link,.goals-add-link{font-size:var(--font-size-sm)}.goals-link-separator{color:var(--text-color);opacity:.5;margin:0 var(--spacing-xs)}.home-page-container{padding:clamp(var(--spacing-xs), 2vw, var(--spacing-lg));line-height:1.4;transition:background-color .3s,color .3s}.home-page-content-wrapper{box-sizing:border-box;align-items:flex-start;width:100%;max-width:900px;margin:0 auto}.home-page-container .activity-title{margin-bottom:var(--spacing-xs);line-height:1.3}.home-page-section{width:100%;margin-bottom:calc(var(--spacing-lg) * 2);border-radius:var(--border-radius-lg);border:1px solid var(--light-border);background-color:var(--bg-color);transition:background-color .3s;overflow:hidden}.section-header{font-size:clamp(var(--font-size-md), 3vw, 1.25rem);padding:var(--spacing-lg);border-bottom:1px solid var(--light-border);color:var(--text-color);background-color:#00000008;margin:0;font-weight:600}[data-theme=dark] .section-header{background-color:#ffffff0d}.section-content{padding:var(--spacing-lg)}.welcome-card{padding:var(--spacing-xl)}.welcome-card,.whats-new-card,.quiz-card,.learn-card{background-color:var(--bg-color);border-radius:var(--border-radius-sm);border:1px solid var(--light-border);transition:all var(--transition-speed) ease;color:var(--text-color);overflow:hidden}.welcome-card .card-content{padding:0}.learn-more-link{font-size:var(--font-size-sm)}.expandable-section{margin-top:var(--spacing-lg)}.expandable-section .learn-more-link{margin-bottom:var(--spacing-sm);display:block}.welcome-card #learn-more-site-link{width:100%;margin-top:var(--spacing-lg);font-size:var(--font-size-sm);text-align:left;display:block}.continue-card{margin-bottom:var(--spacing-lg)}.activity-item{padding:clamp(var(--spacing-sm), 2vw, var(--spacing-md)) 0;align-items:center;gap:clamp(var(--spacing-sm), 2vw, var(--spacing-md));display:flex}.goal-recency{font-size:var(--font-size-xs);color:var(--text-color);opacity:.9;margin-top:var(--spacing-xs)}.goal-last-activity{font-style:italic}.activity-details{flex:1;min-width:0}.activity-path{font-size:var(--font-size-xs);color:var(--text-color);opacity:.9;line-height:1.2}.more-goals{padding-top:var(--spacing-sm);text-align:center}.category-grid{gap:var(--spacing-lg);margin:var(--spacing-lg) 0;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));display:grid}.category-card{border-radius:var(--border-radius-lg);padding:var(--spacing-lg) var(--spacing-sm);cursor:pointer;border:1px solid var(--light-border);background-color:var(--bg-color);flex-direction:column;align-items:center;transition:all .2s;display:flex}.category-card:hover{transform:translateY(-2px);box-shadow:0 3px 8px #0000001a}[data-theme=dark] .category-card:hover{box-shadow:0 3px 8px #0000004d}.category-icon{border-radius:var(--border-radius-full);width:3rem;height:3rem;color:var(--text-inverse);margin-bottom:clamp(var(--spacing-sm), 2vw, var(--spacing-md));background-color:var(--icon-bg);justify-content:center;align-items:center;font-weight:700;display:flex}.category-icon span{font-size:1.5rem}.category-title{text-align:center;color:var(--text-color);font-weight:500}.video-link-container{margin:var(--spacing-lg) 0}.learn-quizzes-container{margin-left:var(--spacing-sm);flex-shrink:1;align-items:center;min-width:fit-content;display:flex}.quiz-mode-select option:disabled{color:var(--color-neutral);font-style:italic}.quiz-info-section{margin-bottom:var(--spacing-lg)}.quiz-info-section #learn-about-quizzes-content{padding:clamp(var(--spacing-sm), 2vw, var(--spacing-md));margin-top:var(--spacing-xs);border-radius:var(--border-radius-sm);border:1px solid var(--light-border);background-color:#00000005}[data-theme=dark] .quiz-info-section #learn-about-quizzes-content{background-color:#ffffff0d}[data-theme=dark] .card-content p,[data-theme=dark] .topic-item label,[data-theme=dark] .activity-path{color:var(--text-color);opacity:.8}.songs-card #view-all-songs-btn,.skills-card #view-all-skills-btn,.goals-card #view-all-goals-btn{width:auto;min-width:140px;max-width:fit-content}@media (width<=768px){.card-actions{flex-direction:column;align-items:stretch}.activity-item{flex-wrap:wrap}.activity-item .btn{margin-left:3.25rem;margin-top:var(--spacing-sm)}.learn-card .card-actions{flex-direction:row;justify-content:flex-start}}@media (width<=480px){.page-title-base{font-size:clamp(var(--font-size-md), 4vw, 1.5rem)}.section-header,.card-content h4{font-size:clamp(var(--font-size-sm), 3vw, 1.1rem)}.category-grid{grid-template-columns:repeat(2,1fr)}.welcome-card .expandable-section{padding:0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);margin-top:0}.welcome-card .expandable-section.free-account-section{border-top:none;margin-top:0;padding-top:0;padding-bottom:0}.welcome-card .expandable-section:not(.free-account-section){margin-top:var(--spacing-xl);padding-top:clamp(var(--spacing-sm), 2vw, var(--spacing-md));border-top:1px solid var(--light-border)}.welcome-card .expandable-section .learn-more-link{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);text-align:left;display:block}.welcome-card .expandable-section+.expandable-section{margin-top:var(--spacing-lg)}.welcome-card #free-account-content,.welcome-card #learn-more-content{padding:clamp(var(--spacing-sm), 2vw, var(--spacing-md));border-radius:var(--border-radius-sm);margin-top:var(--spacing-sm);background-color:#00000005}[data-theme=dark] .welcome-card #free-account-content,[data-theme=dark] .welcome-card #learn-more-content{background-color:#ffffff0d}.welcome-card{padding:0;overflow:visible}.welcome-card .card-content{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg) var(--spacing-xl)}.welcome-card .expandable-section:last-child{padding-bottom:var(--spacing-xl)}}@media (width<=350px),(height<=450px){.welcome-card .expandable-section{padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.welcome-card .card-content{padding:var(--spacing-xl) var(--spacing-lg) clamp(var(--spacing-sm), 2vw, var(--spacing-md)) var(--spacing-lg)}.songs-card #view-all-songs-btn,.skills-card #view-all-skills-btn,.goals-card #view-all-goals-btn{min-width:120px;font-size:var(--font-size-sm)}}.home-page-expandable-content{border-radius:var(--border-radius-sm);border:1px solid var(--light-border);background-color:#00000005;margin-top:.5rem;padding:.75rem}[data-theme=dark] .home-page-expandable-content{border-color:var(--light-border);background-color:#ffffff0d}.home-page-expandable-trigger{margin-top:1rem;margin-bottom:.5rem;display:block}.home-page-error{padding:var(--spacing-md);margin:var(--spacing-md) 0;background-color:var(--color-danger-light);border:1px solid var(--color-danger-light);border-radius:var(--border-radius);color:var(--color-danger);text-align:center}[data-theme=dark] .home-page-error{color:var(--color-danger-on-dark);background-color:#cc33331a;border-color:#cc33334d}.dropdown-option-disabled{color:var(--color-neutral);font-style:italic}.my-content-header{margin-bottom:var(--spacing-md)}.my-content-table{width:100%;margin-top:var(--spacing-md);border-collapse:collapse;background-color:var(--card-bg);border:1px solid var(--light-border);border-radius:var(--border-radius-md);transition:border-color var(--transition-speed) ease;overflow:hidden}.my-content-table thead{background-color:var(--light-bg);border-bottom:2px solid var(--light-border)}.my-content-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;font-size:var(--font-size-sm);color:var(--text-color);text-transform:uppercase;letter-spacing:.05em}.my-content-table td{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--light-border);color:var(--text-color);vertical-align:middle}.my-content-table tbody tr{transition:background-color var(--transition-speed) ease}.my-content-table tbody tr:hover{background-color:var(--light-bg)}.category-title-link{color:var(--link-color);transition:color var(--transition-speed) ease;font-weight:500;text-decoration:none}.category-title-link:hover{color:var(--link-hover-color);text-decoration:underline}.location-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:inline-block}.location-private{background-color:var(--color-info-light);color:var(--color-info)}.location-local{background-color:var(--color-warning-light);color:var(--color-warning-dark)}[data-theme=dark] .location-private{color:var(--color-info);background-color:#3b82f633}[data-theme=dark] .location-local{color:var(--color-warning);background-color:#f59e0b33}.my-content-footer{margin-top:var(--spacing-md);text-align:center;padding-top:var(--spacing-md);border-top:1px solid var(--light-border)}.my-content-section .empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--text-muted)}.my-content-section .empty-state p{margin-bottom:var(--spacing-md);font-size:var(--font-size-md)}@media (width<=768px){.my-content-table th,.my-content-table td{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.my-content-table th{font-size:var(--font-size-xs)}.actions-cell{flex-direction:column;align-items:stretch}.actions-cell .btn-small{width:100%}}.category-title-link:focus,.view-category-btn:focus,.edit-category-btn:focus{outline:2px solid var(--focus-color);outline-offset:2px}.chart-background{background-color:var(--chart-bg-color,var(--bg-color))}.chart-table-container{margin-top:var(--spacing-md);clear:both;width:100%;display:block}.chart-table-title{color:var(--text-color);margin-bottom:.5rem;font-size:1rem}.chart-data-table{border-collapse:collapse;border:1px solid var(--light-border);width:100%}.chart-bpm-title{margin:0 0 var(--spacing-md) 0;color:var(--text-color);font-size:var(--font-size-md)}.goal-login-button{margin:0 auto;display:block}.goal-add-current-link{margin:0 0 1rem}.goal-progress-wrapper{min-height:250px}.goal-progress-title{color:var(--text-color);margin:.5rem 0}.goal-progress-display{height:200px;overflow-y:auto}.goal-placeholder-thumb{color:var(--text-inverse);background-color:var(--goal-thumb-bg,var(--color-secondary));justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;display:flex}.account-page-container{margin:var(--spacing-lg) auto;max-width:800px;padding:var(--spacing-lg);background-color:var(--bg-color);border-radius:var(--border-radius-lg);border:1px solid var(--light-border);transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease, border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease;box-shadow:0 2px 10px #0000000d}[data-theme=dark] .account-page-container{box-shadow:0 2px 10px #0003}.account-page-content{gap:var(--spacing-lg)}.account-section{padding:var(--spacing-lg);border:1px solid var(--light-border);border-radius:var(--border-radius-lg);background-color:var(--bg-color)}.account-section-title{color:var(--text-color);margin-top:0;margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);font-weight:500}.account-details{gap:clamp(var(--spacing-sm), 2vw, var(--spacing-md))}.account-detail-row{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--light-border);display:flex}.account-detail-row:last-child{border-bottom:none}.account-detail-row--has-action{align-items:center}.account-type-action-btn{margin-top:var(--spacing-sm);align-self:flex-start}.account-detail-label{min-width:120px;color:var(--text-color);font-weight:600}.account-detail-value{color:var(--text-color);flex:1}.account-teams-list-row{align-items:flex-start}.account-teams-list{gap:var(--spacing-sm)}.account-team-entry{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--light-bg);border-radius:var(--border-radius-sm);border:1px solid var(--light-border);display:flex}[data-theme=dark] .account-team-entry{background-color:#ffffff0d;border-color:#ffffff1a}.account-team-name{color:var(--text-color);font-weight:500}.account-team-role{color:var(--text-color);opacity:.9;font-size:var(--font-size-sm)}.account-page-error{background-color:var(--color-danger-light);color:var(--color-danger);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--color-danger);margin:var(--spacing-lg) auto;max-width:800px}.email-notifications{margin-top:var(--spacing-lg)}.email-notifications .settings-section-title{color:var(--text-color);margin-top:0;margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);font-weight:500}.email-notifications .setting-item{margin:var(--spacing-md) 0}.email-notifications .checkbox-label{font-size:var(--font-size-md);cursor:pointer;color:var(--text-color);align-items:center;display:flex}.email-notifications .checkbox-label input{margin-right:var(--spacing-sm);width:1.1rem;height:1.1rem;accent-color:var(--focus-color)}.email-notifications .settings-label{margin-bottom:var(--spacing-xs);color:var(--text-color);font-weight:600;display:block}.email-notifications .radio-group{margin-left:var(--spacing-lg);gap:var(--spacing-sm);flex-direction:column;display:flex}.email-notifications .radio-label{cursor:pointer;color:var(--text-color);align-items:center;display:flex}.email-notifications .radio-label input{margin-right:var(--spacing-xs);width:1.1rem;height:1.1rem;accent-color:var(--focus-color)}.email-notifications .setting-description{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:var(--light-bg);border-radius:var(--border-radius-sm);border:1px solid var(--light-border)}[data-theme=dark] .email-notifications .setting-description{background:#ffffff0d}.email-notifications .setting-description p{margin:var(--spacing-xs) 0;color:var(--text-color)}.email-notifications .setting-description ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg);color:var(--text-color)}.email-notifications .setting-description li{margin:var(--spacing-xs) 0}.email-notifications .next-email-time{margin-top:var(--spacing-sm);color:var(--text-color);opacity:.9;font-style:italic;font-size:var(--font-size-sm)}.email-notifications .send-now-container{margin-top:var(--spacing-xs)}.email-notifications .save-feedback,.email-notifications .send-now-feedback{margin-top:var(--spacing-sm)}.email-notifications .save-feedback .success,.email-notifications .send-now-feedback .success{color:var(--color-success);font-weight:500}.email-notifications .save-feedback .error,.email-notifications .send-now-feedback .error{color:var(--color-danger);font-weight:500}.email-notifications .send-now-feedback .info{color:var(--text-color);opacity:.9;font-weight:500}@media (width<=600px){.account-page-container{padding:var(--spacing-md);margin:var(--spacing-sm)}.account-detail-row{gap:var(--spacing-xs);flex-direction:column}.account-detail-label{min-width:auto}.email-notifications .radio-group{margin-left:var(--spacing-md)}}.about-page-container{margin:var(--spacing-lg) auto;max-width:800px;padding:var(--spacing-lg);background-color:var(--bg-color);border-radius:var(--border-radius-lg);border:1px solid var(--light-border);transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease, border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease;box-shadow:0 2px 10px #0000000d}[data-theme=dark] .about-page-container{box-shadow:0 2px 10px #0003}.about-page-content{margin-top:var(--spacing-md)}.about-page-title{color:var(--text-color);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-md);transition:color var(--transition-speed) ease;font-weight:600}.about-version-section{padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-color-secondary);border-bottom:1px solid var(--light-border);transition:color var(--transition-speed) ease, border-color var(--transition-speed) ease}.about-version-label{color:var(--text-color);transition:color var(--transition-speed) ease;font-weight:600}.about-version-value{color:var(--text-color-secondary);transition:color var(--transition-speed) ease;font-family:monospace}.about-content-section{padding:var(--spacing-md) 0}.about-content-body{color:var(--text-color);font-size:var(--font-size-md);transition:color var(--transition-speed) ease;line-height:1.6}.about-content-body p{margin-bottom:var(--spacing-md)}.about-content-body h2{color:var(--text-color);font-size:var(--font-size-xl);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);transition:color var(--transition-speed) ease;font-weight:600}.about-content-body h3{color:var(--text-color);font-size:var(--font-size-lg);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);transition:color var(--transition-speed) ease;font-weight:600}.about-content-body ul,.about-content-body ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}.about-content-body li{margin-bottom:var(--spacing-xs)}.about-page-error{padding:var(--spacing-lg);text-align:center;color:var(--error-color)}.about-page-error h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}@media (width<=768px){.about-page-container{padding:var(--spacing-md);margin:var(--spacing-sm);border-radius:var(--border-radius-md)}.about-page-title{font-size:var(--font-size-xl)}.about-content-body{font-size:var(--font-size-base)}.about-content-body h2{font-size:var(--font-size-lg)}.about-content-body h3{font-size:var(--font-size-md)}}.recent-progress-loading{text-align:center;padding:2rem}.admin-filters-section,.admin-controls-section{background-color:var(--light-bg);border:1px solid var(--light-border);border-radius:var(--border-radius);padding:var(--spacing-md)}.analytics-success-value{color:var(--color-success)}[data-theme=dark] .chart-container{background-color:var(--light-bg);color:var(--text-color);box-shadow:0 2px 8px #0000004d}[data-theme=light] .chart-container{background-color:var(--bg-color);color:var(--text-color)}.goals-list-item:has(.goal-details-expander){flex-wrap:wrap}.goal-details-toggle{margin-right:var(--spacing-sm)}.goal-details-expander{flex-basis:100%;margin-block-start:var(--spacing-xs);padding-inline-start:var(--spacing-sm)}.goal-details-content{padding-block-start:var(--spacing-xs)}.goal-details-count{font-size:var(--font-size-xs);color:var(--text-color);opacity:.9;margin-block-end:var(--spacing-xs);padding-inline-start:var(--spacing-xs)}.goal-details-list{gap:var(--spacing-xs)}.goal-details-item{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius,4px);transition:opacity var(--transition-speed,.2s) ease;align-items:center;display:flex}.goal-details-item[data-ignored=true]{opacity:.5}.goal-details-item[data-ignored=true] label{text-decoration:line-through}.goal-details-item .checkbox-pair{align-items:center;gap:var(--spacing-xs);display:flex}.goal-details-item .checkbox-pair label{font-size:var(--font-size-sm);cursor:pointer}.goal-details-item .checkbox-pair input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}@media (pointer:coarse){.goal-details-item{min-height:44px;padding:var(--spacing-sm)}.goal-details-item .checkbox-pair input[type=checkbox]{width:22px;min-width:44px;height:22px;min-height:44px}}.chart-page-container{padding:clamp(var(--spacing-xs), 2vw, var(--spacing-md));background-color:var(--bg-color);color:var(--text-color);transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;height:100%;max-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;display:flex}.chart-content-wrapper{flex-direction:column;flex:auto;width:100%;display:flex;overflow:auto}.chart-header{margin:var(--spacing-sm) 0;align-items:center;gap:var(--spacing-xs);flex-wrap:nowrap;width:100%;display:flex}.chart-link{color:var(--focus-color);margin-inline:var(--spacing-xs) var(--spacing-xs);text-decoration:none}.chart-link:hover{text-decoration:underline}.chart-body{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0;flex-direction:column;flex:1;display:flex}.chart-display{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:300px;display:flex;position:relative}.chart-canvas{max-height:50vh}.chart-table{border-collapse:collapse;width:100%;margin-top:var(--spacing-md)}.chart-table th,.chart-table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--light-border)}[data-theme=dark] .chart-table th,[data-theme=dark] .chart-table td{border-color:var(--light-border)}.chart-table th{background-color:var(--light-bg);font-size:var(--font-size-sm);font-weight:600}[data-theme=dark] .chart-table th{background-color:var(--light-bg);color:var(--text-color)}.chart-loading{padding:var(--spacing-lg);text-align:center;color:var(--text-color);font-size:var(--font-size-md)}.status-sphere-small{--sphere-size:16px;width:var(--sphere-size);height:var(--sphere-size);font-size:var(--font-size-xs)}.status-sphere-medium{--sphere-size:24px;width:var(--sphere-size);height:var(--sphere-size);font-size:var(--font-size-sm)}.status-sphere-large{--sphere-size:32px;width:var(--sphere-size);height:var(--sphere-size);font-size:var(--font-size-md)}.status-sphere-custom{width:var(--sphere-size,24px);height:var(--sphere-size,24px);font-size:calc(var(--sphere-size,24px) * .5)}.bpm-chart-container{margin-top:var(--spacing-lg)}@media (width<=768px){.chart-display{min-height:250px}}@media (width<=576px){.chart-display{min-height:200px}}.chart-generic-container{width:100%;min-width:300px;min-height:250px;margin:0;position:relative}.chart-title-no-margin{margin-top:0}.chart-show-more-link{margin-top:var(--spacing-md);display:block}.status-sphere-red{--sphere-color-light:#ff6b6b;--sphere-color-dark:#c23616;--sphere-text-color:var(--text-inverse)}.status-sphere-yellow{--sphere-color-light:#ffeb3b;--sphere-color-dark:#fbc02d;--sphere-text-color:var(--color-surface-darkest)}.status-sphere-green{--sphere-color-light:#5adfb0;--sphere-color-dark:#26ae60;--sphere-text-color:var(--color-surface-darkest)}.status-sphere-white{--sphere-color-light:#fff;--sphere-color-dark:#f0f0f0;--sphere-text-color:var(--color-surface-darkest);border:1px solid var(--light-border)}.showcase-page{max-width:900px;padding:var(--spacing-lg) var(--spacing-md);margin:0 auto}.skeleton-block{background:var(--light-border);border-radius:var(--border-radius-sm);animation:1.4s ease-in-out infinite showcase-skeleton-pulse}.skeleton-block--avatar{border-radius:var(--border-radius-full);width:48px;height:48px}.skeleton-block--title{width:60%;height:28px;margin-bottom:var(--spacing-sm)}.skeleton-block--heading{width:40%;height:22px;margin-bottom:var(--spacing-md)}.skeleton-block--card{border-radius:var(--border-radius-md);height:120px}@keyframes showcase-skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.showcase-header{margin-bottom:var(--spacing-xl)}.showcase-header--skeleton{gap:var(--spacing-md);align-items:flex-start;display:flex}.showcase-header__owner-row{align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.showcase-header__avatar{border-radius:var(--border-radius-full);background:var(--color-primary);color:#fff;width:48px;height:48px;font-size:var(--font-size-lg);text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.showcase-header__avatar--team{background:var(--color-info)}.showcase-header__owner-meta{flex:1;min-width:0}.showcase-header__title{font-size:var(--font-size-xl);margin:0 0 var(--spacing-xs) 0}.showcase-header__byline{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-neutral);margin:0;display:flex}.showcase-header__owner-name{font-weight:600}.showcase-header__badge{padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--border-radius-pill);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:600;display:inline-block}.showcase-header__badge--public{background:var(--color-success-light);color:var(--color-success)}.showcase-header__badge--unlisted{background:var(--color-warning-light);color:var(--color-warning)}.showcase-header__badge--private{background:var(--color-secondary-light);color:var(--color-secondary)}.showcase-header__desc{font-size:var(--font-size-sm);color:var(--color-neutral);margin:0;line-height:1.5}.showcase-header__cta-row{margin-top:var(--spacing-md)}.showcase-header__cta{font-size:var(--font-size-md)}.showcase-section{margin-bottom:var(--spacing-xxl)}.showcase-section__heading{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0;border-bottom:1px solid var(--light-border);padding-bottom:var(--spacing-xs)}.showcase-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.showcase-card{background:var(--color-secondary-light);border:1px solid var(--light-border);border-radius:var(--border-radius-md);padding:var(--spacing-md);cursor:pointer;gap:var(--spacing-xs);flex-direction:column;transition:box-shadow .15s,transform .1s;display:flex}.showcase-card:hover,.showcase-card:focus{border-color:var(--color-primary);outline:none;transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.showcase-card__type-badge{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-info);margin-bottom:var(--spacing-xs);font-weight:600;display:inline-block}.showcase-card__type-badge--lesson{color:var(--color-success)}.showcase-card__type-badge--category{color:var(--color-primary)}.showcase-card__title{font-size:var(--font-size-sm);margin:0;font-weight:600}.showcase-card__desc{font-size:var(--font-size-xs);color:var(--color-neutral);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.showcase-card__progress{padding-top:var(--spacing-xs);margin-top:auto}.showcase-card__progress-bar{background:var(--light-border);border-radius:var(--border-radius-full);height:4px;margin-bottom:var(--spacing-xxs);overflow:hidden}.showcase-card__progress-fill{background:var(--color-info);border-radius:var(--border-radius-full);height:100%;width:var(--progress-width,0%);transition:width .3s}.showcase-card__progress-fill--complete{background:var(--color-success)}.showcase-card__progress-label{font-size:var(--font-size-xs);color:var(--color-neutral)}.showcase-page-not-found,.showcase-page-private,.showcase-page-error{text-align:center;padding:var(--spacing-xxl) var(--spacing-md)}.showcase-not-found__home-btn{margin-top:var(--spacing-md)}.showcase-signup-banner{justify-content:space-between;align-items:center;gap:var(--spacing-md);background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-top:var(--spacing-xl);flex-wrap:wrap;display:flex}.showcase-signup-banner__text{font-size:var(--font-size-sm);margin:0}.showcase-warning{background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);margin-bottom:var(--spacing-md)}.showcase-page__empty{text-align:center;color:var(--color-neutral);font-size:var(--font-size-sm);margin-top:var(--spacing-xxl)}.slug-input-component{margin-bottom:var(--spacing-md)}.slug-input__label{margin-bottom:var(--spacing-xs);display:block}.slug-input__row{border:1px solid var(--light-border);border-radius:var(--border-radius-sm);background:var(--bg-color);align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.slug-input__row:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.slug-input__prefix{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-secondary-light);color:var(--color-neutral);font-size:var(--font-size-sm);white-space:nowrap;border-right:1px solid var(--light-border);flex-shrink:0}.slug-input__field{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;flex:1;min-width:0}.slug-input__field--valid{background:var(--color-success-light)}.slug-input__field--invalid{background:var(--color-danger-light)}.slug-input__icon{padding:0 var(--spacing-sm);font-size:var(--font-size-sm);flex-shrink:0}.slug-input__icon--ok{color:var(--color-success)}.slug-input__icon--error{color:var(--color-danger)}.slug-input__message{font-size:var(--font-size-xs);min-height:1.2em;margin-top:4px}.slug-input__message--ok{color:var(--color-success)}.slug-input__message--error{color:var(--color-danger)}.slug-input__message--checking{color:var(--color-neutral)}.slug-input__preview{font-size:var(--font-size-xs);color:var(--color-neutral);margin-top:var(--spacing-xxs);word-break:break-all}.showcase-modal__wrapper,.showcase-modal__form{gap:var(--spacing-md)}.showcase-modal__form .form-row{margin-bottom:0}.showcase-modal__input,.showcase-modal__select{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--light-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);background:var(--bg-color);color:var(--text-color);font-family:inherit}.showcase-modal__textarea{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--light-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);background:var(--bg-color);color:var(--text-color);resize:vertical;min-height:60px;font-family:inherit}.showcase-modal__input:focus,.showcase-modal__select:focus,.showcase-modal__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light);outline:none}.showcase-modal__radio-group{gap:var(--spacing-xs);width:100%}.showcase-modal__radio-option{align-items:flex-start;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:background .1s;display:flex}.showcase-modal__radio-option:hover{background:var(--color-secondary-light)}.showcase-modal__radio-text{font-size:var(--font-size-sm)}.showcase-modal__radio-desc{color:var(--color-neutral)}.showcase-modal__toggle-row{gap:var(--spacing-xxs);align-items:flex-start}.showcase-modal__toggle-label{align-items:center;gap:var(--spacing-xs);cursor:pointer;font-weight:600;display:flex}.showcase-modal__hint{font-size:var(--font-size-xs);color:var(--color-neutral);margin:0}.showcase-modal__items-section{border-top:1px solid var(--light-border);padding-top:var(--spacing-md)}.showcase-modal__items-heading{font-size:var(--font-size-md);margin:0 0 var(--spacing-xs) 0}.showcase-modal__items-list{margin:0 0 var(--spacing-sm) 0;padding:0;list-style:none}.showcase-modal__items-empty{font-size:var(--font-size-xs);color:var(--color-neutral);padding:var(--spacing-xs) 0}.showcase-modal__item-row{padding:var(--spacing-xs) 0;border-bottom:1px solid var(--light-border);justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.showcase-modal__item-info{font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.showcase-modal__item-actions{gap:var(--spacing-xs);flex-shrink:0;display:flex}.showcase-modal__item-btn{font-size:var(--font-size-xs);padding:0 var(--spacing-xxs)}.showcase-modal__item-btn--remove{color:var(--color-danger)}.showcase-modal__add-item-row{gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap;align-items:center;display:flex}.showcase-modal__add-type{flex-shrink:0;width:auto}.showcase-modal__add-id{flex:1;min-width:140px}.showcase-modal__items-save-status{font-size:var(--font-size-xs);margin-top:var(--spacing-xs);min-height:1.2em}.showcase-modal__items-save-status--ok{color:var(--color-success)}.showcase-modal__items-save-status--error{color:var(--color-danger)}.showcase-modal__danger-zone{border-top:1px solid var(--color-danger);padding-top:var(--spacing-md);margin-top:var(--spacing-sm)}.showcase-modal__danger-title{font-weight:600;font-size:var(--font-size-sm);color:var(--color-danger);margin-bottom:var(--spacing-xs)}.showcase-modal__delete-btn{background:var(--color-danger);color:#fff;border:none}.showcase-modal__delete-btn:hover{opacity:.85}.showcase-modal__banner{border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.showcase-modal__banner--error{background:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger)}.showcase-modal__banner--info{background:var(--color-primary-light);border:1px solid var(--color-primary);color:var(--color-primary)}.showcase-modal__owner-row{gap:var(--spacing-xs)}.my-showcases-section{margin-top:var(--spacing-xxl);border-top:1px solid var(--light-border);padding-top:var(--spacing-lg)}.my-showcases-section__header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.my-showcases-section__title{font-size:var(--font-size-lg);margin:0}.my-showcases-table__slug{font-size:var(--font-size-xs);color:var(--color-neutral);font-family:monospace}.admin-team-showcases{border-top:1px solid var(--light-border);padding-top:var(--spacing-md);margin-top:var(--spacing-md)}.admin-team-showcases__header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.admin-team-showcases__title{font-size:var(--font-size-md);margin:0}.admin-team-showcases__table{width:100%;margin-top:var(--spacing-xs)}.showcase-header__title-row{--row-gap:var(--spacing-sm)}.showcase-header__copy-btn{font-size:var(--font-size-base);cursor:pointer;opacity:.6;transition:opacity var(--transition-speed);background:0 0;border:none;flex-shrink:0;padding:0;line-height:1}.showcase-header__copy-btn:hover{opacity:1}.showcase-modal__banner--success{background:var(--color-success-light);color:var(--color-success);border-left:3px solid var(--color-success);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md)}.showcase-modal__share-msg{margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);display:block}.showcase-modal__share-path{background:var(--hover-bg);padding:1px var(--spacing-xs);border-radius:var(--border-radius-xs)}.showcase-modal__share-actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}[data-page-type=question] [data-question-element=text]{margin-bottom:1rem;font-size:1.2rem}[data-page-type=question] .answer-option{cursor:pointer;margin-bottom:.5rem;padding:1rem .75rem}@media (width<=767px){[data-page-type=question] [data-question-element=text]{font-size:1rem}[data-page-type=question] .answer-option{padding:.75rem .5rem}}.my-showcases-page{max-width:900px;padding:var(--spacing-lg) var(--spacing-md);margin:0 auto}.my-showcases-table__actions{white-space:nowrap}.lesson-page-wrapper{max-width:1200px;padding:var(--spacing-xl) var(--spacing-md);margin:0 auto}.lesson-page-header{margin-bottom:var(--spacing-xl)}.lesson-page-title{font-size:var(--font-size-xxl);color:var(--text-color);margin:0 0 var(--spacing-sm) 0}.lesson-page-breadcrumb{font-size:var(--font-size-sm);color:var(--color-neutral);margin-top:var(--spacing-sm)}.lesson-page-breadcrumb .breadcrumb-link{color:var(--link-color);text-decoration:none}.lesson-page-breadcrumb .breadcrumb-link:hover{text-decoration:underline}.lesson-page-breadcrumb .breadcrumb-separator{margin:0 var(--spacing-xs);color:var(--color-neutral)}.lesson-page-info{gap:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--light-bg);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);display:flex}.info-item{gap:var(--spacing-sm);display:flex}.info-label{color:var(--text-color);font-weight:600}.info-value{color:var(--color-neutral)}.lesson-page-activities{margin-top:var(--spacing-xl)}.lesson-page-section-heading{font-size:var(--font-size-xl);color:var(--text-color);margin:0 0 var(--spacing-lg) 0;border-bottom:2px solid var(--light-border);padding-bottom:var(--spacing-sm)}.lesson-activities-list{gap:var(--spacing-sm)}.lesson-activity-item{padding:var(--spacing-md);background-color:var(--light-bg);border-radius:var(--border-radius-sm);border:1px solid var(--light-border);justify-content:space-between;align-items:center;min-height:44px;transition:background-color .15s,border-color .15s;display:flex}.lesson-activity-item:hover{background-color:var(--bg-color);border-color:var(--focus-color)}.lesson-activity-link{color:var(--link-color);font-size:var(--font-size-md);font-weight:500;text-decoration:none}.lesson-activity-link:hover{color:var(--link-hover-color);text-decoration:underline}.lesson-activity-pages{font-size:var(--font-size-sm);color:var(--color-neutral)}.lesson-page-empty-state{background-color:var(--light-bg);border-radius:var(--border-radius)}.lesson-page-error{max-width:600px;margin:var(--spacing-xxl) auto;padding:var(--spacing-xl);text-align:center;background-color:var(--color-danger-light);border-radius:var(--border-radius)}.lesson-page-error h2{color:var(--color-danger);margin-bottom:var(--spacing-md)}.lesson-page-error p{color:var(--text-color);margin-bottom:var(--spacing-lg)}@media (width<=768px){.lesson-page-wrapper{padding:var(--spacing-md)}.lesson-page-title{font-size:var(--font-size-xl)}.lesson-page-info{gap:var(--spacing-sm);flex-direction:column}.lesson-activity-item{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}}.activity-page-wrapper{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.activity-page-header{margin-bottom:var(--spacing-lg)}.activity-page-title{font-size:var(--font-size-xxl);color:var(--text-color);margin:0 0 var(--spacing-sm) 0}.activity-page-breadcrumb{font-size:var(--font-size-sm);color:var(--color-neutral);margin-bottom:var(--spacing-md)}.activity-page-breadcrumb a{color:var(--link-color);text-decoration:none}.activity-page-breadcrumb .breadcrumb-separator{margin:0 var(--spacing-xs);color:var(--color-neutral)}.activity-page-breadcrumb .breadcrumb-current{color:var(--text-color);font-weight:500}.activity-page-info{background-color:var(--light-bg);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.activity-page-info p{margin:var(--spacing-sm) 0;color:var(--color-neutral)}.activity-page-pages{background-color:var(--light-bg);border-radius:var(--border-radius);padding:var(--spacing-lg)}.activity-page-section-heading{font-size:var(--font-size-lg);color:var(--text-color);margin:0 0 var(--spacing-md) 0}.activity-pages-list{gap:var(--spacing-sm)}.activity-page-item{padding:var(--spacing-md);background-color:var(--bg-color);border-radius:var(--border-radius-sm);border:1px solid var(--light-border);align-items:center;transition:background-color .15s,border-color .15s;display:flex}.activity-page-item:hover{background-color:var(--light-bg);border-color:var(--focus-color)}.activity-page-link{color:var(--link-color);flex:1;text-decoration:none}.activity-page-link:hover{text-decoration:underline}.activity-page-error{padding:var(--spacing-lg);background-color:var(--color-danger-light);border-radius:var(--border-radius);color:var(--color-danger)}.hydrate-settings-description{font-size:var(--font-size-sm);color:var(--text-color);opacity:.8;margin:0 0 var(--spacing-sm) 0;line-height:1.4}.hydrate-settings-row{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.hydrate-settings-label{font-size:var(--font-size-sm);color:var(--text-color);flex-shrink:0;min-width:130px;font-weight:500}.hydrate-settings-message{font-size:var(--font-size-sm)}.hydrate-overrides-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.hydrate-overrides-table th,.hydrate-overrides-table td{padding:var(--spacing-xs) var(--spacing-sm);text-align:left;border-bottom:1px solid var(--light-border)}.hydrate-overrides-table th{color:var(--text-color);opacity:.9;font-weight:600}[data-theme=dark] .hydrate-overrides-table th,[data-theme=dark] .hydrate-overrides-table td{border-color:var(--color-neutral)}.hydrate-override-search-wrapper{flex:1;max-width:320px;position:relative}.hydrate-override-search-input{width:100%;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--light-border);border-radius:var(--border-radius-xs);background-color:var(--bg-color);color:var(--text-color)}[data-theme=dark] .hydrate-override-search-input{border-color:var(--color-neutral)}.hydrate-override-search-results{z-index:100;margin:var(--spacing-xxs) 0 0;background-color:var(--bg-color);border:1px solid var(--light-border);border-radius:var(--border-radius-xs);max-height:240px;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 8px #0000001f}[data-theme=dark] .hydrate-override-search-results{border-color:var(--color-neutral);box-shadow:0 4px 8px #0006}.hydrate-override-search-result-item{padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-color)}.hydrate-override-search-result-item:hover{background-color:var(--light-bg)}[data-theme=dark] .hydrate-override-search-result-item:hover{background-color:var(--color-neutral)}.hydrate-refresh-message{margin-top:var(--spacing-sm);padding-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-color);opacity:.8;border-top:1px solid var(--light-border)}[data-theme=dark] .hydrate-refresh-message{border-color:var(--color-neutral)}.hydrate-refresh-message .hydrate-refresh-change-link{font-size:inherit;vertical-align:baseline;padding:0}.hydrate-browse-tree{font-size:var(--font-size-sm);color:var(--text-color);padding:var(--spacing-xs) 0}.hydrate-browse-empty{color:var(--text-color);opacity:.9;padding:var(--spacing-sm)}.hydrate-browse-row{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);padding-left:calc(var(--spacing-sm) + var(--browse-depth,0) * var(--spacing-md));border-radius:var(--border-radius-xs);cursor:default;min-height:44px;display:flex}.hydrate-browse-row:hover{background-color:var(--light-bg)}[data-theme=dark] .hydrate-browse-row:hover{background-color:var(--color-neutral)}.hydrate-browse-arrow{cursor:pointer;font-size:var(--font-size-xs);color:var(--text-color);opacity:.55;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.hydrate-browse-arrow:hover{opacity:1}.hydrate-browse-arrow-spacer{flex-shrink:0;width:20px;height:20px;display:inline-block}.hydrate-browse-title{cursor:pointer;font-size:inherit;color:var(--text-color);text-align:left;background:0 0;border:none;flex:1;min-width:0;padding:0}.hydrate-browse-title:hover{text-decoration:underline}.hydrate-browse-title-leaf{cursor:default}.hydrate-browse-title-leaf:hover{text-decoration:none}.hydrate-browse-change-btn{cursor:pointer;font-size:var(--font-size-xs);color:var(--text-color);opacity:.6;padding:var(--spacing-xxs) var(--spacing-xs);white-space:nowrap;background:0 0;border:none;flex-shrink:0}.hydrate-browse-change-btn:hover{opacity:1;text-decoration:underline}.hydrate-browse-level{font-size:var(--font-size-xs);color:var(--text-color);opacity:.45;white-space:nowrap;flex-shrink:0}.hydrate-browse-override-badge{font-size:var(--font-size-xs);color:#6c6;white-space:nowrap;cursor:default;background-color:#66cc661f;border:1px solid #66cc6659;border-radius:10px;flex-shrink:0;padding:1px 6px}[data-theme=dark] .hydrate-browse-override-badge{color:#8d8;background-color:#88dd881f;border-color:#88dd884d}.invitation-steps-list{text-align:left;margin:var(--spacing-md) var(--spacing-xl)}}