:root{--font-serif:"Lora","Georgia","Times New Roman",serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"SF Mono","Monaco","Cascadia Code","Courier New",monospace;--font-weight-regular:400;--font-size-xs:clamp(0.75rem,1.5vw,0.875rem);--font-size-sm:clamp(0.875rem,1.75vw,1rem);--font-size-base:clamp(1rem,2vw,1.125rem);--font-size-md:clamp(1.125rem,2.25vw,1.25rem);--font-size-lg:clamp(1.25rem,2.5vw,1.5rem);--font-size-xl:clamp(1.5rem,3.5vw,2rem);--font-size-2xl:clamp(1.875rem,4.5vw,2.5rem);--font-size-3xl:clamp(2.25rem,5.5vw,3rem);--font-size-4xl:clamp(2.75rem,6.5vw,3.75rem);--line-height-tight:1.2;--line-height-snug:1.375;--line-height-relaxed:1.6;--line-height-loose:1.75;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--monokai-bg:#272822;--monokai-bg-darker:#1e1f1c;--monokai-bg-lighter:#3e3d32;--monokai-fg:#f8f8f2;--monokai-yellow:#e6db74;--monokai-orange:#fd971f;--monokai-red:#f92672;--monokai-magenta:#fd5ff0;--monokai-blue:#66d9ef;--monokai-green:#a6e22e;--monokai-gray:#75715e;--bg-primary:var(--elevation-00dp);--bg-secondary:var(--elevation-01dp);--bg-elevated:var(--elevation-02dp);--bg-tertiary:var(--elevation-04dp);--bg-hover:var(--elevation-01dp);--text-primary:var(--monokai-fg);--text-secondary:#8b8772;--text-tertiary:#a09f94;--text-charcoal:#b0a590;--text-ink:var(--text-primary);--border-color:#504d3e;--border-light:#3e3d32;--border-elevated:var(--elevation-overlay-08dp);--progress-ring-bg:var(--elevation-overlay-06dp);--accent-blue:#82c2fe;--accent-blue-solid:#4a9eff;--accent-green:var(--monokai-green);--accent-orange:var(--monokai-orange);--accent-yellow:var(--monokai-yellow);--accent-red:var(--monokai-red);--accent-purple:var(--monokai-magenta);--accent-green-rgb:166,226,46;--color-golden:#d6ae54;--color-golden-light:#edc76d;--accent-gold:#d6ae54;--tree-green:#56c676;--tree-green-hover:color-mix(in srgb,var(--tree-green) 85%,#000 15%);--tree-green-pressed:color-mix(in srgb,var(--tree-green) 75%,#000 25%);--selection-border-color:#8b9a7fb3;--selection-border-width:2px;--selection-ring-color:#8b9a7f66;--selection-ring-width:2px;--selection-glow:#8b9a7f40;--selection-glow-bright:#8b9a7f4d;--selection-ring-bright:#8b9a7f80;--selection-shadow:0 4px 16px var(--selection-glow),0 0 0 var(--selection-ring-width) var(--selection-ring-color);--selection-shadow-pulse:0 4px 20px var(--selection-glow-bright),0 0 0 var(--selection-ring-width) var(--selection-ring-bright);--selection-shadow-mobile:0 4px 12px var(--selection-glow),0 0 0 var(--selection-ring-width) var(--selection-ring-bright);--selection-scale-desktop:1.05;--selection-scale-mobile:1.03;--selection-pulse-duration:2.5s;--selection-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--selection-transition-mobile:transform 0.2s cubic-bezier(0.4,0,0.2,1),box-shadow 0.2s cubic-bezier(0.4,0,0.2,1);--selection-glow-branch:var(--selection-glow);--selection-glow-branch-bright:var(--selection-glow-bright);--selection-glow-action:var(--selection-glow);--selection-glow-action-bright:var(--selection-glow-bright);--priority-urgent:var(--accent-red);--priority-high:var(--accent-orange);--priority-medium:var(--accent-blue);--priority-low:var(--text-secondary);--elevation-00dp:var(--monokai-bg-darker);--elevation-01dp:color-mix(in srgb,var(--monokai-bg-darker) 95%,#f8f5ed 5%);--elevation-02dp:color-mix(in srgb,var(--monokai-bg-darker) 93%,#f8f5ed 7%);--elevation-04dp:color-mix(in srgb,var(--monokai-bg-darker) 91%,#f8f5ed 9%);--elevation-06dp:color-mix(in srgb,var(--monokai-bg-darker) 89%,#f8f5ed 11%);--elevation-08dp:color-mix(in srgb,var(--monokai-bg-darker) 88%,#f8f5ed 12%);--elevation-12dp:color-mix(in srgb,var(--monokai-bg-darker) 86%,#f8f5ed 14%);--elevation-16dp:color-mix(in srgb,var(--monokai-bg-darker) 85%,#f8f5ed 15%);--elevation-24dp:color-mix(in srgb,var(--monokai-bg-darker) 84%,#f8f5ed 16%);--elevation-overlay-01dp:#f8f5ed0d;--elevation-overlay-02dp:#f8f5ed12;--elevation-overlay-04dp:#f8f5ed17;--elevation-overlay-06dp:#f8f5ed1c;--elevation-overlay-08dp:#f8f5ed1f;--elevation-overlay-12dp:#f8f5ed24;--elevation-overlay-16dp:#f8f5ed26;--elevation-overlay-24dp:#f8f5ed29;--state-hover:#f8f5ed14;--state-focus:#f8f5ed1f;--state-pressed:#f8f5ed1f;--state-selected:#f8f5ed29;--state-dragged:#f8f5ed29;--state-activated:#f8f5ed3d;--accent-blue-hover:#3a8fe0;--hover-color:#272822;--hover-bg-overlay:var(--state-hover);--hover-bg-secondary:var(--state-hover);--hover-bg-info:#66d9ef1a;--overlay-subtle:#f8f5ed05;--overlay-light:#f8f5ed0a;--overlay-medium:#f8f5ed0f;--overlay-border-subtle:#f2eedc14;--overlay-strong:#f0ebd71a;--overlay-stronger:#eee8d226;--overlay-gradient-start:#f5f2e608;--overlay-gradient-end:#f8f8f203;--overlay-dark-subtle:#3d3c3205;--overlay-dark-light:#3a38300d;--overlay-dark-medium:#32302a1a;--overlay-dark-strong:#2a282433;--overlay-dark-modal:#1e1f1c99;--drawer-bg-primary:var(--elevation-08dp);--drawer-bg-card:var(--elevation-overlay-01dp);--drawer-bg-card-hover:var(--state-hover);--drawer-gradient-primary:linear-gradient(135deg,var(--elevation-overlay-01dp),#0000);--drawer-gradient-hover:linear-gradient(135deg,var(--state-hover),var(--elevation-overlay-01dp));--drawer-root-view-bg:var(--elevation-overlay-01dp);--drawer-root-view-border:var(--state-hover);--drawer-drag-handle-bg:var(--bg-secondary);--drawer-drag-handle-border:2px solid var(--border-color);--drawer-drag-handle-radius:24px;--drawer-drag-handle-height:36px;--drawer-drag-handle-margin:4px;--drawer-header-drag-spacing:calc(var(--drawer-drag-handle-height) + var(--drawer-drag-handle-margin));--drawer-hierarchy-icon-visual:20px;--drawer-hierarchy-icon-touch:var(--touch-target-min);--drawer-hierarchy-gap:8px;--drawer-hierarchy-width-mobile:calc(var(--drawer-hierarchy-icon-touch)*3 + var(--drawer-hierarchy-gap)*2 + 8px);--drawer-compact-handle-padding-top:8px;--drawer-compact-handle-padding-bottom:16px;--drawer-btn-icon-sm:16px;--drawer-btn-icon-base:20px;--focus-ring-color:#82c2fe99;--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring-blue:var(--focus-ring-color);--bg-info-overlay:#66d9ef0d;--bg-danger-overlay:#f926720d;--bg-error-overlay:#f926721a;--bg-warning-overlay:#e6db741a;--hover-bg-warning:#ffc10726;--border-warning:#e6db744d;--border-color-warning:#ffc1074d;--text-warning:var(--monokai-yellow);--text-on-accent:#000;--bg-overlay:var(--overlay-dark-modal);--bg-button-overlay:var(--overlay-strong);--border-color-overlay:var(--overlay-stronger);--glass-bg:var(--elevation-overlay-01dp);--glass-bg-strong:var( --elevation-overlay-06dp );--glass-border:var(--state-hover);--glass-blur:blur(12px);--glass-blur-strong:blur(20px);--glass-shadow:0 8px 32px #1e1f1c4d,0 0 0 1px var(--elevation-overlay-08dp);--glass-overlay-bg:#1c1d1ae0;--glass-overlay-border:var(--elevation-overlay-16dp);--glass-overlay-blur:28px;--glass-overlay-shadow:0 12px 48px #1e1f1c80,0 0 0 1px var(--elevation-overlay-08dp),inset 0 1px 0 var(--elevation-overlay-02dp);--modal-mobile-margin:16px;--modal-tablet-margin:5vh;--drawer-ui-green:var(--tree-green);--drawer-ui-green-hover:var(--accent-green);--overlay-bg:var(--overlay-dark-strong);--scrollbar-thumb:#f8f5ed40;--scrollbar-thumb-hover:#f8f5ed73;--scrollbar-track:#0000;--scrollbar-thumb-radius:5px;--input-box-bg:var(--overlay-light);--input-box-bg-focus:var(--overlay-medium);--input-box-border:var(--border-color);--input-box-border-focus:var(--accent-blue);--header-action-button-size:36px;--header-action-button-bg:var(--tree-green);--header-action-button-bg-hover:var(--accent-green);--header-action-button-icon-color:var(--text-on-accent);--header-action-button-shadow:0 2px 8px #1e1f1c26;--header-action-button-shadow-hover:0 4px 12px #a6e22e4d;--sidebar-bg:#1e1f1cf2;--sidebar-text:var(--monokai-gray);--sidebar-active:var(--monokai-green);--sidebar-hover:#3e3d3280;--sidebar-border:var(--monokai-gray);--meeting-bg:var(--monokai-bg-darker);--meeting-content-bg:var(--monokai-bg);--meeting-text:var(--monokai-fg);--meeting-text-secondary:var(--monokai-gray);--meeting-title:var(--monokai-yellow);--meeting-border:var(--monokai-bg-lighter);--meeting-button-bg:var(--monokai-blue);--meeting-button-text:var(--monokai-fg);--meeting-tabs-bg:#1e1f1cfa;--meeting-tab-active-bg:#a6e22e26;--reactflow-node-border-radius:var(--border-radius-lg);--reactflow-node-shadow:var(--shadow-elevation-02dp);--reactflow-node-shadow-hover:var(--shadow-elevation-04dp);--reactflow-node-bg:var(--elevation-02dp);--reactflow-node-border:color-mix(in srgb,var(--elevation-04dp) 80%,#0000 20%);--reactflow-node-border-width:1px;--reactflow-mobile-node-bg:#1a1a1ad9;--reactflow-mobile-node-border:1px solid #ffffff0d;--reactflow-mobile-node-shadow:0 4px 20px #0000004d;--reactflow-mobile-node-shadow-selected:0 10px 40px #3b82f680;--reactflow-mobile-node-blur:blur(12px);--reactflow-mobile-node-padding:16px;--reactflow-mobile-node-gap:10px;--reactflow-mobile-border-width:1px;--node-inactive-beige:#9d9280;--node-inactive-beige-light:#b0a590;--node-inactive-beige-dark:#8b7f6e;--inactive-node-color:var(--node-inactive-beige);--inactive-node-bg:var(--bg-secondary);--inactive-node-border:var(--border-color);--inactive-node-text:var(--text-secondary);--inactive-node-light:var(--node-inactive-beige-light);--inactive-node-dark:var(--node-inactive-beige-dark);--inactive-node-icon-color:#6b6458;--inactive-node-title-color:#7a7368;--inactive-node-button-color:#5c574d;--inactive-node-button-opacity:0.45;--inactive-node-section-opacity:0.35;--inactive-node-growth-icon-color:#6b6458;--inactive-node-checkbox-color:#5c574d;--inactive-node-checkbox-bg:#3d3a35;--inactive-node-edge-dasharray:6,4;--inactive-node-edge-color:#4a463f;--inactive-node-edge-opacity:0.5;--completed-node-icon-color:#7a8a72;--completed-node-title-color:#8b9a82;--completed-node-button-color:#6b7a63;--completed-node-button-opacity:0.55;--completed-node-section-opacity:0.5;--completed-node-checkbox-color:var(--accent-sage);--completed-node-checkbox-bg:#8b9a7f26;--pending-node-icon-color:var(--text-secondary);--pending-node-title-color:var(--text-secondary);--pending-node-button-color:var(--text-tertiary);--node-bg-primary:#3f62a21a;--node-bg-secondary:#75715e1a;--reactflow-node-width:320px;--reactflow-tree-root-height-collapsed:160px;--reactflow-tree-root-height-expanded:320px;--reactflow-branch-height-collapsed:120px;--reactflow-branch-height-expanded:240px;--reactflow-action-height-collapsed:100px;--reactflow-action-height-expanded:200px;--reactflow-mobile-node-height:88px;--reactflow-mobile-root-height:90px;--reactflow-mobile-node-gap:16px;--reactflow-mobile-branch-gap:32px;--reactflow-mobile-leaf-indent:24px;--reactflow-mobile-chevron-size:16px;--reactflow-mobile-edge-anchor:left;--reactflow-mobile-leaf-width:275px;--mobile-tree-chip-bg:var(--bg-secondary);--mobile-tree-chip-selected-bg:var(--bg-elevated);--mobile-tree-chip-border:1px solid var(--border-color);--mobile-tree-chip-selected-border:2px solid var(--color-golden);--mobile-tree-chip-glow:0 6px 20px #d6ae5466;--mobile-tree-chip-padding:8px 12px;--mobile-tree-chip-gap:8px;--mobile-tree-progress-bar-height:3px;--mobile-tree-progress-bar-bg:#ffffff1a;--mobile-tree-progress-bar-fill:var(--color-golden);--mobile-tree-progress-bar-radius:2px;--reactflow-header-min-height:44px;--reactflow-header-bg:var(--elevation-04dp);--reactflow-header-border:color-mix(in srgb,var(--elevation-06dp) 70%,#0000 30%);--reactflow-node-title-size:var(--font-size-sm);--reactflow-node-title-weight:var(--font-weight-semibold);--reactflow-node-title-color:var(--text-primary);--reactflow-node-content-size:var(--font-size-xs);--reactflow-node-content-color:var(--text-secondary);--reactflow-label-size:var(--font-size-xs);--reactflow-label-weight:var(--font-weight-medium);--reactflow-label-color:var(--text-secondary);--reactflow-status-dropdown-bg:var(--bg-secondary);--reactflow-status-dropdown-border:var(--border-color);--reactflow-status-dropdown-focus:var(--accent-blue);--reactflow-status-dropdown-focus-shadow:rgba(var(--accent-green-rgb),0.2);--reactflow-status-dropdown-min-width:120px;--reactflow-status-dropdown-padding:var(--spacing-xs) var(--spacing-sm);--reactflow-button-size:20px;--reactflow-options-button-hover-bg:var( --state-hover );--reactflow-tooltip-bg:var(--elevation-24dp);--reactflow-tooltip-border:color-mix(in srgb,var(--elevation-24dp) 90%,var(--accent-green) 10%);--reactflow-tooltip-shadow:var(--shadow-elevation-24dp);--reactflow-tooltip-max-width:200px;--reactflow-status-indicator-size:16px;--reactflow-status-indicator-dot-size:8px;--reactflow-bg-primary:var(--elevation-00dp);--reactflow-bg-pattern:var(--monokai-bg-lighter);--reactflow-controls-bg:var( --elevation-08dp );--reactflow-controls-border:color-mix(in srgb,var(--elevation-08dp) 85%,var(--accent-green) 15%);--reactflow-minimap-bg:var(--elevation-08dp);--reactflow-minimap-border:color-mix(in srgb,var(--elevation-08dp) 85%,var(--accent-green) 15%);--reactflow-edge-root-to-branch-color:#9d9280;--reactflow-edge-root-to-branch-width:4px;--reactflow-edge-branch-to-action-color:#75715e;--reactflow-edge-branch-to-action-width:2px;--reactflow-edge-completed-color:color-mix(in srgb,var(--tree-green) 30%,#0000 70%);--reactflow-edge-active-color:color-mix(in srgb,var(--tree-green) 25%,#0000 75%);--reactflow-edge-selected-color:#ffcc66b3;--reactflow-selection-amber-glow:#fc66;--reactflow-selection-white-ring:#fff9;--reactflow-selection-amber-border:#fc6c;--reactflow-drag-amber-glow-strong:#ffcc664d;--reactflow-drag-amber-glow-medium:#fc63;--reactflow-selection-ring:#ffcc6680;--reactflow-snap-line-amber:#fc6c;--reactflow-edge-completed-glow:drop-shadow(0 0 3px color-mix(in srgb,var(--tree-green) 25%,#0000 75%));--reactflow-edge-completed-opacity:1;--reactflow-edge-default-opacity:0.7;--reactflow-edge-root-to-branch-width-completed:7px;--reactflow-edge-branch-to-action-width-completed:4px;--reactflow-edge-selected-width:4px;--reactflow-edge-gradient-start:#7fa056;--reactflow-edge-gradient-end:#49483e;--reactflow-edge-gradient-active-start:#6b9b5d;--reactflow-edge-gradient-inactive-end:#3a3a3a;--reactflow-tree-root-bg:var(--elevation-04dp);--reactflow-tree-root-border-selected:#fc6c;--reactflow-tree-root-border-default:#9d9280;--reactflow-tree-root-shadow-default:var( --shadow-elevation-04dp );--reactflow-tree-root-shadow-selected:var( --shadow-elevation-08dp );--reactflow-tree-root-header-bg:var( --elevation-overlay-08dp );--reactflow-tree-root-header-border:var( --elevation-overlay-12dp );--reactflow-tree-root-label-color:var(--text-primary);--reactflow-tree-root-progress-ring-bg:var( --elevation-overlay-06dp );--reactflow-tree-root-progress-ring-fill:var(--tree-green);--reactflow-tree-root-progress-ring-radius:14px;--reactflow-tree-root-progress-ring-stroke:3px;--reactflow-tree-root-resources-bg:var( --elevation-overlay-04dp );--reactflow-tree-root-resources-bg-hover:var( --elevation-overlay-08dp );--reactflow-tree-root-resources-border:var( --elevation-overlay-06dp );--reactflow-tree-root-resources-border-hover:var( --elevation-overlay-12dp );--reactflow-tree-color-blue:#3f62a2;--reactflow-tree-color-green:var(--tree-green);--reactflow-tree-color-orange:#ff7f00;--reactflow-tree-color-purple:#8e44ad;--reactflow-tree-color-red:#e74c3c;--reactflow-branch-status-completed-color:var(--tree-green);--reactflow-branch-status-active-color:color-mix(in srgb,var(--tree-green) 85%,#0000 15%);--reactflow-branch-status-available-color:#75715e;--reactflow-branch-status-locked-color:#49483e;--reactflow-branch-icon-completed:#fff;--reactflow-branch-active-indicator-color:var( --accent-green );--reactflow-branch-completed-bg:linear-gradient(135deg,color-mix(in srgb,var(--elevation-04dp) 88%,var(--tree-green) 12%),var(--elevation-04dp));--reactflow-branch-completed-border:color-mix(in srgb,var(--tree-green) 50%,#0000 50%);--reactflow-branch-completed-shadow:var(--shadow-elevation-02dp),0 0 0 1px color-mix(in srgb,var(--tree-green) 20%,#0000 80%);--reactflow-branch-completed-shadow-hover:var(--shadow-elevation-04dp),0 0 0 2px color-mix(in srgb,var(--tree-green) 35%,#0000 65%);--reactflow-branch-completed-header-bg:linear-gradient(135deg,color-mix(in srgb,var(--elevation-06dp) 92%,var(--tree-green) 8%),var(--elevation-06dp));--reactflow-branch-completed-header-border:color-mix(in srgb,var(--tree-green) 25%,#0000 75%);--reactflow-branch-progress-ring-radius:12px;--reactflow-branch-progress-ring-stroke:3px;--reactflow-branch-sequence-badge-size:22px;--reactflow-branch-sequence-badge-offset-top:6px;--reactflow-branch-sequence-badge-border:1px solid var(--bg-primary);--reactflow-branch-progress-fill:linear-gradient(90deg,var(--tree-green),color-mix(in srgb,var(--tree-green) 75%,#0000 25%));--reactflow-branch-progress-fill-glow:0 0 3px color-mix(in srgb,var(--tree-green) 15%,#0000 85%);--reactflow-branch-completion-glow-start:0 2px 6px color-mix(in srgb,var(--tree-green) 10%,#0000 90%),0 1px 3px #00000026;--reactflow-branch-completion-glow-peak:0 0 12px color-mix(in srgb,var(--tree-green) 20%,#0000 80%),0 4px 10px color-mix(in srgb,var(--tree-green) 15%,#0000 85%),0 2px 6px #0003;--reactflow-branch-completion-glow-end:var(--reactflow-branch-completion-glow-start);--reactflow-sequence-badge-bg-completed:#75715e66;--reactflow-sequence-badge-bg-active:#75715e66;--reactflow-sequence-badge-bg-available:#75715e59;--reactflow-sequence-badge-bg-locked:#75715e4d;--reactflow-action-completed-color:var(--action-status-complete);--reactflow-action-completed-bg:var(--action-status-complete-bg);--reactflow-action-active-color:var(--action-status-active);--reactflow-action-active-bg:var(--action-status-active-bg);--reactflow-action-pending-color:var(--action-status-pending);--reactflow-action-pending-bg:var(--action-status-pending-bg);--reactflow-action-completed-gradient-bg:linear-gradient(135deg,color-mix(in srgb,var(--elevation-02dp) 88%,var(--tree-green) 12%),var(--elevation-02dp));--reactflow-action-completed-border:color-mix(in srgb,var(--tree-green) 50%,#0000 50%);--reactflow-action-completed-shadow:var(--shadow-elevation-01dp),0 0 0 1px color-mix(in srgb,var(--tree-green) 18%,#0000 82%);--reactflow-action-toggle-label-size:11px;--reactflow-action-toggle-label-color:var(--text-secondary);--reactflow-node-icon-active:var(--text-primary);--reactflow-node-icon-inactive:var(--text-tertiary);--reactflow-node-icon-size:18px;--reactflow-node-icon-size-mobile:18px;--reactflow-status-accent-completed:var(--tree-green);--reactflow-status-accent-active:var(--accent-sage);--reactflow-status-accent-pending:var(--text-tertiary);--reactflow-node-touch-target:var(--touch-target-min);--reactflow-node-touch-target-comfortable:var(--touch-target-comfortable);--reactflow-node-button-icon-size:16px;--reactflow-node-button-icon-size-mobile:18px;--reactflow-node-button-spacing:var(--touch-target-spacing);--status-badge-pending-bg:#75715e33;--status-badge-pending-color:#75715e;--status-badge-pending-border:#75715e4d;--status-badge-active-bg:color-mix(in srgb,var(--tree-green) 18%,#0000 82%);--status-badge-active-color:var(--tree-green);--status-badge-active-border:color-mix(in srgb,var(--tree-green) 25%,#0000 75%);--status-badge-complete-bg:color-mix(in srgb,var(--tree-green) 18%,#0000 82%);--status-badge-complete-color:var(--tree-green);--status-badge-complete-border:color-mix(in srgb,var(--tree-green) 25%,#0000 75%);--reactflow-toolbar-bg:var(--elevation-08dp);--reactflow-toolbar-bg-hover:var(--elevation-12dp);--reactflow-toolbar-border:color-mix(in srgb,var(--elevation-08dp) 80%,var(--accent-green) 20%);--reactflow-toolbar-border-hover:#fc6c;--reactflow-toolbar-border-delete-hover:#dc3545;--reactflow-toolbar-button-padding:6px 12px;--reactflow-toolbar-button-radius:6px;--reactflow-toolbar-button-font-size:11px;--reactflow-toolbar-shadow:var(--shadow-elevation-08dp);--reactflow-toolbar-backdrop-blur:blur(8px);--reactflow-color-picker-bg:var(--elevation-12dp);--reactflow-color-picker-border:color-mix(in srgb,var(--elevation-12dp) 85%,var(--accent-green) 15%);--reactflow-color-picker-shadow:var(--shadow-elevation-12dp);--reactflow-color-picker-button-size:24px;--reactflow-color-picker-button-radius:4px;--reactflow-color-picker-button-border-selected:2px solid #ffcc66e6;--reactflow-color-picker-button-border-default:1px solid var(--elevation-overlay-08dp);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--content-bottom-buffer:5vh;--shadow-elevation-00dp:none;--shadow-elevation-01dp:0 1px 1px #1e1f1c24,0 2px 1px #1e1f1c1f;--shadow-elevation-02dp:0 1px 2px #1e1f1c24,0 3px 2px #1e1f1c1f;--shadow-elevation-04dp:0 2px 4px #1e1f1c24,0 4px 5px #1e1f1c1f;--shadow-elevation-06dp:0 3px 5px #1e1f1c24,0 6px 10px #1e1f1c1f;--shadow-elevation-08dp:0 4px 5px #1e1f1c24,0 8px 10px #1e1f1c1f;--shadow-elevation-12dp:0 6px 10px #1e1f1c24,0 12px 15px #1e1f1c1f;--shadow-elevation-16dp:0 8px 10px #1e1f1c24,0 16px 24px #1e1f1c1f;--shadow-elevation-24dp:0 12px 15px #1e1f1c24,0 24px 38px #1e1f1c1f;--shadow-color-sm:#1e1f1c1a;--shadow-color-md:#1e1f1c26;--shadow-color-lg:#1e1f1c33;--shadow-color-xl:#1e1f1c40;--shadow-sm:var(--shadow-elevation-01dp);--shadow-md:var(--shadow-elevation-04dp);--shadow-lg:var(--shadow-elevation-08dp);--shadow-xl:var(--shadow-elevation-16dp);--shadow-card:var(--shadow-elevation-01dp);--shadow-interactive:var(--shadow-elevation-02dp);--shadow-interactive-hover:var(--shadow-elevation-04dp);--shadow-modal:var(--shadow-elevation-12dp);--shadow-dropdown:var(--shadow-elevation-04dp);--shadow-glow-green:0 0 20px #a6e22e4d;--shadow-glow-blue:0 0 20px #82c2fe4d;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md: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-light:300;--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;--font-family-elegant:"Georgia","Times New Roman",serif;--font-family-modern:"Inter","Segoe UI","Roboto",sans-serif;--card-display:var(--font-size-4xl);--card-h1:var(--font-size-3xl);--card-h2:var(--font-size-2xl);--card-h3:var(--font-size-xl);--card-body:var(--font-size-md);--card-caption:var(--font-size-sm);--card-micro:var(--font-size-xs);--card-weight-display:var(--font-weight-bold);--card-weight-heading:var(--font-weight-semibold);--card-weight-body:var(--font-weight-normal);--card-weight-emphasis:var(--font-weight-medium);--card-line-height-tight:1.2;--card-line-height-normal:1.4;--card-line-height-relaxed:1.6;--vh:1vh;--viewport-height-dynamic:100dvh;--viewport-height-small:100svh;--viewport-height-large:100lvh;--viewport-height:var(--viewport-height-dynamic,calc(var(--vh, 1vh)*100));--viewport-width:100vw;--viewport-1vmin:1vmin;--viewport-1vmax:1vmax;--app-height:var(--viewport-height);--safe-viewport-height:var(--viewport-height);--main-content-height:var(--viewport-height);--carousel-height:var(--viewport-height);--card-min-height:max-content;--card-max-height:none;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-padding-top:max(var(--spacing-md),env(safe-area-inset-top,0px));--safe-padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom,0px));--safe-padding-left:max(var(--spacing-sm),env(safe-area-inset-left,0px));--safe-padding-right:max(var(--spacing-sm),env(safe-area-inset-right,0px));--container-width-full:100cqw;--container-height-full:100cqh;--container-1cqmin:1cqmin;--container-1cqmax:1cqmax;--container-mobile:480px;--container-tablet:768px;--container-desktop:1024px;--touch-target-min:44px;--touch-target-comfortable:48px;--touch-target-generous:56px;--touch-target-spacing:8px;--header-height:var(--touch-target-comfortable);--subheader-height:36px;--tab-height:var(--touch-target-comfortable);--mobile-drawer-safe-area-top:8px;--mobile-drawer-gap-compact:8px;--mobile-drawer-gap-fullscreen:4px;--mobile-drawer-bottom-compact:calc(var(--mobile-sidebar-height) + var(--mobile-drawer-gap-compact));--mobile-drawer-bottom-fullscreen:calc(var(--mobile-sidebar-height) + var(--mobile-drawer-gap-fullscreen));--video-aspect-ratio-16-9:16/9;--video-aspect-ratio-4-3:4/3;--video-aspect-ratio-9-16:9/16;--video-aspect-ratio-1-1:1/1;--pip-width-portrait:min(35vw,140px);--pip-width-landscape:min(25vw,200px);--pip-width-desktop:min(20vw,280px);--pip-inset-mobile:12px;--pip-inset-tablet:16px;--pip-inset-desktop:20px;--pip-safe-inset-right:max(var(--pip-inset-mobile),var(--safe-area-right));--pip-safe-inset-bottom:max(var(--pip-inset-mobile),var(--safe-area-bottom));--pip-safe-inset-left:max(var(--pip-inset-mobile),var(--safe-area-left));--pip-safe-inset-top:max(var(--pip-inset-mobile),var(--safe-area-top));--pip-z-index:1000;--video-grid-min-tile-mobile:160px;--video-grid-min-tile-tablet:240px;--video-grid-min-tile-desktop:320px;--tray-height-mobile:56px;--tray-height-desktop:56px;--pip-transition-snap:0.3s cubic-bezier(0.4,0,0.2,1);--pip-transition-drag:0.15s ease-out;--reading-zone-offset-closed:0.35;--reading-zone-offset-compact:0.3;--reading-zone-offset-fullscreen:0.25;--reading-zone-offset-desktop:0.5;--content-width-lg:1200px;--content-width-xl:1400px;--border-radius-xs:0.125rem;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--card-radius:18px;--card-radius-collapsed:18px;--card-radius-expanded:32px;--card-gap:16px;--card-container-padding:16px;--card-header-height:60px;--card-content-padding:var(--spacing-lg);--card-inner-gap:var(--spacing-md);--card-item-gap:var(--spacing-sm);--card-bg:color-mix(in srgb,var(--bg-secondary) 90%,#fff 10%);--card-bg-alt:color-mix(in srgb,var(--bg-secondary) 85%,#fff 15%);--card-bg-color:var(--bg-secondary);--card-shadow:var(--shadow-card);--card-bg-darken:0.55;--card-active-scale:1;--card-collapsed-scale:0.9;--card-transition-duration:0.4s;--grid-margin:20px;--grid-padding:16px;--grid-header-left-alignment:118px;--grid-content-alignment:var(--grid-padding);--grid-element-spacing:8px;--grid-button-size:44px;--grid-button-margin:12px;--grid-button-radius:8px;--layout-gap:16px;--sidebar-width:72px;--motivation-left-margin:calc(var(--sidebar-width) + var(--spacing-sm));--content-left-margin:var(--sidebar-width);--world-ui-left-desktop:calc(var(--sidebar-width) + var(--spacing-md));--world-ui-bottom-desktop:calc(80px + var(--spacing-xl));--world-ui-left-mobile:var(--spacing-xs);--world-ui-bottom-mobile:var(--spacing-xl);--world-tab-panel-top-desktop:80px;--world-tab-panel-top-mobile:70px;--world-tab-panel-left-desktop:calc(var(--sidebar-width) + var(--spacing-md));--world-tab-panel-left-mobile:var(--spacing-md);--library-navigator-width:320px;--library-navigator-width-mobile:280px;--ui-top-zone:var(--spacing-lg);--ui-control-stack:var(--spacing-md);--ui-bottom-zone:var(--spacing-xl);--zoom-controls-height:40px;--zoom-controls-top:var(--ui-top-zone);--zoom-controls-right:var(--spacing-lg);--tab-toggle-width:56px;--tab-toggle-height:56px;--tab-toggle-left:var(--motivation-left-margin);--tab-toggle-top:calc(var(--ui-top-zone) + var(--spacing-lg)*4);--mobile-avatar-size:48px;--mobile-control-cluster-top:var( --spacing-xs );--mobile-control-cluster-right:var( --spacing-xs );--mobile-control-gap:var(--spacing-sm);--ui-element-gap:var(--spacing-sm);--ui-section-gap:var(--spacing-md);--ui-major-gap:var(--spacing-lg);--zoom-btn-size-desktop:40px;--zoom-btn-size-mobile:44px;--zoom-btn-border-radius:6px;--zoom-btn-gap-desktop:4px;--zoom-btn-gap-mobile:3px;--zoom-container-padding:6px;--world-zoom-right-desktop:var(--spacing-lg);--world-zoom-bottom-desktop:calc(128px + var(--spacing-lg));--world-zoom-right-mobile:var(--spacing-sm);--world-zoom-bottom-mobile:calc(72px + var(--spacing-lg));--shadow-sm:0 2px 4px #0003;--shadow-md:0 2px 8px #0000004d;--shadow-lg:0 4px 12px #0006;--shadow-xl:0 8px 20px #00000080;--glass-bg-dark:#2a2a2ab3;--glass-bg-dark-strong:#2a2a2ad9;--glass-bg-dark-subtle:#2a2a2a80;--glass-blur:blur(24px) saturate(180%);--glass-blur-light:blur(16px) saturate(150%);--glass-blur-strong:blur(32px) saturate(200%);--glass-border-dark:#ffffff1f;--glass-border-dark-subtle:#ffffff14;--glass-border-dark-strong:#ffffff2e;--glass-shadow-dark:0 8px 32px #0000004d;--glass-shadow-dark-strong:0 12px 48px #0006;--glass-shadow-dark-subtle:0 4px 16px #0003;--glass-inset-highlight:inset 0 1px 0 #ffffff14;--glass-inset-highlight-strong:inset 0 1px 0 #ffffff1f;--glass-hover-overlay:#ffffff0d;--glass-active-overlay:#ffffff14;--glass-selected-overlay:#ffffff1f;--transition-fast:0.15s ease;--transition-medium:0.3s ease;--transition-slow:0.5s ease;--transition-normal:0.3s ease;--ease-out-smooth:cubic-bezier(0.25,0.46,0.45,0.94);--ease-in-out-smooth:cubic-bezier(0.4,0,0.2,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.68,-0.55,0.27,1.55);--tab-content-duration:0.25s;--tab-content-exit-duration:0.18s;--tab-content-stagger:0.03s;--mobile-breakpoint:600px;--tablet-breakpoint:768px;--desktop-breakpoint:1024px;--mobile-sidebar-height:60px;--toggle-width:48px;--toggle-height:24px;--toggle-padding:2px;--toggle-circle-size:20px;--toggle-bg-off:var(--bg-secondary);--toggle-bg-on:var(--accent-blue);--toggle-border-off:var(--border-color);--toggle-border-on:var(--accent-blue);--toggle-circle-color:#fff;--toggle-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--z-negative:-1;--z-elevate:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-modal-backdrop:1040;--z-popover:1050;--z-tooltip:1060;--z-workspace-base:1;--z-workspace-content:2;--z-workspace-tabs:10;--z-workspace-tabs-fixed:1050;--z-workspace-navigator:100;--z-workspace-controls:110;--z-drawer-content-base:1;--z-drawer-content-overlay:5;--z-drawer-header-footer:10;--z-drawer-header-controls:15;--z-drawer-drag-handle:20;--z-drawer-dropdown:1000;--z-drawer-panel-compact:1100;--z-drawer-options-menu:1100;--z-drawer-options-submenu:1101;--z-drawer-panel-base:1150;--z-drawer-panel-backdrop:1299;--z-drawer-panel-desktop:1300;--z-drawer-panel-fullscreen:1350;--z-drawer-panel-closed:1025;--z-drawer-fullscreen-input:14100;--z-overlay-dialog:11000;--z-passport-popup:13000;--z-dynamic-input:1020;--z-notification:15000;--z-tour-overlay:16000;--map-pin-local:var(--accent-terracotta);--map-pin-connected-online:#66d9ef;--map-pin-connected-offline:#948c7f;--map-pin-suggested:#edc76d;--map-arc-connected:#66d9ef;--map-arc-suggested:#edc76d;--tour-tooltip-centered-max-width:560px;--tour-tooltip-centered-min-width:460px;--tour-highlight-padding-large:12px;--tour-viewport-padding:16px;--tour-transition-enter:200ms;--tour-transition-exit:150ms;--tour-transition-reposition:300ms;--tour-transition-easing:cubic-bezier(0.34,1.56,0.64,1);--tour-mobile-tooltip-max-width:calc(100vw - var(--spacing-md));--tour-mobile-tooltip-min-width:280px;--tour-mobile-bottom-sheet-max-height:60vh;--tour-mobile-bottom-sheet-max-height:60dvh;--tour-fab-scale:1.1;--tour-fab-glow-spread:30px;--tour-highlight-color:var(--tree-green);--tour-backdrop-overlay:#000000bf;--tour-blocking-overlay:#000000bf}.holographic-shimmer{border-radius:inherit;height:100%;left:0;opacity:.6;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.holographic-shimmer:before{animation:shimmer-slide 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#66d9ef26 25%,#66d9ef4d 50%,#a6e22e26 75%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}:root[data-theme=dark] .holographic-shimmer:before,body.dark-mode .holographic-shimmer:before{background:linear-gradient(90deg,#0000,#66d9ef33 25%,#66d9ef66 50%,#a6e22e33 75%,#0000)}.light-theme .holographic-shimmer:before,:root[data-theme=light] .holographic-shimmer:before{background:linear-gradient(90deg,#0000,#6d7a881f 25%,#6d7a8840 50%,#8b9a7f1f 75%,#0000)}@keyframes shimmer-slide{0%{left:-100%}50%{left:100%}to{left:100%}}.with-holographic-shimmer{overflow:hidden;position:relative}.with-holographic-shimmer:hover .holographic-shimmer:before{animation-duration:2s}.light-theme{--beige-paper:#f5f1e8;--beige-canvas:#ebe5d9;--beige-linen:#e0d8c8;--beige-sand:#d4c9b3;--beige-stone:#c4b9a3;--beige-earth:#b0a590;--beige-bark:#9d9280;--text-ink:#3d3428;--text-charcoal:#5a4f43;--text-sepia:#7a6f63;--text-muted:#948c7f;--accent-sage:#8b9a7f;--accent-terracotta:#c0826d;--accent-slate:#6d7a88;--accent-amber:#d4a574;--accent-burgundy:#a05d5d;--accent-olive:#99906e;--accent-mauve:#9d7a99;--accent-gold:#b8935e;--color-golden:var(--accent-gold);--priority-urgent:var(--accent-burgundy);--priority-high:var(--accent-terracotta);--priority-medium:var(--accent-slate);--priority-low:var(--text-muted);--elevation-00dp:var(--beige-paper);--elevation-01dp:color-mix(in srgb,var(--beige-paper) 97%,#3d3428 3%);--elevation-02dp:color-mix(in srgb,var(--beige-paper) 95%,#3d3428 5%);--elevation-04dp:color-mix(in srgb,var(--beige-paper) 93%,#3d3428 7%);--elevation-06dp:color-mix(in srgb,var(--beige-paper) 91%,#3d3428 9%);--elevation-08dp:color-mix(in srgb,var(--beige-paper) 89%,#3d3428 11%);--elevation-12dp:color-mix(in srgb,var(--beige-paper) 86%,#3d3428 14%);--elevation-16dp:color-mix(in srgb,var(--beige-paper) 84%,#3d3428 16%);--elevation-24dp:color-mix(in srgb,var(--beige-paper) 80%,#3d3428 20%);--elevation-overlay-01dp:#3d342808;--elevation-overlay-02dp:#3d34280d;--elevation-overlay-04dp:#3d342812;--elevation-overlay-06dp:#3d342817;--elevation-overlay-08dp:#3d34281c;--elevation-overlay-12dp:#3d342824;--elevation-overlay-16dp:#3d342829;--elevation-overlay-24dp:#3d342833;--state-hover:#3d342814;--state-focus:#3d34281f;--state-pressed:#3d34281f;--state-selected:#3d342829;--state-dragged:#3d342829;--state-activated:#8b9a7f3d;--bg-primary:var(--elevation-00dp);--bg-secondary:var(--elevation-01dp);--bg-elevated:var(--elevation-02dp);--bg-tertiary:var(--elevation-04dp);--bg-hover:var(--elevation-01dp);--text-primary:var(--text-ink);--text-secondary:var(--text-charcoal);--text-tertiary:var(--text-sepia);--border-color:var(--beige-sand);--border-light:var(--beige-linen);--border-elevated:var(--elevation-overlay-08dp);--progress-ring-bg:var(--elevation-overlay-06dp);--input-box-bg:var(--bg-tertiary);--input-box-bg-focus:var(--bg-secondary);--input-box-border:var(--beige-sand);--input-box-border-focus:var(--accent-slate);--accent-blue:var(--accent-slate);--accent-green:var(--accent-sage);--accent-orange:var(--accent-terracotta);--accent-yellow:var(--accent-amber);--accent-red:var(--accent-burgundy);--accent-purple:var(--accent-mauve);--accent-green-rgb:139,154,127;--accent-blue-hover:#5d6a78;--accent-red-hover:#8f4a4a;--selection-glow-branch:#6c798840;--selection-glow-branch-bright:#6c79884d;--selection-glow-action:#8b9a7f40;--selection-glow-action-bright:#8b9a7f4d;--reactflow-node-icon-active:var(--text-ink);--reactflow-node-icon-inactive:var(--text-charcoal);--reactflow-node-shadow:0 1px 2px #3d342826,0 2px 4px #3d34281f;--reactflow-node-shadow-hover:0 4px 8px #3d34282e,0 8px 16px #3d34281f;--reactflow-bg-light:var(--beige-paper);--reactflow-edge-color:#3d342840;--reactflow-edge-color-selected:var(--accent-sage);--header-bg:var(--bg-secondary);--header-text:var(--text-ink);--header-border:var(--beige-sand);--header-button-bg:var(--accent-slate);--header-button-hover:var(--accent-sage);--sidebar-bg:#f5f1e8f2;--sidebar-text:var(--text-charcoal);--sidebar-active:var(--accent-slate);--sidebar-hover:#ebe5d9cc;--sidebar-border:var(--beige-bark);--meeting-bg:var(--beige-paper);--meeting-content-bg:var(--bg-secondary);--meeting-text:var(--text-ink);--meeting-text-secondary:var(--text-charcoal);--meeting-title:var(--accent-slate);--meeting-border:var(--beige-sand);--meeting-button-bg:var(--accent-slate);--meeting-button-text:var(--bg-secondary);--meeting-tabs-bg:#ebe5d9f2;--meeting-tab-active-bg:#8b9a7f33;--card-bg:var(--bg-secondary);--card-shadow:var(--shadow-card);--card-bg-color:var(--bg-secondary);--card-bg-darken:0.8;--bg-overlay:#f5f1e8e6;--bg-button-overlay:#3d34280d;--border-color-overlay:#3d34281a;--overlay-bg:#f5f1e899;--glass-bg-light:#faf5e6b3;--glass-bg-light-strong:#faf5e6d9;--glass-bg-light-subtle:#faf5e680;--glass-border-light:#3d342826;--glass-border-light-subtle:#3d34281a;--glass-border-light-strong:#3d342838;--glass-shadow-light:0 8px 32px #3d342826;--glass-shadow-light-strong:0 12px 48px #3d342833;--glass-shadow-light-subtle:0 4px 16px #3d34281a;--glass-inset-highlight-light:inset 0 1px 0 #fff6;--glass-inset-highlight-light-strong:inset 0 1px 0 #ffffff80;--glass-hover-overlay-light:#3d34280d;--glass-active-overlay-light:#3d342814;--glass-selected-overlay-light:#3d34281f;--glass-bg:var(--elevation-overlay-01dp);--glass-bg-strong:var(--elevation-overlay-06dp);--glass-border:var(--state-hover);--glass-blur:blur(12px);--glass-blur-strong:blur(20px);--glass-shadow:0 8px 32px #3d342826,0 0 0 1px var(--elevation-overlay-08dp);--glass-overlay-bg:#faf5e6eb;--glass-overlay-border:var(--elevation-overlay-16dp);--glass-overlay-blur:28px;--glass-overlay-shadow:var(--shadow-elevation-12dp),0 0 0 1px var(--elevation-overlay-08dp),inset 0 1px 0 #fff6;--overlay-subtle:#3d342805;--overlay-light:#3d34280a;--overlay-medium:#3d34280f;--overlay-border-subtle:#3d342814;--overlay-gradient-start:#3d342808;--overlay-gradient-end:#3d342803;--hover-bg-:#3d34280d;--hover-bg-secondary:#3d342808;--bg-error-overlay:#f9267226;--bg-warning-overlay:#d4a57426;--hover-bg-warning:#d4a57440;--border-warning:#c0826d66;--border-color-warning:#c0826d66;--text-warning:#856404;--scrollbar-thumb:#3d34284d;--scrollbar-thumb-hover:#3d342880;--scrollbar-track:#0000;--drawer-bg-primary:var(--elevation-08dp);--drawer-bg-card:var(--elevation-overlay-01dp);--drawer-bg-card-hover:var(--state-hover);--drawer-gradient-primary:linear-gradient(135deg,var(--elevation-overlay-01dp),#0000);--drawer-gradient-hover:linear-gradient(135deg,var(--state-hover),var(--elevation-overlay-01dp));--drawer-root-view-bg:var(--elevation-overlay-01dp);--drawer-root-view-border:var(--state-hover);--drawer-drag-handle-bg:var(--bg-secondary);--drawer-drag-handle-border:2px solid var(--border-color);--drawer-border-light:1px solid #3d34281f;--drawer-shadow-light:var(--shadow-elevation-08dp);--shadow-elevation-00dp:none;--shadow-elevation-01dp:0 1px 1px #3d34281a,0 2px 1px #3d342814;--shadow-elevation-02dp:0 1px 2px #3d34281a,0 3px 2px #3d342814;--shadow-elevation-04dp:0 2px 4px #3d34281a,0 4px 5px #3d342814;--shadow-elevation-06dp:0 3px 5px #3d34281a,0 6px 10px #3d342814;--shadow-elevation-08dp:0 4px 5px #3d34281a,0 8px 10px #3d342814;--shadow-elevation-12dp:0 6px 10px #3d34281a,0 12px 15px #3d342814;--shadow-elevation-16dp:0 8px 10px #3d34281a,0 16px 24px #3d342814;--shadow-elevation-24dp:0 12px 15px #3d34281a,0 24px 38px #3d342814;--shadow-sm:var(--shadow-elevation-01dp);--shadow-md:var(--shadow-elevation-04dp);--shadow-lg:var(--shadow-elevation-08dp);--shadow-xl:var(--shadow-elevation-16dp);--shadow-card:var(--shadow-elevation-01dp);--shadow-interactive:var(--shadow-elevation-02dp);--shadow-interactive-hover:var(--shadow-elevation-04dp);--shadow-modal:var(--shadow-elevation-12dp);--shadow-dropdown:var(--shadow-elevation-04dp);--map-pin-connected-online:#3f62a2;--map-pin-connected-offline:#7a6f63;--map-pin-suggested:#b8935e;--map-arc-connected:#3f62a2;--map-arc-suggested:#b8935e;--shadow-sm:0 2px 4px #3d34281a;--shadow-md:0 2px 8px #3d342826;--shadow-lg:0 4px 12px #3d342833;--shadow-xl:0 6px 16px #3d34281a;--action-status-pending:var(--text-charcoal);--action-status-pending-bg:var(--beige-canvas);--action-status-active:var(--accent-sage);--action-status-active-bg:var(--beige-paper);--action-status-in-progress-bg:var(--bg-primary);--action-status-in-progress-border:var(--accent-sage);--action-status-complete:var(--accent-sage);--action-status-complete-bg:var(--bg-secondary);--toggle-bg-off:var(--beige-canvas);--toggle-bg-on:var(--accent-sage);--toggle-border-off:var(--beige-sand);--toggle-border-on:var(--accent-sage);--toggle-circle-color:var(--beige-paper);--reactflow-bg-light:var(--beige-canvas);--reactflow-bg-pattern-light:var(--beige-earth);--reactflow-controls-light:var(--beige-canvas);--reactflow-border-light:var(--beige-sand);--reactflow-mobile-node-bg:#ffffffbf;--reactflow-mobile-node-border:1px solid #3d342814;--reactflow-mobile-node-shadow:0 4px 20px #3d342826;--reactflow-mobile-node-shadow-selected:0 10px 40px #6d7a8866;--mobile-tree-chip-bg:var(--beige-canvas);--mobile-tree-chip-selected-bg:var(--beige-linen);--mobile-tree-chip-border:1px solid var(--beige-sand);--mobile-tree-chip-selected-border:2px solid var(--accent-sage);--mobile-tree-chip-glow:0 6px 20px #8b9a7f66;--mobile-tree-progress-bar-bg:#00000014;--mobile-tree-progress-bar-fill:var(--accent-gold);--node-inactive-beige:#d4b896;--node-inactive-beige-light:#e6d7b8;--node-inactive-beige-dark:#c4a880;--inactive-node-color:var(--node-inactive-beige);--inactive-node-bg:var(--bg-primary);--inactive-node-border:#e6d7b8;--inactive-node-text:#8b7355;--inactive-node-light:var(--node-inactive-beige-light);--inactive-node-dark:var(--node-inactive-beige-dark);--inactive-node-icon-color:#b8a992;--inactive-node-title-color:#a89880;--inactive-node-button-color:#c4b8a5;--inactive-node-button-opacity:0.5;--inactive-node-section-opacity:0.4;--inactive-node-growth-icon-color:#b8a992;--inactive-node-checkbox-color:#c4b8a5;--inactive-node-checkbox-bg:#e8e0d4;--inactive-node-edge-dasharray:6,4;--inactive-node-edge-color:#d4c9b8;--inactive-node-edge-opacity:0.6;--completed-node-icon-color:#8a9a7a;--completed-node-title-color:#7a8a6a;--completed-node-button-color:#9aaa8a;--completed-node-button-opacity:0.6;--completed-node-section-opacity:0.55;--completed-node-checkbox-color:var(--accent-sage);--completed-node-checkbox-bg:#8b9a7f1f;--pending-node-icon-color:var(--text-secondary);--pending-node-title-color:var(--text-secondary);--pending-node-button-color:var(--text-tertiary);--node-bg-primary:#6d7a8814;--node-bg-secondary:beige;--reactflow-minimap-bg-light:#ffffffe6;--reactflow-minimap-border-light:var(--beige-sand);--reactflow-minimap-mask-light:#3d34280d;--reactflow-minimap-tree-root-light:#5a7fb8;--reactflow-minimap-branch-light:#8b9a7f;--reactflow-minimap-action-light:#7a6f63;--reactflow-tree-root-bg:linear-gradient(135deg,color-mix(in srgb,var(--beige-linen) 90%,#fff 10%) 0%,var(--beige-sand) 100%);--reactflow-tree-root-border-selected:#8b9a7fcc;--reactflow-tree-root-border-default:var(--beige-stone);--reactflow-tree-root-shadow-default:var( --shadow-elevation-04dp );--reactflow-tree-root-shadow-selected:var( --shadow-elevation-08dp );--reactflow-tree-root-header-bg:color-mix(in srgb,var(--beige-sand) 70%,var(--accent-sage) 30%);--reactflow-tree-root-header-border:#8b9a7f4d;--reactflow-tree-root-label-color:var(--text-ink);--reactflow-tree-root-progress-ring-bg:#8b9a7f26;--reactflow-tree-root-progress-ring-fill:var(--accent-sage);--reactflow-tree-root-resources-bg:color-mix(in srgb,var(--beige-stone) 85%,#fff 15%);--reactflow-tree-root-resources-bg-hover:color-mix(in srgb,var(--beige-stone) 75%,var(--accent-sage) 25%);--reactflow-tree-root-resources-border:#8b9a7f40;--reactflow-tree-root-resources-border-hover:#8b9a7f73;--reactflow-branch-status-completed-color:var(--accent-sage,#8b9a7f);--reactflow-branch-status-active-color:#8b9a7fe6;--reactflow-branch-status-available-color:var(--text-sepia,#7a6f63);--reactflow-branch-status-locked-color:var(--text-muted,#948c7f);--reactflow-branch-completed-bg:linear-gradient(135deg,color-mix(in srgb,var(--beige-canvas) 75%,var(--accent-sage) 25%),color-mix(in srgb,var(--beige-canvas) 85%,var(--accent-sage) 15%));--reactflow-branch-completed-border:var(--accent-sage);--reactflow-branch-completed-shadow:var(--shadow-elevation-02dp),0 0 0 1px #8b9a7f40;--reactflow-branch-completed-shadow-hover:var(--shadow-elevation-04dp),0 0 0 2px #8b9a7f66;--reactflow-branch-completed-header-bg:linear-gradient(135deg,color-mix(in srgb,var(--beige-linen) 70%,var(--accent-sage) 30%),color-mix(in srgb,var(--beige-linen) 80%,var(--accent-sage) 20%));--reactflow-branch-completed-header-border:#8b9a7f59;--reactflow-branch-progress-fill:linear-gradient(90deg,var(--accent-sage),#8b9a7fd9);--reactflow-branch-progress-fill-glow:0 0 6px #8b9a7f4d;--reactflow-branch-completion-glow-start:0 2px 8px #8b9a7f33,0 1px 3px #3d34281a;--reactflow-branch-completion-glow-peak:0 0 20px #8b9a7f66,0 4px 12px #8b9a7f4d,0 2px 6px #3d342826;--reactflow-branch-completion-glow-end:var(--reactflow-branch-completion-glow-start);--reactflow-sequence-badge-bg-completed:#7a6f6359;--reactflow-sequence-badge-bg-active:#7a6f6359;--reactflow-sequence-badge-bg-available:#7a6f634d;--reactflow-sequence-badge-bg-locked:#7a6f6340;--reactflow-action-completed-gradient-bg:linear-gradient(135deg,color-mix(in srgb,var(--beige-canvas) 80%,var(--accent-sage) 20%),color-mix(in srgb,var(--beige-canvas) 90%,var(--accent-sage) 10%));--reactflow-action-completed-border:var(--accent-sage);--reactflow-action-completed-shadow:var(--shadow-elevation-01dp),0 0 0 1px #8b9a7f33;--status-badge-pending-bg:#7a6f6326;--status-badge-pending-color:var(--text-sepia,#7a6f63);--status-badge-pending-border:#7a6f634d;--status-badge-active-bg:#8b9a7f26;--status-badge-active-color:var(--accent-sage,#8b9a7f);--status-badge-active-border:#8b9a7f4d;--status-badge-complete-bg:#8b9a7f33;--status-badge-complete-color:var(--accent-sage,#8b9a7f);--status-badge-complete-border:#8b9a7f66;--reactflow-toolbar-bg:color-mix(in srgb,var(--beige-canvas) 85%,#fff 15%);--reactflow-toolbar-bg-hover:color-mix(in srgb,var(--beige-linen) 80%,var(--accent-sage) 20%);--reactflow-toolbar-border:color-mix(in srgb,var(--beige-sand) 85%,var(--accent-sage) 15%);--reactflow-toolbar-border-hover:#8b9a7fb3;--reactflow-toolbar-border-delete-hover:var(--accent-burgundy);--reactflow-toolbar-shadow:var(--shadow-elevation-08dp);--reactflow-color-picker-bg:color-mix(in srgb,var(--beige-canvas) 85%,#fff 15%);--reactflow-color-picker-border:color-mix(in srgb,var(--beige-sand) 85%,var(--accent-sage) 15%);--reactflow-color-picker-shadow:var(--shadow-elevation-12dp);--reactflow-color-picker-button-border-selected:2px solid #8b9a7fe6;--reactflow-color-picker-button-border-default:1px solid #8b9a7f33;--reactflow-edge-root-to-branch-color:var(--beige-earth);--reactflow-edge-branch-to-action-color:var(--beige-stone);--reactflow-edge-completed-color:#8b9a7f80;--reactflow-edge-active-color:#8b9a7f59;--reactflow-edge-selected-color:#b89e6e99;--reactflow-edge-gradient-start:#8b9a7f80;--reactflow-edge-gradient-end:#c4b9a366;--reactflow-edge-gradient-active-start:#8b9a7f99;--reactflow-edge-gradient-inactive-end:#d4c9b34d}@media (max-width:1023px){:root{--spacing-xs:0.375rem;--spacing-sm:0.625rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3rem}}@media (max-width:768px){:root{--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.25rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:2.5rem;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px}}@media (max-width:480px){:root{--spacing-xs:0.5rem;--spacing-sm:0.625rem;--spacing-md:0.875rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-2xl:1.5rem;--spacing-3xl:2rem}}:root{--tour-tooltip-width:450px;--tour-tooltip-min-width:340px;--tour-tooltip-max-width:560px;--tour-tooltip-max-height:calc(100vh - 80px);--tour-tooltip-max-height:calc(100dvh - 80px);--tour-highlight-padding:8px;--tour-highlight-border-width:4px;--tour-highlight-border-radius:8px;--tour-tooltip-margin:16px;--tour-tooltip-offset:12px;--tour-mobile-margin:8px;--tour-transition-duration:200ms;--tour-transition-timing:ease-out;--tour-fade-duration:150ms;--tour-z-overlay:10000;--tour-z-highlight:10001;--tour-z-tooltip:10002;--tour-mobile-breakpoint:600px;--tour-tablet-breakpoint:768px;--tour-desktop-breakpoint:1024px;--tour-tooltip-mobile-width:calc(100vw - var(--tour-mobile-margin)*2);--tour-tooltip-mobile-min-width:280px;--tour-tooltip-mobile-max-height:calc(100vh - 120px);--tour-tooltip-mobile-max-height:calc(100dvh - 120px);--tour-collision-threshold:20%;--tour-viewport-safe-zone:16px}.mobile-node-compact{height:88px!important;height:var(--reactflow-mobile-node-height)!important;max-height:88px!important;max-height:var(--reactflow-mobile-node-height)!important;min-height:88px!important;min-height:var(--reactflow-mobile-node-height)!important}.mobile-root-compact{height:90px!important;height:var(--reactflow-mobile-root-height)!important;max-height:90px!important;max-height:var(--reactflow-mobile-root-height)!important;min-height:90px!important;min-height:var(--reactflow-mobile-root-height)!important}.mobile-node-content-hidden{display:none!important}.mobile-leaf-hidden{margin-bottom:0!important;margin-top:0!important;max-height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important}.mobile-leaf-expanding{max-height:200px!important;max-height:var(--reactflow-action-height-expanded,280px)!important;overflow:hidden!important;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),margin .3s cubic-bezier(.4,0,.2,1)!important}.mobile-leaf-expanding,.mobile-leaf-visible{opacity:1!important;padding-left:24px;padding-left:var(--reactflow-mobile-leaf-indent);pointer-events:auto!important}.mobile-leaf-visible{max-height:none!important;overflow:visible!important}.mobile-leaf-collapsing{margin-bottom:0!important;margin-top:0!important;max-height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;transition:max-height .2s ease-in,opacity .2s ease-in,margin .2s ease-in!important}.mobile-chevron-indicator{font-size:16px;font-size:var(--reactflow-mobile-chevron-size);transition:transform .2s ease}.mobile-chevron-expanded{transform:rotate(90deg)}.mobile-chevron-collapsed{transform:rotate(0deg)}.control-fixed,.flex-fixed,.footer-fixed,.header-fixed,.icon-fixed{flex-shrink:0!important}.font-sans{font-family:var(--font-sans)}.font-sans,.font-serif{font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-normal)}.font-serif{font-family:var(--font-serif)}.font-mono{font-family:var(--font-mono);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-normal)}.h1,h1{font-size:var(--font-size-3xl)}.h1,.h2,h1,h2{font-family:var(--font-sans);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.h2,h2{font-size:var(--font-size-2xl)}.h3,h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight)}.h3,.h4,h3,h4{font-family:var(--font-sans);line-height:var(--line-height-snug)}.h4,h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.h5,h5{font-size:var(--font-size-md)}.h5,.h6,h5,h6{font-family:var(--font-sans);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.h6,h6{font-size:var(--font-size-base)}.body-text,body,p{line-height:var(--line-height-relaxed)}.body-text,.reading-text,body,p{font-family:var(--font-serif);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-normal)}.reading-text{line-height:var(--line-height-loose)}.caption,.label-text{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-normal)}.caption,.label-text,.metadata-text{font-family:var(--font-serif);line-height:var(--line-height-normal)}.metadata-text{letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.metadata-text,.text-xs{font-size:var(--font-size-xs)}.text-xs{line-height:var(--line-height-tight)}.text-sm{font-size:var(--font-size-sm)}.text-md,.text-sm{line-height:var(--line-height-normal)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.text-xl{font-size:var(--font-size-xl)}.text-2xl,.text-xl{line-height:var(--line-height-tight)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-3xl,.text-4xl{line-height:var(--line-height-tight)}.text-4xl{font-size:var(--font-size-4xl)}.card-h2{line-height:var(--card-line-height-normal)}.card-body{font-size:var(--card-body);font-weight:var(--card-weight-body);line-height:var(--card-line-height-relaxed)}.card-micro{line-height:var(--card-line-height-tight)}.card-emphasis{font-weight:var(--card-weight-emphasis)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-elegant{font-family:var(--font-family-elegant)}.font-modern{font-family:var(--font-family-modern)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent-blue{color:var(--accent-blue)}.text-accent-green{color:var(--accent-green)}.text-accent-orange{color:var(--accent-orange)}.text-accent-yellow{color:var(--accent-yellow)}.text-accent-red{color:var(--accent-red)}.text-golden{color:var(--color-golden)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.underline{text-decoration:underline}.no-underline{text-decoration:none}.line-through{text-decoration:line-through}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-2-lines{-webkit-line-clamp:2}.truncate-2-lines,.truncate-3-lines{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate-3-lines{-webkit-line-clamp:3}.truncate-4-lines{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.break-words{overflow-wrap:break-word;word-break:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.whitespace-pre-line{white-space:pre-line}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.heading-display{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg)}.heading-1{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}.heading-1,.heading-2{color:var(--text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.heading-2{font-size:var(--font-size-2xl);line-height:var(--line-height-normal)}.heading-3{font-size:var(--font-size-xl)}.heading-3,.heading-4{color:var(--text-primary);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--spacing-sm)}.heading-4{font-size:var(--font-size-lg)}.heading-5{color:var(--text-primary);font-size:var(--font-size-md)}.heading-5,.heading-6{font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--spacing-xs)}.heading-6{color:var(--text-secondary);font-size:var(--font-size-sm)}.body-large{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed)}.body{font-size:var(--font-size-md)}.body,.body-small{color:var(--text-primary);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.body-small{font-size:var(--font-size-sm)}.caption{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.caption,.caption-small{color:var(--text-secondary);font-weight:var(--font-weight-normal)}.caption-small{font-size:var(--font-size-xs);line-height:var(--line-height-tight)}.link{color:var(--accent-blue);text-decoration:underline;transition:var(--transition-fast)}.link:hover{color:var(--accent-blue-hover);text-decoration:none}.link-subtle{color:var(--text-primary);text-decoration:none;transition:var(--transition-fast)}.link-subtle:hover{color:var(--accent-blue);text-decoration:underline}.link-muted{color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast)}.link-muted:hover{color:var(--text-primary)}.code{border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm)}.code,.code-block{background-color:var(--bg-secondary);color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm)}.code-block{border-radius:var(--border-radius-md);overflow-x:auto;padding:var(--spacing-md);white-space:pre}.list-reset{list-style:none;margin:0;padding:0}.list-disc{list-style-type:disc}.list-decimal,.list-disc{padding-left:var(--spacing-lg)}.list-decimal{list-style-type:decimal}.list-none{list-style:none}.blockquote{border-left:4px solid var(--accent-blue);margin-left:0;padding-left:var(--spacing-md)}.blockquote,.quote{color:var(--text-secondary);font-style:italic}@media (max-width:768px){.mobile-text-sm{font-size:var(--font-size-sm)}.mobile-text-md{font-size:var(--font-size-md)}.mobile-text-lg{font-size:var(--font-size-lg)}.mobile-text-center{text-align:center}.mobile-text-left{text-align:left}.heading-display{font-size:var(--font-size-2xl)}.heading-1{font-size:var(--font-size-xl)}.heading-2{font-size:var(--font-size-lg)}}.text-smooth{text-rendering:optimizeLegibility}*,.text-smooth{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reading-column{margin-left:auto;margin-right:auto;max-width:65ch}.drop-cap:first-letter{color:var(--text-primary);float:left;font-family:var(--font-serif);font-size:3.5em;font-weight:var(--font-weight-semibold);line-height:.9;margin:.1em .1em 0 0}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-clamp-2{-webkit-line-clamp:2}.text-clamp-2,.text-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-clamp-3{-webkit-line-clamp:3}.text-emphasis-serif{font-family:var(--font-serif);font-style:italic;font-weight:var(--font-weight-medium)}.text-emphasis-sans{font-family:var(--font-sans);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide)}.quote-text{font-family:var(--font-serif);font-size:var(--font-size-lg);font-style:italic;line-height:var(--line-height-relaxed);quotes:"" " " "" "'" "'"}.quote-text:before{content:open-quote}.quote-text:after{content:close-quote}@media (max-width:768px){.body-text,body,p{line-height:var(--line-height-loose)}.reading-text{font-size:clamp(1.0625rem,2.25vw,1.125rem)}.h1,.h2,.h3,h1,h2,h3{letter-spacing:-.01em}.reading-column{max-width:100%;padding-left:1rem;padding-right:1rem}}.light-theme{--text-rendering:optimizeLegibility}.light-theme .h1,.light-theme .h2,.light-theme .h3,.light-theme .reading-text,.light-theme h1,.light-theme h2,.light-theme h3{color:var(--text-ink)}.dark-theme .reading-text{color:var(--text-primary)}.chat-message,.chat-messages,.chat-section,.dynamic-input-container,.message-content{font-family:var(--font-sans);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-normal)}.message.assistant .message-content blockquote,.message.assistant .message-content p{font-family:var(--font-serif);letter-spacing:.01em;line-height:var(--line-height-relaxed)}.message.user .message-content p{line-height:var(--line-height-normal)}.chat-input,.chat-message-text,.chat-textarea{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.chat-input,.chat-textarea{font-family:var(--font-sans)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.hover-bg-primary:hover{background-color:var(--bg-primary);transition:var(--transition-fast)}.hover-bg-secondary:hover{background-color:var(--bg-secondary);transition:var(--transition-fast)}.hover-bg-hover:hover{background-color:var(--bg-hover);transition:var(--transition-fast)}.hover-accent-blue:hover{background-color:var(--accent-blue-hover);transition:var(--transition-fast)}.hover-accent-green:hover{background-color:var(--accent-green);transition:var(--transition-fast)}.hover-scale:hover{transform:scale(1.05);transition:var(--transition-fast)}.hover-scale-sm:hover{transform:scale(1.02);transition:var(--transition-fast)}.hover-scale-lg:hover{transform:scale(1.1);transition:var(--transition-fast)}.hover-opacity:hover{opacity:.8;transition:var(--transition-fast)}.hover-lift:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);transition:var(--transition-fast)}.hover-lift-lg:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);transition:var(--transition-medium)}.focus-ring-default:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.focus-ring-inset:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(var(--focus-ring-offset)*-1)}.focus-ring-thick:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.focus-button:focus-visible{box-shadow:0 0 0 3px var(--focus-ring-color);outline:none}.focus-outline:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.focus-ring:focus-visible{box-shadow:0 0 0 3px var(--focus-ring-color);outline:none}.focus-bg:focus-visible{background-color:var(--state-focus);outline:none}.hover-overlay:hover{background:color-mix(in srgb,currentColor 92%,var(--state-hover) 8%)}.focus-overlay:focus-visible{background:color-mix(in srgb,currentColor 88%,var(--state-focus) 12%)}.selected-overlay{background:color-mix(in srgb,currentColor 84%,var(--state-selected) 16%)}.pressed-overlay:active{background:color-mix(in srgb,currentColor 88%,var(--state-pressed) 12%)}.glass{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);background:var(--glass-bg-strong);border:1px solid var(--overlay-border-subtle);box-shadow:var(--shadow-modal)}.glass-borderless{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);box-shadow:var(--glass-shadow)}.active-scale:active{transform:scale(.95);transition:var(--transition-fast)}.active-bg:active{background-color:var(--bg-hover)}.avatar-container-reserved{aspect-ratio:1/1;background-color:var(--bg-tertiary);border-radius:inherit;overflow:hidden;position:relative}.avatar-image-loading{opacity:0}.avatar-image-loaded,.avatar-image-loading{transition:opacity var(--transition-medium)}.avatar-image-loaded{opacity:1}.avatar-loading-state{background-color:var(--bg-tertiary);border-radius:inherit;inset:0;position:absolute}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-text{cursor:text}.cursor-help{cursor:help}.touch-spaced{margin:var(--touch-target-spacing)}.touch-button{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);padding:var(--spacing-sm) var(--spacing-md);-webkit-user-select:none;user-select:none}.touch-button:active{background-color:var(--state-pressed)}.touch-action-none{touch-action:none}.touch-action-pan-y{touch-action:pan-y}.touch-action-pan-x{touch-action:pan-x}.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.disabled-subtle{filter:grayscale(.3);opacity:.6}.transition-fast{transition:var(--transition-fast)}.transition-medium{transition:var(--transition-medium)}.transition-slow{transition:var(--transition-slow)}.transition-all{transition:all var(--transition-medium)}.transition-transform{transition:transform var(--transition-fast)}.transition-opacity{transition:opacity var(--transition-fast)}.transition-colors{transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes microBounce{0%,to{transform:scale(1)}30%{transform:scale(.96)}60%{transform:scale(1.02)}85%{transform:scale(.99)}}@keyframes subtleBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-4px)}50%{transform:translateY(0)}75%{transform:translateY(-2px)}}.bounce-notification{animation:subtleBounce 2s ease-in-out infinite}.new-message-badge{background:var(--accent-red);border-radius:var(--border-radius-full);box-shadow:var(--shadow-md);font-size:var(--font-size-xs);padding:2px 6px;pointer-events:none;right:-8px}@media (max-width:768px){.new-message-badge{font-size:10px;padding:1px 4px;right:-6px;top:-6px}.bounce-notification{animation:subtleBounce 1.8s ease-in-out infinite}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-out{animation:fadeOut .3s ease-out}.animate-slide-in-up{animation:slideInUp .3s ease-out}.animate-slide-in-down{animation:slideInDown .3s ease-out}.animate-slide-in-left{animation:slideInLeft .3s ease-out}.animate-slide-in-right{animation:slideInRight .3s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.click-bounce-always,.click-bounce:active{animation:microBounce .5s cubic-bezier(.34,1.56,.64,1)}.btn-primary{background-color:var(--accent-blue);border:none;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast)}.btn-primary:hover{background-color:var(--accent-blue-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-secondary);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--accent-blue)}.btn-ghost{background-color:initial;border:1px solid #0000;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast)}.btn-ghost:hover{background-color:var(--bg-hover);border-color:var(--border-color)}.card-hover{transition:var(--transition-medium)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-interactive{cursor:pointer;transition:var(--transition-medium)}.card-interactive:hover{box-shadow:var(--shadow-md);transform:scale(1.02)}.card-interactive:active{transform:scale(.98)}.input-focus{transition:var(--transition-fast)}.input-focus:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #66d9ef1a;outline:none}.input-invalid{border-color:var(--accent-red);box-shadow:0 0 0 3px #f926721a}.input-valid{border-color:var(--accent-green);box-shadow:0 0 0 3px #a6e22e1a}.loading-spinner{animation:elegant-spin 1.2s ease-in-out infinite;border:2px solid #a6e22e33;border-top:2px solid var(--accent-green);box-shadow:0 0 8px #a6e22e4d,inset 0 0 8px #a6e22e1a;position:relative}.loading-spinner:before{animation:elegant-spin 1.8s linear infinite reverse;background:conic-gradient(from 0deg,#0000 0deg,#a6e22e1a 60deg,var(--accent-green) 120deg,#0000 180deg,#0000 1turn);border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes elegant-spin{0%{filter:brightness(1);transform:rotate(0deg)}50%{filter:brightness(1.2)}to{filter:brightness(1);transform:rotate(1turn)}}.loading-spinner-container.elegant .loading-spinner{box-shadow:0 0 8px rgba(166,226,46,.4),inset 0 0 6px rgba(166,226,46,.15),0 0 16px rgba(166,226,46,.2);box-shadow:0 0 calc(8px*var(--spinner-intensity, 1)) rgba(166,226,46,calc(var(--spinner-intensity, 1)*.4)),inset 0 0 calc(6px*var(--spinner-intensity, 1)) rgba(166,226,46,calc(var(--spinner-intensity, 1)*.15)),0 0 calc(16px*var(--spinner-intensity, 1)) rgba(166,226,46,calc(var(--spinner-intensity, 1)*.2))}.loading-spinner-container.minimal .loading-spinner{border-width:1px;box-shadow:none}.loading-spinner-container.minimal .loading-spinner:before{display:none}.loading-spinner-container.processing .loading-spinner{border:3px solid #66d9ef4d;border-top:3px solid var(--accent-blue);box-shadow:0 0 12px #66d9ef66,inset 0 0 8px #66d9ef1a}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none;border:2px solid var(--accent-green)}.loading-spinner:before{display:none}.loading-spinner:after{background:var(--accent-green);border-radius:50%;box-shadow:0 0 4px #a6e22e99;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}}.loading-dots{display:inline-block}.loading-dots:after{animation:dots 1.5s infinite;content:""}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.selectable{-webkit-user-select:text;user-select:text}.no-select{-webkit-user-select:none;user-select:none}.select-all{-webkit-user-select:all;user-select:all}.glow-subtle{transition:all var(--transition-medium)}.glow-subtle:hover{text-shadow:0 0 8px #f8f8f299,0 0 4px #f8f8f266,0 0 2px #f8f8f24d}.glow-medium{transition:all var(--transition-medium)}.glow-medium:hover{text-shadow:0 0 15px #f8f8f2cc,0 0 8px #f8f8f299,0 0 4px #f8f8f266,0 0 2px #f8f8f24d}.glow-intense{transition:all var(--transition-medium)}.glow-intense:hover{text-shadow:0 0 20px #f8f8f2e6,0 0 12px #f8f8f2b3,0 0 6px #f8f8f280,0 0 3px #f8f8f266}.glow-logo-subtle{transition:all var(--transition-medium)}.glow-logo-subtle:hover{filter:drop-shadow(0 0 8px rgba(248,248,242,.6)) drop-shadow(0 0 4px rgba(248,248,242,.4))}.glow-logo-medium{transition:all var(--transition-medium)}.glow-logo-medium:hover{filter:drop-shadow(0 0 15px rgba(248,248,242,.8)) drop-shadow(0 0 8px rgba(248,248,242,.6)) drop-shadow(0 0 4px rgba(248,248,242,.4))}.glow-logo-intense{transition:all var(--transition-medium)}.glow-logo-intense:hover{filter:drop-shadow(0 0 20px rgba(248,248,242,.9)) drop-shadow(0 0 12px rgba(248,248,242,.7)) drop-shadow(0 0 6px rgba(248,248,242,.5))}.glow-logo-default-intense{filter:drop-shadow(0 0 12px rgba(248,248,242,.6)) drop-shadow(0 0 6px rgba(248,248,242,.4)) drop-shadow(0 0 3px rgba(248,248,242,.3));transition:all var(--transition-medium)}.glow-logo-default-intense:hover{filter:drop-shadow(0 0 18px rgba(248,248,242,.8)) drop-shadow(0 0 10px rgba(248,248,242,.6)) drop-shadow(0 0 5px rgba(248,248,242,.4))}.light-theme .glow-intense:hover,.light-theme .glow-medium:hover,.light-theme .glow-subtle:hover{text-shadow:0 0 15px #2c2c2ccc,0 0 8px #2c2c2c99,0 0 4px #2c2c2c66,0 0 2px #2c2c2c4d}.light-theme .glow-logo-intense:hover,.light-theme .glow-logo-medium:hover,.light-theme .glow-logo-subtle:hover{filter:drop-shadow(0 0 15px rgba(44,44,44,.8)) drop-shadow(0 0 8px rgba(44,44,44,.6)) drop-shadow(0 0 4px rgba(44,44,44,.4))}.light-theme .glow-logo-default-intense{filter:drop-shadow(0 0 12px rgba(44,44,44,.6)) drop-shadow(0 0 6px rgba(44,44,44,.4)) drop-shadow(0 0 3px rgba(44,44,44,.3))}.light-theme .glow-logo-default-intense:hover{filter:drop-shadow(0 0 18px rgba(44,44,44,.8)) drop-shadow(0 0 10px rgba(44,44,44,.6)) drop-shadow(0 0 5px rgba(44,44,44,.4))}.glow-container-medium:hover .glow-logo-medium,.glow-container-medium:hover .glow-medium{filter:drop-shadow(0 0 15px rgba(248,248,242,.8)) drop-shadow(0 0 8px rgba(248,248,242,.6)) drop-shadow(0 0 4px rgba(248,248,242,.4));text-shadow:0 0 15px #f8f8f2cc,0 0 8px #f8f8f299,0 0 4px #f8f8f266,0 0 2px #f8f8f24d}.focus-visible:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.reduced-motion{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.click-bounce-always,.click-bounce:active{animation:none;transform:scale(.97)}}.scroll-primary{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:auto}.scroll-primary::-webkit-scrollbar{height:12px;width:12px}.scroll-primary::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:6px}.scroll-primary::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));border-radius:6px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.scroll-primary::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-green),var(--accent-blue))}.scroll-primary::-webkit-scrollbar-corner{background:var(--bg-secondary)}.scroll-secondary{overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.scroll-secondary::-webkit-scrollbar{width:8px}.scroll-secondary::-webkit-scrollbar-track{background:#0000}.scroll-secondary::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.scroll-secondary::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.scroll-hidden{-ms-overflow-style:none;overflow:hidden;scrollbar-width:none}.scroll-hidden::-webkit-scrollbar{display:none}.scroll-delegate{overflow:visible!important}.scroll-auto{overflow:auto}.scroll-x{overflow-x:auto;overflow-y:hidden}.scroll-x-hidden,.scroll-y{overflow-x:hidden}.scroll-y{overflow-y:auto}.scroll-y-hidden{overflow-y:hidden}.scroll-smooth{scroll-behavior:smooth}.scroll-instant{scroll-behavior:auto}.scroll-snap-x{scroll-snap-type:x mandatory}.scroll-snap-y{scroll-snap-type:y mandatory}.scroll-snap-both{scroll-snap-type:both mandatory}.scroll-snap-start{scroll-snap-align:start}.scroll-snap-center{scroll-snap-align:center}.scroll-snap-end{scroll-snap-align:end}.scroll-momentum{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.scroll-momentum-y{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.scroll-momentum-x{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.scroll-contain{overscroll-behavior:contain}.scroll-contain-y{overscroll-behavior-y:contain}.scroll-contain-x{overscroll-behavior-x:contain}.carousel-scroll{box-sizing:border-box;display:flex;flex-direction:column;gap:calc(var(--card-gap)*1.5);height:var(--carousel-height);max-height:var(--carousel-height);max-width:100vw;min-height:var(--carousel-height);overflow-x:hidden;overflow-y:auto;padding:var(--card-container-padding);scroll-behavior:smooth;scrollbar-width:auto;width:100%}.carousel-scroll::-webkit-scrollbar{height:12px;width:12px}.carousel-scroll::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:6px}.carousel-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));border-radius:6px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.carousel-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-green),var(--accent-blue))}.carousel-scroll::-webkit-scrollbar-corner{background:var(--bg-secondary)}.card-scroll-delegate{height:auto;max-height:var(--card-max-height);min-height:var(--card-min-height);overflow:visible!important}.scroll-height-full{height:var(--app-height);max-height:var(--carousel-height);min-height:var(--main-content-height)}.scroll-height-auto{height:auto;max-height:var(--card-max-height);min-height:var(--card-min-height)}.scroll-height-content{height:max-content;max-height:none;min-height:auto}.scrollable-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.scrollable-list{max-height:400px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.scrollable-list::-webkit-scrollbar{width:6px}.scrollable-list::-webkit-scrollbar-track{background:#0000}.scrollable-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.scrollable-horizontal{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;white-space:nowrap}.scrollable-horizontal::-webkit-scrollbar{height:6px}.scrollable-horizontal::-webkit-scrollbar-track{background:#0000}.scrollable-horizontal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.panel-scroll-fullscreen{left:0!important;width:100vw!important}.panel-scroll-fullscreen,.panel-scroll-sidebar-aware{background:var(--bg-primary);bottom:0!important;height:100vh!important;margin:0!important;max-height:none!important;max-width:none!important;overflow-y:auto;padding:0!important;position:fixed!important;right:0!important;top:0!important;transform:none!important}.panel-scroll-sidebar-aware{left:72px!important;width:calc(100vw - 72px)!important}@media (max-width:768px){.mobile-scroll-reset{height:auto;max-height:none;overflow:visible}.mobile-panel-fullscreen{left:0!important;width:100vw!important}.carousel-scroll{padding:calc(var(--card-container-padding)*.5)}}@media (max-width:480px){.carousel-scroll{height:100vh;padding:0}.mobile-scroll-native{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto}}.scroll-gpu-accelerated{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:scroll-position}.scroll-touch-optimized{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;-webkit-scroll-behavior:smooth}.scroll-no-anchor{overflow-anchor:none}.scroll-enhanced-performance{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;transform:translateZ(0);will-change:scroll-position}.scroll-intersection-trigger{scroll-margin-bottom:var(--spacing-lg);scroll-margin-top:var(--spacing-lg)}.scroll-snap-card{scroll-padding:var(--card-container-padding);scroll-snap-type:y mandatory}.scroll-snap-card>*{scroll-snap-align:start;scroll-snap-stop:normal}.scroll-adaptive{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.scroll-adaptive[data-content-size=large]{transform:translateZ(0);will-change:scroll-position}.scroll-adaptive[data-content-size=small]{scroll-behavior:auto}.scrollbar-minimal{scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.scrollbar-minimal::-webkit-scrollbar{height:4px;width:4px}.scrollbar-minimal::-webkit-scrollbar-track{background:#0000}.scrollbar-minimal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.scrollbar-accent{scrollbar-color:var(--accent-blue) var(--bg-secondary);scrollbar-width:auto}.scrollbar-accent::-webkit-scrollbar{height:8px;width:8px}.scrollbar-accent::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.scrollbar-accent::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:4px}.scrollbar-accent::-webkit-scrollbar-thumb:hover{background:var(--accent-blue-hover)}.scroll-viewport-aware{height:var(--viewport-height);max-height:100svh;min-height:100dvh}.scroll-indicator-top:before{background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-fast);z-index:var(--z-elevate)}.scroll-indicator-top[data-can-scroll-up=true]:before{opacity:1}.scroll-indicator-bottom:after{background:linear-gradient(90deg,var(--accent-green),var(--accent-blue));bottom:0;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;transition:opacity var(--transition-fast);z-index:var(--z-elevate)}.scroll-indicator-bottom[data-can-scroll-down=true]:after{opacity:1}.scroll-restore-position{scroll-behavior:auto}.scroll-restore-position.scroll-restoring{scroll-behavior:smooth}.scroll-content-padding{padding-bottom:calc(var(--spacing-lg)*2);padding-top:var(--spacing-md)}@media (max-width:768px){.scroll-mobile-optimized{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-padding:var(--spacing-sm)}.scroll-mobile-optimized[data-performance=battery-saver]{transform:none;will-change:auto}}@media (max-width:480px){.scroll-mobile-native{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:auto}}@media (-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.scroll-high-refresh{scroll-behavior:smooth;transform:translateZ(0);will-change:scroll-position}}@media (prefers-reduced-motion:reduce){.carousel-scroll,.scroll-enhanced-performance,.scroll-primary{-webkit-overflow-scrolling:auto!important;scroll-behavior:auto!important;transform:none!important;transition:none!important;will-change:auto!important}}.scroll-focus-within:focus-within{scroll-behavior:smooth;scroll-padding:var(--spacing-xl)}.scroll-lock{height:100%;overflow:hidden!important;position:fixed;width:100%}.scroll-eased{scroll-timeline:--scroll-timeline;animation-timeline:--scroll-timeline;scroll-behavior:smooth}@media print{.carousel-scroll,.scroll-primary,.scrollable-content{height:auto!important;max-height:none!important;overflow:visible!important;transform:none!important}}.avatar-tiny{height:24px;min-height:24px;min-width:24px;width:24px}.avatar-small{height:36px;min-height:36px;min-width:36px;width:36px}.avatar-medium{height:56px;min-height:56px;min-width:56px;width:56px}.avatar-large{height:80px;min-height:80px;min-width:80px;width:80px}.avatar-xlarge{height:120px;min-height:120px;min-width:120px;width:120px}.avatar-container-base{align-items:center;border-radius:50%;display:flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative}@media (max-width:768px){.avatar-medium{height:48px;min-height:48px;min-width:48px;width:48px}.avatar-large{height:64px;min-height:64px;min-width:64px;width:64px}.avatar-xlarge{height:96px;min-height:96px;min-width:96px;width:96px}}@media (max-width:480px){.avatar-small{height:32px;min-height:32px;min-width:32px;width:32px}.avatar-medium{height:40px;min-height:40px;min-width:40px;width:40px}.avatar-large{height:56px;min-height:56px;min-width:56px;width:56px}.avatar-xlarge{height:80px;min-height:80px;min-width:80px;width:80px}}html{height:auto;min-height:var(--app-height);min-height:100dvh}.container>.content-box{box-sizing:border-box;display:flex;flex-direction:column;min-height:100%;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:var(--safe-area-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left)}.app,body{height:auto;min-height:var(--app-height);min-height:100dvh;overflow:hidden}.app{display:flex;width:100%}.webb-background-layer{background:linear-gradient(#0000001a,#0003),url(/static/media/dither_it_webb_bullet.8df1579f7ca22fdcca1f.jpg) 50% /cover no-repeat;filter:blur(0);height:100%;left:0;opacity:1;pointer-events:none;position:fixed;top:0;width:100%;z-index:-.5}.main-content{align-items:stretch;background:#0000;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:auto;justify-content:flex-start;margin-left:var(--content-left-margin);max-width:calc(100% - var(--content-left-margin));min-height:var(--app-height);min-height:100dvh;overflow:hidden;padding:var(--spacing-sm);width:calc(100% - var(--content-left-margin))}@media (min-width:601px){.main-content{margin-left:var(--content-left-margin);max-width:calc(100% - var(--content-left-margin));width:calc(100% - var(--content-left-margin))}}@media (max-width:600px){.main-content{margin-left:0;max-width:100%;width:100%}}.main-content:has(.knowledge-page){padding:0}.main-content:has(.card-display-container){height:var(--app-height);height:100dvh;max-height:var(--app-height);min-height:var(--app-height);overflow:hidden;padding:0}.main-content:has(.card-display-container) .container{height:100%;max-height:100%;min-height:100%;overflow:hidden}@media (max-width:768px){.main-content{margin-left:0;padding:.5rem;width:100%}}@media (max-width:320px){.app,.container,.main-content,body,html{overflow-x:auto}}.container{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin:0 auto;max-width:100%;min-height:100%;overflow:visible;width:100%}.knowledge-page .content-box,.meeting-page .content-box,.profile-page .content-box{margin:0 auto;overflow:hidden;padding:0;width:100%}.error-page .content-box,.settings-page .content-box{margin:0 auto;max-width:1200px;overflow:hidden;padding:2rem;width:100%}.call-page,.haircheck-page{box-sizing:border-box;height:100%;max-width:100vw;min-height:var(--app-height);min-height:100dvh;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important;position:relative;width:100%}.call-page .content-box,.haircheck-page .content-box{background:#0000;box-shadow:none;box-sizing:border-box;height:auto;margin:0;max-width:100%;min-height:100%;overflow-x:hidden!important;overflow-y:visible!important;padding:0;position:static;width:100%}@supports (-ms-ime-align:auto){.container{margin-left:auto;margin-right:auto}}.home-screen-content{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-lg);padding:2rem}.api-error{padding:2rem}.api-error,.api-error h1{color:var(--monokai-red)}.api-error code{background:var(--bg-primary);border-radius:4px;color:var(--monokai-orange);padding:.2em .4em}.api-error a{color:var(--accent-blue);text-decoration:none}.api-error a:hover{text-decoration:underline}.page{font-size:1.2rem;padding:2rem;text-align:center}.page,button{color:var(--text-primary)}button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}button:hover{background:var(--bg-hover);border-color:var(--accent-blue)}input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);padding:.5rem}input:focus{border-color:var(--accent-blue);outline:none}@media (max-width:768px){.main-content{margin-left:0;padding:1rem}.content-box{padding:1rem}.container{padding:.5rem}}.call-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.video-tile{aspect-ratio:16/9;background:var(--dark-blue);border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.global-input-box{bottom:20px;max-width:600px;position:fixed;right:20px;width:calc(100% - 40px);z-index:4000}.global-input-box .dynamic-input-container{background:var(--bg-secondary)}@media (max-width:768px){.global-input-box{bottom:10px;width:calc(100% - 20px)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth-modal-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.auth-modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);color:var(--text-primary);max-width:400px;padding:var(--spacing-xl);position:relative;width:90%}.auth-modal-content h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0}.auth-modal-content p{color:var(--text-primary);font-size:var(--font-size-md);line-height:1.5;margin:0 0 var(--spacing-lg) 0}.auth-modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.auth-modal-actions .button-primary{background:var(--accent-red);border:none;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.auth-modal-actions .button-primary:hover{background:var(--accent-red);filter:brightness(1.1);transform:translateY(-1px)}.auth-modal-actions .button-secondary{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.auth-modal-actions .button-secondary:hover{border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-1px)}.auth-modal-close{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-sm);position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:all var(--transition-fast)}.auth-modal-close:hover,.dev-login-input{background:var(--bg-primary);color:var(--text-primary)}.dev-login-input{border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-sizing:border-box;font-size:var(--font-size-md);margin:var(--spacing-md) 0;padding:var(--spacing-md);transition:all var(--transition-fast)}.dev-login-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #66d9ef33;outline:none}.dev-login-input::placeholder{color:var(--text-secondary)}.dev-login-actions{gap:var(--spacing-md);margin-top:var(--spacing-lg)}.dev-login-button{background:var(--accent-blue);border:none;border-radius:var(--border-radius-md);color:var(--bg-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.dev-login-button:hover{background:var(--accent-green)}.dev-login-cancel{border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.dev-login-cancel:hover{background:var(--bg-primary);border-color:var(--accent-blue);color:var(--text-primary)}.auth-loading-container{z-index:8000}.auth-loading-container,.auth-loading-overlay{animation:auth-loading-fade-in .3s ease-out;background:#0000;flex-direction:column;height:100vh;isolation:isolate;left:0;position:fixed;top:0;width:100vw}.auth-loading-overlay{align-items:center;display:flex;justify-content:center;z-index:10500}@keyframes auth-loading-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.simple-loading-text{color:#ffffffe6;font-size:1.1rem;font-weight:500;letter-spacing:.5px;text-align:center;text-shadow:0 0 8px #fff3}.light-theme .auth-loading-container,.light-theme .auth-loading-overlay{background-image:radial-gradient(circle at center,#0071e305 0,rgba(52,199,89,.015) 50%,#0000 100%)}.light-theme .simple-loading-text{color:#2c2c2ccc;text-shadow:0 0 6px #0071e31a}.floating-call-overlay{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9000}.floating-call-overlay>*{pointer-events:auto}.processing-capsule{pointer-events:auto;position:fixed;z-index:11500}.processing-capsule--top-center{left:50%;top:24px;transform:translateX(-50%)}.processing-capsule--top-right{right:24px;top:24px}.processing-capsule__container{align-items:center;animation:capsule-slide-in .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#1a1a1ad9;background:var(--glass-bg,#1a1a1ad9);border:1px solid #ffffff1f;border:1px solid var(--glass-border,#ffffff1f);border-radius:28px;box-shadow:0 4px 24px #0000004d,0 8px 48px #0003,inset 0 1px 0 #ffffff14;display:flex;gap:12px;height:56px;max-width:480px;min-width:360px;overflow:hidden;padding:0 16px;position:relative}@keyframes capsule-slide-in{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.light-theme .processing-capsule__container{background:#ffffffe0;background:var(--glass-bg,#ffffffe0);border-color:#00000014;border-color:var(--glass-border,#00000014);box-shadow:0 4px 24px #00000014,0 8px 48px #0000000a,inset 0 1px 0 #ffffff80}.capsule__icon{align-items:center;background:#7cb518;background:var(--tree-green,#7cb518);border-radius:50%;color:#1a1a1a;color:var(--bg-primary,#1a1a1a);display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:32px}.icon--spinning{animation:spin 1s linear infinite}.icon--arrow-forward{animation:arrow-pulse 2s ease-in-out infinite;height:24px;width:24px}.icon--tree{animation:tree-grow 1.5s cubic-bezier(.34,1.56,.64,1) forwards;height:24px;width:24px}@keyframes arrow-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes tree-grow{0%{opacity:0;transform:scale(.5) translateY(4px)}60%{transform:scale(1.15) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.capsule__content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;padding-right:12px}.content__text{animation:text-fade-in .3s ease-out;color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes text-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.content__meta{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:500;gap:6px}.meta__step{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.meta__separator{opacity:.5}.meta__percent{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.capsule__progress-bar{background:#ffffff1a;background:var(--border-color,#ffffff1a);bottom:0;height:2px;left:0;overflow:hidden;position:absolute;right:0}.progress-bar__fill{background:linear-gradient(90deg,#a6e22e,#7cb518);background:linear-gradient(90deg,var(--accent-primary,#a6e22e) 0,var(--accent-secondary,#7cb518) 100%);border-radius:2px;box-shadow:0 0 12px #a6e22e;box-shadow:0 0 12px var(--accent-primary,#a6e22e);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.light-theme .progress-bar__fill{box-shadow:0 0 8px #7cb51880}.capsule__dismiss{align-items:center;background:#ffffff14;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.capsule__dismiss:hover{background:#ffffff26;color:var(--text-primary);transform:scale(1.05)}.capsule__dismiss:active{transform:scale(.95)}.light-theme .capsule__dismiss{background:#0000000d}.light-theme .capsule__dismiss:hover{background:#0000001a}@media (max-width:768px){.processing-capsule--top-center{left:50%;top:16px;transform:translateX(-50%)}.processing-capsule--top-right{right:16px;top:16px}.processing-capsule__container{gap:10px;height:52px;max-width:calc(100vw - 32px);min-width:calc(100vw - 32px);padding:0 14px}.capsule__icon{height:28px;width:28px}.content__text{font-size:13px}.content__meta{font-size:11px}.capsule__dismiss{height:28px;width:28px}}@media (prefers-reduced-motion:reduce){.content__text,.icon--complete,.icon--spinning,.processing-capsule__container{animation:none}.progress-bar__fill{transition:none}}@media (prefers-contrast:high){.processing-capsule__container{border-color:currentColor;border-width:2px}.capsule__dismiss{border:2px solid}}.capsule__dismiss:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.capsule--completed{background:#7cb518;background:var(--tree-green,#7cb518);border-color:#fff3;box-shadow:0 4px 24px #7cb51866,0 8px 48px #7cb51833,inset 0 1px 0 #fff3}.capsule--clickable{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.capsule--clickable:hover{box-shadow:0 6px 28px #7cb51880,0 12px 56px #7cb5184d,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.capsule--clickable:active{box-shadow:0 2px 16px #7cb5184d,0 4px 32px #7cb51826;transform:translateY(0)}.capsule--clickable:focus-visible{outline:3px solid #ffffff80;outline-offset:4px}.capsule--completed .capsule__icon{background:#fff3;color:#1a1a1a;color:var(--bg-primary,#1a1a1a)}.capsule--completed .content__text{color:#1a1a1a;color:var(--bg-primary,#1a1a1a);font-weight:600}.light-theme .capsule--completed{background:#7cb518;background:var(--tree-green,#7cb518);border-color:#0000001a;box-shadow:0 4px 24px #7cb5184d,0 8px 48px #7cb51826}.light-theme .capsule--clickable:hover{box-shadow:0 6px 28px #7cb51866,0 12px 56px #7cb51833}.light-theme .capsule--completed .capsule__icon{background:#fff6;color:#1a1a1a}.light-theme .capsule--completed .content__text{color:#1a1a1a}.get-user-media-error{align-items:center;grid-column:1/3;margin:0 auto;max-width:600px;padding:2rem;text-align:left}.get-user-media-error h1{color:var(--red-dark);margin-bottom:1.5rem;text-align:center}.get-user-media-error h3{color:var(--accent-color);font-size:1.1rem;margin-bottom:.75rem;margin-top:1.5rem}.get-user-media-error .security-warning{background:#ffc1071a;border:2px solid #ffc107;border-radius:8px;margin:1rem 0;padding:1rem}.get-user-media-error .security-warning h3{color:#ffc107;margin-top:0}.get-user-media-error .permission-help{background:#4a90e21a;border-radius:8px;margin:1rem 0;padding:1rem}.get-user-media-error .troubleshooting{background:#6c757d1a;border-radius:8px;margin:1rem 0;padding:1rem}.get-user-media-error ol{margin:.5rem 0;padding-left:1.5rem}.get-user-media-error ol li{line-height:1.4;margin:.5rem 0}.get-user-media-error ul{margin:.5rem 0;padding-left:1.5rem}.get-user-media-error ul li{line-height:1.4;margin:.25rem 0}.get-user-media-error .action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.get-user-media-error .retry-button{background:var(--accent-color);border:none;border-radius:6px;color:var(--white);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.get-user-media-error .retry-button:hover{background:var(--accent-color-dark)}.get-user-media-error .help-link{background:var(--grey-dark);border-radius:6px;color:var(--white);display:inline-block;font-size:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s ease}.get-user-media-error .help-link:hover{background:var(--grey-darker);text-decoration:none}.get-user-media-error .permission-visual-guide{background:#28a7451a;border-radius:8px;margin:1.5rem 0;padding:1rem;text-align:center}.get-user-media-error .browser-icons{display:flex;font-size:1.5rem;gap:1rem;justify-content:center;margin:.5rem 0}.get-user-media-error .browser-icons span{align-items:center;background:#ffffff1a;border-radius:50%;display:inline-block;display:flex;justify-content:center;min-height:3rem;min-width:3rem;padding:.5rem}.get-user-media-error p{line-height:1.5;margin:.5rem 0}@media (max-width:768px){.get-user-media-error{margin:0 1rem;padding:1rem}.get-user-media-error .action-buttons{align-items:center;flex-direction:column}.get-user-media-error .browser-icons{font-size:1.2rem}.get-user-media-error .browser-icons span{min-height:2.5rem;min-width:2.5rem}}.hair-check{background:#0000;border:none;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-md);height:auto;margin:0;min-height:min-content;overflow:visible;padding:0;width:100%}.hair-check h1{display:none}.hair-check [data-local=true],.hair-check [data-session-id],.hair-check div[class*=Daily],.hair-check div[class*=daily],.hair-check video,.hair-check>div:has(video){box-sizing:border-box!important;max-width:100%!important;min-width:0!important;width:100%!important}.hair-check video{aspect-ratio:4/3;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);display:block;flex-shrink:1;height:auto;margin:0 auto var(--spacing-md) auto;object-fit:cover!important;object-position:center;transform:scaleX(-1)!important}.hair-check>div:not(.hair-check__field):not(.button-group){box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:100%!important;min-width:0!important;overflow:hidden;width:100%!important}.hair-check__field{align-items:center;box-sizing:border-box;display:flex!important;flex-direction:row!important;gap:var(--spacing-sm);max-width:100%;min-width:0;width:100%}.hair-check__icon{color:var(--text-secondary);display:block;flex-shrink:0;height:24px;width:24px}.hair-check label{word-wrap:break-word;color:var(--text-primary);display:block;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin:0 0 var(--spacing-xs) 0;overflow-wrap:break-word;white-space:normal}.hair-check input,.hair-check select{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--text-primary);display:flex;flex:1 1;font-family:var(--font-sans);font-size:14px;height:48px;line-height:1.5;max-width:100%;min-height:48px;min-width:0;overflow:hidden;padding:10px 12px;transition:border-color var(--transition-fast)}.hair-check input,.hair-check select{text-overflow:ellipsis;white-space:nowrap}.hair-check select option{white-space:normal}.hair-check input:focus,.hair-check select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring-blue);outline:none}.hair-check .button-group{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.hair-check button{border:none;border-radius:var(--border-radius-md);box-sizing:border-box;cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);min-height:var(--touch-target-comfortable);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast);width:100%}.join-button{background:var(--tree-green);box-shadow:var(--shadow-elevation-02dp);color:var(--text-on-accent);order:1;position:relative}.join-button:hover:before{background:var(--state-hover);border-radius:var(--border-radius-md);content:"";inset:0;pointer-events:none;position:absolute}.join-button:focus{box-shadow:var(--shadow-elevation-04dp);outline:none}.join-button:focus:before{background:var(--state-focus)}.join-button:active:before,.join-button:focus:before{border-radius:var(--border-radius-md);content:"";inset:0;pointer-events:none;position:absolute}.join-button:active:before{background:var(--state-pressed)}.cancel-call{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-elevation-01dp);color:var(--text-primary);order:2;position:relative}.cancel-call:hover:before{background:var(--state-hover);border-radius:var(--border-radius-md);content:"";inset:0;pointer-events:none;position:absolute}.cancel-call:focus{box-shadow:var(--shadow-elevation-02dp);outline:none}.cancel-call:focus:before{background:var(--state-focus)}.cancel-call:active:before,.cancel-call:focus:before{border-radius:var(--border-radius-md);content:"";inset:0;pointer-events:none;position:absolute}.cancel-call:active:before{background:var(--state-pressed)}@media (min-width:768px){.hair-check{gap:var(--spacing-md)}.hair-check .button-group{flex-direction:row}.hair-check button{flex:1 1;min-width:140px}.hair-check video{margin-bottom:var(--spacing-lg);max-width:min(480px,100%)!important}}@media (min-width:1024px){.hair-check{gap:var(--spacing-md)}.hair-check video{max-width:min(540px,100%)!important}.hair-check button{min-width:160px}}.hair-check :focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.hair-check button,.hair-check input,.hair-check select{touch-action:manipulation}.hair-check label{user-select:none;-webkit-user-select:none}@supports (padding:max(0px)){.hair-check{padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}@media (max-width:480px){.hair-check{padding-left:max(var(--spacing-sm),env(safe-area-inset-left));padding-right:max(var(--spacing-sm),env(safe-area-inset-right))}}}.call{grid-gap:.25rem;grid-gap:var(--spacing-xs,.25rem);align-items:center;background:var(--monokai-bg);bottom:80px;bottom:var(--tray-height-mobile,80px);display:grid;font-family:var(--font-sans);gap:.25rem;gap:var(--spacing-xs,.25rem);grid-template-columns:1fr;grid-template-rows:1fr;justify-content:center;left:0;margin:0;max-width:none;min-height:calc(100vh - 80px);min-height:calc(var(--viewport-height, 100vh) - var(--tray-height-mobile, 80px));padding:0;padding-left:0;padding-left:var(--safe-area-left,0);padding-right:0;padding-right:var(--safe-area-right,0);padding-top:var(--safe-area-top,0);position:fixed;right:0;top:0;width:100vw;z-index:1000}@media (orientation:landscape){.call{bottom:80px;bottom:var(--tray-height-desktop,80px);gap:.5rem;gap:var(--spacing-sm,.5rem);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-template-columns:repeat(auto-fit,minmax(var(--video-grid-min-tile-mobile,160px),1fr));min-height:calc(100vh - 80px);min-height:calc(var(--viewport-height, 100vh) - var(--tray-height-desktop, 80px))}}.call.two-participants{display:block;padding:0}.call.few-participants{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.call.many-participants{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-template-columns:repeat(auto-fit,minmax(var(--video-grid-min-tile-mobile,160px),1fr))}@media only screen and (max-width:600px){.call{grid-template-columns:1fr;padding:.25rem;padding:var(--spacing-xs,.25rem)}.call.few-participants,.call.many-participants{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-template-columns:repeat(auto-fit,minmax(var(--video-grid-min-tile-mobile,160px),1fr))}.is-screenshare .tile-video{height:90px;width:160px}}.is-screenshare{bottom:56px;bottom:var(--tray-height-mobile,56px);display:block;height:calc(var(--viewport-height) - 56px);height:calc(var(--viewport-height) - var(--tray-height-mobile, 56px));left:0;padding:0;position:fixed;right:0;top:0;width:100vw}.is-screenshare .tile-screenshare{background:#272822;background:var(--monokai-bg,#272822);bottom:80px;bottom:var(--tray-height-mobile,80px);height:calc(100vh - 80px);height:calc(var(--viewport-height, 100vh) - var(--tray-height-mobile, 80px));left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw;z-index:5}.is-screenshare .tile-video{border-radius:var(--border-radius-md);box-shadow:var(--shadow-xl);height:135px;padding-bottom:0;position:fixed;width:240px;z-index:10}.is-screenshare .self-view{height:135px;right:320px;top:20px;width:240px}.is-screenshare:not(:has(.chat-container)) .self-view{right:20px}.is-screenshare .tile-video:not(.self-view):not(.tile-screenshare){right:320px;top:167px}.is-screenshare:not(:has(.chat-container)) .tile-video:not(.self-view):not(.tile-screenshare){right:20px}.is-screenshare .tile:nth-child(3) .tile-video{top:314px}.is-screenshare .tile:nth-child(4) .tile-video{top:461px}.info-box{display:none}.call.single-participant{display:block;height:calc(var(--viewport-height) - 56px);height:calc(var(--viewport-height) - var(--tray-height-mobile, 56px));left:0;margin:0;max-width:none;overflow:hidden;padding:0;position:fixed;right:0;top:0;width:100vw}.call.single-participant .tile-video{border-radius:0;padding-bottom:0}.call.single-participant .tile-video,.call.single-participant .tile-video.self-view.alone{bottom:0;height:calc(var(--viewport-height) - 56px);height:calc(var(--viewport-height) - var(--tray-height-mobile, 56px));left:0;margin:0;position:absolute;right:0;top:0;width:100vw}.call.single-participant .tile-video.self-view.alone{display:block}.call.single-participant .tile-video.self-view.alone video{bottom:0;height:100%;left:0;margin:0;object-fit:cover;position:absolute;right:0;top:0;width:100%}.waiting-message{color:#fff;font-size:1.1rem;font-weight:500;left:50%;pointer-events:none;position:fixed;text-align:center;text-shadow:2px 2px 4px #000c;top:60px;transform:translateX(-50%);z-index:1100}@media only screen and (min-width:769px) and (max-width:1024px){.call,.call.single-participant{padding:0}.call.single-participant .tile-video.self-view.alone{border-radius:0;height:calc(var(--viewport-height) - 56px);height:calc(var(--viewport-height) - var(--tray-height-mobile, 56px));margin:0;width:100vw}.call.single-participant .tile-video.self-view.alone video{height:100%;object-fit:cover;width:100%}.call.single-participant .username{bottom:calc(56px + var(--spacing-md));bottom:calc(var(--tray-height-mobile, 56px) + var(--spacing-md));left:var(--spacing-md)}}@media only screen and (max-width:768px){.call{gap:0;padding:0}.call.single-participant{padding:0}.call.single-participant,.call.single-participant .tile-video.self-view.alone{height:calc(var(--viewport-height) - 56px);height:calc(var(--viewport-height) - var(--tray-height-mobile, 56px))}.call.single-participant .tile-video.self-view.alone{border-radius:0;margin:0;width:100vw}.call.single-participant .tile-video.self-view.alone video{height:100%;object-fit:cover;width:100%}.call.single-participant .username{bottom:calc(56px + var(--spacing-sm));bottom:calc(var(--tray-height-mobile, 56px) + var(--spacing-sm));font-size:var(--font-size-xs);left:var(--spacing-sm)}.waiting-message{font-size:1rem;top:40px}}.tile{background:var(--monokai-bg);border-radius:8px;box-shadow:0 4px 20px #00000026;height:100%;margin:0 auto;max-height:400px;min-height:200px;overflow:hidden;position:relative;width:100%}.tile-video.no-video{align-items:center;background:var(--gray-dark);display:flex;justify-content:center}[data-local=true]{max-height:400px;object-fit:contain}.chat-window{display:flex;flex-direction:column}.chat-window,.transcription-window{background:var(--gray-dark);border-radius:8px;bottom:56px;bottom:var(--tray-height-mobile,56px);max-height:400px;overflow:hidden;position:fixed;right:1rem;width:300px;z-index:100}.transcription-window.active{background:var(--bg-primary);border:2px solid #4caf50}.transcription-status{background:var(--gray-darker);padding:.5rem;text-align:center}.transcription-status.active{color:#4caf50;font-weight:700}.call.is-screenshare{display:block;padding:0}.call.single-participant .tile-video.self-view.alone video[data-local=true]{bottom:0!important;height:calc(var(--viewport-height) - 56px)!important;height:calc(var(--viewport-height) - var(--tray-height-mobile, 56px))!important;left:0!important;margin:0!important;max-height:none!important;max-width:100vw!important;object-fit:cover!important;position:absolute!important;right:0!important;top:0!important;width:100vw!important}.call.single-participant .username{bottom:calc(56px + var(--spacing-md));bottom:calc(var(--tray-height-mobile, 56px) + var(--spacing-md));left:var(--spacing-md);position:absolute;z-index:1001}.call{margin-left:0;margin-top:0}.call.two-participants .tile-video:not(.self-view){border-radius:0;height:calc(100vh - 80px);height:calc(var(--viewport-height, 100vh) - var(--tray-height-mobile, 80px));inset:0;padding:0;position:absolute;width:100%}.call.two-participants .tile-video:not(.self-view) video{height:100%;width:100%}.call.few-participants .tile-video.self-view,.call.many-participants .tile-video.self-view{aspect-ratio:16/9;aspect-ratio:var(--video-aspect-ratio-16-9,16/9);height:auto;position:relative;width:100%}.app:has(.call-page):not(:has(.floating-call-overlay)) .sidebar{transform:translateX(-100%);transition:transform .3s ease}.app:has(.call-page):not(:has(.floating-call-overlay)) .sidebar:hover{transform:translateX(0)}.app:has(.call-page):not(:has(.floating-call-overlay)) .header{transform:translateY(-100%);transition:transform .3s ease}.app:has(.call-page):not(:has(.floating-call-overlay)) .header:hover{transform:translateY(0)}.app:has(.call-page):not(:has(.floating-call-overlay)):before{content:"";height:var(--viewport-height);left:0;pointer-events:auto;position:fixed;top:0;width:20px;z-index:1040}.app:has(.call-page):not(:has(.floating-call-overlay)):after{content:"";height:20px;left:0;pointer-events:auto;position:fixed;top:0;width:100%;z-index:1040}.app:has(.call-page):not(:has(.floating-call-overlay)):after:hover~.header,.app:has(.call-page):not(:has(.floating-call-overlay)):before:hover~.sidebar{transform:translateX(0)}.floating-minimize-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--elevation-08dp);border:1px solid var(--border-color);border-radius:50%;border-radius:var(--border-radius-full,50%);box-shadow:var(--shadow-elevation-08dp);color:var(--text-primary);cursor:pointer;display:flex;height:44px;height:var(--touch-target-min,44px);justify-content:center;min-height:44px;min-height:var(--touch-target-min,44px);min-width:44px;min-width:var(--touch-target-min,44px);position:fixed;right:12px;right:var(--safe-area-right,12px);top:12px;top:var(--safe-area-top,12px);touch-action:manipulation;transition:all var(--transition-fast);width:44px;width:var(--touch-target-min,44px);z-index:2000}.floating-minimize-btn:hover{background:var(--elevation-12dp);box-shadow:var(--shadow-elevation-12dp);transform:scale(1.05)}.floating-minimize-btn:active{background:var(--state-pressed);transform:scale(.95)}.floating-minimize-btn svg{stroke-width:2;height:20px;width:20px}@media (max-width:600px){.floating-minimize-btn{right:max(0px,12px);right:max(var(--safe-area-right,0px),12px);top:max(0px,12px);top:max(var(--safe-area-top,0px),12px)}}.confirmation-overlay{align-items:center;animation:fadeIn .2s ease-in;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.confirmation-dialog{animation:scaleIn .2s ease-out;background:#1a1a1a;background:var(--background,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;box-shadow:0 8px 32px #00000080;color:#fff;color:var(--text-primary,#fff);max-width:400px;padding:24px}.confirmation-dialog h3{color:#ff8c00;color:var(--warning-color,#ff8c00);font-size:1.2rem;font-weight:600;margin:0 0 16px}.confirmation-dialog p{color:#ccc;color:var(--text-secondary,#ccc);line-height:1.5;margin:0 0 24px}.confirmation-buttons{display:flex;gap:var(--spacing-md);justify-content:flex-end;width:100%}.confirmation-buttons button{border:none;border-radius:var(--border-radius-md);cursor:pointer;flex-shrink:0;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:100px;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast);white-space:nowrap}.confirm-button{background-color:#dc3545;background-color:var(--error-color,#dc3545);color:#fff}.confirm-button:hover{background-color:#c82333;background-color:var(--error-color-hover,#c82333);transform:translateY(-1px)}.cancel-button{background-color:#6c757d;background-color:var(--secondary-button,#6c757d);color:#fff}.cancel-button:hover{background-color:#5a6268;background-color:var(--secondary-button-hover,#5a6268);transform:translateY(-1px)}.tile-video{aspect-ratio:16/9;aspect-ratio:var(--video-aspect-ratio-16-9,16/9);background-color:#272822;background-color:var(--monokai-bg,#272822);border-radius:.5rem;border-radius:var(--border-radius-md,.5rem);overflow:hidden;position:relative;width:100%}@supports not (aspect-ratio:16/9){.tile-video{height:0;padding-bottom:56.25%}}.tile-video video{background-color:#272822;background-color:var(--monokai-bg,#272822);height:100%;inset:0;object-fit:contain;position:absolute;width:100%}.tile-video.video-landscape video{object-fit:cover}.tile-video.video-portrait video,.tile-video.video-square video{object-fit:contain}.self-view{-webkit-tap-highlight-color:transparent;aspect-ratio:16/9;aspect-ratio:var(--video-aspect-ratio-16-9,16/9);border-radius:.75rem;border-radius:var(--border-radius-lg,.75rem);bottom:92px;bottom:calc(var(--tray-height-mobile, 80px) + var(--pip-safe-inset-bottom, 12px));box-shadow:0 4px 12px #00000040;box-shadow:var(--shadow-elevation-08dp,0 4px 12px #00000040);left:auto;overflow:hidden;position:fixed;right:12px;right:var(--pip-safe-inset-right,12px);top:auto;touch-action:none;transition:top .3s cubic-bezier(.4,0,.2,1),bottom .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1),right .3s cubic-bezier(.4,0,.2,1),box-shadow .15s ease-out;transition:top var(--pip-transition-snap,.3s cubic-bezier(.4,0,.2,1)),bottom var(--pip-transition-snap,.3s cubic-bezier(.4,0,.2,1)),left var(--pip-transition-snap,.3s cubic-bezier(.4,0,.2,1)),right var(--pip-transition-snap,.3s cubic-bezier(.4,0,.2,1)),box-shadow var(--pip-transition-drag,.15s ease-out);-webkit-user-select:none;user-select:none;width:min(35vw,140px);width:var(--pip-width-portrait,min(35vw,140px));z-index:1000;z-index:var(--pip-z-index,1000)}@supports not (aspect-ratio:16/9){.self-view{height:0;padding-bottom:56.25%}}.self-view video{background-color:#272822;background-color:var(--monokai-bg,#272822);height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.self-view[data-corner=top-left]{bottom:auto;left:12px;left:var(--pip-safe-inset-left,12px);right:auto;top:12px;top:var(--pip-safe-inset-top,12px)}.self-view[data-corner=top-right]{bottom:auto;left:auto;right:12px;right:var(--pip-safe-inset-right,12px);top:12px;top:var(--pip-safe-inset-top,12px)}.self-view[data-corner=bottom-left]{left:12px;left:var(--pip-safe-inset-left,12px);right:auto}.self-view[data-corner=bottom-left],.self-view[data-corner=bottom-right]{bottom:92px;bottom:calc(var(--tray-height-mobile, 80px) + var(--pip-safe-inset-bottom, 12px));top:auto}.self-view[data-corner=bottom-right]{left:auto;right:12px;right:var(--pip-safe-inset-right,12px)}.self-view.dragging{box-shadow:0 8px 24px #0006;box-shadow:var(--shadow-elevation-16dp,0 8px 24px #0006);cursor:grabbing;opacity:.95}@media (orientation:landscape){.self-view{width:min(25vw,200px);width:var(--pip-width-landscape,min(25vw,200px))}.self-view,.self-view[data-corner=bottom-left],.self-view[data-corner=bottom-right]{bottom:92px;bottom:calc(var(--tray-height-desktop, 80px) + var(--pip-inset-mobile, 12px))}}@media (min-width:601px) and (max-width:1024px){.self-view{width:min(25vw,200px);width:var(--pip-width-landscape,min(25vw,200px))}.self-view,.tile-video{border-radius:.75rem;border-radius:var(--border-radius-lg,.75rem)}}@media (min-width:1025px){.self-view{bottom:100px;bottom:calc(var(--tray-height-desktop, 80px) + var(--pip-inset-desktop, 20px));right:20px;right:var(--pip-inset-desktop,20px);width:min(20vw,280px);width:var(--pip-width-desktop,min(20vw,280px))}.self-view[data-corner=top-left],.self-view[data-corner=top-right]{top:20px;top:var(--pip-inset-desktop,20px)}.self-view[data-corner=bottom-left],.self-view[data-corner=bottom-right]{bottom:100px;bottom:calc(var(--tray-height-desktop, 80px) + var(--pip-inset-desktop, 20px))}.self-view[data-corner=bottom-left],.self-view[data-corner=top-left]{left:20px;left:var(--pip-inset-desktop,20px)}.self-view[data-corner=bottom-right],.self-view[data-corner=top-right]{right:20px;right:var(--pip-inset-desktop,20px)}}.self-view.alone{align-items:center;aspect-ratio:unset;border-radius:0;box-shadow:none;display:flex;height:100%;inset:0;justify-content:center;position:absolute;width:100%;z-index:1}@supports not (aspect-ratio:16/9){.self-view.alone{height:100%;padding-bottom:0}}.self-view.alone video{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.no-video,.self-view.alone video{background-color:#272822;background-color:var(--monokai-bg,#272822)}.no-video video{visibility:hidden}.tile-screenshare{aspect-ratio:unset;border-radius:0;bottom:80px;bottom:var(--tray-height-mobile,80px);height:calc(100vh - 80px);height:calc(var(--viewport-height, 100vh) - var(--tray-height-mobile, 80px));left:0;overflow:hidden;position:fixed;right:0;top:0;width:100vw;z-index:5}.tile-screenshare,.tile-screenshare video{background:#272822;background:var(--monokai-bg,#272822)}.tile-screenshare video{height:100%;inset:0;object-fit:contain;position:absolute;width:100%}.username{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;border-radius:var(--border-radius-sm);bottom:var(--spacing-md);color:#fffffff2;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);left:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);pointer-events:none;position:absolute;text-shadow:0 1px 3px #00000080;white-space:nowrap;z-index:10}@media only screen and (min-width:601px) and (max-width:1024px){.username{bottom:var(--spacing-sm);font-size:var(--font-size-sm);left:var(--spacing-sm)}}@media only screen and (max-width:600px){.username{bottom:var(--spacing-xs);font-size:var(--font-size-xs);left:var(--spacing-xs);padding:4px 6px}}.call-avatar-placeholder{background-color:#272822;background-color:var(--monokai-bg,#272822);flex-direction:column;inset:0;position:absolute;z-index:5}.call-avatar-container,.call-avatar-placeholder{align-items:center;display:flex;justify-content:center}.call-avatar-container{background-color:#1e1f1c;background-color:var(--monokai-bg-darker,#1e1f1c);border-radius:50%;box-shadow:0 4px 12px #0000004d;overflow:hidden;position:relative}.call-avatar-image{border-radius:50%;height:100%;object-fit:cover;transition:opacity .2s ease;width:100%}.call-avatar-image--loading{opacity:.6}.call-avatar-initials{align-items:center;color:#fffffff2;display:flex;font-weight:600;font-weight:var(--font-weight-semibold,600);height:100%;justify-content:center;letter-spacing:.05em;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%}.call-avatar-name{color:#ffffffd9;font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:500;font-weight:var(--font-weight-medium,500);margin-top:12px;margin-top:var(--spacing-md,12px);max-width:80%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.call-avatar--pip .call-avatar-container{height:48px;width:48px}.call-avatar--pip .call-avatar-initials{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem)}.call-avatar--tile .call-avatar-container{aspect-ratio:1/1;height:auto;width:min(40%,120px)}.call-avatar--tile .call-avatar-initials{font-size:clamp(1.5rem,8vw,2.5rem)}.call-avatar--fullscreen .call-avatar-container{aspect-ratio:1/1;height:auto;width:min(35%,200px)}.call-avatar--fullscreen .call-avatar-initials{font-size:clamp(2rem,10vw,4rem)}@media only screen and (max-width:600px){.call-avatar--pip .call-avatar-container{height:36px;width:36px}.call-avatar--pip .call-avatar-initials{font-size:1rem;font-size:var(--font-size-md,1rem)}.call-avatar--fullscreen .call-avatar-container{width:min(50%,160px)}.call-avatar-name{font-size:1rem;font-size:var(--font-size-md,1rem)}}@media only screen and (min-width:601px) and (max-width:1024px){.call-avatar--pip .call-avatar-container{height:56px;width:56px}.call-avatar--fullscreen .call-avatar-container{width:min(40%,180px)}}@media only screen and (min-width:1025px){.call-avatar--pip .call-avatar-container{height:64px;width:64px}.call-avatar--pip .call-avatar-initials{font-size:1.25rem;font-size:var(--font-size-xl,1.25rem)}}.transcription-timeout-error{color:#f44;color:var(--feedback-error,#f44);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500);line-height:1.5;line-height:var(--line-height-normal,1.5);text-align:center;text-shadow:1px 1px 2px #000c;top:50px;z-index:1200}.transcription-subtitles,.transcription-timeout-error{left:50%;pointer-events:none;position:fixed;transform:translateX(-50%)}.transcription-subtitles{align-items:center;bottom:128px;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-xs,8px);max-width:65%;z-index:1100}.subtitle-line{animation:fadeIn .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000bf;border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:0 2px 4px #0003;box-shadow:var(--shadow-elevation-02dp,0 2px 4px #0003);max-width:100%;padding:10px 16px;padding:var(--spacing-xs,10px) var(--spacing-md,16px);text-align:left}.subtitle-text{word-wrap:break-word;color:#ffffffeb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var( --font-sans,"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif );font-size:1.125rem;font-size:var(--font-size-md,1.125rem);font-weight:400;font-weight:var(--font-weight-regular,400);letter-spacing:.01em;line-height:1.6;line-height:var(--line-height-relaxed,1.6);overflow-wrap:break-word;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 4px #000000e6}.transcription-status-indicator{align-items:center;align-self:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000bf;border-radius:12px;border-radius:var(--radius-full,12px);color:#eaffbf;color:var(--tree-green,#eaffbf);display:flex;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500);gap:6px;gap:var(--spacing-xs,6px);padding:6px 12px;padding:var(--spacing-xs,6px) var(--spacing-sm,12px);text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 3px #000c}.status-dot{animation:pulse 1.5s infinite;background-color:#eaffbf;background-color:var(--tree-green,#eaffbf)}@media (max-width:768px){.transcription-subtitles{bottom:100px;max-width:85%}.subtitle-text{font-size:1rem;font-size:var(--font-size-base,1rem);line-height:1.6;line-height:var(--line-height-relaxed,1.6)}.transcription-status-indicator,.transcription-timeout-error{font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.transcription-timeout-error{bottom:15px}}@media (max-width:480px){.transcription-subtitles{max-width:90%}.subtitle-text{font-size:.875rem;font-size:var(--font-size-sm,.875rem);line-height:1.5;line-height:var(--line-height-normal,1.5)}.subtitle-line{padding:8px 12px;padding:var(--spacing-xs,8px) var(--spacing-sm,12px)}}@media (prefers-contrast:high){.subtitle-text{text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 0 6px #000}.subtitle-line{background:#000000d9;border:1px solid #ffffff4d}}@media (prefers-reduced-motion:reduce){.status-dot,.subtitle-line{animation:none}}.tray-submenu-container{position:relative}.tray-submenu-trigger{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;color:var(--text-primary);cursor:pointer;display:flex;height:48px;height:var(--touch-target-comfortable,48px);justify-content:center;min-width:48px;min-width:var(--touch-target-comfortable,48px);padding:0 var(--spacing-sm);touch-action:manipulation;transition:all var(--transition-fast)}.tray-submenu-trigger:hover{background:var(--bg-hover);border-color:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tray-submenu-trigger.active,.tray-submenu-trigger:active{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--text-on-accent)}.tray-submenu-trigger svg{height:20px;width:20px}.tray-submenu-backdrop{animation:fadeIn .2s ease-out;background:#0000004d;inset:0;position:fixed;z-index:1999}.tray-submenu-popup{animation:slideUp .2s cubic-bezier(.4,0,.2,1);background:var(--elevation-08dp);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);bottom:64px;bottom:calc(var(--tray-height-mobile, 56px) + 8px);box-shadow:var(--shadow-elevation-08dp);max-width:calc(100vw - var(--spacing-sm)*2);overflow:visible;position:fixed;right:var(--spacing-sm);width:240px;z-index:2000}.tray-submenu-header{align-items:center;border-bottom:1px solid var(--border-color);display:none;justify-content:space-between;padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm)}.tray-submenu-title{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.tray-submenu-close{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;justify-content:center;line-height:1;min-height:48px;min-height:var(--touch-target-comfortable,48px);min-width:48px;min-width:var(--touch-target-comfortable,48px);padding:0;transition:all var(--transition-fast)}.tray-submenu-close:hover{background:var(--state-hover);color:var(--text-primary)}.tray-submenu-close:active{background:var(--state-pressed);transform:scale(.95)}.tray-submenu-items{flex-direction:column;gap:2px;padding:var(--spacing-sm)}.tray-submenu-item,.tray-submenu-items{box-sizing:border-box;display:flex;overflow:visible;width:100%}.tray-submenu-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;flex-direction:row;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:12px;justify-content:flex-start;max-width:100%;min-height:48px;min-height:var(--touch-target-comfortable,48px);padding:12px var(--spacing-md);text-align:left;touch-action:manipulation;transition:all var(--transition-fast);white-space:nowrap}.tray-submenu-item:hover{background:var(--state-hover)}.tray-submenu-item:active{background:var(--state-pressed);transform:scale(.98)}.tray-submenu-item.active{background:var(--accent-blue)}.tray-submenu-item.active,.tray-submenu-item.active svg,.tray-submenu-item.copied{color:var(--text-on-accent)}.tray-submenu-item.copied{background:var(--accent-green)}.tray-submenu-item.copied svg{color:var(--text-on-accent)}.tray-submenu-item svg{color:inherit;display:block;flex-shrink:0;height:20px;width:20px}.tray-submenu-item span{display:inline-block;flex:1 1 auto;line-height:1.4;min-width:0;overflow:visible;vertical-align:middle}@media (max-width:600px){.tray-submenu-backdrop{background:#0009}.tray-submenu-popup{border-bottom:none;border-left:none;border-radius:16px 16px 0 0;border-right:none;bottom:56px;bottom:var(--tray-height-mobile,56px);left:0;max-width:none;overflow-x:hidden;overflow-y:auto;right:0;width:100%}.tray-submenu-header{display:flex}.tray-submenu-items{box-sizing:border-box;padding:var(--spacing-sm) var(--spacing-md);width:100%}.tray-submenu-item{border-radius:12px;box-sizing:border-box;display:flex!important;flex-direction:row!important;font-size:15px;gap:12px;height:auto;justify-content:flex-start;max-width:none;min-height:56px;padding:14px 16px;width:100%}.tray-submenu-item span{display:inline-block;flex:1 1 auto;overflow:visible;text-overflow:clip;vertical-align:middle;white-space:nowrap}.tray-submenu-item svg{display:block!important;flex-shrink:0!important;height:22px;max-width:22px;min-width:22px;width:22px}.tray-submenu-item{flex:none!important;max-width:none!important;min-width:auto!important}.tray-submenu-trigger{border-radius:12px;height:48px;height:var(--touch-target-comfortable,48px);min-width:42px;padding:0;width:42px}.tray-submenu-trigger svg{height:18px;width:18px}}@media (min-width:601px){.tray-submenu-popup{width:220px}.tray-submenu-items{padding:6px}.tray-submenu-item{gap:10px;padding:10px var(--spacing-sm)}.tray-submenu-item svg{display:block;flex-shrink:0;height:18px;min-width:18px;width:18px}}@media (min-width:601px) and (max-width:900px){.tray-submenu-trigger{border-radius:14px;min-width:48px;min-width:var(--touch-target-comfortable,48px);width:48px;width:var(--touch-target-comfortable,48px)}}@media (max-width:480px){.tray-submenu-trigger{min-width:40px;width:40px}.tray-submenu-trigger svg{height:16px;width:16px}.tray-submenu-items{padding:var(--spacing-xs) var(--spacing-sm)}}.tray{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border-top:1px solid var(--border-color);bottom:0;box-shadow:var(--shadow-elevation-08dp);display:flex;height:56px;height:var(--tray-height-mobile,56px);left:0;padding:var(--spacing-xs) var(--spacing-md);position:fixed;right:0;z-index:var(--z-dropdown)}.tray-buttons-container{align-items:center;display:flex;gap:var(--spacing-xl);height:100%;justify-content:center;margin:0 auto;max-width:1200px}.actions,.controls,.leave{align-items:center;display:flex;gap:var(--spacing-sm);height:100%}.tray .tray-button,.tray button{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);height:48px;height:var(--touch-target-comfortable,48px);justify-content:center;min-width:48px;min-width:var(--touch-target-comfortable,48px);padding:0 var(--spacing-md);position:relative;touch-action:manipulation;transition:all var(--transition-fast);white-space:nowrap}.tray .button-label,.tray .tray-button-label{display:inline}.tray button svg{flex-shrink:0;height:20px;width:20px}.tray button:hover{background:var(--bg-hover);border-color:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tray button:active{transform:scale(.95)}.tray button.active{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--text-on-accent)}.tray button.new-message{position:relative}.tray button.new-message:after{background:var(--accent-red);border:2px solid var(--bg-primary);border-radius:50%;content:"";height:8px;position:absolute;right:6px;top:6px;width:8px}.tray button.copied{color:var(--text-on-accent)}.tray button.copied,.tray button.copied:hover{background:var(--accent-green);border-color:var(--accent-green)}.leave button{background:var(--accent-red);border-color:var(--accent-red);color:var(--text-on-accent);font-weight:var(--font-weight-semibold)}.leave button:hover{background:var(--accent-red-hover);border-color:var(--accent-red-hover)}.leave button svg{color:var(--text-on-accent)}.transcript-window{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);bottom:56px;bottom:var(--tray-height-mobile,56px);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:400px;overflow:hidden;position:fixed;right:var(--spacing-md);width:300px}.transcript-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.transcript-toggle{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-fast)}.transcript-toggle:hover{background:var(--hover-bg-overlay);color:var(--accent-blue)}.transcript-content{color:var(--text-primary);flex-grow:1;font-size:var(--font-size-sm);overflow-y:auto;padding:var(--spacing-md)}@media (max-width:600px){.tray{height:56px;height:var(--tray-height-mobile,56px);padding:var(--spacing-xs) var(--spacing-sm)}.tray-buttons-container{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;padding:0;width:100%}.actions,.controls,.leave{display:flex;flex-direction:row;gap:var(--spacing-xs)}.controls{flex:0 0 auto;gap:6px}.actions{flex:1 1;gap:6px;justify-content:flex-end}.leave{flex:0 0 auto;margin-left:var(--spacing-xs)}.tray .tray-button,.tray button{align-items:center;border-radius:12px;flex:1 1;gap:0;height:48px;height:var(--touch-target-comfortable,48px);justify-content:center;max-width:72px;min-width:56px;padding:0 var(--spacing-xs)}.tray .tray-button svg,.tray button svg{height:22px;margin:0;width:22px}.tray .button-label,.tray .tray-button-label{display:none!important}.tray button.new-message:after{right:4px;top:4px}.transcript-window{max-height:300px;width:calc(100% - var(--spacing-md)*2)}}@media (min-width:601px) and (max-width:900px){.tray{height:56px;height:var(--tray-height-desktop,56px);padding:var(--spacing-xs) var(--spacing-sm)}.tray-buttons-container{gap:var(--spacing-sm)}.tray .tray-button,.tray button{align-items:center;border-radius:14px;height:48px;height:var(--touch-target-comfortable,48px);justify-content:center;min-width:48px;min-width:var(--touch-target-comfortable,48px);padding:0;width:48px;width:var(--touch-target-comfortable,48px)}.tray .button-label,.tray .tray-button-label{display:none!important}.tray .tray-button svg,.tray button svg{height:22px;margin:0;width:22px}.actions,.controls,.leave{gap:var(--spacing-xs)}}@media (max-width:480px){.tray{padding:var(--spacing-xs) 6px}.tray-buttons-container{gap:6px}.actions,.controls{gap:4px}.tray .tray-button,.tray button{border-radius:12px;height:48px;height:var(--touch-target-comfortable,48px);max-width:68px;min-width:54px}.actions .tray-button svg,.actions button svg{height:20px;width:20px}.controls button svg,.leave button svg{height:22px;width:22px}}.call-time-tracker{color:#ffffffb3;font-family:Courier New,monospace;font-size:11px;left:10px;line-height:1.4;pointer-events:none;position:fixed;text-shadow:0 1px 2px #000c;top:10px;-webkit-user-select:none;user-select:none;z-index:2000}.dev-badge,.tracker-icon,.tracker-title{display:none}.context-display,.duration-display,.participants-display{background:none;border:none;margin:0;padding:0}.context-label,.duration-label,.participants-label{text-transform:none}.context-label,.duration-label,.duration-value,.participants-label{color:inherit;display:inline;font-size:inherit;letter-spacing:normal}.duration-value{font-family:inherit;font-weight:400;text-shadow:none}.duration-seconds{display:none}.context-value{display:inline;font-size:inherit;font-weight:400}.context-value.learning,.context-value.teaching{color:inherit}.context-icon{display:none}.context-text{letter-spacing:normal;text-transform:none}.context-loading{color:inherit;font-style:italic}.participants-value{color:inherit;font-size:inherit;font-weight:400}.call-time-warning{animation:slideInFade .4s cubic-bezier(.4,0,.2,1) forwards;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:#fd971f26;border:1px solid #fd971f4d;border-radius:12px;box-shadow:0 8px 32px #00000040,inset 0 0 0 1px #ffffff0d;left:50%;max-width:400px;min-width:280px;padding:14px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:9999}.warning-content{align-items:center;display:flex;gap:12px;justify-content:center}.warning-icon{animation:iconPulse 2s ease-in-out infinite;font-size:var(--font-size-lg)}.warning-text{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-shadow:0 1px 2px #0003}.call-time-warning.pulsing{animation:slideInFade .4s cubic-bezier(.4,0,.2,1) forwards,urgentPulse 1s ease-in-out infinite;background:#f9267233;border-color:#f9267280}@keyframes slideInFade{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes urgentPulse{0%,to{box-shadow:0 8px 32px #00000040,inset 0 0 0 1px #f926724d,0 0 20px #f9267233}50%{box-shadow:0 8px 32px #00000040,inset 0 0 0 1px #f9267280,0 0 30px #f9267266}}.light-theme .call-time-warning{background:#f59e0b26;border-color:#f59e0b66;box-shadow:0 8px 32px #0000001a,inset 0 0 0 1px #ffffff80}.light-theme .call-time-warning.pulsing{background:#dc262626;border-color:#dc262666}.light-theme .warning-text{color:var(--text-ink);text-shadow:0 1px 2px #ffffff80}@media (prefers-reduced-motion:reduce){.call-time-warning{animation:none;opacity:1;transform:translateX(-50%) translateY(0)}.call-time-warning.pulsing,.warning-icon{animation:none}}@media (max-width:768px){.call-time-warning{max-width:calc(100vw - 40px);min-width:auto;padding:12px 20px;top:12px}.warning-content{gap:8px}.warning-icon{font-size:var(--font-size-base)}.warning-text{font-size:var(--font-size-xs)}}.avatar-box-circular{display:block;height:100%;position:relative;width:100%}.avatar-box-circular.clickable{cursor:pointer}.avatar-box-circular.has-error{margin-bottom:24px}.avatar-box-circular .avatar-container{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;overflow:visible;position:relative;transition:all .2s ease;width:100%}.avatar-box-circular .avatar-clip-wrapper{border-radius:50%;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.avatar-box-circular.clickable .avatar-container:hover{filter:brightness(1.1);transform:scale(1.05)}.avatar-box-circular .avatar-image{border:none;border-radius:0;display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.avatar-box-circular .avatar-initials,.avatar-box-circular .avatar-placeholder{align-items:center;color:#fff;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(14px,8vw,48px);font-weight:600;height:100%;justify-content:center;text-shadow:0 1px 2px #0000004d;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%}.avatar-loading-placeholder{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}.avatar-error{animation:slideDown .3s ease;background:#ef4444;background:var(--accent-red,#ef4444);border-radius:var(--border-radius-sm);box-shadow:0 2px 8px #ef44444d;color:#fff;font-size:11px;left:50%;margin-top:4px;padding:4px 8px;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap;z-index:10}.avatar-box-circular.clickable .avatar-container:focus,.avatar-box-circular.clickable:focus{border-radius:50%;outline:2px solid var(--accent-blue);outline-offset:2px}.light-theme .avatar-image{border-color:#0000001a}.light-theme .avatar-loading-overlay{background:#fffc}.light-theme .avatar-spinner{border-top-color:var(--text-primary)}.avatar-initials-overlay{z-index:5}.avatar-box-circular.deleted-user{cursor:default;opacity:.6}.avatar-box-circular.deleted-user .avatar-container{border:2px solid #ccc;border:2px solid var(--border-color,#ccc);filter:grayscale(1) brightness(.8)}.avatar-box-circular.deleted-user .avatar-container:hover{filter:grayscale(1) brightness(.8);transform:none}.avatar-box-circular.deleted-user .avatar-image{opacity:.7}.dark-theme .avatar-box-circular.deleted-user .avatar-container{border-color:#555;border-color:var(--border-color,#555)}.avatar-online-badge{background:var(--tree-green);border:2px solid var(--bg-primary);border-radius:50%;box-sizing:border-box;flex-shrink:0;height:14px;left:0;position:absolute;top:0;width:14px;z-index:15}.avatar-remove-button{align-items:center;background:#ef4444;background:var(--danger-red,#ef4444);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:18px;justify-content:center;line-height:1;opacity:0;padding:0;position:absolute;right:-4px;top:-4px;transition:opacity .2s,transform .2s;width:18px;z-index:3}.avatar-box-circular:hover .avatar-remove-button{opacity:1}.avatar-remove-button:hover{background:#dc2626;background:var(--danger-dark,#dc2626);transform:scale(1.1)}.avatar-remove-button:active{transform:scale(.95)}.call-button{align-items:center;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);position:relative;transition:all var(--transition-fast);white-space:nowrap}.call-button,.call-button--default{background:var(--accent-green);color:var(--bg-primary)}.call-button--primary{background:var(--accent-blue);color:var(--bg-primary)}.call-button--secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.call-button--icon{aspect-ratio:1;background:#0000;border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);gap:0;justify-content:center;min-width:0;min-width:auto}.call-button--small{border-radius:var(--grid-button-radius);font-size:var(--font-size-sm);height:var(--grid-button-size);justify-content:center;min-height:var(--grid-button-size);padding:var(--spacing-xs);width:var(--grid-button-size)}.call-button--medium{font-size:var(--font-size-md);min-height:40px;padding:var(--spacing-sm) var(--spacing-md)}.call-button--large{font-size:var(--font-size-lg);min-height:48px;padding:var(--spacing-md) var(--spacing-lg)}.call-button--icon.call-button--small{height:32px;padding:var(--spacing-xs);width:32px}.call-button--icon.call-button--medium{height:40px;padding:var(--spacing-sm);width:40px}.call-button--icon.call-button--large{height:48px;padding:var(--spacing-md);width:48px}.call-button:hover:not(.call-button--disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.call-button--default:hover:not(.call-button--disabled){background:color-mix(in srgb,var(--accent-green) 85%,#fff 15%)}.call-button--primary:hover:not(.call-button--disabled){background:color-mix(in srgb,var(--accent-blue) 85%,#fff 15%)}.call-button--icon:hover:not(.call-button--disabled),.call-button--secondary:hover:not(.call-button--disabled){background:var(--state-hover);border-color:var(--border-color)}.call-button--icon:hover:not(.call-button--disabled){color:var(--text-primary)}.call-button--icon.video-button,.call-button--icon:has(.call-button__video-icon){border-color:var(--tree-green);color:var(--tree-green)}.call-button--icon.video-button:hover:not(.call-button--disabled),.call-button--icon:has(.call-button__video-icon):hover:not(.call-button--disabled){background:color-mix(in srgb,var(--tree-green) 85%,#fff 15%);border-color:var(--tree-green);box-shadow:0 2px 8px #56c6764d;color:#fff;transform:translateY(-1px)}.call-button--disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.call-button--loading{pointer-events:none}.call-button--pending{background:var(--color-golden);color:var(--bg-primary)}.call-button--pending.call-button--icon{background:#fbbf241a;border-color:var(--color-golden);color:var(--color-golden)}.call-button__video-icon{fill:currentColor;flex-shrink:0;transition:transform var(--transition-fast)}.call-button:hover:not(.call-button--disabled) .call-button__video-icon{transform:scale(1.02)}.call-button__text-icon{fill:currentColor;flex-shrink:0;transition:transform var(--transition-fast)}.call-button:hover:not(.call-button--disabled) .call-button__text-icon{transform:scale(1.02)}.call-button__error{align-items:center;background:var(--bg-primary);border-radius:50%;color:var(--accent-red);display:flex;justify-content:center;padding:2px;position:absolute;right:-4px;top:-4px}.call-button--loading .animate-spin{animation:spin 1s linear infinite}.call-modal-overlay{align-items:flex-start;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:12000}.call-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);max-width:90vw;overflow:hidden;position:relative;width:320px}.call-modal,.call-modal--floating{animation:slideInFromRight .3s ease-out}.call-modal--floating{position:fixed;right:var(--spacing-lg);top:var(--spacing-lg);z-index:12000}.call-modal__header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg)}.call-modal__avatar{flex-shrink:0;height:48px;width:48px}.call-modal__info{flex:1 1;min-width:0}.call-modal__name{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-modal__status{font-family:var(--font-sans);margin:0;transition:opacity var(--transition-fast) var(--ease-out-smooth),color var(--transition-fast) var(--ease-out-smooth)}.call-modal__status,.call-modal__timer{color:var(--text-secondary);font-size:var(--font-size-sm)}.call-modal__timer{flex-shrink:0;font-family:var(--font-mono);font-weight:var(--font-weight-medium)}.call-modal__error{align-items:center;background:var(--bg-danger-overlay);border-bottom:1px solid var(--accent-red);color:var(--accent-red);display:flex;font-family:var(--font-sans);font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg)}.call-modal__retry-button{background:var(--accent-amber);border:none;border-radius:var(--border-radius-sm);color:var(--bg-primary);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-left:auto;min-width:60px;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.call-modal__retry-button:hover:not(:disabled){background:var(--accent-amber-hover);transform:translateY(-1px)}.call-modal__retry-button:disabled{cursor:not-allowed;opacity:.6}.call-modal__actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg)}.call-modal__button{align-items:center;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);justify-content:center;min-height:48px;padding:var(--spacing-md);transition:all var(--transition-fast)}.call-modal__button:disabled{cursor:not-allowed;opacity:.6}.call-modal__button--accept,.call-modal__button--join{background:var(--tree-green);color:#fff;overflow:hidden;position:relative}.call-modal__button--join:before{animation:holographic-shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:translateX(-100%) translateY(-100%);width:200%}@keyframes holographic-shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(100%) translateY(100%) rotate(45deg)}to{transform:translateX(-100%) translateY(-100%) rotate(45deg)}}.call-modal__button--accept:hover:not(:disabled),.call-modal__button--join:hover:not(:disabled){background:color-mix(in srgb,var(--tree-green) 85%,#fff 15%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.call-modal__button--join:hover:not(:disabled){box-shadow:0 4px 12px #56c67640}.call-modal__button--cancel,.call-modal__button--reject{background:var(--accent-red);color:var(--text-on-accent)}.call-modal__button--cancel:hover:not(:disabled),.call-modal__button--reject:hover:not(:disabled){background:var(--accent-red-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.call-modal__close{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:all var(--transition-fast);width:32px}.call-modal__close:hover{background:var(--state-hover);color:var(--text-primary)}.call-notifications{display:flex;flex-direction:column;gap:var(--spacing-xs);pointer-events:none;position:fixed;right:var(--spacing-lg);top:var(--spacing-lg);z-index:11000}.call-notification{animation:slideInFromRight .3s ease-out,fadeOut .3s ease-out 2.7s forwards;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);max-width:300px;padding:var(--spacing-sm) var(--spacing-md);pointer-events:auto}.call-notification--info{border-left:4px solid var(--accent-blue)}.call-notification--success{border-left:4px solid var(--accent-green)}.call-notification--error{background:var(--bg-danger-overlay);border-left:4px solid var(--accent-red)}.call-notification__message{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media (max-width:768px){.call-modal-overlay{align-items:center;justify-content:center;padding:var(--spacing-md)}.call-modal{max-width:400px;width:100%}.call-modal,.call-modal--floating{animation:slideInFromBottom .3s ease-out}.call-modal--floating{left:var(--spacing-md);max-width:calc(100vw - var(--spacing-md)*2);right:var(--spacing-md);width:auto}.call-modal__actions{flex-direction:column}.call-modal__button{min-height:52px}.call-notifications{left:var(--spacing-md);right:var(--spacing-md);top:var(--spacing-md)}.call-notification{max-width:none}}@media (min-width:1920px){.call-modal{max-width:20vw;width:380px}.call-modal__avatar{height:64px;width:64px}.call-modal__name{font-size:var(--font-size-xl)}.call-modal__button,.call-modal__status{font-size:var(--font-size-md)}.call-modal__button{min-height:52px}.call-modal__button,.call-notification{padding:var(--spacing-md) var(--spacing-lg)}.call-notification{max-width:360px}}@media (min-width:2560px){.call-modal{max-width:18vw;width:440px}.call-modal__avatar{height:72px;width:72px}.call-modal__header{gap:var(--spacing-lg)}.call-modal__actions{gap:var(--spacing-md)}}@media (prefers-reduced-motion:reduce){.call-button,.call-modal,.call-notification{animation:none;transition:none}.call-button--loading .animate-spin,.call-modal__status{animation:none}}@media (prefers-contrast:high){.call-button{border:2px solid}.call-modal,.call-notification{border:2px solid var(--text-primary)}}.call-button--default:focus-visible,.call-button--icon:focus-visible,.call-button--primary:focus-visible,.call-button--secondary:focus-visible,.call-button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.call-modal__button--accept:focus-visible,.call-modal__button--cancel:focus-visible,.call-modal__button--join:focus-visible,.call-modal__button--reject:focus-visible,.call-modal__button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.call-modal__close:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.call-modal__avatar:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.call-status-badge:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (prefers-reduced-motion:reduce){.call-button,.call-modal,.call-modal__button{transition:none!important}}@media (prefers-contrast:high){.call-button{border:2px solid}.call-modal__close{border:2px solid var(--text-primary)}.call-button:focus-visible,.call-modal__button:focus-visible{outline-width:3px}}.connection-detail-display .call-button{justify-content:center;width:100%}.tab-navigation .call-button{margin-left:auto}.online-users .call-button--icon{flex-shrink:0}.connection-detail-display{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--line-height-normal);max-width:500px;min-width:400px;padding:var(--spacing-lg);pointer-events:auto;position:relative;transition:all var(--transition-medium)}.connection-detail-display--tooltip{animation:fadeInSmooth .3s ease-out forwards;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid var(--border-light);box-shadow:var(--shadow-xl);opacity:0;pointer-events:auto;position:fixed;transform-origin:left center;z-index:var(--z-tooltip)}.connection-detail-display--tooltip:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.connection-detail-display--tooltip.fade-out{animation:fadeOutSmooth .3s ease-in forwards}.connection-detail-display--modal{background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;left:50%!important;margin:auto;max-height:85vh;max-height:85dvh;max-width:520px;min-width:440px;overflow-y:auto;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:var(--z-modal)}.connection-detail-display--inline{box-shadow:var(--shadow-md)}.connection-detail-display__overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:var(--overlay-bg);bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal-backdrop)}.connection-detail-display__header{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.connection-detail-display__profile{align-items:flex-start;display:flex;flex:1 1;gap:var(--spacing-md)}.connection-detail-display__avatar{background:var(--bg-secondary);border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;position:relative;width:48px}.connection-detail-display__avatar img{height:100%;object-fit:cover;width:100%}.connection-detail-display__avatar-fallback{align-items:center;background:var(--accent-blue);color:var(--bg-primary);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);height:100%;justify-content:center;width:100%}.connection-detail-display__info{flex:1 1;min-width:0}.connection-detail-display__name{word-wrap:break-word;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.connection-detail-display__profession{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-xs) 0}.connection-detail-display__location{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-xs);margin:0}.connection-detail-display__close{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:28px;justify-content:center;line-height:1;padding:var(--spacing-xs);transition:all var(--transition-fast);width:28px}.connection-detail-display__close:hover{background:var(--bg-secondary);color:var(--text-primary)}.connection-detail-display__compatibility,.connection-detail-display__details{flex-shrink:0}.connection-detail-display--modal>.connection-detail-display__compatibility,.connection-detail-display--modal>.connection-detail-display__details{overflow-y:auto;scrollbar-color:var(--border-light) #0000;scrollbar-width:thin}.connection-detail-display--modal>.connection-detail-display__compatibility::-webkit-scrollbar,.connection-detail-display--modal>.connection-detail-display__details::-webkit-scrollbar{width:6px}.connection-detail-display--modal>.connection-detail-display__compatibility::-webkit-scrollbar-track,.connection-detail-display--modal>.connection-detail-display__details::-webkit-scrollbar-track{background:#0000}.connection-detail-display--modal>.connection-detail-display__compatibility::-webkit-scrollbar-thumb,.connection-detail-display--modal>.connection-detail-display__details::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.connection-detail-display--modal>.connection-detail-display__compatibility::-webkit-scrollbar-thumb:hover,.connection-detail-display--modal>.connection-detail-display__details::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.connection-detail-display__compatibility{background:var(--overlay-light);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.compatibility-score{align-items:baseline;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.compatibility-score__value{color:var(--tree-green);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1}.compatibility-score__label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.compatibility-reasons h4{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal);margin:0 0 var(--spacing-sm) 0}.compatibility-reasons ul{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.compatibility-reasons li{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);padding-left:var(--spacing-md);position:relative}.compatibility-reasons li:before{color:var(--accent-green);content:"→";font-weight:var(--font-weight-bold);left:0;position:absolute}.compatibility-breakdown{border-top:1px solid var(--border-light);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.compatibility-breakdown__title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal);margin:0 0 var(--spacing-md) 0}.compatibility-breakdown__bars{display:flex;flex-direction:column;gap:var(--spacing-sm)}.compatibility-bar{display:flex;flex-direction:column;gap:4px}.compatibility-bar__label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);justify-content:space-between}.compatibility-bar__icon{display:inline-block;font-size:14px;margin-right:6px;min-width:18px;text-align:center}.compatibility-bar__text{color:var(--text-primary);flex:1 1;font-weight:var(--font-weight-semibold)}.compatibility-bar__percentage{font-feature-settings:"tnum";color:var(--text-secondary);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);min-width:35px;text-align:right}.compatibility-bar__track{background:var(--overlay-light);border:1px solid var(--overlay-border-subtle);border-radius:3px;height:6px;overflow:hidden;position:relative}.compatibility-bar__fill{animation:growBar .8s cubic-bezier(.4,0,.2,1) forwards,shimmerOnce 1.2s ease-out;background-image:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);background-position:200% 0;background-size:200% 100%;border-radius:3px;height:100%;position:relative}@keyframes growBar{0%{opacity:.6;width:0!important}to{opacity:1}}@keyframes shimmerOnce{0%{background-position:-200% 0}to{background-position:200% 0}}.compatibility-bar:hover .compatibility-bar__track{border-color:var(--accent-blue);box-shadow:0 0 8px var(--accent-blue) 20;transform:scaleY(1.1);transition:all var(--transition-fast)}.compatibility-bar:hover .compatibility-bar__fill{animation:subtlePulse .3s ease-out}.connection-detail-display__details{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-lg)}.detail-item--full{grid-column:1/-1}.detail-label{color:var(--text-primary);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide)}.detail-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.detail-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.detail-tag{align-items:center;background:var(--overlay-light);border:1px solid var(--overlay-border-subtle);border-radius:var(--border-radius-lg);color:var(--text-primary);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.2;padding:6px var(--spacing-sm);transition:all var(--transition-fast)}.detail-tag:hover{background:var(--overlay-medium);border-color:#4a9eff;border-color:var(--accent-blue-solid,#4a9eff);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.detail-tag--interest{background:var(--overlay-light);border-color:#a6e22e4d;color:var(--tree-green)}.detail-tag--interest:hover{background:#a6e22e26;border-color:var(--accent-green);color:var(--accent-green)}.detail-tag--more{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary);font-style:italic;opacity:.8}.detail-tag--more:hover{background:var(--bg-primary);color:var(--text-primary);opacity:1}.detail-bio{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0;max-height:80px;overflow-y:auto;padding-right:var(--spacing-xs)}.detail-bio::-webkit-scrollbar{width:4px}.detail-bio::-webkit-scrollbar-track{background:var(--overlay-subtle);border-radius:var(--border-radius-sm)}.detail-bio::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-sm)}.detail-bio::-webkit-scrollbar-thumb:hover{background:#4a9eff;background:var(--accent-blue-solid,#4a9eff)}.connection-detail-display__actions{border-top:1px solid var(--border-light);flex-shrink:0;margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.connection-detail-display__connected-status{border:1px solid var(--accent-green);color:var(--accent-green);font-weight:var(--font-weight-semibold);text-align:center}.connection-detail-display__connected-status,.connection-detail-display__error{background:var(--overlay-light);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}.connection-detail-display__error{border:1px solid var(--accent-red);color:var(--accent-red);margin-bottom:var(--spacing-sm)}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.action-btn{border:none;border-radius:var(--border-radius-md);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:6px;min-width:120px;padding:10px var(--spacing-md);transition:all var(--transition-medium)}.action-btn--primary{background:#007bff;background:var(--accent-primary,#007bff);color:#fff}.action-btn--primary:hover:not(:disabled){background:#0056b3;background:var(--accent-primary-hover,#0056b3);transform:translateY(-1px)}.action-btn--secondary{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--border-primary,#e0e0e0);color:#333;color:var(--text-primary,#333)}.action-btn--secondary:hover:not(:disabled){background:#e9ecef;background:var(--bg-hover,#e9ecef)}.action-btn:disabled{transform:none!important}.action-btn--message{background:var(--overlay-light);border:1px solid #4a9eff;border:1px solid var(--accent-blue-solid,#4a9eff);color:#4a9eff;color:var(--accent-blue-solid,#4a9eff);font-weight:var(--font-weight-semibold);overflow:hidden;position:relative;transition:all var(--transition-medium)}.action-btn--message:before{background:linear-gradient(90deg,#0000,#4a9eff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-medium);width:100%}.action-btn--message:hover:not(:disabled){background:#4a9eff26;border-color:#4a9eff;border-color:var(--accent-blue-solid,#4a9eff);box-shadow:0 4px 12px #4a9eff4d;color:#4a9eff;color:var(--accent-blue-solid,#4a9eff);transform:translateY(-2px)}.action-btn--message:hover:not(:disabled):before{left:100%}.action-btn--call{background:var(--overlay-light);border:1px solid var(--accent-green);color:var(--accent-green);font-weight:var(--font-weight-semibold);overflow:hidden;position:relative;transition:all var(--transition-medium)}.action-btn--call:before{background:linear-gradient(90deg,#0000,#a6e22e1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-medium);width:100%}.action-btn--call:hover:not(:disabled){background:#a6e22e26;border-color:var(--accent-green);box-shadow:0 4px 12px #a6e22e4d;color:var(--accent-green);transform:translateY(-2px)}.action-btn--call:hover:not(:disabled):before{left:100%}.action-btn.action-btn--primary{align-items:center;background:#4a9eff!important;background:var(--accent-blue-solid,#4a9eff)!important;border:none!important;box-shadow:0 4px 15px #4a9eff4d;color:var(--bg-primary)!important;display:flex;font-weight:var(--font-weight-bold);gap:6px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-medium)}.action-btn.action-btn--primary:hover:not(:disabled){background:#3a8fe0!important;background:var(--accent-blue-hover,#3a8fe0)!important;box-shadow:0 6px 20px #4a9eff66;transform:translateY(-2px)}.action-btn.action-btn--primary .holographic-shimmer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.action-btn.action-btn--primary .holographic-shimmer:before{animation:shimmer-slide 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3 25%,#fff6 50%,#a6e22e33 75%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.action-btn.action-btn--primary:hover .holographic-shimmer:before{animation-duration:2s}.action-btn--secondary{background:var(--overlay-light);border:1px solid var(--border-color);color:var(--text-primary);font-weight:var(--font-weight-medium);transition:all var(--transition-medium)}.action-btn--secondary:hover:not(:disabled){background:var(--overlay-medium);border-color:var(--text-secondary);box-shadow:var(--shadow-sm);color:var(--text-primary);transform:translateY(-1px)}.action-btn--pending{align-items:center;background:#d4a574;background:var(--accent-gold,#d4a574);border:none;box-shadow:0 2px 8px #d4a57440;color:#1e1f1c;color:var(--bg-primary,#1e1f1c);display:flex;font-weight:var(--font-weight-medium);gap:6px;justify-content:center;transition:all var(--transition-medium)}.action-btn--pending:hover:not(:disabled){background:color-mix(in srgb,#d4a574 85%,#000 15%);background:color-mix(in srgb,var(--accent-gold,#d4a574) 85%,#000 15%);box-shadow:0 4px 12px #d4a57459;transform:translateY(-1px)}.action-btn--retry{align-items:center;background:var(--accent-orange);border:none;box-shadow:0 4px 15px #fd971f4d;color:var(--bg-primary);display:flex;font-weight:var(--font-weight-bold);gap:6px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-medium)}.action-btn--retry:hover:not(:disabled){background:var(--accent-red);box-shadow:0 6px 20px #f9267266;transform:translateY(-2px)}.action-btn--connected{background:var(--accent-green);border:1px solid var(--accent-green);color:var(--bg-primary);font-weight:var(--font-weight-semibold);transition:all var(--transition-medium)}.action-btn--connected:hover:not(:disabled){background:#4a9eff;background:var(--accent-blue-solid,#4a9eff);border-color:#4a9eff;border-color:var(--accent-blue-solid,#4a9eff);box-shadow:var(--shadow-md);transform:translateY(-2px)}@keyframes fadeInSmooth{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOutSmooth{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@media (max-width:600px){.connection-detail-display{max-width:calc(100vw - var(--spacing-lg)*2);min-width:280px;padding:var(--spacing-md)}.connection-detail-display--modal{max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);max-width:calc(100vw - var(--spacing-lg)*2);min-width:280px;overflow-y:auto;width:90%}.connection-detail-display__details{gap:var(--spacing-sm);grid-template-columns:1fr}.connection-detail-display__avatar{height:40px;width:40px}.connection-detail-display__avatar-fallback{font-size:var(--font-size-sm)}.connection-detail-display__name{font-size:var(--font-size-md)}.action-buttons{flex-direction:column}.action-btn{flex:none;min-width:auto}}@media (max-width:480px){.connection-detail-display--modal{max-width:calc(100vw - var(--spacing-md)*2);width:95%}}@media (prefers-contrast:high){.connection-detail-display{border-width:2px;box-shadow:0 4px 12px #0000004d}.action-btn,.detail-tag{border-width:2px}}.connected-actions{display:flex;gap:var(--spacing-sm);width:100%}.connected-actions .action-btn{flex:1 1;min-width:0}.connected-actions .action-btn--message{flex:1.2 1}.connected-actions .action-btn--call{flex:0.8 1}.connected-actions .call-button{border-radius:6px;flex:1 1;font-size:var(--font-size-xs);min-width:0;padding:8px 12px}.connected-actions .call-button--primary{background:var(--overlay-light);border:1px solid var(--accent-green);color:var(--accent-green)}.connected-actions .call-button--primary:hover:not(:disabled){background:var(--overlay-medium);box-shadow:0 4px 12px #a6e22e4d;transform:translateY(-2px)}@media (max-width:480px){.connected-actions{flex-direction:column;gap:var(--spacing-xs)}.connected-actions .action-btn{flex:none;width:100%}}@media (prefers-reduced-motion:reduce){.action-btn,.connection-detail-display,.connection-detail-display__close,.connection-detail-shimmer-btn{transition:none}.action-btn:hover:not(:disabled),.connection-detail-shimmer-btn:hover:not(:disabled){transform:none}.connection-detail-shimmer-btn .holographic-shimmer{display:none}}.avatar-circle{background:#2a2a2a;background:var(--bg-tertiary,#2a2a2a);flex-shrink:0;isolation:isolate;overflow:hidden;pointer-events:auto!important;position:relative;transition:transform .2s ease,filter .2s ease;z-index:10}.avatar-circle--clickable{cursor:pointer}.avatar-circle--clickable:hover{filter:brightness(1.1);transform:scale(1.05)}.avatar-circle--clickable:active{filter:brightness(1);transform:scale(1)}.avatar-circle--loading{opacity:.7;transition:opacity .15s ease;transition:opacity var(--transition-fast,.15s ease)}.avatar-circle__image{border-radius:inherit;display:block;height:100%;object-fit:cover;width:100%}.avatar-circle__image--default{opacity:.6}.avatar-circle__initials{align-items:center;border-radius:inherit;color:#fff;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-size:calc(var(--size, 40px)*.4);font-weight:600;inset:0;justify-content:center;letter-spacing:.05em;position:absolute;text-shadow:0 1px 2px #0000004d;text-transform:uppercase;-webkit-user-select:none;user-select:none}.avatar-circle__online-badge{background:#22c55e;border:2px solid #1a1a1a;border:2px solid var(--bg-primary,#1a1a1a);border-radius:50%;bottom:0;box-shadow:0 0 4px #22c55e99;height:25%;max-height:14px;max-width:14px;min-height:8px;min-width:8px;position:absolute;right:0;width:25%;z-index:2}.avatar-circle--clickable:focus{border-radius:50%;outline:2px solid #5b9bd5;outline:2px solid var(--accent-primary,#5b9bd5);outline-offset:2px}.dark-theme .avatar-circle{background:#2a2a2a;background:var(--bg-tertiary,#2a2a2a)}.dark-theme .avatar-circle__online-badge{border-color:#1a1a1a;border-color:var(--bg-primary,#1a1a1a)}.light-theme .avatar-circle{background:#f5f5f5;background:var(--bg-tertiary,#f5f5f5)}.light-theme .avatar-circle__image{opacity:.95}.light-theme .avatar-circle__image--default{opacity:.7}.light-theme .avatar-circle__online-badge{border-color:#fff;border-color:var(--bg-primary,#fff)}@media (max-width:768px){.avatar-circle__initials{font-size:18px;font-size:calc(var(--size, 40px)*.45)}}.floating-call-window{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2a2a2ad9;background:var(--glass-bg,#2a2a2ad9);border:1px solid #ffffff1a;border:1px solid var(--glass-border,#ffffff1a);border-radius:12px;box-shadow:0 8px 32px #0006;display:block;overflow:hidden;position:fixed!important;transition:transform .2s ease-out,box-shadow .2s ease;visibility:visible;z-index:11000}.floating-call-window.dragging{box-shadow:0 12px 48px #0009;cursor:grabbing;transform:scale(1.02)}.light-theme .floating-call-window{background:#fafafad9;background:var(--glass-bg,#fafafad9);border-color:#0000001a;border-color:var(--glass-border,#0000001a);box-shadow:0 8px 32px #00000026}.floating-call-window__drag-handle{align-items:center;background:#0003;cursor:grab;display:flex;justify-content:space-between;min-height:40px;padding:8px 12px;-webkit-user-select:none;user-select:none}.floating-call-window.dragging .floating-call-window__drag-handle{cursor:grabbing}.drag-handle__info{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.drag-handle__name{color:var(--text-primary);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drag-handle__actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.drag-handle__context{align-items:center;background:var(--status-badge-complete-bg);border-radius:6px;color:var(--status-badge-complete-color);display:flex;font-size:11px;gap:4px;max-width:120px;padding:2px 6px}.context-icon{font-size:12px;line-height:1}.context-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drag-handle__collapse-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.drag-handle__collapse-btn:hover{background:#fff3;transform:scale(1.05)}.drag-handle__collapse-btn:active{transform:scale(.95)}.drag-handle__collapse-btn>svg{flex-shrink:0}.floating-call-window__video{background:var(--bg-secondary);height:calc(100% - 88px);overflow:hidden;position:relative;width:100%}.daily-container,.video-preview{height:100%;width:100%}.video-placeholder{color:var(--text-tertiary);flex-direction:column}.placeholder-icon{margin-bottom:8px;opacity:.4}.placeholder-text{font-size:12px;opacity:.6}.floating-call-window__controls{align-items:center;background:#0000004d;display:flex;gap:4px;height:48px;justify-content:space-evenly;padding:8px}.control-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.control-btn>svg{flex-shrink:0;height:22px!important;width:22px!important}.control-btn:hover{background:#fff3;transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.control-btn.active{background:#ff3b30cc;color:#fff}.control-btn.active:hover{background:#ff3b30}.control-btn--danger{background:#ff3b30cc;color:#fff}.control-btn--danger:hover{background:#ff3b30;transform:scale(1.1)}@media (max-width:768px){.floating-call-window{box-shadow:0 4px 16px #0000004d;display:block!important;visibility:visible!important}.floating-call-window__drag-handle{min-height:32px;padding:6px 10px}.drag-handle__name{font-size:12px}.drag-handle__actions{gap:6px}.drag-handle__context{display:none}.drag-handle__collapse-btn{height:24px;width:24px}.floating-call-window__video{height:calc(100% - 72px)}.floating-call-window__controls{height:40px;padding:6px}.control-btn{height:32px;width:32px}.control-btn>svg{height:18px!important;width:18px!important}}.floating-call-window.snapped-bottom-left,.floating-call-window.snapped-bottom-right,.floating-call-window.snapped-top-left,.floating-call-window.snapped-top-right{transition:all .3s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){.control-btn,.floating-call-window,.floating-call-window.dragging{transition:none}}.control-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-contrast:high){.floating-call-window{border-width:2px}.control-btn{border:1px solid}}.minimized-call-bar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2a2a2ad9;background:var(--glass-bg,#2a2a2ad9);border:1px solid #ffffff1a;border:1px solid var(--glass-border,#ffffff1a);border-radius:24px;box-shadow:0 4px 16px #0000004d;display:flex;gap:12px;justify-content:space-between;max-width:320px;min-width:240px;padding:10px 16px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:10500}.minimized-call-bar:hover{box-shadow:0 6px 24px #0006;transform:translateY(-2px)}.light-theme .minimized-call-bar{background:#fafafad9;background:var(--glass-bg,#fafafad9);border-color:#0000001a;border-color:var(--glass-border,#0000001a);box-shadow:0 4px 16px #00000026}.call-bar__content{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.call-bar__info{display:flex;flex-direction:column;gap:2px;min-width:0}.call-bar__name{color:var(--text-primary);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-bar__duration{font-feature-settings:"tnum";color:var(--text-tertiary);font-size:11px;font-variant-numeric:tabular-nums}.call-bar__expand-btn{align-items:center;background:#ffffff1a;border:none;border-radius:16px;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.call-bar__expand-btn:hover{background:#fff3;transform:scale(1.05)}.call-bar__expand-btn:active{transform:scale(.95)}.minimized-call-icon{align-items:center;background:var(--accent-primary);border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:56px;z-index:10500}.minimized-call-icon:active{transform:scale(.9)}.call-icon__pulse{align-items:center;display:flex;justify-content:center;position:relative}.call-icon__pulse:before{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite;background:var(--accent-primary);border-radius:50%;content:"";height:100%;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@keyframes pulse-ring{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.call-icon__phone{color:#fff;position:relative;z-index:1}.call-icon__duration-badge{font-feature-settings:"tnum";background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:10px;bottom:-4px;box-shadow:0 2px 4px #0003;color:var(--text-primary);font-size:10px;font-variant-numeric:tabular-nums;font-weight:600;padding:2px 6px;position:absolute;right:-4px}@media (max-width:768px){.minimized-call-bar{display:none}}@media (min-width:769px){.minimized-call-icon{display:none}}@media (prefers-reduced-motion:reduce){.call-bar__expand-btn,.minimized-call-bar,.minimized-call-icon{transition:none}.call-icon__pulse:before{animation:none;opacity:0}}.call-bar__expand-btn:focus-visible,.minimized-call-icon:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-contrast:high){.minimized-call-bar,.minimized-call-icon{border-width:2px}}.call-background-renderer{height:100vh;left:-9999px;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100vw;z-index:-9999}.call-background-renderer *{pointer-events:none}.call-background-renderer iframe{left:0;position:absolute;top:0;visibility:visible!important}.sidebar{align-items:center;background:var(--bg-secondary);border-right:1px solid var(--sidebar-border);color:var(--sidebar-text);contain:layout style;display:flex;flex-direction:column;height:100vh;height:100dvh;left:0;overflow:hidden;padding:var(--spacing-md);position:fixed;top:0;transform:translateZ(0);width:72px;will-change:auto;z-index:1030}.sidebar-trigger{display:none}.logo-section{flex-direction:column;margin-bottom:var(--spacing-lg);width:100%}.logo-button,.logo-section{align-items:center;display:flex}.logo-button{background:none;border:none;cursor:pointer;flex-shrink:0;height:max(48px,2vw);justify-content:center;padding:var(--spacing-xs);width:max(48px,2vw)}.logo{color:var(--text-primary);flex-shrink:0;height:100%;object-fit:contain;width:100%}.logo,.logo-button img{border:none;border-radius:0}.nav-menu{box-sizing:border-box;flex-direction:column;gap:1.5rem;margin-top:auto;padding:var(--spacing-lg) 0;width:100%}.nav-item,.nav-menu{align-items:center;display:flex;position:relative}.nav-item{background:none;border:none;border-radius:var(--border-radius-lg);color:var(--sidebar-text);flex-shrink:0;height:max(40px,1.5vw);justify-content:center;padding:0;text-decoration:none;transition:all var(--transition-fast);width:max(56px,2vw)}.nav-item svg{flex-shrink:0;height:max(30px,1.25vw);transition:transform .2s ease;width:max(30px,1.25vw)}.nav-item span{background:var(--bg-secondary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);font-size:var(--font-size-sm);left:calc(100% + var(--spacing-xs));opacity:0;padding:var(--spacing-xs) var(--spacing-md);pointer-events:none;position:absolute;transform:translateX(-10px);transition:all var(--transition-fast);white-space:nowrap}.nav-item:hover span{opacity:1;transform:translateX(0)}.nav-item:hover svg{transform:scale(1.05)}.nav-item.active{color:var(--color-golden)}.debug-toggle{background:none;border:none;bottom:4.5rem;cursor:pointer;left:50%;position:absolute;transform:translateX(-50%);transition:all var(--transition-fast)}.debug-toggle:hover{background:var(--sidebar-hover)}.debug-toggle.debug-active{color:var(--accent-orange)}.debug-toggle.debug-active svg{filter:drop-shadow(0 0 4px var(--accent-orange))}.debug-toggle span{background:var(--bg-secondary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:var(--font-size-sm);left:calc(100% + var(--spacing-xs));opacity:0;padding:var(--spacing-xs) var(--spacing-md);pointer-events:none;position:absolute;transform:translateX(-10px);transition:all var(--transition-fast);white-space:nowrap}.debug-toggle:hover span{opacity:1;transform:translateX(0)}.debug-toggle.debug-active span{background:var(--accent-orange);color:var(--bg-primary)}.sidebar-header{align-items:center;border-bottom:1px solid var(--sidebar-border);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);width:100%}.sidebar-logo{flex-shrink:0;height:40px;width:40px}.sidebar-title{color:var(--sidebar-active);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0;opacity:0;transition:opacity var(--transition-fast)}.expanded .sidebar-title{opacity:1}.sidebar-nav{flex:1 1;flex-direction:column}.sidebar-button,.sidebar-link,.sidebar-nav{display:flex;gap:var(--spacing-sm);width:100%}.sidebar-button,.sidebar-link{align-items:center;background:none;border:1px solid #0000;border-radius:var(--border-radius-md);color:var(--sidebar-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.sidebar-button:hover,.sidebar-link:hover{background:var(--sidebar-hover);border-color:var(--sidebar-border);box-shadow:var(--shadow-sm)}.sidebar-button.active,.sidebar-link.active{background:var(--sidebar-hover);border-color:var(--sidebar-active);color:var(--sidebar-active)}.sidebar-footer{border-top:1px solid var(--sidebar-border);margin-top:auto;padding-top:var(--spacing-lg);width:100%}@media (max-width:768px){.user-section{gap:.5rem;padding:.75rem}.user-info{padding:.375rem}.user-avatar{font-size:.75rem;height:28px;width:28px}.logout-button,.user-name{font-size:.8125rem}.logout-button{padding:.625rem}}@media only screen and (max-width:600px){.sidebar{align-items:center;border-top:1px solid var(--sidebar-border);bottom:0;flex-direction:row;height:var(--mobile-sidebar-height);justify-content:space-between;left:0;padding:var(--spacing-xs) var(--spacing-md);padding-bottom:calc(var(--spacing-xs) + var(--safe-area-bottom, 0px));top:auto;width:100%;z-index:1030!important}.logo-section{display:none}.nav-center{-webkit-overflow-scrolling:touch;align-items:center;display:flex!important;flex:1 1;flex-direction:row!important;gap:4px;height:var(--mobile-sidebar-height);justify-content:center;margin:0;overflow-x:auto;overflow-y:visible;padding:0 var(--spacing-md);width:auto}.sidebar .nav-menu{display:none!important}.nav-center .avatar-btn{flex-shrink:0;height:48px;margin:0;padding:0;width:48px}.nav-center .avatar-btn .avatar-circle,.nav-center .avatar-btn svg{height:42px;width:42px}.nav-item{flex-shrink:0;height:48px;margin:0;padding:0;width:48px}.nav-item svg{height:42px;width:42px}.nav-item span{display:none}}@media only screen and (max-width:430px){.nav-center{gap:12px;justify-content:center;overflow-x:hidden;padding:0 var(--spacing-md)}.nav-item{height:56px;width:56px}.nav-item svg{height:28px;width:28px}.nav-item.active svg{height:30px;width:30px}.passport-btn .avatar-circle{height:28px!important;width:28px!important}}@media only screen and (max-width:390px){.sidebar{padding:var(--spacing-xs) var(--spacing-xs)}.nav-center{gap:10px;overflow-x:hidden;padding:0 var(--spacing-sm)}.nav-item{height:52px;padding:0;width:52px}.nav-item svg{height:26px;width:26px}.nav-item.active svg{height:28px;width:28px}.passport-btn .avatar-circle{height:26px!important;width:26px!important}}@media only screen and (max-width:360px){.sidebar{padding:var(--spacing-xs) 2px}.nav-center{gap:8px;overflow-x:hidden;padding:0 var(--spacing-xs)}.nav-item{height:48px;width:48px}.nav-item svg{height:24px;width:24px}.nav-item.active svg{height:26px;width:26px}.passport-btn .avatar-circle{height:24px!important;width:24px!important}}@media only screen and (max-width:340px){.nav-center{gap:6px;overflow-x:hidden;padding:0 4px}.nav-item{height:48px;width:48px}.nav-item svg{height:22px;width:22px}.passport-btn .avatar-circle{height:22px!important;width:22px!important}}.websocket-status-container{display:flex;justify-content:center;margin-bottom:8px}.websocket-status-indicator{background-color:var(--color-gray-400);border:none;border-radius:50%;box-shadow:var(--shadow-sm);height:12px;margin:0;padding:0;position:relative;transition:all var(--transition-fast);width:12px}.websocket-status-indicator.clickable{cursor:pointer;transform:scale(1)}.websocket-status-indicator.clickable:hover{box-shadow:var(--shadow-md);filter:brightness(1.1);transform:scale(1.2)}.websocket-status-indicator.clickable:active{transform:scale(.95)}.websocket-status-indicator:disabled{cursor:default}.websocket-status-indicator[style*="#F59E0B"]{animation:pulse 2s ease-in-out infinite}.debug-toggle{margin-top:0}.nav-item.transitioning{opacity:.7;transform:scale(.98);transition:opacity .2s ease,transform .2s ease}.nav-item.transitioning:after{animation:pulse-transition .6s ease-in-out infinite alternate;background:#3b82f6;background:var(--accent-color,#3b82f6);border-radius:50%;content:"";height:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:4px}@keyframes pulse-transition{0%{opacity:.5;transform:translateY(-50%) scale(1)}to{opacity:1;transform:translateY(-50%) scale(1.2)}}.nav-item:hover:not(.transitioning){transform:translateX(1px);transition:transform .2s ease,background .2s ease}.nav-item.active{transition:background-color .3s ease,color .3s ease}.sidebar.navigation-loading{pointer-events:none}.sidebar.navigation-loading .nav-item{opacity:.6}.nav-item-badge .badge{align-items:center;background:#f59e0b;background:var(--accent-orange,#f59e0b);border-radius:50%;color:#fff;display:flex;font-size:.7rem;height:16px;justify-content:center;line-height:16px;min-width:16px;padding:0 6px;position:absolute;right:-4px;top:-4px}.websocket-status-container.top{margin-bottom:0;margin-top:var(--spacing-md)}.nav-center{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:center;width:100%}.avatar-btn{margin-top:var(--spacing-lg)}.avatar-btn .avatar-img{border-radius:50%;height:32px;object-fit:cover;width:32px}.avatar-btn .avatar-circle{border:1px solid var(--border-color)}.avatar-menu{align-items:stretch;background:var(--bg-secondary);border:1px solid var(--sidebar-border);border-radius:var(--border-radius-md);bottom:84px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;left:50%;min-width:160px;padding:var(--spacing-sm) 0;position:absolute;transform:translateX(-50%);z-index:1040}.avatar-menu-right{bottom:auto;left:calc(100% + 8px);top:0;transform:none}.avatar-menu-header{border-bottom:1px solid var(--sidebar-border);font-weight:var(--font-weight-semibold)}.avatar-menu-header,.avatar-menu-item{color:var(--sidebar-text);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.avatar-menu-item{background:none;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.avatar-menu-item:hover{background:var(--sidebar-hover)}.role-badge-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid var(--bg-secondary);border-radius:50%;bottom:-4px;box-shadow:0 2px 8px #0000004d;display:flex;font-size:10px;height:18px;justify-content:center;position:absolute;right:-4px;transition:transform .2s var(--transition-timing);width:18px;z-index:10}.role-badge-icon:hover{transform:scale(1.15)}.light-theme .role-badge-icon{border-color:var(--beige-canvas);box-shadow:0 2px 8px #00000026}.light-theme .sidebar{background:var(--elevation-01dp);border-right-color:var(--beige-sand)}.light-theme .nav-item{color:var(--text-primary)}.light-theme .nav-item:hover{background:var(--state-hover);color:var(--text-primary);transform:translateX(1px)}.light-theme .nav-item.active{background:var(--state-selected);color:var(--accent-sage)}.light-theme .logo{color:var(--text-primary)}.light-theme .mobile-settings-btn{color:var(--text-secondary);opacity:.85}.light-theme .mobile-settings-btn:hover{background:var(--state-hover);color:var(--text-primary);opacity:1}.mobile-settings-portal{isolation:isolate;padding:var(--spacing-xs);pointer-events:auto;position:relative;right:0;top:0;z-index:1100;z-index:var( --z-drawer-panel-compact,1100 )}.mobile-settings-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:50%;box-shadow:none;color:var(--text-secondary);cursor:pointer;display:flex;height:48px;height:var(--touch-target-comfortable,48px);justify-content:center;min-height:48px;min-height:var(--touch-target-comfortable,48px);min-width:48px;min-width:var(--touch-target-comfortable,48px);opacity:.85;padding:0;touch-action:manipulation;transition:all var(--transition-fast);width:48px;width:var(--touch-target-comfortable,48px)}.mobile-settings-btn svg{height:28px;transition:transform var(--transition-fast);width:28px}.mobile-settings-btn:hover{background:var(--state-hover);color:var(--text-primary);opacity:1;transform:scale(1.05)}.mobile-settings-btn:active{background:var(--state-pressed);transform:scale(.95)}@media (min-width:601px){.mobile-settings-portal{display:none}}.mobile-settings-portal .dropdown-list{left:auto;position:absolute;right:0;top:calc(100% + var(--spacing-sm));transform:none}.passport-btn .avatar-circle{transition:transform var(--transition-fast)}.passport-btn:hover .avatar-circle{transform:scale(1.05)}.dropdown-trigger{align-items:center;display:inline-flex;flex-shrink:0;position:relative}.dropdown-list{animation:dropdownAppear .15s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:0 8px 24px #0003,0 4px 8px #0000001a;max-height:80vh;max-width:280px;min-width:160px;overflow:hidden;position:absolute;transform-origin:top center;z-index:9999}.dropdown-portal{margin:0!important;padding:0!important;position:absolute!important;transform:none!important;z-index:9999!important}@keyframes dropdownAppear{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-bottom-left{left:0;top:calc(100% + 4px);transform-origin:top left}.dropdown-bottom-right{right:0;top:calc(100% + 4px);transform-origin:top right}.dropdown-top-left{bottom:calc(100% + 4px);left:0;transform-origin:bottom left}.dropdown-top-right{bottom:calc(100% + 4px);right:0;transform-origin:bottom right}.dropdown-list-content{max-height:inherit;overflow-x:hidden;overflow-y:auto;padding:4px 0}.dropdown-list-content::-webkit-scrollbar{width:4px}.dropdown-list-content::-webkit-scrollbar-track{background:#0000}.dropdown-list-content::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:2px;opacity:.3}.dropdown-list-content::-webkit-scrollbar-thumb:hover{opacity:.6}.dropdown-item{align-items:center;border:none;border-radius:3px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:var(--spacing-sm);line-height:20px;margin:0 4px;padding:6px 12px;position:relative;transition:background .1s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.dropdown-item.focused,.dropdown-item:hover{background:#ffffff14;color:var(--text-primary)}.dropdown-item.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.dropdown-item-icon{align-items:center;display:flex;flex-shrink:0;font-size:14px;height:16px;justify-content:center;width:16px}.dropdown-item-icon svg{fill:currentColor;stroke:currentColor;height:16px;width:16px}.dropdown-item-label{flex:1 1;overflow:hidden;text-overflow:ellipsis}.dropdown-item-shortcut{color:var(--text-secondary);flex-shrink:0;font-family:monospace;font-size:var(--font-size-xs);margin-left:auto;opacity:.7}.dropdown-empty{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic;padding:var(--spacing-md);text-align:center}.dropdown-divider{background:var(--border-color);cursor:default;height:1px;margin:var(--spacing-xs) var(--spacing-sm);min-height:1px;padding:0;pointer-events:none}.dropdown-item.danger{color:#ef4444;color:var(--accent-red,#ef4444)}.dropdown-item.danger.focused,.dropdown-item.danger:hover{background:#ef44441a;color:#ef4444;color:var(--accent-red,#ef4444)}.dropdown-item.primary{color:var(--accent-blue);font-weight:var(--font-weight-medium)}.dropdown-item.primary.focused,.dropdown-item.primary:hover{background:#3b82f61a;color:var(--accent-blue)}.light-theme .dropdown-list{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 8px 24px #0000001a,0 4px 8px #0000000d}.light-theme .dropdown-item.focused,.light-theme .dropdown-item:hover{background:var(--bg-secondary)}.light-theme .dropdown-item.danger.focused,.light-theme .dropdown-item.danger:hover{background:#ef44440d}.light-theme .dropdown-item.primary.focused,.light-theme .dropdown-item.primary:hover{background:#3b82f60d}@media (max-width:768px){.dropdown-list{font-size:14px;max-height:70vh;max-width:90vw;min-width:140px}.dropdown-item{padding:6px 12px}}.overlay-backdrop{align-items:center;animation:backdropFadeIn var(--transition-medium) ease;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background-color:#0009;display:flex;height:100%;justify-content:center;left:0;top:0;width:100%;z-index:var(--z-modal)}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.overlay-content{animation:dialogSlideIn var(--transition-medium) cubic-bezier(.4,0,.2,1);backdrop-filter:blur(var(--glass-overlay-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-overlay-blur)) saturate(180%);background:var(--glass-overlay-bg);border:1px solid var(--glass-overlay-border);border-radius:var(--border-radius-xl);box-shadow:var(--glass-overlay-shadow);color:var(--text-primary);display:flex;flex-direction:column;max-height:90vh;max-height:90dvh;max-width:800px;overflow:hidden;width:90%}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.overlay-small{max-width:500px}.overlay-medium{max-width:800px}.overlay-large{max-width:1100px}.overlay-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e1f1c80;border-bottom:1px solid #ffffff14;color:var(--text-primary);display:flex;flex-shrink:0;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl)}.overlay-header h2{color:var(--text-primary);flex:1 1;font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;line-height:var(--line-height-tight);margin:0}.overlay-header-actions-group{align-items:center;display:flex;gap:var(--spacing-sm);margin-left:auto}.overlay-body{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0000;color:var(--text-primary);flex:1 1;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);overflow-y:auto;padding:none;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.overlay-body::-webkit-scrollbar{width:var(--spacing-xs)}.overlay-body::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:var(--border-radius-sm)}.overlay-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));border-radius:var(--border-radius-sm);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.overlay-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-green),var(--accent-blue))}.overlay-footer{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e1f1c80;border-top:1px solid #ffffff14;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-xl)}.close-overlay-button,.overlay-footer{align-items:center;display:flex;flex-shrink:0}.close-overlay-button{background:none;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--spacing-xs);transition:all var(--transition-fast)}.close-overlay-button:hover{background-color:var(--state-hover);color:var(--text-primary);transform:scale(1.05)}.close-overlay-button:active{background-color:var(--state-pressed);transform:scale(.95)}.close-overlay-button svg{height:var(--spacing-lg);width:var(--spacing-lg)}.light-theme .overlay-backdrop{-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background-color:#7a6f6399}.light-theme .overlay-content{backdrop-filter:blur(var(--glass-overlay-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-overlay-blur)) saturate(180%);background:var(--glass-overlay-bg);border:1px solid var(--glass-overlay-border);box-shadow:var(--glass-overlay-shadow)}.light-theme .overlay-header{background:#faf5e6b3;border-bottom:1px solid #7a6f6326}.light-theme .overlay-footer{background:#faf5e6b3;border-top:1px solid #7a6f6326}.light-theme .close-overlay-button:hover{background-color:#7a6f631a}.light-theme .modal-button-secondary{border:1px solid #7a6f6340;color:var(--text-secondary)}.light-theme .modal-button-secondary:hover:not(:disabled){background:#7a6f6314;border-color:#7a6f6359;color:var(--text-primary)}.light-theme .modal-info-box{background:#f5f5dc99;border:1px solid #7a6f6333}@media (max-width:768px){.overlay-backdrop{padding:var(--spacing-sm)}.overlay-content{border-radius:var(--border-radius-lg);height:calc(100dvh - var(--spacing-md));height:calc(100vh - var(--spacing-md));max-height:none;width:calc(100% - var(--spacing-md))}.overlay-content,.overlay-large,.overlay-medium,.overlay-small{max-width:calc(100% - var(--spacing-md))}.overlay-header{padding:var(--spacing-sm) var(--spacing-md)}.overlay-header h2{font-size:var(--font-size-lg)}.overlay-body{flex:1 1;min-height:0;padding:0}.overlay-footer{flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.close-overlay-button{height:var(--spacing-xl);width:var(--spacing-xl)}.close-overlay-button svg{height:var(--spacing-md);width:var(--spacing-md)}}@media (max-width:480px){.overlay-backdrop{padding:var(--spacing-xs)}.overlay-content{border-radius:var(--border-radius-md);height:calc(100dvh - var(--spacing-sm));height:calc(100vh - var(--spacing-sm));max-height:none;width:calc(100% - var(--spacing-sm))}.overlay-content,.overlay-large,.overlay-medium,.overlay-small{max-width:calc(100% - var(--spacing-sm))}.overlay-header h2{font-size:var(--font-size-md)}.overlay-body{padding:0}}@media (prefers-reduced-motion:reduce){.overlay-backdrop,.overlay-content{animation:none}.close-overlay-button:active,.close-overlay-button:hover{transform:none}}.close-overlay-button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.modal-button{align-items:center;border:none;border-radius:var(--border-radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast);white-space:nowrap}.modal-button:disabled{cursor:not-allowed;opacity:.5}.modal-button-secondary{background:#0000;border:1px solid #ffffff26;color:var(--text-secondary)}.modal-button-secondary:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff40;color:var(--text-primary)}.modal-button-primary{background:var(--tree-green);border:1px solid var(--tree-green);box-shadow:var(--shadow-md);color:var(--monokai-bg-darker);font-weight:var(--font-weight-semibold)}.modal-button-primary:hover:not(:disabled){background:#0ea573;border-color:#0ea573;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.modal-button-primary:active:not(:disabled){transform:translateY(0)}.modal-description{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.modal-info-box{background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.modal-info-box ul{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0;padding-left:var(--spacing-lg)}.modal-info-box li{margin-bottom:var(--spacing-sm)}.modal-info-box li:last-child{margin-bottom:0}.modal-info-box strong{color:var(--tree-green);font-weight:var(--font-weight-semibold)}.auth-page-container{align-items:center;background:#0000;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.light-theme .auth-page-container{background:linear-gradient(160deg,#f9e4cf,#ede0d4 50%,#e3d5ca),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.04'/%3E%3C/svg%3E");background-blend-mode:overlay;background-position:50%;background-size:cover}.auth-page-container.gradient-mode .auth-logo-svg,.auth-page-container.gradient-mode .auth-tagline,.auth-page-container.gradient-mode .glow-logo-default-intense,.auth-page-container.gradient-mode .glow-medium,.auth-page-container.gradient-mode .glow-subtle,.light-theme .auth-page-container .glow-logo-default-intense,.light-theme .auth-page-container .glow-medium,.light-theme .auth-page-container .glow-subtle{box-shadow:none!important;filter:none!important;text-shadow:none!important}.auth-page-content{animation:auth-content-fade-in .6s ease-out;margin:clamp(1rem,3vh,2rem) clamp(.75rem,2vw,1.5rem);max-width:420px;position:relative;width:100%}.auth-page-content.fading-out{animation:auth-content-fade-out .8s ease-in forwards}@keyframes authGradientFlow{0%{background-position:0 50%}25%{background-position:100% 25%}50%{background-position:100% 75%}75%{background-position:0 100%}to{background-position:0 50%}}@keyframes auth-content-fade-in{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes auth-content-fade-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-20px)}}.auth-logo{height:auto;margin-bottom:24px;max-width:200px;width:50%}.auth-logo-svg,.auth-logo-svg path{fill:var(--text-primary);fill:var(--sidebar-text,var(--text-primary));color:var(--text-primary);color:var(--sidebar-text,var(--text-primary));transition:fill var(--transition-fast),color var(--transition-fast)}@keyframes logoGlow{0%{transform:scale(1)}to{transform:scale(1.02)}}.auth-form-container{align-items:center;background:#1e1f1c;background:var(--bg-primary,#1e1f1c);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:center;min-height:100vh;padding:1rem}.auth-page-container .auth-form-container{background:none;min-height:auto;padding:0}.auth-form{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;border-radius:16px;box-shadow:none;max-width:420px;padding:max(clamp(1.5rem,4vh,2.5rem),env(safe-area-inset-top)) max(clamp(1.25rem,3vw,2rem),env(safe-area-inset-right)) max(clamp(1.5rem,4vh,2.5rem),env(safe-area-inset-bottom)) max(clamp(1.25rem,3vw,2rem),env(safe-area-inset-left));position:relative;width:100%}.auth-header{margin-bottom:clamp(1.25rem,3vh,1.75rem)}.auth-title{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-family:var(--font-sans);font-size:clamp(1.375rem,4vw + .5rem,1.875rem);font-weight:300;line-height:1.2;margin:0 0 .5rem;text-align:center;text-shadow:0 2px 4px #0000004d}.light-theme .auth-title{text-shadow:none}.auth-subtitle{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-family:var(--font-sans);font-size:1.5rem;font-weight:100;line-height:1.2;margin:0;text-shadow:0 2px 4px #0000004d}.auth-inactivity-notice{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#d6ae541a;border:1px solid #d6ae544d;border-radius:12px;margin-bottom:1rem;padding:1rem;text-align:center}.auth-inactivity-notice .auth-title{color:#d6ae54;color:var(--color-golden,#d6ae54);font-size:1.5rem;margin-bottom:.5rem}.auth-inactivity-notice .auth-subtitle{color:#a59f85;color:var(--text-secondary,#a59f85);font-size:.875rem;font-weight:400;line-height:1.4;margin:0}.auth-form-content{display:flex;flex-direction:column;gap:.625rem}.auth-error-icon{flex-shrink:0;font-size:1.125rem}.auth-error-icon,.auth-error-text{color:#f92672;color:var(--accent-red,#f92672)}.auth-error-text{font-size:.875rem;line-height:1.4}.auth-field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:0}.auth-label{color:#75715e;color:var(--text-secondary,#75715e);font-family:var(--font-sans);font-size:clamp(.75rem,1.5vw,.8125rem);font-weight:500;font-weight:var(--font-weight-medium,500);margin:0;transition:color var(--transition-fast)}.auth-field:focus-within .auth-label{color:#d6ae54;color:var(--color-golden,#d6ae54)}.auth-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#1e1f1ccc;border:2px solid #49483e99;border-radius:10px;border-radius:var(--border-radius-md,10px);box-sizing:border-box;color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-size:.9375rem;line-height:1.4;max-height:48px;min-height:42px;padding:.625rem .875rem;transition:all .3s ease;transition:all var(--transition-medium,.3s ease);width:100%}.auth-input:focus{background-color:#1e1f1cf2;border-color:#d6ae54;border-color:var(--color-golden,#d6ae54);box-shadow:0 0 0 3px #d6ae5433,0 0 20px #d6ae541a;outline:none}.auth-input:disabled{background-color:#27282299;cursor:not-allowed}.auth-input::placeholder,.auth-input:disabled{color:#75715e;color:var(--text-secondary,#75715e)}.light-theme .auth-input{background-color:#fff9;border-color:#00000026;color:var(--text-primary)}.light-theme .auth-input:focus{background-color:#ffffffe6;border-color:var(--color-golden);box-shadow:0 0 0 3px #d6ae5426}.light-theme .auth-input:disabled{background-color:#0000000d;color:var(--text-secondary)}.light-theme .auth-input::placeholder{color:var(--text-secondary)}.auth-input-error,.auth-input-error:focus{border-color:#f92672;border-color:var(--accent-red,#f92672)}.auth-input-error:focus{box-shadow:0 0 0 3px #f9267233}.auth-field-error{color:#f92672;color:var(--accent-red,#f92672);font-size:.8125rem;line-height:1.3;margin-top:.25rem}.auth-field-hint{color:#75715e;color:var(--text-secondary,#75715e);font-size:.75rem;font-style:italic;line-height:1.3;margin-top:.25rem;opacity:.85}.light-theme .auth-field-hint{color:#0009}.password-validation-success{align-items:center;animation:slideInSuccess .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#7cb51826;border:1px solid #7cb5184d;border-radius:8px;color:#7cb518;color:var(--accent-green,#7cb518);display:flex;font-size:.8125rem;gap:.5rem;margin-top:.375rem;padding:.5rem .75rem}.validation-checkmark{color:#7cb518;color:var(--accent-green,#7cb518);flex-shrink:0;font-size:1rem;font-weight:700}.validation-text{font-weight:500;line-height:1.3}.light-theme .password-validation-success{background-color:#8b9a7f26;border-color:#8b9a7f66;color:#3c5a28e6}.light-theme .validation-checkmark{color:#3c5a28e6}@keyframes slideInSuccess{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.password-strength-container-segmented{align-items:center;display:flex;gap:.5rem;margin-top:.375rem}.password-strength-segments{display:flex;flex:1 1;gap:.375rem}.password-strength-segment{background-color:#49483e33;border-radius:2px;flex:1 1;height:4px;transition:all .3s ease}.light-theme .password-strength-segment{background-color:#0000001a}.password-strength-segment.very-weak{background-color:#e74c3c}.password-strength-segment.weak{background-color:#e67e22}.password-strength-segment.fair{background-color:#f39c12}.password-strength-segment.good{background-color:#2ecc71}.password-strength-segment.strong{background-color:#27ae60}.password-strength-info{align-items:center;display:flex;gap:.375rem}.password-strength-label{background:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:.6875rem;font-weight:700;letter-spacing:.01em;padding:0}.password-strength-label.very-weak{color:#e74c3c}.password-strength-label.weak{color:#e67e22}.password-strength-label.fair{color:#f39c12}.password-strength-label.good{color:#2ecc71}.password-strength-label.strong{color:#27ae60}.password-strength-container{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.password-strength-bar{background-color:#49483e99;flex:1 1}.password-strength-fill{transition:all .4s ease}.very-weak{color:#f92672;color:var(--accent-red,#f92672)}.weak{color:#fd971f;color:var(--accent-orange,#fd971f)}.fair{color:#e6db74;color:var(--accent-yellow,#e6db74)}.good{color:#a6e22e;color:var(--accent-green,#a6e22e)}.strong{color:#d6ae54;color:var(--color-golden,#d6ae54)}.auth-button{border:none;border-radius:10px;border-radius:var(--border-radius-md,10px);cursor:pointer;font-size:1rem;font-size:var(--font-size-md,1rem);font-weight:600;font-weight:var(--font-weight-semibold,600);gap:.5rem;gap:var(--spacing-sm,.5rem);justify-content:center;line-height:1.5;margin-top:1rem;margin-top:var(--spacing-lg,1rem);max-width:100%;min-height:48px;overflow:hidden;padding:1rem 1.5rem;padding:var(--spacing-md,1rem) var(--spacing-lg,1.5rem);position:relative;text-align:center;transition:all .3s ease;transition:all var(--transition-medium,.3s ease)}.auth-button,.auth-button-container{align-items:center;display:flex;width:100%}.auth-button-container{flex-direction:column;gap:1rem;gap:var(--spacing-md,1rem);margin-top:1.5rem;margin-top:var(--spacing-lg,1.5rem)}.auth-button-container .auth-button{margin-top:0;max-width:320px;width:100%}.auth-login-subheader{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-family:var(--font-sans);font-size:2rem;font-weight:200;line-height:1.2;margin:0 0 1.5rem;opacity:.9;text-align:center}.password-field-container{position:relative}.password-tooltip{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#272822f2;border:1px solid #d6ae54;border:1px solid var(--color-golden,#d6ae54);border-radius:8px;box-shadow:0 8px 24px #0006;left:0;opacity:0;padding:1rem;position:absolute;right:0;top:calc(100% + .5rem);transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1000}.password-tooltip.visible{opacity:1;transform:translateY(0);visibility:visible}.password-tooltip:before{background:#272822f2;border-left:1px solid #d6ae54;border-left:1px solid var(--color-golden,#d6ae54);border-top:1px solid #d6ae54;border-top:1px solid var(--color-golden,#d6ae54);content:"";height:12px;position:absolute;right:20px;top:-6px;transform:rotate(45deg);width:12px}.light-theme .password-tooltip{background:#fffffff2;border-color:#d6ae54;border-color:var(--color-golden,#d6ae54)}.light-theme .password-tooltip:before{background:#fffffff2}.password-tooltip-header{align-items:center;color:#d6ae54;color:var(--color-golden,#d6ae54);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.password-tooltip-rules{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.password-tooltip-rule{align-items:center;color:#75715e;color:var(--text-secondary,#75715e);display:flex;font-size:.8rem;gap:.5rem;line-height:1.3}.password-tooltip-rule.met,.password-tooltip-rule.met .rule-icon{color:#a6e22e;color:var(--accent-green,#a6e22e)}.password-tooltip-rule .rule-icon{align-items:center;display:flex;flex-shrink:0;font-size:.75rem;height:12px;justify-content:center;width:12px}.password-toggle-btn{align-items:center;background:none;border:none;color:#75715e;color:var(--text-secondary,#75715e);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:10}.password-toggle-btn:hover{color:#d6ae54;color:var(--color-golden,#d6ae54)}.password-toggle-btn:focus{outline:none}.password-toggle-icon{height:20px;width:20px}.password-input{padding-right:2.75rem!important}.password-info-icon-btn{align-items:center;background:none;border:none;color:#d6ae54;color:var(--color-golden,#d6ae54);cursor:pointer;display:flex;justify-content:center;padding:0;transition:all .2s ease}.password-info-icon-btn:hover{transform:scale(1.1)}.password-info-icon-btn:focus{outline:none}.password-info-icon-svg{height:16px;width:16px}.password-info-icon{align-items:center;background:#d6ae5433;border:1px solid #d6ae5466;border-radius:50%;color:#d6ae54;color:var(--color-golden,#d6ae54);cursor:help;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;position:absolute;right:.875rem;top:.875rem;transition:all .3s ease;width:20px;z-index:10}.password-info-icon:hover{background:#d6ae544d;border-color:#d6ae54;border-color:var(--color-golden,#d6ae54);transform:scale(1.1)}@media (max-width:768px){.password-tooltip{left:0;margin:0 auto;max-width:280px;min-width:260px;right:0}.password-tooltip:before{right:50%;transform:translateX(50%) rotate(45deg)}}@media (max-width:480px){.password-tooltip{left:50%;max-width:calc(100vw - 3rem);min-width:calc(100vw - 3rem);padding:.875rem;right:auto;transform:translateX(-50%) translateY(-10px)}.password-tooltip.visible{transform:translateX(-50%) translateY(0)}.password-tooltip:before{left:50%;right:auto;transform:translateX(-50%) rotate(45deg)}.auth-button-container .auth-button{max-width:none}.auth-login-subheader{font-size:.9rem;margin:.5rem 0 1.25rem}}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-button-primary{background:linear-gradient(135deg,#d6ae54,#e8c175);box-shadow:0 4px 15px #d6ae544d;color:#1e1f1c;color:var(--bg-primary,#1e1f1c);transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#e8c175,#f0d08a);box-shadow:0 4px 16px #d6ae5466;color:#1e1f1c;color:var(--bg-primary,#1e1f1c);transform:translateY(-1px)}.auth-button-primary:active:not(:disabled){background:linear-gradient(135deg,#c99d45,#d6ae54);box-shadow:0 2px 8px #d6ae544d;transform:translateY(0)}.auth-button-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#1e1f1ccc;border:2px solid #49483e99;color:#f8f8f2;color:var(--text-primary,#f8f8f2)}.auth-button-secondary:hover:not(:disabled){background-color:#272822e6;border-color:#d6ae54;border-color:var(--color-golden,#d6ae54);transform:translateY(-1px)}.auth-button-secondary:active:not(:disabled){transform:translateY(0)}.auth-spinner{animation:auth-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;color:#d6ae54;color:var(--color-golden,#d6ae54);height:16px;width:16px}@keyframes auth-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-forgot-password{margin-top:1rem;text-align:center}.auth-link-button{background:none;border:none;color:#d6ae54;color:var(--color-golden,#d6ae54);cursor:pointer;font-size:.875rem;font-weight:500;padding:0;text-decoration:underline;transition:color .3s ease}.auth-link-button:hover:not(:disabled){color:#a6e22e;color:var(--accent-green,#a6e22e)}.auth-link-button:disabled{color:#75715e;color:var(--text-secondary,#75715e);cursor:not-allowed;opacity:.5}.auth-footer{margin-top:2rem;text-align:center}.auth-switch-text{color:#75715e;color:var(--text-secondary,#75715e);font-family:var(--font-sans);font-size:.875rem;line-height:1.5;margin:0}.auth-switch-button{background:none;border:none;color:#d6ae54;color:var(--color-golden,#d6ae54);cursor:pointer;font-size:.875rem;font-weight:600;padding:0;text-decoration:underline;transition:color .3s ease}.auth-switch-button:hover:not(:disabled){color:#a6e22e;color:var(--accent-green,#a6e22e)}.auth-switch-button:disabled{color:#75715e;color:var(--text-secondary,#75715e);cursor:not-allowed}.auth-alternatives{border-top:1px solid #49483e66;margin-top:2rem;padding-top:1.5rem}.auth-divider{margin-bottom:1.5rem;position:relative;text-align:center}.auth-divider:before{background:#49483e66;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#272822d9;color:#75715e;color:var(--text-secondary,#75715e);font-size:.875rem;padding:0 1rem;position:relative;z-index:1}.demo-login-button,.dev-login-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e1f1ccc;border:1px solid #49483e99;border-radius:10px;color:#f8f8f2;color:var(--text-primary,#f8f8f2);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:.75rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.demo-login-button:hover{background:#272822e6;border-color:#d6ae54;border-color:var(--color-golden,#d6ae54);color:#d6ae54;color:var(--color-golden,#d6ae54);transform:translateY(-1px)}.dev-login-button{background:#27282299;border-color:#3e3d3299;color:#75715e;color:var(--text-secondary,#75715e);font-size:.8rem}.dev-login-button:hover{background:#1e1f1ccc;border-color:#49483ecc;color:#f8f8f2;color:var(--text-primary,#f8f8f2);transform:translateY(-1px)}.demo-login-button svg,.dev-login-button svg{opacity:.7}.dev-login-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e1f1ccc;border:1px solid #49483e99;border-radius:8px;color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-size:.875rem;margin:1rem 0 1.5rem;outline:none;padding:.875rem;transition:all .3s ease;width:100%}.dev-login-input:focus{border-color:#d6ae54;border-color:var(--color-golden,#d6ae54);box-shadow:0 0 0 3px #d6ae5433}.dev-login-input::placeholder{color:#75715e;color:var(--text-secondary,#75715e)}.dev-login-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.dev-login-actions .dev-login-button{background:#d6ae54;background:var(--color-golden,#d6ae54);border:none;border-radius:8px;color:#1e1f1c;color:var(--bg-primary,#1e1f1c);cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:0;padding:.625rem 1.25rem;transition:background-color .3s ease;width:auto}.dev-login-actions .dev-login-button:hover{background:#a6e22e;background:var(--accent-green,#a6e22e)}.dev-login-cancel{background:#0000;border:1px solid #49483e99;border-radius:8px;color:#75715e;color:var(--text-secondary,#75715e);cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .3s ease}.dev-login-cancel:hover{background:#272822cc;border-color:#3e3d32cc;color:#f8f8f2;color:var(--text-primary,#f8f8f2)}@media (max-width:768px){.auth-page-container{padding:1rem .75rem}.auth-form-container{padding:.75rem}.auth-form{border-radius:14px;max-width:100%;padding:2rem 1.5rem}.auth-title{font-size:3rem}.auth-subtitle{font-size:1rem}.auth-form-content{gap:1.25rem}.password-strength-container{gap:.75rem}.auth-logo-container.splash{height:150px;width:150px}.auth-logo-container.form,.auth-logo-container.transitioning{height:100px;width:100px}.auth-tagline.splash{font-size:2rem}.auth-logo-container.transitioning{transform:translateY(-25vh)}}@media (max-width:480px){.auth-form-container,.auth-page-container{padding:.5rem}.auth-form{border-radius:12px;padding:1.75rem 1.25rem}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.875rem}.auth-form-content{gap:1rem}.password-strength-container{align-items:stretch;flex-direction:column;gap:.5rem}.password-strength-label{text-align:center}.auth-splash-content{padding:1rem}.auth-logo-container.splash{height:120px;margin-bottom:1.5rem;width:120px}.auth-logo-container.form,.auth-logo-container.transitioning{height:80px;width:80px}.auth-tagline.splash{font-size:1.5rem}.auth-logo-container.transitioning{transform:translateY(-20vh)}.auth-button{font-size:1rem;padding:1rem}.auth-field{gap:.5rem}.auth-input{font-size:1rem;padding:.875rem}}@media (max-width:320px){.auth-page-container{padding:.25rem}.auth-form{padding:1.5rem 1rem}.auth-tagline.splash,.auth-title{font-size:1.25rem}.auth-logo-container.splash{height:100px;width:100px}.auth-logo-container.form,.auth-logo-container.transitioning{height:70px;width:70px}}@media (min-width:1024px){.auth-form,.auth-page-content{max-width:480px}.auth-form{padding:3rem}}@media (min-width:1440px){.auth-page-content{max-width:520px}}@media (max-height:700px) and (max-width:480px){.auth-page-container{align-items:center;overflow-y:auto;padding:.5rem}.auth-page-content{margin:.5rem auto;max-height:none}.auth-form{padding:1rem .875rem}.auth-header{margin-bottom:.875rem}.auth-logo-container.form{height:56px;margin-bottom:.625rem;width:56px}.auth-title{font-size:clamp(1.125rem,3.5vw,1.25rem);margin-bottom:.375rem}.auth-form-content{gap:.625rem}.auth-field{gap:.25rem;margin-bottom:.625rem}.auth-label{font-size:.75rem}.auth-input{font-size:1rem;max-height:46px;min-height:42px;padding:.625rem .875rem}.auth-button{font-size:1rem;margin-top:.5rem;min-height:44px;padding:.75rem 1rem}.auth-footer{margin-top:.875rem;padding-top:.625rem}.password-strength-container{gap:.375rem;margin-top:.25rem}.password-field-container{margin-bottom:.25rem}}@media (min-height:640px) and (max-height:680px) and (min-width:360px) and (max-width:390px){.auth-page-container{align-items:center!important;padding:.75rem .5rem}.auth-page-content{margin:auto}.auth-form{padding:1.125rem 1rem}.auth-logo-container.form{height:54px;margin-bottom:.625rem;width:54px}.auth-title{font-size:1.25rem;margin-bottom:.5rem}.auth-header{margin-bottom:.875rem}}@media (max-height:640px) and (max-width:480px){.auth-page-container{align-items:flex-start!important;padding-top:1rem}.auth-page-content{margin:0 auto}}@media (max-height:600px) and (max-width:400px){.auth-page-container{align-items:flex-start!important;padding:.5rem}.auth-page-content{margin:0 auto}.auth-form{padding:.875rem .75rem}.auth-logo-container.form{height:48px;margin-bottom:.5rem;width:48px}.auth-title{font-size:1.125rem}.auth-field{margin-bottom:.5rem}.auth-input{font-size:.9375rem;padding:.625rem .75rem}.auth-button{font-size:.9375rem;padding:.75rem}.password-tooltip{display:none!important}}@media (max-height:480px) and (orientation:landscape){.auth-page-container{align-items:flex-start;overflow-y:auto;padding:.5rem}.auth-page-content{margin:.5rem auto}.auth-form{padding:1rem 1.5rem}.auth-logo-container.splash{height:60px;margin-bottom:.75rem;width:60px}.auth-logo-container.form{height:50px;width:50px}.auth-tagline.splash,.auth-title{font-size:1.125rem}.auth-form-content{gap:.625rem}.auth-field{gap:.25rem;margin-bottom:.5rem}.auth-button,.auth-input{font-size:.9375rem;padding:.625rem .875rem}}.auth-button:focus,.auth-form :focus{outline:2px solid #d6ae54;outline:2px solid var(--color-golden,#d6ae54);outline-offset:2px}@media (prefers-contrast:high){.auth-form{background:#272822f2;border:2px solid #f8f8f2;border:2px solid var(--text-primary,#f8f8f2)}.auth-input{background-color:#1e1f1cf2;border-width:2px}.auth-button-primary{background:#f8f8f2;background:var(--text-primary,#f8f8f2);color:#1e1f1c;color:var(--bg-primary,#1e1f1c)}.auth-button-secondary{background:#1e1f1cf2;border-color:#f8f8f2;border-color:var(--text-primary,#f8f8f2);color:#f8f8f2;color:var(--text-primary,#f8f8f2)}.auth-page-container{background:linear-gradient(0deg,#000,#333,#000,#333)}}@media (prefers-reduced-motion:reduce){.auth-button,.auth-input,.password-strength-fill{transition:none}.auth-logo,.auth-spinner{animation:none}@keyframes authGradientFlow{0%{background-position:0 50%}to{background-position:0 50%}}@keyframes auth-content-fade-in{0%{opacity:0}to{opacity:1}}}@media print{.auth-page-container{display:none}.auth-form-container{background:#fff;padding:0}.auth-form{background:#fff;border:1px solid #000;box-shadow:none}.auth-button{background:#fff!important;border:1px solid #000;color:#000!important}}.auth-form-wrapper{transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.auth-form-wrapper.transitioning{opacity:0;transform:translateY(-8px)}.auth-page-content.transitioning{opacity:.9}.auth-error-banner{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#f9267226;border:1px solid #f9267266;border-radius:10px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:1rem}.auth-splash-content{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;transition:opacity .4s ease;z-index:10}.auth-splash-content.transitioning{cursor:default;pointer-events:none}.auth-logo-container{align-items:center;color:var(--text-primary);display:flex;height:120px;justify-content:center;margin:0 auto 1rem;position:relative;width:120px}.auth-logo-container.transitioning{opacity:0;transition:opacity .5s ease-in}.auth-logo-container.form{opacity:1;transition:opacity .5s ease-in}.auth-logo-svg{height:100%;width:100%}.auth-logo-container.splash{height:200px;margin-bottom:2rem;width:200px}.auth-header{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem;text-align:center}.auth-tagline-container{text-align:center;transition:all .6s ease}.auth-tagline-container.splash{opacity:1;transform:translateY(0)}.auth-tagline-container.transitioning{opacity:0;transform:translateY(20px)}.auth-tagline{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-family:var(--font-sans)!important;font-size:2.5rem;font-weight:100;letter-spacing:-.02em;margin:0;text-shadow:0 0 20px #d6ae544d;transition:all .3s ease}.light-theme .auth-tagline{text-shadow:none}.auth-form-container.hidden{opacity:0;pointer-events:none}.auth-form-container.hidden,.auth-form-container.visible{left:50%;max-width:420px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.auth-form-container.visible{animation:form-slide-up .4s ease-out both;opacity:1;pointer-events:all}@keyframes form-slide-up{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.auth-splash-content:hover .auth-logo-container.splash{transform:scale(1.02)}.auth-form-wrapper{transition:opacity .15s ease-in-out,transform .15s ease-in-out}.auth-form-wrapper.transitioning{opacity:.7;transform:scale(.98)}@media (max-width:768px){.auth-logo-container.splash{height:150px;width:150px}.auth-logo-container.form,.auth-logo-container.transitioning{height:100px;width:100px}.auth-tagline.splash{font-size:2rem}.auth-logo-container.transitioning{transform:translateY(-25vh)}}@media (max-width:480px){.auth-splash-content{padding:1rem}.auth-logo-container.splash{height:120px;margin-bottom:1.5rem;width:120px}.auth-logo-container.form,.auth-logo-container.transitioning{height:80px;width:80px}.auth-tagline.splash{font-size:1.5rem}.auth-logo-container.transitioning{transform:translateY(-20vh)}}@media (prefers-reduced-motion:reduce){.auth-logo-container,.auth-logo-svg,.auth-tagline,.auth-tagline-container{transition:none}.auth-form-container.visible{animation:none;opacity:1}@keyframes form-fade-in{0%{opacity:1}to{opacity:1}}}.auth-loading-container{align-items:center;display:flex;height:100%;justify-content:center;padding:2rem;width:100%}.splash-particles-layer{z-index:0}.splash-particles-layer,.splash-particles-layer:after{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.splash-particles-layer:after{background:#1e1f1c4d;content:"";z-index:1}.auth-particles-layer{z-index:0}.auth-particles-layer,.auth-particles-layer:after{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.auth-particles-layer:after{background:#1e1f1c4d;content:"";z-index:1}.light-theme .auth-particles-layer:after,.light-theme .splash-particles-layer:after{background:#f5f5f766}@media{.auth-form{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;border:none!important;box-shadow:none!important}}.auth-page-title{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-family:var(--font-sans);font-size:2.25rem;font-weight:600;line-height:1.2;margin:0 0 .5rem;text-align:center;text-shadow:0 2px 4px #0000004d}.light-theme .auth-page-title{text-shadow:none}.auth-page-subtitle{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-family:var(--font-sans);font-size:1.125rem;font-weight:400;line-height:1.5;margin:0 0 2rem;opacity:.95;text-align:center;text-shadow:0 1px 2px #0003}.light-theme .auth-page-subtitle{color:var(--text-primary);opacity:1;text-shadow:none}.auth-success-state{flex-direction:column;min-height:200px;padding:2rem 1.5rem;text-align:center}.auth-success-state,.success-icon-wrapper{align-items:center;display:flex;justify-content:center}.success-icon-wrapper{background:#10b9811a;border:2px solid #10b981;border:2px solid var(--tree-green,#10b981);border-radius:50%;height:64px;margin:0 auto 1.25rem;width:64px}.success-icon-svg{color:#10b981;color:var(--tree-green,#10b981);height:36px;width:36px}.success-icon{display:block;font-size:3rem;margin-bottom:1rem}.auth-success-state h3{color:#10b981;color:var(--tree-green,#10b981);font-size:1.375rem;font-weight:600;line-height:1.3}.auth-success-state h3,.auth-success-state p{font-family:var(--font-sans);margin:0 0 .75rem}.auth-success-state p{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-size:.9375rem;line-height:1.5;max-width:320px}.success-note{color:#a59f85!important;color:var(--text-secondary,#a59f85)!important;font-size:.8125rem;font-style:italic;margin-bottom:0!important;opacity:.85}.light-theme .success-icon-wrapper{background:#10b98114}.light-theme .auth-success-state h3{color:#10b981;color:var(--tree-green,#10b981)}.light-theme .auth-success-state p{color:var(--text-primary)}.reset-password-page *{font-family:var(--font-sans)!important}.reset-password-form{max-width:420px;width:100%}.password-strength-container{background:#0000;border:none;border-radius:6px;border-radius:var(--border-radius-sm,6px);margin-top:.75rem;margin-top:var(--spacing-sm,.75rem);padding:.75rem;padding:var(--spacing-sm,.75rem)}.password-strength-bar{background-color:#49483e33;border-radius:2px;height:4px;margin-bottom:.5rem;margin-bottom:var(--spacing-xs,.5rem);overflow:hidden}.password-strength-fill{border-radius:2px;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.password-strength-feedback{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-xs,.5rem);justify-content:space-between}.password-strength-label{font-weight:600;font-weight:var(--font-weight-semibold,600);letter-spacing:.05em;text-transform:none;white-space:nowrap}.password-strength-label,.password-strength-text{font-family:var(--font-sans);font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.password-strength-text{color:#a59f85;color:var(--text-secondary,#a59f85);line-height:1.3}.auth-security-note{background:#49483e0d;border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#75715e;color:var(--text-secondary,#75715e);font-family:var(--font-sans)!important;font-size:.625rem!important;line-height:1.4;margin-top:.375rem;margin-top:var(--spacing-xs,.375rem);opacity:.7;padding:.375rem .5rem;padding:var(--spacing-xs,.375rem) var(--spacing-sm,.5rem);text-align:center}.light-theme .auth-security-note{background:#00000005;color:var(--text-secondary)}.auth-security-note strong{color:var(--text-primary);font-family:var(--font-sans)!important;font-size:.625rem!important;font-weight:600;font-weight:var(--font-weight-semibold,600)}.auth-security-tips{background:#0000;border:none;margin:1rem 0;margin:var(--spacing-md,1rem) 0;padding:0}.auth-security-tips h4{color:#a59f85;color:var(--text-secondary,#a59f85);font-family:var(--font-sans);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:600;font-weight:var(--font-weight-semibold,600);letter-spacing:.05em;margin:0 0 .5rem;margin:0 0 var(--spacing-xs,.5rem) 0;text-transform:uppercase}.auth-security-tips ul{list-style:none;margin:0;padding-left:1rem}.auth-security-tips li{color:#a59f85;color:var(--text-secondary,#a59f85);font-family:var(--font-sans);font-size:.75rem;font-size:var(--font-size-xs,.75rem);line-height:1.4;margin-bottom:.375rem;margin-bottom:var(--spacing-xs,.375rem);position:relative}.auth-security-tips li:before{color:#d6ae54;color:var(--color-golden,#d6ae54);content:"•";font-weight:700;left:-.75rem;position:absolute}.auth-error-message{align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#f9267226;border:1px solid #f9267266;border-radius:8px;display:flex;gap:.5rem;margin-bottom:1rem;padding:1rem}.auth-error-message .error-icon{color:#f92672;color:var(--accent-red,#f92672);flex-shrink:0;font-size:1rem;line-height:1;margin-top:.125rem}.auth-error-message span:not(.error-icon){color:#f8f8f2;color:var(--text-primary,#f8f8f2);flex:1 1;font-size:.875rem;line-height:1.4}.auth-form-help{border-top:1px solid #49483e4d;margin-top:1.5rem;padding-top:1rem;text-align:center}.auth-form-help p{color:#a59f85;color:var(--text-secondary,#a59f85);font-size:.875rem;line-height:1.4;margin:0}.auth-link{color:#d6ae54;color:var(--color-golden,#d6ae54);font-weight:500;text-decoration:none;transition:color .3s ease}.auth-link:hover{color:#a6e22e;color:var(--accent-green,#a6e22e);text-decoration:underline}@media (max-width:768px){.reset-password-page .auth-page-content{margin:.75rem;max-width:100%}.reset-password-page .auth-form{padding:clamp(1.25rem,3vh,1.75rem) clamp(1rem,2vw,1.5rem)}.reset-password-page .auth-title{font-size:clamp(1.25rem,4vw,1.5rem)}.reset-password-page .auth-logo-container.form{height:70px;margin-bottom:.75rem;width:70px}}@media (max-width:480px){.reset-password-page .auth-page-container{padding:.5rem}.reset-password-page .auth-page-content{margin:.5rem}.reset-password-page .auth-form{border-radius:12px;padding:1rem .875rem}.reset-password-page .auth-title{font-size:1.25rem;margin-bottom:.375rem}.reset-password-page .auth-logo-container.form{height:60px;margin-bottom:.5rem;width:60px}.reset-password-page .auth-header{margin-bottom:1rem}.reset-password-page .auth-field{margin-bottom:.75rem}.reset-password-page .auth-button-container{gap:.75rem}.reset-password-page .auth-security-note{font-size:.5625rem!important;margin-top:.25rem;padding:.25rem .375rem}.password-strength-feedback{align-items:flex-start;flex-direction:column;gap:.25rem}}.settings-title-wrapper{align-items:center;display:flex;gap:var(--spacing-sm)}.settings-title-icon{color:var(--text-primary);flex-shrink:0;height:24px;width:24px}.settings{gap:var(--spacing-2xl);margin:0 auto;max-height:calc(100dvh - 180px);max-height:calc(100vh - 180px);max-width:500px;min-height:0;overflow-y:auto;padding:var(--spacing-md) var(--spacing-lg);padding-bottom:env(safe-area-inset-bottom,var(--spacing-md));width:100%}.settings,.settings-section{display:flex;flex-direction:column}.settings-section{gap:var(--spacing-md)}.settings-section-title{border-bottom:2px solid #fff6;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-sm);text-transform:none}.settings-section--account{padding-top:var(--spacing-lg)}.settings-divider{background:var(--border-color);height:1px;margin-bottom:var(--spacing-xl)}.settings-item{display:flex;flex-direction:column}.settings-action-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--spacing-md);padding:var(--spacing-lg);text-align:left;width:100%}.settings-action-button,.settings-action-icon{color:var(--text-primary);transition:all var(--transition-fast)}.settings-action-icon{flex-shrink:0;height:24px;width:24px}.settings-action-label{flex:1 1;text-align:left}.settings-action-button:hover{background:var(--state-hover);border-color:var(--tree-green);box-shadow:var(--shadow-md);transform:translateY(-1px)}.settings-action-button:hover .settings-action-icon{color:var(--text-primary);transform:scale(1.02)}.settings-action-button:active{background:var(--state-pressed);transform:translateY(0)}.settings-action-button:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring-blue);outline:none}.settings-action-button--destructive{border-color:#dc26264d}.settings-action-button--destructive:hover{background:#dc262614;border-color:var(--accent-red);box-shadow:0 0 0 3px #dc26261a}.settings-action-button--destructive .settings-action-icon,.settings-action-button--destructive .settings-action-label{color:var(--accent-red)}.settings-action-button--destructive:hover .settings-action-icon{color:color-mix(in srgb,var(--accent-red) 85%,#fff 15%);transform:scale(1.02)}.settings-role-label{border-top:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);margin-top:var(--spacing-md);opacity:.7;padding-top:var(--spacing-lg);text-align:center}.light-theme .settings-section-title{border-bottom-color:var(--beige-sand)}.light-theme .settings-role-label{border-top-color:var(--border-light);color:var(--text-tertiary)}.light-theme .settings-action-button{background:var(--bg-secondary);border-color:var(--border-color)}.light-theme .settings-action-button:hover{background:var(--bg-hover);border-color:var(--accent-blue)}.settings-footer{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e1f1c80;border-top:1px solid #ffffff14;padding:var(--spacing-md) var(--spacing-lg);padding-bottom:calc(env(safe-area-inset-bottom, 0px) + var(--spacing-md))}.light-theme .settings-footer{background:#faf5e6b3;border-top-color:#7a6f6326}.settings-complete-button{align-items:center;background:var(--tree-green);border:1px solid var(--tree-green);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);color:var(--monokai-bg-darker);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;min-height:var(--touch-target-comfortable);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast);width:100%}.settings-complete-button:hover{background:var(--tree-green-hover);border-color:var(--tree-green-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.settings-complete-button:active{background:var(--tree-green-pressed);border-color:var(--tree-green-pressed);transform:translateY(0)}.settings-complete-button:focus-visible{outline:2px solid var(--tree-green);outline-offset:2px}.settings-complete-button .settings-complete-icon{flex-shrink:0;height:20px;width:20px}.light-theme .settings-complete-button{color:#fff}@media (max-width:768px){.settings{max-height:calc(100dvh - 160px);max-height:calc(100vh - 160px);max-width:100%;padding:var(--spacing-sm) var(--spacing-md)}.settings-section-title{font-size:var(--font-size-lg)}.settings-action-button{font-size:var(--font-size-sm);padding:var(--spacing-md)}.settings-action-icon{height:20px;width:20px}.settings-complete-button{padding:var(--spacing-md) var(--spacing-lg)}.settings-footer{padding:var(--spacing-sm) var(--spacing-md);padding-bottom:calc(env(safe-area-inset-bottom, 0px) + var(--spacing-sm))}}@media (max-width:480px){.settings{gap:var(--spacing-xl);max-height:calc(100dvh - 140px);max-height:calc(100vh - 140px);padding:var(--spacing-sm) var(--spacing-sm);padding-bottom:calc(env(safe-area-inset-bottom, 0px) + var(--spacing-sm))}.settings-section{gap:var(--spacing-sm)}.settings-section-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.settings-title-icon{height:20px;width:20px}.settings-complete-button{font-size:var(--font-size-sm)}.settings-footer{padding:var(--spacing-xs) var(--spacing-sm);padding-bottom:calc(env(safe-area-inset-bottom, 0px) + var(--spacing-xs))}}.about-modal-title-wrapper{align-items:center;display:flex;gap:var(--spacing-sm)}.about-modal-title-icon{color:var(--text-primary);flex-shrink:0;height:24px;width:24px}.about-modal__content{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);text-align:left}.about-modal__paragraph{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0}.about-modal__paragraph strong{color:var(--text-primary);font-family:var(--font-sans);font-weight:var(--font-weight-bold)}.about-modal__version{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.about-modal__version-label{color:var(--text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);text-transform:none}.about-modal__version-number{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.about-modal__section{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg) 0;text-align:left}.about-modal__section-title{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);margin:0}.about-modal__section-icon{color:var(--text-primary);display:block;flex-shrink:0;height:24px;width:24px}.about-modal__invest-button{background:var(--tree-green);border:none;border-radius:var(--border-radius-md);color:var(--bg-primary);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-xl);text-align:center;transition:all var(--transition-fast);width:100%}.about-modal__invest-button:hover{background:var(--accent-gold);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.about-modal__invest-button:active{transform:translateY(0)}.light-theme .about-modal__invest-button{color:#fff}.light-theme .about-modal__invest-button:hover{background:var(--accent-gold)}@media (max-width:768px){.about-modal__content{padding:var(--spacing-lg)}.about-modal__paragraph{font-size:var(--font-size-base)}.about-modal__invest-button{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-lg)}}.dynamic-input-wrapper-main{align-items:flex-end;bottom:28px;display:flex;flex-direction:column;pointer-events:none;position:fixed;right:20px;transition:all var(--transition-medium);z-index:var( --z-dynamic-input )}.dynamic-input-container{animation:expandInputBox .35s cubic-bezier(.22,1,.36,1) forwards;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-width:90vw;overflow:hidden;pointer-events:auto;transform-origin:bottom right;transition:max-height .3s cubic-bezier(.4,0,.2,1);width:500px}.dynamic-input-container.collapsing{animation:collapseInputBox .25s cubic-bezier(.4,0,1,1) forwards;transition:none;will-change:transform}.dynamic-input-container.dragging{transition:none}@keyframes expandInputBox{0%{transform:translate3d(0,100%,0)}60%{transform:translate3d(0,-8px,0)}to{transform:translateZ(0)}}@keyframes collapseInputBox{0%{transform:translateZ(0)}to{pointer-events:none;transform:translate3d(0,100%,0)}}.chat-messages{background:var(--bg-primary);display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:500px;overflow-y:auto;padding:var(--spacing-md);transition:max-height .3s cubic-bezier(.4,0,.2,1)}.dynamic-input-container.dragging .chat-messages{transition:none}.message{display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:85%}.message.system{align-self:center;max-width:90%}.message-content{font-family:var(--font-sans);font-size:var(--font-size-md);line-height:1.6}.message-content.formatted-chat-message{background-color:var(--bg-secondary);font-family:var(--font-sans);margin:0;padding:0}.message-content.formatted-chat-message p{line-height:1.4;margin:0}.message-content.formatted-chat-message p:first-child{margin-top:0}.message-content.formatted-chat-message p:last-child{margin-bottom:0}.message-content.formatted-chat-message p+p{margin-top:.5em}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{color:inherit;font-family:inherit;font-weight:var(--font-weight-semibold);line-height:1.4;margin:var(--spacing-sm) 0 var(--spacing-xs) 0}.message-content h1{font-size:var(--font-size-xl)}.message-content h2{font-size:var(--font-size-lg)}.message-content h3,.message-content h4{font-size:var(--font-size-md)}.message-content h5,.message-content h6{font-size:var(--font-size-sm)}.message.assistant .message-content p{font-size:var(--font-size-base)}.message.assistant .message-content p,.message.other-user .message-content p,.message.user .message-content p{font-family:var(--font-sans);line-height:1.6;margin:0 0 var(--spacing-xs) 0}.message-content p:last-child{margin-bottom:0}.message-content ol,.message-content ul{font-family:inherit;margin:var(--spacing-xs) 0;padding-left:var(--spacing-lg)}.message-content li{font-family:inherit;line-height:1.6;margin:var(--spacing-xs) 0}.message-content ul li{list-style-type:disc}.message-content ol li{list-style-type:decimal}.message-content strong{color:inherit;font-weight:var(--font-weight-semibold)}.message-content em{color:inherit;font-style:italic}.message-content del{opacity:.7;text-decoration:line-through}.message-content code{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);font-family:Fira Code,Courier New,Courier,monospace;font-size:var(--font-size-sm);padding:2px var(--spacing-xs)}.message-content pre{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--border-radius-md);margin:var(--spacing-xs) 0;overflow-x:auto;padding:var(--spacing-sm)}.message-content pre code{background:none;border:none;font-size:var(--font-size-xs);padding:0}.message.assistant .message-content blockquote{font-family:var(--font-serif);line-height:1.65}.message.assistant .message-content blockquote,.message.user .message-content blockquote{background:#3b82f61a;border-left:4px solid var(--accent-blue);font-style:italic;margin:var(--spacing-xs) 0;padding:var(--spacing-xs) var(--spacing-md)}.message.user .message-content blockquote{font-family:var(--font-sans)}.message-content table{border-collapse:collapse;font-family:inherit;font-size:var(--font-size-sm);margin:var(--spacing-xs) 0;width:100%}.message-content td,.message-content th{border:1px solid var(--border-light);padding:var(--spacing-xs) var(--spacing-sm);text-align:left}.message-content th{background:var(--bg-secondary);font-weight:var(--font-weight-semibold)}.message-content hr{border:none;border-top:1px solid var(--border-light);margin:var(--spacing-md) 0}.message-content a{color:var(--accent-blue);font-family:inherit;text-decoration:none}.message-content a:hover{text-decoration:underline}.message-content .message-line{font-family:inherit;margin:var(--spacing-xs) 0}.message-content .message-line span{color:var(--accent-orange);font-family:inherit;font-weight:var(--font-weight-semibold);margin-right:var(--spacing-xs)}.message-timestamp{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);opacity:.6;text-align:right}.typing-indicator{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs)}.typing-indicator span{animation:typing 1s ease-in-out infinite;background:var(--color-golden);border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:.2s}.typing-indicator span:nth-child(2){animation-delay:.3s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.dynamic-input-content{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:var(--spacing-md)}.input-form{width:100%}.input-box{border:1px solid var(--border-color);border-radius:var(--border-radius-md);position:relative;transition:all var(--transition-fast)}.input-box,.input-box.focused{background:var(--bg-secondary)}.input-box.focused{border-color:var(--tree-green)}.input-box-inner{align-items:center;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.input-textarea{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);height:calc(var(--font-size-md)*1.5);line-height:1.5;margin:0;max-height:calc(var(--font-size-md)*1.5*5);min-height:calc(var(--font-size-md)*1.5);outline:none;overflow-x:hidden;overflow-y:auto;padding:0;resize:none;scroll-behavior:smooth;scrollbar-color:var(--text-secondary) #0000;scrollbar-width:thin}.input-textarea::-webkit-scrollbar{width:6px}.input-textarea::-webkit-scrollbar-track{background:#0000}.input-textarea::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:3px;opacity:.5}.input-textarea::-webkit-scrollbar-thumb:hover{background:var(--text-primary);opacity:.7}.input-textarea:focus{outline:none}.input-textarea::placeholder{color:var(--text-secondary)}.input-actions{align-items:center;display:flex;justify-content:flex-end;padding:var(--spacing-xs) var(--spacing-sm)}.submit-buttons{display:flex;gap:var(--spacing-xs)}.action-button{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:36px}.action-button:hover{background-color:var(--state-hover);color:var(--text-primary)}.action-icon{filter:brightness(0) invert(1);height:24px;width:24px}.submit-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast)}.submit-button:not(.disabled):hover{background:color-mix(in srgb,var(--tree-green) 85%,#fff 15%)}.submit-button.disabled{cursor:not-allowed;opacity:.5}.submit-button img.action-icon{filter:brightness(0) invert(1);height:24px;width:24px}.send-button{align-items:center;align-self:flex-end;background:var(--color-golden);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--bg-primary);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);height:calc(var(--font-size-md)*1.5);justify-content:center;min-width:80px;padding:var(--spacing-xs) var(--spacing-lg);transition:all var(--transition-fast)}.send-button:hover:not(:disabled){background:color-mix(in srgb,var(--color-golden) 85%,#fff 15%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.send-button:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.send-button:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;opacity:.5}.toggle-input-button{align-items:center;background:var(--color-golden);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);color:var(--bg-primary);cursor:pointer;display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);pointer-events:auto;position:relative;transform-origin:bottom right;transition:all var(--transition-fast)}.toggle-input-button.morphing-open{animation:buttonMorphOpen .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes buttonMorphOpen{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.toggle-input-button.morphing-close{animation:buttonMorphClose .3s cubic-bezier(0,0,.2,1) forwards}@keyframes buttonMorphClose{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.toggle-input-button:hover{background:color-mix(in srgb,var(--color-golden) 85%,#fff 15%);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.toggle-button-icon-left{color:var(--bg-primary);flex-shrink:0;height:20px;margin-right:2px;transition:all var(--transition-fast);width:20px}.toggle-button-icon-left.has-notifications{animation:bellShake 4s ease-in-out infinite;transform-origin:top center}.toggle-button-text{display:block;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1}.notification-count-badge{display:none}.new-message-badge{animation:newBadgeBounce .6s cubic-bezier(.68,-.55,.27,1.55);background:var(--accent-green);border-radius:12px;box-shadow:var(--shadow-interactive);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);left:-8px;letter-spacing:.5px;padding:2px 8px;position:absolute;text-transform:uppercase;top:-8px;z-index:10}@keyframes newBadgeBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.toggle-input-button.compact{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);margin-top:0;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:var(--spacing-xs);top:var(--spacing-xs)}.toggle-button-icon{display:none}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--bg-primary)}.chat-messages::-webkit-scrollbar-thumb{background:var(--tree-green);border-radius:var(--border-radius-sm)}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}@media (max-width:768px){.chat-container-with-avatars .chat-messages,.chat-messages{max-height:60vh;max-height:60dvh}.chat-header{min-height:44px;padding:var(--spacing-xs) var(--spacing-sm)}.header-left .mode-indicator span{display:none}.mode-button{height:44px;padding:10px;width:44px}.mode-icon{height:16px;width:16px}.header-hide-button{height:44px;padding:10px;width:44px}.current-avatar-button{font-size:11px;max-height:30px;padding:2px 6px}.current-avatar-button .avatar-icon{font-size:9px;height:18px;width:18px}.avatar-strip{padding:var(--spacing-xs);width:50px}.avatar-icon{font-size:var(--font-size-xs);height:36px;width:36px}.input-box{padding:0}.input-textarea{font-size:var(--font-size-md)}.send-button{font-size:var(--font-size-sm);min-height:44px;min-width:70px;padding:var(--spacing-sm) var(--spacing-md)}.action-button,.submit-button{height:44px;padding:10px;width:44px}}@media only screen and (max-width:600px){.dynamic-input-wrapper-main{bottom:var(--mobile-sidebar-height);display:flex;flex-direction:column;justify-content:flex-end;left:var(--spacing-xs);margin:0;overflow:hidden;padding:0;right:var(--spacing-xs);top:0;z-index:1020!important}.action-button:not(.world-container):not(.knowledge-carousel-wrapper),.avatar-button:not(.world-container):not(.knowledge-carousel-wrapper),.chat-header:not(.world-container):not(.knowledge-carousel-wrapper),.conversation-user-button:not(.world-container):not(.knowledge-carousel-wrapper),.drag-handle-visual:not(.world-container):not(.knowledge-carousel-wrapper),.dropdown-item:not(.world-container):not(.knowledge-carousel-wrapper),.header-hide-button:not(.world-container):not(.knowledge-carousel-wrapper),.input-textarea:not(.world-container):not(.knowledge-carousel-wrapper),.mode-button:not(.world-container):not(.knowledge-carousel-wrapper),.submit-button:not(.world-container):not(.knowledge-carousel-wrapper),.toggle-input-button:not(.world-container):not(.knowledge-carousel-wrapper){pointer-events:auto!important;touch-action:manipulation!important}.dynamic-input-container{animation:expandInputBoxMobile .35s cubic-bezier(0,0,.2,1) forwards;border-bottom:none;border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -1px #0000000f;display:flex;flex-direction:column;margin:0;max-height:calc(var(--viewport-height) - var(--mobile-sidebar-height) - var(--spacing-md));max-width:100%;overflow:hidden;position:relative;transform-origin:bottom center;transition:max-height .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.dynamic-input-container.collapsing{animation:collapseInputBoxMobile .25s cubic-bezier(.4,0,1,1) forwards;transition:none;will-change:transform}.dynamic-input-container.closed-mode{max-height:88px}@keyframes expandInputBoxMobile{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes collapseInputBoxMobile{0%{transform:translateZ(0)}to{pointer-events:none;transform:translate3d(0,100%,0)}}.drawer-ghost-preview{background:#3b82f614;border:2px dashed #3b82f6;border:2px dashed var(--accent-blue,#3b82f6);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;left:var(--spacing-xs);opacity:0;pointer-events:none;position:fixed;right:var(--spacing-xs);transition:opacity .15s ease-out;width:calc(100% - var(--spacing-xs)*2);will-change:opacity,height,top,bottom;z-index:calc(var(--z-dynamic-input) - 1)}.light-theme .drawer-ghost-preview{background:#d4a57414;border-color:#d4a574;border-color:var(--accent-amber,#d4a574)}.dynamic-input-container.fullscreen-mode{border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;max-height:calc(var(--viewport-height) - var(--mobile-sidebar-height) - var(--spacing-md))}.dynamic-input-container.fullscreen-mode .chat-messages,.dynamic-input-container.fullscreen-mode .task-list-wrapper{flex:1 1;max-height:none;overflow-y:auto}.dynamic-input-container.dragging{pointer-events:none;-webkit-user-select:none;user-select:none}.dynamic-input-container.dragging .drag-handle-visual{pointer-events:auto}.toggle-input-button{margin-bottom:0}.chat-container-with-avatars .chat-messages,.chat-messages{flex:1 1;min-height:0;overflow-y:auto}.chat-container-with-avatars .chat-messages,.chat-messages,.task-list-wrapper{-webkit-overflow-scrolling:touch;touch-action:pan-y!important}.input-textarea{touch-action:manipulation!important;-webkit-user-select:text!important;user-select:text!important}.task-mode-container{display:flex;flex-direction:column;height:100%;max-height:100%}.conversation-dropdown{max-height:min(350px,calc(var(--viewport-height) - var(--mobile-sidebar-height) - 150px))}.toggle-input-button{align-items:center;background:var(--color-golden);border:none;border-radius:26px;box-shadow:var(--shadow-md);display:flex;gap:var(--spacing-xs);height:52px;justify-content:center;max-width:280px;min-width:52px;padding:0 var(--spacing-md);transition:opacity .3s cubic-bezier(.4,0,.2,1),width .6s cubic-bezier(.4,0,.2,1),min-width .6s cubic-bezier(.4,0,.2,1),max-width .6s cubic-bezier(.4,0,.2,1),padding .6s cubic-bezier(.4,0,.2,1),gap .6s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1),transform .2s ease,box-shadow .2s ease;width:auto}.toggle-input-button:hover{background:color-mix(in srgb,var(--color-golden) 85%,#fff 15%);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.toggle-button-text{display:block!important;font-size:var(--font-size-sm);line-height:1.5;max-width:200px;opacity:1;overflow:visible;transition:opacity .4s cubic-bezier(.4,0,.2,1),max-width .6s cubic-bezier(.4,0,.2,1);white-space:nowrap}.toggle-input-button .toggle-button-icon-left{color:var(--bg-primary);flex-shrink:0;height:22px;margin:0;transition:width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1),margin-left .6s cubic-bezier(.4,0,.2,1);width:22px}.toggle-input-button .toggle-button-icon-left.atai-input-icon{height:24px;margin-left:1px;width:20px}.toggle-input-button.collapsed{align-items:center;animation:collapseRecoil .4s cubic-bezier(.34,1.56,.64,1) forwards;border-radius:50%;display:flex;gap:0;justify-content:center;max-width:52px;min-width:52px;padding:0;width:52px}@keyframes collapseRecoil{0%{transform:scale(.85)}50%{transform:scale(1.08)}75%{transform:scale(.97)}to{transform:scale(1)}}.toggle-input-button.collapsed .toggle-button-text{display:none;max-width:0!important;opacity:0!important;overflow:hidden;transition:opacity .2s cubic-bezier(.4,0,1,1),max-width .6s cubic-bezier(.4,0,.2,1)}.toggle-input-button.collapsed .toggle-button-icon-left{height:24px;width:24px}.toggle-input-button.collapsed .toggle-button-icon-left.atai-input-icon{height:24px;margin-left:0;width:24px}.toggle-input-button.scroll-faded{opacity:.3;pointer-events:none}.toggle-input-button.scroll-faded.has-notifications{opacity:.6}.toggle-input-button .toggle-button-icon-left.has-notifications{animation:bellShake 4s ease-in-out infinite;transform-origin:top center}.notification-count-badge{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:var(--status-error);border-radius:10px;box-shadow:var(--shadow-interactive);color:#fff;display:flex;font-size:11px;font-weight:var(--font-weight-bold);height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:-4px;top:-4px;z-index:10}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dynamic-input-wrapper-main:has(.toggle-input-button:not(.compact)){bottom:calc(var(--mobile-sidebar-height) + 12px);left:var(--spacing-xs);right:var(--spacing-xs)}.dynamic-input-drag-handle-header{align-items:center;background:#0000;border:none;cursor:grab;display:flex;flex-shrink:0;justify-content:center;padding:8px 0;touch-action:none;transition:background .2s ease;-webkit-user-select:none;user-select:none;width:100%}.dynamic-input-drag-handle-header .drag-handle-visual{background:var(--text-tertiary);border-radius:2px;cursor:grab;height:4px;margin:0;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;width:64px}.dynamic-input-drag-handle-header:hover .drag-handle-visual{background:var(--text-secondary)}.dynamic-input-container.dragging .dynamic-input-drag-handle-header{background:#ffffff0d;cursor:grabbing}.dynamic-input-container.dragging .drag-handle-visual{background:#3b82f6;background:var(--accent-blue,#3b82f6);box-shadow:0 0 8px #3b82f666;cursor:grabbing;transform:scaleX(1.1)}.light-theme .dynamic-input-container.dragging .dynamic-input-drag-handle-header{background:#d4a57414}.light-theme .dynamic-input-container.dragging .drag-handle-visual{background:#d4a574;background:var(--accent-amber,#d4a574);box-shadow:0 0 8px #d4a57459}}@media only screen and (max-height:700px){.chat-container-with-avatars .chat-messages,.chat-messages{max-height:calc(var(--viewport-height) - var(--mobile-sidebar-height) - 180px)!important}.dynamic-input-container{max-height:calc(100vh - var(--mobile-sidebar-height) - var(--spacing-md))!important;max-height:calc(100dvh - var(--mobile-sidebar-height) - var(--spacing-md))!important}.task-list-wrapper{max-height:calc(var(--viewport-height) - var(--mobile-sidebar-height) - 220px)!important}}@media only screen and (max-height:600px){.chat-container-with-avatars .chat-messages,.chat-messages{max-height:calc(100vh - var(--mobile-sidebar-height) - 200px)!important;max-height:calc(100dvh - var(--mobile-sidebar-height) - 200px)!important}.chat-header{min-height:40px;padding:var(--spacing-xs) var(--spacing-sm)}}@media only screen and (max-width:390px){.dynamic-input-container{border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.chat-header{min-height:40px;padding:var(--spacing-xs) var(--spacing-xs)}.header-left{gap:var(--spacing-xs)}.mode-buttons{gap:2px}.active-conversation-indicator{max-width:120px;padding:2px var(--spacing-xs)}.mode-button{height:28px;padding:2px;width:28px}.mode-icon{height:14px;width:14px}.header-hide-button{height:28px;width:28px}.dynamic-input-content{padding:var(--spacing-sm)}.input-box-inner{padding:var(--spacing-xs) var(--spacing-xs)}.conversation-user-button{font-size:.8125rem;padding:0 var(--spacing-xs)}}.overlay-active .dynamic-input-wrapper-main{z-index:var(--z-popover)}.modal-dialog-open .dynamic-input-wrapper-main{z-index:var(--z-sticky)}.toggle-input-button:focus{outline:2px solid var(--color-golden);outline-offset:2px}.toggle-input-button:focus:not(:focus-visible){outline:none}.toggle-input-button:focus-visible{outline:2px solid var(--color-golden);outline-offset:2px}.error-message{font-size:var(--font-size-md);line-height:1.4;margin:var(--spacing-xs) var(--spacing-md)}.spinner{animation:spin 1s linear infinite;border-top:2px solid var(--border-light);border:2px solid var(--border-light);border-top-color:var(--text-primary);height:20px;width:20px}.notification-glow{animation:notificationGlow 1.6s ease-in-out infinite alternate}@keyframes notificationGlow{0%{box-shadow:0 0 0 0 #4b6bfbb3}to{box-shadow:0 0 12px 4px #4b6bfb66}}.connection-notification-glow{animation:connectionNotificationGlow 2s ease-in-out infinite alternate;border:2px solid var(--accent-green)!important}@keyframes connectionNotificationGlow{0%{background:var(--color-golden);box-shadow:0 0 0 0 #22c55eb3}to{background:var(--accent-green);box-shadow:0 0 16px 6px #22c55e66}}.toggle-button-icon-left{margin-right:6px}.notification-list-wrapper{max-height:320px;overflow-y:auto;padding:8px 4px}.notification-header-inline{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.notification-header-inline h3{font-size:14px;margin:0}.notification-card{background:#1f2937;background:var(--card-bg,#1f2937);border-radius:8px;color:#fff;margin-bottom:6px;padding:10px 12px;text-align:left;transition:background .2s ease;width:100%}.notification-card:hover{background:var(--state-hover)}.clear-all-btn{background:none;border:none;color:#4b6bfb;color:var(--accent-blue,#4b6bfb);cursor:pointer;font-size:12px}.chat-container-with-avatars{display:flex;flex-direction:column;height:100%;position:relative}.conversation-user-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:1;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);height:24px;min-height:24px;min-width:0;overflow:hidden;padding:0 var(--spacing-xs);text-overflow:ellipsis;transition:background var(--transition-fast);white-space:nowrap}.conversation-user-button:hover{background:var(--state-hover)}.conversation-dropdown{-webkit-overflow-scrolling:touch;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:var(--bg-tertiary);border:1px solid var(--border-elevated);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-dropdown);left:0;min-width:280px;overflow-x:hidden;overflow-y:auto;position:absolute;scroll-behavior:smooth;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin;top:calc(100% + 4px);z-index:1000}.conversation-dropdown::-webkit-scrollbar{width:8px}.conversation-dropdown::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--border-radius-sm)}.conversation-dropdown::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--border-radius-sm);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.conversation-dropdown::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.dropdown-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:8px 12px;position:sticky;text-transform:uppercase;top:0;z-index:10}.conversation-dropdown .dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:var(--spacing-sm);justify-content:space-between;max-height:48px;min-height:48px;padding:8px 12px;text-align:left;transition:background var(--transition-fast);width:100%}.conversation-dropdown .dropdown-item.connect-users-option{background:#a6e22e14;border-bottom:1px solid var(--border-color);font-weight:500;margin-bottom:4px}.conversation-dropdown .dropdown-item.connect-users-option:hover{background:#a6e22e26}.conversation-dropdown .dropdown-item:hover{background:var(--bg-secondary)}.conversation-dropdown .dropdown-item.active{background:var(--bg-tertiary);color:var(--accent-blue)}.dropdown-user-info{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm);min-width:0;overflow:hidden}.dropdown-username{color:var(--text-primary);flex:1 1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-indicators{align-items:center;display:flex;flex-shrink:0;gap:6px;height:26px;justify-content:flex-end;min-width:60px}.dropdown-call-button{align-items:center;aspect-ratio:1;background:#0000!important;border:1px solid var(--tree-green)!important;border-radius:50%!important;color:var(--tree-green)!important;cursor:pointer;display:flex!important;flex-shrink:0;height:26px!important;justify-content:center;max-height:26px;max-width:26px;min-height:26px!important;min-width:26px!important;padding:0!important;transition:all var(--transition-fast);width:26px!important}.dropdown-call-button:hover:not(:disabled){background:color-mix(in srgb,var(--tree-green) 85%,#fff 15%)!important;border-color:var(--tree-green)!important;box-shadow:0 2px 8px #56c6764d;color:#fff!important;transform:translateY(-1px)}.dropdown-call-button:disabled{cursor:not-allowed;opacity:.5}.dropdown-call-button .call-button__video-icon,.dropdown-call-button svg{flex-shrink:0;height:13px!important;width:13px!important}.active-conversation-indicator{align-items:flex-end;flex-direction:column;margin-right:var(--spacing-md)}.conversation-with{color:var(--text-tertiary);font-size:.75rem;margin-bottom:2px}.conversation-user{color:var(--text-primary);font-size:.875rem;font-weight:500}.avatar-button{background:none;border:none;border-radius:50%;cursor:pointer;padding:0;position:relative;transition:all var(--transition-fast)}.avatar-button:hover{transform:scale(1.1)}.avatar-button.active{box-shadow:0 0 0 3px var(--accent-blue)}.avatar-icon{align-items:center;border-radius:50%;color:var(--text-primary);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);height:24px;justify-content:center;transition:all var(--transition-fast);width:24px}.ai-avatar{background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));color:var(--bg-primary)}.user-avatar{background:var(--color-golden);color:var(--bg-primary)}.online-indicator{background:var(--accent-green);border:1px solid var(--bg-primary);border-radius:50%;flex-shrink:0;height:8px;width:8px}.unread-badge{background:var(--accent-red);border-radius:var(--border-radius-xl);color:#fff;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:1;padding:2px 6px;text-align:center}.light-theme .conversation-dropdown{background:var(--bg-tertiary);border-color:var(--border-elevated);box-shadow:var(--shadow-dropdown)}.light-theme .dropdown-header{background:#ebe5d999;border-bottom:1px solid #d4c9b366}.light-theme .dropdown-call-button{border-color:var(--accent-sage);color:var(--accent-sage)}.light-theme .dropdown-call-button:hover:not(:disabled){background:var(--accent-sage);box-shadow:0 2px 8px #8b9a7f4d;color:#fff}@media only screen and (max-width:600px){.conversation-dropdown{border-radius:var(--border-radius-md);max-width:calc(100vw - 32px);min-width:100%}.conversation-dropdown .dropdown-item{gap:var(--spacing-xs);max-height:44px;min-height:44px;padding:6px 10px}.dropdown-header{font-size:10px;padding:6px 10px}.dropdown-username{font-size:.8125rem}.dropdown-call-button{height:22px!important;max-height:22px;max-width:22px;min-height:22px!important;min-width:22px!important;width:22px!important}.dropdown-call-button .call-button__video-icon,.dropdown-call-button svg{height:11px!important;width:11px!important}.dropdown-indicators{gap:5px;height:22px;min-width:60px}.avatar-icon{font-size:10px;height:20px;width:20px}}@media (prefers-reduced-motion:reduce){.conversation-dropdown{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-primary)}.dropdown-call-button{transition:none}.dropdown-call-button:hover:not(:disabled){transform:none}.conversation-dropdown .dropdown-item{transition:none}}.chat-container-with-avatars .chat-messages{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);max-height:500px;overflow-y:auto;padding:var(--spacing-md)}.avatar-selector{position:relative;z-index:10}.current-avatar-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);cursor:pointer;display:flex;flex-shrink:1;font-size:var(--font-size-sm);gap:var(--spacing-xs);max-height:32px;min-width:0;overflow:hidden;padding:4px 8px;transition:all var(--transition-fast);white-space:nowrap}.current-avatar-button .avatar-icon{font-size:10px;height:20px;width:20px}.current-avatar-button:hover{background:var(--bg-tertiary);border-color:var(--accent-green)}.dropdown-arrow{height:10px;transition:transform var(--transition-fast);width:10px}.current-avatar-button:hover .dropdown-arrow{transform:translateY(1px)}.avatar-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);left:0;max-height:300px;min-width:200px;overflow:hidden;overflow-y:auto;position:absolute;top:calc(100% + var(--spacing-xs))}.avatar-dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-align:left;transition:all var(--transition-fast);width:100%}.avatar-dropdown-item:hover{background:var(--bg-secondary)}.avatar-dropdown-item.active{background:var(--bg-tertiary);border-left:3px solid var(--accent-green)}.avatar-dropdown-user-info{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm)}.avatar-name{color:var(--text-primary);font-size:var(--font-size-sm)}.avatar-dropdown-indicators{align-items:center;display:flex;gap:var(--spacing-xs)}.avatar-dropdown-item .avatar-icon{font-size:var(--font-size-xs);height:28px;width:28px}.avatar-dropdown-item.first-non-connected{border-top:1px solid var(--border-color);margin-top:var(--spacing-xs);padding-top:var(--spacing-md)}.message.user .message-content{background:var(--color-golden)!important;border:none!important;border-radius:var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-sm) var(--border-radius-lg)!important;box-shadow:var(--shadow-sm)!important;color:var(--bg-primary)!important;padding:var(--spacing-sm) var(--spacing-md)!important}.message.user{align-self:flex-end}.message.assistant .message-content{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-sm)!important;box-shadow:var(--shadow-sm)!important;color:var(--text-primary)!important;padding:var(--spacing-sm) var(--spacing-md)!important}.message.assistant{align-self:flex-start}.message.other-user .message-content{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-sm)!important;box-shadow:var(--shadow-sm)!important;color:var(--text-primary)!important;padding:var(--spacing-sm) var(--spacing-md)!important}.message.other-user{align-self:flex-start}.message.atai-message{align-self:flex-start;display:flex;flex-direction:column;gap:6px;margin:var(--spacing-md) 0;max-width:85%}.atai-message-header{align-items:center;display:flex;gap:8px;padding-left:4px}.atai-logo-wrapper{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.atai-logo{filter:drop-shadow(0 0 3px rgba(253,151,31,.4));height:100%;width:100%}.atai-logo .cls-1{fill:var(--accent-orange)}.atai-badge{display:none}.message.atai-message .message-content{background:linear-gradient(135deg,var(--bg-secondary) 0,#fd971f08 100%)!important;border:1px solid #fd971f66!important;border-radius:var(--border-radius-lg)!important;box-shadow:0 2px 8px #fd971f14,0 0 12px #fd971f0a!important;color:var(--text-primary)!important;font-weight:400;padding:var(--spacing-sm) var(--spacing-md)!important}.message.atai-message .message-content p{line-height:1.5;margin:.5em 0}.message.atai-message .message-content p:first-child{margin-top:0}.message.atai-message .message-content p:last-child{margin-bottom:0}.message.atai-message .message-content ol,.message.atai-message .message-content ul{margin:.5em 0;padding-left:1.5em}.message.atai-message .message-content li{line-height:1.4;margin:.25em 0}.message.atai-message .message-content strong{color:var(--text-primary);font-weight:600}.message .message-content{-webkit-user-select:text;user-select:text}.message-content{word-wrap:break-word;line-height:1.4;max-width:100%}.avatar-strip{display:none}.new-message-glow{background:var(--color-golden)!important}.message-body{flex:1 1}.expandable-more-content{border-top:1px solid var(--border-color-subtle);margin-top:var(--spacing-sm);padding-top:var(--spacing-xs)}.more-toggle-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:500;gap:var(--spacing-xs);min-width:50px;padding:4px 8px;transition:all var(--transition-fast)}.more-toggle-btn:hover:not(.loading){background:var(--bg-hover);border-color:var(--accent-blue);color:var(--text-primary)}.more-toggle-btn.loading{cursor:wait;opacity:.7}.more-toggle-btn.loading .more-icon{animation:spin 1s linear infinite}.more-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.more-toggle-btn.expanded{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.more-icon{font-size:var(--font-size-md);font-weight:700;line-height:1}.more-text{font-weight:500;letter-spacing:.02em}.more-content-expanded{animation:expandContent .3s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-top:var(--spacing-md);padding:var(--spacing-md)}.more-section{margin-bottom:var(--spacing-md)}.more-section:last-child{margin-bottom:0}.more-section-title{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:600;gap:var(--spacing-xs);margin:0 0 var(--spacing-sm) 0}.more-section-content{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:1.6;margin:0}.more-list{list-style:none;margin:0;padding:0}.more-list-item{word-wrap:break-word;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--spacing-xs);overflow-wrap:break-word;padding-left:1.2em;position:relative}.more-list-item:before{color:var(--accent-blue);content:"•";font-weight:700;left:.4em;line-height:1.5;position:absolute;top:0}.more-list-item.reflection-question{color:var(--text-tertiary);font-style:italic}.more-list-item.reflection-question:before{color:var(--accent-green);content:"?"}.more-error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--border-radius-sm);color:var(--error-text);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.new-message-glow:hover{background:var(--accent-orange)!important;transform:translateY(-2px)!important}@keyframes pulsingGoldenBorder{0%{border-color:var(--color-golden);box-shadow:0 0 0 0 #fbbf24cc}50%{border-color:#fbbf24e6;box-shadow:0 0 0 8px #fbbf244d}to{border-color:var(--color-golden);box-shadow:0 0 0 0 #fbbf24cc}}.notification-bell-left{animation:bellPulse 1.5s ease-in-out infinite;color:var(--color-golden);margin-right:var(--spacing-xs)}.avatar-icon.newly-connected{animation:newConnectionGlow 2s ease-in-out;border:2px solid var(--accent-green)}@keyframes newConnectionGlow{0%,to{box-shadow:0 0 0 0 #22c55eb3;transform:scale(1)}50%{box-shadow:0 0 0 6px #22c55e4d;transform:scale(1.05)}}.avatar-dropdown-indicators .connection-status{border:2px solid var(--bg-primary);border-radius:50%;height:10px;margin-left:var(--spacing-xs);width:10px}.avatar-dropdown-indicators .connection-status.connected{background:var(--accent-green);box-shadow:0 0 4px #22c55e80}.avatar-dropdown-indicators .connection-status.pending{animation:pendingPulse 1.5s ease-in-out infinite;background:var(--accent-orange)}.avatar-dropdown-indicators .connection-status.none{background:var(--text-tertiary);opacity:.5}@keyframes pendingPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bellPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes bellShake{0%{transform:rotate(0deg)}3%{transform:rotate(12deg)}6%{transform:rotate(-10deg)}9%{transform:rotate(8deg)}12%{transform:rotate(-6deg)}15%{transform:rotate(4deg)}18%{transform:rotate(-2deg)}21%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@media (prefers-reduced-motion:reduce){.toggle-button-icon-left.has-notifications{animation:none}}.chat-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;min-height:50px;padding:var(--spacing-sm) var(--spacing-md);position:relative;z-index:2}.header-right{justify-content:flex-end;margin-left:auto}.chat-container-with-avatars .header-right{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-left:auto}.mode-buttons{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:flex-start}.header-left{gap:var(--spacing-md);overflow:hidden}.active-conversation-indicator{background:var(--bg-secondary);box-sizing:border-box;flex-shrink:1;gap:var(--spacing-xs);height:32px;min-width:0;overflow:hidden;padding:4px var(--spacing-sm);position:relative}.active-conversation-indicator,.header-hide-button{align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius-md);display:flex}.header-hide-button{background:none;color:var(--text-secondary);cursor:pointer;flex-shrink:0;height:max(32px,1.25vw);justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast);width:max(32px,1.25vw)}.header-hide-button:hover{background:var(--bg-tertiary);border-color:var(--accent-red);color:var(--text-primary)}.mode-button{align-items:center;background:none;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:max(36px,1.5vw);justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast);width:max(36px,1.5vw)}.mode-button:hover{background:var(--state-hover);border-color:var(--tree-green);color:var(--text-primary)}.mode-button.active{background:var(--tree-green);border-color:var(--tree-green);color:var(--bg-primary)}.mode-icon{fill:currentColor;color:var(--text-secondary);flex-shrink:0;height:max(20px,.875vw);opacity:.8;transition:all var(--transition-fast);width:max(20px,.875vw)}.mode-button:hover .mode-icon{color:var(--text-primary);opacity:1}.mode-button.active .mode-icon{color:var(--bg-primary);opacity:1}.header-controls{gap:var(--spacing-sm)}.mode-indicator{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.mode-indicator-icon{filter:var(--text-secondary-filter);height:16px;width:16px}.task-mode-content{display:flex;flex-direction:column;height:100%}.task-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:var(--spacing-md)}.task-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.task-header-buttons{align-items:center;display:flex;gap:var(--spacing-xs)}.task-header-buttons button{align-items:center;background:none;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast);width:32px}.task-header-buttons button:hover{background:var(--bg-tertiary);border-color:var(--tree-green);color:var(--text-primary)}.task-header-buttons button.active{background:var(--tree-green);border-color:var(--tree-green);color:var(--bg-primary)}.task-header-buttons button.loading{animation:spin 1s linear infinite}.task-error,.task-loading{align-items:center;display:flex;font-size:var(--font-size-md);justify-content:center;padding:var(--spacing-xl)}.task-error{color:var(--accent-red)}.task-list-container{flex:1 1;overflow-y:auto;padding:var(--spacing-sm)}.task-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-style:italic;justify-content:center;padding:var(--spacing-xl);text-align:center}.task-placeholder .add-task-btn{background:var(--tree-green);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);color:var(--bg-primary);cursor:pointer;font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.task-placeholder .add-task-btn:hover{background:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.task-add-button-container{border-top:1px solid var(--border-color);display:flex;justify-content:center;padding:var(--spacing-md)}.task-mode-container{background:var(--bg-primary);display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow:hidden}.task-mode-header.chat-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;position:sticky;top:0;z-index:10}.task-content-area{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:0;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.dynamic-input-container.dragging .task-content-area{transition:none}.task-action-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.task-action-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.task-list-wrapper{background:var(--bg-primary);flex:1 1;max-height:100%;min-height:0;overflow-y:auto;padding:var(--spacing-md);width:100%}.task-list-wrapper .card-drag-list,.task-list-wrapper .drag-list-container{width:100%}.task-list-wrapper .card-list-header,.task-list-wrapper .drag-list-header,.task-list-wrapper .item-count,.task-list-wrapper .list-count,.task-list-wrapper .list-header,.task-list-wrapper .list-title{display:none!important}.task-add-section{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:center;padding:var(--spacing-md)}.task-mode-container .task-placeholder{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--border-radius-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-xl);text-align:center}.task-actions-section{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md)}.task-actions-section .add-task-btn{align-items:center;background:var(--tree-green);border:2px solid var(--tree-green);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);color:var(--bg-primary);cursor:pointer;display:inline-flex;flex:1 1;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;margin-right:var(--spacing-md);max-width:none;min-height:44px;min-width:200px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-medium)}.task-actions-section .add-task-btn:hover{background:var(--accent-blue);border-color:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.task-actions-section .add-task-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.task-action-buttons{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs)}.task-action-buttons button{align-items:center;background:none;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast);width:32px}.task-action-buttons button:hover{background:var(--hover-bg-secondary);border-color:var(--tree-green);color:var(--text-primary)}.task-action-buttons button.active{background:var(--tree-green);border-color:var(--tree-green);color:var(--bg-primary)}.task-action-buttons button.loading{animation:spin 1s linear infinite}.task-list-wrapper .universal-card{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xs);max-width:none;min-height:auto;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.task-list-wrapper .universal-card:hover{border-color:var(--tree-green);box-shadow:var(--shadow-sm)}.task-list-wrapper .universal-card.has-sidebar{border-left:none}.task-list-wrapper .task-checkbox{align-items:center;display:flex;flex-shrink:0;justify-content:center}.task-list-wrapper .task-checkbox input[type=checkbox]{accent-color:var(--tree-green);cursor:pointer;height:18px;width:18px}.task-list-wrapper .card-body{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:0}.task-view-controls{align-items:center;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:var(--spacing-sm);justify-content:space-between;margin-top:var(--spacing-xs);padding:var(--spacing-md)}.task-view-controls.note-controls-simplified{justify-content:center;position:relative}.task-view-controls.note-controls-simplified .add-note-btn-centered{flex:0 0 auto}.task-view-controls.note-controls-simplified .filter-button-container{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%)}.task-view-controls.note-controls-simplified .filter-button{position:relative;right:auto}.view-toggle-buttons{align-items:center;background:var(--bg-secondary);border-radius:var(--border-radius-sm);display:flex;gap:2px;height:44px;padding:2px}.task-view-controls .view-toggle-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;opacity:.6;padding:var(--spacing-xs);transition:all var(--transition-fast);width:36px}.task-view-controls .view-toggle-button:hover{background:var(--state-hover);opacity:1;transform:scale(1.02)}.task-view-controls .view-toggle-button.active{background:#4a90e233;border:1px solid #4a90e266;color:var(--text-primary);opacity:1}.task-view-controls .view-toggle-button:active{transform:scale(.95)}.task-view-controls .add-note-btn{border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.task-view-controls .add-note-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.task-view-controls .add-note-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.task-view-controls .filter-button{align-items:center;background:var(--bg-secondary);border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:var(--spacing-xs);transition:all var(--transition-fast)}.task-view-controls .filter-button:hover{background:var(--state-hover);color:var(--text-primary)}.task-view-controls .filter-button:active{transform:scale(.95)}.task-view-controls .filter-button.active{background-color:#ffffff14;border-color:#f59e0b;border-color:var(--accent-orange,#f59e0b)}.task-list-wrapper .card-title{word-wrap:break-word;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin:0;overflow-wrap:break-word}.task-list-wrapper .card-description{word-wrap:break-word;color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;overflow-wrap:break-word}.task-list-wrapper .text-ellipsis{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.task-list-wrapper .card-menu-btn{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin:calc(var(--spacing-xs)*-1);min-height:32px;min-width:32px;padding:var(--spacing-sm);transition:all var(--transition-fast)}.task-list-wrapper .card-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.task-list-wrapper::-webkit-scrollbar{width:6px}.task-list-wrapper::-webkit-scrollbar-track{background:var(--bg-primary)}.task-list-wrapper::-webkit-scrollbar-thumb{background:var(--tree-green);border-radius:var(--border-radius-sm)}.task-list-wrapper::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.notes-list-view{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm)}.notes-list-item-wrapper{width:100%;will-change:transform}.notes-list-item-wrapper.item-completing{position:relative;z-index:10}.notes-list-item-wrapper.item-completing .universal-card{box-shadow:0 0 0 2px var(--tree-green),0 0 20px #8b9a7f4d;transition:box-shadow .3s ease-out}.notes-list-item-wrapper.item-transitioning{z-index:5}.notes-list-item-wrapper.item-completed .universal-card{opacity:.7}.notes-list-item-wrapper.item-completed.item-completing .universal-card{background:linear-gradient(135deg,var(--bg-primary) 0,#8b9a7f1a 100%);opacity:1}@keyframes item-complete-exit{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}to{opacity:.6;transform:scale(.96) translateX(10px)}}@keyframes item-slide-to-position{0%{opacity:.8}to{opacity:1}}.notes-list-item-wrapper.item-completing.will-hide{animation:item-complete-exit .4s ease-out forwards}@media (prefers-reduced-motion:reduce){.notes-list-item-wrapper{will-change:auto}.notes-list-item-wrapper.item-completed .universal-card,.notes-list-item-wrapper.item-completing .universal-card,.notes-list-item-wrapper.item-transitioning{animation:none;transition:none}}.filter-button .sort-indicator{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-left:4px;opacity:.8}.notes-list-view .universal-card{cursor:pointer;min-height:60px;transition:all var(--transition-fast)}.notes-list-view .universal-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.list-eyebrow-header{color:var(--text-tertiary);font-size:var(--font-size-xs);gap:var(--spacing-sm);letter-spacing:.5px;margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.eyebrow-label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.eyebrow-badge{background:var(--bg-tertiary);border-radius:var(--border-radius-sm);color:var(--text-tertiary);font-size:10px;padding:2px 6px}.actions-list-view{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm)}.actions-list-item-wrapper{position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.actions-list-item-wrapper.item-completing{position:relative;z-index:10}.actions-list-item-wrapper.item-completing .universal-card{box-shadow:0 0 0 2px var(--tree-green),0 0 20px #8b9a7f4d;transition:box-shadow .3s ease}.actions-list-item-wrapper.item-transitioning{z-index:5}.actions-list-item-wrapper.item-completed .universal-card{background:linear-gradient(135deg,var(--bg-secondary) 0,#8b9a7f1a 100%);opacity:.7}.actions-list-item-wrapper.item-completed.item-completing .universal-card{background:linear-gradient(135deg,var(--bg-secondary) 0,#8b9a7f26 100%);opacity:1}.actions-list-item-wrapper.item-completing.will-hide{animation:item-complete-exit .4s ease-out forwards}@media (prefers-reduced-motion:reduce){.actions-list-item-wrapper{transition:none;will-change:auto}.actions-list-item-wrapper.item-completed .universal-card,.actions-list-item-wrapper.item-completing .universal-card,.actions-list-item-wrapper.item-transitioning{animation:none;transition:none}}.note-status-indicator{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:var(--spacing-sm);min-width:24px;width:24px}.note-status-indicator input[type=checkbox]{accent-color:var(--tree-green);appearance:none;-webkit-appearance:none;background:var(--bg-primary);border:2px solid #fff3;border:2px solid var(--border-color,#fff3);border-radius:50%;cursor:pointer;height:18px;margin:0;position:relative;transition:all .2s ease;transition:all var(--transition-fast,.2s ease);width:18px}.note-status-indicator input[type=checkbox]:checked{background:var(--tree-green);border-color:var(--tree-green)}.note-status-indicator input[type=checkbox]:checked:after{color:var(--bg-primary);content:"\2713";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-55%)}.note-status-indicator input[type=checkbox]:hover{border-color:var(--tree-green);opacity:.8}.note-status-indicator input[type=checkbox]:focus{outline:2px solid var(--tree-green);outline-offset:2px}.note-status-indicator svg{flex-shrink:0}@media (max-width:768px){.task-content-area{min-height:60vh;min-height:60dvh}.task-action-header{padding:var(--spacing-sm) var(--spacing-md)}.task-list-wrapper{padding:var(--spacing-sm)}.task-actions-section{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.task-actions-section .add-task-btn{font-size:var(--font-size-sm);margin-right:0;min-width:0;min-width:auto;order:1;padding:var(--spacing-sm) var(--spacing-lg);width:100%}.task-action-buttons{justify-content:center;order:2;width:100%}}@media only screen and (max-width:600px){.task-mode-container{border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;max-height:calc(100vh - var(--mobile-sidebar-height));max-height:calc(100dvh - var(--mobile-sidebar-height))}.task-list-wrapper{max-height:calc(100vh - var(--mobile-sidebar-height) - 200px);max-height:calc(100dvh - var(--mobile-sidebar-height) - 200px);padding:var(--spacing-xs) var(--spacing-sm)}.task-actions-section{gap:var(--spacing-xs);padding:var(--spacing-sm)}.task-actions-section .add-task-btn{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.task-action-buttons button{height:28px;width:28px}.task-list-wrapper .universal-card{margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}}.light-theme .mode-button{border-color:#cbd5e1cc;color:#334155}.light-theme .mode-button:hover{background:#f1f5f9e6;border-color:#22c55ecc;color:#334155}.light-theme .mode-button.active{background:#22c55ee6;border-color:#22c55ee6;color:#fff}.light-theme .mode-icon{color:#334155b3}.light-theme .mode-button:hover .mode-icon{color:#334155}.light-theme .mode-button.active .mode-icon{color:#fff}.light-theme .conversation-user-button{color:#334155}.light-theme .conversation-user-button:hover{background:#f1f5f9e6}.light-theme .conversation-dropdown{background:#fffffff2;border-color:#cbd5e1cc;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.connect-users-option{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xs)}.connect-users-option:hover{background:var(--tree-green);color:var(--bg-primary)}.connect-icon{fill:var(--tree-green);color:var(--tree-green);flex-shrink:0;transition:all var(--transition-fast)}.connect-users-option:hover .connect-icon{fill:var(--accent-blue);color:var(--accent-blue);transform:scale(1.05)}.dropdown-empty-state{border-top:1px solid var(--border-color);color:var(--text-secondary);font-style:italic;padding:var(--spacing-md);text-align:center}.light-theme .connect-users-option{background:#22c55e14}.light-theme .connect-users-option:hover{background:#22c55e26}.light-theme .connect-icon{fill:var(--accent-sage);color:var(--accent-sage)}.light-theme .connect-users-option:hover .connect-icon{fill:var(--accent-blue);color:var(--accent-blue)}.light-theme .dropdown-header{background:#f8fafce6;border-bottom-color:#cbd5e1cc;color:#64748b}.light-theme .conversation-dropdown .dropdown-item{color:#334155}.light-theme .conversation-dropdown .dropdown-item:hover{background:#f1f5f9e6}.light-theme .conversation-dropdown .dropdown-item.active{background:#dbeafee6;color:#2563eb}.light-theme .dropdown-username{color:#334155}.light-theme .conversation-with,.light-theme .header-hide-button{color:#64748b}.light-theme .header-hide-button:hover{background:#f1f5f9e6;color:#334155}.task-list-wrapper .dropdown-trigger{position:relative}.task-list-wrapper .card-menu-btn{position:relative;z-index:1}.user-connection{list-style:none;margin-bottom:var(--spacing-sm);padding-left:0}.user-connection:before{display:none}.user-connection-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.user-connection-button:hover{background:var(--bg-tertiary);border-color:var(--accent-orange);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.user-connection-button:active{transform:translateY(0)}.user-content{flex-direction:column;margin:0;padding:0;width:100%}.user-content,.user-header{display:flex;gap:var(--spacing-xs)}.user-header{align-items:center;justify-content:space-between}.user-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.connection-badge{align-items:center;background:var(--tree-green);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.user-interests{color:var(--text-secondary);font-style:italic}.user-interests,.user-relevance{font-size:var(--font-size-sm);margin:0}.user-relevance{color:var(--text-tertiary);color:#9ca3af;font-size:.85em;line-height:1.4;margin-top:4px}.dark-theme .user-interests{color:#9ca3af}.dark-theme .user-relevance{color:#d1d5db}.dark-theme .resource-link{color:#60a5fa}.dark-theme .resource-link:hover{color:#93c5fd}.dark-theme .resource-description{color:#9ca3af}.deleted-user-badge{align-items:center;background-color:#fef3c7;background-color:var(--warning-color-light,#fef3c7);border:1px solid #fbbf24;border:1px solid var(--warning-color,#fbbf24);border-radius:var(--border-radius-sm);color:#92400e;color:var(--warning-color-dark,#92400e);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-left:8px;padding:2px 8px}.dark-theme .deleted-user-badge{background-color:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}.task-search-bar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);position:relative}.task-search-icon{color:var(--text-tertiary);flex-shrink:0;pointer-events:none}.task-search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);flex:1 1;font-size:var(--font-size-md);outline:none;padding:var(--spacing-sm) var(--spacing-md);padding-left:var(--spacing-sm);transition:border-color var(--transition-fast)}.task-search-input:focus{border-color:var(--tree-green)}.task-search-input::placeholder{color:var(--text-tertiary)}.task-search-clear{align-items:center;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;line-height:1;position:absolute;right:calc(var(--spacing-md) + var(--spacing-sm));transition:all var(--transition-fast);width:20px}.task-search-clear:hover{background:var(--state-hover);color:var(--text-primary)}.task-content-area.collapsed{max-height:0;min-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-out}.task-content-area.expanded{max-height:100%;opacity:1;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-in}.task-controls-left{align-items:center;display:flex;gap:var(--spacing-xs);left:var(--spacing-md);position:absolute;top:50%;transform:translateY(-50%)}.task-collapse-toggle,.task-search-toggle{align-items:center;background:var(--bg-secondary);border:none;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;opacity:.6;padding:var(--spacing-sm);transition:all var(--transition-fast)}.task-collapse-toggle:hover,.task-search-toggle:hover{background:var(--state-hover);opacity:1}.task-collapse-toggle.active,.task-search-toggle.active{background:#8b9a7f33;color:var(--tree-green);opacity:1}.task-collapse-toggle:active,.task-search-toggle:active{transform:scale(.95)}.touch-target{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.task-view-controls .filter-button.touch-target{min-height:44px;min-width:44px;padding:var(--spacing-sm)}@media (max-width:600px){.task-collapse-toggle,.task-search-toggle,.task-view-controls .filter-button{min-height:44px;min-width:44px}.task-controls-left{gap:var(--spacing-xs);left:var(--spacing-sm)}.filter-button-container{right:var(--spacing-sm)}}.list-eyebrow-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-md)}.eyebrow-left{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm)}.eyebrow-filter-btn{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:36px;min-width:36px;opacity:.6;padding:var(--spacing-xs);transition:all var(--transition-fast)}.eyebrow-filter-btn:hover{background:var(--state-hover);opacity:1}.eyebrow-filter-btn.active{background:#8b9a7f26;color:var(--tree-green);opacity:1}@media (max-width:600px){.eyebrow-filter-btn{min-height:44px;min-width:44px}}.task-view-controls .add-note-btn{background:var(--tree-green);color:var(--bg-primary)}.task-view-controls .add-note-btn:hover{background:color-mix(in srgb,var(--tree-green) 85%,#fff 15%)}.light-theme .task-view-controls .add-note-btn{background:var(--tree-green);color:#fff}.light-theme .task-view-controls .add-note-btn:hover{background:color-mix(in srgb,var(--tree-green) 90%,#000 10%)}@media (min-width:601px){.dynamic-input-container.in-call-mode{animation:slideInFromRight .3s cubic-bezier(.22,1,.36,1) forwards;border:none;border-left:1px solid var(--border-subtle);border-radius:0;bottom:56px;bottom:var(--tray-height-desktop,56px);height:auto;max-height:none;max-width:40vw;position:fixed;right:0;top:0;width:380px;z-index:998}.dynamic-input-container.in-call-mode .chat-messages{flex:1 1;max-height:none;min-height:0;overflow-y:auto}.dynamic-input-wrapper-main:has(.in-call-mode){align-items:stretch;bottom:0;right:0;top:0}}@media (max-width:600px){.dynamic-input-wrapper-main:has(.in-call-mode){bottom:56px;bottom:var(--tray-height-mobile,56px);left:0;margin:0;padding:0;right:0;top:auto}.dynamic-input-container.in-call-mode{border-bottom:none;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;bottom:56px;bottom:var(--tray-height-mobile,56px);left:0;margin:0;max-height:50vh;max-width:100%;position:fixed;right:0;width:100%;z-index:998}}.call-context-badge{align-items:center;background:var(--state-activated);border-radius:4px;border-radius:var(--radius-sm,4px);color:var(--text-primary);display:flex;font-size:11px;font-size:var(--font-size-xs,11px);gap:var(--spacing-xs);margin-right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.call-indicator-dot{animation:pulse-dot 2s ease-in-out infinite;background:#4ade80;background:var(--accent-success,#4ade80);border-radius:50%;flex-shrink:0;height:8px;width:8px}.call-indicator-text{font-weight:500;letter-spacing:.02em}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@media (max-width:400px){.call-indicator-text{display:none}.call-context-badge{padding:var(--spacing-xs)}}.user-mention-text{display:flex;flex-direction:column;gap:var(--spacing-md);line-height:1.6}.user-mention-text p{line-height:1.6;margin:var(--spacing-sm) 0}.user-mention-text p:first-child{margin-top:0}.user-mention-text p:last-child{margin-bottom:0}.user-mention-text ol,.user-mention-text ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.user-mention-text li{line-height:1.6;margin:var(--spacing-xs) 0}.user-mention-text h1,.user-mention-text h2,.user-mention-text h3{line-height:1.3;margin:var(--spacing-md) 0 var(--spacing-sm) 0}.user-mention-text h1:first-child,.user-mention-text h2:first-child,.user-mention-text h3:first-child{margin-top:0}.user-mention-text strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.inline-text,.user-mention-content-wrapper{display:inline}.inline-text p,.inline-text>*{display:inline;margin:0;padding:0}.user-mention-inline{background:none;border:none;color:var(--accent-orange);cursor:pointer;display:inline;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0 1px;padding:0 1px;text-decoration:underline;text-decoration-color:var(--accent-orange);text-underline-offset:2px;transition:color .15s ease}.user-mention-inline:hover{color:#ff9800;color:var(--accent-orange-hover,#ff9800)}.user-mention-inline:active{color:var(--accent-orange)}.user-mention-inline:focus{outline:none}.user-recommendations-list{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;margin:var(--spacing-sm) 0 0 0;padding:0}.user-mention-block{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-2xs);margin:var(--spacing-xs) 0;padding:var(--spacing-sm);transition:all var(--transition-fast)}.user-mention-block:hover{background:var(--bg-secondary);border-color:var(--accent-orange);box-shadow:var(--shadow-sm)}.user-mention-content{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.user-mention-label{color:var(--text-secondary);font-size:var(--font-size-sm);min-width:fit-content}.user-mention-label,.user-mention-name{font-weight:var(--font-weight-semibold)}.user-mention-name{background:none;border:none;color:var(--accent-orange);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-base);margin:0;padding:0;text-decoration:underline;text-decoration-color:var(--accent-orange);text-decoration-style:dotted;text-underline-offset:2px;transition:all var(--transition-fast)}.user-mention-name:hover{color:#ff9800;color:var(--accent-orange-hover,#ff9800);text-decoration-style:solid;transform:translateY(-1px)}.user-mention-name:active{transform:translateY(0)}.user-mention-value{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.4}.user-mention-relevance{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-2xs);margin-top:var(--spacing-2xs);padding-top:var(--spacing-2xs)}.user-mention-relevance .user-mention-value{color:var(--text-secondary);font-style:italic}.user-mention-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.user-mention-message-btn{align-items:center;background:var(--accent-blue);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast)}.user-mention-message-btn:hover{background:#1976d2;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.user-mention-message-btn:active{transform:translateY(0)}@media (max-width:768px){.user-mention-block{padding:var(--spacing-xs)}.user-mention-content{flex-direction:column;gap:var(--spacing-2xs)}.user-mention-label{font-size:var(--font-size-xs)}.user-mention-name,.user-mention-value{font-size:var(--font-size-sm)}}.card-drag-container{display:flex;gap:var(--spacing-md);min-height:200px;overflow-x:auto;padding:var(--spacing-sm);scrollbar-width:thin}.drag-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;flex-shrink:0;max-width:320px;min-width:280px;transition:all var(--transition-fast)}.task-list-wrapper .drag-list{background:#0000;border:none;border-radius:0;box-shadow:none;flex:1 1;max-width:100%;min-width:100%;width:100%}.drag-list:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-md)}.drag-list.drag-over{background:var(--bg-secondary);border-color:var(--accent-green);box-shadow:0 0 12px #66d9ef4d}.drag-list-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;display:flex;justify-content:space-between;padding:var(--spacing-md)}.drag-list-title{color:var(--text-primary);flex:1 1;font-size:var(--font-size-md);margin:0}.drag-list-title,.item-count{font-weight:var(--font-weight-medium)}.item-count{background:var(--accent-blue);border-radius:12px;color:var(--bg-primary);font-size:var(--font-size-sm);min-width:20px;padding:2px 8px;text-align:center}.add-item-btn,.item-count{margin-left:var(--spacing-sm)}.add-item-btn{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--accent-blue);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast)}.add-item-btn:hover{background:var(--accent-blue);color:var(--bg-primary);transform:scale(1.1)}.add-item-btn svg{height:16px;width:16px}.drag-list-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-height:100px;padding:var(--spacing-sm);width:100%}.task-list-wrapper .drag-list-content{gap:var(--spacing-xs);padding:0}.task-list-wrapper .drag-list-header{display:none}.task-list-wrapper .drag-list:hover{border-color:#0000;box-shadow:none}.task-list-wrapper .card-drag-container{display:block;padding:0;width:100%}.empty-list-message{border:2px dashed var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic;margin:var(--spacing-sm) 0;padding:var(--spacing-lg);text-align:center}.draggable-card{background:#0000;border:none;cursor:grab;margin:0;min-height:auto;padding:0;position:relative}.draggable-card:hover{box-shadow:none;transform:none}.draggable-card.dragging{opacity:.8;transform:scale(1.02)}.drag-placeholder-line{background:var(--accent-blue);border-radius:2px;height:4px;margin:var(--spacing-xs) 0}.default-card{align-items:center;display:flex;justify-content:space-between;width:100%}.default-card h4{color:var(--text-primary);font-weight:var(--font-weight-medium);margin:0}.default-card h4,.default-card p{flex:1 1;font-size:var(--font-size-sm)}.default-card p{color:var(--text-secondary);line-height:1.3;margin:4px 0 0}.card-actions{align-items:center;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.draggable-card:hover .card-actions{opacity:1}.card-delete-btn{align-items:center;border-radius:var(--border-radius-sm);color:var(--text-secondary);display:flex;justify-content:center;padding:4px;transition:all var(--transition-fast)}.card-delete-btn:hover{background:var(--accent-red);color:var(--bg-primary);transform:scale(1.1)}.drag-placeholder{align-items:center;animation:pulse 1.5s infinite;background:#66d9ef1a;border:2px dashed var(--accent-blue);border-radius:var(--border-radius-sm);color:var(--accent-blue);display:flex;font-size:var(--font-size-sm);height:60px;justify-content:center;margin-bottom:var(--spacing-xs)}@media (max-width:768px){.card-drag-container{flex-direction:column;gap:var(--spacing-sm)}.drag-list{max-width:none;min-width:100%}}.add-item-btn:focus,.draggable-card:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.action-item-card{align-items:center;display:flex;justify-content:space-between;min-height:60px}.action-item-card.status-0{border-left:4px solid var(--accent-orange)}.action-item-card.status-1{border-left:4px solid var(--accent-green);opacity:.9}.action-item-card:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-md)}.action-item-card .card-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.action-item-card .card-content h5{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.3;margin:0}.action-item-card .card-content p{font-size:var(--font-size-sm);line-height:1.2;margin:0}.action-item-card .action-item-meta{align-items:center;display:flex;gap:var(--spacing-sm);margin-top:4px}.action-item-card .importance-indicator{border-radius:12px;font-size:12px;font-weight:var(--font-weight-medium);padding:2px 6px;white-space:nowrap}.action-item-card .importance-0{background:var(--text-secondary);color:var(--bg-primary)}.action-item-card .importance-1{background:var(--accent-blue);color:var(--bg-primary)}.action-item-card .importance-2{background:var(--accent-orange);color:var(--bg-primary)}.action-item-card .importance-3{background:var(--accent-red);color:var(--bg-primary)}.action-item-card .target-date{color:var(--text-secondary);font-size:12px;white-space:nowrap}.action-item-card .card-actions{align-items:center;display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.action-item-card:hover .card-actions{opacity:1}.light-theme .drag-list{box-shadow:var(--light-shadow-sm)}.light-theme .drag-list:hover{box-shadow:var(--light-shadow-md)}.drag-card-checkbox{flex-shrink:0;margin-right:var(--spacing-sm)}.drag-card-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;cursor:pointer;display:inline-block;height:18px;position:relative;width:18px}.drag-card-checkbox input[type=checkbox]:checked{background:var(--accent-green);border-color:var(--accent-green)}.drag-card-checkbox input[type=checkbox]:checked:after{color:var(--bg-primary);content:"\2713";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-55%)}.unified-checkbox{-webkit-tap-highlight-color:transparent;align-items:center;align-self:center;backface-visibility:hidden;background-color:initial;border:2px solid var(--checkbox-color,var(--border-color));border-radius:50%;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;margin:0;outline:none;padding:0;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform,background-color,box-shadow}.unified-checkbox:before{border-radius:50%;content:"";height:48px;height:var(--touch-target-comfortable,48px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px;width:var(--touch-target-comfortable,48px)}.unified-checkbox--small{aspect-ratio:1;height:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;width:20px}.unified-checkbox--medium{aspect-ratio:1;height:28px;max-height:28px;max-width:28px;min-height:28px;min-width:28px;width:28px}.unified-checkbox--large{aspect-ratio:1;height:32px;max-height:32px;max-width:32px;min-height:32px;min-width:32px;width:32px}.unified-checkbox--unchecked{background-color:color-mix(in srgb,var(--checkbox-color) 10%,#0000);border-color:var(--checkbox-color)}.unified-checkbox--unchecked:hover:not(.unified-checkbox--disabled){background-color:color-mix(in srgb,var(--checkbox-color) 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--checkbox-color) 15%,#0000)}.unified-checkbox--unchecked:active:not(.unified-checkbox--disabled){background-color:color-mix(in srgb,var(--checkbox-color) 30%,#0000);transform:scale(.95)}.unified-checkbox--checked{background-color:var(--checkbox-color);border-color:var(--checkbox-color)}.unified-checkbox--checked:hover:not(.unified-checkbox--disabled){box-shadow:0 0 0 3px color-mix(in srgb,var(--checkbox-color) 25%,#0000);filter:brightness(1.15)}.unified-checkbox__checkmark{animation:checkbox-checkmark-pop .25s cubic-bezier(.34,1.56,.64,1);color:#1e1f1c;color:var(--bg-primary,#1e1f1c);height:65%;opacity:1;pointer-events:none;width:65%}@keyframes checkbox-checkmark-pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.unified-checkbox:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--checkbox-color) 20%,#0000);outline:2px solid var(--checkbox-color);outline-offset:2px}.unified-checkbox--disabled{background-color:#7a7368;background-color:var(--inactive-node-title-color,#7a7368);border-color:#7a7368;border-color:var(--inactive-node-title-color,#7a7368);cursor:not-allowed;opacity:.6;pointer-events:none}.unified-checkbox--disabled:hover{box-shadow:none;filter:none;transform:none}.unified-checkbox--disabled .unified-checkbox__checkmark{display:none}.light-theme .unified-checkbox--disabled{background-color:#a89880;background-color:var(--inactive-node-title-color,#a89880);border-color:#a89880;border-color:var(--inactive-node-title-color,#a89880)}.unified-checkbox--reactflow{--checkbox-color:var(--tree-green,#56c676)!important}.unified-checkbox--reactflow.unified-checkbox--unchecked{background-color:#56c6761a;border-color:#56c676;border-color:var(--tree-green,#56c676)}@supports (background-color:color-mix(in srgb,red 50%,blue)){.unified-checkbox--reactflow.unified-checkbox--unchecked{background-color:color-mix(in srgb,#56c676 10%,#0000);background-color:color-mix(in srgb,var(--tree-green,#56c676) 10%,#0000)}}.unified-checkbox--reactflow.unified-checkbox--unchecked:hover:not(.unified-checkbox--disabled){background-color:#56c67633;box-shadow:0 0 0 3px #56c67626}@supports (background-color:color-mix(in srgb,red 50%,blue)){.unified-checkbox--reactflow.unified-checkbox--unchecked:hover:not(.unified-checkbox--disabled){background-color:color-mix(in srgb,#56c676 20%,#0000);background-color:color-mix(in srgb,var(--tree-green,#56c676) 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,#56c676 15%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--tree-green,#56c676) 15%,#0000)}}.unified-checkbox--reactflow.unified-checkbox--checked{background-color:#56c676;background-color:var(--tree-green,#56c676);border-color:#56c676;border-color:var(--tree-green,#56c676)}.unified-checkbox--reactflow.unified-checkbox--checked:hover:not(.unified-checkbox--disabled){box-shadow:0 0 0 3px #56c67640;filter:brightness(1.15)}@supports (background-color:color-mix(in srgb,red 50%,blue)){.unified-checkbox--reactflow.unified-checkbox--checked:hover:not(.unified-checkbox--disabled){box-shadow:0 0 0 3px color-mix(in srgb,#56c676 25%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--tree-green,#56c676) 25%,#0000)}}.unified-checkbox--priority-0.unified-checkbox--unchecked{background-color:#c05d5d1f;border-color:#c05d5d;border-color:var(--priority-urgent,#c05d5d)}.unified-checkbox--priority-0.unified-checkbox--checked{background-color:#c05d5d;background-color:var(--priority-urgent,#c05d5d);border-color:#c05d5d;border-color:var(--priority-urgent,#c05d5d)}.unified-checkbox--priority-1.unified-checkbox--unchecked{background-color:#c0826d1f;border-color:#c0826d;border-color:var(--priority-high,#c0826d)}.unified-checkbox--priority-1.unified-checkbox--checked{background-color:#c0826d;background-color:var(--priority-high,#c0826d);border-color:#c0826d;border-color:var(--priority-high,#c0826d)}.unified-checkbox--priority-2.unified-checkbox--unchecked{background-color:#6d7a881f;border-color:#6d7a88;border-color:var(--priority-medium,#6d7a88)}.unified-checkbox--priority-2.unified-checkbox--checked{background-color:#6d7a88;background-color:var(--priority-medium,#6d7a88);border-color:#6d7a88;border-color:var(--priority-medium,#6d7a88)}.unified-checkbox--priority-3.unified-checkbox--unchecked{background-color:#8b87721f;border-color:#8b8772;border-color:var(--priority-low,#8b8772)}.unified-checkbox--priority-3.unified-checkbox--checked{background-color:#8b8772;background-color:var(--priority-low,#8b8772);border-color:#8b8772;border-color:var(--priority-low,#8b8772)}@media (prefers-reduced-motion:reduce){.unified-checkbox,.unified-checkbox__checkmark{animation:none!important;transition:opacity .15s ease-out,background-color .15s ease-out!important}}.animated-checkbox--animating{animation:checkbox-squash-burst .3s cubic-bezier(.34,1.56,.64,1)}@keyframes checkbox-squash-burst{0%{transform:scale(1)}40%{transform:scale(.75)}70%{transform:scale(1.2)}to{transform:scale(1)}}.animated-checkbox__burst-container{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:99999}.animated-checkbox__particle{animation:checkbox-particle-burst .5s ease-out forwards;border-radius:50%;pointer-events:none;position:absolute;transform:translate(-50%,-50%);will-change:transform,opacity}@keyframes checkbox-particle-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--vx)),calc(-50% + var(--vy))) scale(.3) rotate(var(--rotation))}}@media (prefers-reduced-motion:reduce){.animated-checkbox--animating{animation:none}.animated-checkbox__particle{animation:none;display:none}}.note-search-bar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:border-color var(--transition-fast);width:100%}.note-search-bar:focus-within{border-color:var(--tree-green)}.note-search-icon{color:var(--text-tertiary);flex-shrink:0;pointer-events:none}.note-search-input{background:#0000;border:none;flex:1 1;font-family:var(--font-sans);font-size:var(--font-size-md);outline:none;padding:0}.note-search-clear,.note-search-input::placeholder{color:var(--text-tertiary)}.note-search-clear{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:20px;justify-content:center;line-height:1;padding:0;transition:color var(--transition-fast);width:20px}.note-search-clear:hover{color:var(--text-primary)}.note-search-dropdown{animation:dropdown-slide-down .2s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);bottom:calc(100% + 4px);box-shadow:var(--shadow-elevation-08dp);left:var(--spacing-md);max-height:400px;overflow-y:auto;position:absolute;right:var(--spacing-md);z-index:1000}@keyframes dropdown-slide-down{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.note-search-results{display:flex;flex-direction:column}.note-search-results-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);position:sticky;top:0;z-index:1}.note-search-result-item{align-items:flex-start;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);transition:background-color var(--transition-fast)}.note-search-result-item:last-child{border-bottom:none}.note-search-result-item:hover{background-color:var(--state-hover)}.note-search-result-item:active{background-color:var(--state-pressed)}.note-search-result-icon{align-items:center;background:var(--bg-primary);border-radius:var(--border-radius-md);color:var(--text-primary);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.note-search-result-info{flex:1 1;min-width:0}.note-search-result-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-md);font-weight:500;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-search-action-badge{align-items:center;background:var(--tree-green);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;height:18px;justify-content:center;width:18px}.note-search-result-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.note-tag{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);display:inline-block;font-size:var(--font-size-xs);padding:2px 8px}.note-search-empty{color:var(--text-tertiary);font-size:var(--font-size-sm);padding:var(--spacing-lg) var(--spacing-md);text-align:center}@media (max-width:600px){.note-search-dropdown{left:var(--spacing-sm);max-height:300px;right:var(--spacing-sm)}.note-search-result-item{padding:var(--spacing-sm)}.note-search-result-icon{height:28px;width:28px}.note-search-result-title{font-size:var(--font-size-sm)}}.task-edit-overlay{display:flex;justify-content:center;padding:12px;width:100%}.task-edit-form{display:flex;flex-direction:column;gap:12px;margin:0 auto;padding:0;width:100%}@media (min-width:768px){.task-edit-overlay{padding:16px}.task-edit-form{gap:14px}}.form-row{display:flex;flex-direction:column;gap:16px}.task-header{align-items:flex-start;background:#0000;border:none;display:flex;gap:12px;margin:0;padding:0;transition:all var(--transition-fast)}.task-name-editor{flex:1 1;min-width:0}.task-name-editor .inline-editor.display{border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:20px;font-weight:600;opacity:1;overflow-wrap:break-word;padding:4px 8px;transition:background-color .2s ease,opacity .15s ease-in;word-break:break-word}.task-name-editor .inline-editor.display:hover{background-color:var(--bg-secondary)}.task-name-editor .inline-editor.display.empty{color:var(--text-tertiary);font-style:italic}.task-name-editor .inline-editor-input{background:var(--bg-secondary);border-radius:4px;color:var(--text-primary);font-size:20px;font-weight:600;overflow-wrap:break-word;padding:4px 8px;width:100%;word-break:break-word}.priority-select{-webkit-appearance:none;appearance:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:var(--input-box-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23f8f8f2' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--input-box-border);border-radius:4px;color:var(--text-primary);color-scheme:dark;cursor:pointer;font-size:14px;padding:10px 36px 10px 12px;transition:border-color .2s,box-shadow .2s,background-color .2s;width:100%}.priority-select:focus{background-color:var(--input-box-bg-focus);border-color:var(--input-box-border-focus);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);outline:none}.priority-select option{background-color:var(--bg-elevated);color:var(--text-primary);padding:8px}.light-theme .priority-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%233d3428' d='M6 9 1 4h10z'/%3E%3C/svg%3E");color-scheme:light}.light-theme .priority-select option{background-color:var(--beige-canvas);color:var(--text-ink);padding:8px}.task-edit-dialog .overlay-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--elevation-08dp);border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-md)}.task-edit-dialog .header-actions-group,.task-edit-dialog .overlay-header-actions-group{align-items:center;display:flex;gap:var(--spacing-sm);margin-left:auto}.task-edit-dialog .settings-button{align-items:center;background:var(--bg-tertiary);border:1px solid #ffffff26;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);min-height:var(--touch-target-min);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.task-edit-dialog .settings-button:hover{background-color:var(--state-hover);border-color:var(--accent-blue);color:var(--text-primary)}.task-edit-dialog .settings-button:active{background-color:var(--state-pressed)}.note-settings-hint{border-top:1px solid #ffffff1a;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.settings-hint-button{background:#0000;border:1px dashed #fff3;border-radius:var(--border-radius-md);color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.settings-hint-button:hover{background:var(--state-hover);border-color:var(--accent-blue);color:var(--text-secondary)}.task-edit-dialog .options-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--spacing-xs);transition:all var(--transition-fast)}.task-edit-dialog .options-button:hover{background-color:var(--state-hover);color:var(--text-primary)}.task-edit-dialog .options-button:active{background-color:var(--state-pressed)}.task-edit-dialog .options-button svg{height:var(--spacing-lg);width:var(--spacing-lg)}.task-edit-dialog .overlay-backdrop{background:linear-gradient(150deg,var(--monokai-bg) 0,var(--monokai-bg-darker) 50%,color-mix(in srgb,var(--monokai-bg-darker) 95%,#000 5%) 100%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.08'/%3E%3C/svg%3E");background-attachment:fixed;background-blend-mode:overlay;background-size:cover}.light-theme .task-edit-dialog .overlay-backdrop{background:linear-gradient(160deg,var(--beige-paper) 0,var(--beige-canvas) 50%,var(--beige-linen) 100%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.04'/%3E%3C/svg%3E");background-attachment:fixed;background-blend-mode:overlay;background-size:cover}.task-edit-dialog .overlay-body{background-color:var(--bg-primary)}.overlay-dialog.task-edit-dialog{align-items:center;display:flex;justify-content:center}.overlay-dialog.task-edit-dialog .overlay-content{left:auto;margin:auto;max-height:90vh;overflow-y:auto;position:relative;top:auto;transform:none}.form-group label{text-align:left}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:var(--input-box-bg);border:1px solid var(--input-box-border);border-radius:4px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-group input[type=date]:focus,.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{background-color:var(--input-box-bg-focus);border-color:var(--input-box-border-focus);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);outline:none}.checkbox-group{align-items:center;flex-direction:row}.checkbox-group label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;gap:8px}.checkbox-group input[type=checkbox]{cursor:pointer;height:16px;width:16px}.tags-input-container{display:flex;gap:8px}.tags-input-container input{flex:1 1}.add-tag-button{background-color:var(--accent-blue);border:none;border-radius:4px;font-size:14px;min-height:var(--touch-target-min);padding:8px 12px;transition:background-color .2s}.add-tag-button:hover{background-color:var(--accent-blue-hover)}.add-tag-button:disabled{background-color:var(--bg-tertiary);color:var(--text-secondary)}.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-item{background-color:var(--bg-secondary);border:1px solid var(--accent-blue);border-radius:16px;color:var(--text-primary);font-size:13px;gap:4px;padding:4px 8px}.remove-tag-button,.tag-item{align-items:center;display:flex}.remove-tag-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;height:16px;justify-content:center;padding:0;transition:color .2s;width:16px}.remove-tag-button:hover{color:var(--accent-red)}.dialog-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:space-between;margin-top:8px;padding:16px 0 0}.dialog-footer-right{display:flex;gap:12px;margin-left:auto}.overlay-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:var(--touch-target-min);min-width:80px;padding:10px 20px;transition:all .2s ease}.overlay-button-primary{background-color:var(--accent-blue);color:var(--text-primary)}.overlay-button-primary:hover{background-color:var(--accent-blue-hover);transform:translateY(-1px)}.overlay-button-primary:disabled{background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed;transform:none}.overlay-button-secondary{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.overlay-button-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--text-secondary)}.overlay-button-danger{background-color:initial;border:1px solid var(--accent-red);color:var(--accent-red);font-weight:400}.overlay-button-danger:hover{background-color:var(--accent-red);color:var(--text-primary);transform:translateY(-1px)}.form-group input::placeholder{color:var(--text-tertiary)}.task-edit-overlay .overlay-body{padding-bottom:16px}.task-edit-overlay .overlay-content{left:auto;overflow:visible;position:relative;top:auto;transform:none}@media (max-width:768px){.task-edit-form{gap:12px}.form-group input[type=text],.form-group select{padding:10px}.checkbox-group input[type=checkbox]{height:20px;width:20px}.task-edit-overlay{max-width:95%;min-width:90%}}.edit-field.edit-field-vision{display:flex;flex-direction:column;gap:8px}.edit-field.edit-field-vision label{color:var(--text-primary);font-size:14px;font-weight:500}.edit-field.edit-field-vision .task-edit-input{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:var(--input-box-bg);border:1px solid var(--input-box-border);border-radius:4px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s,background-color .2s}.edit-field.edit-field-vision .task-edit-input:focus{background-color:var(--input-box-bg-focus);border-color:var(--input-box-border-focus);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);outline:none}.edit-field.edit-field-vision select.task-edit-input option{background-color:var(--bg-elevated);color:var(--text-primary);padding:8px}.edit-field.edit-field-vision select.task-edit-input{color-scheme:dark}.light-theme .edit-field.edit-field-vision select.task-edit-input{color-scheme:light}.light-theme .edit-field.edit-field-vision select.task-edit-input option{background-color:var(--beige-canvas);color:var(--text-ink);padding:8px}label[data-hint]{border-bottom:1px dotted var(--text-tertiary);cursor:help;display:inline-block;padding-bottom:1px;position:relative}label[data-hint]:after{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius-md);bottom:100%;box-shadow:var(--shadow-elevation-04dp);color:var(--text-primary);content:attr(data-hint);font-size:12px;font-weight:400;left:0;line-height:1.4;margin-bottom:6px;max-width:280px;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transition:opacity var(--transition-fast),visibility var(--transition-fast);visibility:hidden;white-space:normal;width:max-content;z-index:1000}label[data-hint]:hover:after{opacity:1;visibility:visible}.field-hint{color:var(--text-secondary);display:none;font-size:12px;margin-left:0}.actionable-toggle-section:hover .field-hint,.public-toggle-section:hover .field-hint{display:block}.seed-reward-display .seed-value-container{align-items:center;background:var(--input-box-bg);border:1px solid var(--input-box-border);border-radius:var(--border-radius-md);color:var(--text-primary);display:flex;font-weight:500;gap:8px;padding:10px 12px}.seed-value-text{font-size:15px;letter-spacing:.02em}.overlay-title-with-badge{align-items:center;display:flex;gap:10px}.ai-generated-badge{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--tree-green) 15%,#0000 85%),color-mix(in srgb,var(--tree-green) 10%,#0000 90%));border:1px solid color-mix(in srgb,var(--tree-green) 30%,#0000 70%);border-radius:12px;color:var(--tree-green);display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.ai-generated-badge .badge-text{line-height:1}.form-group input[type=date]{color-scheme:dark}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1) opacity(.6)}.light-theme .form-group input[type=date]{color-scheme:light}.light-theme .form-group input[type=date]::-webkit-calendar-picker-indicator{filter:opacity(.6)}.note-settings-embed{background:#0000;border:none;border-radius:0;margin:0;padding:0}.advanced-settings-toggle{align-items:center;background:#0000;border:none;border-top:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:space-between;margin-top:var(--spacing-xl);min-height:var(--touch-target-min);padding:var(--spacing-md) 0;transition:all var(--transition-fast);width:100%}.advanced-settings-toggle:hover{color:var(--accent-blue)}.advanced-settings-toggle .toggle-label{flex:1 1;text-align:left}.advanced-settings-toggle .chevron{color:var(--text-tertiary);font-size:var(--font-size-xs);transition:transform var(--transition-fast)}.advanced-settings-toggle .chevron.expanded{transform:rotate(180deg)}.note-settings-embed .note-settings{background:#0000;max-height:none;overflow:visible;padding:0}.note-settings-embed .universal-section{margin-bottom:12px}.note-settings-embed .universal-section:last-child{margin-bottom:0}.note-settings-embed .section-title{font-size:14px;font-size:var(--font-size-sm,14px);margin-bottom:8px}.note-options-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px}.form-group.note-toggle-section{border:none;display:flex;flex-direction:column;gap:0;margin-bottom:0;padding:0}.note-options-group .note-toggle-section:last-child{padding-bottom:0}.toggle-section-label{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;margin-bottom:0}.toggle-row{gap:8px;min-height:var(--touch-target-min);width:100%}.toggle-icon{color:var(--text-primary);flex-shrink:0;height:24px;margin-left:0;opacity:.9;transition:all var(--transition-fast);width:24px}.toggle-row:hover .toggle-icon{color:var(--accent-blue);opacity:1;transform:scale(1.05)}.light-theme .toggle-row:hover .toggle-icon{color:var(--accent-slate)}.toggle-label{color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.light-theme .toggle-label{color:var(--text-ink);font-weight:600}.toggle-row:hover .toggle-label{color:var(--accent-blue)}.light-theme .toggle-row:hover .toggle-label{color:var(--accent-slate)}.image-urls-editor textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:monospace;font-size:12px;min-height:80px;padding:8px;resize:vertical;width:100%}.image-urls-editor textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);outline:none}.image-attachment-count,.image-urls-editor textarea::placeholder{color:var(--text-secondary)}.image-attachment-count{font-size:12px;margin-top:8px}.task-edit-dialog .overlay-footer{background:var(--bg-secondary)!important;padding:var(--spacing-lg) var(--spacing-xl)}.overlay-footer-buttons{align-items:center;display:flex;gap:var(--spacing-md);justify-content:flex-end;width:100%}.overlay-footer-buttons .btn-cancel{align-items:center;background:#0000;border:1px solid #ffffff26;border-radius:var(--border-radius-lg);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);justify-content:center;min-height:var(--touch-target-min);min-width:120px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.overlay-footer-buttons .btn-cancel:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff40;color:var(--text-primary)}.overlay-footer-buttons .btn-cancel:active{background:var(--state-pressed)}.overlay-footer-buttons .btn-confirm{align-items:center;background:var(--tree-green);border:1px solid var(--tree-green);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);color:var(--monokai-bg-darker);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);justify-content:center;min-height:var(--touch-target-min);min-width:120px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.overlay-footer-buttons .btn-confirm:hover:not(:disabled){background:#0ea573;border-color:#0ea573;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.overlay-footer-buttons .btn-confirm:active:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(0)}.overlay-footer-buttons .btn-done{align-items:center;background:var(--tree-green);border:1px solid var(--tree-green);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);color:var(--monokai-bg-darker);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);justify-content:center;min-height:var(--touch-target-min);min-width:120px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.overlay-footer-buttons .btn-done:hover:not(:disabled){background:#0ea573;border-color:#0ea573;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.overlay-footer-buttons .btn-done:active:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(0)}.light-theme .overlay-footer-buttons .btn-cancel{border:1px solid #7a6f6340}.light-theme .overlay-footer-buttons .btn-cancel:hover:not(:disabled){background:#7a6f6314;border-color:#7a6f6359}@media (max-width:600px){.overlay-footer-buttons{flex-direction:column-reverse;gap:var(--spacing-sm)}.overlay-footer-buttons .btn-cancel,.overlay-footer-buttons .btn-confirm,.overlay-footer-buttons .btn-done{width:100%}}@media (min-width:601px) and (max-width:768px){.overlay-footer-buttons{gap:var(--spacing-sm)}.overlay-footer-buttons .btn-cancel,.overlay-footer-buttons .btn-confirm,.overlay-footer-buttons .btn-done{flex:1 1}}.overlay-footer-buttons .btn-cancel:focus-visible,.overlay-footer-buttons .btn-confirm:focus-visible,.overlay-footer-buttons .btn-done:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.light-theme .overlay-footer-buttons .btn-cancel:focus-visible,.light-theme .overlay-footer-buttons .btn-confirm:focus-visible,.light-theme .overlay-footer-buttons .btn-done:focus-visible{outline-color:var(--accent-slate)}.overlay-footer-buttons .btn-cancel:disabled,.overlay-footer-buttons .btn-confirm:disabled,.overlay-footer-buttons .btn-done:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.description-section{background:#0000;border:none;padding:0;transition:all var(--transition-fast)}.description-section label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.description-section .rich-editor-wrapper{margin:0;position:relative}.expand-description-button{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.expand-description-button:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.light-theme .expand-description-button:hover{border-color:var(--accent-slate);color:var(--accent-slate)}.task-edit-dialog .rich-editor-wrapper{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--input-box-bg);border:1px solid var(--border-color)}.task-edit-dialog .rich-editor-content .ProseMirror{caret-color:var(--tree-green);color:var(--text-primary)}.light-theme .task-edit-dialog .rich-editor-content .ProseMirror{caret-color:var(--accent-sage);color:var(--text-ink)}.rich-editor-wrapper{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius-sm);position:relative;transition:all var(--transition-fast)}.rich-editor-content{min-height:120px;outline:none}.rich-editor-content .ProseMirror{word-wrap:break-word;background:#0000;caret-color:var(--accent-blue);color:var(--input-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-md);line-height:1.4;min-height:120px;outline:none;padding:var(--spacing-sm);user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;white-space:pre-wrap}.rich-editor-content .ProseMirror p{color:var(--input-text);margin:0 0 var(--spacing-sm) 0;white-space:pre-wrap}.rich-editor-content .ProseMirror p:last-child{margin-bottom:0}.rich-editor-content .ProseMirror h1,.rich-editor-content .ProseMirror h2,.rich-editor-content .ProseMirror h3,.rich-editor-content .ProseMirror h4{font-weight:var(--font-weight-semibold);line-height:1.2;margin:var(--spacing-md) 0 var(--spacing-sm) 0;transition:all var(--transition-medium)}.rich-editor-content .ProseMirror ol,.rich-editor-content .ProseMirror ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.rich-editor-content .ProseMirror li{color:var(--input-text);margin:var(--spacing-xs) 0}.rich-editor-wrapper:focus-within{border-color:var(--input-focus);box-shadow:0 0 0 1px #66d9ef14}.editor-saving-indicator{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:var(--font-size-xs);opacity:.9;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.rich-editor-content .ProseMirror.is-editor-empty:first-child:before{color:var(--input-placeholder);content:attr(data-placeholder);float:left;font-style:italic;height:0;pointer-events:none}.rich-editor-content .ProseMirror:focus{outline:none}.rich-editor-theme-artistic .ProseMirror h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#ff8e85);-webkit-background-clip:text;background-clip:text;color:#ff6b6b;font-size:var(--font-size-xl);text-shadow:0 2px 4px #ff6b6b4d}.rich-editor-theme-artistic .ProseMirror h2{color:#ffa726;font-size:var(--font-size-lg);text-shadow:0 1px 3px #ffa7264d}.rich-editor-theme-artistic .ProseMirror h3{color:#ffcc02;font-size:var(--font-size-md);text-shadow:0 1px 2px #ffcc024d}.rich-editor-theme-artistic .ProseMirror h4{color:#66bb6a;font-size:var(--font-size-md)}.rich-editor-theme-artistic .ProseMirror h1:hover,.rich-editor-theme-artistic .ProseMirror h2:hover,.rich-editor-theme-artistic .ProseMirror h3:hover{transform:translateX(4px);transition:transform .3s cubic-bezier(.4,0,.2,1)}.rich-editor-theme-artistic .ProseMirror mark{background:linear-gradient(120deg,#ff6b6b4d,#ffa7264d);border-radius:6px;box-shadow:0 2px 8px #ff6b6b33;color:#2d3436;padding:2px 6px}.rich-editor-theme-artistic .ProseMirror blockquote{background:linear-gradient(135deg,#ff6b6b1a,#ffa7261a);border-left:4px solid #ff6b6b;border-radius:0 6px 6px 0;color:var(--text-secondary);font-style:italic;margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md)}.rich-editor-theme-artistic .ProseMirror strong{color:#ff6b6b;font-weight:var(--font-weight-bold)}.rich-editor-theme-artistic .ProseMirror em{color:#ffa726;font-style:italic}.rich-editor-theme-professional .ProseMirror h1{color:var(--accent-blue);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.01em}.rich-editor-theme-professional .ProseMirror h2{color:var(--color-golden);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.rich-editor-theme-professional .ProseMirror h3{color:var(--accent-green);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.rich-editor-theme-professional .ProseMirror h4{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.rich-editor-theme-professional .ProseMirror mark{background:#d6ae5440;border-bottom:2px solid #d6ae5499;border-radius:3px;color:var(--text-primary);padding:1px 3px}.rich-editor-theme-professional .ProseMirror blockquote{background:var(--bg-secondary);border-left:3px solid var(--color-golden);color:var(--text-secondary);font-style:italic;margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);position:relative}.rich-editor-theme-professional .ProseMirror blockquote:before{color:var(--color-golden);content:'"';font-size:2em;left:8px;opacity:.3;position:absolute;top:-5px}.rich-editor-theme-professional .ProseMirror strong{color:var(--accent-blue);font-weight:var(--font-weight-bold)}.rich-editor-theme-professional .ProseMirror em{color:var(--color-golden);font-style:italic}.rich-editor-theme-modern .ProseMirror h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));-webkit-background-clip:text;background-clip:text;color:var(--accent-blue);filter:drop-shadow(0 2px 4px rgba(102,217,239,.3));font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.rich-editor-theme-modern .ProseMirror h2{color:var(--accent-green);filter:drop-shadow(0 1px 3px rgba(166,226,46,.3));font-size:var(--font-size-lg)}.rich-editor-theme-modern .ProseMirror h3{color:var(--accent-orange);filter:drop-shadow(0 1px 2px rgba(253,151,31,.3));font-size:var(--font-size-md)}.rich-editor-theme-modern .ProseMirror h4{color:var(--text-primary);font-size:var(--font-size-md)}.rich-editor-theme-modern .ProseMirror h1:hover{filter:drop-shadow(0 4px 12px rgba(102,217,239,.4));transform:translateX(4px) scale(1.02)}.rich-editor-theme-modern .ProseMirror h2:hover{filter:drop-shadow(0 3px 8px rgba(166,226,46,.4));transform:translateX(3px)}.rich-editor-theme-modern .ProseMirror mark{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(120deg,#66d9ef33,#a6e22e33);border:1px solid #66d9ef4d;border-radius:6px;box-shadow:0 2px 12px #66d9ef26;padding:2px 6px}.rich-editor-theme-modern .ProseMirror blockquote{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#66d9ef0d;border-left:3px solid var(--accent-blue);border-radius:0 8px 8px 0;box-shadow:0 4px 16px #66d9ef1a;color:var(--text-secondary);font-style:italic;margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md)}.rich-editor-theme-modern .ProseMirror strong{color:var(--accent-blue);font-weight:var(--font-weight-bold);text-shadow:0 0 8px #66d9ef4d}.rich-editor-theme-modern .ProseMirror em{color:var(--accent-green);font-style:italic}.rich-editor-theme-classical .ProseMirror h1,.rich-editor-theme-classical .ProseMirror h2{font-family:Playfair Display,Georgia,Times New Roman,serif;font-weight:700;letter-spacing:-.02em}.rich-editor-theme-classical .ProseMirror h1{color:var(--accent-blue);font-size:var(--font-size-2xl);position:relative;text-shadow:2px 2px 4px #0000001a}.rich-editor-theme-classical .ProseMirror h1:after{background:linear-gradient(90deg,var(--accent-blue),#0000);bottom:-4px;content:"";height:2px;left:0;position:absolute;width:60%}.rich-editor-theme-classical .ProseMirror h2{color:var(--color-golden);font-size:var(--font-size-xl);text-shadow:1px 1px 2px #0000001a}.rich-editor-theme-classical .ProseMirror h3{color:var(--accent-green);font-family:inherit;font-size:var(--font-size-lg);font-style:italic;font-weight:var(--font-weight-semibold)}.rich-editor-theme-classical .ProseMirror h4{color:var(--text-primary);font-family:inherit;font-size:var(--font-size-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.rich-editor-theme-classical .ProseMirror p:first-child:first-letter{color:var(--accent-blue);float:left;font-family:Playfair Display,Georgia,serif;font-size:3em;font-weight:700;line-height:.8;margin-right:8px;margin-top:4px}.rich-editor-theme-classical .ProseMirror mark{background:linear-gradient(45deg,#fff3cd,#ffeaa7);border-radius:3px;box-shadow:inset 0 1px 3px #0000001a;color:#2d3436;font-style:italic;padding:1px 3px}.rich-editor-theme-classical .ProseMirror blockquote{background:var(--bg-secondary);border-left:4px solid var(--color-golden);border-radius:0 8px 8px 0;color:var(--text-secondary);font-family:Georgia,serif;font-style:italic;margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);position:relative}.rich-editor-theme-classical .ProseMirror blockquote:before{color:var(--color-golden);content:'"';font-family:Playfair Display,serif;font-size:4em;left:16px;opacity:.3;position:absolute;top:-10px}.rich-editor-theme-classical .ProseMirror strong{font-feature-settings:"smcp";color:var(--color-golden);font-variant:small-caps;font-weight:var(--font-weight-bold)}.rich-editor-theme-classical .ProseMirror em{color:var(--accent-blue);font-family:Georgia,serif;font-style:italic}.rich-editor-content .ProseMirror code{color:var(--accent-orange);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);padding:2px 4px}.rich-editor-content .ProseMirror code,.rich-editor-content .ProseMirror pre{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm)}.rich-editor-content .ProseMirror pre{margin:var(--spacing-md) 0;overflow-x:auto;padding:var(--spacing-md)}.rich-editor-content .ProseMirror pre code{background:none;border:none;color:var(--text-primary);padding:0}.rich-editor-content .ProseMirror .editor-link{color:var(--accent-blue);text-decoration:underline;transition:color var(--transition-fast)}.rich-editor-content .ProseMirror .editor-link:hover{color:var(--accent-green);text-decoration:none}.rich-editor-content .ProseMirror table{border:1px solid var(--border-color);border-collapse:collapse;margin:var(--spacing-md) 0;width:100%}.rich-editor-content .ProseMirror table td,.rich-editor-content .ProseMirror table th{border:1px solid var(--border-color);color:var(--input-text);padding:var(--spacing-sm);text-align:left}.rich-editor-content .ProseMirror table th{background:var(--bg-secondary);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.rich-editor-content .ProseMirror::selection{background:var(--accent-blue);color:var(--bg-primary)}.rich-editor-content .ProseMirror ::-moz-selection{background:var(--accent-blue);color:var(--bg-primary)}.light-theme .rich-editor-wrapper{background:var(--beige-canvas);border-color:var(--beige-sand)}.light-theme .rich-editor-content .ProseMirror{caret-color:var(--accent-slate);color:var(--text-ink)}.light-theme .rich-editor-content .ProseMirror li,.light-theme .rich-editor-content .ProseMirror p{color:var(--text-ink)}.light-theme .rich-editor-wrapper:focus-within{border-color:var(--accent-slate);box-shadow:0 0 0 2px #6d7a8826}.light-theme .rich-editor-content .ProseMirror.is-editor-empty:first-child:before{color:var(--text-muted)}.light-theme .rich-editor-content .ProseMirror blockquote{background:var(--beige-linen);color:var(--text-charcoal)}.light-theme .rich-editor-content .ProseMirror code{color:var(--accent-terracotta)}.light-theme .rich-editor-content .ProseMirror code,.light-theme .rich-editor-content .ProseMirror pre{background:var(--beige-linen);border-color:var(--beige-sand)}.light-theme .rich-editor-content .ProseMirror pre code{color:var(--text-ink)}.light-theme .rich-editor-content .ProseMirror table{border-color:var(--beige-sand)}.light-theme .rich-editor-content .ProseMirror table td,.light-theme .rich-editor-content .ProseMirror table th{border-color:var(--beige-sand);color:var(--text-ink)}.light-theme .rich-editor-content .ProseMirror table th{background:var(--beige-linen);color:var(--text-ink)}.light-theme .rich-editor-content .ProseMirror .editor-link{color:var(--accent-slate)}.light-theme .rich-editor-content .ProseMirror .editor-link:hover{color:var(--accent-sage)}.light-theme .rich-editor-theme-artistic .ProseMirror h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d63031,#e17055);-webkit-background-clip:text;background-clip:text;color:#d63031;text-shadow:0 1px 2px #d6303133}.light-theme .rich-editor-theme-artistic .ProseMirror h2{color:#e17055;text-shadow:0 1px 2px #e1705533}.light-theme .rich-editor-theme-artistic .ProseMirror h3{color:#fdcb6e;text-shadow:0 1px 2px #fdcb6e33}.light-theme .rich-editor-theme-artistic .ProseMirror h4{color:#00b894}.light-theme .rich-editor-theme-artistic .ProseMirror strong{color:#d63031}.light-theme .rich-editor-theme-artistic .ProseMirror em{color:#e17055}.light-theme .rich-editor-theme-professional .ProseMirror h1{color:var(--accent-slate)}.light-theme .rich-editor-theme-professional .ProseMirror h2{color:var(--accent-gold)}.light-theme .rich-editor-theme-professional .ProseMirror h3{color:var(--accent-sage)}.light-theme .rich-editor-theme-professional .ProseMirror h4{color:var(--text-ink)}.light-theme .rich-editor-theme-professional .ProseMirror strong{color:var(--accent-slate)}.light-theme .rich-editor-theme-professional .ProseMirror em{color:var(--accent-gold)}.light-theme .rich-editor-theme-professional .ProseMirror blockquote{background:var(--beige-linen);border-left-color:var(--accent-gold);color:var(--text-charcoal)}.light-theme .rich-editor-theme-professional .ProseMirror blockquote:before{color:var(--accent-gold)}.light-theme .rich-editor-theme-modern .ProseMirror h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-slate),var(--accent-sage));-webkit-background-clip:text;background-clip:text;color:var(--accent-slate);filter:drop-shadow(0 1px 2px rgba(109,122,136,.3))}.light-theme .rich-editor-theme-modern .ProseMirror h2{color:var(--accent-sage);filter:drop-shadow(0 1px 2px rgba(139,154,127,.3))}.light-theme .rich-editor-theme-modern .ProseMirror h3{color:var(--accent-terracotta);filter:drop-shadow(0 1px 2px rgba(192,130,109,.3))}.light-theme .rich-editor-theme-modern .ProseMirror h4{color:var(--text-ink)}.light-theme .rich-editor-theme-modern .ProseMirror strong{color:var(--accent-slate);text-shadow:0 0 4px #6d7a8833}.light-theme .rich-editor-theme-modern .ProseMirror em{color:var(--accent-sage)}.light-theme .rich-editor-theme-classical .ProseMirror h1{color:var(--accent-slate);text-shadow:1px 1px 2px #6d7a8833}.light-theme .rich-editor-theme-classical .ProseMirror h1:after{background:linear-gradient(90deg,var(--accent-slate),#0000)}.light-theme .rich-editor-theme-classical .ProseMirror h2{color:var(--accent-gold);text-shadow:1px 1px 2px #b8935e33}.light-theme .rich-editor-theme-classical .ProseMirror h3{color:var(--accent-sage)}.light-theme .rich-editor-theme-classical .ProseMirror h4{color:var(--text-ink)}.light-theme .rich-editor-theme-classical .ProseMirror p:first-child:first-letter{color:var(--accent-slate)}.light-theme .rich-editor-theme-classical .ProseMirror strong{color:var(--accent-gold)}.light-theme .rich-editor-theme-classical .ProseMirror em{color:var(--accent-slate)}.light-theme .rich-editor-theme-classical .ProseMirror blockquote{background:var(--beige-linen);border-left-color:var(--accent-gold);color:var(--text-charcoal)}.light-theme .rich-editor-theme-classical .ProseMirror blockquote:before{color:var(--accent-gold)}.light-theme .rich-editor-content .ProseMirror::selection{background:var(--accent-slate);color:var(--beige-paper)}.light-theme .rich-editor-content .ProseMirror ::-moz-selection{background:var(--accent-slate);color:var(--beige-paper)}.rich-editor-content .ProseMirror *{transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.tags-editor{width:100%}.tags-list{gap:8px}.tags-display .tag,.tags-editor .tag{align-items:center;background:var(--monokai-bg-lighter);border:1px solid var(--monokai-bg-lighter);border-radius:16px;box-shadow:var(--shadow-sm);color:var(--text-primary);display:inline-flex;font-size:13px;font-weight:var(--font-weight-medium);gap:6px;margin:0;padding:6px 12px}.readonly-tag{background:var(--monokai-bg-lighter)}.light-theme .tags-display .tag,.light-theme .tags-editor .tag{box-shadow:var(--shadow-sm)}.light-theme .readonly-tag,.light-theme .tags-display .tag,.light-theme .tags-editor .tag{background:var(--beige-sand);border:1px solid var(--beige-stone);color:var(--text-ink)}.profile-box .detail-item .tags-display .tag,.profile-box .detail-item .tags-editor .tag{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.editable-tag{position:relative;transition:padding-right .2s ease}.editable-tag:hover{padding-right:28px}.tag-delete-button{align-items:center;border-radius:50%;color:#0000;display:flex;font-weight:700;height:18px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:4px;top:50%;transform:translateY(-50%) scale(0);transition:all .2s ease;visibility:hidden;width:18px;z-index:10}.editable-tag:hover .tag-delete-button{background:#f9267226;color:var(--accent-red);opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1);visibility:visible}.editable-tag:hover .tag-delete-button:hover{background:var(--accent-red)!important;color:#fff!important;opacity:1;transform:translateY(-50%) scale(1.1)}.add-tag-button{background:var(--monokai-bg-lighter);border:1px dashed var(--border-color);border-radius:16px;box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:13px;font-weight:var(--font-weight-medium);padding:6px 12px;white-space:nowrap}.add-tag-button:hover{background:#7cb518;background:var(--tree-green,#7cb518);border-color:#7cb518;border-color:var(--tree-green,#7cb518);border-style:solid;color:var(--text-on-accent);transform:translateY(-1px)}.light-theme .add-tag-button{background:var(--beige-linen);border:1px dashed var(--beige-stone);color:var(--text-ink)}.profile-box .detail-item .add-tag-button{background:var(--bg-secondary);border:1px dashed var(--border-color);color:var(--text-primary)}.light-theme .add-tag-button:hover{background:#7cb518;background:var(--tree-green,#7cb518);border-color:#7cb518;border-color:var(--tree-green,#7cb518);color:var(--text-on-accent)}.add-tag-input{background:var(--monokai-bg-lighter);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-sm);padding:6px 12px}.tag-input{color:var(--text-primary);font-size:13px;font-weight:var(--font-weight-medium);min-width:80px}.tag-input:focus{background:#0000;color:var(--text-primary);outline:none}.light-theme .add-tag-input{background:var(--beige-linen);border:1px solid var(--beige-stone);color:var(--text-ink)}.profile-box .detail-item .add-tag-input{background:var(--bg-secondary);border:1px solid var(--border-color)}.profile-box .detail-item .tag-input{background:#0000;color:var(--text-primary)}.tag-input::placeholder{color:var(--text-secondary)}.tags-display{gap:8px}.no-tags{font-size:13px}.drag-to-delete-item{position:relative;touch-action:none;transition:transform .2s ease,opacity .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;will-change:transform,opacity}.drag-to-delete-item.dragging{pointer-events:none;transition:opacity .15s ease}.drag-to-delete-item.over-threshold{filter:brightness(.8);opacity:.3}.delete-zone-indicator{align-items:center;animation:deleteZoneFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-danger-overlay);bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--z-modal)}@keyframes deleteZoneFadeIn{0%{opacity:0}to{opacity:1}}.delete-zone-content{align-items:center;animation:deleteZonePulse 1.2s ease infinite;background:var(--accent-red);border:2px solid var(--accent-red-hover);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);color:var(--bg-primary);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-2xl)}@keyframes deleteZonePulse{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.delete-zone-icon{animation:deleteZoneIconFloat 2s ease infinite;color:var(--bg-primary);height:48px;width:48px}@keyframes deleteZoneIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.delete-zone-label{color:var(--bg-primary);font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-snug);text-align:center}@media (max-width:768px){.delete-zone-content{padding:var(--spacing-lg) var(--spacing-xl)}.delete-zone-icon{height:40px;width:40px}.delete-zone-label{font-size:var(--font-size-md)}}.light-theme .delete-zone-indicator{background:#a05d5d26}.light-theme .delete-zone-content{background:var(--accent-burgundy);border-color:var(--accent-red-hover);box-shadow:0 8px 24px #a05d5d4d;color:var(--beige-paper)}.light-theme .delete-zone-icon,.light-theme .delete-zone-label{color:var(--beige-paper)}.inline-editor{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:inherit;padding:inherit}.inline-editor,.inline-editor.display{display:inline-block;position:relative}.inline-editor.display{word-wrap:break-word;border:1px solid #0000;border-radius:4px;box-sizing:border-box;cursor:default;min-height:1.5em;padding:6px 8px}.inline-editor.display:not(.pencil-mode){cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.inline-editor.display:not(.pencil-mode):hover{background:#ffffff0d;background:var(--surface-hover,#ffffff0d);border-color:#ffffff1a;border-color:var(--border-primary,#ffffff1a)}.inline-editor.display.empty{color:#fff6;color:var(--text-secondary,#fff6);font-style:italic}.inline-editor.display.disabled{cursor:not-allowed;opacity:.6}.inline-editor.display.disabled:hover{background:#0000;border-color:#0000}.inline-editor.editing{border:1px solid #0000;border-radius:4px;box-sizing:border-box;display:inline-block;min-height:1.5em;padding:6px 8px;position:relative}.inline-editor-input{background:#0000;border:none;border-radius:0;box-sizing:border-box;caret-color:#f8f8f2;caret-color:var(--text-primary,#f8f8f2);color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;min-height:1.5em;outline:none;padding:0;resize:vertical;transition:none;width:100%}.inline-editor-input:focus{background:#0000;border:none}.inline-editor-input.error,.inline-editor-input.error:focus{caret-color:#f92672;caret-color:var(--accent-red,#f92672)}.inline-editor-input::placeholder{color:#fff6;color:var(--text-secondary,#fff6);font-style:italic}.inline-editor-input:disabled{background:#0000;color:inherit;cursor:not-allowed;opacity:.6}.inline-editor-error{background:#f926721a;border:1px solid #f92672;border:1px solid var(--accent-red,#f92672);border-radius:4px;color:#f92672;color:var(--accent-red,#f92672);font-size:.875rem;line-height:1.4;margin-top:4px;padding:4px 8px}.inline-editor-saving{background:#0000;border:none;color:#ffffff80;color:var(--text-secondary,#ffffff80);font-size:.75rem;line-height:1.2;opacity:.7;padding:2px 6px;pointer-events:none;position:absolute;right:0;top:-2px}.inline-editor-counter{color:#fff6;color:var(--text-secondary,#fff6);font-size:.75rem;margin-top:4px;text-align:right}.inline-editor.note-title{font-size:24px;font-weight:700;line-height:1.3;margin:0;padding:8px 12px}.inline-editor.note-title.editing{padding:8px 12px}.inline-editor.note-title .inline-editor-input{background:#0000;border:none;color:inherit;font-size:24px;font-weight:700;line-height:1.3;margin:0;padding:0}.inline-editor.note-tag{background:#ffffff1a;background:var(--surface-tertiary,#ffffff1a);border:1px solid #0000;border-radius:12px;color:#fffc;color:var(--text-secondary,#fffc);display:inline-block;font-size:12px;font-weight:500;margin:2px;padding:4px 10px}.inline-editor.note-tag:hover{background:#ffffff1f;background:var(--surface-hover,#ffffff1f);border-color:#0000}.inline-editor.note-tag.editing{padding:4px 10px}.inline-editor.note-tag .inline-editor-input{background:#0000;border:none;color:inherit;font-size:12px;font-weight:500;margin:0;min-width:60px;padding:0}.inline-editor.compact{min-width:60px;padding:4px 6px}.inline-editor.compact.editing{padding:4px 6px}.inline-editor.compact .inline-editor-input{background:#0000;border:none;color:inherit;font-size:.875rem;margin:0;padding:0}.inline-editor textarea.inline-editor-input{word-wrap:break-word;background:#0000;border:none;color:inherit;display:block;margin:0;min-height:1.5em;overflow:hidden;overflow-wrap:break-word;padding:0;resize:none;white-space:pre-wrap;width:100%}.inline-editor.editing.has-textarea{display:block;width:100%}@media (max-width:768px){.inline-editor.note-title{font-size:20px;padding:6px 10px}.inline-editor.note-title.editing{padding:6px 10px}.inline-editor.note-title .inline-editor-input{background:#0000;border:none;color:inherit;font-size:20px;margin:0;padding:0}}.inline-editor-input:focus{outline:none;outline-offset:0}@media (prefers-contrast:high){.inline-editor.display{border:1px solid #f8f8f2;border:1px solid var(--text-primary,#f8f8f2)}.inline-editor-input{background:#0000;border:none;caret-color:#f8f8f2;caret-color:var(--text-primary,#f8f8f2);color:inherit}}.inline-editor.display.pencil-mode{border:none;cursor:default;display:inline-block;padding:0;position:relative}.inline-editor.editing.pencil-mode{border:none;padding:0}.inline-editor.display.inline,.inline-editor.display.pencil-mode.inline{display:inline-block;width:auto}.inline-editor.display.pencil-mode:hover{background:#0000;border:none}.inline-editor.display.pencil-mode .display-text{color:inherit;cursor:default;display:inline;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:inherit;padding:inherit}.pencil-icon-container{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;margin-left:6px;opacity:0;padding:3px;transform:scale(1);transition:all .2s ease;vertical-align:middle}.inline-editor.display.pencil-mode:hover .pencil-icon-container{opacity:1;transform:scale(1.1)}.pencil-icon-container:hover{background:#ffffff1a;background:var(--surface-hover,#ffffff1a);transform:scale(1.1)}.pencil-icon{color:#fff9;color:var(--text-secondary,#fff9);height:14px;transition:all .2s ease;width:14px}.pencil-icon-container:hover .pencil-icon{color:#ffffffe6;color:var(--text-primary,#ffffffe6)}.tour-highlight-pencil .pencil-icon-container{animation:tour-pencil-glow 2s ease-in-out infinite alternate;background:#ffd7001a;border:2px solid gold;box-shadow:0 0 15px #ffd70099,0 0 30px #ffd70066;opacity:1!important;transform:scale(1.1)}.tour-highlight-pencil .pencil-icon{color:gold!important;filter:drop-shadow(0 0 6px rgba(255,215,0,.8))!important}@keyframes tour-pencil-glow{0%{border-color:gold;box-shadow:0 0 15px #ffd70099,0 0 30px #ffd70066}to{border-color:#ffed4e;box-shadow:0 0 25px #ffd700cc,0 0 45px #ffd70099}}@media (prefers-reduced-motion:reduce){.inline-editor-input,.inline-editor.display{transition:none}.inline-editor-saving:before{animation:none}.pencil-icon-container{box-shadow:none!important;transform:none!important;transition:none}.pencil-icon{filter:none!important;transition:none}.tour-highlight-pencil .pencil-icon-container{animation:none!important;box-shadow:0 0 8px #ffd70099!important;transform:scale(1.05)!important}}.growth-category-selector{display:flex;flex-direction:column;gap:8px}.category-pills-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.category-label{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.02em;margin-top:var(--spacing-md);text-align:left}.category-pill{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;position:relative;transition:all var(--transition-medium);width:44px}.category-pill:hover:not(:disabled):not(.active){background:var(--state-hover);border-color:var(--border-color);box-shadow:var(--shadow-elevation-01dp);transform:scale(1.08)}.category-pill:active:not(:disabled){transform:scale(1);transition:transform .1s ease}.category-pill:disabled{cursor:not-allowed;opacity:.5}.category-pill.active{box-shadow:var(--shadow-elevation-04dp);transform:scale(1.15)}.category-pill.active:hover:not(:disabled){box-shadow:var(--shadow-elevation-08dp);filter:brightness(1.15);transform:scale(1.18)}.pill-icon{flex-shrink:0;height:22px;width:22px}.clear-pill{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;font-weight:300;height:32px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-fast);width:32px}.clear-pill:hover:not(:disabled){background:#e04e391a;border-color:var(--accent-red);color:var(--accent-red);transform:scale(1.1)}.clear-pill:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.category-pill{height:40px;width:40px}.pill-icon{height:20px;width:20px}.clear-pill{font-size:18px;height:30px;width:30px}}@media (prefers-reduced-motion:reduce){.category-pill,.clear-pill{transition:none}.category-pill.active:hover:not(:disabled),.category-pill:hover:not(:disabled),.clear-pill:hover:not(:disabled){transform:none}}.note-settings-modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;height:100vh;height:100dvh;justify-content:center;left:0;overflow:hidden;overscroll-behavior:contain;position:fixed;right:0;top:0;touch-action:none;width:100vw;z-index:12000}.note-settings-modal-content{background:var(--bg-primary);border:1px solid #ffffff26;border-radius:var(--border-radius-lg);box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:85vh;max-height:85dvh;max-width:600px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;position:relative;touch-action:auto;width:90%}.note-settings-modal-header{align-items:flex-start;border-bottom:1px solid #ffffff26;display:flex;flex-shrink:0;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg)}.note-settings-modal-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.note-settings-modal-subtitle{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);margin:var(--spacing-xs) 0 0 0;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-settings-modal-close{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all var(--transition-fast);width:32px}.note-settings-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.note-settings-modal-body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--spacing-sm);overflow:visible;padding:var(--spacing-md)}.note-settings-modal-error{background:#ff44441a;border:1px solid #ff44444d;border-radius:var(--border-radius-md);color:#f44;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.note-settings-section{background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:var(--border-radius-md);overflow:hidden}.note-settings-section-header{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background var(--transition-fast);width:100%}.note-settings-section-header:hover{background:var(--state-hover)}.section-header-content{flex:1 1}.section-title{font-size:var(--font-size-md)}.section-description{color:var(--text-tertiary);font-size:var(--font-size-xs);margin:2px 0 0}.section-chevron{color:var(--text-tertiary);flex-shrink:0;font-size:var(--font-size-sm);transition:transform var(--transition-fast)}.section-chevron.collapsed{transform:rotate(-90deg)}.note-settings-section-body{display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden;padding:0 var(--spacing-md) var(--spacing-md)}.note-settings-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.field-label-row{align-items:baseline;display:flex;gap:var(--spacing-sm);justify-content:space-between}.field-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.field-hint{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-light)}.field-control{align-items:center;display:flex}.note-settings-input,.note-settings-select,.note-settings-textarea{background:var(--bg-primary);border:1px solid #fff3;border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast);width:100%}.note-settings-input:focus,.note-settings-select:focus,.note-settings-textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #64b5f626;outline:none}.note-settings-input.readonly{background:#ffffff0d;border-color:#ffffff1a;color:var(--text-tertiary);cursor:not-allowed}.note-settings-textarea{line-height:1.4;min-height:60px;resize:vertical}.note-settings-readonly{color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-xs) 0}.note-settings-readonly.monospace{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs)}.note-settings-toggle{display:inline-block;height:24px;position:relative;width:44px}.note-settings-toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#fff3;border-radius:12px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:var(--transition-fast)}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}.note-settings-toggle input:checked+.toggle-slider{background-color:var(--tree-green)}.note-settings-toggle input:checked+.toggle-slider:before{transform:translateX(20px)}.note-settings-star-toggle{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast)}.note-settings-star-toggle:hover{background:var(--state-hover);color:var(--accent-gold)}.note-settings-star-toggle.active{color:var(--accent-gold)}.note-settings-star-toggle svg{height:24px;width:24px}.note-settings-priority-selector{display:flex;gap:var(--spacing-xs)}.priority-option{background:var(--bg-primary);border:1px solid #ffffff26;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);text-align:center;transition:all var(--transition-fast)}.priority-option:hover{background:var(--state-hover)}.priority-option.active,.priority-option:hover{border-color:var(--priority-color,var(--accent-blue))}.priority-option.active{background:var(--accent-blue);background:var(--priority-color,var(--accent-blue));color:#fff}.note-settings-status-toggle{display:flex;gap:var(--spacing-xs);width:100%}.status-option{background:var(--bg-primary);border:1px solid #ffffff26;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);text-align:center;transition:all var(--transition-fast)}.status-option:hover{background:var(--state-hover)}.status-option.active{background:var(--tree-green);border-color:var(--tree-green);color:#fff}.note-settings-tags-container{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.note-settings-tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);min-height:28px}.note-settings-tag{align-items:center;background:var(--bg-tertiary);border-radius:var(--border-radius-sm);color:var(--text-primary);display:inline-flex;font-size:var(--font-size-xs);gap:4px;padding:2px var(--spacing-xs) 2px var(--spacing-sm)}.note-settings-tag-remove{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:1rem;height:16px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-fast);width:16px}.note-settings-tag-remove:hover{background:#fff3;color:var(--text-primary)}.note-settings-note-links{color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-xs) 0}.note-links-empty{color:var(--text-tertiary);font-style:italic}.note-settings-modal-footer{align-items:center;border-top:1px solid #ffffff26;display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.footer-spacer{flex:1 1}.note-settings-btn{border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);min-width:80px;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.note-settings-btn:disabled{cursor:not-allowed;opacity:.5}.note-settings-btn-cancel{background:#ffffff1a;color:var(--text-primary)}.note-settings-btn-cancel:hover:not(:disabled){background:#ffffff26}.note-settings-btn-save{background:var(--tree-green);color:#fff}.note-settings-btn-save:hover:not(:disabled){background:var(--accent-green);box-shadow:0 4px 12px #64b5f64d;transform:translateY(-1px)}.note-settings-btn-delete{background:#f443;color:#ff6b6b}.note-settings-btn-delete:hover:not(:disabled){background:#f446}.note-settings-btn-discard{background:#f44c;color:#fff}.note-settings-btn-discard:hover:not(:disabled){background:#f44}.confirm-dialog-overlay{z-index:13000}.confirm-dialog-content{max-width:400px}.confirm-dialog-header h3{font-size:var(--font-size-lg)}@media (max-width:768px){.note-settings-modal-content{max-height:85dvh;max-height:calc(85dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:95%}.note-settings-modal-body,.note-settings-modal-footer,.note-settings-modal-header{padding:var(--spacing-md)}.note-settings-modal-footer{flex-direction:column;padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}.note-settings-btn{min-height:44px;width:100%}.footer-spacer{display:none}.note-settings-priority-selector{flex-wrap:wrap}.priority-option{flex:1 1 45%}.confirm-dialog-footer{flex-direction:column;gap:var(--spacing-xs)}.confirm-dialog-footer .note-settings-btn{width:100%}}@media (max-width:480px){.note-settings-modal-content{max-height:90dvh;max-height:calc(90dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.note-settings-input,.note-settings-select,.note-settings-textarea{font-size:16px}.section-title{font-size:var(--font-size-sm)}.field-label-row{align-items:flex-start;flex-direction:column;gap:2px}}[data-theme=light] .note-settings-modal-overlay{background:#00000080}[data-theme=light] .note-settings-modal-content{border-color:#0000001a;box-shadow:0 20px 60px #0003}[data-theme=light] .note-settings-section{border-color:#0000001a}[data-theme=light] .toggle-slider{background-color:#0003}[data-theme=light] .confirm-dialog-footer,[data-theme=light] .confirm-dialog-header,[data-theme=light] .note-settings-modal-footer,[data-theme=light] .note-settings-modal-header{border-color:#0000001a}.editor-toolbar{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);max-width:100%;min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}.editor-toolbar,.toolbar-group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.toolbar-group{border-right:1px solid var(--border-color);padding:0 var(--spacing-sm)}.toolbar-group:last-child{border-right:none;padding-right:0}.toolbar-group:first-child{padding-left:0}.toolbar-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);height:32px;justify-content:center;line-height:1;margin:0;min-width:32px;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.toolbar-btn:hover{background:var(--bg-primary);border-color:var(--border-color)}.toolbar-btn:active{background:var(--bg-primary);transform:translateY(1px)}.toolbar-btn:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.toolbar-btn.is-active{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--bg-primary)}.toolbar-btn.is-active:hover{background:var(--accent-green);border-color:var(--accent-green)}.toolbar-btn strong{font-weight:700}.toolbar-btn em{font-style:italic}.color-picker-container{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;overflow:hidden;position:relative;transition:all var(--transition-fast)}.color-picker-container:hover{background:var(--bg-primary);border-color:var(--accent-blue)}.color-picker{border:none;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.color-picker-label{color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);pointer-events:none;position:relative;z-index:1}.highlight-picker+.color-picker-label{font-size:var(--font-size-sm)}@media (max-width:480px){.editor-toolbar{gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}.toolbar-btn{font-size:var(--font-size-xs);height:28px;min-width:28px}.toolbar-group{gap:2px;padding:0 var(--spacing-xs)}}.wikilink,.wikilink-mention{background:#66d9ef1a;border:1px solid #66d9ef4d;border-radius:var(--border-radius-sm);color:var(--accent-blue)!important;cursor:pointer;display:inline-block;font-size:.95em;font-weight:var(--font-weight-medium);line-height:1.2;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none!important;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.wikilink-mention:hover,.wikilink:hover{background:#66d9ef33;border-color:var(--accent-blue);box-shadow:var(--shadow-sm);text-decoration:none!important;transform:translateY(-1px)}.wikilink-mention:active,.wikilink:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.wikilink-mention[data-broken=true],.wikilink[data-broken=true]{background:#f926721a;border-color:var(--accent-red);color:var(--accent-red)!important;text-decoration:line-through}.wikilink-mention[data-broken=true]:hover,.wikilink[data-broken=true]:hover{background:#f9267233;border-color:var(--accent-red)}.universal-editor,.universal-editor .editor-wrapper{display:flex;flex-direction:column;height:100%;position:relative}.universal-editor .editor-wrapper{box-sizing:border-box;max-width:100%;overflow:visible;width:100%}.universal-editor .editor-content{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box;color:var(--text-primary);flex:1 1;font-family:var(--font-family-modern);font-size:var(--font-size-md);line-height:1.6;margin:0 auto;max-width:min(900px,calc(100% - 48px));max-width:min(900px,calc(100% - var(--spacing-3xl, 48px)));min-height:200px;overflow:visible;padding:var(--spacing-xl) var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + 80px);padding-right:var(--spacing-2xl);padding-top:var(--spacing-2xl);pointer-events:auto!important;position:relative;width:100%}.universal-editor .editor-title-section{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md);padding-right:80px;position:relative}.universal-editor .editor-title-wrapper{flex:1 1;min-width:0}.universal-editor .editor-title-input,.universal-editor .editor-title-static{background:#0000;border:none;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-normal);letter-spacing:-.02em;line-height:1.2;margin:0;padding:var(--spacing-xs) 0;width:100%}.universal-editor .editor-title-input:focus{border-bottom:2px solid var(--accent-blue);outline:none}.universal-editor .editor-title-wrapper .inline-editor{display:block;width:100%}.universal-editor .editor-title-wrapper .inline-editor.display{border:1px solid #0000;border-radius:var(--border-radius-md);cursor:text;display:block;padding:none var(--spacing-md);transition:border-color var(--transition-fast),background var(--transition-fast);width:100%}.universal-editor .editor-title-wrapper .inline-editor.display:not(.empty):hover{background:var(--bg-secondary);border-color:var(--border-color)}.universal-editor .editor-title-wrapper .inline-editor.editing{display:block;width:100%}.universal-editor .editor-title-wrapper .inline-editor-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-normal);letter-spacing:-.02em;line-height:1.2;padding:none var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.universal-editor .editor-title-wrapper .inline-editor-input:focus{background:var(--bg-primary);border-color:var(--accent-blue);box-shadow:0 0 0 3px #66d9ef26}.universal-editor .editor-title-wrapper .inline-editor-input::placeholder{color:var(--text-tertiary);font-style:normal;opacity:.7}.universal-editor .editor-title-wrapper .inline-editor.display.empty{background:var(--bg-secondary);border:0 dashed var(--accent-blue);border-radius:var(--border-radius-md);color:var(--text-tertiary);cursor:text;font-style:normal;padding:var(--spacing-sm) var(--spacing-md)}.universal-editor .editor-title-wrapper .inline-editor.display.empty:hover{background:var(--bg-tertiary);border-color:var(--accent-blue)}.universal-editor .editor-title-controls{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs);position:absolute;right:0;top:var(--spacing-md);z-index:100}.universal-editor .editor-close-btn,.universal-editor .editor-options-btn{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:var(--spacing-xs);transition:all var(--transition-fast)}.universal-editor .editor-close-btn:hover,.universal-editor .editor-options-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-1px)}.universal-editor .editor-title-divider{background:linear-gradient(90deg,var(--border-color),#0000);height:1px;margin-bottom:var(--spacing-lg);width:100%}.universal-editor .editor-prose-content{min-height:300px}.universal-editor .editor-control-bar{align-items:center;background:var(--bg-primary);border-top:1px solid var(--border-color);box-sizing:border-box;display:flex;justify-content:flex-end;margin-left:auto;margin-right:auto;margin-top:var(--spacing-md);max-width:min(900px,calc(100% - 48px));max-width:min(900px,calc(100% - var(--spacing-3xl, 48px)));padding:var(--spacing-md) var(--spacing-lg);width:100%}.universal-editor .editor-control-buttons{align-items:center;display:flex;gap:var(--spacing-sm)}.universal-editor .control-bar-button{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;min-height:32px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.universal-editor .control-bar-button:hover{background:var(--bg-secondary);border-color:var(--accent-blue);color:var(--accent-blue)}.universal-editor .toolbar-toggle-button{min-width:32px;padding:var(--spacing-sm)}.universal-editor .settings-toggle-button{min-width:80px;padding:var(--spacing-sm) var(--spacing-lg)}@media (max-width:768px){.universal-editor .editor-control-bar{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.universal-editor .control-bar-button{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.universal-editor .settings-toggle-button{min-width:60px}}@media (max-width:480px){.universal-editor .editor-control-bar{padding:var(--spacing-xs) var(--spacing-sm)}.universal-editor .editor-control-buttons{gap:var(--spacing-xs)}.universal-editor .settings-toggle-button{min-width:auto;padding:var(--spacing-xs) var(--spacing-sm)}}.universal-editor.read-only .editor-content{background:var(--bg-secondary);cursor:default}.universal-editor .editor-content:focus-within,.universal-editor.read-only .editor-content:focus-within{border:none;box-shadow:none}.universal-editor .ProseMirror{background:#0000!important;color:var(--text-primary)!important;cursor:text!important;min-height:300px;outline:none;padding:0;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.universal-editor.read-only .ProseMirror{background:var(--bg-secondary)!important;cursor:default}.universal-editor.disabled .ProseMirror{background:var(--bg-secondary)!important;color:var(--text-secondary)!important;cursor:not-allowed;opacity:.7}.universal-editor .ProseMirror p{color:var(--text-primary);line-height:1.7;margin:0 0 var(--spacing-lg) 0}.universal-editor .ProseMirror p:last-child{margin-bottom:0}.universal-editor .ProseMirror h1,.universal-editor .ProseMirror h2,.universal-editor .ProseMirror h3,.universal-editor .ProseMirror h4{color:var(--text-primary);font-weight:var(--font-weight-bold);letter-spacing:-.025em;line-height:1.3;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-2xl)}.universal-editor .ProseMirror h1:first-child,.universal-editor .ProseMirror h2:first-child,.universal-editor .ProseMirror h3:first-child,.universal-editor .ProseMirror h4:first-child{margin-top:0}.universal-editor .ProseMirror h1{border-bottom:3px solid var(--accent-blue);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-sm)}.universal-editor .ProseMirror h2{color:var(--text-primary);font-size:var(--font-size-2xl)}.universal-editor .ProseMirror h3{color:var(--text-primary);font-size:var(--font-size-xl)}.universal-editor .ProseMirror h4{color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.universal-editor .ProseMirror strong{color:var(--text-primary);font-weight:var(--font-weight-bold)}.universal-editor .ProseMirror em{color:var(--text-secondary);font-style:italic}.universal-editor .ProseMirror code{background:var(--bg-secondary);border:none;border-radius:var(--border-radius-sm);color:var(--accent-red);font-family:JetBrains Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm)}.universal-editor .ProseMirror pre{background:var(--bg-secondary);border:none;border-radius:var(--border-radius-lg);margin:var(--spacing-xl) 0;overflow-x:auto;padding:var(--spacing-lg) var(--spacing-xl)}.universal-editor .ProseMirror pre code{background:none;border:none;border-radius:0;box-shadow:none;color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.6;padding:0}.universal-editor .ProseMirror blockquote{background:var(--bg-secondary);border-left:4px solid var(--accent-blue);border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;font-style:italic;margin:var(--spacing-xl) 0;padding:var(--spacing-lg) var(--spacing-xl);position:relative}.universal-editor .ProseMirror blockquote:before{color:var(--accent-blue);content:'"';font-family:Georgia,serif;font-size:3rem;left:12px;opacity:.3;position:absolute;top:-8px}.universal-editor .ProseMirror blockquote p{color:var(--text-secondary);font-size:1.1em;line-height:1.6;margin:0;padding-left:20px}.universal-editor .ProseMirror ol,.universal-editor .ProseMirror ul{margin:16px 0;padding-left:24px}.universal-editor .ProseMirror ul{list-style:none}.universal-editor .ProseMirror ul li{margin:8px 0;padding-left:12px;position:relative}.universal-editor .ProseMirror ul li:before{color:var(--accent-blue);content:"•";font-size:1.2em;left:-12px;position:absolute;top:0}.universal-editor .ProseMirror ol li{margin:8px 0;padding-left:4px}.universal-editor .ProseMirror ol{counter-reset:list-counter}.universal-editor .ProseMirror ol li{counter-increment:list-counter}.universal-editor .ProseMirror ol li::marker{color:var(--accent-blue);font-weight:600}.universal-editor .ProseMirror ol ol,.universal-editor .ProseMirror ol ul,.universal-editor .ProseMirror ul ol,.universal-editor .ProseMirror ul ul{margin:4px 0;padding-left:20px}.universal-editor .ProseMirror ul ul li:before{content:"◦";font-size:1em}.universal-editor .ProseMirror ul ul ul li:before{content:"▪";font-size:.8em}.universal-editor .ProseMirror hr{background:linear-gradient(90deg,#0000,var(--accent-blue),#0000);border:none;border-radius:2px;height:3px;margin:32px 0;opacity:.6}.universal-editor .ProseMirror .wikilink,.universal-editor .ProseMirror a{background:var(--bg-info-overlay);border-bottom:2px solid #0000;border-radius:var(--border-radius-sm);color:var(--accent-blue);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:all var(--transition-fast)}.universal-editor .ProseMirror .wikilink:hover,.universal-editor .ProseMirror a:hover{background:var(--hover-bg-info);border-bottom-color:var(--accent-blue)}.universal-editor .ProseMirror table{background:var(--bg-primary);border-collapse:collapse;border-radius:8px;margin:20px 0;overflow:hidden;width:100%}.universal-editor .ProseMirror td,.universal-editor .ProseMirror th{border:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg);text-align:left}.universal-editor .ProseMirror th{background:var(--accent-blue);color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.universal-editor .ProseMirror td{background:var(--bg-primary)}.universal-editor .ProseMirror tr:nth-child(2n) td{background:var(--bg-secondary)}.universal-editor .editor-toolbar-container{animation:slideUp .2s ease-out;background:#0000;bottom:calc(var(--spacing-md) + 38px);left:50%;max-width:calc(100% - var(--spacing-lg));padding:var(--spacing-sm);pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10}.universal-editor .editor-toolbar-container .editor-toolbar{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin:0 auto;pointer-events:all}@media (max-width:768px){.universal-editor .editor-content{font-size:16px;max-width:100%;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + 80px);padding-right:var(--spacing-md);padding-top:var(--spacing-xl)}.universal-editor .editor-title-section{flex-direction:column;gap:var(--spacing-sm)}.universal-editor .editor-title-controls{justify-content:flex-end;width:100%}.universal-editor .toolbar-toggle-floating{bottom:var(--spacing-sm);font-size:11px;height:28px;right:var(--spacing-sm);width:28px}.universal-editor .editor-toolbar-container{bottom:calc(var(--spacing-sm) + 34px);left:var(--spacing-xs);padding:var(--spacing-xs);right:var(--spacing-xs);transform:translateX(0)}}.universal-editor .editor-content:focus-within{outline:none}.universal-editor .wikilink-missing{background:var(--bg-warning-overlay);border-bottom:1px dotted var(--accent-orange);border-radius:var(--border-radius-sm);color:var(--accent-orange);cursor:help;opacity:.8;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:line-through}.universal-editor .wikilink-missing:hover{background:var(--hover-bg-warning);opacity:1}.note-viewer{background:var(--bg-primary);box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-family-modern);min-height:max-content;overflow:visible;position:relative;width:100%}@media (max-width:768px){.note-viewer{min-height:max-content;overflow:visible;padding-bottom:calc(var(--mobile-sidebar-height, 60px) + var(--safe-area-bottom, 0px) + var(--spacing-xl));width:100%}}.note-viewer.summary-viewer{margin:0 auto;max-width:900px;padding:var(--spacing-xl)}@media (max-width:768px){.note-viewer.summary-viewer{max-width:100%;padding:var(--spacing-md);padding-bottom:calc(var(--mobile-sidebar-height, 60px) + var(--safe-area-bottom, 0px) + var(--spacing-xl))}}.note-viewer-empty{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-md);font-style:italic;height:100%;justify-content:center;width:100%}.note-content-area{display:flex;flex:1 1;flex-direction:column;min-height:max-content;overflow:visible;width:100%}.note-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-sizing:border-box;display:flex;flex-shrink:0;height:var(--header-height);justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.note-title-section{flex:1 1;margin-right:var(--spacing-md)}.note-title-editor{background:#0000;border:none;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.3;padding:var(--spacing-sm) 0}.note-title-editor:focus{border-bottom:2px solid var(--accent-blue);outline:none}.note-header-controls{align-items:center;display:flex;gap:var(--spacing-sm)}.close-button,.sidebar-toggle-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-md);height:36px;justify-content:center;padding:var(--spacing-sm);transition:all var(--transition-fast);width:36px}.close-button:hover,.sidebar-toggle-button:hover{background:var(--bg-primary);border-color:var(--accent-blue);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.close-button{font-size:18px;font-weight:700}.note-image-section{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:var(--spacing-md) var(--spacing-lg)}.note-image{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);max-height:200px;max-width:100%}.note-editor-container{background:var(--bg-primary);box-sizing:border-box;display:flex;flex-direction:column;min-height:max-content;overflow:visible;padding:var(--spacing-xl)}.note-details-section{animation:fadeInPanel .3s ease-out;background:var(--elevation-04dp);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-elevation-04dp);box-sizing:border-box;margin:var(--spacing-2xl) var(--spacing-xl);max-width:100%;overflow-x:hidden;overflow-y:visible}@keyframes fadeInPanel{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.note-details-section{border-radius:var(--border-radius-md);box-shadow:var(--shadow-elevation-02dp);margin:var(--spacing-lg) var(--spacing-md)}}@media (max-width:480px){.note-details-section{border-radius:var(--border-radius-sm);box-shadow:var(--shadow-elevation-01dp);margin:var(--spacing-md) var(--spacing-sm)}}.note-universal-editor,.note-universal-editor .editor-wrapper{display:flex;flex-direction:column;height:100%}.note-universal-editor .editor-content{background:var(--bg-primary);border:none;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);flex:1 1;font-family:var(--font-family-modern);font-size:var(--font-size-md);line-height:1.7;margin-top:var(--spacing-xl);min-height:200px;overflow:visible;padding:var(--spacing-lg)}.note-universal-editor .editor-content:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring-blue)}.note-universal-editor .ProseMirror{height:100%;min-height:150px;outline:none}.note-universal-editor .ProseMirror p{margin:0 0 16px}.note-universal-editor .ProseMirror p:last-child{margin-bottom:0}.note-universal-editor .ProseMirror h1,.note-universal-editor .ProseMirror h2,.note-universal-editor .ProseMirror h3{color:var(--text-primary);font-weight:var(--font-weight-bold);margin:var(--spacing-xl) 0 var(--spacing-md) 0}.note-universal-editor .ProseMirror h1:first-child,.note-universal-editor .ProseMirror h2:first-child,.note-universal-editor .ProseMirror h3:first-child{margin-top:0}.note-universal-editor .ProseMirror h1{border-bottom:2px solid var(--border-color);font-size:var(--font-size-3xl);padding-bottom:var(--spacing-sm)}.note-universal-editor .ProseMirror h2{font-size:var(--font-size-2xl)}.note-universal-editor .ProseMirror h3{font-size:var(--font-size-xl)}.note-universal-editor .ProseMirror strong{color:var(--text-primary);font-weight:var(--font-weight-bold)}.note-universal-editor .ProseMirror em{color:var(--text-secondary);font-style:italic}.note-universal-editor .ProseMirror code{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9em;padding:3px 6px}.note-universal-editor .ProseMirror .wikilink{background:var(--bg-info-overlay);border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-sm);color:var(--accent-blue);cursor:pointer;padding:2px 4px;text-decoration:none;transition:all var(--transition-fast)}.note-universal-editor .ProseMirror .wikilink:hover{background:var(--hover-bg-info);border-color:var(--accent-blue)}.note-universal-editor .editor-status{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-overlay);border-radius:var(--border-radius-sm);color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:var(--spacing-md);top:var(--spacing-md);z-index:10}.note-universal-editor .editor-saving-indicator{color:var(--accent-blue);font-weight:var(--font-weight-medium)}.note-universal-editor .editor-unsaved-indicator{color:var(--accent-orange);font-weight:var(--font-weight-medium)}.note-universal-editor .editor-creating-indicator{color:var(--accent-green);font-weight:var(--font-weight-medium)}.note-universal-editor .editor-hints{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--font-size-xs);font-style:italic;margin-top:var(--spacing-md);padding:var(--spacing-sm);text-align:center}@media (max-width:768px){.note-header{height:calc(var(--header-height) - 8px);padding:var(--spacing-sm) var(--spacing-md)}.note-title-editor{font-size:var(--font-size-lg)}.note-editor-container{padding:var(--spacing-sm)}.note-universal-editor .editor-content{font-size:var(--font-size-md);padding:var(--spacing-md)}}.summary-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.3;padding:var(--spacing-sm)}.summary-metadata{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:0 var(--spacing-xl) var(--spacing-lg)}.summary-date,.summary-duration,.summary-participants{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.summary-details{height:100%;overflow-y:auto;padding:var(--spacing-md)}.key-points-section,.metadata-section,.summary-info-section{margin-bottom:var(--spacing-lg)}.key-points-section h3,.metadata-section h3,.summary-info-section h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-xs)}.info-item{align-items:flex-start;display:flex;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-xs) 0}.info-item label{color:var(--text-secondary);flex-shrink:0;font-weight:500;min-width:80px}.info-item span{color:var(--text-primary);flex:1 1;text-align:right;word-break:break-word}.key-points-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.key-point{background:var(--bg-secondary);border-left:3px solid var(--accent-blue);border-radius:var(--border-radius-md);padding:var(--spacing-sm)}.key-point h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.key-point p{color:var(--text-secondary);font-size:.8125rem;line-height:1.4;margin:0}.metadata-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.summary-universal-editor{opacity:.9;pointer-events:none;-webkit-user-select:text;user-select:text}.summary-universal-editor .ql-toolbar{display:none!important}.summary-universal-editor .ql-container{border-top:1px solid var(--border-color)}.light-theme .summary-metadata{border-bottom-color:var(--border-color)}.light-theme .key-point{background:var(--bg-primary);border-color:var(--accent-blue)}.light-theme .info-item label{color:var(--text-secondary)}.light-theme .info-item span{color:var(--text-primary)}@media (prefers-contrast:high){.note-header{border-bottom-width:2px}.note-universal-editor .ProseMirror .wikilink,.note-universal-editor .editor-content{border-width:2px}}@media (prefers-reduced-motion:reduce){.close-button,.sidebar-toggle-button{transition:none}}.summary-content-container{background:var(--bg-primary);color:var(--text-primary);margin:0 auto;max-width:900px;padding:var(--spacing-xl);width:100%}.summary-title-bar{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-md)}.summary-title{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0}.summary-close-button{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:32px;justify-content:center;min-width:32px;padding:var(--spacing-xs);transition:all var(--transition-fast)}.summary-close-button:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-1px)}.summary-markdown-content.markdown-content{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-2xl)}.summary-markdown-content .markdown-heading{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-snug);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-xl);padding-bottom:var(--spacing-xs)}.summary-markdown-content .markdown-heading:first-child{margin-top:0}.summary-markdown-content .markdown-subheading{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-lg)}.summary-markdown-content .markdown-paragraph{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.summary-markdown-content .markdown-paragraph:last-child{margin-bottom:0}.summary-markdown-content .markdown-bold{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.summary-markdown-content .markdown-list{list-style-position:outside;margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.summary-markdown-content ul.markdown-list{list-style-type:disc}.summary-markdown-content ol.markdown-list{list-style-type:decimal}.summary-markdown-content .markdown-list-item{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-xs)}.summary-markdown-content ul.markdown-list li::marker{color:var(--tree-green);font-size:1.1em}.summary-markdown-content ol.markdown-list li::marker{color:var(--tree-green);font-weight:var(--font-weight-semibold)}.summary-key-points-section{border-top:1px solid var(--border-color);margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl)}.summary-key-points-section .section-heading{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-lg)}.summary-key-points-list{display:flex;flex-direction:column;gap:var(--spacing-md);list-style:none;margin:0;padding:0}.summary-key-point-item{background:var(--bg-secondary);border-left:4px solid var(--tree-green);border-radius:var(--border-radius-lg);line-height:var(--line-height-relaxed);padding:var(--spacing-md)}.summary-key-point-item p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.summary-key-point-item strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}@media (max-width:768px){.summary-content-container{padding:var(--spacing-lg) var(--spacing-md);padding-bottom:calc(var(--mobile-sidebar-height, 60px) + var(--safe-area-bottom, 0px) + var(--spacing-2xl))}.summary-title{font-size:var(--font-size-2xl)}.summary-markdown-content .markdown-heading{font-size:var(--font-size-md);margin-top:var(--spacing-lg)}.summary-markdown-content .markdown-subheading{font-size:var(--font-size-base)}.summary-markdown-content .markdown-list{padding-left:var(--spacing-lg)}.summary-key-point-item{padding:var(--spacing-sm)}}.note-viewer-footer{background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.library-button,.note-viewer-footer{align-items:center;gap:var(--spacing-sm)}.library-button{background:#0000;border:1px solid var(--accent-blue);border-radius:var(--border-radius-md);color:var(--accent-blue);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.5;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.library-button:hover{background:var(--accent-blue);box-shadow:var(--shadow-sm);color:var(--text-on-accent);transform:translateY(-1px)}.library-button:active{transform:translateY(0)}.library-icon{flex-shrink:0;height:18px;width:18px}.library-button-text{white-space:nowrap}.note-viewer-footer-fade-in{animation:footerFadeIn .4s ease-out forwards}@keyframes footerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.note-viewer-footer{margin-bottom:calc(var(--mobile-sidebar-height, 60px) + var(--safe-area-bottom, 0px) + var(--spacing-md));padding:var(--spacing-sm) var(--spacing-md)}.library-button{font-size:var(--font-size-xs);min-height:44px;padding:var(--spacing-xs) var(--spacing-sm)}.library-icon{height:16px;width:16px}}.note-editor-dialog.overlay-backdrop{padding:var(--spacing-lg)}.note-editor-dialog .overlay-content{display:flex;flex-direction:column;max-height:90vh;max-width:900px}.note-editor-dialog .overlay-body{display:flex!important;flex:1 1!important;flex-direction:column!important;min-height:0!important;padding:0!important}.note-editor-modal-body{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto}.note-editor-modal-body .note-viewer{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0}.note-editor-modal-body .note-content-area,.note-editor-modal-body .note-editor-container{display:flex;flex:1 1;flex-direction:column;min-height:0}.note-editor-modal-body .note-editor-container{padding:var(--spacing-md) var(--spacing-lg)}.note-editor-modal-body .universal-editor,.note-editor-modal-body .universal-editor .editor-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0}.note-editor-modal-body .note-viewer-footer{background:#0000;border-top:none;flex-shrink:0;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg)}.note-editor-modal-body .universal-editor .editor-content{box-shadow:none!important;flex:1 1;margin-top:0!important;min-height:0!important;padding:var(--spacing-md) var(--spacing-lg)!important;padding-bottom:var(--spacing-sm)!important}.note-editor-modal-body .universal-editor .editor-title-section{margin-bottom:var(--spacing-sm);padding-right:48px;position:relative}.note-editor-modal-body .universal-editor .editor-title-controls{pointer-events:none;position:absolute;right:0;top:0;z-index:10}.note-editor-modal-body .universal-editor .editor-title-controls>*{pointer-events:auto}.note-editor-modal-body .universal-editor .editor-title-wrapper{flex:1 1;min-width:0;position:relative}.note-editor-modal-body .universal-editor .editor-title-wrapper .inline-editor.display{border:none!important;border-radius:0!important;color:var(--text-primary)!important;cursor:text!important;display:block!important;font-size:var(--font-size-2xl)!important;font-weight:var(--font-weight-semibold)!important;line-height:1.3!important;margin:0!important;padding:var(--spacing-xs) 0!important;padding-left:0!important;padding-right:0!important;pointer-events:auto!important;width:100%!important}.note-editor-modal-body .universal-editor .editor-title-wrapper .inline-editor.display.empty{background:#0000;border-bottom:1px dashed var(--border-light);color:var(--text-tertiary)!important}.note-editor-modal-body .universal-editor .editor-title-wrapper .inline-editor.display:hover,.note-editor-modal-body .universal-editor .editor-title-wrapper .inline-editor.display:not(.empty):hover{background:#0000!important;border-color:#0000!important}.note-editor-modal-body .universal-editor .editor-title-wrapper .inline-editor-input{background:#0000!important;border:none!important;border-bottom:1px solid var(--border-light)!important;border-radius:0!important;color:var(--text-primary)!important;font-size:var(--font-size-2xl)!important;font-weight:var(--font-weight-semibold)!important;line-height:1.3!important;margin:0!important;min-height:0!important;min-height:auto!important;padding:var(--spacing-xs) 0!important;padding-left:0!important;padding-right:0!important;width:100%!important}.note-editor-modal-body .universal-editor .editor-title-wrapper .inline-editor-input:focus{background:#0000!important;border-bottom-color:var(--accent-blue)!important;outline:none!important}.note-editor-modal-body .universal-editor .editor-control-bar{background:#0000;border-top:none;padding:var(--spacing-sm) 0}.note-editor-modal-body .universal-editor .ProseMirror,.note-editor-modal-body .universal-editor .editor-prose-content{min-height:100px!important}.note-editor-modal-footer{align-items:center;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.note-editor-done-button{align-items:center;background:var(--tree-green);border:none;border-radius:var(--border-radius-md);color:var(--text-on-accent);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);justify-content:center;min-height:44px;min-width:100px;padding:var(--spacing-sm) var(--spacing-xl);transition:all var(--transition-fast)}.note-editor-done-button:hover{background:var(--tree-green-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.note-editor-done-button:active{background:var(--tree-green-pressed);transform:translateY(0)}.note-editor-dialog .options-button{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:var(--spacing-xs);transition:all var(--transition-fast)}.note-editor-dialog .options-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.note-editor-dialog .options-button svg{height:20px;width:20px}@media (max-width:768px){.note-editor-dialog.overlay-backdrop{padding:var(--spacing-xs)}.note-editor-dialog .overlay-content{border-radius:var(--border-radius-md);height:calc(100dvh - var(--spacing-sm));height:calc(100vh - var(--spacing-sm));max-height:none;max-width:calc(100% - var(--spacing-sm));width:calc(100% - var(--spacing-sm))}.note-editor-dialog .overlay-body{display:flex!important;flex:1 1!important;flex-direction:column!important;min-height:0!important}.note-editor-modal-body{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow-y:auto}.note-editor-modal-body .note-viewer{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;padding:0}.note-editor-modal-body .note-content-area,.note-editor-modal-body .note-editor-container{display:flex;flex:1 1;flex-direction:column;min-height:0}.note-editor-modal-body .note-editor-container{padding:var(--spacing-sm) var(--spacing-md)}.note-editor-modal-body .universal-editor,.note-editor-modal-body .universal-editor .editor-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0}.note-editor-modal-body .universal-editor .editor-content{box-shadow:none!important;flex:1 1;margin-top:0!important;min-height:0;padding:var(--spacing-sm) var(--spacing-md)!important}.note-editor-modal-body .universal-editor .editor-title-section{margin-bottom:var(--spacing-xs);padding-right:40px}.note-editor-modal-body .universal-editor .editor-title-wrapper .inline-editor-input,.note-editor-modal-body .universal-editor .editor-title-wrapper .inline-editor.display{font-size:var(--font-size-xl)!important;font-weight:var(--font-weight-semibold)!important;padding:var(--spacing-xs) 0!important;padding-left:0!important;padding-right:0!important}.note-editor-modal-body .universal-editor .editor-control-bar{background:#0000;border-top:1px solid var(--border-light);flex-shrink:0;margin-top:auto;padding:var(--spacing-sm) 0}.note-editor-modal-body .note-viewer-footer{border-top:none;flex-shrink:0;justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}.note-editor-modal-footer{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom, 0px))}.note-editor-done-button{min-height:48px;width:100%}}.light-theme .note-editor-modal-footer{background:var(--beige-paper)}.light-theme .note-editor-done-button{background:var(--accent-blue);color:#fff}.passport-popup-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--overlay-bg);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-passport-popup)}.passport-popup-overlay.passport-popup-closing{animation:fadeOut .2s ease-out forwards}.passport-popup-overlay.passport-popup-closing .passport-popup{animation:slideOut .2s ease-out forwards}.passport-popup{animation:slideIn .3s ease-out;border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);flex-direction:column;max-height:85vh;max-height:85dvh;max-width:600px;overflow:hidden;position:relative;width:90%}.passport-popup,.passport-popup-header{background:var(--bg-primary);display:flex}.passport-popup-header{align-items:center;border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;padding:var(--spacing-md)}.passport-popup-title{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-snug)}.passport-popup-close{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-3xl);height:32px;justify-content:center;line-height:1;padding:var(--spacing-xs);transition:all var(--transition-fast);width:32px}.passport-popup-close:hover{background:var(--hover-bg-overlay);color:var(--accent-blue)}.passport-popup-body{display:flex;flex:1 1;flex-direction:column;gap:0;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-lg)}.passport-popup-body::-webkit-scrollbar{width:8px}.passport-popup-body::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.passport-popup-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.passport-popup-body::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.passport-profile-top{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:0;padding-bottom:var(--spacing-xl)}.passport-avatar-container{flex-shrink:0;height:100px;overflow:visible;position:relative;width:100px}.passport-avatar-container .avatar-online-badge{border-width:3px;height:20px;width:20px}.passport-identity{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);min-width:0;padding-top:var(--spacing-xs)}.passport-user-name{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0;padding:0}.passport-user-profession{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.passport-user-location,.passport-user-profession{color:var(--text-secondary);line-height:var(--line-height-normal);margin:0;padding:0}.passport-user-location{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.passport-profile-body{display:flex;flex-direction:column;gap:var(--spacing-lg)}.passport-details-grid{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md);width:100%}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-bottom:var(--spacing-sm)}.detail-item:not(:last-child){border-bottom:none}.detail-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;line-height:var(--line-height-normal);opacity:.8;text-align:left;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);min-width:0}.empty-value{color:var(--text-secondary);font-style:italic;opacity:.7}.passport-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.tag-chip:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.suggestion-meta-panel{background:var(--bg-info-overlay);border:1px solid var(--accent-blue);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.suggestion-meta-header{align-items:center;color:var(--accent-blue);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.suggestion-meta-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.suggestion-score-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.suggestion-score-value{color:var(--accent-blue);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.suggestion-score-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.suggestion-online-badge{background:var(--accent-green);border-radius:9999px;color:var(--text-on-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-left:auto;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.suggestion-reasons-list{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.suggestion-reason-item{align-items:flex-start;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);line-height:var(--line-height-relaxed)}.suggestion-reason-bullet{color:var(--accent-blue);flex-shrink:0;font-weight:var(--font-weight-bold)}.suggestion-breakdown{background:var(--bg-primary);border-radius:var(--border-radius-sm);margin-top:var(--spacing-sm);padding:var(--spacing-md)}.suggestion-breakdown-header{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--spacing-md);text-transform:uppercase}.suggestion-breakdown-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.suggestion-breakdown-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.suggestion-breakdown-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.suggestion-breakdown-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.suggestion-breakdown-percentage{color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:40px;text-align:right}.suggestion-breakdown-bar-container{background:var(--bg-secondary);border-radius:9999px;height:8px;overflow:hidden;width:100%}.suggestion-breakdown-bar{background:var(--accent-blue);border-radius:9999px;box-shadow:inset 0 1px 2px #ffffff4d;height:100%;transition:width var(--transition-normal) ease-out}.suggestion-breakdown-grid{grid-gap:var(--spacing-xs) var(--spacing-md);display:grid;font-size:var(--font-size-sm);gap:var(--spacing-xs) var(--spacing-md);grid-template-columns:1fr auto}.suggestion-breakdown-key{color:var(--text-secondary);text-transform:capitalize}.suggestion-breakdown-value{color:var(--text-primary);font-weight:var(--font-weight-semibold);text-align:right}.passport-footer{background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-sm);padding:var(--spacing-md)}.passport-action-buttons{display:flex;gap:var(--spacing-sm);width:100%}.passport-action-buttons .call-button{flex:1 1;justify-content:center;width:100%}.passport-action-btn{align-items:center;border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);height:48px;justify-content:center;min-height:48px;padding:var(--spacing-md);transition:all var(--transition-fast)}.passport-action-btn--message{background:var(--accent-blue);color:var(--text-on-accent)}.passport-action-btn--message:hover{background:var(--accent-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.passport-action-btn--call{background:var(--tree-green)!important;border:none!important;color:var(--text-on-accent)!important}.passport-action-btn--call:hover{background:var(--accent-green)!important;box-shadow:var(--shadow-md);transform:translateY(-2px)}.passport-connect-button{display:flex;justify-content:stretch;width:100%}.connect-btn{align-items:center;background:var(--accent-blue);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--text-on-accent);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.connect-btn:hover:not(:disabled){background:var(--accent-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.connect-btn:disabled{cursor:not-allowed;opacity:.6}.connect-btn.connection-requested{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:none;color:var(--text-secondary);cursor:default}.connect-btn.connection-requested:hover{box-shadow:none;transform:none}.connect-btn.loading{cursor:wait;opacity:.7}.connect-text{font-weight:var(--font-weight-semibold)}.error-message{border:1px solid var(--accent-red);padding:var(--spacing-sm) var(--spacing-md)}.passport-local-user-info{align-items:center;background:var(--bg-info-overlay);border:1px solid var(--border-color);border-radius:var(--border-radius-md);display:flex;justify-content:center;padding:var(--spacing-md);text-align:center}@media (max-width:600px){.passport-popup{border-radius:var(--border-radius-lg);max-height:92vh;max-height:92dvh;max-width:none;width:96%}.passport-popup-header{padding:var(--spacing-sm) var(--spacing-md)}.passport-popup-title{font-size:var(--font-size-md);gap:var(--spacing-xs)}.passport-popup-body{gap:0;padding:var(--spacing-md)}.passport-profile-top{align-items:center;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:0;padding-bottom:var(--spacing-lg);text-align:center}.passport-avatar-container{height:70px;width:70px}.passport-avatar-container .avatar-online-badge{border-width:2px;height:16px;width:16px}.passport-identity{align-items:center;gap:var(--spacing-sm);padding-top:0}.passport-user-name{font-size:var(--font-size-lg)}.passport-user-profession{font-size:var(--font-size-sm)}.passport-user-location{font-size:var(--font-size-xs)}.passport-profile-body{gap:var(--spacing-md)}.passport-details-grid{gap:var(--spacing-sm)}.detail-item{padding-bottom:var(--spacing-xs)}.detail-label{font-size:var(--font-size-xs)}.detail-value{font-size:var(--font-size-sm)}.passport-footer{padding:var(--spacing-md)}.passport-action-buttons{flex-direction:column;gap:var(--spacing-xs)}.passport-action-btn{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.suggestion-score-row{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.suggestion-score-value{font-size:var(--font-size-xl)}.suggestion-online-badge{align-self:flex-start;margin-left:0}.suggestion-breakdown,.suggestion-meta-panel{padding:var(--spacing-sm) var(--spacing-md)}}@media (min-width:600px) and (max-width:768px){.passport-popup{max-height:88vh;max-height:88dvh;width:90%}.passport-popup-body{padding:var(--spacing-md)}.passport-avatar-container{height:80px;width:80px}}@media (min-width:768px) and (max-width:1024px){.passport-popup{max-width:550px;width:85%}.passport-avatar-container{height:90px;width:90px}}@media (min-width:1024px){.passport-popup{max-width:600px}.passport-avatar-container{height:100px;width:100px}.detail-item:hover{transform:translateX(4px)}.passport-action-btn:hover{transform:translateY(-3px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.onboarding{height:100vh;height:100dvh;left:0;top:0;width:100%;z-index:1000;z-index:var(--z-modal,1000)}.onboarding,.onboarding-theme-toggle{align-items:center;display:flex;justify-content:center;position:fixed}.onboarding-theme-toggle{animation:fade-in .8s ease .5s forwards;background:#0000;border:none;color:var(--text-tertiary);cursor:pointer;height:48px;opacity:0;padding:0;right:1.5rem;right:var(--spacing-lg,1.5rem);top:1.5rem;top:var(--spacing-lg,1.5rem);transition:all .3s ease;width:48px;z-index:1010;z-index:calc(var(--z-modal, 1000) + 10)}.onboarding-theme-toggle svg{color:inherit;height:24px;width:24px}@media (max-width:480px){.onboarding-theme-toggle{height:40px;right:1rem;right:var(--spacing-md,1rem);top:1rem;top:var(--spacing-md,1rem);width:40px}.onboarding-theme-toggle svg{height:32px;width:32px}}.onboarding .gradient-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:0;bottom:0;overflow:hidden;right:0;z-index:-1}.onboarding .gradient-bg,.onboarding-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.onboarding-overlay{align-items:center;background:#0000;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;opacity:0;padding:0;transition:opacity .8s ease-in-out;transition:opacity var(--transition-slow,.8s ease-in-out)}.onboarding-overlay.visible{opacity:1}.onboarding-content{max-height:100vh;max-height:100dvh;max-width:600px;min-height:100vh;min-height:100dvh;overflow:hidden;padding:0;position:relative;z-index:2}.onboarding-content,.onboarding-header{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;width:100%}.onboarding-header{flex-shrink:0;padding:clamp(2rem,8vh,5rem) 1.5rem clamp(.75rem,2vh,1.5rem)}.onboarding-header.welcome-step{padding-bottom:clamp(.5rem,1.5vh,1rem)}.onboarding-header.childhoodDream-step,.onboarding-header.name-step,.onboarding-header.problemToSolve-step,.onboarding-header.profession-step{padding-bottom:clamp(.5rem,1vh,.75rem)}.onboarding-header.expertOrStudent-step,.onboarding-header.purposeStatus-step{padding-bottom:clamp(.5rem,1.5vh,1rem)}.onboarding-body{-webkit-overflow-scrolling:touch;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;overflow-y:auto;padding:0 1rem 2rem;transition:opacity .3s ease-in-out,transform .3s ease-in-out;width:100%}.onboarding-body.step-visible{opacity:1;transform:translateX(0)}.onboarding-body.step-transition-forward{opacity:0;transform:translateX(-20px)}.onboarding-body.step-transition-backward{opacity:0;transform:translateX(20px)}.onboarding-body.childhoodDream-step,.onboarding-body.name-step,.onboarding-body.problemToSolve-step,.onboarding-body.profession-step{padding-top:clamp(1rem,2vh,1.5rem)}.onboarding-body.interests-step,.onboarding-body.skills-step{overflow-y:visible!important}.onboarding-footer{box-sizing:border-box;padding:1rem 1rem max(1.5rem,env(safe-area-inset-bottom));width:100%}.logo-container,.onboarding-footer{align-items:center;display:flex;flex-shrink:0}.logo-container{height:clamp(100px,15vw,160px);justify-content:center;margin-bottom:clamp(1.5rem,3vh,2.5rem);opacity:0;transform:scale(.9);transition:all 1.5s cubic-bezier(.34,1.56,.64,1);width:clamp(100px,15vw,160px)}.logo-container.welcome-step{margin-bottom:clamp(1.5rem,3vh,2rem)}.logo-container.animate{animation:grow-logo 1.2s ease-out forwards;opacity:1;transform:scale(1)}.logo-container.animate .onboarding-logo{animation:none;filter:drop-shadow(0 0 40px rgba(214,174,16,.2))}.light-theme .logo-container.animate .onboarding-logo{animation:none;filter:drop-shadow(0 0 30px rgba(214,174,84,.2))}.onboarding-logo{color:var(--sidebar-text);height:auto;width:100%}.logo-path{fill:var(--color-golden);stroke:var(--color-golden);stroke-width:.5;stroke-dasharray:900;stroke-dashoffset:900}.logo-container.animate .logo-path{animation:draw-logo 2.5s .2s forwards}@keyframes grow-logo{0%{transform:scale(1)}40%{transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes draw-logo{0%{fill-opacity:0;stroke-dashoffset:900}50%{fill-opacity:.2;stroke-dashoffset:0}to{fill-opacity:1;stroke-dashoffset:0}}.text-container{align-items:center;display:flex;justify-content:center;padding:clamp(.75rem,2vh,1.25rem) 0;position:relative;width:100%}.text-container.welcome-step{padding:clamp(1rem,2vh,1.5rem) 0}.text-container.childhoodDream-step,.text-container.name-step,.text-container.problemToSolve-step,.text-container.profession-step{padding-bottom:clamp(.5rem,1vh,.75rem)}.text-container.expertOrStudent-step,.text-container.purposeStatus-step{padding-bottom:clamp(.75rem,1.5vh,1rem)}.welcome-text{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-size:clamp(1.125rem,3vw,2rem);font-weight:300;font-weight:var(--font-weight-light,300);letter-spacing:.5px;line-height:1.4;max-width:500px;opacity:0;padding:0 var(--spacing-md);text-align:center;transition:opacity .5s ease;transition:opacity var(--transition-medium,.5s ease);width:100%}.welcome-text.visible{opacity:1}.cursor{background:#0000;color:#d6ae54;color:var(--color-golden,#d6ae54);display:inline-block;height:1.2em;margin-left:2px;position:relative;top:.1em;width:3px}.cursor.blink{animation:cursor-blink 1s step-end infinite}.cursor.hidden,.submitting-step .cursor{display:none}.submitting-step .welcome-text{animation:fade-in .6s ease-out forwards}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.cursor.typing-complete{color:#d6ae54;color:var(--accent-primary,var(--color-golden,#d6ae54))}.step-interaction{flex-direction:column;gap:clamp(1.25rem,3vh,2rem);margin-top:0;max-width:500px;width:100%}.back-button,.step-interaction{align-items:center;display:flex}.back-button{animation:fade-in .5s ease forwards;background:#0000;border:1px solid #80808033;border-radius:50px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:.875rem;gap:.5rem;margin:0;min-height:44px;opacity:0;padding:.5rem 1rem;transition:all .3s ease;z-index:10}.back-button .back-icon{height:16px;width:16px}.start-button{animation:fade-in .8s ease forwards;background:#0000;border:2px solid var(--color-golden);border-radius:50px;color:var(--color-golden);cursor:pointer;font-size:1.2rem;font-weight:400;letter-spacing:1px;margin:4px;min-height:48px;min-height:var(--touch-target-comfortable,48px);opacity:0;overflow:hidden;padding:.8rem 2.5rem;position:relative;transform:translateY(2px);transition:all .3s ease}.start-button:before{background:linear-gradient(90deg,#0000,#d6ae544d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease-out;width:100%}.start-button:hover:before{left:100%}.input-interaction{align-items:center;display:flex;flex-direction:column;width:100%}.animate-fade-in{animation:fade-in .8s ease-out forwards}.name-prompt-container{animation:fade-in .8s ease forwards;max-width:400px;opacity:0;text-align:center;width:100%}.name-form{align-items:center;display:flex;gap:1rem;max-width:400px;width:100%}.name-input{background:#0000;border:none;border-bottom:2px solid var(--color-golden);caret-color:var(--color-golden);color:var(--text-primary);flex-grow:1;font-size:1.5rem;outline:none;padding:.8rem 1rem;transition:all .3s ease}.name-input:focus{border-color:var(--color-golden);box-shadow:0 4px 8px #d6ae541a}.next-button{align-items:center;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1) forwards;background:var(--color-golden);border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;min-height:48px;min-width:48px;transform:scale(0);transition:transform .2s ease,background-color .2s ease;width:48px}.next-button svg{color:var(--bg-primary);height:24px;width:24px}.interests-container{align-items:center;margin-top:1rem}.options-container{padding:0 0 1rem;padding-bottom:var(--spacing-md,1rem)}.options-container,.options-flex{align-items:center;display:flex;flex-direction:column;width:100%}.options-flex{gap:clamp(.75rem,2vh,1rem);justify-content:center;max-width:400px}.options-flex .interest-tag{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);min-height:48px;min-height:var(--touch-target-comfortable,48px);padding:1rem 1.5rem;padding:var(--spacing-md,1rem) var(--spacing-lg,1.5rem);width:100%}.interests-grid{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);justify-content:center;margin-bottom:20px;margin-top:10px;max-height:55vh;overflow-y:auto;padding-right:8px;width:100%}.interests-grid::-webkit-scrollbar{width:6px}.interests-grid::-webkit-scrollbar-track{background:#0000;border-radius:3px}.interests-grid::-webkit-scrollbar-thumb{background:#0000;border-radius:3px;-webkit-transition:background .3s ease,opacity .3s ease;transition:background .3s ease,opacity .3s ease}.interests-grid::-webkit-scrollbar-thumb:hover{background:#d6ae5480}.interests-grid.scrolling::-webkit-scrollbar-track{background:#d6ae541a}.interests-grid.scrolling::-webkit-scrollbar-thumb{background:#d6ae5466}.interests-grid.scrolling::-webkit-scrollbar-thumb:hover{background:#d6ae54b3}.interests-grid{scrollbar-color:#0000 #0000;scrollbar-width:none}.interests-grid.scrolling{scrollbar-color:#d6ae5466 #d6ae541a;scrollbar-width:thin}.interest-tag{background:#d6ae541a;font-size:.9rem;padding:.7rem 1rem}.interest-next-button{background:var(--color-golden);border:none;border-radius:50px;color:var(--bg-primary);cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:.5px;margin-top:1.5rem;margin-top:var(--spacing-lg,1.5rem);padding:.8rem 2.5rem;transition:all .3s ease}.loading-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:2rem;padding:2rem}@keyframes clean-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center;width:100%}.error-message p{color:#dc3545;margin-bottom:.5rem}.retry-button{background:#0000;border:1px solid #dc3545;color:#dc3545;padding:.5rem 1rem;transition:all .3s ease}.retry-button:hover{background:#dc35451a}.thank-you-message{animation:fade-in .8s ease forwards;color:var(--text-primary);font-size:1.8rem;opacity:0;position:absolute;text-align:center;width:100%}.continue-button{background:#0000;border:2px solid var(--color-golden);border-radius:50px;color:var(--color-golden);cursor:pointer;font-size:1.2rem;font-weight:400;letter-spacing:1px;margin-top:2rem;opacity:0;overflow:hidden;padding:1rem 3.5rem;position:relative;transform:translateY(20px);transition:all .6s ease-out}.continue-button:before{background:linear-gradient(90deg,#0000,#d6ae544d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease-out;width:100%}.continue-button:hover:before{left:100%}.continue-button.visible{opacity:1;transform:translateY(0)}.completion-message{animation:fade-in .8s ease forwards;color:var(--text-primary);font-size:2.5rem;font-weight:300;letter-spacing:1px;margin-bottom:2rem;opacity:0;text-align:center}.get-started-button{animation:fade-in .8s ease .3s forwards;background:#0000;border:2px solid var(--color-golden);border-radius:50px;color:var(--color-golden);cursor:pointer;font-size:1.2rem;font-weight:400;letter-spacing:1px;opacity:0;overflow:hidden;padding:1rem 3.5rem;position:relative;transform:translateY(20px);transition:all .3s ease}.get-started-button:before{background:linear-gradient(90deg,#0000,#d6ae544d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease-out;width:100%}.get-started-button:hover:before{left:100%}@keyframes pop-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (min-width:1024px){.onboarding-header.welcome-step{padding-top:clamp(4rem,12vh,8rem)}.logo-container.expertOrStudent-step,.logo-container.purposeStatus-step{height:clamp(80px,10vw,110px);width:clamp(80px,10vw,110px)}}@media (min-height:800px){.onboarding-header{padding-top:clamp(3rem,10vh,8rem)}.onboarding-body{justify-content:flex-start}}@media (max-height:700px){.onboarding-content{min-height:500px;padding:.5rem;padding:var(--spacing-sm,.5rem)}.text-container{height:100px;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg,1.5rem)}.welcome-text{font-size:2.5rem;font-size:var(--font-size-2xl,2.5rem)}.continue-button{padding:.75rem 1.5rem;padding:var(--spacing-sm,.75rem) var(--spacing-lg,1.5rem)}.continue-button,.name-input{font-size:1rem;font-size:var(--font-size-md,1rem)}.name-input{padding:.75rem;padding:var(--spacing-sm,.75rem)}.next-button{font-size:.875rem;font-size:var(--font-size-sm,.875rem);padding:.75rem 1rem;padding:var(--spacing-sm,.75rem) var(--spacing-md,1rem)}.thank-you-message{font-size:1.25rem;font-size:var(--font-size-lg,1.25rem);padding:1rem;padding:var(--spacing-md,1rem)}.interests-grid{gap:.5rem;gap:var(--spacing-sm,.5rem);padding:.5rem;padding:var(--spacing-sm,.5rem)}.interest-tag{font-size:.875rem;font-size:var(--font-size-sm,.875rem);height:auto;min-height:auto;padding:.5rem .75rem;padding:var(--spacing-xs,.5rem) var(--spacing-sm,.75rem)}}@media (max-width:768px){.onboarding-overlay{padding:1rem;padding:var(--spacing-md,1rem)}.onboarding-content{max-width:100%;padding:.5rem;padding:var(--spacing-sm,.5rem)}.welcome-text{font-size:2rem;font-size:var(--font-size-2xl,2rem);padding:0 1rem;padding:0 var(--spacing-md,1rem)}.interests-grid{gap:.75rem;gap:var(--spacing-sm,.75rem);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-width:100%}.interest-tag{font-size:.875rem;font-size:var(--font-size-sm,.875rem);height:auto;min-height:44px;padding:.75rem;padding:var(--spacing-sm,.75rem)}}@media (max-width:480px){.logo-container.expertOrStudent-step,.logo-container.purposeStatus-step{height:clamp(70px,15vw,100px);width:clamp(70px,15vw,100px)}.welcome-text{font-size:1.75rem;font-size:var(--font-size-xl,1.75rem);padding:0 .5rem;padding:0 var(--spacing-sm,.5rem)}.text-container{height:100px;margin-bottom:.75rem;margin-bottom:var(--spacing-sm,.75rem)}.interests-grid{gap:.5rem;gap:var(--spacing-sm,.5rem);grid-template-columns:1fr 1fr}.interest-tag{font-size:.75rem;font-size:var(--font-size-xs,.75rem);height:auto;min-height:48px;padding:.75rem;padding:var(--spacing-sm,.75rem)}.name-form{gap:.75rem;max-width:300px}.name-input{font-size:1rem;padding:.6rem .8rem}.name-input::placeholder{font-size:.9rem}.next-button svg{height:20px;width:20px}.continue-button{margin:0 auto;max-width:280px;width:100%}.onboarding-content.interests-step,.onboarding-content.skills-step{-webkit-overflow-scrolling:touch;height:auto;max-height:100vh;max-height:100dvh;overflow:visible}.onboarding-content.interests-step .onboarding-header,.onboarding-content.skills-step .onboarding-header{padding-bottom:.5rem;padding-top:1rem}.onboarding-body.interests-step,.onboarding-body.skills-step{padding:0 1rem .5rem}.onboarding-content.interests-step .interests-grid,.onboarding-content.skills-step .interests-grid{gap:.5rem;margin-bottom:.5rem;max-height:30vh;min-height:100px;overflow-y:auto;padding-right:8px}.onboarding-content.interests-step .interests-grid::-webkit-scrollbar,.onboarding-content.skills-step .interests-grid::-webkit-scrollbar{width:6px}.interests-grid::-webkit-scrollbar{width:4px}.interest-next-button{margin-bottom:1rem;margin-top:1.5rem;max-width:300px;width:90%}.options-flex{gap:clamp(.75rem,2vh,1rem)}.options-flex .interest-tag{font-size:1rem;font-size:var(--font-size-md,1rem);max-width:320px;min-height:48px;min-height:var(--touch-target-comfortable,48px);padding:1rem 1.5rem;padding:var(--spacing-md,1rem) var(--spacing-lg,1.5rem);width:100%}.text-container.expertOrStudent-step .welcome-text,.text-container.purposeStatus-step .welcome-text{font-size:1.25rem;font-size:var(--font-size-lg,1.25rem);line-height:1.6;line-height:var(--line-height-relaxed,1.6)}}.logo-container.interests-step,.logo-container.skills-step{display:none}.logo-container.submitting-step.animate{animation:none;opacity:1;transform:scale(1)}.logo-container.submitting-step.animate .onboarding-logo{animation:none}.logo-container.submitting-step.animate .logo-path{stroke-dashoffset:0;fill-opacity:1;animation:none}.logo-container.expertOrStudent-step,.logo-container.purposeStatus-step{height:clamp(70px,10vw,100px);width:clamp(70px,10vw,100px)}.text-container.interests-step,.text-container.skills-step{height:50px;margin-bottom:1rem}.text-container.interests-step .welcome-text,.text-container.skills-step .welcome-text{font-size:2rem}.onboarding-content.interests-step,.onboarding-content.skills-step{display:flex;flex-direction:column;height:auto;justify-content:flex-start;max-height:100vh;max-height:100dvh;overflow:visible;padding:1rem}.interests-container{display:flex;flex-direction:column;flex-grow:1;margin:0;padding:.5rem;position:relative;width:100%}.onboarding-content.interests-step .interests-grid,.onboarding-content.skills-step .interests-grid{grid-gap:clamp(.75rem,2vw,.875rem);display:grid;flex-grow:1;gap:clamp(.75rem,2vw,.875rem);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:.5rem;max-height:clamp(35vh,40vh,45vh);min-height:250px;overflow-y:auto;padding-bottom:1rem;padding-right:8px;position:relative;width:100%}.onboarding-content.interests-step .interests-grid::-webkit-scrollbar,.onboarding-content.skills-step .interests-grid::-webkit-scrollbar{width:6px}.onboarding-content.interests-step .interests-grid::-webkit-scrollbar-track,.onboarding-content.skills-step .interests-grid::-webkit-scrollbar-track{background:#d6ae541a;border-radius:3px}.onboarding-content.interests-step .interests-grid::-webkit-scrollbar-thumb,.onboarding-content.skills-step .interests-grid::-webkit-scrollbar-thumb{background:#d6ae5466;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.onboarding-content.interests-step .interests-grid::-webkit-scrollbar-thumb:hover,.onboarding-content.skills-step .interests-grid::-webkit-scrollbar-thumb:hover{background:#d6ae54b3}.onboarding-content.interests-step .interests-grid,.onboarding-content.skills-step .interests-grid{scrollbar-color:#d6ae5466 #d6ae541a;scrollbar-width:thin}.interest-tag{word-wrap:break-word;align-items:center;background:#0000;border:1px solid #d6ae544d;border-radius:50px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.1rem;height:auto;-webkit-hyphens:auto;hyphens:auto;justify-content:center;line-height:1.4;margin:1px;min-height:auto;overflow-wrap:break-word;padding:1rem 1.2rem;text-align:center;transition:all .3s ease;white-space:normal}.interest-tag.selected{background:var(--color-golden);border-color:var(--color-golden);box-shadow:0 4px 8px #d6ae544d;color:var(--bg-primary);font-weight:500;opacity:.85;transform:translateY(-1px)}.interests-container .interest-next-button{align-self:center;flex-shrink:0;margin-bottom:1rem;margin-top:2rem;max-width:300px;width:80%}.onboarding .interest-tag{background:#0000;border:1px solid #d6ae544d;border-radius:50px;color:var(--text-primary)}.onboarding .interest-tag.selected{background:var(--color-golden);border-color:var(--color-golden);color:var(--bg-primary);opacity:.85}@media (hover:hover) and (pointer:fine){.start-button:hover{background:#d6ae541a;background:var(--state-hover,#d6ae541a);box-shadow:0 1px 2px #1e1f1c24;box-shadow:var(--shadow-elevation-02dp,0 1px 2px #1e1f1c24);transform:translateY(-2px)}.back-button:hover{color:var(--color-golden);transform:translateY(-1px)}.back-button:hover,.interest-tag:hover,.onboarding .interest-tag:hover{background:#d6ae541a;background:var(--state-hover,#d6ae541a);border-color:var(--color-golden)}.interest-next-button:hover{box-shadow:0 1px 2px #1e1f1c24;box-shadow:var(--shadow-elevation-02dp,0 1px 2px #1e1f1c24);transform:translateY(-2px)}.onboarding-theme-toggle:hover{color:var(--color-golden);transform:scale(1.1)}.next-button:hover{background-color:var(--color-golden);background-color:var(--accent-primary,var(--color-golden));transform:scale(1.1)}.continue-button:hover,.get-started-button:hover{background:#d6ae541a;background:var(--state-hover,#d6ae541a);box-shadow:0 1px 2px #1e1f1c24;box-shadow:var(--shadow-elevation-02dp,0 1px 2px #1e1f1c24);transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.logo-container.animate{animation:none;opacity:1;transform:scale(1)}.logo-container.animate .logo-path{stroke-dashoffset:0;fill-opacity:1;animation:none}.cursor.blink{animation:none;opacity:1}.back-button,.interest-next-button,.interest-tag,.next-button,.start-button{transition:none}.onboarding-body{transition:none!important}.onboarding-body.step-transition-backward,.onboarding-body.step-transition-forward{opacity:1!important;transform:none!important}}.gradient-bg.golden-hour{background:linear-gradient(135deg,#ffecd2,#fcb69f),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.05'/%3E%3C/svg%3E");background-blend-mode:soft-light}.gradient-bg.soft-linen{background:linear-gradient(160deg,#f9e4cf,#ede0d4 50%,#e3d5ca),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.04'/%3E%3C/svg%3E");background-blend-mode:overlay}.gradient-bg.mineral-light{background:radial-gradient(circle at 30% 20%,#faf8f5 0,#f5f1ed 50%,#e8e3df 100%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");background-blend-mode:multiply}.gradient-bg.morning-mist{background:linear-gradient(120deg,#fdfbf7,#f5f3ef 40%,#f0ebe3),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.06'/%3E%3C/svg%3E");background-blend-mode:soft-light}.gradient-bg.rose-cream{background:linear-gradient(140deg,#fff5f7,#ffe8ec 50%,#ffd6dd),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.04'/%3E%3C/svg%3E");background-blend-mode:overlay}.gradient-bg.sage-paper{background:linear-gradient(155deg,#f4f6f3,#eef1ec 50%,#e5e9e3),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.05'/%3E%3C/svg%3E");background-blend-mode:soft-light}.gradient-bg.midnight-canvas{background:linear-gradient(145deg,#1a1a1f,#13131a 50%,#0d0d12),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.08'/%3E%3C/svg%3E");background-blend-mode:overlay}.gradient-bg.charcoal-silk{background:radial-gradient(circle at 40% 30%,#2a2a2f 0,#1f1f25 50%,#16161b 100%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.06'/%3E%3C/svg%3E");background-blend-mode:soft-light}.gradient-bg.slate-fog{background:linear-gradient(130deg,#2c2f33,#23252a 50%,#1a1c20),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.07'/%3E%3C/svg%3E");background-blend-mode:overlay}.gradient-bg.deep-forest{background:linear-gradient(140deg,#1a1f1a,#141814 50%,#0f120f),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.09'/%3E%3C/svg%3E");background-blend-mode:soft-light}.gradient-bg.warm-graphite{background:linear-gradient(150deg,#2b2926,#211f1d 50%,#181716),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.08'/%3E%3C/svg%3E");background-blend-mode:overlay}.gradient-bg.twilight-ink{background:radial-gradient(ellipse at 20% 40%,#252838 0,#1a1d2e 50%,#111320 100%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.1'/%3E%3C/svg%3E");background-blend-mode:soft-light}.gradient-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:inherit;bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:background .3s ease,opacity .3s ease;width:100%;z-index:-2}.carousel-card.has-gradient-bg .gradient-bg,.carousel-card.is-active .gradient-bg{opacity:1}body.light-theme .gradient-bg.charcoal-silk,body.light-theme .gradient-bg.deep-forest,body.light-theme .gradient-bg.midnight-canvas,body.light-theme .gradient-bg.slate-fog,body.light-theme .gradient-bg.twilight-ink,body.light-theme .gradient-bg.warm-graphite{background:linear-gradient(160deg,#f9e4cf,#ede0d4 50%,#e3d5ca),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.04'/%3E%3C/svg%3E")!important;background-blend-mode:overlay!important}body:not(.light-theme) .gradient-bg.golden-hour,body:not(.light-theme) .gradient-bg.mineral-light,body:not(.light-theme) .gradient-bg.morning-mist,body:not(.light-theme) .gradient-bg.rose-cream,body:not(.light-theme) .gradient-bg.sage-paper,body:not(.light-theme) .gradient-bg.soft-linen{background:linear-gradient(150deg,#2b2926,#211f1d 50%,#181716),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.08'/%3E%3C/svg%3E")!important;background-blend-mode:overlay!important}.carousel-card.has-gradient-bg .card-content-overlay{backdrop-filter:blur(var(--card-overlay-blur));-webkit-backdrop-filter:blur(var(--card-overlay-blur));background:var(--overlay-bg);border-radius:inherit;position:relative;transition:background-color var(--transition-medium);z-index:2}.carousel-card.has-gradient-bg .card-content{position:relative;z-index:1}.shimmer-golden{overflow:hidden;position:relative}.shimmer-golden:before{animation:shimmer-rise 12s cubic-bezier(.4,0,.2,1) infinite;background:linear-gradient(170deg,#0000,#0000 42%,rgba(214,174,84,.003) 45%,rgba(214,174,84,.006) 47%,rgba(214,174,84,.013) 48.5%,rgba(214,174,84,.022) 50%,rgba(214,174,84,.015) 51%,rgba(16,185,129,.006) 52%,rgba(16,185,129,.009) 52.5%,rgba(16,185,129,.006) 53%,rgba(214,174,84,.006) 53.5%,rgba(214,174,84,.003) 55%,#0000 58%,#0000);content:"";height:300%;left:-10%;mix-blend-mode:screen;opacity:0;pointer-events:none;position:absolute;right:-10%;top:120%;width:120%;z-index:0}.light-theme .shimmer-golden:before{background:linear-gradient(170deg,#0000,#0000 42%,rgba(184,147,94,.002) 45%,rgba(184,147,94,.005) 47%,rgba(184,147,94,.009) 48.5%,rgba(184,147,94,.019) 50%,rgba(184,147,94,.013) 51%,hsla(93,12%,55%,.005) 52%,hsla(93,12%,55%,.008) 52.5%,hsla(93,12%,55%,.005) 53%,rgba(184,147,94,.005) 53.5%,rgba(184,147,94,.002) 55%,#0000 58%,#0000)}@keyframes shimmer-rise{0%{opacity:0;top:120%}15%{opacity:1}65%{opacity:1;top:-220%}75%{opacity:0}to{opacity:0;top:-220%}}.shimmer-golden{--shimmer-duration:12s;--shimmer-delay:0s;--shimmer-timing:cubic-bezier(0.4,0,0.2,1)}.shimmer-golden:before{animation-delay:var(--shimmer-delay);animation-duration:var(--shimmer-duration);animation-timing-function:var(--shimmer-timing)}.shimmer-golden.shimmer-fast{--shimmer-duration:3s}.shimmer-golden.shimmer-slow{--shimmer-duration:8s}.shimmer-golden.shimmer-delayed{--shimmer-delay:1s}.shimmer-golden.shimmer-subtle:before{background:linear-gradient(170deg,#0000,#0000 42%,rgba(214,174,84,.003) 45%,rgba(214,174,84,.006) 47%,rgba(214,174,84,.012) 48.5%,rgba(214,174,84,.025) 50%,rgba(214,174,84,.015) 51%,rgba(16,185,129,.006) 52%,#10b98103 52.5%,rgba(16,185,129,.006) 53%,rgba(214,174,84,.006) 53.5%,rgba(214,174,84,.003) 55%,#0000 58%,#0000)}.light-theme .shimmer-golden.shimmer-subtle:before{background:linear-gradient(170deg,#0000,#0000 42%,rgba(184,147,94,.002) 45%,rgba(184,147,94,.005) 47%,rgba(184,147,94,.009) 48.5%,rgba(184,147,94,.019) 50%,rgba(184,147,94,.012) 51%,hsla(93,12%,55%,.005) 52%,hsla(93,12%,55%,.008) 52.5%,hsla(93,12%,55%,.005) 53%,rgba(184,147,94,.005) 53.5%,rgba(184,147,94,.002) 55%,#0000 58%,#0000)}.splash-screen-container{align-items:center!important;background:#1e1f1c;background:var(--bg-primary,#1e1f1c);contain:layout style paint;display:flex!important;flex-direction:column!important;height:100vh!important;inset:0!important;isolation:isolate;justify-content:center!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:100vh!important;min-width:100vw!important;overflow:hidden!important;padding:0!important;position:fixed!important;transform:none!important;width:100vw!important;z-index:9999!important}.splash-screen-container.fading-out{opacity:0;pointer-events:none;transition:opacity .4s ease-out}.splash-screen-container .gradient-bg{border-radius:0!important;z-index:0!important}.splash-dawn-overlay,.splash-screen-container .gradient-bg{height:100%!important;inset:0!important;pointer-events:none;position:absolute!important;width:100%!important}.splash-dawn-overlay{animation:dawnFadeInOut 3s ease-in-out forwards;background:linear-gradient(0deg,#ffdcb440 0,#ffc89626 20%,#ffb47814 40%,#ffa0640a 60%,#0000 80%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.06'/%3E%3C/svg%3E");background-blend-mode:soft-light;background-position:50%;background-size:cover,100px 100px;opacity:0;z-index:2!important}@keyframes dawnFadeInOut{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.light-theme .splash-dawn-overlay{background:linear-gradient(0deg,#f0c8a026 0,#e6be961a 20%,#dcb48c0d 40%,#d2aa8205 60%,#0000 80%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.04'/%3E%3C/svg%3E");background-blend-mode:soft-light;background-size:cover,100px 100px}.splash-screen-content{flex-direction:column;gap:var(--spacing-md);max-width:100%;padding:1rem;position:relative;width:100%;z-index:10!important}.splash-logo-container,.splash-screen-content{align-items:center;display:flex;justify-content:center;transition:all var(--transition-medium)}.splash-logo-container{border-radius:50%;color:var(--text-primary);height:200px;padding:var(--spacing-xs);width:200px}.splash-logo-bloom{animation:logoBloom 2s ease-out forwards;filter:blur(10px);opacity:0}@keyframes logoBloom{to{filter:blur(0);opacity:1}}.splash-logo{filter:drop-shadow(0 0 0 transparent);height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.splash-logo-container:not(.animation-complete):hover{transform:none!important}.splash-logo-container:not(.animation-complete):hover .splash-logo{filter:none!important;transform:none!important}.splash-logo-container.skip-animation{animation:none!important;filter:blur(0)!important;opacity:1!important;transition:all .3s ease-out!important}.splash-text-container.skip-animation{animation:none!important;opacity:.8!important;transform:translateY(0)!important;transition:all .3s ease-out!important}.splash-dawn-overlay.skip-animation{animation:none!important;opacity:0!important;transition:opacity .3s ease-out!important}.splash-text-container{border-radius:var(--border-radius-lg);padding:var(--spacing-md) var(--spacing-xl);text-align:center;transition:all var(--transition-medium)}.splash-text-elevate{animation:textElevate 2s ease-out 1s forwards;opacity:0;transform:translateY(20px);will-change:opacity,transform}@keyframes textElevate{to{opacity:.8;transform:translateY(0)}}.splash-title{box-shadow:none;color:var(--text-primary);filter:none;font-family:var(--font-sans);font-size:var(--font-size-2xl);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0;text-shadow:none;transform:none;transition:all var(--transition-fast)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){.splash-screen-content{gap:var(--spacing-sm)}.splash-logo-container{height:150px;width:150px}.splash-title{font-size:var(--font-size-xl)}}@media (max-width:480px){.splash-screen-content{gap:var(--spacing-sm);padding:0}.splash-logo-container{height:120px;margin-bottom:0;width:120px}.splash-title{font-size:var(--font-size-lg)}.splash-continue-hint{font-size:var(--font-size-xs);margin-top:var(--spacing-md)}}@media (max-width:320px){.splash-screen-content{gap:var(--spacing-xs);padding:0}.splash-logo-container{height:100px;width:100px}.splash-title{font-size:var(--font-size-md)}}@media (prefers-reduced-motion:reduce){.splash-dawn-overlay,.splash-logo-bloom,.splash-text-elevate{animation:none!important;filter:none!important;opacity:1!important;transform:none!important;transition:none!important}.splash-text-elevate{opacity:.8!important}.splash-dawn-overlay{opacity:0!important}}@media (prefers-contrast:high){.splash-screen-container{background:var(--bg-primary)}.splash-title{color:var(--text-primary);font-weight:var(--font-weight-semibold)}}@media print{.splash-screen-container{display:none}}.motivation{word-wrap:break-word;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-serif);font-size:var(--font-size-xl);font-style:italic;font-weight:var(--font-weight-light);line-height:1.4;max-width:400px;opacity:0;overflow-wrap:break-word;padding:var(--spacing-md) var(--spacing-lg);pointer-events:none;position:absolute;text-align:left;transition:opacity 1.2s ease-in-out;-webkit-user-select:none;user-select:none;white-space:normal;z-index:1000}.motivation.visible{opacity:1}.motivation-text{display:block}.motivation-text:after,.motivation-text:before{content:'"';opacity:.7}.motivation.card-display-motivation{font-size:16px;font-style:italic;font-weight:var(--font-weight-light);left:var( --spacing-xl );line-height:1.5;position:fixed;text-align:left;top:32px;width:280px;z-index:900}.motivation.card-display-motivation[data-card-context=world]{backdrop-filter:none;-webkit-backdrop-filter:none;background:none;border:none;box-shadow:none;font-size:20px;text-shadow:0 2px 4px #000c,0 0 8px #0009;top:128px}.light-theme .motivation{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-secondary);border:1px solid var(--beige-sand);box-shadow:var(--shadow-md);color:var(--text-sepia)}.light-theme .motivation[data-card-context=world]{text-shadow:none}@media (min-width:1024px) and (max-width:1599px){.motivation.card-display-motivation{font-size:15px;left:4px;width:260px}}@media (min-width:768px) and (max-width:1023px){.motivation.card-display-motivation{font-size:14px;left:4px;width:220px}}@media (max-width:767px){.motivation{pointer-events:none;visibility:hidden}.motivation.card-display-motivation{display:none}}@media (min-width:1920px){.motivation.card-display-motivation{font-size:17px;left:4px;width:300px}}@media (min-width:2560px){.motivation.card-display-motivation{font-size:18px;left:4px;width:320px}}.pagination-dots-container{align-items:center;border:none;bottom:auto!important;box-sizing:border-box;display:flex;gap:8px;height:auto;justify-content:center;left:auto!important;max-width:100%;position:static!important;right:auto!important;top:auto!important;transform:none!important;width:auto;z-index:auto}.pagination-dot,.pagination-dots-container{background:#0000;box-shadow:none;margin:0;padding:0}.pagination-dot{border:1.5px solid #b0a590;border:1.5px solid var(--beige-earth,#b0a590);border-radius:50%;bottom:auto;cursor:pointer;display:inline-block;flex-shrink:0;height:10px;left:auto;outline:none;position:static;right:auto;top:auto;transform:none;transition:background .2s ease,border-color .2s ease,opacity .2s ease;vertical-align:middle;width:10px}.pagination-dot:hover{opacity:.7;transform:none}.pagination-dot.active{background:#b0a590;background:var(--beige-earth,#b0a590);border-color:#b0a590;border-color:var(--beige-earth,#b0a590);box-shadow:none}.pagination-dot.active:hover{opacity:1}.pagination-dot:focus-visible{box-shadow:0 0 0 2px #b0a590;box-shadow:0 0 0 2px var(--beige-earth,#b0a590);outline:none}.pagination-dot:disabled{background:#0000;box-shadow:none;cursor:not-allowed;opacity:.4}.light-theme .pagination-dot,:root[data-theme=light] .pagination-dot{border-color:#5a4f43;border-color:var(--text-charcoal,#5a4f43)}.light-theme .pagination-dot.active,:root[data-theme=light] .pagination-dot.active{background:#5a4f43;background:var(--text-charcoal,#5a4f43);border-color:#5a4f43;border-color:var(--text-charcoal,#5a4f43)}.light-theme .pagination-dot:focus-visible,:root[data-theme=light] .pagination-dot:focus-visible{box-shadow:0 0 0 2px #5a4f43;box-shadow:0 0 0 2px var(--text-charcoal,#5a4f43)}.pagination-ellipsis{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:700;justify-content:center;padding:0 4px;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.pagination-dot{transition:none}}.card-display-container{background:#0000;display:flex;flex-direction:column;height:var(--safe-viewport-height);height:100dvh;min-height:var(--safe-viewport-height);overflow:hidden;position:relative;width:100%}@media (min-width:601px){.card-display-container{margin-left:calc(var(--sidebar-width)*-1);width:calc(100% + var(--sidebar-width))}.card-display-active{left:var(--sidebar-width)!important;right:0!important}}.card-display-nav{align-items:center;background:#0000;display:flex;gap:var(--spacing-sm);justify-content:center;left:50%;opacity:1;pointer-events:none;position:absolute;top:var(--spacing-xl);transform:translateX(-50%);transition:opacity .3s ease;z-index:100}.card-display-nav.auto-hide{opacity:0;pointer-events:none}.card-display-active{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:auto}.card-display-active.fullscreen-mode{overflow:hidden!important;scrollbar-width:none;touch-action:none;will-change:auto}.card-display-active.fullscreen-mode::-webkit-scrollbar{display:none;height:0;width:0}.card-display-active.flex-scroll{display:flex;flex:1 1;flex-direction:column;overflow:visible}.card-display-active.card-hidden{overflow:hidden!important}.card-display-active::-webkit-scrollbar{width:10px}.card-display-active::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:5px}.card-display-active::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:5px;min-height:40px;-webkit-transition:background .2s ease;transition:background .2s ease}.card-display-active::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.card-display-active::-webkit-scrollbar-corner{background:#0000}.card-display-active{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}.card-display-content.fullscreen{height:100%;min-height:var(--safe-viewport-height);min-height:100dvh;overflow:visible;padding:0;width:100%}.card-display-content.fullscreen.flex-scroll{display:flex;flex:1 1;flex-direction:column;overflow:visible}.card-display-content.fullscreen .card-display-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;left:16px;left:var(--spacing-lg,16px);padding:0;position:absolute;top:16px;top:var(--spacing-lg,16px);z-index:1100}.card-display-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:flex-start;min-height:max-content;padding:var(--spacing-lg) var(--spacing-lg) calc(var(--spacing-lg) + 5vh);position:relative;width:100%}.card-display-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;filter:blur(3px);left:0;opacity:.3;position:absolute;right:0;top:0;z-index:-1}.card-display-wrapper{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-primary);border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-xl);box-shadow:inset 0 0 0 100vmax var(--overlay-stronger);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 auto;max-width:900px;min-height:max-content;padding:var(--spacing-xl);width:100%}.card-display-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.card-display-header .card-icon{color:var(--text-primary);flex-shrink:0;height:24px;width:24px}.card-display-header .card-title{color:var(--text-primary);flex:1 1;font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0}.card-display-header .card-actions{flex-shrink:0}.card-display-body{flex:1 1;min-height:max-content;width:100%}.card-display-error{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-lg);height:auto;justify-content:center;min-height:var(--safe-viewport-height);min-height:100dvh}@media (max-width:768px){.card-display-content{padding:0}.card-display-wrapper{border-radius:0;margin:0;max-width:100%;padding:var(--spacing-lg)}.card-display-nav{top:var(--spacing-sm)}}@media (max-width:480px){.card-display-content{padding:0}.card-display-wrapper{border-radius:0;margin:0;padding:var(--spacing-md)}.card-display-nav{display:none}}@media (max-width:600px){.card-display-nav{display:none!important}.card-display-active{padding-bottom:calc(var(--mobile-sidebar-height) + var(--spacing-md))!important}.card-display-content,.card-display-content.fullscreen{padding-bottom:0!important}.card-display-wrapper{padding-bottom:var(--spacing-md)!important}}.card-display-wrapper.variant-two-column{max-width:1000px}.card-display-wrapper.variant-wide{max-width:1200px}.card-display-wrapper.variant-compact{gap:var(--spacing-md);padding:var(--spacing-md)}.card-display-container:focus{outline:1px solid var(--text-secondary);outline-offset:-1px}.light-theme .card-display-wrapper{background:var(--bg-primary);border:1px solid var(--border-color-overlay);box-shadow:inset 0 0 0 100vmax var(--overlay-strong)}.light-theme .card-display-nav{background:#0000;border:none}@media (prefers-reduced-motion:reduce){.card-display-active{scroll-behavior:auto}}.knowledge-overlay-panel,.notes-overlay-panel{background:var(--bg-primary);bottom:0;height:auto;margin:0;min-height:var(--safe-viewport-height);min-height:100dvh;overflow:hidden;padding:0;position:fixed;right:0;scroll-behavior:smooth;top:0;width:100vw;z-index:1000}.notes-overlay-panel{left:72px;opacity:1;overflow:hidden;transition:opacity .3s ease-in-out;width:calc(100vw - 72px);z-index:2500}.notes-overlay-panel.notes-overlay-active{opacity:1}@media (max-width:768px){.notes-overlay-panel{left:0;width:100vw}}.profile-box{display:flex;flex-direction:column;height:auto;max-height:none;min-height:max-content;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:auto;width:100%}.profile-box::-webkit-scrollbar{height:12px;width:12px}.profile-box::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-thumb-radius)}.profile-box::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.profile-box::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.profile-box::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.profile-box{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.profile-box:focus{outline:2px solid var(--accent-green);outline-offset:var(--spacing-xs)}.profile-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);max-height:none;min-height:max-content;min-height:calc(100vh + var(--spacing-lg));overflow:visible;padding:var(--spacing-sm);width:100%}.profile-box .empty{color:var(--text-tertiary);font-style:italic;opacity:.6}@media (max-width:768px){.profile-content{gap:var(--spacing-sm);padding:var(--spacing-sm)}}.profile-header{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:var(--spacing-sm)}.profile-header,.profile-tab-content{background:var(--bg-elevated);border:1px solid #ffffff26;border-radius:var(--border-radius-lg);padding:var(--spacing-md)}.profile-tab-content{color:var(--text-secondary);display:flex;flex-direction:column;font-size:1rem;gap:var(--spacing-md);line-height:1.5;overflow:visible;width:100%;will-change:transform,opacity}.profile-content{overflow-x:hidden!important}.profile-tab-content .profile-detail-row{animation:fadeInUp .3s cubic-bezier(.16,1,.3,1) backwards}.profile-tab-content .profile-detail-row:first-child{animation-delay:.03s}.profile-tab-content .profile-detail-row:nth-child(2){animation-delay:.06s}.profile-tab-content .profile-detail-row:nth-child(3){animation-delay:.09s}.profile-tab-content .profile-detail-row:nth-child(4){animation-delay:.12s}.profile-tab-content .profile-detail-row:nth-child(5){animation-delay:.15s}.profile-tab-content .profile-detail-row:nth-child(6){animation-delay:.18s}.profile-tab-content .profile-detail-row:nth-child(7){animation-delay:.21s}.profile-tab-content .profile-detail-row:nth-child(8){animation-delay:.24s}.profile-tab-content .profile-section{animation:fadeInUp .35s cubic-bezier(.16,1,.3,1) backwards}.profile-tab-content .profile-section:first-child{animation-delay:.05s}.profile-tab-content .profile-section:nth-child(2){animation-delay:.1s}@media (prefers-reduced-motion:reduce){.profile-tab-content .profile-detail-row,.profile-tab-content .profile-section{animation:none}.profile-tab-content{will-change:auto}}.profile-box:hover .profile-box-content{transform:translateY(-2px)}.profile-text-block{background:var(--overlay-bg);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);width:100%}.profile-text-block .inline-editor.display{background:#0000;border:none;color:#fff}.section-divider{margin:var(--spacing-sm) 0}.profile-section-divider,.section-divider{background:#ffffff26;height:1px;width:100%}.profile-section-divider{border:none;grid-column:1/-1;margin:var(--spacing-md) 0;position:relative}.profile-section-divider:before{display:none}.profile-section-divider.compact{margin:var(--spacing-sm) 0;opacity:.5}.profile-section{border-bottom:none;padding-bottom:var(--spacing-xl)}.profile-section:last-child{border-bottom:none;padding-bottom:0}.section-header{grid-column:1/-1;margin:0 0 var(--spacing-md) 0;padding-top:var(--spacing-md)}.section-header>div{border-bottom:2px solid #fff6;flex:1 1;font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);padding-bottom:var(--spacing-sm);text-transform:none}.section-edit-btn{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:clamp(28px,2.5vw,36px);justify-content:center;margin-left:var(--spacing-sm);padding:var(--spacing-xs);transition:all var(--transition-fast);width:clamp(28px,2.5vw,36px)}.section-edit-btn:hover{background:#ffffff1a;color:var(--accent-blue)}.section-edit-btn svg{height:clamp(16px,1.4vw,20px);width:clamp(16px,1.4vw,20px)}.profile-section-header-inline{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;width:100%}.profile-section-header-inline h3{flex:1 1;margin:0;padding:0}.tag-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);width:100%}.tag-chip{background:var(--text-tertiary);border-radius:9999px;color:var(--bg-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast);white-space:nowrap}.profile-detail-row{display:contents}.profile-detail-row[data-tour=tokens-field-wrapper]{grid-column-gap:var(--spacing-lg);column-gap:var(--spacing-lg);display:grid;grid-column:1/-1;grid-template-columns:140px 1fr}@media (max-width:600px){.profile-detail-row[data-tour=tokens-field-wrapper]{grid-template-columns:1fr}}.profile-details-grid{grid-column-gap:var(--spacing-lg);grid-row-gap:0;align-items:flex-end;box-sizing:border-box;column-gap:var(--spacing-lg);display:grid;grid-template-columns:140px 1fr;margin-top:var(--spacing-md);row-gap:0;width:100%}.profile-detail-label{align-items:flex-end;border-bottom:none;color:var(--text-primary);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:var(--line-height-normal);min-height:2.5em;opacity:1;padding:var(--spacing-xs) 0;text-align:left}.profile-detail-field .tag-grid{align-items:flex-end;margin-bottom:0;min-height:2em}.profile-detail-field .tag-chip{align-self:flex-end;margin-bottom:0}.profile-detail-field textarea.inline-editor-input{align-self:flex-end;min-height:2.5em;resize:vertical}.profile-detail-field .field-label{display:none!important}.profile-detail-field .inline-editor{align-items:center;min-height:24px}.profile-detail-field.detail-notes-link:hover{opacity:.8}.profile-details-grid>div[style*="grid-column: 1 / -1"]{border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;grid-column:1/-1;margin:var(--spacing-md) 0;padding:var(--spacing-md) 0}@media (max-width:600px){.profile-details-grid{grid-template-columns:1fr!important;row-gap:0!important}.profile-box .detail-label,.profile-detail-label,.profile-details-grid .detail-label{border-bottom:none!important;font-size:var(--font-size-sm)!important;min-height:auto!important;opacity:.8!important;padding-bottom:6px!important;padding-top:24px!important}.profile-details-grid>.profile-detail-label:first-of-type,.profile-details-grid>.profile-detail-row:first-child .profile-detail-label{padding-top:0!important}.detail-value,.profile-detail-field,.profile-detail-value{border-bottom:none!important;font-size:var(--font-size-sm)!important;margin-bottom:0!important;min-height:auto!important;padding-bottom:4px!important;padding-top:0!important}.profile-content{padding-bottom:var(--spacing-lg)!important}}.profile-box .detail-label,.profile-detail-label,.profile-details-grid .detail-label{font-weight:var(--font-weight-bold);position:relative;text-transform:capitalize;white-space:nowrap}.detail-value,.profile-box .detail-label,.profile-detail-field,.profile-detail-label,.profile-detail-value,.profile-details-grid .detail-label{border-bottom:none;color:var(--text-primary);font-size:var(--font-size-md);line-height:var(--line-height-normal);margin:0;opacity:1;padding:var(--spacing-xs) 0;text-align:left}.detail-value,.profile-detail-field,.profile-detail-value{align-items:flex-end;display:flex;flex:1 1;font-weight:var(--font-weight-normal);min-height:2.5em;min-width:0}.profile-detail-value:empty:after{color:var(--text-tertiary);content:"Not set";font-style:italic}.profile-email-display{pointer-events:none;-webkit-user-select:text;user-select:text}.profile-email-display a{color:inherit!important;pointer-events:none!important;text-decoration:none!important}.profile-detail-field .inline-editor{align-items:flex-end;background:#0000!important;border:none!important;display:flex;margin:0!important;min-height:inherit;padding:0!important;width:100%}.profile-detail-field .inline-editor.display{align-items:flex-end!important;display:flex!important;justify-content:flex-start;min-height:2.5em}.profile-detail-field .inline-editor .display-text{align-items:flex-end;align-self:flex-end;display:flex;line-height:var(--line-height-normal)}.profile-detail-field .inline-editor.pencil-mode{align-items:flex-end!important;display:flex!important;gap:var(--spacing-xs);justify-content:flex-start;min-height:2.5em}.profile-detail-field .inline-editor .pencil-icon-container{align-self:flex-end}.profile-detail-field .inline-editor-input{background:var(--bg-primary)!important;border:none!important;border-radius:var(--border-radius-md)!important;outline:2px solid var(--accent-blue)!important}.profile-box .detail-item[style*="grid-column: 1 / -1"] .detail-label,.profile-details-grid .detail-item[style*="grid-column: 1 / -1"] .detail-label{border-bottom:none!important;color:var(--text-primary);display:block;font-size:var(--card-h3);font-weight:var(--card-weight-bold);margin-bottom:var(--spacing-xs);opacity:1;padding:0;text-align:left;white-space:normal;width:fit-content}.profile-box-roles,.profile-box-target{margin-top:var(--spacing-md)}.profile-box-current-inline.inline-editor.display{border-radius:px;color:var(--text-primary);font-size:1rem;font-weight:400;padding-left:4px}.profile-settings-btn{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:2px;transition:color .2s ease}.profile-settings-btn:hover{color:var(--accent-blue)}.profile-settings-btn svg{height:18px;width:18px}.profile-box-name{width:100%}.profile-box-name .inline-editor.display{align-items:center;border-radius:var(--border-radius-md);color:var(--text-primary);display:flex;font-size:var(--card-h2);font-weight:var(--card-weight-heading);line-height:var(--card-line-height-normal);min-height:2.5em;padding:var(--card-item-gap) var(--card-content-padding);transition:all var(--transition-fast)}.profile-box-name .inline-editor.display:hover{background:var(--hover-bg-secondary);transform:translateX(2px)}.profile-box-name .inline-editor.display.empty{color:var(--text-secondary);font-style:italic;font-weight:var(--card-weight-body)}.profile-box-name .inline-editor-input{background:var(--bg-primary);border:2px solid var(--accent-blue);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--card-h2);font-weight:var(--card-weight-heading);line-height:var(--card-line-height-normal);min-height:2.5em;padding:var(--card-item-gap) var(--card-content-padding);width:100%}.detail-label-clickable{cursor:pointer;font-weight:var(--card-weight-semibold);opacity:1;transition:color var(--transition-fast)}.detail-label-clickable:hover{color:var(--accent-blue);opacity:1}.profile-top{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-lg);justify-content:center;margin-bottom:var(--spacing-lg);min-height:187px;padding:none;padding-top:var(--spacing-xl);text-align:left;width:100%}.profile-avatar-large{border-radius:50%;display:block;flex-shrink:0;height:187px;overflow:hidden;position:relative;width:187px}.profile-avatar-large .user-avatar{border:none!important;display:block!important;height:100%!important;margin:0!important;padding:0!important;width:100%!important}.profile-avatar-large .user-avatar .avatar-container{box-sizing:border-box!important;height:100%!important;margin:0!important;padding:0!important;width:100%!important}.profile-avatar-large .user-avatar .avatar-container .avatar-image{height:100%!important;left:0!important;margin:0!important;object-fit:cover!important;padding:0!important;position:absolute!important;top:0!important;width:100%!important}@media (max-width:768px){.profile-avatar-large{height:160px;width:160px}.profile-top{min-height:160px}}@media (max-width:480px){.profile-avatar-large{height:133px;width:133px}.profile-top{min-height:133px}}.profile-identity{align-items:flex-start;display:flex;flex:0 1 auto;flex-direction:column;gap:var(--spacing-xs);justify-content:center;max-width:500px;min-width:0;padding:0}.profile-identity>.profile-profession{margin-top:calc(var(--spacing-xs)*-.5)}.profile-identity>.profile-location{margin-top:calc(var(--spacing-xs)*-.3)}.profile-name-container{align-items:center;display:inline-flex;gap:var(--spacing-xs);width:auto}.verified-icon-container{align-items:center;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;position:relative;width:18px}.verified-icon{color:var(--accent-blue);filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));height:16px;position:relative;width:16px;z-index:1}.profile-identity .inline-editor{background:#0000;border:none;font-family:inherit;margin:0;padding:0}.profile-box .profile-top .profile-name-large{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0;padding:0}.profile-profession-row{align-items:center;display:flex;gap:var(--spacing-sm);width:100%}.profile-profession-display{flex:1 1;font-size:var(--font-size-md);line-height:var(--line-height-normal);margin:0;padding:0}.profession-title,.profile-profession-display{color:var(--text-primary);font-weight:var(--font-weight-medium)}.profession-title{font-family:var(--font-sans)}.profession-edit-btn,.profession-years{color:var(--text-secondary)}.profession-edit-btn{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;flex-shrink:0;height:clamp(28px,2.5vw,36px);justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast);width:clamp(28px,2.5vw,36px)}.profession-edit-btn:hover{background:#ffffff1a;color:var(--accent-blue)}.profession-edit-btn svg{height:clamp(16px,1.4vw,20px);width:clamp(16px,1.4vw,20px)}.profession-description{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:1.5;margin:0;max-width:100%;padding:0}.profile-box .profile-top .profile-location{color:var(--text-primary);cursor:default;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1.4;margin:0;padding:0;transition:color var(--transition-fast)}.profile-top .profile-location:hover{color:var(--text-primary)}.profile-top .profile-identity .empty{color:var(--text-tertiary);font-style:italic}@media (max-width:480px){.profile-top{align-items:center;flex-direction:column;gap:var(--spacing-sm);text-align:center}.profile-identity{align-items:center;max-width:100%;padding-top:0}.profile-name-container{justify-content:center}.profile-box .profile-top .profile-name-large{font-size:var(--card-h3);font-weight:var(--card-weight-heading);line-height:var(--card-line-height-normal);margin-bottom:var(--spacing-sm)}.profile-box .profile-top .profile-location,.profile-box .profile-top .profile-profession{font-size:var(--card-caption);font-weight:var(--card-weight-emphasis)}}.user-upload{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;justify-content:center;min-height:120px;padding:var(--spacing-xl);position:relative;transition:all var(--transition-medium)}.user-upload:hover{background:var(--hover-bg-primary);border-color:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-upload:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring-blue);outline:none}.user-upload.drag-over{background:var(--hover-bg-success);border-color:var(--accent-green);transform:scale(1.02)}.user-upload.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.user-upload.uploading{cursor:wait}.upload-drag-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-success-overlay);border-radius:var(--border-radius-lg);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.drag-overlay-content{color:var(--text-on-accent);text-align:center}.drag-overlay-icon{color:var(--text-on-accent);display:flex;font-size:var(--font-size-4xl);justify-content:center;margin-bottom:var(--spacing-sm)}.drag-overlay-icon svg{height:3rem;width:3rem}.drag-overlay-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.upload-content{position:relative;width:100%;z-index:1}.upload-default-content{text-align:center}.upload-icon{color:var(--text-secondary);display:flex;font-size:var(--font-size-4xl);justify-content:center;margin-bottom:var(--spacing-md);opacity:.7}.upload-icon svg{height:3rem;width:3rem}.upload-text{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.4;margin-bottom:var(--spacing-md)}.upload-browse-button{background:var(--accent-blue);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--text-on-accent);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.upload-browse-button:hover{background:var(--accent-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.upload-browse-button:focus{box-shadow:0 0 0 3px var(--focus-ring-blue);outline:none}.upload-progress{align-items:center;display:flex;gap:12px;margin-top:16px}.progress-bar{background:var(--border-color);flex:1 1;height:8px;overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--border-radius-sm)}.progress-fill{background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));height:100%;transition:width var(--transition-medium)}.progress-text{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:40px;text-align:right}.cancel-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--accent-red);cursor:pointer;display:flex;font-size:var(--font-size-md);height:24px;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast);width:24px}.cancel-button svg{height:14px;width:14px}.cancel-button:hover{background:var(--hover-bg-danger);transform:scale(1.1)}.cancel-button:focus{box-shadow:0 0 0 2px var(--accent-red-hover);outline:none}.upload-error{background:var(--bg-danger-overlay);border:1px solid var(--accent-red);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm)}.error-icon,.upload-error{align-items:center;display:flex}.error-icon{background:var(--accent-red);border-radius:50%;color:#fff;flex-shrink:0;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);height:18px;justify-content:center;width:18px}.error-text{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.4}@media (max-width:768px){.user-upload{min-height:100px;padding:16px}.upload-icon{font-size:36px;margin-bottom:12px}.upload-text{font-size:14px;margin-bottom:12px}.upload-browse-button{font-size:13px;padding:10px 20px}.drag-overlay-icon{font-size:36px}.drag-overlay-text{font-size:16px}}@media (prefers-reduced-motion:reduce){.cancel-button,.progress-fill,.upload-browse-button,.user-upload{transition:none}.user-upload.drag-over{transform:none}}@media (prefers-contrast:high){.user-upload{border-width:3px}.upload-error{border-width:2px}}.avatar-image-selector{background:var(--bg-primary);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);max-height:600px;max-width:480px;padding:var(--spacing-lg)}.selector-header{margin-bottom:var(--spacing-md);text-align:center}.selector-header h3{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.selector-header p{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);margin:0}.avatar-grid{grid-gap:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);padding:var(--spacing-md)}.avatar-grid,.avatar-option{border-radius:var(--border-radius-md)}.avatar-option{aspect-ratio:1;background:var(--bg-primary);border:3px solid #0000;cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-fast)}.avatar-option:hover{box-shadow:var(--shadow-md)}.avatar-option.selected,.avatar-option:hover{border-color:var(--tree-green);transform:scale(1.05)}.avatar-option.selected{box-shadow:0 0 0 2px #10b9814d}.avatar-option.failed{background:var(--bg-error);cursor:not-allowed;opacity:.6}.avatar-option.failed:hover{border-color:#0000;box-shadow:none;transform:none}.avatar-preview{border-radius:inherit;height:100%;object-fit:cover;width:100%}.avatar-loading{align-items:center;background:var(--bg-primary);border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.loading-spinner{height:24px;width:24px}.selection-indicator{background:var(--tree-green);border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;font-size:14px;font-weight:var(--font-weight-bold);height:24px;position:absolute;right:8px;top:8px;width:24px}.avatar-failed,.selection-indicator{align-items:center;display:flex;justify-content:center}.avatar-failed{flex-direction:column;height:100%;padding:var(--spacing-sm);text-align:center}.failed-icon{font-size:24px;margin-bottom:var(--spacing-xs)}.failed-text{color:var(--text-secondary);font-size:var(--font-size-xs)}.avatar-info,.failed-text{font-family:var(--font-sans)}.avatar-info{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;left:0;padding:var(--spacing-sm);position:absolute;right:0;text-align:center}.avatar-name{color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.avatar-category{color:#fffc;font-size:var(--font-size-xs)}.selector-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:center;padding-top:var(--spacing-md)}.selector-actions .btn{border:none;border-radius:var(--border-radius-md);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-primary{background:var(--tree-green);color:#fff}.btn-primary:hover:not(:disabled){background:#0d9e6f;box-shadow:var(--shadow-sm)}.btn-primary:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;opacity:.5}.selection-info{padding:var(--spacing-sm);text-align:center}.selection-info p{font-size:var(--font-size-sm);margin:0}.selection-info p,.selection-info small{color:var(--text-secondary);font-family:var(--font-sans)}.selection-info small{font-size:var(--font-size-xs);opacity:.7}@media (max-width:480px){.avatar-image-selector{max-width:100%;padding:var(--spacing-md)}.avatar-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:var(--spacing-sm)}.selector-actions{flex-direction:column}.selector-actions .btn{width:100%}}.date-selector-simple{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.date-selector-info-text{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0;padding:0}.date-selector-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-medium);width:100%}.date-selector-button:hover{background:var(--bg-hover);border-color:var(--accent-blue)}.date-selector-button:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring-blue);outline:none}.date-selector-privacy-label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm);-webkit-user-select:none;user-select:none}.privacy-toggle-checkbox{display:none}.privacy-toggle-slider{background:var(--toggle-bg-off);border:2px solid var(--toggle-border-off);border-radius:calc(var(--toggle-height)/2);height:var(--toggle-height);transition:var(--toggle-transition);width:var(--toggle-width)}.privacy-toggle-slider:before{background:var(--toggle-circle-color);box-shadow:var(--shadow-sm);height:var(--toggle-circle-size);left:var(--toggle-padding);top:var(--toggle-padding);transition:var(--toggle-transition);width:var(--toggle-circle-size)}.privacy-toggle-checkbox:checked+.privacy-toggle-slider{background:var(--toggle-bg-on);border-color:var(--toggle-border-on)}.privacy-toggle-checkbox:checked+.privacy-toggle-slider:before{transform:translateX(calc(var(--toggle-width) - var(--toggle-circle-size) - var(--toggle-padding)*2 - 4px))}.privacy-toggle-text{color:var(--text-primary);font-weight:var(--font-weight-medium)}.privacy-toggle-text .privacy-icon{color:var(--text-secondary);flex-shrink:0;height:16px;transition:color var(--transition-medium);width:16px}.privacy-toggle-checkbox:checked~.privacy-toggle-text .privacy-icon{color:var(--accent-blue)}.date-selector-privacy-label:focus-within .privacy-toggle-slider{box-shadow:0 0 0 3px var(--focus-ring-blue)}.date-wheel-picker-overlay{align-items:center;background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:10000}.date-wheel-picker-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:500px;overflow:hidden;width:100%}.date-wheel-picker-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg)}.date-wheel-picker-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.date-wheel-picker-wheels{background:var(--bg-primary);display:flex;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-md)}.date-wheel{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.date-wheel-label{color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.date-wheel-label,.date-wheel-select{font-weight:var(--font-weight-medium);text-align:center}.date-wheel-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 8 2 4h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-md);padding:var(--spacing-sm);padding-right:32px;transition:all var(--transition-medium);width:100%}.date-wheel-select:hover{background-color:var(--bg-hover);border-color:var(--accent-blue)}.date-wheel-select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring-blue);outline:none}.date-wheel-picker-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.date-wheel-btn{border:none;border-radius:var(--border-radius-md);cursor:pointer;flex:1 1;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-medium)}.date-wheel-btn-cancel{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.date-wheel-btn-cancel:hover{background:var(--bg-hover);border-color:var(--accent-red)}.date-wheel-btn-confirm{background:var(--accent-blue);color:var(--text-on-accent)}.date-wheel-btn-confirm:hover{background:var(--accent-blue-hover)}.light-theme .date-selector-info-text{color:var(--text-charcoal)}.light-theme .date-wheel-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%233d3428' d='M6 8 2 4h8z'/%3E%3C/svg%3E")}@media (max-width:600px){.date-wheel-picker-modal{max-width:calc(100vw - var(--spacing-lg))}.date-wheel-picker-wheels{padding:var(--spacing-lg) var(--spacing-sm)}.date-wheel{gap:var(--spacing-xs)}.date-wheel-select{font-size:var(--font-size-sm);padding:var(--spacing-xs)}}@media (prefers-contrast:high){.date-selector-button,.date-wheel-select{border-width:2px}.privacy-toggle-slider{border-width:3px}}.gender-selector-simple{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.gender-selector-info-text{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0;padding:0}.gender-selector-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-medium);width:100%}.gender-selector-button:hover{background:var(--bg-hover);border-color:var(--accent-blue)}.gender-selector-button:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring-blue);outline:none}.gender-selector-privacy-label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;-webkit-user-select:none;user-select:none}.privacy-toggle-checkbox{opacity:0;pointer-events:none;position:absolute}.privacy-toggle-slider{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-shrink:0;height:24px;position:relative;transition:all var(--transition-medium);width:44px}.privacy-toggle-slider:before{background:var(--text-tertiary);border-radius:50%;content:"";height:18px;left:2px;position:absolute;top:2px;transition:all var(--transition-medium);width:18px}.privacy-toggle-checkbox:checked+.privacy-toggle-slider{background:var(--accent-blue-bg);border-color:var(--accent-blue)}.privacy-toggle-checkbox:checked+.privacy-toggle-slider:before{background:var(--accent-blue);transform:translateX(20px)}.privacy-toggle-text{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);transition:color var(--transition-fast)}.privacy-icon{flex-shrink:0;height:16px;width:16px}.privacy-toggle-checkbox:checked~.privacy-toggle-text{color:var(--accent-blue)}.gender-selector-privacy-label:hover .privacy-toggle-slider{border-color:var(--accent-blue-dim)}.gender-selector-privacy-label:hover .privacy-toggle-text{color:var(--text-primary)}.gender-picker-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:10000}.gender-picker-modal{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-height:90dvh;max-width:450px;overflow:hidden;width:100%}.gender-picker-header{border-bottom:1px solid var(--border-color);padding:var(--spacing-lg)}.gender-picker-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-xs) 0}.gender-picker-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.gender-picker-options{flex:1 1;overflow-y:auto;padding:var(--spacing-md)}.gender-picker-option-group,.gender-picker-options{display:flex;flex-direction:column;gap:var(--spacing-xs)}.gender-picker-option{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.gender-picker-option:hover{background:var(--bg-hover);border-color:var(--accent-blue-dim)}.gender-picker-option.selected{background:var(--accent-blue-bg);border-color:var(--accent-blue)}.gender-radio-input{opacity:0;pointer-events:none;position:absolute}.gender-radio-custom{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;height:20px;position:relative;transition:all var(--transition-fast);width:20px}.gender-picker-option:hover .gender-radio-custom{border-color:var(--accent-blue-dim)}.gender-picker-option.selected .gender-radio-custom{background:var(--accent-blue);border-color:var(--accent-blue)}.gender-picker-option.selected .gender-radio-custom:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.gender-option-text{color:var(--text-primary);flex:1 1;font-size:var(--font-size-base);-webkit-user-select:none;user-select:none}.gender-picker-option.selected .gender-option-text{color:var(--accent-blue);font-weight:500}.gender-custom-input-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-base);margin-left:calc(20px + var(--spacing-sm));outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%;width:calc(100% - 20px - var(--spacing-sm))}.gender-custom-input-modal:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring-blue)}.gender-custom-input-modal::placeholder{color:var(--text-tertiary)}.gender-picker-footer{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.gender-picker-btn{border:none;border-radius:var(--border-radius-md);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.gender-picker-btn-cancel{background:#0000;color:var(--text-secondary)}.gender-picker-btn-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.gender-picker-btn-confirm{background:var(--accent-blue);color:#fff}.gender-picker-btn-confirm:hover{background:var(--accent-blue-dark)}.gender-picker-btn-confirm:active{transform:scale(.98)}@media (max-width:600px){.gender-picker-overlay{padding:var(--spacing-sm)}.gender-picker-modal{max-width:100%}.gender-picker-header{padding:var(--spacing-md)}.gender-picker-header h3{font-size:var(--font-size-lg)}.gender-picker-options{padding:var(--spacing-sm)}.gender-picker-option{padding:var(--spacing-xs) var(--spacing-sm)}.gender-custom-input-modal,.gender-option-text{font-size:var(--font-size-sm)}.gender-picker-footer{padding:var(--spacing-sm) var(--spacing-md)}}.profile-section-modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;height:100vh;height:100dvh;justify-content:center;left:0;overflow:hidden;overscroll-behavior:contain;position:fixed;right:0;top:0;touch-action:none;width:100vw;z-index:9999}.profile-section-modal-content{background:var(--bg-primary);border:1px solid #ffffff26;border-radius:var(--border-radius-lg);box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:85vh;max-height:85dvh;max-width:600px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;position:relative;touch-action:auto;width:90%}.profile-section-modal-header{align-items:flex-start;border-bottom:1px solid #ffffff26;display:flex;flex-shrink:0;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg)}.profile-section-modal-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.profile-section-modal-description{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);margin:var(--spacing-xs) 0 0 0}.profile-section-modal-close{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all var(--transition-fast);width:32px}.profile-section-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.profile-section-modal-body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--spacing-lg);overflow:visible;padding:var(--spacing-lg)}.profile-section-modal-error{background:#ff44441a;border:1px solid #ff44444d;border-radius:var(--border-radius-md);color:#f44;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.profile-field-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-field-group label{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.profile-field-label{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.profile-field-label-text{flex:1 1}.field-required{color:#f44;color:var(--accent-red,#f44);margin-left:var(--spacing-xs)}.field-checkmark{align-items:center;background:var(--tree-green);border-radius:50%;box-shadow:0 2px 8px #10b98166;color:#fff;display:inline-flex;flex-shrink:0;font-size:16px;font-weight:var(--font-weight-bold);height:24px;justify-content:center;width:24px}.profile-input,.profile-textarea{background:var(--bg-secondary);border:1px solid #fff3;border-radius:var(--border-radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.profile-input:focus,.profile-textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #64b5f61a;outline:none}.profile-input-readonly{background:#ffffff0d;border-color:#ffffff1a;color:var(--text-tertiary);cursor:not-allowed;opacity:.7}.profile-input-readonly:focus{border-color:#ffffff1a;box-shadow:none}.profile-field-readonly-badge{align-items:center;background:#d6ae541a;border:1px solid #d6ae544d;border-radius:var(--border-radius-sm);color:var(--accent-gold);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs);margin-top:calc(var(--spacing-xs)*.5);padding:calc(var(--spacing-xs)*.5) var(--spacing-sm)}.profile-field-readonly-badge svg{flex-shrink:0}.profile-textarea{line-height:1.5;min-height:100px;resize:vertical}.profile-char-count{text-align:right}.profile-char-count,.profile-field-help{color:var(--text-tertiary);font-size:var(--font-size-sm);margin-top:calc(var(--spacing-xs)*-.5)}.profile-tags-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);min-height:32px}.profile-tag{align-items:center;background:var(--bg-tertiary);border-radius:var(--border-radius-md);color:#fff;display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.profile-tag-remove{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:16px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-fast);width:16px}.profile-tag-remove:hover{background:#fff3}.profile-section-modal-footer{border-top:1px solid #ffffff26;display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg)}.profile-btn{border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);min-width:100px;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.profile-btn:disabled{cursor:not-allowed;opacity:.5}.profile-btn-cancel{background:#ffffff1a;color:var(--text-primary)}.profile-btn-cancel:hover:not(:disabled){background:#ffffff26}.profile-btn-save{background:var(--tree-green);color:#fff}.profile-btn-save:hover:not(:disabled){background:var(--accent-green);box-shadow:0 4px 12px #64b5f64d;transform:translateY(-1px)}.confirm-dialog-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;height:100vh;height:100dvh;justify-content:center;left:0;overflow:hidden;overscroll-behavior:contain;position:fixed;right:0;top:0;touch-action:none;width:100vw;z-index:10000}.confirm-dialog-content{background:var(--bg-primary);border:2px solid var(--accent-blue);border-radius:var(--border-radius-lg);box-shadow:0 25px 70px #0009,0 0 20px #64b5f64d;display:flex;flex-direction:column;max-width:480px;width:90%}.confirm-dialog-header{border-bottom:1px solid #ffffff26;padding:var(--spacing-lg)}.confirm-dialog-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.confirm-dialog-body{flex:1 1;padding:var(--spacing-lg)}.confirm-dialog-body p{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.6;margin:0}.confirm-dialog-footer{border-top:1px solid #ffffff26;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-lg)}.profile-btn-discard{background:#f44c;color:#fff}.profile-btn-discard:hover:not(:disabled){background:#f44;box-shadow:0 4px 12px #f446;transform:translateY(-1px)}@media (max-height:600px){.profile-section-modal-content{max-height:90vh;max-height:90dvh}.profile-section-modal-body,.profile-section-modal-footer,.profile-section-modal-header{padding:var(--spacing-sm)}.profile-field-group{gap:calc(var(--spacing-xs)*.5)}}@media (max-height:700px){.profile-section-modal-content{max-height:88vh;max-height:88dvh}.profile-section-modal-body,.profile-section-modal-footer,.profile-section-modal-header{padding:var(--spacing-md)}}@media (max-width:768px){.profile-section-modal-content{max-height:85vh;max-height:85dvh;max-height:calc(85dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:95%}[data-tour=profile-modal-identity].profile-section-modal-content{max-height:calc(100vh - 128px)!important;max-height:calc(100dvh - 128px)!important}.profile-section-modal-body,.profile-section-modal-footer,.profile-section-modal-header{padding:var(--spacing-md)}.profile-section-modal-body{flex:1 1 auto;overflow:visible}.profile-section-modal-footer{flex-direction:column;padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}.profile-btn{min-height:44px;width:100%}.confirm-dialog-content{width:95%}.confirm-dialog-footer{flex-direction:column;gap:var(--spacing-xs)}.confirm-dialog-footer .profile-btn{order:0;width:100%}.confirm-dialog-footer .profile-btn-save{order:1}.confirm-dialog-footer .profile-btn-discard{order:2}.confirm-dialog-footer .profile-btn-cancel{order:3}}@media (max-width:768px) and (max-height:600px){.profile-section-modal-content{max-height:85vh;max-height:85dvh;max-height:calc(85dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.profile-section-modal-body,.profile-section-modal-footer,.profile-section-modal-header{padding:var(--spacing-sm)}.profile-section-modal-body{flex:1 1 auto;overflow:visible}.profile-field-group{gap:calc(var(--spacing-xs)*.5)}}@media (max-width:480px){.profile-section-modal-content{max-height:75vh;max-height:75dvh;max-height:calc(75dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.profile-section-modal-body,.profile-section-modal-footer,.profile-section-modal-header{padding:var(--spacing-md)}.profile-btn,.profile-input,.profile-textarea{font-size:var(--font-size-md)}.profile-btn{padding:var(--spacing-sm) var(--spacing-md)}}.card-tabs-wrapper{background:linear-gradient(to bottom,var(--bg-primary) 0,var(--bg-primary) 85%,#0000 100%);display:flex;justify-content:center;padding:var(--spacing-sm) 0;position:sticky;top:0;transition:box-shadow .2s ease;width:100%;z-index:10}.card-tabs-wrapper.is-stuck{box-shadow:0 2px 8px #0000001a}.card-tabs{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:128px;box-shadow:var(--shadow-sm);display:inline-flex;justify-content:center;margin:0 auto;max-width:fit-content;padding:var(--spacing-xs)}.card-tab,.card-tabs{align-items:center;gap:var(--spacing-xs)}.card-tab{background:#0000;border:none;border-radius:64px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-height:var(--touch-target-min);min-width:72px;padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all .25s var(--ease-out-smooth)}.card-tab:hover:not(.active){background:var(--hover-bg-overlay);color:var(--text-primary);transform:translateY(-1px)}.card-tab:focus-visible{border-radius:64px;outline:2px solid var(--accent-blue);outline-offset:2px}.card-tab.active{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-md);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.card-tab__icon{align-items:center;color:inherit;display:flex;height:24px;justify-content:center;position:relative;width:24px}.card-tab__icon svg{height:100%;transition:transform .25s var(--ease-out-smooth);width:100%}.card-tab:hover:not(.active) .card-tab__icon svg{transform:scale(1.1)}.card-tab.active .card-tab__icon svg{transform:scale(1.05)}.card-tab__badge{align-items:center;animation:badge-pulse 2s ease-in-out infinite;background:var(--accent-red);border-radius:12px;box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:18px;justify-content:center;line-height:1;min-width:18px;padding:2px 6px;position:absolute;right:-8px;top:-6px}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.card-tab__label{color:inherit;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:inherit;line-height:1.2;white-space:nowrap}@media (max-width:768px){.card-tabs{gap:2px;margin:var(--spacing-md) auto;padding:4px}.card-tab{gap:2px;min-width:64px;padding:var(--spacing-sm) var(--spacing-md)}.card-tab__icon{height:20px;width:20px}.card-tab__label{font-size:11px}}@media (max-width:480px){.card-tabs{gap:0;margin:var(--spacing-sm) auto;padding:3px}.card-tab{gap:2px;min-width:56px;padding:var(--spacing-xs) var(--spacing-sm)}.card-tab__icon{height:18px;width:18px}.card-tab__label{font-size:10px;opacity:.7}.card-tab.active .card-tab__label{font-weight:var(--font-weight-semibold);opacity:1}}.light-theme .card-tabs-wrapper{background:linear-gradient(to bottom,var(--bg-primary) 0,var(--bg-primary) 85%,#0000 100%)}.light-theme .card-tabs-wrapper.is-stuck{box-shadow:0 2px 8px #0000000d}.light-theme .card-tabs{background:var(--bg-elevated);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.light-theme .card-tab{color:var(--text-secondary)}.light-theme .card-tab:hover:not(.active){background:var(--hover-bg-overlay);color:var(--text-primary)}.light-theme .card-tab.active{background:var(--bg-primary);border-color:var(--border-color);box-shadow:var(--shadow-md);color:var(--text-primary)}.card-tab.glow-effect{animation:tab-glow 2s ease-in-out infinite alternate;border:2px solid var(--tree-green);box-shadow:0 0 20px #10b98199,0 0 40px #10b98166,0 0 60px #10b98133,inset 0 0 15px #10b9811a;position:relative}.card-tab.glow-effect:before{animation:tab-pulse 2s ease-in-out infinite;background:#0000;border:2px solid #10b9814d;border-radius:var(--border-radius-lg);content:"";inset:-6px;pointer-events:none;position:absolute}.card-tab.glow-effect .card-tab__icon svg{color:var(--tree-green);filter:drop-shadow(0 0 8px rgba(16,185,129,.6))}.card-tab.glow-effect .card-tab__label{color:var(--tree-green);font-weight:var(--font-weight-semibold)}@keyframes tab-glow{0%{border-color:var(--tree-green);box-shadow:0 0 20px #10b98199,0 0 40px #10b98166,0 0 60px #10b98133,inset 0 0 15px #10b9811a}to{border-color:var(--accent-green);box-shadow:0 0 30px #10b981cc,0 0 60px #10b98199,0 0 90px #10b98166,inset 0 0 25px #10b98133}}@keyframes tab-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}.card-tab.glow-effect.active{background:var(--bg-tertiary);box-shadow:0 0 20px #10b98199,0 0 40px #10b98166,0 0 60px #10b98133,inset 0 0 15px #10b9811a,var(--shadow-sm)}@media (prefers-contrast:high){.card-tab{border-width:3px}.card-tab.active{border-bottom-width:5px}.card-tab__badge{border:2px solid var(--bg-primary)}.card-tab.glow-effect{border-width:3px}}@media (prefers-reduced-motion:reduce){.card-tab,.card-tab__badge,.card-tab__icon svg{animation:none;transition:none}.card-tab.glow-effect,.card-tab.glow-effect:before{animation:none}}.health-badge{align-items:center;cursor:help;display:inline-flex;flex-shrink:0;justify-content:center;position:relative}.health-badge-circle{background:var(--health-color);border-radius:50%;box-shadow:0 2px 4px #00000026;height:12px;transition:all var(--transition-fast);width:12px}.health-badge:hover .health-badge-circle{box-shadow:0 3px 6px #0003,0 0 0 3px #64646426;box-shadow:0 3px 6px #0003,0 0 0 3px rgba(var(--health-color-rgb,100,100,100),.15);transform:scale(1.15)}.health-badge-tooltip{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);left:50%;min-width:120px;opacity:0;padding:var(--spacing-xs) var(--spacing-sm);pointer-events:none;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);transition:opacity var(--transition-fast);white-space:nowrap;z-index:100}.health-badge:hover .health-badge-tooltip{opacity:1}.tooltip-row{align-items:baseline;display:flex;font-family:var(--font-sans);gap:var(--spacing-md);justify-content:space-between}.tooltip-row+.tooltip-row{margin-top:var(--spacing-xs)}.tooltip-label{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);text-transform:lowercase}.tooltip-value{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold)}.light-theme .health-badge-circle{box-shadow:0 2px 4px #3d342833}.light-theme .health-badge:hover .health-badge-circle{box-shadow:0 3px 6px #3d342840,0 0 0 3px #64646426;box-shadow:0 3px 6px #3d342840,0 0 0 3px rgba(var(--health-color-rgb,100,100,100),.15)}.light-theme .health-badge-tooltip{background:var(--beige-canvas);border-color:var(--border-light);box-shadow:0 4px 12px #3d342826,0 1px 3px #3d34281a}.token-display{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:9999px;display:inline-flex;font-family:var(--font-sans);gap:6px;gap:var(--spacing-xs,6px);padding:6px 10px;padding:var(--spacing-xs,6px) var(--spacing-sm,10px);transition:all var(--transition-fast)}.token-display__icon{color:var(--tree-green);flex-shrink:0}.token-display__count{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600;font-weight:var(--font-weight-semibold,600);line-height:1}.token-display__label{color:var(--text-secondary);font-weight:400;font-weight:var(--font-weight-regular,400)}.token-display--small,.token-display__label{font-size:12px;font-size:var(--font-size-xs,12px)}.token-display--small{padding:4px 8px}.token-display--small .token-display__icon{height:16px;width:16px}.token-display--medium{font-size:14px;font-size:var(--font-size-sm,14px);padding:6px 10px;padding:var(--spacing-xs,6px) var(--spacing-sm,10px)}.token-display--medium .token-display__icon{height:20px;width:20px}.token-display--large{font-size:16px;font-size:var(--font-size-md,16px);padding:10px 16px;padding:var(--spacing-sm,10px) var(--spacing-md,16px)}.token-display--large .token-display__icon{height:24px;width:24px}.token-display--interactive{cursor:pointer}.token-display--interactive:hover{background:var(--bg-hover);border-color:var(--tree-green);transform:scale(1.02)}.token-display--animating{animation:token-pulse .8s ease-out}.token-display--animating .token-display__icon{animation:token-glow .8s ease-out}.token-display--animating .token-display__count{color:var(--tree-green);font-weight:700;font-weight:var(--font-weight-bold,700)}@keyframes token-pulse{0%,to{transform:scale(1)}30%{transform:scale(1.08)}60%{transform:scale(1.02)}}@keyframes token-glow{0%,to{filter:drop-shadow(0 0 0 var(--tree-green))}50%{filter:drop-shadow(0 0 8px var(--tree-green))}}.light-theme .token-display{background:var(--beige-canvas);border-color:var(--beige-sand)}.light-theme .token-display__icon{color:var(--accent-sage)}.light-theme .token-display--interactive:hover{background:var(--beige-linen);border-color:var(--accent-sage)}.light-theme .token-display--animating .token-display__count{color:var(--accent-sage)}.light-theme .token-display--animating .token-display__icon{animation:token-glow-light .8s ease-out}@keyframes token-glow-light{0%,to{filter:drop-shadow(0 0 0 var(--accent-sage))}50%{filter:drop-shadow(0 0 8px var(--accent-sage))}}.tokens-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0}.tokens-title-icon{color:currentColor;flex-shrink:0;height:24px;width:24px}.tokens-amount{border-bottom:1px solid var(--border-light);display:flex;justify-content:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.tokens-display{border-width:2px;font-size:var(--font-size-2xl);padding:var(--spacing-md) var(--spacing-lg)!important}.tokens-display .token-display__icon{height:32px;width:32px}.tokens-display .token-display__count{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.tokens-display .token-display__label{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.tokens-ledger{margin-top:var(--spacing-sm)}.ledger-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.ledger-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0}.token-activity-list{list-style-type:none;margin:0;padding:0}.token-activity-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;transition:var(--transition-fast)}.token-activity-item:last-child{border-bottom:none}.token-activity-item:hover{background-color:var(--hover-bg-overlay);border-radius:var(--border-radius-sm);margin:0 calc(var(--spacing-sm)*-1);padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.activity-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.activity-description{color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.activity-type{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.activity-text{color:var(--text-primary)}.activity-date,.last-updated{color:var(--text-tertiary);font-size:var(--font-size-xs)}.activity-amount{font-feature-settings:"tnum";font-size:var(--font-size-md);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold)}.token-positive .activity-amount{color:var(--tree-green)}.token-negative .activity-amount{color:var(--accent-red)}.empty-state,.error-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.loading-spinner{border:3px solid var(--border-light)}.retry-button{background-color:var(--tree-green);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-md);transition:var(--transition-fast)}.retry-button:hover{opacity:.9}@media (max-width:768px){.tokens-title{font-size:var(--font-size-base)}.token-value{font-size:var(--font-size-2xl)}.token-label{font-size:var(--font-size-base)}.activity-description{font-size:var(--font-size-xs)}.token-activity-item:hover{margin:0;padding-left:0;padding-right:0}}.growth-metrics-bar-chart{padding:0;width:100%}.growth-metrics-bar-chart .empty-state{color:#888;color:var(--text-secondary,#888);font-style:italic;padding:32px;padding:var(--spacing-xl,32px);text-align:center}.bar-chart-row{gap:var(--spacing-xs,12px)}.bar-wrapper{margin-right:var(--spacing-md)}.bar-wrapper.selected{padding:var(--spacing-md) var(--spacing-sm)}.bar-wrapper.animating{animation:barPulse .8s ease-in-out}@keyframes barPulse{0%,to{transform:scale(1)}50%{box-shadow:0 0 20px #d6ae5466;transform:scale(1.05)}}.bar-background{transition:width .6s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,background-color .3s ease}.bar-background.complete-glow{animation:completePulse 2s ease-in-out infinite;box-shadow:0 0 12px #10b98180,inset 0 1px 8px #ffffff26,0 1px 3px #0000004d}@keyframes completePulse{0%,to{box-shadow:0 0 12px #10b98180,inset 0 1px 8px #ffffff26,0 1px 3px #0000004d}50%{box-shadow:0 0 20px #10b981b3,inset 0 1px 10px #fff3,0 1px 6px #0006}}.bar-foreground{box-shadow:0 1px 3px #0000004d}.bar-wrapper:hover .bar-foreground{box-shadow:0 2px 6px #0006}@media (max-width:768px){.bar-chart-row{gap:8px;gap:var(--spacing-sm,8px)}.bar-wrapper{margin-right:var(--spacing-sm)}.bar-label{font-size:.8rem;max-width:80px;min-width:60px}.bar-icon{width:24px}.bar-icon,.bar-track{height:24px}}@media (max-width:480px){.bar-chart-row{gap:6px;gap:var(--spacing-xs,6px);padding:var(--spacing-xs)}.bar-wrapper{gap:8px;gap:var(--spacing-xs,8px);margin-right:0;padding:4px;padding:var(--spacing-xs,4px)}.bar-label{font-size:.75rem;max-width:70px;min-width:50px}.bar-icon{width:20px}.bar-icon,.bar-track{height:20px}}.bar-wrapper:focus-visible{outline:2px solid #d6ae54;outline:2px solid var(--color-golden,#d6ae54);outline-offset:2px}@media (prefers-reduced-motion:reduce){.bar-background,.bar-foreground{transition-duration:.1s}.bar-wrapper.animating{animation:none}.bar-wrapper:hover{transform:translateX(2px)}.bar-wrapper:hover .bar-background:after{animation:none}.bar-background.complete-glow{animation:none;box-shadow:0 0 16px #10b98199,inset 0 1px 8px #ffffff26,0 1px 3px #0000004d}.light-theme .bar-background.complete-glow{animation:none;box-shadow:0 0 20px #10b98180,inset 0 1px 6px #ffffff4d,0 2px 4px #00000026}}.light-theme .bar-wrapper:hover{background:#0000000d}.light-theme .bar-wrapper.selected{background:#00000014}.light-theme .bar-background.complete-glow{box-shadow:0 0 16px #10b98166,0 2px 4px #00000026}@keyframes completePulseLightTheme{0%,to{box-shadow:0 0 16px #10b98166,inset 0 1px 6px #ffffff4d,0 2px 4px #00000026}50%{box-shadow:0 0 24px #10b98199,inset 0 1px 8px #fff6,0 2px 6px #0003}}.light-theme .bar-background.complete-glow{animation:completePulseLightTheme 2s ease-in-out infinite}.circular-gauge{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;position:relative;transition:transform var(--transition-fast)}.circular-gauge-interactive{cursor:pointer}.circular-gauge-interactive:hover{transform:scale(1.08);transition:transform var(--transition-fast)}.circular-gauge-interactive:active{transform:scale(1.02)}.circular-gauge-interactive:focus-visible{border-radius:50%;outline:2px solid var(--accent-blue);outline-offset:4px}.gauge-svg{display:block}.gauge-progress-circle{transition:stroke-dashoffset .6s ease-out,stroke .3s ease}.gauge-content{pointer-events:none}.gauge-icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.gauge-icon svg{height:60%;opacity:.9;width:60%}.gauge-value{line-height:1;-webkit-user-select:none;user-select:none}.compact-gauge-row{animation:fadeIn .4s ease-out;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-md) 0}.compact-gauge-row,.gauge-item{align-items:center;display:flex}.gauge-item{flex-direction:column;gap:var(--spacing-xs)}.gauge-label{color:var(--text-secondary);font-family:var(--font-family-modern);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;transition:color var(--transition-fast)}.gauge-item:hover .gauge-label{color:var(--text-primary)}@media (max-width:600px){.compact-gauge-row{gap:var(--spacing-md);padding:var(--spacing-sm) 0}.gauge-item{flex:0 0 calc(33.333% - var(--spacing-md))}.gauge-label{font-size:10px}}@media (min-width:601px) and (max-width:900px){.compact-gauge-row{gap:var(--spacing-md)}}@media (min-width:901px){.compact-gauge-row{gap:var(--spacing-xl)}}.context-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);color:var(--text-primary);min-width:160px;padding:4px 0;position:absolute;z-index:var(--z-tooltip)}.context-menu ul{list-style:none;margin:0;padding:0}.context-menu li{cursor:pointer;font-size:var(--font-size-sm);padding:6px 12px}.context-menu li:hover{background:var(--hover-color)}.context-menu .danger{color:var(--accent-red)}.growth-note-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-sans);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.growth-note-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header-row{align-items:center;display:flex;gap:var(--spacing-xs);width:100%}.ai-badge-inline{align-items:center;color:var(--text-tertiary);display:flex;flex-shrink:0;justify-content:center;margin-left:-4px;opacity:.6}.ai-badge-inline,.ai-badge-inline svg{height:12px;width:12px}.note-title{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);min-width:0;word-break:break-word}.options-menu-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;opacity:.6;padding:4px;transition:all var(--transition-fast);width:28px}.options-menu-btn:hover{background-color:var(--bg-tertiary);opacity:1}.options-menu-btn svg{height:18px;width:18px}.card-error{align-items:center;background:var(--bg-error-overlay);border:1px solid #ef44444d;border-radius:var(--border-radius-md);color:var(--accent-red);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);margin-left:calc(18px + var(--spacing-sm) + var(--spacing-sm));padding:var(--spacing-xs) var(--spacing-sm)}.error-icon{font-weight:700}.card-footer{border-top:1px solid var(--border-color);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}.card-footer,.footer-stats{align-items:center;display:flex;gap:var(--spacing-xs)}.footer-stats{flex:1 1;min-width:0}.stat-capsule{align-items:center;background:var(--bg-tertiary);border:1px solid #0000;border-radius:var(--border-radius-md);cursor:help;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);line-height:1;padding:var(--spacing-xs) 8px;transition:all var(--transition-fast)}.stat-capsule:hover{background:var(--bg-hover);border-color:var(--border-color);transform:translateY(-1px)}.stat-capsule.time{color:var(--text-tertiary);opacity:.85}.stat-capsule.primary{font-weight:var(--font-weight-semibold)}.stat-capsule.primary .stat-icon{height:12px;width:12px}.stat-capsule.seeds{color:var(--accent-gold)}.stat-capsule .stat-icon{flex-shrink:0}.stat-capsule .stat-value{white-space:nowrap}@media (max-width:768px){.growth-note-card{padding:var(--spacing-xs) var(--spacing-sm)}.card-header-row{gap:6px}.note-title{font-size:var(--font-size-sm)}.stat-capsule{font-size:10px;padding:4px 6px}.footer-stats{gap:4px}.ai-badge-inline{margin-left:-2px}.ai-badge-inline,.ai-badge-inline svg{height:10px;width:10px}.options-menu-btn{height:24px;padding:2px;width:24px}.options-menu-btn svg{height:16px;width:16px}}@media (prefers-reduced-motion:reduce){.growth-note-card,.stat-capsule{transition:none!important}}.options-menu-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.completed-note-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);list-style:none;margin:0;overflow:hidden;padding:0;transition:all var(--transition-fast)}.completed-note-card:hover{border-color:var(--accent-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.completed-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;min-height:44px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.completed-header:hover{background:var(--bg-hover)}.completed-header:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.header-left{flex:1 1;min-width:0}.completion-icon{color:var(--accent-secondary);flex-shrink:0;font-size:1.2em;line-height:1}.header-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.completed-title{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin:0;word-break:break-word}.completion-time{color:var(--text-tertiary);font-size:var(--font-size-xs)}.header-right{flex-shrink:0}.seeds-earned{align-items:center;color:var(--accent-gold);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:4px;white-space:nowrap}.streak-indicator{animation:flicker 2s ease-in-out infinite;font-size:1.1em}@keyframes flicker{0%,to{opacity:1}50%{opacity:.7}}.expand-arrow{color:var(--text-tertiary);font-size:1.5em;line-height:1;transition:transform .2s ease}.expand-arrow.expanded{transform:rotate(90deg)}.completed-details{animation:slideDown .2s ease-out;background:var(--bg-elevated);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.details-section{margin:0}.task-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0;word-break:break-word}.details-metadata{display:flex;flex-wrap:wrap;font-size:var(--font-size-xs);gap:var(--spacing-xs)}.metadata-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);display:inline-flex;gap:4px;padding:2px 8px}.metadata-label{color:var(--text-tertiary);font-size:var(--font-size-xs)}.metadata-value{align-items:center;display:inline-flex;font-weight:var(--font-weight-semibold);gap:4px}.category-icon-small{height:12px;width:12px}.rewards-breakdown{background:#0000;margin-top:var(--spacing-xs);padding:0}.breakdown-title{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;margin:0 0 var(--spacing-xs) 0;text-transform:uppercase}.breakdown-list{display:flex;flex-direction:column;gap:4px}.breakdown-item{align-items:center;background:var(--bg-tertiary);border:1px solid #0000;border-radius:var(--border-radius-sm);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-sm);justify-content:space-between;min-height:28px;padding:4px 8px}.breakdown-item.streak-bonus{background:var(--bg-tertiary);border-color:var(--accent-gold);color:var(--accent-gold)}.breakdown-item.total{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary);font-weight:var(--font-weight-semibold);margin-top:4px}.breakdown-icon{flex-shrink:0;font-size:1em;line-height:1}.breakdown-category{flex:1 1;word-break:break-word}.breakdown-category,.breakdown-value{color:var(--text-primary);font-size:var(--font-size-xs)}.breakdown-value{flex-shrink:0;font-weight:var(--font-weight-semibold);white-space:nowrap}.breakdown-item.streak-bonus .breakdown-value{color:var(--accent-gold)}.breakdown-item.total .breakdown-value{color:var(--accent-primary);font-size:var(--font-size-sm)}@media (max-width:768px){.completed-header{min-height:40px;padding:var(--spacing-xs) var(--spacing-sm)}.header-left{gap:var(--spacing-xs)}.completed-title{font-size:var(--font-size-sm);line-height:1.3}.completion-time,.seeds-earned{font-size:10px}.completion-icon{font-size:.9em}.expand-arrow{font-size:1.2em}.completed-details{gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.task-description{font-size:12px;line-height:1.4}.details-metadata{gap:4px}.metadata-item{font-size:10px;padding:2px 6px}.breakdown-item{font-size:10px;min-height:24px;padding:3px 6px}.breakdown-title{font-size:9px}.breakdown-category,.breakdown-value{font-size:10px}.breakdown-item.total .breakdown-value{font-size:11px}}@media (prefers-reduced-motion:reduce){.completed-details,.completed-note-card,.expand-arrow,.streak-indicator{animation:none;transition:none}.expand-arrow.expanded{transform:none}}.growth-metrics-container{height:auto;min-height:max-content;padding-bottom:24px;padding-bottom:var(--spacing-lg,24px);position:relative;z-index:1}.universal-section{border-bottom:1px solid var(--border-light);margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding:var(--spacing-lg) 0}.universal-section:last-child{border-bottom:none;padding-bottom:32px;padding-bottom:var(--spacing-xl,32px)}.debug-toggle-button{bottom:10px;font-size:10px;padding:4px 8px;position:relative;right:10px}.debug-controls{position:relative;right:var(--spacing-sm);top:10px}.dev-controls{display:flex;justify-content:center;margin:var(--spacing-sm) 0}.task-card-actions{display:flex;gap:var(--spacing-xs);margin-left:auto}.growth-content{border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg)}.growth-visualization-section{border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md);overflow:hidden;padding:var(--spacing-lg) 0;transition:all .4s cubic-bezier(.4,0,.2,1)}.section-title{font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-tight)}.collapse-toggle{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast)}.collapse-toggle:hover{background:var(--bg-hover);color:var(--text-primary);transform:scale(1.1)}.collapse-toggle:active{transform:scale(.95)}.collapse-toggle svg{height:20px;transition:transform var(--transition-fast);width:20px}.collapse-toggle.collapsed svg{transform:rotate(180deg)}.growth-visualization-section.collapsed .section-header{margin-bottom:0}.growth-visualization-section.expanded{animation:expandSection .4s cubic-bezier(.4,0,.2,1)}.growth-visualization-section.collapsed{animation:collapseSection .4s cubic-bezier(.4,0,.2,1)}@keyframes expandSection{0%{max-height:150px;opacity:.8}to{max-height:2000px;opacity:1}}@keyframes collapseSection{0%{max-height:2000px;opacity:1}to{max-height:150px;opacity:.95}}.area-details-panel{animation:slideInFadeIn .4s cubic-bezier(.4,0,.2,1) forwards;background:var(--bg-elevated);border-radius:var(--border-radius-lg);font-family:var(--font-serif);margin-top:var(--spacing-lg);padding:var(--spacing-lg) 0;transform-origin:top center}@keyframes slideInFadeIn{0%{max-height:0;opacity:0;transform:translateY(-20px) scaleY(.95)}to{max-height:2000px;opacity:1;transform:translateY(0) scaleY(1)}}.area-details-panel.exiting{animation:slideOutFadeOut .2s cubic-bezier(.4,0,.6,1) forwards}@keyframes slideOutFadeOut{0%{max-height:2000px;opacity:1;transform:translateY(0) scaleY(1)}to{margin-top:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0;transform:translateY(-12px) scaleY(.97)}}.area-description{color:var(--text-charcoal);font-size:var(--font-size-base);margin:var(--spacing-md) 0;padding:0 var(--spacing-md)}.area-description,.area-details-panel>p{font-family:var(--font-serif);line-height:var(--line-height-relaxed)}.area-details-panel>p{font-size:var(--font-size-sm)}.score-metrics{display:flex;gap:var(--spacing-lg);margin:var(--spacing-sm) 0;padding:var(--spacing-xs) 0}.score-metrics p{align-items:baseline;color:var(--text-secondary);display:flex;font-family:var(--font-sans);font-size:var(--font-size-sm);gap:var(--spacing-xs);margin:0}.metric-label,.score-metrics p{font-weight:var(--font-weight-normal)}.metric-label{color:var(--text-tertiary);font-size:var(--font-size-xs);text-transform:lowercase}.metric-value{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.growth-notes-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.suggest-category-btn{align-items:center;background:var(--accent-blue-solid);border:1px solid var(--accent-blue-solid);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:#fff;color:var(--text-on-accent,#fff);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);justify-content:center;min-height:32px;padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast);white-space:nowrap}.suggest-category-btn:hover:not(:disabled){background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.suggest-category-btn:active{transform:translateY(0)}.suggest-icon{align-items:center;color:#fff;color:var(--text-on-accent,#fff);display:inline-flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.suggest-text{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.2px}.suggest-hint{color:var(--text-tertiary);font-family:var(--font-serif);font-size:var(--font-size-xs);font-style:italic;line-height:1.4;margin:0;text-align:center}.suggest-category-btn-compact{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--accent-blue-solid);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:#fff;color:var(--text-on-accent,#fff);cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all var(--transition-fast);width:28px}.suggest-category-btn-compact:hover:not(:disabled){background:var(--accent-blue-hover);box-shadow:var(--shadow-md);transform:scale(1.05)}.suggest-category-btn-compact:active{background:#f8f5ed1f;background:var(--state-pressed,#f8f5ed1f);transform:scale(.95)}.suggest-category-btn-compact:disabled{cursor:not-allowed;opacity:.6}.suggest-category-btn-compact .suggest-icon{color:#fff;color:var(--text-on-accent,#fff);height:16px;width:16px}.suggest-category-btn-compact .suggest-icon.spinning{animation:spin .8s linear infinite}@media (max-width:768px){.suggest-category-btn-compact{border-radius:var(--border-radius-lg);height:44px;height:var(--touch-target-min,44px);width:44px;width:var(--touch-target-min,44px)}.suggest-category-btn-compact .suggest-icon{height:20px;width:20px}}.history-toggle-btn{align-self:flex-start;background:#0000;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast);white-space:nowrap}.history-toggle-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary)}.history-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.notes-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--border-radius-md);color:#ef4444;font-size:var(--font-size-sm);gap:var(--spacing-sm);margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md)}.notes-error,.notes-loading{align-items:center;display:flex}.notes-loading{color:var(--text-secondary);flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl)}.active-tasks-section{border-top:1px solid var(--border-color);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.section-header-row{align-items:center;display:inline-flex;gap:var(--spacing-sm);justify-content:flex-start;margin-bottom:var(--spacing-sm)}.section-subtitle{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0;white-space:nowrap}.tasks-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.empty-state{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg)}.empty-state,.empty-text{color:var(--text-secondary)}.empty-text{font-size:var(--font-size-sm);margin:0}.empty-hint{color:var(--text-tertiary);font-size:var(--font-size-xs);font-style:italic;margin:0}.empty-state-compact{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) 0;text-align:center}.empty-hint-compact{color:var(--text-tertiary);font-family:var(--font-sans);font-size:var(--font-size-xs);font-style:normal;margin:0;opacity:.7;text-transform:lowercase}.empty-state-compact .suggest-category-btn{align-self:center;margin:0}.completed-history-section{border-top:1px solid var(--border-color);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.history-list{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.empty-state-text{color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-md);text-align:center}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@media (max-width:768px){.suggest-category-btn{width:100%}.empty-state-compact .suggest-category-btn{max-width:280px;width:100%}.growth-notes-actions{align-items:stretch;flex-direction:column}.history-toggle-btn{align-self:stretch;width:100%}.score-metrics{flex-direction:column;gap:var(--spacing-xs)}.ai-recommendations-section>.ai-recommendations-button{max-width:100%}}.light-theme .area-details-panel{background:var(--bg-elevated)}.bar-chart-row{display:flex;flex-direction:column;gap:12px;gap:var(--spacing-md,12px);margin:0;padding:var(--spacing-sm)}.bar-wrapper{align-items:center;border-radius:var(--border-radius-xl);cursor:pointer;display:flex;flex-direction:row;gap:12px;gap:var(--spacing-sm,12px);margin-right:var(--spacing-lg);padding:6px;padding:var(--spacing-sm,6px);transition:all .3s cubic-bezier(.4,0,.2,1)}.bar-wrapper:hover{background:var(--overlay-light);transform:translateX(4px) scale(1.01)}.bar-wrapper.selected{background:var(--overlay-light);box-shadow:0 4px 12px #0000001a;transform:scale(1.03)}.bar-wrapper.selected:hover{transform:translateX(4px) scale(1.04)}.bar-icon{color:var(--text-primary);flex-shrink:0;height:28px;opacity:.6;transition:all var(--transition-fast);width:28px}.bar-wrapper:hover .bar-icon{opacity:.8;transform:scale(1.05)}.bar-wrapper.selected .bar-icon{color:var(--text-primary);opacity:1}.bar-label{color:var(--text-secondary);flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);max-width:100px;min-width:80px;text-align:left}.bar-wrapper.selected .bar-label{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.bar-track{background:var(--progress-ring-bg);border-radius:var(--border-radius-lg);box-shadow:inset 0 1px 3px #0000004d;flex:1 1;height:27px;overflow:hidden;position:relative;transition:box-shadow .3s ease}.bar-wrapper:hover .bar-track{box-shadow:inset 0 2px 4px #0006}.bar-background{border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000004d;height:100%;left:0;position:absolute;top:0;transition:width .6s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;z-index:1}.bar-background:before{background:linear-gradient(90deg,#00000026,#fff3);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.bar-wrapper:hover .bar-background{box-shadow:0 2px 6px #0006}.bar-wrapper:hover .bar-background:after{animation:shimmer 1s forwards;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:200%}@keyframes shimmer{0%{left:-100%}50%,to{left:100%}}.bar-foreground{border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0006;height:100%;left:0;position:absolute;top:0;transition:width .6s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;z-index:2}.bar-foreground:before{background:linear-gradient(90deg,#00000026,#fff3);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.bar-wrapper:hover .bar-foreground{box-shadow:0 2px 6px #00000080}.bar-wrapper:hover .bar-foreground:after{animation:shimmer 1s forwards;background:linear-gradient(90deg,#0000,#fff0,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.light-theme .bar-label{color:var(--light-text-secondary)}.light-theme .bar-wrapper.selected .bar-label{color:var(--tree-green)}.light-theme .bar-track{background:#00000014;box-shadow:inset 0 1px 2px #0000001a}.light-theme .bar-background:before,.light-theme .bar-foreground:before{background:linear-gradient(90deg,#0000000d,#ffffff26)}.light-theme .bar-background{box-shadow:0 1px 3px #00000026}.light-theme .bar-foreground{box-shadow:0 1px 3px #0003}.light-theme .growth-metrics{--accent-green:#7cb518;--accent-red:#d4476e;--color-golden:#c9a961}.randomize-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.randomize-btn:hover{background:var(--accent-blue);border-color:var(--accent-blue);box-shadow:var(--shadow-md);color:var(--text-on-accent);transform:translateY(-1px)}.randomize-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.area-info-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-right:var(--spacing-xl);position:relative}.area-info-icon{color:var(--text-primary);flex-shrink:0;height:28px;opacity:.9;width:28px}.area-info-title{color:var(--text-primary);flex:0 1 auto;font-family:var(--font-family-modern);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.2;margin:0;min-width:0}.area-info-header .health-badge{flex-shrink:0;margin-left:var(--spacing-sm)}.area-close-btn{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:0;padding:var(--spacing-xs);position:absolute;right:0;top:0;transition:all var(--transition-fast)}.area-details-panel:hover .area-close-btn{opacity:1}.area-close-btn:hover{background:var(--bg-hover);color:var(--accent-red);transform:scale(1.1)}.area-close-btn:active{transform:scale(.95)}.area-close-btn svg{height:20px;width:20px}.light-theme .area-details-panel p,.light-theme .area-info-title{color:var(--text-primary)}.growth-task-container{display:flex;flex-direction:column;justify-content:flex-start;margin-top:var(--spacing-md);min-height:60px}.growth-task-container .error-text,.growth-task-container .loading-text{font-family:var(--font-sans);font-size:var(--font-size-xs);opacity:.7;padding:var(--spacing-md) 0;text-align:center}.growth-task-container .loading-text{color:var(--text-secondary);font-size:var(--font-size-sm)}.recommendations-skeleton{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) 0}.skeleton-card{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.skeleton-line{background:var(--bg-tertiary);border-radius:var(--border-radius-sm);height:12px;margin-bottom:var(--spacing-xs)}.skeleton-line.title{height:16px;margin-bottom:var(--spacing-sm);width:60%}.skeleton-line.subtitle{height:10px;margin-bottom:var(--spacing-md);width:40%}.skeleton-line.body{width:100%}.skeleton-line.body:last-child{width:80%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.growth-task-container .error-text{color:var(--accent-red);opacity:.8}.growth-task-empty{animation:fadeInDelayed .2s ease-in .3s forwards;color:var(--text-tertiary);font-family:var(--font-sans);font-size:var(--font-size-xs);opacity:0;padding:var(--spacing-md) 0;text-align:center}@keyframes fadeInDelayed{0%{opacity:0}to{opacity:.5}}.growth-task-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.growth-task-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);display:flex;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.growth-task-card:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-md)}.growth-task-card .button-secondary{font-size:var(--font-size-xs);min-height:28px;padding:var(--spacing-xs) var(--spacing-sm)}.ai-generate-button.text-btn{background:var(--accent-blue);border:1px solid var(--accent-blue);border-radius:var(--border-radius-md);color:var(--text-on-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);min-width:120px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:auto}.ai-generate-button.text-btn:hover{background:var(--accent-green);border-color:var(--accent-green);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ai-generate-button.text-btn.loading{cursor:not-allowed;min-width:120px;opacity:.7}.growth-task-card.removing{opacity:0;transform:translateX(20px);transition:opacity var(--transition-medium),transform var(--transition-medium)}.button-tertiary{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);justify-content:center;min-height:28px;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.button-tertiary:hover{background:var(--hover-bg-danger);color:var(--accent-red)}.light-theme .growth-task-card{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.light-theme .ai-generate-button.text-btn{background:var(--light-accent-blue);border-color:var(--light-accent-blue)}.light-theme .ai-generate-button.text-btn:hover{background:var(--light-accent-green);border-color:var(--light-accent-green)}.light-theme .button-tertiary:hover{background:var(--hover-bg-danger);color:var(--light-accent-red)}.recommendations-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:var(--spacing-lg)}.header-title-group{align-items:center;display:flex;gap:var(--spacing-sm)}.recommendations-header h4{color:var(--text-primary);font-family:var(--font-family-modern);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.ai-recommendations-button{align-items:center;background:var(--accent-blue-solid);border:1px solid var(--accent-blue-solid);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);justify-content:center;min-height:36px;padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast);white-space:nowrap}.ai-recommendations-button:hover:not(:disabled){background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ai-recommendations-button:active:not(:disabled){transform:translateY(0)}.ai-recommendations-button:disabled{cursor:not-allowed;opacity:.6}.ai-recommendations-button .mode-icon{color:#fff;color:var(--text-on-accent,#fff);flex-shrink:0;height:18px;width:18px}.ai-recommendations-button .ai-button-text{color:#fff;color:var(--text-on-accent,#fff);letter-spacing:.2px}.ai-recommendations-button .mode-icon.spinning{animation:spin-ai-button 1s linear infinite}.recommendations-header .ai-recommendations-button{min-width:40px;padding:var(--spacing-xs) var(--spacing-sm)}.recommendations-header .ai-recommendations-button .ai-button-text{display:none}.ai-recommendations-section>.ai-recommendations-button{display:flex;margin:var(--spacing-md) auto 0 auto;max-width:320px;width:100%}@keyframes spin-ai-button{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.insights-list{margin-bottom:var(--spacing-lg)}.insights-list h5{color:var(--text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-sm) 0}.insight-card{background:var(--bg-elevated);border:none;border-bottom:1px solid var(--border-color);border-radius:0;margin:0;padding:var(--spacing-md);transition:all var(--transition-fast)}.insight-card:first-child{border-top:1px solid var(--border-color)}.insight-card:last-child{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.insight-card:hover{border-color:var(--accent-blue);box-shadow:0 4px 12px #4a90e21a}.insight-card.exiting,.pattern-card.exiting,.suggestion-card.exiting{animation:slideOutFadeOut .2s cubic-bezier(.4,0,.6,1) forwards}.insight-header,.pattern-header,.suggestion-header{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.insight-title,.pattern-title,.suggestion-title{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0;width:100%}.insight-actions-row,.pattern-actions-row,.suggestion-actions-row{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs)}.add-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--tree-green);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:var(--spacing-xs)}.add-btn,.add-btn svg{transition:all var(--transition-fast)}.add-btn svg{flex-shrink:0;height:36px;width:36px}.add-btn:hover:not(:disabled){background:#7cb5181a;color:#8cb72f}.add-btn:active{background:#7cb51833;transform:scale(.98)}.add-btn:disabled{cursor:not-allowed;opacity:.5}.dismiss-btn{border-radius:var(--border-radius-sm);padding:var(--spacing-xs);transition:all var(--transition-fast)}.dismiss-btn svg{height:36px;width:36px}.dismiss-btn:hover:not(:disabled){background:#f443361a;color:var(--accent-red)}.dismiss-btn:disabled{cursor:not-allowed;opacity:.5}.insight-title{color:var(--text-primary);font-size:var(--font-size-sm);margin:0}.insight-title,.insight-type{font-weight:var(--font-weight-medium)}.insight-type{border-radius:var(--border-radius-sm);color:var(--text-on-accent);font-size:var(--font-size-xs);letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.insight-type.type-growth_area,.insight-type.type-interest,.insight-type.type-opportunity,.insight-type.type-pattern{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.insight-description{font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--spacing-xs) 0}.insight-confidence{color:var(--text-secondary);font-size:var(--font-size-xs)}.insight-confidence,.insight-evidence{margin-top:var(--spacing-xs)}.insight-evidence strong{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.insight-evidence ul{margin:var(--spacing-xs) 0 0 0;padding-left:var(--spacing-md)}.rating-button{-webkit-tap-highlight-color:transparent}.rating-confirmation{color:var(--accent-green)}.insight-evidence li{font-size:var(--font-size-xs);margin-bottom:2px}.patterns-list{margin-bottom:var(--spacing-lg)}.patterns-list h5{color:var(--text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-sm) 0}.pattern-card{background:var(--bg-elevated);border:none;border-bottom:1px solid var(--border-color);border-radius:0;margin:0;padding:var(--spacing-md);transition:all var(--transition-fast)}.pattern-card:first-child{border-top:1px solid var(--border-color)}.pattern-card:last-child{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.pattern-card:hover{border-color:var(--accent-blue);box-shadow:0 4px 12px #4a90e21a}.pattern-type{color:var(--accent-blue);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.pattern-description{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.pattern-confidence{color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.suggestions-list h5{color:var(--text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-sm) 0}.suggestion-card{background:var(--bg-elevated);border:none;border-bottom:1px solid var(--border-color);border-radius:0;margin:0;padding:var(--spacing-md);transition:all var(--transition-fast)}.suggestion-card:first-child{border-top:1px solid var(--border-color)}.suggestion-card:last-child{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.suggestion-card:hover{border-color:var(--accent-blue);box-shadow:0 4px 12px #4a90e21a}.suggestion-header{align-items:left;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.suggestion-title{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.suggestion-priority{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.suggestion-priority.priority-high,.suggestion-priority.priority-low,.suggestion-priority.priority-medium{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.suggestion-description{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.6;margin:0 0 var(--spacing-sm) 0}.suggestion-actions,.suggestion-resources{margin-top:var(--spacing-sm)}.suggestion-actions strong,.suggestion-resources strong{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.suggestion-actions ul,.suggestion-resources ul{list-style:disc;margin:var(--spacing-xs) 0 0 var(--spacing-md);padding:0}.suggestion-actions li,.suggestion-resources li{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--spacing-xs)}.suggestion-resources a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition-fast)}.suggestion-resources a:hover{color:var(--accent-green);text-decoration:underline}.no-recommendations{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);padding:var(--spacing-lg) 0;text-align:center}.light-theme .recommendations-header h4{color:var(--text-primary)}.light-theme .ai-recommendations-button{background:var(--accent-blue-solid);border-color:var(--accent-blue-solid)}.light-theme .ai-recommendations-button:hover:not(:disabled){background:var(--accent-blue-hover);border-color:var(--accent-blue-hover)}.light-theme .recommendation-tab{border-color:var(--border-color)}.light-theme .tab-header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.light-theme .tab-header:hover{background:var(--hover-bg-overlay)}.light-theme .tab-header h5{color:var(--text-primary)}.light-theme .tab-content{background:#0000}.light-theme .insight-card{background:var(--bg-elevated);border-color:var(--border-color)}.light-theme .insight-card:hover{border-color:var(--accent-blue)}.light-theme .insight-description,.light-theme .insight-title{color:var(--text-primary)}.light-theme .rating-confirmation{color:var(--accent-green)}.light-theme .pattern-card,.light-theme .suggestion-card{background:var(--bg-elevated);border-color:var(--border-color)}.light-theme .pattern-type{color:var(--accent-blue)}.light-theme .pattern-description,.light-theme .pattern-title,.light-theme .suggestion-actions li,.light-theme .suggestion-description,.light-theme .suggestion-resources li,.light-theme .suggestion-title{color:var(--text-primary)}.recommendations-tabs{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.recommendation-tab{border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden}.tab-header{align-items:center;background:var(--bg-secondary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.tab-header:hover{background:var(--hover-bg-overlay)}.tab-header h5{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:0}.tab-arrow{color:var(--text-secondary);font-size:var(--font-size-sm);transition:transform var(--transition-fast)}.tab-arrow.expanded{transform:rotate(180deg)}.tab-content{background:#0000;padding:0}.view-more-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--accent-blue);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.view-more-btn:hover{background:var(--accent-blue-alpha-10);border-color:var(--accent-blue);transform:translateY(-1px)}.view-more-btn:active{transform:translateY(0)}.light-theme .view-more-btn{border-color:var(--border-color);color:var(--accent-blue)}.light-theme .view-more-btn:hover{background:var(--accent-blue-alpha-10);border-color:var(--accent-blue)}.growth-area-tag{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;margin-left:var(--spacing-xs);padding:2px 6px;text-transform:uppercase}.growth-area-tag,.growth-area-tag.area-craft,.growth-area-tag.area-financial,.growth-area-tag.area-mental,.growth-area-tag.area-physical,.growth-area-tag.area-social,.growth-area-tag.area-spiritual{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.insight-tags,.pattern-tags,.suggestion-tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.confidence-text{font-size:var(--font-size-xs)}.pattern-header{align-items:left;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.pattern-title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}@media (max-width:600px){.growth-metrics{padding-bottom:var(--spacing-lg)!important}.area-info-header{gap:var(--spacing-sm);padding-right:var(--spacing-lg)}.area-info-icon{height:24px;width:24px}.area-info-title{font-size:var(--font-size-lg)}.bar-chart-row{gap:var(--spacing-xs)}.bar-wrapper{padding:var(--spacing-xs) 0}.bar-label{display:none}.bar-icon{width:24px}.bar-icon,.bar-track{height:24px}}.base-card{animation:card-enter .3s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg,12px);overflow:hidden;transition:all .2s ease;transition:all var(--transition-fast,.2s ease)}.base-card:hover{border-color:var(--accent-blue);box-shadow:0 8px 24px #4a90e226;transform:translateY(-2px)}.base-card-header{flex-direction:column;padding:20px;padding:var(--spacing-lg,20px) var(--spacing-lg,20px)}.base-card-header,.base-card-title-row{display:flex;gap:12px;gap:var(--spacing-sm,12px)}.base-card-title-row{align-items:flex-start;width:100%}.base-card-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.base-card-title{color:var(--text-primary);flex:1 1;font-family:var(--font-sans);font-size:1rem;font-size:var(--font-size-md,1rem);font-weight:600;font-weight:var(--font-weight-semibold,600);line-height:1.5;line-height:var(--line-height-normal,1.5);margin:0}.base-card-actions{flex-shrink:0}.base-card-actions,.base-card-badges{align-items:center;display:flex;gap:8px;gap:var(--spacing-xs,8px)}.base-card-badges{flex-wrap:wrap;padding-left:32px}.base-card-header:not(:has(.base-card-icon)) .base-card-badges{padding-left:0}.base-card-body{padding:0 20px 16px;padding:0 var(--spacing-lg,20px) var(--spacing-md,16px)}@keyframes card-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.base-card.dismissing{animation:card-dismiss .35s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes card-dismiss{0%{margin-bottom:16px;margin-bottom:var(--spacing-md,16px);max-height:500px;opacity:1;transform:translateX(0) scale(1)}50%{opacity:.3;transform:translateX(40px) scale(.98)}to{margin-bottom:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0;transform:translateX(80px) scale(.95)}}.base-card.adding{animation:card-added .5s cubic-bezier(.4,0,.2,1);pointer-events:none}@keyframes card-added{0%{background:var(--bg-secondary);border-color:var(--border-color);transform:scale(1)}25%{background:#7cb51814;border-color:var(--accent-green);box-shadow:0 0 0 3px #7cb51826;transform:scale(1.02)}50%{transform:scale(1.02)}to{background:#7cb51814;border-color:var(--accent-green);transform:scale(1)}}.base-card.adding-complete{animation:card-dismiss .35s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.light-theme .base-card{background:var(--bg-secondary);border-color:var(--border-color)}.light-theme .base-card:hover{border-color:var(--accent-blue);box-shadow:0 8px 24px #6495ed33;transform:translateY(-2px)}.light-theme .base-card-title{color:var(--text-primary)}@media (max-width:768px){.base-card-header{padding:16px;padding:var(--spacing-md,16px) var(--spacing-md,16px)}.base-card-title{font-size:var(--font-size-base);line-height:1.4}.base-card-actions button{min-height:44px;min-width:44px}}.recommendation-icon-default{height:20px;opacity:.9;width:20px}.recommendation-description{color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;font-size:var(--font-size-sm,.875rem);line-height:1.6;line-height:var(--line-height-relaxed,1.6);margin:0 0 12px;margin:0 0 var(--spacing-sm,12px) 0}.type-badge{font-weight:600;font-weight:var(--font-weight-semibold,600)}.type-badge.type-note{background:#e6db7426;border:1px solid #e6db744d;color:var(--accent-yellow)}.type-badge.type-connection{background:#66d9ef26;border:1px solid #66d9ef4d;color:var(--accent-blue)}.type-badge.type-goal{background:#ae81ff26;border:1px solid #ae81ff4d;color:var(--accent-purple)}.type-badge.type-action{background:#a6e22e26;border:1px solid #a6e22e4d;color:var(--accent-green)}.add-to-tree-btn{align-items:center;background:#10b981;background:var(--tree-green,#10b981);border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:var(--text-on-accent);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:6px;transition:all .2s ease;transition:all var(--transition-fast,.2s ease);width:28px}.add-to-tree-btn:hover{background:#a6e22e;background:var(--accent-green,#a6e22e);box-shadow:0 2px 8px #10b9814d;transform:translateY(-1px)}.add-to-tree-btn:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.add-icon{filter:brightness(0) invert(1);height:16px;width:16px}.growth-rewards-preview{background:#a6e22e0d;border:1px solid #a6e22e33;border-radius:6px;border-radius:var(--border-radius-sm,6px);margin-bottom:12px;margin-bottom:var(--spacing-sm,12px);padding:12px;padding:var(--spacing-sm,12px)}.growth-rewards-preview strong{color:var(--text-primary);display:block;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600);margin-bottom:8px;margin-bottom:var(--spacing-xs,8px)}.rewards-list{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-xs,8px)}.reward-item{align-items:center;background:#a6e22e1a;border:1px solid #a6e22e40;border-radius:4px;border-radius:var(--border-radius-sm,4px);display:flex;gap:4px;padding:4px 8px}.reward-amount{color:#a6e22e;color:var(--accent-green,#a6e22e);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:600;font-weight:var(--font-weight-semibold,600)}.recommendation-meta{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-xs,8px);padding-top:12px;padding-top:var(--spacing-sm,12px)}.meta-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius-sm,6px);color:var(--text-secondary);display:inline-flex;font-size:.813rem;font-size:var(--font-size-xs,.813rem);gap:4px;padding:4px 10px}.meta-item.time-estimate{color:var(--accent-blue)}.meta-item.difficulty{font-weight:600;font-weight:var(--font-weight-semibold,600);text-transform:capitalize}.meta-item.difficulty-beginner,.meta-item.difficulty-easy{color:var(--accent-green)}.meta-item.difficulty-intermediate,.meta-item.difficulty-medium{color:var(--accent-orange)}.meta-item.difficulty-advanced,.meta-item.difficulty-challenging,.meta-item.difficulty-hard{color:var(--accent-red)}.light-theme .recommendation-description{color:var(--text-primary)}.light-theme .type-badge.type-note{background:#e6db7433;border-color:#e6db7466;color:var(--accent-yellow)}.light-theme .type-badge.type-connection{background:#66d9ef33;border-color:#66d9ef66;color:var(--accent-blue)}.light-theme .type-badge.type-goal{background:#ae81ff33;border-color:#ae81ff66;color:var(--accent-purple)}.light-theme .type-badge.type-action{background:#8b9a7f33;border-color:#8b9a7f66;color:var(--accent-green)}.light-theme .add-to-tree-btn{background:#10b981;background:var(--tree-green,#10b981);color:var(--text-on-accent)}.light-theme .add-to-tree-btn:hover{background:#a6e22e;background:var(--accent-green,#a6e22e);box-shadow:0 2px 8px #10b9814d}.light-theme .add-icon{filter:brightness(0) invert(1)}.light-theme .growth-rewards-preview{background:#8b9a7f1a;border-color:#8b9a7f40}.light-theme .reward-item{background:#8b9a7f26;border-color:#8b9a7f4d}.light-theme .reward-amount{color:#5a7a3c;color:var(--growth-active-light,#5a7a3c)}.light-theme .meta-item{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.insight-rating-circles{margin-bottom:12px;margin-bottom:var(--spacing-sm,12px);margin-top:12px;margin-top:var(--spacing-sm,12px)}.rating-circles-prompt{color:var(--text-secondary);font-family:var(--font-sans);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:400;font-weight:var(--font-weight-regular,400);letter-spacing:.005em;margin:0 0 8px;margin:0 0 var(--spacing-xs,8px) 0}.rating-circles-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;display:inline-flex;gap:4px;padding:4px;transition:all .2s ease;transition:all var(--transition-fast,.2s ease)}.rating-circle,.rating-circles-container{align-items:center;justify-content:center}.rating-circle{-webkit-tap-highlight-color:transparent;background:#0000;border:none;border-radius:18px;cursor:pointer;display:flex;flex-shrink:0;height:36px;min-width:40px;padding:0 12px;position:relative;transition:all .15s ease}.rating-circle-value{color:var(--text-secondary);font-family:var(--font-sans);font-size:1rem;font-size:var(--font-size-md,1rem);font-weight:500;font-weight:var(--font-weight-medium,500);line-height:1;transition:all .15s ease}@media (hover:hover) and (pointer:fine){.rating-circle:hover:not(.rating-circle-disabled){background:#10b9811a}.rating-circle:hover:not(.rating-circle-disabled) .rating-circle-value{color:#10b981;color:var(--tree-green,#10b981)}}.rating-circle:active:not(.rating-circle-disabled){transform:scale(.95)}.rating-circle-selected{background:#10b981;background:var(--tree-green,#10b981)}.rating-circle-selected .rating-circle-value{color:#fff;font-weight:600;font-weight:var(--font-weight-semibold,600)}.rating-circle-pending{animation:subtlePulse 1.5s ease-in-out infinite;background:#10b981;background:var(--tree-green,#10b981)}.rating-circle-pending .rating-circle-value{color:#fff}@keyframes subtlePulse{0%,to{box-shadow:0 0 0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b9811a}}.rating-circle-disabled{cursor:not-allowed;opacity:.4}.rating-confirmation-panel{align-items:center;background:var(--bg-secondary);border:1px solid #10b981;border:1px solid var(--tree-green,#10b981);border-radius:24px;display:flex;gap:12px;gap:var(--spacing-sm,12px);margin-top:12px;margin-top:var(--spacing-sm,12px);padding:8px 16px;transition:all .2s ease;transition:all var(--transition-fast,.2s ease)}.rating-selection-text{color:var(--text-primary);flex:1 1;font-family:var(--font-sans);font-size:.875rem;font-size:var(--font-size-sm,.875rem);letter-spacing:.005em;line-height:1.4;margin:0}.rating-selection-text strong{color:#10b981;color:var(--tree-green,#10b981);font-weight:600;font-weight:var(--font-weight-semibold,600)}.rating-confirmation-actions{display:flex;flex-shrink:0;gap:6px}.rating-cancel-btn,.rating-confirm-btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:16px;cursor:pointer;font-family:var(--font-sans);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500);letter-spacing:.005em;padding:6px 16px;transition:all .15s ease}.rating-confirm-btn{background:#10b981;background:var(--tree-green,#10b981);color:#fff}.rating-confirm-btn:hover:not(:disabled){background:#059669;box-shadow:0 2px 8px #10b98133;transform:translateY(-1px)}.rating-confirm-btn:active{transform:translateY(0) scale(.98)}.rating-cancel-btn{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.rating-cancel-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.rating-cancel-btn:active{transform:scale(.98)}.rating-cancel-btn:disabled,.rating-confirm-btn:disabled{cursor:not-allowed;opacity:.4}.rating-current-text{color:var(--text-tertiary);font-family:var(--font-sans);font-size:.75rem;font-size:var(--font-size-xs,.75rem);letter-spacing:.005em;margin:8px 0 0;margin:var(--spacing-xs,8px) 0 0 0}.rating-current-text strong{color:#10b981;color:var(--tree-green,#10b981);font-weight:500;font-weight:var(--font-weight-medium,500)}@media (max-width:768px){.rating-circle{height:32px;min-width:36px;padding:0 10px}.rating-circle-value{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.rating-circles-container{gap:3px;padding:3px}.rating-confirmation-panel{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-xs,8px)}.rating-confirmation-actions{width:100%}.rating-cancel-btn,.rating-confirm-btn{flex:1 1}}.light-theme .rating-circles-container{background:var(--bg-secondary);border-color:var(--border-color)}.light-theme .rating-circle-value{color:var(--text-secondary)}.light-theme .rating-circle-pending,.light-theme .rating-circle-selected{background:#10b981;background:var(--tree-green,#10b981)}.light-theme .rating-circle-pending .rating-circle-value,.light-theme .rating-circle-selected .rating-circle-value{color:#fff}.light-theme .rating-confirmation-panel{background:var(--bg-secondary);border-color:#10b981;border-color:var(--tree-green,#10b981)}.light-theme .rating-current-text strong,.light-theme .rating-selection-text strong{color:#10b981;color:var(--tree-green,#10b981)}.light-theme .rating-confirm-btn{background:#10b981;background:var(--tree-green,#10b981);color:#fff}.insight-icon{height:20px;opacity:.9;width:20px}.insight-description{color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;font-size:var(--font-size-sm,.875rem);line-height:1.6;line-height:var(--line-height-relaxed,1.6);margin:0 0 12px;margin:0 0 var(--spacing-sm,12px) 0}.insight-evidence{list-style-type:disc;margin:0;padding-left:20px;padding-left:var(--spacing-lg,20px)}.insight-evidence li{color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm,.875rem);line-height:1.5;line-height:var(--line-height-normal,1.5);margin-bottom:4px;margin-bottom:var(--spacing-xs,4px)}.insight-evidence li:last-child{margin-bottom:0}.source-badge{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius-sm,4px);display:flex;justify-content:center;padding:4px 6px}.source-badge-icon{height:12px;opacity:.8;width:12px}.source-badge.source-growth_metrics{background:#a6e22e1a;border-color:#a6e22e4d}.confidence-text{color:var(--text-secondary);font-family:var(--font-sans);font-size:.75rem;font-size:var(--font-size-xs,.75rem);white-space:nowrap}.insight-actions{gap:8px;gap:var(--spacing-xs,8px)}.accept-btn,.insight-actions{align-items:center;display:flex}.accept-btn{-webkit-tap-highlight-color:transparent;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--accent-green);cursor:pointer;justify-content:center;min-height:44px;min-width:44px;padding:8px;transition:all .2s;transition:all var(--transition-fast,.2s)}.accept-btn svg{flex-shrink:0;height:28px;transition:all var(--transition-fast);width:28px}.accept-btn:hover:not(:disabled){background:#7cb5181a;color:#8cb72f}.accept-btn:active{background:#7cb51833;transform:scale(.98)}.accept-btn:disabled{cursor:not-allowed;opacity:.5}.accept-btn:focus{outline:2px solid var(--accent-green);outline-offset:2px}.type-badge{border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius-sm,4px);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:500;font-weight:var(--font-weight-medium,500);letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.type-badge.type-growth-area,.type-badge.type-interest,.type-badge.type-opportunity,.type-badge.type-pattern{background:var(--bg-tertiary);color:var(--text-secondary)}.priority-badge{border-radius:4px;border-radius:var(--border-radius-sm,4px);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:600;font-weight:var(--font-weight-semibold,600);letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.priority-badge.priority-high{background:var(--accent-red);color:var(--text-on-accent)}.priority-badge.priority-medium{background:var(--accent-orange);color:var(--text-on-accent)}.priority-badge.priority-low{background:var(--text-secondary);color:var(--text-on-accent)}.dismiss-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;line-height:1;min-height:44px;min-width:44px;padding:8px;transition:all .2s ease;transition:all var(--transition-fast,.2s ease)}.dismiss-btn svg{flex-shrink:0;height:24px;transition:all var(--transition-fast);width:24px}.dismiss-btn:hover{background:#f443361a;color:var(--accent-red)}.dismiss-btn:active{background:#f4433633;transform:scale(.98)}.dismiss-btn:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.insight-rating{border-top:1px solid var(--border-color);margin-top:16px;margin-top:var(--spacing-md,16px);padding-top:12px;padding-top:var(--spacing-sm,12px)}.rating-prompt{color:var(--text-secondary);font-size:.85rem;font-size:var(--font-size-sm,.85rem);font-weight:500;font-weight:var(--font-weight-medium,500);margin:0 0 8px;margin:0 0 var(--spacing-xs,8px) 0}.rating-scale{display:flex;gap:4px;margin-bottom:8px;margin-bottom:var(--spacing-xs,8px)}.rating-button{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius-md,6px);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;min-width:0;padding:8px 4px;transition:all .2s ease;transition:all var(--transition-fast,.2s ease)}.rating-button:hover:not(.rating-disabled){background:var(--bg-hover);border-color:var(--primary-color);transform:translateY(-1px)}.rating-button:active:not(.rating-disabled){transform:translateY(0)}.rating-button.rating-selected{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-on-primary)}.rating-button.rating-disabled{cursor:not-allowed;opacity:.5}.rating-value{font-size:1.2rem;font-weight:600;font-weight:var(--font-weight-semibold,600);line-height:1}.rating-label{font-size:.7rem;line-height:1.2;text-align:center;word-break:break-word}.rating-confirmation{color:var(--text-success);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-style:italic;margin:0}.light-theme .insight-description{color:var(--text-primary)}.light-theme .insight-evidence li,.light-theme .type-badge{color:var(--text-secondary)}.light-theme .type-badge{background:var(--bg-tertiary);border-color:var(--border-color)}.light-theme .confidence-text{color:var(--text-secondary)}.light-theme .accept-btn{border-color:var(--accent-blue);color:var(--accent-blue)}.light-theme .accept-btn:hover:not(:disabled){background:var(--accent-blue);color:var(--text-on-accent)}.light-theme .source-badge{background:var(--bg-tertiary);border-color:var(--border-color)}.light-theme .source-badge.source-growth_metrics{background:#8b9a7f26;border-color:#8b9a7f4d}.light-theme .dismiss-btn:hover{background:#dc26261a;color:var(--accent-red)}.light-theme .rating-button:hover:not(.rating-disabled){background:var(--bg-hover);border-color:var(--primary-color)}.empty-state{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:8px 20px;padding:var(--spacing-xs,8px) var(--spacing-lg,20px)}.empty-state-icon{display:none}.empty-state-message{color:var(--text-secondary);font-family:var(--font-sans);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-style:italic;line-height:1.5;line-height:var(--line-height-normal,1.5);margin:0}.light-theme .empty-state-icon{opacity:.5}.light-theme .empty-state-message{color:var(--text-secondary)}.ai-recommendations-overlay-dialog .overlay-body{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--spacing-md);overscroll-behavior:contain;padding:0}.category-context{padding:var(--spacing-md) var(--spacing-lg)}.category-hint{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0;text-transform:lowercase}.category-hint strong{color:var(--text-primary);font-weight:var(--font-weight-semibold);text-transform:capitalize}.recommendations-content{gap:20px;gap:var(--spacing-lg,20px);min-height:0;padding:var(--spacing-md) 0}.recommendations-content,.section{display:flex;flex-direction:column}.section{gap:16px;gap:var(--spacing-md,16px);padding:0 24px;padding:0 var(--spacing-xl,24px)}.actions-section,.insights-section,.knowledge-notes-section{border-bottom:1px solid var(--border-color);padding-bottom:20px;padding-bottom:var(--spacing-lg,20px)}.knowledge-notes-section{border-bottom:none;padding-bottom:24px;padding-bottom:var(--spacing-xl,24px)}.section-header,.section-title{gap:12px;gap:var(--spacing-sm,12px)}.section-title{align-items:center;display:flex;font-family:var(--font-sans);font-size:18px;font-size:var(--font-size-lg,18px);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.section-icon{font-size:20px;font-size:var(--font-size-xl,20px)}.section-icon-svg{color:var(--text-secondary);flex-shrink:0;height:20px;opacity:.9;width:20px}.section-count{color:var(--text-tertiary);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-normal);margin-left:6px;margin-left:var(--spacing-xs,6px)}.section-items{display:flex;flex-direction:column;gap:20px;gap:var(--spacing-lg,20px)}.section-items,.section-items>*{transition:all .3s cubic-bezier(.4,0,.2,1)}.empty-state-section{background:var(--bg-elevated);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);padding:20px;padding:var(--spacing-lg,20px);text-align:center}.empty-state-section .empty-hint{color:var(--text-tertiary);font-family:var(--font-sans);font-size:14px;font-size:var(--font-size-sm,14px);margin:0;text-transform:lowercase}.generated-notes-section,.insights-section-legacy,.recommendations-section{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px);padding:0 24px 24px;padding:0 var(--spacing-xl,24px) var(--spacing-xl,24px)}.empty-state-recommendations{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.empty-state-recommendations .empty-hint-compact{color:var(--text-tertiary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-style:normal;margin:0;max-width:400px;text-transform:lowercase}.recommendations-footer{align-items:center;background:var(--bg-elevated);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.generate-more-btn{align-items:center;background:var(--accent-blue-solid);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--text-on-accent);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast);white-space:nowrap}.generate-more-btn .generate-icon{flex-shrink:0;height:16px;width:16px}.generate-more-btn:hover:not(:disabled){background:var(--accent-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.generate-more-btn:active{transform:translateY(0)}.generate-more-btn:disabled{background:var(--bg-tertiary);box-shadow:none;color:var(--text-secondary);cursor:not-allowed;opacity:.6;transform:none}.generate-more-btn .spinning{animation:spin 1s linear infinite}.close-btn-secondary{background:#0000;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);white-space:nowrap}.close-btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-blue);color:var(--text-primary)}.close-btn-secondary:active{transform:scale(.98)}@media (max-width:768px){.category-context{padding:var(--spacing-sm) var(--spacing-md)}.recommendations-content{gap:var(--spacing-md);padding:var(--spacing-md) 0 var(--spacing-xl) 0}.actions-section,.insights-section,.knowledge-notes-section,.section{gap:var(--spacing-sm);padding:0 var(--spacing-md);padding-bottom:var(--spacing-md)}.section-title{font-size:16px;font-size:var(--font-size-md,16px);gap:8px;gap:var(--spacing-xs,8px)}.section-icon{font-size:18px;font-size:var(--font-size-lg,18px)}.empty-state-section{padding:var(--spacing-md)}.empty-state-recommendations{padding:var(--spacing-lg) var(--spacing-md)}.recommendations-footer{flex-direction:column-reverse;gap:var(--spacing-sm);padding:var(--spacing-md)}.close-btn-secondary,.generate-more-btn{font-size:var(--font-size-md);justify-content:center;min-height:var(--touch-target-min);padding:var(--spacing-md) var(--spacing-lg);width:100%}}.light-theme .category-context{background:none;border-bottom-color:none}.light-theme .recommendations-footer{background:var(--bg-elevated);border-top-color:var(--border-color)}.light-theme .empty-state-section{background:var(--bg-elevated)}.light-theme .generate-more-btn{background:var(--accent-blue-solid)}.light-theme .generate-more-btn:hover:not(:disabled){background:var(--accent-blue-hover);box-shadow:var(--shadow-md)}.light-theme .close-btn-secondary{background:#0000;border-color:var(--border-color);color:var(--text-secondary)}.light-theme .close-btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-blue);color:var(--text-primary)}.simple-confirmation-popup{animation:popup-appear .2s ease-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);max-width:350px;min-width:280px;padding:var(--spacing-lg);position:absolute;z-index:1000}@keyframes popup-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.simple-confirmation-popup--info{border-left:3px solid var(--accent-blue)}.simple-confirmation-popup--warning{border-left:3px solid var(--accent-orange)}.simple-confirmation-popup--default{border-left:3px solid var(--tree-green)}.simple-confirmation-popup__message{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--spacing-lg)}.simple-confirmation-popup__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.simple-confirmation-popup__button{border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:60px;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.simple-confirmation-popup__button--cancel{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.simple-confirmation-popup__button--cancel:hover{background:var(--hover-bg-secondary);border-color:var(--accent-red);color:var(--text-primary)}.simple-confirmation-popup__button--confirm{background:var(--tree-green);border:1px solid #0000;color:var(--text-on-accent)}.simple-confirmation-popup__button--confirm:hover{background:var(--accent-green);background:var(--accent-blue,var(--accent-green));box-shadow:var(--shadow-md);filter:brightness(1.1);transform:translateY(-1px)}.simple-confirmation-popup__button--confirm:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.simple-confirmation-popup--info .simple-confirmation-popup__button--confirm{background:var(--accent-blue)}.simple-confirmation-popup--info .simple-confirmation-popup__button--confirm:hover{background:var(--accent-blue-hover);box-shadow:var(--shadow-md)}.simple-confirmation-popup--warning .simple-confirmation-popup__button--confirm{background:var(--accent-orange)}.simple-confirmation-popup--warning .simple-confirmation-popup__button--confirm:hover{background:var(--accent-orange);box-shadow:var(--shadow-md);filter:brightness(1.1)}@media (max-width:480px){.simple-confirmation-popup{min-width:240px;padding:var(--spacing-md)}.simple-confirmation-popup__message{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.simple-confirmation-popup__button{font-size:var(--font-size-xs);min-width:50px;padding:var(--spacing-xs) var(--spacing-md)}}:root{--gradient-blue-green:linear-gradient(-45deg,#121314,#1c1a1e,#101010,#090d11);--gradient-blue-green-2:linear-gradient(-45deg,#134e5e,#71b280,#1cb5e0,#2c3e50);--light-bg-primary:#f8f8f2;--light-bg-secondary:#f0f0ea;--light-text-primary:#272822;--light-text-secondary:#75715e;--light-border-color:#d2d2c9;--light-border-light:#e6e6e0;--light-accent-blue:#0097c4;--light-accent-green:#67930a;--light-accent-orange:#d46300;--light-accent-yellow:#b59f00;--light-accent-red:#c9005a;--light-shadow-sm:0 2px 4px #0000001a;--light-shadow-md:0 4px 6px #00000026;--light-shadow-lg:0 6px 12px #0003;--chat-bg:var(--bg-secondary);--chat-text:var(--text-primary);--chat-border:var(--border-color);--chat-input-bg:var(--bg-primary);--chat-author:var(--accent-blue);--chat-message:var(--text-primary);--chat-button-bg:var(--accent-blue);--chat-button-hover:var(--accent-green);--chat-shadow:#0000004d;--header-bg:var(--bg-primary);--header-text:var(--text-primary);--header-border:var(--border-color);--header-button-bg:var(--accent-blue);--header-button-hover:var(--accent-green);--sidebar-bg:var(--bg-primary);--sidebar-text:var(--text-primary);--sidebar-border:var(--border-color);--sidebar-hover:var(--bg-primary);--sidebar-active:var(--color-golden);--meeting-bg:var(--bg-primary);--meeting-text:var(--text-primary);--meeting-text-secondary:var(--text-secondary);--meeting-border:var(--border-color);--meeting-highlight:var(--accent-blue);--meeting-error:var(--accent-red);--meeting-success:var(--accent-green);--meeting-button-bg:var(--bg-secondary);--video-bg:var(--bg-secondary);--video-border:var(--border-color);--video-overlay:#00000080;--video-controls-bg:var(--bg-primary);--video-controls-text:var(--text-primary);--input-bg:var(--bg-secondary);--input-text:var(--text-primary);--input-border:var(--border-color);--input-focus:var(--accent-blue);--input-error:var(--accent-red);--input-success:var(--accent-green);--input-placeholder:var(--text-secondary);--notification-info-bg:var(--accent-blue);--notification-success-bg:var(--accent-green);--notification-warning-bg:var(--accent-orange);--notification-error-bg:var(--accent-red);--notification-text:var(--text-primary);--action-status-pending:var(--text-secondary);--action-status-pending-bg:var(--bg-secondary);--action-status-active:var(--accent-green);--action-status-active-bg:#4a6b2a;--action-status-in-progress-bg:var(--bg-primary);--action-status-in-progress-border:var(--accent-green);--action-status-complete:var(--accent-green);--action-status-complete-bg:var(--bg-secondary);--hover-bg-primary:#66d9ef1a;--hover-bg-secondary:#ffffff0d;--hover-bg-success:#a6e22e1a;--hover-bg-danger:#f926721a;--hover-bg-warning:#ff980026;--hover-bg-info:#4a9eff26;--hover-bg-overlay:#fff3;--bg-overlay:#000000b3;--bg-button-overlay:#ffffff1a;--bg-success-overlay:#a6e22e1a;--bg-danger-overlay:#f926721a;--bg-warning-overlay:#ff98001a;--bg-info-overlay:#4a9eff1a;--border-color-overlay:#ffffff26;--focus-ring-blue:#66d9ef33;--text-on-accent:#fff;--accent-blue-hover:#52c7dc;--accent-red-hover:#e91d63;--action-status-pending-hover:var(--border-color);--action-status-active-hover:#7cb518;--action-status-complete-hover:#7cb518;--color-silver:#907758;--color-lapis:#2d3546;--color-redwood:#b54a4d;--color-bone:#9e8660;--color-khaki:#6c5d43;--color-beaver:#968a75;--color-charcoal:#414553;--node-inactive-beige:#c9b995;--node-inactive-beige-light:#d4c4a6;--node-inactive-beige-dark:#b5a584;--node-inactive-bg:#c9b9951a;--node-inactive-border:#c9b9954d;--node-inactive-text:#8c7f6b;--overlay-bg:#00000073}.light-theme img[src*=atai_logo]{filter:brightness(.1) invert(1) hue-rotate(180deg)!important}.button-primary{align-items:center;background:var(--elevation-02dp);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-elevation-02dp);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;min-height:44px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-medium)}.button-primary:hover{background:color-mix(in srgb,var(--elevation-02dp) 92%,var(--state-hover) 8%);border-color:var(--accent-blue);box-shadow:var(--shadow-elevation-04dp);transform:translateY(-2px)}.button-primary:active{background:color-mix(in srgb,var(--elevation-02dp) 88%,var(--state-pressed) 12%);box-shadow:var(--shadow-elevation-02dp);transform:translateY(0)}.light-theme .button-primary{background:var(--elevation-01dp);border-color:var(--border-color);box-shadow:var(--shadow-elevation-01dp);color:var(--text-primary)}.light-theme .button-primary:hover{background:color-mix(in srgb,var(--elevation-01dp) 92%,#3d342814 8%);border-color:var(--accent-blue);box-shadow:var(--shadow-elevation-02dp)}.light-theme .button-primary:active{background:color-mix(in srgb,var(--elevation-01dp) 88%,#3d34281f 12%)}.button-tree{align-items:center;background:var(--tree-green);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-elevation-02dp);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;min-height:44px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-medium)}.button-tree:hover{background:color-mix(in srgb,var(--tree-green) 85%,#000 15%);box-shadow:var(--shadow-elevation-04dp);transform:translateY(-2px)}.button-tree:active{background:color-mix(in srgb,var(--tree-green) 75%,#000 25%);box-shadow:var(--shadow-elevation-02dp);transform:translateY(0)}.light-theme .button-tree{background:var(--tree-green);box-shadow:var(--shadow-elevation-01dp);color:#fff}.light-theme .button-tree:hover{background:color-mix(in srgb,var(--tree-green) 85%,#000 15%);box-shadow:var(--shadow-elevation-02dp)}.light-theme .button-tree:active{background:color-mix(in srgb,var(--tree-green) 75%,#000 25%)}.button-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.button-secondary:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.theme-toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:2.5rem;justify-content:center;margin-left:var(--spacing-md);transition:all var(--transition-fast);width:2.5rem}.theme-toggle:hover{border-color:var(--accent-blue);transform:scale(1.05)}.theme-toggle svg{height:1.25rem;width:1.25rem}.input-base,.theme-toggle svg{transition:all var(--transition-fast)}.input-base{background:var(--bg-secondary);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius-sm);color:var(--text-primary);color:var(--input-text);font-size:var(--font-size-md);padding:var(--spacing-sm)}.input-base:focus{border-color:var(--input-focus);box-shadow:0 0 0 2px var(--accent-blue);box-shadow:0 0 0 2px var(--input-focus);outline:none}.input-base::placeholder{color:var(--text-secondary);color:var(--input-placeholder)}.flex-between{align-items:center;display:flex;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.bg-gradient-animate{animation:gradientFlow 10s ease infinite;background:linear-gradient(-45deg,#121314,#1c1a1e,#101010,#090d11);background:var(--gradient-blue-green);background-size:400% 400%}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-break{overflow-wrap:break-word;word-break:break-word}.card-display{color:var(--text-primary);font-size:var(--card-display);font-weight:var(--card-weight-display);line-height:var(--card-line-height-tight)}.card-h1{font-size:var(--card-h1)}.card-h1,.card-h2{color:var(--text-primary);font-weight:var(--card-weight-heading);line-height:var(--card-line-height-tight);margin:0}.card-h2{font-size:var(--card-h2)}.card-h3{font-size:var(--card-h3);font-weight:var(--card-weight-heading);margin:0}.card-body-text,.card-h3{color:var(--text-primary);line-height:var(--card-line-height-normal)}.card-body-text{font-size:var(--card-body);font-weight:var(--card-weight-body)}.card-caption{font-size:var(--card-caption)}.card-caption,.card-micro{color:var(--text-secondary);font-weight:var(--card-weight-body);line-height:var(--card-line-height-normal)}.card-micro{font-size:var(--card-micro)}.card-text-emphasis{color:var(--text-primary);font-weight:var(--card-weight-emphasis)}.card-text-muted{color:var(--text-secondary);opacity:.8}.card-text-primary{color:var(--text-primary)}.card-text-secondary{color:var(--text-secondary)}.header-elegant{color:var(--text-primary);font-family:var(--font-family-elegant);font-weight:var(--font-weight-bold);letter-spacing:.02em;line-height:1.2;text-shadow:2px 2px 4px #0000004d}.header-overlay{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;z-index:var(--z-elevate)}.header-overlay-large{font-size:var(--font-size-4xl);opacity:.8}.header-overlay-xl{font-size:var(--font-size-3xl);opacity:.85}.header-overlay-lg{font-size:var(--font-size-2xl);opacity:.9}.header-modern{color:var(--text-primary);font-family:var(--font-family-modern);font-weight:var(--font-weight-medium);letter-spacing:.01em;line-height:1.3;text-shadow:1px 1px 2px #0003}.header-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));-webkit-background-clip:text;background-clip:text}.light-theme .header-elegant,.light-theme .header-modern{text-shadow:1px 1px 2px #0000001a}.light-theme .header-overlay-large{opacity:.7}.light-theme .header-overlay-xl{opacity:.75}.light-theme .header-overlay-lg{opacity:.8}.m-0{margin:0}.p-0{padding:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.connection-card__connect-btn{background:var(--color-golden);border:none;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.connection-card__connect-btn:hover{filter:brightness(1.2);transform:translateY(-1px)}.connection-card__connect-btn:active{transform:translateY(0)}svg .tree-node-box.d3-action-pending{fill:var(--bg-secondary)!important;fill:var(--action-status-pending-bg)!important;stroke:var(--border-color)!important;stroke:var(--action-status-pending-hover)!important;stroke-width:1.5px!important}svg .tree-node-box.d3-action-active{fill:#4a6b2a!important;fill:var(--action-status-active-bg)!important;stroke:#7cb518!important;stroke:var(--action-status-active-hover)!important;stroke-width:1.5px!important}svg .tree-node-box.d3-action-in-progress{fill:var(--bg-primary)!important;fill:var(--action-status-in-progress-bg)!important;stroke:var(--accent-green)!important;stroke:var(--action-status-in-progress-border)!important;stroke-width:2px!important}svg .tree-node-box.d3-action-complete{fill:var(--accent-green)!important;fill:var(--action-status-complete)!important;stroke:#7cb518!important;stroke:var(--action-status-complete-hover)!important;stroke-width:1.5px!important}*{scrollbar-color:var(--border-color) var(--bg-primary);scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));border-radius:var(--border-radius-sm);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-green),var(--accent-blue))}::-webkit-scrollbar-corner{background:var(--bg-primary)}.light-theme ::-webkit-scrollbar-corner,.light-theme ::-webkit-scrollbar-track{background:var(--bg-secondary)}.component-container{display:flex;flex-direction:column;height:100%;position:relative}.component-content{animation:componentFadeIn .5s ease-in-out;border-left:4px solid var(--accent-green);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);margin:var(--spacing-md);padding:var(--spacing-lg);position:relative}.component-content:before{background:#00000073;background:var(--overlay-bg);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.component-content--golden-border{border-left-color:var(--color-golden)}.component-content--blue-border{border-left-color:var(--accent-blue)}.light-theme .component-content{border-left-color:#67930a;border-left-color:var(--light-accent-green)}.light-theme .component-content--golden-border{border-left-color:var(--color-golden)}.light-theme .component-content--blue-border{border-left-color:#0097c4;border-left-color:var(--light-accent-blue)}.light-theme .component-content:before{background:#fff9}@keyframes componentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-message{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;min-height:200px;padding:var(--spacing-lg)}#root,.app,body,html{height:100%}@media (min-width:1600px){:root{--spacing-xs:0.375rem;--spacing-sm:0.75rem;--spacing-md:1.25rem;--spacing-lg:1.875rem;--spacing-xl:2.5rem;--spacing-2xl:3.75rem;--spacing-3xl:5rem;--font-size-xs:0.8125rem;--font-size-sm:0.9375rem;--font-size-md:1.0625rem;--font-size-lg:1.1875rem;--font-size-xl:1.3125rem;--font-size-2xl:1.625rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem}}@media (min-width:1920px){:root{--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2.25rem;--spacing-xl:3rem;--spacing-2xl:4.5rem;--spacing-3xl:6rem;--font-size-xs:0.875rem;--font-size-sm:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--font-size-3xl:2.25rem;--font-size-4xl:2.75rem}}@media (min-width:2560px){:root{--spacing-xs:0.625rem;--spacing-sm:1.25rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:4rem;--spacing-2xl:6rem;--spacing-3xl:8rem;--font-size-xs:1rem;--font-size-sm:1.125rem;--font-size-md:1.25rem;--font-size-lg:1.375rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3.25rem}}.vision-board{background-color:var(--bg-primary);display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.universal-card.vision-card-with-tasks{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;flex-shrink:0;min-height:400px;min-width:380px;transition:all var(--transition-fast);width:380px}.universal-card.vision-card-with-tasks:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.vision-card-header{height:140px;padding:var(--spacing-lg)}.task-list-header h4{font-size:.875rem;font-weight:500}.vision-board{flex:1 1;min-height:0}.component-container.vision-board,.vision-board{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.component-container.vision-board{background-color:var(--background-color);border-radius:var(--border-radius-md);color:var(--text-color);margin-bottom:var(--spacing-md);max-width:100%;min-height:100vh;min-height:100dvh;min-width:100%;position:relative;scrollbar-width:auto;width:100%}.component-container.vision-board::-webkit-scrollbar{height:12px;width:12px}.component-container.vision-board::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:6px}.component-container.vision-board::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));border-radius:6px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.component-container.vision-board::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-green),var(--accent-blue))}.component-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;position:relative}.component-header-content{align-items:center;display:flex;gap:var(--spacing-md);width:100%}.component-title{color:var(--text-primary);flex-shrink:0;font-size:1.5rem;font-weight:600;margin:0}.add-vision-inline-button{align-items:center;background:var(--text-secondary);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-normal);white-space:nowrap}.add-vision-inline-button:hover{background:var(--accent-green);box-shadow:var(--shadow-md);filter:brightness(1.1);transform:translateY(-1px)}.add-vision-inline-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.add-vision-inline-button .add-icon{filter:brightness(0) saturate(100%) invert(100%);height:16px;width:16px}.component-content{padding:var(--spacing-md)}.section-headers{align-items:center;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-sm);padding:0 var(--spacing-sm)}.section-header{width:100%}.tasks-section-header{flex:0 0 420px}.section-title-with-buttons{align-items:center;display:flex;gap:var(--spacing-md)}.section-title{flex-shrink:0;font-size:1.25rem;margin:0;text-align:left}.section-header-buttons{align-items:center;display:flex;gap:var(--spacing-sm)}.tree-generate-button{align-items:center;background:var(--accent-green);border:none;border-radius:var(--border-radius-sm);color:var(--bg-primary);cursor:pointer;display:flex;flex-shrink:0;gap:var(--spacing-xs);height:32px;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);position:relative;transform-origin:center center;transition:all var(--transition-fast);white-space:nowrap;width:auto}.tree-generate-button:hover:not(:disabled){background:#fff;color:var(--accent-green);transform:scale(1.1)}.tree-generate-button:active:not(:disabled){transform:scale(.95)}.tree-generate-button:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;transform:none}.tree-generate-button.loading{animation:tree-generate-pulse 1.5s infinite;background:var(--accent-green);color:var(--bg-primary);transform:none}@keyframes tree-generate-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.tree-generate-button svg{height:16px;transition:transform .2s ease;width:16px}.tree-generate-button .button-text{font-size:.875rem;font-weight:500}.tree-generate-button .spinner-mini,.tree-generate-button.loading svg{animation:tree-generate-icon-spin 1s linear infinite}.tree-generate-button .spinner-mini{border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--bg-primary);height:16px;width:16px}@keyframes tree-generate-icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vision-board-content{flex-direction:column;gap:var(--spacing-lg);max-width:100%;padding:var(--spacing-sm) 0;width:100%}.vision-board .tasks-column,.vision-board-content{display:flex;min-height:max-content;overflow:visible}.vision-board .tasks-column{background:var(--bg-secondary);border-radius:var(--border-radius-md);flex:0 0 420px;flex-direction:column;margin-right:var(--spacing-md);padding:var(--spacing-md)}.vision-board .tasks-column .drag-list-header{display:none!important}.vision-board .tasks-column .drag-list{background:#0000!important;border:none!important;box-shadow:none!important;max-width:400px!important;width:100%!important}.vision-board .tasks-column .drag-list-content{padding:0!important;width:100%!important}.vision-board .tasks-section{display:flex;flex-direction:column}.vision-board .tasks-section-title{color:var(--text-primary);flex-shrink:0;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-snug);margin:0 0 var(--spacing-sm) 0;padding:var(--spacing-xs) 0}.vision-board .action-list{background:#0000;border:none;margin:0;padding:0}.vision-board .universal-card.has-sidebar{margin-bottom:var(--spacing-xs)}.visions-column{display:flex;flex:1 1;flex-direction:column;min-height:max-content;min-width:0;overflow:visible}.knowledge-trees-header{margin-bottom:var(--spacing-sm);padding:0 var(--spacing-sm);position:relative;width:100%;z-index:1}.knowledge-trees-header .section-title-with-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--spacing-md);justify-content:flex-start;width:100%}.vision-board .vision-carousel{margin-top:0;max-width:100%;min-height:max-content;overflow:visible;position:relative;width:100%;z-index:0}@media (max-width:480px){.knowledge-trees-header{margin-bottom:var(--spacing-xs);padding:0 var(--spacing-xs)}}@media (min-width:481px) and (max-width:768px){.vision-board .vision-carousel{padding:0 var(--spacing-sm)}}.header-buttons{align-items:center;display:flex;gap:var(--spacing-sm)}.header-buttons .action-header-buttons{margin-right:var(--spacing-sm)}@media (min-width:1600px){.vision-card-with-tasks{min-width:420px;width:420px}.vision-board .tasks-column{flex:0 0 480px;margin-right:var(--spacing-lg);padding:var(--spacing-lg)}.vision-board-content{gap:var(--spacing-xl)}.vision-board .tasks-column .drag-list{max-width:460px!important}}@media (min-width:1920px){.vision-card-with-tasks{min-width:460px;width:460px}.vision-board .tasks-column{flex:0 0 520px;margin-right:var(--spacing-xl);padding:var(--spacing-xl)}.vision-board .tasks-column .drag-list{max-width:500px!important}.vision-board-content{gap:var(--spacing-2xl)}}@media (min-width:2560px){.vision-card-with-tasks{min-height:450px;min-width:520px;width:520px}.vision-board .tasks-column{flex:0 0 600px;margin-right:var(--spacing-2xl);padding:var(--spacing-2xl)}.vision-board .tasks-column .drag-list{max-width:580px!important}.section-title{font-size:1.375rem}.component-title{font-size:1.75rem}}@media (max-width:1400px){.vision-board-content{gap:var(--spacing-md);padding:var(--spacing-xs) 0}.vision-card-with-tasks{min-width:340px;width:340px}.vision-board .tasks-column{flex:0 0 360px;margin-right:var(--spacing-sm);padding:var(--spacing-sm)}}@media (max-width:1200px){.vision-card-with-tasks{min-width:320px;width:320px}.vision-board .tasks-column{flex:0 0 340px}.vision-board{overflow-x:hidden}.component-container.vision-board{overflow-x:hidden;padding-right:var(--spacing-sm)}}@media (max-width:1024px){.vision-board-content{gap:var(--spacing-md);padding:var(--spacing-xs) 0}.vision-board .visions-grid{padding-bottom:var(--spacing-md)}.component-container.vision-board{overflow-x:hidden;width:100%}}@media (max-width:768px){.header-buttons{flex-direction:column;gap:var(--spacing-xs)}.header-buttons .action-header-buttons{margin-bottom:var(--spacing-xs);margin-right:0}.vision-card-with-tasks{min-width:300px;width:300px}.section-headers{align-items:stretch;flex-direction:column;gap:var(--spacing-sm);padding:0 var(--spacing-sm)}.tasks-section-header,.visions-section-header{flex:1 1 auto}.section-title-with-buttons{flex-wrap:nowrap;gap:var(--spacing-sm);justify-content:space-between}.section-title{flex-shrink:1;margin-right:auto;min-width:0}.tree-generate-button{flex-shrink:0}}@media (max-width:480px){.vision-card-with-tasks{max-width:320px;min-width:280px;width:calc(100vw - 40px)}.vision-board .tasks-column{padding:var(--spacing-xs)}.vision-board .tasks-column .drag-list{max-width:100%!important}.section-title{font-size:1.1rem}.tree-generate-button .button-text{display:none}.tree-generate-button{height:36px;min-width:36px;padding:var(--spacing-xs);width:36px}.knowledge-trees-header .section-title-with-buttons{gap:var(--spacing-sm);justify-content:flex-start}}.empty-visions-placeholder{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:200px;padding:var(--spacing-lg);width:100%}.placeholder-content{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);gap:var(--spacing-md);justify-content:center;max-width:300px;padding:var(--spacing-xl);text-align:center;transition:all var(--transition-fast)}.placeholder-content.bg-primary{background-color:var(--bg-primary);border:2px dashed var(--border-color)}.placeholder-content:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.placeholder-content svg{color:var(--text-secondary);height:48px;opacity:.7;width:48px}.placeholder-content p{color:var(--text-secondary);font-size:1rem;font-weight:500;line-height:1.4;margin:0}.progress-bar-wrapper{align-items:center;display:flex;gap:var(--spacing-xs);width:100%}.progress-bar-track{background:#0000004d;border-radius:999px;box-shadow:inset 0 1px 2px #0000001a;flex:1 1;height:100%;overflow:hidden;position:relative}.progress-bar-fill{background:linear-gradient(90deg,var(--accent-green),#4ade80);border-radius:999px;min-width:2px;position:relative;transform-origin:left center;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-bar-fill:after{background:linear-gradient(180deg,#fff3,#0000);border-radius:999px;content:"";height:50%;left:0;position:absolute;right:0;top:0}.progress-bar-text{color:var(--text-secondary);font-size:.75rem;font-weight:600;min-width:32px;text-align:right;white-space:nowrap}@media (prefers-color-scheme:dark){.progress-bar-track{background:#ffffff1a}}.progress-bar-fill.completed{animation:completion-pulse .6s ease-in-out}@keyframes completion-pulse{0%{transform:scaleY(1)}50%{transform:scaleY(1.3)}to{transform:scaleY(1)}}.progress-bar-wrapper.small{height:4px}.progress-bar-wrapper.medium{height:6px}.progress-bar-wrapper.large{height:8px}.vision-card-with-tasks{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:clamp(420px,62vh,560px);max-height:560px;max-width:400px;min-height:420px;min-width:320px;overflow:hidden;transition:all var(--transition-medium);width:380px;width:var(--card-width,380px)}.vision-card-with-tasks:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.vision-card-header{background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;flex:0 0 auto;height:70px;overflow:hidden;padding:var(--spacing-sm);position:relative;transition:background-color var(--transition-fast);width:100%}.vision-card-header:before{background:var(--bg-primary);bottom:0;content:"";left:0;opacity:.75;position:absolute;right:0;top:0;transition:all var(--transition-fast);z-index:1}.vision-card-header:hover:before{opacity:.7}.vision-card-header.has-color-overlay:before{background:var(--bg-primary);background:var(--header-overlay-color,var(--bg-primary));opacity:.75;opacity:var(--header-overlay-opacity,.75)}.vision-card-header.has-color-overlay:hover:before{opacity:.65;opacity:calc(var(--header-overlay-opacity, .75) - .1)}.vision-card-header:after{background:#ffffff1a;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.vision-card-header .card-image{display:none}.vision-card-header .card-body{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;padding:0;position:relative;z-index:2}.heading-with-status{align-items:flex-start;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);width:100%}.vision-heading{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;flex:1 1;font-family:var(--font-sans);font-size:var(--card-body);font-weight:var(--card-weight-display);-webkit-hyphens:auto;hyphens:auto;letter-spacing:var(--letter-spacing-tight);line-height:var(--card-line-height-tight);margin:0;max-height:1.8em;overflow:hidden;overflow-wrap:break-word;position:relative;text-shadow:0 1px 3px #0000004d;z-index:3}.progress-section{align-items:center;display:flex;gap:6px;width:100%}.vision-card-header .status-dot{border-radius:50%;flex-shrink:0;height:8px;position:static;width:8px;z-index:3}.status-planning{background:#f39c12;background:var(--status-planning,#f39c12)}.status-in-progress{background:#3498db;background:var(--status-in-progress,#3498db)}.status-complete{background:#27ae60;background:var(--status-complete,#27ae60)}.vision-card-header .card-menu-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;padding:3px;position:absolute;right:8px;top:8px;transition:background-color var(--transition-fast);width:20px;z-index:3}.vision-card-header .card-menu-btn:hover{background:#fff}.vision-task-list{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:0 var(--spacing-sm) var(--spacing-sm)}.task-list-header{border-bottom:1px solid var(--border-color);flex-shrink:0;margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) 0}.task-list-header h4{color:var(--text-secondary);font-size:var(--card-caption);font-weight:var(--card-weight-emphasis);margin:0}.vision-task-list-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);max-height:100%;max-width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-xs);scroll-behavior:smooth}.vision-task-list-container::-webkit-scrollbar{width:6px}.vision-task-list-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.vision-task-list-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;-webkit-transition:background-color var(--transition-fast);transition:background-color var(--transition-fast)}.vision-task-list-container::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.vision-task-list-container .universal-card{box-sizing:border-box;max-width:100%;width:100%}.vision-task-list-container .empty-tasks-message{background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:.875rem;font-style:italic;padding:var(--spacing-md);text-align:center}.branch-task-group{margin-bottom:var(--spacing-sm)}.branch-header{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.branch-header:hover{background:var(--bg-tertiary)}.branch-toggle-icon{align-items:center;color:var(--text-secondary);display:flex;transition:transform var(--transition-fast)}.branch-name{font-size:var(--card-caption);font-weight:var(--card-weight-heading)}.branch-task-count{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:var(--card-micro);padding:2px 6px}.branch-tasks{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-left:var(--spacing-md)}.branch-task-card{position:relative}.unsorted-tasks{margin-bottom:var(--spacing-sm)}.unsorted-header{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.unsorted-title{color:var(--text-secondary);font-size:var(--card-caption);font-style:italic;font-weight:var(--card-weight-heading)}.unsorted-task-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}@media (max-width:1024px){.vision-card-with-tasks{height:clamp(380px,58vh,500px);max-height:500px;max-width:360px;min-height:380px;min-width:300px}}@media (max-width:768px){.vision-card-with-tasks{height:clamp(340px,53vh,450px);max-height:450px;max-width:340px;min-height:340px;min-width:280px}.vision-card-header{height:60px}.vision-task-list-container{gap:var(--spacing-xs);padding:var(--spacing-xs)}}@media (max-width:480px){.vision-card-with-tasks{height:clamp(320px,48vh,390px);max-height:390px;max-width:320px;min-height:320px;min-width:260px}.vision-card-header{height:50px}}.vision-carousel{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:clamp(600px,80vh,800px);min-height:580px;position:relative;width:100%}.vision-carousel-container{flex:1 1;max-height:calc(100% - 50px);min-height:560px;overflow:hidden}.vision-carousel-container,.vision-carousel-track{align-items:center;display:flex;justify-content:center;position:relative}.vision-carousel-track{height:100%;pointer-events:none;width:100%}.vision-carousel-track>*{pointer-events:auto}.vision-carousel-item{height:auto;left:50%;max-height:inherit;position:absolute;top:50%;transform-origin:center center;transform-style:preserve-3d;will-change:transform,opacity}.vision-carousel-controls{flex-shrink:0;gap:var(--spacing-sm);min-height:40px;padding:var(--spacing-xs)}.carousel-arrow,.vision-carousel-controls{align-items:center;display:flex;justify-content:center}.carousel-arrow{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;height:40px;transition:all var(--transition-fast);width:40px}.carousel-arrow:hover:not(.disabled){background:var(--accent-blue);border-color:var(--accent-blue);color:var(--bg-primary);transform:scale(1.1)}.carousel-arrow:active:not(.disabled){transform:scale(.95)}.carousel-arrow.disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;opacity:.5}.carousel-arrow svg{height:20px;width:20px}.vision-carousel .pagination-dots{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xs)}.vision-carousel .pagination-dot{appearance:none;-webkit-appearance:none;background:#0000;border:1px solid var(--text-secondary);border-radius:50%;box-sizing:border-box;cursor:pointer;flex-shrink:0;height:12px;margin:0;min-height:12px;min-width:12px;outline:none;padding:0;transition:all var(--transition-fast);width:12px}.vision-carousel .pagination-dot.active{background:var(--text-primary);border-color:var(--text-primary)}.vision-carousel .pagination-dot:hover:not(.active){background:rgba(var(--text-primary-rgb),.2);border-color:var(--text-primary);transform:scale(1.1)}.vision-carousel-empty,.vision-carousel-empty .empty-visions-placeholder{align-items:center;display:flex;justify-content:center;min-height:200px;padding:var(--spacing-lg);width:100%}.vision-carousel-empty .empty-visions-placeholder{cursor:pointer}.vision-carousel-empty .placeholder-content{align-items:center;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;max-width:300px;padding:var(--spacing-xl);text-align:center;transition:all var(--transition-fast)}.vision-carousel-empty .placeholder-content.bg-primary{background-color:var(--bg-primary);border:2px dashed var(--border-color)}.vision-carousel-empty .placeholder-content:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.vision-carousel-empty .placeholder-content svg{color:var(--text-secondary);height:48px;opacity:.7;width:48px}.vision-carousel-empty .placeholder-content p{color:var(--text-secondary);font-size:1rem;font-weight:500;line-height:1.4;margin:0}@media (max-width:1024px){.vision-carousel{max-height:clamp(520px,75vh,700px);min-height:500px}.vision-carousel-container{min-height:480px}.vision-carousel-controls{gap:var(--spacing-sm);min-height:36px;padding:var(--spacing-xs)}.carousel-arrow{height:36px;width:36px}.carousel-arrow svg{height:18px;width:18px}}@media (max-width:768px){.vision-carousel{max-height:clamp(480px,70vh,630px);min-height:460px}.vision-carousel-container{min-height:440px}.vision-carousel-controls{gap:var(--spacing-xs);min-height:36px;padding:var(--spacing-xs)}.carousel-arrow{height:32px;width:32px}.carousel-arrow svg{height:16px;width:16px}.vision-carousel .pagination-dot{height:10px;min-height:10px;min-width:10px;width:10px}}@media (max-width:480px){.vision-carousel{max-height:clamp(420px,65vh,550px);min-height:400px}.vision-carousel-container{min-height:380px}.vision-carousel .pagination-dots{gap:var(--spacing-xs)}.carousel-arrow{height:28px;width:28px}.vision-carousel-controls{min-height:32px}}@media (hover:none) and (pointer:coarse){.carousel-arrow{min-height:44px;min-width:44px}.vision-carousel .pagination-dot{height:16px;min-height:16px;min-width:16px;width:16px}.vision-carousel-item{touch-action:manipulation}}@media (prefers-reduced-motion:reduce){.vision-carousel-item{transition:none!important}.carousel-arrow,.vision-carousel .pagination-dot{transition:none}.vision-carousel .pagination-dot:hover{transform:none}}.vision-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:var(--z-modal)}.vision-overlay-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-height:90dvh;max-width:900px;overflow-y:auto;position:relative;width:100%}.vision-overlay-content .close-overlay-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;min-height:44px;min-height:var(--touch-target-min,44px);min-width:44px;min-width:var(--touch-target-min,44px);position:absolute;right:15px;top:15px;transition:background .2s ease;z-index:1}.vision-overlay-content .close-overlay-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.vision-overlay-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);position:relative}.vision-overlay-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.editable-title{gap:var(--spacing-sm)}.edit-button,.editable-title{align-items:center;display:flex}.edit-button{background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;height:24px;justify-content:center;opacity:0;padding:4px;transition:all .2s ease;width:24px}.edit-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.editable-title:hover .edit-button,.info-item h4:hover .edit-button,.vision-overlay-description h4:hover .edit-button,.vision-overlay-progress h4:hover .edit-button,.vision-overlay-section h4:hover .edit-button{opacity:1}.vision-overlay-body{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg)}.overlay-left-column{flex:1 1;max-width:33.333%}.overlay-right-column{flex:2 1;max-width:66.666%}.overlay-image-container{align-items:center;background-color:var(--bg-tertiary);border-radius:var(--border-radius-md);display:flex;height:auto;justify-content:center;margin-bottom:var(--spacing-md);max-width:100%;overflow:hidden;position:relative}.overlay-image-container.clickable-image{cursor:pointer;transition:all .2s ease}.overlay-image-container.clickable-image:hover{box-shadow:var(--shadow-md);transform:scale(1.02)}.overlay-image-container.clickable-image:hover .image-edit-overlay{opacity:1}.image-edit-overlay{align-items:center;background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;display:flex;font-size:.9rem;gap:var(--spacing-xs);left:0;opacity:0;padding:var(--spacing-sm);position:absolute;right:0;transition:opacity .2s ease}.overlay-image{border-radius:var(--border-radius-md);max-height:300px;max-width:100%;object-fit:contain}.vision-overlay-description{margin-bottom:var(--spacing-lg)}.info-item h4,.vision-overlay-description h4,.vision-overlay-progress h4,.vision-overlay-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;gap:var(--spacing-sm);margin:0 0 var(--spacing-sm)}.vision-overlay-description p{color:var(--text-primary);font-size:.95rem;line-height:1.6;margin:0;white-space:pre-wrap}.overlay-info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(1,1fr);margin-bottom:var(--spacing-lg)}.info-item{position:relative}.info-item h4{color:var(--text-secondary);font-size:.9rem}.info-item p{color:var(--text-primary);font-size:1rem;margin:0}.vision-overlay-progress{margin-bottom:var(--spacing-md)}.vision-overlay-progress .progress-bar-container{height:8px}.progress-text{margin-top:var(--spacing-xs)}.vision-overlay-section{margin-bottom:var(--spacing-lg)}.button-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag-button{background-color:#ffffff1a;border:none;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s ease}.tag-button:hover{background-color:#fff3}.header-style-preview{align-items:center;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.color-preview{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:0 1px 2px #0000001a;height:20px;width:20px}.image-preview{color:var(--text-secondary);font-size:16px}.no-style{color:var(--text-tertiary);font-size:.9rem;font-style:italic}.action-item-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-sm);transition:all var(--transition-fast)}.action-item-card:hover{background:var(--bg-hover);box-shadow:var(--shadow-sm)}.action-item-card .card-content h5{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 var(--spacing-xs)}.action-item-card .card-content p{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0 0 var(--spacing-xs)}.action-item-meta{align-items:center;color:var(--text-tertiary);display:flex;font-size:.75rem;justify-content:space-between}.importance-indicator{border-radius:12px;font-size:.7rem;font-weight:500;padding:2px 6px}.importance-0,.importance-1{background:#e8f5e8;color:#2e7d32}.importance-2{background:#fff3e0;color:#ef6c00}.importance-3,.importance-4,.importance-5{background:#ffebee;color:#c62828}.target-date{font-style:italic}.card-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-xs)}.card-delete-btn{background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;transition:opacity var(--transition-fast)}.card-delete-btn:hover{opacity:1}@media (max-width:768px){.vision-overlay-body{flex-direction:column}.overlay-left-column,.overlay-right-column{flex:1 1;max-width:100%}.overlay-image-container{height:250px}.overlay-info-grid{grid-template-columns:repeat(2,1fr)}}body.overlay-open{overflow:hidden}.section-header{margin-bottom:var(--spacing-md)}.section-header>div{color:var(--text-primary);font-size:1.1rem;font-weight:600}.overlay-details-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.overlay-detail-row{align-items:flex-start;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color-light,#ffffff1a);display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.overlay-detail-row:last-child{border-bottom:none}.overlay-detail-label{color:var(--text-secondary);flex:0 0 140px;font-size:.9rem;font-weight:500;padding-top:2px}.overlay-detail-field{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm);position:relative}.detail-content{color:var(--text-primary);flex:1 1;font-size:1rem;line-height:1.4;word-break:break-word}.progress-container{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.progress-bar-container{background-color:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,var(--accent-green),var(--accent-blue));border-radius:4px;height:100%;transition:width .3s ease}.overlay-detail-field .edit-button{opacity:0;position:static;transition:opacity .2s ease}.overlay-detail-row:hover .edit-button{opacity:1}.metadata-tags{display:flex;flex:1 1;flex-wrap:wrap;gap:var(--spacing-xs)}.metadata-tag{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.85rem;padding:4px 8px;white-space:nowrap}.edit-modal{z-index:11000;z-index:var(--z-modal,11000)}.edit-modal-header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.edit-modal-footer{flex-direction:column;gap:10px;gap:var(--spacing-sm,10px)}.edit-modal-footer-content{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.form-group{margin-bottom:16px}.form-group label{color:var(--text-primary);display:block;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #4a9eff33}.note{background:var(--bg-secondary);border-left:3px solid var(--accent-blue);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:12px;font-style:italic;margin-top:var(--spacing-md);padding:var(--spacing-sm)}.tree-cost-display{color:var(--text-primary);font-family:var(--font-sans);font-size:14px;font-size:var(--font-size-sm,14px)}.tree-cost-display strong{color:var(--text-primary);font-weight:700;font-weight:var(--font-weight-bold,700)}.tree-cost-warning{align-items:center;background:#f926721a;border-left:3px solid var(--accent-red);border-radius:4px;border-radius:var(--border-radius-sm,4px);display:flex;font-family:var(--font-sans);font-size:12px;font-size:var(--font-size-xs,12px);gap:6px;gap:var(--spacing-xs,6px);line-height:1.4;margin-top:6px;margin-top:var(--spacing-xs,6px);padding:10px;padding:var(--spacing-sm,10px)}.tree-cost-warning,.tree-cost-warning svg{color:var(--accent-red)}.light-theme .tree-cost-warning{background:#a05d5d1a;border-left-color:var(--accent-burgundy);color:var(--accent-burgundy)}.light-theme .tree-cost-warning svg{color:var(--accent-burgundy)}.edit-modal-footer-actions{display:flex;gap:10px;gap:var(--spacing-sm,10px);justify-content:flex-end}.edit-modal .close-overlay-button{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:44px;min-height:var(--touch-target-min,44px);min-width:44px;min-width:var(--touch-target-min,44px);padding:6px;padding:var(--spacing-xs,6px);transition:all .2s ease}.edit-modal .close-overlay-button:hover{background:var(--bg-hover);color:var(--text-primary)}.edit-modal .close-overlay-button svg{height:20px;width:20px}@media (max-width:600px){.edit-modal{align-items:center;justify-content:center;padding:16px;padding:var(--spacing-md,16px);padding-bottom:max(80px,env(safe-area-inset-bottom,0px));padding-top:max(16px,env(safe-area-inset-top,0px));padding-top:max(var(--spacing-md,16px),env(safe-area-inset-top,0px))}.edit-modal-content{border-radius:var(--border-radius-md);max-height:calc(90vh - 96px);max-height:calc(90dvh - 96px);max-width:100%;width:100%}.edit-modal-header{padding:var(--spacing-md);padding-bottom:var(--spacing-sm)}.edit-modal-body{padding:0 var(--spacing-md)}.edit-modal-footer{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.edit-modal-footer-content{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.tree-cost-display{width:100%}@media (max-width:375px){.edit-modal-footer-actions{flex-direction:column;width:100%}.edit-modal-footer-actions button{width:100%}}}@media (prefers-reduced-motion:reduce){.edit-modal,.edit-modal-content{animation:none}.delete-vision-button,.edit-modal .close-overlay-button,.edit-vision-button{transition:none}}@media (prefers-contrast:high){.edit-modal-content{border:2px solid var(--border-color)}.edit-modal-footer,.edit-modal-header{border-width:2px}.edit-modal .close-overlay-button{outline:1px solid var(--text-secondary)}}.guided-tree-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.guided-intro{background:var(--bg-secondary);border-left:3px solid var(--accent-green);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.guided-intro-text{color:var(--text-primary);font-size:var(--font-size-md);line-height:1.5;margin:0}.guided-intro-text strong{color:var(--accent-green);font-weight:var(--font-weight-semibold)}.guided-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.guided-form-group label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;opacity:.8;text-transform:uppercase}.guided-form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.guided-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:default;font-family:inherit;font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.guided-input:focus{border-color:var(--accent-green);box-shadow:0 0 0 2px #a6e22e1a;outline:none}.guided-input:disabled,.guided-input:read-only{background:var(--bg-secondary);cursor:default;opacity:.85}textarea.guided-input{line-height:1.5;min-height:80px;resize:vertical}select.guided-input{cursor:default}.guided-ready-message{align-items:center;background:var(--bg-secondary);border:1px solid var(--accent-green);border-radius:var(--border-radius-md);color:var(--accent-green);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-md)}.guided-ready-message svg{color:var(--accent-green);flex-shrink:0}.light-theme .guided-intro{background:var(--bg-secondary);border-left-color:var(--accent-green)}.light-theme .guided-intro-text strong{color:var(--accent-green)}.light-theme .guided-input{background:var(--bg-secondary);border-color:var(--border-color)}.light-theme .guided-input:disabled,.light-theme .guided-input:read-only{background:var(--bg-tertiary)}.light-theme .guided-input:focus{border-color:var(--accent-green);box-shadow:0 0 0 2px #8b9a7f1a}.light-theme .guided-ready-message{background:var(--bg-secondary);border-color:var(--accent-green);color:var(--accent-green)}@media (max-width:768px){.guided-form-row{grid-template-columns:1fr}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.guided-ready-message{animation:fadeSlideIn .4s ease-out}.loading-transition{--primary-color:var(--tree-green);--primary-color-rgb:16,185,129;align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;font-family:var(--font-sans);inset:0;justify-content:center;position:fixed;z-index:2000}.loading-transition .loading-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xl);text-align:center}.loading-transition .loading-spinner{animation:cosmic-spin 2s linear infinite,tree-glow 3s ease-in-out infinite,tree-pulse 4s ease-in-out infinite;border:4px solid var(--tree-green);border-bottom-color:var(--overlay-border-subtle);border-radius:50%;box-shadow:0 0 20px rgba(var(--primary-color-rgb),.4),0 0 40px rgba(var(--primary-color-rgb),.2),inset 0 0 20px var(--overlay-subtle);height:80px;position:relative;width:80px}.loading-transition .loading-spinner:before{animation:cosmic-spin 1.5s linear infinite reverse;border:2px solid #0000;border-radius:50%;border-right:2px solid rgba(var(--primary-color-rgb),.3);border-top:2px solid var(--overlay-medium);bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.loading-transition .loading-spinner:after{animation:tree-center-pulse 2s ease-in-out infinite;background:radial-gradient(circle,var(--text-primary) 0,#0000 70%);border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}@keyframes cosmic-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes tree-glow{0%,to{box-shadow:0 0 20px rgba(var(--primary-color-rgb),.4),0 0 40px rgba(var(--primary-color-rgb),.2),inset 0 0 20px var(--overlay-subtle)}50%{box-shadow:0 0 30px rgba(var(--primary-color-rgb),.6),0 0 60px rgba(var(--primary-color-rgb),.3),inset 0 0 30px var(--overlay-light)}}@keyframes tree-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes tree-center-pulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.loading-transition .loading-steps{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--overlay-subtle);border:1px solid var(--overlay-border-subtle);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);width:300px}.loading-transition .loading-step{align-items:center;color:var(--text-secondary);display:flex;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);position:relative;text-shadow:var(--shadow-sm);transition:var(--transition-medium)}.loading-transition .loading-step.active{color:var(--text-primary);font-weight:var(--font-weight-medium);text-shadow:0 0 8px rgba(var(--primary-color-rgb),.3),var(--shadow-sm)}.loading-transition .loading-step:before{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:18px;margin-right:var(--spacing-xs);width:18px}.loading-transition .loading-step.active:before{border-color:var(--tree-green);box-shadow:0 0 8px rgba(var(--primary-color-rgb),.3)}.loading-transition .loading-step.completed:before{align-items:center;background:var(--tree-green);border-color:var(--tree-green);color:var(--bg-primary);content:"\2713";display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);justify-content:center}.loading-transition .check-mark{display:none}.loading-transition .progress-bar{background:rgba(var(--primary-color-rgb),.15);border-radius:var(--border-radius-sm);flex:1 1;height:6px;margin-left:var(--spacing-sm);overflow:hidden}.loading-transition .progress-fill{animation:tree-progress-pulse 2s ease-in-out infinite;background:var(--tree-green);height:100%;width:0}@keyframes tree-progress-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.loading-error{align-items:center;background:var(--bg-danger-overlay);border:1px solid var(--accent-red);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-md)}.error-icon,.error-message{color:var(--accent-red)}.error-message{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.page-loading-container{align-items:center;background:var(--overlay-bg);display:flex;font-family:var(--font-sans);height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-fixed)}.page-loading-content{color:var(--text-primary);text-align:center}.page-loading-spinner{animation:page-spin 1s linear infinite;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--tree-green);height:32px;margin:0 auto var(--spacing-md) auto;width:32px}.page-loading-message{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);opacity:.8}@keyframes page-spin{to{transform:rotate(1turn)}}.tree-icon-header{align-items:center;display:flex;justify-content:center;margin-bottom:var(--spacing-md);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.tree-icon-header.loading svg path{fill:var(--text-secondary);opacity:.5;transition:fill var(--transition-medium),opacity var(--transition-medium)}.tree-icon-header.success{margin-bottom:var(--spacing-lg);transform:scale(1.2)}.tree-icon-header.success svg path{fill:var(--tree-green);animation:tree-icon-success-glow 2s ease-in-out infinite;filter:drop-shadow(0 0 20px var(--tree-green))}@keyframes tree-icon-success-glow{0%,to{filter:drop-shadow(0 0 20px var(--tree-green))}50%{filter:drop-shadow(0 0 30px var(--tree-green))}}.tree-success-wrapper{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.tree-success-text{animation:tree-success-fade-in-up .6s ease-out;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}@keyframes tree-success-fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.recommendations-icon-header{align-items:center;animation:wand-float 3s ease-in-out infinite;display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.recommendations-icon-header svg{animation:wand-glow 2s ease-in-out infinite;color:var(--accent-blue-solid);filter:drop-shadow(0 0 20px var(--accent-blue-solid))}@keyframes wand-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wand-glow{0%,to{filter:drop-shadow(0 0 20px var(--accent-blue-solid))}50%{filter:drop-shadow(0 0 30px var(--accent-blue-solid))}}:root{--analog-gradient-colors:#243258,#222e44,#211a2d,#12093d;--analog-gradient-angle:180deg;--analog-gradient-duration:10s;--analog-noise-opacity:0.08;--analog-noise-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.08'/%3E%3C/svg%3E")}.analog-gradient-bg{height:100vh;inset:0;overflow:hidden;pointer-events:none;position:fixed;width:100vw;z-index:-1}.analog-gradient-bg:before{animation:analogGradientShift 10s ease-in-out infinite;animation:analogGradientShift var(--analog-gradient-duration) ease-in-out infinite;background-image:linear-gradient(180deg,#243258,#222e44,#211a2d,#12093d);background-image:linear-gradient(var(--analog-gradient-angle),var(--analog-gradient-colors));background-size:400% 400%;content:"";filter:brightness(120%) contrast(120%);inset:0;position:absolute}.analog-gradient-bg:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.08'/%3E%3C/svg%3E");background-image:var(--analog-noise-image);background-repeat:no-repeat;background-size:cover;content:"";inset:0;mix-blend-mode:soft-light;opacity:.08;opacity:var(--analog-noise-opacity);pointer-events:none;position:absolute}@keyframes analogGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.light-theme{--analog-gradient-colors:#f9e4cf,#ede0d4,#e3d5ca;--analog-noise-opacity:0.02}:root{--priority-10:red;--priority-9:#f33;--priority-8:#f66;--priority-7:#f99;--priority-6:#fcc;--priority-5:#e6e6e6;--priority-4:#ccf;--priority-3:#99f;--priority-2:#66f;--priority-1:#33f;--importance-10:#ff9500;--importance-9:#fa3;--importance-8:#fb6;--importance-7:#fc9;--importance-6:#ffdccc;--importance-5:#e6e6e6;--importance-4:#ccf2e8;--importance-3:#99e6d1;--importance-2:#66d9ba;--importance-1:#33cca3;--important-urgent:#f76c6c;--important-not-urgent:#4a7dfc;--not-important-urgent:#f96;--not-important-not-urgent:#4caf50}.edit-db-list{display:flex;flex-direction:column;gap:1rem;width:100%}.edit-db-list-header{display:flex;justify-content:flex-end;margin-bottom:.5rem}.add-item-button{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:.25rem;transition:transform .2s,color .2s;width:2rem}.add-item-button:hover{color:var(--accent-color);transform:scale(1.1)}.add-item-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.add-circle-icon{fill:currentColor;height:1.5rem;width:1.5rem}.item-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%}.item-button{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000000d;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;min-height:2.5rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-align:left;text-overflow:ellipsis;transition:all .2s;width:100%}.item-button:hover{border-color:var(--accent-color);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.item-button:focus{outline:2px solid var(--accent-color);outline-offset:2px}.action-button{background-color:var(--bg-primary);border-left-width:4px;padding:.75rem 1rem}.action-name{font-weight:600;margin-bottom:.25rem}.action-meta{color:var(--text-secondary);display:flex;font-size:.75rem;justify-content:space-between}.action-category{background-color:#0000001a;border-radius:1rem;font-size:.7rem;padding:.15rem .4rem}.action-deadline{font-style:italic}.component-button{border-left-width:4px;padding:.75rem 1rem}.component-name{font-weight:600;margin-bottom:.25rem}.component-type{align-self:flex-start;background-color:#0000001a;border-radius:1rem;color:var(--text-secondary);font-size:.75rem;padding:.15rem .4rem}.priority-10{border-left-color:red;border-left-color:var(--priority-10)}.priority-9{border-left-color:#f33;border-left-color:var(--priority-9)}.priority-8{border-left-color:#f66;border-left-color:var(--priority-8)}.priority-7{border-left-color:#f99;border-left-color:var(--priority-7)}.priority-6{border-left-color:#fcc;border-left-color:var(--priority-6)}.priority-5{border-left-color:#e6e6e6;border-left-color:var(--priority-5)}.priority-4{border-left-color:#ccf;border-left-color:var(--priority-4)}.priority-3{border-left-color:#99f;border-left-color:var(--priority-3)}.priority-2{border-left-color:#66f;border-left-color:var(--priority-2)}.priority-1{border-left-color:#33f;border-left-color:var(--priority-1)}.importance-10{border-left-color:#ff9500;border-left-color:var(--importance-10)}.importance-9{border-left-color:#fa3;border-left-color:var(--importance-9)}.importance-8{border-left-color:#fb6;border-left-color:var(--importance-8)}.importance-7{border-left-color:#fc9;border-left-color:var(--importance-7)}.importance-6{border-left-color:#ffdccc;border-left-color:var(--importance-6)}.importance-5{border-left-color:#e6e6e6;border-left-color:var(--importance-5)}.importance-4{border-left-color:#ccf2e8;border-left-color:var(--importance-4)}.importance-3{border-left-color:#99e6d1;border-left-color:var(--importance-3)}.importance-2{border-left-color:#66d9ba;border-left-color:var(--importance-2)}.importance-1{border-left-color:#33cca3;border-left-color:var(--importance-1)}.action-button.completed{opacity:.6;text-decoration:line-through}.edit-item-container{grid-column:1/-1;width:100%}.edit-item-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;width:100%}.edit-item-input:focus{border-color:var(--accent-color);outline:2px solid var(--accent-color)}.item-detail-form{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;gap:1rem;grid-column:1/-1;padding:1.5rem;width:100%}.form-field,.item-detail-form{display:flex;flex-direction:column}.form-field{gap:.5rem}.form-field label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.form-field input,.form-field select{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem}.form-field input:focus,.form-field select:focus{border-color:var(--accent-color);outline:2px solid var(--accent-color)}.checkbox-field{align-items:center;flex-direction:row}.checkbox-field label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-field input[type=checkbox]{cursor:pointer;height:1.2rem;width:1.2rem}.form-actions{gap:1rem;margin-top:1rem}.cancel-button,.save-button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.save-button{background-color:var(--accent-color);color:#fff}.save-button:hover{background-color:#0056b3;background-color:var(--accent-color-dark,#0056b3)}.cancel-button{background-color:initial;border:1px solid var(--border-color);color:var(--text-secondary)}.cancel-button:hover{background-color:var(--border-color)}.empty-items-message{color:var(--text-secondary);font-style:italic;grid-column:1/-1;padding:2rem 0;text-align:center}@media (max-width:768px){.item-grid{grid-template-columns:1fr}.item-detail-form{padding:1rem}.form-actions{flex-direction:column-reverse}.cancel-button,.save-button{text-align:center;width:100%}}@media (max-width:480px){.action-meta{flex-direction:column;gap:.25rem}}.quadrant-0{background-color:#f76c6c0d;border-left:4px solid #f76c6c;border-left:4px solid var(--important-urgent,#f76c6c)}.quadrant-1{background-color:#4a7dfc0d;border-left:4px solid #4a7dfc;border-left:4px solid var(--important-not-urgent,#4a7dfc)}.quadrant-2{background-color:#ff99660d;border-left:4px solid #f96;border-left:4px solid var(--not-important-urgent,#f96)}.quadrant-3{background-color:#4caf500d;border-left:4px solid #4caf50;border-left:4px solid var(--not-important-not-urgent,#4caf50)}.importance-select{background-color:#fff;background-color:var(--bg-secondary,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:4px;color:#000;color:var(--text-primary,#000);padding:8px;width:100%}.field-hint{font-size:.8rem;margin-top:4px}.action-importance,.field-hint{color:#666;color:var(--text-secondary,#666)}.action-importance{background-color:#0000000d;border-radius:10px;font-size:.7rem;margin-left:6px;padding:2px 6px}.edit-modal{align-items:center;animation:fadeIn .3s ease-out;animation:fadeIn var(--transition-normal,.3s) ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:24px;padding:var(--spacing-lg,24px);position:fixed;right:0;top:0;z-index:var(--z-modal)}.edit-modal-content{animation:slideUp .3s ease-out;animation:slideUp var(--transition-normal,.3s) ease-out;background:var(--bg-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:calc(85vh - 48px);max-height:calc(85dvh - 48px);max-width:500px;overflow:hidden;padding:0;width:100%}.edit-modal-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-lg);padding-bottom:var(--spacing-md)}.edit-modal-header h3{color:var(--text-primary);margin:0}.edit-modal-body{-webkit-overflow-scrolling:touch;flex:1 1;margin-bottom:var(--spacing-md);overflow-x:hidden;overflow-y:auto;padding:0 var(--spacing-lg)}.edit-modal-body input,.edit-modal-body select,.edit-modal-body textarea{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;min-height:100px;padding:var(--spacing-sm);resize:vertical;width:100%}.edit-modal-body input,.edit-modal-body select{min-height:auto}.edit-modal-body input:focus,.edit-modal-body select:focus,.edit-modal-body textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #4a9eff33;outline:none}.edit-modal-footer{background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.progress-slider{-webkit-appearance:none;appearance:none;background:var(--bg-quaternary);border-radius:var(--border-radius-sm);height:8px;margin:var(--spacing-md) 0;outline:none;width:100%}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-blue);border-radius:50%;cursor:pointer;height:20px;width:20px}.progress-slider::-moz-range-thumb{background:var(--accent-blue);border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.progress-text{color:var(--text-secondary);font-size:.9rem;margin:var(--spacing-sm) 0;text-align:center}.toggle-switch{align-items:center;display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.switch{display:inline-block;height:20px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--bg-quaternary);border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;width:16px}input:checked+.slider{background-color:var(--accent-blue)}input:checked+.slider:before{transform:translateX(20px)}.action-items-container{max-height:400px;overflow-y:auto}.action-items-list{padding:var(--spacing-sm)}.edit-modal-content:has(.action-items-container){max-width:700px}.edit-vision-button{background:var(--tree-green);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:.9rem;font-weight:600;padding:8px 16px;transition:background .2s ease}.edit-vision-button:hover{background:var(--accent-blue);opacity:.9}.delete-vision-button{background:#0000;border:1px solid var(--accent-red);border-radius:var(--border-radius-sm);color:var(--accent-red);cursor:pointer;font-family:var(--font-sans);font-size:.9rem;padding:8px 16px;transition:all .2s ease}.delete-vision-button:hover{background:var(--accent-red);color:#fff}.header-styling-editor{display:flex;flex-direction:column;gap:var(--spacing-lg)}.styling-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.styling-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.color-swatches{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr);max-width:200px}.color-swatch{border:2px solid #0000;border-radius:var(--border-radius-md);cursor:pointer;height:40px;position:relative;transition:all .2s ease;width:40px}.color-swatch:hover{box-shadow:0 2px 8px #0003;transform:scale(1.1)}.color-swatch.selected{border-color:var(--accent-green);box-shadow:0 0 0 2px #10b9814d}.color-swatch.selected:after{color:#fff;content:"✓";font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px #00000080;top:50%;transform:translate(-50%,-50%)}.image-options{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);max-width:300px}.image-option{background:none;border:2px solid #0000;border-radius:var(--border-radius-md);cursor:pointer;height:80px;overflow:hidden;padding:0;position:relative;transition:all .2s ease;width:120px}.image-option img{border-radius:calc(var(--border-radius-md) - 2px);height:100%;object-fit:cover;width:100%}.image-option:hover{box-shadow:0 2px 8px #0003;transform:scale(1.05)}.image-option.selected{border-color:var(--accent-green);box-shadow:0 0 0 2px #10b9814d}.image-option.selected:after{align-items:center;background:#00000080;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;left:50%;position:absolute;text-shadow:0 1px 2px #000c;top:50%;transform:translate(-50%,-50%);width:24px}.current-selection{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);flex-direction:column;padding:var(--spacing-sm)}.current-item,.current-selection{display:flex;gap:var(--spacing-sm)}.current-item{align-items:center}.current-color-preview{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);height:24px;width:24px}.current-image-preview{border-radius:var(--border-radius-sm);height:24px;overflow:hidden;width:40px}.current-image-preview img{height:100%;object-fit:cover;width:100%}.no-selection{color:var(--text-tertiary);font-style:italic}.clear-styling-button{align-self:flex-start;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.9rem;margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.clear-styling-button:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-width:600px){.edit-modal{align-items:center;justify-content:center;padding:16px;padding:var(--spacing-md,16px);padding-bottom:max(80px,env(safe-area-inset-bottom,0px));padding-top:max(16px,env(safe-area-inset-top,0px));padding-top:max(var(--spacing-md,16px),env(safe-area-inset-top,0px))}.edit-modal-content{border-radius:var(--border-radius-md);max-height:calc(90vh - 96px);max-height:calc(90dvh - 96px);max-width:100%;width:100%}.edit-modal-header{padding:var(--spacing-md);padding-bottom:var(--spacing-sm)}.edit-modal-body{padding:0 var(--spacing-md)}.edit-modal-footer{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}@media (max-width:375px){.edit-modal-footer{flex-direction:column}.edit-modal-footer button{width:100%}}}@media (prefers-reduced-motion:reduce){.edit-modal,.edit-modal-content{animation:none}.delete-vision-button,.edit-vision-button{transition:none}}@media (prefers-contrast:high){.edit-modal-content{border:2px solid var(--border-color)}.edit-modal-footer,.edit-modal-header{border-width:2px}}.confirmation-dialog-backdrop{align-items:center;animation:fadeIn var(--transition-fast);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--overlay-bg);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.confirmation-dialog{animation:slideUp var(--transition-medium);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-height:80vh;max-height:80dvh;max-width:480px;overflow:hidden;position:relative;width:90%}.confirmation-dialog--danger{border-top:3px solid var(--accent-red)}.confirmation-dialog__header{border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.confirmation-dialog__title{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0}.confirmation-dialog__content{max-height:50vh;max-height:50dvh;overflow-y:auto;padding:0 var(--spacing-lg) var(--spacing-lg)}.confirmation-dialog__message{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-lg) 0}.confirmation-dialog__linked-item{background:var(--bg-warning-overlay);border:1px solid var(--border-warning);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.confirmation-dialog__linked-item-warning{align-items:flex-start;display:flex;gap:12px}.confirmation-dialog__warning-icon{font-size:1.2rem}.confirmation-dialog__linked-item-info{flex:1 1}.confirmation-dialog__linked-text{color:var(--text-warning);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-xs) 0}.confirmation-dialog__linked-subtext{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);line-height:var(--line-height-normal);margin:0}.confirmation-dialog__notes-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.confirmation-dialog__notes-warning{align-items:flex-start;display:flex;gap:var(--spacing-sm)}.confirmation-dialog__warning-icon{flex-shrink:0;font-size:var(--font-size-lg);margin-top:2px}.confirmation-dialog__notes-info{flex:1 1}.confirmation-dialog__notes-text{color:var(--text-primary);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-xs) 0}.confirmation-dialog__notes-subtext,.confirmation-dialog__notes-text{font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.confirmation-dialog__notes-subtext{color:var(--text-secondary);font-weight:var(--font-weight-light);margin:0}.confirmation-dialog__loading{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--border-radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-style:italic;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);text-align:center}.confirmation-dialog__actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg)}.confirmation-dialog__button{border:none;border-radius:var(--border-radius-md);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);min-width:100px;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.confirmation-dialog__button:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.confirmation-dialog__button--cancel{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.confirmation-dialog__button--cancel:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.confirmation-dialog__button--confirm{background:var(--accent-red);color:var(--text-primary)}.confirmation-dialog__button--confirm:hover{background:var(--accent-red);box-shadow:var(--shadow-md);filter:brightness(1.1);transform:translateY(-1px)}.confirmation-dialog__button--confirm-linked{background:var(--accent-orange);color:var(--text-on-accent)}.confirmation-dialog__button--confirm-linked:hover{background:var(--accent-orange);filter:brightness(.9)}.confirmation-dialog__button--archive-notes{background:var(--accent-blue);color:var(--text-on-accent)}.confirmation-dialog__button--archive-notes:hover{background:var(--accent-blue-hover)}.confirmation-dialog__button--delete-notes{background:var(--accent-red);border:2px solid var(--accent-red);color:var(--text-primary)}.confirmation-dialog__button--delete-notes:hover{background:var(--accent-red-hover);border-color:var(--accent-red-hover)}.confirmation-dialog__button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.confirmation-dialog__notes-list{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-md);margin-top:var(--spacing-md);overflow:hidden}.notes-list-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);padding:var(--spacing-sm) var(--spacing-md)}.notes-select-all-label{align-items:center;cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-xs);margin:0}.notes-select-all-checkbox{accent-color:var(--accent-blue);cursor:pointer;margin:0}.notes-select-all-text{color:var(--text-primary);font-size:var(--font-size-sm)}.note-item{border-bottom:1px solid var(--border-light)}.note-item:last-child{border-bottom:none}.note-item-label{align-items:flex-start;cursor:pointer;display:flex;gap:var(--spacing-sm);margin:0;padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast);width:100%}.note-item-label:hover{background:var(--bg-secondary)}.note-item-checkbox{accent-color:var(--accent-blue);cursor:pointer;flex-shrink:0;margin:2px 0 0}.note-item-content{flex:1 1;min-width:0}.note-item-title{color:var(--text-primary);cursor:pointer;display:block;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);margin-bottom:4px;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.note-item-title:hover{color:var(--accent-blue)}.note-item-title:focus{border-radius:2px;outline:2px solid var(--accent-blue);outline-offset:2px}.note-expand-indicator{margin-left:4px;transition:transform var(--transition-fast)}.note-expand-indicator,.note-item-preview{color:var(--text-secondary);font-size:var(--font-size-xs)}.note-item-preview{word-wrap:break-word;animation:expandIn var(--transition-fast) ease-out;border-top:1px solid var(--border-light);display:block;font-family:var(--font-sans);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);margin-top:var(--spacing-xs);overflow-wrap:break-word;padding-top:var(--spacing-xs)}@keyframes expandIn{0%{margin-top:0;max-height:0;opacity:0;padding-top:0}to{margin-top:var(--spacing-xs);max-height:200px;opacity:1;padding-top:var(--spacing-xs)}}.notes-selection-summary{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:var(--spacing-xs) var(--spacing-md);text-align:center}.selection-count{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}@media (max-width:600px){.confirmation-dialog{border-radius:var(--border-radius-md);margin:var(--spacing-md);max-height:85vh;max-height:85dvh;max-width:calc(100vw - var(--spacing-md));width:95%}.confirmation-dialog__header{padding:var(--spacing-md)}.confirmation-dialog__title{font-size:var(--font-size-lg)}.confirmation-dialog__content{max-height:60vh;max-height:60dvh;padding:0 var(--spacing-md) var(--spacing-md)}.confirmation-dialog__actions{flex-direction:column-reverse;gap:var(--spacing-sm);padding:var(--spacing-md)}.confirmation-dialog__button{min-height:var(--touch-target-comfortable);min-width:auto;width:100%}.note-item-label,.notes-list-header{padding:var(--spacing-sm)}.note-item-title{font-size:var(--font-size-xs)}.note-item-preview{font-size:calc(var(--font-size-xs)*.9)}}.knowledge-fallback{align-items:center;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--spacing-2xl);text-align:center;width:100%}.fallback-header h2{color:var(--accent-green);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.fallback-header p{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl)}.fallback-content p{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.6;margin-bottom:var(--spacing-md);max-width:600px}.knowledge-custom-header{align-items:center;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-radius:28px;display:flex;gap:12px;left:84px;left:calc(var(--sidebar-width, 72px) + 12px);opacity:1!important;padding:8px 16px;pointer-events:auto!important;position:fixed;top:12px;transition:opacity .3s ease,transform .3s ease,background .3s ease,border-color .3s ease;visibility:visible!important;z-index:1100}.knowledge-custom-header,.light-theme .knowledge-custom-header{background:var(--elevation-08dp);border:1px solid var(--elevation-overlay-08dp);box-shadow:var(--shadow-elevation-08dp)}@media (max-width:600px){.knowledge-custom-header{border-radius:32px;left:16px;padding:10px 18px 10px 14px;top:16px}}@media only screen and (max-width:600px){body.drawer-fullscreen-active .knowledge-custom-header .knowledge-header-icon,body.drawer-fullscreen-active .knowledge-custom-header .knowledge-header-title{opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}}.knowledge-header-icon{color:#a6e22e;color:var(--tree-green,#a6e22e);flex-shrink:0;height:24px;width:24px}.knowledge-header-title{color:#fff;color:var(--text-primary,#fff);font-family:var(--font-sans);font-size:20px;font-size:var(--font-size-xl,20px);font-weight:600;font-weight:var(--font-weight-semibold,600);letter-spacing:.5px;letter-spacing:var(--letter-spacing-tight,.5px);line-height:1.2;line-height:var(--line-height-tight,1.2);margin:0}.knowledge-header-create-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:50%;color:#56c676;color:var(--tree-green,#56c676);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:44px;min-width:44px;padding:var(--spacing-xs);position:relative;transition:color .2s ease,background .2s ease,transform .2s ease}.knowledge-header-create-button:before{background:var(--state-hover);border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.knowledge-header-create-button:hover:before{opacity:1}.knowledge-header-create-button:hover{color:#45a049;color:var(--tree-green-hover,#45a049);transform:scale(1.1)}.knowledge-header-create-button:active{opacity:.8;transform:scale(.95)}.knowledge-header-create-button svg{height:24px;position:relative;width:24px;z-index:1}.light-theme .knowledge-header-create-button{color:#56c676;color:var(--tree-green,#56c676)}.knowledge-tree-nav-capsule{align-items:center;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-radius:24px;display:flex;gap:2px;padding:4px 6px;position:fixed;transition:opacity .3s ease,transform .3s ease;z-index:1150}.knowledge-tree-nav-capsule,.light-theme .knowledge-tree-nav-capsule{background:var(--elevation-08dp);border:1px solid var(--elevation-overlay-08dp);box-shadow:var(--shadow-elevation-08dp)}.knowledge-tree-nav-capsule.mobile{left:auto;right:16px;top:16px;transform:none}@media (min-width:601px) and (max-width:1199px){.knowledge-tree-nav-capsule.desktop{left:84px;left:calc(var(--sidebar-width, 72px) + 12px);right:auto;top:68px;transform:none}}@media (min-width:1200px) and (max-width:1439px){.knowledge-tree-nav-capsule.desktop{left:auto;right:508px;top:12px;transform:none}}@media (min-width:1440px) and (max-width:1919px){.knowledge-tree-nav-capsule.desktop{left:auto;right:552px;top:20px;transform:none}}@media (min-width:1920px){.knowledge-tree-nav-capsule.desktop{left:auto;right:596px;top:20px;transform:none}}@media only screen and (max-width:600px){body.drawer-fullscreen-active .knowledge-tree-nav-capsule{opacity:0;pointer-events:none;transform:translateY(-10px)}}.tree-nav-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:0;transition:color .2s ease,background .2s ease,transform .15s ease}.tree-nav-btn:hover{background:var(--state-hover);color:var(--text-primary)}.tree-nav-btn:active{background:var(--state-pressed);transform:scale(.92)}.tree-nav-btn:disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.tree-nav-btn svg{height:18px;width:18px}.knowledge-page{background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:row;flex-grow:1;height:100vh;max-height:none;overflow:hidden;transition:padding-left .3s ease;width:100%}.knowledge-page.knowledge-fullscreen{background:var(--bg-primary);bottom:0!important;box-sizing:border-box!important;height:100vh!important;left:0!important;margin:0!important;max-height:none!important;max-width:none!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;transform:none!important;width:100vw!important;z-index:1000}.knowledge-container{display:flex;flex-direction:column;flex-grow:1;flex:1 1;height:100%;overflow:hidden;position:relative;width:100%}.content-area{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:visible;padding:0;width:100%}#garden-title{align-items:center;color:var(--text-color);font-size:2rem;font-weight:600;justify-content:center;margin-bottom:20px;text-align:center}#instructions{background-color:var(--bg-overlay);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);margin:10px 0;padding:10px}#instructions h2{color:var(--accent-blue);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);margin-top:0}#instructions p{font-size:.8rem;line-height:1.2;margin:4px 0}@media (max-width:600px){.knowledge-page{flex-direction:column;padding:0}.knowledge-page.knowledge-fullscreen{margin:0;padding:0}.knowledge-container{flex-direction:column;width:100%}.knowledge-sidebar{border-bottom:1px solid var(--border-color);border-right:none;width:100%}#instructions{font-size:.85rem;margin:10px 0;padding:15px}}.knowledge-notification{align-self:center;animation:pulse 2s infinite;background-color:var(--accent-blue);border:none;border-radius:var(--border-radius-md);bottom:100px;box-shadow:var(--shadow-lg);color:var(--text-on-accent);cursor:pointer;flex:auto;font-weight:var(--font-weight-bold);padding:var(--spacing-md) var(--spacing-xl);position:fixed;z-index:50}.knowledge-notification:hover{animation:none;background-color:var(--accent-blue-hover)}.dev-controls{background-color:var(--bg-overlay);border-radius:var(--border-radius-md);bottom:var(--spacing-lg);box-shadow:var(--shadow-xl);color:var(--text-primary);padding:var(--spacing-lg);position:absolute;right:var(--spacing-lg);width:220px;z-index:1000}.dev-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:10px;margin-bottom:var(--spacing-sm,10px);padding-bottom:8px;padding-bottom:var(--spacing-sm,8px)}.dev-header h3{color:#fff;font-size:14px;font-weight:600;margin:0}.api-status{font-size:12px}.status-available{color:#4caf50;font-weight:700}.status-unavailable{color:#f44336;font-weight:700}.status-error{color:#ff9800;font-weight:700}.status-null{color:#9e9e9e;font-style:italic}.debug-data pre{background-color:#0003;border-radius:4px;color:#ddd;font-size:11px;margin-top:8px;max-height:150px;overflow-y:auto;padding:8px}.dev-buttons{display:flex;gap:10px;margin-bottom:8px}.dev-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:12px;padding:8px;transition:background-color .3s}.json-to-db-button{background-color:#9c27b0}.populate-tree-button{background-color:#ff9800}.dev-button:hover{filter:brightness(1.1)}.dev-button:active{filter:brightness(.9)}.dev-button:disabled{background-color:#757575;cursor:not-allowed;opacity:.7}.saved-tree-info{color:#bdbdbd;font-size:11px;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-tree-info code{background-color:#ffffff1a;border-radius:3px;font-family:monospace;padding:2px 4px}.tree-data-section{background-color:#3a3f4b;background-color:var(--surface-color-light,#3a3f4b);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:var(--text-color);margin-bottom:20px;padding:20px;width:100%}.tree-data-display{margin-top:15px}.tree-item{background-color:#282c34;background-color:var(--surface-color,#282c34)}.branch-list{border-left:2px solid #e0e0e0;border-left:2px solid var(--border-color,#e0e0e0)}.debug-info-section{background-color:#f8f8f8;border:1px solid #ddd;border-radius:5px;color:#666;font-size:.9rem;margin-top:20px;padding:15px;width:100%}.debug-info-section h4{border-bottom:1px solid #ddd;color:#444;font-size:1rem;margin-bottom:10px;margin-top:0;padding-bottom:5px}.debug-info-section li{border-bottom:1px dotted #eee}.debug-info-section li strong{color:#333}.selected-branch-details{background-color:#282c34;background-color:var(--surface-color,#282c34)}.knowledge-text-content{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:20px;width:100%}.knowledge-carousel-wrapper{align-items:center;display:flex;flex-direction:column;margin-bottom:0;position:relative;touch-action:none;width:100%;z-index:10}.knowledge-carousel-wrapper h3{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0 0 15px 20px}.carousel-with-controls{margin-bottom:0;width:100%}.carousel-control-buttons{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-overlay);border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-xl);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);z-index:100}.carousel-control-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-button-overlay);border:none;border-radius:var(--border-radius-md);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all var(--transition-fast);width:40px}.carousel-control-button:hover{background:var(--hover-bg-overlay);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.carousel-control-button:active{transform:translateY(0)}.carousel-control-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.carousel-control-button:disabled:hover{background:var(--bg-button-overlay)}.carousel-control-button.info-button{background:var(--bg-info-overlay)}.carousel-control-button.info-button:hover{background:var(--hover-bg-info)}.carousel-control-button.tree-details-button{background:var(--bg-warning-overlay)}.carousel-control-button.tree-details-button:hover{background:var(--hover-bg-warning)}.carousel-control-button.add-button{background:var(--bg-success-overlay)}.carousel-control-button.add-button:hover{background:var(--hover-bg-success)}.carousel-control-button.options-button{background:var(--bg-danger-overlay)}.carousel-control-button.options-button:hover{background:var(--hover-bg-danger)}.carousel-control-button img.control-icon{filter:brightness(0) saturate(100%) invert(100%);height:20px;transition:filter .2s ease;width:20px}.carousel-control-button:hover img.control-icon{filter:brightness(0) saturate(100%) invert(100%) drop-shadow(0 0 2px rgba(255,255,255,.5))}.carousel-display-container-wrapper{box-sizing:border-box;display:flex;height:100%;justify-content:space-between;left:0;padding:10px;pointer-events:none;position:absolute;top:0;width:100%;z-index:50}.carousel-display-container{background-color:initial;height:100%;justify-content:space-between;pointer-events:auto}.carousel-with-controls{margin-bottom:15px;position:relative}@media (max-width:768px){.knowledge-carousel-wrapper{padding:10px}.carousel-control-buttons{gap:6px;padding:6px;right:10px;top:10px}.carousel-control-button{height:36px;width:36px}.carousel-control-button img.control-icon{height:18px;width:18px}.knowledge-carousel-wrapper h3{font-size:1.3rem;margin:0 0 10px 15px}}.carousel-container{display:flex;flex-direction:column;height:100%;width:100%}.carousel-component,.carousel-container,.knowledge-carousel-wrapper,.knowledge-carousel-wrapper .carousel-with-controls{flex:1 1 auto;height:100%}.knowledge-topbar{grid-area:topbar}.knowledge-drawer-region{background:#2a2d3a;background:var(--bg-secondary,#2a2d3a);border-right:1px solid #404550;border-right:1px solid var(--border-color,#404550);grid-area:drawer;overflow:hidden;transition:width .3s ease;width:0}.knowledge-drawer-region.open{width:640px}.knowledge-container,.knowledge-container.drawer-open{grid-template-columns:640px 1fr}.drawer-toggle-tab{align-items:center;background:#2a2d3a;background:var(--bg-secondary,#2a2d3a);border:1px solid #404550;border:1px solid var(--border-color,#404550);border-left:none;border-radius:0 8px 8px 0;cursor:pointer;display:flex;height:64px;justify-content:center;position:absolute;right:-32px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px;z-index:10}.drawer-toggle-tab:hover{background:#333644;background:var(--bg-tertiary,#333644);transform:translateY(-50%) translateX(-2px)}.drawer-toggle-tab .toggle-arrow{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-size:14px;transition:transform .3s ease}.knowledge-drawer-region.open .drawer-toggle-tab .toggle-arrow{transform:rotate(180deg)}.knowledge-fab-cluster{bottom:72px;display:flex;flex-direction:column;gap:16px;position:fixed;right:32px;z-index:1500}.knowledge-fab{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:50%;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-fast);width:56px}.knowledge-fab:before{background:inherit;border-radius:inherit;bottom:0;content:"";left:0;opacity:.9;position:absolute;right:0;top:0;z-index:-1}.knowledge-fab:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px) scale(1.05)}.knowledge-fab:active{transform:translateY(0) scale(.95)}.knowledge-fab-primary{background:#4caf50;background:var(--tree-green,#4caf50);color:#fff}.knowledge-fab-primary:hover{background:#45a049;background:var(--tree-green-hover,#45a049)}.knowledge-fab-primary.active{background:#4a9eff;background:var(--accent-blue,#4a9eff);transform:rotate(180deg)}.knowledge-fab-primary.active:hover{background:#3480d6;background:var(--accent-blue-hover,#3480d6)}.knowledge-fab-secondary{background:#ff9800;background:var(--accent-orange,#ff9800);color:#fff;height:48px;width:48px}.knowledge-fab-secondary:hover{background:#f57c00;background:var(--accent-orange-hover,#f57c00)}.knowledge-fab-create-tree{background:var(--tree-green);color:#fff;height:54px;width:54px}.knowledge-fab-create-tree:hover{background:#3480d6;background:var(--accent-blue-hover,#3480d6);transform:translateY(-3px) scale(1.08)}.knowledge-fab-create-tree svg{height:26px;width:26px}.knowledge-fab-layout{background:#8e44ad;background:var(--accent-purple,#8e44ad);color:#fff;height:56px;width:56px}.knowledge-fab-layout:hover{background:#7a3d96;background:var(--accent-purple-hover,#7a3d96);transform:translateY(-2px)}.knowledge-fab svg{height:24px;transition:transform var(--transition-fast);width:24px}.knowledge-fab-layout svg,.knowledge-fab-secondary svg{height:20px;width:20px}@media (max-width:768px){.knowledge-fab-cluster{bottom:72px;gap:12px;right:24px}.knowledge-fab{height:48px;width:48px}.knowledge-fab svg{height:20px;width:20px}.knowledge-fab-create-tree{height:56px;width:56px}.knowledge-fab-create-tree svg{height:24px;width:24px}.knowledge-fab-secondary{height:48px;width:48px}.knowledge-fab-secondary svg{height:16px;width:16px}.knowledge-fab-layout{height:48px;width:48px}.knowledge-fab-layout svg{height:20px;width:20px}}.knowledge-fab-primary{transition:transform .3s cubic-bezier(.4,0,.2,1),background-color var(--transition-fast)}.knowledge-page:has(.branch-drawer-sidebar.open) .card-display-header{opacity:0;pointer-events:none;transition:opacity .3s ease}.knowledge-page .card-display-header{opacity:1;pointer-events:auto;transition:opacity .3s ease}.note-navigator-container{background:var(--bg-primary);border-right:1px solid var(--border-color);color:var(--text-primary);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:transform var(--transition-medium),opacity var(--transition-medium);width:320px;z-index:1050}@media (max-width:600px){.note-navigator-container{height:calc(100vh - 60px);height:calc(100vh - var(--mobile-sidebar-height, 60px));height:calc(100dvh - 60px);height:calc(100dvh - var(--mobile-sidebar-height, 60px));top:0}}.note-navigator-container.visible{opacity:1;transform:translateX(0)}.note-navigator-container.collapsed,.note-navigator-container.hidden{opacity:0;transform:translateX(-100%)}.note-navigator-container.collapsed{pointer-events:none}.navigator-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:var(--spacing-md);height:var(--header-height);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.navigator-header,.navigator-header-left{align-items:center;display:flex;flex-shrink:0}.navigator-header-left{gap:var(--spacing-sm)}.navigator-icon{color:var(--text-primary);flex-shrink:0;height:20px;width:20px}.navigator-header-left h2{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0;white-space:nowrap}.navigator-close-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast);width:32px}.navigator-close-button:hover{background:var(--hover-bg-overlay);color:var(--text-primary)}.navigator-close-button .close-icon{height:16px;width:16px}.notes-count{margin-left:var(--spacing-xs)}.view-toggles{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:64px;box-shadow:var(--shadow-sm);display:inline-flex;gap:2px;padding:3px}.view-toggle{align-items:center;background:#0000;border:none;border-radius:32px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;opacity:.7;padding:var(--spacing-xs);transition:all .25s var(--ease-out-smooth);width:32px}.view-toggle:hover:not(.active){background:var(--hover-bg-overlay);opacity:.85;transform:translateY(-1px)}.view-toggle.active{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-md);color:var(--text-primary);opacity:1}.view-toggle .toggle-icon{height:16px;transition:transform .25s var(--ease-out-smooth);width:16px}.view-toggle img.toggle-icon{filter:invert(.7)}.view-toggle.active img.toggle-icon{filter:invert(1)}.view-toggle:hover:not(.active) img.toggle-icon{filter:invert(.85)}.view-toggle svg.toggle-icon{color:var(--text-secondary)}.view-toggle.active svg.toggle-icon{color:var(--text-primary)}.view-toggle:hover svg.toggle-icon{transform:scale(1.1)}.unread-badge{align-items:center;animation:badge-fade-in .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#a6e22e,#7cb518);background:linear-gradient(135deg,var(--accent-primary,#a6e22e) 0,var(--accent-secondary,#7cb518) 100%);border-radius:8px;box-shadow:0 2px 8px #a6e22e4d,0 0 0 2px #2a2a2a;box-shadow:0 2px 8px #a6e22e4d,0 0 0 2px var(--bg-secondary,#2a2a2a);color:#1a1a1a;color:var(--bg-primary,#1a1a1a);display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:4px;top:4px;z-index:1}.light-theme .unread-badge{box-shadow:0 2px 8px #7cb51840,0 0 0 2px #fff;box-shadow:0 2px 8px #7cb51840,0 0 0 2px var(--bg-secondary,#fff);color:#fff}@keyframes badge-fade-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.navigator-subheader{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:var(--spacing-sm);justify-content:space-between;min-height:var(--subheader-height);padding:var(--spacing-sm) var(--spacing-md)}.subheader-left{align-items:center;display:flex;flex:1 1;min-width:0}.subheader-right{align-items:center;display:flex;flex-shrink:0}.notes-count{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:0}.filter-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:var(--spacing-xs);position:relative;transition:all var(--transition-fast);width:32px}.filter-button:hover:not(:disabled){background:var(--hover-bg-overlay)}.filter-button:disabled{cursor:not-allowed;opacity:.5}.filter-icon{height:16px;width:16px}.filter-active-indicator{animation:pulse-indicator 2s ease-in-out infinite;background:var(--tree-green);border-radius:50%;height:6px;position:absolute;right:2px;top:2px;width:6px}@keyframes pulse-indicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.filter-dropdown .dropdown-list{min-width:120px}.filter-dropdown .dropdown-item{font-size:13px;padding:8px 12px}.navigator-content{flex:1 1;overflow-y:auto;padding:0}.empty-state,.error-message,.loading-message{color:var(--text-secondary);font-family:var(--font-sans);padding:var(--spacing-xl);text-align:center}.error-message{background:var(--bg-danger-overlay);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin:var(--spacing-sm)}.error-message p{color:var(--accent-red);font-family:var(--font-sans);margin:0 0 var(--spacing-md) 0}.create-first-note-button,.retry-button{background:var(--bg-info-overlay);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.create-first-note-button:hover:not(:disabled),.retry-button:hover{background:var(--hover-bg-info);border-color:var(--tree-green)}.create-first-note-button:disabled{cursor:not-allowed;opacity:.6}.loading-message{font-style:italic}.notes-list{animation:fadeInList var(--transition-medium) ease-in;padding:0}@keyframes fadeInList{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.note-item{align-items:center;background:#0000;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;gap:var(--spacing-xs);max-height:56px;min-height:44px;padding:var(--spacing-sm) var(--spacing-sm);position:relative;transition:all var(--transition-fast)}.note-placeholder-circle{background:var(--text-secondary);border:none;border-radius:50%;box-sizing:border-box;flex-shrink:0;height:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;opacity:.25;pointer-events:none;width:20px}.note-item:hover{background:var(--hover-bg-overlay);border-left-color:var(--tree-green)}.note-item.selected{background:linear-gradient(90deg,#10b98126,var(--bg-info-overlay));border-left-color:var(--tree-green);box-shadow:inset 0 1px 2px #10b9811a;font-weight:var(--font-weight-semibold)}.light-theme .note-item.selected{background:linear-gradient(90deg,#8b9a7f33,var(--bg-info-overlay));border-left-color:var(--accent-sage);box-shadow:inset 0 1px 2px #8b9a7f26}.note-item:focus{outline:2px solid var(--tree-green);outline-offset:-2px}.note-item-content{display:flex;flex-direction:column;gap:2px;width:100%}.note-item-main{align-items:center;display:flex;justify-content:space-between;width:100%}.note-item-metadata{align-items:center;display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs);line-height:1.2;opacity:.8}.note-item-metadata,.note-metadata-date,.note-metadata-tag{color:var(--text-secondary)}.note-metadata-tag{background:#0000;border-radius:0;font-weight:var(--font-weight-normal);opacity:.7;padding:0 4px}.note-title{color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;margin:0;margin-right:var(--spacing-sm);overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.note-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.35;white-space:normal}}.summary-item .note-item-content{align-items:stretch;flex-direction:column;gap:3px}.summary-item .note-title{margin-right:0;width:100%}.summary-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.key-points-count{background:var(--bg-info-overlay);color:var(--tree-green);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.3}.key-points-count,.summary-date{border-radius:var(--border-radius-sm);padding:1px 6px}.summary-date{background:var(--bg-button-overlay);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.7rem;opacity:.8;white-space:nowrap}.creating-indicator{animation:pulse 1.5s ease-in-out infinite;background:var(--tree-green);border-radius:var(--border-radius-xl);bottom:var(--spacing-xl);color:#fff;font-size:var(--font-size-xs);left:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-lg);position:fixed;z-index:var(--z-popover)}.navigator-content::-webkit-scrollbar{width:6px}.navigator-content::-webkit-scrollbar-track{background:var(--bg-button-overlay)}.navigator-content::-webkit-scrollbar-thumb{background:var(--hover-bg-overlay);border-radius:var(--border-radius-sm)}.navigator-content::-webkit-scrollbar-thumb:hover{background:var(--border-color-overlay)}@media (max-width:768px){.note-navigator-container{width:280px;z-index:2000!important}.navigator-header{gap:var(--spacing-sm);padding:8px 12px}.navigator-header-left h2{font-size:var(--font-size-sm)}.view-toggles{flex:1 1;justify-content:center}.navigator-close-button{height:28px;width:28px}.note-item{max-height:none;min-height:52px}.note-item,.summary-item{padding:var(--spacing-xs) var(--spacing-sm)}.summary-item{min-height:48px}.summary-item .note-item-content{gap:2px}.summary-item .note-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal}}.navigator-footer{align-items:stretch;background:#0000;border-top:none;flex-direction:column;flex-shrink:0}.create-note-button-footer,.navigator-footer{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.create-note-button-footer{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;transition:all var(--transition-fast);width:100%}.create-note-button-footer:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-green);color:var(--accent-green);transform:translateY(-1px)}.create-note-button-footer:disabled{cursor:not-allowed;opacity:.5}.create-note-button-footer .create-icon{height:16px;width:16px}.help-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:32px;justify-content:center;min-width:32px;opacity:.7;padding:var(--spacing-xs);transition:all var(--transition-fast)}.help-button:hover{background-color:var(--hover-bg-overlay);color:var(--text-primary);opacity:1;transform:translateY(-1px)}.help-icon{filter:invert(1);height:18px;width:18px}.help-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);bottom:calc(var(--header-height) + var(--spacing-md));box-shadow:var(--shadow-lg);left:var(--spacing-md);padding:var(--spacing-md);position:absolute;right:var(--spacing-md);z-index:var(--z-popover)}.help-content h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.help-shortcuts{margin-bottom:16px}.shortcut-item{align-items:center;display:flex;gap:12px;margin-bottom:8px}.shortcut-item:last-child{margin-bottom:0}.shortcut-item kbd{background-color:var(--surface-primary);border:1px solid var(--border-primary);border-radius:4px;box-shadow:0 1px 2px #0000001a;color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;min-width:60px;padding:4px 8px;text-align:center}.shortcut-item span{color:var(--text-secondary);flex:1 1;font-size:14px}.help-features{border-top:1px solid var(--border-secondary);margin-top:16px;padding-top:16px}.help-features p{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:6px 0}.help-features p:first-child{margin-top:0}.help-features p:last-child{margin-bottom:0}.help-editor{border-top:1px solid var(--border-secondary);margin-top:16px;padding-top:16px}.help-editor h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 8px}.help-editor p{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;margin:0;padding:8px 12px}@media (prefers-color-scheme:dark){.help-section{background-color:#2a2a2a;background-color:var(--surface-secondary,#2a2a2a);border-bottom-color:#444;border-bottom-color:var(--border-primary,#444)}.shortcut-item kbd{background-color:#333;background-color:var(--surface-primary,#333);border-color:#555;border-color:var(--border-primary,#555);color:#fff;color:var(--text-primary,#fff)}}.note-search-wrapper{margin-bottom:var(--spacing-md)}.note-search-input{background:var(--bg-button-overlay);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family-modern);font-size:var(--font-size-sm);height:28px;line-height:1.2;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast);width:100%}.note-search-input::placeholder{color:var(--text-secondary);opacity:.7}.note-search-input:focus{background:var(--hover-bg-overlay);border-color:var(--tree-green);outline:none}.light-theme .help-icon{filter:none}.light-theme .view-toggles{background:var(--bg-elevated);border-color:var(--border-color)}.light-theme .view-toggle{color:var(--text-secondary)}.light-theme .view-toggle.active{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.light-theme .view-toggle img.toggle-icon{filter:none;opacity:.7}.light-theme .view-toggle.active img.toggle-icon{filter:invert(1);opacity:1}.light-theme .view-toggle:hover:not(.active) img.toggle-icon{opacity:.85}.light-theme .view-toggle svg.toggle-icon{color:var(--text-secondary)}.light-theme .view-toggle.active svg.toggle-icon{color:var(--text-primary)}.tree-note-collection{margin-bottom:var(--spacing-sm)}.tree-collection-header{align-items:center;background:var(--bg-secondary);border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:var(--spacing-xs);min-height:var(--touch-target-comfortable);padding:var(--spacing-sm);transition:all .2s ease}.tree-collection-header:hover{background:var(--bg-elevated);box-shadow:var(--shadow-card)}.tree-collection-header:active{background-color:var(--state-pressed)}.tree-collection-header.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0}.tree-chevron{color:var(--text-secondary);flex-shrink:0;font-size:12px;transition:transform .2s ease}.tree-collection-icon-button{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all var(--transition-fast);width:28px}.tree-collection-icon-button:hover{background:var(--state-hover);transform:scale(1.1)}.tree-collection-icon-button:active{background:var(--state-pressed);transform:scale(1.05)}.tree-collection-icon{color:var(--text-secondary);flex-shrink:0;height:20px;transition:color var(--transition-fast);width:20px}.tree-collection-icon-button:hover .tree-collection-icon{color:var(--tree-green)}.tree-collection-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;flex:1 1;line-height:1.35;min-width:0;overflow:hidden}.tree-collection-title,.tree-note-count{font-size:var(--font-size-sm);font-weight:500}.tree-note-count{align-items:center;background:var(--bg-tertiary);border-radius:var(--border-radius-full);color:var(--text-secondary);display:flex;flex-shrink:0;height:24px;justify-content:center;min-width:24px;padding:0 var(--spacing-xs)}.tree-notes-list{background:var(--bg-secondary);border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md);flex-direction:column;padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-sm) var(--spacing-lg)}.tree-note-item,.tree-notes-list{display:flex;gap:var(--spacing-xs)}.tree-note-item{align-items:flex-start;background:var(--bg-primary);border-radius:var(--border-radius-sm);cursor:pointer;min-height:var(--touch-target-min);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.tree-note-item:hover{background:var(--bg-elevated);box-shadow:var(--shadow-interactive)}.tree-note-item:active{background-color:var(--state-pressed)}.tree-note-item.selected{background:var(--accent-primary);box-shadow:var(--shadow-card);color:var(--text-primary)}.tree-note-item .note-placeholder-circle{background:var(--text-secondary);border:none;border-radius:50%;box-sizing:border-box;flex-shrink:0;height:20px;margin-top:2px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;opacity:.25;pointer-events:none;width:20px}.tree-note-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:0}.tree-note-main{align-items:center;display:flex;gap:var(--spacing-sm)}.tree-note-title{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-note-metadata{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.tree-note-date,.tree-note-tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-note-tag{color:var(--accent-primary)}.tree-notes-empty{padding:var(--spacing-md);text-align:center}.tree-notes-empty p{color:var(--text-tertiary);font-size:var(--font-size-sm);font-style:italic}@media (max-width:768px){.tree-collection-header{padding:var(--spacing-sm)}.tree-notes-list{padding-left:var(--spacing-md)}.tree-note-item{min-height:52px;padding:var(--spacing-xs) var(--spacing-sm)}.tree-note-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--font-size-sm);line-height:1.35;white-space:normal}}.note-tab-bar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color-overlay);display:flex;height:var(--tab-height);overflow-x:auto;overflow-y:hidden;position:sticky;scrollbar-width:none;top:0;z-index:200}.note-tab-bar::-webkit-scrollbar{display:none}.library-toggle-button{align-items:center;background:var(--bg-secondary);border:none;border-right:1px solid var(--border-color-overlay);cursor:pointer;display:flex;flex-shrink:0;height:var(--tab-height);justify-content:center;padding:0;transition:all var(--transition-fast);width:40px}.library-toggle-button:hover{background:var(--hover-bg-secondary)}.library-toggle-button .library-icon{height:18px;opacity:.7;transition:all var(--transition-fast);width:18px}.library-toggle-button:hover .library-icon{opacity:1;transform:scale(1.1)}:root .library-toggle-button .library-icon{filter:brightness(0) saturate(100%) invert(96%) sepia(0) saturate(24%) hue-rotate(237deg) brightness(106%) contrast(93%)}.light-theme .library-toggle-button .library-icon{filter:brightness(0) saturate(100%) invert(15%) sepia(0) saturate(0) hue-rotate(237deg) brightness(95%) contrast(92%)}.tab-bar-library-header{align-items:center;border-right:none;display:flex;gap:8px;height:var(--tab-height);padding:var(--spacing-sm)}.tab-bar-library-header .library-header-text{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:.02em;margin:0}.note-tab{align-items:center;background:#0000;border:none;border-right:1px solid var(--border-color-overlay);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;gap:8px;height:var(--tab-height);padding:8px 16px;position:relative;transition:all .15s ease}.note-tab:hover{background:var(--hover-bg-secondary);border-color:var(--border-color-overlay);color:var(--text-primary)}.note-tab.active{background:var(--bg-primary);border-bottom:2px solid var(--tree-green);color:var(--text-primary)}.note-tab .tab-icon{fill:currentColor;flex-shrink:0;height:14px;opacity:.8;width:14px}.note-tab.active .tab-icon{opacity:1}.note-tab .tab-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-tab .tab-close{fill:currentColor;align-items:center;border-radius:2px;cursor:pointer;display:flex;flex-shrink:0;height:14px;justify-content:center;opacity:0;padding:2px;transition:all .15s ease;visibility:hidden;width:14px}.note-tab:hover .tab-close{opacity:.7;visibility:visible}.note-tab .tab-close:hover{background:#f9267233;color:var(--accent-red);opacity:1}.note-tab.dragging{opacity:.5;transform:scale(.95);z-index:1000;z-index:var(--z-dropdown,1000)}.note-tab.drag-over{background:#66d9ef33;border-left:2px solid var(--tree-green)}.note-tab.drag-over:before{animation:pulse-border .5s ease-in-out infinite alternate;background:var(--tree-green);bottom:0;content:"";left:-2px;position:absolute;top:0;width:2px}@keyframes pulse-border{0%{opacity:.5}to{opacity:1}}@media (max-width:768px){.note-tab-bar{left:0;position:fixed!important;right:0;top:0;width:100%;z-index:1050!important;z-index:var( --z-workspace-tabs-fixed,1050 )!important}.note-tab{padding:8px 12px}.note-tab .tab-title{max-width:100px}.note-tab .tab-close{height:12px;width:12px}}.note-workspace{background:var(--bg-primary);box-sizing:border-box;display:flex;flex:1 1;margin:0;overflow:hidden;padding:0;width:100%}.note-workspace .workspace-main{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin-left:320px;margin-left:var(--library-navigator-width,320px);max-width:calc(100% - 320px);max-width:calc(100% - var(--library-navigator-width, 320px));min-height:0;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:auto;width:calc(100% - 320px);width:calc(100% - var(--library-navigator-width, 320px))}.note-workspace .workspace-main::-webkit-scrollbar{width:12px}.note-workspace .workspace-main::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:6px}.note-workspace .workspace-main::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:6px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.note-workspace .workspace-main::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.note-workspace .workspace-main::-webkit-scrollbar-corner{background:var(--bg-secondary)}.no-tab-placeholder{align-items:center;background:linear-gradient(165deg,var(--elevation-02dp) 0,var(--elevation-00dp) 50%,color-mix(in srgb,var(--elevation-00dp) 95%,#000 5%) 100%);display:flex;flex:1 1;justify-content:center;padding:var(--spacing-sm);position:relative;z-index:1;z-index:var(--z-workspace-base,1)}@media (max-width:768px){.no-tab-placeholder{padding-top:calc(var(--tab-height, 40px) + var(--spacing-lg))}}.light-theme .no-tab-placeholder{background:linear-gradient(165deg,var(--elevation-01dp) 0,var(--elevation-00dp) 50%,color-mix(in srgb,var(--elevation-00dp) 97%,var(--text-primary) 3%) 100%)}.placeholder-content{align-items:center;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);background:color-mix(in srgb,var(--elevation-04dp) 85%,#0000 15%);border:1px solid var(--glass-border);border-radius:var(--card-radius-expanded);box-shadow:var(--shadow-elevation-08dp),inset 0 1px 0 var(--elevation-overlay-02dp);display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:420px;overflow:hidden;padding:var(--spacing-2xl) var(--spacing-xl);position:relative;width:100%;z-index:2;z-index:var(--z-workspace-content,2)}.placeholder-content:before{background:linear-gradient(90deg,#0000 0,var(--elevation-overlay-08dp) 20%,var(--elevation-overlay-12dp) 50%,var(--elevation-overlay-08dp) 80%,#0000 100%);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.placeholder-content:after{background:radial-gradient(ellipse 80% 60% at 50% 0,var(--elevation-overlay-04dp) 0,#0000 60%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:-1;z-index:var(--z-negative,-1)}.light-theme .placeholder-content{background:var(--glass-bg-light);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-light),var(--glass-inset-highlight-light)}.light-theme .placeholder-content:before{background:linear-gradient(90deg,#0000,#ffffff80 20%,#ffffffb3 50%,#ffffff80 80%,#0000)}.light-theme .placeholder-content:after{background:radial-gradient(ellipse 80% 60% at 50% 0,#ffffff4d 0,#0000 60%)}.placeholder-view-toggles{gap:var(--spacing-md);width:100%;z-index:1;z-index:var(--z-workspace-base,1)}.placeholder-view-toggle,.placeholder-view-toggles{align-items:center;display:flex;justify-content:center;position:relative}.placeholder-view-toggle{background:var(--elevation-overlay-04dp);border:1px solid var(--elevation-overlay-08dp);border-radius:var(--border-radius-lg);box-shadow:inset 0 1px 0 var(--elevation-overlay-02dp);color:var(--text-secondary);cursor:pointer;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs);height:100px;padding:var(--spacing-lg);transition:all var(--transition-fast);width:100px}.placeholder-view-toggle:hover{background:var(--state-hover);border-color:color-mix(in srgb,var(--tree-green) 50%,var(--elevation-overlay-12dp) 50%);box-shadow:var(--shadow-elevation-02dp),inset 0 1px 0 var(--elevation-overlay-04dp);color:var(--text-primary);transform:translateY(-1px)}.placeholder-view-toggle.active{background:color-mix(in srgb,var(--tree-green) 90%,var(--elevation-04dp) 10%);border-color:var(--tree-green);box-shadow:var(--shadow-elevation-04dp),0 0 0 1px color-mix(in srgb,var(--tree-green) 30%,#0000 70%);color:#fff}.placeholder-view-toggle .toggle-icon{filter:invert(1);height:44px;opacity:.75;transition:all var(--transition-medium);width:44px}.placeholder-view-toggle svg.toggle-icon{color:#ffffffbf;filter:none;flex-shrink:0;height:44px!important;min-height:44px;min-width:44px;width:44px!important}.placeholder-view-toggle:hover .toggle-icon{opacity:1;transform:scale(1.08)}.placeholder-view-toggle:hover svg.toggle-icon{color:#ffffffe6}.placeholder-view-toggle.active .toggle-icon{filter:brightness(0) invert(1);opacity:1;transform:scale(1.1)}.placeholder-view-toggle.active svg.toggle-icon{color:#fffffff2;filter:none}.placeholder-view-toggle .toggle-label{color:#ffffffbf;font-family:var(--font-family-modern);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.3px;transition:all var(--transition-fast)}.placeholder-view-toggle:hover .toggle-label{color:#ffffffe6}.placeholder-view-toggle.active .toggle-label{color:#fffffff2}.light-theme .placeholder-view-toggle{background:var(--elevation-overlay-02dp);border:1px solid var(--glass-border-light-subtle);box-shadow:var(--glass-shadow-light-subtle)}.light-theme .placeholder-view-toggle:hover{background:var(--state-hover);border-color:color-mix(in srgb,var(--tree-green) 40%,var(--glass-border-light) 60%);box-shadow:var(--glass-shadow-light)}.light-theme .placeholder-view-toggle.active{background:var(--tree-green);border-color:var(--tree-green);box-shadow:var(--glass-shadow-light),0 0 0 1px color-mix(in srgb,var(--tree-green) 25%,#0000 75%)}.light-theme .placeholder-view-toggle .toggle-icon{filter:none;opacity:.7}.light-theme .placeholder-view-toggle svg.toggle-icon{color:var(--text-primary)}.light-theme .placeholder-view-toggle:hover .toggle-icon{opacity:.9}.light-theme .placeholder-view-toggle:hover svg.toggle-icon{color:var(--text-primary)}.light-theme .placeholder-view-toggle.active .toggle-icon{filter:brightness(0) invert(1);opacity:1}.light-theme .placeholder-view-toggle.active svg.toggle-icon{color:#fff;filter:none}.light-theme .placeholder-view-toggle .toggle-label{color:var(--text-primary);opacity:.7}.light-theme .placeholder-view-toggle:hover .toggle-label{opacity:.9}.light-theme .placeholder-view-toggle.active .toggle-label{color:#fff;opacity:1}.placeholder-message{border-top:1px solid var(--elevation-overlay-08dp);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);letter-spacing:.2px;margin:0;padding-top:var(--spacing-md);position:relative;text-align:center;width:100%;z-index:1;z-index:var(--z-workspace-base,1)}.light-theme .placeholder-message{border-top-color:var(--glass-border-light-subtle);color:var(--text-secondary)}.placeholder-create-note-button{align-items:center;background:color-mix(in srgb,var(--tree-green) 95%,var(--elevation-04dp) 5%);border:1px solid color-mix(in srgb,var(--tree-green) 80%,var(--accent-green) 20%);border-radius:var(--border-radius-md);box-shadow:var(--shadow-elevation-02dp),inset 0 1px 0 color-mix(in srgb,var(--accent-green) 20%,#0000 80%);color:#fff;cursor:pointer;display:flex;flex-direction:row;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;min-height:44px;padding:var(--spacing-sm) var(--spacing-xl);position:relative;transition:all var(--transition-fast);z-index:1;z-index:var(--z-workspace-base,1)}.placeholder-create-note-button:hover:not(:disabled){background:var(--accent-green);border-color:var(--accent-green);box-shadow:var(--shadow-elevation-04dp),inset 0 1px 0 color-mix(in srgb,#fff 15%,#0000 85%);transform:translateY(-1px)}.placeholder-create-note-button:active:not(:disabled){box-shadow:var(--shadow-elevation-01dp);transform:translateY(0)}.placeholder-create-note-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.4}.placeholder-create-note-button .create-icon{filter:brightness(0) invert(1);height:18px;opacity:.95;transition:all var(--transition-fast);width:18px}.placeholder-create-note-button:hover:not(:disabled) .create-icon{opacity:1;transform:scale(1.05)}.light-theme .placeholder-create-note-button{box-shadow:var(--glass-shadow-light-subtle),inset 0 1px 0 color-mix(in srgb,#fff 20%,#0000 80%)}.light-theme .placeholder-create-note-button:hover:not(:disabled){box-shadow:var(--glass-shadow-light),inset 0 1px 0 color-mix(in srgb,#fff 25%,#0000 75%)}.light-theme .placeholder-create-note-button .create-icon{filter:brightness(0) invert(1)}@media (max-width:768px){.placeholder-content{gap:var(--spacing-lg);max-width:90%;padding:var(--spacing-xl) var(--spacing-lg)}.placeholder-view-toggles{gap:var(--spacing-md)}.placeholder-view-toggle{height:90px;padding:var(--spacing-md);width:90px}.placeholder-view-toggle .toggle-icon{height:38px;width:38px}.placeholder-view-toggle svg.toggle-icon{height:38px!important;min-height:38px;min-width:38px;width:38px!important}.placeholder-view-toggle .toggle-label{font-size:var(--font-size-xs)}.placeholder-message{font-size:var(--font-size-sm)}}@media (max-width:480px){.placeholder-content{max-width:85%;padding:var(--spacing-lg) var(--spacing-md)}.placeholder-view-toggles{flex-direction:row;gap:var(--spacing-sm)}.placeholder-view-toggle{height:80px;width:80px}.placeholder-view-toggle .toggle-icon{height:32px;width:32px}.placeholder-view-toggle svg.toggle-icon{height:32px!important;min-height:32px;min-width:32px;width:32px!important}.placeholder-create-note-button{font-size:var(--font-size-xs);min-height:44px;padding:var(--spacing-sm) var(--spacing-lg)}}.note-error,.note-loading{color:var(--text-secondary);padding:var(--spacing-lg)}.note-workspace .note-viewer-overlay{background:#0000;height:100%;left:0;position:relative;top:0;width:100%}.note-workspace .note-viewer-container{box-shadow:none;height:100%;max-width:none}.note-workspace .note-viewer{box-sizing:border-box!important;flex:none;height:auto!important;max-width:100%!important;min-height:max-content;width:100%!important}@media (max-width:768px){.note-workspace .note-viewer{padding-top:var(--spacing-md)}}.note-workspace .note-editor-container{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.note-workspace .note-content-area,.note-workspace .note-editor-container,.note-workspace .universal-editor,.note-workspace .universal-editor .editor-wrapper{box-sizing:border-box;max-width:100%;width:100%}.note-workspace .universal-editor .editor-content{box-sizing:border-box;max-width:900px;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);width:100%}.note-workspace .universal-editor .floating-controls{bottom:var(--spacing-lg);max-width:calc(100% - var(--spacing-lg)*2);right:var(--spacing-lg)}.note-workspace .note-navigator-container{height:100%;left:0;opacity:1!important;position:absolute;top:0;transform:translateX(0)!important;transition:transform var(--transition-medium),opacity var(--transition-medium);width:320px;width:var(--library-navigator-width,320px);z-index:100;z-index:var(--z-workspace-navigator,100)}@media (max-width:600px){.note-workspace .note-navigator-container{height:calc(100vh - 60px)!important;height:calc(100vh - var(--mobile-sidebar-height, 60px))!important;height:calc(100dvh - 60px)!important;height:calc(100dvh - var(--mobile-sidebar-height, 60px))!important;position:fixed;top:0}}.note-workspace .note-navigator-container.collapsed{opacity:0!important;pointer-events:none;transform:translateX(-100%)!important}.note-workspace .note-navigator-container .navigator-content{overflow-y:auto;padding-top:var(--spacing-xs)}.note-workspace:has(.note-navigator-container.collapsed) .workspace-main{margin-left:0;max-width:100%;width:100%}.note-workspace .note-tab-bar{flex-shrink:0;z-index:200;z-index:var(--z-workspace-tabs,200)}@media (max-width:840px){.note-workspace .note-navigator-container{left:0}.note-workspace .workspace-main{margin-left:320px;max-width:calc(100% - 320px);width:calc(100% - 320px)}}@media (max-width:768px){.note-workspace{height:100%;min-height:100%}.note-workspace .note-navigator-container{position:fixed;width:280px;width:var(--library-navigator-width-mobile,280px)}.note-workspace .workspace-main{flex:1 1;margin-left:0!important;max-width:100%!important;min-height:0;padding-top:40px;padding-top:var(--tab-height,40px);width:100%!important}.note-workspace:has(.note-navigator-container.collapsed) .workspace-main{margin-left:0;max-width:100%;width:100%}.note-workspace .note-editor-container,.note-workspace .universal-editor .editor-content{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.note-workspace .universal-editor .editor-content{max-width:100%}.note-workspace .universal-editor .floating-controls{bottom:var(--spacing-md);max-width:calc(100% - var(--spacing-md)*2);right:var(--spacing-md)}@media (max-width:640px){.note-workspace .note-navigator-container{max-width:280px;width:100%}.note-workspace .workspace-main{margin-left:0;max-width:100%;width:100%}.note-workspace .note-editor-container,.note-workspace .universal-editor .editor-content{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.note-workspace .universal-editor .floating-controls{bottom:var(--spacing-sm);flex-wrap:wrap;max-width:calc(100% - var(--spacing-sm)*2);right:var(--spacing-sm)}}}.note-workspace .navigator-expand-button{border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:0 2px 8px #0003;height:48px;left:72px;position:fixed;top:40px;top:var(--tab-height,40px);transform:none;width:48px;z-index:110;z-index:var(--z-workspace-controls,110)}.note-workspace .navigator-expand-button:hover{height:52px;width:52px}.note-workspace .navigator-back-button{border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:0 2px 8px #0003;height:48px;left:72px;position:fixed;top:96px;top:calc(var(--tab-height, 40px) + 56px);transform:none;width:48px;z-index:110;z-index:var(--z-workspace-controls,110)}.note-workspace .navigator-back-button:hover{height:52px;width:52px}@media (max-width:768px){.note-workspace .navigator-expand-button{left:var(--spacing-sm);top:calc(40px + var(--spacing-sm));top:calc(var(--tab-height, 40px) + var(--spacing-sm))}.note-workspace .navigator-back-button{left:var(--spacing-sm);top:calc(96px + var(--spacing-sm));top:calc(var(--tab-height, 40px) + var(--spacing-sm) + 56px)}}.item-pane-empty,.item-pane-error,.item-pane-loading{align-items:center;color:var(--text-secondary);display:flex;height:100%;justify-content:center;padding:var(--spacing-xl)}.item-pane-loading{flex-direction:column;gap:var(--spacing-md)}.loading-spinner{border-top:3px solid var(--border-color);border:3px solid var(--border-color);height:32px;width:32px}.item-pane-error{color:var(--accent-red)}.error-content{max-width:400px;text-align:center}.error-content h3{color:var(--accent-red);margin:0 0 var(--spacing-md) 0}.error-content p{color:var(--text-secondary);line-height:1.5;margin:0 0 var(--spacing-lg) 0}.retry-button{border-radius:var(--border-radius-md);color:var(--bg-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.retry-button:hover{background:var(--accent-green)}.item-pane{box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;max-width:100%;min-height:max-content;width:100%}.knowledge-create-tree-fab{align-items:center;bottom:110px;display:flex;flex-direction:row;gap:12px;gap:var(--spacing-sm,12px);position:fixed;right:var(--spacing-xl);z-index:1000}@media (min-width:769px){.knowledge-create-tree-fab{right:calc(var(--spacing-xl) + var(--sidebar-width))}}.knowledge-create-tree-fab .seed-counter{opacity:0;pointer-events:none;transform:translateX(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.knowledge-create-tree-fab:hover .seed-counter{opacity:1;pointer-events:auto;transform:translateX(0)}.create-tree-fab-button{align-items:center;background:var(--tree-green);border:none;border-radius:50%;box-shadow:var(--shadow-lg);color:var(--text-on-accent);cursor:pointer;display:flex;height:56px;justify-content:center;position:relative;transition:all var(--transition-medium);width:56px;z-index:1001}.create-tree-fab-button:hover{background:var(--accent-green);box-shadow:var(--shadow-xl);filter:brightness(1.1);transform:scale(1.05)}.create-tree-fab-button svg{fill:currentColor;height:28px;width:28px}@media (max-width:768px){.knowledge-create-tree-fab{bottom:90px;right:var(--spacing-lg)}.create-tree-fab-button{height:52px;width:52px}.create-tree-fab-button svg{height:24px;width:24px}}@media (max-width:600px){.knowledge-create-tree-fab{bottom:148px}}.tree-nav-controls{gap:4px}.tree-nav-arrow{font-size:20px;height:32px;width:32px}.tree-nav-arrow svg{flex-shrink:0}.tree-nav-arrow:disabled{pointer-events:none}.tree-nav-controls--navbar{gap:6px}.tree-nav-controls--navbar .tree-nav-arrow{background:var(--glass-hover-overlay);border:1px solid var(--glass-border-dark-subtle);border-radius:var(--border-radius-md);color:var(--text-secondary);height:32px;width:32px}.tree-nav-controls--navbar .tree-nav-arrow:hover:not(:disabled){background:var(--glass-hover-overlay);border-color:var(--glass-border-dark);box-shadow:0 4px 12px #00000026;color:var(--text-primary);transform:translateY(-1px)}.tree-nav-controls--navbar .tree-nav-arrow:active:not(:disabled){background:var(--glass-active-overlay);transform:translateY(0)}.tree-nav-controls--navbar .tree-nav-arrow:disabled{border-color:var(--glass-border-dark-subtle);cursor:not-allowed;opacity:.4}.light-theme .tree-nav-controls--navbar .tree-nav-arrow{background:var(--glass-hover-overlay-light);border:1px solid var(--glass-border-light-subtle);color:var(--text-secondary)}.light-theme .tree-nav-controls--navbar .tree-nav-arrow:hover:not(:disabled){background:var(--glass-hover-overlay-light);border-color:var(--glass-border-light);box-shadow:0 4px 12px #3d34281f;color:var(--text-primary)}.light-theme .tree-nav-controls--navbar .tree-nav-arrow:active:not(:disabled){background:var(--glass-active-overlay-light)}.tree-nav-controls--drawer{gap:3px}.tree-nav-controls--drawer .tree-nav-arrow{background:#0000;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary)}.tree-nav-controls--drawer .tree-nav-arrow:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f64d;color:var(--accent-blue-solid);transform:translateY(-1px)}.tree-nav-controls--drawer .tree-nav-arrow:active:not(:disabled){transform:translateY(0)}.tree-nav-controls--modal{gap:3px}.tree-nav-controls--modal .tree-nav-arrow{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:18px;height:28px;width:28px}.tree-nav-controls--modal .tree-nav-arrow:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-blue-solid);color:var(--accent-blue-solid)}.tree-nav-arrow:focus-visible{outline:2px solid var(--accent-blue-solid);outline-offset:2px}@media (prefers-reduced-motion:reduce){.tree-nav-arrow{transition:none}}@media (prefers-contrast:high){.tree-nav-arrow{border:2px solid}.tree-nav-arrow:hover:not(:disabled){background:var(--accent-blue-solid);color:var(--bg-primary)}}.action-edit-form,.branch-edit-form,.resource-edit-form{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px);padding:0;width:100%}.form-group{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-xs,8px)}.form-group label{align-items:center;color:#f8f8f2;color:var(--text-primary,#f8f8f2);display:flex;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;font-weight:var(--font-weight-medium,500);gap:4px}.form-group label .required{color:#f92672;color:var(--status-error,#f92672);font-weight:600;font-weight:var(--font-weight-semibold,600)}.form-group input[type=email],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border:1px solid #404040;border:1px solid var(--border-color,#404040);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:15px;font-size:var(--font-size-base,15px);line-height:1.6;line-height:var(--line-height-relaxed,1.6);padding:12px;padding:var(--spacing-sm,12px);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#7cb518;border-color:var(--tree-green,#7cb518);box-shadow:0 0 0 3px #66d9ef1a;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.6}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#f92672;border-color:var(--status-error,#f92672)}.form-group textarea{min-height:80px;resize:vertical}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23f8f8f2' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.form-group--checkbox{align-items:center;flex-direction:row}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:12px;gap:var(--spacing-sm,12px);-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#7cb518;accent-color:var(--tree-green,#7cb518);cursor:pointer;height:20px;width:20px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.checkbox-label span{color:#a09f93;color:var(--text-secondary,#a09f93);font-size:14px;font-size:var(--font-size-sm,14px)}.form-group--toggle{align-items:flex-start;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-xs,8px)}.form-group--toggle .form-label{margin:0}.toggle-container{display:inline-block;height:24px;width:44px}.toggle-switch{background-color:#3a3a3a;background-color:var(--bg-tertiary,#3a3a3a);border:1px solid #404040;border:1px solid var(--border-color,#404040);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.toggle-switch,.toggle-switch:before{transition:all .2s;transition:all var(--transition-normal,.2s)}.toggle-switch:before{background-color:#a09f93;background-color:var(--text-secondary,#a09f93);bottom:2px;height:18px;left:2px;width:18px}.toggle-container input[type=checkbox]:checked+.toggle-switch{background-color:#7cb518;background-color:var(--tree-green,#7cb518);border-color:#7cb518;border-color:var(--tree-green,#7cb518)}.toggle-container input[type=checkbox]:checked+.toggle-switch:before{background-color:#fff;transform:translateX(20px)}.toggle-container input[type=checkbox]:disabled+.toggle-switch{opacity:.4}.toggle-container input[type=checkbox]:focus+.toggle-switch{box-shadow:0 0 0 2px #7cb5184d;box-shadow:0 0 0 2px var(--focus-ring,#7cb5184d)}.expand-description-button{align-items:center;background:var(--bg-elevated);border:1px solid #0000;border-radius:4px;bottom:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;min-height:auto;min-width:auto;opacity:.7;padding:6px;position:absolute;right:8px;transition:all var(--transition-fast);z-index:10}.expand-description-button:hover{background:var(--bg-tertiary);border-color:#7cb518;border-color:var(--tree-green,#7cb518);color:#7cb518;color:var(--tree-green,#7cb518);opacity:1;transform:scale(1.05)}.expand-description-button:active{transform:scale(.98)}.expand-description-button svg{stroke:currentColor;height:16px;width:16px}.light-theme .expand-description-button{background:var(--beige-canvas);color:var(--text-muted)}.light-theme .expand-description-button:hover{background:var(--beige-linen);border-color:#7cb518;border-color:var(--tree-green,#7cb518);color:#7cb518;color:var(--tree-green,#7cb518)}.form-group--info{background:#242322;background:var(--bg-tertiary,#242322);border:1px solid #404040;border:1px solid var(--border-color,#404040);border-radius:8px;border-radius:var(--border-radius-md,8px);padding:12px;padding:var(--spacing-sm,12px)}.form-group--info label{color:#75715e;color:var(--text-tertiary,#75715e);font-size:13px;font-size:var(--font-size-xs,13px);margin-bottom:8px;margin-bottom:var(--spacing-xs,8px)}.status-badge-display{align-items:center;display:flex;gap:8px;gap:var(--spacing-xs,8px)}.status-badge{border-radius:4px;border-radius:var(--border-radius-sm,4px);font-size:13px;font-size:var(--font-size-xs,13px);font-weight:var(--font-weight-medium,500);padding:4px 12px;text-transform:capitalize}.status-badge--pending{background:#75715e33;background:var(--status-badge-pending-bg,#75715e33);color:#9d9280;color:var(--node-inactive-beige,#9d9280)}.status-badge--active{background:#a6e22e33;background:var(--status-badge-active-bg,#a6e22e33);color:#a6e22e;color:var(--reactflow-branch-status-active-color,#a6e22e)}.status-badge--completed{background:#7cb51833;background:var(--status-badge-complete-bg,#7cb51833);color:#7cb518;color:var(--reactflow-branch-completed-border,#7cb518)}.error-message{color:#f92672;color:var(--status-error,#f92672);font-weight:var(--font-weight-medium,500)}.char-count,.error-message{font-size:13px;font-size:var(--font-size-xs,13px);margin-top:4px}.char-count{color:#75715e;color:var(--text-tertiary,#75715e);text-align:right}.form-actions{border-top:1px solid #404040;border-top:1px solid var(--border-color,#404040);display:flex;gap:12px;gap:var(--spacing-sm,12px);justify-content:flex-end;margin-top:16px;margin-top:var(--spacing-md,16px);padding-top:16px;padding-top:var(--spacing-md,16px)}.form-actions .btn{border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);cursor:pointer;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;font-weight:var(--font-weight-medium,500);padding:12px 24px;padding:var(--spacing-sm,12px) var(--spacing-lg,24px);transition:all .2s ease}.form-actions .btn--primary{background:#7cb518;background:var(--tree-green,#7cb518);color:#1e1f1c;color:var(--bg-primary,#1e1f1c)}.form-actions .btn--primary:hover:not(:disabled){background:#8ec929;background:var(--tree-green-bright,#8ec929);box-shadow:0 4px 12px #66d9ef4d}.form-actions .btn--primary:disabled{cursor:not-allowed;opacity:.6}.form-actions .btn--secondary{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border:1px solid #404040;border:1px solid var(--border-color,#404040);color:#f8f8f2;color:var(--text-primary,#f8f8f2)}.form-actions .btn--secondary:hover:not(:disabled){background:#242322;background:var(--bg-tertiary,#242322);border-color:#75715e;border-color:var(--text-tertiary,#75715e)}.form-actions .btn--secondary:disabled{cursor:not-allowed;opacity:.6}.resource-list{display:flex;flex-direction:column;gap:12px;gap:var(--spacing-sm,12px);margin-top:12px;margin-top:var(--spacing-sm,12px)}.resource-item{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border:1px solid #404040;border:1px solid var(--border-color,#404040);border-radius:8px;border-radius:var(--border-radius-md,8px);padding:16px;padding:var(--spacing-md,16px);transition:border-color .2s ease}.resource-item:hover{border-color:#75715e;border-color:var(--text-tertiary,#75715e)}.resource-item-header{align-items:flex-start;display:flex;gap:12px;gap:var(--spacing-sm,12px)}.resource-item-icon{align-items:center;background:#242322;background:var(--bg-tertiary,#242322);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#7cb518;color:var(--tree-green,#7cb518);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.resource-item-content{flex:1 1;min-width:0}.resource-item-title{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-size:15px;font-size:var(--font-size-base,15px);font-weight:500;font-weight:var(--font-weight-medium,500);margin-bottom:4px}.resource-link{color:#7cb518;color:var(--tree-green,#7cb518);transition:color .2s ease}.resource-link:hover{color:#8ec929;color:var(--tree-green-bright,#8ec929)}.resource-item-description{color:#a09f93;color:var(--text-secondary,#a09f93);font-size:14px;font-size:var(--font-size-sm,14px);line-height:1.5;margin:4px 0}.resource-item-type{background:#242322;background:var(--bg-tertiary,#242322);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#75715e;color:var(--text-tertiary,#75715e);display:inline-block;font-size:13px;font-size:var(--font-size-xs,13px);margin-top:4px;padding:2px 8px}.resource-item-actions{align-items:center;display:flex;gap:8px;gap:var(--spacing-xs,8px)}.checkbox-label-inline{align-items:center;cursor:pointer;display:flex}.checkbox-label-inline input[type=checkbox]{accent-color:#7cb518;accent-color:var(--tree-green,#7cb518);cursor:pointer;height:20px;width:20px}.btn-icon{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#a09f93;color:var(--text-secondary,#a09f93);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background .2s ease,color .2s ease;width:32px}.btn-icon:hover:not(:disabled){background:#f8f5ed14;background:var(--state-hover,#f8f5ed14);color:#f8f8f2;color:var(--text-primary,#f8f8f2)}.btn-icon--danger:hover:not(:disabled){background:#f926721a;color:#f92672;color:var(--status-error,#f92672)}.btn-icon:disabled{cursor:not-allowed;opacity:.4}.form-group--highlighted{background:#242322;background:var(--bg-tertiary,#242322);border:1px solid #404040;border:1px solid var(--border-color,#404040);border-radius:8px;border-radius:var(--border-radius-md,8px);padding:16px;padding:var(--spacing-md,16px)}.form-actions-inline{display:flex;gap:12px;gap:var(--spacing-sm,12px);justify-content:flex-end;margin-top:12px;margin-top:var(--spacing-sm,12px)}.btn--with-icon{align-items:center;display:flex;gap:8px;gap:var(--spacing-xs,8px)}.empty-state{background:#242322;background:var(--bg-tertiary,#242322);border:1px dashed #404040;border:1px dashed var(--border-color,#404040);border-radius:8px;border-radius:var(--border-radius-md,8px);padding:24px;padding:var(--spacing-lg,24px)}.light-theme .resource-item{background:#faf8f0;background:var(--beige-canvas,#faf8f0);border-color:#d4c4a8;border-color:var(--beige-sand,#d4c4a8)}.light-theme .resource-item:hover{border-color:#b8a890;border-color:var(--beige-stone,#b8a890)}.light-theme .resource-item-icon,.light-theme .resource-item-type{background:#f5f1e8;background:var(--beige-linen,#f5f1e8)}.light-theme .empty-state,.light-theme .form-group--highlighted{background:#f5f1e8;background:var(--beige-linen,#f5f1e8);border-color:#d4c4a8;border-color:var(--beige-sand,#d4c4a8)}@media (max-width:600px){.form-actions{flex-direction:column-reverse;gap:8px;gap:var(--spacing-xs,8px)}.form-actions .btn{width:100%}.resource-item-header{flex-direction:column}.resource-item-actions{align-self:flex-end}.form-actions-inline{flex-direction:column-reverse}.form-actions-inline .btn{width:100%}}.save-status-indicator{align-items:center;border-radius:4px;border-radius:var(--border-radius-sm,4px);display:flex;font-size:12px;font-size:var(--font-size-xs,12px);font-weight:500;gap:4px;gap:var(--spacing-xs,4px);padding:4px 8px;padding:var(--spacing-xs,4px) var(--spacing-sm,8px);transition:opacity .3s ease}.save-status-indicator--typing .save-status-indicator__text--typing{color:#999;color:var(--text-tertiary,#999)}.save-status-indicator--saving{background:#3b82f61a}.save-status-indicator--saving .save-status-indicator__text--saving{color:#7cb518;color:var(--tree-green,#7cb518)}.save-status-indicator__spinner{animation:spin 1s linear infinite;border:2px solid #7cb518;border:2px solid var(--tree-green,#7cb518);border-radius:50%;border-top:2px solid #0000;flex-shrink:0;height:14px;width:14px}.save-status-indicator--saved{animation:fadeOut 2s ease 1s forwards;background:#7cb5181a}.save-status-indicator--saved .save-status-indicator__text--saved,.save-status-indicator__check{color:#7cb518;color:var(--accent-green,#7cb518)}.save-status-indicator--error{background:#f926721a}.save-status-indicator--error .save-status-indicator__text--error{color:#f92672;color:var(--status-error,#f92672)}.save-status-indicator__retry-btn{background:#f92672;background:var(--status-error,#f92672);border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#fff;cursor:pointer;font-size:12px;font-size:var(--font-size-xs,12px);font-weight:500;padding:2px 8px;transition:all .2s ease}.save-status-indicator__retry-btn:hover{background:#d11852;background:var(--status-error-dark,#d11852);transform:scale(1.05)}.save-status-indicator__retry-btn:active{transform:scale(.95)}.undo-toast{align-items:center;animation:slideUp .3s ease;background:#2a2a2a;background:var(--elevation-08dp,#2a2a2a);border:1px solid #404040;border:1px solid var(--border-color,#404040);border-radius:12px;border-radius:var(--border-radius-lg,12px);bottom:24px;box-shadow:0 4px 5px #1e1f1c24,0 8px 10px #1e1f1c1f;box-shadow:var(--shadow-elevation-08dp,0 4px 5px #1e1f1c24,0 8px 10px #1e1f1c1f);color:#fff;color:var(--text-primary,#fff);display:flex;font-size:14px;font-size:var(--font-size-sm,14px);gap:16px;gap:var(--spacing-md,16px);left:50%;padding:8px 16px;padding:var(--spacing-sm,8px) var(--spacing-md,16px);position:fixed;transform:translateX(-50%);transition:opacity .3s ease,transform .3s ease;z-index:10000}.undo-toast--closing{animation:slideDown .3s ease;opacity:0;transform:translateX(-50%) translateY(20px)}.undo-toast__message{color:#fff;color:var(--text-primary,#fff);font-weight:500;white-space:nowrap}.undo-toast__undo-btn{background:#0000;border:1px solid #7cb518;border:1px solid var(--accent-green,#7cb518);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#7cb518;color:var(--accent-green,#7cb518);cursor:pointer;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600;padding:4px 12px;transition:all .2s ease;white-space:nowrap}.undo-toast__undo-btn:hover{background:#7cb518;background:var(--accent-green,#7cb518);color:#fff}.undo-toast__undo-btn:active{transform:scale(.95)}.undo-toast__close-btn{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#999;color:var(--text-secondary,#999);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.undo-toast__close-btn:hover{background:#f8f5ed14;background:var(--state-hover,#f8f5ed14);color:#fff;color:var(--text-primary,#fff)}.undo-toast__close-btn:active{transform:scale(.9)}@media (max-width:600px){.undo-toast{bottom:16px;left:16px;max-width:calc(100% - 32px);right:16px;transform:none}.undo-toast--closing{transform:translateY(20px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}}.node-edit-modal-overlay{align-items:center;animation:fadeIn var(--transition-normal) ease-out;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:9999}.node-edit-modal{animation:slideUp var(--transition-normal) ease-out;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);border-radius:20px;box-shadow:var(--glass-shadow-dark),var(--glass-inset-highlight);display:flex;flex-direction:column;max-height:85vh;max-width:900px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.light-theme .node-edit-modal{background:var(--glass-bg-light);border-color:var(--glass-border-light);box-shadow:0 8px 32px #00000014,inset 0 1px 0 #ffffff80}.node-edit-modal__header{align-items:center;background:linear-gradient(180deg,#ffffff08,#fff0);border-bottom:1px solid var(--glass-border-dark-subtle);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.light-theme .node-edit-modal__header{border-bottom-color:var(--glass-border-light)}.header-controls-group{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-sm);margin-left:auto}.hierarchy-indicators{flex-shrink:0;gap:4px}.hierarchy-icon-btn{background:none;border-radius:var(--border-radius-sm)}.hierarchy-icon-btn.active{background:#7cb51826;color:var(--tree-green);cursor:default}.hierarchy-icon-btn.inactive{opacity:.5}.hierarchy-icon-btn.inactive:hover:not(:disabled){opacity:.8}.hierarchy-icon-btn.inactive:active:not(:disabled){transform:scale(.95)}.hierarchy-icon-btn:disabled{cursor:not-allowed}.node-edit-modal__title{align-items:center;color:var(--text-primary);display:flex;flex:1 1;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.node-edit-modal__tree-nav{flex-shrink:0}.node-edit-modal__sibling-nav{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs);margin-left:var(--spacing-md)}.sibling-nav-btn{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast);width:32px}.sibling-nav-btn:hover:not(:disabled){background:var(--glass-hover-overlay);color:var(--tree-green);transform:scale(1.05)}.sibling-nav-btn:active:not(:disabled){transform:scale(.95)}.sibling-nav-btn:disabled{cursor:not-allowed;opacity:.3}.node-edit-modal__connections-inline{align-items:center;display:flex;flex-shrink:0;gap:8px;gap:var(--spacing-xs,8px);margin-left:auto;margin-right:16px;margin-right:var(--spacing-md,16px)}.connections-overflow{color:var(--text-secondary);font-size:14px;font-size:var(--font-size-sm,14px);white-space:nowrap}.connection-edit-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.connection-edit-btn:hover{background:var(--state-hover);border-color:var(--tree-green);color:var(--text-primary)}.connection-edit-btn:active{transform:scale(.95)}.sibling-nav-indicator{color:var(--text-tertiary);font-size:var(--font-size-xs);min-width:50px;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap}.node-edit-modal__header-controls{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-md);margin-left:auto}.node-edit-modal__close-btn{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin:calc(var(--spacing-sm)*-1);padding:var(--spacing-sm);transition:all var(--transition-fast);width:36px}.node-edit-modal__close-btn:hover{background:var(--glass-hover-overlay);color:var(--text-primary);transform:scale(1.05)}.node-edit-modal__close-btn:active{transform:scale(.95)}.node-edit-modal__close-btn:focus-visible{outline:2px solid var(--tree-green);outline-offset:2px}.node-edit-modal__tabs{align-items:center;background:linear-gradient(180deg,#f8f5ed05 0,#0000);border-bottom:1px solid var(--glass-border-dark-subtle);display:flex;gap:0;padding:0 var(--spacing-xl)}.node-edit-modal__tabs .tab{background:none;border:none;color:#a09f93;color:var(--text-secondary,#a09f93);cursor:pointer;font-family:var(--font-sans);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;font-weight:var(--font-weight-medium,500);outline:none;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:color .2s ease}.node-edit-modal__tabs .tab:hover:not(:disabled){color:#f8f8f2;color:var(--text-primary,#f8f8f2)}.node-edit-modal__tabs .tab:disabled{cursor:not-allowed;opacity:.4}.node-edit-modal__tabs .tab--active{color:#7cb518;color:var(--tree-green,#7cb518);font-weight:600;font-weight:var(--font-weight-semibold,600)}.node-edit-modal__tabs .tab--active:after{background:#7cb518;background:var(--tree-green,#7cb518);border-radius:2px 2px 0 0;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.light-theme .node-edit-modal__tabs{background:linear-gradient(180deg,#3d342805 0,#0000);border-bottom-color:#3d34281a}.node-edit-modal__content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-xl);scrollbar-color:var(--glass-border-dark) #0000;scrollbar-width:thin}.node-edit-modal__content::-webkit-scrollbar{width:8px}.node-edit-modal__content::-webkit-scrollbar-track{background:#0000}.node-edit-modal__content::-webkit-scrollbar-thumb{background:var(--glass-border-dark);border-radius:4px}.node-edit-modal__content::-webkit-scrollbar-thumb:hover{background:var(--glass-border-dark-subtle)}.light-theme .node-edit-modal__content{scrollbar-color:var(--glass-border-light) #0000}.light-theme .node-edit-modal__content::-webkit-scrollbar-thumb{background:var(--glass-border-light)}.node-edit-modal__locked-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e1f1cd9;border-radius:var(--border-radius-lg);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.node-edit-modal__locked-content{align-items:center;display:flex;flex-direction:column;max-width:400px;padding:var(--spacing-xl);text-align:center}.node-edit-modal__locked-content .locked-icon{filter:grayscale(.3);font-size:48px;margin-bottom:var(--spacing-md)}.node-edit-modal__locked-content h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm)}.node-edit-modal__locked-content p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md)}.node-edit-modal__locked-content .prerequisite-list{list-style:none;margin:0;padding:0;text-align:left}.node-edit-modal__locked-content .prerequisite-list li{background:var(--elevation-02dp);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.node-edit-modal__locked-content .prerequisite-list li:before{color:var(--text-tertiary);content:"→ "}.node-edit-modal__locked-content .prerequisite-hint{color:var(--text-tertiary);font-style:italic}.light-theme .node-edit-modal__locked-overlay{background:#f5f1e8e6}.light-theme .node-edit-modal__locked-content .prerequisite-list li{background:var(--elevation-01dp)}.node-edit-modal__placeholder{display:flex;flex-direction:column;gap:var(--spacing-md)}.node-edit-modal__placeholder p{margin:0}.node-edit-modal__footer{align-items:center;background:linear-gradient(0deg,#ffffff08,#fff0);border-top:1px solid var(--glass-border-dark-subtle);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-xl)}.light-theme .node-edit-modal__footer{border-top-color:var(--glass-border-light)}.node-edit-modal__footer .btn{min-width:100px}@media (min-width:601px) and (max-width:1199px){.node-edit-modal{max-width:700px;width:85%}.node-edit-modal__footer,.node-edit-modal__header{padding:var(--spacing-md) var(--spacing-lg)}.node-edit-modal__content{padding:var(--spacing-lg)}}@media (max-width:600px){.node-edit-modal-overlay{display:none}}@media (prefers-reduced-motion:reduce){.node-edit-modal,.node-edit-modal-overlay{animation:none}.node-edit-modal__close-btn{transition:none}}@media (prefers-contrast:high){.node-edit-modal,.node-edit-modal__footer,.node-edit-modal__header{border-width:2px}.node-edit-modal__close-btn{outline:1px solid var(--text-secondary)}}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.BranchNode_branchNode__ngN\+K{background:var(--bg-primary);border-color:var(--border-color);border-radius:var(--reactflow-node-border-radius);border-style:solid;border-width:var(--reactflow-node-border-width);box-shadow:var(--reactflow-node-shadow);cursor:pointer;opacity:1;overflow:hidden;position:relative;transition:var(--transition-medium)}.BranchNode_branchNode__ngN\+K:hover{box-shadow:var(--reactflow-node-shadow-hover),0 0 0 1px #fff6}.BranchNode_selected__dukzd{animation:BranchNode_selection-pulse__n9ODY var(--selection-pulse-duration) ease-in-out infinite;border-color:var(--selection-border-color)!important;border-width:var(--selection-border-width)!important;box-shadow:var(--selection-shadow)!important;transform:scale(var(--selection-scale-desktop));transition:var(--selection-transition);z-index:10!important}@keyframes BranchNode_selection-pulse__n9ODY{0%,to{box-shadow:var(--selection-shadow)}50%{box-shadow:var(--selection-shadow-pulse)}}.BranchNode_elasticDrag__8XYVA,.BranchNode_elasticDrag__8XYVA.BranchNode_selected__dukzd{animation:none!important;transform:translateX(0) scale(1)!important;transform:var(--elastic-drag-transform,translateX(0) scale(1))!important}.BranchNode_elasticDragThreshold__9mgpu,.BranchNode_elasticDragThreshold__9mgpu.BranchNode_selected__dukzd{border-color:#8b9a7fb3!important;border-color:var(--accent-primary,#8b9a7fb3)!important;border-width:2px!important;box-shadow:0 8px 32px #8b9a7f66,var(--shadow-elevation-08dp)!important;box-shadow:var( --elastic-drag-shadow,0 8px 32px #8b9a7f66,var(--shadow-elevation-08dp) )!important}@media (prefers-reduced-motion:reduce){.BranchNode_selected__dukzd{animation:none!important;transition:none!important}}@media only screen and (max-width:600px){.BranchNode_branchNode__ngN\+K{backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);contain:layout style paint;will-change:transform}.BranchNode_selected__dukzd{animation:none!important;border-color:var(--selection-border-color)!important;border-width:var(--selection-border-width)!important;box-shadow:var(--selection-shadow-mobile)!important;transform:scale(var(--selection-scale-mobile))!important;transition:var(--selection-transition-mobile);z-index:100!important}@keyframes BranchNode_mobile-selection-pulse-removed__RercZ{0%,to{box-shadow:var(--reactflow-mobile-node-shadow-selected);transform:scale(1.12) translateY(0)}50%{box-shadow:0 12px 48px #3b82f699;transform:scale(1.14) translateY(-2px)}}.BranchNode_branchNode__ngN\+K .BranchNode_nodeHeader__E9IlZ{font-size:18px!important;font-weight:700!important}.BranchNode_branchNode__ngN\+K .BranchNode_nodeContent__9SnYH{font-size:14px!important}}.BranchNode_branchNode__ngN\+K.BranchNode_disabled__5IPmb{background:var(--action-status-pending-bg);border-color:var(--border-color);cursor:not-allowed;opacity:.6}.BranchNode_branchNode__ngN\+K[data-available=false] .BranchNode_collapsedTitle__WzM8O,.BranchNode_branchNode__ngN\+K[data-available=false] .BranchNode_nodeHeader__E9IlZ h4,.BranchNode_branchNode__ngN\+K[data-available=false] .BranchNode_nodeTitle__ELS59{color:var(--inactive-node-title-color)!important}.BranchNode_branchNode__ngN\+K[data-available=false] .BranchNode_nodeHeader__E9IlZ button,.BranchNode_branchNode__ngN\+K[data-available=false] [aria-label="Node options"],.BranchNode_branchNode__ngN\+K[data-available=false] [aria-label=Options]{color:var(--inactive-node-button-color)!important;opacity:var(--inactive-node-button-opacity)}.BranchNode_branchNode__ngN\+K[data-available=false] svg:not(.BranchNode_react-flow__edge-path__wSDEO){fill:var(--inactive-node-icon-color)!important;color:var(--inactive-node-icon-color)!important}.BranchNode_branchNode__ngN\+K[data-available=false] .BranchNode_nodeFooter__W4DJf,.BranchNode_branchNode__ngN\+K[data-available=false] [style*=borderTop]{opacity:var(--inactive-node-section-opacity);pointer-events:none}.BranchNode_branchNode__ngN\+K[data-available=false] .BranchNode_progressBarFill__kEAmh{background:var(--inactive-node-color)!important;box-shadow:none!important}.BranchNode_branchNode__ngN\+K[data-status=completed]{background:var(--reactflow-branch-completed-bg);border-color:var(--reactflow-branch-completed-border);border-width:2px;box-shadow:var(--reactflow-branch-completed-shadow)}.BranchNode_branchNode__ngN\+K[data-status=completed]:hover{box-shadow:var(--reactflow-branch-completed-shadow-hover)}.BranchNode_branchNode__ngN\+K[data-status=completed] .BranchNode_nodeHeader__E9IlZ{background:var(--reactflow-branch-completed-header-bg);border-bottom-color:var(--reactflow-branch-completed-header-border)}.BranchNode_branchNode__ngN\+K[data-status=completed] .BranchNode_collapsedTitle__WzM8O,.BranchNode_branchNode__ngN\+K[data-status=completed] .BranchNode_nodeHeader__E9IlZ h4,.BranchNode_branchNode__ngN\+K[data-status=completed] .BranchNode_nodeTitle__ELS59{color:var(--completed-node-title-color)!important}.BranchNode_branchNode__ngN\+K[data-status=completed] .BranchNode_nodeHeader__E9IlZ button,.BranchNode_branchNode__ngN\+K[data-status=completed] [aria-label="Node options"],.BranchNode_branchNode__ngN\+K[data-status=completed] [aria-label=Options]{color:var(--completed-node-button-color)!important;opacity:var(--completed-node-button-opacity)}.BranchNode_branchNode__ngN\+K[data-status=completed] svg:not(.BranchNode_react-flow__edge-path__wSDEO){fill:var(--completed-node-icon-color)!important;color:var(--completed-node-icon-color)!important}.BranchNode_branchNode__ngN\+K[data-status=completed] .BranchNode_nodeFooter__W4DJf,.BranchNode_branchNode__ngN\+K[data-status=completed] [style*=borderTop]{opacity:var(--completed-node-section-opacity)}.BranchNode_branchNode__ngN\+K[data-status=completed] .BranchNode_progressBarFill__kEAmh{background:var(--completed-node-checkbox-color)!important;box-shadow:0 0 8px var(--completed-node-checkbox-bg)!important}.BranchNode_branchNode__ngN\+K[data-status=pending] .BranchNode_collapsedTitle__WzM8O,.BranchNode_branchNode__ngN\+K[data-status=pending] .BranchNode_nodeHeader__E9IlZ h4,.BranchNode_branchNode__ngN\+K[data-status=pending] .BranchNode_nodeTitle__ELS59{color:var(--text-secondary);color:var(--pending-node-title-color,var(--text-secondary))}.BranchNode_branchNode__ngN\+K[data-status=pending] .BranchNode_nodeHeader__E9IlZ button,.BranchNode_branchNode__ngN\+K[data-status=pending] [aria-label="Node options"],.BranchNode_branchNode__ngN\+K[data-status=pending] [aria-label=Options]{color:var(--text-tertiary);color:var(--pending-node-button-color,var(--text-tertiary))}.BranchNode_branchNode__ngN\+K[data-status=pending] svg:not(.BranchNode_react-flow__edge-path__wSDEO){fill:var(--text-secondary);fill:var(--pending-node-icon-color,var(--text-secondary));color:var(--text-secondary);color:var(--pending-node-icon-color,var(--text-secondary))}.BranchNode_sequenceBadge__s2FSW{align-items:center;border:var(--reactflow-branch-sequence-badge-border);border-radius:50%;color:var(--text-primary);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);height:var(--reactflow-branch-sequence-badge-size);justify-content:center;left:7px;position:absolute;top:var(--reactflow-branch-sequence-badge-offset-top);width:var(--reactflow-branch-sequence-badge-size);z-index:1}.BranchNode_nodeHeader__E9IlZ{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;display:flex;justify-content:space-between;min-height:var(--reactflow-header-min-height);padding:var(--spacing-md) var(--spacing-md) var(--spacing-xs)}.BranchNode_nodeHeader__E9IlZ.BranchNode_disabled__5IPmb{background:var(--action-status-pending-bg)}.BranchNode_headerLeft__npgqg{flex:1 1}.BranchNode_headerLeft__npgqg,.BranchNode_headerRight__2dipG{align-items:center;display:flex;gap:var(--spacing-xs)}.BranchNode_descriptiveLabel__p0BVY{color:var(--text-primary);font-size:var(--reactflow-label-size);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.BranchNode_descriptiveLabel__p0BVY.BranchNode_disabled__5IPmb{color:var(--text-tertiary)}.BranchNode_nodeContent__9SnYH{padding:0 var(--spacing-md) var(--spacing-xs);transition:all .3s ease}.BranchNode_nodeTitle__ELS59{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-xs) 0;word-break:break-word}.BranchNode_nodeTitle__ELS59.BranchNode_disabled__5IPmb{color:var(--text-tertiary)}.BranchNode_nodeDescription__YWvE6{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-normal);margin-bottom:var(--spacing-xs)}.BranchNode_statsGrid__E6-6h{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--spacing-xs)}.BranchNode_statItem__JercD{background:var(--bg-hover);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);text-align:center}.BranchNode_statValue__N6xyQ{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.BranchNode_statLabel__Z1CJx{color:var(--text-tertiary);font-size:10px;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.BranchNode_nodeFooter__W4DJf{align-items:center;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);display:flex;justify-content:space-between;overflow:hidden;padding:0 var(--spacing-md) var(--spacing-sm);position:relative;width:100%}.BranchNode_progressBar__74OY8{background:#75715e26;border-radius:3px;bottom:8px;height:6px;left:12px;overflow:hidden;position:absolute;right:12px;z-index:1}.BranchNode_progressBarFill__kEAmh{background:var(--reactflow-branch-progress-fill);border-radius:3px;box-shadow:var(--reactflow-branch-progress-fill-glow);height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.BranchNode_footerLeft__2xJAR,.BranchNode_footerRight__si7mv{align-items:center;display:flex;gap:var(--spacing-xs)}.BranchNode_statusBadge__pfv8c{align-items:center;border-radius:var(--border-radius-lg);display:inline-flex;font-size:10px;font-weight:var(--font-weight-medium);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.BranchNode_statusBadge__pfv8c.BranchNode_available__elfWA{background:rgba(var(--accent-green-rgb),.1);border:1px solid rgba(var(--accent-green-rgb),.3);color:var(--accent-green)}.BranchNode_statusBadge__pfv8c.BranchNode_locked__7Kchp{background:var(--action-status-pending-bg);border:1px solid var(--border-color);color:var(--action-status-pending)}.BranchNode_connectionAvatar__qE8D7{align-items:center;background:var(--bg-hover);border-radius:var(--border-radius-md);color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.BranchNode_avatarIcon__XRW4L{align-items:center;background:var(--accent-blue);border-radius:50%;color:var(--text-primary);display:flex;font-size:10px;font-weight:var(--font-weight-semibold);height:16px;justify-content:center;width:16px}.BranchNode_nodeContentCollapsed__LSA1p{color:var(--text-secondary);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md) var(--spacing-xs);transition:all .3s ease}.BranchNode_collapsedTitle__WzM8O{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-xs) 0;word-break:break-word}.BranchNode_collapsedTitle__WzM8O.BranchNode_disabled__5IPmb{color:var(--text-tertiary)}.BranchNode_collapsedStats__9RqTg{align-items:center;display:flex;justify-content:space-between}.BranchNode_progressText__IViNX{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.BranchNode_branchNode__ngN\+K[data-available=true]{border-color:var(--border-color)}.BranchNode_branchNode__ngN\+K[data-available=true]:hover{box-shadow:var(--shadow-lg),0 0 0 1px rgba(var(--accent-green-rgb),.4)}.BranchNode_branchNode__ngN\+K[data-available=false]{background:var(--action-status-pending-bg);border-color:var(--border-color)}.BranchNode_branchNode__ngN\+K[data-available=false] .BranchNode_sequenceBadge__s2FSW{background:var(--text-tertiary)}.BranchNode_branchNode__ngN\+K[data-status=completed] .BranchNode_sequenceBadge__s2FSW{background:var(--reactflow-sequence-badge-bg-completed)}.BranchNode_branchNode__ngN\+K[data-status=active] .BranchNode_sequenceBadge__s2FSW{background:var(--reactflow-sequence-badge-bg-active)}.BranchNode_branchNode__ngN\+K[data-status=available] .BranchNode_sequenceBadge__s2FSW{background:var(--reactflow-sequence-badge-bg-available)}.BranchNode_branchNode__ngN\+K[data-status=locked] .BranchNode_sequenceBadge__s2FSW{background:var(--reactflow-sequence-badge-bg-locked)}.BranchNode_expandIcon__KK63D{transition:transform var(--transition-medium)}.BranchNode_expandIcon__KK63D.BranchNode_expanded__wkmPw{transform:rotate(90deg)}.BranchNode_light-theme__lRzmQ .BranchNode_branchNode__ngN\+K{background:var(--bg-secondary);border-color:var(--beige-sand);border-width:1px;box-shadow:var(--reactflow-node-shadow)}.BranchNode_light-theme__lRzmQ .BranchNode_branchNode__ngN\+K:hover{background:var(--bg-tertiary);border-color:var(--accent-sage);box-shadow:var(--reactflow-node-shadow-hover)}.BranchNode_light-theme__lRzmQ .BranchNode_branchNode__ngN\+K[data-available=false]{background:var(--elevation-00dp);border-color:var(--beige-linen);opacity:.75}.BranchNode_light-theme__lRzmQ .BranchNode_branchNode__ngN\+K[data-available=false]:hover{background:var(--bg-secondary);opacity:.85}.BranchNode_light-theme__lRzmQ .BranchNode_branchNode__ngN\+K[data-status=completed]{background:color-mix(in srgb,var(--accent-sage) 8%,var(--bg-secondary) 92%);border-color:var(--accent-sage);border-width:2px;box-shadow:0 2px 8px #8b9a7f26,var(--reactflow-node-shadow)}.BranchNode_light-theme__lRzmQ .BranchNode_branchNode__ngN\+K[data-status=completed]:hover{background:color-mix(in srgb,var(--accent-sage) 12%,var(--bg-secondary) 88%);box-shadow:0 4px 16px #8b9a7f33,var(--reactflow-node-shadow-hover)}.BranchNode_light-theme__lRzmQ .BranchNode_nodeHeader__E9IlZ{background:var(--bg-elevated);border-bottom-color:var(--beige-sand)}.BranchNode_light-theme__lRzmQ .BranchNode_branchNode__ngN\+K[data-status=completed] .BranchNode_nodeHeader__E9IlZ{background:color-mix(in srgb,var(--accent-sage) 10%,var(--bg-elevated) 90%);border-bottom-color:var(--accent-sage)}.BranchNode_light-theme__lRzmQ .BranchNode_branchNode__ngN\+K.BranchNode_selected__dukzd{border-color:var(--accent-slate)!important;box-shadow:0 0 0 3px #6c798833,var(--reactflow-node-shadow-hover)!important}@media (prefers-reduced-motion:reduce){.BranchNode_branchNode__ngN\+K,.BranchNode_expandIcon__KK63D,.BranchNode_nodeContent__9SnYH{transition:none}}.BranchNode_branchNode__ngN\+K:focus-within{outline:2px solid var(--accent-blue);outline-offset:2px}.BranchNode_branchNode__ngN\+K[aria-disabled=true]{cursor:not-allowed}.BranchNode_completionGlow__odP6A{animation:BranchNode_completionGlowDark__83Z1d 2s ease-in-out forwards}@keyframes BranchNode_completionGlowDark__83Z1d{0%{box-shadow:var(--reactflow-branch-completion-glow-start)}50%{box-shadow:var(--reactflow-branch-completion-glow-peak)}to{box-shadow:var(--reactflow-branch-completion-glow-end)}}.light-theme .BranchNode_completionGlow__odP6A{animation:BranchNode_completionGlowLight__fWI1T 2s ease-in-out forwards}@keyframes BranchNode_completionGlowLight__fWI1T{0%{box-shadow:var(--reactflow-branch-completion-glow-start)}50%{box-shadow:var(--reactflow-branch-completion-glow-peak)}to{box-shadow:var(--reactflow-branch-completion-glow-end)}}@media (prefers-reduced-motion:reduce){.BranchNode_completionGlow__odP6A{animation:none}}@keyframes BranchNode_shimmer__FijGY{0%{background-position:-200% 0}to{background-position:200% 0}}.BranchNode_skeletonCircle__tfnt-{animation:BranchNode_shimmer__FijGY 1.5s infinite;background:linear-gradient(90deg,#ffffff1a,#ffffff26 50%,#ffffff1a);background-size:200% 100%;border-radius:50%;flex-shrink:0;height:40px;width:40px}.BranchNode_skeletonBarLong__ui6Wg{height:12px;width:70%}.BranchNode_skeletonBarLong__ui6Wg,.BranchNode_skeletonBarShort__vI2j5{animation:BranchNode_shimmer__FijGY 1.5s infinite;background:linear-gradient(90deg,#ffffff1a,#ffffff26 50%,#ffffff1a);background-size:200% 100%;border-radius:4px}.BranchNode_skeletonBarShort__vI2j5{height:10px;width:40%}.RichNodeContent_richNodeContent__clqyW{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.RichNodeContent_description__RcooC{-webkit-box-orient:vertical;word-wrap:break-word;color:var(--text-secondary);display:-webkit-box;font-size:var(--font-size-sm);hyphens:auto;-webkit-hyphens:auto;line-height:var(--line-height-relaxed);margin:0;overflow:hidden;padding:0;word-break:break-word}.RichNodeContent_description__RcooC[title]:hover{cursor:help}.RichNodeContent_readMoreBtn__DKC0w{background:none;border:none;color:var(--accent-blue-solid);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs);padding:0;position:relative;text-align:left;text-decoration:none;transition:all var(--transition-fast)}.RichNodeContent_readMoreBtn__DKC0w:after{background:currentColor;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width var(--transition-fast);width:0}.RichNodeContent_readMoreBtn__DKC0w:hover:after{width:100%}.RichNodeContent_readMoreBtn__DKC0w:hover{color:var(--accent-blue);transform:translateX(2px)}.RichNodeContent_readMoreBtn__DKC0w:active{opacity:.7;transform:translateX(0)}.RichNodeContent_readMoreBtn__DKC0w:focus-visible{border-radius:var(--border-radius-sm);outline:2px solid var(--accent-blue-solid);outline-offset:2px}.RichNodeContent_light-theme__qdoAK .RichNodeContent_description__RcooC{color:var(--text-charcoal)}.RichNodeContent_light-theme__qdoAK .RichNodeContent_readMoreBtn__DKC0w{color:var(--accent-slate)}.RichNodeContent_light-theme__qdoAK .RichNodeContent_readMoreBtn__DKC0w:hover{color:var(--accent-slate);opacity:.8}@media (max-width:600px){.RichNodeContent_richNodeContent__clqyW{display:none}.RichNodeContent_richNodeContent__clqyW.RichNodeContent_showOnMobile__Fl44W{display:flex}}@media (prefers-reduced-motion:reduce){.RichNodeContent_readMoreBtn__DKC0w,.RichNodeContent_readMoreBtn__DKC0w:after{transition:none}.RichNodeContent_readMoreBtn__DKC0w:hover{transform:none}}@media (prefers-contrast:high){.RichNodeContent_readMoreBtn__DKC0w{text-decoration:underline}.RichNodeContent_description__RcooC{color:var(--text-primary)}}.ActionNode_actionNode__O1pfk{border-color:var(--border-color);border-radius:var(--reactflow-node-border-radius);border-style:solid;border-width:var(--reactflow-node-border-width);box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ActionNode_actionNode__O1pfk:hover{box-shadow:var(--shadow-elevation-04dp),0 0 0 1px #fff6}.ActionNode_selected__f2KZT{animation:ActionNode_action-selection-pulse__5MFr5 var(--selection-pulse-duration) ease-in-out infinite;border-color:var(--selection-border-color)!important;border-width:var(--selection-border-width)!important;box-shadow:var(--selection-shadow)!important;transform:scale(var(--selection-scale-desktop));transition:var(--selection-transition);z-index:10!important}@keyframes ActionNode_action-selection-pulse__5MFr5{0%,to{box-shadow:var(--selection-shadow)}50%{box-shadow:var(--selection-shadow-pulse)}}.ActionNode_elasticDrag__LRmLp,.ActionNode_elasticDrag__LRmLp.ActionNode_selected__f2KZT{animation:none!important;transform:translateX(0) scale(1)!important;transform:var(--elastic-drag-transform,translateX(0) scale(1))!important}.ActionNode_elasticDragThreshold__kDyEI,.ActionNode_elasticDragThreshold__kDyEI.ActionNode_selected__f2KZT{border-color:#8b9a7fb3!important;border-color:var(--accent-primary,#8b9a7fb3)!important;border-width:2px!important;box-shadow:0 8px 32px #8b9a7f66,var(--shadow-elevation-08dp)!important;box-shadow:var(--elastic-drag-shadow,0 8px 32px #8b9a7f66,var(--shadow-elevation-08dp))!important}@media (prefers-reduced-motion:reduce){.ActionNode_selected__f2KZT{animation:none!important;transition:none!important}}@media only screen and (max-width:600px){.ActionNode_actionNode__O1pfk{backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);contain:layout style paint;will-change:transform}.ActionNode_selected__f2KZT{animation:none!important;border-color:var(--selection-border-color)!important;border-width:var(--selection-border-width)!important;box-shadow:var(--selection-shadow-mobile)!important;transform:scale(var(--selection-scale-mobile))!important;transition:var(--selection-transition-mobile);z-index:100!important}@keyframes ActionNode_mobile-action-selection-pulse-removed__\+AAgB{0%,to{box-shadow:var(--reactflow-mobile-node-shadow-selected);transform:scale(1.12) translateY(0)}50%{box-shadow:0 12px 48px #3b82f699;transform:scale(1.14) translateY(-2px)}}.ActionNode_actionNode__O1pfk .ActionNode_nodeHeader__\+fnR9{font-size:14px!important;font-weight:500!important}.ActionNode_actionNode__O1pfk .ActionNode_nodeContent__ud4c5{font-size:13px!important}}.ActionNode_nodeHeader__\+fnR9{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;display:flex;justify-content:space-between;min-height:var(--reactflow-header-min-height);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs)}.ActionNode_headerLeft__jYtLn{flex:1 1}.ActionNode_headerLeft__jYtLn,.ActionNode_headerRight__qqOl0{align-items:center;display:flex;gap:var(--spacing-xs)}.ActionNode_descriptiveLabel__49wYU{color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.ActionNode_headerCheckbox__MmdCf{align-items:center;display:flex;flex-shrink:0;gap:4px}.ActionNode_toggleLabel__q1cjW{color:var(--text-secondary);flex-shrink:0;font-size:11px;font-weight:500;-webkit-user-select:none;user-select:none}.ActionNode_nodeContent__ud4c5{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs);transition:all .3s ease}.ActionNode_nodeTitle__m-vJj{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-xs) 0;word-break:break-word}.ActionNode_nodeDescription__Gf8we{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-normal);margin-bottom:var(--spacing-xs)}.ActionNode_nodeFooter__MPz\+v{align-items:flex-start;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);display:flex;justify-content:space-between;overflow:hidden;padding:0 var(--spacing-md) var(--spacing-sm);width:100%}.ActionNode_statusSection__Ze2Q\+{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ActionNode_statusLabel__dKJBV{color:var(--text-secondary);letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.ActionNode_statusDropdown__vdVOh,.ActionNode_statusLabel__dKJBV{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.ActionNode_statusDropdown__vdVOh{-webkit-appearance:none;appearance:none;background:var(--bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--spacing-xs) center;background-repeat:no-repeat;background-size:12px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;min-width:var(--reactflow-status-dropdown-min-width);outline:none;padding:var(--spacing-xs) var(--spacing-sm);padding-right:28px;transition:var(--transition-fast)}.ActionNode_statusDropdown__vdVOh:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px rgba(var(--accent-green-rgb),.2)}.ActionNode_statusDropdown__vdVOh:hover{border-color:var(--accent-blue)}.ActionNode_optionsButton__Bx9Sk{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;height:var(--reactflow-button-size);justify-content:center;transition:var(--transition-fast);width:var(--reactflow-button-size)}.ActionNode_optionsButton__Bx9Sk:hover{background:var(--bg-hover);color:var(--text-secondary)}.ActionNode_nodeContentCollapsed__qOIGf{color:var(--text-secondary);font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs);transition:all .3s ease}.ActionNode_collapsedTitle__6S9zk{color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-xs) 0;word-break:break-word}.ActionNode_collapsedStatus__lj9vw{align-items:center;display:flex;justify-content:space-between}.ActionNode_statusText__LCwZ8{font-weight:var(--font-weight-semibold)}.ActionNode_actionNode__O1pfk[data-status=pending]{background:var(--action-status-pending-bg);border-color:var(--border-color)}.ActionNode_actionNode__O1pfk[data-status=pending] .ActionNode_statusIndicator__htR40{background:var(--action-status-pending)}.ActionNode_actionNode__O1pfk[data-active=false]:not([data-completed=true]) .ActionNode_collapsedTitle__6S9zk,.ActionNode_actionNode__O1pfk[data-active=false]:not([data-completed=true]) .ActionNode_nodeHeader__\+fnR9 h4,.ActionNode_actionNode__O1pfk[data-active=false]:not([data-completed=true]) .ActionNode_nodeTitle__m-vJj{color:var(--inactive-node-title-color)!important}.ActionNode_actionNode__O1pfk[data-active=false]:not([data-completed=true]) .ActionNode_nodeHeader__\+fnR9 button,.ActionNode_actionNode__O1pfk[data-active=false]:not([data-completed=true]) [aria-label="Node options"],.ActionNode_actionNode__O1pfk[data-active=false]:not([data-completed=true]) [aria-label=Options]{color:var(--inactive-node-button-color)!important;opacity:var(--inactive-node-button-opacity)}.ActionNode_actionNode__O1pfk[data-active=false]:not([data-completed=true]) svg:not(.ActionNode_react-flow__edge-path__9Spk9){fill:var(--inactive-node-icon-color)!important;color:var(--inactive-node-icon-color)!important}.ActionNode_actionNode__O1pfk[data-active=false]:not([data-completed=true]) [style*=borderTop]{opacity:var(--inactive-node-section-opacity);pointer-events:none}.ActionNode_actionNode__O1pfk[data-active=false]:not([data-completed=true]) [title*=growth] svg{fill:var(--inactive-node-growth-icon-color)!important;color:var(--inactive-node-growth-icon-color)!important}.ActionNode_actionNode__O1pfk[data-status=in_progress]{background:var(--action-status-in-progress-bg);border-color:var(--action-status-in-progress-border)}.ActionNode_actionNode__O1pfk[data-status=in_progress] .ActionNode_statusIndicator__htR40{background:var(--action-status-active)}.ActionNode_actionNode__O1pfk[data-completed=true],.ActionNode_actionNode__O1pfk[data-status=completed],.ActionNode_actionNode__O1pfk[data-status=done]{background:var(--reactflow-action-completed-gradient-bg);border-color:var(--reactflow-action-completed-border);box-shadow:var(--reactflow-action-completed-shadow)}.ActionNode_actionNode__O1pfk[data-completed=true] .ActionNode_nodeHeader__\+fnR9 h4,.ActionNode_actionNode__O1pfk[data-completed=true] .ActionNode_nodeTitle__m-vJj{color:var(--inactive-node-title-color)!important}.ActionNode_actionNode__O1pfk[data-completed=true] .ActionNode_nodeHeader__\+fnR9 button,.ActionNode_actionNode__O1pfk[data-completed=true] [aria-label="Node options"],.ActionNode_actionNode__O1pfk[data-completed=true] [aria-label=Options]{color:var(--inactive-node-button-color)!important;opacity:var(--inactive-node-button-opacity)}.ActionNode_actionNode__O1pfk[data-completed=true] svg:not(.ActionNode_react-flow__edge-path__9Spk9):not(.ActionNode_unified-checkbox__checkmark__fK61P){fill:var(--inactive-node-icon-color)!important;color:var(--inactive-node-icon-color)!important}.ActionNode_actionNode__O1pfk[data-completed=true] [title*=growth] svg{fill:var(--inactive-node-growth-icon-color)!important;color:var(--inactive-node-growth-icon-color)!important}.ActionNode_actionNode__O1pfk[data-status=completed] .ActionNode_statusIndicator__htR40,.ActionNode_actionNode__O1pfk[data-status=done] .ActionNode_statusIndicator__htR40{background:var(--action-status-complete)}.ActionNode_actionNode__O1pfk[data-status=in_progress] .ActionNode_statusGlow__kKyz5{animation:ActionNode_pulse__QvSkF 2s infinite;background:linear-gradient(45deg,#0000,var(--action-status-active)33,#0000);border-radius:12px;bottom:-2px;left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.ActionNode_tooltip__BfMyZ{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);bottom:100%;box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:var(--font-size-xs);left:50%;line-height:var(--line-height-normal);margin-bottom:var(--spacing-xs);max-width:200px;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;transform:translateX(-50%);white-space:nowrap;white-space:normal;z-index:1000}.ActionNode_tooltipTitle__az40q{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.ActionNode_tooltipDescription__oVms3{color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.ActionNode_tooltipHint__o6H-q{color:var(--text-tertiary);font-size:10px}.ActionNode_tooltipArrow__llsm2{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--bg-primary);height:0;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:0}.ActionNode_actionNode__O1pfk:focus-within{outline:2px solid var(--accent-blue);outline-offset:2px}.ActionNode_statusDropdown__vdVOh:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ActionNode_actionNode__O1pfk,.ActionNode_nodeContent__ud4c5,.ActionNode_optionsButton__Bx9Sk,.ActionNode_statusDropdown__vdVOh{transition:none}.ActionNode_statusGlow__kKyz5{animation:none}}.ActionNode_toggleIsolation__2A-e7{flex-shrink:0;pointer-events:auto;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;z-index:10}.ActionNode_toggleIsolation__2A-e7 *{pointer-events:auto}.ActionNode_light-theme__e-zUe .ActionNode_actionNode__O1pfk{border-color:var(--beige-sand);box-shadow:var(--reactflow-node-shadow)}.ActionNode_light-theme__e-zUe .ActionNode_actionNode__O1pfk:hover{border-color:var(--accent-sage);box-shadow:var(--reactflow-node-shadow-hover)}.ActionNode_light-theme__e-zUe .ActionNode_actionNode__O1pfk[data-status=pending]{background:var(--bg-secondary);border-color:var(--beige-sand)}.ActionNode_light-theme__e-zUe .ActionNode_actionNode__O1pfk[data-status=in_progress]{background:color-mix(in srgb,var(--accent-slate) 5%,var(--bg-secondary) 95%);border-color:var(--accent-slate)}.ActionNode_light-theme__e-zUe .ActionNode_actionNode__O1pfk[data-status=in_progress]:hover{background:color-mix(in srgb,var(--accent-slate) 8%,var(--bg-secondary) 92%);box-shadow:0 2px 8px #6c798826,var(--reactflow-node-shadow)}.ActionNode_light-theme__e-zUe .ActionNode_actionNode__O1pfk[data-completed=true],.ActionNode_light-theme__e-zUe .ActionNode_actionNode__O1pfk[data-status=completed],.ActionNode_light-theme__e-zUe .ActionNode_actionNode__O1pfk[data-status=done]{background:color-mix(in srgb,var(--accent-sage) 10%,var(--bg-secondary) 90%);border-color:var(--accent-sage);border-width:2px;box-shadow:0 2px 8px #8b9a7f33,var(--reactflow-node-shadow)}.ActionNode_light-theme__e-zUe .ActionNode_actionNode__O1pfk[data-completed=true]:hover,.ActionNode_light-theme__e-zUe .ActionNode_actionNode__O1pfk[data-status=completed]:hover,.ActionNode_light-theme__e-zUe .ActionNode_actionNode__O1pfk[data-status=done]:hover{background:color-mix(in srgb,var(--accent-sage) 15%,var(--bg-secondary) 85%);box-shadow:0 4px 16px #8b9a7f40,var(--reactflow-node-shadow-hover)}.ActionNode_light-theme__e-zUe .ActionNode_nodeHeader__\+fnR9{background:var(--bg-elevated);border-bottom-color:var(--beige-sand)}.ActionNode_light-theme__e-zUe .ActionNode_actionNode__O1pfk[data-status=completed] .ActionNode_nodeHeader__\+fnR9,.ActionNode_light-theme__e-zUe .ActionNode_actionNode__O1pfk[data-status=done] .ActionNode_nodeHeader__\+fnR9{background:color-mix(in srgb,var(--accent-sage) 12%,var(--bg-elevated) 88%);border-bottom-color:var(--accent-sage)}.ActionNode_light-theme__e-zUe .ActionNode_statusDropdown__vdVOh{background:var(--bg-tertiary);border-color:var(--beige-sand);color:var(--text-ink)}.ActionNode_light-theme__e-zUe .ActionNode_statusDropdown__vdVOh:hover{background:var(--bg-elevated);border-color:var(--accent-slate)}.ActionNode_light-theme__e-zUe .ActionNode_statusDropdown__vdVOh:focus{border-color:var(--accent-slate);box-shadow:0 0 0 2px #6c798833}.ActionNode_light-theme__e-zUe .ActionNode_actionNode__O1pfk.ActionNode_selected__f2KZT{border-color:var(--accent-slate)!important;box-shadow:0 0 0 3px #6c798833,var(--reactflow-node-shadow-hover)!important}.ActionNode_light-theme__e-zUe .ActionNode_optionsButton__Bx9Sk{color:var(--text-charcoal)}.ActionNode_light-theme__e-zUe .ActionNode_optionsButton__Bx9Sk:hover{background:var(--elevation-overlay-04dp);color:var(--text-ink)}.toggle-container{align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0;position:relative;-webkit-user-select:none;user-select:none}.toggle-container input[type=checkbox]{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.toggle-switch{background:var(--toggle-bg-off);border:2px solid var(--toggle-border-off);border-radius:calc(var(--toggle-height)/2);display:block;flex-shrink:0;height:var(--toggle-height);position:relative;transition:var(--toggle-transition);width:var(--toggle-width)}.toggle-switch:before{background:var(--toggle-circle-color);border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:var(--toggle-circle-size);left:var(--toggle-padding);position:absolute;top:50%;transform:translateY(-50%);transition:var(--toggle-transition);width:var(--toggle-circle-size)}.toggle-container input[type=checkbox]:checked+.toggle-switch{background:var(--toggle-bg-on);border-color:var(--toggle-border-on)}.toggle-container input[type=checkbox]:checked+.toggle-switch:before{transform:translate(calc(var(--toggle-width) - var(--toggle-circle-size) - var(--toggle-padding)*2),-50%)}.toggle-container:hover .toggle-switch{box-shadow:0 0 0 4px #6d7a881a}.light-theme .toggle-container:hover .toggle-switch{box-shadow:0 0 0 4px #6d7a8814}.toggle-container input[type=checkbox]:focus+.toggle-switch{outline:2px solid var(--accent-blue);outline-offset:2px}.light-theme .toggle-container input[type=checkbox]:focus+.toggle-switch{outline-color:var(--accent-slate)}.toggle-container input[type=checkbox]:disabled+.toggle-switch{cursor:not-allowed;opacity:.5}.toggle-container:has(input[type=checkbox]:disabled){cursor:not-allowed;pointer-events:none}.toggle-container.variant-green input[type=checkbox]:checked+.toggle-switch{background:linear-gradient(135deg,#10b9814d,#0ea4724d);border-color:var(--tree-green)}.toggle-container.variant-green input[type=checkbox]:checked+.toggle-switch:before{background:var(--tree-green);box-shadow:0 2px 8px #10b98166}.toggle-container.variant-tree-green input[type=checkbox]:checked+.toggle-switch{background:linear-gradient(135deg,#10b9814d,#0ea4724d);border-color:var(--tree-green)}.toggle-container.variant-tree-green input[type=checkbox]:checked+.toggle-switch:before{background:var(--tree-green);box-shadow:0 2px 8px #10b98166}@media (max-width:600px){.toggle-switch{height:calc(var(--toggle-height)*.917);width:calc(var(--toggle-width)*.875)}.toggle-switch:before{height:calc(var(--toggle-circle-size)*.85);width:calc(var(--toggle-circle-size)*.85)}.toggle-container input[type=checkbox]:checked+.toggle-switch:before{transform:translate(calc(var(--toggle-width)*.875 - var(--toggle-circle-size)*.85 - var(--toggle-padding)*2),-50%)}}.compact-nav-controls{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#2a2d3af2;background:var(--bg-secondary,#2a2d3af2);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:8px;border-radius:var(--border-radius-md,8px);bottom:180px;box-shadow:0 4px 16px #00000040;box-shadow:var(--shadow-md,0 4px 16px #00000040);flex-direction:column;gap:2px;gap:var(--spacing-2xs,2px);padding:4px;padding:var(--spacing-2xs,4px);position:fixed;right:var(--spacing-xl);transition:all .2s ease;transition:all var(--transition-fast,.2s ease);z-index:999}@media (max-width:768px){.compact-nav-controls{display:none}}@media (min-width:769px){.compact-nav-controls{right:var(--spacing-xl)}}.compact-zoom-display{animation:fadeInOut 1s ease-in-out;background:#000000e6;border-radius:6px;border-radius:var(--border-radius-sm,6px);font-size:11px;font-size:var(--font-size-xs,11px);left:calc(100% + 8px);left:calc(100% + var(--spacing-sm, 8px));padding:4px 8px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1201}.compact-nav-btn,.compact-zoom-display{color:#fff;font-weight:600;font-weight:var(--font-weight-semibold,600)}.compact-nav-btn{align-items:center;background:#ffffff1a;background:var(--hover-bg-secondary,#ffffff1a);border:none;border-radius:6px;border-radius:var(--border-radius-sm,6px);color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:13px;font-size:var(--font-size-sm,13px);height:clamp(28px,2.5vw,36px);justify-content:center;min-height:clamp(28px,2.5vw,36px);min-width:clamp(28px,2.5vw,36px);transition:all .2s ease;transition:all var(--transition-fast,.2s ease);width:clamp(28px,2.5vw,36px)}.compact-nav-btn:hover{background:var(--color-golden);box-shadow:0 2px 8px #0003;box-shadow:var(--shadow-sm,0 2px 8px #0003);transform:translateY(-1px)}.compact-nav-btn:active{box-shadow:none;transform:translateY(0)}.compact-nav-btn-primary{background:var(--bg-tertiary))}.compact-nav-btn-primary:hover{background:var(--color-golden);box-shadow:0 0 12px var(--color-golden)}.compact-nav-divider{background:#ffffff1a;background:var(--border-color,#ffffff1a);height:1px;margin:4px 0;margin:var(--spacing-xs,4px) 0;width:24px}@media (max-width:768px){.compact-nav-controls{bottom:155px;right:var(--spacing-lg)}.compact-nav-btn{font-size:12px;font-size:var(--font-size-xs,12px);height:28px;min-height:28px;min-width:28px;width:28px}}@media (max-width:600px){.compact-nav-controls{bottom:213px;right:var(--spacing-lg)}.compact-nav-btn{font-size:11px;font-size:var(--font-size-xs,11px);height:26px;min-height:26px;min-width:26px;width:26px}}.light-theme .compact-nav-controls{background:#fffffff2;border-color:#cbd5e1cc;border-color:var(--beige-sand,#cbd5e1cc);box-shadow:0 8px 32px #00000026}.light-theme .compact-nav-btn{background:#f1f5f980;color:#334155}.light-theme .compact-nav-btn:hover{background:var(--color-golden);color:#fff}.light-theme .compact-nav-btn-primary{background:#7cb518e6;background:var(--text-muted,#7cb518e6);color:#fff}.light-theme .compact-nav-divider{background:#cbd5e1cc}.return-to-node-btn{align-items:center;animation:fadeInScale .3s cubic-bezier(.4,0,.2,1);background:#3b82f6;background:var(--accent-blue,#3b82f6);border:none;border-radius:50%;bottom:80px;box-shadow:var(--shadow-elevation-06dp);color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);position:fixed;right:16px;transition:all .2s ease;width:48px;z-index:1100}.return-to-node-btn:hover{background:#2563eb;background:var(--accent-blue-hover,#2563eb);box-shadow:var(--shadow-elevation-08dp);transform:scale(1.05)}.return-to-node-btn:active{box-shadow:var(--shadow-elevation-04dp);transform:scale(.95)}.return-to-node-btn:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--accent-blue,#3b82f6);outline-offset:2px}.return-to-node-btn.mobile{bottom:76px;bottom:calc(var(--mobile-sidebar-height, 60px) + 16px);height:56px;width:56px}.return-to-node-btn svg{display:block;height:24px;margin:auto;width:24px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.light-theme .return-to-node-btn{background:#d4a574;background:var(--accent-amber,#d4a574);color:var(--text-ink)}.light-theme .return-to-node-btn:hover{background:color-mix(in srgb,var(--accent-amber) 80%,#000 20%)}.light-theme .return-to-node-btn:focus-visible{outline-color:#d4a574;outline-color:var(--accent-amber,#d4a574)}@media (prefers-reduced-motion:reduce){.return-to-node-btn{animation:fadeIn .2s ease}.return-to-node-btn:active,.return-to-node-btn:hover{transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.react-flow-tree-container{background:var(--elevation-01dp);border-radius:var(--border-radius-lg);height:100%;overflow:hidden;position:relative;touch-action:none;width:100%}.react-flow-smooth-loading{transition:opacity .4s cubic-bezier(.4,0,.2,1)}.react-flow-smooth-loading.loading{opacity:.3}.react-flow-smooth-loading.loaded{opacity:1}.react-flow-tree-container.mobile-framing-pending{opacity:0;transition:opacity .35s ease-out}.react-flow-tree-container.mobile-framing-complete{opacity:1}.react-flow-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:var(--elevation-00dp);bottom:0;display:flex;justify-content:center;left:0;opacity:.9;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.react-flow-loading-overlay.hidden{opacity:0;pointer-events:none}.react-flow-loading-spinner{animation:react-flow-spin 1s linear infinite;border-top:3px solid var(--elevation-overlay-04dp);border:3px solid var(--elevation-overlay-04dp);border-radius:50%;border-top-color:var(--accent-green);height:32px;width:32px}@keyframes react-flow-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (max-width:600px){.organize-button{right:72px!important;top:16px!important}}.react-flow-smooth-loading.loading .react-flow__node{animation:react-flow-node-fade-in .4s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.react-flow__node{opacity:1}.react-flow-smooth-loading.loaded .react-flow__node{animation:none;opacity:1}@keyframes react-flow-node-fade-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.react-flow-smooth-loading.loading .react-flow__node:first-child{animation-delay:0ms}.react-flow-smooth-loading.loading .react-flow__node:nth-child(2){animation-delay:50ms}.react-flow-smooth-loading.loading .react-flow__node:nth-child(3){animation-delay:.1s}.react-flow-smooth-loading.loading .react-flow__node:nth-child(4){animation-delay:.15s}.react-flow-smooth-loading.loading .react-flow__node:nth-child(5){animation-delay:.2s}.react-flow-smooth-loading.loading .react-flow__node:nth-child(6){animation-delay:.25s}.react-flow-smooth-loading.loading .react-flow__node:nth-child(7){animation-delay:.3s}.react-flow-smooth-loading.loading .react-flow__node:nth-child(8){animation-delay:.35s}.react-flow-smooth-loading.loading .react-flow__node:nth-child(n+9){animation-delay:.4s}@media (prefers-reduced-motion:reduce){.react-flow-loading-overlay,.react-flow-smooth-loading,.react-flow__node{animation:none!important;transition:none!important}.react-flow__node{opacity:1!important;transform:none!important}}.react-flow-tree-container .react-flow,.react-flow-tree-container .react-flow__pane,.react-flow-tree-container .react-flow__renderer{touch-action:none}.react-flow-tree-container .branch-drawer-sidebar,.react-flow-tree-container .export-panel,.react-flow-tree-container .help-panel,.react-flow-tree-container .tree-graph-options-menu{touch-action:auto}.light-theme .react-flow-tree-container{background:var(--reactflow-bg-light)}@media only screen and (max-width:600px){.react-flow-tree-container{background:var(--elevation-00dp)}.light-theme .react-flow-tree-container{background:var(--beige-paper)}}.react-flow-tree-container .react-flow__background{background-color:var(--reactflow-bg-primary)}.light-theme .react-flow-tree-container .react-flow__background{background-color:var(--reactflow-bg-light)}@media only screen and (max-width:600px){.react-flow__background.react-flow__background--dots,.react-flow__background.react-flow__background--lines{background-color:var(--elevation-00dp);background-image:none!important}.light-theme .react-flow__background.react-flow__background--dots,.light-theme .react-flow__background.react-flow__background--lines{background-color:var(--beige-paper);background-image:none!important}.react-flow__edge-path{stroke-width:1.5!important;opacity:.6}.react-flow__edge:hover .react-flow__edge-path{stroke-width:2!important;opacity:.8}.react-flow__edge.selected .react-flow__edge-path{stroke-width:2!important;opacity:1}}.light-theme .react-flow__background.react-flow__background--dots{background-color:var(--reactflow-bg-light);background-image:radial-gradient(circle,var(--reactflow-bg-pattern-light) 1px,#0000 1px);background-size:20px 20px}.light-theme .react-flow__background.react-flow__background--lines{background-color:var(--reactflow-bg-light);background-image:linear-gradient(var(--reactflow-bg-pattern-light) 1px,#0000 1px),linear-gradient(90deg,var(--reactflow-bg-pattern-light) 1px,#0000 1px);background-size:20px 20px}.react-flow__background.react-flow__background--dots{background-image:radial-gradient(circle,var(--reactflow-bg-pattern) 1px,#0000 1px);background-size:20px 20px}.react-flow__background.react-flow__background--lines{background-image:linear-gradient(var(--reactflow-bg-pattern) 1px,#0000 1px),linear-gradient(90deg,var(--reactflow-bg-pattern) 1px,#0000 1px);background-size:20px 20px}.react-flow-tree-container .react-flow__viewport{transform-origin:0 0}.react-flow__controls{background:var(--reactflow-controls-bg);border:1px solid var(--reactflow-controls-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-elevation-08dp)}.react-flow__controls button{background:var(--elevation-08dp);border:none;border-bottom:1px solid var(--reactflow-controls-border);color:var(--text-primary);transition:var(--transition-fast)}.react-flow__controls button:hover{background:var(--state-hover);color:var(--accent-green)}.react-flow__controls button:last-child{border-bottom:none}.light-theme .react-flow__controls{background:var(--reactflow-controls-light);border:1px solid var(--reactflow-border-light);box-shadow:0 4px 12px #0000001a}.light-theme .react-flow__controls button{background:var(--reactflow-controls-light);border-bottom:1px solid var(--reactflow-border-light);color:#2c2c2c;color:var(--text-primary,#2c2c2c)}.light-theme .react-flow__controls button:hover{background:#f0f0ea;background:var(--bg-primary,#f0f0ea);color:#34c759;color:var(--accent-green,#34c759)}.react-flow__minimap{background:var(--reactflow-minimap-bg);border:1px solid var(--reactflow-minimap-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-elevation-08dp);right:72px!important;top:0!important}.react-flow__minimap-mask{fill:rgba(var(--accent-green-rgb),.1);stroke:var(--tree-green);stroke-width:2}.light-theme .react-flow__minimap{background:var(--reactflow-controls-light);border:1px solid var(--reactflow-border-light);box-shadow:0 4px 12px #0000001a}.light-theme .react-flow__minimap-mask{fill:rgba(var(--accent-green-rgb),.1);stroke:var(--accent-green);stroke-width:2}.light-theme .enhanced-controls button{background:var(--reactflow-controls-light)!important;border:1px solid var(--reactflow-border-light)!important;color:var(--text-primary)!important}.light-theme .enhanced-controls button:hover{background:var(--bg-hover)!important;color:var(--accent-green)!important}.light-theme .export-panel,.light-theme .help-panel{background:var(--reactflow-controls-light)!important;border:1px solid var(--reactflow-border-light)!important;color:var(--text-primary)!important}.light-theme .export-panel h3,.light-theme .help-panel h3{color:var(--text-primary)!important}.light-theme .export-panel p,.light-theme .help-panel p{color:var(--text-secondary)!important}.light-theme .export-panel button,.light-theme .help-panel button{background:var(--bg-hover)!important;border:1px solid var(--reactflow-border-light)!important;color:var(--text-primary)!important}.light-theme .export-panel button:hover,.light-theme .help-panel button:hover{background:var(--bg-primary)!important;color:var(--accent-green)!important}.light-theme .organize-button,.light-theme .organize-buttons button{background:var(--reactflow-controls-light)!important;border:1px solid var(--reactflow-border-light)!important;color:var(--text-primary)!important}.light-theme .organize-button:hover,.light-theme .organize-buttons button:hover{background:var(--bg-hover)!important;color:var(--accent-green)!important}.react-flow__edge-path{stroke:#6b7280;stroke:var(--border-secondary,#6b7280);stroke-width:2;transition:all .3s ease}.react-flow__edge:hover .react-flow__edge-path{stroke:var(--tree-green);stroke-width:3}.react-flow__edge.selected .react-flow__edge-path{stroke:#8b9a7fcc;stroke-width:2.5}.progress-edge{stroke-dasharray:5,5;animation:flow 2s linear infinite}@keyframes flow{to{stroke-dashoffset:-10}}.react-flow-node{background:var(--reactflow-node-bg);border:2px solid var(--reactflow-node-border);border-radius:var(--reactflow-node-border-radius);box-shadow:var(--reactflow-node-shadow);cursor:pointer;min-height:120px;overflow:hidden;position:relative;transition:all .3s ease}.tree-root-node{min-height:120px;min-height:var(--reactflow-branch-height-collapsed,120px)}.tree-root-node.selected{animation:tree-root-selection-pulse var(--selection-pulse-duration) ease-in-out infinite;border-color:var(--selection-border-color);border-width:var(--selection-border-width);box-shadow:var(--selection-shadow);transform:scale(var(--selection-scale-desktop));transition:var(--selection-transition);z-index:10}@keyframes tree-root-selection-pulse{0%,to{box-shadow:var(--selection-shadow)}50%{box-shadow:var(--selection-shadow-pulse)}}@media (prefers-reduced-motion:reduce){.tree-root-node.selected{animation:none!important;transition:none!important}}.react-flow-node:hover{border-color:var(--accent-green);box-shadow:var(--reactflow-node-shadow-hover);transform:translateY(-2px)}.react-flow-node.selected{border-color:var(--selection-border-color);border-width:var(--selection-border-width);box-shadow:var(--shadow-elevation-04dp),0 0 0 var(--selection-ring-width) var(--selection-ring-color)}.react-flow-node.locked-node{cursor:not-allowed;filter:grayscale(.6);opacity:.4;pointer-events:auto;position:relative;transition:all .3s ease}.react-flow-node.locked-node:hover{border-color:var(--border-secondary);box-shadow:var(--reactflow-node-shadow);filter:grayscale(.4);opacity:.55;transform:none}.react-flow-node.locked-node:before{content:"🔒";font-size:14px;opacity:.5;pointer-events:none;position:absolute;right:8px;top:8px;transition:opacity .3s ease;z-index:10}.react-flow-node.locked-node:hover:before{opacity:.8}.react-flow-node.locked-node .node-content,.react-flow-node.locked-node .node-header,.react-flow-node.locked-node .node-title{color:var(--text-muted);opacity:.7}.react-flow-node.locked-node .progress-ring,.react-flow-node.locked-node .status-badge{opacity:.3}.react-flow__edge.locked-edge .react-flow__edge-path{stroke:var(--border-secondary);stroke-width:1.5;stroke-dasharray:4,4;opacity:.3;transition:all .3s ease}.react-flow__edge.locked-edge:hover .react-flow__edge-path{stroke-width:1.5;opacity:.5}@media only screen and (max-width:600px){.react-flow-node.locked-node{opacity:.35}.react-flow-node.locked-node:hover{opacity:.5}.react-flow-node.locked-node:before{font-size:12px;right:6px;top:6px}}.light-theme .react-flow-node.locked-node{filter:grayscale(.7);opacity:.45}.light-theme .react-flow-node.locked-node:hover{filter:grayscale(.5);opacity:.6}@media (prefers-reduced-motion:reduce){.react-flow-node.locked-node,.react-flow__edge.locked-edge .react-flow__edge-path{transition:none!important}}.node-header{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:var(--reactflow-header-bg);border-bottom:1px solid var(--reactflow-header-border);border-radius:var(--reactflow-node-border-radius) var(--reactflow-node-border-radius) 0 0;display:flex;justify-content:space-between;min-height:var(--reactflow-header-min-height);padding:12px 16px 8px}.tree-root-node .node-header{background:#5a4f4314;background:var(--reactflow-tree-root-header-bg,#5a4f4314)}.action-node .node-header,.branch-node .node-header{background:var(--bg-secondary);background:var(--reactflow-header-bg,var(--bg-secondary))}.react-flow-node.disabled .node-header,.react-flow-node:not(.active) .node-header{background:var(--bg-secondary);background:var(--action-status-pending-bg,var(--bg-secondary))}.node-header .descriptive-label{font-size:12px;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.node-header .descriptive-label,.node-title{color:#fff;color:var(--text-primary,#fff);font-weight:600}.node-title{flex:1 1;font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-content{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-size:12px;line-height:1.4;padding:12px 16px}.node-content .node-title{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px;text-align:left}.tree-root-node .node-content .node-title{font-size:16px}.branch-node .node-content .node-title{font-size:14px}.action-node .node-content .node-title{font-size:13px}.node-content-collapsed .node-title{color:#fff;color:var(--text-primary,#fff);font-weight:600;line-height:1.3;margin:0 0 4px;text-align:left}.tree-root-node .node-content-collapsed .node-title{font-size:14px}.branch-node .node-content-collapsed .node-title{font-size:13px}.action-node .node-content-collapsed .node-title{font-size:12px}.node-footer{align-items:center;border-radius:0 0 12px 12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;overflow:hidden;padding:8px 16px 12px}.progress-ring{height:32px;margin-left:8px;position:relative;width:32px}.progress-ring svg{height:100%;transform:rotate(-90deg);width:100%}.progress-ring-bg{fill:none;stroke:var(--elevation-overlay-06dp);stroke-width:3}.progress-ring-progress{fill:none;stroke:var(--accent-green);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:10px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-badge.pending{background:var(--status-badge-pending-bg);border:1px solid var(--status-badge-pending-border);color:var(--status-badge-pending-color)}.status-badge.active,.status-badge.in_progress{background:var(--status-badge-active-bg);border:1px solid var(--status-badge-active-border);color:var(--status-badge-active-color)}.status-badge.completed,.status-badge.done{background:var(--status-badge-complete-bg);border:1px solid var(--status-badge-complete-border);color:var(--status-badge-complete-color)}.react-flow__node-toolbar{backdrop-filter:var(--reactflow-toolbar-backdrop-blur)!important;-webkit-backdrop-filter:var(--reactflow-toolbar-backdrop-blur)!important;background:var(--reactflow-toolbar-bg)!important;border:1px solid var(--reactflow-toolbar-border)!important;border-radius:var(--reactflow-toolbar-button-radius)!important;box-shadow:var(--reactflow-toolbar-shadow)!important;padding:4px!important;pointer-events:auto!important;position:absolute!important;z-index:1001!important}.react-flow__node-toolbar button{pointer-events:auto!important;z-index:1002!important}.react-flow__node{cursor:grab!important;pointer-events:auto!important}.react-flow__node.dragging,.react-flow__node:active{cursor:grabbing!important;z-index:1000!important}.react-flow__node .node-content,.react-flow__node .node-footer,.react-flow__node .node-header,.react-flow__node [class*=nodeContent],.react-flow__node [class*=nodeFooter],.react-flow__node [class*=nodeHeader]{pointer-events:none}.react-flow__node .avatar-box-circular,.react-flow__node .avatar-container,.react-flow__node .avatar-image,.react-flow__node .avatar-initials-overlay,.react-flow__node .react-flow__node-toolbar,.react-flow__node a,.react-flow__node button,.react-flow__node input,.react-flow__node select{pointer-events:auto!important}.react-flow__node:not(.selected) .react-flow__node-toolbar{display:none!important}.react-flow__node.selected .react-flow__node-toolbar{display:block!important}.react-flow__node .avatar-box-circular{-webkit-user-drag:none;user-drag:none;cursor:pointer!important;position:relative;-webkit-user-select:none;user-select:none;z-index:10!important}.react-flow__node .avatar-container{cursor:pointer!important;pointer-events:auto!important;position:relative;z-index:11!important}.react-flow__node .avatar-image{-webkit-user-drag:none;user-drag:none}.react-flow__node .avatar-image,.react-flow__node .avatar-initials-overlay{cursor:pointer!important;pointer-events:auto!important}.react-flow__node .avatar-box-circular:active{z-index:20!important}.react-flow__node .connection-detail-display{pointer-events:auto!important;position:fixed!important;z-index:1500!important}@media (max-width:768px){.react-flow-node{border-radius:8px}.node-header{min-height:36px;padding:8px 12px 6px}.node-title{font-size:13px}.node-content{font-size:11px;padding:8px 12px}.node-footer{padding:6px 12px 8px}.progress-ring{height:24px;width:24px}}@media only screen and (max-width:600px){.tree-root-node.selected{animation:none!important;border-color:var(--selection-border-color)!important;border-width:var(--selection-border-width)!important;box-shadow:var(--selection-shadow-mobile);transform:scale(var(--selection-scale-mobile));transition:var(--selection-transition-mobile);z-index:100}}.react-flow__node.highlighted-node{position:relative}.react-flow__node.highlighted-node:before{animation:search-highlight-pulse 2s ease-in-out infinite;border:3px solid #4a9eff99;border-radius:inherit;bottom:-3px;content:"";left:-3px;pointer-events:none;position:absolute;right:-3px;top:-3px;z-index:1}@keyframes search-highlight-pulse{0%,to{border-color:#4a9eff99;box-shadow:0 0 0 0 #4a9eff66}50%{border-color:#4a9effcc;box-shadow:0 0 0 6px #4a9eff33}}.react-flow__node.dimmed-node{opacity:.3;transition:opacity .3s ease}.react-flow__node.dimmed-node:hover{opacity:.6}@media only screen and (max-width:600px){.react-flow-mobile-container{-webkit-overflow-scrolling:touch;height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.react-flow-mobile-container::-webkit-scrollbar{width:4px}.react-flow-mobile-container::-webkit-scrollbar-track{background:#0000}.react-flow-mobile-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.react-flow-mobile-container .react-flow__node{scroll-margin-bottom:20px;scroll-margin-top:20px;scroll-snap-align:center}.react-flow-mobile-container .react-flow__pane,.react-flow-mobile-container .react-flow__viewport{touch-action:pan-y}.react-flow__node.mobile-leaf-hidden{max-height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important}.react-flow__node.mobile-leaf-expanding{max-height:280px!important;max-height:var(--reactflow-action-height-expanded,280px)!important;opacity:1!important;overflow:hidden!important;pointer-events:auto!important;transition:max-height .3s cubic-bezier(.34,1.2,.64,1),opacity .3s cubic-bezier(.4,0,.2,1)!important}.react-flow__node.mobile-leaf-visible{max-height:none!important;opacity:1!important;overflow:visible!important;pointer-events:auto!important}.react-flow__node.mobile-leaf-collapsing{max-height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;transition:max-height .25s cubic-bezier(.6,0,.4,1),opacity .25s cubic-bezier(.6,0,.4,1)!important}.react-flow__node.mobile-leaf-expanding:first-child{transition-delay:0ms!important}.react-flow__node.mobile-leaf-expanding:nth-child(2){transition-delay:40ms!important}.react-flow__node.mobile-leaf-expanding:nth-child(3){transition-delay:80ms!important}.react-flow__node.mobile-leaf-expanding:nth-child(4){transition-delay:.12s!important}.react-flow__node.mobile-leaf-expanding:nth-child(5){transition-delay:.16s!important}.react-flow__node.mobile-leaf-expanding:nth-child(n+6){transition-delay:.2s!important}.react-flow__node[data-mobile-visible=false]{opacity:0!important;pointer-events:none!important;transform:scale(.8) translateY(-10px)!important}.react-flow__node[data-mobile-visible=true]{opacity:1!important;pointer-events:auto!important;transform:scale(1) translateY(0)!important;transition:opacity .3s ease-out,transform .3s ease-out!important}.react-flow__node.selected{z-index:100!important}}@media (prefers-reduced-motion:reduce){.react-flow__node.mobile-leaf-collapsing,.react-flow__node.mobile-leaf-expanding,.react-flow__node.mobile-leaf-visible,.react-flow__node[data-mobile-visible=true]{animation:none!important;transition:none!important}}@keyframes mobile-leaf-expand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.carousel-display-container{box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;margin-top:120px;overflow:hidden;padding:10px;pointer-events:none;position:relative;width:100%}.carousel-info-box{align-self:flex-start;background-color:#202124d9;border-radius:8px;box-shadow:0 2px 5px #0003;color:#e8eaed;flex:0 0 auto;height:fit-content;margin:30px;max-height:calc(60vh - 60px);overflow-y:auto;padding:16px;pointer-events:auto;transition:all .3s ease;width:300px;z-index:10}.carousel-info-box.no-trees{align-self:center;left:50%;margin:0;position:absolute;top:40%;transform:translate(-50%,-50%);z-index:15}.info-box-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.tree-title-button{background:none;border:none;color:#e8eaed;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tree-title-button:hover{color:#8ab4f8}.no-tree-title{color:#e8eaed;font-size:16px;font-weight:700;opacity:.7}.no-tree-message{flex-direction:column;padding:15px 0}.no-tree-message p{color:#e8eaed;margin:0 0 15px;opacity:.7}.create-tree-button{background-color:var(--tree-green);border:none;border-radius:4px;border-radius:var(--border-radius-md,4px);box-shadow:var(--shadow-elevation-02dp);color:#fff;cursor:pointer;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600;font-weight:var(--font-weight-semibold,600);min-height:44px;padding:8px 16px;padding:var(--spacing-sm,8px) var(--spacing-md,16px);transition:all .2s ease;transition:all var(--transition-medium,.2s ease)}.create-tree-button:hover{background-color:color-mix(in srgb,var(--tree-green) 85%,#000 15%);box-shadow:var(--shadow-elevation-04dp);transform:translateY(-2px)}.create-tree-button:active{background-color:color-mix(in srgb,var(--tree-green) 75%,#000 25%);box-shadow:var(--shadow-elevation-02dp);transform:translateY(0)}.carousel-info-box .options-button{align-items:center;background:none;border:none;color:#e8eaed;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;width:24px}.carousel-info-box .options-icon{filter:invert(1);height:18px;opacity:.7;width:18px}.carousel-info-box .options-button:hover .options-icon{opacity:1}.branch-list-title{color:#8ab4f8;font-size:14px;margin:0 0 8px}.branch-items{list-style:none;margin:0;padding:0}.branch-item{margin-bottom:5px}.branch-button{background:none;border:none;border-radius:4px;color:#e8eaed;cursor:pointer;font-size:14px;padding:5px 8px;text-align:left;transition:background-color .2s;width:100%}.branch-button:hover{background-color:#8ab4f81a}.no-branches{color:#9aa0a6;font-size:14px;font-style:italic}.carousel-detail-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#202124e6;border-radius:12px 12px 0 0;border-top:3px solid #8ab4f866;bottom:0;box-shadow:0 -4px 12px #0000004d;color:#e8eaed;left:0;margin:0;max-height:40vh;overflow-y:auto;padding:16px 24px 20px;pointer-events:auto;position:fixed;right:0;transform:translateY(0);transition:all .3s ease-in-out;z-index:20}.carousel-detail-box.entering{opacity:0;transform:translateY(100%)}.carousel-detail-box.entered{opacity:1;transform:translateY(0)}.detail-box-header{align-items:center;background-color:#202124f2;border-bottom:1px solid #ffffff26;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;position:sticky;top:0;z-index:1}.detail-box-header h3{font-size:16px;font-weight:700;margin:0}.close-button{align-items:center;background:none;border:none;color:#e8eaed;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;line-height:1;padding:0;width:24px}.close-button:hover{color:#8ab4f8}.detail-content{font-size:14px}.detail-item{margin-bottom:10px}.detail-item h4{color:#8ab4f8;font-size:14px;margin:0 0 5px}.detail-item p{margin:0;word-break:break-word}.node-list{list-style:none;margin:0;padding:0}.node-item{background-color:#8ab4f81a;border-radius:3px;font-family:monospace;font-size:12px;margin-bottom:3px;padding:3px 6px}@media (max-width:768px){.carousel-display-container{flex-direction:column;height:100vh;margin-top:80px;padding:5px}.carousel-info-box{align-self:stretch;margin:10px;max-height:calc(70vh - 60px);width:calc(100% - 20px)}.carousel-info-box.no-trees{align-self:center;left:50%;margin:0 20px;position:absolute;top:35%;transform:translate(-50%,-50%);width:calc(100% - 40px)}.carousel-detail-box{max-height:50vh;padding:20px 16px 24px}.detail-box-header h3{font-size:16px}.close-button,.detail-options-button{min-height:44px;min-width:44px}}.carousel-info-box .options-button.active .options-icon{filter:invert(1) brightness(1.5);opacity:1}.branch-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.edit-mode-indicator{color:#4a9eff;font-size:12px;font-style:italic}.branch-item.draggable{border:1px solid #0000;border-radius:4px;cursor:move;transition:all .2s ease}.branch-item.draggable:hover{background-color:#8ab4f80d;border-color:#8ab4f84d}.branch-item.drag-over{background-color:#4a9eff1a;border-color:#4a9eff;transform:translateY(-2px)}.drag-handle{color:#9aa0a6;cursor:grab;font-size:12px;margin-right:8px;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.branch-edit-container{padding:5px 8px;width:100%}.branch-edit-input{background:#8ab4f81a;border:1px solid #4a9eff;border-radius:4px;color:#e8eaed;font-size:14px;outline:none;padding:4px 8px;width:100%}.branch-edit-input:focus{background:#8ab4f826;border-color:#8ab4f8}.branch-edit-input:disabled{cursor:not-allowed;opacity:.6}.add-branch-button{background-color:#4a9eff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;text-align:center;transition:background-color .2s ease;width:100%}.add-branch-button:hover:not(:disabled){background-color:#3480d6}.add-branch-button:disabled{cursor:not-allowed;opacity:.6}.add-branch-item{margin-top:8px;padding:0 8px}.no-branches-container{display:flex;flex-direction:column;gap:12px}.carousel-info-box .branch-button:disabled,.carousel-info-box .options-button:disabled{cursor:not-allowed;opacity:.6}.editable-field-button{background:none;border:1px solid #0000;border-radius:4px;color:#e8eaed;cursor:pointer;padding:4px 8px;text-align:left;transition:all .2s ease;width:100%}.editable-field-button.active{background-color:#8ab4f81a;border-color:#8ab4f84d}.editable-field-button:hover:not(:disabled){background-color:#8ab4f81a}.editable-field-button:disabled{cursor:default}.header-controls{align-items:center;display:flex;gap:8px}.delete-tree-button{align-items:center;background:none;border:none;border-radius:4px;color:#e8eaed;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:background-color .2s ease;width:24px}.delete-tree-button:hover{background-color:#f4433633}.delete-tree-icon{filter:invert(1);height:18px;opacity:.7;width:18px}.delete-tree-button:hover .delete-tree-icon{filter:invert(36%) sepia(77%) saturate(2398%) hue-rotate(349deg) brightness(101%) contrast(94%);opacity:1}.delete-tree-button:disabled{cursor:not-allowed;opacity:.5}.delete-tree-button:disabled:hover{background-color:initial}.delete-tree-button:disabled:hover .delete-tree-icon{filter:invert(1);opacity:.5}.tree-title-input-container{width:100%}.tree-title-input{background:#8ab4f81a;border:1px solid #4a9eff;border-radius:4px;color:#e8eaed;font-size:16px;font-weight:700;outline:none;padding:4px 8px;width:100%}.tree-title-input:focus{background:#8ab4f826;border-color:#8ab4f8}.tree-title-input:disabled{cursor:not-allowed;opacity:.6}.branch-item.selected .branch-button{background-color:#8ab4f833;border:1px solid #8ab4f866}.branch-item.selected .branch-button:hover{background-color:#8ab4f840}.tags-display{display:flex;flex-wrap:wrap;gap:4px;min-height:20px}.tags-editor{display:flex;flex-direction:column;gap:8px}.tag,.tags-list{align-items:center;gap:4px}.tag{background-color:#8ab4f833;border:1px solid #8ab4f84d;border-radius:12px;color:#e8eaed;display:inline-flex;font-size:12px;padding:2px 8px}.tag.readonly-tag{background-color:#8ab4f81a;border:1px solid #8ab4f833}.tag.editable-tag{background-color:#8ab4f84d;border:1px solid #8ab4f880}.tag.add-tag-input{background-color:#8ab4f81a;border:1px solid #4a9eff}.tag-input{background:#0000;font-size:12px;min-width:60px;outline:none;width:auto}.tag-delete-button,.tag-input{border:none;color:#e8eaed;padding:0}.tag-delete-button{background:none;cursor:pointer;font-size:14px;line-height:1;margin:0;opacity:.7;transition:opacity .2s ease}.tag-delete-button:hover{color:#ff6b6b;opacity:1}.add-tag-button{background-color:#8ab4f81a;border:1px dashed #8ab4f84d;border-radius:12px;color:#8ab4f8;cursor:pointer;font-size:12px;padding:2px 8px;transition:all .2s ease}.add-tag-button:hover:not(:disabled){background-color:#8ab4f833;border-color:#8ab4f880}.add-tag-button:disabled{cursor:not-allowed;opacity:.5}.no-tags{color:#9aa0a6;font-size:12px}.linked-vision-select{background-color:#8ab4f81a;border:1px solid #8ab4f84d;border-radius:4px;color:#e8eaed;font-size:14px;outline:none;padding:4px 8px;transition:all .2s ease;width:100%}.linked-vision-select:focus{background-color:#8ab4f826;border-color:#8ab4f8}.linked-vision-select:disabled{cursor:not-allowed;opacity:.6}.linked-vision-select option{background-color:#202124f2;color:#e8eaed}.carousel-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.carousel-loading-spinner{animation:spin 1s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#fff;height:50px;width:50px}.carousel-loading-text{color:#fff;font-size:16px;font-weight:500;margin-top:16px}.add-branch-hover-bar{background:linear-gradient(90deg,#4a9eff,#66d9ef);border-radius:4px 4px 0 0;cursor:pointer;height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:5}.branch-list-container{position:relative}.branch-list-container:hover .add-branch-hover-bar{opacity:1}.add-branch-hover-bar:hover{box-shadow:0 2px 8px #4a9eff66;height:6px}.action-items-section{margin-top:12px}.action-items-container{align-items:flex-start;display:flex}.action-items-list{margin-right:16px;max-height:300px;overflow-y:auto;width:220px}.action-item-detail{flex:1 1;min-height:120px}.placeholder{color:#999;font-style:italic}.branch-button{align-items:center;display:flex;justify-content:space-between}.branch-name{flex:1 1;text-align:left}.action-items-count{color:#8ab4f8;flex-shrink:0;font-size:12px;margin-left:8px;opacity:.7}.branch-button:hover .action-items-count{opacity:1}.branch-item-content{align-items:center;display:flex;gap:8px;width:100%}.branch-item-content .branch-button{flex:1 1;margin:0}.delete-branch-button{align-items:center;background:none;border:none;border-radius:2px;color:#e8eaed;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;padding:0;transition:background-color .2s ease;width:20px}.delete-branch-button:hover{background-color:#f4433633}.trash-icon{filter:invert(1);height:14px;opacity:.7;width:14px}.delete-branch-button:hover .trash-icon{filter:invert(36%) sepia(77%) saturate(2398%) hue-rotate(349deg) brightness(101%) contrast(94%);opacity:1}.delete-branch-button:disabled{cursor:not-allowed;opacity:.5}.delete-branch-button:disabled:hover{background-color:initial}.task-checkbox{align-items:center;display:flex;flex-shrink:0;margin-right:var(--spacing-sm)}.task-checkbox input[type=checkbox]{accent-color:#4ade80;accent-color:var(--tree-green,#4ade80);appearance:none;-webkit-appearance:none;background:var(--bg-primary);border:2px solid #fff3;border:2px solid var(--border-color,#fff3);border-radius:50%;cursor:pointer;height:18px;position:relative;transition:all .2s ease;transition:all var(--transition-fast,.2s ease);width:18px}.task-checkbox input[type=checkbox]:checked{background:#4ade80;background:var(--tree-green,#4ade80);border-color:#4ade80;border-color:var(--tree-green,#4ade80)}.task-checkbox input[type=checkbox]:checked:after{color:var(--bg-primary);content:"\2713";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-55%)}.task-checkbox input[type=checkbox]:hover{border-color:#4ade80;border-color:var(--tree-green,#4ade80);opacity:.8}.task-checkbox input[type=checkbox]:focus{outline:2px solid #4ade80;outline:2px solid var(--tree-green,#4ade80);outline-offset:2px}.task-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.task-checkbox input[type=checkbox]:disabled:hover{border-color:#fff3;border-color:var(--border-color,#fff3);opacity:.5}.view-header{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--elevation-08dp);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-elevation-08dp);min-height:48px;padding:var(--spacing-sm) var(--spacing-lg);position:relative;z-index:var(--z-drawer-header-controls)}.view-title{display:block;font-size:var(--font-size-base);line-height:1.5;overflow:visible;padding:var(--spacing-xs) 0}.header-center,.header-left{min-height:32px}.header-center{align-items:center}.header-right{gap:var(--spacing-sm)}.header-right,.options-btn{align-items:center;display:flex}.options-btn{background:none;border:1px solid #0000;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;height:32px;justify-content:center;padding:var(--spacing-sm);transition:all var(--transition-fast);width:32px}.options-btn:hover{background:var(--hover-bg-overlay);border-color:var(--border-color);color:var(--text-primary)}.options-btn svg{flex-shrink:0;height:16px;width:16px}.options-dropdown{animation:dropdownSlideIn .15s ease-out;border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-xs) 0;top:calc(100% + 4px)}.option-item{font-size:var(--font-size-sm)}.option-icon{color:var(--text-secondary)}.option-label{flex:1 1;white-space:nowrap}.drawer-control-header{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding-top:var(--drawer-header-drag-spacing)}.drawer-controls-left{flex:1 1 auto;min-width:0}.drawer-control-btn{height:32px;width:32px}.drawer-control-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.drawer-control-btn:focus{outline:2px solid var(--accent-blue)}.close-btn{width:24px}.drawer-control-btn.back-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.clickable-tree-name{-webkit-line-clamp:3;-webkit-box-orient:vertical;background:#ffffff0d;display:-webkit-box;line-height:1.4;margin-left:var(--spacing-xs);margin-right:auto;max-width:300px;word-break:break-word}.clickable-tree-name:hover{background:#3b82f61a;color:var(--accent-blue)}.static-tree-name{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;margin-left:var(--spacing-xs);margin-right:auto;max-width:300px;word-break:break-word}.hierarchy-indicators-container{margin-left:4px}.hierarchy-indicators.hierarchy-depth-action,.hierarchy-indicators.hierarchy-depth-branch{border-radius:999px;padding:4px 8px 4px 4px}.hierarchy-icon-btn{color:var(--text-secondary)}.hierarchy-icon-btn.active{opacity:1}.hierarchy-icon-btn:focus{outline:2px solid var(--accent-sage);outline-offset:2px}.breadcrumb-item.current{color:var(--accent-blue)}.drawer-control-header[data-view=tree] .clickable-tree-name,.drawer-control-header[data-view=tree] .static-tree-name{max-width:350px}.drawer-control-header[data-view=branch] .clickable-tree-name,.drawer-control-header[data-view=branch] .static-tree-name{max-width:300px}.drawer-control-header[data-view=action] .clickable-tree-name,.drawer-control-header[data-view=action] .static-tree-name{max-width:250px}.mobile-back-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--state-hover);border:none;border-radius:var(--border-radius-full);color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;min-height:44px;min-height:var(--touch-target-min,44px);min-width:44px;min-width:var(--touch-target-min,44px);padding:0;transition:all var(--transition-fast);width:44px}.mobile-back-btn svg{height:24px;width:24px}.mobile-back-btn:hover{background:var(--state-pressed);color:var(--accent-green)}.mobile-back-btn:active{background:var(--state-activated);transform:scale(.95)}.mobile-back-btn:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}@media (max-width:600px){.drawer-control-header{border-radius:0;min-height:44px;padding:var(--spacing-xs) var(--spacing-md);padding-top:var(--drawer-header-drag-spacing)}.drawer-controls-left{gap:var(--spacing-xs)}.drawer-control-btn{height:28px;width:28px}.drawer-control-header .close-btn,.drawer-control-header .hierarchy-indicators-container,.drawer-control-header .tree-nav-controls{display:none!important}.drawer-control-header[data-view=action] .clickable-tree-name,.drawer-control-header[data-view=action] .static-tree-name,.drawer-control-header[data-view=branch] .clickable-tree-name,.drawer-control-header[data-view=branch] .static-tree-name,.drawer-control-header[data-view=tree] .clickable-tree-name,.drawer-control-header[data-view=tree] .static-tree-name{background:#0000!important;font-size:var(--font-size-sm)!important;margin-left:var(--spacing-xs)!important;margin-right:auto!important;max-width:200px!important;padding:0!important}.view-breadcrumb{font-size:var(--font-size-xs)}.breadcrumb-separator{display:none}}.return-to-dashboard-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue)}@media (max-width:600px){.view-footer{min-height:auto;padding:var(--spacing-sm) var(--spacing-md);position:static}}.tree-view{background:var(--drawer-root-view-bg);border-top:1px solid var(--drawer-root-view-border)}.no-branches-message,.tree-view-empty{background:var(--bg-secondary);border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-lg);height:200px;padding:var(--spacing-lg)}.branch-item{box-shadow:var(--shadow-elevation-01dp)}.branch-item:hover{background:var(--bg-elevated);box-shadow:var(--shadow-elevation-04dp)}.branch-item.selected{border-left-color:var(--accent-blue);box-shadow:0 4px 16px #3b82f633}.branch-meta{font-size:var(--font-size-sm)}.branch-item.status-available{border-left-color:#4ade80;border-left-color:var(--accent-green,#4ade80)}.branch-item.status-in-progress{border-left-color:var(--accent-blue,#3b82f6)}.branch-item.status-completed{border-left-color:#4ade80;border-left-color:var(--accent-green,#4ade80)}.branch-connection{color:#4ade80;color:var(--accent-green,#4ade80)}.add-branch-btn{background:var(--accent-blue)}.add-branch-btn:hover{background:var(--accent-blue-hover)}n .action-item{background:#0000;border:none;border-radius:0;cursor:pointer;margin-bottom:2px;padding:var(--spacing-sm);transition:all var(--transition-fast)}.action-item.selected{border-left:3px solid var(--accent-blue)}.save-btn{background:#4ade80;background:var(--accent-green,#4ade80)}.save-btn:hover{background:#22c55e;background:var(--accent-green-hover,#22c55e)}.edit-btn{background:var(--accent-blue,#3b82f6)}.edit-btn:hover{background:var(--accent-blue-hover,#2563eb)}.action-status-button.status-in_progress{border-color:var(--accent-green);color:var(--accent-green)}.action-status-button.status-in_progress:hover{border-color:var(--accent-green)}.action-status-button.status-completed{background:var(--accent-green);border-color:var(--accent-green)}.action-status-button.status-completed:hover{background:var(--accent-blue);border-color:var(--accent-green)}.tag{background:var(--accent-blue,#3b82f6)}.add-action-btn,.add-action-footer .add-action-btn{background:var(--accent-green)}.add-action-btn:hover{background:var(--accent-green-hover)}.action-description-section,.action-details-section,.action-status-section{background:var(--bg-secondary);border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-elevation-01dp);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.details-content{animation:fadeIn .2s ease-out}.completion-condition-section{background:#66d9ef0d;border:1px solid #66d9ef4d;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.completion-condition-label{align-items:center;color:var(--accent-blue);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);margin:0 0 var(--spacing-xs) 0}.completion-condition-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.condition-type{align-items:center;display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs)}.condition-type-label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.condition-type-value{background:#ffffff1a;border-radius:4px;color:var(--text-primary);font-family:monospace;font-size:11px;padding:2px 6px}.condition-description{color:var(--text-secondary);font-size:var(--font-size-xs);font-style:italic;line-height:var(--line-height-normal)}.branches-accordion-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.branch-accordion-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:visible;transition:all var(--transition-fast)}.branch-accordion-item:hover{border-color:var(--accent-blue)}.branch-header{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm);justify-content:flex-start;padding:var(--spacing-md);transition:background-color var(--transition-fast)}.branch-header:hover{background:#ffffff05}.branch-name{font-size:19px;font-weight:600;margin-right:auto}.branch-description{color:var(--text-primary);font-size:var(--font-size-sm);font-style:italic;line-height:1.5;margin:0;opacity:.9}.branch-avatar{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.connection-indicator{flex-shrink:0;font-size:var(--font-size-lg);margin-left:var(--spacing-xs);margin-right:var(--spacing-xs);text-align:center;width:20px}.connection-indicator.connected{color:var(--accent-green)}.connection-indicator.disconnected{color:var(--text-secondary);opacity:.5}.branch-menu-btn{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-left:var(--spacing-xs);padding:var(--spacing-xs);transition:all var(--transition-fast);width:28px}.branch-menu-btn svg{fill:currentColor;height:16px;width:16px}.branch-menu-btn:hover{background:#ffffff1a;color:var(--text-primary)}.branch-menu-btn:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.branch-expanded-content{animation:expandContent .3s ease-out;background:#ffffff05;border-top:1px solid var(--border-color);box-sizing:border-box;padding:var(--spacing-md);padding-top:0;transform-origin:top;width:100%}@keyframes expandContent{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}.action-items-list,.branch-connection-info{margin-bottom:var(--spacing-md)}.action-items-list{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:100%;width:100%}.no-actions{color:var(--text-secondary);font-style:italic;padding:var(--spacing-sm);text-align:center}.action-item{box-sizing:border-box;max-width:100%;overflow:visible;width:100%}.action-item.simple{background:#0000;border:none;border-radius:0;margin-bottom:2px}.action-item.simple:hover{background:#ffffff08;border-radius:var(--border-radius-sm)}.action-item:hover{background:#ffffff08}.action-item-header{box-sizing:border-box;cursor:pointer;gap:var(--spacing-md);justify-content:flex-start;padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast)}.action-item-header:hover{background:#ffffff08}.action-item-header .action-header-left{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm);min-width:0}.action-item-header .action-status-checkbox{align-items:center;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.action-item-header .action-status-checkbox:hover{background:#ffffff14;transform:scale(1.05)}.action-item-header .status-circle{align-items:center;border-radius:50%;display:flex;font-size:12px;font-weight:600;height:18px;justify-content:center;position:relative;transition:all .2s ease;width:18px}.action-item-header .status-circle.status-pending{background:var(--action-status-pending);border:1.5px solid var(--action-status-pending)}.action-item-header .status-circle.status-active,.action-item-header .status-circle.status-in_progress{background:var(--action-status-active-bg);border:2px solid var(--action-status-active)}.action-item-header .status-circle.status-completed,.action-item-header .status-circle.status-done{background:var(--action-status-complete);border:1.5px solid var(--action-status-complete)}.action-item-header .checkmark{color:var(--bg-primary);font-size:11px;font-weight:700;line-height:1}.action-item-header .action-status-checkbox:hover .status-circle.status-pending{background:var(--action-status-pending-hover);border-color:var(--action-status-pending-hover)}.action-item-header .action-status-checkbox:hover .status-circle.status-active,.action-item-header .action-status-checkbox:hover .status-circle.status-in_progress{border-color:var(--action-status-active-hover)}.action-item-header .action-status-checkbox:hover .status-circle.status-completed,.action-item-header .action-status-checkbox:hover .status-circle.status-done{background:var(--action-status-complete-hover);border-color:var(--action-status-complete-hover)}.action-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.action-status{align-items:center;display:flex;flex-shrink:0;margin-left:auto}.status-indicator{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 6px;text-transform:uppercase}.status-indicator.pending{background:var(--accent-yellow);color:var(--bg-primary)}.status-indicator.progress{background:var(--accent-blue);color:var(--bg-primary)}.status-indicator.complete{background:var(--accent-green);color:var(--bg-primary)}.action-item-details{animation:expandActionDetails .25s ease-out;background:#ffffff05;border-top:1px solid var(--border-color);box-sizing:border-box;padding:var(--spacing-md);transform-origin:top;width:100%}@keyframes expandActionDetails{0%{opacity:0;transform:scaleY(.9) translateY(-4px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.action-description{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.4;margin-bottom:var(--spacing-sm)}.action-tags{gap:var(--spacing-xs)}.action-tag{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs)}.add-action-btn{background:#0000;border:1px dashed var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm);transition:all var(--transition-fast);width:100%}.add-action-btn:hover{background:#3b82f60d;border-color:var(--accent-blue);color:var(--accent-blue)}.add-action-btn:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.action-item-header:focus,.branch-header:focus{outline:2px solid var(--accent-blue);outline-offset:-2px}.action-item,.action-item-header,.add-action-btn,.branch-accordion-item,.branch-header,.branch-menu-btn{transition:all var(--transition-fast)}.action-items-list .action-item{animation:fadeInUp .3s ease-out;animation-fill-mode:both}.action-items-list .action-item:first-child{animation-delay:.1s}.action-items-list .action-item:nth-child(2){animation-delay:.15s}.action-items-list .action-item:nth-child(3){animation-delay:.2s}.action-items-list .action-item:nth-child(4){animation-delay:.25s}.action-items-list .action-item:nth-child(n+5){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.action-state-controls{align-items:center;display:flex;gap:var(--spacing-md);margin-right:var(--spacing-sm)}.action-state-controls .toggle-switch{flex-shrink:0}.action-state-controls .task-checkbox{align-items:center;display:flex;flex-shrink:0;gap:4px;margin-right:0}.auto-badge{align-items:center;background:#66d9ef33;border:1px solid #66d9ef66;border-radius:4px;display:inline-flex;justify-content:center;margin-left:4px;padding:2px 4px}.toggle-switch.updating{cursor:wait!important;opacity:.6;pointer-events:none}.toggle-switch.updating:before{animation:pulse-update .8s ease-in-out infinite}@keyframes pulse-update{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:600px){.action-state-controls{gap:var(--spacing-sm)}.drawer-control-header{min-height:44px;padding:var(--spacing-xs) var(--spacing-md);padding-top:var(--spacing-md);position:relative}.drawer-control-header:hover{cursor:grab}.branch-drawer-sidebar.dragging .drawer-control-header{cursor:grabbing!important}.branch-drawer-sidebar.dragging{box-shadow:0 -4px 24px #66d9ef4d}.drawer-control-header{padding:4px 8px}.drawer-controls-left,.drawer-controls-right{gap:2px}.hierarchy-indicators-container{align-items:center;display:flex;flex-shrink:0;width:164px}.hierarchy-indicators{gap:8px!important;margin-left:0!important;max-width:none!important;min-width:0!important;min-width:auto!important;width:fit-content!important}.hierarchy-indicators.hierarchy-depth-tree{border-radius:50%!important;padding:4px!important}.hierarchy-indicators.hierarchy-depth-action,.hierarchy-indicators.hierarchy-depth-branch{border-radius:999px!important;padding:4px 8px 4px 4px!important}.hierarchy-icon-btn{align-items:center!important;display:flex!important;flex-shrink:0!important;height:var(--touch-target-min)!important;justify-content:center!important;min-height:var(--touch-target-min)!important;min-width:var(--touch-target-min)!important;padding:0!important;width:var(--touch-target-min)!important}.drawer-control-header .clickable-tree-name,.drawer-control-header .static-tree-name{background:#0000!important;font-size:var(--font-size-xs);margin-left:var(--spacing-xs);margin-right:0;max-width:180px!important;padding:0}.drawer-control-header .close-btn,.drawer-control-header .tree-nav-arrow,.drawer-control-header .tree-nav-controls{display:none!important}.drawer-control-header.fullscreen-mode{border-top-width:2px;min-height:48px;padding:var(--spacing-sm) var(--spacing-md);padding-top:var(--drawer-header-drag-spacing)!important}.drawer-control-header.fullscreen-mode .clickable-tree-name,.drawer-control-header.fullscreen-mode .drawer-controls-left,.drawer-control-header.fullscreen-mode .static-tree-name{display:flex}.drawer-control-header.fullscreen-mode .clickable-tree-name,.drawer-control-header.fullscreen-mode .static-tree-name{background:#0000!important;font-size:14px;font-size:var(--font-size-sm,14px);margin-left:var(--spacing-sm);margin-right:0;max-width:220px;padding:0}.drawer-control-header.fullscreen-mode .close-btn,.drawer-control-header.fullscreen-mode .tree-nav-controls{display:none!important}.branch-drawer-sidebar.open{transition:height .3s cubic-bezier(.4,0,.2,1),top .3s cubic-bezier(.4,0,.2,1),border-radius .3s cubic-bezier(.4,0,.2,1),z-index 0s}.branch-drawer-sidebar.dragging{transition:none!important;will-change:transform}.drawer-control-header{transition:min-height .3s cubic-bezier(.4,0,.2,1),padding-top .3s cubic-bezier(.4,0,.2,1),border-top-width .3s cubic-bezier(.4,0,.2,1)}.drawer-control-header .clickable-tree-name,.drawer-control-header .drawer-controls-left,.drawer-control-header .hierarchy-indicators,.drawer-control-header .static-tree-name{transition:opacity .2s ease,transform .2s ease}.drawer-control-header.fullscreen-mode .clickable-tree-name,.drawer-control-header.fullscreen-mode .drawer-controls-left,.drawer-control-header.fullscreen-mode .static-tree-name{animation:fadeInSlideDown .3s cubic-bezier(.4,0,.2,1)}}@media (max-width:600px){@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.action-items-section{box-sizing:border-box;max-width:100%;padding:16px 0;width:100%}.section-title{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.action-item-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,var(--bg-secondary),#ffffff05);border:1px solid #ffffff1a;border-left:3px solid #0000;border-radius:14px;box-sizing:border-box;cursor:pointer;margin-bottom:10px;max-width:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.actions-list .action-item-card,.branch-view .action-item-card,.tree-view .action-item-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;margin-bottom:2px}.actions-list .action-item-card:hover,.branch-view .action-item-card:hover,.tree-view .action-item-card:hover{background:#ffffff0a;border:none;border-radius:var(--border-radius-sm);box-shadow:none;transform:none}.actions-list .action-item-card.active,.branch-view .action-item-card.active,.tree-view .action-item-card.active{background:var(--bg-info-overlay);border:none;border-left:3px solid var(--accent-blue);border-radius:var(--border-radius-sm);box-shadow:none}.actions-list .action-item-card:after,.branch-view .action-item-card:after,.tree-view .action-item-card:after{display:none}.action-item-card:after{background:linear-gradient(135deg,#0000,#ffffff08 50%,#0000);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.action-item-card:hover{background:linear-gradient(135deg,#ffffff0f,#ffffff08);border-color:#fff3;box-shadow:0 6px 20px #00000026;transform:translateY(-1px)}.action-item-card:hover:after{opacity:1}.action-item-card.active{background:linear-gradient(135deg,#3b82f61f,#3b82f614);border-color:#3b82f699;border-left-color:var(--accent-blue);box-shadow:0 4px 16px #3b82f633}.action-item-card.keyboard-focused{background:linear-gradient(135deg,#7c3aed26,#7c3aed14);border-color:#7c3aed66;box-shadow:0 0 0 4px #7c3aed1a;outline:2px solid #7c3aed;outline:2px solid var(--accent-purple,#7c3aed);outline-offset:-2px}.action-item-card.collapsed{padding:14px 18px}.action-item-card.expanded{background:linear-gradient(135deg,#ffffff0a,#3b82f605);border-left-color:var(--accent-blue);border-left-width:4px;box-shadow:0 2px 12px #3b82f61a,inset 0 1px 0 #ffffff1a;padding:20px 22px}.action-item-card.expanded:hover{background:linear-gradient(135deg,#ffffff14,#3b82f60a);box-shadow:0 4px 20px #3b82f626,inset 0 1px 0 #ffffff26}.action-item-header{justify-content:space-between;width:100%}.action-header-left,.action-item-header{align-items:center;display:flex;gap:12px}.action-header-left{flex:1 1;min-width:0}.action-title{font-size:17px;font-weight:500;line-height:1.4;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.action-header-right{gap:8px}.action-header-right,.action-status-checkbox{align-items:center;display:flex;flex-shrink:0}.action-status-checkbox{border-radius:50%;cursor:pointer;justify-content:center;padding:4px;transition:all .2s ease}.action-status-checkbox:hover{background:#ffffff14;transform:scale(1.05)}.status-circle{align-items:center;border-radius:50%;display:flex;font-size:12px;font-weight:600;height:18px;justify-content:center;position:relative;transition:all .2s ease;width:18px}.status-circle.status-pending{background:var(--action-status-pending);border:1.5px solid var(--action-status-pending)}.status-circle.status-active,.status-circle.status-in_progress{background:var(--action-status-active-bg);border:2px solid var(--action-status-active)}.status-circle.status-completed,.status-circle.status-done{background:var(--action-status-complete);border:1.5px solid var(--action-status-complete)}.checkmark{color:var(--bg-primary);font-size:11px;font-weight:700;line-height:1}.action-status-checkbox:hover .status-circle.status-pending{background:var(--action-status-pending-hover);border-color:var(--action-status-pending-hover)}.action-status-checkbox:hover .status-circle.status-active,.action-status-checkbox:hover .status-circle.status-in_progress{border-color:var(--action-status-active-hover)}.action-status-checkbox:hover .status-circle.status-completed,.action-status-checkbox:hover .status-circle.status-done{background:var(--action-status-complete-hover);border-color:var(--action-status-complete-hover)}.action-note-indicator{align-items:center;display:flex;flex-shrink:0;font-size:10px;height:16px;justify-content:center;opacity:.7;transition:opacity .2s ease;width:16px}.action-item-card:hover .action-note-indicator{opacity:1}.expand-indicator{border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:12px;line-height:1;padding:4px;transition:transform .2s ease,color .2s ease;-webkit-user-select:none;user-select:none}.action-item-card:hover .expand-indicator{background:#ffffff0d;color:var(--text-primary)}.action-item-card.expanded .expand-indicator{color:var(--accent-blue);transform:rotate(180deg)}.action-item-content{box-sizing:border-box;margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease-out,opacity .2s ease-out;width:100%}.action-item-content.expanded{box-sizing:border-box;margin-top:12px;max-height:800px;opacity:1;width:100%}.action-description-section{box-sizing:border-box;margin-bottom:16px;width:100%}.action-description-section .action-desc-editor textarea,.action-description-section .inline-editor-input{color:var(--text-primary);font-size:15px;line-height:1.5;min-height:60px}.action-description-section .inline-editor-display{color:var(--text-primary);font-size:15px;line-height:1.5;opacity:.9}.action-description-section *{color:var(--text-primary)}.action-description-section .inline-editor,.action-description-section .inline-editor.display{color:var(--text-primary);font-size:15px}.action-tags-section{margin-bottom:16px}.action-tags-section .tags-label{color:var(--text-primary);font-size:13px;font-weight:600;letter-spacing:.05em;margin:0 0 8px;text-transform:uppercase}.action-menu-section{border-top:1px solid #ffffff14;display:flex;justify-content:flex-end;padding-top:8px}.action-edit-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:4px 8px;transition:all .2s ease}.action-edit-btn:hover{background:#ffffff1a;color:var(--text-primary)}.action-menu-info{align-items:center;display:flex;font-size:12px;gap:12px}.task-linked-indicator{background:#3b82f61a;border-radius:8px;color:var(--accent-blue);font-size:11px;font-weight:500;padding:2px 6px}.action-description-display{font-size:14px;line-height:1.5;min-height:20px;padding:8px 0}.action-tags-display{gap:12px}.action-tags-display .tags-list{display:flex;flex-wrap:wrap;gap:6px}.action-tags-display .tag-chip{background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:12px;color:var(--text-secondary);font-size:11px;font-weight:500;padding:3px 8px}.action-tags-display .no-tags{color:var(--text-secondary);font-size:12px;font-style:italic;opacity:.6}.light-theme .action-item-card{background:#00000005;border-color:#00000014}.light-theme .action-item-card:hover{background:#0000000a;border-color:#00000026}.light-theme .action-item-card.expanded{background:#00000005;border-left-color:var(--accent-blue)}.light-theme .action-item-card.expanded:hover{background:#0000000a}.light-theme .action-item-content.expanded{border-top:1px solid #00000014}.light-theme .action-menu-section{border-top-color:#00000014}.branch-menu-container,.card-menu-container{position:relative}.branch-menu-btn,.card-menu-btn{background:#0000;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:6px;transition:all .2s ease}.branch-menu-btn:hover,.card-menu-btn:hover{background:#ffffff0d;border-color:#fff3;color:var(--text-primary)}.drawer-menu-btn{background:#0000;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:6px;transition:all .2s ease}.drawer-menu-btn:hover{background:#ffffff0d;border-color:#fff3;color:var(--text-primary)}.branch-dropdown-menu,.card-dropdown-menu{background:var(--bg-secondary);border:1px solid #ffffff26;border-radius:8px;box-shadow:0 8px 24px #0006;min-width:120px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.menu-item{background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:14px;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.menu-item:hover{background:#ffffff14}.menu-item.danger{color:#ef4444;color:var(--accent-red,#ef4444)}.menu-item.danger:hover{background:#ef44441a}.branch-item-actions{align-items:center;display:flex;gap:8px}.light-theme .branch-dropdown-menu,.light-theme .card-dropdown-menu{background:var(--bg-primary);border-color:#00000026;box-shadow:0 8px 24px #00000026}.light-theme .menu-item:hover{background:#0000000d}.light-theme .branch-menu-btn:hover,.light-theme .card-menu-btn:hover{background:#0000000d;border-color:#0003}.resources-list{padding:16px 24px}.resource-items-container{display:flex;flex-direction:column;gap:16px;margin-top:16px}.resource-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:all .2s ease}.resource-card:hover{border-color:var(--accent-primary);box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.resource-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.resource-icon{font-size:20px;line-height:1}.resource-type{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.resource-content{display:flex;flex-direction:column;gap:8px}.resource-link{align-items:center;color:var(--accent-primary);display:inline-flex;font-size:16px;font-weight:600;gap:4px;text-decoration:none;transition:all .2s ease}.resource-link:hover{color:var(--accent-primary-hover);text-decoration:underline}.resource-link:after{content:"↗";font-size:14px;opacity:.7}.resource-name{color:var(--text-primary);font-size:16px;font-weight:600}.resource-description{background:var(--bg-secondary);border-left:3px solid var(--accent-primary);border-radius:6px;margin-top:8px;padding:8px 12px}.useful-parts-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.useful-parts{color:var(--text-primary)}.resource-desc,.useful-parts{font-size:14px;line-height:1.5;margin:0}.resource-desc{color:var(--text-secondary)}.tree-resources-section{margin-top:24px}.drawer-resources-section{background:linear-gradient(135deg,#ffffff05,#0000);border-top:1px solid #ffffff1a;flex-shrink:1;margin-top:0;padding:16px 24px 24px}.resources-section-divider{background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;margin-bottom:16px}.resources-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.resource-items{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.resource-item-simple{background:#ffffff08;border-left:3px solid var(--accent-blue);border-radius:8px;padding:8px 12px;transition:all .2s ease}.resource-item-simple:hover{background:#ffffff0f;transform:translateX(2px)}.resource-item-simple .resource-name{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:4px}.resource-item-simple .resource-description{color:var(--text-secondary);font-size:12px;line-height:1.4;margin:0;opacity:.8}.tree-resources-section h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.resources-by-type{display:flex;flex-direction:column;gap:20px}.resource-type-group{display:flex;flex-direction:column;gap:8px}.resource-type-title{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.resource-type-divider{background:var(--border-color);height:1px;margin:4px 0 8px}.resource-item{border-bottom:1px solid #ffffff0d;padding:8px 0}.resource-item:last-child{border-bottom:none}.resource-focus{color:var(--text-secondary);font-size:12px;font-style:italic;margin:4px 0 0}.action-description a,.branch-detail a,.drawer-col-details a,.tree-detail a{border-bottom:1px solid #0000;color:var(--accent-primary);font-weight:500;text-decoration:none;transition:all .2s ease}.action-description a:hover,.branch-detail a:hover,.drawer-col-details a:hover,.tree-detail a:hover{border-bottom-color:var(--accent-primary-hover);color:var(--accent-primary-hover)}.card-drag-list .card-body a{color:var(--accent-primary);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.card-drag-list .card-body a:hover{color:var(--accent-primary-hover);text-decoration-style:solid}.drawer-resources-section.collapsed{padding:var(--spacing-xs) var(--spacing-lg)}.drawer-resources-section.expanded{padding:var(--spacing-md) var(--spacing-lg)}.drawer-resources-section.collapsed .resources-section-divider{background:var(--border-color);height:1px;margin-bottom:var(--spacing-xs);opacity:.3}.resources-section-header:hover{background:var(--bg-secondary)!important}.resources-section-header:active{transform:scale(.98)}.drawer-resources-section *{transition:all var(--transition-fast)}.drawer-resources-section.expanded .resource-item-simple:hover{background:#ffffff14;border-left-color:var(--accent-green)}@media (max-width:600px){.drawer-resources-section{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.drawer-resources-section.collapsed{padding:var(--spacing-xs) var(--spacing-md)}.drawer-resources-section.expanded{padding:var(--spacing-sm) var(--spacing-md)}.resource-items{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.resources-section-title{font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm) 0}.resource-item-simple .resource-name{font-size:var(--font-size-xs)}.resource-item-simple .resource-description{font-size:11px}}.branch-connection-section{margin-bottom:24px}.connection-suggestion-label{display:flex;justify-content:center;margin-bottom:8px}.suggestion-text{color:var(--text-secondary);font-size:12px;font-style:italic;text-align:center}.branch-connection-area{background:#ffffff0d;background:var(--bg-tertiary,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:8px;margin-top:4px;padding:12px}.branch-connection-area .avatar-box{background:#0000;border:none;justify-content:center;padding:0;width:100%}.branch-connection-area .avatar-box:hover{background:#ffffff0d;box-shadow:none;transform:none}.branch-connection-area .avatar-name{color:var(--text-primary);text-align:center}.branch-connection-area .avatar-title{color:var(--text-secondary)}.action-avatar{flex-shrink:0}.avatar-circle{align-items:center;background:linear-gradient(135deg,var(--accent-blue) 0,#8b5cf6 100%);background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-purple,#8b5cf6) 100%);border-radius:50%;box-shadow:0 1px 3px #0003;color:#fff;display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.branch-name-section{margin-bottom:24px}.branch-name-editor{flex:1 1;min-width:0}.branch-name-editor .inline-editor{color:var(--text-primary);font-size:24px;font-weight:600;line-height:1.2}.dark-theme .branch-connection-area{background:#ffffff0d;border-color:#ffffff1a}.dark-theme .branch-connection-area .avatar-box:hover{background:#ffffff14}.light-theme .branch-connection-area{background:#00000005;border-color:#0000001a}.light-theme .branch-connection-area .avatar-box:hover{background:#00000008}.tree-detail{padding:16px 24px}.tree-meta{margin-bottom:24px}.meta-line{font-size:.8rem;margin:4px 0;opacity:.75}.tree-description{margin-bottom:24px}.tree-description h4{color:var(--text-primary);font-size:16px;margin:0 0 12px}.tree-description p{color:var(--text-secondary);line-height:1.5}.tree-actions-summary h4{color:var(--text-primary);font-size:16px;margin:0 0 12px}.summary-stats{display:flex;flex-direction:column;gap:8px}.branch-summary{background:#ffffff0d;border-radius:8px;color:var(--text-secondary);font-size:14px;padding:8px}.no-summary{color:var(--text-secondary);font-style:italic}.branch-overview{padding:24px}.overview-title{border-bottom:2px solid #4ade80;border-bottom:2px solid var(--accent-green,#4ade80);color:#4ade80;color:var(--accent-green,#4ade80);font-size:20px;font-weight:600;margin:0 0 24px;padding-bottom:8px}.branch-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:32px}.stat-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.stat-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:18px;font-weight:700}.expanded-action-info,.no-expanded-info{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:16px}.expanded-action-info h4,.no-expanded-info h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.expanded-action-name{color:var(--accent-blue);font-size:14px;font-weight:600;margin:0 0 8px}.expanded-tip,.instruction-text{color:var(--text-secondary);font-size:13px;font-style:italic;line-height:1.4;margin:0}.light-theme .expanded-action-info,.light-theme .no-expanded-info,.light-theme .stat-item{background:#00000005;border-color:#00000014}.view-header{align-items:center;background:var(--glass-bg-dark-strong);border-bottom:1px solid var(--glass-border-dark-subtle);box-shadow:none;display:flex;flex-shrink:0;justify-content:space-between;min-height:60px;padding:var(--spacing-md) var(--spacing-lg)}.light-theme .view-header{background:var(--glass-bg-light-strong);border-bottom:1px solid var(--glass-border-light-subtle)}.view-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0;text-align:center}.view-footer{background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-sm);min-height:80px;padding:var(--spacing-md) var(--spacing-lg);position:relative;z-index:var(--z-drawer-header-footer)}.footer-nav-row{align-items:center;display:flex;justify-content:center;min-height:40px;width:100%}.footer-nav-group{align-items:center;background:var(--hover-bg-overlay);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);position:relative;z-index:var(--z-drawer-header-footer)}.footer-nav-center,.footer-nav-left,.footer-nav-right{align-items:center;display:flex;flex:0 0 auto;justify-content:center}.footer-nav-center{padding:0 var(--spacing-xs);position:relative;z-index:var(--z-drawer-content-overlay)}.footer-return-row{display:flex;justify-content:center}.tree-nav-arrow{background:#0000;border:none;font-size:16px;padding:var(--spacing-xs);position:relative;z-index:var(--z-drawer-content-overlay)}.tree-nav-arrow:hover{background:#3b82f61a;color:var(--accent-blue)}.tree-pagination-dots{align-items:center;display:flex;justify-content:center}.header-left{align-items:center;display:flex;flex:0 0 auto;gap:var(--spacing-sm)}.header-center{display:flex;flex:1 1;justify-content:center}.return-to-dashboard-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;font-size:.875rem;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-align:center;transition:all var(--transition-fast);z-index:var(--z-drawer-content-overlay)}.drawer-control-header,.return-to-dashboard-btn{align-items:center;display:flex;position:relative}.drawer-control-header{backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);background:var(--glass-bg-dark-strong);border-bottom:1px solid var(--glass-border-dark-subtle);box-shadow:none;flex-shrink:0;justify-content:space-between;min-height:48px;padding:var(--spacing-sm) var(--spacing-lg);z-index:var(--z-drawer-header-controls)}.light-theme .drawer-control-header{background:var(--glass-bg-light-strong);border-bottom:1px solid var(--glass-border-light-subtle)}.drawer-control-header.drawer-header--collapsed{align-items:stretch;border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow-dark),var(--glass-inset-highlight);cursor:pointer;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);padding-bottom:var(--spacing-md);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none}.drawer-control-header.drawer-header--collapsed:hover{background:var(--state-hover);box-shadow:var(--glass-shadow-dark-strong),var(--glass-inset-highlight-strong);transform:translateY(-1px)}.drawer-control-header.drawer-header--collapsed:active{background:var(--state-pressed);transform:translateY(0)}.drawer-header-main-row{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;min-height:32px;width:100%}.drawer-control-header.drawer-header--collapsed .close-btn,.drawer-control-header.drawer-header--collapsed .hierarchy-indicators-container{display:none}.drawer-control-header.drawer-header--collapsed .drawer-controls-left{flex:1 1 auto;max-width:calc(100% - 120px);min-width:0}.drawer-control-header.drawer-header--collapsed .drawer-controls-right{flex-basis:auto;flex-grow:0;flex-shrink:0;min-width:fit-content}.drawer-pagination-row{align-items:center;display:flex;justify-content:center;padding-bottom:var(--spacing-xs);padding-top:var(--spacing-sm);width:100%}.drawer-pagination-row .pagination-dots{opacity:.8;scale:.9}.light-theme .drawer-control-header.drawer-header--collapsed{background:var(--glass-bg-light-strong);box-shadow:var(--glass-shadow-light),var(--glass-inset-highlight-light)}.light-theme .drawer-control-header.drawer-header--collapsed:hover{background:var(--state-hover);box-shadow:var(--glass-shadow-light-strong),var(--glass-inset-highlight-light-strong)}.drawer-controls-left,.drawer-controls-right{align-items:center;display:flex;flex:0 0 auto;gap:var(--spacing-sm)}.drawer-control-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);padding:0;position:relative;transition:all var(--transition-fast)}.hierarchy-indicators-container{flex-shrink:0;margin-left:var(--spacing-xs);width:120px}.hierarchy-indicators,.hierarchy-indicators-container{align-items:center;display:flex;justify-content:flex-start}.hierarchy-indicators{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--elevation-overlay-01dp);gap:6px;transition:padding .2s ease-out,border-radius .2s ease-out;width:fit-content}.hierarchy-indicators.hierarchy-depth-tree{border-radius:50%;padding:4px}.hierarchy-indicators.hierarchy-depth-action,.hierarchy-indicators.hierarchy-depth-branch{border-radius:999px;padding:4px 8px 4px 4px}.hierarchy-icon-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all var(--transition-fast);width:28px}.hierarchy-icon-btn.active{background:var(--state-selected);color:var(--accent-sage)}.hierarchy-icon-btn.inactive{color:var(--text-tertiary);opacity:.6}.hierarchy-icon-btn.inactive:hover:not(:disabled){background:var(--state-hover);color:var(--text-secondary);opacity:1}.hierarchy-icon-btn:disabled{cursor:default}.hierarchy-icon{align-items:center;color:var(--text-secondary);display:flex;height:20px;justify-content:center;opacity:.6;transition:all var(--transition-fast);width:20px}.hierarchy-icon.active{color:var(--accent-blue-solid);opacity:1}.hierarchy-separator{color:var(--text-muted);font-size:12px;opacity:.5}.clickable-tree-name{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:none;border:1px solid #0000;border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;flex-shrink:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-right:6px;max-width:200px;overflow:hidden;padding:var(--spacing-xs) var(--spacing-md);text-overflow:ellipsis;transition:all var(--transition-fast);white-space:nowrap}.clickable-tree-name:hover{background:var(--state-hover);border-color:#3b82f633;color:var(--accent-blue-solid);transform:translateY(-1px)}.static-tree-name{background:#0000;color:var(--text-secondary);flex-shrink:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-left:var(--spacing-sm);margin-right:0;max-width:200px;overflow:hidden;padding:var(--spacing-xs) var(--spacing-sm);text-overflow:ellipsis;white-space:nowrap}.tree-nav-controls{align-items:center;display:flex;gap:3px;margin-right:4px}.tree-nav-arrow{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all var(--transition-fast);width:28px}.tree-nav-arrow:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f64d;color:var(--accent-blue-solid);transform:translateY(-1px)}.tree-nav-arrow:active:not(:disabled){transform:translateY(0)}.tree-nav-arrow:disabled{border-color:var(--border-color-subtle);cursor:not-allowed;opacity:.4}.close-btn{align-items:center;background:#0000!important;border:none!important;color:var(--text-secondary)!important;display:flex;justify-content:center;min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.close-btn:hover{background:var(--hover-bg-overlay)!important;color:var(--text-primary)!important;transform:scale(1.05)}.close-btn svg{height:20px;width:20px}.drawer-control-btn:before{background:linear-gradient(135deg,var(--bg-button-overlay) 0,#0000 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-fast)}.drawer-control-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-blue-solid);box-shadow:0 4px 12px #00000026;color:var(--accent-blue-solid);transform:translateY(-1px)}.drawer-control-btn:hover:before{opacity:1}.drawer-control-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.drawer-control-btn.hide-btn{color:var(--text-tertiary)}.drawer-control-btn.hide-btn:hover{border-color:#f59e0b;border-color:var(--accent-orange,#f59e0b);color:#f59e0b;color:var(--accent-orange,#f59e0b)}.drawer-control-btn.back-btn{color:var(--text-secondary)}.drawer-control-btn.back-btn:hover{border-color:var(--accent-blue-solid);color:var(--accent-blue-solid)}.drawer-view-indicator{align-items:center;display:flex;flex:1 1;justify-content:center;padding:0 var(--spacing-md)}.view-breadcrumb{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs)}.breadcrumb-item{color:var(--text-tertiary);transition:color var(--transition-fast)}.breadcrumb-item.current{color:var(--accent-blue-accent);font-weight:var(--font-weight-semibold)}.breadcrumb-separator{color:var(--text-tertiary);font-size:var(--font-size-xs);opacity:.6}@media (max-width:480px){.drawer-control-header{min-height:44px;padding:var(--spacing-xs) var(--spacing-md)}.drawer-controls-left{gap:var(--spacing-xs)}.drawer-control-btn{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.view-breadcrumb{font-size:var(--font-size-xs)}.breadcrumb-separator{display:none}}@media (min-width:1920px){.options-btn{height:36px;width:36px}.options-btn svg{height:18px;width:18px}.option-icon{height:22px;width:22px}.option-icon svg{height:18px;width:18px}}@media (min-width:2560px){.options-btn{height:40px;width:40px}.options-btn svg{height:20px;width:20px}.option-icon{height:24px;width:24px}.option-icon svg{height:20px;width:20px}}.drawer-control-btn:focus{outline:2px solid var(--accent-blue-solid);outline-offset:2px}.drawer-control-btn[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.drawer-control-header{animation:slideInFromTop .3s cubic-bezier(.4,0,.2,1)}.return-to-dashboard-btn:hover{background:#3b82f61a;border-color:var(--accent-blue-solid);color:var(--accent-blue-solid)}.return-to-dashboard-btn svg{fill:currentColor;flex-shrink:0;height:16px;width:16px}.footer-nav-group .pagination-dots-container{align-items:center;background:#0000;display:flex;gap:6px;justify-content:center;margin:0;padding:0;position:static;z-index:inherit}.footer-nav-group .pagination-dot{background-color:var(--text-secondary);border:none;height:8px;margin:0;opacity:.5;position:static;width:8px}.footer-nav-group .pagination-dot:hover{background-color:var(--accent-blue-solid);opacity:.8;transform:scale(1.2)}.footer-nav-group .pagination-dot.active{background-color:var(--accent-blue-solid);height:10px;opacity:1;width:10px}.header-right{flex:0 0 auto;position:relative}.back-btn,.options-btn{align-items:center;background:none;border:var(--text-secondary);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);padding:var(--spacing-sm);transition:all var(--transition-fast)}.back-btn:hover,.options-btn:hover{background:var(--hover-bg-overlay);color:var(--text-primary)}.back-btn svg,.options-btn svg{flex-shrink:0;height:20px;width:20px}.back-btn{gap:4px;min-width:32px;padding:var(--spacing-sm) var(--spacing-xs);width:auto}.back-btn,.breadcrumb-chevrons{align-items:center;display:flex}.breadcrumb-chevrons{gap:1px;margin-left:2px}.breadcrumb-chevron{color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1;opacity:.8;transition:all var(--transition-fast)}.back-btn:hover .breadcrumb-chevron{color:var(--text-secondary);opacity:1}.connection-area{align-items:center;display:flex}.node-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;line-height:var(--line-height-tight);margin:0;text-align:center}.options-dropdown{background:var(--bg-primary);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:8px;box-shadow:0 4px 16px #0003;min-width:180px;padding:8px 0;position:absolute;right:0;top:100%;z-index:var(--z-drawer-dropdown)}.option-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);text-align:left;transition:background var(--transition-fast);width:100%}.option-item:hover{background:var(--hover-bg-overlay)}.option-icon{align-items:center;display:flex;flex-shrink:0;font-size:var(--font-size-sm);height:20px;justify-content:center;text-align:center;width:20px}.option-icon svg{flex-shrink:0;height:16px;width:16px}.option-label{font-size:var(--font-size-sm)}.simplified-drawer-content{background:#0000}.simplified-content-wrapper,.simplified-drawer-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.simplified-content-wrapper{position:relative}.simplified-content-wrapper.has-lock-overlay{overflow:hidden}.simplified-content-area{background:var(--elevation-00dp);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-sm)}.collapsed-content{align-items:center;display:flex;height:var(--header-height);justify-content:center;padding:var(--spacing-lg)}.collapse-hint{color:var(--text-secondary);font-size:var(--font-size-xs);margin:0;opacity:.7;text-align:center}.tree-view{background:#0000;height:auto;padding:var(--spacing-sm) var(--spacing-md)}.tree-view-content{background:var(--elevation-01dp);border-radius:var(--border-radius-lg);height:auto;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.no-branches-message,.tree-view-empty{align-items:center;background:var(--elevation-01dp);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-elevation-01dp);color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;margin-bottom:var(--spacing-sm);min-height:160px;padding:var(--spacing-xl);text-align:center}.branches-list{display:flex;flex-direction:column;gap:6px;padding-bottom:var(--spacing-md)}.tree-view .universal-section{background:var(--elevation-02dp);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-elevation-02dp);margin-bottom:0;padding:var(--spacing-md);transition:all .2s cubic-bezier(.4,0,.2,1)}.tree-view .universal-section:hover{background:var(--elevation-04dp);border-color:var(--accent-sage);box-shadow:var(--shadow-elevation-04dp);transform:translateY(-2px)}.action-description-section,.action-details-section,.action-status-section,.simplified-content-area .universal-section,.simplified-drawer-content .universal-section{background:var(--elevation-02dp);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-elevation-01dp)}.simplified-content-area .universal-section:hover,.simplified-drawer-content .universal-section:hover{background:var(--elevation-04dp);border-color:var(--accent-sage);box-shadow:var(--shadow-elevation-02dp)}.branch-item{align-items:center;background:var(--bg-secondary);border:none;border-left:4px solid #0000;border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-md);transition:all var(--transition-fast)}.branch-item:hover{background:var(--overlay-medium);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.branch-item.selected{background:var(--bg-info-overlay);border-left-color:var(--drawer-ui-green);box-shadow:0 4px 16px #10b98133}.branch-content{flex:1 1;min-width:0}.branch-name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-size-xs);gap:var(--spacing-xs);margin:0}.branch-item.status-in-progress .branch-meta:before{content:"🚀";font-size:12px}.branch-item.status-completed .branch-meta:before{content:"✅";font-size:12px}.branch-item.status-pending .branch-meta:before{content:"📋";font-size:12px}.branch-connection{color:var(--drawer-ui-green)}.branch-item.status-available{border-left-color:var(--drawer-ui-green)}.branch-item.status-unavailable{border-left-color:var(--text-secondary)}.branch-item.status-pending{border-left-color:#facc15;border-left-color:var(--accent-yellow,#facc15)}.branch-item.status-in-progress{border-left-color:#3b82f6;border-left-color:var(--accent-blue-solid,#3b82f6)}.branch-item.status-completed{border-left-color:var(--drawer-ui-green)}.branch-status,.status-available,.status-unavailable{display:none}.add-branch-btn{background:var(--drawer-ui-green);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);transition:background var(--transition-fast)}.add-branch-btn:hover{background:var(--drawer-ui-green-hover)}.branch-view{height:auto}.branch-view-content{height:auto;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.branch-view-empty,.no-actions-message{align-items:center;background:var(--overlay-subtle);border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-lg);color:var(--text-secondary);display:flex;flex-direction:column;height:200px;justify-content:center;margin-bottom:var(--spacing-sm);padding:var(--spacing-lg);text-align:center}.actions-list{display:flex;flex-direction:column;gap:8px;padding:var(--spacing-sm);padding-top:var(--spacing-md)}.action-item{background:#0000;border:none;border-radius:0;cursor:pointer;margin-bottom:2px;transition:all var(--transition-fast)}.action-item,.action-item.simple{padding:var(--spacing-sm)}.action-simple-content{align-items:center;display:flex;gap:var(--spacing-sm)}.action-title-area{flex:1 1}.action-simple-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin:0}.action-item:hover{background:var(--overlay-light);border-radius:var(--border-radius-sm)}.action-item.selected{background:var(--bg-info-overlay);border-left:3px solid var(--drawer-ui-green);border-radius:var(--border-radius-sm)}.action-content{width:100%}.action-header{align-items:center;margin-bottom:var(--spacing-sm)}.action-name{color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0}.action-status{border-radius:12px;font-size:11px;font-weight:500;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.action-description{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-normal);margin:0 0 var(--spacing-sm) 0}.action-tags{display:flex;flex-wrap:wrap;gap:4px}.action-tag{background:#ffffff1a;border-radius:4px;color:var(--text-secondary);font-size:10px;padding:2px 6px}.add-action-btn,.add-action-footer .add-action-btn{background:var(--drawer-ui-green);border:none;border-radius:var(--border-radius-md);color:var(--text-on-accent);cursor:pointer;margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);transition:background var(--transition-fast)}.add-action-btn:hover{background:var(--drawer-ui-green-hover)}.add-action-footer{margin-top:var(--spacing-lg);text-align:center}.action-view{height:auto}.action-view-content{height:auto;margin-bottom:var(--spacing-md);overflow:visible;padding:var(--spacing-md)}.action-view-empty{align-items:center;background:var(--overlay-subtle);border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-lg);color:var(--text-secondary);display:flex;height:200px;justify-content:center;margin-bottom:var(--spacing-sm);padding:var(--spacing-lg);text-align:center}.action-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.action-title{flex:1 1;margin:0}.action-name-input,.action-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.action-name-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-sm);width:100%}.action-controls,.edit-controls{display:flex;gap:8px}.cancel-btn,.edit-btn,.save-btn{border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.save-btn{background:var(--drawer-ui-green);border:none;color:#000}.save-btn:hover{background:var(--drawer-ui-green-hover)}.cancel-btn{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);color:var(--text-secondary)}.cancel-btn:hover{background:var(--bg-button-overlay);color:var(--text-primary)}.edit-btn{background:#3b82f6;background:var(--solid-accent-blue,#3b82f6);border:none;color:#fff}.edit-btn:hover{background:#2563eb;background:var(--solid-accent-blue-hover,#2563eb)}.action-description-section,.action-details-section,.action-status-section,.branch-description-section{background:var(--overlay-subtle);border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.section-header{margin-bottom:var(--spacing-sm)}.section-header,.section-header-collapsible{align-items:center;display:flex;justify-content:space-between}.section-header-collapsible{border-radius:var(--border-radius-md);cursor:pointer;margin:calc(var(--spacing-xs)*-1) calc(var(--spacing-xs)*-1) var(--spacing-sm);padding:var(--spacing-xs);transition:all var(--transition-fast)}.section-header-collapsible:hover{background:var(--hover-bg-overlay)}.section-label{color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.edit-btn-inline{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast)}.edit-btn-inline:hover{background:var(--bg-button-overlay);color:var(--text-primary)}.edit-controls-inline{display:flex;gap:var(--spacing-xs)}.collapse-indicator{color:var(--text-secondary);font-size:12px;transition:transform var(--transition-fast);-webkit-user-select:none;user-select:none}.collapse-indicator.expanded{transform:rotate(180deg)}.action-status-button{border:1px solid;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:500;min-width:120px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:auto}.action-status-button.status-pending{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}.action-status-button.status-pending:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.action-status-button.status-in_progress{background:#7cb5181a;border-color:var(--drawer-ui-green);color:var(--drawer-ui-green)}.action-status-button.status-in_progress:hover{background:#7cb51833;border-color:var(--drawer-ui-green-hover)}.action-status-button.status-completed{background:var(--drawer-ui-green);border-color:var(--drawer-ui-green);color:#000;font-weight:600}.action-status-button.status-completed:hover{background:var(--drawer-ui-green-hover);border-color:var(--drawer-ui-green-hover)}.action-description-display-clean{word-wrap:break-word;color:var(--text-primary);line-height:var(--line-height-normal);white-space:pre-wrap}.status-options{display:flex;gap:8px}.status-btn{border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;text-transform:capitalize;transition:all .2s ease}.status-btn:not(.active){background:#0000}.action-description-input{font-family:inherit;resize:vertical;width:100%}.action-description-display,.action-description-input{background:#ffffff0d;background:var(--bg-secondary,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:6px;color:var(--text-primary);min-height:80px;padding:12px}.action-description-display{white-space:pre-wrap}.action-tags-input{background:#ffffff0d;background:var(--bg-secondary,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:6px;color:var(--text-primary);padding:8px 12px;width:100%}.action-tags-display{align-items:center;display:flex;min-height:32px}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#3b82f6;background:var(--solid-accent-blue,#3b82f6);border-radius:4px;color:#fff;font-size:11px;font-weight:500;padding:4px 8px}.no-tags{color:var(--text-secondary);font-style:italic}.details-content{animation:slideDown .2s ease-out;margin-top:var(--spacing-sm)}.details-subsection{margin-bottom:var(--spacing-md)}.details-subsection:last-child{margin-bottom:0}.subsection-label{color:var(--text-secondary);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:var(--spacing-xs);opacity:.8;text-transform:uppercase}.metadata-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metadata-item{align-items:center;background:#ffffff0d;background:var(--bg-secondary,#ffffff0d);border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.metadata-label{color:var(--text-secondary);font-size:12px;font-weight:500}.metadata-value{color:var(--text-primary);font-family:monospace;font-size:12px}.no-tree-message{align-items:center;background:var(--overlay-subtle);border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-lg);color:var(--text-secondary);display:flex;height:200px;justify-content:center;margin-bottom:var(--spacing-sm);padding:var(--spacing-lg);text-align:center}.action-state-toggles{align-items:center;display:flex;gap:var(--spacing-md);margin-right:var(--spacing-sm)}.toggle-group{flex-direction:column}.toggle-group,.toggle-label{align-items:center;display:flex;gap:4px}.toggle-label{color:var(--text-secondary);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}@media (max-width:600px){.action-state-toggles{gap:var(--spacing-sm)}.toggle-label{font-size:9px}}.action-state-section{margin-bottom:var(--spacing-lg)}.action-state-toggles-detail{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.toggle-group-detail{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.toggle-label-detail{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs)}.branch-drawer-drag-handle-header{align-items:center;background:#0000;border:none;cursor:grab;display:flex;flex-shrink:0;justify-content:center;min-height:36px;padding:16px 0;touch-action:none;transition:background .2s ease;-webkit-user-select:none;user-select:none;width:100%}.branch-drawer-drag-handle-header .drag-handle-visual{background:var(--text-tertiary);border-radius:2px;cursor:grab;height:4px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;width:64px}.branch-drawer-drag-handle-header:hover .drag-handle-visual{background:var(--text-secondary)}.branch-drawer-sidebar.dragging .branch-drawer-drag-handle-header{background:var(--state-hover);cursor:grabbing}.branch-drawer-sidebar.dragging .drag-handle-visual{background:#3b82f6;background:var(--accent-blue,#3b82f6);box-shadow:0 0 8px #3b82f666;transform:scaleX(1.1)}.light-theme .branch-drawer-sidebar.dragging .branch-drawer-drag-handle-header{background:var(--state-hover)}.light-theme .branch-drawer-sidebar.dragging .drag-handle-visual{background:#d4a574;background:var(--accent-amber,#d4a574);box-shadow:0 0 8px #d4a57459}@media only screen and (min-width:601px){.branch-drawer-drag-handle-header{display:none}}.drawer-ghost-preview{background:#3b82f614;border:2px dashed #3b82f6;border:2px dashed var(--accent-blue,#3b82f6);border-radius:12px 12px 0 0;left:8px;opacity:0;pointer-events:none;position:fixed;right:8px;transition:all .15s cubic-bezier(.4,0,.2,1);width:calc(100% - 16px);z-index:var(--z-drawer-panel-backdrop)}.drawer-ghost-preview.visible{opacity:1}.drawer-ghost-preview.fullscreen-target{border-radius:12px;bottom:64px;bottom:calc(var(--mobile-sidebar-height, 60px) + 4px);height:auto;top:8px}.drawer-ghost-preview.compact-target{height:calc(60vh - 60px);height:calc(60vh - var(--mobile-sidebar-height, 60px))}.drawer-ghost-preview.closed-target,.drawer-ghost-preview.compact-target{border-radius:12px 12px 0 0;bottom:76px;bottom:calc(var(--mobile-sidebar-height, 60px) + 16px);top:auto}.drawer-ghost-preview.closed-target{height:88px}.light-theme .drawer-ghost-preview{background:#d4a57414;border-color:#d4a574;border-color:var(--accent-amber,#d4a574)}@media only screen and (max-width:600px){.branch-drawer-sidebar.fullscreen-mode{border-radius:12px!important;bottom:64px!important;bottom:calc(var(--mobile-sidebar-height, 60px) + 4px)!important;height:auto!important;left:8px!important;max-height:none!important;position:fixed;right:8px!important;top:8px!important;width:calc(100% - 16px)!important;z-index:var(--z-drawer-panel-fullscreen)}.branch-drawer-sidebar.closed-mode{bottom:60px!important;bottom:var(--mobile-sidebar-height,60px)!important;height:auto;left:12px!important;max-height:140px;overflow:visible;right:12px!important;width:calc(100% - 24px)!important;z-index:1025!important;z-index:var(--z-drawer-panel-closed,1025)!important}.branch-drawer-sidebar.closed-mode,.branch-drawer-sidebar.compact-mode{border-radius:20px 20px 0 0!important;box-shadow:var(--shadow-elevation-08dp)}.branch-drawer-sidebar.compact-mode{height:calc(60vh - 60px);height:calc(60vh - var(--mobile-sidebar-height, 60px));height:calc(60dvh - 60px);height:calc(60dvh - var(--mobile-sidebar-height, 60px));left:0!important;max-height:calc(60vh - 60px);max-height:calc(60vh - var(--mobile-sidebar-height, 60px));max-height:calc(60dvh - 60px);max-height:calc(60dvh - var(--mobile-sidebar-height, 60px));min-height:calc(60vh - 60px);min-height:calc(60vh - var(--mobile-sidebar-height, 60px));min-height:calc(60dvh - 60px);min-height:calc(60dvh - var(--mobile-sidebar-height, 60px));right:0!important;width:100%!important}}.drawer-lock-banner{align-items:center;animation:fadeInDown .3s ease-out;background:linear-gradient(135deg,#4b473ef2,#75715ef2);border:1px solid var(--border-color);border-radius:8px;color:var(--accent-green);display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin:8px 16px;padding:12px 16px;text-align:center}.drawer-lock-icon{font-size:18px;line-height:1}.drawer-lock-text strong{color:var(--text-primary);text-decoration:underline}.simplified-content-area.locked-branch{pointer-events:none;position:relative;-webkit-user-select:none;user-select:none}.branch-lock-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1f1cb3;bottom:0;display:flex;justify-content:center;left:0;pointer-events:all;position:absolute;right:0;top:0;z-index:var(--z-drawer-header-footer)}.light-theme .branch-lock-overlay,:root[data-theme=light] .branch-lock-overlay{background:#3d342880}.branch-lock-hint{align-items:center;background:#1e1f1cf2;background:var(--elevation-08dp,#1e1f1cf2);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 6px 24px #0006;box-shadow:var(--shadow-elevation-12dp,0 6px 24px #0006);display:flex;flex-direction:column;font-family:var(--font-sans);gap:16px;max-width:320px;padding:28px 36px;text-align:center}.light-theme .branch-lock-hint,:root[data-theme=light] .branch-lock-hint{background:#faf5e6f2;border:1px solid #3d342826;box-shadow:0 6px 24px #3d342833;box-shadow:var(--shadow-elevation-12dp,0 6px 24px #3d342833)}.lock-hint-icon{align-items:center;animation:lockPulse 2s ease-in-out infinite;color:var(--text-secondary);display:flex;justify-content:center}.light-theme .lock-hint-icon,:root[data-theme=light] .lock-hint-icon{color:#5a4f43;color:var(--text-charcoal,#5a4f43)}.lock-hint-text{color:var(--text-secondary);font-family:var(--font-sans);font-size:15px;font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-normal);line-height:1.6;margin:0}.light-theme .lock-hint-text,:root[data-theme=light] .lock-hint-text{color:#5a4f43;color:var(--text-charcoal,#5a4f43)}.lock-hint-text strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.back-to-tree-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--state-hover);border:none;border-radius:20px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:14px;font-weight:var(--font-weight-medium);gap:var(--spacing-xs);justify-content:center;letter-spacing:.01em;margin-top:var(--spacing-sm);min-height:44px;min-height:var(--touch-target-comfortable,44px);padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.back-to-tree-btn:hover{background:var(--state-pressed)}.back-to-tree-btn:active{background:var(--state-selected);transform:scale(.98)}.back-to-tree-btn:focus-visible{outline:2px solid var(--accent-sage);outline-offset:2px}.light-theme .back-to-tree-btn,:root[data-theme=light] .back-to-tree-btn{background:var(--state-hover);color:#3d3428;color:var(--text-ink,#3d3428)}.light-theme .back-to-tree-btn:hover,:root[data-theme=light] .back-to-tree-btn:hover{background:var(--state-pressed)}.drawer-control-header.locked{border-bottom:2px solid #75715e4d}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes lockPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@media only screen and (max-width:600px){.branch-lock-hint{gap:12px;max-width:280px;padding:24px 28px}.lock-hint-text{font-size:14px}.back-to-tree-btn{font-size:15px;padding:12px 24px}}.drawer-compact-handle{align-items:center;background:var(--bg-secondary);border-radius:12px;border-radius:var(--border-radius-lg,12px);cursor:pointer;display:flex;flex-direction:column;gap:6px;height:auto;justify-content:flex-start;min-height:110px;overflow:visible;padding:var(--drawer-compact-handle-padding-top) var(--spacing-md) var(--drawer-compact-handle-padding-bottom) var(--spacing-md);position:sticky;top:0;transition:height .2s ease-out,background .2s ease;-webkit-user-select:none;user-select:none;width:100%;z-index:var(--z-drawer-header-footer)}.drawer-compact-handle.mobile{border-radius:20px 20px 0 0;box-shadow:var(--shadow-elevation-08dp);cursor:grab;margin-bottom:0;margin-left:0;margin-right:0;min-height:239px;padding-bottom:var(--spacing-lg);touch-action:none;width:100%}.drawer-compact-handle.mobile:active{background:var(--state-pressed);cursor:grabbing}.drawer-compact-handle.desktop{align-items:stretch;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:var(--shadow-elevation-02dp);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);padding-bottom:var(--spacing-md);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.drawer-compact-handle.desktop:hover{background:var(--bg-elevated);box-shadow:var(--shadow-elevation-04dp);transform:translateY(-1px)}.drawer-compact-handle.desktop:active{background:var(--state-pressed);transform:translateY(0)}.drawer-compact-handle.desktop .handle-drag-bar{display:none}.compact-header-row{align-items:center;display:flex;justify-content:center;min-height:44px;padding:0 var(--spacing-xl);position:relative;width:100%}.compact-item-name{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--text-primary);display:-webkit-box;flex:1 1 auto;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.4;max-width:calc(100% - 60px);min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:opacity .15s ease-out;word-break:break-word}.compact-nav-row{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;padding-top:var(--spacing-xs);width:100%}.compact-nav-controls{align-items:center;display:flex;gap:4px}.compact-options-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;min-height:44px;min-height:var(--touch-target-min,44px);min-width:44px;min-width:var(--touch-target-min,44px);padding:0;position:absolute;right:var(--spacing-xs);top:50%;transform:translateY(-50%);transition:all var(--transition-fast);width:44px}.compact-options-btn:hover{background:var(--state-hover);border-color:var(--border-color);color:var(--text-primary);transform:translateY(-1px)}.compact-options-btn:active{background:var(--state-pressed);transform:translateY(0)}.drawer-compact-handle.desktop .compact-header-row{align-items:center;display:flex;justify-content:space-between;min-height:44px;padding:0;width:100%}.compact-controls-left{align-items:center;display:flex;flex:1 1 auto;gap:var(--spacing-sm);max-width:calc(100% - 60px);min-width:0}.compact-controls-right{align-items:center;display:flex;flex-shrink:0}.drawer-compact-handle.desktop .compact-options-btn{height:32px;min-height:32px;min-width:32px;position:relative;right:auto;top:auto;transform:none;width:32px}.drawer-compact-handle.desktop .hierarchy-indicators.compact{display:none}.hierarchy-indicators.compact{align-items:center;display:flex;flex-shrink:0;gap:4px}.hierarchy-indicators.compact .hierarchy-icon{align-items:center;border-radius:var(--border-radius-sm);color:var(--text-tertiary);display:flex;height:24px;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast);width:24px}.hierarchy-indicators.compact .hierarchy-icon.active{background:var(--state-selected);color:var(--accent-green)}.hierarchy-indicators.compact .hierarchy-icon.inactive{color:var(--text-tertiary);opacity:.5}.compact-tree-name{color:var(--text-primary);flex:1 1 auto;font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-status-line{align-items:center;border-top:1px solid var(--glass-border-dark);box-sizing:border-box;display:flex;gap:10px;justify-content:flex-start;padding:8px 16px 12px;width:100%}.drawer-compact-handle.desktop .compact-status-line{margin-top:4px;padding:8px 0 0}.drawer-compact-handle.mobile .compact-status-line{align-items:center;background:var(--elevation-overlay-01dp);border-radius:var(--border-radius-md);display:flex;justify-content:space-between;margin-top:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);width:100%}.drawer-compact-handle.mobile .compact-status-text{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.drawer-compact-handle.mobile .compact-progress-ring{align-items:center;display:flex;justify-content:center;position:relative}.drawer-compact-handle.mobile .compact-progress-percent{color:var(--text-primary);font-size:9px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.compact-status-text{color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1.4}.compact-progress-ring{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative}.compact-progress-percent{color:var(--text-primary);font-size:8px;font-weight:700;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.light-theme .compact-status-line{border-top-color:var(--glass-border-light)}.light-theme .compact-status-text{color:var(--text-secondary)}.compact-pagination-row{align-items:center;display:flex;justify-content:center;margin-top:0;padding-bottom:var(--spacing-xs);padding-top:var(--spacing-sm);width:100%}.compact-pagination-row .pagination-dots{opacity:.8;scale:.9}.handle-drag-bar{padding:2px 0}.handle-drag-bar,.header-drag-bar{align-items:center;display:flex;justify-content:center;width:100%}.header-drag-bar{background:linear-gradient(180deg,#00000014,#00000005);border-bottom:1px solid #ffffff14;height:var(--drawer-drag-handle-height);left:0;padding:16px 0;position:absolute;right:0;top:0;z-index:var(--z-drawer-drag-handle)}.compact-handle-nav{gap:12px;min-height:32px;width:100%}.compact-handle-nav,.compact-nav-arrow{align-items:center;display:flex;justify-content:center}.compact-nav-arrow{background:#0000;border:1px solid #0000;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;flex-shrink:0;height:32px;padding:0;transition:all var(--transition-fast);width:32px}.compact-nav-arrow:hover{background:var(--hover-bg-overlay);border-color:var(--border-color);color:var(--text-primary);transform:translateY(-1px)}.compact-nav-arrow:active{background:var(--state-pressed);transform:translateY(0)}.compact-nav-arrow:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.handle-navigation{align-items:center;display:flex;gap:4px;gap:var(--spacing-xs,4px);justify-content:center;min-height:28px;width:100%}.handle-tree-name{color:#f8f5ed;color:var(--text-primary,#f8f5ed);flex:1 1 auto;font-size:14px;font-size:var(--font-size-base,14px);font-weight:500;max-width:160px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.handle-nav-arrow{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);color:#a8a29e;color:var(--text-secondary,#a8a29e);cursor:pointer;display:flex;flex-shrink:0;height:44px;height:var(--touch-target-min,44px);justify-content:center;padding:0;transition:all .15s;transition:all var(--transition-fast,.15s);width:44px;width:var(--touch-target-min,44px)}.handle-nav-arrow:hover{background:var(--state-hover);color:var(--text-primary)}.handle-nav-arrow:active{background:var(--state-pressed);transform:scale(.95)}.handle-nav-arrow:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.handle-status-row{align-items:center;display:flex;justify-content:flex-start;min-height:20px;padding:0 var(--spacing-sm);width:100%}.handle-status-left{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm)}.handle-status-item{color:#78716c;color:var(--text-tertiary,#78716c);font-size:12px;font-size:var(--font-size-xs,12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.handle-status-pagination{background:var(--state-hover);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#a8a29e;color:var(--text-secondary,#a8a29e);font-weight:500;padding:2px 6px}.drawer-compact-handle .pagination-dots{opacity:.7;scale:.8}@media (max-width:600px){.drawer-control-header{touch-action:none}}.light-theme .drawer-compact-handle{background:var(--bg-secondary);box-shadow:var(--shadow-elevation-01dp)}.light-theme .drawer-compact-handle:hover{background:var(--bg-elevated)}.light-theme .drawer-compact-handle.desktop:hover{background:var(--bg-elevated);box-shadow:var(--shadow-elevation-04dp)}.light-theme .compact-tree-name,.light-theme .handle-tree-name{color:#3d3428;color:var(--text-primary,#3d3428)}.light-theme .compact-nav-arrow,.light-theme .compact-options-btn{color:#75715e;color:var(--text-secondary,#75715e)}.light-theme .compact-nav-arrow:hover,.light-theme .compact-options-btn:hover{background:var(--state-hover);border-color:var(--border-color);color:#3d3428;color:var(--text-primary,#3d3428)}.branch-drawer-sidebar{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg-dark);color:var(--text-primary);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;position:fixed;transform:none;transition:box-shadow .3s ease}@media (min-width:601px){.branch-drawer-sidebar{border:1px solid var(--glass-border-dark);border-radius:16px;bottom:20px;box-shadow:var(--glass-shadow-dark),var(--glass-inset-highlight);height:auto;left:auto;max-width:480px;opacity:0;pointer-events:none;right:12px;top:20px;transform:translateX(calc(100% + 40px));transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s ease-out,box-shadow .3s ease;width:480px;z-index:var(--z-drawer-panel-compact)}.branch-drawer-sidebar.closed-mode,.branch-drawer-sidebar.open{opacity:1;pointer-events:auto;transform:translateX(0)}.branch-drawer-sidebar.closed-mode{bottom:auto;height:auto;max-height:none;min-height:0;min-height:auto;overflow:hidden;top:20px}.branch-drawer-sidebar.closed-mode .drawer-content{display:none}.branch-drawer-sidebar{transition:height .3s cubic-bezier(.4,0,.2,1),max-height .3s cubic-bezier(.4,0,.2,1),min-height .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-out,box-shadow .2s ease-out}.branch-drawer-sidebar.open{bottom:12px;height:auto;top:12px}.branch-drawer-sidebar.open:hover{box-shadow:var(--glass-shadow-dark-strong),var(--glass-inset-highlight-strong)}}.light-theme .branch-drawer-sidebar{background:var(--glass-bg-light);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-light),var(--glass-inset-highlight-light)}.light-theme .branch-drawer-sidebar.open:hover{box-shadow:var(--glass-shadow-light-strong),var(--glass-inset-highlight-light-strong)}@media (max-width:1199px) and (min-width:601px){.branch-drawer-sidebar{border-radius:12px!important;bottom:12px!important;height:auto!important;left:auto!important;max-width:480px!important;position:fixed!important;right:12px!important;top:12px!important;width:480px!important}.branch-drawer-sidebar.closed-mode{bottom:auto!important;height:auto!important;max-height:none!important;min-height:0!important;min-height:auto!important}.branch-drawer-sidebar.open:hover{box-shadow:var(--glass-shadow-dark-strong),var(--glass-inset-highlight)}.light-theme .branch-drawer-sidebar.open:hover{box-shadow:var(--glass-shadow-light-strong),var(--glass-inset-highlight-light)}}@media (min-width:1200px) and (max-width:1439px){.branch-drawer-sidebar{max-width:480px!important;right:16px!important;width:480px!important}}@media (min-width:1440px) and (max-width:1919px){.branch-drawer-sidebar{bottom:20px!important;max-width:520px!important;right:20px!important;top:20px!important;width:520px!important}.branch-drawer-sidebar.closed-mode{bottom:auto!important;height:auto!important;max-height:none!important;min-height:0!important;min-height:auto!important}}@media (min-width:1920px){.branch-drawer-sidebar{max-width:560px!important;right:24px!important;width:560px!important}.branch-drawer-sidebar.closed-mode{bottom:auto!important;height:auto!important;max-height:none!important;min-height:0!important;min-height:auto!important}}@media (max-width:600px){.branch-drawer-sidebar{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:var(--drawer-bg-primary)!important;border:1px solid var(--glass-border-dark-subtle)!important;border-radius:16px!important;bottom:76px!important;bottom:calc(var(--mobile-sidebar-height, 60px) + 16px)!important;box-shadow:var(--shadow-elevation-08dp)!important;height:0!important;max-height:calc(100vh - 136px)!important;max-height:calc(100vh - var(--mobile-sidebar-height, 60px) - 76px)!important;max-width:calc(100% - 16px)!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;top:auto!important;transition:height .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease!important;z-index:var(--z-drawer-panel-base)!important}.branch-drawer-sidebar,.branch-drawer-sidebar.fullscreen-mode{left:8px!important;right:8px!important;transform:none!important;width:calc(100% - 16px)!important}.branch-drawer-sidebar.fullscreen-mode{border-radius:12px!important;bottom:64px!important;bottom:calc(var(--mobile-sidebar-height, 60px) + 4px)!important;box-shadow:var(--shadow-elevation-12dp)!important;height:auto!important;max-height:none!important;top:8px!important;z-index:var(--z-drawer-fullscreen-input)!important}.branch-drawer-sidebar.closed-mode{height:auto!important;max-height:none!important;overflow:visible!important;transform:none!important}.branch-drawer-sidebar.dragging{box-shadow:0 -4px 24px #00000059,0 0 40px #3b82f633!important;filter:brightness(1.05);transform:none!important;transition:none!important;will-change:height}.branch-drawer-sidebar.will-snap-to-fullscreen{border-top:2px solid #7cb51880;box-shadow:0 -4px 24px #00000059,0 0 48px #7cb5184d!important}.branch-drawer-sidebar.will-snap-to-closed{border-top:2px solid #ff666680;box-shadow:0 -4px 24px #00000059,0 0 48px #ff66664d!important;opacity:.9}.drawer-ghost-preview{background:var(--reactflow-toolbar-bg);border:2px dashed #7cb51899;border-radius:12px;bottom:76px;bottom:calc(var(--mobile-sidebar-height, 60px) + 16px);box-shadow:0 -4px 24px #00000059,0 0 48px #7cb5184d;left:8px;pointer-events:none;position:fixed;right:8px;transition:opacity .15s ease,height .15s ease,top .15s ease,bottom .15s ease;z-index:var(--z-drawer-panel-backdrop)}.light-theme .drawer-ghost-preview{background:var(--beige-canvas);border:2px dashed #8b9a7f99;box-shadow:0 -4px 24px #3d34282e,0 0 48px #8b9a7f4d}.light-theme .branch-drawer-sidebar{border:1px solid #3d34281f!important;box-shadow:0 -4px 24px #3d34282e,0 0 48px #3d34281a,0 4px 12px #3d34281f!important}.light-theme .branch-drawer-sidebar.open.fullscreen-mode{box-shadow:0 -8px 32px #3d342838,0 0 48px #3d34281f,0 4px 12px #3d342826!important}.light-theme .branch-drawer-sidebar.dragging{box-shadow:0 -4px 28px #3d342838,0 0 52px #d4a5742e,0 4px 16px #3d342826!important;filter:brightness(1.03)}}.drawer-content{display:flex;flex-direction:column;height:100%;min-height:0;pointer-events:auto;width:100%}.drawer-single-column{flex:1 1;height:100%}.branches-accordion,.drawer-single-column{display:flex;flex-direction:column;overflow:visible}.branches-accordion{gap:var(--spacing-sm);width:100%}.drawer-list-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-md)}.placeholder{opacity:.6}.no-branches,.no-content{color:var(--text-secondary);font-style:italic;padding:var(--spacing-lg);text-align:center}.light-theme .drawer-card{background:var(--bg-primary);border:1px solid var(--border-color)}.light-theme .branch-drawer-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #3d34281f;border:var(--drawer-border-light,1px solid #3d34281f);box-shadow:0 20px 40px #3d34282e}.light-theme .branch-drawer-sidebar.open:hover{box-shadow:0 20px 40px #3d342838,0 0 20px #d4a57426}.light-theme .drawer-content,.light-theme .drawer-single-column,.light-theme .simplified-content-area,.light-theme .simplified-content-wrapper,.light-theme .simplified-drawer-content{background:#0000}.tree-options-menu{align-items:center;display:inline-flex;flex-shrink:0;position:relative}.tree-options-btn{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#b0b0b0;color:var(--text-secondary,#b0b0b0);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;padding:var(--spacing-xs,6px);transition:all .2s ease}.tree-options-btn:hover{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.tree-options-btn:active{background:#ffffff26}.tree-options-btn[aria-expanded=true]{background:#a6e22e26;color:#a6e22e;color:var(--accent-green,#a6e22e)}.tree-options-dropdown{-webkit-overflow-scrolling:touch;animation:dropdownFadeIn .15s ease-out;background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border:1px solid #ffffff1a;border:1px solid var(--border-primary,#ffffff1a);border-radius:8px;box-shadow:0 8px 24px #0006;max-height:min(400px,80vh);max-width:90vw;min-width:200px;overflow-x:hidden;overflow-y:auto;scrollbar-color:#b0b0b0 #0000;scrollbar-color:var(--text-secondary,#b0b0b0) #0000;scrollbar-width:thin}.tree-options-dropdown--portal{z-index:9999}.tree-options-dropdown::-webkit-scrollbar{width:6px}.tree-options-dropdown::-webkit-scrollbar-track{background:#0000}.tree-options-dropdown::-webkit-scrollbar-thumb{background:#b0b0b0;background:var(--text-secondary,#b0b0b0);border-radius:3px}.tree-options-dropdown::-webkit-scrollbar-thumb:hover{background:#fff;background:var(--text-primary,#fff)}.tree-option-item{align-items:center;background:#0000;border:none;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:var(--spacing-xs) var(--spacing-sm);text-align:left;transition:background-color .15s ease;width:100%}.tree-option-item:hover{background:#ffffff0f;background:var(--bg-hover,#ffffff0f)}.tree-option-item:active{background:#ffffff14;background:var(--bg-active,#ffffff14)}.tree-option-item.destructive{color:#ff6b6b;color:var(--error-color,#ff6b6b)}.tree-option-item.destructive:hover{background:#ff6b6b1a}.tree-option-item.destructive .tree-option-icon{color:#ff6b6b;color:var(--error-color,#ff6b6b)}.tree-option-icon{align-items:center;color:#b0b0b0;color:var(--text-secondary,#b0b0b0);display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.tree-option-item:hover .tree-option-icon{color:inherit}.tree-option-label{flex:1 1;white-space:nowrap}.tree-option-chevron{align-items:center;color:#b0b0b0;color:var(--text-secondary,#b0b0b0);display:flex;flex-shrink:0;height:16px;justify-content:center;margin-left:auto;width:16px}.tree-option-item:hover .tree-option-chevron{color:inherit}.tree-option-item.disabled{cursor:not-allowed;opacity:.5}.tree-option-item.disabled:hover{background:#0000}.tree-option-item.active{background:#ffffff0f;background:var(--bg-hover,#ffffff0f)}.tree-options-submenu{-webkit-overflow-scrolling:touch;animation:submenuFadeIn .15s ease-out;background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border:1px solid #ffffff1a;border:1px solid var(--border-primary,#ffffff1a);border-radius:8px;box-shadow:0 8px 24px #0006;left:calc(100% + 4px);max-height:min(300px,70vh);max-width:90vw;min-width:200px;overflow-x:hidden;overflow-y:auto;position:absolute;scrollbar-color:#b0b0b0 #0000;scrollbar-color:var(--text-secondary,#b0b0b0) #0000;scrollbar-width:thin;top:0;z-index:var(--z-drawer-options-submenu)}.tree-options-submenu::-webkit-scrollbar{width:6px}.tree-options-submenu::-webkit-scrollbar-track{background:#0000}.tree-options-submenu::-webkit-scrollbar-thumb{background:#b0b0b0;background:var(--text-secondary,#b0b0b0);border-radius:3px}.tree-options-submenu::-webkit-scrollbar-thumb:hover{background:#fff;background:var(--text-primary,#fff)}@keyframes submenuFadeIn{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}.tree-option-subitem{align-items:center;background:#0000;border:none;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 14px;text-align:left;transition:background-color .15s ease;width:100%}.tree-option-subitem:hover{background:#ffffff0f;background:var(--bg-hover,#ffffff0f)}.tree-option-subitem:active{background:#ffffff14;background:var(--bg-active,#ffffff14)}.tree-options-menu--header{margin-left:0}.tree-options-menu--header .tree-options-dropdown{right:0}@media (max-width:600px){.tree-options-btn{padding:10px;padding:var(--spacing-sm,10px)}.tree-options-dropdown{font-size:13px;font-size:var(--font-size-sm,13px);left:auto;max-height:min(300px,60vh);min-width:180px;right:0}.tree-option-item{gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-xs)}.tree-options-menu--header .tree-options-dropdown{right:-4px;right:calc(var(--spacing-xs, 4px)*-1)}.tree-options-submenu{left:auto;max-height:min(250px,50vh);right:calc(100% + 4px)}@media (max-width:400px){.tree-options-submenu{bottom:20px;left:50%;max-height:40vh;max-width:calc(100vw - 40px);position:fixed;right:auto;top:auto;transform:translateX(-50%)}}}.universal-section{background:#ffffff05;border:1px solid #ffffff26;border-radius:var(--border-radius-lg);box-sizing:border-box;margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.universal-section:hover{background:#ffffff0a;border-color:#ffffff40}.light-theme .universal-section{background:#00000005;border:1px solid #0000001a}.light-theme .universal-section:hover{background:#0000000a;border-color:#00000026}.universal-section.section-compact{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.light-theme .universal-section.section-minimal,.universal-section.section-minimal{background:#0000}.universal-section.section-header{background:#ffffff0d;border-color:#fff3;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.light-theme .universal-section.section-header{background:#0000000d;border-color:#00000026}.universal-section .empty-state{color:var(--text-secondary);font-style:italic;padding:var(--spacing-lg);text-align:center}@media (max-width:768px){.universal-section{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.universal-section.section-compact{padding:var(--spacing-xs)}}@media (max-width:480px){.universal-section{border-radius:var(--border-radius-md)}}.flex-col,.flex-col-gap{display:flex;flex-direction:column}.flex-col-gap{gap:var(--layout-gap)}.flex-col-gap-sm{gap:var(--spacing-sm)}.flex-col-gap-md,.flex-col-gap-sm{display:flex;flex-direction:column}.flex-col-gap-md{gap:var(--spacing-md)}.flex-col-gap-lg{display:flex;flex-direction:column;gap:var(--spacing-lg)}.flex-row,.flex-row-gap{display:flex;flex-direction:row}.flex-row-gap{gap:var(--layout-gap)}.flex-row-gap-sm{display:flex;flex-direction:row;gap:var(--spacing-sm)}.flex-row-gap-md{display:flex;flex-direction:row;gap:var(--spacing-md)}.flex-row-gap-lg{display:flex;flex-direction:row;gap:var(--spacing-lg)}.flex-center,.flex-center-col{align-items:center;display:flex;justify-content:center}.flex-center-col{flex-direction:column}.flex-align-center{align-items:center;display:flex}.flex-justify-center{display:flex;justify-content:center}.flex-justify-between{display:flex;justify-content:space-between}.flex-justify-around{display:flex;justify-content:space-around}.flex-justify-end{display:flex;justify-content:flex-end}.flex-wrap,.flex-wrap-gap{display:flex;flex-wrap:wrap}.flex-wrap-gap{gap:var(--spacing-md)}.flex-1{flex:1 1}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-no-wrap{flex-wrap:nowrap}.grid-2{grid-gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:var(--spacing-md)}.grid-3{grid-gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:var(--spacing-md);grid-template-columns:repeat(4,1fr)}.grid-4,.grid-auto-fit{display:grid;gap:var(--spacing-md)}.grid-auto-fit{grid-gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-auto-fill{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.overlay-center{align-items:center;display:flex;inset:0;justify-content:center;padding:var(--layout-gap);position:fixed;z-index:1000;z-index:var(--z-modal,1000)}.overlay-fullscreen{bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:var(--z-modal)}.overlay-backdrop{background:var(--bg-overlay);inset:0;position:fixed;z-index:var(--z-modal-backdrop)}.container-padding{padding:var(--spacing-md)}.container-padding-lg{padding:var(--spacing-lg)}.container-margin{margin:var(--spacing-md)}.container-margin-lg{margin:var(--spacing-lg)}.container-max-width{margin:0 auto;max-width:var(--content-width-lg)}.container-max-width-xl{margin:0 auto;max-width:var(--content-width-xl)}.height-full{height:100%}.height-screen{height:100vh}.height-auto{height:auto}.height-inherit{height:inherit}.min-height-full{min-height:100%}.min-height-screen{min-height:100vh}.max-height-screen{max-height:100vh}.width-full{width:100%}.width-screen{width:100vw}.width-auto{width:auto}.max-width-full{max-width:100%}.max-width-screen{max-width:100vw}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{bottom:0;left:0;right:0;top:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}@media (max-width:768px){.mobile-hidden{display:none}.mobile-flex-col{flex-direction:column}.mobile-text-center{text-align:center}.mobile-padding-sm{padding:var(--spacing-sm)}}@media (min-width:769px){.desktop-hidden{display:none}.desktop-flex-row{flex-direction:row}}.full-viewport-height{height:100vh;height:calc(var(--vh, 1vh)*100);height:100dvh}.min-full-viewport-height{min-height:100vh;min-height:calc(var(--vh, 1vh)*100);min-height:100dvh}.max-full-viewport-height{max-height:100vh;max-height:calc(var(--vh, 1vh)*100);max-height:100dvh}.small-viewport-height{height:100vh;height:100svh}.min-small-viewport-height{min-height:100vh;min-height:100svh}.large-viewport-height{height:100vh;height:100lvh}.safe-viewport-height{height:100vh;height:calc(var(--vh, 1vh)*100);height:100dvh;height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))}.min-safe-viewport-height{min-height:100vh;min-height:calc(var(--vh, 1vh)*100);min-height:100dvh;min-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))}.full-viewport-width{width:100vw}.min-full-viewport-width{min-width:100vw}.touch-target-min{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.touch-target-comfortable{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.touch-target-generous{min-height:var(--touch-target-generous);min-width:var(--touch-target-generous)}.touch-target-spaced{margin:var(--touch-target-spacing);min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.safe-padding{padding:var(--safe-padding-top) var(--safe-padding-right) var(--safe-padding-bottom) var(--safe-padding-left)}.safe-padding-top{padding-top:var(--safe-padding-top)}.safe-padding-bottom{padding-bottom:var(--safe-padding-bottom)}.safe-padding-horizontal{padding-left:var(--safe-padding-left);padding-right:var(--safe-padding-right)}.container-inline{container-type:inline-size}.container-size{container-type:size}.container-normal{container-type:normal}.progression-list{display:flex;flex-direction:column;gap:0;padding:var(--spacing-sm) 0}.progression-item{background:var(--elevation-02dp);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-elevation-02dp);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-xs);min-height:64px;padding:var(--spacing-md);transition:all .2s cubic-bezier(.4,0,.2,1)}.progression-item:hover{background:var(--elevation-04dp);border-color:var(--accent-sage);box-shadow:var(--shadow-elevation-04dp);transform:translateY(-2px)}.progression-item:active{background:var(--state-pressed);box-shadow:var(--shadow-elevation-01dp);transform:translateY(0)}.progression-item--selected{background:var(--elevation-04dp);border-color:var(--accent-green);border-width:2px;box-shadow:var(--shadow-elevation-04dp),0 0 0 2px #56c67626;opacity:1}.progression-item--selected .progression-item__title{color:var(--text-primary)}.progression-item--selected .progression-item__meta{color:var(--text-secondary)}.progression-item--selected .progression-item__number{color:var(--text-primary);opacity:1}.progression-item--selected:hover{background:var(--elevation-06dp);transform:translateY(-1px)}.progression-item--completed{background:var(--elevation-01dp);opacity:.75}.progression-item--completed .progression-item__title{color:var(--text-tertiary)}.progression-item--locked{background:var(--elevation-01dp);border-color:var(--border-color);box-shadow:var(--shadow-elevation-01dp);cursor:not-allowed;opacity:.7}.progression-item--locked .progression-item__title{color:var(--text-tertiary);color:var(--inactive-node-title-color,var(--text-tertiary))}.progression-item--locked .progression-item__meta{color:var(--text-tertiary);color:var(--inactive-node-icon-color,var(--text-tertiary))}.progression-item--locked .progression-item__number{background:var(--elevation-overlay-01dp);color:var(--text-tertiary);color:var(--inactive-node-button-color,var(--text-tertiary));opacity:.6}.progression-item--locked .progression-item__progress-ring circle:last-child{stroke:#5c574d;stroke:var(--inactive-node-checkbox-color,#5c574d)}.progression-item--locked+.progression-separator{opacity:.35}.progression-item--locked:hover{background:var(--elevation-01dp);opacity:.75;transform:none}.progression-item__title-row{align-items:flex-start;display:flex;gap:var(--spacing-sm);width:100%}.progression-item__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;flex:1 1;font-size:var(--font-size-base);font-weight:600;line-height:1.4;margin:0;overflow:hidden;word-break:break-word}.progression-item__status-row{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);opacity:.9;padding-top:var(--spacing-xs);width:100%}.progression-item__checkbox{align-items:center;display:flex;flex-shrink:0;justify-content:center}.progression-item__checkbox .animated-checkbox,.progression-item__checkbox .checkbox-wrapper{transform:scale(.9)}.progression-item__number{align-items:center;background:var(--elevation-overlay-01dp);border-radius:var(--border-radius-full);display:flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:700;height:24px;justify-content:center;min-width:24px}.progression-item__meta,.progression-item__number{color:var(--text-secondary);font-family:var(--font-family-sans)}.progression-item__meta{flex:1 1;font-size:var(--font-size-sm);line-height:1.4;margin:0}.progression-item__badge{color:var(--accent-green);font-weight:500}.progression-item__progress{align-items:center;display:flex;flex-shrink:0;margin-left:auto}.progression-item__progress-ring{align-items:center;display:flex;justify-content:center}.progression-item__progress-ring svg{display:block}.progression-item__left{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs)}.progression-item__content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.progression-item__right{align-items:center;display:flex;flex-shrink:0;margin-left:auto}.progression-separator{align-items:center;display:flex;justify-content:center;opacity:.5;padding:var(--spacing-sm) 0;transition:opacity var(--transition-fast)}.progression-separator__icon{color:var(--accent-sage);height:18px;width:18px}.progression-list:hover .progression-separator{opacity:.7}.light-theme .progression-item{background:var(--elevation-01dp);box-shadow:var(--shadow-elevation-01dp)}.light-theme .progression-item:hover{background:var(--elevation-02dp);box-shadow:var(--shadow-elevation-02dp)}.light-theme .progression-item--selected{background:var(--elevation-02dp);box-shadow:var(--shadow-elevation-02dp),0 0 0 2px #8b9a7f33}.light-theme .progression-separator{opacity:.4}.light-theme .progression-list:hover .progression-separator{opacity:.6}@media (max-width:600px){.progression-item{border-radius:14px;min-height:72px;padding:var(--spacing-md)}.progression-item__title{-webkit-line-clamp:2;font-size:var(--font-size-md);font-weight:600}.progression-item__status-row{gap:var(--spacing-xs)}.progression-item__number{font-size:var(--font-size-xs);height:22px;min-width:22px}.progression-item__meta{font-size:var(--font-size-xs);line-height:1.4}.progression-separator{padding:var(--spacing-xs) 0}.progression-separator__icon{height:16px;width:16px}}.resource-item-collapsible summary::-webkit-details-marker{display:none}.resource-item-collapsible summary::marker{display:none}.resource-item-collapsible[open] summary span:last-child{transform:rotate(90deg)}.resource-item-collapsible summary span:last-child{transition:transform .2s ease}.resource-item-collapsible summary:hover{background:var(--state-hover)}.resource-item-collapsible summary:focus-visible{outline:2px solid var(--accent-green);outline-offset:-2px}.light-theme .resource-item-collapsible{background:var(--bg-primary)}.light-theme .resource-item-collapsible summary:hover{background:var(--state-hover)}.branch-connections-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;margin-top:24px;padding:16px}.branch-connections-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.branch-connections-title{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.branch-connections-count{background:var(--background-secondary);border-radius:12px;color:var(--text-secondary);font-size:12px;padding:4px 8px}.branch-connections-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:12px;padding:24px}.loading-spinner{border-top-color:var(--primary-color);height:20px;width:20px}.branch-connections-error{background:#ef44441a;background:var(--error-background,#ef44441a);border-radius:6px;color:var(--error-color);font-size:14px;padding:16px;text-align:center}.branch-connections-empty{color:var(--text-secondary);font-size:14px;font-style:italic;padding:24px;text-align:center}.branch-connections-group{margin-bottom:20px}.branch-connections-group:last-child{margin-bottom:0}.connections-group-label{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:12px}.label-icon{font-size:16px}.label-text{flex:1 1;letter-spacing:.5px;text-transform:uppercase}.label-count{background:var(--background-secondary);border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px}.branch-connections-row{display:flex;gap:16px;overflow-x:auto;padding:8px 4px;scroll-behavior:smooth;scrollbar-color:var(--scrollbar-thumb) #0000;scrollbar-width:thin}.branch-connections-row::-webkit-scrollbar{height:4px}.branch-connections-row::-webkit-scrollbar-track{background:#0000}.branch-connections-row::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.branch-connections-row::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.branch-connection-item{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:8px;min-width:80px;padding:8px;transition:background .2s ease}.branch-connection-item:hover{background:#ffffff0d;background:var(--background-hover,#ffffff0d)}.connection-meta{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center;width:100%}.connection-name{font-size:12px;max-width:100%}.connection-score{background:var(--background-secondary);border-radius:8px;color:var(--text-secondary);font-size:10px;font-weight:600;padding:2px 6px}@media (max-width:768px){.branch-connections-section{padding:12px}.branch-connections-title{font-size:14px}.branch-connections-row{gap:12px}.branch-connection-item{min-width:70px;padding:6px}.connection-name{font-size:11px}.connection-score{font-size:9px}}@media (prefers-color-scheme:dark){.branch-connections-section{background:#1e1e2399;background:var(--card-background-dark,#1e1e2399)}.branch-connection-item:hover{background:#ffffff14}}.branch-connections-suggestions-dialog .overlay-body{max-height:70vh;overflow-y:auto}.branch-suggestions-dialog-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:flex-start;min-height:300px;padding:var(--spacing-md);width:100%}.branch-suggestions-dialog-content .branch-connections-empty,.branch-suggestions-dialog-content .branch-connections-error,.branch-suggestions-dialog-content .branch-connections-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:var(--spacing-2xl);text-align:center}.branch-connections-grid{align-items:stretch;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-md);width:100%}.branch-connection-card{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);max-width:350px;min-width:250px;padding:var(--spacing-lg);position:relative;transition:all var(--transition-medium)}.branch-connection-card:hover{background:var(--hover-bg-secondary);border-color:var(--accent-blue);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.connection-card-meta{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:center;width:100%}.connection-card-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600}.connection-card-name,.connection-card-profession{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-card-profession{color:var(--text-secondary);font-size:var(--font-size-xs)}.connection-card-score{background:var(--bg-info-overlay);border-radius:var(--border-radius-full);color:var(--accent-blue);font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width:1024px){.branch-connections-grid{flex-direction:column;gap:var(--spacing-md)}.branch-connection-card{max-width:100%;min-width:100%;width:100%}}@media (max-width:768px){.branch-connections-grid{gap:var(--spacing-sm)}.branch-connection-card{padding:var(--spacing-sm)}.connection-card-name{font-size:var(--font-size-xs)}.connection-card-profession{font-size:10px}}.connections-panel{background:var(--elevation-01dp);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg,12px);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.connections-panel--compact{gap:var(--spacing-xs);padding:var(--spacing-sm)}.connections-panel__header{align-items:center;border-bottom:1px solid var(--border-subtle,var(--border-color));display:flex;justify-content:space-between;padding-bottom:var(--spacing-xs)}.connections-panel__title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.connections-panel__total{background:var(--elevation-overlay-02dp);border-radius:var(--border-radius-full);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:700;min-width:20px;padding:2px 8px;text-align:center}.connections-panel__content,.connections-panel__groups{display:flex;flex-direction:column}.connections-panel__groups{gap:var(--spacing-sm)}.connections-panel__group{background:var(--elevation-02dp);border-left:3px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md,8px);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.connections-panel__group:hover{background:var(--elevation-04dp)}.connections-panel__group--expert{border-left-color:var(--accent-green)}.connections-panel__group--peer{border-left-color:var(--accent-blue)}.connections-panel__group--collaborator{border-left-color:#f59e0b;border-left-color:var(--accent-orange,#f59e0b)}.connections-panel__group-header{align-items:center;display:flex;gap:var(--spacing-xs)}.connections-panel__group-label{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.3px;text-transform:uppercase}.connections-panel__group-count{background:var(--elevation-overlay-01dp);border-radius:var(--border-radius-full);color:var(--text-tertiary);font-size:10px;font-weight:700;min-width:16px;padding:1px 6px;text-align:center}.connections-panel__avatars{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.connections-panel__avatar-wrapper{cursor:pointer;flex-shrink:0;transition:transform var(--transition-fast)}.connections-panel__avatar-wrapper:hover{transform:scale(1.1);z-index:1}.connections-panel__empty{color:var(--text-tertiary);padding:var(--spacing-md)}.connections-panel__action-btn,.connections-panel__empty{align-items:center;display:flex;font-size:var(--font-size-sm);justify-content:center}.connections-panel__action-btn{-webkit-tap-highlight-color:transparent;background:var(--elevation-02dp);border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);color:var(--accent-blue);cursor:pointer;font-weight:500;gap:var(--spacing-xs);min-height:44px;min-height:var(--touch-target-min,44px);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.connections-panel__action-btn:hover{background:var(--accent-blue);box-shadow:var(--shadow-elevation-02dp);color:var(--text-on-accent);transform:translateY(-1px)}.connections-panel__action-btn:active{box-shadow:var(--shadow-elevation-01dp);transform:translateY(0)}.connections-panel__action-btn:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.connections-panel__action-btn svg{flex-shrink:0}.light-theme .connections-panel{background:var(--elevation-00dp);box-shadow:var(--shadow-elevation-01dp)}.light-theme .connections-panel__group{background:var(--elevation-01dp)}.light-theme .connections-panel__group:hover{background:var(--elevation-02dp)}.light-theme .connections-panel__action-btn{background:var(--elevation-01dp)}@media (max-width:600px){.connections-panel{border-radius:8px;border-radius:var(--border-radius-md,8px);padding:var(--spacing-sm)}.connections-panel__group{padding:var(--spacing-xs)}.connections-panel__action-btn{font-size:var(--font-size-xs);padding:var(--spacing-sm)}}.universal-card{align-items:flex-start;background:var(--card-bg);border-radius:12px;box-shadow:var(--card-shadow);display:flex;gap:var(--spacing-md);min-height:auto;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:box-shadow .2s ease}.universal-card.has-sidebar{padding-left:calc(var(--spacing-md) + 4px)}.universal-card:hover{box-shadow:var(--shadow-elevation-04dp)}.universal-card.has-sidebar:before{background:var(--accent-blue);background:var(--sidebar-color,var(--accent-blue));border-radius:12px 0 0 12px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.universal-card.has-image .card-image{align-items:center;background:var(--bg-secondary);border-radius:16px;display:flex;flex-shrink:0;height:72px;justify-content:center;overflow:hidden;width:72px}.universal-card.has-image img{height:100%;object-fit:cover;width:100%}.universal-card .card-body{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.universal-card .card-title{word-wrap:break-word;color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.4;overflow-wrap:break-word;padding-right:var(--spacing-sm);white-space:normal}.universal-card .card-title.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.universal-card .progress-bar-container{background:var(--bg-tertiary);border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.universal-card .progress-bar-fill{background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));height:100%;transition:width .3s ease}.universal-card .status-dot{background:var(--accent-orange);border-radius:50%;height:8px;width:8px}.card-menu-btn{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin:0 0 0 auto;min-height:44px;min-width:44px;opacity:.6;padding:6px;transition:all var(--transition-fast);z-index:10}.card-menu-btn:focus,.card-menu-btn:hover,.universal-card:hover .card-menu-btn{background:var(--bg-secondary);color:var(--text-primary);opacity:1}.popup-overlay{align-items:center;animation:fade-in .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{animation:slide-up .3s ease-out;background-color:#2a2f3a;background-color:var(--surface-color,#2a2f3a);border:1px solid #404550;border:1px solid var(--border-color,#404550);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-height:85dvh;max-width:90vw;overflow:hidden;width:100%}.instructions-popup{max-width:600px;width:600px}.tree-details-popup{max-width:800px;width:800px}.popup-header{align-items:center;background-color:#3a3f4b;background-color:var(--surface-color-light,#3a3f4b);border-bottom:1px solid #404550;border-bottom:1px solid var(--border-color,#404550);display:flex;justify-content:space-between;padding:20px 24px}.popup-header h2{color:#f0f0f0;color:var(--text-color,#f0f0f0);font-size:1.5rem;font-weight:600;margin:0}.popup-close-button{align-items:center;background:none;border:none;border-radius:6px;color:#b0b0b0;color:var(--text-color-secondary,#b0b0b0);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.popup-close-button:hover{background-color:#404550;background-color:var(--hover-color,#404550)}.popup-body,.popup-close-button:hover{color:#f0f0f0;color:var(--text-color,#f0f0f0)}.popup-body{max-height:calc(85vh - 140px);max-height:calc(85dvh - 140px);overflow-y:auto;padding:24px}.popup-footer{background-color:#3a3f4b;background-color:var(--surface-color-light,#3a3f4b);border-top:1px solid #404550;border-top:1px solid var(--border-color,#404550);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.popup-button{border:none;border-radius:6px;cursor:pointer;font-weight:600;min-width:80px;padding:10px 20px;transition:all .2s ease}.popup-button.primary{background-color:#4a9eff;background-color:var(--accent-blue,#4a9eff);color:#fff}.popup-button.primary:hover{background-color:#3480d6;background-color:var(--accent-blue-dark,#3480d6)}.popup-button.secondary{background-color:#282c34;background-color:var(--surface-color,#282c34);border:1px solid #404550;border:1px solid var(--border-color,#404550);color:#f0f0f0;color:var(--text-color,#f0f0f0)}.popup-button.secondary:hover{background-color:#404550;background-color:var(--hover-color,#404550)}.instruction-group{margin-bottom:24px}.instruction-group:last-child{margin-bottom:0}.instruction-group h3{color:#4a9eff;color:var(--accent-blue,#4a9eff);font-size:1.1rem;font-weight:600;margin:0 0 12px}.instruction-group ul{list-style-type:none;margin:0;padding-left:20px}.instruction-group li{margin-bottom:8px;padding-left:16px;position:relative}.instruction-group li:before{color:#4a9eff;color:var(--accent-blue,#4a9eff);content:"•";font-weight:700;left:0;position:absolute}kbd{background-color:#3a3f4b;background-color:var(--surface-color-light,#3a3f4b);border:1px solid #404550;border:1px solid var(--border-color,#404550);border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#f0f0f0;color:var(--text-color,#f0f0f0);display:inline-block;font-family:monospace;font-size:.85em;font-weight:600;line-height:1;margin:0 2px;min-width:20px;padding:4px 6px;text-align:center}.tree-control-buttons{display:flex;gap:15px;margin-bottom:20px}.control-button{background-color:#282c34;background-color:var(--surface-color,#282c34);border:none;border-radius:5px;color:var(--text-color);font-weight:600;min-width:120px;padding:10px 20px}.create-button{background-color:#4caf50;background-color:var(--accent-color,#4caf50);color:#fff}.create-button:hover:not(:disabled){background-color:#388e3c;background-color:var(--accent-color-dark,#388e3c)}.delete-button{background-color:#f44336;background-color:var(--danger-color,#f44336);color:#fff}.delete-button:hover:not(:disabled){background-color:#d32f2f;background-color:var(--danger-color-dark,#d32f2f)}.control-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7}.selected-branch-details{background-color:#3a3f4b;background-color:var(--surface-color-light,#3a3f4b);border-left:3px solid #4a9eff;border-left:3px solid var(--accent-blue,#4a9eff);border-radius:6px;margin:20px 0;padding:15px}.debug-info-section h4,.tree-data-display h4{border-bottom:1px solid #404550;border-bottom:1px solid var(--border-color,#404550);color:#f0f0f0;color:var(--text-color,#f0f0f0);font-size:1.1rem;margin-bottom:10px;margin-top:20px;padding-bottom:5px}.tree-list{display:flex;flex-direction:column;gap:15px}.tree-item{background-color:#3a3f4b;background-color:var(--surface-color-light,#3a3f4b);border-radius:5px;box-shadow:0 1px 3px #0000001a;padding:15px}.tree-item h4{border-bottom:1px solid #444;border-bottom:1px solid var(--border-color,#444);color:#f0f0f0;color:var(--text-color,#f0f0f0);font-size:18px;margin-top:0;padding-bottom:8px}.branch-list{border-left:2px solid #404550;border-left:2px solid var(--border-color,#404550);margin-top:10px;padding-left:15px}.branch-item{color:var(--text-color);padding:5px 0}.error-message{background-color:#ffebee;background-color:var(--danger-surface-color,#ffebee);border-left:4px solid #d32f2f;border-left:4px solid var(--danger-color,#d32f2f);border-radius:4px;color:#d32f2f;color:var(--danger-color,#d32f2f);font-weight:500;padding:10px}.debug-info-section ul{list-style-type:none;margin:0;padding:0}.debug-info-section li{border-bottom:1px dotted #404550;border-bottom:1px dotted var(--border-color,#404550);display:flex;justify-content:space-between;margin-bottom:5px;padding:3px 0}.debug-info-section li strong{color:#f0f0f0;color:var(--text-color,#f0f0f0);font-weight:600;margin-right:10px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.popup-content{margin:20px;max-height:90vh;max-height:90dvh;max-width:95vw}.instructions-popup,.tree-details-popup{width:100%}.popup-body,.popup-footer,.popup-header{padding:16px}.popup-body{max-height:calc(90vh - 120px);max-height:calc(90dvh - 120px)}.tree-control-buttons{flex-direction:column;gap:10px}.control-button{min-width:auto;width:100%}}.meeting{display:flex;flex-direction:column;height:100%;width:100%}.meeting-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xl);justify-content:flex-start;margin-top:var(--spacing-lg);min-height:0;overflow-x:hidden!important;overflow:visible;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);position:relative}.meeting-connection-status{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);max-width:600px;padding:var(--spacing-sm);width:100%}.meeting-connection-status.compact{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm)}.status-indicator{align-items:center;display:flex;gap:var(--spacing-xs)}.attempt-count,.status-indicator{color:var(--text-secondary);font-size:var(--font-size-sm)}.status-actions{display:flex;gap:var(--spacing-xs)}.status-debug-btn,.status-retry-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.status-debug-btn:hover,.status-retry-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.meeting-debug-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);max-width:600px;padding:var(--spacing-md);width:100%}.debug-section{background:var(--bg-secondary);border-radius:8px;padding:12px}.debug-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 8px}.debug-grid{grid-gap:8px;display:grid;font-size:.9rem;gap:8px;grid-template-columns:1fr 2fr;margin:8px 0}.debug-grid span:first-child{color:var(--text-secondary);font-weight:500}.debug-grid span:last-child{color:var(--text-primary);word-break:break-all}.debug-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.debug-action-btn{background-color:var(--accent-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.debug-action-btn:hover{background-color:var(--accent-green);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.debug-action-btn:active{transform:translateY(0)}.connection-debug-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-top:var(--spacing-md);max-width:600px;padding:var(--spacing-md);width:100%}.connection-debug-info h4{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--spacing-sm) 0}.connection-debug-info p{color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin:var(--spacing-xs) 0}.connection-debug-info p strong{color:var(--text-primary)}.detailed-diagnostics{border-top:1px solid var(--border-color);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.detailed-diagnostics p{color:var(--text-secondary);font-size:calc(var(--font-size-sm) - 1px);margin:var(--spacing-xs) 0}.meeting-error{animation:slideDown .3s ease;background:var(--bg-error-overlay);border:1px solid var(--accent-red);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);color:var(--accent-red);gap:var(--spacing-md);left:50%;max-width:90%;padding:var(--spacing-md) var(--spacing-lg);position:absolute;top:var(--spacing-md);transform:translateX(-50%);z-index:var(--z-elevate)}.error-content,.meeting-error{align-items:center;display:flex}.error-content{gap:var(--spacing-sm)}.error-icon{font-size:var(--font-size-lg)}.error-message{flex:1 1;font-weight:var(--font-weight-medium);margin:0}.error-dismiss{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--accent-red);cursor:pointer;font-weight:var(--font-weight-bold);padding:var(--spacing-xs) var(--spacing-sm);transition:background-color var(--transition-fast)}.error-dismiss:hover{background:var(--hover-bg-overlay)}.meeting-main{align-items:center;display:flex;flex-direction:column;margin:var(--spacing-lg) auto var(--spacing-xl) auto;max-width:600px;padding:var(--spacing-lg);position:relative;text-align:center}.meeting-main:before{background:var(--overlay-bg);border-radius:var(--border-radius-lg);content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.meeting-image{height:auto;margin-bottom:var(--spacing-xl);opacity:1;width:200px}.meeting-title{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}.meeting-description{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-xl)}.meeting-button{background:var(--accent-blue);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);color:var(--bg-primary);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.meeting-button:hover:not(:disabled){background:var(--accent-green);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.meeting-button:active{transform:translateY(0)}.meeting-button:disabled{background:var(--text-secondary);box-shadow:var(--shadow-sm);cursor:not-allowed;transform:none}.meeting-note{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic;margin:0;opacity:.8}.meeting-online-users{margin-top:var(--spacing-lg);max-width:600px;width:100%}.meeting-auth-prompt{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-top:var(--spacing-xl);max-width:600px;padding:var(--spacing-lg);text-align:center;width:100%}.meeting-auth-prompt p{color:var(--text-secondary);font-size:var(--font-size-md);margin:0}.websocket-reconnect-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-top:var(--spacing-md);max-width:600px;padding:var(--spacing-md);width:100%}.reconnect-content{align-items:center;display:flex;gap:var(--spacing-md);text-align:center}.reconnect-icon{font-size:var(--font-size-lg)}.reconnect-message{color:var(--text-secondary);flex:1 1;font-size:var(--font-size-sm);margin:0}.reconnect-btn{background:var(--accent-blue);border:none;border-radius:var(--border-radius-sm);color:var(--bg-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.reconnect-btn:hover{background:var(--accent-green)}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:1024px){.meeting-content{padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md)}.meeting-tab-content{-webkit-overflow-scrolling:touch;gap:var(--spacing-md);padding:var(--spacing-md)}.meeting-tab-content::-webkit-scrollbar{width:8px}}@media (max-width:768px){.meeting-content{gap:var(--spacing-lg);margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-sm) var(--spacing-sm)}.meeting-tab-content{-webkit-overflow-scrolling:touch;gap:var(--spacing-sm);padding:var(--spacing-sm)}.meeting-tab-content::-webkit-scrollbar{width:6px}.meeting-tab-content::-webkit-scrollbar-thumb{background:var(--accent-blue)}.meeting-hero{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);text-align:center}.meeting-hero-image{height:100px;width:100px}.meeting-hero-content{padding-right:0}.meeting-hero-title{font-size:var(--font-size-lg)}.meeting-hero-description{font-size:var(--font-size-xs)}.meeting-title{font-size:var(--font-size-2xl)}.meeting-button,.meeting-description{font-size:var(--font-size-md)}.meeting-button{padding:var(--spacing-sm) var(--spacing-lg)}.meeting-image{margin-bottom:var(--spacing-lg);width:150px}.meeting-error{flex-direction:column;gap:var(--spacing-sm);left:auto;margin-bottom:var(--spacing-md);position:relative;text-align:center;top:auto;transform:none}.meeting-main,.meeting-online-users{max-width:100%}.debug-actions{flex-direction:column;gap:var(--spacing-xs)}}@media (max-width:480px){.meeting-content{gap:var(--spacing-md);padding:var(--spacing-sm)}.meeting-title{font-size:var(--font-size-xl)}.meeting-button{font-size:var(--font-size-md);padding:var(--spacing-sm)}.meeting-online-users{margin-top:var(--spacing-lg)}}@media (max-width:600px){.meeting-section:last-child{margin-bottom:var(--spacing-md)!important}.meeting-content{padding-bottom:var(--spacing-lg)!important}}.universal-title{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0}.pending-invitations-banner{align-items:center;background:#ffe56426;background:var(--accent-yellow-light,#ffe56426);border:1px solid #fc0;border:1px solid var(--accent-yellow,#fc0);border-radius:var(--border-radius-md);color:var(--text-primary);display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-md)}.blink-dot{animation:blink-dot 1s infinite;background:#f92672;background:var(--accent-red,#f92672);border-radius:50%;height:10px;width:10px}@keyframes blink-dot{0%,49%{opacity:1}50%,to{opacity:0}}.decline-call-btn,.join-call-btn{border:none;border-radius:var(--border-radius-sm);color:var(--bg-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md);transition:background var(--transition-fast)}.join-call-btn:hover{background:var(--accent-green)}.decline-call-btn{background:var(--accent-red)}.decline-call-btn:hover{background:#d91e48;background:var(--accent-red-dark,#d91e48)}.meeting-page .content-box{overflow-y:auto!important;overscroll-behavior:contain}.light-theme .pending-invitations-banner{background:var(--bg-warning-overlay);border-color:var(--accent-yellow);color:var(--text-primary)}.light-theme .connection-debug-info,.light-theme .meeting-connection-status,.light-theme .meeting-debug-panel{background:var(--bg-secondary);border-color:var(--border-color)}.light-theme .meeting-hero{background:var(--bg-tertiary);border-color:var(--border-color)}.light-theme .hero-dismiss-btn{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-secondary)}.light-theme .hero-dismiss-btn:hover{background:var(--accent-red);color:#fff}.meeting-tab-content{animation:fadeIn .3s ease-in-out;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-lg);min-height:0;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-md);scroll-behavior:smooth;scrollbar-width:auto;width:100%;will-change:transform,opacity}.meeting-tab-content::-webkit-scrollbar{width:12px}.meeting-tab-content::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-thumb-radius)}.meeting-tab-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.meeting-tab-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.meeting-tab-content::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.meeting-tab-content{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}.meeting-hero{align-items:center;animation:subtleScale .4s cubic-bezier(.34,1.56,.64,1);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-lg);margin:0 auto var(--spacing-lg) auto;max-width:600px;padding:var(--spacing-lg);position:relative;transition:all var(--transition-fast);width:100%}@keyframes subtleScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.meeting-hero:hover{box-shadow:var(--shadow-md)}.hero-dismiss-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;line-height:1;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:all var(--transition-fast);width:28px;z-index:1}.hero-dismiss-btn:hover{background:var(--accent-red);border-color:var(--accent-red);color:#fff;transform:scale(1.1)}.hero-dismiss-btn:active{transform:scale(.95)}.meeting-hero-image{flex-shrink:0;height:120px;object-fit:contain;width:120px}.meeting-hero-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);padding-right:var(--spacing-lg)}.meeting-hero-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.meeting-hero-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.meeting-section{align-items:center;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:600px;min-height:0;width:100%}.meeting-section:last-child{margin-bottom:0}.universal-section p{color:var(--text-primary);line-height:var(--line-height-normal);margin:var(--spacing-sm) 0}.universal-section em{color:var(--text-primary);font-style:italic;opacity:.9}.universal-search-bar{margin-bottom:var(--spacing-md);position:relative;width:100%;z-index:100}.universal-search-input-wrapper{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;display:flex;padding:0 var(--spacing-sm);position:relative;transition:all .2s ease}.universal-search-input-wrapper:focus-within{background:var(--bg-primary);border-color:var(--accent-blue);box-shadow:0 0 0 2px #60a5fa1a}.universal-search-icon{color:var(--text-tertiary);flex-shrink:0;margin-right:var(--spacing-xs)}.universal-search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-family);font-size:14px;min-height:var(--touch-target-min);min-width:0;outline:none;overflow:hidden;padding:var(--spacing-sm) 0;text-overflow:ellipsis;white-space:nowrap}.universal-search-input::placeholder{color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.universal-search-clear{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--spacing-xs);transition:all .2s ease}.universal-search-clear:hover{background:var(--state-hover);color:var(--text-secondary)}.universal-search-clear:active{background:var(--state-pressed)}.universal-search-dropdown{animation:dropdownSlideIn .2s ease;background:var(--elevation-04dp);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:var(--shadow-elevation-04dp);left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.universal-search-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg)}.loading-spinner{animation:spin .8s linear infinite;border:2px solid var(--border-subtle);border-top-color:var(--accent-blue)}.universal-search-error{color:var(--accent-red);font-size:14px;padding:var(--spacing-md);text-align:center}.universal-search-empty{color:var(--text-tertiary);font-size:14px;padding:var(--spacing-lg);text-align:center}.universal-search-results{padding:var(--spacing-xs) 0}.universal-search-results-header{background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.8px;padding:10px 16px;position:sticky;text-transform:uppercase;top:0;z-index:10}.universal-search-result-item{align-items:flex-start;border-bottom:1px solid var(--border-faint);cursor:pointer;display:flex;gap:12px;min-height:var(--touch-target-comfortable);padding:12px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.universal-search-result-item:last-child{border-bottom:none}.universal-search-result-item:hover{background:var(--state-hover);border-bottom-color:#0000}.universal-search-result-item:hover+.universal-search-result-item{border-top-color:#0000}.universal-search-result-item:active{background:var(--state-pressed);transform:scale(.995)}.universal-search-result-item:focus{outline:2px solid var(--accent-blue);outline-offset:-2px;z-index:1}.universal-search-result-avatar{flex-shrink:0;padding-top:2px}.universal-search-result-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.universal-search-result-name{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:6px;letter-spacing:-.01em;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.universal-search-connected-badge{align-items:center;background:var(--tree-green);border-radius:50%;box-shadow:0 1px 2px #0000001a;color:#fff;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:700;height:18px;justify-content:center;width:18px}.universal-search-result-profession{color:var(--text-secondary);font-size:13px;letter-spacing:.005em}.universal-search-result-location,.universal-search-result-profession{font-weight:400;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.universal-search-result-location{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;gap:4px}.universal-search-result-location .location-icon{flex-shrink:0;height:12px;opacity:.7;width:12px}.universal-search-result-match-reason{background:#60a5fa14;border-radius:4px;color:var(--accent-blue);font-size:12px;font-weight:500;line-height:1.4;margin-top:2px;max-width:100%;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap;width:fit-content}@media (max-width:768px){.universal-search-input-wrapper{padding:0 var(--spacing-xs)}.universal-search-dropdown{max-height:60vh}.universal-search-result-item{gap:10px;padding:14px}.universal-search-input{font-size:16px;padding:var(--spacing-sm) var(--spacing-xs)}.universal-search-result-name{font-size:16px;font-weight:600}.universal-search-result-profession{font-size:14px}.universal-search-result-location{font-size:13px}.universal-search-result-match-reason{font-size:12px;padding:3px 8px}.universal-search-results-header{font-size:11px;padding:12px 14px}}.universal-search-dropdown::-webkit-scrollbar{width:8px}.universal-search-dropdown::-webkit-scrollbar-track{background:#0000}.universal-search-dropdown::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.universal-search-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.ongoing-calls-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin:0 auto var(--spacing-lg);max-width:600px;padding:var(--spacing-md);width:100%}.ongoing-calls-header{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.ongoing-calls-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}.ongoing-calls-actions{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;width:100%}.ongoing-calls-count{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.ongoing-calls-list{display:flex;flex-wrap:nowrap;gap:var(--spacing-md);overflow-x:auto;padding:var(--spacing-sm) 0;scroll-behavior:smooth}.ongoing-calls-list::-webkit-scrollbar{height:6px}.ongoing-calls-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--border-radius-xs)}.ongoing-calls-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-xs)}.ongoing-calls-list::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.ongoing-call-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);min-width:320px;overflow:hidden;position:relative;transition:all .2s ease}.ongoing-call-card:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.call-card-content{align-items:flex-start;display:flex;gap:12px;padding:16px}.call-status-indicator{border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.call-status-indicator.active{background:var(--accent-green);box-shadow:0 0 0 3px rgba(var(--accent-green-rgb),.2)}.call-status-indicator.pending{background:var(--accent-yellow);background:var(--accent-amber,var(--accent-yellow));box-shadow:0 0 0 3px rgba(var(--accent-green-rgb),.15)}.call-card-info{flex:1 1;min-width:0}.call-card-title{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-card-details{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.call-duration,.call-participants-count{color:var(--text-secondary);font-size:var(--font-size-sm)}.call-type-badge{background:var(--accent-blue);border-radius:var(--border-radius-sm);color:var(--bg-primary);color:var(--text-on-accent,var(--bg-primary));display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.call-card-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.join-call-btn{align-items:center;background:var(--accent-blue);border:none;border-radius:var(--border-radius-sm);color:var(--bg-primary);color:var(--text-on-accent,var(--bg-primary));cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);justify-content:center;min-width:90px;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast)}.join-call-btn:hover{background:var(--accent-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.join-icon{height:16px;width:16px}.end-call-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);justify-content:center;min-width:90px;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast)}.end-call-btn:hover:not(:disabled){background:var(--accent-red);border-color:var(--accent-red);box-shadow:var(--shadow-md);color:#fff;color:var(--text-on-accent,#fff);transform:translateY(-1px)}.end-call-btn:disabled{cursor:not-allowed;opacity:.6}.end-call-btn.ending{background:var(--accent-red);border-color:var(--accent-red);color:#fff;color:var(--text-on-accent,#fff)}.end-icon,.end-spinner{height:16px;width:16px}.end-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff}.manual-cleanup-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-fast)}.manual-cleanup-btn:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;color:var(--text-on-accent,#fff)}.remove-call-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:var(--transition-fast);width:32px}.remove-call-btn:hover:not(:disabled){background:var(--accent-red);border-color:var(--accent-red);color:#fff;color:var(--text-on-accent,#fff)}.remove-call-btn:disabled{cursor:not-allowed;opacity:.6}.remove-call-btn.removing{background:var(--accent-red);border-color:var(--accent-red);color:#fff;color:var(--text-on-accent,#fff)}.remove-icon,.remove-spinner{height:14px;width:14px}.remove-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff}.call-thumbnail{border-radius:0 10px 0 6px;height:40px;opacity:.8;overflow:hidden;position:absolute;right:0;top:0;width:60px}.call-thumbnail img{height:100%;object-fit:cover;width:100%}@media (max-width:768px){.ongoing-calls-container{margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.ongoing-call-card{min-width:280px}.call-card-content{padding:var(--spacing-sm)}.call-card-title{font-size:var(--font-size-sm)}.end-call-btn,.join-call-btn{font-size:var(--font-size-xs);min-width:80px;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.ongoing-calls-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.ongoing-calls-header h3{font-size:var(--font-size-md)}.ongoing-call-card{min-width:100%}.ongoing-calls-list{flex-direction:column;overflow-x:hidden}.call-card-actions{flex-direction:column;gap:var(--spacing-xs);width:100%}.end-call-btn,.join-call-btn{min-width:0;min-width:auto;width:100%}}.ongoing-call-card{animation:slideInRight .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.ongoing-calls-container.empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:120px}.no-active-calls-msg{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.ongoing-call-card.pending{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border-color:var(--accent-amber,var(--accent-yellow))}.ongoing-call-card.pending:hover{border-color:var(--accent-green);box-shadow:0 0 0 2px rgba(var(--accent-green-rgb),.2)}.decline-call-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);justify-content:center;min-width:90px;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast)}.decline-call-btn:hover{background:var(--accent-red);border-color:var(--accent-red);box-shadow:var(--shadow-md);color:#fff;color:var(--text-on-accent,#fff);transform:translateY(-1px)}.search-bar{background:#0000;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md) 0;width:100%}.search-bar__container{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);display:flex;height:44px;position:relative;transition:all .2s ease;width:100%}.search-bar__container:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px #4a9eff1a}.search-bar__icon{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;justify-content:center;transition:color .2s ease}.search-bar__icon--left{padding-left:var(--spacing-md);pointer-events:none}.search-bar__icon--right{min-width:40px;padding-right:var(--spacing-md)}.search-bar__container:focus-within .search-bar__icon--left{color:var(--accent-blue)}.search-bar__input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);height:100%;line-height:1.5;outline:none;padding:0 var(--spacing-sm)}.search-bar__input::placeholder{color:var(--text-tertiary);opacity:.8}.search-bar__input:focus::placeholder{opacity:.5}.search-bar__clear-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.search-bar__clear-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.05)}.search-bar__clear-btn:active{transform:scale(.95)}.search-bar__spinner{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.spinner-circle{animation:spin .8s linear infinite;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-blue);height:16px;width:16px}.search-bar__hint{align-items:center;display:flex;justify-content:flex-end;opacity:.6;padding:0 var(--spacing-xs);transition:opacity .2s ease}.search-bar__hint-text{display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs)}.search-bar__hint-text,.search-bar__kbd{align-items:center;color:var(--text-secondary)}.search-bar__kbd{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:0 1px 2px #0000000d;display:inline-flex;font-family:var(--font-mono);font-size:11px;font-weight:var(--font-weight-semibold);height:18px;justify-content:center;min-width:20px;padding:0 var(--spacing-xs)}.search-bar__hint-label{color:var(--text-tertiary);font-size:11px}.search-bar:focus-within .search-bar__hint{opacity:0}@media (max-width:768px){.search-bar{padding:var(--spacing-sm) 0}.search-bar__container{height:48px}.search-bar__input{font-size:var(--font-size-sm)}.search-bar__hint{display:none}}@media (max-width:480px){.search-bar__input::placeholder{content:"Search users...";font-size:var(--font-size-sm)}}@media (prefers-contrast:high){.search-bar__container{border-width:2px}.search-bar__container:focus-within{border-width:3px}}@media (prefers-reduced-motion:reduce){.search-bar__clear-btn,.search-bar__container,.search-bar__hint,.search-bar__icon{transition:none}.spinner-circle{animation:none;border-right-color:var(--accent-blue);border-top-color:var(--accent-blue)}}.light-theme .search-bar__container{background:var(--bg-secondary);border-color:var(--border-light);box-shadow:var(--shadow-sm)}.light-theme .search-bar__container:focus-within{background:var(--bg-secondary);border-color:var(--accent-blue);box-shadow:0 0 0 3px #6d7a8826,var(--shadow-md)}.light-theme .search-bar__icon{color:var(--text-secondary)}.light-theme .search-bar__container:focus-within .search-bar__icon--left{color:var(--accent-blue)}.light-theme .search-bar__input{color:var(--text-primary)}.light-theme .search-bar__input::placeholder{color:var(--text-muted)}.light-theme .search-bar__clear-btn{color:var(--text-secondary)}.light-theme .search-bar__clear-btn:hover{background:var(--hover-bg-overlay);color:var(--text-primary)}.light-theme .search-bar__kbd{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-secondary)}.light-theme .search-bar__hint-label{color:var(--text-tertiary)}.light-theme .spinner-circle{border-color:var(--border-light);border-top-color:var(--accent-blue)}.dark-theme .search-bar__container{background:#1e1f1c99}.dark-theme .search-bar__container:focus-within{background:#1e1f1ccc;box-shadow:0 0 0 3px #4a9eff26}.inline-chat-section{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.inline-chat-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-md) 0;position:relative}.inline-chat-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.search-container{margin-bottom:var(--spacing-sm);position:relative;width:100%}.search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast);width:100%}.search-input:focus{border-color:var(--accent-blue);outline:none}.search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%)}.chat-list{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.chat-item-wrapper{display:block;position:relative;width:100%}.chat-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:12px;padding:12px 44px 12px 16px;position:relative;text-align:left;transition:all var(--transition-fast);width:100%}.chat-item:hover{background:var(--bg-hover);border-color:var(--tree-green);box-shadow:var(--shadow-sm);transform:translateX(2px)}.chat-item.active{background:var(--bg-secondary);border-color:var(--tree-green)}.chat-item.unread{border-color:var(--tree-green);box-shadow:0 0 8px #10b98133}.chat-avatar{flex-shrink:0;height:36px;overflow:visible;position:relative;transition:all var(--transition-fast);width:36px}.chat-avatar:hover{filter:brightness(1.1);transform:scale(1.1)}.chat-avatar:active{transform:scale(.95)}.chat-details{flex:1 1;min-width:0}.chat-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.chat-title span:first-child{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.chat-date-container{align-items:center;display:flex;flex-shrink:0;gap:6px}.chat-date{color:var(--text-secondary);flex-shrink:0;font-size:var(--font-size-xs)}.unread-indicator{animation:pulse-unread 2s ease-in-out infinite;background:#39e8a8;border-radius:50%;box-shadow:0 0 6px #39e8a899;flex-shrink:0;height:8px;width:8px}@keyframes pulse-unread{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.chat-preview{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.3;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-chats-message{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic;padding:var(--spacing-lg);text-align:center}.inline-chat-header .options-menu-button{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:var(--spacing-xs);transition:color var(--transition-fast);width:32px}.inline-chat-header .options-menu-button:hover{color:var(--accent-blue)}.inline-chat-header .options-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000;z-index:var(--z-dropdown,1000)}.options-dropdown button{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background-color var(--transition-fast);width:100%}.options-dropdown button:hover{background:var(--bg-hover)}.options-dropdown button.active{background:#3b82f61a;background:var(--accent-blue-light,#3b82f61a);color:var(--accent-blue);font-weight:var(--font-weight-medium)}.conversation-options-btn{align-items:center;background:var(--overlay-light);border:none;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px;z-index:10}.chat-item-wrapper:hover .conversation-options-btn{opacity:1}.conversation-options-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.conversation-options-btn:active{transform:translateY(-50%) scale(.95)}.conversation-options-dropdown{animation:dropdownFadeIn .15s ease-out;background:var(--bg-secondary);border:1px solid var(--tree-green);border-radius:var(--border-radius-md);box-shadow:0 8px 24px #0006;min-width:180px;overflow:hidden;position:fixed;z-index:10000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.conversation-options-dropdown button{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.conversation-options-dropdown button:hover{background:var(--bg-hover);color:var(--tree-green)}.chat-load-more{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:center;margin-top:var(--spacing-md);min-height:80px;padding:var(--spacing-lg) var(--spacing-md)}.load-more-prompt{font-style:italic;opacity:.7}.chat-end-message{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic;margin-top:var(--spacing-md);padding:var(--spacing-lg);text-align:center}@media (max-width:768px){.inline-chat-header{padding:var(--spacing-sm) 0}.conversation-options-btn{background:var(--overlay-medium);height:24px;opacity:1;width:24px}.chat-item{padding:var(--spacing-sm) var(--spacing-sm);padding-right:40px}.chat-avatar{height:32px;width:32px}}@media (max-width:480px){.inline-chat-title{font-size:var(--font-size-md)}}.suggested-connections{background:#0000;border:none;display:flex;flex-direction:column;gap:var(--spacing-md);margin:0;min-height:0;overflow:visible;padding:0;width:100%}.suggested-connections__header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-md) 0}.suggested-connections__title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.debug-info-compact{color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs)}.debug-info-compact span{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm)}.suggested-connections__empty,.suggested-connections__error,.suggested-connections__loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;padding:24px 12px;text-align:center}.suggested-connections__error{background:#ef44440d;border:1px solid #ef44441a;border-radius:6px;color:#ef4444;color:var(--accent-red)}.retry-button:hover{background:#5b21b6}.suggested-connections__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.suggested-connections__grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);justify-items:center;transition:grid-template-columns .35s cubic-bezier(.4,0,.2,1),gap .35s cubic-bezier(.4,0,.2,1);width:100%}.suggested-connections .suggestion-card{align-items:stretch;background:linear-gradient(135deg,var(--bg-secondary) 0,#1e1f1ccc 100%);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:0;height:300px;overflow:hidden;padding:0;position:relative;transition:width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1),flex-direction .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1),gap .35s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,transform .2s ease;width:160px}.suggested-connections .suggestion-card:before{background:#1a7;background:var(--tree-green,#1a7);content:"";height:4px;left:0;opacity:.9;position:absolute;right:0;top:0;transition:all var(--transition-fast)}.suggested-connections .suggestion-card:hover:before{height:5px;opacity:1}.suggested-connections .suggestion-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.suggested-connections .suggestion-card__header{align-items:center;display:flex;flex-direction:column;gap:0;margin-top:4px;padding:var(--spacing-lg) var(--spacing-md) 0;transition:flex-direction .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1),margin .35s cubic-bezier(.4,0,.2,1);width:100%}.suggested-connections .suggestion-card__avatar-container{flex-shrink:0;height:80px;margin-bottom:var(--spacing-sm);position:relative;transition:width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1),margin .35s cubic-bezier(.4,0,.2,1);width:80px}.suggested-connections .suggestion-card__avatar,.suggested-connections .suggestion-card__avatar-fallback{border:3px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #00000026;height:100%;transition:all var(--transition-fast);width:100%}.suggested-connections .suggestion-card:hover .suggestion-card__avatar,.suggested-connections .suggestion-card:hover .suggestion-card__avatar-fallback{border-color:var(--accent-blue);box-shadow:0 6px 16px #66d9ef4d;transform:scale(1.02)}.suggested-connections .suggestion-card__avatar{object-fit:cover}.suggested-connections .suggestion-card__avatar-fallback{align-items:center;background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-green) 100%);color:var(--text-on-accent);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);justify-content:center}.suggested-connections .suggestion-card__info{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:flex-start;padding:0 var(--spacing-sm);padding-bottom:calc(var(--spacing-xl) + var(--spacing-3xl));text-align:center;transition:align-items .35s cubic-bezier(.4,0,.2,1),text-align .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1),gap .35s cubic-bezier(.4,0,.2,1);width:100%}.suggested-connections .suggestion-card__interests{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:6px}.suggested-connections .interest-pill{align-items:center;background:#11aa771a;border:1px solid #11aa774d;border-radius:10px;color:var(--tree-green);display:inline-flex;font-size:10px;font-weight:var(--font-weight-semibold);line-height:1.2;max-width:70px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.suggested-connections .interest-pill--more{background:#4a9eff1a;border-color:#4a9eff4d;color:var(--accent-blue)}.suggested-connections .suggestion-card__reason{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-tertiary);display:-webkit-box;font-size:10px;font-style:italic;line-height:1.3;margin-top:4px;max-height:26px;overflow:hidden;text-overflow:ellipsis;transition:max-height .2s ease}.suggested-connections .suggestion-card:hover .suggestion-card__reason{max-height:none}.suggested-connections .suggestion-card__name{-webkit-line-clamp:3;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:1.3}.suggested-connections .suggestion-card__name,.suggested-connections .suggestion-card__role{-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden;transition:font-size .35s cubic-bezier(.4,0,.2,1),line-height .35s cubic-bezier(.4,0,.2,1);width:100%;word-break:break-word}.suggested-connections .suggestion-card__role{-webkit-line-clamp:2;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-xs);line-height:1.4;text-overflow:ellipsis}.suggested-connections .suggestion-card__actions{bottom:var(--spacing-md);left:var(--spacing-md);position:absolute;right:var(--spacing-md);transition:position .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);width:auto}.suggested-connections .suggestion-card__connect-btn{align-items:center;background:#4a9eff;background:var(--accent-blue-solid,#4a9eff);border:none;border-radius:var(--border-radius-lg);box-shadow:0 3px 10px #4a9eff4d;color:var(--text-on-accent);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:var(--spacing-xs);justify-content:center;letter-spacing:.02em;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-transform:capitalize;transition:width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1),font-size .35s cubic-bezier(.4,0,.2,1),border-radius .35s cubic-bezier(.4,0,.2,1),gap .35s cubic-bezier(.4,0,.2,1),background .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.suggested-connections .suggestion-card__connect-btn svg{flex-shrink:0;height:16px;width:16px}.suggested-connections .suggestion-card__connect-btn:hover:not(:disabled){background:#3a8fe0;background:var(--accent-blue-hover,#3a8fe0);box-shadow:0 6px 16px #4a9eff66;transform:translateY(-2px)}.suggested-connections .suggestion-card__connect-btn--pending{background:#d4a574;background:var(--accent-gold,#d4a574);box-shadow:0 2px 8px #d4a57440}.suggested-connections .suggestion-card__connect-btn--pending:hover:not(:disabled){background:color-mix(in srgb,#d4a574 85%,#000 15%);background:color-mix(in srgb,var(--accent-gold,#d4a574) 85%,#000 15%);box-shadow:0 4px 12px #d4a57459}.suggested-connections .suggestion-card__connect-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.suggested-connections__load-more{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:center;margin-top:var(--spacing-md);min-height:80px;padding:var(--spacing-lg) var(--spacing-md)}.loading-spinner{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.loading-spinner .spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-green);height:32px;width:32px}.load-more-prompt{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-md);transition:all .3s ease}.load-more-prompt__icon{animation:bounce 2s infinite;color:var(--tree-green);font-size:24px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.load-more-prompt__text{color:var(--text-primary);font-weight:var(--font-weight-medium)}.load-more-prompt__count{color:var(--text-tertiary);font-size:var(--font-size-xs);font-style:italic}.suggested-connections__end-message{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic;margin-top:var(--spacing-md);padding:var(--spacing-lg);text-align:center}@media (min-width:1200px){.suggested-connections .suggested-connections__grid{gap:var(--spacing-lg);margin:0 auto;max-width:1400px}.suggested-connections .suggestion-card{height:340px;width:180px}.suggested-connections .suggestion-card__avatar-container{height:90px;width:90px}.suggested-connections .suggestion-card__info{padding-bottom:calc(var(--spacing-xl) + var(--spacing-3xl) + var(--spacing-sm))}}@media (max-width:1024px) and (min-width:901px){.suggested-connections .suggested-connections__grid{gap:var(--spacing-md)}.suggested-connections .suggestion-card{height:252px;width:155px}.suggested-connections .suggestion-card__avatar-container{height:78px;width:78px}}@media (max-width:900px) and (min-width:801px){.suggested-connections .suggested-connections__grid{gap:var(--spacing-sm)}.suggested-connections .suggestion-card{height:244px;width:150px}.suggested-connections .suggestion-card__avatar-container{height:75px;width:75px}}@media (max-width:800px) and (min-width:701px){.suggested-connections .suggested-connections__grid{gap:calc(var(--spacing-xs)*1.5)}.suggested-connections .suggestion-card{height:236px;width:145px}.suggested-connections .suggestion-card__avatar-container{height:72px;width:72px}.suggested-connections .suggestion-card__name{font-size:var(--font-size-sm)}.suggested-connections .suggestion-card__role{font-size:calc(var(--font-size-xs)*.9)}.suggested-connections .suggestion-card__connect-btn{font-size:calc(var(--font-size-xs)*.9);padding:var(--spacing-xs) var(--spacing-sm)}}:root{--horizontal-card-width:100%;--horizontal-card-height:80px;--horizontal-avatar-size:52px;--horizontal-button-size:38px;--horizontal-button-icon-size:18px;--horizontal-name-font:var(--font-size-sm);--horizontal-role-font:calc(var(--font-size-xs)*0.9)}.suggested-connections.force-compact-layout,.tab-pane--force-mobile-layout .suggested-connections{padding:0}.suggested-connections.force-compact-layout .suggested-connections__grid,.tab-pane--force-mobile-layout .suggested-connections .suggested-connections__grid{gap:var(--spacing-xs);grid-template-columns:1fr;justify-items:stretch}.suggested-connections.force-compact-layout .suggestion-card,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card{align-items:center;flex-direction:row;gap:var(--spacing-sm);height:80px;height:var(--horizontal-card-height);padding:var(--spacing-sm);width:100%;width:var(--horizontal-card-width)}.suggested-connections.force-compact-layout .suggestion-card:before,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card:before{bottom:0;height:3px;height:100%;left:0;right:auto;top:0;width:4px}.suggested-connections.force-compact-layout .suggestion-card:hover:before,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card:hover:before{height:100%;width:5px}.suggested-connections.force-compact-layout .suggestion-card__header,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__header{flex-direction:row;flex-shrink:0;margin-top:0;padding:0}.suggested-connections.force-compact-layout .suggestion-card__avatar-container,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__avatar-container{height:52px;height:var(--horizontal-avatar-size);margin-bottom:0;margin-right:var(--spacing-sm);width:52px;width:var(--horizontal-avatar-size)}.suggested-connections.force-compact-layout .suggestion-card__info,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__info{align-items:flex-start;flex:1 1;gap:3px;justify-content:center;padding:0;text-align:left}.suggested-connections.force-compact-layout .suggestion-card__name,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__name{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--font-size-sm);font-size:var(--horizontal-name-font);line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis}.suggested-connections.force-compact-layout .suggestion-card__role,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__role{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:calc(var(--font-size-xs)*.9);font-size:var(--horizontal-role-font);line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.suggested-connections.force-compact-layout .suggestion-card__actions,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__actions{flex-shrink:0;margin-left:auto;position:static;width:auto}.suggested-connections.force-compact-layout .suggestion-card__connect-btn,.suggested-connections.force-compact-layout .suggestion-card__connect-btn--pending,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__connect-btn,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__connect-btn--pending{align-items:center;border-radius:50%;display:flex;font-size:0;height:38px;height:var(--horizontal-button-size);justify-content:center;min-height:38px;min-height:var(--horizontal-button-size);min-width:38px;min-width:var(--horizontal-button-size);padding:0;width:38px;width:var(--horizontal-button-size)}.suggested-connections.force-compact-layout .suggestion-card__connect-btn svg,.suggested-connections.force-compact-layout .suggestion-card__connect-btn--pending svg,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__connect-btn svg,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__connect-btn--pending svg{height:18px;height:var(--horizontal-button-icon-size);margin:0;width:18px;width:var(--horizontal-button-icon-size)}.suggested-connections.force-compact-layout .suggestion-card__connect-btn span,.suggested-connections.force-compact-layout .suggestion-card__connect-btn--pending span,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__connect-btn span,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__connect-btn--pending span{display:none;visibility:hidden}@media (max-width:700px){.suggested-connections{padding:0}.suggested-connections .suggested-connections__grid{gap:var(--spacing-xs);grid-template-columns:1fr;justify-items:stretch}.suggested-connections .suggestion-card{align-items:center;flex-direction:row;gap:var(--spacing-sm);height:80px;height:var(--horizontal-card-height);padding:var(--spacing-sm);width:100%;width:var(--horizontal-card-width)}.suggested-connections .suggestion-card:before{bottom:0;height:3px;height:100%;left:0;right:auto;top:0;width:4px}.suggested-connections .suggestion-card:hover:before{height:100%;width:5px}.suggested-connections .suggestion-card__header{flex-direction:row;flex-shrink:0;margin-top:0;padding:0}.suggested-connections .suggestion-card__avatar-container{height:52px;height:var(--horizontal-avatar-size);margin-bottom:0;margin-right:var(--spacing-sm);width:52px;width:var(--horizontal-avatar-size)}.suggested-connections .suggestion-card__info{align-items:flex-start;flex:1 1;gap:3px;min-width:0;padding:0;text-align:left}.suggested-connections .suggestion-card__name{-webkit-line-clamp:1;font-size:var(--font-size-sm);font-size:var(--horizontal-name-font);line-height:1.2}.suggested-connections .suggestion-card__role{-webkit-line-clamp:1;font-size:calc(var(--font-size-xs)*.9);font-size:var(--horizontal-role-font);line-height:1.3}.suggested-connections .suggestion-card__actions{flex-shrink:0;position:static;width:auto}.suggested-connections .suggestion-card__connect-btn{border-radius:50%;font-size:0;gap:0;height:38px;height:var(--horizontal-button-size);padding:0;width:38px;width:var(--horizontal-button-size)}.suggested-connections .suggestion-card__connect-btn svg{height:18px;height:var(--horizontal-button-icon-size);width:18px;width:var(--horizontal-button-icon-size)}.suggested-connections .suggestion-card__connect-btn:before{content:""}}@media (max-width:375px){.suggested-connections{padding:0}.suggested-connections .suggested-connections__grid{gap:3px}.suggested-connections .suggestion-card{gap:var(--spacing-xs);height:72px;padding:var(--spacing-xs)}.suggested-connections .suggestion-card__avatar-container{height:44px;margin-right:var(--spacing-xs);width:44px}.suggested-connections .suggestion-card__name{font-size:13px}.suggested-connections .suggestion-card__role{font-size:10px}.suggested-connections .suggestion-card__connect-btn{height:36px;width:36px}.suggested-connections .suggestion-card__connect-btn svg{height:16px;width:16px}}.light-theme .suggested-connections .suggestion-card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.light-theme .suggested-connections .suggestion-card:hover{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-hover) 100%);border-color:var(--border-light);box-shadow:var(--shadow-lg)}.light-theme .suggested-connections .suggestion-card:before{background:var(--accent-sage);opacity:1}.light-theme .suggested-connections .suggestion-card__avatar,.light-theme .suggested-connections .suggestion-card__avatar-fallback{border-color:var(--border-color);box-shadow:var(--shadow-sm)}.light-theme .suggested-connections .suggestion-card:hover .suggestion-card__avatar,.light-theme .suggested-connections .suggestion-card:hover .suggestion-card__avatar-fallback{border-color:var(--accent-blue);box-shadow:0 4px 12px #6d7a884d}.light-theme .suggested-connections .suggestion-card__name{color:var(--text-primary)}.light-theme .suggested-connections .suggestion-card__role{color:var(--text-secondary)}.light-theme .suggested-connections .suggestion-card__reason{color:var(--text-tertiary)}.light-theme .suggested-connections .interest-pill{background:#8b9a7f26;border-color:var(--accent-sage);color:var(--accent-sage)}.light-theme .suggested-connections .interest-pill--more{background:#6d7a8826;border-color:var(--accent-blue);color:var(--accent-blue)}.light-theme .suggested-connections .suggestion-card__connect-btn{box-shadow:0 2px 8px #6d7a8840}.light-theme .suggested-connections .suggestion-card__connect-btn:hover:not(:disabled){box-shadow:0 4px 12px #6d7a8859}.light-theme .loading-spinner .spinner{border-color:var(--border-light);border-top-color:var(--accent-sage)}.light-theme .load-more-prompt{color:var(--text-secondary)}.light-theme .load-more-prompt__icon{color:var(--accent-sage)}.light-theme .load-more-prompt__text{color:var(--text-primary)}.light-theme .load-more-prompt__count{color:var(--text-tertiary)}.light-theme .suggested-connections__end-message{border-top-color:var(--border-light);color:var(--text-tertiary)}:root{--accent-primary-hover:#5b21b6;--accent-red:#ef4444}.connection-requests{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);margin:0 auto;margin-bottom:var(--spacing-xl);max-width:600px;padding:var(--spacing-lg);width:100%}.connection-requests__header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.connection-requests__title{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.connection-requests__empty,.connection-requests__error,.connection-requests__loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-family:var(--font-sans);font-size:14px;padding:24px 12px;text-align:center}.connection-requests__error{background:#ef44440d;border:1px solid #ef44441a;border-radius:6px;color:var(--accent-red)}.connection-requests__empty{color:var(--text-tertiary);font-size:13px;font-style:italic;padding:16px 12px}.retry-button{background:var(--accent-primary);border:none;border-radius:4px;color:#fff;font-size:12px;margin-top:8px;padding:6px 12px;transition:background-color .2s ease}.retry-button:hover{background:var(--accent-primary-hover)}.connection-requests__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.connection-requests__grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);justify-items:center;transition:grid-template-columns .35s cubic-bezier(.4,0,.2,1),gap .35s cubic-bezier(.4,0,.2,1);width:100%}.connection-request-card{align-items:stretch;background:linear-gradient(135deg,var(--bg-secondary) 0,#1e1f1ccc 100%);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);cursor:default;display:flex;flex-direction:column;gap:0;height:260px;overflow:hidden;padding:0;position:relative;transition:width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,transform .2s ease;width:160px}.connection-request-card:before{background:#10b981;background:var(--tree-green,#10b981);content:"";height:4px;left:0;opacity:.9;position:absolute;right:0;top:0;transition:all var(--transition-fast)}.connection-request-card:hover:before{height:5px;opacity:1}.connection-request-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.connection-request-card__header{align-items:center;display:flex;flex-direction:column;gap:0;margin-top:4px;padding:var(--spacing-lg) var(--spacing-md) 0;transition:flex-direction .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1);width:100%}.connection-request-card__avatar-container{flex-shrink:0;height:80px;margin-bottom:var(--spacing-sm);position:relative;transition:width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1);width:80px}.connection-request-card__info{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:flex-start;padding:0 var(--spacing-sm);padding-bottom:56px;text-align:center;transition:align-items .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1);width:100%}.connection-request-card__name{-webkit-line-clamp:3;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:1.3}.connection-request-card__message,.connection-request-card__name{-webkit-box-orient:vertical;display:-webkit-box;font-family:var(--font-sans);margin:0;overflow:hidden;transition:font-size .35s cubic-bezier(.4,0,.2,1);width:100%;word-break:break-word}.connection-request-card__message{-webkit-line-clamp:2;color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.4;text-overflow:ellipsis}.connection-request-card__actions{bottom:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);left:var(--spacing-md);position:absolute;right:var(--spacing-md);transition:position .35s cubic-bezier(.4,0,.2,1);width:auto}.connection-request-card__accept-btn{align-items:center;background:#10b981;background:var(--tree-green,#10b981);border:none;border-radius:var(--border-radius-lg);box-shadow:0 3px 10px #10b9814d;color:#fff;cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:var(--spacing-xs);justify-content:center;letter-spacing:.02em;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-transform:capitalize;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.connection-request-card__accept-btn:hover:not(:disabled){background:#0ea76f;box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.connection-request-card__accept-btn:active:not(:disabled){box-shadow:0 2px 6px #10b9814d;transform:translateY(0)}.connection-request-card__accept-btn:disabled{background:#10b981;background:var(--tree-green,#10b981);box-shadow:none;cursor:not-allowed;opacity:.5}.connection-request-card__decline-btn{align-items:center;background:#0000;border:1px solid var(--accent-red);border-radius:var(--border-radius-lg);color:var(--accent-red);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);justify-content:center;letter-spacing:.02em;padding:var(--spacing-sm) var(--spacing-md);text-transform:capitalize;transition:all .2s ease;width:100%}.connection-request-card__decline-btn:hover:not(:disabled){background:var(--accent-red);box-shadow:0 4px 12px #ef44444d;color:#fff;transform:translateY(-1px)}.connection-request-card__decline-btn:active:not(:disabled){transform:translateY(0)}.connection-request-card__accept-btn:disabled,.connection-request-card__decline-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.connection-requests__navigation{align-items:center;border-top:1px solid var(--border-color);box-sizing:border-box;display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-sm);max-width:100%;min-height:48px;overflow:hidden;padding:var(--spacing-md) var(--spacing-sm);position:relative;width:100%}.nav-button{align-items:center;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;color:var(--text-primary,#fff)!important;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:13px!important;font-weight:500;gap:6px;justify-content:center;outline:none!important;padding:8px 12px!important;transition:opacity .2s ease;white-space:nowrap}.nav-button svg{color:inherit;flex-shrink:0;height:16px!important;width:16px!important}.nav-button.prev-button{left:var(--spacing-sm);position:absolute}.nav-button.next-button{position:absolute;right:var(--spacing-sm)}.nav-button:hover:not(:disabled){opacity:.7}.nav-button:disabled{cursor:not-allowed;opacity:.3}@media (max-width:1024px) and (min-width:901px){.connection-requests__grid{gap:var(--spacing-md)}.connection-request-card{height:252px;width:155px}.connection-request-card__avatar-container{height:78px;width:78px}}@media (max-width:900px) and (min-width:801px){.connection-requests__grid{gap:var(--spacing-sm)}.connection-request-card{height:244px;width:150px}.connection-request-card__avatar-container{height:75px;width:75px}}@media (max-width:800px) and (min-width:701px){.connection-requests__grid{gap:6px}.connection-request-card{height:236px;width:145px}.connection-request-card__avatar-container{height:72px;width:72px}.connection-request-card__name{font-size:var(--font-size-sm)}.connection-request-card__message{font-size:11px}}@media (max-width:700px){.connection-requests{padding:var(--spacing-md)}.connection-requests__grid{gap:var(--spacing-sm);grid-template-columns:1fr;justify-items:stretch}.connection-request-card{align-items:center;flex-direction:row;gap:var(--spacing-md);height:100px;padding:var(--spacing-md);width:100%}.connection-request-card:before{bottom:0;height:100%;left:0;right:auto;top:0;width:4px}.connection-request-card:hover:before{width:5px}.connection-request-card__header{flex-direction:row;flex-shrink:0;margin-top:0;padding:0}.connection-request-card__avatar-container{height:52px;margin-bottom:0;margin-right:var(--spacing-sm);width:52px}.connection-request-card__info{align-items:flex-start;flex:1 1;gap:3px;min-width:0;padding:0;text-align:left}.connection-request-card__name{-webkit-line-clamp:1;font-size:var(--font-size-sm);line-height:1.2}.connection-request-card__message{-webkit-line-clamp:1;font-size:11px;line-height:1.3}.connection-request-card__actions{flex-direction:row;flex-shrink:0;gap:var(--spacing-xs);margin-left:auto;position:static;width:auto}.connection-request-card__accept-btn,.connection-request-card__decline-btn{font-size:11px;min-width:60px;padding:var(--spacing-xs) var(--spacing-sm)}.connection-requests__navigation{padding:var(--spacing-sm) var(--spacing-xs)}.nav-button.prev-button{left:var(--spacing-xs)}.nav-button.next-button{right:var(--spacing-xs)}}@media (max-width:375px){.connection-request-card,.connection-requests{padding:var(--spacing-sm)}.connection-request-card{gap:var(--spacing-sm);height:90px}.connection-request-card__avatar-container{height:46px;width:46px}.connection-request-card__name{font-size:13px}.connection-request-card__message{font-size:10px}.connection-request-card__accept-btn,.connection-request-card__decline-btn{font-size:10px;min-width:50px}}.user-action-buttons{align-items:center;display:flex;flex-shrink:0;gap:6px}.user-action-button{flex-shrink:0}@media (max-width:768px){.user-action-buttons{gap:4px}}@media (max-width:480px){.user-action-buttons{gap:3px}}.connections-container{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.connections-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-md) 0;position:relative}.connections-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.connections-container .search-container{margin-bottom:var(--spacing-sm);position:relative;width:100%}.connections-container .search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast);width:100%}.connections-container .search-input:focus{border-color:var(--accent-blue);outline:none}.connections-container .search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%)}.connections-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg) var(--spacing-md)}.loading-spinner{border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-top-color:var(--tree-green)}.connections-error{color:var(--text-secondary);font-size:var(--font-size-xs);padding:var(--spacing-md);text-align:center}.retry-btn{background:var(--tree-green);border:none;border-radius:var(--border-radius-md);color:var(--text-on-accent);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast)}.retry-btn:hover{background:var(--accent-green);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.connections-empty{color:var(--text-secondary);padding:24px 16px;text-align:center}.empty-icon{color:var(--text-secondary);margin-bottom:8px;opacity:.7}.connections-empty span{display:block;font-size:14px;font-weight:500;margin-bottom:4px}.connections-empty p{color:var(--text-secondary);font-size:12px;margin:0;opacity:.7}.connections-list{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.connection-item{align-items:center;background:var(--bg-secondary);border:none;border-radius:var(--border-radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.connection-item:hover{background:var(--bg-hover);border-color:var(--tree-green);box-shadow:var(--shadow-sm);transform:translateX(2px)}.connection-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.connection-avatar{flex-shrink:0;height:36px;overflow:visible;position:relative;width:36px}.connection-avatar img{object-fit:cover}.avatar-fallback,.connection-avatar img{border-radius:50%;height:100%;width:100%}.avatar-fallback{align-items:center;background:var(--accent-blue);color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center}.status-indicator{border:2px solid var(--bg-primary);border-radius:50%;height:12px;left:0;position:absolute;top:0;width:12px;z-index:10}.status-indicator.online{background:var(--tree-green)}.connection-details{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:8px;min-width:0}.connection-name{color:var(--text-primary);flex-shrink:1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-status{color:var(--text-secondary);font-size:12px}.connection-profession{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:11px;gap:4px;margin-top:0;white-space:nowrap}.connection-profession svg{flex-shrink:0;opacity:.7}.connection-actions{display:flex;flex-shrink:0;gap:6px}.action-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.action-btn:hover{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.message-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:var(--accent-blue)}.video-btn{border:1px solid var(--accent-green)}.video-btn,.video-btn:hover{background:var(--accent-green);color:#fff}.video-btn:hover{border-color:var(--accent-green);box-shadow:0 2px 8px #10b9814d;transform:scale(1.05)}.video-btn.calling{background:var(--accent-orange);border-color:var(--accent-orange);color:#fff;cursor:not-allowed}.calling-icon{animation:pulse 1.5s ease-in-out infinite}.action-btn:disabled{cursor:not-allowed;opacity:.6}.connections-load-more{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:center;margin-top:var(--spacing-md);min-height:80px;padding:var(--spacing-lg) var(--spacing-md)}.connections-load-more .load-more-prompt{opacity:.7}.connections-end-message,.connections-load-more .load-more-prompt{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.connections-end-message{border-top:1px solid var(--border-color);margin-top:var(--spacing-md);padding:var(--spacing-lg);text-align:center}@media (max-width:1024px){.connections-header{font-size:var(--font-size-xs);padding:var(--spacing-sm) 0}.connections-header h4{font-size:var(--font-size-sm)}.refresh-btn{height:28px;width:28px}}@media (max-width:768px){.connections-header{gap:var(--spacing-xs);padding:var(--spacing-sm) 0}.connection-item{padding:var(--spacing-sm) var(--spacing-sm)}.connection-avatar{height:32px;width:32px}.avatar-fallback,.connection-name{font-size:var(--font-size-xs)}.connection-status{font-size:11px}.connection-profession{font-size:10px;gap:3px}.connection-profession svg{height:11px;width:11px}.action-btn{padding:var(--spacing-xs)}.connection-actions{gap:var(--spacing-xs)}}@media (max-width:480px){.connections-header{gap:4px;padding:var(--spacing-xs) 0}.connections-header h4{font-size:11px}.refresh-btn{height:24px;width:24px}.connection-item{padding:var(--spacing-xs) var(--spacing-sm)}.connection-avatar{height:28px;width:28px}.avatar-fallback{font-size:11px}.connection-name{font-size:12px}.connection-status{font-size:10px}.connection-profession{font-size:9px;gap:2px;margin-top:1px}.connection-profession svg{height:10px;width:10px}.action-btn{border-radius:var(--border-radius-xs);padding:4px}.connection-actions{gap:4px}.connections-empty{padding:var(--spacing-md) var(--spacing-sm)}.connections-empty span{font-size:12px}.connections-empty p{font-size:11px}.connections-loading{padding:var(--spacing-md) var(--spacing-sm)}.connections-error{padding:var(--spacing-sm)}}.tour-overlay{inset:0;pointer-events:none;position:fixed;z-index:var(--z-tour-overlay)}body.tour-scroll-locked,html.tour-scroll-locked{-webkit-overflow-scrolling:auto!important;overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}body.tour-scroll-locked{height:100%!important;left:0!important;position:fixed!important;right:0!important;width:100%!important}body.tour-scroll-locked .node-edit-modal__content,body.tour-scroll-locked .profile-section-modal-content,body.tour-scroll-locked .tour-content,body.tour-scroll-locked .tour-tooltip{-webkit-overflow-scrolling:touch!important;overflow-y:auto!important;touch-action:pan-y!important}.tour-overlay--positioning .tour-highlight,.tour-overlay--positioning .tour-tooltip{opacity:0;transform:scale(.98);visibility:hidden}.tour-overlay--ready .tour-highlight,.tour-overlay--ready .tour-tooltip{opacity:1;transform:scale(1);transition:opacity .2s ease-out,transform .2s ease-out,visibility 0s;visibility:visible}.tour-overlay--hidden{opacity:0;pointer-events:none;visibility:hidden}.tour-overlay--entering .tour-tooltip{animation:tour-enter .2s ease-out forwards;animation:tour-enter var(--tour-transition-enter,.2s) ease-out forwards}@keyframes tour-enter{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tour-overlay--active .tour-highlight,.tour-overlay--active .tour-tooltip{opacity:1;visibility:visible}.tour-overlay--repositioning .tour-tooltip{transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s ease-out;transition:transform var(--tour-transition-reposition,.3s) var(--tour-transition-easing,cubic-bezier(.34,1.56,.64,1)),opacity var(--tour-transition-duration,.2s) ease-out}.tour-overlay--exiting .tour-tooltip{animation:tour-exit .15s ease-in forwards;animation:tour-exit var(--tour-transition-exit,.15s) ease-in forwards}@keyframes tour-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.tour-blocking-overlay{background:#000000bf;inset:0;pointer-events:auto;position:fixed;z-index:10000}.tour-backdrop{inset:0;pointer-events:none;position:absolute}.tour-backdrop-section{background:#000000bf;pointer-events:none}.tour-highlight{animation:tour-glow 2s ease-in-out infinite alternate;background:#0000;border:4px solid var(--tree-green);border-radius:28px;border-radius:var(--tour-highlight-border-radius,28px);box-shadow:0 0 30px #10b981e6,0 0 60px #10b98199,0 0 90px #10b98166,inset 0 0 30px #10b98126;pointer-events:none;position:absolute;z-index:10001}[data-tour]:not([data-tour=tokens-field-wrapper]) .tour-highlight{display:none}.create-tree-fab-button.tour-fab-highlight,.knowledge-fab-create-tree.tour-fab-highlight,.tour-fab-highlight,[data-tour=create-tree-button].tour-fab-highlight{animation:tour-fab-glow 1.5s ease-in-out infinite alternate!important;border:4px solid var(--tree-green)!important;box-shadow:0 0 30px #10b981e6 !important,0 0 60px #10b98199 !important,0 0 90px #10b98166 !important,0 4px 20px #0006!important;position:relative!important;transform:scale(1.1)!important;z-index:10002!important}.create-tree-fab-button.tour-fab-highlight:before,.knowledge-fab-create-tree.tour-fab-highlight:before,.tour-fab-highlight:before,[data-tour=create-tree-button].tour-fab-highlight:before{animation:tour-fab-pulse 2s ease-in-out infinite;background:#0000;border:3px solid #10b98166;border-radius:50%;content:"";inset:-12px;position:absolute;z-index:-1}.create-tree-fab-button.tour-fab-highlight:after,.knowledge-fab-create-tree.tour-fab-highlight:after,.tour-fab-highlight:after,[data-tour=create-tree-button].tour-fab-highlight:after{animation:tour-fab-pulse-outer 3s ease-in-out infinite;background:#0000;border:2px solid #10b98133;border-radius:50%;content:"";inset:-20px;position:absolute;z-index:-2}@keyframes tour-glow{0%{border-color:var(--tree-green);box-shadow:0 0 30px #10b981e6,0 0 60px #10b98199,0 0 90px #10b98166,inset 0 0 30px #10b98126}to{border-color:var(--accent-green);box-shadow:0 0 40px #10b981,0 0 80px #10b981cc,0 0 120px #10b98199,inset 0 0 40px #10b98140}}@keyframes tour-fab-glow{0%{box-shadow:0 0 30px #10b981e6,0 0 60px #10b98199,0 0 90px #10b98166,0 4px 20px #0006}to{box-shadow:0 0 40px #10b981,0 0 80px #10b981cc,0 0 120px #10b98199,0 6px 24px #00000080}}@keyframes tour-fab-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes tour-fab-pulse-outer{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes tour-completion-pulse{0%,to{border-color:var(--tree-green);box-shadow:0 8px 32px #10b9814d,0 0 0 1px #10b98180}50%{border-color:var(--accent-green);box-shadow:0 12px 40px #10b98180,0 0 0 2px #10b981cc}}@keyframes tour-float-pulse{0%,to{box-shadow:var(--shadow-lg)}50%{box-shadow:var(--shadow-xl)}}.tour-tooltip{-webkit-overflow-scrolling:touch;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-secondary);border:2px solid var(--tree-green);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);max-height:calc(var(--viewport-height) - 80px);max-height:var(--tour-tooltip-max-height,calc(var(--viewport-height) - 80px));max-width:450px;max-width:var(--tour-tooltip-width,450px);min-width:340px;min-width:var(--tour-tooltip-min-width,340px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-xl);pointer-events:auto;position:absolute;scrollbar-color:var(--text-secondary) #0000;scrollbar-gutter:stable;scrollbar-width:thin;transition:transform .2s ease-out,opacity .2s ease-out;will-change:transform,opacity;z-index:10002}.tour-tooltip--centered{left:50%!important;max-width:560px;min-width:460px;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important}.tour-tooltip::-webkit-scrollbar{width:8px}.tour-tooltip::-webkit-scrollbar-track{background:#0000;margin-bottom:var(--spacing-md);margin-top:var(--spacing-md)}.tour-tooltip::-webkit-scrollbar-thumb{background:var(--text-secondary);border:2px solid var(--bg-secondary);border-radius:var(--border-radius-md)}.tour-tooltip::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.tour-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-sm);padding-bottom:var(--spacing-md);text-align:center}.tour-logo-icon{color:var(--text-primary);filter:none;height:64px;margin-bottom:var(--spacing-md);width:64px}.tour-header-title{color:var(--text-primary);font-family:var(--font-serif);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.tour-header-title,.tour-subheader{letter-spacing:var(--letter-spacing-tight);margin:0}.tour-subheader{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-lg);font-style:italic;font-weight:var(--font-weight-light)}.tour-progress-indicators{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.tour-pagination-dots .pagination-dot{cursor:default}.tour-pagination-dots .pagination-dot:disabled{cursor:default;opacity:1}.tour-pagination-dots .pagination-dot.active:disabled{background:#b0a590;background:var(--beige-earth,#b0a590);border-color:#b0a590;border-color:var(--beige-earth,#b0a590)}.light-theme .tour-pagination-dots .pagination-dot.active:disabled,:root[data-theme=light] .tour-pagination-dots .pagination-dot.active:disabled{background:#5a4f43;background:var(--text-charcoal,#5a4f43);border-color:#5a4f43;border-color:var(--text-charcoal,#5a4f43)}.tour-substep-counter{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);margin-top:var(--spacing-xs);text-transform:uppercase}.tour-content{margin-bottom:var(--spacing-lg)}.tour-description{word-wrap:break-word;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-md) 0;overflow-wrap:break-word}.tour-bullets{list-style:none;margin:0;padding:0}.tour-bullets li{word-wrap:break-word;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);overflow-wrap:break-word;padding:var(--spacing-sm) 0 var(--spacing-sm) calc(var(--spacing-lg) + var(--spacing-xs));position:relative}.tour-bullets li:before{color:var(--tree-green);content:"•";font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);left:var(--spacing-sm);position:absolute}.tour-instructions{list-style:none;margin:var(--spacing-md) 0 0 0;padding:0}.tour-instructions li{color:var(--text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);padding:var(--spacing-xs) 0 var(--spacing-xs) calc(var(--spacing-lg) + var(--spacing-xs));position:relative}.tour-instructions li:before{color:var(--tree-green);content:"•";font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);left:var(--spacing-sm);position:absolute}.tour-controls{flex-direction:column}.tour-controls,.tour-nav-buttons{align-items:center;display:flex;gap:var(--spacing-md)}.tour-nav-buttons{flex:0 0 auto;justify-content:flex-end;width:100%}.tour-skip-button{align-self:center;order:2}.tour-secondary-button{align-items:center;background:#0000;border:1px solid var(--text-secondary);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);justify-content:center;min-height:44px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast);white-space:nowrap;width:fit-content}.tour-secondary-button:hover{background:var(--hover-bg-overlay);border-color:var(--accent-blue);color:var(--text-primary);transform:translateY(-1px)}.tour-secondary-button:active{transform:translateY(0)}.tour-back-button{align-items:center;background:#0000;border:1px solid var(--text-secondary);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);justify-content:center;min-height:44px;min-width:100px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast);white-space:nowrap}.tour-back-button:hover{background:var(--hover-bg-overlay);border-color:var(--accent-blue);color:var(--text-primary);transform:translateY(-1px)}.tour-back-button:active{transform:translateY(0)}.tour-skip-button{align-items:center;background:#0000;border:1px solid var(--text-secondary);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);justify-content:center;min-height:44px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast);white-space:nowrap;width:fit-content}.tour-skip-button:hover{background:var(--hover-bg-overlay);border-color:var(--accent-blue);color:var(--text-primary);transform:translateY(-1px)}.tour-skip-button:active{transform:translateY(0)}.tour-next-button{align-items:center;background:var(--tree-green);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);justify-content:center;min-height:44px;min-width:100px;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all var(--transition-fast);white-space:nowrap}.tour-next-button:hover{background:var(--tree-green);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tour-next-button:hover:before{background:var(--state-hover);border-radius:var(--border-radius-md);content:"";inset:0;pointer-events:none;position:absolute}.tour-next-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.tour-next-button:active:before{background:var(--state-pressed);border-radius:var(--border-radius-md);content:"";inset:0;pointer-events:none;position:absolute}.tour-next-button--disabled{align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:not-allowed;display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);justify-content:center;min-height:44px;opacity:.6;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.tour-next-button--disabled,.tour-next-button--disabled:hover{background:var(--bg-secondary);box-shadow:none;color:var(--text-tertiary)}.tour-next-button--disabled:hover{filter:none;transform:none}.tour-try-button{align-items:center;background:var(--tree-green);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);justify-content:center;min-height:44px;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all var(--transition-fast)}.tour-try-button:hover{background:var(--tree-green);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tour-try-button:hover:before{background:var(--state-hover);border-radius:var(--border-radius-md);content:"";inset:0;pointer-events:none;position:absolute}.tour-try-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.tour-try-button:active:before{background:var(--state-pressed);border-radius:var(--border-radius-md);content:"";inset:0;pointer-events:none;position:absolute}.tour-completion-message{background:var(--bg-info-overlay);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--font-size-md);font-style:italic;padding:var(--spacing-md) var(--spacing-lg);text-align:center}.tour-floating-next{bottom:var(--spacing-xl);pointer-events:auto;position:fixed;right:var(--spacing-xl);z-index:10001}.tour-floating-next-button{align-items:center;animation:tour-float-pulse 2s ease-in-out infinite;background:var(--tree-green);border:none;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);padding:18px 28px;position:relative;transition:all var(--transition-medium)}.tour-floating-next-button:hover{background:var(--tree-green);box-shadow:var(--shadow-xl);transform:translateY(-2px) scale(1.05)}.tour-floating-next-button:hover:before{background:var(--state-hover);border-radius:var(--border-radius-xl);content:"";inset:0;pointer-events:none;position:absolute}.tour-floating-next-button:active{transform:translateY(-1px) scale(1.02)}.tour-floating-next-button:active:before{background:var(--state-pressed);border-radius:var(--border-radius-xl);content:"";inset:0;pointer-events:none;position:absolute}.tour-floating-next-text{white-space:nowrap}.tour-floating-next-icon{height:20px;transition:transform var(--transition-fast);width:20px}.tour-floating-next-button:hover .tour-floating-next-icon{transform:translateX(2px)}.tour-floating-completion-message{align-items:center;animation:tour-completion-pulse 2s ease-in-out infinite;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000d9;border:2px solid var(--accent-yellow);border-radius:var(--border-radius-xl);box-shadow:0 8px 32px #ffd7004d,0 0 0 1px #ffd70080;display:flex;justify-content:center;padding:18px 28px}.tour-floating-completion-text{color:var(--accent-yellow);font-size:var(--font-size-md);font-style:italic;font-weight:var(--font-weight-semibold);white-space:nowrap}.tour-floating-controls{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#272822f2;border:2px solid var(--tree-green);border-radius:var(--border-radius-lg);bottom:var(--spacing-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:row;left:var(--spacing-lg);min-height:52px;padding:var(--spacing-sm) var(--spacing-md);pointer-events:auto;position:fixed;transition:all var(--transition-medium);z-index:10001}.tour-floating-controls,.tour-floating-pill{align-items:center;gap:var(--spacing-xs);justify-content:center}.tour-floating-pill{border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:80px;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast);white-space:nowrap}.tour-floating-pill--secondary{background:#0000;border-color:var(--border-light);color:var(--text-secondary);order:1}.tour-floating-pill--secondary:hover{background:var(--hover-bg-overlay);border-color:var(--color-golden);box-shadow:var(--shadow-sm);color:var(--text-primary);transform:translateY(-1px)}.tour-floating-pill--secondary:active{box-shadow:none;transform:translateY(0)}.tour-floating-pill--primary{background:var(--tree-green);border:none;box-shadow:var(--shadow-sm);color:#fff;font-weight:var(--font-weight-semibold);order:2;position:relative}.tour-floating-pill--primary:hover{background:var(--tree-green);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tour-floating-pill--primary:hover:before{background:var(--state-hover);border-radius:var(--border-radius-md);content:"";inset:0;pointer-events:none;position:absolute}.tour-floating-pill--primary:active{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tour-floating-pill--primary:active:before{background:var(--state-pressed);border-radius:var(--border-radius-md);content:"";inset:0;pointer-events:none;position:absolute}.tour-floating-pill--disabled{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-tertiary);cursor:not-allowed;font-weight:var(--font-weight-medium);opacity:.6;order:2}.tour-floating-pill--disabled:hover{background:var(--bg-secondary);box-shadow:none;color:var(--text-tertiary);filter:none;transform:none}@media (max-width:600px){.tour-tooltip{left:50%!important;max-height:calc(var(--viewport-height) - 120px);min-width:280px;padding:var(--spacing-lg);transform:translateX(-50%);width:auto}.tour-tooltip,.tour-tooltip--centered{max-width:calc(100vw - var(--spacing-md))}.tour-tooltip--centered{min-width:320px;transform:translate(-50%,-50%)!important}.tour-tooltip--mobile-bottom{bottom:var(--spacing-sm)!important;top:auto!important}.tour-tooltip--mobile-bottom,.tour-tooltip--mobile-top{left:50%!important;max-height:calc(50vh - var(--spacing-sm));max-height:calc(50dvh - var(--spacing-sm));overflow-x:hidden!important;overflow-y:auto!important;position:fixed!important;right:auto!important;transform:translateX(-50%)!important;width:calc(100vw - var(--spacing-sm))!important}.tour-tooltip--mobile-top{bottom:auto!important;top:var(--spacing-sm)!important}.tour-tooltip--bottom-sheet{-webkit-overflow-scrolling:touch!important;animation:tour-bottom-sheet-slide-up .25s cubic-bezier(.34,1.56,.64,1);border-radius:var(--spacing-lg) var(--spacing-lg) 0 0!important;bottom:0!important;left:0!important;max-height:60vh!important;max-height:var(--tour-mobile-bottom-sheet-max-height,60vh)!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;position:fixed!important;right:0!important;top:auto!important;transform:none!important;width:100%!important}@keyframes tour-bottom-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tour-back-button,.tour-next-button,.tour-skip-button,.tour-try-button{font-size:16px;min-height:44px;padding:var(--spacing-sm) var(--spacing-lg)}.tour-controls{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr;width:100%}.tour-controls>.tour-skip-button{background:#0000;border:none;color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);grid-column:1/-1;grid-row:1;min-height:32px;padding:var(--spacing-xs) 0;text-align:center;text-decoration:underline}.tour-controls>.tour-skip-button:hover{background:#0000;border:none;color:var(--text-secondary);text-decoration:underline;transform:none}.tour-controls>.tour-nav-buttons{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr;width:100%}.tour-nav-buttons>.tour-back-button{grid-column:1}.tour-nav-buttons>.tour-next-button,.tour-nav-buttons>.tour-try-button{grid-column:2}.tour-nav-buttons>.tour-next-button:first-child,.tour-nav-buttons>.tour-try-button:first-child{grid-column:1/-1}.tour-tooltip--centered .tour-controls{display:flex;flex-direction:column-reverse;gap:var(--spacing-md)}.tour-tooltip--centered .tour-controls>.tour-skip-button{background:#0000!important;border:none!important;color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);min-height:32px;padding:var(--spacing-xs) 0;text-align:center;text-decoration:underline}.tour-tooltip--centered .tour-controls>.tour-skip-button:hover{background:#0000!important;border:none!important;color:var(--text-secondary);text-decoration:underline;transform:none}.tour-tooltip--centered .tour-controls>.tour-next-button{width:100%}.tour-header-title{font-size:var(--font-size-xl)}.tour-bullets li,.tour-description,.tour-instructions li{font-size:var(--font-size-md)}.tour-pagination-dots .pagination-dot{height:6px;width:6px}.tour-substep-counter{font-size:10px;margin-top:4px}.tour-backdrop-section{background:#000000a6!important}.tour-highlight{border-width:3px}.tour-floating-controls{border:2px solid var(--tree-green);border-radius:var(--border-radius-lg);bottom:var(--spacing-sm);gap:6px;left:50%;min-height:40px;padding:6px var(--spacing-sm);transform:translateX(-50%)}.tour-floating-pill{font-size:var(--font-size-xs);min-height:32px;min-width:60px;padding:4px 8px}.tour-tooltip{animation:none}.tour-fab-highlight{transform:scale(1.05)!important}@keyframes tour-glow{0%,to{box-shadow:0 0 20px #ffd700b3}}@keyframes tour-fab-glow{0%,to{box-shadow:0 0 20px #ffd700b3,0 4px 16px #0006}}}@media (min-width:600px){.tour-tooltip{display:flex;flex-direction:column;max-height:calc(var(--viewport-height) - 32px);max-width:90vw;width:600px}.tour-back-button,.tour-next-button,.tour-secondary-button,.tour-try-button{height:auto;line-height:1.4;max-width:240px;min-height:44px;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;white-space:normal}.tour-skip-button{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);max-width:none;min-height:32px;padding:var(--spacing-xs) 0;white-space:nowrap;width:auto}.tour-skip-button,.tour-skip-button:hover{background:#0000;border:none;text-decoration:underline}.tour-skip-button:hover{color:var(--text-secondary);transform:none}.tour-nav-buttons{justify-content:space-between}.tour-tooltip--centered .tour-nav-buttons{justify-content:center}.tour-tooltip--centered .tour-nav-buttons>.tour-next-button:first-child,.tour-tooltip--centered .tour-nav-buttons>.tour-try-button:first-child{max-width:none;width:100%}.tour-content{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--text-secondary) #0000;scrollbar-width:thin}.tour-content::-webkit-scrollbar{width:6px}.tour-content::-webkit-scrollbar-track{background:#0000}.tour-content::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:var(--border-radius-sm)}.tour-controls,.tour-header{flex:0 0 auto}}@media (min-width:600px) and (max-width:768px){.tour-tooltip{max-width:500px;min-width:400px;padding:var(--spacing-lg)}.tour-tooltip--centered{max-width:540px;min-width:440px}.tour-floating-controls{border:2px solid var(--tree-green);border-radius:var(--border-radius-lg);bottom:var(--spacing-md);left:50%;transform:translateX(-50%)}.tour-back-button,.tour-next-button,.tour-skip-button,.tour-try-button{font-size:16px;min-height:44px}.tour-floating-pill{font-size:var(--font-size-sm);min-height:36px;min-width:70px}}@media (max-height:700px){.tour-tooltip{max-height:calc(50vh - 40px);padding:var(--spacing-md)}.tour-tooltip--centered{max-height:calc(70vh - 40px)}.tour-tooltip--mobile-bottom,.tour-tooltip--mobile-top{max-height:calc(45vh - var(--spacing-sm))}.tour-content{margin-bottom:var(--spacing-sm)}.tour-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.tour-bullets li,.tour-instructions li{padding:var(--spacing-xs) 0 var(--spacing-xs) calc(var(--spacing-lg) + var(--spacing-xs))}}@media (max-height:600px){.tour-tooltip{max-height:calc(50vh - 30px);padding:var(--spacing-sm)}.tour-tooltip--centered{max-height:calc(80vh - 30px)}.tour-tooltip--mobile-bottom,.tour-tooltip--mobile-top{max-height:calc(40vh - var(--spacing-sm))}.tour-header-title{font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm) 0}.tour-description{font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs) 0}.tour-content{margin-bottom:var(--spacing-xs)}.tour-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}}.light-theme .tour-tooltip{background:#fffffff2;border-color:var(--beige-sand);color:var(--text-ink)}.light-theme .tour-title{color:var(--text-ink)}.light-theme .tour-description{color:var(--text-charcoal)}.light-theme .tour-instructions li{color:var(--text-sepia)}.light-theme .tour-back-button,.light-theme .tour-skip-button{border-color:var(--text-charcoal);color:var(--text-charcoal)}.light-theme .tour-back-button:hover,.light-theme .tour-skip-button:hover{background:var(--hover-bg-overlay);border-color:var(--accent-slate);color:var(--text-ink)}.light-theme .tour-floating-controls{background:#f5f1e8e6;border-color:var(--beige-sand);box-shadow:0 -4px 12px #3d342826}.light-theme .tour-floating-pill--primary{background:var(--tree-green);color:var(--bg-secondary)}.light-theme .tour-floating-pill--primary:hover{background:var(--tree-green)}.light-theme .tour-floating-pill--primary:hover:before{background:#3d342814}.light-theme .tour-floating-pill--secondary{border-color:var(--beige-sand);color:var(--text-charcoal)}.light-theme .tour-floating-pill--secondary:hover{background:var(--hover-bg-overlay);border-color:var(--accent-slate);color:var(--text-ink)}.light-theme .tour-floating-pill--disabled{background:var(--beige-canvas);border-color:var(--beige-sand);color:var(--text-muted)}.call-summary{background:#0000;box-sizing:border-box;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.call-summary.has-expanded-item{overflow:hidden;overflow-y:auto}.call-summary-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-2xl);margin:0 auto;max-width:900px;min-height:100vh;padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-2xl);position:relative;width:100%;z-index:10}#call-summary-title{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin:0;padding:0;text-align:center}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-text{animation:fadeInOut 1.5s infinite;color:var(--primary-color);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xl);text-shadow:var(--shadow-text)}.loading-circle{animation:spin 1s cubic-bezier(.6,.2,.4,.8) infinite;border-top:6px solid rgba(var(--primary-color-rgb),.1);border:6px solid rgba(var(--primary-color-rgb),.1);border-radius:50%;border-top-color:var(--primary-color);box-shadow:0 4px 10px #0000001a;height:80px;width:80px}.learning-items{gap:var(--spacing-md);margin:0 auto;max-width:100%;padding:var(--spacing-md);z-index:10}.learning-items,.learning-items-container{align-items:center;display:flex;flex-direction:column;width:100%}.learning-items-container{position:relative}.learning-items::-webkit-scrollbar{display:none}.learning-items{-ms-overflow-style:none;scrollbar-width:none}.learning-items.has-expanded-item{align-items:center;height:auto;padding-bottom:0}.learning-items.has-expanded-item .learning-item.expanded{margin-bottom:var(--spacing-xl);max-width:800px;min-width:280px;overflow:hidden;padding-bottom:var(--spacing-2xl);width:min(90vw,800px);z-index:20}.learning-item{word-wrap:break-word;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--card-radius);box-shadow:var(--card-shadow);box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);height:auto;margin:0;max-height:none;max-width:800px;min-height:fit-content;overflow:visible;padding:var(--spacing-xl);position:relative;transition:all var(--transition-medium);white-space:normal;width:100%}.learning-item::-webkit-scrollbar{width:6px}.learning-item::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:var(--border-radius-sm)}.learning-item::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:var(--border-radius-sm)}.learning-item::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.learning-item.expanded{height:auto;margin-bottom:var(--spacing-xl);max-width:800px;min-height:fit-content;overflow:hidden auto;padding-bottom:var(--spacing-2xl);position:relative;width:min(90vw,800px);z-index:20}.learning-item .close-button{align-items:center;animation:pulseGlow 2s ease-in-out infinite;background:#4caf50;background:var(--accent-green,#4caf50);border:none;border-radius:50%;box-shadow:0 0 6px rgba(var(--primary-color-rgb),.5);cursor:pointer;display:flex;height:24px;justify-content:center;padding:5px;position:absolute;right:10px;top:10px;transition:background-color .2s ease;width:24px}.learning-item .close-button:hover{background-color:#0000001a}.learning-item .close-button:before{display:none}.learning-item .close-button .checkmark-icon{filter:drop-shadow(0 0 2px rgba(0,0,0,.3));height:100%;pointer-events:none;width:100%}.learning-item:hover{border-color:var(--border-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.learning-item.expanded:hover{transform:none}.learning-item.closing{animation:closeItem .8s cubic-bezier(.34,1.56,.64,1) forwards;border-color:var(--primary-color)}.learning-item.shift{animation:shiftPosition .6s cubic-bezier(.34,1.56,.64,1) forwards}.learning-item:before{background:none;border-radius:18px;content:"";filter:blur(2px);inset:-2px;opacity:1;position:absolute;transition:opacity .3s ease;z-index:-1}.learning-item:hover:before{animation:borderGlow 2s infinite;opacity:1}.learning-item h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-snug);margin-bottom:var(--spacing-sm)}.learning-item h3,.learning-item p{font-family:var(--font-sans);word-break:break-word}.learning-item p{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);margin:var(--spacing-sm) 0}.learning-item .expand-hint{color:var(--text-tertiary);font-size:var(--font-size-sm);font-style:italic;font-weight:var(--font-weight-regular);margin:var(--spacing-md) 0 0 0;opacity:.6;text-align:center}.complete-button,.learning-item .expand-hint{font-family:var(--font-sans);letter-spacing:var(--letter-spacing-wide)}.complete-button{background:var(--tree-green);border:2px solid #0000;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);color:var(--text-on-accent);cursor:pointer;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:var(--spacing-md) 0 var(--spacing-md) 0;min-width:220px;opacity:0;padding:var(--spacing-lg) var(--spacing-3xl);position:relative;transform:scale(0);transition:all var(--transition-medium)}.complete-button.visible{animation:gentlePulse 3s ease-in-out infinite;opacity:1;transform:scale(1)}.complete-button:hover{background:var(--accent-green);border-color:var(--accent-green);box-shadow:var(--shadow-lg);filter:brightness(1.1);transform:scale(1.05)}@keyframes gentlePulse{0%,to{box-shadow:var(--shadow-md);transform:scale(1)}50%{box-shadow:var(--shadow-lg);transform:scale(1.02)}}.error-notice{align-items:center;background:var(--bg-danger-overlay);border:1px solid var(--accent-red);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);max-width:600px;padding:var(--spacing-lg);width:100%;z-index:10}.error-notice p{color:var(--accent-red);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0;text-align:center}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}@keyframes borderGlow{0%,to{filter:brightness(1);opacity:.5}50%{filter:brightness(1.2);opacity:.8}}@keyframes closeItem{0%{border-color:var(--primary-color);box-shadow:0 0 0 rgba(var(--primary-color-rgb),.3);transform:scale(1)}50%{border-color:var(--accent-color);box-shadow:0 0 20px rgba(var(--primary-color-rgb),.5);transform:scale(1.1)}to{border-color:var(--accent-color);box-shadow:0 0 40px rgba(var(--primary-color-rgb),0);opacity:0;transform:scale(0)}}@keyframes shiftPosition{0%{transform:translateX(0)}50%{transform:translateX(-20px)}to{transform:translateX(0)}}@keyframes pulseButton{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes floatBox{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}.error-container{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--card-radius);box-shadow:var(--card-shadow);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;min-height:50vh;padding:var(--spacing-xl);text-align:center}.error-container h2{color:var(--accent-red);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.error-container h2,.error-container p{font-family:var(--font-sans);margin-bottom:var(--spacing-md)}.error-container p{color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.error-container ul{margin-bottom:2rem;padding-left:1.5rem;text-align:left}.error-container li{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.retry-button{background:var(--accent-blue);border:1px solid var(--accent-blue);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);color:var(--text-on-accent);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-medium)}.retry-button:hover{background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (max-width:768px){.call-summary-content{gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-md) calc(var(--mobile-sidebar-height, 60px) + var(--spacing-lg))}#call-summary-title{font-size:var(--font-size-2xl)}.learning-items{gap:var(--spacing-sm)}.learning-item,.learning-item.expanded{padding:var(--spacing-lg)}.learning-item.expanded{margin-bottom:0;padding-bottom:var(--spacing-md);width:100%}.complete-button{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:calc(var(--spacing-3xl) + var(--spacing-md));margin-top:var(--spacing-sm);min-width:240px;padding:var(--spacing-lg) var(--spacing-3xl)}}.learning-item .expanded-content{margin-top:var(--spacing-md)}.learning-item . s-section{border-top:1px solid var(--border-light);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.learning-item .details-section h4{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-md);text-transform:uppercase}.learning-item .details-section ul{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.learning-item .details-section li{background:var(--overlay-subtle);border-left:2px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0;padding:var(--spacing-sm) var(--spacing-md);word-break:break-word}.learning-item .details-section li strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.tab-navigation-wrapper{margin-bottom:var(--spacing-lg);width:100%;z-index:20}.call-summary .tab-navigation-container{margin:0;padding:0;width:100%}.learning-item.expanded{max-height:70vh;overflow-y:auto}.learning-item.expanded::-webkit-scrollbar{width:6px}.learning-item.expanded::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:var(--border-radius-sm)}.learning-item.expanded::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}@keyframes pulseGlow{0%,to{box-shadow:0 0 4px rgba(var(--primary-color-rgb),.4)}50%{box-shadow:0 0 12px rgba(var(--primary-color-rgb),.8)}}.learning-item .markdown-content{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.learning-item .markdown-content .markdown-heading{border-bottom:2px solid var(--tree-green);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-snug);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-xl);padding-bottom:var(--spacing-xs)}.learning-item .markdown-content .markdown-heading:first-child{margin-top:0}.learning-item .markdown-content .markdown-subheading{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-snug);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-lg)}.learning-item .markdown-content .markdown-paragraph{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.learning-item .markdown-content .markdown-paragraph:last-child{margin-bottom:0}.learning-item .markdown-content .markdown-bold{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.learning-item .markdown-content .markdown-list{list-style-position:outside;margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.learning-item .markdown-content ul.markdown-list{list-style-type:disc}.learning-item .markdown-content ol.markdown-list{list-style-type:decimal}.learning-item .markdown-content .markdown-list-item{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-xs)}.learning-item .markdown-content ul.markdown-list li::marker{color:var(--tree-green);font-size:1.1em}.learning-item .markdown-content ol.markdown-list li::marker{color:var(--tree-green);font-weight:var(--font-weight-semibold)}.learning-item .markdown-content .markdown-list .markdown-list{margin-bottom:var(--spacing-xs);margin-top:var(--spacing-xs);padding-left:var(--spacing-lg)}.learning-item:not(.expanded) .markdown-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.learning-item.expanded .markdown-content{display:block;overflow:visible}.learning-item .details-section .key-point-markdown{margin-bottom:var(--spacing-sm)}.learning-item .details-section .key-point-markdown p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.learning-item .details-section .key-point-markdown strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}@media (max-width:768px){.learning-item .markdown-content .markdown-heading{font-size:var(--font-size-md);margin-top:var(--spacing-lg)}.learning-item .markdown-content .markdown-subheading{font-size:var(--font-size-base)}.learning-item .markdown-content .markdown-list{padding-left:var(--spacing-lg)}}@media (max-width:480px){.call-summary-content{padding:var(--spacing-md) var(--spacing-sm) calc(var(--mobile-sidebar-height, 60px) + var(--spacing-md))}#call-summary-title{font-size:var(--font-size-xl)}.learning-item,.learning-item.expanded{padding:var(--spacing-md)}.learning-item.expanded{margin-bottom:0;padding-bottom:var(--spacing-xs)}.complete-button{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:calc(var(--spacing-3xl) + var(--spacing-lg));margin-top:var(--spacing-xs);min-width:200px;padding:var(--spacing-lg) var(--spacing-2xl)}}.connection-notification{animation:slideInUp .4s cubic-bezier(.16,1,.3,1);bottom:24px;left:24px;max-width:420px;position:fixed;z-index:10000}.notification-content{align-items:flex-start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0006,0 2px 8px #0003;cursor:pointer;display:flex;font-family:var(--font-sans);gap:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.notification-content:hover{border-color:var(--accent-gold);box-shadow:0 12px 40px #00000080,0 4px 12px #0000004d;transform:translateY(-2px)}.notification-icon{align-items:center;color:var(--accent-gold);display:flex;flex-shrink:0;height:32px;justify-content:center;margin-top:2px;width:32px}.notification-icon svg{filter:drop-shadow(0 2px 4px rgba(214,174,84,.3));height:100%;width:100%}.notification-text{flex:1 1;min-width:0}.notification-title{color:var(--accent-gold);font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);margin-bottom:6px;text-transform:uppercase}.notification-message{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-normal)}.notification-line{margin-bottom:4px}.notification-line:last-child{margin-bottom:0}.notification-close{align-items:center;background:var(--bg-button-overlay);border:1px solid var(--border-color-overlay);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--font-sans);font-size:20px;font-weight:var(--font-weight-regular);height:28px;justify-content:center;line-height:1;padding:4px 8px;position:absolute;right:12px;top:12px;transition:all .2s ease;width:28px}.notification-close:hover{background:var(--hover-bg-overlay);border-color:var(--accent-gold);color:var(--accent-gold);transform:scale(1.1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.connection-notifications{animation:slideInDown .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0006;font-family:var(--font-sans);max-width:420px;min-width:360px;position:fixed;right:24px;top:24px;z-index:10000}.notifications-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:18px 20px}.notifications-header h3{color:var(--accent-gold);font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);margin:0;text-transform:uppercase}.close-notifications{align-items:center;background:var(--bg-button-overlay);border:1px solid var(--border-color-overlay);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:22px;height:32px;justify-content:center;line-height:1;padding:4px 8px;transition:all .2s ease;width:32px}.close-notifications:hover{background:var(--hover-bg-overlay);border-color:var(--accent-gold);color:var(--accent-gold);transform:scale(1.1)}.notifications-list{max-height:500px;overflow-y:auto;padding:12px;scrollbar-color:var(--accent-gold) var(--bg-primary);scrollbar-width:thin}.notifications-list::-webkit-scrollbar{width:8px}.notifications-list::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.notifications-list::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:4px}.notifications-list::-webkit-scrollbar-thumb:hover{background:var(--accent-orange)}.connection-request{align-items:center;background:var(--overlay-light);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin:8px 0;padding:16px;transition:all .2s ease}.connection-request:hover{background:var(--overlay-medium);border-color:var(--accent-gold)}.request-info{flex:1 1}.sender-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:4px}.request-message,.sender-name{font-family:var(--font-sans);letter-spacing:var(--letter-spacing-normal)}.request-message{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.request-actions{display:flex;gap:10px;margin-left:16px}.accept-btn,.reject-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal);padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.accept-btn{background:var(--accent-green);border-color:var(--accent-green);color:var(--text-on-accent)}.accept-btn:hover:not(:disabled){background:#0ea76f;border-color:#0ea76f;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.reject-btn{background:var(--accent-red);border-color:var(--accent-red);color:var(--text-primary)}.reject-btn:hover:not(:disabled){background:#e91d63;border-color:#e91d63;box-shadow:0 4px 12px #f926724d;transform:translateY(-1px)}.accept-btn:disabled,.reject-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.connection-notification{bottom:12px;left:12px;max-width:none;right:12px}.connection-notifications{left:12px;max-width:none;min-width:auto;right:12px;top:12px}.connection-request{align-items:flex-start;flex-direction:column;gap:12px}.request-actions{margin-left:0;width:100%}.accept-btn,.reject-btn{flex:1 1}.notification-content{padding:16px}.notification-title{font-size:var(--font-size-sm)}.notification-message{font-size:var(--font-size-xs)}.notification-icon{height:28px;width:28px}}.test-email-form{display:flex;flex-direction:column;gap:1.5rem;max-width:100%}.test-email-error,.test-email-success{align-items:center;border-radius:6px;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:1rem}.test-email-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.test-email-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.error-icon,.success-icon{flex-shrink:0;font-size:1rem}.test-email-field{display:flex;flex-direction:column;gap:.5rem}.test-email-label{font-weight:600;margin-bottom:.25rem}.test-email-input,.test-email-label,.test-email-textarea{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.875rem}.test-email-input,.test-email-textarea{background-color:#fff;background-color:var(--bg-secondary,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-light,#e5e7eb);border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.test-email-input:focus,.test-email-textarea:focus{border-color:#495057;border-color:var(--text-primary,#495057);box-shadow:0 0 0 3px #4950571a;outline:none}.test-email-input.error,.test-email-textarea.error{border-color:#dc2626}.test-email-input.error:focus,.test-email-textarea.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.test-email-input:disabled,.test-email-textarea:disabled{background-color:#f9fafb;background-color:var(--bg-disabled,#f9fafb);border-color:#e5e7eb;border-color:var(--border-disabled,#e5e7eb);color:#9ca3af;color:var(--text-disabled,#9ca3af);cursor:not-allowed}.test-email-textarea{min-height:120px;resize:vertical}.test-email-field-error{color:#dc2626;font-size:.75rem;font-weight:500}.test-email-char-count{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem;text-align:right}.test-email-warning{align-items:flex-start;background-color:#fffbeb;border:1px solid #fcd34d;border-radius:6px;color:#92400e;display:flex;font-size:.875rem;gap:.75rem;padding:1rem}.warning-icon{flex-shrink:0;font-size:1rem}.test-email-footer{align-items:center;display:flex;gap:1rem;justify-content:flex-end;padding-top:.5rem}.test-email-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;transition:all .2s ease}.test-email-button:disabled{cursor:not-allowed;opacity:.6}.test-email-button-secondary{background-color:#f9fafb;background-color:var(--bg-secondary,#f9fafb);border:2px solid #e5e7eb;border:2px solid var(--border-light,#e5e7eb);color:#374151;color:var(--text-primary,#374151)}.test-email-button-secondary:hover:not(:disabled){background-color:#f3f4f6;background-color:var(--bg-hover,#f3f4f6);border-color:#d1d5db;border-color:var(--border-medium,#d1d5db)}.test-email-button-primary{background-color:#495057;background-color:var(--text-primary,#495057);border:2px solid #495057;border:2px solid var(--text-primary,#495057);color:#fff;font-weight:500}.test-email-button-primary:hover:not(:disabled){background-color:#212529;border-color:#212529;box-shadow:0 2px 8px #49505726;transform:translateY(-1px)}.test-email-button-primary:active:not(:disabled){box-shadow:0 1px 4px #49505733;transform:translateY(0)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.test-email-form{gap:1rem}.test-email-footer{flex-direction:column-reverse;gap:.75rem}.test-email-button{justify-content:center;width:100%}}.branch-invitation-modal-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:13000}.branch-invitation-modal{animation:slideInFromRight .3s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);max-width:90vw;overflow:hidden;position:relative;width:360px}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.branch-invitation-modal__header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg)}.branch-invitation-modal__avatar{align-items:center;background:var(--accent-purple);border-radius:50%;color:var(--bg-primary);display:flex;flex-shrink:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:48px;justify-content:center;width:48px}.branch-invitation-modal__info{flex:1 1;min-width:0}.branch-invitation-modal__name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-invitation-modal__status{animation:pulse 2s ease-in-out infinite;color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.branch-invitation-modal__timer{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;font-family:Courier New,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs)}.branch-invitation-modal__context{background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.branch-invitation-modal__context-item{align-items:center;display:flex;font-size:var(--font-size-sm);justify-content:space-between}.branch-invitation-modal__context-label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.branch-invitation-modal__context-value{color:var(--text-primary);font-weight:var(--font-weight-semibold);max-width:200px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.branch-invitation-modal__error{align-items:center;background:#ef44441a;border-bottom:1px solid #ef444433;color:var(--accent-red);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg)}.branch-invitation-modal__actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg)}.branch-invitation-modal__button{align-items:center;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-family-modern);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);justify-content:center;min-height:48px;padding:var(--spacing-md);transition:all var(--transition-fast)}.branch-invitation-modal__button:disabled{cursor:not-allowed;opacity:.6}.branch-invitation-modal__button--cancel{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.branch-invitation-modal__button--cancel:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-red);box-shadow:var(--shadow-md);color:var(--accent-red);transform:translateY(-1px)}.branch-invitation-modal__button--success{background:var(--accent-green);color:var(--bg-primary)}.branch-invitation-modal__button--success:hover:not(:disabled){background:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (max-width:768px){.branch-invitation-modal-overlay{align-items:flex-end;justify-content:center;padding:var(--spacing-md)}.branch-invitation-modal{animation:slideInFromBottom .3s ease-out;max-width:100%;width:100%}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.notification-toast-stack{display:flex;flex-direction:column;gap:12px;max-width:100vw;pointer-events:none;position:fixed;z-index:10000}.notification-toast-stack.position-top-left{align-items:flex-start;left:24px;top:24px}.notification-toast-stack.position-top-center{align-items:center;left:50%;top:16px;transform:translateX(-50%)}.notification-toast-stack.position-top-right{align-items:flex-end;right:24px;top:24px}.notification-toast-stack.position-bottom-left{align-items:flex-start;bottom:24px;flex-direction:column-reverse;left:24px}.notification-toast-stack.position-bottom-right{align-items:flex-end;bottom:24px;flex-direction:column-reverse;right:24px}.notification-toast{font-family:var(--font-sans);opacity:0;pointer-events:all;position:relative;transform-origin:center;transition:all .3s cubic-bezier(.16,1,.3,1)}.notification-toast.animating{opacity:1}.notification-toast.removing{pointer-events:none}.notification-toast.position-top-center.removing{animation:fadeOutTopCenter .4s cubic-bezier(.16,1,.3,1) forwards}.notification-toast.position-top-left.removing{animation:fadeOutTopLeft .4s cubic-bezier(.16,1,.3,1) forwards}.notification-toast.position-top-right.removing{animation:fadeOutTopRight .4s cubic-bezier(.16,1,.3,1) forwards}.notification-toast.position-bottom-left.removing{animation:fadeOutBottomLeft .4s cubic-bezier(.16,1,.3,1) forwards}.notification-toast.position-bottom-right.removing{animation:fadeOutBottomRight .4s cubic-bezier(.16,1,.3,1) forwards}.notification-toast-content{align-items:center;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-elevation-08dp);display:flex;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-md);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-normal);max-width:500px;min-width:300px;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:transform var(--transition-fast) var(--ease-out-smooth),box-shadow var(--transition-fast) var(--ease-out-smooth)}.notification-toast-content:hover{box-shadow:var(--shadow-elevation-12dp);transform:translateY(-1px)}.notification-toast-icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.notification-toast-icon{stroke-width:2;height:100%;width:100%}.notification-toast-text{word-wrap:break-word;flex:1 1;line-height:1.5;line-height:var(--line-height-normal,1.5);min-width:0}.notification-toast-close{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--border-radius-sm,6px);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--font-sans);font-size:20px;font-weight:400;font-weight:var(--font-weight-regular,400);height:24px;height:var(--touch-target-min,24px);justify-content:center;line-height:1;opacity:0;padding:0;pointer-events:none;position:absolute;right:8px;top:8px;transition:all .2s ease;transition:all var(--transition-fast,.2s) var(--ease-out-smooth,ease);width:24px;width:var(--touch-target-min,24px)}.notification-toast-content:hover .notification-toast-close{opacity:1;pointer-events:auto}.notification-toast-close:hover{background:var(--state-hover);color:var(--text-primary);transform:scale(1.05)}.notification-toast-close:active{background:var(--state-pressed);transform:scale(1)}.notification-toast.variant-success .notification-toast-content{background:var(--accent-green);border:none;color:#fff}.notification-toast.variant-success .notification-toast-icon{color:#fff}.notification-toast.variant-success .notification-toast-close{color:#ffffffe6}.notification-toast.variant-success .notification-toast-close:hover{background:#ffffff26;color:#fff}.notification-toast.variant-error .notification-toast-content{background:var(--accent-red);border:none;color:#fff}.notification-toast.variant-error .notification-toast-icon{color:#fff}.notification-toast.variant-error .notification-toast-close{color:#ffffffe6}.notification-toast.variant-error .notification-toast-close:hover{background:#ffffff26;color:#fff}.notification-toast.variant-warning .notification-toast-content{background:var(--accent-orange);border:none;color:#fff}.notification-toast.variant-warning .notification-toast-icon{color:#fff}.notification-toast.variant-warning .notification-toast-close{color:#ffffffe6}.notification-toast.variant-warning .notification-toast-close:hover{background:#ffffff26;color:#fff}.notification-toast.variant-info .notification-toast-content{background:var(--elevation-08dp);border:1px solid #ffffff1a;border:1px solid var(--border-subtle,#ffffff1a);box-shadow:var(--shadow-elevation-08dp);color:var(--text-primary)}.notification-toast.variant-info .notification-toast-icon{color:var(--accent-blue-solid)}.notification-toast.variant-info .notification-toast-close{color:var(--text-secondary)}.notification-toast.variant-info .notification-toast-close:hover{background:var(--state-hover);color:var(--text-primary)}.notification-toast.variant-achievement .notification-toast-content{background:var(--accent-gold)!important;border:none!important;box-shadow:0 4px 16px #d6ae5466,0 0 32px #d6ae5433!important;color:#fff!important;font-family:var(--font-sans);font-weight:var(--font-weight-semibold)}.notification-toast.variant-achievement .notification-toast-icon,.notification-toast.variant-achievement .notification-toast-text{color:#fff!important}.notification-toast.variant-achievement .notification-toast-close{background:#0000;border:1px solid #ffffff4d;color:#fff!important;font-family:var(--font-sans)}.notification-toast.variant-achievement .notification-toast-close:hover{background:#fff3!important;border-color:#ffffff80}.notification-toast.variant-connection .notification-toast-content{background:var(--tree-green);border:none;color:#fff}.notification-toast.variant-connection .notification-toast-icon{color:#fff}.notification-toast.variant-connection .notification-toast-close{color:#ffffffe6}.notification-toast.variant-connection .notification-toast-close:hover{background:#ffffff26;color:#fff}.notification-toast.animation-slide.animating{animation:slideInFromTop .4s cubic-bezier(.16,1,.3,1)}.notification-toast.animation-fade.animating{animation:fadeIn .3s ease-out}.notification-toast.animation-fade.removing{animation:fadeOut .3s ease-in}.notification-toast.animation-bounce.animating{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.notification-toast.animation-achievement-burst.animating{animation:achievementGraceful .5s cubic-bezier(.16,1,.3,1)}.notification-toast.variant-achievement.animation-achievement-burst .notification-toast-icon{animation:iconPulse .6s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes achievementGraceful{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes iconPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes fadeOutTopCenter, @keyframes fadeOutTopLeft, @keyframes fadeOutTopRight, @keyframes fadeOutBottomLeft, @keyframes fadeOutBottomRight{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-16px) scale(.95)}}@media (max-width:768px){.notification-toast-stack.position-top-center,.notification-toast-stack.position-top-left,.notification-toast-stack.position-top-right{align-items:stretch;left:12px;right:12px;top:12px}.notification-toast-stack.position-top-center{transform:none}.notification-toast-stack.position-bottom-left,.notification-toast-stack.position-bottom-right{align-items:stretch;bottom:12px;left:12px;right:12px}.notification-toast-content{font-size:14px;font-size:var(--font-size-sm,14px);max-width:100%;min-width:180px;padding:12px 20px}.notification-toast-icon-wrapper{height:20px;width:20px}.notification-toast-stack{gap:8px}}.notification-test-panel-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notification-test-panel{animation:scaleIn .3s cubic-bezier(.16,1,.3,1);background:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:12px;box-shadow:0 8px 32px #0009;font-family:var(--font-sans);max-height:80vh;max-height:80dvh;max-width:90vw;overflow-y:auto;position:relative;width:400px;z-index:9500}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.test-panel-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px;position:sticky;top:0;z-index:10}.test-panel-header h2{color:var(--accent-gold);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);margin:0}.test-panel-subtitle{color:var(--text-secondary);font-size:var(--font-size-xs);font-style:italic;margin:4px 0 0}.test-panel-close{align-items:center;background:#ffffff0d;background:var(--bg-button-overlay,#ffffff0d);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.test-panel-close:hover{background:#ffffff1a;background:var(--hover-bg-overlay,#ffffff1a);border-color:var(--accent-gold);color:var(--accent-gold);transform:scale(1.1)}.test-panel-section{border-bottom:1px solid var(--border-color);padding:20px 24px}.test-panel-section:last-child{border-bottom:none}.test-panel-section h3{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal);margin:0 0 16px}.test-panel-description{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-sm) 0}.test-panel-control{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.test-panel-control:last-child{margin-bottom:0}.test-panel-control label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:8px}.test-panel-control input[type=checkbox]{accent-color:var(--accent-gold);cursor:pointer;height:18px;width:18px}.test-panel-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);padding:10px 12px;transition:all .2s ease}.test-panel-select:focus,.test-panel-select:hover{border-color:var(--accent-gold)}.test-panel-select:focus{box-shadow:0 0 0 2px #d6ae5433;outline:none}.test-panel-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);padding:10px 12px;transition:all .2s ease}.test-panel-input::placeholder{color:var(--text-tertiary)}.test-panel-input:focus,.test-panel-input:hover{border-color:var(--accent-gold)}.test-panel-input:focus{box-shadow:0 0 0 2px #d6ae5433;outline:none}.test-panel-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.test-panel-button{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:8px;padding:16px;transition:all .2s ease}.test-panel-button:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.test-panel-button:active{transform:translateY(0)}.test-button-icon{font-size:24px;line-height:1}.test-button-label{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.system-test-button{padding:12px}.test-button-description{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);letter-spacing:normal;line-height:var(--line-height-tight);text-align:center;text-transform:none}.system-test-button:hover .test-button-description{color:var(--text-secondary)}.test-panel-button-wide{background:var(--accent-gold);border:2px solid var(--accent-gold);border-radius:8px;color:#1a1a1a;color:var(--text-ink,#1a1a1a);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);padding:14px 24px;text-transform:uppercase;transition:all .2s ease;width:100%}.test-panel-button-wide:hover{background:var(--accent-orange);border-color:var(--accent-orange);box-shadow:0 6px 20px #d6ae5466;transform:translateY(-2px)}.test-panel-button-wide:active{transform:translateY(0)}.test-panel-footer{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:16px 24px}.test-panel-footer p{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);margin:0}.test-panel-footer strong{color:var(--accent-gold);font-weight:var(--font-weight-semibold)}@media (max-width:600px){.notification-test-panel{max-width:100vw;width:100vw}.test-panel-grid{grid-template-columns:1fr}.test-panel-header h2{font-size:var(--font-size-md)}}.notification-test-panel::-webkit-scrollbar{width:8px}.notification-test-panel::-webkit-scrollbar-track{background:var(--bg-primary)}.notification-test-panel::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:4px}.notification-test-panel::-webkit-scrollbar-thumb:hover{background:var(--accent-orange)}.system-tests-grid{display:flex;flex-direction:column;gap:4px}.system-test-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-family:Courier New,monospace;font-size:10px;gap:6px;padding:6px;text-align:left;transition:background .1s}.system-test-button:hover{background:#ffffff1a;border-color:#6496ff80}.system-test-button .test-icon{flex-shrink:0;font-size:16px}.system-test-button .test-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.system-test-button .test-label{color:#fff;font-size:11px;font-weight:700}.system-test-button .test-description{color:#fff9;font-size:9px}.diagnostic-section{border:1px solid #ffffff1a;border-radius:2px;font-size:9px;margin-bottom:6px}.diagnostic-summary{background:#ffffff0d;cursor:pointer;font-size:10px;font-weight:700;padding:4px 6px;-webkit-user-select:none;user-select:none}.diagnostic-summary:hover{background:#ffffff14}.diagnostic-details{background:#0000004d;font-family:Courier New,monospace;padding:6px}.diagnostic-row{border-bottom:1px solid #ffffff0d;display:flex;font-size:9px;justify-content:space-between;padding:3px 0}.diagnostic-row:last-child{border-bottom:none}.diagnostic-label{color:#fff9;flex-shrink:0;margin-right:8px}.diagnostic-value{color:#fff;font-size:9px;text-align:right;word-break:break-all}.diagnostic-value-highlight{color:#0ff;font-weight:700}.diagnostic-status-box{border-radius:2px;font-size:9px;line-height:1.4;margin-top:6px;padding:6px}.diagnostic-actions{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:6px}.diagnostic-actions-title{font-size:10px;font-weight:700;margin-bottom:4px}.diagnostic-actions-grid{display:flex;flex-wrap:wrap;gap:4px}.diagnostic-action-button{border:1px solid #fff3;border-radius:2px;cursor:pointer;font-family:Courier New,monospace;font-size:9px;padding:4px 8px;transition:background .1s}.diagnostic-action-button:hover:not(:disabled){background:#ffffff1a}.diagnostic-action-button:disabled{cursor:not-allowed;opacity:.3}.dump-button{background:#f003;border-color:#f006;color:#fff}.test-call-button{background:#0f03;border-color:#0f06;color:#fff}.call-control-actions{display:flex;flex-direction:column;gap:12px}.call-control-status{align-items:center;background:#a6e22e1a;border-left:3px solid var(--accent-green);border-radius:4px;display:flex;font-weight:500;gap:8px;padding:8px 12px}.status-indicator{font-size:20px;line-height:1}.status-indicator.active{animation:pulse 2s ease-in-out infinite;color:var(--accent-green)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.call-control-hint{color:var(--text-secondary);font-size:12px;line-height:1.4;margin:0}.start-debug-call-button{background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:600;padding:12px 20px;transition:all .2s ease}.start-debug-call-button:hover{box-shadow:0 4px 12px #a6e22e4d;transform:translateY(-2px)}.end-debug-call-button{background:linear-gradient(135deg,#ff6b6b,#ff4757);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;transition:all .2s ease}.end-debug-call-button:hover{box-shadow:0 4px 12px #ff6b6b4d;transform:translateY(-2px)}.preset-scenarios{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.preset-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.preset-button:hover{background:var(--bg-tertiary);border-color:var(--accent-green);transform:translateY(-1px)}.preset-button.active{background:#a6e22e26;border-color:var(--accent-green);color:var(--accent-green);font-weight:600}.preset-button.clear-button{background:#ff6b6b1a;border-color:#ff6b6b4d;color:#ff6b6b}.preset-button.clear-button:hover{background:#ff6b6b33;border-color:#ff6b6b}.add-participant-form{display:flex;gap:8px}.participant-name-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:14px;padding:8px 12px;transition:all .2s ease}.participant-name-input:focus{background:var(--bg-tertiary);border-color:var(--accent-green);outline:none}.participant-name-input::placeholder{color:var(--text-tertiary)}.add-participant-button{background:var(--accent-green);border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.add-participant-button:hover:not(:disabled){background:var(--accent-blue);transform:translateY(-1px)}.add-participant-button:disabled{cursor:not-allowed;opacity:.4}.participants-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.participant-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px;transition:all .2s ease}.participant-item:hover{background:var(--bg-tertiary);border-color:var(--accent-green)}.participant-item.local{background:#a6e22e0d;border-color:var(--accent-green)}.participant-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.participant-name{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:6px}.local-badge{background:#a6e22e26;border-radius:4px;color:var(--accent-green);font-size:11px;font-weight:500;padding:2px 6px}.participant-controls{display:flex;gap:6px}.control-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:16px;line-height:1;padding:6px 10px;transition:all .2s ease}.control-button:hover{background:var(--bg-primary);transform:scale(1.05)}.control-button.active{background:#a6e22e1a;border-color:var(--accent-green)}.control-button.audio-button.active,.control-button.video-button.active{background:#63a23f26;border-color:var(--accent-green)}.control-button.remove-button{background:#ff6b6b1a;border-color:#ff6b6b4d}.control-button.remove-button:hover{background:#ff6b6b33;border-color:#ff6b6b}.participant-state{display:flex;gap:8px;margin-top:8px}.state-badge{border:1px solid #0000;border-radius:4px;font-size:11px;font-weight:500;padding:4px 8px}.state-badge.audio-on,.state-badge.video-on{background:#a6e22e1a;border-color:#a6e22e4d;color:var(--accent-green)}.state-badge.audio-off,.state-badge.video-off{background:#75715e1a;border-color:#75715e4d;color:var(--text-tertiary)}.instructions-content{color:var(--text-secondary);line-height:1.6}.instructions-content h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 8px}.instructions-content ol,.instructions-content ul{margin:0 0 16px}.instructions-content li{margin-bottom:6px}.instructions-content strong{color:var(--accent-green)}.participants-list::-webkit-scrollbar{width:8px}.participants-list::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.participants-list::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:4px}.participants-list::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.light-theme .add-participant-button,.light-theme .end-debug-call-button,.light-theme .start-debug-call-button{color:#fff}.light-theme .state-badge.audio-off,.light-theme .state-badge.video-off{background:#7a6f631a;border-color:#7a6f634d}.call-invitation-test-module .diagnostic-value-small{font-size:var(--font-size-xs);word-break:break-all}.call-invitation-test-module .diagnostic-value-highlight{color:var(--accent-green);font-weight:var(--font-weight-semibold)}.test-mode-selector{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.test-mode-option{align-items:flex-start;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm);transition:all var(--transition-fast)}.test-mode-option:hover{background:var(--bg-tertiary);border-color:var(--accent-blue)}.test-mode-option input[type=radio]{cursor:pointer;margin-top:2px}.test-mode-option input[type=radio]:checked+.test-mode-label{color:var(--accent-green)}.test-mode-label{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.test-mode-description{color:var(--text-secondary);font-size:var(--font-size-xs)}.online-users-quick-select{margin-bottom:var(--spacing-md)}.quick-select-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.online-users-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.quick-select-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-full);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.quick-select-button:hover{background:var(--bg-tertiary);border-color:var(--accent-blue);transform:translateY(-1px)}.quick-select-button.active{background:var(--accent-green);border-color:var(--accent-green);color:var(--bg-primary)}.quick-select-avatar{align-items:center;background:var(--accent-blue);border-radius:var(--border-radius-full);color:var(--text-on-accent);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);height:24px;justify-content:center;width:24px}.quick-select-button.active .quick-select-avatar{background:var(--bg-overlay-dark)}.quick-select-name{font-weight:var(--font-weight-medium)}.manual-user-input{gap:var(--spacing-sm);margin-top:var(--spacing-md)}.input-group,.manual-user-input{display:flex;flex-direction:column}.input-group{gap:var(--spacing-xs)}.input-label{font-weight:var(--font-weight-medium)}.input-label,.target-user-input,.target-username-input{color:var(--text-primary);font-size:var(--font-size-sm)}.target-user-input,.target-username-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-family:var(--font-mono);padding:var(--spacing-xs) var(--spacing-sm);transition:border-color var(--transition-fast);width:100%}.target-user-input:focus,.target-username-input:focus{border-color:var(--accent-blue);outline:none}.input-hint{border-radius:var(--border-radius-xs);font-size:var(--font-size-xs);padding:var(--spacing-xs)}.input-hint.loading{background:var(--bg-warning-overlay);color:var(--accent-orange)}.input-hint.error{background:var(--bg-danger-overlay);color:var(--accent-red)}.input-hint.success{background:var(--bg-success-overlay);color:var(--accent-green)}.call-type-selector{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.call-type-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.call-type-options{display:flex;gap:var(--spacing-sm)}.call-type-option{align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.call-type-option:hover{background:var(--bg-tertiary);border-color:var(--accent-blue)}.call-type-option input[type=radio]{cursor:pointer}.call-type-option input[type=radio]:checked~span{color:var(--accent-green);font-weight:var(--font-weight-semibold)}.test-actions-grid{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:var(--spacing-sm)}.test-action-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast);white-space:nowrap}.test-action-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-blue);transform:translateY(-1px)}.test-action-button:active:not(:disabled){transform:translateY(0)}.test-action-button:disabled{cursor:not-allowed;opacity:.5}.simulate-incoming-button{border-color:var(--accent-green);color:var(--accent-green)}.simulate-incoming-button:hover:not(:disabled){background:var(--bg-success-overlay);border-color:var(--accent-green)}.simulate-outgoing-button{border-color:var(--accent-blue);color:var(--accent-blue)}.simulate-outgoing-button:hover:not(:disabled){background:var(--bg-info-overlay);border-color:var(--accent-blue)}.simulate-acceptance-button{border-color:var(--accent-green);color:var(--accent-green)}.simulate-acceptance-button:hover:not(:disabled){background:var(--bg-success-overlay);border-color:var(--accent-green)}.reset-button{border-color:var(--accent-orange);color:var(--accent-orange)}.reset-button:hover:not(:disabled){background:var(--bg-warning-overlay);border-color:var(--accent-orange)}.instructions-content{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.instructions-content h4{color:var(--accent-green);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:var(--spacing-sm) 0 var(--spacing-xs) 0}.instructions-content h4:first-child{margin-top:0}.instructions-content ol,.instructions-content ul{margin:var(--spacing-xs) 0;padding-left:20px}.instructions-content li{margin:var(--spacing-xs) 0}.instructions-content ul ul{color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.instructions-content strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.online-users-status{background:#ffffff08;border-radius:2px;font-size:9px;margin-bottom:6px;padding:6px}.connection-state-row{display:flex;justify-content:space-between;margin-bottom:4px}.connection-label{color:#fff9;font-size:9px}.connection-state-indicator{align-items:center;display:flex;gap:4px}.connection-dot{border-radius:50%;height:6px;width:6px}.connection-text{font-size:9px;font-weight:700}.ws-refresh-button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2px;color:#fff;cursor:pointer;font-family:Courier New,monospace;font-size:9px;padding:4px;width:100%}.ws-refresh-button:hover{background:#ffffff1a}.user-context-section{background:#0003;font-family:Courier New,monospace;font-size:9px;margin-bottom:6px;padding:6px}.context-row{display:flex;justify-content:space-between;padding:2px 0}.context-label{color:#fff9}.context-value{color:#fff;font-weight:700}.online-users-list-section{border:1px solid #ffffff1a;border-radius:2px}.list-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;font-size:10px;font-weight:700;padding:4px 6px}.online-users-list{max-height:200px;overflow-y:auto}.empty-users-state{color:#fff6;font-size:9px;padding:12px;text-align:center}.online-user-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;font-size:9px;gap:6px;padding:4px 6px}.online-user-item:last-child{border-bottom:none}.user-avatar-placeholder{align-items:center;background:#6496ff80;border-radius:50%;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:20px;justify-content:center;width:20px}.user-info{flex:1 1}.user-name{color:#fff;font-size:10px;font-weight:700}.user-id-debug{color:#fff6;font-size:8px}.user-status-indicator{align-items:center;display:flex;gap:3px}.status-dot{border-radius:50%;height:6px;width:6px}.status-text{color:#fff9;font-size:8px}.debugger-control-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:2px;margin-bottom:8px;padding:6px}.debugger-control-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:4px;margin-bottom:6px;padding-bottom:4px}.control-icon{font-size:12px}.control-title{font-size:10px;font-weight:700}.debugger-control-body{display:flex;flex-direction:column;gap:4px}.toggle-row{align-items:center;display:flex;gap:6px;justify-content:space-between}.toggle-label{color:#fff9;font-size:9px}.toggle-button{border:1px solid;border-radius:2px;cursor:pointer;font-family:Courier New,monospace;font-size:9px;font-weight:700;min-width:60px;padding:3px 8px}.toggle-button.enabled{background:#0f03;border-color:#0f06;color:#0f0}.toggle-button.disabled{background:#ffffff0d;border-color:#ffffff1a;color:#fff9}.control-hint{color:#fff6;font-size:8px;font-style:italic;padding:2px 0}.control-hint code{background:#0000004d;border-radius:2px;color:#0ff;font-family:Courier New,monospace;padding:1px 3px}.log-level-buttons{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(2,1fr)}.log-level-button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2px;color:#fff;cursor:pointer;font-family:Courier New,monospace;font-size:9px;padding:4px}.log-level-button:hover{background:#ffffff1a}.log-level-button.active{background:#6496ff4d;border-color:#6496ff99;font-weight:700}.component-filter-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2px;color:#fff;font-family:Courier New,monospace;font-size:9px;padding:4px;width:100%}.component-filter-input:focus{border-color:#6496ff80;outline:none}.component-filter-input::placeholder{color:#ffffff4d}.component-filter-actions{display:flex;gap:3px}.filter-action-button{border:1px solid;border-radius:2px;cursor:pointer;flex:1 1;font-family:Courier New,monospace;font-size:9px;padding:4px}.apply-button{background:#6496ff33;border-color:#6496ff66;color:#5af}.clear-button{background:#ff00001a;border-color:#ff00004d;color:#ff6464cc}.flush-logs-button{background:#9664ff33;border:1px solid #9664ff66;border-radius:2px;color:#c9f;cursor:pointer;font-family:Courier New,monospace;font-size:9px;padding:4px;width:100%}.console-utilities-info{color:#fff9;font-size:9px;line-height:1.4}.console-utilities-info p{margin:0 0 4px}.utilities-list{list-style:disc;margin:0;padding-left:16px}.utilities-list li{margin-bottom:2px}.utilities-list code{background:#0000004d;border-radius:2px;color:#0f0;font-family:Courier New,monospace;font-size:8px;padding:1px 3px}.debug-panel{background:#000000f2;border:1px solid #fff3;border-radius:4px;box-shadow:0 8px 32px #000c;color:#e0e0e0;display:flex;flex-direction:column;font-family:Courier New,monospace;font-size:11px;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px);-webkit-user-select:none;user-select:none;width:400px}.debug-panel.dragging{cursor:move;opacity:.9}.debug-panel-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;cursor:move;display:flex;flex-shrink:0;gap:8px;padding:6px 8px}.debug-panel-drag-handle{color:#ffffff4d;cursor:move;font-size:12px;letter-spacing:-2px}.debug-panel-title{color:#fff;flex:1 1;font-size:12px;font-weight:700}.debug-panel-actions{display:flex;gap:4px}.debug-panel-action-btn,.debug-panel-close-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:2px;color:#fff;cursor:pointer;font-size:11px;padding:2px 6px;transition:background .15s}.debug-panel-action-btn:hover{background:#fff3}.debug-panel-close-btn{font-size:16px;line-height:1;padding:0 6px}.debug-panel-close-btn:hover{background:#f006}.debug-panel-body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:8px}.debug-module{background:#ffffff05;border:1px solid #ffffff26;border-radius:2px;margin-bottom:6px}.debug-module-header{align-items:center;background:#ffffff0d;border:none;color:#fff;cursor:pointer;display:flex;font-family:Courier New,monospace;font-size:11px;font-weight:700;justify-content:space-between;padding:6px 8px;text-align:left;transition:background .1s;width:100%}.debug-module-header:hover{background:#ffffff14}.debug-module-chevron{color:#ffffff80;font-size:10px}.debug-module-content{font-size:10px;line-height:1.4;max-height:400px;overflow-y:auto;padding:8px}.debug-module-content::-webkit-scrollbar,.debug-panel-body::-webkit-scrollbar{width:6px}.debug-module-content::-webkit-scrollbar-track,.debug-panel-body::-webkit-scrollbar-track{background:#ffffff0d}.debug-module-content::-webkit-scrollbar-thumb,.debug-panel-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.debug-module-content::-webkit-scrollbar-thumb:hover,.debug-panel-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.debug-section{border-bottom:1px solid #ffffff1a;margin-bottom:12px;padding-bottom:8px}.debug-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.debug-section-title{color:#fff;font-size:11px;font-weight:700;margin-bottom:6px;opacity:.9}.debug-grid{display:flex;flex-direction:column;gap:4px}.debug-row{align-items:baseline;display:flex;gap:8px;justify-content:space-between;padding:2px 0}.debug-label{color:#fff9;flex-shrink:0;font-size:10px;min-width:100px}.debug-value{color:#fff;flex:1 1;font-size:10px;text-align:right;word-break:break-word}.debug-module-icon{margin-right:6px}.debug-module-toggle{color:#ffffff80;font-size:10px}@media (max-width:768px){.debug-panel{left:10px!important;max-height:calc(100vh - 20px);top:10px!important;width:calc(100vw - 20px)}.debug-panel-header{padding:8px 10px}.debug-panel-title{font-size:13px}.debug-module-content{max-height:300px}.debug-label{min-width:80px}.debug-label,.debug-value{font-size:9px}}.mock-video-grid{grid-gap:8px;background:#0a0a0a;background:var(--bg-primary,#0a0a0a);border-radius:8px;display:grid;gap:8px;height:100%;overflow:auto;padding:12px;width:100%}.mock-video-grid.empty{align-items:center;display:flex;justify-content:center;min-height:400px}.empty-state{color:#888;color:var(--text-secondary,#888);text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:18px;font-weight:500;margin-bottom:8px}.empty-hint{font-size:14px;opacity:.7}.mock-video-grid.grid-1{grid-template-columns:1fr}.mock-video-grid.grid-2,.mock-video-grid.grid-4{grid-template-columns:repeat(2,1fr)}.mock-video-grid.grid-6,.mock-video-grid.grid-9{grid-template-columns:repeat(3,1fr)}.mock-video-grid.grid-many{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mock-video-tile{align-items:center;background:#1a1a1a;border:2px solid #333;border:2px solid var(--border-color,#333);border-radius:12px;display:flex;justify-content:center;min-height:180px;overflow:hidden;position:relative;transition:all .2s ease}.mock-video-tile:hover{transform:scale(1.02)}.mock-video-tile.local-participant,.mock-video-tile:hover{border-color:#a6e22e;border-color:var(--accent-primary,#a6e22e)}.mock-video-tile.local-participant{border-width:3px}.video-content,.video-placeholder{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.video-placeholder{overflow:hidden}.animated-gradient{animation:gradientShift 8s ease infinite;height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%}@keyframes gradientShift{0%{transform:translateX(-50%) translateY(-50%) rotate(0deg)}50%{transform:translateX(25%) translateY(25%) rotate(180deg)}to{transform:translateX(-50%) translateY(-50%) rotate(1turn)}}.participant-initials{font-size:48px;font-weight:700;position:relative;text-shadow:2px 2px 4px #00000080;z-index:2}.video-off-state{align-items:center;color:#888;color:var(--text-secondary,#888);display:flex;flex-direction:column;gap:12px}.video-off-icon{font-size:36px;opacity:.6}.participant-initials-large{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:42px;font-weight:700;opacity:.8}.tile-overlay{align-items:center;background:linear-gradient(0deg,#000c,#0000);bottom:0;display:flex;justify-content:space-between;left:0;padding:8px 12px;position:absolute;right:0;z-index:3}.participant-name-badge{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:500;gap:6px;text-shadow:1px 1px 2px #000000b3}.you-badge{background:#a6e22e;background:var(--accent-primary,#a6e22e);border-radius:4px;color:#0a0a0a;color:var(--bg-primary,#0a0a0a);font-size:11px;font-weight:600;padding:2px 6px}.audio-indicator{background:#0006;border-radius:6px;font-size:16px;padding:4px 6px}.audio-indicator.audio-on{background:#a6e22e33}.audio-indicator.audio-off{background:#ff3b3b33}.network-indicator{background:#0009;border-radius:6px;color:#a6e22e;color:var(--success-color,#a6e22e);font-size:14px;padding:4px 6px;position:absolute;right:8px;top:8px;z-index:3}@media (max-width:768px){.mock-video-grid{gap:6px;padding:8px}.mock-video-tile{min-height:140px}.participant-initials{font-size:36px}}@media (prefers-reduced-motion:reduce){.animated-gradient{animation:none}.mock-video-tile:hover{transform:none}}.debug-call-view{background:#0a0a0a;background:var(--bg-primary,#0a0a0a);display:flex;flex-direction:column;height:100vh;position:relative;width:100%}.debug-mode-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffc10726;border:2px solid #ffc10780;border-radius:8px;display:flex;gap:8px;left:16px;padding:8px 16px;position:absolute;top:16px;z-index:1000}.badge-icon{font-size:20px}.badge-text{color:#ffc107;font-size:14px;font-weight:700;letter-spacing:.5px}.badge-hint{border-left:1px solid #ffc1074d;color:#888;color:var(--text-secondary,#888);font-size:12px;margin-left:8px;padding-left:8px}.debug-video-container{flex:1 1;overflow:hidden;padding:80px 16px 16px}.debug-call-controls{align-items:center;background:#1a1a1a;background:var(--bg-secondary,#1a1a1a);border-top:1px solid #333;border-top:1px solid var(--border-color,#333);display:flex;flex-direction:column;gap:12px;padding:16px}.leave-call-button{align-items:center;background:linear-gradient(135deg,#ff3b3b,#c00);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:12px 24px;transition:all .2s ease}.leave-call-button:hover{box-shadow:0 4px 12px #ff3b3b66;transform:translateY(-2px)}.leave-call-button:active{transform:translateY(0)}.button-icon{font-size:20px;transform:rotate(135deg)}.button-text{font-weight:600}.controls-hint{color:#888;color:var(--text-secondary,#888);font-size:13px;max-width:500px;text-align:center}.controls-hint strong{color:#a6e22e;color:var(--accent-primary,#a6e22e)}.debug-instructions{bottom:80px;max-width:350px;position:absolute;right:16px;z-index:100}.instructions-details{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1af2;border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;overflow:hidden}.instructions-summary{align-items:center;color:#e0e0e0;color:var(--text-primary,#e0e0e0);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;list-style:none;padding:12px 16px;-webkit-user-select:none;user-select:none}.instructions-summary::-webkit-details-marker{display:none}.instructions-summary:hover{background:#a6e22e1a}.instructions-content{color:#888;color:var(--text-secondary,#888);font-size:13px;padding:0 16px 16px}.instructions-content ul{list-style:disc;margin:0;padding-left:20px}.instructions-content li{line-height:1.5;margin:8px 0}.instructions-content strong{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-weight:600}@media (max-width:768px){.debug-mode-badge{flex-wrap:wrap;left:8px;padding:6px 12px;top:8px}.badge-hint{display:none}.debug-video-container{padding:60px 8px 8px}.debug-instructions{bottom:90px;max-width:calc(100vw - 16px);right:8px}}:root{--grey-lightest:#f7f9fa;--white:#fff;--grey:#c8d1dc;--dark-grey:#6b7785;--dark-blue:#1f2d3d;--dark-blue-border:#2b3f56;--darkest-blue:#121a24;--green:#72cc18;--red-dark:#f63135;--turquoise:#1bebb9}*{box-sizing:border-box}body,html{height:100%;overflow:hidden;position:relative;width:100%}body{-webkit-touch-callout:none;-webkit-overflow-scrolling:touch;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;margin:0;overscroll-behavior-y:contain;padding:0;touch-action:manipulation;-webkit-user-select:none;user-select:none}[contenteditable],input,textarea{-webkit-user-select:text;user-select:text}button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif} /*# sourceMappingURL=main.f94a4602.css.map*/