.circadian-mode-selector[data-v-bec6b95f]{margin:0 auto;max-width:800px;padding:1.5rem}.selector-title[data-v-bec6b95f]{color:var(--color-text-primary,#333);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.selector-description[data-v-bec6b95f]{color:var(--color-text-secondary,#666);line-height:1.5;margin:0 0 2rem}.modes-grid[data-v-bec6b95f]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.mode-option[data-v-bec6b95f]{background:var(--color-bg-elevated,#fff);border:2px solid var(--color-border-light,#e0e0e0);border-radius:12px;cursor:pointer;padding:1.5rem}.mode-option[data-v-bec6b95f]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.mode-option--active[data-v-bec6b95f],.mode-option[data-v-bec6b95f]:hover{border-color:var(--color-primary,#4caf50)}.mode-option--active[data-v-bec6b95f]{background:var(--color-bg-primary-light,rgba(76,175,80,.05))}.mode-option--recommended[data-v-bec6b95f]{position:relative}.mode-option--recommended[data-v-bec6b95f]:before{content:"✨";font-size:1.5rem;position:absolute;right:-8px;top:-8px}.mode-header[data-v-bec6b95f]{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.mode-emoji[data-v-bec6b95f]{font-size:2rem;line-height:1}.mode-title[data-v-bec6b95f]{flex:1}.mode-title h4[data-v-bec6b95f]{color:var(--color-text-primary,#333);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.recommended-badge[data-v-bec6b95f]{background:var(--color-success,#4caf50);border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.mode-description[data-v-bec6b95f]{color:var(--color-text-primary,#333);font-weight:500;margin:0 0 .5rem}.mode-details[data-v-bec6b95f]{color:var(--color-text-secondary,#666);font-size:.9rem;line-height:1.4;margin:0 0 1rem}.mode-preview[data-v-bec6b95f]{border-top:1px solid var(--color-border-light,#e0e0e0);margin-top:1rem;padding-top:1rem}.preview-header[data-v-bec6b95f]{color:var(--color-text-secondary,#666);font-size:.875rem;font-weight:500}.color-preview[data-v-bec6b95f],.preview-header[data-v-bec6b95f]{margin-bottom:.5rem}.color-swatch[data-v-bec6b95f]{border:1px solid var(--color-border-light,#ddd);border-radius:6px;font-size:.875rem;font-weight:500;padding:.75rem 1rem}.preview-text[data-v-bec6b95f]{display:block}.accessibility-info[data-v-bec6b95f]{margin-top:.5rem}.accessibility-badge[data-v-bec6b95f]{border-radius:8px;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.accessibility-aaa[data-v-bec6b95f]{background:var(--color-success,#4caf50);color:#fff}.accessibility-aa[data-v-bec6b95f]{background:var(--color-warning,#ff9800);color:#fff}.accessibility-fail[data-v-bec6b95f]{background:var(--color-error,#f44336);color:#fff}.system-status[data-v-bec6b95f]{background:var(--color-bg-secondary,#f5f5f5);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.system-status h4[data-v-bec6b95f]{color:var(--color-text-primary,#333);font-size:1rem;margin:0 0 1rem}.status-grid[data-v-bec6b95f]{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-item[data-v-bec6b95f]{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.status-label[data-v-bec6b95f]{color:var(--color-text-secondary,#666);font-size:.875rem;font-weight:500}.status-value[data-v-bec6b95f]{color:var(--color-text-primary,#333);font-size:.875rem;font-weight:600}.debug-section[data-v-bec6b95f]{background:var(--color-bg-secondary,#f8f9fa);border:1px solid var(--color-border-light,#e0e0e0);border-radius:8px;padding:1rem}.debug-section h4[data-v-bec6b95f]{color:var(--color-text-primary,#333);font-size:.875rem;margin:0 0 1rem}.debug-details summary[data-v-bec6b95f]{color:var(--color-text-secondary,#666);cursor:pointer;font-weight:500;margin-bottom:.5rem}.debug-details pre[data-v-bec6b95f]{background:var(--color-bg-elevated,#fff);border:1px solid var(--color-border-light,#ddd);border-radius:4px;font-size:.75rem;margin:0;overflow-x:auto;padding:.75rem}@media (max-width:768px){.modes-grid[data-v-bec6b95f],.status-grid[data-v-bec6b95f]{grid-template-columns:1fr}.status-item[data-v-bec6b95f]{align-items:flex-start;flex-direction:column;gap:.25rem}}.text-sans[data-v-46220e99]{font-family:var(--font-sans-metadata)}.theme-selector[data-v-46220e99]{display:block;transition:var(--theme-transition,.15s ease-in-out);width:100%}.theme-selection-display[data-v-46220e99]{align-items:center;color:var(--color-text-primary);display:flex;font-family:var(--font-sans-metadata);font-size:16px;gap:var(--spacing-2);transition:color var(--theme-transition,.15s ease-in-out)}.theme-emoji-select[data-v-46220e99]{font-size:16px;line-height:1}.theme-name-select[data-v-46220e99]{color:var(--color-text-primary);font-size:16px;line-height:1.5;min-width:100%;transition:color var(--theme-transition,.15s ease-in-out)}.theme-menu-item[data-v-46220e99]{min-height:56px!important;min-width:100%;padding:var(--spacing-2) var(--spacing-3)!important}.theme-menu-item--active[data-v-46220e99]{background:linear-gradient(135deg,rgba(var(--color-primary-rgb,0,200,83),.06) 0,rgba(var(--color-primary-rgb,0,200,83),.03))!important}.theme-info[data-v-46220e99]{display:flex;flex:1;flex-direction:column;gap:2px;min-width:100%}.theme-title[data-v-46220e99]{align-items:center;color:var(--color-text-primary);display:flex;font-size:16px;font-weight:500;line-height:1.3;margin:0;transition:color var(--theme-transition,.15s ease-in-out)}.theme-title-emoji[data-v-46220e99]{font-size:16px;line-height:1;margin-right:var(--spacing-1)}.theme-subtitle[data-v-46220e99]{color:var(--color-text-muted);font-size:13px;font-weight:400;line-height:1.3;margin:0;opacity:.75;transition:color var(--theme-transition,.15s ease-in-out)}.active-icon[data-v-46220e99]{opacity:.8}@media (max-width:768px){.theme-emoji-select[data-v-46220e99],.theme-name-select[data-v-46220e99],.theme-selection-display[data-v-46220e99]{font-size:15px}.theme-menu-item[data-v-46220e99]{min-height:48px!important}}@media (prefers-reduced-motion:reduce){.theme-menu-item[data-v-46220e99]{transition:none}}