body{padding-top:64px}:root{--bb-cream-lightest:#eeece8;--bb-cream-light:#e6dfd1;--bb-cream-soft:#e5ddd2;--bb-tan-light:#d2cbc0;--bb-tan-medium:#d0c8b6;--bb-tan-warm:#beb5a6;--bb-tan-rich:#b3a18e;--bb-gray-brown:#a9a091;--bb-charcoal-dark:#555149;--bb-deepest-dark:#0c0b0a;--bb-true-dark:#1a1816;--bb-dark-secondary:#2a2622;--bb-dark-tertiary:#3a3630;--bb-accent-primary:var(--bb-tan-rich);--bb-accent-secondary:var(--bb-gray-brown);--background-primary:var(--bb-cream-lightest);--background-secondary:var(--bb-cream-light);--background-tertiary:var(--bb-cream-soft);--border-primary:var(--bb-tan-light);--border-secondary:var(--bb-tan-medium);--text-primary:var(--bb-charcoal-dark);--text-secondary:var(--bb-charcoal-dark);--text-tertiary:var(--bb-gray-brown);--text-heading:var(--bb-charcoal-dark);--accent-primary:var(--bb-tan-rich);--accent-secondary:var(--bb-gray-brown);--accent-hover:var(--bb-gray-brown);--hover-overlay:rgba(0,0,0,.02);--active-overlay:rgba(0,0,0,.04);--icon-primary:var(--bb-charcoal-dark);--icon-secondary:var(--bb-gray-brown);--icon-muted:var(--bb-tan-warm);--icon-accent:var(--bb-tan-rich);--icon-interactive:var(--bb-gray-brown);--icon-success:#10b981;--icon-warning:#f59e0b;--icon-error:#ef4444;--icon-info:var(--bb-tan-rich);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.15);--transition-base:200ms ease;--transition-slow:300ms ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}:root[data-theme=dark]{--background-primary:var(--bb-deepest-dark);--background-secondary:var(--bb-true-dark);--background-tertiary:var(--bb-dark-secondary);--border-primary:var(--bb-dark-tertiary);--border-secondary:var(--bb-tan-warm);--text-primary:var(--bb-cream-lightest);--text-secondary:var(--bb-cream-light);--text-tertiary:var(--bb-cream-soft);--text-heading:var(--bb-cream-lightest);--accent-primary:var(--bb-tan-rich);--accent-secondary:var(--bb-tan-medium);--accent-hover:var(--bb-tan-medium);--hover-overlay:hsla(0,0%,100%,.05);--active-overlay:hsla(0,0%,100%,.08);--icon-primary:var(--bb-cream-lightest);--icon-secondary:var(--bb-cream-light);--icon-muted:var(--bb-tan-light);--icon-accent:var(--bb-cream-soft);--icon-interactive:var(--bb-cream-light);--icon-success:#10b981;--icon-warning:#f59e0b;--icon-error:#ef4444;--icon-info:var(--bb-tan-medium)}*{box-sizing:border-box;transition:background-color .2s,color .2s,border-color .2s}body,html{height:100%}body{margin:0;background:var(--background-primary);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-heading);margin:0 0 .5rem}.page{min-height:100%}.content{max-width:1080px;margin:0 auto;padding:1rem}.nav{position:sticky;top:0;background:var(--background-secondary);border-bottom:1px solid var(--border-primary)}.nav-container{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1080px;margin:0 auto;padding:.6rem 1rem}.nav-menu{display:flex;gap:.8rem;list-style:none;margin:0;padding:0}.nav-link{padding:.4rem .6rem;border-radius:6px;color:var(--text-primary)}.nav-link:hover,.nav-link[aria-current=page]{background:var(--background-tertiary)}.btn{border:1px solid var(--border-primary);background:var(--background-secondary);color:var(--text-primary);padding:.5rem .9rem;border-radius:6px}.btn:hover{background:var(--hover-overlay)}.soul-item,.soul-list{display:grid}.soul-item{grid-template-columns:40px 1fr auto;align-items:center;gap:.8rem;padding:.8rem 0;border-bottom:1px solid var(--border-primary)}.soul-avatar{width:32px;height:32px;border-radius:50%;background:var(--background-tertiary)}.chat-container{display:grid;gap:.75rem;padding:.5rem 0}.message{border-left:3px solid var(--border-primary);background:linear-gradient(90deg,var(--background-secondary),transparent 60%);padding:.6rem .8rem;border-radius:6px}.message-user{border-left-color:var(--border-secondary);background:linear-gradient(90deg,var(--background-tertiary),transparent 60%)}.message-header{font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem}.message-content{white-space:pre-wrap}input,select,textarea{width:100%;padding:.5rem;border:1px solid var(--border-primary);border-radius:6px;background:var(--background-secondary);color:var(--text-primary)}input:focus,select:focus,textarea:focus{outline:2px solid var(--border-secondary);outline-offset:2px}.hero-dark{background:var(--background-tertiary);color:var(--text-heading);padding:4rem 0;border-bottom:1px solid var(--border-primary)}.container-1040{max-width:1080px;margin:0 auto;padding:0 1rem}.btn-primary{background:var(--bb-accent-primary);color:#fff;border:1px solid var(--bb-accent-primary);font-weight:600;transition:all .3s ease}.btn-primary:hover{background:var(--bb-accent-secondary);border-color:var(--bb-accent-secondary)}.muted{color:var(--text-secondary)}.section{padding:3rem 0;border-top:1px solid var(--border-primary)}.onboarding-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--bb-cream-light) 0,var(--bb-cream-soft) 100%)}.onboarding-content{width:100%;max-width:800px}.onboarding-content-wide{width:100%;max-width:1000px}.onboarding-progress{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.progress-dot{width:.5rem;height:.5rem;border-radius:50%;transition:all .2s ease}.progress-dot-active{transform:scale(1.5)}.progress-dot-active,.progress-dot-completed{background:var(--bb-accent-primary)}.progress-dot-pending{background:var(--bb-tan-light);opacity:.3}.onboarding-heading{font-size:2.5rem;font-weight:600;color:var(--text-heading);text-align:center;margin-bottom:1.5rem;letter-spacing:-.025em}.onboarding-subheading{font-size:1.125rem;color:var(--text-secondary);text-align:center;margin-bottom:3rem;line-height:1.6}.onboarding-button-primary{padding:1rem 2rem;border-radius:.5rem;font-weight:600;font-size:1rem;color:#fff;background:var(--bb-accent-primary);border:1px solid var(--bb-accent-primary);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.onboarding-button-primary:hover{background:var(--bb-accent-secondary);border-color:var(--bb-accent-secondary);box-shadow:0 4px 12px rgba(0,0,0,.15)}.onboarding-button-primary:disabled{opacity:.5;cursor:not-allowed}.onboarding-button-secondary{padding:1rem 2rem;border-radius:.5rem;font-weight:600;font-size:1rem;color:var(--text-secondary);background:transparent;border:2px solid var(--text-secondary);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.onboarding-button-secondary:hover{background:var(--background-tertiary);border-color:var(--text-primary);color:var(--text-primary)}.onboarding-button-text{padding:.5rem 1.5rem;border-radius:.5rem;font-weight:400;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s ease;text-decoration:underline}.onboarding-button-text:hover{color:var(--text-primary)}.onboarding-button-back{padding:.5rem 1rem;border-radius:.5rem;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.onboarding-button-back:hover,.onboarding-textarea{color:var(--text-primary)}.onboarding-textarea{width:100%;padding:1rem;border-radius:.5rem;min-height:150px;resize:none;border:2px solid var(--border-primary);background:var(--background-secondary);font-size:1rem;font-family:inherit;transition:all .2s ease}.onboarding-textarea:focus{outline:none;border-color:var(--bb-accent-primary)}.onboarding-textarea::-moz-placeholder{color:var(--text-tertiary)}.onboarding-textarea::placeholder{color:var(--text-tertiary)}.suggestion-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.suggestion-chip{padding:.5rem 1rem;border-radius:9999px;border:2px solid var(--border-primary);background:var(--background-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.875rem}.suggestion-chip:hover{border-color:var(--bb-accent-primary);color:var(--text-primary)}.suggestion-chip-selected{background:hsla(31,20%,63%,.1);border-color:var(--bb-accent-primary);color:var(--bb-accent-primary)}.companions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.companion-card{padding:1.5rem;border-radius:.5rem;background:var(--background-secondary);border:2px solid var(--border-primary);cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.08)}.companion-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.companion-card-selected{border-color:var(--bb-accent-primary);box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-2px)}.companion-card-disabled{opacity:.5;cursor:not-allowed}.companion-card-disabled:hover{transform:none;box-shadow:0 4px 12px rgba(0,0,0,.08)}.companion-card-required{cursor:default}.companion-checkbox{position:absolute;top:1rem;right:1rem;width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid var(--text-secondary);background:transparent;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.companion-checkbox-checked{background:var(--bb-accent-primary);border-color:var(--bb-accent-primary)}.companion-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.companion-icon{font-size:1.75rem;transition:color .2s ease}.companion-icon-selected{color:var(--bb-accent-primary)}.companion-icon-default{color:var(--text-secondary)}.companion-name{font-size:1.25rem;font-weight:600;color:var(--text-heading)}.companion-description{color:var(--text-secondary);margin-bottom:.75rem;line-height:1.5}.companion-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:#fff;background:var(--bb-accent-primary)}.companion-note{font-size:.875rem;color:var(--text-tertiary);margin-top:.5rem}.greeting-card{padding:1.5rem;border-radius:.5rem;background:var(--background-secondary);border-left:4px solid var(--bb-accent-primary);box-shadow:0 4px 12px rgba(0,0,0,.08);margin-bottom:1rem}.greeting-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-heading);margin-bottom:.5rem}.greeting-text{color:var(--text-secondary)}.onboarding-info-box{padding:1rem;border-radius:.5rem;background:var(--background-tertiary);border:1px solid var(--border-primary);margin-bottom:1.5rem}.onboarding-info-text{font-size:.875rem;color:var(--text-secondary);font-style:italic}.onboarding-info-text strong{color:var(--text-primary);font-weight:600}.onboarding-error{padding:1rem;border-radius:.5rem;background:#fee2e2;border:1px solid #991b1b;color:#991b1b;margin-bottom:1.5rem}.onboarding-nav{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.onboarding-nav-buttons{display:flex;gap:.75rem;align-items:center}.onboarding-success{text-align:center}.onboarding-success-icon{color:var(--bb-accent-primary);margin:0 auto 1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.onboarding-heading{font-size:2rem}.onboarding-content,.onboarding-content-wide{max-width:100%}.companions-grid{grid-template-columns:1fr}.onboarding-nav{flex-direction:column;gap:1rem}.onboarding-nav-buttons{width:100%;flex-direction:column}.onboarding-button-primary,.onboarding-button-secondary{width:100%;justify-content:center}}.home-container{padding:var(--space-xl,3rem) var(--space-lg,2rem);color:var(--text-primary)}.home-container,.home-loading{min-height:100vh;background:var(--background-primary)}.home-loading{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.125rem}.home-welcome{margin-bottom:3rem;text-align:center}.home-welcome-title{font-size:2.5rem;font-weight:300;color:var(--text-heading);margin-bottom:2rem;letter-spacing:-.02em}.home-greeting-card{display:flex;align-items:flex-start;gap:1.5rem;max-width:600px;margin:0 auto;padding:1.5rem;background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:12px;transition:all .3s ease}.home-greeting-card:hover{background:var(--background-tertiary);transform:translateY(-2px);box-shadow:0 8px 16px rgba(44,41,37,.08)}.greeting-avatar{width:48px;height:48px;border-radius:24px;background:var(--bb-accent-primary);color:var(--background-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.greeting-content{flex:1;text-align:left}.greeting-from{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500}.greeting-text{font-size:1.125rem;color:var(--text-primary);line-height:1.6;font-style:italic}.home-actions{margin-bottom:3rem}.action-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.action-card{background:var(--background-secondary);border:2px solid var(--border-primary);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.action-card:hover{background:var(--background-tertiary);border-color:var(--bb-accent-primary);transform:translateY(-4px);box-shadow:0 12px 24px rgba(44,41,37,.12)}.action-card:active{transform:translateY(-2px)}.action-card-icon{font-size:3rem;margin-bottom:1.5rem;filter:grayscale(20%);transition:all .3s ease}.action-card:hover .action-card-icon{transform:scale(1.1);filter:grayscale(0)}.action-card-title{font-size:1.5rem;font-weight:500;color:var(--text-heading);margin-bottom:1rem}.action-card-description{font-size:1rem;color:var(--text-secondary);line-height:1.5}.home-recent{max-width:800px;margin:0 auto;padding:2rem;background:var(--background-secondary);border-radius:12px;border:1px solid var(--border-primary)}.section-title{font-size:1.5rem;font-weight:500}.section-empty{color:var(--text-secondary);font-size:1rem;text-align:center;padding:2rem}@media (max-width:768px){.home-container{padding:2rem 1.5rem}.home-welcome-title{font-size:2rem}.action-cards-grid{grid-template-columns:1fr;gap:1.5rem}.action-card{padding:1.5rem}.greeting-text{font-size:1rem}}@media (max-width:480px){.home-welcome-title{font-size:1.75rem}.action-card-title{font-size:1.25rem}.action-card-description{font-size:.875rem}}.icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .2s ease,background-color .2s ease,transform .2s ease;line-height:1}.icon svg{width:100%;height:100%;fill:currentColor}.icon svg,.icon svg circle,.icon svg line,.icon svg path,.icon svg polygon,.icon svg polyline,.icon svg rect{stroke:currentColor}.icon svg circle[fill]:not([fill=none]),.icon svg path[fill]:not([fill=none]),.icon svg polygon[fill]:not([fill=none]),.icon svg rect[fill]:not([fill=none]){fill:currentColor}.icon-primary{color:var(--icon-primary)}.icon-secondary{color:var(--icon-secondary)}.icon-muted{color:var(--icon-muted)}.icon-accent{color:var(--icon-accent)}.icon-interactive{color:var(--icon-interactive);cursor:pointer}.icon-interactive:hover{color:var(--icon-primary);transform:scale(1.1)}.icon-interactive:active{transform:scale(.95)}.icon-success{color:var(--icon-success)}.icon-warning{color:var(--icon-warning)}.icon-error{color:var(--icon-error)}.icon-info{color:var(--icon-info)}.icon-xs{width:12px;height:12px;font-size:12px}.icon-sm{width:16px;height:16px;font-size:16px}.icon-md{width:20px;height:20px;font-size:20px}.icon-lg{width:24px;height:24px;font-size:24px}.icon-xl{width:32px;height:32px;font-size:32px}.icon-2xl{width:48px;height:48px;font-size:48px}.icon-circle{border-radius:50%;background-color:var(--background-tertiary);padding:.5rem}.icon-circle:hover{background-color:var(--hover-overlay)}.icon-badge{position:relative}.icon-badge:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;background-color:var(--icon-error);border-radius:50%;border:2px solid var(--background-primary)}.icon-in-button{margin-right:.5rem}.icon-interactive:focus-visible{outline:2px solid var(--icon-accent);outline-offset:2px;border-radius:4px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:.5rem;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.icon-button:hover{background-color:var(--hover-overlay)}.icon-button:active{background-color:var(--active-overlay);transform:scale(.95)}.icon-button:focus-visible{outline:2px solid var(--icon-accent);outline-offset:2px}@media (prefers-contrast:high){.icon{filter:contrast(1.5)}}@media (prefers-reduced-motion:reduce){.icon,.icon-button,.icon-interactive{transition:none}.icon-interactive:active,.icon-interactive:hover{transform:none}}.icon-button:disabled,.icon-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.icon-loading{animation:iconPulse 1.5s ease-in-out infinite}@keyframes iconPulse{0%,to{opacity:1}50%{opacity:.5}}.icon-group{display:inline-flex;align-items:center;gap:.5rem}:root{--text-on-dark:#fff;--text-muted:var(--text-tertiary);--background-card:#fff;--border-active:var(--bb-accent-primary);--space-xs:var(--spacing-xs);--space-sm:var(--spacing-sm);--space-md:var(--spacing-md);--space-lg:var(--spacing-lg);--space-xl:var(--spacing-xl);--space-2xl:var(--spacing-2xl)}:root,:root[data-theme=dark],html[data-theme=dark]{--bettabond-accent:var(--bb-tan-rich);--card-background:var(--background-secondary);--text-on-blue:#fff}:root[data-theme=dark],html[data-theme=dark]{--text-on-dark:#fff;--text-muted:var(--text-tertiary);--background-card:var(--background-secondary);--border-active:var(--bb-accent-primary)}.settings-page{min-height:100vh;background:var(--background-primary);padding:2rem 1rem}.settings-header-section{max-width:1200px;margin:0 auto 2rem;text-align:center}.settings-main-title{font-size:2.5rem;font-weight:600;color:var(--text-heading);margin-bottom:.5rem;letter-spacing:-.025em}.settings-subtitle{font-size:1.125rem;color:var(--text-secondary)}.settings-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:240px 1fr;gap:2rem}.settings-sidebar{background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1rem;height:-moz-fit-content;height:fit-content;position:sticky;top:80px}.settings-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;text-align:left;font-size:1rem;font-weight:500;text-decoration:none}.nav-item:hover{background:var(--background-tertiary)}.nav-item.active{background:var(--bb-accent-primary);color:#fff}.nav-item.active .icon{color:#fff}.nav-divider{height:1px;background:var(--border-primary);margin:.5rem 0}.admin-link{background:linear-gradient(135deg,var(--bb-tan-warm),var(--bb-tan-rich));color:#fff;font-weight:600}.admin-link:hover{opacity:.9;transform:translateX(2px)}.admin-link .icon{color:#fff}.nav-arrow{margin-left:auto}.mobile-tabs{display:none;overflow-x:auto;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-primary)}.mobile-tab{padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);cursor:pointer;white-space:nowrap;font-size:.875rem;font-weight:500;transition:all .2s ease}.mobile-tab:hover{color:var(--text-primary)}.mobile-tab.active{color:var(--bb-accent-primary);border-bottom-color:var(--bb-accent-primary)}.settings-content{background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:2rem;min-height:400px}.settings-section{max-width:800px}.section-title{font-size:1.75rem;font-weight:600;color:var(--text-heading)}.form-group,.section-title{margin-bottom:1.5rem}.form-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem}.form-description{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem;margin-bottom:1rem}.input,.select,.textarea{width:100%;padding:.75rem;border:2px solid var(--border-primary);border-radius:8px;background:var(--background-primary);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .2s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--bb-accent-primary)}.input-disabled{opacity:.6;cursor:not-allowed;background:var(--background-tertiary)}.input-hint{color:var(--text-secondary);margin-top:.5rem}.char-counter,.input-hint{display:block;font-size:.875rem}.char-counter{color:var(--text-tertiary);margin-top:.25rem;text-align:right}.theme-selector{padding:1.5rem;background:var(--background-tertiary);border-radius:12px;margin-bottom:2rem}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.theme-option{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:var(--background-primary);border:3px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;font-weight:500;color:var(--text-primary)}.theme-option:hover{border-color:var(--bb-accent-secondary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.theme-option.active{border-color:var(--bb-accent-primary);background:var(--background-secondary);box-shadow:0 6px 16px hsla(31,20%,63%,.2)}.active-indicator{position:absolute;top:.5rem;right:.5rem;width:12px;height:12px;background:var(--bb-accent-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}.theme-hint{font-size:.875rem;color:var(--text-secondary);margin-top:1rem;font-style:italic}.toggle-group{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--background-tertiary);border-radius:8px}.toggle-info{flex:1}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-secondary);transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--bb-accent-primary)}input:checked+.toggle-slider:before{transform:translateX(24px)}.form-card{padding:1.5rem;background:var(--background-tertiary);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:1.5rem}.form-card h3{font-size:1.25rem;font-weight:600;color:var(--text-heading);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.form-card p{color:var(--text-secondary);margin-bottom:1rem}.form-card.coming-soon{opacity:.7}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .icon{position:absolute;left:.75rem}.input-with-icon input{padding-left:2.75rem;padding-right:3rem}.input-with-icon .icon-button{position:absolute;right:.5rem;padding:.5rem;background:transparent;border:none;cursor:pointer;color:var(--text-secondary)}.input-with-icon .icon-button:hover{color:var(--text-primary)}.password-strength{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.strength-bar{flex:1;height:6px;background:var(--background-tertiary);border-radius:3px;overflow:hidden}.strength-fill{height:100%;transition:width .3s ease,background-color .3s ease}.strength-bar.strength-weak .strength-fill{background:#ef4444}.strength-bar.strength-medium .strength-fill{background:#f59e0b}.strength-bar.strength-strong .strength-fill{background:#10b981}.strength-label{font-size:.875rem;font-weight:600}.strength-label.strength-weak{color:#ef4444}.strength-label.strength-medium{color:#f59e0b}.strength-label.strength-strong{color:#10b981}.password-requirements{list-style:none;padding:0;margin:.75rem 0 0}.password-requirements li{font-size:.875rem;color:var(--text-secondary);padding:.25rem 0}.password-requirements li.met{color:#10b981;font-weight:500}.error-message{display:block;font-size:.875rem;color:#ef4444;margin-top:.5rem}.success-message{color:#10b981;font-weight:500;margin-left:1rem}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-primary)}.toggle-row:last-child{border-bottom:none}.toggle-row .toggle-info{flex:1}.toggle-row h4{font-size:1rem;font-weight:600;color:var(--text-heading);margin:0 0 .25rem}.toggle-row p{font-size:.875rem;color:var(--text-secondary);margin:0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-primary)}.info-row:last-child{border-bottom:none}.info-label{font-weight:500;color:var(--text-secondary)}.info-value{font-weight:600;color:var(--text-primary)}.danger-zone{border:2px solid #ef4444;background:rgba(239,68,68,.05)}.danger-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.danger-header h3{color:#ef4444;margin:0}.danger-description{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.form-actions{display:flex;align-items:center;gap:1rem;margin-top:2rem}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-primary);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:var(--background-tertiary);border-color:var(--bb-accent-primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:#ef4444;color:#fff;border:2px solid #ef4444;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-danger:hover{background:#dc2626;border-color:#dc2626}@media (max-width:768px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{display:none}.mobile-tabs{display:flex}.settings-content{padding:1.5rem}.theme-options{grid-template-columns:1fr}.toggle-group,.toggle-row{gap:1rem}.info-row,.toggle-group,.toggle-row{flex-direction:column;align-items:flex-start}.info-row{gap:.5rem}}@media (max-width:480px){.settings-page{padding:1rem .5rem}.settings-main-title{font-size:2rem}.settings-subtitle{font-size:1rem}.settings-content{padding:1rem}.section-title{font-size:1.5rem}.form-actions{flex-direction:column;align-items:stretch}.btn-danger,.btn-primary,.btn-secondary{width:100%;justify-content:center}}:root{--sidebar-width:280px;--sidebar-width-collapsed:64px;--header-height:64px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--transition-fast:150ms ease;--transition-normal:300ms ease}.header-container{width:100%;padding:16px 24px;background:var(--card-background);border-bottom:1px solid var(--border-primary);position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed,1030)}.header-container>div{max-width:1200px;margin:0 auto}.nav-item{padding:8px 16px;border-radius:6px;transition:all .2s ease}.dropdown{border-radius:8px;padding:8px 0}.dropdown-item{padding:12px 20px;transition:all .2s ease}.admin-flyout{position:absolute;right:100%;top:0;margin-right:8px;z-index:1001}.interactive-element:hover{background:var(--bettabond-accent)!important;color:var(--text-on-blue)!important;transition:all .2s ease}.interactive-element:focus{outline:2px solid var(--bettabond-accent);outline-offset:2px}.avatar:hover{transform:scale(1.05);transition:all .2s ease}