: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(--monokai-bg-darker);--bg-secondary:var(--monokai-bg);--bg-hover:var(--monokai-bg-lighter);--text-primary:var(--monokai-fg);--text-secondary:var(--monokai-gray);--border-color:var(--monokai-bg-lighter);--border-light:#3e3d32;--progress-ring-bg:#ffffff1a;--accent-blue:var(--monokai-blue);--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-green-rgb:166,226,46;--color-golden:#d6ae54;--color-golden-light:#edc76d;--accent-gold:#d6ae54;--tree-green:#10b981;--accent-blue-hover:#3a8fe0;--hover-color:#272822;--hover-bg-overlay:#ffffff0d;--hover-bg-secondary:#ffffff08;--hover-bg-info:#66d9ef1a;--overlay-subtle:#ffffff05;--overlay-light:#ffffff0a;--overlay-medium:#ffffff0f;--overlay-border-subtle:#ffffff14;--overlay-gradient-start:#ffffff08;--overlay-gradient-end:#ffffff03;--drawer-bg-primary:#1e1e1ef2;--drawer-bg-card:#ffffff05;--drawer-bg-card-hover:#ffffff14;--drawer-gradient-primary:linear-gradient(135deg,#ffffff05,#0000);--drawer-gradient-hover:linear-gradient(135deg,#ffffff14,#ffffff08);--focus-ring-blue:#66d9ef80;--bg-info-overlay:#66d9ef0d;--bg-danger-overlay:#f926720d;--bg-warning-overlay:#e6db740d;--text-on-accent:#000;--sidebar-bg:#1e1f1cf2;--sidebar-text:var(--monokai-gray);--sidebar-active:var(--monokai-green);--sidebar-hover:#3e3d3280;--sidebar-border:var(--monokai-bg-lighter);--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-md);--reactflow-node-shadow-hover:var(--shadow-lg);--reactflow-node-bg:var(--bg-secondary);--reactflow-node-border:var(--border-color);--reactflow-node-border-width:2px;--reactflow-node-width:280px;--reactflow-tree-root-height-collapsed:140px;--reactflow-tree-root-height-expanded:280px;--reactflow-branch-height-collapsed:120px;--reactflow-branch-height-expanded:240px;--reactflow-action-height-collapsed:100px;--reactflow-action-height-expanded:200px;--reactflow-header-min-height:44px;--reactflow-header-bg:var(--bg-secondary);--reactflow-header-border:var(--border-color);--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(--bg-hover);--reactflow-tooltip-bg:var(--bg-primary);--reactflow-tooltip-border:var(--border-color);--reactflow-tooltip-shadow:var(--shadow-lg);--reactflow-tooltip-max-width:200px;--reactflow-status-indicator-size:16px;--reactflow-status-indicator-dot-size:8px;--reactflow-bg-primary:var(--bg-primary);--reactflow-bg-pattern:var(--monokai-bg-lighter);--reactflow-controls-bg:var(--bg-secondary);--reactflow-controls-border:var(--border-color);--reactflow-minimap-bg:var(--bg-secondary);--reactflow-minimap-border:var(--border-color);--reactflow-edge-root-to-branch-color:#9d9280;--reactflow-edge-root-to-branch-width:6px;--reactflow-edge-branch-to-action-color:#75715e;--reactflow-edge-branch-to-action-width:3px;--branch-completed-header-bg:linear-gradient(135deg,#8b9a7f,#9aaa8e);--branch-completed-header-border:#8b9a7f66;--branch-completed-body-bg:#2a2a2a;--branch-completed-border:#8b9a7f;--branch-completed-shadow:0 2px 8px #8b9a7f40,0 1px 3px #00000026;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-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;--app-height:calc(var(--vh, 1vh)*100);--safe-viewport-height:calc(var(--vh, 1vh)*100);--main-content-height:calc(var(--vh, 1vh)*100);--carousel-height:calc(var(--vh, 1vh)*100);--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);--header-height:48px;--subheader-height:36px;--tab-height:48px;--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:0 4px 12px #0000000f;--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:calc(var(--sidebar-width) + var(--spacing-md));--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);--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0006;--shadow-xl:0 20px 25px #00000080;--transition-fast:0.15s ease;--transition-medium:0.3s ease;--transition-slow:0.5s ease;--transition-normal:0.3s ease;--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-overlay-dialog:11000;--z-passport-popup:13000;--z-dynamic-input:14000;--z-notification:15000;--z-tour-overlay:16000;--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-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-gold:#b8935e;--color-golden:var(--accent-gold);--bg-primary:var(--beige-paper);--bg-secondary:#fefdfb;--bg-hover:var(--beige-canvas);--text-primary:var(--text-ink);--text-secondary:var(--text-charcoal);--border-color:var(--beige-sand);--border-light:var(--beige-linen);--progress-ring-bg:#00000014;--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-green-rgb:139,154,127;--accent-blue-hover:#5d6a78;--accent-red-hover:#8f4a4a;--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-sand);--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:0 2px 6px #3d342814;--card-bg-color:var(--bg-secondary);--bg-overlay:#f5f1e8e6;--bg-button-overlay:#3d34280d;--border-color-overlay:#3d34281a;--overlay-bg:#f5f1e899;--overlay-subtle:#3d342805;--overlay-light:#3d34280a;--overlay-medium:#3d34280f;--overlay-border-subtle:#3d342814;--overlay-gradient-start:#3d342808;--overlay-gradient-end:#3d342803;--hover-bg-overlay:#3d34280d;--hover-bg-secondary:#3d342808;--drawer-bg-primary:#f5f1e8f2;--drawer-bg-card:#3d342805;--drawer-bg-card-hover:#3d342814;--drawer-gradient-primary:linear-gradient(135deg,#3d342805,#0000);--drawer-gradient-hover:linear-gradient(135deg,#3d342814,#3d342808);--shadow-sm:0 2px 4px #3d34281a;--shadow-md:0 4px 6px #3d342826;--shadow-lg:0 6px 12px #3d342833;--shadow-xl:0 8px 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-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-paper);--reactflow-bg-pattern-light:var(--beige-earth);--reactflow-controls-light:var(--beige-canvas);--reactflow-border-light:var(--beige-sand);--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-edge-root-to-branch-color:var(--beige-earth);--reactflow-edge-branch-to-action-color:var(--beige-stone);--branch-completed-header-bg:linear-gradient(135deg,#a0b094,#aabaa0);--branch-completed-body-bg:#f5f1e8;--branch-completed-border:#a0b094;--branch-completed-shadow:0 2px 8px #a0b0944d,0 1px 3px #3d34281a}:root{--tour-tooltip-width:450px;--tour-tooltip-min-width:340px;--tour-tooltip-max-width:560px;--tour-tooltip-max-height:calc(100vh - 80px);--tour-highlight-padding:8px;--tour-highlight-border-width:4px;--tour-highlight-border-radius:var(--border-radius-lg);--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-collision-threshold:20%;--tour-viewport-safe-zone:16px}.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-outline:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.focus-ring:focus-visible{box-shadow:0 0 0 3px #66d9ef4d;outline:none}.focus-bg:focus-visible{background-color:var(--bg-hover);outline:none}.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}.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 bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-30px)}70%{transform:translateY(-15px)}90%{transform:translateY(-4px)}}@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);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;pointer-events:none;position:absolute;right:-8px;top:-8px;z-index:10}@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:100vh;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}.app{display:flex;overflow:hidden;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:0;min-height:var(--app-height);min-height:100dvh;overflow:visible;padding:var(--spacing-sm);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{position:relative}.call-page,.call-page .content-box,.haircheck-page,.haircheck-page .content-box{height:auto;min-height:var(--app-height);min-height:100dvh;overflow:visible!important}.call-page .content-box,.haircheck-page .content-box{background:#0000;box-shadow:none;margin:0;max-width:100%;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}.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}}.content-box{max-width:100%}.content-box,.hair-check{border-radius:4px;padding:1rem}.hair-check{background:var(--bg-primary);border:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:600px}.hair-check video{border-radius:4px;box-shadow:0 0 10px 0 #00000080;display:block;margin:1em auto;max-width:480px;object-fit:cover;object-position:center}.hair-check label{color:var(--text-primary);display:block;font-family:var(--font-sans);font-size:12px;line-height:14px;margin:1em 0 .5em}.hair-check input,.hair-check select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:var(--font-sans);padding:.5em;width:100%}.hair-check h1{color:var(--accent-green);font-family:var(--font-sans);font-size:1em;margin-bottom:1em;text-align:center}.hair-check button{margin-top:2em}.hair-check button+button{margin-top:0}.cancel-call{background:var(--bg-secondary)}.cancel-call:hover{background:var(--accent-red)}.join-button{background:var(--accent-green);color:var(--text-on-accent)}.join-button:hover{background:var(--accent-yellow);color:var(--text-on-accent)}.call{grid-gap:1rem;align-items:center;background:var(--monokai-bg);bottom:80px;display:grid;font-family:var(--font-sans);gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-content:center;left:0;margin:0;max-width:none;min-height:calc(100vh - 80px);padding:0;position:fixed;right:0;top:0;width:100vw;z-index:1000}@media only screen and (max-width:600px){.call{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:.5rem}.is-screenshare .tile-video{height:90px;width:160px}.is-screenshare .self-view{bottom:100px;height:90px;right:10px;top:auto;width:160px}.is-screenshare .tile-video:not(.self-view):not(.tile-screenshare){bottom:200px;right:10px;top:auto}.is-screenshare:not(:has(.chat-container)) .self-view,.is-screenshare:not(:has(.chat-container)) .tile-video:not(.self-view):not(.tile-screenshare){right:10px}}.is-screenshare{background:var(--monokai-bg);bottom:80px;display:block;height:calc(100vh - 80px);left:0;padding:0;position:fixed;right:0;top:0;width:100vw}.is-screenshare .tile-screenshare{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.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{align-items:center;display:flex;height:calc(100vh - 80px);justify-content:center;margin:0;max-width:none;padding:0;width:100vw}.call.single-participant .tile{border-radius:0;margin:0;max-height:none;min-height:100%}.call.single-participant .tile,.call.single-participant .tile-video{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.call.single-participant .tile-video{padding-bottom:0}.call.single-participant .tile-video.self-view.alone{height:100%;position:relative;width:100%}.call.single-participant .tile-video.self-view.alone video{height:100%;left:auto;object-fit:cover;position:relative;top:auto;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(100vh - 80px);margin:0;width:100vw}.call.single-participant .tile-video.self-view.alone video{height:100%;object-fit:cover;width:100%}.call.single-participant .tile-video.self-view.alone .username{bottom:calc(var(--spacing-md) + 80px);left:var(--spacing-md);position:absolute;z-index:1001}}@media only screen and (max-width:768px){.call{gap:0;padding:0}.call.single-participant{height:calc(100vh - 80px);padding:0}.call.single-participant .tile-video.self-view.alone{border-radius:0;height:calc(100vh - 80px);margin:0;width:100vw}.call.single-participant .tile-video.self-view.alone video{height:100%;object-fit:cover;width:100%}.call.single-participant .tile-video.self-view.alone .username{bottom:calc(var(--spacing-sm) + 80px);font-size:var(--font-size-xs);left:var(--spacing-sm);position:absolute;z-index:1001}.waiting-message{font-size:1rem;top:40px}}.tile{background:var(--monokai-bg);box-shadow:0 4px 20px #00000026;height:100%;margin:0 auto;max-height:400px;min-height:200px;position:relative}.tile,.tile-video{border-radius:8px;overflow:hidden;width:100%}.tile-video{background:var(--dark-gray);height:0;padding-bottom:56.25%}.tile-video,.tile-video.no-video{align-items:center;display:flex;justify-content:center}.tile-video.no-video{background:var(--gray-dark)}[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:80px;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:auto;height:100%;left:auto;max-height:none;object-fit:cover!important;position:relative;right:auto;top:auto;width:100%}.call.single-participant .tile-video.self-view.alone .username{bottom:2.2rem;left:1rem;position:inherit;z-index:2}.call{margin-left:0;margin-top:0}.call~.sidebar{transform:translateX(-100%);transition:transform .3s ease;z-index:1050}.call~.sidebar:hover{transform:translateX(0)}.call~.header{transform:translateY(-100%);transition:transform .3s ease;z-index:1050}.call~.header:hover{transform:translateY(0)}.call:before{height:100vh;width:20px}.call:after,.call:before{content:"";left:0;position:fixed;top:0;z-index:1040}.call:after{height:20px;width:100%}.call:after:hover~.header,.call:before:hover~.sidebar{transform:translateX(0)}.tile-video:not(.self-view){height:100vh;left:0;padding:0;position:absolute;top:0;width:100%}.tile-video:not(.self-view) video{height:100%;object-fit:cover!important;width:100%}.tile-video.self-view{border-radius:8px;box-shadow:0 4px 12px #00000026;height:135px;overflow:hidden;padding:0;position:fixed;right:20px;top:20px;width:240px;z-index:1000}.tile-video.self-view video{height:100%;object-fit:cover;width:100%}.app:has(.call) .sidebar{transform:translateX(-100%);transition:transform .3s ease}.app:has(.call) .sidebar:hover{transform:translateX(0)}.app:has(.call) .header{transform:translateY(-100%);transition:transform .3s ease}.app:has(.call) .header:hover{transform:translateY(0)}.app:has(.call):before{content:"";height:100vh;left:0;position:fixed;top:0;width:20px;z-index:1040}.app:has(.call):after{content:"";height:20px;left:0;position:fixed;top:0;width:100%;z-index:1040}.app:has(.call):after:hover~.header,.app:has(.call):before:hover~.sidebar{transform:translateX(0)}.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{height:270px;position:relative;width:480px}@media only screen and (min-width:601px) and (max-width:1024px){.tile-video{height:100%;max-width:none;width:100%}}@media only screen and (max-width:600px){.tile-video{height:135px;width:240px}}.self-view{height:270px;position:relative;width:480px}@media only screen and (min-width:601px) and (max-width:1024px){.self-view{height:100%;max-width:none;width:100%}}@media only screen and (max-width:600px){.self-view{height:135px;width:240px}}.no-video{background-color:var(--dark-blue-border)}.no-video video{visibility:hidden}.self-view.alone{height:270px;width:480px}@media only screen and (min-width:601px) and (max-width:1024px){.self-view.alone{height:calc(100vh - 80px);max-width:none;width:100vw}}@media only screen and (max-width:600px){.self-view.alone{height:135px;width:240px}}.tile-screenshare{height:100%;left:0;padding-bottom:0;position:absolute;top:0;width:100%}.tile-screenshare video{height:100%;object-fit:contain;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:var(--text-primary);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}}.meeting-information{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);left:var(--spacing-lg);max-height:80vh;max-width:400px;overflow-y:auto;padding:var(--spacing-lg);position:fixed;top:var(--spacing-lg);width:90%;z-index:1100}@media (max-width:768px){.meeting-information{left:1rem;right:1rem;top:1rem;width:calc(100% - 2rem)}}.meeting-information-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1090}.meeting-information h1{color:var(--accent-blue);font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.meeting-information ul{list-style-type:none;margin:0;padding:0}.meeting-information li{border-bottom:1px solid var(--monokai-bg);line-height:1.4;margin-bottom:.5rem;padding-bottom:.5rem}.meeting-information .section-header{color:var(--monokai-blue);font-size:1.1rem;font-weight:700;margin-bottom:.5rem;margin-top:1rem}.meeting-information .error{background:var(--monokai-bg);border-radius:4px;color:var(--monokai-red);font-weight:500;margin:.5rem 0;padding:.5rem}.chat-container{border-left:1px solid var(--border-color);bottom:80px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;font-family:var(--font-sans);height:calc(100vh - 80px);justify-content:flex-start;opacity:1!important;pointer-events:auto!important;position:fixed;right:0;top:0;visibility:visible!important;width:300px;z-index:9999}.chat-container,.chat-message-list{background:var(--bg-secondary);overflow-y:auto}.chat-message-list{flex:1 1;list-style:none;margin:0;min-height:0;padding:var(--spacing-md)}.chat-message-item{color:var(--text-primary);font-family:var(--font-sans);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-sm);position:relative;z-index:1}.chat-author{color:var(--accent-blue);display:inline;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-right:0}.chat-author:after{color:var(--text-secondary);content:": "}.chat-text{color:var(--text-primary);display:inline;font-family:var(--font-sans);font-size:var(--font-size-sm);word-break:break-word}.chat-text,.chat-text p{line-height:var(--line-height-relaxed)}.chat-text p{margin:var(--spacing-xs) 0}.chat-text p:first-child{margin-top:0}.chat-text p:last-child{margin-bottom:0}.chat-input-section{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:var(--spacing-md);position:relative;z-index:2}.chat-form{align-items:center;background:#0000;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;transition:border-color var(--transition-fast)}.chat-form:focus-within{border-bottom-color:var(--accent-blue)}.chat-textbox{background:#0000;border:0;color:var(--text-primary);flex-grow:1;font-family:inherit;font-size:var(--font-size-sm);min-width:0;padding:var(--spacing-sm)}.chat-textbox::placeholder{color:var(--text-secondary)}.chat-textbox:focus{outline:none}.chat-send-btn{background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--accent-blue);cursor:pointer;padding:var(--spacing-sm);position:relative;transition:all var(--transition-fast);z-index:2}.chat-send-btn:hover{background:var(--hover-bg-overlay);color:var(--accent-blue-hover)}.chat-close-btn{align-self:flex-end;background:var(--bg-hover);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);margin:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast);z-index:3}.chat-close-btn:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--text-on-accent)}@media only screen and (max-width:600px){.chat-container{border-left:none;border-radius:0;bottom:80px;height:auto;left:0;position:fixed;right:0;top:0;width:100%;z-index:var(--z-modal)}.chat-close-btn{position:sticky;top:0}.chat-message-list{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 200px);overflow-y:auto}}.transcription-timeout-error{bottom:20px;color:#f44;font-size:14px;font-weight:500;text-align:center;text-shadow:1px 1px 2px #000c;z-index:1200}.transcription-subtitles,.transcription-timeout-error{left:50%;pointer-events:none;position:fixed;transform:translateX(-50%)}.transcription-subtitles{align-items:center;bottom:120px;display:flex;flex-direction:column;gap:8px;max-width:900px;width:80%;z-index:1100}.subtitle-line{animation:fadeIn .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0000004d;border-radius:4px;padding:8px 16px;text-align:center}.subtitle-speaker{color:#66d9ef;font-weight:600;margin-right:8px}.subtitle-speaker,.subtitle-text{font-size:18px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 3px #000c}.subtitle-text{color:#fff;font-weight:500;line-height:1.4}.transcription-status-indicator{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0003;border-radius:12px;color:#a6e22e;display:flex;font-size:14px;font-weight:500;gap:6px;padding:4px 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:#a6e22e}@media (max-width:768px){.transcription-subtitles{bottom:100px;width:90%}.subtitle-speaker,.subtitle-text{font-size:16px}.transcription-status-indicator{font-size:12px}.transcription-timeout-error{bottom:15px;font-size:12px}}@media (max-width:480px){.subtitle-speaker,.subtitle-text{font-size:14px}.subtitle-line{padding:6px 12px}}@media (prefers-contrast:high){.subtitle-speaker,.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:#0009;border:1px solid #ffffff4d}}@media (prefers-reduced-motion:reduce){.status-dot,.subtitle-line{animation:none}}.tray{-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-lg);height:auto;left:0;padding:var(--spacing-sm) var(--spacing-md);position:fixed;right:0;z-index:var(--z-dropdown)}.tray-buttons-container{align-items:center;display:flex;gap:var(--spacing-xl);justify-content:center;margin:0 auto;max-width:1200px}.actions,.controls,.leave{align-items:center;display:flex;gap:var(--spacing-sm)}.tray .tray-button,.tray 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-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);height:44px;justify-content:center;min-width:44px;padding:0 var(--spacing-sm);position:relative;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:translateY(0)}.tray button.active{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--text-on-accent)}.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:80px;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{padding:var(--spacing-xs) var(--spacing-sm)}.tray-buttons-container{flex-wrap:wrap;padding:0 var(--spacing-xs)}.actions,.tray-buttons-container{display:flex;flex-direction:row;gap:var(--spacing-xs);width:100%}.actions{order:1}.actions .tray-button,.actions button{align-items:center;flex:1 1;gap:0;height:44px;justify-content:center;min-width:0;padding:0}.actions .tray-button svg,.actions button svg{height:20px;margin:0;width:20px}.controls{flex:2 1;flex-direction:row;order:2}.controls,.leave{display:flex;gap:var(--spacing-xs);min-width:0}.leave{flex:1 1;flex-direction:row;order:3}.controls button,.leave button{align-items:center;flex:1 1;gap:0;height:56px;justify-content:center;min-width:0;padding:0}.controls button svg,.leave button svg{height:24px;margin:0;width:24px}.tray .button-label,.tray .tray-button-label{display:none!important}.transcript-window{max-height:300px;width:calc(100% - var(--spacing-md)*2)}}@media (min-width:601px) and (max-width:900px){.tray{padding:var(--spacing-xs) var(--spacing-sm)}.tray-buttons-container{gap:var(--spacing-sm)}.tray .tray-button,.tray button{align-items:center;height:44px;justify-content:center;min-width:44px;padding:0;width:44px}.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-buttons-container{gap:4px}.actions .tray-button svg,.actions button svg{height:18px;width:18px}.controls button svg,.leave button svg{height:22px;width:22px}}.loading-transition{--primary-color:var(--turquoise,#1bebba);--primary-color-rgb:27,235,185;align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(#000000b3,#00000080),url(/static/media/dither_it_webb_bullet.8df1579f7ca22fdcca1f.jpg) 50% /cover no-repeat;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.loading-transition .loading-content{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d,0 0 60px #1bebb91a;display:flex;flex-direction:column;gap:2rem;padding:2rem;text-align:center}.loading-transition .loading-spinner{animation:cosmic-spin 2s linear infinite,cosmic-glow 3s ease-in-out infinite,cosmic-pulse 4s ease-in-out infinite;border:4px solid #ffffff1a;border-color:#1bebba #00d4ff #ffffff1a #ff6b9d;border-radius:50%;border-style:solid;border-width:4px;box-shadow:0 0 20px #1bebb966,0 0 40px #00d4ff33,0 0 60px #ff6b9d1a,inset 0 0 20px #ffffff1a;height:80px;position:relative;width:80px}.loading-transition .loading-spinner:before{animation:cosmic-spin 1.5s linear infinite reverse;border-right:2px solid #0000;border-top:2px solid #0000;border-color:#ffffff4d #1bebb94d #0000 #0000;border-radius:50%;border-style:solid;border-width:2px;bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.loading-transition .loading-spinner:after{animation:cosmic-center-pulse 2s ease-in-out infinite;background:radial-gradient(circle,#fff 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 cosmic-glow{0%,to{box-shadow:0 0 20px #1bebb966,0 0 40px #00d4ff33,0 0 60px #ff6b9d1a,inset 0 0 20px #ffffff1a}33%{box-shadow:0 0 30px #1bebb999,0 0 50px #00d4ff4d,0 0 80px #ff6b9d33,inset 0 0 30px #ffffff26}66%{box-shadow:0 0 25px #ff6b9d80,0 0 45px #1bebb94d,0 0 70px #00d4ff33,inset 0 0 25px #ffffff1f}}@keyframes cosmic-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes cosmic-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:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;width:300px}.loading-transition .loading-step{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.loading-transition .loading-step.active{color:#fffffff2;text-shadow:0 0 8px #1bebb94d,0 1px 2px #0006}.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:.4rem;width:18px}.loading-transition .loading-step.active:before{border-color:var(--primary-color)}.loading-transition .loading-step.completed:before{align-items:center;background:var(--accent-green);border-color:var(--accent-green);color:var(--bg-primary);content:"\2713";display:flex;font-size:12px;font-weight:700;justify-content:center}.loading-transition .check-mark{display:none}.loading-transition .progress-bar{background:rgba(var(--primary-color-rgb),.15);border-radius:3px;flex:1 1;height:6px;margin-left:.5rem;overflow:hidden}.loading-transition .progress-fill{animation:pulse-fill 2s ease-in-out infinite;background:var(--primary-color);height:100%;width:0}@keyframes pulse-fill{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.loading-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem}.error-icon{color:#ef4444;font-size:1.25rem}.error-message{color:#fca5a5;font-size:.9rem}.page-loading-container{align-items:center;background:#0000001a;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.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(--accent-gold);height:32px;margin:0 auto 16px;width:32px}.page-loading-message{font-size:14px;opacity:.8}@keyframes page-spin{to{transform:rotate(1turn)}}.tree-icon-header{align-items:center;display:flex;justify-content:center;margin-bottom:16px;transition:all .8s cubic-bezier(.34,1.56,.64,1)}.tree-icon-header.loading svg path{fill:#ffffff4d;transition:fill .4s ease-in-out}.tree-icon-header.success{margin-bottom:24px;transform:scale(1.2)}.tree-icon-header.success svg path{fill:var(--tree-green);animation:tree-success-glow 2s ease-in-out infinite;filter:drop-shadow(0 0 20px var(--tree-green))}@keyframes tree-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:12px;margin-bottom:12px}.tree-success-text{animation:fade-in-up .6s ease-out;color:var(--text-primary);font-size:1.125rem;font-weight:600}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--analog-gradient-colors:#243258,#222e44,#211a2d,#12093d;--analog-gradient-angle:270deg;--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(270deg,#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}.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}.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;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;height:48px;justify-content:center;padding:var(--spacing-xs);width:48px}.logo{color:var(--text-primary);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);height:40px;justify-content:center;padding:0;text-decoration:none;transition:all var(--transition-fast);width:56px}.nav-item svg{height:30px;transition:transform .2s ease;width:30px}.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{border-bottom:1px solid var(--sidebar-border);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%}.light-theme .user-section{border-top-color:#0000001a}.light-theme .user-info{background:#0000000d}.light-theme .user-name{color:#000c}.light-theme .logout-button{background:#0000000d;border-color:#0000001a;color:#000000b3}.light-theme .logout-button:hover{background:#0000001a;border-color:#0003;color:#000000e6}@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}}.mobile-avatar-portal{align-items:center;bottom:auto!important;box-sizing:border-box;display:flex!important;flex-direction:row;gap:0;height:auto;justify-content:center;left:auto!important;margin:0!important;padding:0!important;pointer-events:auto;position:fixed!important;right:var(--mobile-control-cluster-right)!important;top:var(--mobile-control-cluster-top)!important;width:auto;z-index:1050!important}@media only screen and (max-width:600px){.sidebar{align-items:center;bottom:0;flex-direction:row;height:var(--mobile-sidebar-height);justify-content:space-between;left:0;padding:var(--spacing-xs) 6px;top:auto;width:100%}.logo-section{display:none}.nav-center{-webkit-overflow-scrolling:touch;align-items:center;display:flex!important;flex:1 1;flex-direction:row!important;gap:8px;height:var(--mobile-sidebar-height);justify-content:center;margin:0;overflow-x:auto;overflow-y:visible;padding:0 var(--spacing-xs);width:auto}.sidebar .nav-menu{display:none!important}.mobile-avatar-portal .avatar-btn{background:none;border:none;border-radius:50%!important;box-shadow:none;flex-shrink:0;height:var(--mobile-avatar-size)!important;margin:0!important;padding:0!important;position:relative;width:var(--mobile-avatar-size)!important}.mobile-avatar-portal .avatar-btn svg{height:24px;width:24px}.mobile-avatar-portal .avatar-btn span{display:none!important}.avatar-menu{bottom:auto;position:fixed}.avatar-menu,.avatar-menu-right{left:auto;right:var(--mobile-control-cluster-right);top:calc(var(--mobile-control-cluster-top) + var(--mobile-avatar-size) + var(--mobile-control-gap));transform:none}.nav-item{flex-shrink:0;height:48px;margin:0;padding:0;width:48px}.nav-item svg{height:32px;width:32px}.nav-item span{display:none}}@media only screen and (max-width:430px){.nav-center{gap:4px;overflow-x:hidden;padding:0 2px}.nav-item{height:46px;width:46px}.nav-item svg{height:30px;width:30px}.nav-item.active svg{height:32px;width:32px}}@media only screen and (max-width:390px){.sidebar{padding:var(--spacing-xs) 2px}.nav-center{gap:1px;overflow-x:hidden;padding:0}.nav-item{height:42px;padding:0;width:42px}.nav-item svg{height:27px;width:27px}.nav-item.active svg{height:29px;width:29px}}@media only screen and (max-width:360px){.sidebar{padding:var(--spacing-xs) 1px}.nav-center{gap:0;overflow-x:hidden;padding:0}.nav-item{height:40px;width:40px}.nav-item svg{height:25px;width:25px}.nav-item.active svg{height:27px;width:27px}}@media only screen and (max-width:340px){.nav-center{overflow-x:auto}}.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:0 1px 2px #0000001a;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:0 2px 4px #0003;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(2px);transition:transform .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:1.5rem;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-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)}.dropdown-trigger{display:inline-block;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-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:var(--spacing-xs) 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{border:1px solid #0000;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);margin:0 var(--spacing-xs);position:relative;transition:all .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.dropdown-item.focused,.dropdown-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.dropdown-item.focused{background:var(--bg-secondary);border:1px solid var(--accent-blue)}.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-item.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:var(--font-size-sm);max-width:90vw;min-width:140px}.dropdown-item{padding:var(--spacing-sm) var(--spacing-sm)}}.overlay-backdrop{align-items:center;animation:backdropFadeIn var(--transition-medium) ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--bg-overlay);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(20px);-webkit-backdrop-filter:blur(20px);background-color:#2a2d3af2;background-color:rgba(var(--bg-secondary-rgb,42,45,58),.95);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);color:var(--text-primary);display:flex;flex-direction:column;max-height:90vh;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{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#23262f99;background:rgba(var(--bg-tertiary-rgb,35,38,47),.6);border-bottom:1px solid #40455080;border-bottom:1px solid rgba(var(--border-color-rgb,64,69,80),.5);color:var(--text-primary);flex-shrink:0;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.overlay-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.01em;line-height:var(--line-height-tight)}.overlay-header-actions{align-items:center;display:flex;gap:var(--spacing-sm);margin-left:auto;margin-right:var(--spacing-sm)}.overlay-body{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1a1c2466;background:rgba(var(--bg-primary-rgb,26,28,36),.4);color:var(--text-primary);flex:1 1;overflow-y:auto;padding:var(--spacing-xl);scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.overlay-body::-webkit-scrollbar{width:8px}.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{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#23262f99;background:rgba(var(--bg-tertiary-rgb,35,38,47),.6);border-top:1px solid #40455080;border-top:1px solid rgba(var(--border-color-rgb,64,69,80),.5);display:flex;flex-shrink:0;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-xl)}.close-overlay-button{border-radius:var(--border-radius-md);height:32px;padding:var(--spacing-xs);transition:all var(--transition-fast);width:32px}.close-overlay-button:hover{background-color:var(--hover-bg-overlay);transform:scale(1.05)}.close-overlay-button:active{transform:scale(.95)}.light-theme .overlay-backdrop{background-color:var(--bg-overlay)}.light-theme .overlay-content{box-shadow:var(--shadow-xl)}@media (max-width:768px){.overlay-content{border-radius:var(--border-radius-lg);max-height:95vh;width:95%}.overlay-large,.overlay-medium,.overlay-small{max-width:95%}.overlay-header{padding:var(--spacing-sm) var(--spacing-md)}.overlay-header h2{font-size:var(--font-size-lg)}.overlay-body{padding:var(--spacing-md)}.overlay-footer{flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.close-overlay-button{height:28px;width:28px}.close-overlay-button svg{height:18px;width:18px}}@media (max-width:480px){.overlay-content{border-radius:0;max-height:100vh;width:100%}.overlay-large,.overlay-medium,.overlay-small{max-width:100%}.overlay-header h2{font-size:var(--font-size-md)}.overlay-body{padding:var(--spacing-sm)}}@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}.dynamic-input-wrapper-main{align-items:flex-end;bottom:20px;position:fixed;right:20px;z-index:var(--z-dynamic-input)}.dynamic-input-container,.dynamic-input-wrapper-main{display:flex;flex-direction:column;transition:all var(--transition-medium)}.dynamic-input-container{animation:fadeIn var(--transition-medium) ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);max-width:90vw;overflow:hidden;transform-origin:bottom right;width:500px}.chat-messages{background:var(--bg-primary);gap:var(--spacing-sm);max-height:500px;overflow-y:auto;padding:var(--spacing-md)}.chat-messages,.message{display:flex;flex-direction:column}.message{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-primary);font-family:var(--font-sans);margin:0;padding:0}.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-family:var(--font-serif);font-size:var(--font-size-base);letter-spacing:.01em;line-height:1.65;margin:0 0 var(--spacing-xs) 0}.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(--color-golden);box-shadow:0 0 0 2px var(--accent-blue)}.input-box-inner{align-items:center;display:flex;padding:var(--spacing-xs) var(--spacing-sm)}.input-textarea{-ms-overflow-style:none;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);line-height:1.4;max-height:200px;outline:none;overflow:hidden;overflow-y:auto;padding:var(--spacing-xs) 0;resize:none;scrollbar-width:none}.input-textarea::-webkit-scrollbar{display:none}.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(--bg-secondary);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:var(--accent-green)}.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;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;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);height:36px;justify-content:center;min-width:80px;padding:var(--spacing-xs) var(--spacing-lg);transition:all var(--transition-fast)}.send-button:hover:not(:disabled){background:var(--accent-orange);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);transition:all var(--transition-fast)}.toggle-input-button:hover{background:var(--accent-orange);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.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-text{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.toggle-button-icon{transition:transform var(--transition-fast)}.toggle-input-button:hover .toggle-button-icon{transform:translateY(1px)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--bg-primary)}.chat-messages::-webkit-scrollbar-thumb{background:var(--accent-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}.chat-header{min-height:44px;padding:var(--spacing-xs) var(--spacing-sm)}.header-left .mode-indicator span{display:none}.mode-button{height:30px;padding:4px;width:30px}.mode-icon{height:16px;width:16px}.header-hide-button{height:30px;padding:4px;width:30px}.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:var(--spacing-xs) var(--spacing-sm)}.input-textarea{font-size:var(--font-size-md)}.send-button{font-size:var(--font-size-sm);height:32px;min-width:70px;padding:var(--spacing-xs) var(--spacing-md)}.action-button,.submit-button{height:28px;width:28px}.toggle-input-button{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.toggle-input-button.compact{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.toggle-button-text{margin-right:var(--spacing-xs)}}@media only screen and (max-width:600px){.dynamic-input-wrapper-main{bottom:var(--mobile-sidebar-height);left:var(--spacing-xs);margin:0;padding:0;right:var(--spacing-xs)}.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{border-bottom:none;border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;margin:0;max-width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),max-height .3s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform}.dynamic-input-container.fullscreen-mode{border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;max-height:calc(100vh - var(--mobile-sidebar-height) - var(--spacing-md))}.dynamic-input-container.fullscreen-mode .chat-messages{max-height:calc(100vh - var(--mobile-sidebar-height) - 200px)}.dynamic-input-container.fullscreen-mode .task-list-wrapper{max-height:calc(100vh - var(--mobile-sidebar-height) - 250px)}.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{max-height:calc(100vh - var(--mobile-sidebar-height) - 150px)}.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{max-height:calc(100vh - var(--mobile-sidebar-height) - 80px)}.conversation-dropdown{max-height:min(350px,calc(100vh - var(--mobile-sidebar-height) - 150px))}.dynamic-input-wrapper-main:has(.toggle-input-button:not(.compact)){bottom:var(--mobile-sidebar-height);left:var(--spacing-xs);right:var(--spacing-xs)}.drag-handle-visual{cursor:grab;margin:var(--spacing-xs) auto var(--spacing-xs);touch-action:none}.dragging .drag-handle-visual{cursor:grabbing}}@media only screen and (max-height:700px){.chat-container-with-avatars .chat-messages,.chat-messages{max-height:calc(100vh - var(--mobile-sidebar-height) - 180px)!important}.dynamic-input-container{max-height:calc(100vh - var(--mobile-sidebar-height) - var(--spacing-md))!important}.task-list-wrapper{max-height:calc(100vh - 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}.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)}.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-radius:50%;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:#374151;background:var(--card-bg-hover,#374151)}.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;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);height:24px;min-height:24px;padding:0 var(--spacing-xs);transition:background var(--transition-fast)}.conversation-user-button:hover{background:var(--bg-tertiary)}.conversation-dropdown{-webkit-overflow-scrolling:touch;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:min(400px,calc(100vh - 100px));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:.875rem;font-weight:var(--font-weight-semibold);position:sticky;top:0}.dropdown-header,.dropdown-item{padding:var(--spacing-sm) var(--spacing-md)}.dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:var(--spacing-sm);justify-content:space-between;text-align:left;transition:background var(--transition-fast);width:100%}.dropdown-item:hover{background:var(--bg-secondary)}.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:var(--spacing-xs);justify-content:flex-end;min-width:80px}.dropdown-call-button{align-items:center;background:var(--accent-green);border:none;border-radius:4px;color:var(--bg-primary);display:flex;height:20px;justify-content:center;min-width:20px;opacity:.8;padding:2px;transition:all var(--transition-fast)}.dropdown-call-button:hover{background:var(--accent-green);opacity:1;transform:scale(1.1)}.dropdown-call-button svg{height:12px;width:12px}.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);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;min-width:16px;padding:2px 6px;text-align:center}.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;font-size:var(--font-size-sm);gap:var(--spacing-xs);max-height:32px;padding:4px 8px;transition:all var(--transition-fast)}.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(--accent-blue)!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:none!important;color:#fff!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(--accent-green)!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)}}.chat-header{align-items:center;background:var(--bg-secondary);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-left{flex:1 1}.chat-container-with-avatars .header-right,.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)}.active-conversation-indicator{background:var(--bg-secondary);box-sizing:border-box;gap:var(--spacing-xs);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;height:32px}.header-hide-button{background:none;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast);width:32px}.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;height:36px;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast);width:36px}.mode-button:hover{background:var(--bg-tertiary);border-color:var(--accent-green);color:var(--text-primary)}.mode-button.active{background:var(--accent-green);border-color:var(--accent-green);color:var(--bg-primary)}.mode-icon{fill:currentColor;color:var(--text-secondary);height:18px;opacity:.8;transition:all var(--transition-fast);width:18px}.mode-button:hover .mode-icon{color:var(--text-primary);opacity:1}.mode-button.active .mode-icon{color:var(--bg-primary);opacity:1}.ai-recommendations-button{align-items:center;background:var(--accent-blue-solid);border:1px solid var(--accent-blue-solid);border-radius:var(--border-radius-md);cursor:pointer;display:flex;justify-content:center;margin-right:var(--spacing-xs);min-height:36px;min-width:40px;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.ai-recommendations-button:hover:not(:disabled){background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);box-shadow:var(--shadow-md)}.ai-recommendations-button:disabled{cursor:not-allowed;opacity:.6}.ai-recommendations-button .mode-icon{color:#fff;color:var(--text-on-accent,#fff);height:20px;width:20px}.mode-icon.spinning{animation:spin 1s linear infinite}.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{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(--accent-green);color:var(--text-primary)}.task-header-buttons button.active{background:var(--accent-green);border-color:var(--accent-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(--accent-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);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}.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(--accent-green);border:2px solid var(--accent-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(--accent-green);color:var(--text-primary)}.task-action-buttons button.active{background:var(--accent-green);border-color:var(--accent-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(--accent-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(--accent-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:center;margin-top:var(--spacing-xs);padding:var(--spacing-md)}.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(--bg-tertiary);opacity:1;transform:scale(1.05)}.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{background:var(--accent-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-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.task-view-controls .add-note-btn:hover{background:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.task-view-controls .add-note-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.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(--accent-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%}.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)}.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:#4ade80;accent-color:var(--accent-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;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:#4ade80;background:var(--accent-green,#4ade80);border-color:#4ade80;border-color:var(--accent-green,#4ade80)}.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:#4ade80;border-color:var(--accent-green,#4ade80);opacity:.8}.note-status-indicator input[type=checkbox]:focus{outline:2px solid #4ade80;outline:2px solid var(--accent-green,#4ade80);outline-offset:2px}.note-status-indicator svg{flex-shrink:0}@media (max-width:768px){.task-content-area{min-height:60vh}.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))}.task-list-wrapper{max-height:calc(100vh - 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 .chat-header{background:#f8fafcf2;border-bottom-color:#cbd5e1cc}.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 .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 .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-icon,.connect-users-option:hover{background:var(--accent-green);color:var(--bg-primary)}.connect-icon{align-items:center;display:flex;font-size:16px;font-weight:700;justify-content:center}.connect-users-option:hover .connect-icon{background:var(--bg-primary);color:var(--accent-green)}.dropdown-empty-state{border-top:1px solid var(--border-color);color:var(--text-secondary);font-style:italic;padding:var(--spacing-md);text-align:center}.empty-state-text{font-size:var(--font-size-sm)}.light-theme .connect-icon,.light-theme .connect-users-option:hover{background:#22c55ee6;color:#fff}.light-theme .connect-users-option:hover .connect-icon{background:#fff;color:#22c55ee6}.light-theme .dropdown-header{background:#f8fafce6;border-bottom-color:#cbd5e1cc;color:#64748b}.light-theme .dropdown-item{color:#334155}.light-theme .dropdown-item:hover{background:#f1f5f9e6}.light-theme .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}.call-button{align-items:center;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family-modern);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:var(--accent-blue)}.call-button--primary:hover:not(.call-button--disabled){background:var(--color-golden)}.call-button--secondary:hover:not(.call-button--disabled){background:var(--bg-tertiary);border-color:var(--accent-green)}.call-button--icon:hover:not(.call-button--disabled){background:var(--bg-secondary);border-color:var(--accent-green);color:var(--accent-green)}.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:var(--tree-green);border-color:var(--tree-green);box-shadow:0 2px 8px #10b9814d;color:#fff;transform:scale(1.05)}.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.1)}.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.1)}.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{align-items:center;background:var(--color-golden);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}.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{animation:pulse 2s ease-in-out infinite;font-family:var(--font-sans);margin:0}.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__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(--accent-green);color:var(--text-on-accent);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:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}.call-modal__button--join:hover:not(:disabled){box-shadow:0 0 20px #a6e22e66,0 4px 12px #0000004d}.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(--bg-tertiary);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{animation:slideInFromBottom .3s ease-out;max-width:400px;width:100%}.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 (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:focus-visible,.call-modal__button:focus-visible,.call-modal__close:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.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}.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%)}.task-edit-overlay{display:flex;justify-content:center;max-width:600px;min-width:400px;padding:20px;width:90%}.task-edit-form{margin:0 auto;max-width:450px;padding:8px 0;width:100%}.form-row,.task-edit-form{display:flex;flex-direction:column;gap:16px}.task-header{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);display:flex;gap:12px;margin:-8px 0 0;padding:12px;transition:all var(--transition-fast)}.light-theme .task-header{background:#fff6;border-color:var(--beige-sand)}.completion-toggle{align-items:center;border:2px solid var(--border-color);border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;min-height:20px;min-width:20px;padding:0;transition:all .2s ease;width:20px}.completion-toggle.completed,.completion-toggle:hover{border-color:var(--accent-green)}.completion-toggle.completed{background-color:var(--accent-green)}.completion-toggle.completed:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.task-name-editor{flex:1 1}.task-name-editor .inline-editor.display{border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:20px;font-weight:600;padding:4px 8px;transition:background-color .2s ease}.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;padding:4px 8px;width:100%}.priority-select{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffff08;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:8px 12px;transition:all var(--transition-fast);width:100%}.light-theme .priority-select{background:#fff9;border-color:var(--beige-sand)}.completion-toggle.priority-0,.completion-toggle.priority-0:hover{border-color:#e74c3c}.completion-toggle.priority-0.completed{background-color:#e74c3c;border-color:#e74c3c}.completion-toggle.priority-1,.completion-toggle.priority-1:hover{border-color:#f39c12}.completion-toggle.priority-1.completed{background-color:#f39c12;border-color:#f39c12}.completion-toggle.priority-2,.completion-toggle.priority-2:hover{border-color:#3498db}.completion-toggle.priority-2.completed{background-color:#3498db;border-color:#3498db}.completion-toggle.priority-3,.completion-toggle.priority-3:hover{border-color:#95a5a6}.completion-toggle.priority-3.completed{background-color:#95a5a6;border-color:#95a5a6}.task-edit-dialog .overlay-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#2b2926e6;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px;transition:all var(--transition-fast)}.light-theme .task-edit-dialog .overlay-header{background:#f5f1e8f2;border-bottom:1px solid var(--beige-sand)}.overlay-header .overlay-header-actions{align-items:center;display:flex;gap:8px;margin-right:8px}.options-button{border-radius:var(--border-radius-md);color:var(--text-primary);margin-right:var(--spacing-md);min-height:36px;min-width:36px;padding:var(--spacing-sm);transition:all var(--transition-fast)}.options-button:hover{background-color:var(--bg-secondary);color:var(--accent-blue)}.options-button svg{height:20px;width:20px}.task-edit-dialog .overlay-backdrop{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-attachment:fixed;background-blend-mode:overlay;background-size:cover}.light-theme .task-edit-dialog .overlay-backdrop{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-attachment:fixed;background-blend-mode:overlay;background-size:cover}.task-edit-dialog .overlay-body{background-color:var(--bg-primary)}.close-overlay-button{background:none;color:var(--text-primary);transition:color .2s}.close-overlay-button:hover{color:#ff4d4d;color:var(--text-color-secondary,#ff4d4d)}.close-overlay-button svg{height:24px;width:24px}.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{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;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:#ffffff08;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s,background-color .2s}.light-theme .form-group input[type=date],.light-theme .form-group input[type=number],.light-theme .form-group input[type=text],.light-theme .form-group select,.light-theme .form-group textarea{background-color:#fff9;border-color:var(--beige-sand)}.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{border-color:var(--accent-blue);box-shadow:0 0 0 2px #4a90e233;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:#4a90e2;border:none;border-radius:4px;color:#fff;font-size:14px;padding:8px 12px;transition:background-color .2s}.add-tag-button:hover{background-color:#3a80d2}.add-tag-button:disabled{background-color:#ccc}.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-item{background-color:#859db3;border:1px solid #859db3;border-radius:16px;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:#999;cursor:pointer;font-size:16px;height:16px;justify-content:center;padding:0;transition:color .2s;width:16px}.remove-tag-button:hover{color:#e74c3c}.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-width:80px;padding:10px 20px;transition:all .2s ease}.overlay-button-primary{background-color:var(--accent-blue);color:#fff}.overlay-button-primary:hover{background-color:var(--accent-blue-dark);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 #e74c3c;color:#e74c3c;font-weight:400}.overlay-button-danger:hover{background-color:#e74c3c;color:#fff;transform:translateY(-1px)}.form-group input::placeholder{color:#999;color:var(--text-tertiary,#999)}.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{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.edit-field.edit-field-vision .task-edit-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #4a90e233;outline:none}.field-hint{color:var(--text-secondary);font-size:12px;margin-bottom:4px;margin-left:4px}.light-theme .field-hint{color:var(--text-charcoal)}.actionable-toggle-section .field-hint,.public-toggle-section .field-hint{margin-left:0;padding-left:0}.form-group input[type=date]{color-scheme:dark}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1) opacity(.6)}@media (prefers-color-scheme:light){.form-group input[type=date]{color-scheme:light}.form-group input[type=date]::-webkit-calendar-picker-indicator{filter:opacity(.6)}}.note-settings-embed{background:#ffffff0d;background:var(--bg-secondary,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:8px;border-radius:var(--border-radius-sm,8px);margin:16px 0;padding:16px}.note-settings-embed .note-settings{background:#0000}.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}.form-group.actionable-toggle-section,.form-group.public-toggle-section{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding:12px 0}.toggle-row{gap:12px}.toggle-visual-group{align-items:center;display:flex;flex-shrink:0;gap:6px}.toggle-icon{color:var(--text-primary);flex-shrink:0;height:24px;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 2px #4a90e233;outline:none}.light-theme .image-urls-editor textarea{background:var(--beige-canvas);border-color:var(--beige-sand);color:var(--text-ink)}.light-theme .image-urls-editor textarea:focus{border-color:var(--accent-slate);box-shadow:0 0 0 2px #6d7a8826}.image-urls-editor textarea::placeholder{color:var(--text-secondary)}.light-theme .image-urls-editor textarea::placeholder{color:var(--text-muted)}.image-attachment-count{color:var(--text-secondary);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-lg);justify-content:center;width:100%}.overlay-footer-buttons .btn-cancel,.overlay-footer-buttons .btn-confirm{align-items:center;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);justify-content:center;letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-normal);min-height:42px;min-width:160px;outline:none;padding:var(--spacing-sm) var(--spacing-xl);transition:all var(--transition-fast);user-select:none;-webkit-user-select:none}.overlay-footer-buttons .btn-cancel{background:#b222221f;border:1px solid #b2222259;color:#ff7b7b}.overlay-footer-buttons .btn-cancel:hover{background:#b2222238;border-color:#ff6b6b;box-shadow:0 2px 8px #b2222259;transform:translateY(-1px)}.overlay-footer-buttons .btn-cancel:active{background:#b2222252;transform:translateY(0)}.overlay-footer-buttons .btn-confirm{background:var(--tree-green);border:1px solid var(--tree-green);box-shadow:var(--shadow-sm);color:#fff}.overlay-footer-buttons .btn-confirm:hover{background:#0ea472;border-color:#0ea472;box-shadow:var(--shadow-md);transform:translateY(-1px)}.overlay-footer-buttons .btn-confirm:active{background:#0d9266;box-shadow:var(--shadow-sm);transform:translateY(0)}.light-theme .task-edit-dialog .overlay-footer{background:var(--bg-secondary)!important}.light-theme .overlay-footer-buttons .btn-cancel{background:#8b000014;border:1px solid #8b000040;color:#b22222}.light-theme .overlay-footer-buttons .btn-cancel:hover{background:#8b000026;border-color:#b22222;box-shadow:0 2px 6px #8b000033;transform:translateY(-1px)}.light-theme .overlay-footer-buttons .btn-cancel:active{background:#8b000038;transform:translateY(0)}.light-theme .overlay-footer-buttons .btn-confirm{background:var(--tree-green);border:1px solid var(--tree-green);box-shadow:0 2px 4px #10b98133;color:#fff}.light-theme .overlay-footer-buttons .btn-confirm:hover{background:#0ea472;border-color:#0ea472;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.light-theme .overlay-footer-buttons .btn-confirm:active{background:#0d9266;box-shadow:0 2px 4px #10b98133;transform:translateY(0)}@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{font-size:var(--font-size-md);min-height:44px;padding:var(--spacing-md) var(--spacing-lg);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{flex:1 1;min-height:42px}}@media (min-width:1600px){.overlay-footer-buttons .btn-cancel,.overlay-footer-buttons .btn-confirm{font-size:var(--font-size-md);padding:var(--spacing-md) var(--spacing-xl)}}.overlay-footer-buttons .btn-cancel:focus-visible,.overlay-footer-buttons .btn-confirm: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{outline-color:var(--accent-slate)}.overlay-footer-buttons .btn-cancel:disabled,.overlay-footer-buttons .btn-confirm:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.description-section{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:12px;transition:all var(--transition-fast)}.light-theme .description-section{background:#ffffff80;border-color:var(--beige-sand)}.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}.task-edit-dialog .rich-editor-wrapper{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid var(--border-color)}.light-theme .task-edit-dialog .rich-editor-wrapper{background:#ffffff80;border-color:var(--beige-sand)}.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{background:#0000;caret-color:var(--accent-blue);color:var(--input-text);font-family:inherit;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}.rich-editor-content .ProseMirror p{color:var(--input-text);margin:0 0 var(--spacing-sm) 0}.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:var(--accent-blue);border-color:var(--accent-blue);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:var(--accent-blue);border-color:var(--accent-blue);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{background:#0000;border:none;color:inherit;margin:0;min-height:60px;padding:0;resize:vertical}@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}}:root{--settings-bg-primary:var(--monokai-bg);--settings-bg-secondary:var(--monokai-bg-lighter);--settings-text-primary:var(--text-primary);--settings-text-secondary:var(--text-secondary);--settings-border:var(--monokai-bg-lighter);--settings-hover:var(--monokai-bg-lighter)}.light-theme{--settings-bg-primary:var(--beige-canvas);--settings-bg-secondary:var(--beige-linen);--settings-text-primary:var(--text-ink);--settings-text-secondary:var(--text-charcoal);--settings-border:var(--beige-sand);--settings-hover:var(--beige-linen)}.note-settings{background:var(--monokai-bg);background:var(--settings-bg-primary);color:var(--text-primary);color:var(--settings-text-primary);display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-xl) 0;width:100%}.settings-header{border-bottom:2px solid var(--settings-border);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-lg)}.settings-main-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2;margin:0}.note-settings .section-title,.settings-main-title{color:var(--text-primary);color:var(--settings-text-primary)}.note-settings .section-title{align-items:center;display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0}.note-settings .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.note-settings .section-header.collapsible{background:none;border:none;cursor:pointer;padding:0;text-align:left;transition:all var(--transition-fast);width:100%}.note-settings .section-header.collapsible:hover .section-title{color:var(--accent-blue)}.note-settings .section-toggle-icon{color:var(--text-secondary);color:var(--settings-text-secondary);display:inline-block;font-size:var(--font-size-xs);margin-left:var(--spacing-sm);transition:transform var(--transition-fast)}.note-settings .section-toggle-icon.expanded{transform:rotate(90deg)}.note-settings .section-compact{border-bottom:1px solid var(--settings-border);padding-bottom:var(--spacing-md)}.star-rating{align-items:center;display:flex;gap:var(--spacing-xs)}.star-rating .star{background:none;border:none;color:var(--text-secondary);color:var(--settings-text-secondary);cursor:pointer;font-size:var(--font-size-2xl);line-height:1;padding:0;transition:all var(--transition-fast)}.star-rating .star.filled{color:var(--accent-yellow)}.star-rating .star:not(.disabled):hover{color:var(--accent-yellow);transform:scale(1.1)}.star-rating .star.disabled{cursor:not-allowed;opacity:.5}.star-rating .rating-label{color:var(--text-secondary);color:var(--settings-text-secondary);font-size:var(--font-size-sm);margin-left:var(--spacing-sm)}.visibility-indicator{align-items:center;display:flex}.visibility-badge{align-items:center;background:var(--monokai-bg-lighter);background:var(--settings-bg-secondary);border-radius:var(--border-radius-md);color:var(--text-primary);color:var(--settings-text-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}.visibility-badge .lock-icon{height:16px;width:16px}.visibility-badge.public{border:1px solid var(--accent-green);color:var(--accent-green)}.visibility-badge.private{border:1px solid var(--settings-border);color:var(--text-secondary);color:var(--settings-text-secondary)}.linked-notes-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.linked-note-item{align-items:center;background:var(--monokai-bg-lighter);background:var(--settings-bg-secondary);border-radius:var(--border-radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.linked-note-item:hover{background:var(--monokai-bg-lighter);background:var(--settings-hover);transform:translateX(2px)}.linked-note-title{color:var(--text-primary);color:var(--settings-text-primary);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.linked-note-date{color:var(--text-secondary);color:var(--settings-text-secondary);font-size:var(--font-size-xs);margin-left:var(--spacing-md)}.link-remove-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--accent-red);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:20px;justify-content:center;margin-left:var(--spacing-sm);padding:0;transition:all var(--transition-fast);width:20px}.link-remove-button:hover{background:var(--bg-danger-overlay);transform:scale(1.1)}.no-linked-notes{color:var(--text-secondary);color:var(--settings-text-secondary);font-size:var(--font-size-sm);font-style:italic;padding:var(--spacing-md) 0}.add-link-button{align-items:center;background:#0000;border:none;color:var(--accent-blue);cursor:pointer;display:flex;font-size:var(--font-size-xl);justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast)}.add-link-button:hover{color:var(--accent-blue-hover);transform:scale(1.15)}.link-search-container{margin-top:var(--spacing-md)}.link-search-input{background:var(--monokai-bg-lighter);background:var(--settings-bg-secondary);border:1px solid var(--settings-border);border-radius:var(--border-radius-md);color:var(--text-primary);color:var(--settings-text-primary);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.link-search-input:focus{background:var(--monokai-bg);background:var(--settings-bg-primary);border-color:var(--accent-blue);outline:none}.link-search-results{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm);max-height:200px;overflow-y:auto}.link-search-result{align-items:center;background:var(--monokai-bg-lighter);background:var(--settings-bg-secondary);border-radius:var(--border-radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.link-search-result:hover{background:var(--accent-blue);color:var(--text-on-accent)}.search-result-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.search-result-date{font-size:var(--font-size-xs);opacity:.8}.note-metadata-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metadata-item{flex-direction:column;gap:var(--spacing-xs)}.metadata-label{color:var(--settings-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.metadata-value{color:var(--settings-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.metadata-details{background:var(--monokai-bg-lighter);background:var(--settings-bg-secondary);border-radius:var(--border-radius-md);margin-top:var(--spacing-md);max-height:400px;overflow-y:auto;padding:var(--spacing-md)}.metadata-formatted{display:flex;flex-direction:column;gap:var(--spacing-md)}.metadata-formatted .metadata-item{border-bottom:1px solid var(--settings-border);display:flex;flex-direction:column;gap:var(--spacing-xs);padding-bottom:var(--spacing-sm)}.metadata-formatted .metadata-item:last-child{border-bottom:none;padding-bottom:0}.metadata-formatted .metadata-label{color:var(--text-secondary);color:var(--settings-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.metadata-formatted .metadata-value{color:var(--text-primary);color:var(--settings-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);word-break:break-word}.metadata-formatted .metadata-id{color:var(--text-secondary);color:var(--settings-text-secondary);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:var(--font-size-xs);opacity:.7}.metadata-formatted .metadata-link{border-bottom:1px solid #0000;color:var(--accent-blue);cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.metadata-formatted .metadata-link:hover{border-bottom-color:var(--accent-green);color:var(--accent-green);transform:translateX(2px)}.metadata-formatted .metadata-link:focus{border-radius:var(--border-radius-sm);outline:2px solid var(--focus-ring-blue);outline-offset:2px}.no-metadata{color:var(--text-secondary);color:var(--settings-text-secondary);font-size:var(--font-size-sm);font-style:italic;padding:var(--spacing-md) 0;text-align:center}.danger-section{border-top:2px solid var(--accent-red);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.delete-note-button{align-items:center;background:#0000;border:1px solid var(--accent-red);border-radius:var(--border-radius-md);color:var(--accent-red);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.delete-note-button:hover{background:var(--accent-red);color:var(--monokai-bg);color:var(--settings-bg-primary)}.delete-note-button:disabled{cursor:not-allowed;opacity:.5}.note-settings .empty-state{align-items:center;color:var(--text-secondary);color:var(--settings-text-secondary);display:flex;font-style:italic;justify-content:center;padding:var(--spacing-2xl)}@media (max-width:768px){.note-settings{gap:var(--spacing-lg);padding:var(--spacing-lg) 0}.note-metadata-grid{grid-template-columns:1fr}}.ai-recommendations-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ai-recommendations-content{background:#1a1a1a;background:var(--background-color,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.recommendations-header{background:#2a2a2a;background:var(--header-background,#2a2a2a);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);justify-content:space-between;padding:20px 24px}.header-content h2{color:#fff;color:var(--text-primary,#fff);font-size:1.5rem;font-weight:600;margin:0}.analysis-summary{display:flex;flex-direction:column;gap:4px;margin-top:8px}.data-summary,.timestamp{color:#888;color:var(--text-secondary,#888);font-size:.875rem}.close-btn{background:none;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:8px;transition:all var(--transition-fast)}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.recommendations-tabs{background:#222;background:var(--tab-background,#222);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333)}.tab-btn{align-items:center;background:none;border:none;color:#888;color:var(--text-secondary,#888);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:16px 20px;position:relative;transition:all .2s ease}.tab-btn:hover{background:#333;background:var(--hover-background,#333);color:#fff;color:var(--text-primary,#fff)}.tab-btn.active{background:#2a2a2a;background:var(--active-tab-background,#2a2a2a);color:#4a90e2;color:var(--accent-color,#4a90e2)}.tab-btn.active:after{bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.tab-btn.active:after,.tab-count{background:#4a90e2;background:var(--accent-color,#4a90e2)}.tab-count{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;min-width:20px;padding:2px 8px}.recommendations-body{background:#1a1a1a;background:var(--background-color,#1a1a1a);flex:1 1;overflow-y:auto;padding:24px}.empty-state{color:#888;color:var(--text-secondary,#888);padding:40px 20px}.empty-state p{font-size:1rem;margin:0}.insights-section{display:flex;flex-direction:column;gap:16px}.insight-item{background:#2a2a2a;background:var(--card-background,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;overflow:hidden;transition:all .2s ease}.insight-item:hover{border-color:#4a90e2;border-color:var(--accent-color,#4a90e2);box-shadow:0 4px 12px #4a90e21a}.insight-header{cursor:pointer;padding:16px 20px;transition:background .2s ease}.insight-header:hover{background:#333;background:var(--hover-background,#333)}.insight-title-section{align-items:center;display:flex;flex:1 1;gap:12px}.insight-title{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;font-weight:600}.insight-type{border-radius:4px;font-size:.75rem;font-weight:600;padding:4px 8px}.insight-type-pattern{background:#4a90e2;color:#fff}.insight-type-interest{background:#50c878;color:#fff}.insight-type-growth_area{background:#ff6b6b;color:#fff}.insight-type-opportunity{background:#ffd93d;color:#333}.insight-meta{align-items:center;display:flex;gap:12px}.confidence-score{font-weight:500}.confidence-score,.expand-icon{color:#888;color:var(--text-secondary,#888);font-size:.875rem}.expand-icon{transition:transform .2s ease}.expand-icon.expanded{transform:rotate(180deg)}.insight-content{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);margin-top:16px;padding:16px 20px 20px}.insight-description{color:#fff;color:var(--text-primary,#fff);font-family:var(--font-sans);line-height:1.6;margin:0 0 16px}.supporting-evidence h4{color:#fff;color:var(--text-primary,#fff);font-size:.9rem;font-weight:600;margin:0 0 8px}.supporting-evidence ul{color:#888;color:var(--text-secondary,#888);margin:0;padding-left:20px}.supporting-evidence li{line-height:1.5;margin-bottom:4px}.recommendations-section{display:flex;flex-direction:column;gap:16px}.recommendation-item{background:#2a2a2a;background:var(--card-background,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;overflow:hidden;transition:all .2s ease}.recommendation-item:hover{border-color:#4a90e2;border-color:var(--accent-color,#4a90e2);box-shadow:0 4px 12px #4a90e21a}.recommendation-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s ease}.recommendation-header:hover{background:#333;background:var(--hover-background,#333)}.recommendation-title-section{align-items:center;display:flex;flex:1 1;gap:12px}.recommendation-title{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;font-weight:600;margin:0}.recommendation-badges{display:flex;gap:8px}.priority-badge{border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.priority-high{background:#ff6b6b;color:#fff}.priority-medium{background:#ffd93d;color:#333}.priority-low{background:#50c878;color:#fff}.category-badge{background:#4a90e2;background:var(--accent-color,#4a90e2);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px}.recommendation-actions{align-items:center;display:flex;gap:8px}.dismiss-btn{background:none;border:none;border-radius:4px;color:#888;color:var(--text-secondary,#888);cursor:pointer;font-size:.875rem;padding:4px;transition:all .2s ease}.dismiss-btn:hover{background:#ff6b6b;color:#fff}.recommendation-content{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);margin-top:16px;padding:16px 20px 20px}.recommendation-description{color:#fff;color:var(--text-primary,#fff);line-height:1.6;margin:0 0 12px}.recommendation-type{color:#888;color:var(--text-secondary,#888);font-size:.875rem}.generated-notes-section{display:flex;flex-direction:column;gap:16px}.generated-note-item{background:#2a2a2a;background:var(--card-background,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;overflow:hidden;transition:all .2s ease}.generated-note-item:hover{border-color:#4a90e2;border-color:var(--accent-color,#4a90e2);box-shadow:0 4px 12px #4a90e21a}.note-header{cursor:pointer;padding:16px 20px;transition:background .2s ease}.note-header:hover{background:#333;background:var(--hover-background,#333)}.note-title-section{align-items:center;display:flex;gap:12px}.note-title{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;font-weight:600}.ai-generated-badge{background:linear-gradient(45deg,#4a90e2,#50c878);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.note-actions{align-items:center;display:flex;gap:8px}.note-action-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:6px;transition:all .2s ease}.view-btn:hover{background:#4a90e2;background:var(--accent-color,#4a90e2)}.edit-btn:hover{background:#ffd93d}.note-content{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);margin-top:16px;padding:16px 20px 20px}.note-preview{color:#fff;color:var(--text-primary,#fff);line-height:1.6;margin:0 0 16px}.note-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tag{background:#4a90e2;background:var(--accent-color,#4a90e2);font-size:.75rem}.note-reasoning{background:#333;background:var(--reasoning-background,#333);border-left:3px solid #4a90e2;border-left:3px solid var(--accent-color,#4a90e2);border-radius:6px;padding:12px}.note-reasoning strong{color:#fff;color:var(--text-primary,#fff);display:block;margin-bottom:8px}.note-reasoning p{color:#888;color:var(--text-secondary,#888);line-height:1.5;margin:0}.recommendations-footer{align-items:center;background:#2a2a2a;background:var(--footer-background,#2a2a2a);border-top:1px solid #333;border-top:1px solid var(--border-color,#333);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.close-btn-secondary,.refresh-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.refresh-btn{background:#4a90e2;background:var(--accent-color,#4a90e2);color:#fff}.refresh-btn:hover:not(:disabled){background:#357abd}.refresh-btn:disabled{background:#666;background:var(--button-disabled,#666);color:#999;color:var(--text-disabled,#999);cursor:not-allowed;opacity:.7}.close-btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.close-btn-secondary:hover{background:var(--bg-tertiary)}@media (max-width:768px){.ai-recommendations-overlay{padding:10px}.ai-recommendations-content{max-height:95vh}.recommendations-header{padding:16px 20px}.header-content h2{font-size:1.25rem}.recommendations-body{padding:20px}.insight-header,.note-header,.recommendation-header{padding:12px 16px}.insight-content,.note-content,.recommendation-content{padding:0 16px 16px}.recommendations-footer{flex-direction:column;gap:8px;padding:16px 20px}.close-btn-secondary,.refresh-btn{width:100%}}.reshuffle-btn{align-items:center;background:none;border:1px solid #fff3;border-radius:4px;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;margin-right:8px;min-width:32px;padding:4px 8px;transition:all .2s ease}.reshuffle-btn:hover:not(:disabled){background-color:#4a90e21a;border-color:#4a90e2;border-color:var(--accent-color,#4a90e2);transform:scale(1.05)}.reshuffle-btn:disabled{cursor:not-allowed;opacity:.6}.reshuffle-icon{color:inherit;transition:transform .2s ease}.reshuffle-icon.spinning{animation:spin 1s linear infinite}.reshuffle-btn:hover:not(:disabled) .reshuffle-icon{transform:rotate(180deg)}.item-actions{align-items:center;display:flex;gap:8px}.light-theme .ai-recommendations-content{background:var(--bg-primary);border-color:var(--border-color)}.light-theme .recommendations-header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.light-theme .header-content h2{color:var(--text-primary)}.light-theme .recommendations-tabs{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.light-theme .tab-btn{color:var(--text-secondary)}.light-theme .tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.light-theme .tab-btn.active{background:var(--bg-primary);color:var(--accent-blue)}.light-theme .recommendations-body{background:var(--bg-primary)}.light-theme .generated-note-item,.light-theme .insight-item,.light-theme .recommendation-item{background:var(--bg-secondary);border-color:var(--border-color)}.light-theme .insight-header,.light-theme .note-header,.light-theme .recommendation-header{color:var(--text-primary)}.light-theme .insight-header:hover,.light-theme .note-header:hover,.light-theme .recommendation-header:hover{background:var(--bg-hover)}.light-theme .insight-description,.light-theme .insight-title,.light-theme .note-preview,.light-theme .note-title,.light-theme .recommendation-description,.light-theme .recommendation-title{color:var(--text-primary)}.light-theme .insight-content,.light-theme .note-content,.light-theme .recommendation-content{border-top-color:var(--border-color)}.light-theme .close-btn,.light-theme .confidence-score,.light-theme .data-summary,.light-theme .recommendation-type,.light-theme .timestamp{color:var(--text-secondary)}.light-theme .close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.light-theme .recommendations-footer{background:var(--bg-secondary);border-top-color:var(--border-color)}.light-theme .note-reasoning{background:var(--bg-hover);border-left-color:var(--accent-blue)}.light-theme .note-reasoning strong{color:var(--text-primary)}.light-theme .note-reasoning p{color:var(--text-secondary)}[data-theme=dark] .reshuffle-btn{border-color:#ffffff1a;color:#e0e0e0;color:var(--text-color-dark,#e0e0e0)}[data-theme=dark] .reshuffle-btn:hover:not(:disabled){background-color:#4a90e233;border-color:#4a90e2;border-color:var(--accent-color,#4a90e2)}.ai-recommendations-content:focus,.close-btn-secondary:focus,.close-btn:focus,.dismiss-btn:focus,.note-action-btn:focus,.refresh-btn:focus,.reshuffle-btn:focus,.tab-btn:focus{outline:2px solid #4a90e2;outline:2px solid var(--accent-color,#4a90e2);outline-offset:2px}.ai-recommendations-overlay{animation:fadeIn .3s ease-out}.ai-recommendations-content{animation:slideIn .3s ease-out}.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-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{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);letter-spacing:.05em;line-height:var(--line-height-normal);opacity:.8;text-align:left}.detail-value{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{background:var(--accent-blue);border-radius:9999px;color:var(--bg-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast);white-space:nowrap}.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(--bg-primary);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:#fff}.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:#fff!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-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--bg-primary);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);color:var(--accent-red);font-size:var(--font-size-sm);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-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;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 slideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.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)}.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);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);left:50%!important;margin:auto;max-width:520px;min-width:440px;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;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{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:#4a9eff;color:var(--accent-blue-solid,#4a9eff);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}.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{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-item--full{grid-column:1/-1}.detail-label{color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.detail-value{color:var(--text-primary);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(--accent-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);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--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)}.connection-status{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:-8px;text-transform:uppercase;top:-8px;transition:all var(--transition-fast)}.connection-status--connected{background:var(--bg-primary);border-color:var(--accent-green);color:var(--accent-green)}.connection-status--pending{background:var(--bg-primary);border-color:var(--accent-orange);color:var(--accent-orange)}.connection-status--rejected{background:var(--bg-primary);border-color:var(--accent-red);color:var(--accent-red)}.connection-status--none{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}@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:480px){.connection-detail-display{max-width:95vw;min-width:280px;padding:var(--spacing-md)}.connection-detail-display--modal{max-width:90vw;min-width:280px}.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 (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}}.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(--accent-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-blue);color:var(--text-primary)}.simple-confirmation-popup__button--confirm{background:var(--accent-green);border:1px solid #0000;color:var(--text-on-accent)}.simple-confirmation-popup__button--confirm:hover{background:var(--accent-green);background:var(--accent-green-hover,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)}}.icon-badge-stack{bottom:calc(100% + 12px);gap:var(--spacing-sm);pointer-events:all;position:absolute;right:0;z-index:1100}.icon-badge,.icon-badge-stack{align-items:center;display:flex}.icon-badge{animation:float-badge 2s ease-in-out infinite;background:var(--accent-blue);border:none;border-radius:50%;box-shadow:0 4px 12px #00000026,0 0 0 0 rgba(var(--accent-green-rgb),.4);cursor:pointer;height:40px;justify-content:center;outline:none;padding:0;transition:all var(--transition-fast);width:40px}.icon-badge:hover{box-shadow:0 6px 16px #0003,0 0 0 4px rgba(var(--accent-green-rgb),.3);transform:translateY(-2px) scale(1.05)}.icon-badge:active{transform:translateY(0) scale(.95)}.icon-badge-ai-recommendation{background:var(--accent-blue)}.icon-badge-task{background:var(--accent-green)}.icon-badge-message{background:var(--accent-orange)}.icon-badge-default{background:var(--accent-slate)}.badge-icon{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));height:22px;width:22px}@keyframes float-badge{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.icon-badge.entering{animation:badge-enter .4s cubic-bezier(.68,-.55,.265,1.55) forwards,float-badge 2s ease-in-out .4s infinite}@keyframes badge-enter{0%{opacity:0;transform:translateY(-30px) scale(.7)}60%{transform:translateY(4px) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1)}}.icon-badge.exiting{animation:badge-exit .3s cubic-bezier(.55,.055,.675,.19) forwards;pointer-events:none}@keyframes badge-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-15px) scale(.8)}}.icon-badge-ai-recommendation{animation:float-badge 2s ease-in-out infinite,pulse-glow-ai 2s ease-in-out infinite}@keyframes pulse-glow-ai{0%,to{box-shadow:0 4px 12px #00000026,0 0 0 0 rgba(var(--accent-green-rgb),.4)}50%{box-shadow:0 4px 12px #00000026,0 0 0 6px rgba(var(--accent-green-rgb),.2)}}@media only screen and (max-width:600px){.icon-badge-stack{bottom:calc(100% + 8px);gap:var(--spacing-xs)}.icon-badge{height:36px;width:36px}.badge-icon{height:20px;width:20px}}.light-theme .icon-badge{box-shadow:0 4px 12px #0000001a,0 0 0 0 rgba(var(--accent-green-rgb),.3)}.light-theme .icon-badge:hover{box-shadow:0 6px 16px #00000026,0 0 0 4px rgba(var(--accent-green-rgb),.2)}.icon-badge:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.dismiss-all-btn{align-items:center;animation:fade-in-dismiss .2s forwards;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;outline:none;padding:0;transition:all var(--transition-fast);width:32px}@keyframes fade-in-dismiss{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.dismiss-all-btn:hover{background:var(--bg-tertiary);border-color:var(--text-secondary);box-shadow:0 3px 8px #00000026;transform:scale(1.05)}.dismiss-all-btn:active{transform:scale(.95)}.dismiss-all-btn .close-icon{color:var(--text-secondary);height:16px;transition:color var(--transition-fast);width:16px}.dismiss-all-btn:hover .close-icon{color:var(--text-primary)}.dismiss-all-btn:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.light-theme .dismiss-all-btn{background:#fffffff2;border-color:#0000001a}.light-theme .dismiss-all-btn:hover{background:#f0f0f0f2;border-color:#0003}.onboarding{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000;z-index:var(--z-modal,1000)}.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:center;opacity:0;padding:2rem;padding:var(--spacing-xl,2rem);transition:opacity .8s ease-in-out;transition:opacity var(--transition-slow,.8s ease-in-out)}.onboarding-overlay.visible{opacity:1}.onboarding-content{box-sizing:border-box;flex-direction:column;max-height:95vh;max-width:600px;min-height:clamp(400px,80vh,600px);padding:1rem;padding:var(--spacing-md,1rem);position:relative;width:100%;z-index:2}.logo-container,.onboarding-content{align-items:center;display:flex;justify-content:center}.logo-container{flex-shrink:0;height:clamp(120px,25vw,220px);margin-bottom:clamp(1rem,5vw,4rem);opacity:0;transform:scale(.9);transition:all 1.5s cubic-bezier(.34,1.56,.64,1);width:clamp(120px,25vw,220px)}.logo-container.animate{animation:grow-logo 1.2s ease-out forwards;opacity:1;transform:scale(1)}.logo-container.animate .onboarding-logo{animation:mystic-pulse 3s ease-in-out infinite;filter:drop-shadow(0 0 4px var(--text-primary))}.light-theme .logo-container.animate .onboarding-logo{animation:none;filter:none}@keyframes mystic-pulse{0%,to{filter:drop-shadow(0 0 3px var(--text-primary));opacity:.85}50%{filter:drop-shadow(0 0 6px var(--text-primary));opacity:1}}.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;height:120px;justify-content:center;margin-bottom:clamp(1.5rem,4vw,3rem);position:relative;width:100%}.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;opacity:0;padding:0 var(--spacing-md);position:absolute;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))}.interaction-container{box-sizing:border-box;justify-content:flex-start;min-height:120px;overflow:visible;padding:1rem;padding:var(--spacing-md,1rem);position:relative}.interaction-container,.step-interaction{align-items:center;display:flex;flex-direction:column;width:100%}.step-interaction{max-width:500px}.back-button{align-items:center;align-self:flex-start;animation:fade-in .5s ease forwards;background:#0000;border:1px solid #80808033;border-radius:50px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;margin-left:1rem;margin-top:1rem;opacity:0;order:10;padding:.6rem 1.2rem;transition:all .3s ease;z-index:10}.back-button:hover{background:#d6ae541a;border-color:var(--color-golden);color:var(--color-golden);transform:translateY(-1px)}.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;opacity:0;overflow:hidden;padding:.8rem 2.5rem;position:relative;transform:translateY(2px);transition:all .3s ease}.start-button:hover{background:#d6ae541a;box-shadow:0 4px 12px #d6ae5433;transform:translateY(-2px)}.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{width:100%}.input-container{align-items:center;display:flex;position:relative;width:100%}.name-input{background:#0000;border:none;border-bottom:2px solid var(--color-golden);caret-color:var(--color-golden);color:var(--text-primary);font-size:1.5rem;outline:none;padding:.8rem 60px .8rem 1rem;transition:all .3s ease;width:100%}.name-input:focus{border-color:var(--color-golden);box-shadow:0 4px 8px #d6ae541a}.bg--secondary{background-color:#ffffff0d!important}.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;height:48px;justify-content:center;position:absolute;right:0;transform:scale(0);transition:transform .2s ease,background-color .2s ease;width:48px}.next-button:hover{background-color:var(--color-golden);background-color:var(--accent-primary,var(--color-golden));transform:scale(1.1)!important}.next-button svg{color:var(--bg-primary);height:24px;width:24px}.interests-container{align-items:center;margin-top:1rem}.options-container{margin-top:1rem;padding:.5rem}.options-container,.options-flex{align-items:center;display:flex;flex-direction:column;width:100%}.options-flex{gap:1rem;justify-content:center;margin-bottom:2rem;max-width:400px}.options-flex .interest-tag{font-size:1.1rem;padding:1rem 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;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{font-size:1rem;margin-top:.5rem;padding:.8rem 2.5rem}.interest-next-button:hover{box-shadow:0 4px 12px #d6ae544d;transform:translateY(-2px)}.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{background:#d6ae541a;border-color:var(--color-golden);box-shadow:0 4px 12px #d6ae5433;transform:translateY(-2px)}.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{background:#d6ae541a;box-shadow:0 4px 12px #d6ae5433;transform:translateY(-2px)}.get-started-button:hover:before{left:100%}@keyframes pop-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@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)}.interaction-container{height:140px;padding:.5rem;padding:var(--spacing-sm,.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)}.text-container{height:120px;margin-bottom:1rem;margin-bottom: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){.onboarding-overlay{padding:.75rem;padding:var(--spacing-sm,.75rem)}.onboarding-content{max-height:100vh;min-height:auto;padding:.5rem;padding:var(--spacing-sm,.5rem)}.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)}.interaction-container{padding:.5rem;padding:var(--spacing-sm,.5rem)}.name-input{font-size:1rem;margin:0 auto;max-width:280px;padding:.6rem 54px .6rem .8rem;width:100%}.name-input::placeholder{font-size:.9rem}.next-button{border-radius:50%!important;flex-shrink:0;height:48px!important;min-height:48px;min-width:48px;right:0;width:48px!important}.next-button svg{height:20px;width:20px}.continue-button{margin:0 auto;max-width:280px;width:100%}.back-button{font-size:.8rem;margin-bottom:1.5rem;padding:.5rem 1rem}.back-button .back-icon{height:14px;width:14px}.onboarding-content.interests-step,.onboarding-content.skills-step{-webkit-overflow-scrolling:touch;height:auto;max-height:100vh;overflow:visible}.onboarding-content.interests-step .interests-grid,.onboarding-content.skills-step .interests-grid{margin-bottom:1rem;max-height:calc(100vh - 320px);min-height:200px;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:3rem;width:90%}.options-flex{gap:.75rem;margin-bottom:1.5rem}.options-flex .interest-tag{font-size:1rem;max-width:280px;padding:.9rem 1.2rem;width:100%}.logo-container.expertOrStudent-step,.logo-container.purposeStatus-step{height:65px;margin-bottom:.5rem;width:65px}.text-container.expertOrStudent-step,.text-container.purposeStatus-step{height:80px;margin-bottom:.5rem}.text-container.expertOrStudent-step .welcome-text,.text-container.purposeStatus-step .welcome-text{font-size:1.25rem}.interaction-container.expertOrStudent-step,.interaction-container.purposeStatus-step{min-height:80px;padding:.25rem}}@media (max-width:374px){.onboarding-content{max-height:none;min-height:auto;overflow-y:auto;padding:.5rem}.logo-container.expertOrStudent-step,.logo-container.purposeStatus-step{height:55px;margin-bottom:.25rem;width:55px}.text-container.expertOrStudent-step .welcome-text,.text-container.purposeStatus-step .welcome-text{font-size:1.1rem}}.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(80px,15vw,140px);margin-bottom:clamp(.5rem,2vw,1rem);width:clamp(80px,15vw,140px)}.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;overflow:visible;padding:1rem}.interaction-container.interests-step,.interaction-container.skills-step{display:flex;flex-direction:column;flex-grow:1;height:auto;justify-content:flex-start;margin-bottom:24px;margin-top:24px;max-height:none;overflow:visible;width:100%}.interests-container{display:flex;flex-direction:column;flex-grow:1;margin:0;padding:.5rem;width:100%}.onboarding-content.interests-step .interests-grid,.onboarding-content.skills-step .interests-grid{grid-gap:1rem;display:grid;flex-grow:1;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:1.5rem;max-height:50vh;min-height:300px;overflow-y:auto;padding-right:8px;width:100%}.onboarding-content.interests-step .interests-grid::-webkit-scrollbar,.onboarding-content.skills-step .interests-grid::-webkit-scrollbar{width:8px}.onboarding-content.interests-step .interests-grid::-webkit-scrollbar-track,.onboarding-content.skills-step .interests-grid::-webkit-scrollbar-track{background:#0000;border-radius:4px}.onboarding-content.interests-step .interests-grid::-webkit-scrollbar-thumb,.onboarding-content.skills-step .interests-grid::-webkit-scrollbar-thumb{background:#0000;border-radius:4px;-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:#d6ae5480}.onboarding-content.interests-step .interests-grid.scrolling::-webkit-scrollbar-track,.onboarding-content.skills-step .interests-grid.scrolling::-webkit-scrollbar-track{background:#d6ae5414}.onboarding-content.interests-step .interests-grid.scrolling::-webkit-scrollbar-thumb,.onboarding-content.skills-step .interests-grid.scrolling::-webkit-scrollbar-thumb{background:#d6ae544d}.onboarding-content.interests-step .interests-grid.scrolling::-webkit-scrollbar-thumb:hover,.onboarding-content.skills-step .interests-grid.scrolling::-webkit-scrollbar-thumb:hover{background:#d6ae5499}.onboarding-content.interests-step .interests-grid,.onboarding-content.skills-step .interests-grid{scrollbar-color:#0000 #0000;scrollbar-width:none}.onboarding-content.interests-step .interests-grid.scrolling,.onboarding-content.skills-step .interests-grid.scrolling{scrollbar-color:#d6ae544d #d6ae5414;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:hover{background:#d6ae541a;border-color:var(--color-golden);transform:translateY(1px)}.interest-tag.selected{border-color:var(--color-golden);box-shadow:0 4px 8px #d6ae544d;opacity:.85;transform:translateY(1px)}.interest-next-button,.interest-tag.selected{background:var(--color-golden);color:var(--bg-primary);font-weight:500}.interest-next-button{align-self:center;border:none;border-radius:50px;cursor:pointer;flex-shrink:0;font-size:1.2rem;letter-spacing:.5px;margin-bottom:2rem;margin-top:auto;max-width:300px;padding:1rem 3rem;transition:all .3s ease;width:80%}.interest-next-button:hover{box-shadow:0 6px 12px #d6ae544d;transform:translateY(-3px)}.onboarding .interest-tag{background:#0000;border:1px solid #d6ae544d;border-radius:50px;color:var(--text-primary)}.onboarding .interest-tag:hover{background:#d6ae541a;border-color:var(--color-golden)}.onboarding .interest-tag.selected{background:var(--color-golden);border-color:var(--color-golden);color:var(--bg-primary);opacity:.85}.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.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.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}.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)}.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}.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}.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.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}.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:1rem}.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:.375rem;margin-bottom:clamp(.75rem,2vh,1rem)}.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:clamp(.9375rem,2vw,1rem);line-height:1.5;max-height:52px;min-height:44px;padding:clamp(.625rem,1.5vh,.875rem) clamp(.875rem,2vw,1.125rem);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:.875rem;line-height:1.4;margin-top:.25rem}.password-strength-container-segmented{align-items:center;display:flex;gap:.625rem;margin-top:.5rem}.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,#10b981,#14d99d);background:linear-gradient(135deg,var(--tree-green,#10b981) 0,#14d99d 100%);box-shadow:0 6px 20px #10b98180;color:#fff;transform:translateY(-2px)}.auth-button-primary:active:not(:disabled){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{padding:2rem;text-align:center}.success-icon{display:block;font-size:3rem;margin-bottom:1rem}.auth-success-state h3{color:#a6e22e;color:var(--accent-green,#a6e22e);font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 1rem}.auth-success-state p{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-size:1rem;line-height:1.5;margin:0 0 1rem}.success-note{color:#a59f85!important;color:var(--text-secondary,#a59f85)!important;font-size:.875rem;font-style:italic;margin-bottom:2rem!important}.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}}.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-xs)}.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:.125rem}.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:#00000059;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-lg
  );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;bottom:120px;box-shadow:none;font-size:20px;text-shadow:0 2px 4px #000c,0 0 8px #0009;top:auto}.light-theme .motivation{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff9;border:1px solid #0000001a;box-shadow:var(--shadow-sm);color:var(--text-primary)}.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%}.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{flex:1 1;overflow-x:hidden;overflow-y:auto;position:relative;scroll-behavior:smooth;scrollbar-width:auto;width:100%}.card-display-active:has(.knowledge-page),.card-display-active:has(.world-container){overflow:hidden!important;touch-action:none!important}.card-display-active::-webkit-scrollbar{width:10px}.card-display-active::-webkit-scrollbar-track{background:#0000;border-radius:5px}.card-display-active::-webkit-scrollbar-thumb{background:var(--border-color);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(--text-secondary);background-clip:padding-box}.card-display-active::-webkit-scrollbar-corner{background:#0000}.card-display-active{scrollbar-color:var(--border-color) #0000;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 .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:color-mix(in srgb,var(--bg-primary) 85%,#0000 15%);border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-xl);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-active{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.card-display-container:focus{outline:1px solid var(--text-secondary);outline-offset:-1px}.light-theme .card-display-wrapper{background:color-mix(in srgb,var(--bg-primary) 90%,#0000 10%);border:1px solid var(--border-color-overlay)}.light-theme .card-display-nav{background:#0000;border:none}.card-display-active{transform:translateZ(0);will-change:scroll-position}@media (prefers-reduced-motion:reduce){.card-display-active{animation:none;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}}:root{--world-water:#0b1622;--world-land:#3fa34d;--world-state:#fff;--world-county:gold;--world-graticule:#ffffff0d;--world-outline:#888}.light-theme{--world-water:#5b7d93;--world-land:#b8d4a8;--world-state:#8a8a7a;--world-county:#e6c9a8;--world-graticule:#645a500f;--world-outline:#9a9a8a}.world-card-pagination-nav{left:50%;opacity:1;position:absolute;top:20px;transform:translateX(-50%);transition:opacity .3s ease-in-out;z-index:1000}.world-card-pagination-nav.auto-hide{opacity:0}.world-card-pagination-nav:before{bottom:-10px;content:"";left:-40px;position:absolute;right:-40px;top:-10px;z-index:-1}.world-container{background-color:initial;flex-direction:column;height:100vh;position:relative;width:100%}.world-canvas-container,.world-container{display:flex;overflow:hidden;touch-action:none}.world-canvas-container{align-items:center;flex:1 1;justify-content:center}canvas{display:block;max-height:100%;max-width:100%;object-fit:contain}.world-canvas-container canvas,canvas{touch-action:none}.tab-content,.tab-panel-content,.world-tab-panel,.world-zoom-controls,.world-zoom-indicator{touch-action:auto}@media (max-width:600px){canvas{height:auto!important;max-height:75vh;max-width:98vw;width:98vw!important}}@media (min-width:1400px){.world-container{height:100%;width:100%}.world-canvas-container{align-items:center;display:flex;justify-content:center}canvas{height:auto;max-height:100%;max-width:100%;width:auto}}@media (min-width:1920px){.world-zoom-controls{gap:12px}.zoom-btn{font-size:20px;height:52px;width:52px}.world-tooltip{font-size:.9rem;line-height:1.3rem;max-width:350px;padding:10px 14px}}@media (min-width:2560px){.world-zoom-controls{gap:16px}.zoom-btn{border-radius:16px;font-size:24px;height:60px;width:60px}.world-tooltip{font-size:1rem;line-height:1.4rem;max-width:400px;padding:12px 16px}}@media (max-width:600px){.world-container{height:calc(100vh - 60px)}}.cosmic-background{background-position:50%;background-size:cover;height:100%;top:0;z-index:1}.cosmic-background,.map-container{left:0;position:absolute;width:100%}.map-container{bottom:0;display:flex;justify-content:center;z-index:2}.world-map{max-height:80vh;object-fit:contain;object-position:bottom;width:100%}body{overflow:hidden}.world-tooltip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;border-radius:4px;box-shadow:0 2px 4px #0006;color:#fff;font-size:.8rem;line-height:1.2rem;max-width:300px;padding:8px 12px;pointer-events:none;position:fixed;white-space:normal;z-index:9999}.world-zoom-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;bottom:calc(60px + var(--spacing-md));box-shadow:0 4px 16px #00000040;box-shadow:var(--shadow-md,0 4px 16px #00000040);flex-direction:column;gap:4px;padding:6px;position:fixed;right:var(--spacing-md);z-index:1200}.world-zoom-controls,.zoom-btn{display:flex;transition:all .2s ease;transition:all var(--transition-fast,.2s ease)}.zoom-btn{align-items:center;background:#ffffff1a;background:var(--hover-bg-secondary,#ffffff1a);border:none;border-radius:6px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:16px;font-weight:600;height:32px;justify-content:center;line-height:1;min-height:32px;min-width:32px;padding:0;width:32px}.zoom-btn:hover:not(:disabled){background:#3f62a2e6;background:var(--accent-blue,#3f62a2e6);box-shadow:0 2px 8px #0003;box-shadow:var(--shadow-sm,0 2px 8px #0003);transform:translateY(-1px)}.zoom-btn:active:not(:disabled){box-shadow:none;transform:translateY(0)}.zoom-btn:disabled{cursor:not-allowed;opacity:.4}.zoom-btn span{align-items:center;display:flex;font-size:inherit;height:100%;justify-content:center;line-height:1;width:100%}.zoom-btn svg{flex-shrink:0;height:16px;width:16px}.zoom-reset-btn{background:#7cb518e6;background:var(--accent-green,#7cb518e6)}.zoom-reset-btn:hover:not(:disabled){background:#7cb518;background:var(--accent-green,#7cb518);box-shadow:0 0 12px #7cb51899;box-shadow:0 0 12px var(--accent-green,#7cb51899)}@media (max-width:600px){.world-zoom-controls{border-radius:8px;bottom:100px;gap:4px;padding:4px;right:4px;transform:none}.zoom-btn{border-radius:8px;font-size:20px;height:48px;min-height:48px;min-width:48px;padding:0;width:48px}.zoom-btn span{font-size:20px;line-height:1}.zoom-btn svg{height:24px;width:24px}}.light-theme .world-zoom-controls{background:var(--beige-linen);border-color:var(--beige-sand);box-shadow:0 4px 12px #3d342826}.light-theme .zoom-btn{background:var(--beige-earth);color:var(--text-ink)}.light-theme .zoom-btn:hover:not(:disabled){background:var(--accent-slate);color:var(--beige-paper)}.light-theme .zoom-reset-btn{background:var(--accent-sage);color:var(--beige-paper)}.light-theme .zoom-reset-btn:hover:not(:disabled){background:#7a8a6f}.world-zoom-indicator{align-items:flex-start;bottom:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs);left:var(--spacing-lg);max-width:160px;pointer-events:none;position:fixed;width:auto;z-index:1100}@media (max-width:600px){.world-zoom-indicator{bottom:calc(60px + var(--spacing-lg));bottom:calc(var(--mobile-sidebar-height, 60px) + var(--spacing-lg));left:var(--spacing-sm);max-width:120px}}.zoom-level-text{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border-radius:4px;color:#fff;color:var(--text-primary,#fff);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600;font-weight:var(--font-weight-semibold,600);padding:4px 8px;text-align:left;text-shadow:0 2px 4px #000c}.light-theme .zoom-level-text{background:var(--beige-earth);border:1px solid var(--beige-sand);color:var(--text-ink);text-shadow:none}@media (max-width:600px){.zoom-level-text{font-size:12px;font-size:var(--font-size-xs,12px);padding:3px 6px}}.zoom-level-bar{background:#fff3;border-radius:3px;box-shadow:0 2px 4px #00000080;height:6px;overflow:hidden;width:120px}.light-theme .zoom-level-bar{background:var(--beige-linen);border:1px solid var(--beige-sand);box-shadow:0 2px 4px #3d342826}@media (max-width:600px){.zoom-level-bar{width:100px}}.zoom-level-fill{background:linear-gradient(90deg,var(--accent-green) 0,var(--accent-yellow) 50%,var(--accent-red) 100%);border-radius:3px;box-shadow:0 0 8px #7cb51866;height:100%;transition:width var(--transition-normal) ease}.detail-indicator{display:none}.world-loading-indicator{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#404040e6;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 24px #0003,0 2px 6px #0000001a;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;left:50%;padding:12px 20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1001}.world-loading-indicator:before{animation:spin 1s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#fff;content:"";height:16px;width:16px}@media (max-width:1400px){.world-container{overflow:hidden}.world-canvas-container,.world-container{max-width:100vw;width:100%}canvas{height:auto!important;max-height:100vh;max-width:100vw;object-fit:contain;width:auto!important}}@media (max-width:1200px){.world-container{padding:0}.world-zoom-controls{gap:6px}.zoom-btn{font-size:17px;height:42px;width:42px}.world-zoom-indicator{bottom:75px;right:15px}.tab-panel-content{max-width:calc(100vw - 60px);min-width:320px}}@media (max-width:1024px){.world-container{overflow:hidden}.world-canvas-container,.world-container{height:100vh;position:relative;width:100vw}.world-online-users-indicator{font-size:.85rem;max-width:calc(100vw - 40px);padding:10px 14px}}@media (max-width:600px){.world-container{height:calc(100vh - 60px);overflow:hidden;position:relative;width:100vw}.world-zoom-controls{gap:6px}.zoom-btn{border-radius:10px;font-size:16px;height:40px;width:40px}.zoom-level-bar{height:5px;width:100px}.zoom-level-text{border-radius:6px;font-size:12px;padding:4px 8px}.detail-indicator{border-radius:4px;font-size:11px;min-width:70px;padding:3px 6px}.world-loading-indicator{border-radius:10px;font-size:13px;padding:10px 16px}.world-loading-indicator:before{height:14px;width:14px}.tab-panel-content{max-height:calc(100vh - 120px);max-width:calc(100vw - 30px);min-width:280px}}@media (max-width:480px){.world-container{height:calc(100vh - 50px);margin:0;padding:0;width:100vw}.world-zoom-controls{gap:4px}.zoom-btn{font-size:14px;height:36px;width:36px}.world-zoom-indicator{bottom:65px;right:5px}.zoom-level-bar{height:4px;width:80px}.tab-panel-content{max-height:calc(100vh - 80px);max-width:calc(100vw - 20px);min-width:260px}.tab-headers{flex-wrap:wrap}.tab-header{flex:1 1 50%;font-size:10px;padding:8px 4px}.world-online-users-indicator{bottom:5px;font-size:.75rem;left:5px;max-width:calc(100vw - 20px);min-width:auto;padding:8px 12px}.online-users-legend{flex-direction:row;flex-wrap:wrap;gap:8px}}@media (hover:none) and (pointer:coarse){.zoom-btn{min-height:44px;min-width:44px}}.world-online-users-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:.9rem;left:20px;min-width:200px;padding:12px 16px;position:absolute;z-index:1000}.online-users-count{color:#3600e6;display:block;font-weight:600;margin-bottom:8px}.online-users-legend{display:flex;flex-direction:column;gap:6px}.legend-item{align-items:center;display:flex;font-size:.8rem;gap:8px}.legend-pin{font-size:1.2rem;line-height:1}.legend-pin.local-pin{color:#ff4136}.legend-pin.other-pin{color:gold}@media (max-width:600px){.world-online-users-indicator{bottom:70px;font-size:.8rem;left:10px;min-width:auto;padding:10px 12px;right:10px}.online-users-legend{flex-direction:row;gap:12px;justify-content:space-around}.legend-item{font-size:.75rem}}.connection-requests-badge{align-items:center;animation:pulse 2s infinite;background:var(--accent-red);border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:24px}.connection-requests-badge:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}.badge-icon{color:currentColor;height:16px;width:16px}.badge-count{align-items:center;background:var(--accent-blue);border:2px solid var(--background-primary);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:16px;justify-content:center;position:absolute;right:-2px;top:-2px;width:16px}.world-tab-panel{left:var(
    --content-left-margin
  );position:absolute;top:80px;z-index:1000}@media (max-width:600px){.world-tab-panel{left:var(--spacing-md);top:70px}}.tab-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#404040d9;border:2px solid #0f8;border:2px solid var(--accent-green,#0f8);border-radius:12px;box-shadow:0 4px 12px #00000026,0 1px 3px #0000001a,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:var(64px)}.tab-toggle-btn:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tab-toggle-btn:hover{background:#505050e6;border-color:#fff3;box-shadow:0 8px 24px #0003,0 2px 6px #00000026,inset 0 1px 0 #ffffff26;transform:translateY(-2px) scale(1.05)}.tab-toggle-btn:hover:before{opacity:1}.light-theme .tab-toggle-btn{background:var(--beige-earth);border-color:var(--accent-sage);box-shadow:0 4px 12px #3d342826,0 1px 3px #3d34281a,inset 0 1px 0 #fff3;color:var(--beige-paper)}.light-theme .tab-toggle-btn:before{background:linear-gradient(135deg,#ffffff26,#ffffff0d)}.light-theme .tab-toggle-btn:hover{background:var(--beige-sand);border-color:var(--accent-sage);box-shadow:0 8px 24px #3d342833,0 2px 6px #3d342826,inset 0 1px 0 #ffffff40}.tab-icon{color:currentColor;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));height:32px;position:relative;width:32px;z-index:1}.light-theme .tab-icon{filter:none}.tab-notification-badge{align-items:center;animation:pulse 2s infinite;background:#ff4757;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}.tab-panel-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);left:0;margin-top:var(--spacing-sm);max-height:600px;max-width:600px;min-width:500px;overflow:hidden;position:absolute;top:100%}.tab-headers{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex}.tab-header{background:#0000;border:none;color:var(--text-secondary);flex:1 1;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-xs);position:relative;transition:var(--transition-fast)}.tab-header:hover{background:var(--hover-bg-overlay);color:var(--text-primary)}.tab-header.active{background:var(--hover-bg-secondary);border-bottom:2px solid var(--accent-green);box-shadow:inset 0 1px 0 var(--overlay-light);color:var(--text-primary)}.tab-count{background:var(--overlay-medium);border-radius:var(--border-radius-full);color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:16px;padding:2px var(--spacing-xs);text-align:center}.tab-content{max-height:500px;overflow-y:auto}.tab-pane{padding:16px}.tab-pane h3{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 16px;text-shadow:0 1px 2px #0000004d}.light-theme .tab-pane h3{color:var(--text-ink);text-shadow:none}.empty-state{color:var(--text-secondary);font-size:13px;font-style:italic;margin:20px 0;text-align:center}.connection-requests-list{display:flex;flex-direction:column;gap:8px}.connection-request-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.connection-request-item:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.request-info{margin-bottom:12px}.request-name{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.request-location{color:#ffffffb3;font-size:12px;margin-bottom:4px}.request-profession{color:#fffc;font-size:12px}.request-actions{gap:8px}.accept-btn,.decline-btn{border:none;border-radius:8px;box-shadow:0 2px 4px #00000026,0 1px 2px #0000001a;cursor:pointer;flex:1 1;font-size:11px;font-weight:600;padding:8px 12px;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.accept-btn{background:#00e676;color:#000}.accept-btn:hover{background:#00c853;box-shadow:0 4px 8px #0003,0 2px 4px #00000026;transform:translateY(-2px) scale(1.02)}.light-theme .accept-btn{background:var(--accent-sage);color:var(--beige-paper)}.light-theme .accept-btn:hover{background:#7a8a6f}.decline-btn{background:#ff4757;color:#fff}.decline-btn:hover{background:#ff3742;box-shadow:0 4px 8px #0003,0 2px 4px #00000026;transform:translateY(-2px) scale(1.02)}.light-theme .decline-btn{background:var(--accent-terracotta);color:var(--beige-paper)}.light-theme .decline-btn:hover{background:#b85a4f}.friends-list{display:flex;flex-direction:column;gap:8px}.friend-item{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--overlay-subtle);border:1px solid var(--border-color);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:var(--transition-fast)}.friend-item:hover{background:var(--hover-bg-overlay);border-color:var(--border-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.friend-item.online{border-left:3px solid var(--accent-green);box-shadow:inset 0 0 0 1px rgba(var(--accent-green-rgb),.1)}.friend-item.offline{border-left:3px solid #666;box-shadow:inset 0 0 0 1px #6666661a;opacity:.7}.friend-avatar{font-size:20px;text-align:center;width:24px}.friend-avatar-container{flex-shrink:0;height:40px;position:relative;width:40px}.friend-avatar-container .avatar-box-circular{height:100%;width:100%}.online-indicator{background-color:var(--tree-green);border-radius:50%;box-sizing:border-box;flex-shrink:0;height:12px;left:3px;position:absolute;top:3px;width:12px;z-index:11}.friend-info{flex:1 1}.friend-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:2px}.friend-location{margin-bottom:2px}.friend-location,.friend-profession{color:var(--text-secondary);font-size:var(--font-size-xs)}.friend-actions{align-items:center;display:flex;gap:8px}.friend-actions .action-btn{align-items:center;background:#0000;border:1px solid #fff3;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.friend-actions .action-btn:hover{border-color:var(--accent-green);color:var(--accent-green)}.friend-actions .friend-call-btn{border-radius:50%!important;height:32px!important;padding:0!important;width:32px!important}.suggested-friends-list{display:flex;flex-direction:column;gap:12px}.suggested-friend-item{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-warning-overlay);border:1px solid #ffc1074d;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:var(--transition-fast)}.suggested-friend-item:hover{background:#ffc10726;border-color:#ffc10780;box-shadow:0 2px 8px #ffc10733;transform:translateY(-1px)}.friend-interests{color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:2px}.connect-btn{background:gold;border:none;border-radius:8px;box-shadow:0 2px 4px #00000026,0 1px 2px #0000001a;color:#000;cursor:pointer;font-size:11px;font-weight:600;padding:8px 16px;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.connect-btn:hover{background:#ffed4e;box-shadow:0 4px 8px #0003,0 2px 4px #00000026;transform:translateY(-2px) scale(1.02)}.light-theme .connect-btn{background:var(--accent-amber);color:var(--text-ink);text-shadow:none}.light-theme .connect-btn:hover{background:#d4a574}.tab-content::-webkit-scrollbar{width:6px}.tab-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.tab-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.tab-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:600px){.tab-panel-content{max-width:calc(100vw - 40px);min-width:300px}.tab-headers{flex-wrap:wrap}.tab-header{flex:1 1 50%;font-size:11px;padding:10px 6px}.tab-pane{padding:12px}.connection-request-item,.friend-item,.suggested-friend-item{padding:10px}.request-actions{flex-direction:column;gap:6px}.accept-btn,.decline-btn{padding:10px}}.Message-container{color:#fff;height:100px;left:92px;padding:0;position:absolute;top:0;width:300px;z-index:1000}.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}}.connection-card{align-items:center;border-bottom:1px solid var(--border-light);box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;max-width:100%;padding:12px 16px;transition:all .2s ease;width:100%}.connection-card:last-child{border-bottom:none}.connection-card:hover{background:var(--bg-primary);transform:translateX(2px)}.connection-card__info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.connection-card__avatar{flex-shrink:0;height:36px;overflow:visible;position:relative;width:36px}.connection-card__details{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;gap:8px;max-width:100%;min-width:0;overflow:hidden}.connection-card__name{color:var(--text-primary);flex-shrink:1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-card__profession{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:11px;gap:4px;white-space:nowrap}.connection-card__profession svg{flex-shrink:0;opacity:.7}.connection-card__location,.connection-card__profession span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-card__deleted,.connection-card__location{color:var(--text-secondary);font-size:11px}.connection-card__deleted{font-style:italic}.connection-card__actions{display:flex;flex-shrink:0;gap:6px}.connection-card--compact{padding:12px 16px}.connection-card--compact .connection-card__avatar{height:36px;width:36px}.connection-card--compact .connection-card__name{font-size:14px}.connection-card--compact .connection-card__profession{font-size:11px}.connection-card--default{padding:14px 16px}.connection-card--default .connection-card__avatar{height:48px;width:48px}.connection-card--default .connection-card__name{font-size:15px}.connection-card--default .connection-card__profession{font-size:12px}@media (max-width:1024px){.connection-card{padding:10px 14px}.connection-card--compact .connection-card__name{font-size:13px}.connection-card--default .connection-card__name{font-size:14px}}@media (max-width:768px){.connection-card{padding:var(--spacing-sm) var(--spacing-sm)}.connection-card__info{gap:10px}.connection-card--compact .connection-card__avatar,.connection-card--default .connection-card__avatar{height:32px;width:32px}.connection-card__name{font-size:var(--font-size-xs)}.connection-card__deleted,.connection-card__location,.connection-card__profession{font-size:10px}.connection-card__profession{gap:3px}.connection-card__profession svg{height:11px;width:11px}.connection-card__actions{gap:var(--spacing-xs)}}@media (max-width:480px){.connection-card{padding:var(--spacing-xs) var(--spacing-sm)}.connection-card__info{gap:8px}.connection-card--compact .connection-card__avatar,.connection-card--default .connection-card__avatar{height:28px;width:28px}.connection-card__name{font-size:12px}.connection-card__location,.connection-card__profession{font-size:9px}.connection-card__profession{gap:2px}.connection-card__profession svg{height:10px;width:10px}.connection-card__deleted{font-size:9px}.connection-card__actions{gap:4px}}.suggested-connections{background:#0000;border:none;display:flex;flex-direction:column;gap:var(--spacing-md);margin:0;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-tertiary);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:260px;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:56px;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__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--cancel{background:#ef4444;background:var(--accent-red,#ef4444);box-shadow:0 2px 8px #ef444440}.suggested-connections .suggestion-card__connect-btn--cancel:hover:not(:disabled){background:#dc2626;background:var(--accent-red-hover,#dc2626);box-shadow:0 4px 12px #ef444459}.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}.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 (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:6px}.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:11px}.suggested-connections .suggestion-card__connect-btn{font-size:11px;padding:var(--spacing-xs) var(--spacing-sm)}}.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;padding:var(--spacing-sm);width:100%}.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;margin-bottom:0;margin-right:var(--spacing-sm);width:52px}.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);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:11px;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--cancel,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__connect-btn,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__connect-btn--cancel{align-items:center;border-radius:50%;display:flex;font-size:0;height:38px;justify-content:center;min-height:38px;min-width:38px;padding:0;width:38px}.suggested-connections.force-compact-layout .suggestion-card__connect-btn svg,.suggested-connections.force-compact-layout .suggestion-card__connect-btn--cancel svg,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__connect-btn svg,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__connect-btn--cancel svg{height:18px;margin:0;width:18px}.suggested-connections.force-compact-layout .suggestion-card__connect-btn span,.suggested-connections.force-compact-layout .suggestion-card__connect-btn--cancel span,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__connect-btn span,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__connect-btn--cancel 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;padding:var(--spacing-sm);width:100%}.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;margin-bottom:0;margin-right:var(--spacing-sm);width:52px}.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);line-height:1.2}.suggested-connections .suggestion-card__role{-webkit-line-clamp:1;font-size:11px;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;padding:0;width:38px}.suggested-connections .suggestion-card__connect-btn svg{height:18px;width:18px}.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}}.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(--bg-secondary);border-radius:6px}.profile-box::-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}.profile-box::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-green),var(--accent-blue))}.profile-box::-webkit-scrollbar-corner{background:var(--bg-secondary)}.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-md);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-body,.profile-header{background:#ffffff05;border:1px solid #ffffff26;border-radius:var(--border-radius-lg);padding:var(--spacing-md)}.profile-body{color:var(--text-secondary);font-size:1rem;line-height:1.5}.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:28px;justify-content:center;margin-left:var(--spacing-sm);padding:var(--spacing-xs);transition:all var(--transition-fast);width:28px}.section-edit-btn:hover{background:#ffffff1a;color:var(--accent-blue)}.section-edit-btn svg{height:16px;width:16px}.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{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#ffffff40;border-radius:var(--border-radius-sm);color:#fff;font-size:.8rem;padding:2px 8px}.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-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);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:1 1;flex-direction:column;gap:var(--spacing-xs);justify-content:center;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:28px;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast);width:28px}.profession-edit-btn:hover{background:#ffffff1a;color:var(--accent-blue)}.profession-edit-btn svg{height:16px;width:16px}.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:pointer;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(--accent-blue)}.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;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:var(--accent-red);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-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;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:90vh;max-width:600px;overflow:hidden;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;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;flex-direction:column;gap:var(--spacing-lg);overflow-x:hidden;overflow-y:auto;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-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(--accent-blue);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(--accent-blue);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;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-width:768px){.profile-section-modal-content{max-height:95vh;width:95%}.profile-section-modal-body,.profile-section-modal-footer,.profile-section-modal-header{padding:var(--spacing-md)}.profile-section-modal-footer{flex-direction:column}.profile-btn{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}}.tokens-title{align-items:center;color:#f8f8f2;color:var(--text-primary,#f8f8f2);display:flex;font-size:1.2rem;font-weight:500;font-weight:var(--font-weight-medium,500);margin:0 0 15px}.tokens-amount{align-items:baseline;border-bottom:1px solid #3e3d32;border-bottom:1px solid var(--border-light,#3e3d32);display:flex;margin-bottom:20px;padding-bottom:15px}.token-value{color:#d6ae54;color:var(--color-golden,#d6ae54);font-size:2.5rem;font-weight:700;margin-right:10px}.token-label{color:#75715e;color:var(--text-secondary,#75715e);font-size:1.2rem}.tokens-ledger{margin-top:10px}.ledger-title{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-size:1rem;font-weight:500;font-weight:var(--font-weight-medium,500);margin:0 0 15px}.token-activity-list{list-style-type:none;margin:0;padding:0}.token-activity-item{align-items:center;border-bottom:1px solid #3e3d32;border-bottom:1px solid var(--border-light,#3e3d32);display:flex;justify-content:space-between;padding:12px 0}.token-activity-item:last-child{border-bottom:none}.activity-details{display:flex;flex-direction:column}.activity-description{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-size:.95rem;margin-bottom:4px}.activity-date{color:#75715e;color:var(--text-secondary,#75715e);font-size:.8rem}.activity-amount{font-size:1.1rem;font-weight:700}.token-positive .activity-amount{color:#a6e22e;color:var(--accent-green,#a6e22e)}.token-negative .activity-amount{color:#f92672;color:var(--accent-red,#f92672)}@media (max-width:768px){.token-value{font-size:2rem}.activity-description{font-size:.9rem}}.growth-metrics-container{height:auto;min-height:max-content;padding-bottom:24px;padding-bottom:var(--spacing-lg,24px)}.area-details{padding:var(--spacing-md)}.area-details,.universal-section{animation:fadeIn .5s ease-in-out;background-color:#272822;background-color:var(--bg-secondary,#272822);border-left:4px solid #d6ae54;border-left:4px solid var(--color-golden,#d6ae54);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:0 4px 6px #0000004d;box-shadow:var(--shadow-md,0 4px 6px #0000004d);margin:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-md,16px);transition:all .3s ease;transition:all var(--transition-normal,.3s ease)}.area-details:last-child,.universal-section:last-child{margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.area-details h3{align-items:center;color:#d6ae54;color:var(--color-golden,#d6ae54);display:flex;font-size:1.5rem;font-weight:500;font-weight:var(--font-weight-medium,500);margin-bottom:12px;margin-top:0}.area-details h3:before{background-color:#d6ae54;background-color:var(--color-golden,#d6ae54);border-radius:50%;content:"";display:inline-block;height:8px;margin-right:12px;width:8px}.area-content{border-top:1px solid #3e3d32;border-top:1px solid var(--border-light,#3e3d32);color:#fff;color:var(--text-primary,#fff);margin-top:8px;padding:8px 0}.area-content p{line-height:1.5;margin-bottom:8px}.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}.growth-content{border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg)}.bar-chart-row{--bar-area-height:200px;--icon-offset:40px;gap:16px;gap:var(--spacing-sm,16px);height:var(--bar-area-height);justify-content:center;margin-top:calc(var(--icon-offset) + 20px);padding:0 var(--spacing-md)}.bar-chart-row,.bar-wrapper{align-items:center;display:flex;position:relative}.bar-wrapper{flex-direction:column;height:100%;width:56px}.bar{border-radius:4px;box-shadow:0 2px 4px #0006;left:0;position:absolute;right:0;transition:height .6s ease,background-color .4s ease;z-index:1}.bar-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs);position:relative;text-align:center;word-break:break-word;z-index:3}.midline{background:var(--border-color);border-radius:var(--border-radius-sm);height:2px;left:var(--spacing-md);opacity:.6;position:absolute;right:var(--spacing-md);top:50%}.light-theme .bar-label{color:var(--light-text-secondary)}.light-theme .midline{background:var(--light-border-color)}.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)}.bar-icon{filter:invert(.9);filter:var(--bar-icon-filter,var(--icon-filter,invert(.9)));height:28px;left:50%;opacity:.9;pointer-events:auto;position:absolute;top:calc(var(--icon-offset)*-1);transform:translateX(-50%);transition:opacity var(--transition-fast);width:28px;z-index:2}.bar-icon:hover{opacity:1}.area-info-panel{animation:fadeIn .4s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.area-info-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.area-info-icon{filter:invert(.9);filter:var(--bar-icon-filter,var(--icon-filter,invert(.9)));height:24px;opacity:.9;width:24px}.area-info-title{color:var(--text-primary);font-family:var(--font-family-modern);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.area-info-panel p{color:var(--text-primary);font-size:var(--font-size-md);line-height:1.6;margin:var(--spacing-sm) 0}.light-theme .area-info-panel{background:#ffffffe6;border-color:var(--light-border-color)}.light-theme .area-info-panel,.light-theme .area-info-panel p,.light-theme .area-info-title{color:var(--light-text-primary)}.error-text,.loading-text{font-size:var(--font-size-xs)!important;line-height:1.4!important;margin:var(--spacing-xs) 0!important;padding:0!important}.loading-text{color:#bdbdbd;color:var(--text-secondary,#bdbdbd);font-style:italic;opacity:.7}.error-text{color:#ff6b6b;color:var(--accent-red,#ff6b6b);font-weight:var(--font-weight-normal)}.growth-task-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.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(--light-bg-primary);border-color:var(--light-border-color);color:var(--light-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)}.ai-recommendations-section{margin-top:var(--spacing-lg)}.recommendations-header{align-items:center;background:var(--bg-secondary);background:var(--header-background,var(--bg-secondary));border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-start;margin-bottom:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.header-title-group{align-items:center;display:flex;gap:var(--spacing-xs)}.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}.recommendations-header .ai-recommendations-button{align-items:center;background:var(--accent-blue-solid);border:1px solid var(--accent-blue-solid);border-radius:var(--border-radius-md);cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:40px;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.recommendations-header .ai-recommendations-button:hover:not(:disabled){background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);box-shadow:var(--shadow-md)}.recommendations-header .ai-recommendations-button:disabled{cursor:not-allowed;opacity:.6}.recommendations-header .ai-recommendations-button .mode-icon{color:#fff;color:var(--text-on-accent,#fff);height:20px;width:20px}.recommendations-header .ai-recommendations-button .mode-icon.spinning{animation:spin-ai-button 1s linear infinite}@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-primary);border:1px solid var(--border-color);border-left:3px solid var(--accent-blue);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.insight-card:hover{border-left-color:var(--accent-green);box-shadow:var(--shadow-md)}.insight-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.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:#fff;font-size:var(--font-size-xs);letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.insight-type.type-interest{background:#4caf50}.insight-type.type-pattern{background:#2196f3}.insight-type.type-growth_area{background:#ff9800}.insight-type.type-opportunity{background:#9c27b0}.insight-description{color:var(--text-primary);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)}.insight-evidence li{color:var(--text-secondary);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-primary);border:1px solid var(--border-color);border-left:3px solid var(--accent-blue);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.pattern-card:hover{border-left-color:var(--accent-green);box-shadow:var(--shadow-md)}.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-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.suggestion-card:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-md)}.suggestion-header{align-items:center;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{background:var(--accent-red);color:var(--text-on-accent)}.suggestion-priority.priority-medium{background:var(--accent-yellow);color:var(--text-on-accent)}.suggestion-priority.priority-low{background:var(--accent-blue);color:var(--text-on-accent)}.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-size:var(--font-size-sm);font-style:italic;padding:var(--spacing-lg) 0;text-align:center}.light-theme .recommendations-header h4{color:var(--text-primary)}.light-theme .recommendations-header .ai-recommendations-button{background:var(--accent-blue-solid);border-color:var(--accent-blue-solid)}.light-theme .recommendations-header .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 h5{color:var(--text-primary)}.light-theme .insight-card,.light-theme .tab-content{background:var(--bg-primary)}.light-theme .insight-card{border-color:var(--border-color);border-left-color:var(--accent-blue)}.light-theme .insight-description,.light-theme .insight-title{color:var(--text-primary)}.light-theme .pattern-card,.light-theme .suggestion-card{background:var(--bg-primary);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)}.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);border-bottom:1px solid var(--border-color);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(--bg-hover)}.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:var(--bg-primary);padding:var(--spacing-md)}.growth-area-tag{border-radius:var(--border-radius-sm);color:#fff;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.area-craft{background:#2196f3}.growth-area-tag.area-social{background:#4caf50}.growth-area-tag.area-mental{background:#9c27b0}.growth-area-tag.area-spiritual{background:#ff9800}.growth-area-tag.area-physical{background:#f44336}.growth-area-tag.area-financial{background:#4caf50}.insight-tags,.pattern-tags,.suggestion-tags{align-items:center;display:flex;gap:var(--spacing-xs)}.pattern-header{align-items:center;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-container{padding-bottom:var(--spacing-lg)!important}.area-details:last-child{margin-bottom:var(--spacing-md)!important}}: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{--bg-primary:var(--light-bg-primary);--bg-secondary:var(--light-bg-secondary);--text-primary:var(--light-text-primary);--text-secondary:var(--light-text-secondary);--border-color:var(--light-border-color);--border-light:var(--light-border-light);--accent-blue:var(--light-accent-blue);--accent-green:var(--light-accent-green);--accent-orange:var(--light-accent-orange);--accent-yellow:var(--light-accent-yellow);--accent-red:var(--light-accent-red);--action-status-pending:var(--light-text-secondary);--action-status-pending-bg:var(--light-bg-secondary);--action-status-active:var(--light-accent-green);--action-status-active-bg:var(--light-bg-primary);--action-status-complete:var(--light-accent-green);--action-status-complete-bg:var(--light-bg-secondary);--action-status-pending-hover:var(--light-border-color);--action-status-active-hover:#5a8a0a;--action-status-complete-hover:#5a8a0a;--hover-bg-primary:#0097c41a;--hover-bg-secondary:#00000008;--hover-bg-success:#67930a1a;--hover-bg-danger:#c9005a1a;--hover-bg-warning:#d463001a;--hover-bg-info:#0097c41a;--hover-bg-overlay:#0000001a;--bg-overlay:#ffffffe6;--bg-button-overlay:#0000000d;--bg-success-overlay:#67930a1a;--bg-danger-overlay:#c9005a1a;--bg-warning-overlay:#d463001a;--bg-info-overlay:#0097c41a;--border-color-overlay:#0000001a;--focus-ring-blue:#0097c433;--text-on-accent:#fff;--accent-blue-hover:#007ba3;--accent-red-hover:#b8004a;--shadow-sm:var(--light-shadow-sm);--shadow-md:var(--light-shadow-md);--shadow-lg:var(--light-shadow-lg);--video-overlay:#0000004d;--card-bg-color:#fff;--card-shadow:0 4px 12px #00000014;--card-bg-darken:0.8;--overlay-bg:#fff9;--bar-icon-filter:brightness(0.3);--bar-midline-color:#0000004d}.light-theme img[src*=atai_logo]{filter:brightness(.1) invert(1) hue-rotate(180deg)!important}.button-primary{align-items:center;background:var(--text-primary);border:2px solid var(--text-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);color:var(--bg-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:var(--accent-green);border-color:var(--accent-green);box-shadow:var(--shadow-md);transform:translateY(-2px)}.button-primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.light-theme .button-primary{background:#272822;background:var(--light-text-primary);border-color:#272822;border-color:var(--light-text-primary);color:#f8f8f2;color:var(--light-bg-primary)}.light-theme .button-primary:hover{background:#67930a;background:var(--light-accent-green);border-color:#67930a;border-color:var(--light-accent-green);color:#f8f8f2;color:var(--light-bg-primary)}.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{border:1px solid var(--border-color);border-radius:50%;height:2.5rem;justify-content:center;margin-left:var(--spacing-md);width:2.5rem}.theme-toggle:hover{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-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}.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)}.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-width:900px;overflow-y:auto;position:relative;width:100%}.close-overlay-button{border-radius:50%;font-size:1.5rem;height:30px;position:absolute;right:15px;top:15px;transition:background .2s ease;width:30px;z-index:1}.close-overlay-button:hover{background:var(--bg-tertiary)}.overlay-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);position:relative}.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,.overlay-description h4:hover .edit-button,.overlay-progress h4:hover .edit-button,.overlay-section h4:hover .edit-button{opacity:1}.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}.overlay-description{margin-bottom:var(--spacing-lg)}.info-item h4,.overlay-description h4,.overlay-progress h4,.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)}.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}.overlay-progress{margin-bottom:var(--spacing-md)}.overlay-progress .progress-bar-container{height:8px}.progress-text{margin-top:var(--spacing-xs)}.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){.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-footer{flex-direction:column;gap:10px;gap:var(--spacing-sm,10px)}.form-group{margin-bottom:16px}.form-group label{color:var(--text-primary);display:block;font-weight:500;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;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.6}.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)}.seed-cost-message{align-items:center;background:#4caf501a;background:rgba(var(--accent-green-rgb,76,175,80),.1);border:1px solid #4caf5033;border:1px solid rgba(var(--accent-green-rgb,76,175,80),.2);border-radius:4px;border-radius:var(--radius-sm,4px);color:#888;color:var(--text-secondary,#888);display:flex;font-family:sans-serif;font-family:var(--font-family-sans,sans-serif);font-size:12px;font-size:var(--font-size-xs,12px);gap:6px;gap:var(--spacing-xs,6px);margin-bottom:10px;margin-bottom:var(--spacing-sm,10px);padding:6px 10px;padding:var(--spacing-xs,6px) var(--spacing-sm,10px)}.seed-cost-message span{line-height:1.4}.edit-modal-footer-actions{display:flex;gap:10px;gap:var(--spacing-sm,10px);justify-content:flex-end}.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;padding:6px;padding:var(--spacing-xs,6px);transition:all .2s ease}.close-overlay-button:hover{background:var(--bg-hover);color:var(--text-primary)}.close-overlay-button svg{height:20px;width:20px}@media (max-width:600px){.edit-modal{align-items:flex-end}.edit-modal-content{border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;max-height:95vh;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-actions{flex-direction:column}.edit-modal-footer-actions button{width:100%}}}.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(--light-bg-secondary);border-left-color:var(--light-accent-green)}.light-theme .guided-intro-text strong{color:var(--light-accent-green)}.light-theme .guided-input{background:var(--light-bg-primary);border-color:var(--light-border-color)}.light-theme .guided-input:disabled,.light-theme .guided-input:read-only{background:var(--light-bg-secondary)}.light-theme .guided-input:focus{border-color:var(--light-accent-green);box-shadow:0 0 0 2px #67930a1a}.light-theme .guided-ready-message{background:var(--light-bg-secondary);border-color:var(--light-accent-green);color:var(--light-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}: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{display:flex;gap:1rem;justify-content:flex-end;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;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.edit-modal-content{background:var(--bg-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;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-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(--accent-green);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:.9rem;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-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:flex-end}.edit-modal-content{border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;max-height:95vh;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%}}}.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-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-serif);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:0}.confirmation-dialog__content{max-height:50vh;overflow-y:auto;padding:0 var(--spacing-lg) var(--spacing-lg)}.confirmation-dialog__message{color:var(--text-primary);font-size:var(--font-size-md);line-height:1.5;margin:0 0 var(--spacing-lg) 0}.confirmation-dialog__linked-item{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:20px;padding:16px}.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:#856404;font-size:.95rem;font-weight:500;margin:0 0 8px}.confirmation-dialog__linked-subtext{color:#6c5100;font-size:.9rem;line-height:1.4;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-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-xs) 0}.confirmation-dialog__notes-subtext{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:0}.confirmation-dialog__loading{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#6c757d;font-style:italic;margin-bottom:20px;padding:12px;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-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)}.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:#fd7e14;color:#fff}.confirmation-dialog__button--confirm-linked:hover{background:#e8630c}.confirmation-dialog__button--archive-notes{background:#17a2b8;color:#fff}.confirmation-dialog__button--archive-notes:hover{background:#138496}.confirmation-dialog__button--delete-notes{background:#dc3545;border:2px solid #c82333;color:#fff}.confirmation-dialog__button--delete-notes:hover{background:#c82333;border-color:#bd2130}.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-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.3;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;line-height:1.3;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:576px){.confirmation-dialog{margin:var(--spacing-md);width:95%}.confirmation-dialog__actions{flex-direction:column}.confirmation-dialog__button{width:100%}}.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:none;-webkit-backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;gap:12px;gap:var(--spacing-md,12px);left:16px;left:var(--spacing-lg,16px);padding:0;position:fixed;top:16px;top:var(--spacing-lg,16px);transition:opacity .3s ease,transform .3s ease;z-index:1100}.knowledge-page.drawer-expanded .knowledge-custom-header{opacity:0;pointer-events:none;transform:translateX(-20px);transform:translateX(calc(var(--spacing-lg, 20px)*-1))}@media (max-width:768px){.knowledge-page.drawer-expanded .knowledge-custom-header{opacity:1;pointer-events:auto;transform:translateX(0)}}.knowledge-header-icon{color:#a6e22e;color:var(--accent-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-page{background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:row;flex-grow:1;height:100vh;max-height:none;overflow:hidden;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin;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-page::-webkit-scrollbar{width:8px}.knowledge-page::-webkit-scrollbar-track{background:#0000}.knowledge-page::-webkit-scrollbar-thumb{background-color:var(--border-color);border:2px solid var(--background-color);border-radius:4px}.knowledge-page::-webkit-scrollbar-thumb:hover{background-color:var(--accent-blue)}.knowledge-container{display:flex;flex-direction:column;flex-grow:1;flex:1 1;height:100%;overflow:hidden;position:relative;width:calc(100% - 200px);width:calc(100% - var(--knowledge-sidebar-width, 200px))}.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)}.branch-drawer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2d3af2;border-left:1px solid #ffffff1a;box-shadow:-8px 0 32px #0000004d;height:100vh;overflow:hidden;position:fixed;right:-480px;top:0;transition:transform .4s cubic-bezier(.25,.46,.45,.94);width:480px;z-index:1200}.branch-drawer.open{transform:translateX(-480px)}@media (max-width:1024px) and (min-width:769px){.branch-drawer{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#2a2d3afa;right:-400px;width:400px}.branch-drawer.open{transform:translateX(-400px)}}@media (max-width:768px){.knowledge-container{grid-template-areas:"topbar" "main";grid-template-columns:1fr;grid-template-rows:auto 1fr}.knowledge-drawer-region{display:none}.branch-drawer{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#2a2d3afa!important;border-left:none!important;border-radius:24px 24px 0 0!important;border-top:1px solid #ffffff26!important;bottom:0!important;box-shadow:0 -12px 32px #0006!important;height:90vh!important;left:0!important;max-height:600px!important;position:fixed!important;right:0!important;top:auto!important;transform:translateY(100%)!important;transition:transform .5s cubic-bezier(.25,.46,.45,.94)!important;width:100%!important}.branch-drawer.open{transform:translateY(0)!important}.branch-drawer:before{background:#ffffff4d;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:12px;transform:translateX(-50%);width:40px;z-index:10}.knowledge-fab-cluster{bottom:48px;right:24px;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.knowledge-page:has(.branch-drawer.open) .knowledge-fab-cluster{transform:translateY(-70vh)}}@media (max-width:480px){.branch-drawer{border-radius:20px 20px 0 0!important;height:85vh!important;max-height:500px!important}.knowledge-page:has(.branch-drawer.open) .knowledge-fab-cluster{transform:translateY(-60vh)}}.branch-drawer{transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .3s ease,-webkit-backdrop-filter .3s ease;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .3s ease,backdrop-filter .3s ease;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}@media (min-width:769px){.branch-drawer{transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease,-webkit-backdrop-filter .3s ease;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease,backdrop-filter .3s ease;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}.branch-drawer:hover{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:-12px 0 40px #0006}}@media (prefers-reduced-motion:reduce){.branch-drawer,.knowledge-fab-cluster{transition:transform .2s ease,opacity .2s ease}.branch-drawer:hover{box-shadow:-8px 0 32px #0000004d}}.branch-drawer{transform:translateZ(0);will-change:transform}.branch-drawer[aria-hidden=false]{visibility:visible}.branch-drawer[aria-hidden=true]{transition-delay:.4s;visibility:hidden}.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(--accent-green,#4caf50);color:#fff}.knowledge-fab-primary:hover{background:#45a049;background:var(--accent-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(--accent-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:var(--z-fixed)}.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-backdrop{display:none}@media (max-width:768px){.navigator-backdrop{background:#00000080;bottom:0;display:block;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity var(--transition-medium);z-index:9}.navigator-backdrop.visible{opacity:1;pointer-events:auto}}.navigator-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:var(--spacing-md);height:var(--header-height);justify-content:flex-start;padding:var(--spacing-sm) var(--spacing-md)}.navigator-header,.navigator-header-content{align-items:center;display:flex;flex-shrink:0}.navigator-header-content{gap:var(--spacing-sm)}.navigator-icon{color:var(--text-primary);flex-shrink:0;height:20px;width:20px}.navigator-header h2{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0;white-space:nowrap}.notes-count{margin-left:var(--spacing-xs)}.view-toggles{background:var(--bg-button-overlay);border-radius:var(--border-radius-sm);gap:var(--spacing-xs)}.view-toggle,.view-toggles{align-items:center;display:flex;padding:var(--spacing-xs)}.view-toggle{background:none;border:none;border-radius:var(--border-radius-sm);cursor:pointer;height:32px;justify-content:center;opacity:.6;transition:all var(--transition-fast);width:32px}.view-toggle:hover{background:var(--hover-bg-overlay);opacity:.8}.view-toggle.active{background:var(--tree-green);opacity:1}.view-toggle .toggle-icon{filter:invert(1);height:16px;width:16px}.view-toggle svg.toggle-icon{color:#fffc;filter:none}.view-toggle.active svg.toggle-icon{color:#fffffff2}.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{background:#0000;border:none;border-left:3px solid #0000;cursor:pointer;min-height:36px;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.note-item:hover{background:var(--hover-bg-overlay);border-left-color:var(--tree-green)}.note-item.selected{background:var(--bg-info-overlay);border-left-color:var(--tree-green)}.note-item:focus{outline:2px solid var(--tree-green);outline-offset:-2px}.note-item-content{align-items:center;display:flex;justify-content:space-between;width:100%}.note-title{color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.3;margin:0;margin-right:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-importance-stack{display:inline-block;flex-shrink:0;height:16px;position:relative;width:28px}.star-layer{color:var(--color-golden);filter:drop-shadow(0 0 .5px var(--border-color));font-size:var(--font-size-sm);left:0;opacity:1;position:absolute;top:0;transform-origin:center}.star-layer:first-child{transform:translate(0);z-index:5}.star-layer:nth-child(2){transform:translate(5px);z-index:4}.star-layer:nth-child(3){transform:translate(10px);z-index:3}.star-layer:nth-child(4){transform:translate(15px);z-index:2}.star-layer:nth-child(5){transform:translate(20px);z-index:1}.summary-item .note-item-content{align-items:stretch;flex-direction:column;gap:var(--spacing-xs)}.summary-header{align-items:flex-start;display:flex;gap:var(--spacing-sm);justify-content:space-between}.summary-date{color:var(--text-secondary);flex-shrink:0;font-size:.75rem;margin-top:2px;opacity:.8}.summary-meta{align-items:center;display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.key-points-count{background:var(--bg-info-overlay);border-radius:var(--border-radius-sm);color:var(--tree-green);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 6px}.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}.navigator-header{padding:8px 12px}.view-toggles{margin-right:8px}.note-item{padding:4px 12px}}.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 .toggle-icon{filter:none;opacity:.8}.light-theme .view-toggle.active .toggle-icon{filter:invert(1);opacity:1}.light-theme .view-toggle svg.toggle-icon{color:var(--text-primary);filter:none;opacity:.8}.light-theme .view-toggle.active svg.toggle-icon{color:#fff;filter:none;opacity:1}.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-content{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;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:900px;min-height:200px;overflow:visible;padding:var(--spacing-xl) var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + 80px);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}.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-controls{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs);position:fixed;right:var(--spacing-md);top:calc(48px + var(--spacing-md));top:calc(var(--tab-height, 48px) + 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 .floating-controls{bottom:var(--spacing-md);display:flex;gap:var(--spacing-sm);position:absolute;right:var(--spacing-md);z-index:15}.universal-editor .settings-toggle-floating,.universal-editor .toolbar-toggle-floating{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:var(--font-weight-medium);height:32px;justify-content:center;opacity:.9;transition:all var(--transition-fast)}.universal-editor .toolbar-toggle-floating{width:32px}.universal-editor .settings-toggle-floating{min-width:60px;padding:0 var(--spacing-sm)}.universal-editor .settings-toggle-floating svg{fill:currentColor}.universal-editor .settings-toggle-floating:hover,.universal-editor .toolbar-toggle-floating:hover{background:var(--bg-secondary);border-color:var(--text-primary);color:var(--text-primary);opacity:1}.universal-editor .settings-toggle-floating:active,.universal-editor .toolbar-toggle-floating:active{transform:translateY(0)}.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}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.universal-editor .editor-content{font-size:16px;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + 80px);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}.context-sidebar{background-color:var(--bg-primary);border-right:1px solid var(--border-color);box-shadow:var(--shadow-md);color:var(--text-primary);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;pointer-events:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform var(--transition-medium);width:320px;z-index:1010}.context-sidebar.right-sidebar{border-left:1px solid var(--border-color);border-right:none;box-shadow:var(--shadow-lg);left:auto;right:0;transform:translateX(100%)}.context-sidebar.right-sidebar.visible{transform:translateX(0)}.context-sidebar.right-sidebar.hidden{transform:translateX(100%)}.context-sidebar.visible{transform:translateX(0)}.context-sidebar.hidden{pointer-events:none;transform:translateX(-100%)}.sidebar-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-sizing:border-box;display:flex;height:var(--header-height);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg)}.sidebar-header h2{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}.toggle-sidebar-btn{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-2xl);height:28px;justify-content:center;padding:0;transition:all var(--transition-fast);width:28px}.toggle-sidebar-btn:hover{background-color:var(--bg-primary);color:var(--text-primary)}.sidebar-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:var(--spacing-lg)}.chat-sidebar,.knowledge-sidebar,.profile-sidebar{background-color:var(--bg-primary)}.app-container,.main-content{margin-left:72px;transition:margin-left var(--transition-medium)}@media (max-width:768px){.context-sidebar{left:0;width:280px}.app-container,.main-content{margin-left:0}}.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%}.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);display:flex;flex-direction:column}.note-details-section,.note-editor-container{box-sizing:border-box;min-height:max-content;overflow:visible;padding:var(--spacing-xl)}.note-details-section{background:var(--settings-bg-primary);border-top:1px solid var(--settings-border);color:var(--settings-text-primary);margin-top:var(--spacing-2xl);transition:background var(--transition-medium),border-color var(--transition-medium)}.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{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.3;margin:0;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}}.seed-counter{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#2a2d3afa;border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 4px 12px #0003;box-shadow:var(--shadow-md,0 4px 12px #0003);cursor:default;display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:all var(--transition-medium,.3s ease);-webkit-user-select:none;user-select:none}.seed-counter:hover{background:#2a2d3a;border-color:#a6e22e;border-color:var(--accent-green,#a6e22e);box-shadow:0 6px 20px #0000004d,0 0 20px #a6e22e4d;box-shadow:var(--shadow-lg,0 6px 20px #0000004d),0 0 20px #a6e22e4d;transform:translateY(-2px)}.light-theme .seed-counter{background:#f5f1e8fa;border-color:#d4c9b3;border-color:var(--beige-sand,#d4c9b3)}.light-theme .seed-counter:hover{background:#f5f1e8;border-color:#7cb518;border-color:var(--accent-green,#7cb518)}.seed-counter__icon{align-items:center;color:var(--accent-green);display:flex;height:24px;justify-content:center;transition:all var(--transition-medium);width:24px}.seed-counter:hover .seed-counter__icon{color:var(--accent-green);filter:brightness(1.2);transform:scale(1.1)}.seed-counter__icon svg{fill:currentColor;height:100%;width:100%}.seed-counter__count{color:var(--text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);min-width:24px;text-align:center;transition:all var(--transition-medium)}.seed-counter:hover .seed-counter__count{color:var(--accent-green)}.seed-counter--pulsing{animation:seed-pulse 1.5s cubic-bezier(.4,0,.2,1)}@keyframes seed-pulse{0%{box-shadow:var(--shadow-md);transform:scale(1)}15%{box-shadow:var(--shadow-xl),0 0 30px #4caf5080;box-shadow:var(--shadow-xl),0 0 30px rgba(var(--accent-green-rgb,76,175,80),.5);transform:scale(1.08)}30%{transform:scale(1)}45%{transform:scale(1.05)}60%{box-shadow:var(--shadow-md);transform:scale(1)}}.seed-counter--pulsing .seed-counter__icon{animation:seed-icon-pulse 1.5s cubic-bezier(.4,0,.2,1)}@keyframes seed-icon-pulse{0%,to{transform:scale(1) rotate(0deg)}15%{transform:scale(1.3) rotate(-5deg)}30%{transform:scale(1.1) rotate(5deg)}45%{transform:scale(1.2) rotate(-3deg)}60%{transform:scale(1) rotate(0deg)}}.seed-counter--pulsing .seed-counter__count{animation:seed-count-pulse 1.5s cubic-bezier(.4,0,.2,1)}@keyframes seed-count-pulse{0%,to{color:var(--text-primary);transform:scale(1)}15%{color:var(--accent-green);transform:scale(1.2)}30%{transform:scale(1.05)}60%{color:var(--text-primary);transform:scale(1)}}@media (max-width:768px){.seed-counter{gap:calc(var(--spacing-xs)*.75);padding:calc(var(--spacing-xs)*.75) var(--spacing-xs)}.seed-counter__icon{height:20px;width:20px}.seed-counter__count{font-size:var(--font-size-sm);min-width:20px}}@media (max-width:600px){.seed-counter{padding:calc(var(--spacing-xs)*.7) calc(var(--spacing-xs)*.9)}.seed-counter__icon{height:18px;width:18px}.seed-counter__count{font-size:var(--font-size-xs);min-width:18px}}.knowledge-create-tree-fab{align-items:center;bottom:100px;display:flex;flex-direction:row;gap:12px;gap:var(--spacing-sm,12px);position:fixed;right:var(--spacing-xl);z-index:1000}.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(--accent-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:120px}}.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%}.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.15);transform:scale(1.08)}.avatar-circle--clickable:active{transform:scale(1.02)}.avatar-circle--loading{animation:avatarPulse 1.5s ease-in-out infinite}@keyframes avatarPulse{0%,to{opacity:1}50%{opacity:.7}}.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)}}.BranchNode_branchNode__ngN\+K{background:var(--bg-secondary);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;position:relative;transition:var(--transition-medium)}.BranchNode_branchNode__ngN\+K:hover{box-shadow:var(--reactflow-node-shadow-hover),0 0 0 1px var(--accent-blue)}.BranchNode_branchNode__ngN\+K.BranchNode_selected__dukzd{border-color:var(--accent-blue)}.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-status=completed]{background:linear-gradient(135deg,#a6e22e14,#7cb51814);border-color:var(--accent-green);border-width:2px;box-shadow:0 0 0 1px #a6e22e4d,0 4px 16px #7cb51840,inset 0 1px 0 #a6e22e1a}.BranchNode_branchNode__ngN\+K[data-status=completed]:hover{box-shadow:0 0 0 2px #a6e22e80,0 8px 24px #7cb51859,inset 0 1px 0 #a6e22e26}.BranchNode_branchNode__ngN\+K[data-status=completed] .BranchNode_nodeHeader__E9IlZ{background:linear-gradient(135deg,#a6e22e1f,#7cb5181f);border-bottom-color:#a6e22e4d}.BranchNode_sequenceBadge__s2FSW{align-items:center;border:2px solid var(--bg-primary);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;left:var(--spacing-sm);position:absolute;top:-8px;width:24px;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;display:flex;justify-content:space-between;padding:0 var(--spacing-md) var(--spacing-sm);width:100%}.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(--accent-green)}.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(--action-status-complete)}.BranchNode_branchNode__ngN\+K[data-status=active] .BranchNode_sequenceBadge__s2FSW{background:var(--accent-green)}.BranchNode_branchNode__ngN\+K[data-status=locked] .BranchNode_sequenceBadge__s2FSW{background:var(--text-tertiary)}.BranchNode_expandIcon__KK63D{transition:transform var(--transition-medium)}.BranchNode_expandIcon__KK63D.BranchNode_expanded__wkmPw{transform:rotate(90deg)}@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_completionGlow__odP6A 2s ease-in-out forwards}@keyframes BranchNode_completionGlow__odP6A{0%{box-shadow:0 2px 8px #8b9a7f33,0 1px 3px #00000026}50%{box-shadow:0 0 20px #8b9a7f80,0 4px 12px #8b9a7f4d,0 2px 6px #0003}to{box-shadow:0 2px 8px #8b9a7f33,0 1px 3px #00000026}}@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%}.ActionNode_actionNode__O1pfk{background:var(--action-status-pending-bg);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;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ActionNode_actionNode__O1pfk:hover{box-shadow:var(--shadow-lg),0 0 0 1px var(--accent-green)}.ActionNode_actionNode__O1pfk.ActionNode_selected__f2KZT{border-color:var(--accent-blue)}.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;display:flex;justify-content:space-between;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-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-status=done]{background:var(--action-status-complete-bg);border-color:var(--action-status-complete)}.ActionNode_actionNode__O1pfk[data-status=done] .ActionNode_statusIndicator__htR40{background:var(--action-status-complete)}.light-theme .ActionNode_actionNode__O1pfk[data-status=pending]{background:var(--action-status-pending-bg)!important;border-color:var(--border-color)!important}.light-theme .ActionNode_actionNode__O1pfk[data-status=in_progress]{background:var(--action-status-active-bg)!important;border-color:var(--action-status-active)!important}.light-theme .ActionNode_actionNode__O1pfk[data-status=done]{background:var(--action-status-complete-bg)!important;border-color:var(--action-status-complete)!important}.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:14px;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}.light-theme .ActionNode_actionNode__O1pfk{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}.light-theme .ActionNode_nodeHeader__\+fnR9{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important}.light-theme .ActionNode_nodeTitle__m-vJj{color:var(--text-primary)!important}.light-theme .ActionNode_nodeDescription__Gf8we,.light-theme .ActionNode_statusLabel__dKJBV{color:var(--text-secondary)!important}.light-theme .ActionNode_statusDropdown__vdVOh{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.light-theme .ActionNode_optionsButton__Bx9Sk{color:var(--text-tertiary)!important}.light-theme .ActionNode_optionsButton__Bx9Sk:hover{background:var(--bg-hover)!important;color:var(--text-secondary)!important}.light-theme .ActionNode_nodeContentCollapsed__qOIGf{color:var(--text-secondary)!important}.light-theme .ActionNode_collapsedTitle__6S9zk{color:var(--text-primary)!important}.light-theme .ActionNode_tooltip__BfMyZ{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.light-theme .ActionNode_tooltipDescription__oVms3{color:var(--text-secondary)!important}.light-theme .ActionNode_tooltipHint__o6H-q{color:var(--text-tertiary)!important}.light-theme .ActionNode_tooltipArrow__llsm2{border-top-color:var(--bg-primary)!important}@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}.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,#a6e22e4d,#7cb5184d);border-color:var(--accent-green)}.toggle-container.variant-green input[type=checkbox]:checked+.toggle-switch:before{background:var(--accent-green);box-shadow:0 2px 8px #a6e22e66}.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:170px;box-shadow:0 4px 16px #00000040;box-shadow:var(--shadow-md,0 4px 16px #00000040);display:flex;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}.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:32px;justify-content:center;min-height:32px;min-width:32px;transition:all .2s ease;transition:all var(--transition-fast,.2s ease);width:32px}.compact-nav-btn:hover{background:#3f62a2e6;background:var(--accent-blue,#3f62a2e6);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:#7cb518e6;background:var(--accent-green,#7cb518e6)}.compact-nav-btn-primary:hover{background:#7cb518;background:var(--accent-green,#7cb518);box-shadow:0 0 12px #7cb51899;box-shadow:0 0 12px var(--accent-green,#7cb51899)}.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:185px;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:#3f62a2e6;background:var(--accent-blue,#3f62a2e6);color:#fff}.light-theme .compact-nav-btn-primary{background:#7cb518e6;background:var(--accent-green,#7cb518e6);color:#fff}.light-theme .compact-nav-divider{background:#cbd5e1cc}.react-flow-tree-container{--inactive-node-color:var(--node-inactive-beige);--inactive-node-bg:var(--node-inactive-bg);--inactive-node-border:var(--node-inactive-border);--inactive-node-text:var(--node-inactive-text);--inactive-node-light:var(--node-inactive-beige-light);--inactive-node-dark:var(--node-inactive-beige-dark);--node-bg-primary:#3f62a21a;--node-bg-secondary:#75715e1a;@media (prefers-color-scheme:light){--node-bg-secondary:beige;--inactive-node-color:#d4b896;--inactive-node-bg:#faf5e6;--inactive-node-border:#e6d7b8;--inactive-node-text:#8b7355}&.light-mode{--node-bg-secondary:beige;--inactive-node-color:#d4b896;--inactive-node-bg:#faf5e6;--inactive-node-border:#e6d7b8;--inactive-node-text:#8b7355}&.dark-mode{--node-bg-secondary:#75715e1a;--inactive-node-color:var(--node-inactive-beige);--inactive-node-bg:var(--node-inactive-bg);--inactive-node-border:var(--node-inactive-border);--inactive-node-text:var(--node-inactive-text)}}.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-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f8fafccc;background:var(--bg-primary,#f8fafccc);bottom:0;display:flex;justify-content:center;left:0;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:3px solid #e2e8f0;border-top:3px solid #3b82f6;border:3px solid var(--border-secondary,#e2e8f0);border-radius:50%;border-top-color:var(--accent-blue,#3b82f6);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{background:#1e1e1e;background:var(--bg-primary,#1e1e1e);border-radius:8px;height:100%;overflow:hidden;position:relative;touch-action:none;width:100%}.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)}.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)}.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{border:1px solid #404040;border:1px solid var(--border-color,#404040);border-radius:8px;box-shadow:var(--shadow-lg)}.react-flow__controls,.react-flow__controls button{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a)}.react-flow__controls button{border:none;border-bottom:1px solid #404040;border-bottom:1px solid var(--border-color,#404040);color:#fff;color:var(--text-primary,#fff);transition:var(--transition-fast)}.react-flow__controls button:hover{background:#3a3a3a;background:var(--bg-hover,#3a3a3a);color:#7cb518;color:var(--accent-green,#7cb518)}.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:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border:1px solid #404040;border:1px solid var(--border-color,#404040);border-radius:8px;box-shadow:var(--shadow-lg);right:72px!important;top:0!important}.react-flow__minimap-mask{fill:rgba(var(--accent-green-rgb),.1);stroke:#7cb518;stroke:var(--accent-green,#7cb518);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:#7cb518;stroke:var(--accent-green,#7cb518);stroke-width:3}.react-flow__edge.selected .react-flow__edge-path{stroke:#3f62a2;stroke:var(--accent-blue,#3f62a2);stroke-width:3}.progress-edge{stroke-dasharray:5,5;animation:flow 2s linear infinite}@keyframes flow{to{stroke-dashoffset:-10}}.react-flow-node{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border:2px solid #404040;border:2px solid var(--border-primary,#404040);border-radius:12px;box-shadow:0 4px 12px #0003;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.react-flow-node:hover{border-color:#7cb518;border-color:var(--accent-green,#7cb518);box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.react-flow-node.selected{border-color:#3f62a2;border-color:var(--accent-blue,#3f62a2);box-shadow:0 8px 24px #3f62a233}.node-header{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#3f62a21a;background:var(--node-bg-primary,#3f62a21a);border-bottom:1px solid #404040;border-bottom:1px solid var(--border-primary,#404040);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;min-height:44px;padding:12px 16px 8px}.tree-root-node .node-header{background:linear-gradient(135deg,#3f62a21a,#3f62a20d);background:linear-gradient(135deg,var(--node-bg-primary,#3f62a21a) 0,#3f62a20d 100%)}.branch-node .node-header{background:#75715e1a;background:var(--node-bg-secondary,#75715e1a)}.action-node .node-header{background:#a6e22e1a;background:var(--node-bg-primary,#a6e22e1a)}.react-flow-node.disabled .node-header,.react-flow-node:not(.active) .node-header{background:beige;background:var(--node-bg-secondary,beige)}.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;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;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:#3a3a3a;stroke:var(--bg-tertiary,#3a3a3a);stroke-width:3}.progress-ring-progress{fill:none;stroke:#7cb518;stroke:var(--accent-green,#7cb518);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:#75715e33;border:1px solid #75715e4d;color:#75715e}.status-badge.active,.status-badge.in_progress{background:#a6e22e33;border:1px solid #a6e22e4d;color:#a6e22e}.status-badge.completed,.status-badge.done{background:#7cb51833;border:1px solid #7cb5184d;color:#7cb518}.react-flow__node-toolbar{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;background:#2a2a2af2!important;border:1px solid #404040!important;border:1px solid var(--border-primary,#404040)!important;border-radius:8px!important;box-shadow:0 4px 12px #0000004d!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}}.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}:root{--tree-link-color:#6b7280;--tree-link-opacity:0.6;--tree-node-root-fill:var(--color-lapis);--tree-node-root-stroke:var(--color-lapis);--tree-node-available-fill:var(--color-silver);--tree-node-available-stroke:var(--color-silver);--tree-node-locked-fill:var(--color-charcoal);--tree-node-locked-stroke:var(--color-charcoal);--tree-node-resource-fill:var(--color-redwood);--tree-node-resource-stroke:var(--color-redwood);--tree-node-action-fill:var(--color-beaver);--tree-node-action-stroke:var(--color-beaver);--tree-label-color:#1f2937;--tree-label-color-light:#fff;--tree-shadow:0 2px 8px #0000001a;--tree-shadow-hover:0 4px 16px #00000026;--tree-shadow-badge:0 1px 3px #0003;--tree-transition:all 0.2s ease}.tree-link{fill:none;stroke:#6b7280;stroke:var(--tree-link-color);stroke-width:4px;stroke-opacity:.6;stroke-opacity:var(--tree-link-opacity);transition:all .2s ease;transition:var(--tree-transition)}.tree-link:hover{stroke-opacity:.8;stroke-width:2.5px}.tree-node-box{cursor:pointer;transition:all .2s ease;transition:var(--tree-transition)}.tree-node-box:hover{filter:0 4px 16px rgba(0,0,0,.15);filter:var(--tree-shadow-hover);transform:scale(1.02)}.tree-label{fill:#1f2937;fill:var(--tree-label-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;pointer-events:none;transition:all .2s ease;transition:var(--tree-transition)}.tree-label-root{fill:#fff;fill:var(--tree-label-color-light);font-size:18px;font-weight:600}.tree-label-resources{font-style:italic;letter-spacing:.5px}.action-items-badge{fill:#3b82f6;stroke:#fff;stroke-width:2px;filter:0 1px 3px rgba(0,0,0,.2);filter:var(--tree-shadow-badge);transition:all .2s ease;transition:var(--tree-transition)}.tree-node:hover .action-items-badge{r:12;stroke-width:2.5px;filter:0 2px 6px rgba(0,0,0,.3)}.action-items-count{fill:#fff;font-size:11px;font-weight:600;pointer-events:none;transition:all .2s ease;transition:var(--tree-transition)}.tree-node:hover .action-items-count{font-size:12px}.add-branch-btn{fill:var(--tree-green);stroke:#fff;stroke-width:2px;filter:0 2px 8px rgba(0,0,0,.1);filter:var(--tree-shadow);transition:all .2s ease;transition:var(--tree-transition)}.add-branch-btn:hover{fill:#059669;filter:0 4px 8px rgba(0,0,0,.2);transform:scale(1.1)}.add-branch-icon{fill:#fff;font-size:14px;font-weight:700;pointer-events:none}.tree-node-root{fill:var(--color-lapis);fill:var(--tree-node-root-fill)}.tree-node-available{fill:var(--color-silver);fill:var(--tree-node-available-fill)}.tree-node-locked{fill:var(--color-charcoal);fill:var(--tree-node-locked-fill)}.tree-node-box-root{fill:var(--color-lapis);fill:var(--tree-node-root-fill);stroke:var(--color-lapis);stroke:var(--tree-node-root-stroke);stroke-width:1.5px}.tree-node-box-branch,.tree-node-box-root{filter:0 2px 8px rgba(0,0,0,.1);filter:var(--tree-shadow)}.tree-node-box-branch{fill:var(--color-silver);fill:var(--tree-node-available-fill);stroke:var(--color-silver);stroke:var(--tree-node-available-stroke);stroke-width:1.5px}.tree-node-box-leaf{fill:var(--color-beaver);fill:var(--tree-node-action-fill);stroke:var(--color-beaver);stroke:var(--tree-node-action-stroke);stroke-width:1.5px}.tree-node-box-leaf,.tree-node-box-resources{filter:0 2px 8px rgba(0,0,0,.1);filter:var(--tree-shadow)}.tree-node-box-resources{fill:var(--color-redwood);fill:var(--tree-node-resource-fill);stroke:var(--color-redwood);stroke:var(--tree-node-resource-stroke);stroke-width:1.5px}.tree-node-box-branch:hover,.tree-node-box-leaf:hover,.tree-node-box-resources:hover,.tree-node-box-root:hover{filter:0 4px 16px rgba(0,0,0,.15);filter:var(--tree-shadow-hover);transform:scale(1.02);transition:all .2s ease;transition:var(--tree-transition)}.tree-node:focus{outline:2px solid #3b82f6;outline-offset:2px}.tree-node:focus .tree-node-box{filter:0 4px 16px rgba(0,0,0,.15);filter:var(--tree-shadow-hover)}@keyframes nodeAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tree-node{backface-visibility:hidden;transform-origin:center center;will-change:transform,opacity}@media (max-width:768px){.tree-label{font-size:12px}.tree-label-root{font-size:16px}.action-items-badge{r:8}.action-items-count{font-size:10px}}.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:#4a9eff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.create-tree-button:hover{background-color:#3480d6}.options-button{align-items:center;background:none;border:none;color:#e8eaed;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;width:24px}.options-icon{filter:invert(1);height:18px;opacity:.7;width:18px}.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}}.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}.branch-button:disabled,.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(--accent-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(--accent-green,#4ade80);border-color:#4ade80;border-color:var(--accent-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(--accent-green,#4ade80);opacity:.8}.task-checkbox input[type=checkbox]:focus{outline:2px solid #4ade80;outline:2px solid var(--accent-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}.drawer-control-header{padding:var(--spacing-sm) var(--spacing-lg)}.clickable-tree-name{background:#ffffff0d}.clickable-tree-name,.static-tree-name{margin-right:var(--spacing-sm)}.hierarchy-indicators{gap:3px;margin-left:4px;padding:3px 6px}.hierarchy-icon-btn{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;opacity:.6;padding:2px;transition:all var(--transition-fast);width:24px}.hierarchy-icon-btn:hover:not(:disabled){background:#3b82f61a;color:var(--accent-blue);opacity:1;transform:scale(1.1)}.hierarchy-icon-btn.active{color:var(--accent-blue);opacity:1}.hierarchy-icon-btn:disabled{cursor:default;opacity:1}.hierarchy-icon-btn:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.hierarchy-separator{margin:0 1px}.drawer-control-header[data-view=tree] .clickable-tree-name,.drawer-control-header[data-view=tree] .static-tree-name{max-width:180px}.drawer-control-header[data-view=branch] .clickable-tree-name,.drawer-control-header[data-view=branch] .static-tree-name{max-width:140px}.drawer-control-header[data-view=action] .clickable-tree-name,.drawer-control-header[data-view=action] .static-tree-name{max-width:100px}@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{height:28px;width:28px}.view-breadcrumb{font-size:var(--font-size-xs)}.breadcrumb-separator{display:none}.drawer-control-header[data-view] .clickable-tree-name,.drawer-control-header[data-view] .static-tree-name{max-width:100px!important}}.branch-item{background:var(--overlay-subtle)}.branch-meta{font-size:var(--font-size-sm)}.action-description-section,.action-details-section,.action-status-section{background:var(--bg-secondary)}.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)}.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)}}@media (min-width:601px) and (max-width:1024px) and (orientation:landscape){.branch-drawer-sidebar.open{border-radius:0;bottom:0;height:100vh;left:0;max-height:100vh;position:fixed;right:auto;top:0;transform:translateX(0);width:400px}.branch-drawer-sidebar.fullscreen-mode{left:0!important;right:auto!important;width:400px!important}.branch-drawer-drag-handle{display:none}.drawer-control-header{min-height:48px;padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:600px){.drawer-control-header{border-radius:16px 16px 0 0;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{gap:2px;margin-left:2px;padding:2px 4px}.hierarchy-separator{display:none}.hierarchy-icon-btn{height:20px;width:20px}.clickable-tree-name,.static-tree-name{font-size:11px;margin-right:2px;max-width:100px!important;padding:2px 6px}.tree-nav-controls{gap:2px;margin-right:2px}.tree-nav-arrow{height:24px;width:24px}.close-btn{flex-shrink:0;height:20px!important;width:20px!important}.drawer-control-header.fullscreen-mode{border-top-width:2px;min-height:60px;padding-top:72px}.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{font-size:12px;font-size:var(--font-size-xs,12px);margin-right:0;max-width:220px;padding:6px var(--spacing-sm)}.branch-drawer-sidebar.open{bottom:68px;bottom:calc(var(--mobile-sidebar-height, 60px) + 8px);height:calc(60vh - 68px);height:calc(60vh - var(--mobile-sidebar-height, 60px) - 8px);max-height:500px;transition:bottom .3s cubic-bezier(.4,0,.2,1),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.fullscreen-mode{border-radius:0!important;bottom:0!important;height:100vh!important;max-height:100vh!important;top:0!important;z-index:1300}.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)}}.view-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;min-height:60px;padding:var(--spacing-md) var(--spacing-lg)}.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:10}.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:10}.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:5}.footer-return-row{display:flex;justify-content:center}.tree-nav-arrow{font-size:16px;padding:var(--spacing-xs);position:relative;z-index:5}.tree-nav-arrow:hover{background:#3b82f61a;color:var(--accent-blue)}.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{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:5}.drawer-control-header,.return-to-dashboard-btn{align-items:center;background:var(--bg-secondary);display:flex;position:relative}.drawer-control-header{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;min-height:48px;padding:var(--spacing-sm) var(--spacing-sm);z-index:15}.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;height:32px;justify-content:center;padding:0;position:relative;transition:all var(--transition-fast);width:32px}.hierarchy-indicators{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border-radius:var(--border-radius-sm);display:flex;gap:var(--spacing-xs);margin-left:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.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);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:#3b82f61a;border-color:#3b82f633;color:var(--accent-blue);transform:translateY(-1px)}.static-tree-name{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff08;border-radius:var(--border-radius-sm);color:var(--text-primary);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;white-space:nowrap}.tree-nav-controls{align-items:center;display:flex;gap:3px;margin-right:4px}.tree-nav-arrow{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);height:28px;transition:all var(--transition-fast);width:28px}.tree-nav-arrow:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f64d;color:var(--accent-blue);transform:translateY(-1px)}.tree-nav-arrow:active:not(:disabled){transform:translateY(0)}.tree-nav-arrow:disabled{border-color:var(--border-color-subtle);opacity:.4}.close-btn{background:#0000!important;border:none!important;color:var(--text-secondary)!important;width:24px}.close-btn:hover{background:var(--hover-bg-overlay)!important;color:var(--text-primary)!important;transform:scale(1.05)}.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);box-shadow:0 4px 12px #00000026;color:var(--accent-blue);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);color:var(--accent-blue)}.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);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{height:28px;width:28px}.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);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);color:var(--accent-blue)}.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);opacity:.8;transform:scale(1.2)}.footer-nav-group .pagination-dot.active{background-color:var(--accent-blue);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;height:32px;justify-content:center;padding:var(--spacing-sm);transition:all var(--transition-fast);width:32px}.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:16px;width:16px}.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:1000}.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;height:100%}.simplified-content-wrapper,.simplified-drawer-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.simplified-content-wrapper{min-height:0}.simplified-content-area{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0}.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{height:auto;padding:0 var(--spacing-md);padding-top:var(--spacing-sm)}.tree-view-content{height:auto;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.no-branches-message,.tree-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;flex-direction:column;height:200px;justify-content:center;margin-bottom:var(--spacing-sm);padding:var(--spacing-lg);text-align:center}.branches-list{display:flex;flex-direction:column;gap:6px;padding-bottom:var(--spacing-md)}.tree-view .universal-section{background:var(--bg-secondary);border:none;margin-bottom:0;padding:var(--spacing-sm)}.tree-view .universal-section:hover{border:1px solid #ffffff1a}.action-description-section,.action-details-section,.action-status-section,.simplified-content-area .universal-section,.simplified-drawer-content .universal-section{background:var(--bg-secondary);border:none}.simplified-content-area .universal-section:hover,.simplified-drawer-content .universal-section:hover{border:1px solid #ffffff1a}.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(--accent-blue);box-shadow:0 4px 16px #3b82f633}.branch-content{flex:1 1;min-width:0}.branch-name{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-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:#4ade80;color:var(--accent-green,#4ade80)}.branch-item.status-available{border-left-color:#4ade80;border-left-color:var(--accent-green,#4ade80)}.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,#3b82f6)}.branch-item.status-completed{border-left-color:#4ade80;border-left-color:var(--accent-green,#4ade80)}.branch-status,.status-available,.status-unavailable{display:none}.add-branch-btn{background:var(--accent-blue);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(--accent-blue-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{cursor:pointer;margin-bottom:2px}.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)}.action-item.selected{background:var(--bg-info-overlay);border-left:3px solid var(--accent-blue);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{gap:4px}.action-tag{background:#ffffff1a;border-radius:4px;font-size:10px}.add-action-btn,.add-action-footer .add-action-btn{background:var(--accent-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(--accent-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-name-input,.action-title{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);color:var(--text-primary);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:#4ade80;background:var(--accent-green,#4ade80);border:none;color:#000}.save-btn:hover{background:#22c55e;background:var(--accent-green-hover,#22c55e)}.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(--accent-blue,#3b82f6);border:none;color:#fff}.edit-btn:hover{background:#2563eb;background:var(--accent-blue-hover,#2563eb)}.action-description-section,.action-details-section,.action-status-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(--accent-green);color:var(--accent-green)}.action-status-button.status-in_progress:hover{background:#7cb51833;border-color:var(--accent-green)}.action-status-button.status-completed{background:var(--accent-green);border-color:var(--accent-green);color:#000;font-weight:600}.action-status-button.status-completed:hover{background:var(--accent-blue);border-color:var(--accent-green)}.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{color:var(--text-primary);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;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{min-height:32px}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#3b82f6;background:var(--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}@media (max-width:768px){.drawer-control-header{min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}.clickable-tree-name,.static-tree-name{max-width:240px;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:600px){.drawer-control-header{border-radius:16px 16px 0 0;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:not(.fullscreen-mode) .clickable-tree-name,.drawer-control-header:not(.fullscreen-mode) .drawer-controls-left,.drawer-control-header:not(.fullscreen-mode) .hierarchy-indicators,.drawer-control-header:not(.fullscreen-mode) .static-tree-name{display:none}.drawer-control-header .close-btn{display:flex!important;position:absolute;right:var(--spacing-md);top:var(--spacing-sm);z-index:10}.drawer-control-header.fullscreen-mode{border-top-width:2px;min-height:60px;padding-top:72px}.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{font-size:12px;font-size:var(--font-size-xs,12px);margin-right:0;max-width:220px;padding:6px var(--spacing-sm)}.branch-drawer-sidebar.open{bottom:68px;bottom:calc(var(--mobile-sidebar-height, 60px) + 8px);height:calc(60vh - 68px);height:calc(60vh - var(--mobile-sidebar-height, 60px) - 8px);max-height:500px;transition:bottom .3s cubic-bezier(.4,0,.2,1),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.fullscreen-mode{border-radius:0!important;bottom:0!important;height:100vh!important;max-height:100vh!important;top:0!important;z-index:1300}.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)}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.clickable-tree-name:hover,.static-tree-name:hover{transform:none}}.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-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--drawer-bg-primary);border-bottom-right-radius:16px;border-right:1px solid var(--border-color);border-top-right-radius:16px;bottom:0;color:var(--text-primary);display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:var(--drawer-width);z-index:1100}@media (max-width:1200px) and (min-width:769px){.branch-drawer-sidebar{width:380px}}@media (max-width:768px){.branch-drawer-sidebar{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:var(--drawer-bg-primary)!important;border-radius:24px!important;bottom:calc(var(--mobile-sidebar-height) + 16px)!important;box-shadow:var(--shadow-lg);height:45vh!important;left:16px!important;position:fixed!important;right:16px!important;top:auto!important;transform:translateY(100%)!important;width:auto!important;z-index:1100!important}.branch-drawer-sidebar.open{transform:translateY(0)!important}}@media (min-width:1440px){.branch-drawer-sidebar{width:450px}}.drawer-content{display:flex;flex-direction:column;height:100%;pointer-events:auto;width:100%}.drawer-actions-row,.drawer-master-header,.return-to-dashboard-btn,.tree-header-row,.tree-master-title{display:none}.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{border-right:1px solid var(--border-color)}.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}.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;line-height:1.3;margin-right:auto}.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;transition:all var(--transition-fast);width:100%}.action-item,.action-item.simple{background:#0000;border:none;border-radius:0}.action-item.simple{margin-bottom:2px}.action-item.simple:hover,.action-item:hover{background:#ffffff08;border-radius:var(--border-radius-sm)}.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{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.action-tag{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:var(--font-size-xs);padding:2px 6px}.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-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,.action-title{flex:1 1;min-width:0}.action-title{color:var(--text-primary);font-size:17px;font-weight:500;line-height:1.4;margin: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{color:var(--text-primary);font-size:14px;line-height:1.5;min-height:20px;padding:8px 0}.action-tags-display{align-items:center;display:flex;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;margin-top:auto;padding:16px 24px 8px}.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)}.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}.branch-drawer-drag-handle{left:50%;position:absolute;top:8px;transform:translateX(-50%);z-index:20}.branch-drawer-sidebar.fullscreen-mode{border-radius:0!important;bottom:0!important;height:100vh!important;left:0!important;max-height:100vh!important;position:fixed;right:0!important;top:0!important;width:100%!important;z-index:1300}@media only screen and (max-width:600px){.branch-drawer-sidebar.compact-mode{max-height:calc(60vh - 60px);max-height:calc(60vh - var(--mobile-sidebar-height, 60px))}}.drawer-card{align-items:center;background:var(--drawer-gradient-primary);border-left:3px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:14px;margin-bottom:6px;overflow:hidden;padding:14px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.drawer-card:before{background:linear-gradient(135deg,#0000,var(--overlay-gradient-start));bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.drawer-card:hover{background:var(--drawer-gradient-hover);box-shadow:0 4px 15px #0000001a;transform:translateX(2px)}.drawer-card:hover:before{opacity:1}.drawer-card.active{background:linear-gradient(135deg,#3b82f61f,#3b82f60f);border-left-color:var(--accent-blue);box-shadow:0 2px 12px #3b82f633}.drawer-card.keyboard-focused{background:linear-gradient(135deg,#7c3aed26,#7c3aed14);border:1px solid #7c3aed4d;box-shadow:0 0 0 4px #7c3aed1a;outline:2px solid #7c3aed;outline:2px solid var(--accent-purple,#7c3aed);outline-offset:-2px}.drawer-add-btn{align-items:center;background:linear-gradient(135deg,var(--accent-blue),#3b82f6cc);border:none;border-radius:50%;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:30px}.drawer-add-btn:before{background:linear-gradient(45deg,#0000,#fff3,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .5s}.drawer-add-btn:hover{background:linear-gradient(135deg,#3b82f6,var(--accent-blue));box-shadow:0 4px 16px #3b82f666;transform:scale(1.1)}.drawer-add-btn:hover:before{transform:translateX(100%)}.drawer-add-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.drawer-branch-delete-btn{background:#0000;border:none;color:var(--accent-red);cursor:pointer;font-size:18px;margin-left:8px}.action-detail{display:flex;flex-direction:column;gap:24px;padding:24px}.detail-title{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.tags-section{margin-top:24px}.tags-label{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.action-desc-editor .inline-editor-input,.action-desc-editor textarea{min-height:80px}.card-content{align-items:flex-start;display:flex;flex:1 1;gap:12px;justify-content:space-between}.card-main{flex:1 1}.card-title{color:var(--text-primary);flex:1 1 auto;font-size:14px;font-weight:600;margin:0}.card-description{color:var(--text-secondary);font-size:14px;font-style:italic;line-height:1.4;margin:6px 0}.card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.card-status{background:var(--bg-info-overlay);border-radius:12px;color:#4ade80;color:var(--accent-green,#4ade80);font-size:12px;font-weight:500;padding:2px 8px;text-transform:uppercase}.card-tags{opacity:.8}.card-tags,.drag-list-title{color:var(--text-secondary);font-size:12px}.drag-list-title{letter-spacing:.05em;text-transform:uppercase}.hierarchy-header{display:flex;flex:1 1;flex-direction:column;gap:8px}.hierarchy-level{align-items:center;display:flex;gap:4px}.hierarchy-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.hierarchy-value{color:var(--text-primary);font-size:14px;font-weight:500}.hierarchy-value.clickable{border-radius:4px;color:var(--accent-blue);margin:-2px -4px;padding:2px 4px;transition:all .2s ease}.hierarchy-value.clickable:hover{background:#3b82f61a;color:#2563eb;color:var(--accent-blue-hover,#2563eb);text-decoration:underline}.hierarchy-separator{color:var(--text-secondary);font-size:14px;margin:0 2px}.tree-level .hierarchy-value{color:var(--accent-blue)}.branch-level .hierarchy-value{color:#4ade80;color:var(--accent-green,#4ade80)}.drawer-controls{align-items:center;display:flex;gap:8px;margin-left:auto}.branch-header-content{display:flex;flex-direction:column;gap:12px;width:100%}.branch-connection-avatar{align-items:center;display:flex;flex-shrink:0}.branch-action-container{flex:1 1;overflow-y:auto;padding:0 8px 16px}.branch-action-list{display:flex;flex-direction:column;gap:2px}.branch-card{background:var(--bg-secondary);border:1px solid #0000;border-radius:8px;cursor:pointer;padding:12px 16px;transition:all .2s ease}.branch-card:hover{background:#333;border-color:var(--accent-blue)}.branch-name{color:var(--text-primary);font-size:16px;margin:0 0 4px}.branch-info{color:var(--text-secondary);font-size:12px}.light-theme .branch-card,.light-theme .drawer-card{background:var(--bg-primary);border:1px solid var(--border-color)}.light-theme .drawer-card{background:var(--drawer-bg-card);border-color:var(--overlay-border-subtle)}.light-theme .drawer-card:hover{background:var(--drawer-bg-card-hover);border-color:var(--border-color-overlay)}.tree-node.selected-branch rect{stroke:#3b82f6!important;stroke:var(--accent-blue,#3b82f6)!important;stroke-width:3px!important;filter:drop-shadow(0 0 8px rgba(59,130,246,.4))!important}.tree-node.selected-branch text{font-weight:700!important}.tree-node.selected-action rect{stroke:#8b5cf6!important;stroke:var(--accent-purple,#8b5cf6)!important;stroke-width:3px!important;filter:drop-shadow(0 0 8px rgba(139,92,246,.4))!important}.tree-node.selected-action text{font-weight:700!important}.tree-link.highlighted-path{stroke:#3b82f6!important;stroke:var(--accent-blue,#3b82f6)!important;stroke-width:3px!important;filter:drop-shadow(0 0 4px rgba(59,130,246,.3))!important}.tree-node:hover rect{stroke-width:2px!important;filter:drop-shadow(0 4px 16px rgba(0,0,0,.2))!important}.tree-node:hover text{font-weight:600!important}.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;position:absolute;right:0;scrollbar-color:#b0b0b0 #0000;scrollbar-color:var(--text-secondary,#b0b0b0) #0000;scrollbar-width:thin;top:calc(100% + 6px);z-index:1100}.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:10px 14px;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:1101}.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:12px;gap:var(--spacing-md,12px);padding:12px 14px;padding:var(--spacing-md,12px) var(--spacing-sm,14px)}.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}}.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{animation:spin .8s linear infinite;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}}.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:0 6px 24px #00000014}.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:28px;min-width:28px;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}.garden-header{left:20px;position:absolute;top:20px;z-index:1000}.garden-title{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;font-family:Lora,Georgia,Times New Roman,serif;font-family:var(--font-serif,"Lora","Georgia","Times New Roman",serif);font-size:clamp(20px,4vw,28px);font-weight:600;font-weight:var(--font-weight-semibold,600);gap:8px;letter-spacing:0;letter-spacing:var(--letter-spacing-normal,0);margin:0;text-shadow:0 2px 8px #00000080}.garden-title-text{margin-top:2px}.card-pagination-nav{left:50%;opacity:1;position:absolute;top:20px;top:var(--spacing-lg,20px);transform:translateX(-50%);transition:opacity .3s ease-in-out;z-index:1000;z-index:var(--z-dropdown,1000)}.card-pagination-nav.auto-hide{opacity:0}.card-pagination-nav:before{bottom:-10px;content:"";left:-40px;position:absolute;right:-40px;top:-10px;z-index:-1}.garden-actions{display:flex;gap:8px;gap:var(--spacing-sm,8px);position:absolute;right:20px;right:var(--spacing-lg,20px);top:20px;top:var(--spacing-lg,20px);z-index:1000;z-index:var(--z-dropdown,1000)}.garden-action-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#404040d9;border:none;border-radius:12px;box-shadow:0 4px 16px #00000026,0 1px 4px #0000001a,inset 0 1px 0 #ffffff1a;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.garden-action-btn:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:12px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.garden-action-btn:hover:not(:disabled){background:#505050e6;box-shadow:0 8px 24px #0003,0 2px 6px #00000026,inset 0 1px 0 #ffffff26;transform:translateY(-2px) scale(1.05)}.garden-action-btn:hover:not(:disabled):before{opacity:1}.garden-action-btn:disabled{background:#30303099;cursor:not-allowed;opacity:.4;transform:none}.tree-navigation-group{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px);left:20px;left:var(--spacing-lg,20px);opacity:1;pointer-events:all;position:absolute;top:80px;top:calc(var(--spacing-lg, 20px) + 60px);transition:opacity .2s cubic-bezier(.4,0,.2,1);z-index:999;z-index:calc(var(--z-dropdown, 1000) - 1)}.tree-navigation-group.drawer-active{opacity:0;pointer-events:none}.tree-header-container{grid-gap:4px 4px;grid-gap:var(--spacing-xs,4px) var(--spacing-xs,4px);align-items:start;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1e1f1cf2;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 2px 8px #00000026;display:grid;gap:4px 4px;gap:var(--spacing-xs,4px) var(--spacing-xs,4px);grid-template-columns:auto 1fr auto auto;grid-template-rows:auto auto;max-width:min(90vw,380px);padding:8px;padding:var(--spacing-sm,8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.light-theme .tree-header-container{background:var(--bg-primary);border-color:#d4c9b3;border-color:var(--beige-sand,#d4c9b3)}.tree-name-controls{display:contents}.tree-name-container{align-self:center;display:flex;flex-direction:column;grid-column:2;grid-row:1;justify-content:center;min-width:0}.tree-name{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--text-primary);display:-webkit-box;font-size:clamp(14px,3.5vw,18px);font-weight:600;font-weight:var(--font-weight-semibold,600);line-height:1.2;line-height:var(--line-height-tight,1.2);margin:0;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:0 1px 2px #00000026;width:100%;word-break:break-word}.tree-name.clickable-tree-name{border-radius:6px;border-radius:var(--border-radius-sm,6px);cursor:pointer;margin:0;outline:none;padding:4px 8px;padding:var(--spacing-xs,4px) var(--spacing-sm,8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.tree-name.clickable-tree-name:hover{background:#a6e22e1a;color:#a6e22e;color:var(--accent-green,#a6e22e);text-shadow:0 0 6px #a6e22e4d}.tree-name.clickable-tree-name:focus-visible{background:#a6e22e26;box-shadow:0 0 0 2px #a6e22e;box-shadow:0 0 0 2px var(--accent-green,#a6e22e);color:#a6e22e;color:var(--accent-green,#a6e22e);text-shadow:0 0 8px #a6e22e66}.tree-nav-arrow{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.tree-nav-arrow--prev{align-self:center;grid-column:1;grid-row:1}.tree-nav-arrow--next{align-self:center;grid-column:4;grid-row:1}.tree-nav-arrow:hover:not(:disabled){background:#a6e22e;background:var(--accent-green,#a6e22e);box-shadow:0 2px 8px #a6e22e40;color:#000;color:var(--text-on-accent,#000);transform:scale(1.05)}.tree-nav-arrow:active:not(:disabled){transform:scale(.95)}.tree-nav-arrow:disabled{cursor:not-allowed;opacity:.3}.tree-options-menu-container{align-self:center;grid-column:3;grid-row:1;justify-self:end}.tree-pagination-dots{align-items:center;border-top:1px solid var(--overlay-border-subtle);display:flex;grid-column:1/5;grid-row:2;justify-content:center;margin-top:4px;margin-top:var(--spacing-xs,4px);padding:4px 0 0;padding:var(--spacing-xs,4px) 0 0 0}.tree-pagination-dots .pagination-dots-container{align-items:center;background:#0000;display:flex;gap:8px;justify-content:center;padding:4px 0}.tree-pagination-dots .pagination-dot{background:#0000;border:1px solid var(--text-secondary);border-radius:50%;cursor:pointer;height:8px;opacity:.5;transition:all .3s cubic-bezier(.4,0,.2,1);width:8px}.tree-pagination-dots .pagination-dot:hover{background:#a6e22e4d;border-color:#a6e22e;border-color:var(--accent-green,#a6e22e);opacity:1;transform:scale(1.2)}.tree-pagination-dots .pagination-dot.active{background:#a6e22e;background:var(--accent-green,#a6e22e);border-color:#a6e22e;border-color:var(--accent-green,#a6e22e);box-shadow:0 0 6px #a6e22e66;height:10px;opacity:1;width:10px}@media (max-width:768px){.garden-header{left:12px;top:12px}.garden-title{font-size:clamp(18px,4vw,24px)}.card-pagination-nav{display:none!important}.garden-actions{gap:6px;right:12px;top:12px}.garden-action-btn{border-radius:10px;height:38px;width:38px}.tree-navigation-group{gap:4px;gap:var(--spacing-xs,4px);left:12px;right:12px;top:60px}.tree-header-container{gap:4px 2px;gap:var(--spacing-xs,4px) 2px;max-width:calc(100vw - 24px);padding:6px;padding:var(--spacing-xs,6px)}.tree-name{font-size:clamp(13px,3.5vw,16px);line-height:1.25;max-width:100%}.tree-nav-arrow{height:36px;width:36px}.tree-pagination-dots{padding:4px 0 0;padding:var(--spacing-xs,4px) 0 0 0}.tree-pagination-dots .pagination-dots-container{gap:6px;padding:2px 0}.tree-pagination-dots .pagination-dot{height:7px;width:7px}.tree-pagination-dots .pagination-dot.active{height:9px;width:9px}}@media (max-width:600px){.garden-header{left:10px;top:10px}.garden-title{font-size:clamp(16px,4vw,20px)}.card-pagination-nav{display:none!important}.garden-actions{gap:4px;right:10px;top:10px}.garden-action-btn{border-radius:8px;height:36px;width:36px}.tree-navigation-group{gap:4px;gap:var(--spacing-xs,4px);left:10px;right:10px;top:52px}.tree-header-container{gap:2px;max-width:calc(100vw - 20px);padding:4px}.tree-name{font-size:clamp(12px,3.5vw,14px);line-height:1.2;max-width:100%}.tree-name.clickable-tree-name{margin:0;padding:0}.tree-nav-arrow{height:32px;width:32px}.tree-pagination-dots{margin-top:2px;padding:2px 0 0}.tree-pagination-dots .pagination-dots-container{gap:5px;padding:2px 0}.tree-pagination-dots .pagination-dot{height:6px;width:6px}.tree-pagination-dots .pagination-dot.active{height:8px;width:8px}}@media (min-width:1024px){.tree-header-container{width:380px}}.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-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);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);cursor:pointer;font-weight:600;min-width:120px;padding:10px 20px;transition:all .2s ease}.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-width:95vw}.instructions-popup,.tree-details-popup{width:100%}.popup-body,.popup-footer,.popup-header{padding:16px}.popup-body{max-height:calc(90vh - 120px)}.tree-control-buttons{flex-direction:column;gap:10px}.control-button{min-width:auto;width:100%}}.meeting{flex-direction:column;height:auto;width:100%}.meeting,.meeting-content{display:flex;min-height:max-content}.meeting-content{align-items:center;flex:1 1;flex-direction:column;gap:var(--spacing-xl);justify-content:flex-start;margin-top:var(--spacing-lg);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;margin-bottom:12px;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:0 2px 4px #0000001a;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:#f926721a;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:#ffffff1a}.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{gap:var(--spacing-md);padding:var(--spacing-md)}}@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{gap:var(--spacing-sm);padding:var(--spacing-sm)}.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{background:var(--accent-blue)}.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:#ffe56433;border-color:var(--accent-yellow);color:var(--text-primary)}.light-theme .connection-debug-info,.light-theme .meeting-connection-status,.light-theme .meeting-debug-panel,.light-theme .meeting-hero{background:var(--bg-secondary);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;flex-direction:column;padding:var(--spacing-lg) var(--spacing-md)}.meeting-hero,.meeting-tab-content{display:flex;gap:var(--spacing-lg);width:100%}.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);margin:0 auto var(--spacing-lg) auto;max-width:600px;padding:var(--spacing-lg);position:relative;transition:all var(--transition-fast)}@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-direction:column;margin:0 auto;max-width:600px;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}.meeting-tabs{background:var(--meeting-tabs-bg);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);gap:var(--spacing-md);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);position:sticky;top:var(--spacing-md);width:100%;z-index:var(--z-sticky)}.meeting-tab,.meeting-tabs{align-items:center;display:flex}.meeting-tab{background:#0000;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;flex-direction:column;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);min-width:80px;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.meeting-tab:hover:not(.active){background:var(--hover-bg-overlay);color:var(--text-primary)}.meeting-tab:focus-visible{border-radius:var(--border-radius-sm);outline:2px solid var(--accent-blue);outline-offset:2px}.meeting-tab.active{background:var(--meeting-tab-active-bg);box-shadow:var(--shadow-sm);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.meeting-tab__icon{align-items:center;display:flex;height:48px;justify-content:center;position:relative;width:48px}.meeting-tab__icon svg{transition:transform var(--transition-fast)}.meeting-tab:hover .meeting-tab__icon svg{transform:scale(1.1)}.meeting-tab.active .meeting-tab__icon svg{transform:scale(1.15)}.meeting-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)}}.meeting-tab__label{font-size:var(--font-size-sm);line-height:1;white-space:nowrap}@media (max-width:768px){.meeting-tabs{gap:var(--spacing-sm)}.meeting-tab,.meeting-tabs{padding:var(--spacing-sm) var(--spacing-md)}.meeting-tab{gap:4px;min-width:70px}.meeting-tab__icon{height:32px;width:32px}.meeting-tab__icon svg{height:30px!important;width:30px!important}.meeting-tab__label{font-size:calc(var(--font-size-xs) + 1px)}}@media (max-width:400px){.meeting-tabs{gap:var(--spacing-xs);padding:var(--spacing-sm)}.meeting-tab{min-width:60px;padding:var(--spacing-xs) var(--spacing-sm)}.meeting-tab__label{font-size:10px;opacity:.8}.meeting-tab.active .meeting-tab__label{opacity:1}}.light-theme .meeting-tabs{background:var(--meeting-tabs-bg);box-shadow:var(--shadow-sm)}.light-theme .meeting-tab{color:var(--text-secondary)}.light-theme .meeting-tab:hover:not(.active){background:var(--hover-bg-overlay);color:var(--text-primary)}.light-theme .meeting-tab.active{background:var(--meeting-tab-active-bg);box-shadow:var(--shadow-sm);color:var(--accent-green)}.meeting-tab.glow-discover{animation:discover-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}.meeting-tab.glow-discover:before{animation:discover-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}.meeting-tab.glow-discover .meeting-tab__icon svg{color:var(--tree-green);filter:drop-shadow(0 0 8px rgba(16,185,129,.6))}.meeting-tab.glow-discover .meeting-tab__label{color:var(--tree-green);font-weight:var(--font-weight-semibold)}@keyframes discover-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 discover-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}.meeting-tab.glow-discover.active{background:var(--meeting-tab-active-bg);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){.meeting-tab{border-width:3px}.meeting-tab.active{border-bottom-width:5px}.meeting-tab__badge{border:2px solid var(--bg-primary)}.meeting-tab.glow-discover{border-width:3px}}@media (prefers-reduced-motion:reduce){.meeting-tab,.meeting-tab__badge,.meeting-tab__icon svg{animation:none;transition:none}.meeting-tab.glow-discover,.meeting-tab.glow-discover:before{animation:none}}.ongoing-calls-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-top: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:3px}.ongoing-calls-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.ongoing-calls-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.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(--tree-green);background:var(--accent-green);box-shadow:0 0 0 3px #10b98133}.call-card-info{flex:1 1;min-width:0}.call-card-title{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-card-details{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.call-duration,.call-participants-count{color:var(--text-secondary);font-size:13px}.call-type-badge{background:var(--accent-primary);border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:500;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.call-card-actions{align-items:center;display:flex;gap:8px}.join-call-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:center;min-width:90px;padding:8px 12px;transition:all .2s ease}.join-call-btn:hover{background:var(--tree-green);background:var(--accent-green);transform:translateY(-1px)}.join-icon{height:16px;width:16px}.end-call-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:center;min-width:90px;padding:8px 12px;transition:all .2s ease}.end-call-btn:hover:not(:disabled){background:#ef4444;background:var(--accent-red);border-color:#ef4444;border-color:var(--accent-red);color:#fff;transform:translateY(-1px)}.end-call-btn:disabled{cursor:not-allowed;opacity:.6}.end-call-btn.ending{background:#ef4444;background:var(--accent-red);border-color:#ef4444;border-color:var(--accent-red);color:#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-primary);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px;transition:all .2s ease}.manual-cleanup-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.remove-call-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px}.remove-call-btn:hover:not(:disabled){background:#ef4444;background:var(--accent-red);border-color:#ef4444;border-color:var(--accent-red);color:#fff}.remove-call-btn:disabled{cursor:not-allowed;opacity:.6}.remove-call-btn.removing{background:#ef4444;background:var(--accent-red);border-color:#ef4444;border-color:var(--accent-red);color:#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-top:24px;padding:16px}.ongoing-call-card{min-width:280px}.call-card-content{padding:12px}.call-card-title{font-size:14px}.join-call-btn{font-size:12px;padding:6px 12px}}@media (max-width:480px){.ongoing-calls-header{align-items:flex-start;flex-direction:column;gap:8px}.ongoing-calls-header h3{font-size:16px}.ongoing-call-card{min-width:260px}.ongoing-calls-list{flex-direction:column;overflow-x:hidden}}.ongoing-call-card{animation:slideInRight .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}:root{--accent-green:var(--tree-green);--accent-primary-hover:#5b21b6;--accent-red:#ef4444}.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:14px;margin:0}.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-secondary);border:none;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);padding-right:40px;position:relative;text-align:left;transition:all var(--transition-fast);width:100%}.chat-item:hover{box-shadow:var(--shadow-sm);transform:translateX(2px)}.chat-item.active,.chat-item:hover{background:var(--bg-hover);border-color:var(--tree-green)}.chat-item.unread{border-color:var(--tree-green);box-shadow:0 0 8px #10b98133}.chat-avatar{flex-shrink:0}.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;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:28px;justify-content:center;opacity:0;padding:4px;position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);transition:all .2s ease;width:28px;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{opacity:.7}.chat-end-message,.load-more-prompt{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.chat-end-message{border-top:1px solid var(--border-color);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:32px;opacity:1;width:32px}.chat-item{padding-right:44px}}@media (max-width:480px){.inline-chat-title{font-size:var(--font-size-md)}}.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-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}}.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)}}.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;scrollbar-width:none}.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%)}.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);color:var(--text-primary)}.note-tab.active{background:var(--bg-primary);border-bottom:2px solid var(--accent-blue);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}.note-tab.drag-over{background:#66d9ef33;border-left:2px solid var(--accent-blue)}.note-tab.drag-over:before{animation:pulse-border .5s ease-in-out infinite alternate;background:var(--accent-blue);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{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;height:100vh;margin:0;max-height:100vh;overflow:hidden;padding:0;position:relative;width:100%}.note-workspace .workspace-main{scroll-behavior:smooth;scrollbar-width:auto}@media (max-width:768px){.note-workspace{height:100vh;max-height:100vh}.note-workspace .workspace-main{height:100%;margin-left:0}}.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(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;display:flex;flex:1 1;justify-content:center;padding:var(--spacing-sm);position:relative;z-index:1}.light-theme .no-tab-placeholder{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}.placeholder-content{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--drawer-bg-primary);border:1px solid var(--border-color);border-radius:var(--card-radius-expanded);box-shadow:var(--shadow-xl);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}.placeholder-content:before{background:var(--drawer-gradient-primary);border-radius:inherit;content:"";inset:0;opacity:.4;pointer-events:none;position:absolute;z-index:0}.placeholder-view-toggles{gap:var(--spacing-md);width:100%;z-index:1}.placeholder-view-toggle,.placeholder-view-toggles{align-items:center;display:flex;justify-content:center;position:relative}.placeholder-view-toggle{background:var(--overlay-subtle);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);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(--hover-bg-overlay);border-color:var(--tree-green);box-shadow:var(--shadow-md);color:#ffffffe6;transform:translateY(-2px)}.placeholder-view-toggle.active{background:var(--tree-green);border-color:var(--tree-green);box-shadow:var(--shadow-sm);color:#fffffff2}.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: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 .toggle-icon{filter:none;opacity:.65}.light-theme .placeholder-view-toggle svg.toggle-icon{color:var(--text-primary)}.light-theme .placeholder-view-toggle:hover .toggle-icon{opacity:.95}.light-theme .placeholder-view-toggle:hover svg.toggle-icon{color:var(--text-primary)}.light-theme .placeholder-view-toggle.active .toggle-icon{filter:none;opacity:1}.light-theme .placeholder-view-toggle.active svg.toggle-icon{color:#fffffff2;filter:none}.light-theme .placeholder-view-toggle .toggle-label{color:var(--text-primary);opacity:.65}.light-theme .placeholder-view-toggle:hover .toggle-label{opacity:.95}.light-theme .placeholder-view-toggle.active .toggle-label{color:#fffffff2;opacity:1}.placeholder-message{border-top:1px solid var(--overlay-border-subtle);color:var(--text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);letter-spacing:.2px;margin:0;opacity:.9;padding-top:var(--spacing-sm);text-align:center;width:100%}.placeholder-create-note-button,.placeholder-message{font-family:var(--font-sans);position:relative;z-index:1}.placeholder-create-note-button{align-items:center;background:var(--tree-green);border:1px solid var(--tree-green);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;min-height:40px;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.placeholder-create-note-button:hover:not(:disabled){background:var(--accent-green);border-color:var(--accent-green);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.placeholder-create-note-button:disabled{cursor:not-allowed;opacity:.5}.placeholder-create-note-button .create-icon{filter:brightness(0) invert(1);height:18px;opacity:.95;transition:opacity var(--transition-medium);width:18px}.placeholder-create-note-button:hover:not(:disabled) .create-icon{opacity:1}.light-theme .placeholder-create-note-button .create-icon{filter:brightness(0) invert(1);opacity:.95}.light-theme .placeholder-create-note-button:hover:not(:disabled) .create-icon{opacity: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);padding:var(--spacing-xs) var(--spacing-md)}}.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{flex:none;height:auto!important;min-height:max-content}.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;z-index:100}.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 .workspace-main{display:flex;flex:1 1;flex-direction:column;margin-left:320px;overflow-x:hidden;overflow-y:auto;transition:margin-left var(--transition-medium)}.note-workspace:has(.note-navigator-container.collapsed) .workspace-main{margin-left:0}.note-workspace .note-tab-bar{flex-shrink:0;position:relative;z-index:5}@media (max-width:840px){.note-workspace .note-navigator-container{left:0}.note-workspace .workspace-main{margin-left:320px}}@media (max-width:768px){.note-workspace .note-navigator-container{width:280px}.note-workspace .workspace-main{margin-left:280px}.note-workspace:has(.note-navigator-container.collapsed) .workspace-main{margin-left:0}@media (max-width:640px){.note-workspace .note-navigator-container{max-width:280px;width:100%}.note-workspace .workspace-main{margin-left:0}}}.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:100}.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:100}.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);border-top-color:var(--accent-blue);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:none;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{display:flex;flex:none;flex-direction:column;height:auto;min-height:max-content;width:100%}.tour-overlay{inset:0;pointer-events:none;position:fixed;z-index:var(--z-tour-overlay)}.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}.tour-highlight{animation:tour-glow 2s ease-in-out infinite alternate;background:#0000;border:4px solid var(--tree-green);border-radius:var(--border-radius-lg);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(100vh - 80px);max-height:var(--tour-tooltip-max-height,calc(100vh - 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:drop-shadow(0 4px 8px rgba(0,0,0,.3));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{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-md) 0}.tour-bullets{list-style:none;margin:0;padding:0}.tour-bullets li{color:var(--text-primary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);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{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.tour-skip-button{align-items:center;background:#0000;border:1px solid var(--border-light);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)}.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;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.tour-next-button:hover{background:var(--accent-green);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tour-next-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.tour-next-button--disabled{background:var(--bg-hover);box-shadow:none;color:var(--text-secondary);cursor:not-allowed;opacity:.6}.tour-next-button--disabled:hover{box-shadow:none;filter:none;transform:none}.tour-try-button{align-items:center;background:var(--accent-blue);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);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);transition:all var(--transition-fast)}.tour-try-button:hover{background:var(--accent-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tour-try-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.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;transition:all var(--transition-medium)}.tour-floating-next-button:hover{background:var(--accent-green);box-shadow:var(--shadow-xl);transform:translateY(-2px) scale(1.05)}.tour-floating-next-button:active{transform:translateY(-1px) scale(1.02)}.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(--accent-blue);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}.tour-floating-pill--primary:hover{background:var(--accent-green);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tour-floating-pill--primary:active{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tour-floating-pill--disabled{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed;opacity:.6;order:2}.tour-floating-pill--disabled:hover{box-shadow:none;filter:none;transform:none}@media (max-width:600px){.tour-tooltip{left:50%!important;max-height:calc(100vh - 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));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-next-button,.tour-skip-button,.tour-try-button{font-size:16px;min-height:44px;padding:var(--spacing-sm) var(--spacing-lg)}.tour-controls{flex-direction:column;gap:var(--spacing-sm)}.tour-controls 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) 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-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-skip-button{border-color:var(--beige-sand);color:var(--text-charcoal)}.light-theme .tour-skip-button:hover{background:var(--hover-bg-overlay);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(--accent-sage);color:var(--bg-secondary)}.light-theme .tour-floating-pill--primary:hover{background:var(--accent-olive)}.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(--accent-blue);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(--accent-green);border:2px solid #0000;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);color:var(--text-on-accent);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:var(--spacing-lg) 0 0 0;opacity:0;padding:var(--spacing-md) var(--spacing-2xl);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) var(--spacing-2xl)}#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{width:100%}.complete-button{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-xl)}}.learning-item .expanded-content{margin-top:var(--spacing-md)}.learning-item .details-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(--accent-blue);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)}}.settings{margin:0 auto;max-width:500px;padding:var(--spacing-md) 0;width:100%}.settings-item{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-item-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:var(--spacing-xs)}.settings-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.settings-value{color:var(--accent-blue);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.theme-toggle{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-md);gap:var(--spacing-md);padding:var(--spacing-lg);width:100%}.theme-toggle,.theme-toggle-icon{transition:all var(--transition-fast)}.theme-toggle-icon{color:var(--accent-blue);flex-shrink:0;height:28px;width:28px}.theme-toggle-label{flex:1 1;font-weight:var(--font-weight-medium);text-align:left}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-toggle:hover .theme-toggle-icon{color:var(--accent-yellow);transform:rotate(180deg)}.theme-toggle:active{transform:translateY(0)}.theme-toggle:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring-blue);outline:none}.theme-toggle.dark .theme-toggle-icon{color:var(--accent-yellow)}.theme-toggle.light .theme-toggle-icon{color:var(--accent-blue)}@media (max-width:768px){.settings{max-width:100%}.theme-toggle{padding:var(--spacing-md)}.theme-toggle-icon{height:24px;width:24px}}.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}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.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{font-family:var(--font-sans);opacity:0;pointer-events:all;position:fixed;transform-origin:center;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:10000}.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.position-top-left{left:24px;top:24px}.notification-toast.position-top-center{left:50%;top:16px;transform:translateX(-50%)}.notification-toast.position-top-right{right:24px;top:24px}.notification-toast.position-bottom-left{bottom:24px;left:24px}.notification-toast.position-bottom-right{bottom:24px;right:24px}.notification-toast-content{align-items:center;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);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:var(--transition-fast)}.notification-toast-content:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.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;color:#fffc;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;justify-content:center;line-height:1;opacity:0;padding:0;pointer-events:none;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px}.notification-toast-content:hover .notification-toast-close{opacity:1;pointer-events:auto}.notification-toast-close:hover{background:#ffffff26;color:#fff;transform:scale(1.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-error .notification-toast-content{background:var(--accent-red);border:none;color:#fff}.notification-toast.variant-error .notification-toast-icon{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-info .notification-toast-content{background:var(--accent-blue);border:none;color:#fff}.notification-toast.variant-info .notification-toast-icon{color:#fff}.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.animation-slide.position-top-left.animating{animation:slideInFromTopLeft .4s cubic-bezier(.16,1,.3,1)}.notification-toast.animation-slide.position-top-center.animating{animation:slideInFromTop .4s cubic-bezier(.16,1,.3,1)}.notification-toast.animation-slide.position-top-right.animating{animation:slideInFromTopRight .4s cubic-bezier(.16,1,.3,1)}.notification-toast.animation-slide.position-bottom-left.animating{animation:slideInFromBottomLeft .4s cubic-bezier(.16,1,.3,1)}.notification-toast.animation-slide.position-bottom-right.animating{animation:slideInFromBottomRight .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.position-top-center.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 slideInFromTopLeft{0%{opacity:0;transform:translate(-100%,-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateX(-50%) translateY(-100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideInFromTopRight{0%{opacity:0;transform:translate(100%,-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottomLeft{0%{opacity:0;transform:translate(-100%,100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottomRight{0%{opacity:0;transform:translate(100%,100%)}to{opacity:1;transform:translate(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:translateX(-50%) translateY(-8px) scale(.95)}to{opacity:1;transform:translateX(-50%) 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{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-16px) scale(.95)}}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-16px,-16px) scale(.95)}}@keyframes fadeOutTopRight{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(16px,-16px) scale(.95)}}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-16px,16px) scale(.95)}}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(16px,16px) scale(.95)}}@media (max-width:768px){.notification-toast.position-top-left,.notification-toast.position-top-right{left:12px;right:12px;top:12px}.notification-toast.position-bottom-left,.notification-toast.position-bottom-right{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.position-top-left:nth-of-type(2){top:104px}.notification-toast.position-top-left:nth-of-type(3){top:184px}.notification-toast.position-top-center:nth-of-type(2){top:160px}.notification-toast.position-top-center:nth-of-type(3){top:240px}.notification-toast.position-top-right:nth-of-type(2){top:104px}.notification-toast.position-top-right:nth-of-type(3){top:184px}.notification-toast.position-bottom-left:nth-of-type(2){bottom:104px}.notification-toast.position-bottom-left:nth-of-type(3){bottom:184px}.notification-toast.position-bottom-right:nth-of-type(2){bottom:104px}.notification-toast.position-bottom-right:nth-of-type(3){bottom:184px}.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-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}.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}@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}}: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.d2c9b54e.css.map*/