@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";.theme-selector{display:flex;align-items:center;gap:var(--space-2)}.theme-label{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--color-textSecondary);white-space:nowrap;display:none}@media(min-width:640px){.theme-label{display:inline}.theme-selector{gap:var(--space-3)}}.theme-select{min-width:5.625rem;padding:var(--space-1) var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);min-height:2rem}@media(min-width:640px){.theme-select{min-width:7.5rem;padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}}.theme-select:hover{border-color:var(--color-borderHover);background-color:var(--color-surfaceHover)}.theme-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primaryAlpha)}.app-header{position:sticky;top:0;border-top:2px solid var(--color-primary);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--color-surfaceTranslucent)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:2.75rem;padding:var(--space-1) 0}@media(min-width:640px){.header-content{gap:var(--space-4);min-height:3.5rem;padding:var(--space-2) 0}}.header-left{flex-shrink:0}.app-title{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-lg);font-weight:600;color:var(--color-text);text-transform:lowercase}.title-icon{font-size:var(--text-xl)}.title-text{display:none}@media(min-width:480px){.title-text{display:inline}}.header-right{display:flex;align-items:center;gap:var(--space-2);overflow:hidden;flex-shrink:1}@media(min-width:640px){.header-right{gap:var(--space-3)}}.header-divider{width:1px;height:1.5rem;background-color:var(--color-border);flex-shrink:0;display:none}@media(min-width:640px){.header-divider{display:block}}.profile-info{display:flex;align-items:center;gap:var(--space-2)}.profile-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text);display:none}@media(min-width:640px){.profile-name{display:inline}}.unsaved-indicator{color:var(--color-warning);font-size:var(--text-base);line-height:1;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);min-height:2rem}@media(min-width:640px){.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-height:2.25rem}}.tabs-container{margin-bottom:var(--space-6)}.tabs-header{display:flex;gap:0;border-bottom:1px solid var(--color-border);overflow:visible}.tab{flex:1;min-width:0;padding:var(--space-2) var(--space-1);background-color:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-textSecondary);font-weight:600;font-size:var(--text-sm);text-transform:lowercase;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-1);white-space:nowrap;margin-bottom:-1px}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-icon{display:none}.tab-label{display:inline}.tabs-content{margin-top:var(--space-5)}.tab-panel{animation:fadeIn var(--transition-base)}.tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tab[aria-selected=true]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-6) var(--space-4);min-height:8.75rem}.empty-state-icon{font-size:var(--text-2xl);margin-bottom:var(--space-3);opacity:.6}.empty-state-title{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-2) 0;color:var(--color-text)}.empty-state-description{font-size:var(--text-base);color:var(--color-textSecondary);margin:0 0 var(--space-4) 0;max-width:25rem}.empty-state-action{margin-top:var(--space-2)}@media(max-width:640px){.empty-state{padding:var(--space-6) var(--space-3)}.empty-state-title{font-size:var(--text-lg)}.empty-state-description{font-size:var(--text-sm)}}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:1rem;height:1rem;border-width:2px}.spinner-md{width:1.5rem;height:1.5rem;border-width:2px}.spinner-lg{width:2.5rem;height:2.5rem;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.375rem,1fr));gap:var(--space-4);margin:var(--space-4) 0}.stat-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-3);text-align:center;transition:border-color var(--transition-fast)}.stat-box:hover{border-color:var(--color-borderHover)}.stat-value{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-1);color:var(--color-text)}.stat-label{font-size:var(--text-sm);color:var(--color-textSecondary);text-transform:lowercase;font-weight:500}.stat-subtitle{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.stat-primary{border-color:var(--color-primary)}.stat-primary .stat-value{color:var(--color-primary)}.stat-success{border-color:var(--color-success)}.stat-success .stat-value{color:var(--color-success)}.stat-warning{border-color:var(--color-warning)}.stat-warning .stat-value{color:var(--color-warning)}.stat-error{border-color:var(--color-error)}.stat-error .stat-value{color:var(--color-error)}@media(max-width:640px){.stat-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.stat-box{padding:var(--space-3)}.stat-value{font-size:var(--text-xl)}.stat-label{font-size:var(--text-xs)}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal, 1000);padding:var(--space-4);overflow:hidden}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:var(--radius-card);max-height:calc(100vh - var(--space-4) * 2);overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn var(--transition-base);width:100%;max-width:var(--modal-width, 37.5rem)}.modal-sm{--modal-width: 25rem}.modal-md{--modal-width: 37.5rem}.modal-lg{--modal-width: 50rem}.modal-xl{--modal-width: 62.5rem}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-5) var(--space-3);border-bottom:1px solid var(--color-border)}.modal-title{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.modal-close{background:none;border:none;font-size:2rem;line-height:1;color:var(--color-textSecondary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-background);color:var(--color-text)}.modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-body{padding:var(--space-5);flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.modal-body:has(.wizard){overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-1.25rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:640px){.modal-overlay{padding:var(--space-3)}.modal-content{max-height:calc(100vh - var(--space-3) * 2)}.modal-header{padding:var(--space-4) var(--space-4) var(--space-3)}.modal-title{font-size:var(--text-lg)}.modal-body{padding:var(--space-4)}}@media(prefers-reduced-motion:reduce){.modal-content{animation:none}}.wizard{display:flex;flex-direction:column;gap:var(--space-4);flex:1;min-height:0}.wizard-steps{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2)}.wizard-step{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;transition:all var(--transition-fast);flex:1;min-width:9.375rem;text-align:left}.wizard-step:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-background)}.wizard-step:disabled{opacity:.5;cursor:not-allowed}.wizard-step.active{border-color:var(--color-primary);background:var(--color-primaryAlpha)}.wizard-step.completed{border-color:var(--color-success);background:var(--color-successAlpha)}.wizard-step-number{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--color-border);color:var(--color-textSecondary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-xs);flex-shrink:0;transition:all var(--transition-fast)}.wizard-step.active .wizard-step-number{background:var(--color-primary);color:#fff}.wizard-step.completed .wizard-step-number{background:var(--color-success);color:#fff}.wizard-step-label{flex:1;min-width:0}.wizard-step-title{font-weight:600;color:var(--color-text);font-size:var(--text-sm);margin-bottom:var(--space-1)}.wizard-step-subtitle{font-size:var(--text-xs);color:var(--color-textSecondary)}.wizard-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column}.wizard-content-header{padding:var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-background)}.wizard-content-title{margin:0 0 var(--space-2) 0;font-size:var(--text-xl);font-weight:600;color:var(--color-text)}.wizard-content-subtitle{margin:0;color:var(--color-textSecondary);font-size:var(--text-base)}.wizard-content-body{padding:var(--space-5);flex:1;min-height:0;overflow-y:auto}.wizard-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.wizard-button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-card);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent;min-width:7.5rem}.wizard-button:disabled{opacity:.5;cursor:not-allowed}.wizard-button-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.wizard-button-primary:hover:not(:disabled){background:var(--color-primaryHover)}.wizard-button-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.wizard-button-secondary:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-background)}.wizard-progress{font-size:var(--text-sm);color:var(--color-textSecondary);font-weight:500}@media(max-width:640px){.wizard-steps{flex-direction:column}.wizard-step{min-width:unset}.wizard-content-header{padding:var(--space-4)}.wizard-content-title{font-size:var(--text-xl)}.wizard-content-body{padding:var(--space-4)}.wizard-nav{flex-wrap:wrap}.wizard-button{min-width:6.25rem;padding:var(--space-2) var(--space-4)}.wizard-progress{width:100%;text-align:center;order:-1}}.wizard-step:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.wizard-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.wizard-step,.wizard-step-number,.wizard-button{transition:none}.wizard-button-primary:hover:not(:disabled){transform:none}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-background)}.error-boundary-content{max-width:37.5rem;width:100%;background:var(--color-surface);border:2px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;box-shadow:0 4px 6px #0000001a}.error-boundary-icon{font-size:4rem;margin-bottom:var(--space-4);animation:errorPulse 2s ease-in-out infinite}@keyframes errorPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.error-boundary-title{margin:0 0 var(--space-4) 0;color:var(--color-error);font-size:var(--text-2xl);font-weight:600}.error-boundary-message{margin:0 0 var(--space-6) 0;color:var(--color-textSecondary);font-size:var(--text-base);line-height:1.6}.error-boundary-details{margin:var(--space-6) 0;text-align:left;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.error-boundary-details summary{cursor:pointer;font-weight:600;color:var(--color-text);padding:var(--space-2);-webkit-user-select:none;user-select:none}.error-boundary-details summary:hover{color:var(--color-primary)}.error-boundary-stack,.error-boundary-component-stack{margin:var(--space-4) 0 0 0;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow-x:auto;font-family:Courier New,Courier,monospace;font-size:var(--text-xs);line-height:1.4;color:var(--color-textSecondary)}.error-boundary-button{background:var(--color-primary);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.error-boundary-button:hover{background:var(--color-primaryHover);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.error-boundary-button:active{transform:translateY(0)}.error-boundary-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:640px){.error-boundary{padding:var(--space-4)}.error-boundary-content{padding:var(--space-6)}.error-boundary-icon{font-size:3rem}.error-boundary-title{font-size:var(--text-xl)}.error-boundary-message{font-size:var(--text-sm)}}@media(prefers-reduced-motion:reduce){.error-boundary-icon{animation:none}.error-boundary-button:hover{transform:none}}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:var(--z-toast, 9999);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{pointer-events:all;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);min-width:17.5rem;max-width:31.25rem;animation:toastSlideIn var(--transition-base);border-left:3px solid}.toast-success{border-left-color:var(--color-success);background:var(--color-successAlpha, rgba(34, 197, 94, .1))}.toast-error{border-left-color:var(--color-error);background:var(--color-errorAlpha, rgba(239, 68, 68, .1))}.toast-warning{border-left-color:var(--color-warning);background:var(--color-warningAlpha, rgba(245, 158, 11, .1))}.toast-info{border-left-color:var(--color-primary);background:var(--color-primaryAlpha, rgba(59, 130, 246, .1))}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-base)}.toast-success .toast-icon{color:var(--color-success)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info .toast-icon{color:var(--color-primary)}.toast-message{flex:1;color:var(--color-text);font-size:var(--text-sm);line-height:1.5;word-break:break-word}.toast-close{flex-shrink:0;background:none;border:none;color:var(--color-textSecondary);font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast-close:hover{background:var(--color-background);color:var(--color-text)}.toast-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:640px){.toast-container{top:var(--space-4);right:var(--space-4);left:var(--space-4)}.toast{min-width:unset;max-width:unset;width:100%}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.vault-modal{display:flex;flex-direction:column;gap:var(--space-4)}.vault-modal-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:600;color:var(--color-text);text-transform:lowercase;letter-spacing:-.01em}.vault-modal-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) 0}.vault-modal-loading-text{margin:0;font-size:var(--text-sm);color:var(--color-textSecondary);font-family:JetBrains Mono,monospace;text-transform:lowercase}.vault-detected-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-background);border:1px solid var(--color-border);border-left:2px solid var(--color-primary);border-radius:var(--radius-card)}.vault-detected-icon{color:var(--color-primary);flex-shrink:0}.vault-detected-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.vault-detected-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text);text-transform:lowercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vault-detected-meta{font-size:var(--text-xs);color:var(--color-textSecondary);font-family:JetBrains Mono,monospace;text-transform:lowercase}.vault-modal-subtitle{margin:0;font-size:var(--text-sm);color:var(--color-textSecondary);text-transform:lowercase}.vault-modal-field{display:flex}.vault-password-input{width:100%;padding:var(--space-3);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-card);color:var(--color-text);font-size:var(--text-sm);font-family:JetBrains Mono,monospace;transition:border-color var(--transition-fast)}.vault-password-input::placeholder{color:var(--color-textSecondary);opacity:.5;text-transform:lowercase}.vault-password-input:focus{outline:none;border-color:var(--color-primary)}.vault-modal-helper{margin:0;font-size:var(--text-xs);color:var(--color-textSecondary);opacity:.7;text-transform:lowercase}.vault-modal-error{margin:0;font-size:var(--text-xs);color:var(--color-error);padding:var(--space-2) var(--space-3);background:var(--color-errorAlpha, rgba(239, 68, 68, .1));border-radius:var(--radius-card);text-transform:lowercase}.vault-modal-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-2)}.vault-modal-actions-right{display:flex;gap:var(--space-2)}.vault-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-card);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-transform:lowercase;white-space:nowrap;font-family:inherit}.vault-btn:disabled{opacity:.4;cursor:not-allowed}.vault-btn-primary{background:var(--color-primary);color:var(--color-background);border-color:var(--color-primary)}.vault-btn-primary:hover:not(:disabled){background:var(--color-primaryHover);border-color:var(--color-primaryHover)}.vault-btn-secondary{background:transparent;color:var(--color-textSecondary);border-color:var(--color-border)}.vault-btn-secondary:hover:not(:disabled){background:var(--color-background);color:var(--color-text);border-color:var(--color-borderHover, var(--color-border))}.vault-forget-link{display:inline-flex;align-items:center;gap:var(--space-1);align-self:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-textSecondary);opacity:.5;background:none;border:none;cursor:pointer;text-transform:lowercase;font-family:inherit;transition:opacity var(--transition-fast)}.vault-forget-link:hover{opacity:1;color:var(--color-error)}@media(max-width:480px){.vault-modal-actions{flex-direction:column;gap:var(--space-2)}.vault-modal-actions-right{width:100%;justify-content:flex-end}.vault-btn{font-size:var(--text-xs);padding:var(--space-2)}}.persistence-toggle{position:relative;display:inline-flex;flex-direction:column;align-items:center}.persistence-indicator{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;color:var(--color-textMuted);font-family:JetBrains Mono,monospace;font-size:var(--text-xs);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);text-transform:lowercase;letter-spacing:.02em}.persistence-indicator:hover{color:var(--color-textSecondary);background:var(--color-surfaceHover)}.persistence-panel{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:18rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);z-index:var(--z-dropdown)}.persistence-philosophy{margin-bottom:var(--space-3)}.persistence-philosophy p{font-size:var(--text-xs);line-height:1.5;color:var(--color-textSecondary)}.persistence-action{display:block;width:100%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:JetBrains Mono,monospace;font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);text-transform:lowercase;letter-spacing:.02em}.persistence-action--enable{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.persistence-action--enable:hover{background:var(--color-primary);color:var(--color-bg)}.persistence-action--disable{background:transparent;color:var(--color-danger, #ef4444);border-color:var(--color-danger, #ef4444)}.persistence-action--disable:hover{background:var(--color-danger, #ef4444);color:var(--color-bg)}.persistence-action--cancel{background:transparent;color:var(--color-textMuted);border-color:var(--color-border)}.persistence-action--cancel:hover{color:var(--color-textSecondary);border-color:var(--color-textSecondary)}.persistence-confirm p{font-size:var(--text-xs);line-height:1.5;color:var(--color-textSecondary);margin-bottom:var(--space-3);display:flex;align-items:flex-start;gap:var(--space-1)}.persistence-confirm-actions{display:flex;gap:var(--space-2)}.persistence-confirm-actions .persistence-action{flex:1}.data-settings{position:relative;display:inline-flex;flex-direction:column;align-items:center}.data-settings-indicator{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;color:var(--color-textMuted);font-family:inherit;font-size:var(--text-xs);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);text-transform:lowercase;letter-spacing:.02em}.data-settings-indicator:hover{color:var(--color-textSecondary);background:var(--color-surfaceHover)}.data-settings-panel{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:20rem;max-width:calc(100vw - var(--space-6));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);z-index:var(--z-dropdown)}.data-settings-tiers{display:flex;flex-direction:column;gap:var(--space-2)}.data-settings-tier{display:flex;align-items:flex-start;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:inherit;color:var(--color-text)}.data-settings-tier:hover{border-color:var(--color-borderHover);background:var(--color-surfaceHover)}.data-settings-tier--active{border-color:var(--color-primary);background:transparent}.data-settings-tier--active:hover{border-color:var(--color-primary)}.data-settings-tier-radio{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-top:1px;color:var(--color-primary)}.data-settings-tier-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--color-textMuted)}.data-settings-tier--active .data-settings-tier-dot{border-color:var(--color-primary);background:var(--color-primary)}.data-settings-tier-content{display:flex;flex-direction:column;gap:2px;min-width:0}.data-settings-tier-label{font-size:var(--text-sm);font-weight:500;display:flex;align-items:center;gap:var(--space-1);text-transform:lowercase}.data-settings-tier-desc{font-size:var(--text-xs);color:var(--color-textSecondary);line-height:1.4}.data-settings-confirm{display:flex;flex-direction:column;gap:var(--space-3)}.data-settings-confirm-text{font-size:var(--text-xs);line-height:1.5;color:var(--color-textSecondary);display:flex;align-items:center;gap:var(--space-1);margin:0}.data-settings-confirm-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.data-settings-btn{flex:1;min-width:0;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);text-transform:lowercase;letter-spacing:.02em;white-space:nowrap}.data-settings-btn--primary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.data-settings-btn--primary:hover{background:var(--color-primary);color:var(--color-bg, #0d1117)}.data-settings-btn--danger{background:transparent;color:var(--color-danger, #ef4444);border-color:var(--color-danger, #ef4444)}.data-settings-btn--danger:hover{background:var(--color-danger, #ef4444);color:var(--color-bg, #0d1117)}.data-settings-btn--cancel{background:transparent;color:var(--color-textMuted);border-color:var(--color-border)}.data-settings-btn--cancel:hover{color:var(--color-textSecondary);border-color:var(--color-textSecondary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .375rem;--radius-xl: .5rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--container-sm: 40rem;--container-md: 48rem;--container-lg: 64rem;--container-xl: 80rem;--container-content: 48rem;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-toast: 1500;--radius-card: .375rem;--color-accentCyan: #22d3ee;--color-accentRose: #f472b6;--color-accentAmber: #fbbf24;--color-accentGreen: #4ade80;--color-accentMuted: #64748b}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.875rem;line-height:1.6;letter-spacing:-.01em;font-feature-settings:"liga" 1;color:var(--color-text);background-color:var(--color-background);min-height:100vh;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:0}#root{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-text)}h1{font-size:var(--text-3xl);margin-bottom:var(--space-4)}h2{font-size:var(--text-xl);margin-bottom:var(--space-3)}h3{font-size:var(--text-lg);margin-bottom:var(--space-3)}h4{font-size:var(--text-lg);margin-bottom:var(--space-2)}p{margin-bottom:var(--space-4);color:var(--color-text)}small{font-size:var(--text-sm);color:var(--color-textSecondary)}button{font-family:inherit;font-size:inherit;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:var(--space-2) var(--space-4);min-height:2.75rem;display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primaryHover);box-shadow:0 0 12px var(--color-primaryAlpha)}.primary-button:hover:not(:disabled){box-shadow:0 0 12px var(--color-primaryAlpha)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surfaceHover);border-color:var(--color-borderHover)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);transition:all var(--transition-fast);width:100%;min-height:2.75rem}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primaryAlpha),0 0 8px var(--color-primaryAlpha)}textarea{resize:vertical;min-height:6.25rem}label{display:block;font-weight:600;font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-2)}.card{position:relative;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-3);margin-bottom:var(--space-3);transition:border-color var(--transition-fast)}@media(min-width:640px){.card{padding:var(--space-4);margin-bottom:var(--space-4)}}.card:hover{border-color:var(--color-borderHover)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary);border-radius:var(--radius-card) var(--radius-card) 0 0;opacity:0;transition:opacity var(--transition-fast)}.card:hover:before{opacity:1}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.container{padding:0 var(--space-6)}}.content-container{width:100%;max-width:var(--container-content);margin:0 auto;padding:var(--space-4) var(--space-3)}@media(min-width:640px){.content-container{padding:var(--space-5) var(--space-4)}}@media(min-width:768px){.content-container{padding:var(--space-6)}}.text-secondary{color:var(--color-textSecondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-surface{background-color:var(--color-surface)}.bg-surface-hover{background-color:var(--color-surfaceHover)}.border-color{border-color:var(--color-border)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.grid{display:grid;gap:var(--space-4)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4)}.modal-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-3);max-width:37.5rem;width:100%;max-height:90vh;overflow-y:auto;z-index:var(--z-modal)}@media(min-width:640px){.modal-content{padding:var(--space-5)}}@media(min-width:768px){.modal-content{max-width:43.75rem}}::-webkit-scrollbar{width:.375rem;height:.375rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:.25rem}::-webkit-scrollbar-thumb:hover{background-color:var(--color-primaryHover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(.625rem);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn var(--transition-base)}.slide-up{animation:slideUp var(--transition-base)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:1px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 8px var(--color-primaryAlpha)}:root{--accent-cyan: var(--color-accentCyan, #22d3ee);--accent-rose: var(--color-accentRose, #f472b6);--accent-amber: var(--color-accentAmber, #fbbf24);--accent-green: var(--color-accentGreen, #4ade80);--accent-muted: var(--color-accentMuted, #64748b)}.landing{min-height:100vh;background:var(--color-background);color:var(--color-text);font-family:JetBrains Mono,Fira Code,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:14px;line-height:1.6;position:relative}.landing:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:0}.header{position:sticky;top:0;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-content{max-width:1100px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:0;font-size:16px;font-weight:500}.logo-symbol{color:var(--color-textSecondary)}.logo-text{color:var(--color-text)}.hero{padding:80px 24px 64px;text-align:center;position:relative;z-index:1}.hero-content{max-width:600px;margin:0 auto}.hero-ascii{font-size:12px;color:var(--accent-cyan);margin-bottom:32px;line-height:1.4;opacity:.8}.hero-title{font-size:28px;font-weight:600;margin-bottom:20px;color:var(--color-text);letter-spacing:-.5px}.hero-title .cursor{color:var(--accent-cyan);margin-right:4px}.hero-sub{font-size:14px;color:var(--color-textSecondary);margin-bottom:32px;line-height:1.7}.hero-prompt{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px}.prompt-symbol{color:var(--accent-green);font-weight:600}.prompt-text{color:var(--color-textSecondary)}.cursor{color:var(--color-text)}.cursor.blink{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.section-symbol{color:var(--accent-cyan);font-weight:600}.section-title{font-size:18px;font-weight:600;color:var(--color-text);text-transform:lowercase}.apps{padding:64px 24px;position:relative;z-index:1}.apps-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.app-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:24px;display:flex;flex-direction:column;transition:border-color .2s ease,transform .2s ease;position:relative}.app-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--card-accent);border-radius:6px 6px 0 0;opacity:0;transition:opacity .2s ease}.app-card:hover{border-color:var(--color-borderHover);transform:translateY(-2px)}.app-card:hover:before{opacity:1}.app-card--concept{opacity:.7}.app-card--concept:hover{opacity:.85}.app-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.app-symbol{font-size:28px;color:var(--card-accent);line-height:1;flex-shrink:0}.app-meta{display:flex;flex-direction:column;gap:4px;padding:4px 0}.app-name{font-size:18px;font-weight:600;color:var(--color-text);margin:0;text-transform:lowercase}.app-status{font-size:10px;font-weight:600;letter-spacing:.5px}.app-status--live{color:var(--accent-green)}.app-status--beta{color:var(--accent-amber)}.app-status--dev{color:var(--accent-cyan)}.app-status--concept{color:var(--color-textSecondary)}.app-tagline{font-size:12px;color:var(--color-textSecondary);text-transform:lowercase;margin-bottom:12px;font-style:italic;opacity:.8}.app-description{font-size:13px;color:var(--color-textSecondary);line-height:1.6;margin-bottom:16px;flex-grow:1}.app-features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:6px 16px}.app-features li{font-size:11px;color:var(--color-textSecondary);display:flex;align-items:center;gap:6px;opacity:.7}.feature-bullet{color:var(--card-accent);opacity:.6}.app-launch{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:10px 20px;background:transparent;border:1px solid var(--card-accent);color:var(--card-accent);text-decoration:none;font-size:13px;font-weight:500;border-radius:4px;transition:background .2s ease,color .2s ease}.app-launch:hover{background:var(--card-accent);color:var(--color-background)}.launch-bracket{opacity:.6}.app-coming{padding:10px 20px;text-align:center}.coming-text{font-size:12px;color:var(--color-textSecondary);font-style:italic;opacity:.6}.philosophy{padding:64px 24px;background:var(--color-surface);position:relative;z-index:1}.philosophy .section-header{max-width:1100px;margin:0 auto 32px}.philosophy-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.principle{display:flex;gap:16px;align-items:flex-start}.principle-icon{font-size:20px;color:var(--accent-cyan);opacity:.7;flex-shrink:0;width:24px;text-align:center}.principle-content h4{font-size:14px;font-weight:600;color:var(--color-text);margin:0 0 8px;text-transform:lowercase}.principle-content p{font-size:13px;color:var(--color-textSecondary);line-height:1.6;margin:0}.footer{padding:48px 24px 32px;border-top:1px solid var(--color-border);position:relative;z-index:1}.footer-content{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center}.footer-logo{font-size:14px}.footer-disclaimer p{font-size:11px;color:var(--color-textSecondary);max-width:400px;line-height:1.6;opacity:.7}.footer-copy{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-textSecondary);opacity:.6}@media(max-width:640px){.header-content{padding:12px 16px}.hero{padding:48px 16px 40px}.hero-ascii{font-size:10px;overflow-x:auto}.hero-title{font-size:22px}.apps,.philosophy{padding:40px 16px}.apps-grid{grid-template-columns:1fr}.philosophy-grid{grid-template-columns:1fr;gap:20px}.footer{padding:32px 16px 24px}}@media(min-width:641px)and (max-width:900px){.apps-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.cursor.blink{animation:none}.app-card{transition:none}}