@layer reset,tokens,base,layout,components,patterns,utilities,overrides;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{background:none;border:none;font:inherit;color:inherit;cursor:pointer}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer base{:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html{scroll-behavior:smooth}body{min-height:100vh;min-height:100dvh;line-height:1.5}:focus-visible{outline:2px solid var(--accent-blue, #82b1ff);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--selection-bg, rgba(166, 226, 46, .3));color:var(--selection-text, inherit)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track, transparent)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, rgba(255, 255, 255, .2));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, rgba(255, 255, 255, .3))}}@layer utilities{.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:16 / 9}.touch-target{min-width:var(--touch-target-comfortable, 48px);min-height:var(--touch-target-comfortable, 48px)}.touch-target-min{min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px)}.no-select{-webkit-user-select:none;user-select:none}.gpu-accelerated{transform:translateZ(0);will-change:transform}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.glass-surface{background:var(--elevation-08dp);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}.glass-surface--light{-webkit-backdrop-filter:blur(8px) saturate(150%);backdrop-filter:blur(8px) saturate(150%)}.glass-surface--strong{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.glass-capsule{background:var(--elevation-08dp);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-radius:var(--border-radius-xl);border:1px solid var(--elevation-overlay-08dp);box-shadow:var(--shadow-elevation-08dp)}.light-theme .glass-surface,.light-theme .glass-capsule{background:var(--elevation-08dp);border-color:var(--elevation-overlay-08dp)}.grain-surface{position:relative}.grain-surface:after{content:"";position:absolute;inset:0;background-image:var(--grain-texture);background-size:var(--grain-size);opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend-mode);pointer-events:none;border-radius:inherit}.grain-subtle:after{opacity:var(--grain-opacity-subtle)}.grain-strong:after{opacity:var(--grain-opacity-strong)}.grain-bg{background-image:var(--grain-texture),var(--bg-gradient, none);background-size:var(--grain-size),auto;background-blend-mode:var(--grain-blend-mode),normal}}@layer overrides{.theme-transitioning *{transition:background-color .3s ease,border-color .3s ease,color .2s ease!important}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}@media(prefers-contrast:high){:root{--border-color: currentColor;--text-tertiary: var(--text-secondary)}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important}a,a:visited{text-decoration:underline}}}:root{color-scheme:dark;--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: #7edb56;--monokai-gray: #75715e;--bg-primary: var(--elevation-00dp);--bg-secondary: var(--elevation-01dp);--bg-elevated: var(--elevation-02dp);--bg-tertiary: var(--elevation-04dp);--bg-hover: var(--elevation-01dp);--text-primary: var(--monokai-fg);--text-secondary: #8b8772;--text-tertiary: #a09f94;--text-charcoal: #b0a590;--text-ink: var(--text-primary);--text-on-accent: #000000;--border-color: #504d3e;--border-light: #3e3d32;--border-subtle: rgba(248, 245, 237, .15);--border-input: rgba(248, 245, 237, .2);--border-elevated: var(--elevation-overlay-08dp);--accent-blue: #82c2fe;--accent-blue-solid: #4a9eff;--accent-green: var(--monokai-green);--accent-orange: var(--monokai-orange);--accent-yellow: var(--monokai-yellow);--accent-red: var(--monokai-red);--accent-purple: var(--monokai-magenta);--accent-green-rgb: 166, 226, 46;--color-golden: #d6ae54;--color-golden-light: #edc76d;--accent-gold: #d6ae54;--tree-green: #509b5a;--tree-green-hover: color-mix(in srgb, var(--tree-green) 85%, #000 15%);--tree-green-pressed: color-mix(in srgb, var(--tree-green) 75%, #000 25%);--accent-sage: #8b9a7f;--tree-card-sage: rgba(139, 154, 127, .15);--tree-card-ocean: rgba(125, 157, 188, .15);--tree-card-amber: rgba(212, 184, 122, .15);--tree-card-rose: rgba(201, 122, 159, .15);--tree-card-slate: rgba(138, 154, 165, .15);--tree-card-plum: rgba(157, 122, 153, .15);--tree-card-earth: rgba(168, 154, 138, .15);--tree-card-sage-light: rgba(139, 154, 127, .12);--tree-card-ocean-light: rgba(109, 138, 166, .12);--tree-card-amber-light: rgba(180, 147, 94, .12);--tree-card-rose-light: rgba(160, 93, 93, .12);--tree-card-slate-light: rgba(109, 122, 136, .12);--tree-card-plum-light: rgba(157, 122, 153, .12);--tree-card-earth-light: rgba(143, 133, 119, .12);--tree-card-neutral: transparent;--tree-swatch-sage: rgb(139, 154, 127);--tree-swatch-ocean: rgb(125, 157, 188);--tree-swatch-amber: rgb(212, 184, 122);--tree-swatch-rose: rgb(201, 122, 159);--tree-swatch-slate: rgb(138, 154, 165);--tree-swatch-plum: rgb(157, 122, 153);--tree-swatch-earth: rgb(168, 154, 138);--priority-urgent: var(--accent-red);--priority-high: var(--accent-orange);--priority-medium: var(--accent-blue);--priority-low: var(--text-secondary);--state-hover: rgba(248, 245, 237, .08);--state-focus: rgba(248, 245, 237, .12);--state-pressed: rgba(248, 245, 237, .12);--state-selected: rgba(248, 245, 237, .16);--state-dragged: rgba(248, 245, 237, .16);--state-activated: rgba(248, 245, 237, .24);--selection-border-color: rgba(139, 154, 127, .7);--selection-border-width: 2px;--selection-ring-color: rgba(139, 154, 127, .4);--selection-ring-width: 2px;--selection-glow: rgba(139, 154, 127, .25);--selection-glow-bright: rgba(139, 154, 127, .3);--selection-ring-bright: rgba(139, 154, 127, .5);--selection-shadow: 0 4px 16px var(--selection-glow), 0 0 0 var(--selection-ring-width) var(--selection-ring-color);--selection-shadow-pulse: 0 4px 20px var(--selection-glow-bright), 0 0 0 var(--selection-ring-width) var(--selection-ring-bright);--selection-shadow-mobile: 0 4px 12px var(--selection-glow), 0 0 0 var(--selection-ring-width) var(--selection-ring-bright);--selection-scale-desktop: 1.05;--selection-scale-mobile: 1.03;--selection-pulse-duration: 2.5s;--selection-transition: all .3s cubic-bezier(.4, 0, .2, 1);--selection-transition-mobile: transform .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, .2, 1);--focus-ring-color: rgba(130, 194, 254, .6);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-blue: var(--focus-ring-color);--bg-info-overlay: rgba(102, 217, 239, .05);--bg-danger-overlay: rgba(249, 38, 114, .05);--bg-error-overlay: rgba(249, 38, 114, .1);--bg-warning-overlay: rgba(230, 219, 116, .1);--hover-bg-warning: rgba(255, 193, 7, .15);--border-warning: rgba(230, 219, 116, .3);--border-color-warning: rgba(255, 193, 7, .3);--text-warning: var(--monokai-yellow);--alert-warning-bg: rgba(253, 151, 31, .08);--alert-warning-border: rgba(253, 151, 31, .5);--alert-warning-text: var(--text-secondary);--alert-warning-accent: var(--monokai-orange);--alert-error-bg: rgba(249, 38, 114, .08);--alert-error-border: rgba(249, 38, 114, .5);--alert-error-text: var(--text-secondary);--alert-error-accent: var(--monokai-red);--alert-info-bg: rgba(102, 217, 239, .08);--alert-info-border: rgba(102, 217, 239, .5);--alert-info-text: var(--text-secondary);--alert-info-accent: var(--monokai-blue);--alert-success-bg: rgba(86, 149, 94, .08);--alert-success-border: rgba(86, 149, 94, .5);--alert-success-text: var(--text-secondary);--alert-success-accent: var(--tree-green);--scrollbar-thumb: rgba(248, 245, 237, .25);--scrollbar-thumb-hover: rgba(248, 245, 237, .45);--scrollbar-track: transparent;--scrollbar-thumb-radius: 5px;--overlay-dark-subtle: rgba(61, 60, 50, .02);--overlay-dark-light: rgba(58, 56, 48, .05);--overlay-dark-medium: rgba(50, 48, 42, .1);--overlay-dark-strong: rgba(42, 40, 36, .2);--overlay-dark-modal: rgba(30, 31, 28, .6);--bg-overlay: var(--overlay-dark-modal);--bg-button-overlay: rgba(240, 235, 215, .1);--border-color-overlay: rgba(238, 232, 210, .15);--overlay-bg: var(--overlay-dark-strong);--progress-ring-bg: var(--elevation-overlay-06dp);--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);--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: rgba(30, 31, 28, .95);--sidebar-text: var(--monokai-gray);--sidebar-active: var(--monokai-green);--sidebar-hover: rgba(62, 61, 50, .5);--sidebar-border: var(--monokai-gray);--meeting-bg: var(--monokai-bg-darker);--meeting-content-bg: var(--monokai-bg);--meeting-text: var(--monokai-fg);--meeting-text-secondary: var(--monokai-gray);--meeting-title: var(--monokai-yellow);--meeting-border: var(--monokai-bg-lighter);--meeting-button-bg: var(--monokai-blue);--meeting-button-text: var(--monokai-fg);--meeting-tabs-bg: rgba(30, 31, 28, .98);--meeting-tab-active-bg: rgba(166, 226, 46, .15);--input-box-bg: rgba(248, 245, 237, .04);--input-box-bg-focus: rgba(248, 245, 237, .06);--input-box-border: var(--border-color);--input-box-border-focus: var(--accent-blue);--map-pin-local: var(--accent-terracotta, #c0826d);--map-pin-connected-online: #66d9ef;--map-pin-connected-offline: #948c7f;--map-pin-suggested: #edc76d;--map-arc-connected: #66d9ef;--map-arc-suggested: #edc76d;--gradient-blue-green: linear-gradient(-45deg, #121314, #1c1a1e, #101010, #090d11);--gradient-blue-green-2: linear-gradient(-45deg, #134e5e, #71b280, #1cb5e0, #2c3e50)}:root{--elevation-00dp: var(--monokai-bg-darker, #1e1f1c);--elevation-01dp: color-mix(in srgb, var(--monokai-bg-darker, #1e1f1c) 95%, #f8f5ed 5%);--elevation-02dp: color-mix(in srgb, var(--monokai-bg-darker, #1e1f1c) 93%, #f8f5ed 7%);--elevation-04dp: color-mix(in srgb, var(--monokai-bg-darker, #1e1f1c) 91%, #f8f5ed 9%);--elevation-06dp: color-mix(in srgb, var(--monokai-bg-darker, #1e1f1c) 89%, #f8f5ed 11%);--elevation-08dp: color-mix(in srgb, var(--monokai-bg-darker, #1e1f1c) 88%, #f8f5ed 12%);--elevation-12dp: color-mix(in srgb, var(--monokai-bg-darker, #1e1f1c) 86%, #f8f5ed 14%);--elevation-16dp: color-mix(in srgb, var(--monokai-bg-darker, #1e1f1c) 85%, #f8f5ed 15%);--elevation-24dp: color-mix(in srgb, var(--monokai-bg-darker, #1e1f1c) 84%, #f8f5ed 16%);--elevation-overlay-01dp: rgba(248, 245, 237, .05);--elevation-overlay-02dp: rgba(248, 245, 237, .07);--elevation-overlay-04dp: rgba(248, 245, 237, .09);--elevation-overlay-06dp: rgba(248, 245, 237, .11);--elevation-overlay-08dp: rgba(248, 245, 237, .12);--elevation-overlay-12dp: rgba(248, 245, 237, .14);--elevation-overlay-16dp: rgba(248, 245, 237, .15);--elevation-overlay-24dp: rgba(248, 245, 237, .16);--shadow-elevation-00dp: none;--shadow-elevation-01dp: 0 1px 1px rgba(30, 31, 28, .14), 0 2px 1px rgba(30, 31, 28, .12);--shadow-elevation-02dp: 0 1px 2px rgba(30, 31, 28, .14), 0 3px 2px rgba(30, 31, 28, .12);--shadow-elevation-04dp: 0 2px 4px rgba(30, 31, 28, .14), 0 4px 5px rgba(30, 31, 28, .12);--shadow-elevation-06dp: 0 3px 5px rgba(30, 31, 28, .14), 0 6px 10px rgba(30, 31, 28, .12);--shadow-elevation-08dp: 0 4px 5px rgba(30, 31, 28, .14), 0 8px 10px rgba(30, 31, 28, .12);--shadow-elevation-12dp: 0 6px 10px rgba(30, 31, 28, .14), 0 12px 15px rgba(30, 31, 28, .12);--shadow-elevation-16dp: 0 8px 10px rgba(30, 31, 28, .14), 0 16px 24px rgba(30, 31, 28, .12);--shadow-elevation-24dp: 0 12px 15px rgba(30, 31, 28, .14), 0 24px 38px rgba(30, 31, 28, .12);--shadow-card: var(--shadow-elevation-01dp);--shadow-interactive: var(--shadow-elevation-02dp);--shadow-interactive-hover: var(--shadow-elevation-04dp);--shadow-modal: var(--shadow-elevation-12dp);--shadow-dropdown: var(--shadow-elevation-04dp);--shadow-sm: var(--shadow-elevation-01dp);--shadow-md: var(--shadow-elevation-04dp);--shadow-lg: var(--shadow-elevation-08dp);--shadow-xl: var(--shadow-elevation-16dp);--shadow-glow-green: 0 0 20px rgba(166, 226, 46, .3);--shadow-glow-blue: 0 0 20px rgba(130, 194, 254, .3);--glow-warm-subtle: 0 0 12px rgba(214, 174, 84, .15);--glow-warm-soft: 0 0 20px rgba(214, 174, 84, .25);--glow-warm-bright: 0 0 30px rgba(214, 174, 84, .35);--glow-sage-subtle: 0 0 12px rgba(139, 154, 127, .15);--glow-sage-soft: 0 0 20px rgba(139, 154, 127, .25);--glow-sage-completion: 0 0 24px rgba(139, 154, 127, .4);--success-glow: 0 4px 20px rgba(80, 155, 90, .3), 0 0 40px rgba(139, 154, 127, .2);--success-border: rgba(80, 155, 90, .5);--shadow-inset-sm: inset 0 1px 2px rgba(0, 0, 0, .12);--shadow-inset-md: inset 0 1px 3px rgba(0, 0, 0, .15), inset 0 1px 1px rgba(0, 0, 0, .08);--shadow-inset-lg: inset 0 2px 4px rgba(0, 0, 0, .18), inset 0 1px 2px rgba(0, 0, 0, .1);--shadow-inset-input: inset 0 1px 2px rgba(0, 0, 0, .1), inset 0 0 0 1px rgba(0, 0, 0, .04);--search-bar-radius: 9999px;--search-bar-bg: var(--bg-secondary);--search-bar-bg-focus: var(--bg-primary);--search-bar-border-color: var(--border-input, rgba(248, 245, 237, .2));--search-bar-border-color-focus: var(--accent-blue, #82c2fe);--search-bar-shadow: var(--shadow-inset-input);--search-bar-shadow-focus: var(--shadow-inset-input), 0 0 0 2px rgba(96, 165, 250, .15);--shadow-hard-sm: 2px 2px 0 rgba(30, 31, 28, .15);--shadow-hard-md: 3px 3px 0 rgba(30, 31, 28, .18);--shadow-hard-lg: 4px 4px 0 rgba(30, 31, 28, .22);--shadow-hard-xl: 5px 5px 0 rgba(30, 31, 28, .28);--shadow-hard-green: 3px 3px 0 rgba(74, 122, 74, .35);--shadow-hard-green-active: 4px 4px 0 rgba(45, 90, 45, .45);--shadow-hard-sage: 3px 3px 0 rgba(139, 154, 127, .3);--shadow-card-hard: var(--shadow-hard-md);--shadow-card-hard-active: var(--shadow-hard-green-active);--shadow-fab-hard: var(--shadow-hard-xl);--shadow-fab-hard-hover: 6px 6px 0 rgba(30, 31, 28, .35);--glass-bg: var(--elevation-overlay-01dp);--glass-bg-strong: var(--elevation-overlay-06dp);--glass-border: rgba(248, 245, 237, .08);--glass-blur: blur(12px);--glass-blur-strong: blur(20px);--glass-shadow: 0 8px 32px rgba(30, 31, 28, .3), 0 0 0 1px var(--elevation-overlay-08dp);--glass-bg-dark: rgba(42, 42, 42, .7);--glass-bg-dark-strong: rgba(42, 42, 42, .85);--glass-bg-dark-subtle: rgba(42, 42, 42, .5);--glass-blur-effect: blur(24px) saturate(180%);--glass-blur-light: blur(16px) saturate(150%);--glass-blur-heavy: blur(32px) saturate(200%);--glass-border-dark: rgba(255, 255, 255, .12);--glass-border-dark-subtle: rgba(255, 255, 255, .08);--glass-border-dark-strong: rgba(255, 255, 255, .18);--glass-shadow-dark: 0 8px 32px rgba(0, 0, 0, .3);--glass-shadow-dark-strong: 0 12px 48px rgba(0, 0, 0, .4);--glass-shadow-dark-subtle: 0 4px 16px rgba(0, 0, 0, .2);--glass-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .08);--glass-inset-highlight-strong: inset 0 1px 0 rgba(255, 255, 255, .12);--glass-hover-overlay: rgba(255, 255, 255, .05);--glass-active-overlay: rgba(255, 255, 255, .08);--glass-selected-overlay: rgba(255, 255, 255, .12);--glass-header-bg: rgba(30, 31, 28, .75);--glass-header-border: rgba(255, 255, 255, .06);--glass-header-height: 44px;--fullscreen-content-top-offset: calc(var(--glass-header-height) + var(--spacing-md, 16px));--glass-overlay-bg: rgba(28, 29, 26, .88);--glass-overlay-border: var(--elevation-overlay-16dp);--glass-overlay-blur: 28px;--glass-overlay-shadow: 0 12px 48px rgba(30, 31, 28, .5), 0 0 0 1px var(--elevation-overlay-08dp), inset 0 1px 0 var(--elevation-overlay-02dp);--organic-modal-bg: rgba(30, 31, 28, .85);--organic-modal-bg-blur: blur(20px);--organic-modal-border: 1px solid rgba(248, 245, 237, .08);--organic-modal-border-radius: var(--border-radius-2xl, 28px);--organic-modal-shadow: 0 24px 48px rgba(0, 0, 0, .4), 0 0 0 1px rgba(248, 245, 237, .05), inset 0 1px 0 rgba(255, 255, 255, .05);--overlay-warm-hover: linear-gradient(135deg, rgba(214, 174, 84, .05) 0%, transparent 50%);--overlay-warm-active: linear-gradient(135deg, rgba(214, 174, 84, .08) 0%, transparent 60%)}:root{--grain-texture: url(/images/bgnoise.svg);--grain-size: 120px;--grain-opacity: .13;--grain-blend-mode: screen;--grain-opacity-light: .13;--grain-blend-mode-light: overlay}.light-theme{--grain-opacity: var(--grain-opacity-light);--grain-blend-mode: var(--grain-blend-mode-light)}:root{--font-serif: "Merriweather", "Georgia", "Times New Roman", serif;--font-sans: "Google Sans Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "Monaco", "Cascadia Code", "Courier New", monospace;--font-family-elegant: "Georgia", "Times New Roman", serif;--font-family-modern: "Inter", "Segoe UI", "Roboto", sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xs: clamp(.75rem, 1.5vw, .875rem);--font-size-sm: clamp(.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-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--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;--content-description-font: var(--font-sans);--content-description-size: var(--font-size-sm);--content-description-weight: var(--font-weight-regular);--content-description-line-height: var(--line-height-relaxed);--content-description-color: var(--text-primary);--content-heading-font: var(--font-serif);--content-heading-size: var(--font-size-lg);--content-heading-weight: var(--font-weight-semibold);--content-heading-line-height: var(--line-height-tight);--content-heading-color: var(--text-primary);--content-subheading-font: var(--font-serif);--content-subheading-size: var(--font-size-md);--content-subheading-weight: var(--font-weight-medium);--content-subheading-line-height: var(--line-height-snug);--content-subheading-color: var(--text-primary);--editor-text-font: var(--font-sans);--editor-text-size: var(--font-size-sm);--editor-text-weight: var(--font-weight-regular);--editor-text-line-height: var(--line-height-relaxed);--content-keyword-font: var(--font-sans);--content-keyword-weight: var(--font-weight-bold);--content-keyword-color: var(--text-primary)}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--content-bottom-buffer: 5vh;--border-radius-xs: .25rem;--border-radius-sm: .375rem;--border-radius-md: .625rem;--border-radius-lg: .875rem;--border-radius-xl: 1.25rem;--border-radius-2xl: 1.75rem;--border-radius-3xl: 2.5rem;--border-radius-capsule: 999px;--radius-organic-sm: 8px 10px 8px 12px;--radius-organic-md: 12px 16px 12px 18px;--radius-organic-lg: 16px 20px 16px 24px;--touch-target-min: 44px;--touch-target-comfortable: 48px;--touch-target-generous: 56px;--touch-target-spacing: 8px;--vh: 1vh;--viewport-height-dynamic: 100dvh;--viewport-height-small: 100svh;--viewport-height-large: 100lvh;--viewport-height: var(--viewport-height-dynamic, calc(var(--vh, 1vh) * 100));--viewport-width: 100vw;--viewport-1vmin: 1vmin;--viewport-1vmax: 1vmax;--app-height: var(--viewport-height);--safe-viewport-height: var(--viewport-height);--main-content-height: var(--viewport-height);--carousel-height: var(--viewport-height);--card-min-height: max-content;--card-max-height: none;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-padding-top: max(var(--spacing-md), env(safe-area-inset-top, 0px));--safe-padding-bottom: max(var(--spacing-md), env(safe-area-inset-bottom, 0px));--safe-padding-left: max(var(--spacing-sm), env(safe-area-inset-left, 0px));--safe-padding-right: max(var(--spacing-sm), env(safe-area-inset-right, 0px));--container-width-full: 100cqw;--container-height-full: 100cqh;--container-1cqmin: 1cqmin;--container-1cqmax: 1cqmax;--container-mobile: 480px;--container-tablet: 768px;--container-desktop: 1024px;--header-height: var(--touch-target-comfortable);--subheader-height: 36px;--tab-height: var(--touch-target-comfortable);--content-width-lg: 1200px;--content-width-xl: 1400px;--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;--sidebar-width-expanded: 180px;--motivation-left-margin: calc(var(--sidebar-width) + var(--spacing-sm));--content-left-margin: var(--sidebar-width);--mobile-sidebar-height: 60px;--mobile-capsule-float-offset: 16px;--mobile-capsule-height: 64px;--mobile-capsule-clearance: calc( var(--mobile-capsule-float-offset) + var(--mobile-capsule-height) + var(--safe-area-bottom, 0px) );--mobile-capsule-radius: 32px;--drawer-height-collapsed: 56px;--drawer-height-compact: 200px;--ui-top-zone: var(--spacing-lg);--ui-control-stack: var(--spacing-md);--ui-bottom-zone: var(--spacing-xl);--ui-element-gap: var(--spacing-sm);--ui-section-gap: var(--spacing-md);--ui-major-gap: var(--spacing-lg);--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);--modal-mobile-margin: 16px;--modal-tablet-margin: 5vh;--video-aspect-ratio-16-9: 16 / 9;--video-aspect-ratio-4-3: 4 / 3;--video-aspect-ratio-9-16: 9 / 16;--video-aspect-ratio-1-1: 1 / 1;--pip-width-portrait: min(35vw, 140px);--pip-width-landscape: min(25vw, 200px);--pip-width-desktop: min(20vw, 280px);--pip-inset-mobile: 12px;--pip-inset-tablet: 16px;--pip-inset-desktop: 20px;--pip-safe-inset-right: max(var(--pip-inset-mobile), var(--safe-area-right));--pip-safe-inset-bottom: max(var(--pip-inset-mobile), var(--safe-area-bottom));--pip-safe-inset-left: max(var(--pip-inset-mobile), var(--safe-area-left));--pip-safe-inset-top: max(var(--pip-inset-mobile), var(--safe-area-top));--video-grid-min-tile-mobile: 160px;--video-grid-min-tile-tablet: 240px;--video-grid-min-tile-desktop: 320px;--tray-height-mobile: 56px;--tray-height-desktop: 56px;--mobile-breakpoint: 600px;--tablet-breakpoint: 768px;--desktop-breakpoint: 1024px}:root{--world-ui-left-desktop: calc(var(--sidebar-width) + var(--spacing-md));--world-ui-left-mobile: var(--spacing-sm);--world-tab-panel-top-desktop: 80px;--world-tab-panel-top-mobile: 70px;--world-tab-panel-left-desktop: calc(var(--sidebar-width) + var(--spacing-md));--world-tab-panel-left-mobile: var(--spacing-md);--zoom-btn-size: 36px;--zoom-btn-radius: 6px;--zoom-btn-gap: 2px;--zoom-container-padding: 4px;--zoom-btn-size-desktop: 36px;--zoom-btn-size-mobile: 44px;--zoom-btn-border-radius: var(--zoom-btn-radius);--zoom-btn-gap-desktop: var(--zoom-btn-gap);--zoom-btn-gap-mobile: var(--zoom-btn-gap);--world-zoom-right-desktop: var(--spacing-lg);--world-zoom-bottom-desktop: calc(80px + var(--spacing-xl));--world-zoom-right-mobile: var(--spacing-sm);--world-zoom-bottom-mobile: 160px}:root{--transition-fast: .15s ease;--transition-medium: .3s ease;--transition-slow: .5s ease;--transition-normal: .3s ease;--ease-out-smooth: cubic-bezier(.25, .46, .45, .94);--ease-in-out-smooth: cubic-bezier(.4, 0, .2, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.68, -.55, .27, 1.55);--tab-content-duration: .25s;--tab-content-exit-duration: .18s;--tab-content-stagger: .03s;--card-transition-duration: .4s;--card-active-scale: 1;--card-collapsed-scale: .9;--pip-transition-snap: .3s cubic-bezier(.4, 0, .2, 1);--pip-transition-drag: .15s ease-out;--smart-anchoring-dimmed-opacity: .6;--smart-anchoring-hover-opacity: .8;--smart-anchoring-duration-nudge: .25s;--smart-anchoring-duration-center: .4s;--smart-anchoring-duration-coordinated: .35s;--toggle-transition: all .3s cubic-bezier(.4, 0, .2, 1);--collapse-duration: .3s;--collapse-easing: cubic-bezier(.4, 0, .2, 1);--collapse-expand-easing: cubic-bezier(.16, 1, .3, 1);--collapse-content-delay: .05s;--collapse-content-stagger: .02s;--collapse-scale-from: .95;--collapse-scale-to: 1;--collapse-origin: top left;--morph-duration: .35s;--morph-trigger-scale-out: .92;--morph-trigger-fade-delay: .08s;--morph-content-delay: .12s;--morph-content-duration: .28s}:root{--z-deep-bg: -10;--z-background: -1;--z-negative: -1;--z-base: 0;--z-elevate: 1;--z-content: 10;--z-header: 100;--z-fab: 500;--z-fixed: 900;--z-sticky: 1000;--z-dropdown: 1500;--z-popover: 2000;--z-tooltip: 2100;--z-drawer: 3000;--z-drawer-fullscreen: 3500;--z-modal-backdrop: 4000;--z-modal: 4100;--z-modal-dropdown: 4200;--z-passport: 4500;--z-dialog: 5000;--z-dialog-dropdown: 5100;--z-processing: 5500;--z-loading: 6000;--z-call-floating: 7000;--z-call-incoming: 7500;--z-notification: 8000;--z-tour: 9000;--z-grain: 9500;--z-dynamic-input: var(--z-sticky);--z-overlay-dialog: var(--z-dialog);--z-loading-transition: var(--z-loading);--z-processing-capsule: var(--z-processing);--z-passport-popup: 13000;--z-navigator-fullscreen: var(--z-notification);--z-tour-overlay: var(--z-tour);--pip-z-index: var(--z-dropdown);--z-workspace-base: 1;--z-workspace-content: 2;--z-workspace-tabs: 10;--z-workspace-tabs-fixed: var(--z-popover);--z-workspace-navigator: 100;--z-workspace-controls: 110;--z-drawer-content-base: 1;--z-drawer-content-overlay: 5;--z-drawer-header-footer: 10;--z-drawer-header-controls: 15;--z-drawer-drag-handle: 20;--z-drawer-dropdown: var(--z-dropdown);--z-drawer-panel-compact: 3100;--z-drawer-options-menu: 3100;--z-drawer-options-submenu: 3101;--z-drawer-panel-base: 3150;--z-drawer-panel-backdrop: 3299;--z-drawer-panel-desktop: 3300;--z-drawer-panel-fullscreen: var(--z-drawer-fullscreen);--z-drawer-panel-closed: 2025;--z-drawer-panel-collapsed: 2015;--z-drawer-fullscreen-input: var(--z-dialog)}:root{--tour-tooltip-width: 450px;--tour-tooltip-min-width: 340px;--tour-tooltip-max-width: 560px;--tour-tooltip-max-height: calc(100vh - 80px) ;--tour-tooltip-max-height: calc(100dvh - 80px) ;--tour-highlight-padding: 8px;--tour-highlight-border-width: 4px;--tour-highlight-border-radius: 8px;--tour-tooltip-margin: 16px;--tour-tooltip-offset: 12px;--tour-mobile-margin: 8px;--tour-transition-duration: .2s;--tour-transition-enter: .2s;--tour-transition-exit: .15s;--tour-transition-reposition: .3s;--tour-transition-timing: ease-out;--tour-transition-easing: cubic-bezier(.34, 1.56, .64, 1);--tour-fade-duration: .15s;--tour-z-overlay: 10000;--tour-z-highlight: 10001;--tour-z-tooltip: 10002;--tour-mobile-breakpoint: 600px;--tour-tablet-breakpoint: 768px;--tour-desktop-breakpoint: 1024px;--tour-tooltip-mobile-width: calc(100vw - var(--tour-mobile-margin) * 2);--tour-tooltip-mobile-min-width: 280px;--tour-tooltip-mobile-max-height: calc(100vh - 120px) ;--tour-tooltip-mobile-max-height: calc(100dvh - 120px) ;--tour-collision-threshold: 20%;--tour-viewport-safe-zone: 16px}:root{--drawer-bg-primary: var(--elevation-08dp);--drawer-bg-card: var(--elevation-overlay-01dp);--drawer-bg-card-hover: var(--state-hover);--drawer-gradient-primary: linear-gradient(135deg, var(--elevation-overlay-01dp), transparent);--drawer-gradient-hover: linear-gradient( 135deg, var(--elevation-overlay-02dp), var(--elevation-overlay-01dp) );--drawer-root-view-bg: var(--elevation-overlay-01dp);--drawer-root-view-border: var(--state-hover);--drawer-drag-handle-bg: var(--bg-secondary);--drawer-drag-handle-border: 2px solid var(--border-color);--drawer-drag-handle-radius: 24px;--drawer-drag-handle-height: 24px;--drawer-drag-handle-margin: 2px;--drawer-header-drag-spacing: calc( var(--drawer-drag-handle-height) + var(--drawer-drag-handle-margin) );--drawer-hierarchy-icon-visual: 20px;--drawer-hierarchy-icon-touch: var(--touch-target-min);--drawer-hierarchy-gap: 8px;--drawer-hierarchy-width-mobile: calc( (var(--drawer-hierarchy-icon-touch) * 3) + (var(--drawer-hierarchy-gap) * 2) + 8px );--drawer-compact-handle-padding-top: 8px;--drawer-compact-handle-padding-bottom: 16px;--drawer-btn-icon-sm: 16px;--drawer-btn-icon-base: 20px;--drawer-ui-green: var(--tree-green);--drawer-ui-green-hover: var(--accent-green);--drawer-height-collapsed: 56px;--drawer-height-compact: 200px}.light-theme{--drawer-bg-primary: var(--elevation-08dp);--drawer-bg-card: var(--elevation-overlay-01dp);--drawer-bg-card-hover: var(--state-hover);--drawer-gradient-primary: linear-gradient(135deg, var(--elevation-overlay-01dp), transparent);--drawer-gradient-hover: linear-gradient( 135deg, var(--elevation-overlay-02dp), var(--elevation-overlay-01dp) );--drawer-root-view-bg: var(--elevation-overlay-01dp);--drawer-root-view-border: var(--state-hover);--drawer-drag-handle-bg: var(--bg-secondary);--drawer-drag-handle-border: 2px solid var(--border-color);--drawer-border-light: 1px solid rgba(61, 52, 40, .12);--drawer-shadow-light: var(--shadow-elevation-08dp)}:root{--reactflow-node-border-radius: var(--border-radius-lg);--reactflow-node-border-radius-mobile: 24px;--reactflow-node-shadow: var(--shadow-elevation-02dp);--reactflow-node-shadow-hover: var(--shadow-elevation-04dp);--reactflow-node-bg: var(--elevation-02dp);--reactflow-node-border: color-mix(in srgb, var(--monokai-fg) 8%, transparent 92%);--reactflow-node-border-width: 1px;--reactflow-node-width: 320px;--reactflow-tree-root-height-collapsed: 160px;--reactflow-tree-root-height-expanded: 320px;--reactflow-branch-height-collapsed: 120px;--reactflow-branch-height-expanded: 240px;--reactflow-action-height-collapsed: 100px;--reactflow-action-height-expanded: 200px;--reactflow-mobile-node-bg: rgba(26, 26, 26, .85);--reactflow-mobile-node-border: 1px solid rgba(255, 255, 255, .05);--reactflow-mobile-node-shadow: 0 4px 20px rgba(0, 0, 0, .3);--reactflow-mobile-node-shadow-selected: 0 10px 40px rgba(59, 130, 246, .5);--reactflow-mobile-node-blur: blur(12px);--reactflow-mobile-node-padding: 16px;--reactflow-mobile-node-gap: 16px;--reactflow-mobile-border-width: 1px;--reactflow-mobile-node-height: 88px;--reactflow-mobile-root-height: 90px;--reactflow-mobile-branch-gap: 32px;--reactflow-mobile-leaf-indent: 24px;--reactflow-mobile-chevron-size: 16px;--reactflow-mobile-edge-anchor: left;--reactflow-mobile-leaf-width: 275px;--reactflow-header-min-height: 44px;--reactflow-header-bg: var(--elevation-04dp);--reactflow-header-border: color-mix(in srgb, var(--monokai-fg) 10%, transparent 90%);--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), .2);--reactflow-status-dropdown-min-width: 120px;--reactflow-status-dropdown-padding: var(--spacing-xs) var(--spacing-sm);--reactflow-button-size: 20px;--reactflow-options-button-hover-bg: var(--state-hover);--reactflow-tooltip-bg: var(--elevation-24dp);--reactflow-tooltip-border: color-mix(in srgb, var(--monokai-fg) 15%, transparent 85%);--reactflow-tooltip-shadow: var(--shadow-elevation-24dp);--reactflow-tooltip-max-width: 200px;--reactflow-status-indicator-size: 16px;--reactflow-status-indicator-dot-size: 8px;--reactflow-bg-primary: var(--elevation-00dp);--reactflow-bg-pattern: var(--monokai-bg-lighter);--reactflow-controls-bg: var(--elevation-04dp);--reactflow-controls-border: color-mix(in srgb, var(--monokai-fg) 10%, transparent 90%);--reactflow-minimap-bg: var(--elevation-08dp);--reactflow-minimap-border: color-mix(in srgb, var(--monokai-fg) 8%, transparent 92%);--reactflow-edge-root-to-branch-color: #9d9280;--reactflow-edge-root-to-branch-width: 4px;--reactflow-edge-branch-to-action-color: #75715e;--reactflow-edge-branch-to-action-width: 2px;--reactflow-edge-completed-color: color-mix(in srgb, var(--tree-green) 80%, transparent 20%);--reactflow-edge-active-color: color-mix(in srgb, var(--accent-blue) 70%, transparent 30%);--reactflow-edge-selected-color: rgba(255, 204, 102, .7);--reactflow-edge-completed-opacity: 1;--reactflow-edge-default-opacity: .7;--reactflow-edge-root-to-branch-width-completed: 7px;--reactflow-edge-branch-to-action-width-completed: 4px;--reactflow-edge-selected-width: 4px;--reactflow-edge-gradient-start: #7fa056;--reactflow-edge-gradient-end: #49483e;--reactflow-edge-gradient-active-start: #6b9b5d;--reactflow-edge-gradient-inactive-end: #3a3a3a;--reactflow-edge-completed-glow: drop-shadow(0 0 4px rgba(var(--accent-green-rgb), .6));--reactflow-selection-amber-glow: rgba(255, 204, 102, .2);--reactflow-selection-white-ring: rgba(255, 255, 255, .6);--reactflow-selection-amber-border: rgba(255, 204, 102, .8);--reactflow-drag-amber-glow-strong: rgba(255, 204, 102, .3);--reactflow-drag-amber-glow-medium: rgba(255, 204, 102, .2);--reactflow-selection-ring: rgba(255, 204, 102, .5);--reactflow-snap-line-amber: rgba(255, 204, 102, .8);--reactflow-tree-root-bg: var(--elevation-04dp);--reactflow-tree-root-border-selected: rgba(255, 204, 102, .7);--reactflow-tree-root-border-default: #9d9280;--reactflow-tree-root-shadow-default: var(--shadow-elevation-04dp);--reactflow-tree-root-shadow-selected: var(--shadow-elevation-08dp);--reactflow-tree-root-header-bg: var(--elevation-06dp);--reactflow-tree-root-header-border: var(--elevation-overlay-08dp);--reactflow-tree-root-label-color: var(--text-primary);--reactflow-tree-root-progress-ring-bg: var(--elevation-overlay-06dp);--reactflow-tree-root-progress-ring-fill: var(--tree-green);--reactflow-tree-root-progress-ring-radius: 14px;--reactflow-tree-root-progress-ring-stroke: 3px;--reactflow-tree-root-resources-bg: var(--elevation-overlay-04dp);--reactflow-tree-root-resources-bg-hover: var(--elevation-overlay-06dp);--reactflow-tree-root-resources-border: var(--elevation-overlay-06dp);--reactflow-tree-root-resources-border-hover: var(--elevation-overlay-08dp);--reactflow-tree-color-blue: #3f62a2;--reactflow-tree-color-green: var(--tree-green);--reactflow-tree-color-orange: #ff7f00;--reactflow-tree-color-purple: #8e44ad;--reactflow-tree-color-red: #e74c3c;--reactflow-branch-status-completed-color: var(--tree-green);--reactflow-branch-status-active-color: color-mix(in srgb, var(--accent-blue) 70%, transparent 30%);--reactflow-branch-status-available-color: #75715e;--reactflow-branch-status-locked-color: #49483e;--reactflow-branch-icon-completed: #ffffff;--reactflow-branch-active-indicator-color: var(--accent-blue);--reactflow-branch-completed-bg: linear-gradient( 135deg, color-mix(in srgb, var(--tree-green) 15%, var(--elevation-02dp) 85%), var(--elevation-02dp) );--reactflow-branch-completed-border: color-mix(in srgb, var(--tree-green) 40%, transparent 60%);--reactflow-branch-completed-shadow: 0 4px 16px rgba(var(--accent-green-rgb), .15), 0 0 0 1px rgba(var(--accent-green-rgb), .2);--reactflow-branch-completed-shadow-hover: 0 6px 20px rgba(var(--accent-green-rgb), .2), 0 0 0 1px rgba(var(--accent-green-rgb), .3);--reactflow-branch-completed-header-bg: linear-gradient( 135deg, color-mix(in srgb, var(--tree-green) 20%, var(--elevation-04dp) 80%), var(--elevation-04dp) );--reactflow-branch-completed-header-border: color-mix(in srgb, var(--tree-green) 30%, transparent 70%);--reactflow-branch-progress-ring-radius: 12px;--reactflow-branch-progress-ring-stroke: 3px;--reactflow-branch-progress-fill: linear-gradient( 90deg, var(--tree-green), color-mix(in srgb, var(--tree-green) 80%, var(--accent-blue) 20%) );--reactflow-branch-progress-fill-glow: 0 0 3px rgba(var(--accent-green-rgb), .4);--reactflow-branch-completion-glow-start: 0 0 0 0 rgba(var(--accent-green-rgb), .4), 0 0 20px rgba(var(--accent-green-rgb), .2);--reactflow-branch-completion-glow-peak: 0 0 0 4px rgba(var(--accent-green-rgb), .3), 0 0 40px rgba(var(--accent-green-rgb), .4);--reactflow-branch-completion-glow-end: var(--reactflow-branch-completion-glow-start);--reactflow-branch-sequence-badge-size: 22px;--reactflow-branch-sequence-badge-offset-top: 6px;--reactflow-branch-sequence-badge-border: 1px solid var(--bg-primary);--reactflow-sequence-badge-bg-completed: rgba(117, 113, 94, .4);--reactflow-sequence-badge-bg-active: rgba(117, 113, 94, .4);--reactflow-sequence-badge-bg-available: rgba(117, 113, 94, .35);--reactflow-sequence-badge-bg-locked: rgba(117, 113, 94, .3);--reactflow-action-completed-color: var(--action-status-complete);--reactflow-action-completed-bg: var(--action-status-complete-bg);--reactflow-action-active-color: var(--action-status-active);--reactflow-action-active-bg: var(--action-status-active-bg);--reactflow-action-pending-color: var(--action-status-pending);--reactflow-action-pending-bg: var(--action-status-pending-bg);--reactflow-action-completed-gradient-bg: linear-gradient( 135deg, color-mix(in srgb, var(--tree-green) 12%, var(--elevation-02dp) 88%), var(--elevation-02dp) );--reactflow-action-completed-border: color-mix(in srgb, var(--tree-green) 35%, transparent 65%);--reactflow-action-completed-shadow: 0 2px 8px rgba(var(--accent-green-rgb), .1), 0 0 0 1px rgba(var(--accent-green-rgb), .15);--reactflow-action-toggle-label-size: 11px;--reactflow-action-toggle-label-color: var(--text-secondary);--reactflow-node-icon-active: var(--text-primary);--reactflow-node-icon-inactive: var(--text-tertiary);--reactflow-node-icon-size: 18px;--reactflow-node-icon-size-mobile: 18px;--reactflow-status-accent-completed: var(--tree-green);--reactflow-status-accent-active: var(--accent-sage);--reactflow-status-accent-pending: var(--text-tertiary);--reactflow-node-touch-target: var(--touch-target-min);--reactflow-node-touch-target-comfortable: var(--touch-target-comfortable);--reactflow-node-button-icon-size: 16px;--reactflow-node-button-icon-size-mobile: 18px;--reactflow-node-button-spacing: var(--touch-target-spacing);--reactflow-toolbar-bg: var(--elevation-08dp);--reactflow-toolbar-bg-hover: var(--elevation-12dp);--reactflow-toolbar-border: color-mix(in srgb, var(--monokai-fg) 12%, transparent 88%);--reactflow-toolbar-border-hover: rgba(255, 204, 102, .6);--reactflow-toolbar-border-delete-hover: #dc3545;--reactflow-toolbar-button-padding: 6px 12px;--reactflow-toolbar-button-radius: 6px;--reactflow-toolbar-button-font-size: 11px;--reactflow-toolbar-shadow: var(--shadow-elevation-08dp);--reactflow-toolbar-backdrop-blur: blur(8px);--reactflow-color-picker-bg: var(--elevation-12dp);--reactflow-color-picker-border: color-mix(in srgb, var(--monokai-fg) 10%, transparent 90%);--reactflow-color-picker-shadow: var(--shadow-elevation-12dp);--reactflow-color-picker-button-size: 24px;--reactflow-color-picker-button-radius: 4px;--reactflow-color-picker-button-border-selected: 2px solid rgba(255, 204, 102, .9);--reactflow-color-picker-button-border-default: 1px solid var(--elevation-overlay-08dp)}.light-theme{--reactflow-node-icon-active: var(--text-ink);--reactflow-node-icon-inactive: color-mix(in srgb, var(--text-ink) 50%, transparent 50%);--reactflow-node-shadow: 0 1px 3px rgba(61, 52, 40, .12), 0 1px 2px rgba(61, 52, 40, .08);--reactflow-node-shadow-hover: 0 4px 6px rgba(61, 52, 40, .15), 0 2px 4px rgba(61, 52, 40, .1);--reactflow-bg-light: var(--beige-paper);--reactflow-edge-color: rgba(61, 52, 40, .25);--reactflow-edge-color-selected: var(--accent-sage);--reactflow-minimap-bg-light: rgba(255, 255, 255, .9);--reactflow-minimap-border-light: var(--beige-sand);--reactflow-minimap-mask-light: rgba(61, 52, 40, .05);--reactflow-minimap-tree-root-light: #5a7fb8;--reactflow-minimap-branch-light: #8b9a7f;--reactflow-minimap-action-light: #7a6f63;--reactflow-mobile-node-bg: rgba(255, 255, 255, .75);--reactflow-mobile-node-border: 1px solid rgba(61, 52, 40, .08);--reactflow-mobile-node-shadow: 0 4px 20px rgba(61, 52, 40, .15);--reactflow-mobile-node-shadow-selected: 0 10px 40px rgba(109, 122, 136, .4);--reactflow-tree-root-bg: linear-gradient( 135deg, color-mix(in srgb, var(--accent-sage) 8%, var(--beige-paper) 92%), var(--beige-paper) );--reactflow-tree-root-border-selected: rgba(139, 154, 127, .7);--reactflow-tree-root-border-default: var(--beige-stone);--reactflow-tree-root-shadow-default: var(--shadow-elevation-04dp);--reactflow-tree-root-shadow-selected: var(--shadow-elevation-08dp);--reactflow-tree-root-header-bg: color-mix(in srgb, var(--accent-sage) 10%, var(--beige-cream) 90%);--reactflow-tree-root-header-border: rgba(139, 154, 127, .3);--reactflow-tree-root-label-color: var(--text-ink);--reactflow-tree-root-progress-ring-bg: rgba(139, 154, 127, .15);--reactflow-tree-root-progress-ring-fill: var(--accent-sage);--reactflow-tree-root-resources-bg: color-mix(in srgb, var(--accent-sage) 6%, var(--beige-cream) 94%);--reactflow-tree-root-resources-bg-hover: color-mix(in srgb, var(--accent-sage) 10%, var(--beige-cream) 90%);--reactflow-tree-root-resources-border: rgba(139, 154, 127, .25);--reactflow-tree-root-resources-border-hover: rgba(139, 154, 127, .4);--reactflow-branch-status-completed-color: var(--accent-sage, #8b9a7f);--reactflow-branch-status-active-color: rgba(109, 122, 136, .8);--reactflow-branch-status-available-color: var(--text-sepia, #7a6f63);--reactflow-branch-status-locked-color: var(--text-muted, #948c7f);--reactflow-branch-completed-bg: linear-gradient( 135deg, color-mix(in srgb, var(--accent-sage) 12%, var(--beige-paper) 88%), var(--beige-paper) );--reactflow-branch-completed-border: var(--accent-sage);--reactflow-branch-completed-shadow: 0 2px 8px rgba(139, 154, 127, .15), 0 0 0 1px rgba(139, 154, 127, .2);--reactflow-branch-completed-shadow-hover: 0 4px 12px rgba(139, 154, 127, .2), 0 0 0 1px rgba(139, 154, 127, .3);--reactflow-branch-completed-header-bg: linear-gradient( 135deg, color-mix(in srgb, var(--accent-sage) 15%, var(--beige-cream) 85%), var(--beige-cream) );--reactflow-branch-completed-header-border: rgba(139, 154, 127, .35);--reactflow-branch-progress-fill: linear-gradient(90deg, var(--accent-sage), #9aab8f);--reactflow-branch-progress-fill-glow: 0 0 6px rgba(139, 154, 127, .3);--reactflow-branch-completion-glow-start: 0 0 0 0 rgba(139, 154, 127, .3), 0 0 15px rgba(139, 154, 127, .15);--reactflow-branch-completion-glow-peak: 0 0 0 3px rgba(139, 154, 127, .25), 0 0 30px rgba(139, 154, 127, .3);--reactflow-sequence-badge-bg-completed: rgba(122, 111, 99, .35);--reactflow-sequence-badge-bg-active: rgba(122, 111, 99, .35);--reactflow-sequence-badge-bg-available: rgba(122, 111, 99, .3);--reactflow-sequence-badge-bg-locked: rgba(122, 111, 99, .25);--reactflow-action-completed-gradient-bg: linear-gradient( 135deg, color-mix(in srgb, var(--accent-sage) 10%, var(--beige-paper) 90%), var(--beige-paper) );--reactflow-action-completed-border: var(--accent-sage);--reactflow-action-completed-shadow: 0 1px 4px rgba(139, 154, 127, .1), 0 0 0 1px rgba(139, 154, 127, .12);--reactflow-toolbar-bg: color-mix(in srgb, var(--beige-cream) 95%, var(--accent-sage) 5%);--reactflow-toolbar-bg-hover: color-mix(in srgb, var(--beige-cream) 90%, var(--accent-sage) 10%);--reactflow-toolbar-border: color-mix(in srgb, var(--beige-stone) 50%, transparent 50%);--reactflow-toolbar-border-hover: rgba(139, 154, 127, .7);--reactflow-toolbar-border-delete-hover: var(--accent-burgundy);--reactflow-toolbar-shadow: var(--shadow-elevation-08dp);--reactflow-color-picker-bg: color-mix(in srgb, var(--beige-cream) 95%, var(--accent-sage) 5%);--reactflow-color-picker-border: color-mix(in srgb, var(--beige-stone) 40%, transparent 60%);--reactflow-color-picker-shadow: var(--shadow-elevation-12dp);--reactflow-color-picker-button-border-selected: 2px solid rgba(139, 154, 127, .9);--reactflow-color-picker-button-border-default: 1px solid rgba(139, 154, 127, .2);--reactflow-edge-root-to-branch-color: var(--beige-earth);--reactflow-edge-branch-to-action-color: var(--beige-stone);--reactflow-edge-completed-color: rgba(139, 154, 127, .7);--reactflow-edge-active-color: rgba(109, 122, 136, .6);--reactflow-edge-selected-color: rgba(139, 154, 127, .8);--reactflow-edge-gradient-start: rgba(139, 154, 127, .6);--reactflow-edge-gradient-end: rgba(196, 185, 163, .4);--reactflow-edge-gradient-active-start: rgba(139, 154, 127, .7);--reactflow-edge-gradient-inactive-end: rgba(196, 185, 163, .3)}@media(max-width:1023px){:root{--spacing-xs: .375rem;--spacing-sm: .625rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem}}@media(max-width:767px){:root{--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.25rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 2.5rem;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px}}@media(max-width:480px){:root{--spacing-xs: .5rem;--spacing-sm: .625rem;--spacing-md: .875rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 2rem}}.light-theme{color-scheme:light;--beige-paper: #f8f4e9;--beige-canvas: #f0eadc;--beige-linen: #e7ddca;--beige-sand: #d9ceb6;--beige-stone: #cdc2a9;--beige-earth: #b5aa94;--beige-bark: #a29785;--text-ink: #453a2d;--text-charcoal: #574c3f;--text-sepia: #6f6355;--text-muted: #8f8577;--accent-sage: #8b9a7f;--accent-terracotta: #c0826d;--accent-slate: #6d7a88;--accent-amber: #d4a574;--accent-burgundy: #a05d5d;--accent-olive: #99906e;--accent-mauve: #9d7a99;--accent-gold: #b8935e;--color-golden: var(--accent-gold);--tree-card-sage: var(--tree-card-sage-light);--tree-card-ocean: var(--tree-card-ocean-light);--tree-card-amber: var(--tree-card-amber-light);--tree-card-rose: var(--tree-card-rose-light);--tree-card-slate: var(--tree-card-slate-light);--tree-card-plum: var(--tree-card-plum-light);--tree-card-earth: var(--tree-card-earth-light);--priority-urgent: var(--accent-burgundy);--priority-high: var(--accent-terracotta);--priority-medium: var(--accent-slate);--priority-low: var(--text-muted);--elevation-00dp: var(--beige-canvas);--elevation-01dp: var(--beige-paper);--elevation-02dp: #fdfaf2;--elevation-04dp: #fefcf6;--elevation-06dp: #fefdf8;--elevation-08dp: #fefefb;--elevation-12dp: #ffffff;--elevation-16dp: #ffffff;--elevation-24dp: #ffffff;--elevation-overlay-01dp: rgba(69, 58, 45, .04);--elevation-overlay-02dp: rgba(69, 58, 45, .06);--elevation-overlay-04dp: rgba(69, 58, 45, .08);--elevation-overlay-06dp: rgba(69, 58, 45, .1);--elevation-overlay-08dp: rgba(69, 58, 45, .12);--elevation-overlay-12dp: rgba(69, 58, 45, .15);--elevation-overlay-16dp: rgba(69, 58, 45, .18);--elevation-overlay-24dp: rgba(69, 58, 45, .22);--state-hover: rgba(69, 58, 45, .1);--state-focus: rgba(69, 58, 45, .14);--state-pressed: rgba(69, 58, 45, .14);--state-selected: rgba(69, 58, 45, .18);--state-dragged: rgba(69, 58, 45, .18);--state-activated: rgba(139, 154, 127, .28);--bg-primary: var(--elevation-00dp);--bg-secondary: var(--elevation-01dp);--bg-elevated: var(--elevation-02dp);--bg-tertiary: var(--elevation-04dp);--bg-hover: var(--elevation-01dp);--text-primary: var(--text-ink);--text-secondary: var(--text-charcoal);--text-tertiary: var(--text-sepia);--border-color: var(--beige-sand);--border-light: var(--beige-linen);--border-elevated: var(--elevation-overlay-08dp);--progress-ring-bg: var(--elevation-overlay-06dp);--input-box-bg: var(--bg-tertiary);--input-box-bg-focus: var(--bg-secondary);--input-box-border: var(--beige-sand);--input-box-border-focus: var(--accent-slate);--search-bar-bg: var(--bg-secondary);--search-bar-bg-focus: var(--bg-secondary);--search-bar-border-color: var(--border-light);--search-bar-border-color-focus: var(--accent-slate);--search-bar-shadow: inset 0 1px 2px rgba(69, 58, 45, .08);--search-bar-shadow-focus: inset 0 1px 2px rgba(69, 58, 45, .08), 0 0 0 3px rgba(109, 122, 136, .15);--accent-blue: var(--accent-slate);--accent-green: var(--accent-sage);--accent-orange: var(--accent-terracotta);--accent-yellow: var(--accent-amber);--accent-red: var(--accent-burgundy);--accent-purple: var(--accent-mauve);--accent-green-rgb: 139, 154, 127;--accent-blue-hover: #5d6a78;--accent-red-hover: #8f4a4a;--selection-glow-branch: rgba(108, 121, 136, .25);--selection-glow-branch-bright: rgba(108, 121, 136, .3);--selection-glow-action: rgba(139, 154, 127, .25);--selection-glow-action-bright: rgba(139, 154, 127, .3);--reactflow-node-icon-active: var(--text-ink);--reactflow-node-icon-inactive: var(--text-charcoal);--reactflow-node-shadow: 0 1px 2px rgba(61, 52, 40, .15), 0 2px 4px rgba(61, 52, 40, .12);--reactflow-node-shadow-hover: 0 4px 8px rgba(61, 52, 40, .18), 0 8px 16px rgba(61, 52, 40, .12);--reactflow-bg-light: var(--beige-paper);--reactflow-edge-color: rgba(61, 52, 40, .25);--reactflow-edge-color-selected: var(--accent-sage);--header-bg: var(--bg-secondary);--header-text: var(--text-ink);--header-border: var(--beige-sand);--header-button-bg: var(--accent-slate);--header-button-hover: var(--accent-sage);--sidebar-bg: rgba(245, 241, 232, .95);--sidebar-text: var(--text-charcoal);--sidebar-active: var(--accent-slate);--sidebar-hover: rgba(235, 229, 217, .8);--sidebar-border: var(--beige-bark);--meeting-bg: var(--beige-paper);--meeting-content-bg: var(--bg-secondary);--meeting-text: var(--text-ink);--meeting-text-secondary: var(--text-charcoal);--meeting-title: var(--accent-slate);--meeting-border: var(--beige-sand);--meeting-button-bg: var(--accent-slate);--meeting-button-text: var(--bg-secondary);--meeting-tabs-bg: rgba(235, 229, 217, .95);--meeting-tab-active-bg: rgba(139, 154, 127, .2);--card-bg: var(--bg-secondary);--card-shadow: var(--shadow-card);--card-bg-color: var(--bg-secondary);--card-bg-darken: .8;--bg-overlay: rgba(245, 241, 232, .9);--bg-button-overlay: rgba(61, 52, 40, .05);--border-color-overlay: rgba(61, 52, 40, .1);--overlay-bg: rgba(245, 241, 232, .6);--glass-bg-light: rgba(250, 245, 230, .7);--glass-bg-light-strong: rgba(250, 245, 230, .85);--glass-bg-light-subtle: rgba(250, 245, 230, .5);--glass-border-light: rgba(61, 52, 40, .15);--glass-border-light-subtle: rgba(61, 52, 40, .1);--glass-border-light-strong: rgba(61, 52, 40, .22);--glass-shadow-light: 0 8px 32px rgba(61, 52, 40, .15);--glass-shadow-light-strong: 0 12px 48px rgba(61, 52, 40, .2);--glass-shadow-light-subtle: 0 4px 16px rgba(61, 52, 40, .1);--glass-inset-highlight-light: inset 0 1px 0 rgba(255, 255, 255, .4);--glass-inset-highlight-light-strong: inset 0 1px 0 rgba(255, 255, 255, .5);--glass-hover-overlay-light: rgba(61, 52, 40, .05);--glass-active-overlay-light: rgba(61, 52, 40, .08);--glass-selected-overlay-light: rgba(61, 52, 40, .12);--glass-header-bg: rgba(248, 245, 237, .8);--glass-header-border: rgba(0, 0, 0, .06);--glass-bg: var(--elevation-overlay-01dp);--glass-bg-strong: var(--elevation-overlay-06dp);--glass-border: var(--state-hover);--glass-blur: blur(12px);--glass-blur-strong: blur(20px);--glass-shadow: 0 8px 32px rgba(61, 52, 40, .15), 0 0 0 1px var(--elevation-overlay-08dp);--glass-overlay-bg: rgba(250, 245, 230, .92);--glass-overlay-border: var(--elevation-overlay-16dp);--glass-overlay-blur: 28px;--glass-overlay-shadow: var(--shadow-elevation-12dp), 0 0 0 1px var(--elevation-overlay-08dp), inset 0 1px 0 rgba(255, 255, 255, .4);--bg-error-overlay: rgba(249, 38, 114, .15);--bg-warning-overlay: rgba(212, 165, 116, .15);--hover-bg-warning: rgba(212, 165, 116, .25);--border-warning: rgba(192, 130, 109, .4);--border-color-warning: rgba(192, 130, 109, .4);--text-warning: #856404;--scrollbar-thumb: rgba(61, 52, 40, .3);--scrollbar-thumb-hover: rgba(61, 52, 40, .5);--scrollbar-track: transparent;--drawer-bg-primary: var(--elevation-08dp);--drawer-bg-card: var(--elevation-overlay-01dp);--drawer-bg-card-hover: var(--state-hover);--drawer-gradient-primary: linear-gradient(135deg, var(--elevation-overlay-01dp), transparent);--drawer-gradient-hover: linear-gradient( 135deg, var(--state-hover), var(--elevation-overlay-01dp) );--drawer-root-view-bg: var(--elevation-overlay-01dp);--drawer-root-view-border: var(--state-hover);--drawer-drag-handle-bg: var(--bg-secondary);--drawer-drag-handle-border: 2px solid var(--border-color);--drawer-border-light: 1px solid rgba(61, 52, 40, .12);--drawer-shadow-light: var(--shadow-elevation-08dp);--shadow-elevation-00dp: none;--shadow-elevation-01dp: 0 1px 2px rgba(69, 58, 45, .08), 0 1px 3px rgba(69, 58, 45, .06);--shadow-elevation-02dp: 0 1px 3px rgba(69, 58, 45, .1), 0 2px 6px rgba(69, 58, 45, .06);--shadow-elevation-04dp: 0 2px 4px rgba(69, 58, 45, .1), 0 4px 8px rgba(69, 58, 45, .06);--shadow-elevation-06dp: 0 3px 6px rgba(69, 58, 45, .1), 0 6px 12px rgba(69, 58, 45, .06);--shadow-elevation-08dp: 0 4px 8px rgba(69, 58, 45, .1), 0 8px 16px rgba(69, 58, 45, .06);--shadow-elevation-12dp: 0 6px 12px rgba(69, 58, 45, .1), 0 12px 24px rgba(69, 58, 45, .06);--shadow-elevation-16dp: 0 8px 16px rgba(69, 58, 45, .1), 0 16px 32px rgba(69, 58, 45, .06);--shadow-elevation-24dp: 0 12px 24px rgba(69, 58, 45, .1), 0 24px 48px rgba(69, 58, 45, .06);--shadow-sm: var(--shadow-elevation-01dp);--shadow-md: var(--shadow-elevation-04dp);--shadow-lg: var(--shadow-elevation-08dp);--shadow-xl: var(--shadow-elevation-16dp);--shadow-card: var(--shadow-elevation-01dp);--shadow-interactive: var(--shadow-elevation-02dp);--shadow-interactive-hover: var(--shadow-elevation-04dp);--shadow-modal: var(--shadow-elevation-12dp);--shadow-dropdown: var(--shadow-elevation-04dp);--map-pin-connected-online: #3f62a2;--map-pin-connected-offline: #7a6f63;--map-pin-suggested: #b8935e;--map-arc-connected: #3f62a2;--map-arc-suggested: #b8935e;--shadow-hard-sm: 2px 2px 0 rgba(69, 58, 45, .12);--shadow-hard-md: 3px 3px 0 rgba(69, 58, 45, .15);--shadow-hard-lg: 4px 4px 0 rgba(69, 58, 45, .18);--shadow-hard-xl: 3px 3px 0 rgba(140, 90, 20, .35);--shadow-hard-green: 3px 3px 0 rgba(107, 142, 95, .3);--shadow-hard-green-active: 4px 4px 0 rgba(76, 112, 68, .4);--shadow-hard-sage: 3px 3px 0 rgba(139, 154, 127, .25);--shadow-card-hard: var(--shadow-hard-md);--shadow-card-hard-active: var(--shadow-hard-green-active);--shadow-fab-hard: var(--shadow-hard-xl);--shadow-fab-hard-hover: 4px 4px 0 rgba(120, 70, 10, .4);--glow-warm-subtle: 0 0 12px rgba(184, 147, 94, .12);--glow-warm-soft: 0 0 18px rgba(184, 147, 94, .2);--glow-warm-bright: 0 0 25px rgba(184, 147, 94, .3);--glow-sage-subtle: 0 0 12px rgba(139, 154, 127, .12);--glow-sage-soft: 0 0 18px rgba(139, 154, 127, .2);--glow-sage-completion: 0 0 20px rgba(139, 154, 127, .35);--overlay-warm-hover: linear-gradient(135deg, rgba(184, 147, 94, .04) 0%, transparent 50%);--overlay-warm-active: linear-gradient(135deg, rgba(184, 147, 94, .06) 0%, transparent 60%);--success-glow: 0 4px 16px rgba(107, 142, 95, .25), 0 0 30px rgba(139, 154, 127, .15);--success-border: rgba(107, 142, 95, .4);--action-status-pending: var(--text-charcoal);--action-status-pending-bg: var(--beige-canvas);--action-status-active: var(--accent-sage);--action-status-active-bg: var(--beige-paper);--action-status-in-progress-bg: var(--bg-primary);--action-status-in-progress-border: var(--accent-sage);--action-status-complete: var(--accent-sage);--action-status-complete-bg: var(--bg-secondary);--toggle-bg-off: var(--beige-canvas);--toggle-bg-on: var(--accent-sage);--toggle-border-off: var(--beige-sand);--toggle-border-on: var(--accent-sage);--toggle-circle-color: var(--beige-paper);--reactflow-bg-light: var(--beige-canvas);--reactflow-bg-pattern-light: var(--beige-earth);--reactflow-controls-light: var(--beige-canvas);--reactflow-border-light: var(--beige-sand);--reactflow-mobile-node-bg: rgba(255, 255, 255, .75);--reactflow-mobile-node-border: 1px solid rgba(61, 52, 40, .08);--reactflow-mobile-node-shadow: 0 4px 20px rgba(61, 52, 40, .15);--reactflow-mobile-node-shadow-selected: 0 10px 40px rgba(109, 122, 136, .4);--mobile-tree-chip-bg: var(--beige-canvas);--mobile-tree-chip-selected-bg: var(--beige-linen);--mobile-tree-chip-border: 1px solid var(--beige-sand);--mobile-tree-chip-selected-border: 2px solid var(--accent-sage);--mobile-tree-chip-glow: 0 6px 20px rgba(139, 154, 127, .4);--mobile-tree-progress-bar-bg: rgba(0, 0, 0, .08);--mobile-tree-progress-bar-fill: var(--accent-gold);--node-inactive-beige: #d4b896;--node-inactive-beige-light: #e6d7b8;--node-inactive-beige-dark: #c4a880;--inactive-node-color: var(--node-inactive-beige);--inactive-node-bg: var(--bg-primary);--inactive-node-border: #e6d7b8;--inactive-node-text: #8b7355;--inactive-node-light: var(--node-inactive-beige-light);--inactive-node-dark: var(--node-inactive-beige-dark);--inactive-node-icon-color: #b8a992;--inactive-node-title-color: #a89880;--inactive-node-button-color: #c4b8a5;--inactive-node-button-opacity: .5;--inactive-node-section-opacity: .4;--inactive-node-growth-icon-color: #b8a992;--inactive-node-checkbox-color: #c4b8a5;--inactive-node-checkbox-bg: #e8e0d4;--inactive-node-edge-dasharray: 6, 4;--inactive-node-edge-color: #d4c9b8;--inactive-node-edge-opacity: .6;--completed-node-icon-color: #8a9a7a;--completed-node-title-color: #7a8a6a;--completed-node-button-color: #9aaa8a;--completed-node-button-opacity: .6;--completed-node-section-opacity: .55;--completed-node-checkbox-color: var(--accent-sage);--completed-node-checkbox-bg: rgba(139, 154, 127, .12);--pending-node-icon-color: var(--text-secondary);--pending-node-title-color: var(--text-secondary);--pending-node-button-color: var(--text-tertiary);--node-bg-primary: rgba(109, 122, 136, .08);--node-bg-secondary: #f5f5dc;--reactflow-minimap-bg-light: rgba(255, 255, 255, .9);--reactflow-minimap-border-light: var(--beige-sand);--reactflow-minimap-mask-light: rgba(61, 52, 40, .05);--reactflow-minimap-tree-root-light: #5a7fb8;--reactflow-minimap-branch-light: #8b9a7f;--reactflow-minimap-action-light: #7a6f63;--reactflow-tree-root-bg: linear-gradient( 135deg, color-mix(in srgb, var(--beige-linen) 90%, white 10%) 0%, var(--beige-sand) 100% );--reactflow-tree-root-border-selected: rgba(139, 154, 127, .8);--reactflow-tree-root-border-default: var(--beige-stone);--reactflow-tree-root-shadow-default: var(--shadow-elevation-04dp);--reactflow-tree-root-shadow-selected: var(--shadow-elevation-08dp);--reactflow-tree-root-header-bg: color-mix( in srgb, var(--beige-sand) 70%, var(--accent-sage) 30% );--reactflow-tree-root-header-border: rgba(139, 154, 127, .3);--reactflow-tree-root-label-color: var(--text-ink);--reactflow-tree-root-progress-ring-bg: rgba(139, 154, 127, .15);--reactflow-tree-root-progress-ring-fill: var(--accent-sage);--reactflow-tree-root-resources-bg: color-mix(in srgb, var(--beige-stone) 85%, white 15%);--reactflow-tree-root-resources-bg-hover: color-mix( in srgb, var(--beige-stone) 75%, var(--accent-sage) 25% );--reactflow-tree-root-resources-border: rgba(139, 154, 127, .25);--reactflow-tree-root-resources-border-hover: rgba(139, 154, 127, .45);--reactflow-branch-status-completed-color: var(--accent-sage, #8b9a7f);--reactflow-branch-status-active-color: rgba(139, 154, 127, .9);--reactflow-branch-status-available-color: var(--text-sepia, #7a6f63);--reactflow-branch-status-locked-color: var(--text-muted, #948c7f);--reactflow-branch-completed-bg: linear-gradient( 135deg, color-mix(in srgb, var(--beige-canvas) 75%, var(--accent-sage) 25%), color-mix(in srgb, var(--beige-canvas) 85%, var(--accent-sage) 15%) );--reactflow-branch-completed-border: var(--accent-sage);--reactflow-branch-completed-shadow: var(--shadow-elevation-02dp), 0 0 0 1px rgba(139, 154, 127, .25);--reactflow-branch-completed-shadow-hover: var(--shadow-elevation-04dp), 0 0 0 2px rgba(139, 154, 127, .4);--reactflow-branch-completed-header-bg: linear-gradient( 135deg, color-mix(in srgb, var(--beige-linen) 70%, var(--accent-sage) 30%), color-mix(in srgb, var(--beige-linen) 80%, var(--accent-sage) 20%) );--reactflow-branch-completed-header-border: rgba(139, 154, 127, .35);--reactflow-branch-progress-fill: linear-gradient( 90deg, var(--accent-sage), rgba(139, 154, 127, .85) );--reactflow-branch-progress-fill-glow: 0 0 6px rgba(139, 154, 127, .3);--reactflow-branch-completion-glow-start: 0 2px 8px rgba(139, 154, 127, .2), 0 1px 3px rgba(61, 52, 40, .1);--reactflow-branch-completion-glow-peak: 0 0 20px rgba(139, 154, 127, .4), 0 4px 12px rgba(139, 154, 127, .3), 0 2px 6px rgba(61, 52, 40, .15);--reactflow-branch-completion-glow-end: var(--reactflow-branch-completion-glow-start);--reactflow-sequence-badge-bg-completed: rgba(122, 111, 99, .35);--reactflow-sequence-badge-bg-active: rgba(122, 111, 99, .35);--reactflow-sequence-badge-bg-available: rgba(122, 111, 99, .3);--reactflow-sequence-badge-bg-locked: rgba(122, 111, 99, .25);--reactflow-action-completed-gradient-bg: linear-gradient( 135deg, color-mix(in srgb, var(--beige-canvas) 80%, var(--accent-sage) 20%), color-mix(in srgb, var(--beige-canvas) 90%, var(--accent-sage) 10%) );--reactflow-action-completed-border: var(--accent-sage);--reactflow-action-completed-shadow: var(--shadow-elevation-01dp), 0 0 0 1px rgba(139, 154, 127, .2);--status-badge-pending-bg: rgba(122, 111, 99, .15);--status-badge-pending-color: var(--text-sepia, #7a6f63);--status-badge-pending-border: rgba(122, 111, 99, .3);--status-badge-active-bg: rgba(139, 154, 127, .15);--status-badge-active-color: var(--accent-sage, #8b9a7f);--status-badge-active-border: rgba(139, 154, 127, .3);--status-badge-complete-bg: rgba(139, 154, 127, .2);--status-badge-complete-color: var(--accent-sage, #8b9a7f);--status-badge-complete-border: rgba(139, 154, 127, .4);--verification-badge-expert-bg: rgba(184, 147, 94, .2);--verification-badge-expert-color: var(--accent-gold);--verification-badge-expert-border: rgba(184, 147, 94, .4);--verification-badge-expert-glow: 0 0 6px rgba(184, 147, 94, .3);--verification-badge-ai-bg: rgba(63, 98, 162, .12);--verification-badge-ai-color: #3f62a2;--verification-badge-ai-border: rgba(63, 98, 162, .25);--verification-badge-self-bg: rgba(122, 111, 99, .12);--verification-badge-self-color: var(--text-sepia);--verification-badge-self-border: rgba(122, 111, 99, .2);--reactflow-toolbar-bg: color-mix(in srgb, var(--beige-canvas) 85%, white 15%);--reactflow-toolbar-bg-hover: color-mix(in srgb, var(--beige-linen) 80%, var(--accent-sage) 20%);--reactflow-toolbar-border: color-mix(in srgb, var(--beige-sand) 85%, var(--accent-sage) 15%);--reactflow-toolbar-border-hover: rgba(139, 154, 127, .7);--reactflow-toolbar-border-delete-hover: var(--accent-burgundy);--reactflow-toolbar-shadow: var(--shadow-elevation-08dp);--reactflow-color-picker-bg: color-mix(in srgb, var(--beige-canvas) 85%, white 15%);--reactflow-color-picker-border: color-mix( in srgb, var(--beige-sand) 85%, var(--accent-sage) 15% );--reactflow-color-picker-shadow: var(--shadow-elevation-12dp);--reactflow-color-picker-button-border-selected: 2px solid rgba(139, 154, 127, .9);--reactflow-color-picker-button-border-default: 1px solid rgba(139, 154, 127, .2);--reactflow-edge-root-to-branch-color: var(--beige-earth);--reactflow-edge-branch-to-action-color: var(--beige-stone);--reactflow-edge-completed-color: rgba(139, 154, 127, .5);--reactflow-edge-active-color: rgba(139, 154, 127, .35);--reactflow-edge-selected-color: rgba(184, 158, 110, .6);--reactflow-edge-gradient-start: rgba(139, 154, 127, .5);--reactflow-edge-gradient-end: rgba(196, 185, 163, .4);--reactflow-edge-gradient-active-start: rgba(139, 154, 127, .6);--reactflow-edge-gradient-inactive-end: rgba(212, 201, 179, .3)}.app-shell{display:grid;grid-template-areas:"header header" "sidebar main";grid-template-columns:var(--sidebar-width, 280px) 1fr;grid-template-rows:var(--header-height, 64px) 1fr;min-height:100vh;min-height:100dvh}.app-shell--no-sidebar{grid-template-areas:"header" "main";grid-template-columns:1fr}.app-shell__header{grid-area:header;position:sticky;top:0;z-index:var(--z-fixed, 1030)}.app-shell__sidebar{grid-area:sidebar;position:sticky;top:var(--header-height, 64px);height:calc(100vh - var(--header-height, 64px));height:calc(100dvh - var(--header-height, 64px));overflow-y:auto}.app-shell__main{grid-area:main;min-width:0;overflow-x:hidden}@media(max-width:600px){.app-shell{grid-template-areas:"header" "main";grid-template-columns:1fr;grid-template-rows:var(--header-height-mobile, 56px) 1fr}.app-shell__sidebar{position:fixed;left:0;top:var(--header-height-mobile, 56px);width:var(--sidebar-width, 280px);height:calc(100vh - var(--header-height-mobile, 56px));transform:translate(-100%);transition:transform .3s var(--ease-out-smooth);z-index:var(--z-modal, 1040)}.app-shell__sidebar--open{transform:translate(0)}}.card-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:var(--card-width, 100%);gap:var(--carousel-gap, 0);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.card-carousel::-webkit-scrollbar{display:none}.card-carousel__item{scroll-snap-align:center;scroll-snap-stop:always;min-width:0}.card-carousel--peek{grid-auto-columns:calc(100% - var(--carousel-peek, 48px));gap:var(--spacing-md, 16px);padding-inline:var(--carousel-padding, 24px)}@media(min-width:1200px){.card-carousel--multi{grid-auto-columns:minmax(320px,400px);justify-content:start;gap:var(--spacing-lg, 24px)}}.dashboard{display:grid;grid-template-areas:"content";grid-template-columns:1fr;min-height:calc(100vh - var(--header-height, 64px));min-height:calc(100dvh - var(--header-height, 64px))}.dashboard--with-nav{grid-template-areas:"nav content";grid-template-columns:var(--dashboard-nav-width, 240px) 1fr}.dashboard--with-detail{grid-template-areas:"content detail";grid-template-columns:1fr var(--dashboard-detail-width, 360px)}.dashboard--full{grid-template-areas:"nav content detail";grid-template-columns:var(--dashboard-nav-width, 240px) 1fr var(--dashboard-detail-width, 360px)}.dashboard__nav{grid-area:nav;border-inline-end:1px solid var(--border-color);overflow-y:auto}.dashboard__content{grid-area:content;min-width:0;padding:var(--spacing-lg, 24px)}.dashboard__detail{grid-area:detail;border-inline-start:1px solid var(--border-color);overflow-y:auto}@media(max-width:1023px){.dashboard--full,.dashboard--with-nav{grid-template-areas:"nav" "content";grid-template-columns:1fr;grid-template-rows:auto 1fr}.dashboard__nav{position:sticky;top:0;z-index:var(--z-sticky, 1020);border-inline-end:none;border-block-end:1px solid var(--border-color)}.dashboard--with-detail{grid-template-areas:"content";grid-template-columns:1fr}.dashboard__detail{position:fixed;inset-inline-end:0;top:var(--header-height, 64px);width:min(400px,100vw);height:calc(100vh - var(--header-height, 64px));transform:translate(100%);transition:transform .3s var(--ease-out-smooth);z-index:var(--z-modal, 1040);background:var(--bg-primary)}.dashboard__detail--open{transform:translate(0)}}@media(max-width:600px){.dashboard,.dashboard--with-nav,.dashboard--with-detail,.dashboard--full{grid-template-areas:"content";grid-template-columns:1fr}.dashboard__content{padding:var(--spacing-md, 16px)}.dashboard__nav,.dashboard__detail{position:fixed;inset:0;transform:translateY(100%);z-index:var(--z-modal, 1040);background:var(--bg-primary)}.dashboard__nav--open,.dashboard__detail--open{transform:translateY(0)}}.content-grid{display:grid;gap:var(--spacing-md, 16px);grid-template-columns:repeat(auto-fill,minmax(var(--content-grid-min, 280px),1fr))}.content-grid--cols-2{grid-template-columns:repeat(2,1fr)}.content-grid--cols-3{grid-template-columns:repeat(3,1fr)}.content-grid--cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1023px){.content-grid--cols-3,.content-grid--cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.content-grid--cols-2,.content-grid--cols-3,.content-grid--cols-4{grid-template-columns:1fr}}.masonry-grid{column-count:var(--masonry-columns, 3);column-gap:var(--spacing-md, 16px)}.masonry-grid__item{break-inside:avoid;margin-bottom:var(--spacing-md, 16px)}@media(max-width:1023px){.masonry-grid{column-count:2}}@media(max-width:600px){.masonry-grid{column-count:1}}.split-view{display:grid;grid-template-columns:1fr var(--split-divider-width, 4px) 1fr;height:100%}.split-view--vertical{grid-template-columns:1fr;grid-template-rows:1fr var(--split-divider-width, 4px) 1fr}.split-view__pane{min-width:0;min-height:0;overflow:auto}.split-view__divider{background:var(--border-color);cursor:col-resize;transition:background .2s ease}.split-view__divider:hover{background:var(--accent-blue)}.split-view--vertical .split-view__divider{cursor:row-resize}.stack{display:grid;grid-template-columns:1fr;gap:var(--stack-gap, var(--spacing-md, 16px));align-content:start}.stack--sm{--stack-gap: var(--spacing-sm, 8px)}.stack--lg{--stack-gap: var(--spacing-lg, 24px)}.stack--xl{--stack-gap: var(--spacing-xl, 32px)}.cluster{display:flex;flex-wrap:wrap;gap:var(--cluster-gap, var(--spacing-sm, 8px));align-items:center}.cluster--justify-center{justify-content:center}.cluster--justify-between{justify-content:space-between}.cluster--justify-end{justify-content:flex-end}.center{display:grid;place-items:center;min-height:var(--center-min-height, 200px)}.center--full{min-height:100vh;min-height:100dvh}.with-sidebar{display:grid;gap:var(--spacing-lg, 24px);grid-template-columns:minmax(0,1fr) minmax(var(--sidebar-min, 200px),var(--sidebar-max, 300px))}.with-sidebar--left{grid-template-columns:minmax(var(--sidebar-min, 200px),var(--sidebar-max, 300px)) minmax(0,1fr)}@media(max-width:600px){.with-sidebar,.with-sidebar--left{grid-template-columns:1fr}}:root{--reactflow-node-border-radius: var(--border-radius-lg);--reactflow-node-border-radius-mobile: 24px;--reactflow-node-shadow: var(--shadow-elevation-02dp);--reactflow-node-shadow-hover: var(--shadow-elevation-04dp);--reactflow-node-bg: var(--elevation-02dp);--reactflow-node-border: color-mix(in srgb, var(--elevation-04dp) 80%, transparent 20%);--reactflow-node-border-width: 1px;--reactflow-mobile-node-bg: rgba(26, 26, 26, .85);--reactflow-mobile-node-border: 1px solid rgba(255, 255, 255, .05);--reactflow-mobile-node-shadow: 0 4px 20px rgba(0, 0, 0, .3);--reactflow-mobile-node-shadow-selected: 0 10px 40px rgba(59, 130, 246, .5);--reactflow-mobile-node-blur: blur(12px);--reactflow-mobile-node-padding: 16px;--reactflow-mobile-node-gap: 10px;--reactflow-mobile-border-width: 1px;--reactflow-node-width: 320px;--reactflow-tree-root-height-collapsed: 160px;--reactflow-tree-root-height-expanded: 320px;--reactflow-branch-height-collapsed: 120px;--reactflow-branch-height-expanded: 240px;--reactflow-action-height-collapsed: 100px;--reactflow-action-height-expanded: 200px;--reactflow-mobile-node-height: 88px;--reactflow-mobile-root-height: 90px;--reactflow-mobile-node-gap: 16px;--reactflow-mobile-branch-gap: 32px;--reactflow-mobile-leaf-indent: 24px;--reactflow-mobile-chevron-size: 16px;--reactflow-mobile-edge-anchor: left;--reactflow-mobile-leaf-width: 275px;--mobile-tree-chip-bg: var(--bg-secondary);--mobile-tree-chip-selected-bg: var(--bg-elevated);--mobile-tree-chip-border: 1px solid var(--border-color);--mobile-tree-chip-selected-border: 2px solid var(--color-golden);--mobile-tree-chip-glow: 0 6px 20px rgba(214, 174, 84, .4);--mobile-tree-chip-padding: 8px 12px;--mobile-tree-chip-gap: 8px;--mobile-tree-progress-bar-height: 3px;--mobile-tree-progress-bar-bg: rgba(255, 255, 255, .1);--mobile-tree-progress-bar-fill: var(--color-golden);--mobile-tree-progress-bar-radius: 2px;--reactflow-header-min-height: 44px;--reactflow-header-bg: var(--elevation-04dp);--reactflow-header-border: color-mix(in srgb, var(--elevation-06dp) 70%, transparent 30%);--reactflow-node-title-size: var(--font-size-sm);--reactflow-node-title-weight: var(--font-weight-semibold);--reactflow-node-title-color: var(--text-primary);--reactflow-node-content-size: var(--font-size-xs);--reactflow-node-content-color: var(--text-secondary);--reactflow-label-size: var(--font-size-xs);--reactflow-label-weight: var(--font-weight-medium);--reactflow-label-color: var(--text-secondary);--reactflow-status-dropdown-bg: var(--bg-secondary);--reactflow-status-dropdown-border: var(--border-color);--reactflow-status-dropdown-focus: var(--accent-blue);--reactflow-status-dropdown-focus-shadow: rgba(var(--accent-green-rgb), .2);--reactflow-status-dropdown-min-width: 120px;--reactflow-status-dropdown-padding: var(--spacing-xs) var(--spacing-sm);--reactflow-button-size: 20px;--reactflow-options-button-hover-bg: var(--state-hover);--reactflow-tooltip-bg: var(--elevation-24dp);--reactflow-tooltip-border: color-mix( in srgb, var(--elevation-24dp) 90%, var(--accent-green) 10% );--reactflow-tooltip-shadow: var(--shadow-elevation-24dp);--reactflow-tooltip-max-width: 200px;--reactflow-status-indicator-size: 16px;--reactflow-status-indicator-dot-size: 8px;--reactflow-bg-primary: var(--elevation-00dp);--reactflow-bg-pattern: var(--monokai-bg-lighter);--reactflow-controls-bg: var(--elevation-08dp);--reactflow-controls-border: color-mix( in srgb, var(--elevation-08dp) 85%, var(--accent-green) 15% );--reactflow-minimap-bg: var(--elevation-08dp);--reactflow-minimap-border: color-mix( in srgb, var(--elevation-08dp) 85%, var(--accent-green) 15% );--reactflow-edge-root-to-branch-color: #9d9280;--reactflow-edge-root-to-branch-width: 4px;--reactflow-edge-branch-to-action-color: #75715e;--reactflow-edge-branch-to-action-width: 2px;--reactflow-edge-completed-color: color-mix(in srgb, var(--tree-green) 30%, transparent 70%);--reactflow-edge-active-color: color-mix(in srgb, var(--tree-green) 25%, transparent 75%);--reactflow-edge-selected-color: rgba(255, 204, 102, .7);--reactflow-edge-completed-glow: drop-shadow( 0 0 3px color-mix(in srgb, var(--tree-green) 25%, transparent 75%) );--reactflow-edge-completed-opacity: 1;--reactflow-edge-default-opacity: .7;--reactflow-edge-root-to-branch-width-completed: 7px;--reactflow-edge-branch-to-action-width-completed: 4px;--reactflow-edge-selected-width: 4px;--reactflow-edge-gradient-start: #7fa056;--reactflow-edge-gradient-end: #49483e;--reactflow-edge-gradient-active-start: #6b9b5d;--reactflow-edge-gradient-inactive-end: #3a3a3a;--reactflow-selection-amber-glow: rgba(255, 204, 102, .4);--reactflow-selection-white-ring: rgba(255, 255, 255, .6);--reactflow-selection-amber-border: rgba(255, 204, 102, .8);--reactflow-drag-amber-glow-strong: rgba(255, 204, 102, .3);--reactflow-drag-amber-glow-medium: rgba(255, 204, 102, .2);--reactflow-selection-ring: rgba(255, 204, 102, .5);--reactflow-snap-line-amber: rgba(255, 204, 102, .8);--reactflow-tree-root-bg: var(--elevation-04dp);--reactflow-tree-root-border-selected: rgba(255, 204, 102, .8);--reactflow-tree-root-border-default: #9d9280;--reactflow-tree-root-shadow-default: var(--shadow-elevation-04dp);--reactflow-tree-root-shadow-selected: var(--shadow-elevation-08dp);--reactflow-tree-root-header-bg: var(--elevation-overlay-08dp);--reactflow-tree-root-header-border: var(--elevation-overlay-12dp);--reactflow-tree-root-label-color: var(--text-primary);--reactflow-tree-root-progress-ring-bg: var(--elevation-overlay-06dp);--reactflow-tree-root-progress-ring-fill: var(--tree-green);--reactflow-tree-root-progress-ring-radius: 14px;--reactflow-tree-root-progress-ring-stroke: 3px;--reactflow-tree-root-resources-bg: var(--elevation-overlay-04dp);--reactflow-tree-root-resources-bg-hover: var(--elevation-overlay-08dp);--reactflow-tree-root-resources-border: var(--elevation-overlay-06dp);--reactflow-tree-root-resources-border-hover: var(--elevation-overlay-12dp);--reactflow-tree-color-blue: #3f62a2;--reactflow-tree-color-green: var(--tree-green);--reactflow-tree-color-orange: #ff7f00;--reactflow-tree-color-purple: #8e44ad;--reactflow-tree-color-red: #e74c3c;--reactflow-branch-status-completed-color: var(--tree-green);--reactflow-branch-status-active-color: color-mix( in srgb, var(--tree-green) 85%, transparent 15% );--reactflow-branch-status-available-color: #75715e;--reactflow-branch-status-locked-color: #49483e;--reactflow-branch-icon-completed: #ffffff;--reactflow-branch-active-indicator-color: var(--accent-green);--reactflow-branch-completed-bg: linear-gradient( 135deg, color-mix(in srgb, var(--elevation-04dp) 88%, var(--tree-green) 12%), var(--elevation-04dp) );--reactflow-branch-completed-border: color-mix(in srgb, var(--tree-green) 50%, transparent 50%);--reactflow-branch-completed-shadow: var(--shadow-elevation-02dp), 0 0 0 1px color-mix(in srgb, var(--tree-green) 20%, transparent 80%);--reactflow-branch-completed-shadow-hover: var(--shadow-elevation-04dp), 0 0 0 2px color-mix(in srgb, var(--tree-green) 35%, transparent 65%);--reactflow-branch-completed-header-bg: linear-gradient( 135deg, color-mix(in srgb, var(--elevation-06dp) 92%, var(--tree-green) 8%), var(--elevation-06dp) );--reactflow-branch-completed-header-border: color-mix( in srgb, var(--tree-green) 25%, transparent 75% );--reactflow-branch-progress-ring-radius: 12px;--reactflow-branch-progress-ring-stroke: 3px;--reactflow-branch-sequence-badge-size: 22px;--reactflow-branch-sequence-badge-offset-top: 6px;--reactflow-branch-sequence-badge-border: 1px solid var(--bg-primary);--reactflow-branch-progress-fill: linear-gradient( 90deg, var(--tree-green), color-mix(in srgb, var(--tree-green) 75%, transparent 25%) );--reactflow-branch-progress-fill-glow: 0 0 3px color-mix(in srgb, var(--tree-green) 15%, transparent 85%);--reactflow-branch-completion-glow-start: 0 2px 6px color-mix(in srgb, var(--tree-green) 10%, transparent 90%), 0 1px 3px rgba(0, 0, 0, .15);--reactflow-branch-completion-glow-peak: 0 0 12px color-mix(in srgb, var(--tree-green) 20%, transparent 80%), 0 4px 10px color-mix(in srgb, var(--tree-green) 15%, transparent 85%), 0 2px 6px rgba(0, 0, 0, .2);--reactflow-branch-completion-glow-end: var(--reactflow-branch-completion-glow-start);--reactflow-sequence-badge-bg-completed: rgba(117, 113, 94, .4);--reactflow-sequence-badge-bg-active: rgba(117, 113, 94, .4);--reactflow-sequence-badge-bg-available: rgba(117, 113, 94, .35);--reactflow-sequence-badge-bg-locked: rgba(117, 113, 94, .3);--reactflow-action-completed-color: var(--action-status-complete);--reactflow-action-completed-bg: var(--action-status-complete-bg);--reactflow-action-active-color: var(--action-status-active);--reactflow-action-active-bg: var(--action-status-active-bg);--reactflow-action-pending-color: var(--action-status-pending);--reactflow-action-pending-bg: var(--action-status-pending-bg);--reactflow-action-completed-gradient-bg: linear-gradient( 135deg, color-mix(in srgb, var(--elevation-02dp) 88%, var(--tree-green) 12%), var(--elevation-02dp) );--reactflow-action-completed-border: color-mix(in srgb, var(--tree-green) 50%, transparent 50%);--reactflow-action-completed-shadow: var(--shadow-elevation-01dp), 0 0 0 1px color-mix(in srgb, var(--tree-green) 18%, transparent 82%);--reactflow-action-toggle-label-size: 11px;--reactflow-action-toggle-label-color: var(--text-secondary);--reactflow-node-icon-active: var(--text-primary);--reactflow-node-icon-inactive: var(--text-tertiary);--reactflow-node-icon-size: 18px;--reactflow-node-icon-size-mobile: 18px;--reactflow-status-accent-completed: var(--tree-green);--reactflow-status-accent-active: var(--accent-sage);--reactflow-status-accent-pending: var(--text-tertiary);--reactflow-node-touch-target: var(--touch-target-min);--reactflow-node-touch-target-comfortable: var(--touch-target-comfortable);--reactflow-node-button-icon-size: 16px;--reactflow-node-button-icon-size-mobile: 18px;--reactflow-node-button-spacing: var(--touch-target-spacing);--reactflow-toolbar-bg: var(--elevation-08dp);--reactflow-toolbar-bg-hover: var(--elevation-12dp);--reactflow-toolbar-border: color-mix( in srgb, var(--elevation-08dp) 80%, var(--accent-green) 20% );--reactflow-toolbar-border-hover: rgba(255, 204, 102, .8);--reactflow-toolbar-border-delete-hover: #dc3545;--reactflow-toolbar-button-padding: 6px 12px;--reactflow-toolbar-button-radius: 6px;--reactflow-toolbar-button-font-size: 11px;--reactflow-toolbar-shadow: var(--shadow-elevation-08dp);--reactflow-toolbar-backdrop-blur: blur(8px);--reactflow-color-picker-bg: var(--elevation-12dp);--reactflow-color-picker-border: color-mix( in srgb, var(--elevation-12dp) 85%, var(--accent-green) 15% );--reactflow-color-picker-shadow: var(--shadow-elevation-12dp);--reactflow-color-picker-button-size: 24px;--reactflow-color-picker-button-radius: 4px;--reactflow-color-picker-button-border-selected: 2px solid rgba(255, 204, 102, .9);--reactflow-color-picker-button-border-default: 1px solid var(--elevation-overlay-08dp);--node-inactive-beige: #9d9280;--node-inactive-beige-light: #b0a590;--node-inactive-beige-dark: #8b7f6e;--inactive-node-color: var(--node-inactive-beige);--inactive-node-bg: var(--bg-secondary);--inactive-node-border: var(--border-color);--inactive-node-text: var(--text-secondary);--inactive-node-light: var(--node-inactive-beige-light);--inactive-node-dark: var(--node-inactive-beige-dark);--inactive-node-icon-color: #6b6458;--inactive-node-title-color: #7a7368;--inactive-node-button-color: #5c574d;--inactive-node-button-opacity: .45;--inactive-node-section-opacity: .35;--inactive-node-growth-icon-color: #6b6458;--inactive-node-checkbox-color: #5c574d;--inactive-node-checkbox-bg: #3d3a35;--inactive-node-edge-dasharray: 6, 4;--inactive-node-edge-color: #4a463f;--inactive-node-edge-opacity: .5;--completed-node-icon-color: #7a8a72;--completed-node-title-color: #8b9a82;--completed-node-button-color: #6b7a63;--completed-node-button-opacity: .55;--completed-node-section-opacity: .5;--completed-node-checkbox-color: var(--accent-sage);--completed-node-checkbox-bg: rgba(139, 154, 127, .15);--pending-node-icon-color: var(--text-secondary);--pending-node-title-color: var(--text-secondary);--pending-node-button-color: var(--text-tertiary);--node-bg-primary: rgba(63, 98, 162, .1);--node-bg-secondary: rgba(117, 113, 94, .1);--status-badge-pending-bg: rgba(117, 113, 94, .2);--status-badge-pending-color: #75715e;--status-badge-pending-border: rgba(117, 113, 94, .3);--status-badge-active-bg: color-mix(in srgb, var(--tree-green) 18%, transparent 82%);--status-badge-active-color: var(--tree-green);--status-badge-active-border: color-mix(in srgb, var(--tree-green) 25%, transparent 75%);--status-badge-complete-bg: color-mix(in srgb, var(--tree-green) 18%, transparent 82%);--status-badge-complete-color: var(--tree-green);--status-badge-complete-border: color-mix(in srgb, var(--tree-green) 25%, transparent 75%);--verification-badge-expert-bg: color-mix(in srgb, var(--color-golden) 20%, transparent 80%);--verification-badge-expert-color: var(--color-golden);--verification-badge-expert-border: color-mix(in srgb, var(--color-golden) 35%, transparent 65%);--verification-badge-expert-glow: 0 0 8px rgba(214, 174, 84, .4);--verification-badge-ai-bg: color-mix(in srgb, var(--accent-blue) 15%, transparent 85%);--verification-badge-ai-color: var(--accent-blue);--verification-badge-ai-border: color-mix(in srgb, var(--accent-blue) 25%, transparent 75%);--verification-badge-self-bg: rgba(117, 113, 94, .15);--verification-badge-self-color: var(--text-secondary);--verification-badge-self-border: rgba(117, 113, 94, .25)}.collapsible-container{position:relative}.collapsible-content{opacity:0;transform:scale(var(--collapse-scale-from, .95));transform-origin:var(--collapse-origin, top left);transition:opacity var(--collapse-duration, .3s) var(--collapse-easing, cubic-bezier(.4, 0, .2, 1)),transform var(--collapse-duration, .3s) var(--collapse-easing, cubic-bezier(.4, 0, .2, 1)),visibility 0s linear var(--collapse-duration, .3s);visibility:hidden;pointer-events:none}.collapsible-container.is-expanded .collapsible-content,.collapsible-content.is-expanded{opacity:1;transform:scale(var(--collapse-scale-to, 1));visibility:visible;pointer-events:auto;transition:opacity var(--collapse-duration, .3s) var(--collapse-expand-easing, cubic-bezier(.16, 1, .3, 1)),transform var(--collapse-duration, .3s) var(--collapse-expand-easing, cubic-bezier(.16, 1, .3, 1)),visibility 0s linear 0s}.collapsible-content--slide-down{transform:translateY(-8px) scale(var(--collapse-scale-from, .95))}.collapsible-container.is-expanded .collapsible-content--slide-down,.collapsible-content--slide-down.is-expanded{transform:translateY(0) scale(var(--collapse-scale-to, 1))}.collapsible-content--slide-up{transform:translateY(8px) scale(var(--collapse-scale-from, .95))}.collapsible-container.is-expanded .collapsible-content--slide-up,.collapsible-content--slide-up.is-expanded{transform:translateY(0) scale(var(--collapse-scale-to, 1))}.collapsible-content--fade-only,.collapsible-container.is-expanded .collapsible-content--fade-only,.collapsible-content--fade-only.is-expanded{transform:none}.collapsible-content>*{opacity:0;transform:translateY(4px);transition:opacity var(--collapse-duration, .3s) var(--collapse-expand-easing),transform var(--collapse-duration, .3s) var(--collapse-expand-easing)}.collapsible-container.is-expanded .collapsible-content>*,.collapsible-content.is-expanded>*{opacity:1;transform:translateY(0)}.collapsible-content>*:nth-child(1){transition-delay:calc(var(--collapse-content-delay, .05s) + var(--collapse-content-stagger, .02s) * 0)}.collapsible-content>*:nth-child(2){transition-delay:calc(var(--collapse-content-delay, .05s) + var(--collapse-content-stagger, .02s) * 1)}.collapsible-content>*:nth-child(3){transition-delay:calc(var(--collapse-content-delay, .05s) + var(--collapse-content-stagger, .02s) * 2)}.collapsible-content>*:nth-child(4){transition-delay:calc(var(--collapse-content-delay, .05s) + var(--collapse-content-stagger, .02s) * 3)}.collapsible-content>*:nth-child(5){transition-delay:calc(var(--collapse-content-delay, .05s) + var(--collapse-content-stagger, .02s) * 4)}.collapsible-content>*{transition-delay:0s}.collapsible-content--no-stagger>*{opacity:1;transform:none;transition-delay:0s!important}@media(prefers-reduced-motion:reduce){.collapsible-content,.collapsible-content>*{transition-duration:.01ms!important;transition-delay:0s!important}}.morph-panel{position:relative;overflow:hidden;width:var(--morph-collapsed-size, 48px);max-height:var(--morph-collapsed-size, 48px);will-change:max-height,width,border-radius;transition:width var(--morph-duration, .35s) var(--collapse-expand-easing, cubic-bezier(.16, 1, .3, 1)),max-height var(--morph-duration, .35s) var(--collapse-expand-easing, cubic-bezier(.16, 1, .3, 1)),border-radius var(--morph-duration, .35s) var(--collapse-expand-easing, cubic-bezier(.16, 1, .3, 1)),box-shadow var(--morph-duration, .35s) var(--collapse-expand-easing, cubic-bezier(.16, 1, .3, 1))}.morph-panel.is-expanded{width:var(--morph-expanded-width, 520px);max-height:var(--morph-expanded-max-height, 600px)}.morph-panel__trigger{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;z-index:2;will-change:opacity,transform;transition:transform .15s var(--collapse-expand-easing, cubic-bezier(.16, 1, .3, 1)),opacity .2s var(--collapse-expand-easing, cubic-bezier(.16, 1, .3, 1)) .08s}.morph-panel__trigger:hover{transform:scale(1.05)}.morph-panel.is-expanded .morph-panel__trigger{opacity:0;pointer-events:none;transform:scale(.92)}.morph-panel__content{display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateY(-4px);will-change:opacity,transform;transition:opacity .28s var(--collapse-expand-easing, cubic-bezier(.16, 1, .3, 1)) .12s,transform .28s var(--collapse-expand-easing, cubic-bezier(.16, 1, .3, 1)) .12s}.morph-panel.is-expanded .morph-panel__content{opacity:1;pointer-events:auto;transform:translateY(0)}.morph-panel__chevron{transition:transform var(--morph-duration, .35s) var(--collapse-expand-easing, cubic-bezier(.16, 1, .3, 1))}.morph-panel.is-expanded .morph-panel__chevron{transform:rotate(180deg)}.morph-panel--horizontal{max-height:var(--morph-collapsed-size, 48px)}.morph-panel--horizontal.is-expanded{max-height:var(--morph-collapsed-size, 48px);width:var(--morph-expanded-width, 520px)}.morph-panel--vertical{width:var(--morph-collapsed-size, 48px)}.morph-panel--vertical.is-expanded{width:var(--morph-collapsed-size, 48px);max-height:var(--morph-expanded-max-height, 600px)}@media(prefers-reduced-motion:reduce){.morph-panel,.morph-panel__trigger,.morph-panel__content,.morph-panel__chevron{transition-duration:.01ms!important;transition-delay:0s!important}}.zoom-control-stack{display:flex;flex-direction:column;gap:var(--zoom-btn-gap, 2px);background:var(--glass-bg-dark, rgba(42, 42, 42, .7));-webkit-backdrop-filter:var(--glass-blur-light, blur(16px));backdrop-filter:var(--glass-blur-light, blur(16px));border-radius:var(--border-radius-md, 10px);padding:var(--zoom-container-padding, 4px);border:1px solid var(--glass-border-dark, rgba(255, 255, 255, .12));box-shadow:var(--glass-shadow-dark-subtle, 0 4px 16px rgba(0, 0, 0, .2));transition:all var(--transition-fast, .2s ease)}.light-theme .zoom-control-stack{background:#ffffffb3;border-color:#3d34281f;box-shadow:0 4px 16px #3d34281a}.zoom-control-btn{width:var(--zoom-btn-size, 36px);height:var(--zoom-btn-size, 36px);min-width:var(--zoom-btn-size, 36px);min-height:var(--zoom-btn-size, 36px);border:none;border-radius:var(--zoom-btn-radius, 6px);background:var(--state-hover, rgba(248, 245, 237, .08));color:var(--text-primary, #ffffff);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;line-height:1;flex-shrink:0;transition:all var(--transition-fast, .2s ease)}.zoom-control-btn:hover:not(:disabled){background:var(--state-pressed, rgba(248, 245, 237, .16));transform:scale(1.05)}.zoom-control-btn:active:not(:disabled){transform:scale(.95);background:var(--state-selected, rgba(248, 245, 237, .2))}.zoom-control-btn:disabled{opacity:.4;cursor:not-allowed}.zoom-control-btn svg{width:18px;height:18px;flex-shrink:0}.light-theme .zoom-control-btn{background:#3d342814;color:var(--text-ink)}.light-theme .zoom-control-btn:hover:not(:disabled){background:#3d342829}.zoom-control-btn--reset{background:#7cb51833}.zoom-control-btn--reset:hover:not(:disabled){background:#7cb51866}.light-theme .zoom-control-btn--reset{background:var(--accent-sage, rgba(139, 154, 127, .3))}.light-theme .zoom-control-btn--reset:hover:not(:disabled){background:var(--accent-sage, #8b9a7f);color:#fff}@media(max-width:600px){.zoom-control-stack{padding:var(--zoom-container-padding-mobile, 4px);gap:var(--zoom-btn-gap-mobile, 2px);border-radius:var(--border-radius-sm, 8px)}.zoom-control-btn{--zoom-btn-size: 44px;font-size:18px}.zoom-control-btn svg{width:20px;height:20px}}@media(hover:none)and (pointer:coarse){.zoom-control-btn{--zoom-btn-size: 44px}}.font-sans{font-family:var(--font-sans);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-normal)}.font-serif{font-family:var(--font-serif);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-normal)}.font-mono{font-family:var(--font-mono);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-normal)}h1,.h1{font-family:var(--font-sans);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}h2,.h2{font-family:var(--font-sans);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}h3,.h3{font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight)}h4,.h4{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug)}h5,.h5{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}h6,.h6{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}body,p,.body-text{font-family:var(--font-serif);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal)}.reading-text{font-family:var(--font-serif);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-loose);letter-spacing:var(--letter-spacing-normal)}.caption,.label-text{font-family:var(--font-serif);font-size:var(--font-size-sm);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}.metadata-text{font-family:var(--font-serif);font-size:var(--font-size-xs);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-tight)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-md{font-size:var(--font-size-md);line-height:var(--line-height-normal)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}.text-3xl{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}.text-4xl{font-size:var(--font-size-4xl);line-height:var(--line-height-tight)}.card-display{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);font-weight:var(--card-weight-heading);line-height:var(--card-line-height-tight)}.card-h2{font-size:var(--card-h2);font-weight:var(--card-weight-heading);line-height:var(--card-line-height-normal)}.card-h3{font-size:var(--card-h3);font-weight:var(--card-weight-heading);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-caption{font-size:var(--card-caption);font-weight:var(--card-weight-body);line-height:var(--card-line-height-normal)}.card-micro{font-size:var(--card-micro);font-weight:var(--card-weight-body);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{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.truncate-3-lines{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.truncate-4-lines{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;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:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.heading-display{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--spacing-lg)}.heading-1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--spacing-md)}.heading-2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--text-primary);margin-bottom:var(--spacing-md)}.heading-3{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.heading-4{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.heading-5{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.heading-6{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.body-large{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--text-primary)}.body{font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary)}.body-small{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary)}.caption{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-secondary)}.caption-small{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);color:var(--text-secondary)}.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{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);background-color:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);color:var(--text-primary)}.code-block{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius-md);color:var(--text-primary);overflow-x:auto;white-space:pre}.list-reset{list-style:none;padding:0;margin:0}.list-disc{list-style-type:disc;padding-left:var(--spacing-lg)}.list-decimal{list-style-type:decimal;padding-left:var(--spacing-lg)}.list-none{list-style:none}.blockquote{border-left:4px solid var(--accent-blue);padding-left:var(--spacing-md);margin-left:0;font-style:italic;color:var(--text-secondary)}.quote{font-style:italic;color:var(--text-secondary)}@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{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reading-column{max-width:65ch;margin-left:auto;margin-right:auto}.drop-cap:first-letter{font-family:var(--font-serif);font-size:3.5em;font-weight:var(--font-weight-semibold);float:left;line-height:.9;margin:.1em .1em 0 0;color:var(--text-primary)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.no-select{user-select:none;-webkit-user-select:none}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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,p,.body-text{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 .reading-text,.light-theme h1,.light-theme h2,.light-theme h3,.light-theme .h1,.light-theme .h2,.light-theme .h3{color:var(--text-ink)}.dark-theme .reading-text{color:var(--text-primary)}.chat-message,.message-content,.dynamic-input-container,.chat-messages,.chat-section{font-family:var(--font-sans);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-normal)}.message.assistant .message-content p,.message.assistant .message-content blockquote{font-family:var(--font-serif);line-height:var(--line-height-relaxed);letter-spacing:.01em}.message.user .message-content p{font-family:var(--font-sans);line-height:var(--line-height-normal)}.chat-message-text{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.chat-input,.chat-textarea{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal)}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{transform:translateY(-2px);box-shadow:var(--shadow-md);transition:var(--transition-fast)}.hover-lift-lg:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);transition:var(--transition-medium)}.focus-ring-default:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.focus-ring-inset:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(-1 * var(--focus-ring-offset))}.focus-ring-thick:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.focus-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring-color)}.focus-outline:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.focus-ring:focus-visible{box-shadow:0 0 0 3px var(--focus-ring-color);outline:none}.focus-bg:focus-visible{background-color:var(--state-focus);outline:none}.hover-overlay:hover{background:color-mix(in srgb,currentColor 92%,var(--state-hover) 8%)}.focus-overlay:focus-visible{background:color-mix(in srgb,currentColor 88%,var(--state-focus) 12%)}.selected-overlay{background:color-mix(in srgb,currentColor 84%,var(--state-selected) 16%)}.pressed-overlay:active{background:color-mix(in srgb,currentColor 88%,var(--state-pressed) 12%)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--overlay-border-subtle);box-shadow:var(--shadow-modal)}.glass-borderless{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}.active-scale:active{transform:scale(.95);transition:var(--transition-fast)}.active-bg:active{background-color:var(--bg-hover)}.avatar-container-reserved{aspect-ratio:1 / 1;position:relative;overflow:hidden;border-radius:inherit;background-color:var(--bg-tertiary)}.avatar-image-loading{opacity:0;transition:opacity var(--transition-medium)}.avatar-image-loaded{opacity:1;transition:opacity var(--transition-medium)}.avatar-loading-state{position:absolute;inset:0;background-color:var(--bg-tertiary);border-radius:inherit}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-text{cursor:text}.cursor-help{cursor:help}.touch-spaced{margin:var(--touch-target-spacing)}.touch-button{min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable);padding:var(--spacing-sm) var(--spacing-md);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch-button:active{background-color:var(--state-pressed)}.touch-action-none{touch-action:none}.touch-action-pan-y{touch-action:pan-y}.touch-action-pan-x{touch-action:pan-x}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.disabled-subtle{opacity:.6;filter:grayscale(.3)}.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 slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@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{position:absolute;top:-8px;right:-8px;background:var(--accent-red);color:#fff;font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--border-radius-full);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-md);z-index:10;pointer-events:none}@media(max-width:768px){.new-message-badge{top:-6px;right:-6px;font-size:10px;padding:1px 4px}.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:active,.click-bounce-always{animation:microBounce .5s cubic-bezier(.34,1.56,.64,1)}.btn-primary{background-color:var(--accent-blue);color:var(--text-primary);border:none;border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:var(--transition-fast)}.btn-primary:hover{background-color:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary:active{transform:translateY(0)}.btn-primary-action{background-color:var(--tree-green, #8fbc8f);color:var(--text-on-accent, #1e1f1c);border:none;border-radius:var(--border-radius-lg);padding:var(--spacing-sm) var(--spacing-xl);min-height:var(--touch-target-comfortable, 48px);min-width:120px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-elevation-02dp)}.btn-primary-action:hover{background-color:var(--tree-green-hover, #7da97d);transform:translateY(-1px);box-shadow:var(--shadow-elevation-04dp)}.btn-primary-action:active{transform:translateY(0);box-shadow:var(--shadow-elevation-01dp)}.btn-primary-action:focus-visible{outline:2px solid var(--color-golden);outline-offset:2px}.light-theme .btn-primary-action{background-color:var(--accent-sage, #8b9a7f);color:var(--text-on-accent, #ffffff)}.light-theme .btn-primary-action:hover{background-color:var(--accent-slate, #6b7c6f)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:var(--transition-fast)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--accent-blue)}.btn-ghost{background-color:transparent;color:var(--text-primary);border:1px solid transparent;border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;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{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-interactive{cursor:pointer;transition:var(--transition-medium)}.card-interactive:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.card-interactive:active{transform:scale(.98)}.input-focus{transition:var(--transition-fast)}.input-focus:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #66d9ef1a}.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{border:2px solid rgba(166,226,46,.2);border-top:2px solid var(--accent-green);border-radius:50%;width:20px;height:20px;animation:elegant-spin 1.2s ease-in-out infinite;box-shadow:0 0 8px #a6e22e4d,inset 0 0 8px #a6e22e1a;position:relative}.loading-spinner:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(166,226,46,.1) 60deg,var(--accent-green) 120deg,transparent 180deg,transparent 360deg);animation:elegant-spin 1.8s linear infinite reverse;z-index:-1}@keyframes elegant-spin{0%{transform:rotate(0);filter:brightness(1)}50%{filter:brightness(1.2)}to{transform:rotate(360deg);filter:brightness(1)}}.loading-spinner-container.elegant .loading-spinner{box-shadow:0 0 calc(8px * var(--spinner-intensity, 1)) rgba(166,226,46,calc(.4 * var(--spinner-intensity, 1))),inset 0 0 calc(6px * var(--spinner-intensity, 1)) rgba(166,226,46,calc(.15 * var(--spinner-intensity, 1))),0 0 calc(16px * var(--spinner-intensity, 1)) rgba(166,226,46,calc(.2 * var(--spinner-intensity, 1)))}.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 rgba(102,217,239,.3);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{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:var(--accent-green);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #a6e22e99}}.loading-dots{display:inline-block}.loading-dots:after{content:"";animation:dots 1.5s infinite}@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 rgba(248,248,242,.6),0 0 4px rgba(248,248,242,.4),0 0 2px rgba(248,248,242,.3)}.glow-medium{transition:all var(--transition-medium)}.glow-medium:hover{text-shadow:0 0 15px rgba(248,248,242,.8),0 0 8px rgba(248,248,242,.6),0 0 4px rgba(248,248,242,.4),0 0 2px rgba(248,248,242,.3)}.glow-intense{transition:all var(--transition-medium)}.glow-intense:hover{text-shadow:0 0 20px rgba(248,248,242,.9),0 0 12px rgba(248,248,242,.7),0 0 6px rgba(248,248,242,.5),0 0 3px rgba(248,248,242,.4)}.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-subtle:hover,.light-theme .glow-medium:hover,.light-theme .glow-intense:hover{text-shadow:0 0 15px rgba(44,44,44,.8),0 0 8px rgba(44,44,44,.6),0 0 4px rgba(44,44,44,.4),0 0 2px rgba(44,44,44,.3)}.light-theme .glow-logo-subtle:hover,.light-theme .glow-logo-medium:hover,.light-theme .glow-logo-intense: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{text-shadow:0 0 15px rgba(248,248,242,.8),0 0 8px rgba(248,248,242,.6),0 0 4px rgba(248,248,242,.4),0 0 2px rgba(248,248,242,.3);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))}.focus-visible:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.reduced-motion{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.click-bounce:active,.click-bounce-always{animation:none;transform:scale(.97)}}.scroll-primary{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:auto}.scroll-primary::-webkit-scrollbar{width:12px;height: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;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-y:auto;overflow-x:hidden;scrollbar-width:thin}.scroll-secondary::-webkit-scrollbar{width:8px}.scroll-secondary::-webkit-scrollbar-track{background:transparent}.scroll-secondary::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.scroll-secondary::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.scroll-hidden{overflow:hidden;scrollbar-width:none;-ms-overflow-style: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{overflow-x:hidden}.scroll-y{overflow-y:auto;overflow-x:hidden}.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{display:flex;flex-direction:column;height:var(--carousel-height);min-height:var(--carousel-height);max-height:var(--carousel-height);padding:var(--card-container-padding);overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:auto;gap:calc(var(--card-gap) * 1.5);box-sizing:border-box;max-width:100vw;width:100%}.carousel-scroll::-webkit-scrollbar{width:12px;height: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;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{overflow:visible!important;height:auto;min-height:var(--card-min-height);max-height:var(--card-max-height)}.scroll-height-full{height:var(--app-height);min-height:var(--main-content-height);max-height:var(--carousel-height)}.scroll-height-auto{height:auto;min-height:var(--card-min-height);max-height:var(--card-max-height)}.scroll-height-content{height:max-content;min-height:auto;max-height:none}.scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.scrollable-list{overflow-y:auto;overflow-x:hidden;max-height:400px;scrollbar-width:thin}.scrollable-list::-webkit-scrollbar{width:6px}.scrollable-list::-webkit-scrollbar-track{background:transparent}.scrollable-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.scrollable-horizontal{overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin}.scrollable-horizontal::-webkit-scrollbar{height:6px}.scrollable-horizontal::-webkit-scrollbar-track{background:transparent}.scrollable-horizontal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.panel-scroll-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;overflow-y:auto;background:var(--bg-primary);max-width:none!important;max-height:none!important;transform:none!important}.panel-scroll-sidebar-aware{position:fixed!important;inset:0 0 0 72px!important;width:calc(100vw - 72px)!important;height:100vh!important;margin:0!important;padding:0!important;overflow-y:auto;background:var(--bg-primary);max-width:none!important;max-height:none!important;transform:none!important}@media(max-width:768px){.mobile-scroll-reset{overflow:visible;height:auto;max-height:none}.mobile-panel-fullscreen{left:0!important;width:100vw!important}.carousel-scroll{padding:calc(var(--card-container-padding) * .5)}}@media(max-width:480px){.carousel-scroll{padding:0;height:100vh}.mobile-scroll-native{-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden}}.scroll-gpu-accelerated{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:scroll-position}.scroll-touch-optimized{-webkit-overflow-scrolling:touch;-webkit-scroll-behavior:smooth;overscroll-behavior:contain}.scroll-no-anchor{overflow-anchor:none}.scroll-enhanced-performance{transform:translateZ(0);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;will-change:scroll-position;scroll-behavior:smooth}.scroll-intersection-trigger{scroll-margin-top:var(--spacing-lg);scroll-margin-bottom:var(--spacing-lg)}.scroll-snap-card{scroll-snap-type:y mandatory;scroll-padding:var(--card-container-padding)}.scroll-snap-card>*{scroll-snap-align:start;scroll-snap-stop:normal}.scroll-adaptive{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.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-width:thin;scrollbar-color:var(--border-color) transparent}.scrollbar-minimal::-webkit-scrollbar{width:4px;height:4px}.scrollbar-minimal::-webkit-scrollbar-track{background:transparent}.scrollbar-minimal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.scrollbar-accent{scrollbar-width:auto;scrollbar-color:var(--accent-blue) var(--bg-secondary)}.scrollbar-accent::-webkit-scrollbar{width:8px;height:8px}.scrollbar-accent::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.scrollbar-accent::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:4px}.scrollbar-accent::-webkit-scrollbar-thumb:hover{background:var(--accent-blue-hover)}.scroll-viewport-aware{height:var(--viewport-height);min-height:100dvh;max-height:100svh}.scroll-indicator-top:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));opacity: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{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-green),var(--accent-blue));opacity: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-top:var(--spacing-md);padding-bottom:calc(var(--spacing-lg) * 2)}@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{scroll-behavior:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media(min-resolution:120dpi){.scroll-high-refresh{scroll-behavior:smooth;transform:translateZ(0);will-change:scroll-position}}@media(prefers-reduced-motion:reduce){.scroll-primary,.carousel-scroll,.scroll-enhanced-performance{scroll-behavior:auto!important;-webkit-overflow-scrolling:auto!important;transform:none!important;will-change:auto!important;transition:none!important}}.scroll-focus-within:focus-within{scroll-behavior:smooth;scroll-padding:var(--spacing-xl)}.scroll-lock{overflow:hidden!important;position:fixed;width:100%;height:100%}.scroll-eased{scroll-behavior:smooth;scroll-timeline:--scroll-timeline;animation-timeline:--scroll-timeline}@media print{.scroll-primary,.carousel-scroll,.scrollable-content{overflow:visible!important;height:auto!important;max-height:none!important;transform:none!important}}.avatar-tiny{width:24px;height:24px;min-width:24px;min-height:24px}.avatar-small{width:36px;height:36px;min-width:36px;min-height:36px}.avatar-medium{width:56px;height:56px;min-width:56px;min-height:56px}.avatar-large{width:80px;height:80px;min-width:80px;min-height:80px}.avatar-xlarge{width:120px;height:120px;min-width:120px;min-height:120px}.avatar-container-base{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;overflow:hidden}@media(max-width:768px){.avatar-medium{width:48px;height:48px;min-width:48px;min-height:48px}.avatar-large{width:64px;height:64px;min-width:64px;min-height:64px}.avatar-xlarge{width:96px;height:96px;min-width:96px;min-height:96px}}@media(max-width:480px){.avatar-small{width:32px;height:32px;min-width:32px;min-height:32px}.avatar-medium{width:40px;height:40px;min-width:40px;min-height:40px}.avatar-large{width:56px;height:56px;min-width:56px;min-height:56px}.avatar-xlarge{width:80px;height:80px;min-width:80px;min-height:80px}}html{min-height:var(--app-height);min-height:100dvh;height:auto}.container>.content-box{width:100%;min-height:100%;padding:0;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}body{margin:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);min-height:var(--app-height);min-height:100dvh;height:auto;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);overflow:hidden}.app{display:flex;width:100%;min-height:var(--app-height);min-height:100dvh;height:auto;overflow:hidden}.webb-background-layer{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0000001a,#0003),url(/assets/dither_it_webb_bullet-COP7isv0.jpg) center center / cover no-repeat;z-index:var(--z-background);pointer-events:none;opacity:1;filter:blur(0px)}.main-content{flex:1;display:flex;flex-direction:column;width:calc(100% - var(--content-left-margin));max-width:calc(100% - var(--content-left-margin));min-height:var(--app-height);min-height:100dvh;height:auto;margin-left:var(--content-left-margin);align-items:stretch;justify-content:flex-start;padding:var(--spacing-sm);box-sizing:border-box;overflow:hidden;background:transparent}@media(min-width:601px){.main-content{margin-left:var( --content-left-margin );width:calc(100% - var(--content-left-margin));max-width:calc(100% - var(--content-left-margin))}}@media(max-width:600px){.main-content{margin-left:0;width:100%;max-width:100%}}.main-content:has(.knowledge-page){padding:0}.main-content:has(.card-display-container){overflow:hidden;height:var(--app-height);height:100dvh;min-height:var(--app-height);max-height:var(--app-height);padding:0}.main-content:has(.card-display-container) .container{overflow:hidden;height:100%;min-height:100%;max-height:100%}@media(max-width:767px){.main-content{padding:.5rem}}@media(max-width:320px){html,body,.app,.main-content,.container{overflow-x:auto}}.container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;max-width:100%;height:100%;min-height:100%;margin:0 auto;box-sizing:border-box;overflow:visible}.profile-page .content-box,.meeting-page .content-box,.knowledge-page .content-box{width:100%;margin:0 auto;overflow:hidden;padding:0}.settings-page .content-box,.error-page .content-box{width:100%;max-width:1200px;margin:0 auto;overflow:hidden;padding:2rem}.call-page,.haircheck-page{overflow-x:hidden!important;overflow-y:auto!important;position:relative;min-height:var(--app-height);min-height:100dvh;height:100%;width:100%;max-width:100vw;box-sizing:border-box;padding:0!important}.call-page .content-box,.haircheck-page .content-box{width:100%;max-width:100%;margin:0;padding:0;background:transparent;box-shadow:none;position:static;min-height:100%;height:auto;box-sizing:border-box;overflow-x:hidden!important;overflow-y:visible!important}@supports (-ms-ime-align: auto){.container{margin-left:auto;margin-right:auto}}.home-screen-content{background:var(--bg-secondary);border-radius:12px;padding:2rem;box-shadow:var(--shadow-lg)}.api-error{color:var(--monokai-red);padding:2rem}.api-error h1{color:var(--monokai-red)}.api-error code{background:var(--bg-primary);padding:.2em .4em;border-radius:4px;color:var(--monokai-orange)}.api-error a{color:var(--accent-blue);text-decoration:none}.api-error a:hover{text-decoration:underline}.page{color:var(--text-primary);font-size:1.2rem;text-align:center;padding:2rem}button{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease}button:hover{background:var(--bg-hover);border-color:var(--accent-blue)}input:not(.auth-input):not(.universal-search-input):not(.search-bar__input){background:var(--bg-secondary);color:var(--text-primary);border:none;padding:.5rem;border-radius:4px}input:not(.auth-input):not(.universal-search-input):not(.search-bar__input):focus{outline:none;border-color:var(--accent-blue)}@media(max-width:767px){.main-content,.content-box{padding:1rem}.container{padding:.5rem}}.call-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;width:100%}.video-tile{aspect-ratio:16/9;background:var(--dark-blue);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.global-input-box{position:fixed;bottom:20px;right:20px;z-index:var(--z-modal-backdrop);width:calc(100% - 40px);max-width:600px}.global-input-box .dynamic-input-container{background:var(--bg-secondary)}@media(max-width:767px){.global-input-box{width:calc(100% - 20px);bottom:10px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth-modal-overlay{position:fixed;inset:0;background:#ffffff80;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);max-width:400px;width:90%;position:relative;box-shadow:var(--shadow-lg);color:var(--text-primary)}.auth-modal-content h2{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.auth-modal-content p{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:var(--font-size-md);line-height:1.5}.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);color:var(--text-primary);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;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);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;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{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.auth-modal-close:hover{background:var(--bg-primary);color:var(--text-primary)}.dev-login-input{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-md);margin:var(--spacing-md) 0;box-sizing:border-box;transition:all var(--transition-fast)}.dev-login-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #66d9ef33}.dev-login-input::placeholder{color:var(--text-secondary)}.dev-login-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.dev-login-button{background:var(--accent-blue);color:var(--bg-primary);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.dev-login-button:hover{background:var(--accent-green);transform:translateY(-1px)}.dev-login-cancel{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.dev-login-cancel:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--accent-blue)}.auth-loading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:var(--z-notification);background:transparent;isolation:isolate;animation:auth-loading-fade-in .3s ease-out}.auth-loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:var(--z-loading);background:transparent;isolation:isolate;animation:auth-loading-fade-in .3s ease-out}@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;text-align:center;text-shadow:0 0 8px rgba(255,255,255,.2);letter-spacing:.5px}.light-theme .auth-loading-container,.light-theme .auth-loading-overlay{background-image:radial-gradient(circle at center,rgba(0,113,227,.02) 0%,rgba(52,199,89,.015) 50%,transparent 100%)}.light-theme .simple-loading-text{color:#2c2c2ccc;text-shadow:0 0 6px rgba(0,113,227,.1)}.floating-call-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-call-floating)}.floating-call-overlay>*{pointer-events:auto}.top-ui-bar{position:fixed;top:var(--spacing-sm);right:var(--spacing-lg);z-index:var(--z-drawer);display:flex;align-items:center;gap:var(--spacing-sm);opacity:1;transition:opacity .3s ease-out}.top-ui-bar--hidden{opacity:0;pointer-events:none}.top-bar-settings-wrapper{position:relative;display:flex;align-items:center}.top-bar-settings-btn{display:flex;align-items:center;justify-content:center;width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:0;transition:color var(--transition-fast),transform var(--transition-fast)}.top-bar-settings-btn:hover{color:var(--text-primary);transform:scale(1.1)}.top-bar-settings-btn:active{transform:scale(.95)}.top-bar-settings-btn svg{width:22px;height:22px}.top-bar-settings-wrapper .dropdown-list{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);min-width:180px}.persistent-token-display{background:transparent;border:none;padding:0;cursor:pointer;opacity:1;transition:transform var(--transition-fast),opacity .3s ease-out}.persistent-token-display:hover{transform:scale(1.05)}.persistent-token-display:active{transform:scale(.98)}.persistent-token-display .token-display{box-shadow:var(--shadow-elevation-04dp);border:1px solid var(--border-color);background:var(--bg-secondary)}.persistent-token-display:hover .token-display{border-color:var(--tree-green);box-shadow:var(--shadow-elevation-08dp)}@media(max-width:600px){.top-ui-bar{top:var(--spacing-md);right:var(--spacing-md)}}.call-page~.top-ui-bar{display:none}.light-theme .persistent-token-display .token-display{background:var(--beige-canvas);border-color:var(--beige-sand)}.light-theme .persistent-token-display:hover .token-display{border-color:var(--accent-sage)}.light-theme .top-bar-settings-btn{color:var(--text-secondary)}.light-theme .top-bar-settings-btn:hover{color:var(--text-primary)}#root{position:relative}#root:after{content:"";position:fixed;inset:0;background:var(--grain-texture);background-repeat:repeat;background-size:var(--grain-size);opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend-mode);pointer-events:none;z-index:var(--z-grain)}.processing-capsule{position:fixed;z-index:11500;pointer-events:auto}.processing-capsule--top-center{top:24px;left:50%;transform:translate(-50%)}.processing-capsule--top-right{top:24px;right:24px}.processing-capsule__container{display:flex;align-items:center;gap:12px;min-width:360px;max-width:480px;height:56px;padding:0 16px;border-radius:28px;position:relative;overflow:hidden;background:var(--glass-bg, rgba(26, 26, 26, .85));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border, rgba(255, 255, 255, .12));box-shadow:0 4px 24px #0000004d,0 8px 48px #0003,inset 0 1px #ffffff14;animation:capsule-slide-in .4s cubic-bezier(.16,1,.3,1)}@keyframes capsule-slide-in{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.light-theme .processing-capsule__container{background:var(--glass-bg, rgba(255, 255, 255, .88));border-color:var(--glass-border, rgba(0, 0, 0, .08));box-shadow:0 4px 24px #00000014,0 8px 48px #0000000a,inset 0 1px #ffffff80}.capsule__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--accent-blue-solid);color:var(--text-on-accent);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.icon--spinning{animation:spin 1s linear infinite}.icon--arrow-forward{width:24px;height:24px;animation:arrow-pulse 2s ease-in-out infinite}.icon--tree{width:24px;height:24px;animation:tree-grow 1.5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes arrow-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes tree-grow{0%{opacity:0;transform:scale(.5) translateY(4px)}60%{transform:scale(1.15) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.capsule__content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;padding-right:12px}.content__text{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:text-fade-in .3s ease-out}@keyframes text-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.content__meta{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-secondary)}.meta__step{font-variant-numeric:tabular-nums}.meta__separator{opacity:.5}.meta__percent{font-variant-numeric:tabular-nums}.capsule__progress-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--border-color, rgba(255, 255, 255, .1));overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(white, #eaf7d0) 0%,var(white, #eaf7d0) 100%);border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px var(white, #eaf7d0)}.light-theme .progress-bar__fill{box-shadow:0 0 8px #7cb51880}.capsule__dismiss{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:#ffffff14;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.capsule__dismiss:hover{background:#ffffff26;color:var(--text-primary);transform:scale(1.05)}.capsule__dismiss:active{transform:scale(.95)}.light-theme .capsule__dismiss{background:#0000000d}.light-theme .capsule__dismiss:hover{background:#0000001a}@media(max-width:768px){.processing-capsule--top-center{top:16px;left:50%;transform:translate(-50%)}.processing-capsule--top-right{top:16px;right:16px}.processing-capsule__container{min-width:calc(100vw - 32px);max-width:calc(100vw - 32px);height:52px;padding:0 14px;gap:10px}.capsule__icon{width:28px;height:28px}.content__text{font-size:13px}.content__meta{font-size:11px}.capsule__dismiss{width:28px;height:28px}}@media(prefers-reduced-motion:reduce){.processing-capsule__container,.content__text,.icon--spinning,.icon--complete{animation:none}.progress-bar__fill{transition:none}}@media(prefers-contrast:high){.processing-capsule__container{border-width:2px;border-color:currentColor}.capsule__dismiss{border:2px solid currentColor}}.capsule__dismiss:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.capsule--completed{background:var(--accent-blue-solid);border-color:#fff3;box-shadow:0 2px 12px var(--accent-blue-solid),0 6px 12px var(--accent-blue-solid),inset 0 1px #fff3}.capsule--clickable{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.capsule--clickable:hover{transform:translateY(-2px);box-shadow:0 6px 28px var(--accent-blue-solid),0 12px 56px var(--accent-blue-solid),inset 0 1px #ffffff4d}.capsule--clickable:active{transform:translateY(0);box-shadow:0 2px 16px var(--accent-blue-solid),0 4px 32px var(--accent-blue-solid)}.capsule--clickable:focus-visible{outline:3px solid rgba(255,255,255,.5);outline-offset:4px}.capsule--completed .capsule__icon{background:#fff3;color:var(--bg-primary, #1a1a1a)}.capsule--completed .content__text{color:var(--text-on-accent);font-weight:600}.light-theme .capsule--completed{background:var(--accent-blue-solid);border-color:#0000001a;box-shadow:0 4px 24px #7cb5184d,0 8px 48px #7cb51826}.light-theme .capsule--clickable:hover{box-shadow:0 6px 28px #7cb51866,0 12px 56px #7cb51833}.light-theme .capsule--completed .capsule__icon{background:#fff6;color:#1a1a1a}.light-theme .capsule--completed .content__text{color:#1a1a1a}.get-user-media-error{grid-column:1 / 3;align-items:center;max-width:600px;margin:0 auto;padding:2rem;text-align:left}.get-user-media-error h1{color:var(--red-dark);text-align:center;margin-bottom:1.5rem}.get-user-media-error h3{color:var(--accent-color);margin-top:1.5rem;margin-bottom:.75rem;font-size:1.1rem}.get-user-media-error .security-warning{background:#ffc1071a;border:2px solid #ffc107;border-radius:8px;padding:1rem;margin:1rem 0}.get-user-media-error .security-warning h3{color:#ffc107;margin-top:0}.get-user-media-error .permission-help{background:#4a90e21a;border-radius:8px;padding:1rem;margin:1rem 0}.get-user-media-error .troubleshooting{background:#6c757d1a;border-radius:8px;padding:1rem;margin:1rem 0}.get-user-media-error ol{padding-left:1.5rem;margin:.5rem 0}.get-user-media-error ol li{margin:.5rem 0;line-height:1.4}.get-user-media-error ul{padding-left:1.5rem;margin:.5rem 0}.get-user-media-error ul li{margin:.25rem 0;line-height:1.4}.get-user-media-error .action-buttons{display:flex;gap:1rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.get-user-media-error .retry-button{background:var(--accent-color);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.get-user-media-error .retry-button:hover{background:var(--accent-color-dark)}.get-user-media-error .help-link{display:inline-block;background:var(--grey-dark);color:var(--white);text-decoration:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;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{text-align:center;margin:1.5rem 0;padding:1rem;background:#28a7451a;border-radius:8px}.get-user-media-error .browser-icons{display:flex;justify-content:center;gap:1rem;margin:.5rem 0;font-size:1.5rem}.get-user-media-error .browser-icons span{padding:.5rem;background:#ffffff1a;border-radius:50%;display:inline-block;min-width:3rem;min-height:3rem;display:flex;align-items:center;justify-content:center}.get-user-media-error p{margin:.5rem 0;line-height:1.5}@media(max-width:768px){.get-user-media-error{padding:1rem;margin:0 1rem}.get-user-media-error .action-buttons{flex-direction:column;align-items:center}.get-user-media-error .browser-icons{font-size:1.2rem}.get-user-media-error .browser-icons span{min-width:2.5rem;min-height:2.5rem}}.hair-check{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;box-sizing:border-box;background:transparent;border:none;margin:0;padding:0;overflow:visible;height:auto;min-height:min-content}.hair-check h1{display:none}.hair-check video,.hair-check [data-local=true],.hair-check [data-session-id],.hair-check div[class*=daily],.hair-check div[class*=Daily],.hair-check>div:has(video){width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.hair-check video{height:auto;aspect-ratio:4 / 3;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);object-fit:cover!important;object-position:center;display:block;margin:0 auto var(--spacing-md) auto;flex-shrink:1;transform:scaleX(-1)!important}.hair-check>div:not(.hair-check__field):not(.button-group){display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;overflow:hidden}.hair-check__field{display:flex!important;flex-direction:row!important;align-items:center;gap:var(--spacing-sm);width:100%;max-width:100%;min-width:0;box-sizing:border-box}.hair-check__icon{flex-shrink:0;width:24px;height:24px;color:var(--text-secondary);display:block}.hair-check label{display:block;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin:0 0 var(--spacing-xs) 0;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.hair-check input,.hair-check select{flex:1;min-width:0;max-width:100%;min-height:48px;height:48px;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;box-sizing:border-box;transition:border-color var(--transition-fast);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:flex;align-items:center}.hair-check select{white-space:nowrap;text-overflow:ellipsis;color-scheme:dark;cursor:pointer}.hair-check select option{white-space:normal;background:var(--bg-primary);color:var(--text-primary)}.light-theme .hair-check select{color-scheme:light}.light-theme .hair-check select option{background:var(--bg-primary);color:var(--text-primary)}.hair-check input:focus,.hair-check select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring-blue)}.hair-check .button-group{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.hair-check button{width:100%;min-height:var(--touch-target-comfortable);padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box}.join-button{background:var(--tree-green);color:var(--text-on-accent);order:1;box-shadow:var(--shadow-elevation-02dp);position:relative}.join-button:hover:before{content:"";position:absolute;inset:0;background:var(--state-hover);border-radius:var(--border-radius-md);pointer-events:none}.join-button:focus{outline:none;box-shadow:var(--shadow-elevation-04dp)}.join-button:focus:before{content:"";position:absolute;inset:0;background:var(--state-focus);border-radius:var(--border-radius-md);pointer-events:none}.join-button:active:before{content:"";position:absolute;inset:0;background:var(--state-pressed);border-radius:var(--border-radius-md);pointer-events:none}.cancel-call{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);order:2;position:relative;box-shadow:var(--shadow-elevation-01dp)}.cancel-call:hover:before{content:"";position:absolute;inset:0;background:var(--state-hover);border-radius:var(--border-radius-md);pointer-events:none}.cancel-call:focus{outline:none;box-shadow:var(--shadow-elevation-02dp)}.cancel-call:focus:before{content:"";position:absolute;inset:0;background:var(--state-focus);border-radius:var(--border-radius-md);pointer-events:none}.cancel-call:active:before{content:"";position:absolute;inset:0;background:var(--state-pressed);border-radius:var(--border-radius-md);pointer-events:none}@media(min-width:768px){.hair-check{gap:var(--spacing-md)}.hair-check .button-group{flex-direction:row}.hair-check button{flex:1;min-width:140px}.hair-check video{max-width:min(480px,100%)!important;margin-bottom:var(--spacing-lg)}}@media(min-width:1024px){.hair-check{gap:var(--spacing-md)}.hair-check video{max-width:min(540px,100%)!important}.hair-check button{min-width:160px}}.hair-check *:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.hair-check button,.hair-check input,.hair-check select{touch-action:manipulation}.hair-check label{user-select:none;-webkit-user-select:none}.hair-check__intention-field{align-items:flex-start!important;padding-top:var(--spacing-xs)}.hair-check__icon--intention{flex-shrink:0;color:var(--text-secondary);margin-top:2px}.hair-check__intention-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.hair-check__intention-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);line-height:1.4;margin:0}.hair-check__intention-input{width:100%;min-height:48px;padding:var(--spacing-sm) 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;resize:none;box-sizing:border-box;transition:border-color var(--transition-fast)}.hair-check__intention-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring-blue)}.hair-check__intention-input::placeholder{color:var(--text-tertiary)}@supports (padding: max(0px)){.hair-check{padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}@media(max-width:480px){.hair-check{padding-left:max(var(--spacing-sm),env(safe-area-inset-left));padding-right:max(var(--spacing-sm),env(safe-area-inset-right))}}}.call{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:var(--spacing-xs, .25rem);padding:0;min-height:calc(var(--viewport-height, 100vh) - var(--tray-height-mobile, 80px));align-items:center;justify-content:center;width:100vw;max-width:none;margin:0;position:fixed;top:0;left:0;right:0;bottom:var(--tray-height-mobile, 80px);background:var(--monokai-bg);z-index:var(--z-dropdown);font-family:var(--font-sans);padding-top:var(--safe-area-top, 0px);padding-left:var(--safe-area-left, 0px);padding-right:var(--safe-area-right, 0px)}@media(orientation:landscape){.call{grid-template-columns:repeat(auto-fit,minmax(var(--video-grid-min-tile-mobile, 160px),1fr));gap:var(--spacing-sm, .5rem);bottom:var(--tray-height-desktop, 80px);min-height:calc(var(--viewport-height, 100vh) - var(--tray-height-desktop, 80px))}}.call.two-participants{display:block;padding:0}.call.few-participants{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.call.many-participants{grid-template-columns:repeat(auto-fit,minmax(var(--video-grid-min-tile-mobile, 160px),1fr))}@media only screen and (max-width:600px){.call{padding:var(--spacing-xs, .25rem);grid-template-columns:1fr}.call.few-participants,.call.many-participants{grid-template-columns:repeat(auto-fit,minmax(var(--video-grid-min-tile-mobile, 160px),1fr))}.is-screenshare .tile-video{width:160px;height:90px}}.is-screenshare{display:block;padding:0;position:fixed;top:0;left:0;right:0;bottom:var(--tray-height-mobile, 56px);width:100vw;height:calc(var(--viewport-height) - var(--tray-height-mobile, 56px))}.is-screenshare .tile-screenshare{position:fixed;top:0;left:0;right:0;bottom:var(--tray-height-mobile, 80px);width:100vw;height:calc(var(--viewport-height, 100vh) - var(--tray-height-mobile, 80px));z-index:5;background:var(--monokai-bg, #272822);overflow:hidden}.is-screenshare .tile-video{position:fixed;width:240px;height:135px;padding-bottom:0;z-index:10;box-shadow:var(--shadow-xl);border-radius:var(--border-radius-md)}.is-screenshare .self-view{top:20px;right:320px;width:240px;height:135px}.is-screenshare:not(:has(.chat-container)) .self-view{right:20px}.is-screenshare .tile-video:not(.self-view):not(.tile-screenshare){top:167px;right:320px}.is-screenshare:not(:has(.chat-container)) .tile-video:not(.self-view):not(.tile-screenshare){right:20px}.is-screenshare .tile:nth-child(3) .tile-video{top:314px}.is-screenshare .tile:nth-child(4) .tile-video{top:461px}.info-box{display:none}.call.single-participant{display:block;max-width:none;margin:0;padding:0;height:calc(var(--viewport-height) - var(--tray-height-mobile, 56px));width:100vw;overflow:hidden;position:fixed;top:0;left:0;right:0}.call.single-participant .tile-video{width:100vw;height:calc(var(--viewport-height) - var(--tray-height-mobile, 56px));padding-bottom:0;position:absolute;inset:0;border-radius:0;margin:0}.call.single-participant .tile-video.self-view.alone{width:100vw;height:calc(var(--viewport-height) - var(--tray-height-mobile, 56px));position:absolute;inset:0;display:block;margin:0}.call.single-participant .tile-video.self-view.alone video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;margin:0}.waiting-message{position:fixed;top:60px;left:50%;transform:translate(-50%);color:#fff;font-size:1.1rem;font-weight:500;text-shadow:2px 2px 4px rgba(0,0,0,.8);z-index:1100;pointer-events:none;text-align:center}@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{width:100vw;height:calc(var(--viewport-height) - var(--tray-height-mobile, 56px));margin:0;border-radius:0}.call.single-participant .tile-video.self-view.alone video{width:100%;height:100%;object-fit:cover}.call.single-participant .username{bottom:calc(var(--tray-height-mobile, 56px) + var(--spacing-md));left:var(--spacing-md)}}@media only screen and (max-width:768px){.call{padding:0;gap:0}.call.single-participant{height:calc(var(--viewport-height) - var(--tray-height-mobile, 56px));padding:0}.call.single-participant .tile-video.self-view.alone{width:100vw;height:calc(var(--viewport-height) - var(--tray-height-mobile, 56px));margin:0;border-radius:0}.call.single-participant .tile-video.self-view.alone video{width:100%;height:100%;object-fit:cover}.call.single-participant .username{bottom:calc(var(--tray-height-mobile, 56px) + var(--spacing-sm));left:var(--spacing-sm);font-size:var(--font-size-xs)}.waiting-message{top:40px;font-size:1rem}}.tile{position:relative;width:100%;height:100%;min-height:200px;max-height:400px;background:var(--monokai-bg);border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #00000026;margin:0 auto}.tile-video.no-video{display:flex;align-items:center;justify-content:center;background:var(--gray-dark)}[data-local=true]{max-height:400px;object-fit:contain}.chat-window{position:fixed;right:1rem;bottom:var(--tray-height-mobile, 56px);width:300px;max-height:400px;background:var(--gray-dark);border-radius:8px;overflow:hidden;z-index:100;display:flex;flex-direction:column}.transcription-window{position:fixed;right:1rem;bottom:var(--tray-height-mobile, 56px);width:300px;max-height:400px;background:var(--gray-dark);border-radius:8px;overflow:hidden;z-index:100}.transcription-window.active{border:2px solid #4caf50;background:var(--bg-primary)}.transcription-status{padding:.5rem;text-align:center;background:var(--gray-darker)}.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]{width:100vw!important;height:calc(var(--viewport-height) - var(--tray-height-mobile, 56px))!important;max-width:100vw!important;max-height:none!important;object-fit:cover!important;position:absolute!important;inset:0!important;margin:0!important}.call.single-participant .username{position:absolute;bottom:calc(var(--tray-height-mobile, 56px) + var(--spacing-md));left:var(--spacing-md);z-index:1001}.call{margin-left:0;margin-top:0}.call.two-participants .tile-video:not(.self-view){position:absolute;inset:0;width:100%;height:calc(var(--viewport-height, 100vh) - var(--tray-height-mobile, 80px));padding:0;border-radius:0}.call.two-participants .tile-video:not(.self-view) video{width:100%;height:100%}.call.few-participants .tile-video.self-view,.call.many-participants .tile-video.self-view{position:relative;width:100%;height:auto;aspect-ratio:var(--video-aspect-ratio-16-9, 16 / 9)}.app:has(.call-page):not(:has(.floating-call-overlay)) .sidebar{transform:translate(-100%);transition:transform .3s ease}.app:has(.call-page):not(:has(.floating-call-overlay)) .sidebar:hover{transform:translate(0)}.app:has(.call-page):not(:has(.floating-call-overlay)) .header{transform:translateY(-100%);transition:transform .3s ease}.app:has(.call-page):not(:has(.floating-call-overlay)) .header:hover{transform:translateY(0)}.app:has(.call-page):not(:has(.floating-call-overlay)):before{content:"";position:fixed;left:0;top:0;width:20px;height:var(--viewport-height);z-index:var(--z-modal);pointer-events:auto}.app:has(.call-page):not(:has(.floating-call-overlay)):after{content:"";position:fixed;left:0;top:0;width:100%;height:20px;z-index:var(--z-modal);pointer-events:auto}.app:has(.call-page):not(:has(.floating-call-overlay)):before:hover~.sidebar,.app:has(.call-page):not(:has(.floating-call-overlay)):after:hover~.header{transform:translate(0)}.floating-minimize-btn{position:fixed;top:var(--safe-area-top, 12px);right:var(--safe-area-right, 12px);width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);display:flex;align-items:center;justify-content:center;background:var(--elevation-08dp);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-full, 50%);border:1px solid var(--border-color);box-shadow:var(--shadow-elevation-08dp);cursor:pointer;z-index:var(--z-popover);color:var(--text-primary);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.floating-minimize-btn:hover{background:var(--elevation-12dp);box-shadow:var(--shadow-elevation-12dp);transform:scale(1.05)}.floating-minimize-btn:active{background:var(--state-pressed);transform:scale(.95)}.floating-minimize-btn svg{width:20px;height:20px;stroke-width:2}@media(max-width:600px){.floating-minimize-btn{top:max(var(--safe-area-top, 0px),12px);right:max(var(--safe-area-right, 0px),12px)}}.confirmation-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:var(--z-dialog);animation:fadeIn .2s ease-in}.confirmation-dialog{background:var(--background, #1a1a1a);color:var(--text-primary, #ffffff);border-radius:8px;padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px #00000080;border:1px solid var(--border-color, #333);animation:scaleIn .2s ease-out}.confirmation-dialog h3{margin:0 0 16px;font-size:1.2rem;font-weight:600;color:var(--warning-color, #ff8c00)}.confirmation-dialog p{margin:0 0 24px;line-height:1.5;color:var(--text-secondary, #cccccc)}.confirmation-buttons{display:flex;gap:var(--spacing-md);justify-content:flex-end;width:100%}.confirmation-buttons button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-family:var(--font-sans);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-width:100px;flex-shrink:0;white-space:nowrap}.confirm-button{background-color:var(--error-color, #dc3545);color:#fff}.confirm-button:hover{background-color:var(--error-color-hover, #c82333);transform:translateY(-1px)}.cancel-button{background-color:var(--secondary-button, #6c757d);color:#fff}.cancel-button:hover{background-color:var(--secondary-button-hover, #5a6268);transform:translateY(-1px)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tile-video{position:relative;width:100%;aspect-ratio:var(--video-aspect-ratio-16-9, 16 / 9);background-color:var(--monokai-bg, #272822);border-radius:var(--border-radius-md, .5rem);overflow:hidden}@supports not (aspect-ratio: 16 / 9){.tile-video{height:0;padding-bottom:56.25%}}.tile-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background-color:var(--monokai-bg, #272822)}.tile-video.video-landscape video{object-fit:cover}.tile-video.video-portrait video,.tile-video.video-square video{object-fit:contain}.self-view{position:fixed;width:var(--pip-width-portrait, min(35vw, 140px));aspect-ratio:var(--video-aspect-ratio-16-9, 16 / 9);border-radius:var(--border-radius-lg, .75rem);box-shadow:var(--shadow-elevation-08dp, 0 4px 12px rgba(0, 0, 0, .25));z-index:var(--pip-z-index, 1000);overflow:hidden;bottom:calc(var(--tray-height-mobile, 80px) + var(--pip-safe-inset-bottom, 12px));right:var(--pip-safe-inset-right, 12px);top:auto;left:auto;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:top var(--pip-transition-snap, .3s cubic-bezier(.4, 0, .2, 1)),bottom var(--pip-transition-snap, .3s cubic-bezier(.4, 0, .2, 1)),left var(--pip-transition-snap, .3s cubic-bezier(.4, 0, .2, 1)),right var(--pip-transition-snap, .3s cubic-bezier(.4, 0, .2, 1)),box-shadow var(--pip-transition-drag, .15s ease-out)}@supports not (aspect-ratio: 16 / 9){.self-view{height:0;padding-bottom:56.25%}}.self-view video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background-color:var(--monokai-bg, #272822)}.self-view[data-corner=top-left]{top:var(--pip-safe-inset-top, 12px);right:auto;bottom:auto;left:var(--pip-safe-inset-left, 12px)}.self-view[data-corner=top-right]{top:var(--pip-safe-inset-top, 12px);right:var(--pip-safe-inset-right, 12px);bottom:auto;left:auto}.self-view[data-corner=bottom-left]{top:auto;right:auto;bottom:calc(var(--tray-height-mobile, 80px) + var(--pip-safe-inset-bottom, 12px));left:var(--pip-safe-inset-left, 12px)}.self-view[data-corner=bottom-right]{top:auto;right:var(--pip-safe-inset-right, 12px);bottom:calc(var(--tray-height-mobile, 80px) + var(--pip-safe-inset-bottom, 12px));left:auto}.self-view.dragging{box-shadow:var(--shadow-elevation-16dp, 0 8px 24px rgba(0, 0, 0, .4));opacity:.95;cursor:grabbing}@media(orientation:landscape){.self-view{width:var(--pip-width-landscape, min(25vw, 200px));bottom:calc(var(--tray-height-desktop, 80px) + var(--pip-inset-mobile, 12px))}.self-view[data-corner=bottom-left],.self-view[data-corner=bottom-right]{bottom:calc(var(--tray-height-desktop, 80px) + var(--pip-inset-mobile, 12px))}}@media(min-width:601px)and (max-width:1024px){.self-view{width:var(--pip-width-landscape, min(25vw, 200px));border-radius:var(--border-radius-lg, .75rem)}.tile-video{border-radius:var(--border-radius-lg, .75rem)}}@media(min-width:1025px){.self-view{width:var(--pip-width-desktop, min(20vw, 280px));bottom:calc(var(--tray-height-desktop, 80px) + var(--pip-inset-desktop, 20px));right:var(--pip-inset-desktop, 20px)}.self-view[data-corner=top-left],.self-view[data-corner=top-right]{top:var(--pip-inset-desktop, 20px)}.self-view[data-corner=bottom-left],.self-view[data-corner=bottom-right]{bottom:calc(var(--tray-height-desktop, 80px) + var(--pip-inset-desktop, 20px))}.self-view[data-corner=top-left],.self-view[data-corner=bottom-left]{left:var(--pip-inset-desktop, 20px)}.self-view[data-corner=top-right],.self-view[data-corner=bottom-right]{right:var(--pip-inset-desktop, 20px)}}.self-view.alone{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:unset;border-radius:0;box-shadow:none;z-index:1;display:flex;align-items:center;justify-content:center}@supports not (aspect-ratio: 16 / 9){.self-view.alone{padding-bottom:0;height:100%}}.self-view.alone video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background-color:var(--monokai-bg, #272822)}.no-video{background-color:var(--monokai-bg, #272822)}.no-video video{visibility:hidden}.tile-screenshare{position:fixed;top:0;left:0;right:0;bottom:var(--tray-height-mobile, 80px);width:100vw;height:calc(var(--viewport-height, 100vh) - var(--tray-height-mobile, 80px));aspect-ratio:unset;border-radius:0;z-index:5;background:var(--monokai-bg, #272822);overflow:hidden}.tile-screenshare video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--monokai-bg, #272822)}.username{position:absolute;z-index:10;color:#fffffff2;background-color:#000000bf;bottom:var(--spacing-md);left:var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-sans);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.5)}@media only screen and (min-width:601px)and (max-width:1024px){.username{bottom:var(--spacing-sm);left:var(--spacing-sm);font-size:var(--font-size-sm)}}@media only screen and (max-width:600px){.username{bottom:var(--spacing-xs);left:var(--spacing-xs);font-size:var(--font-size-xs);padding:4px 6px}}.call-avatar-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--monokai-bg, #272822);z-index:5}.call-avatar-container{position:relative;border-radius:50%;overflow:hidden;background-color:var(--monokai-bg-darker, #1e1f1c);box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:center}.call-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:opacity .2s ease}.call-avatar-image--loading{opacity:.6}.call-avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold, 600);color:#fffffff2;text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.call-avatar-name{margin-top:var(--spacing-md, 12px);color:#ffffffd9;font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-medium, 500);text-align:center;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-avatar--pip .call-avatar-container{width:48px;height:48px}.call-avatar--pip .call-avatar-initials{font-size:var(--font-size-lg, 1.125rem)}.call-avatar--tile .call-avatar-container{width:min(40%,120px);height:auto;aspect-ratio:1 / 1}.call-avatar--tile .call-avatar-initials{font-size:clamp(1.5rem,8vw,2.5rem)}.call-avatar--fullscreen .call-avatar-container{width:min(35%,200px);height:auto;aspect-ratio:1 / 1}.call-avatar--fullscreen .call-avatar-initials{font-size:clamp(2rem,10vw,4rem)}@media only screen and (max-width:600px){.call-avatar--pip .call-avatar-container{width:36px;height:36px}.call-avatar--pip .call-avatar-initials{font-size:var(--font-size-md, 1rem)}.call-avatar--fullscreen .call-avatar-container{width:min(50%,160px)}.call-avatar-name{font-size:var(--font-size-md, 1rem)}}@media only screen and (min-width:601px)and (max-width:1024px){.call-avatar--pip .call-avatar-container{width:56px;height:56px}.call-avatar--fullscreen .call-avatar-container{width:min(40%,180px)}}@media only screen and (min-width:1025px){.call-avatar--pip .call-avatar-container{width:64px;height:64px}.call-avatar--pip .call-avatar-initials{font-size:var(--font-size-xl, 1.25rem)}}.transcription-timeout-error{position:fixed;top:50px;left:50%;transform:translate(-50%);color:var(--feedback-error, #ff4444);font-family:var(--font-sans, "Inter", sans-serif);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);line-height:var(--line-height-normal, 1.5);text-align:center;z-index:1200;pointer-events:none;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.transcription-subtitles{position:fixed;bottom:128px;left:50%;transform:translate(-50%);max-width:65%;z-index:1100;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs, 8px)}.subtitle-line{max-width:100%;background:#000000bf;border-radius:var(--radius-md, 8px);padding:var(--spacing-xs, 10px) var(--spacing-md, 16px);text-align:left;animation:fadeIn .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-elevation-02dp, 0 2px 4px rgba(0, 0, 0, .2))}.subtitle-text{color:#ffffffeb;font-family:var( --font-sans, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif );font-weight:var(--font-weight-regular, 400);font-size:var(--font-size-md, 1.125rem);line-height:var(--line-height-relaxed, 1.6);letter-spacing:.01em;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 4px rgba(0,0,0,.9);word-wrap:break-word;overflow-wrap:break-word}.transcription-status-indicator{display:flex;align-items:center;align-self:center;gap:var(--spacing-xs, 6px);color:var(--tree-green, #eaffbf);font-family:var(--font-sans, "Inter", sans-serif);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 3px rgba(0,0,0,.8);background:#000000bf;border-radius:var(--radius-full, 12px);padding:var(--spacing-xs, 6px) var(--spacing-sm, 12px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--tree-green, #eaffbf);animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.transcription-subtitles{max-width:85%;bottom:100px}.subtitle-text{font-size:var(--font-size-base, 1rem);line-height:var(--line-height-relaxed, 1.6)}.transcription-status-indicator{font-size:var(--font-size-xs, .75rem)}.transcription-timeout-error{bottom:15px;font-size:var(--font-size-xs, .75rem)}}@media(max-width:480px){.transcription-subtitles{max-width:90%}.subtitle-text{font-size:var(--font-size-sm, .875rem);line-height:var(--line-height-normal, 1.5)}.subtitle-line{padding:var(--spacing-xs, 8px) var(--spacing-sm, 12px)}}@media(prefers-contrast:high){.subtitle-text{text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 0 6px rgba(0,0,0,1)}.subtitle-line{background:#000000d9;border:1px solid rgba(255,255,255,.3)}}@media(prefers-reduced-motion:reduce){.subtitle-line,.status-dot{animation:none}}.tray-submenu-container{position:relative}.tray-submenu-trigger{display:flex;align-items:center;justify-content:center;min-width:var(--touch-target-comfortable, 48px);height:var(--touch-target-comfortable, 48px);padding:0 var(--spacing-sm);border-radius:24px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tray-submenu-trigger:hover{background:var(--bg-hover);border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tray-submenu-trigger:active,.tray-submenu-trigger.active{background:var(--accent-blue);color:var(--text-on-accent);border-color:var(--accent-blue)}.tray-submenu-trigger svg{width:20px;height:20px}.tray-submenu-backdrop{position:fixed;inset:0;background:#0000004d;z-index:1999;animation:fadeIn .2s ease-out}.tray-submenu-popup{position:fixed;bottom:calc(var(--tray-height-mobile, 56px) + 8px);right:var(--spacing-sm);width:240px;max-width:calc(100vw - 2 * var(--spacing-sm));background:var(--elevation-08dp);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-elevation-08dp);z-index:2000;overflow:visible;animation:slideUp .2s cubic-bezier(.4,0,.2,1)}.tray-submenu-header{display:none;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);border-bottom:1px solid var(--border-color)}.tray-submenu-title{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.tray-submenu-close{display:flex;align-items:center;justify-content:center;min-width:var(--touch-target-comfortable, 48px);min-height:var(--touch-target-comfortable, 48px);padding:0;border:none;background:transparent;color:var(--text-secondary);font-size:28px;line-height:1;cursor:pointer;border-radius:50%;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.tray-submenu-close:hover{background:var(--state-hover);color:var(--text-primary)}.tray-submenu-close:active{background:var(--state-pressed);transform:scale(.95)}.tray-submenu-items{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:2px;width:100%;box-sizing:border-box;overflow:visible}.tray-submenu-item{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;max-width:100%;min-height:var(--touch-target-comfortable, 48px);padding:12px var(--spacing-md);border:none;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;border-radius:10px;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation;white-space:nowrap;overflow:visible;box-sizing:border-box;justify-content:flex-start}.tray-submenu-item:hover{background:var(--state-hover)}.tray-submenu-item:active{background:var(--state-pressed);transform:scale(.98)}.tray-submenu-item.active{background:var(--accent-blue);color:var(--text-on-accent)}.tray-submenu-item.active svg{color:var(--text-on-accent)}.tray-submenu-item.copied{background:var(--accent-green);color:var(--text-on-accent)}.tray-submenu-item.copied svg{color:var(--text-on-accent)}.tray-submenu-item svg{flex-shrink:0;width:20px;height:20px;display:block;color:inherit}.tray-submenu-item span{flex:1 1 auto;line-height:1.4;min-width:0;overflow:visible;display:inline-block;vertical-align:middle}@media(max-width:600px){.tray-submenu-backdrop{background:#0009}.tray-submenu-popup{bottom:var(--tray-height-mobile, 56px);left:0;right:0;width:100%;max-width:none;border-radius:16px 16px 0 0;border-bottom:none;border-left:none;border-right:none;overflow-x:hidden;overflow-y:auto}.tray-submenu-header{display:flex}.tray-submenu-items{padding:var(--spacing-sm) var(--spacing-md);width:100%;box-sizing:border-box}.tray-submenu-item{min-height:56px;height:auto;width:100%;max-width:none;padding:14px 16px;font-size:15px;border-radius:12px;gap:12px;justify-content:flex-start;box-sizing:border-box;display:flex!important;flex-direction:row!important}.tray-submenu-item span{flex:1 1 auto;overflow:visible;text-overflow:clip;display:inline-block;vertical-align:middle;white-space:nowrap}.tray-submenu-item svg{width:22px;height:22px;min-width:22px;max-width:22px;display:block!important;flex-shrink:0!important}.tray-submenu-item{flex:none!important;min-width:auto!important;max-width:none!important}.tray-submenu-trigger{min-width:42px;width:42px;height:var(--touch-target-comfortable, 48px);padding:0;border-radius:12px}.tray-submenu-trigger svg{width:18px;height:18px}}@media(min-width:601px){.tray-submenu-popup{width:220px}.tray-submenu-items{padding:6px}.tray-submenu-item{padding:10px var(--spacing-sm);gap:10px}.tray-submenu-item svg{width:18px;height:18px;min-width:18px;display:block;flex-shrink:0}}@media(min-width:601px)and (max-width:900px){.tray-submenu-trigger{min-width:var(--touch-target-comfortable, 48px);width:var(--touch-target-comfortable, 48px);border-radius:14px}}@media(max-width:480px){.tray-submenu-trigger{min-width:40px;width:40px}.tray-submenu-trigger svg{width:16px;height:16px}.tray-submenu-items{padding:var(--spacing-xs) var(--spacing-sm)}}.tray{position:fixed;bottom:0;left:0;right:0;height:var(--tray-height-mobile, 56px);background:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-md);z-index:var(--z-dropdown);box-shadow:var(--shadow-elevation-08dp);border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center}.tray-buttons-container{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;gap:var(--spacing-xl);height:100%}.controls,.actions,.leave{display:flex;gap:var(--spacing-sm);align-items:center;height:100%}.tray button,.tray .tray-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:var(--touch-target-comfortable, 48px);height:var(--touch-target-comfortable, 48px);padding:0 var(--spacing-md);border-radius:24px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);position:relative;white-space:nowrap;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tray .button-label,.tray .tray-button-label{display:inline}.tray button svg{width:20px;height:20px;flex-shrink:0}.tray button:hover{background:var(--bg-hover);border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tray button:active{transform:scale(.95)}.tray button.active{background:var(--accent-blue);color:var(--text-on-accent);border-color:var(--accent-blue)}.tray button.new-message{position:relative}.tray button.new-message:after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--accent-red);border-radius:50%;border:2px solid var(--bg-primary)}.tray button.copied{background:var(--accent-green);color:var(--text-on-accent);border-color:var(--accent-green)}.tray button.copied:hover{background:var(--accent-green);border-color:var(--accent-green)}.leave button{background:var(--accent-red);color:var(--text-on-accent);border-color:var(--accent-red);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{position:fixed;right:var(--spacing-md);bottom:var(--tray-height-mobile, 56px);width:300px;max-height:400px;background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.transcript-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.transcript-toggle{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.transcript-toggle:hover{color:var(--accent-blue);background:var(--hover-bg-overlay)}.transcript-content{padding:var(--spacing-md);overflow-y:auto;flex-grow:1;color:var(--text-primary);font-size:var(--font-size-sm)}@media(max-width:600px){.tray{height:var(--tray-height-mobile, 56px);padding:var(--spacing-xs) var(--spacing-sm)}.tray-buttons-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;padding:0;width:100%;align-items:center}.controls,.actions,.leave{display:flex;flex-direction:row;gap:var(--spacing-xs)}.controls{flex:0 0 auto;gap:6px}.actions{flex:1;justify-content:flex-end;gap:6px}.leave{flex:0 0 auto;margin-left:var(--spacing-xs)}.tray button,.tray .tray-button{flex:1;min-width:56px;max-width:72px;height:var(--touch-target-comfortable, 48px);padding:0 var(--spacing-xs);border-radius:12px;justify-content:center;align-items:center;gap:0}.tray button svg,.tray .tray-button svg{width:22px;height:22px;margin:0}.tray .button-label,.tray .tray-button-label{display:none!important}.tray button.new-message:after{top:4px;right:4px}.transcript-window{width:calc(100% - 2 * var(--spacing-md));max-height:300px}}@media(min-width:601px)and (max-width:900px){.tray{height:var(--tray-height-desktop, 56px);padding:var(--spacing-xs) var(--spacing-sm)}.tray-buttons-container{gap:var(--spacing-sm)}.tray button,.tray .tray-button{min-width:var(--touch-target-comfortable, 48px);width:var(--touch-target-comfortable, 48px);height:var(--touch-target-comfortable, 48px);padding:0;border-radius:14px;justify-content:center;align-items:center}.tray .button-label,.tray .tray-button-label{display:none!important}.tray button svg,.tray .tray-button svg{width:22px;height:22px;margin:0}.controls,.actions,.leave{gap:var(--spacing-xs)}}@media(max-width:480px){.tray{padding:var(--spacing-xs) 6px}.tray-buttons-container{gap:6px}.controls,.actions{gap:4px}.tray button,.tray .tray-button{min-width:54px;max-width:68px;height:var(--touch-target-comfortable, 48px);border-radius:12px}.actions button svg,.actions .tray-button svg{width:20px;height:20px}.controls button svg,.leave button svg{width:22px;height:22px}}.call-time-tracker{position:fixed;top:10px;left:10px;z-index:var(--z-popover);font-family:Courier New,monospace;font-size:11px;line-height:1.4;color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none;-webkit-user-select:none;user-select:none}.tracker-icon,.tracker-title,.dev-badge{display:none}.duration-display,.context-display,.participants-display{margin:0;padding:0;background:none;border:none}.duration-label,.context-label,.participants-label{display:inline;font-size:inherit;color:inherit;text-transform:none;letter-spacing:normal}.duration-value{display:inline;font-size:inherit;font-weight:400;color:inherit;font-family:inherit;letter-spacing:normal;text-shadow:none}.duration-seconds{display:none}.context-value{display:inline;font-size:inherit;font-weight:400}.context-value.teaching,.context-value.learning{color:inherit}.context-icon{display:none}.context-text{text-transform:none;letter-spacing:normal}.context-loading{color:inherit;font-style:italic}.participants-value{font-size:inherit;font-weight:400;color:inherit}.call-time-warning{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:var(--z-notification);background:#fd971f26;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(253,151,31,.3);border-radius:12px;box-shadow:0 8px 32px #00000040,0 0 0 1px #ffffff0d inset;animation:slideInFade .4s cubic-bezier(.4,0,.2,1) forwards;padding:14px 24px;min-width:280px;max-width:400px}.warning-content{display:flex;align-items:center;gap:12px;justify-content:center}.warning-icon{font-size:var(--font-size-lg);flex-shrink:0;animation:iconPulse 2s ease-in-out infinite}.warning-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);letter-spacing:var(--letter-spacing-wide);text-shadow:0 1px 2px rgba(0,0,0,.2)}.call-time-warning.pulsing{animation:slideInFade .4s cubic-bezier(.4,0,.2,1) forwards,urgentPulse 1s ease-in-out infinite;border-color:#f9267280;background:#f9267233}@keyframes slideInFade{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes iconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes urgentPulse{0%,to{box-shadow:0 8px 32px #00000040,0 0 0 1px #f926724d inset,0 0 20px #f9267233}50%{box-shadow:0 8px 32px #00000040,0 0 0 1px #f9267280 inset,0 0 30px #f9267266}}.light-theme .call-time-warning{background:#f59e0b26;border-color:#f59e0b66;box-shadow:0 8px 32px #0000001a,0 0 0 1px #ffffff80 inset}.light-theme .call-time-warning.pulsing{background:#dc262626;border-color:#dc262666}.light-theme .warning-text{color:var(--text-ink);text-shadow:0 1px 2px rgba(255,255,255,.5)}@media(prefers-reduced-motion:reduce){.call-time-warning{animation:none;opacity:1;transform:translate(-50%) translateY(0)}.warning-icon,.call-time-warning.pulsing{animation:none}}@media(max-width:768px){.call-time-warning{top:12px;min-width:auto;max-width:calc(100vw - 40px);padding:12px 20px}.warning-content{gap:8px}.warning-icon{font-size:var(--font-size-base)}.warning-text{font-size:var(--font-size-xs)}}.avatar-box-circular{width:100%;height:100%;position:relative;display:block}.avatar-box-circular.clickable{cursor:pointer}.avatar-box-circular.has-error{margin-bottom:24px}.avatar-box-circular .avatar-container{position:relative;width:100%;height:100%;border-radius:50%;overflow:visible;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.avatar-box-circular .avatar-clip-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;overflow:hidden;z-index:1}.avatar-box-circular.clickable .avatar-container:hover{transform:scale(1.05);filter:brightness(1.1)}.avatar-box-circular .avatar-image{width:100%;height:100%;object-fit:cover;border:none;border-radius:0;display:block;position:absolute;top:0;left:0}.avatar-box-circular .avatar-initials,.avatar-box-circular .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;text-transform:uppercase;font-size:clamp(14px,8vw,48px);text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-user-select:none;user-select:none}.avatar-loading-placeholder{position:absolute;inset:0;background:var(--bg-secondary, #f3f4f6);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.avatar-error{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--accent-red, #ef4444);color:#fff;padding:4px 8px;border-radius:var(--border-radius-sm);font-size:11px;white-space:nowrap;z-index:10;margin-top:4px;animation:slideDown .3s ease;box-shadow:0 2px 8px #ef44444d}@keyframes slideDown{0%{transform:translate(-50%) translateY(-8px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.avatar-box-circular.clickable:focus,.avatar-box-circular.clickable .avatar-container:focus{outline:2px solid var(--accent-blue);outline-offset:2px;border-radius:50%}.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{filter:grayscale(1) brightness(.8);border:2px solid var(--border-color, #ccc)}.avatar-box-circular.deleted-user .avatar-container:hover{transform:none;filter:grayscale(1) brightness(.8)}.avatar-box-circular.deleted-user .avatar-image{opacity:.7}.dark-theme .avatar-box-circular.deleted-user .avatar-container{border-color:var(--border-color, #555)}.avatar-online-badge{position:absolute;left:0;top:0;width:14px;height:14px;background:var(--tree-green);border:2px solid var(--bg-primary);border-radius:50%;z-index:15;box-sizing:border-box;flex-shrink:0}.avatar-remove-button{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:var(--danger-red, #ef4444);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,transform .2s;z-index:3;font-weight:700;padding:0}.avatar-box-circular:hover .avatar-remove-button{opacity:1}.avatar-remove-button:hover{background:var(--danger-dark, #dc2626);transform:scale(1.1)}.avatar-remove-button:active{transform:scale(.95)}.passport-popup-overlay{position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-passport-popup);animation:fadeIn .2s ease-out}.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{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);width:90%;max-width:600px;max-height:85vh;max-height:85dvh;overflow:hidden;box-shadow:var(--shadow-xl);animation:slideIn .3s ease-out;position:relative;display:flex;flex-direction:column}.passport-popup-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0}.passport-popup-title{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-serif);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);color:var(--text-primary)}.passport-popup-close{background:transparent;border:none;color:var(--text-secondary);font-size:var(--font-size-3xl);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;line-height:1;width:32px;height:32px}.passport-popup-close:hover{color:var(--accent-blue);background:var(--hover-bg-overlay)}.passport-popup-body{padding:var(--spacing-md);overflow-y:auto;overflow-x:hidden;flex:1;display:flex;flex-direction:column;gap:0}.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;transition:background var(--transition-fast)}.passport-popup-body::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.passport-profile-top{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:0;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.passport-avatar-container{flex-shrink:0;width:100px;height:100px;overflow:visible;position:relative}.passport-avatar-container .avatar-online-badge{width:20px;height:20px;border-width:3px}.passport-identity{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0;padding-top:var(--spacing-xs)}.passport-tabs-container{padding:0 var(--spacing-md);margin-bottom:var(--spacing-md)}.passport-profile-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.passport-popup .profile-card__field{padding-bottom:var(--spacing-sm)}.passport-popup .profile-card__field-label{text-align:left}.passport-popup .profile-card__field-value{min-width:0}.suggestion-meta-panel{padding:var(--spacing-lg);background:linear-gradient(145deg,var(--elevation-02dp, var(--bg-secondary)) 0%,var(--elevation-04dp, var(--bg-tertiary)) 100%);border:2px solid var(--border-light);border-radius:24px;box-shadow:4px 4px 0 var(--border-color);font-family:var(--font-sans)}.suggestion-meta-header{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--accent-blue);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);font-family:var(--font-serif);margin-bottom:var(--spacing-md)}.suggestion-meta-header-icon{width:20px;height:20px;color:var(--accent-blue);flex-shrink:0}.suggestion-meta-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.suggestion-score-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.suggestion-score-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--accent-blue);font-family:var(--font-serif)}.suggestion-score-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-sans)}.suggestion-online-badge{margin-left:auto;padding:4px var(--spacing-sm);background:var(--tree-green);color:#fff;border-radius:9999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-family:var(--font-sans);white-space:nowrap;box-shadow:2px 2px #00000026}.suggestion-reasons-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.suggestion-reason-item{font-size:var(--font-size-sm);color:var(--text-primary);display:flex;align-items:flex-start;gap:var(--spacing-xs);line-height:var(--line-height-relaxed);font-family:var(--font-sans)}.suggestion-reason-bullet{color:var(--accent-blue);flex-shrink:0;font-weight:var(--font-weight-bold)}.suggestion-breakdown{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--border-radius-lg);border:1px solid var(--border-light)}.suggestion-breakdown-header{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-sans);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em}.suggestion-breakdown-header-icon{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.suggestion-breakdown-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.suggestion-breakdown-item{display:flex;flex-direction:column;gap:4px;padding:var(--spacing-xs) 0;transition:all .2s ease}.suggestion-breakdown-item:hover{transform:translate(4px)}.suggestion-breakdown-label-row{display:flex;justify-content:space-between;align-items:center}.suggestion-breakdown-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-sans)}.suggestion-breakdown-percentage{font-weight:var(--font-weight-bold);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-sans);min-width:40px;text-align:right}.suggestion-breakdown-bar-container{width:100%;height:20px;background:var(--progress-ring-bg, var(--bg-secondary));border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:inset 0 1px 3px #0000004d;position:relative}.suggestion-breakdown-bar{height:100%;border-radius:var(--border-radius-lg);transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d;position:relative}.suggestion-breakdown-bar:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#00000026,#fff3);pointer-events:none}.suggestion-breakdown-item:hover .suggestion-breakdown-bar:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:suggestionShimmer .8s forwards}@keyframes suggestionShimmer{to{left:100%}}.suggestion-breakdown-grid{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.suggestion-breakdown-key{color:var(--text-secondary);text-transform:capitalize}.suggestion-breakdown-value{font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:right}.expert-experience-panel{padding:var(--spacing-lg);background:linear-gradient(145deg,var(--elevation-02dp, var(--bg-secondary)) 0%,var(--elevation-04dp, var(--bg-tertiary)) 100%);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.expert-mission{display:flex;flex-direction:column;gap:var(--spacing-xs)}.expert-mission-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--accent-sage, var(--text-secondary));text-transform:uppercase;letter-spacing:.05em}.expert-mission-text{font-size:var(--font-size-md);color:var(--text-primary);line-height:var(--line-height-relaxed);font-style:italic;margin:0;padding-left:var(--spacing-sm);border-left:3px solid var(--accent-sage, var(--border-color))}.expert-stats-row{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.expert-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:60px}.expert-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--accent-blue);line-height:1}.expert-stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.expert-stat:hover .expert-stat-value{color:var(--accent-blue-hover, var(--accent-blue));transform:scale(1.05);transition:all var(--transition-fast)}.passport-footer{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0}.passport-action-buttons{display:flex;gap:var(--spacing-sm);width:100%}.passport-action-buttons .call-button{flex:1;width:100%;justify-content:center}.passport-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);min-height:48px;height:48px}.passport-action-btn--message{background:var(--accent-blue);color:var(--text-on-accent)}.passport-action-btn--message:hover{background:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.passport-action-btn--call{background:var(--tree-green)!important;color:var(--text-on-accent)!important;border:none!important}.passport-action-btn--call:hover{background:var(--accent-green)!important;transform:translateY(-2px);box-shadow:var(--shadow-md)}.passport-action-btn--connect{background:var(--tree-green);color:var(--text-on-accent);box-shadow:var(--shadow-elevation-02dp, var(--shadow-sm))}.passport-action-btn--connect:hover:not(:disabled){background:var(--tree-green-hover, #3a8fe0);transform:translateY(-2px);box-shadow:var(--shadow-elevation-04dp, 0 6px 16px rgba(74, 158, 255, .4))}.passport-action-btn--connect:active:not(:disabled){transform:translateY(0);background:color-mix(in srgb,var(--accent-green) 85%,#000 15%)}.passport-action-btn--connect.connection-requested{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:default;box-shadow:none}.passport-action-btn--connect.connection-requested:hover{transform:none;box-shadow:none}.passport-action-btn--connect.loading{cursor:wait;opacity:.7}.passport-action-btn--pending{background:var(--accent-gold, #d4a574);color:var(--text-on-accent);box-shadow:var(--shadow-elevation-02dp, 0 2px 8px rgba(212, 165, 116, .25));cursor:pointer}.passport-action-btn--pending:hover:not(:disabled){background:color-mix(in srgb,var(--accent-gold, #d4a574) 85%,#000 15%);box-shadow:var(--shadow-elevation-04dp, 0 4px 12px rgba(212, 165, 116, .35));transform:translateY(-2px)}.passport-action-btn--pending:active:not(:disabled){transform:translateY(0);background:color-mix(in srgb,var(--accent-gold, #d4a574) 80%,#000 20%)}.passport-action-btn--pending.loading{cursor:wait;opacity:.7}.passport-make-primary{margin-top:var(--spacing-sm);border-top:1px solid var(--border-color);padding-top:var(--spacing-sm)}.passport-action-btn--primary-expert{background:var(--accent-sage, #8b9a7f);color:var(--text-on-accent);box-shadow:var(--shadow-elevation-02dp, 0 2px 8px rgba(139, 154, 127, .25));width:100%}.passport-action-btn--primary-expert:hover:not(:disabled){background:color-mix(in srgb,var(--accent-sage, #8b9a7f) 85%,#000 15%);transform:translateY(-2px);box-shadow:var(--shadow-elevation-04dp, 0 4px 12px rgba(139, 154, 127, .35))}.passport-action-btn--primary-expert:active:not(:disabled){transform:translateY(0);background:color-mix(in srgb,var(--accent-sage, #8b9a7f) 80%,#000 20%)}.passport-connect-button{display:flex;justify-content:stretch;width:100%}.connect-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--tree-green);color:var(--text-on-accent);border:none;padding:var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.connect-btn:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.connect-btn:disabled{cursor:not-allowed;opacity:.6}.connect-btn.connection-requested{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:default;box-shadow:none}.connect-btn.connection-requested:hover{transform:none;box-shadow:none}.connect-btn.loading{cursor:wait;opacity:.7}.connect-text{font-weight:var(--font-weight-semibold)}.error-message{background:var(--bg-danger-overlay);color:var(--accent-red);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);border:1px solid var(--accent-red);font-weight:var(--font-weight-medium)}.passport-local-user-info{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:var(--bg-info-overlay);border:1px solid var(--border-color);border-radius:var(--border-radius-md);text-align:center}@media(max-width:600px){.passport-popup{width:96%;max-width:none;max-height:92vh;max-height:92dvh;border-radius:var(--border-radius-lg)}.passport-popup-header{padding:var(--spacing-sm) var(--spacing-md)}.passport-popup-title{font-size:var(--font-size-md);gap:var(--spacing-xs);font-family:var(--font-serif)}.passport-popup-body{padding:var(--spacing-md);gap:0}.passport-profile-top{flex-direction:column;text-align:center;align-items:center;gap:var(--spacing-md);padding:0;padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.passport-avatar-container{width:70px;height:70px}.passport-avatar-container .avatar-online-badge{width:16px;height:16px;border-width:2px}.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)}.passport-popup .profile-card__field{padding-bottom:var(--spacing-xs)}.passport-popup .profile-card__field-label{font-size:var(--font-size-xs)}.passport-popup .profile-card__field-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{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.suggestion-score-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.suggestion-score-value{font-size:var(--font-size-xl)}.suggestion-online-badge{margin-left:0;align-self:flex-start}.suggestion-meta-panel,.suggestion-breakdown{padding:var(--spacing-sm) var(--spacing-md)}.expert-experience-panel{padding:var(--spacing-md);gap:var(--spacing-sm)}.expert-mission-text{font-size:var(--font-size-sm)}.expert-stats-row{justify-content:center;gap:var(--spacing-md)}.expert-stat-value{font-size:var(--font-size-lg)}}@media(min-width:600px)and (max-width:768px){.passport-popup{width:90%;max-height:88vh;max-height:88dvh}.passport-popup-body{padding:var(--spacing-md)}.passport-avatar-container{width:80px;height:80px}}@media(min-width:768px)and (max-width:1024px){.passport-popup{width:85%;max-width:550px}.passport-avatar-container{width:90px;height:90px}}@media(min-width:1024px){.passport-popup{max-width:600px}.passport-avatar-container{width:100px;height:100px}.passport-popup .profile-card__field:hover{transform:translate(4px)}.passport-action-btn:hover{transform:translateY(-3px)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.profile-card__field{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-bottom:var(--spacing-sm)}.profile-card__field-label{font-family:var(--font-serif);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);line-height:var(--line-height-normal);letter-spacing:normal}.profile-card__field-value{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:var(--text-primary);line-height:var(--line-height-relaxed)}.profile-card__field-value--empty{color:var(--text-tertiary);font-style:italic;opacity:.7}.profile-card__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.profile-card__tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:var(--bg-tertiary);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.profile-card--readonly .profile-card__tag{background:var(--text-tertiary);color:var(--bg-primary);border-radius:9999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.profile-card--readonly .profile-card__tag:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.profile-card--editable .profile-card__tag{background:var(--bg-tertiary);color:#fff}.light-theme .profile-card--editable .profile-card__tag{background:#4a5568;color:#fff}.profile-card__tag-remove{background:transparent;border:none;color:inherit;font-size:1.25rem;line-height:1;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);opacity:.7}.profile-card__tag-remove:hover{background:#fff3;opacity:1}.profile-card__avatar{width:100px;height:100px;border-radius:50%;overflow:visible;background:var(--bg-secondary);border:2px solid var(--border-color);flex-shrink:0;position:relative}.profile-card__identity{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.profile-card__identity-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.profile-card__name{font-family:var(--font-serif);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);margin:0}.profile-card__profession{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-secondary);line-height:var(--line-height-normal);margin:0}.profile-card__location{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-tertiary);line-height:var(--line-height-normal);margin:0}.profile-card--editable .profile-card__input,.profile-card--editable .profile-card__textarea{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%;box-sizing:border-box}.profile-card--editable .profile-card__input:focus,.profile-card--editable .profile-card__textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #64b5f61a}.profile-card--editable .profile-card__textarea{resize:vertical;min-height:100px;line-height:1.5}.profile-card--editable .profile-card__input--readonly{background:#ffffff0d;border-color:#ffffff1a;color:var(--text-tertiary);cursor:not-allowed;opacity:.7}.profile-card__char-count{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-tertiary);text-align:right;margin-top:calc(var(--spacing-xs) * -.5)}.profile-card__help-text{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:calc(var(--spacing-xs) * -.5)}@media(max-width:600px){.profile-card__identity{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md)}.profile-card__identity-info{align-items:center}.profile-card__field-label{font-size:var(--font-size-xs)}.profile-card__field-value{font-size:var(--font-size-sm)}}.light-theme .profile-card__field-label{color:var(--text-secondary)}.light-theme .profile-card__field-value{color:var(--text-primary)}.light-theme .profile-card--readonly .profile-card__tag{background:var(--text-tertiary);color:var(--bg-primary)}.call-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);border:none;border-radius:var(--border-radius-md);font-family:var(--font-sans);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);position:relative;white-space:nowrap;background:var(--tree-green);color:var(--bg-primary)}.call-button--default,.call-button--primary{background:var(--tree-green);color:var(--text-on-accent)}.call-button--secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.call-button--icon{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:50%;aspect-ratio:1;justify-content:center;min-width:unset;gap:0}.call-button--small{padding:var(--spacing-xs);font-size:var(--font-size-sm);width:var(--grid-button-size);height:var(--grid-button-size);min-height:var(--grid-button-size);border-radius:var(--grid-button-radius);justify-content:center}.call-button--medium{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);min-height:40px}.call-button--large{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);min-height:48px}.call-button--icon.call-button--small{width:32px;height:32px;padding:var(--spacing-xs)}.call-button--icon.call-button--medium{width:40px;height:40px;padding:var(--spacing-sm)}.call-button--icon.call-button--large{width:48px;height:48px;padding:var(--spacing-md)}.call-button:hover:not(.call-button--disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.call-button--default:hover:not(.call-button--disabled){background:color-mix(in srgb,var(--accent-green) 85%,white 15%)}.call-button--primary:hover:not(.call-button--disabled){background:color-mix(in srgb,var(--accent-blue) 85%,white 15%)}.call-button--secondary:hover:not(.call-button--disabled){background:var(--state-hover);border-color:var(--border-color)}.call-button--icon:hover:not(.call-button--disabled){background:var(--state-hover);color:var(--text-primary);border-color:var(--border-color)}.call-button--icon.video-button,.call-button--icon:has(.call-button__video-icon){color:var(--tree-green);border-color:var(--tree-green)}.call-button--icon.video-button:hover:not(.call-button--disabled),.call-button--icon:has(.call-button__video-icon):hover:not(.call-button--disabled){background:color-mix(in srgb,var(--tree-green) 85%,white 15%);color:#fff;border-color:var(--tree-green);transform:translateY(-1px);box-shadow:0 2px 8px #56c6764d}.call-button--disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow: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;color:var(--color-golden);border-color:var(--color-golden)}.call-button__video-icon{flex-shrink:0;transition:transform var(--transition-fast);fill:currentColor}.call-button:hover:not(.call-button--disabled) .call-button__video-icon{transform:scale(1.02)}.call-button__text-icon{flex-shrink:0;transition:transform var(--transition-fast);fill:currentColor}.call-button:hover:not(.call-button--disabled) .call-button__text-icon{transform:scale(1.02)}.call-button__error{position:absolute;top:-4px;right:-4px;color:var(--accent-red);background:var(--bg-primary);border-radius:50%;padding:2px;display:flex;align-items:center;justify-content:center}.call-button--loading .animate-spin{animation:spin 1s linear infinite}.call-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--spacing-lg);z-index:var(--z-loading)}.call-modal{background:var(--bg-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);width:320px;max-width:90vw;overflow:hidden;animation:slideInFromRight .3s ease-out;position:relative}.call-modal--floating{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-loading);animation:slideInFromRight .3s ease-out}.call-modal__header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.call-modal__avatar{flex-shrink:0;width:48px;height:48px}.call-modal__info{flex:1;min-width:0}.call-modal__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-modal__status{font-size:var(--font-size-sm);font-family:var(--font-sans);color:var(--text-secondary);margin:0;transition:opacity var(--transition-fast) var(--ease-out-smooth),color var(--transition-fast) var(--ease-out-smooth)}.call-modal__tree-context{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:var(--font-size-sm);font-family:var(--font-sans);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-modal__tree-context svg{flex-shrink:0;color:var(--accent-green)}.call-modal__timer{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);font-family:var(--font-mono);flex-shrink:0}.call-modal__error{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-danger-overlay);color:var(--accent-red);font-size:var(--font-size-sm);font-family:var(--font-sans);border-bottom:1px solid var(--accent-red)}.call-modal__retry-button{margin-left:auto;padding:var(--spacing-xs) var(--spacing-sm);background:var(--accent-amber);color:var(--bg-primary);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);min-width:60px}.call-modal__retry-button:hover:not(:disabled){background:var(--accent-amber-hover);transform:translateY(-1px)}.call-modal__retry-button:disabled{opacity:.6;cursor:not-allowed}.call-modal__actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg)}.call-modal__button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);min-height:48px}.call-modal__button:disabled{opacity:.6;cursor:not-allowed}.call-modal__button--accept,.call-modal__button--join{background:var(--tree-green);color:#fff;position:relative;overflow:hidden}.call-modal__button--join:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-100%) translateY(-100%);animation:holographic-shimmer 3s ease-in-out infinite}@keyframes holographic-shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}50%{transform:translate(100%) translateY(100%) rotate(45deg)}to{transform:translate(-100%) translateY(-100%) rotate(45deg)}}.call-modal__button--accept:hover:not(:disabled),.call-modal__button--join:hover:not(:disabled){background:color-mix(in srgb,var(--tree-green) 85%,white 15%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.call-modal__button--join:hover:not(:disabled){box-shadow:0 4px 12px #56c67640}.call-modal__button--reject,.call-modal__button--cancel{background:var(--accent-red);color:var(--text-on-accent)}.call-modal__button--reject:hover:not(:disabled),.call-modal__button--cancel:hover:not(:disabled){background:var(--accent-red-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.call-modal__close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.call-modal__close:hover{background:var(--state-hover);color:var(--text-primary)}.call-notifications{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-call-floating);display:flex;flex-direction:column;gap:var(--spacing-xs);pointer-events:none}.call-notification{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-sm) var(--spacing-md);max-width:300px;animation:slideInFromRight .3s ease-out,fadeOut .3s ease-out 2.7s forwards;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{border-left:4px solid var(--accent-red);background:var(--bg-danger-overlay)}.call-notification__message{font-size:var(--font-size-sm);font-family:var(--font-sans);color:var(--text-primary);font-weight:var(--font-weight-medium)}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media(max-width:767px){.call-modal-overlay{padding:var(--spacing-md);align-items:center;justify-content:center}.call-modal{width:100%;max-width:400px;animation:slideInFromBottom .3s ease-out}.call-modal--floating{left:var(--spacing-md);right:var(--spacing-md);width:auto;max-width:calc(100vw - (var(--spacing-md) * 2));animation:slideInFromBottom .3s ease-out}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.call-modal__actions{flex-direction:column}.call-modal__button{min-height:52px}.call-notifications{top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md)}.call-notification{max-width:none}}@media(min-width:1920px){.call-modal{width:380px;max-width:20vw}.call-modal__avatar{width:64px;height:64px}.call-modal__name{font-size:var(--font-size-xl)}.call-modal__status{font-size:var(--font-size-md)}.call-modal__button{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);min-height:52px}.call-notification{max-width:360px;padding:var(--spacing-md) var(--spacing-lg)}}@media(min-width:2560px){.call-modal{width:440px;max-width:18vw}.call-modal__avatar{width:72px;height:72px}.call-modal__header{gap:var(--spacing-lg)}.call-modal__actions{gap:var(--spacing-md)}}@media(prefers-reduced-motion:reduce){.call-modal,.call-notification,.call-button{animation:none;transition:none}.call-modal__status,.call-button--loading .animate-spin{animation:none}}@media(prefers-contrast:high){.call-button{border:2px solid currentColor}.call-modal,.call-notification{border:2px solid var(--text-primary)}}.call-button:focus-visible,.call-button--icon:focus-visible,.call-button--primary:focus-visible,.call-button--secondary:focus-visible,.call-button--default:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.call-modal__button:focus-visible,.call-modal__button--accept:focus-visible,.call-modal__button--reject:focus-visible,.call-modal__button--join:focus-visible,.call-modal__button--cancel:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.call-modal__close:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.call-modal__avatar:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.call-status-badge:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){.call-button,.call-modal,.call-modal__button{transition:none!important}}@media(prefers-contrast:high){.call-button{border:2px solid currentColor}.call-modal__close{border:2px solid var(--text-primary)}.call-button:focus-visible,.call-modal__button:focus-visible{outline-width:3px}}.connection-detail-display .call-button{width:100%;justify-content:center}.tab-navigation .call-button{margin-left:auto}.online-users .call-button--icon{flex-shrink:0}.card-tabs-wrapper{position:relative;z-index:10;width:100%;display:flex;justify-content:center;padding:var(--spacing-sm) 0;background:transparent}.card-tabs-wrapper.card-tabs-sticky{position:sticky;top:0;background:linear-gradient(to bottom,var(--bg-primary) 0%,var(--bg-primary) 85%,transparent 100%);transition:box-shadow .2s ease}.card-tabs-wrapper.is-stuck{box-shadow:0 2px 8px #0000001a}.card-tabs{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:128px;box-shadow:var(--shadow-sm);margin:0 auto;max-width:fit-content;position:relative}.card-tabs__indicator{position:absolute;top:var(--spacing-xs);height:calc(100% - var(--spacing-xs) * 2);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:64px;box-shadow:var(--shadow-md);pointer-events:none;z-index:0;transition:none;transform-origin:center center}.card-tabs__indicator--initialized{transition:left .28s cubic-bezier(.22,.68,.35,1.05),width .28s cubic-bezier(.22,.68,.35,1.05),opacity .15s ease-out}.card-tabs__indicator--animating{animation:indicator-squash-stretch .28s cubic-bezier(.22,.68,.35,1.05)}.card-tabs__indicator--moving-right{transform-origin:left center}.card-tabs__indicator--moving-left{transform-origin:right center}@keyframes indicator-squash-stretch{0%{transform:scaleX(.98) scaleY(1.01)}35%{transform:scaleX(1.06) scaleY(.97)}70%{transform:scaleX(.99) scaleY(1.01)}to{transform:scaleX(1) scaleY(1)}}.card-tab{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;border-radius:64px;cursor:pointer;transition:color .25s var(--ease-out-smooth),transform .25s var(--ease-out-smooth);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-sans);position:relative;min-width:72px;min-height:var(--touch-target-min);z-index:1}.card-tab:hover:not(.active){color:var(--text-primary);background:var(--hover-bg-overlay);transform:translateY(-1px)}.card-tab:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;border-radius:64px}.card-tab.active{color:var(--text-primary);font-weight:var(--font-weight-semibold);background:transparent;border:none;box-shadow:none}.card-tab__icon{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:inherit}.card-tab__icon svg{width:100%;height:100%;transition:transform .25s var(--ease-out-smooth)}.card-tab:hover:not(.active) .card-tab__icon svg{transform:scale(1.1)}.card-tab.active .card-tab__icon svg{transform:scale(1.05)}.card-tab__badge{position:absolute;top:-6px;right:-8px;background:var(--accent-red);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:12px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:var(--shadow-sm);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.card-tab__label{font-size:var(--font-size-xs);font-weight:inherit;font-family:var(--font-sans);line-height:1.2;white-space:nowrap;color:inherit}.card-tabs--compact{gap:var(--spacing-xs);padding:4px}.card-tabs--compact .card-tabs__indicator{top:4px;height:calc(100% - 8px)}.card-tabs--compact .card-tab{flex-direction:row;min-width:auto;min-height:36px;padding:var(--spacing-xs) var(--spacing-md);gap:var(--spacing-xs)}.card-tabs--compact .card-tab__label{font-size:var(--font-size-sm)}@media(max-width:768px){.card-tabs{gap:2px;padding:4px;margin:var(--spacing-md) auto}.card-tabs__indicator{top:4px;height:calc(100% - 8px)}.card-tab{min-width:64px;padding:var(--spacing-sm) var(--spacing-md);gap:2px}.card-tab__icon{width:20px;height:20px}.card-tab__label{font-size:11px}}@media(max-width:480px){.card-tabs{gap:0;padding:3px;margin:var(--spacing-sm) auto}.card-tabs__indicator{top:3px;height:calc(100% - 6px)}.card-tab{min-width:56px;padding:var(--spacing-xs) var(--spacing-sm);gap:2px}.card-tab__icon{width:18px;height:18px}.card-tab__label{font-size:10px;opacity:.7}.card-tab.active .card-tab__label{opacity:1;font-weight:var(--font-weight-semibold)}}.light-theme .card-tabs-wrapper{background:transparent}.light-theme .card-tabs-wrapper.card-tabs-sticky{background:linear-gradient(to bottom,var(--bg-primary) 0%,var(--bg-primary) 85%,transparent 100%)}.light-theme .card-tabs-wrapper.is-stuck{box-shadow:0 2px 8px #0000000d}.light-theme .card-tabs{background:var(--bg-elevated);border-color:var(--border-color);box-shadow:var(--shadow-sm)}.light-theme .card-tab{color:var(--text-secondary)}.light-theme .card-tab:hover:not(.active){color:var(--text-primary);background:var(--hover-bg-overlay)}.light-theme .card-tab.active{color:var(--text-primary);background:transparent;border:none;box-shadow:none}.light-theme .card-tabs__indicator{background:var(--bg-primary);border-color:var(--border-color);box-shadow:var(--shadow-md)}.card-tab.glow-effect{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;animation:tab-glow 2s ease-in-out infinite alternate;position:relative}.card-tab.glow-effect:before{content:"";position:absolute;inset:-6px;background:transparent;border:2px solid rgba(16,185,129,.3);border-radius:var(--border-radius-lg);animation:tab-pulse 2s ease-in-out infinite;pointer-events:none}.card-tab.glow-effect .card-tab__icon svg{color:var(--tree-green);filter:drop-shadow(0 0 8px rgba(16,185,129,.6))}.card-tab.glow-effect .card-tab__label{color:var(--tree-green);font-weight:var(--font-weight-semibold)}@keyframes tab-glow{0%{box-shadow:0 0 20px #10b98199,0 0 40px #10b98166,0 0 60px #10b98133,inset 0 0 15px #10b9811a;border-color:var(--tree-green)}to{box-shadow:0 0 30px #10b981cc,0 0 60px #10b98199,0 0 90px #10b98166,inset 0 0 25px #10b98133;border-color:var(--accent-green)}}@keyframes tab-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.08);opacity:.8}}.card-tab.glow-effect.active{background:var(--bg-tertiary);box-shadow:0 0 20px #10b98199,0 0 40px #10b98166,0 0 60px #10b98133,inset 0 0 15px #10b9811a,var(--shadow-sm)}@media(prefers-contrast:high){.card-tab{border-width:3px}.card-tab.active{border-bottom-width:5px}.card-tab__badge{border:2px solid var(--bg-primary)}.card-tab.glow-effect{border-width:3px}}@media(prefers-reduced-motion:reduce){.card-tab,.card-tab__icon svg,.card-tab__badge{transition:none;animation:none}.card-tabs__indicator,.card-tabs__indicator--initialized{transition:none;animation:none}.card-tabs__indicator--animating{animation:none}.card-tabs__indicator--initialized{transition:opacity .1s ease-out}.card-tab.glow-effect,.card-tab.glow-effect:before{animation:none}}.inquiry-modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 1000);padding:var(--spacing-md);animation:fadeIn var(--transition-normal) ease-out}.inquiry-modal{background:var(--bg-primary);border-radius:var(--border-radius-lg);width:100%;max-width:440px;max-height:85vh;overflow:hidden;box-shadow:var(--shadow-elevation-12dp, var(--shadow-xl));display:flex;flex-direction:column;animation:slideUp var(--transition-normal) ease-out}.inquiry-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);flex-shrink:0}.inquiry-modal__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-sans)}.inquiry-modal__close{background:none;border:none;padding:var(--spacing-sm);cursor:pointer;color:var(--text-secondary);border-radius:var(--border-radius-full);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px)}.inquiry-modal__close:hover{background-color:var(--state-hover);color:var(--text-primary)}.inquiry-modal__close:active{background-color:var(--state-pressed)}.inquiry-modal__body{padding:var(--spacing-lg) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto;flex:1}.inquiry-modal__intro{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.inquiry-modal__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.inquiry-modal__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.inquiry-modal__required{color:var(--accent-red)}.inquiry-modal__optional{color:var(--text-tertiary);font-weight:var(--font-weight-regular)}.inquiry-modal__select,.inquiry-modal__input,.inquiry-modal__textarea{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:var(--touch-target-min, 44px)}.inquiry-modal__select:focus,.inquiry-modal__input:focus,.inquiry-modal__textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring-color, rgba(102, 153, 204, .25))}.inquiry-modal__textarea{resize:vertical;min-height:100px;line-height:var(--line-height-relaxed)}.inquiry-modal__textarea::placeholder,.inquiry-modal__input::placeholder{color:var(--text-tertiary)}.inquiry-modal__char-count{text-align:right;font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:var(--font-mono);margin-top:calc(var(--spacing-xs) * -1)}.inquiry-modal__char-count--warning{color:var(--accent-amber)}.inquiry-modal__error{color:var(--accent-red);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ff55551a;border-radius:var(--border-radius-sm);border-left:3px solid var(--accent-red)}.inquiry-modal__footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-color);flex-shrink:0}.inquiry-modal__btn{flex:1;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-comfortable, 48px);display:flex;align-items:center;justify-content:center}.inquiry-modal__btn--secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.inquiry-modal__btn--secondary:hover:not(:disabled){background:var(--state-hover)}.inquiry-modal__btn--secondary:active:not(:disabled){background:var(--state-pressed)}.inquiry-modal__btn--primary{background:var(--accent-blue);border:none;color:var(--text-on-accent, white)}.inquiry-modal__btn--primary:hover:not(:disabled){background:var(--accent-blue-hover, #5588bb)}.inquiry-modal__btn--primary:active:not(:disabled){background:var(--accent-blue-active, #4477aa)}.inquiry-modal__btn:disabled{opacity:.5;cursor:not-allowed}.light-theme .inquiry-modal{background:var(--bg-primary);box-shadow:0 8px 32px #00000026}.light-theme .inquiry-modal__select,.light-theme .inquiry-modal__input,.light-theme .inquiry-modal__textarea{background:var(--bg-secondary)}@media(max-width:480px){.inquiry-modal-overlay{padding:var(--spacing-sm);align-items:flex-end}.inquiry-modal{max-width:100%;max-height:90vh;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.inquiry-modal__header,.inquiry-modal__body,.inquiry-modal__footer{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.inquiry-modal__footer{flex-direction:column;gap:var(--spacing-sm)}.inquiry-modal__btn{width:100%}}.connection-detail-display{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-lg);max-width:500px;min-width:400px;font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-primary);position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all var(--transition-medium);pointer-events:auto;display:flex;flex-direction:column}.connection-detail-display--tooltip{position:fixed;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid var(--border-light);box-shadow:var(--shadow-xl);opacity:0;transform-origin:left center;animation:fadeInSmooth .3s ease-out forwards;z-index:var(--z-tooltip);pointer-events:auto}.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{max-width:520px;min-width:440px;margin:auto;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:var(--z-modal);box-shadow:var(--shadow-xl);background:var(--bg-primary);border:1px solid var(--border-light);max-height:85vh;max-height:85dvh;overflow-y:auto;display:flex;flex-direction:column}.connection-detail-display--inline{box-shadow:var(--shadow-md)}.connection-detail-display__overlay{position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:var(--z-modal-backdrop)}.connection-detail-display__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light);flex-shrink:0}.connection-detail-display__profile{display:flex;align-items:flex-start;gap:var(--spacing-md);flex:1}.connection-detail-display__avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-secondary);position:relative}.connection-detail-display__avatar img{width:100%;height:100%;object-fit:cover}.connection-detail-display__avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent-blue);color:var(--bg-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.connection-detail-display__info{flex:1;min-width:0}.connection-detail-display__name{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);word-wrap:break-word}.connection-detail-display__profession{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);font-family:var(--font-sans);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.connection-detail-display__location{margin:0;font-size:var(--font-size-xs);font-family:var(--font-sans);color:var(--text-secondary)}.connection-detail-display__close{background:none;border:none;font-size:var(--font-size-lg);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);flex-shrink:0;transition:all var(--transition-fast)}.connection-detail-display__close:hover{background:var(--bg-secondary);color:var(--text-primary)}.connection-detail-display__compatibility,.connection-detail-display__details{flex-shrink:0}.connection-detail-display--modal>.connection-detail-display__compatibility,.connection-detail-display--modal>.connection-detail-display__details{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.connection-detail-display--modal>.connection-detail-display__compatibility::-webkit-scrollbar,.connection-detail-display--modal>.connection-detail-display__details::-webkit-scrollbar{width:6px}.connection-detail-display--modal>.connection-detail-display__compatibility::-webkit-scrollbar-track,.connection-detail-display--modal>.connection-detail-display__details::-webkit-scrollbar-track{background:transparent}.connection-detail-display--modal>.connection-detail-display__compatibility::-webkit-scrollbar-thumb,.connection-detail-display--modal>.connection-detail-display__details::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.connection-detail-display--modal>.connection-detail-display__compatibility::-webkit-scrollbar-thumb:hover,.connection-detail-display--modal>.connection-detail-display__details::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.connection-detail-display__compatibility{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--overlay-light);border-radius:var(--border-radius-lg);border:1px solid var(--border-light)}.compatibility-score{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.compatibility-score__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--tree-green);line-height:1}.compatibility-score__label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.compatibility-reasons h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:var(--letter-spacing-normal)}.compatibility-reasons ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.compatibility-reasons li{font-size:var(--font-size-sm);color:var(--text-secondary);padding-left:var(--spacing-md);position:relative;line-height:var(--line-height-normal)}.compatibility-reasons li:before{content:"→";color:var(--accent-green);font-weight:var(--font-weight-bold);position:absolute;left:0}.compatibility-breakdown{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.compatibility-breakdown__title{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:var(--letter-spacing-normal)}.compatibility-breakdown__bars{display:flex;flex-direction:column;gap:var(--spacing-sm)}.compatibility-bar{display:flex;flex-direction:column;gap:4px}.compatibility-bar__label{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.compatibility-bar__icon{font-size:14px;margin-right:6px;display:inline-block;min-width:18px;text-align:center}.compatibility-bar__text{flex:1;color:var(--text-primary);font-weight:var(--font-weight-semibold)}.compatibility-bar__percentage{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;min-width:35px;text-align:right}.compatibility-bar__track{height:6px;background:var(--overlay-light);border-radius:3px;overflow:hidden;position:relative;border:1px solid var(--overlay-border-subtle)}.compatibility-bar__fill{height:100%;border-radius:3px;position:relative;animation:growBar .8s cubic-bezier(.4,0,.2,1) forwards,shimmerOnce 1.2s ease-out;background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);background-size:200% 100%;background-position:200% 0}@keyframes growBar{0%{width:0!important;opacity:.6}to{opacity:1}}@keyframes shimmerOnce{0%{background-position:-200% 0}to{background-position:200% 0}}.compatibility-bar:hover .compatibility-bar__track{border-color:var(--accent-blue);box-shadow:0 0 8px var(--accent-blue) 20;transform:scaleY(1.1);transition:all var(--transition-fast)}.compatibility-bar:hover .compatibility-bar__fill{animation:subtlePulse .3s ease-out}@keyframes subtlePulse{0%{opacity:1}50%{opacity:.85;box-shadow:inset 0 0 10px #fff3}to{opacity:1}}.connection-detail-display__details{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);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{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.detail-value{font-size:var(--font-size-sm);color:var(--text-primary);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{display:inline-flex;align-items:center;background:var(--overlay-light);color:var(--text-primary);padding:6px var(--spacing-sm);border-radius:var(--border-radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--overlay-border-subtle);transition:all var(--transition-fast);line-height:1.2}.detail-tag:hover{background:var(--overlay-medium);border-color:var(--accent-blue-solid, #4a9eff);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.detail-tag--interest{background:var(--overlay-light);color:var(--tree-green);border-color:#a6e22e4d}.detail-tag--interest:hover{background:#a6e22e26;color:var(--accent-green);border-color:var(--accent-green)}.detail-tag--more{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color);font-style:italic;opacity:.8}.detail-tag--more:hover{background:var(--bg-primary);color:var(--text-primary);opacity:1}.detail-bio{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-secondary);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:var(--accent-blue-solid, #4a9eff)}.connection-detail-display__actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-light);flex-shrink:0}.connection-detail-display__connected-status{text-align:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--overlay-light);border:1px solid var(--accent-green);border-radius:var(--border-radius-md);color:var(--accent-green);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.connection-detail-display__error{background:var(--overlay-light);color:var(--accent-red);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);margin-bottom:var(--spacing-sm);border:1px solid var(--accent-red)}.action-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.action-btn{flex:1;min-width:120px;padding:10px var(--spacing-md);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-medium);display:flex;align-items:center;justify-content:center;gap:6px}.action-btn--primary{background:var(--accent-primary, #007bff);color:#fff}.action-btn--primary:hover:not(:disabled){background:var(--accent-primary-hover, #0056b3);transform:translateY(-1px)}.action-btn--secondary{background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #333333);border:1px solid var(--border-primary, #e0e0e0)}.action-btn--secondary:hover:not(:disabled){background:var(--bg-hover, #e9ecef);transform:translateY(-1px)}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.action-btn--message{background:var(--overlay-light);color:var(--accent-blue-solid, #4a9eff);border:1px solid var(--accent-blue-solid, #4a9eff);font-weight:var(--font-weight-semibold);transition:all var(--transition-medium);position:relative;overflow:hidden}.action-btn--message:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,158,255,.1),transparent);transition:left var(--transition-medium)}.action-btn--message:hover:not(:disabled){background:#4a9eff26;color:var(--accent-blue-solid, #4a9eff);border-color:var(--accent-blue-solid, #4a9eff);transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff4d}.action-btn--message:hover:not(:disabled):before{left:100%}.action-btn--call{background:var(--overlay-light);color:var(--accent-green);border:1px solid var(--accent-green);font-weight:var(--font-weight-semibold);transition:all var(--transition-medium);position:relative;overflow:hidden}.action-btn--call:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(166,226,46,.1),transparent);transition:left var(--transition-medium)}.action-btn--call:hover:not(:disabled){background:#a6e22e26;color:var(--accent-green);border-color:var(--accent-green);transform:translateY(-2px);box-shadow:0 4px 12px #a6e22e4d}.action-btn--call:hover:not(:disabled):before{left:100%}.action-btn.action-btn--primary{background:var(--accent-blue-solid, #4a9eff)!important;color:var(--bg-primary)!important;border:none!important;font-weight:var(--font-weight-bold);transition:all var(--transition-medium);position:relative;overflow:hidden;box-shadow:0 4px 15px #4a9eff4d;display:flex;align-items:center;justify-content:center;gap:6px}.action-btn.action-btn--primary:hover:not(:disabled){background:var(--accent-blue-hover, #3a8fe0)!important;transform:translateY(-2px);box-shadow:0 6px 20px #4a9eff66}.action-btn.action-btn--primary .holographic-shimmer{position:absolute;inset:0;pointer-events:none;z-index:1}.action-btn.action-btn--primary .holographic-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 25%,rgba(255,255,255,.4) 50%,rgba(166,226,46,.2) 75%,transparent 100%);animation:shimmer-slide 3s ease-in-out infinite}.action-btn.action-btn--primary:hover .holographic-shimmer:before{animation-duration:2s}.action-btn--secondary{background:var(--overlay-light);color:var(--text-primary);border:1px solid var(--border-color);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);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.action-btn--pending{background:var(--accent-gold, #d4a574);color:var(--bg-primary, #1e1f1c);border:none;font-weight:var(--font-weight-medium);transition:all var(--transition-medium);display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 2px 8px #d4a57440}.action-btn--pending:hover:not(:disabled){background:color-mix(in srgb,var(--accent-gold, #d4a574) 85%,#000 15%);transform:translateY(-1px);box-shadow:0 4px 12px #d4a57459}.action-btn--retry{background:var(--accent-orange);color:var(--bg-primary);border:none;font-weight:var(--font-weight-bold);transition:all var(--transition-medium);position:relative;overflow:hidden;box-shadow:0 4px 15px #fd971f4d;display:flex;align-items:center;justify-content:center;gap:6px}.action-btn--retry:hover:not(:disabled){background:var(--accent-red);transform:translateY(-2px);box-shadow:0 6px 20px #f9267266}.action-btn--connected{background:var(--accent-green);color:var(--bg-primary);border:1px solid var(--accent-green);font-weight:var(--font-weight-semibold);transition:all var(--transition-medium)}.action-btn--connected:hover:not(:disabled){background:var(--accent-blue-solid, #4a9eff);border-color:var(--accent-blue-solid, #4a9eff);transform:translateY(-2px);box-shadow:var(--shadow-md)}@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)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}@media(max-width:600px){.connection-detail-display{max-width:calc(100vw - var(--spacing-lg) * 2);min-width:280px;padding:var(--spacing-md)}.connection-detail-display--modal{max-width:calc(100vw - var(--spacing-lg) * 2);min-width:280px;width:90%;max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);overflow-y:auto}.connection-detail-display__details{grid-template-columns:1fr;gap:var(--spacing-sm)}.connection-detail-display__avatar{width:40px;height: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{min-width:auto;flex:none}}@media(max-width:480px){.connection-detail-display--modal{max-width:calc(100vw - var(--spacing-md) * 2);width:95%}}@media(prefers-contrast:high){.connection-detail-display{border-width:2px;box-shadow:0 4px 12px #0000004d}.detail-tag,.action-btn{border-width:2px}}.connected-actions{display:flex;gap:var(--spacing-sm);width:100%}.connected-actions .action-btn{flex:1;min-width:0}.connected-actions .action-btn--message{flex:1.2}.connected-actions .action-btn--call{flex:.8}.connected-actions .call-button{flex:1;font-size:var(--font-size-xs);padding:8px 12px;min-width:0;border-radius:6px}.connected-actions .call-button--primary{background:var(--overlay-light);color:var(--accent-green);border:1px solid var(--accent-green)}.connected-actions .call-button--primary:hover:not(:disabled){background:var(--overlay-medium);transform:translateY(-2px);box-shadow:0 4px 12px #a6e22e4d}@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){.connection-detail-display,.action-btn,.connection-detail-display__close,.connection-detail-shimmer-btn{transition:none}.action-btn:hover:not(:disabled),.connection-detail-shimmer-btn:hover:not(:disabled){transform:none}.connection-detail-shimmer-btn .holographic-shimmer{display:none}}.avatar-circle{position:relative;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-tertiary, #2a2a2a);transition:transform .2s ease,filter .2s ease;pointer-events:auto!important;z-index:10;isolation:isolate}.avatar-circle--clickable{cursor:pointer}.avatar-circle--clickable:hover{transform:scale(1.05);filter:brightness(1.1)}.avatar-circle--clickable:active{transform:scale(1);filter:brightness(1)}.avatar-circle--loading{opacity:.7;transition:opacity var(--transition-fast, .15s ease)}.avatar-circle__image{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.avatar-circle__image--default{opacity:.6}.avatar-circle__initials{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;text-transform:uppercase;font-size:calc(var(--size, 40px) * .4);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-user-select:none;user-select:none;letter-spacing:.05em;border-radius:inherit}.avatar-circle__online-badge{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:8px;min-height:8px;max-width:14px;max-height:14px;background:#22c55e;border:2px solid var(--bg-primary, #1a1a1a);border-radius:50%;box-shadow:0 0 4px #22c55e99;z-index:2}.avatar-circle--clickable:focus{outline:2px solid var(--accent-primary, #5b9bd5);outline-offset:2px;border-radius:50%}.dark-theme .avatar-circle{background:var(--bg-tertiary, #2a2a2a)}.dark-theme .avatar-circle__online-badge{border-color:var(--bg-primary, #1a1a1a)}.light-theme .avatar-circle{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:var(--bg-primary, #ffffff)}@media(max-width:768px){.avatar-circle__initials{font-size:calc(var(--size, 40px) * .45)}}.floating-call-window{position:fixed!important;z-index:var(--z-call-floating);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0006;background:var(--glass-bg, rgba(42, 42, 42, .85));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));transition:transform .2s ease-out,box-shadow .2s ease;display:block;visibility:visible}.floating-call-window.dragging{cursor:grabbing;box-shadow:0 12px 48px #0009;transform:scale(1.02)}.light-theme .floating-call-window{background:var(--glass-bg, rgba(250, 250, 250, .85));border-color:var(--glass-border, rgba(0, 0, 0, .1));box-shadow:0 8px 32px #00000026}.floating-call-window__drag-handle{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0003;cursor:grab;-webkit-user-select:none;user-select:none;min-height:40px}.floating-call-window.dragging .floating-call-window__drag-handle{cursor:grabbing}.drag-handle__info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.drag-handle__name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drag-handle__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.drag-handle__context{display:flex;align-items:center;gap:4px;padding:2px 6px;background:var(--status-badge-complete-bg);color:var(--status-badge-complete-color);border-radius:6px;font-size:11px;max-width:120px}.context-icon{font-size:12px;line-height:1}.context-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drag-handle__collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:#ffffff1a;color:var(--text-primary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.drag-handle__collapse-btn:hover{background:#fff3;transform:scale(1.05)}.drag-handle__collapse-btn:active{transform:scale(.95)}.drag-handle__collapse-btn>svg{flex-shrink:0}.floating-call-window__video{position:relative;width:100%;height:calc(100% - 88px);background:var(--bg-secondary);overflow:hidden}.video-preview,.daily-container{width:100%;height:100%}.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-tertiary)}.placeholder-icon{opacity:.4;margin-bottom:8px}.placeholder-text{font-size:12px;opacity:.6}.floating-call-window__controls{display:flex;align-items:center;justify-content:space-evenly;padding:8px;background:#0000004d;gap:4px;height:48px}.control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:#ffffff1a;color:var(--text-primary);cursor:pointer;transition:all .2s ease;padding:0}.control-btn>svg{width:22px!important;height:22px!important;flex-shrink:0}.control-btn:hover{background:#fff3;transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.control-btn.active{background:#ff3b30cc;color:#fff}.control-btn.active:hover{background:#ff3b30}.control-btn--danger{background:#ff3b30cc;color:#fff}.control-btn--danger:hover{background:#ff3b30;transform:scale(1.1)}@media(max-width:768px){.floating-call-window{box-shadow:0 4px 16px #0000004d;display:block!important;visibility:visible!important}.floating-call-window__drag-handle{padding:6px 10px;min-height:32px}.drag-handle__name{font-size:12px}.drag-handle__actions{gap:6px}.drag-handle__context{display:none}.drag-handle__collapse-btn{width:24px;height:24px}.floating-call-window__video{height:calc(100% - 72px)}.floating-call-window__controls{height:40px;padding:6px}.control-btn{width:32px;height:32px}.control-btn>svg{width:18px!important;height:18px!important}}.floating-call-window.snapped-top-left,.floating-call-window.snapped-top-right,.floating-call-window.snapped-bottom-left,.floating-call-window.snapped-bottom-right{transition:all .3s cubic-bezier(.16,1,.3,1)}@media(prefers-reduced-motion:reduce){.floating-call-window,.floating-call-window.dragging,.control-btn{transition:none}}.control-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media(prefers-contrast:high){.floating-call-window{border-width:2px}.control-btn{border:1px solid currentColor}}.minimized-call-bar{position:fixed;top:20px;right:20px;z-index:var(--z-call-floating);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;min-width:240px;max-width:320px;background:var(--glass-bg, rgba(42, 42, 42, .85));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:24px;box-shadow:0 4px 16px #0000004d;transition:all .3s ease}.minimized-call-bar:hover{box-shadow:0 6px 24px #0006;transform:translateY(-2px)}.light-theme .minimized-call-bar{background:var(--glass-bg, rgba(250, 250, 250, .85));border-color:var(--glass-border, rgba(0, 0, 0, .1));box-shadow:0 4px 16px #00000026}.call-bar__content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.call-bar__info{display:flex;flex-direction:column;gap:2px;min-width:0}.call-bar__name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-bar__duration{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.call-bar__expand-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff1a;border:none;border-radius:16px;color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.call-bar__expand-btn:hover{background:#fff3;transform:scale(1.05)}.call-bar__expand-btn:active{transform:scale(.95)}.minimized-call-icon{position:fixed;top:20px;right:20px;z-index:var(--z-call-floating);display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--accent-primary);border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;cursor:pointer;transition:all .3s ease}.minimized-call-icon:active{transform:scale(.9)}.call-icon__pulse{position:relative;display:flex;align-items:center;justify-content:center}.call-icon__pulse:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:var(--accent-primary);border-radius:50%;opacity:.6;animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.call-icon__phone{color:#fff;position:relative;z-index:1}.call-icon__duration-badge{position:absolute;bottom:-4px;right:-4px;padding:2px 6px;background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:10px;font-size:10px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;box-shadow:0 2px 4px #0003}@media(max-width:768px){.minimized-call-bar{display:none}}@media(min-width:769px){.minimized-call-icon{display:none}}@media(prefers-reduced-motion:reduce){.minimized-call-bar,.minimized-call-icon,.call-bar__expand-btn{transition:none}.call-icon__pulse:before{animation:none;opacity:0}}.call-bar__expand-btn:focus-visible,.minimized-call-icon:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media(prefers-contrast:high){.minimized-call-bar,.minimized-call-icon{border-width:2px}}.call-background-renderer{position:fixed;top:0;left:-9999px;width:100vw;height:100vh;opacity:0;pointer-events:none;z-index:-9999;overflow:hidden}.call-background-renderer *{pointer-events:none}.call-background-renderer iframe{visibility:visible!important;position:absolute;top:0;left:0}.sidebar{position:fixed;left:0;top:0;height:100vh;height:100dvh;background:var(--bg-secondary);color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;width:72px;z-index:1030;overflow:hidden}.sidebar-trigger{display:none}.logo-section{margin-bottom:var(--spacing-lg);width:100%;display:flex;flex-direction:column;align-items:center}.logo-button{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;width:max(48px,2vw);height:max(48px,2vw);display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo{width:100%;height:100%;object-fit:contain;color:var(--text-primary);flex-shrink:0}.logo-button img,.logo{border-radius:0;border:none}.nav-menu{display:flex;flex-direction:column;gap:1.5rem;width:100%;align-items:center;margin-top:auto;padding:var(--spacing-lg) 0;box-sizing:border-box;position:relative}.nav-item{position:relative;display:flex;align-items:center;justify-content:center;width:max(56px,2vw);height:max(40px,1.5vw);padding:0;border-radius:var(--border-radius-lg);color:var(--sidebar-text);text-decoration:none;transition:all var(--transition-fast);background:none;border:none;flex-shrink:0}.nav-item svg{width:max(30px,1.25vw);height:max(30px,1.25vw);transition:transform .2s ease;flex-shrink:0}.nav-item span{position:absolute;left:calc(100% + var(--spacing-sm));top:50%;background:var(--elevation-16dp);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--spacing-xs) var(--spacing-lg);border-radius:20px;border:1px solid var(--elevation-overlay-08dp);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.025em;white-space:nowrap;color:var(--text-primary);opacity:0;transform:translateY(-50%) translate(-8px) scale(.92);pointer-events:none;transition:opacity .2s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.2,0,0,1);box-shadow:0 4px 8px #00000026,0 1px 3px #0000001a;z-index:100}.nav-item:hover span{opacity:1;transform:translateY(-50%) translate(0) scale(1)}.nav-item:hover svg{transform:scale(1.05)}.nav-item.active{color:var(--color-golden)}.debug-toggle{position:absolute;bottom:4.5rem;left:50%;transform:translate(-50%);background:none;border:none;cursor:pointer;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{position:absolute;left:calc(100% + var(--spacing-xs));background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);white-space:nowrap;opacity:0;transform:translate(-10px);pointer-events:none;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);color:var(--text-primary)}.debug-toggle:hover span{opacity:1;transform:translate(0)}.debug-toggle.debug-active span{background:var(--accent-orange);color:var(--bg-primary)}.sidebar-header{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--sidebar-border);margin-bottom:var(--spacing-lg);width:100%}.sidebar-logo{width:40px;height:40px;flex-shrink:0}.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;display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.sidebar-button,.sidebar-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--sidebar-text);background:none;border:1px solid transparent;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;width:100%}.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);padding-top:var(--spacing-lg);margin-top:auto;width:100%}@media(max-width:767px){.user-section{padding:.75rem;gap:.5rem}.user-info{padding:.375rem}.user-avatar{width:28px;height:28px;font-size:.75rem}.user-name{font-size:.8125rem}.logout-button{padding:.625rem;font-size:.8125rem}}@media only screen and (max-width:600px){.sidebar{left:50%;transform:translate(-50%);bottom:calc(16px + var(--safe-area-bottom, 0px));top:auto;width:auto;max-width:calc(100% - 32px);height:auto;border-radius:32px;border:1px solid var(--glass-border);border-right:1px solid var(--glass-border);background:var(--elevation-08dp);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000059,0 0 0 1px var(--elevation-overlay-08dp);flex-direction:row;justify-content:center;padding:8px 12px;align-items:center;gap:4px;z-index:9999!important}.logo-section{display:none}.nav-center{display:flex!important;flex-direction:row!important;justify-content:center;align-items:center;gap:8px;padding:0;margin:0;height:auto;width:auto;flex:none}.sidebar .nav-menu{display:none!important}.nav-center .avatar-btn{width:44px;height:44px;flex-shrink:0;margin:0;padding:0}.nav-center .avatar-btn svg,.nav-center .avatar-btn .avatar-circle{width:24px;height:24px}.nav-item{width:44px;height:44px;margin:0;flex-shrink:0;padding:0;border-radius:22px;transition:background .2s ease,color .2s ease,transform .15s ease}.nav-item svg{width:24px;height:24px}.nav-item span{display:none}.nav-item.active:not(.center-cta){background:var(--monokai-yellow);color:#1e1f1c}.nav-item.active:not(.center-cta) svg{color:#1e1f1c}.nav-item:not(.active):not(.center-cta):hover{background:var(--state-hover)}.nav-item:active{transform:scale(.92)}.sidebar-input-toggle{position:relative}.sidebar-input-notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--status-error);box-shadow:0 0 4px var(--status-error);animation:notificationPulse 2s ease-in-out infinite}@keyframes notificationPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.sidebar-input-toggle.has-notifications:not(.active){background:color-mix(in srgb,var(--color-golden) 30%,transparent 70%)}.nav-item.center-cta{width:52px;height:52px;border-radius:50%;margin:0 8px;flex-shrink:0;background:var(--color-golden);box-shadow:0 2px 4px #0003,0 1px 2px #0000001a;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.nav-item.center-cta svg{width:26px;height:26px;color:var(--bg-secondary)}.nav-item.center-cta:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000040,0 2px 4px #00000026}.nav-item.center-cta:active{transform:scale(.95);box-shadow:0 1px 2px #00000026,0 1px 1px #0000001a}.nav-item.center-cta.active{background:var(--color-golden);box-shadow:0 2px 4px #0003,0 1px 2px #0000001a,0 0 8px 2px #ffcc4d59}.nav-item.center-cta.active svg{color:#1e1f1c}.nav-item.center-cta .sidebar-input-notification-dot{top:2px;right:2px;width:10px;height:10px}}@media only screen and (max-width:430px){.sidebar{padding:8px 16px}.nav-center{gap:8px}.nav-item{width:48px;height:48px;border-radius:24px}.nav-item svg{width:24px;height:24px}.passport-btn .avatar-circle{width:24px!important;height:24px!important}.nav-item.center-cta{width:54px;height:54px}.nav-item.center-cta svg{width:26px;height:26px}}@media only screen and (max-width:390px){.sidebar{padding:6px 10px;bottom:calc(12px + var(--safe-area-bottom, 0px))}.nav-center{gap:6px}.nav-item{width:44px;height:44px;border-radius:22px}.nav-item svg{width:22px;height:22px}.passport-btn .avatar-circle{width:22px!important;height:22px!important}.nav-item.center-cta{width:50px;height:50px;margin:0 6px}.nav-item.center-cta svg{width:24px;height:24px}}@media only screen and (max-width:360px){.sidebar{padding:6px 8px;border-radius:28px}.nav-center{gap:4px}.nav-item{width:42px;height:42px;border-radius:21px}.nav-item svg{width:20px;height:20px}.passport-btn .avatar-circle{width:20px!important;height:20px!important}.nav-item.center-cta{width:46px;height:46px;margin:0 4px}.nav-item.center-cta svg{width:22px;height:22px}}@media only screen and (max-width:340px){.sidebar{padding:5px 6px;border-radius:24px}.nav-center{gap:2px}.nav-item{width:40px;height:40px;border-radius:20px}.nav-item svg{width:18px;height:18px}.passport-btn .avatar-circle{width:18px!important;height:18px!important}.nav-item.center-cta{width:44px;height:44px;margin:0 2px}.nav-item.center-cta svg{width:20px;height:20px}}.websocket-status-container{display:flex;justify-content:center;margin-bottom:8px}.websocket-status-indicator{width:12px;height:12px;border-radius:50%;border:none;margin:0;padding:0;transition:all var(--transition-fast);position:relative;background-color:var(--color-gray-400);box-shadow:var(--shadow-sm)}.websocket-status-indicator.clickable{cursor:pointer;transform:scale(1)}.websocket-status-indicator.clickable:hover{transform:scale(1.2);box-shadow:var(--shadow-md);filter:brightness(1.1)}.websocket-status-indicator.clickable:active{transform:scale(.95)}.websocket-status-indicator:disabled{cursor:default}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.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{content:"";position:absolute;top:50%;right:8px;width:4px;height:4px;background:var(--accent-color, #3b82f6);border-radius:50%;transform:translateY(-50%);animation:pulse-transition .6s ease-in-out infinite alternate}@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:translate(1px);transition:transform .2s ease,background .2s ease}.nav-item.active{transition:background-color .3s ease,color .3s ease}.sidebar.navigation-loading{pointer-events:none}.sidebar.navigation-loading .nav-item{opacity:.6}.nav-item-badge .badge{position:absolute;top:-4px;right:-4px;background:var(--accent-orange, #f59e0b);color:#fff;border-radius:50%;padding:0 6px;font-size:.7rem;line-height:16px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center}.websocket-status-container.top{margin-top:var(--spacing-md);margin-bottom:0}.nav-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%}.nav-bottom{display:flex;flex-direction:column;align-items:center;width:100%;padding-bottom:var(--spacing-md);margin-top:auto}.avatar-btn{margin-top:var(--spacing-lg)}.avatar-btn .avatar-img{width:32px;height:32px;object-fit:cover;border-radius:50%}.avatar-btn .avatar-circle{border:1px solid var(--border-color)}.avatar-menu{position:absolute;bottom:84px;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--sidebar-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-sm) 0;min-width:160px;z-index:1040;display:flex;flex-direction:column;align-items:stretch}.avatar-menu-right{bottom:auto;top:0;left:calc(100% + 8px);transform:none}.avatar-menu-header{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--sidebar-border);color:var(--sidebar-text)}.avatar-menu-item{background:none;border:none;text-align:left;padding:var(--spacing-sm) var(--spacing-md);color:var(--sidebar-text);cursor:pointer;font-size:var(--font-size-sm);transition:background var(--transition-fast)}.avatar-menu-item:hover{background:var(--sidebar-hover)}.role-badge-icon{position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid var(--bg-secondary);border-radius:50%;font-size:10px;box-shadow:0 2px 8px #0000004d;z-index:10;transition:transform .2s var(--transition-timing)}.role-badge-icon:hover{transform:scale(1.15)}.light-theme .role-badge-icon{border-color:var(--beige-canvas);box-shadow:0 2px 8px #00000026}.light-theme .sidebar{background:var(--elevation-01dp);border-right-color:var(--beige-sand)}.light-theme .nav-item{color:var(--text-primary)}.light-theme .nav-item:hover{background:var(--state-hover);color:var(--text-primary);transform:translate(1px)}.light-theme .nav-item.active{background:var(--state-selected);color:var(--accent-sage)}.light-theme .nav-item span{background:var(--beige-linen);border-color:var(--beige-sand);color:var(--text-charcoal);box-shadow:0 4px 12px #00000014,0 1px 4px #0000000a}.light-theme .logo{color:var(--text-primary)}.light-theme .mobile-settings-btn{color:var(--text-secondary);opacity:.85}.light-theme .mobile-settings-btn:hover{background:var(--state-hover);color:var(--text-primary);opacity:1}@media only screen and (max-width:600px){.light-theme .sidebar{background:var(--beige-linen);border-color:var(--beige-sand);box-shadow:0 4px 24px #00000014,0 1px 8px #0000000a,0 0 0 1px #0000000a}.light-theme .nav-item{color:var(--text-charcoal)}.light-theme .nav-item.active{background:var(--accent-sage, #8b9a7f);color:#fff}.light-theme .nav-item.active svg{color:#fff}.light-theme .nav-item:not(.active):hover{background:#0000000f;transform:none}.light-theme .nav-item:active{background:#0000001a}}.mobile-settings-portal{position:relative;top:0;right:0;padding:var(--spacing-xs);z-index:var( --z-drawer-panel-compact, 1100 );isolation:isolate;pointer-events:auto}.mobile-settings-btn{min-width:var(--touch-target-comfortable, 48px);min-height:var(--touch-target-comfortable, 48px);width:var(--touch-target-comfortable, 48px);height:var(--touch-target-comfortable, 48px);border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:none;transition:all var(--transition-fast);color:var(--text-secondary);opacity:.85;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-settings-btn svg{width:28px;height:28px;transition:transform var(--transition-fast)}.mobile-settings-btn:hover{background:var(--state-hover);transform:scale(1.05);color:var(--text-primary);opacity:1}.mobile-settings-btn:active{background:var(--state-pressed);transform:scale(.95)}@media(min-width:601px){.mobile-settings-portal{display:none}}.mobile-settings-portal .dropdown-list{position:absolute;top:calc(100% + var(--spacing-sm));right:0;left:auto;transform:none}.passport-btn .avatar-circle{transition:transform var(--transition-fast)}.passport-btn:hover .avatar-circle{transform:scale(1.05)}.dropdown-trigger{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.dropdown-list{position:absolute;z-index:var(--z-dialog-dropdown);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;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:160px;max-width:280px;max-height:80vh;overflow:hidden;animation:dropdownAppear .15s ease-out;transform-origin:top center}.dropdown-portal{position:absolute!important;z-index:var(--z-dialog-dropdown)!important;transform:none!important;margin:0!important;padding:0!important}@keyframes dropdownAppear{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-bottom-left{top:calc(100% + 4px);left:0;transform-origin:top left}.dropdown-bottom-right{top:calc(100% + 4px);right:0;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{padding:4px 0;max-height:inherit;overflow-y:auto;overflow-x:hidden}.dropdown-list-content::-webkit-scrollbar{width:4px}.dropdown-list-content::-webkit-scrollbar-track{background:transparent}.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{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px 12px;margin:0 4px;border-radius:3px;border:none;cursor:pointer;transition:background .1s ease;font-size:14px;color:var(--text-primary);-webkit-user-select:none;user-select:none;white-space:nowrap;position:relative;line-height:20px}.dropdown-item:hover,.dropdown-item.focused{background:#ffffff14;color:var(--text-primary)}.dropdown-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown-item-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;font-size:14px}.dropdown-item-icon svg{width:16px;height:16px;fill:currentColor;stroke:currentColor}.dropdown-item-label{flex:1;overflow:hidden;text-overflow:ellipsis}.dropdown-item-shortcut{font-size:var(--font-size-xs);color:var(--text-secondary);opacity:.7;font-family:monospace;margin-left:auto;flex-shrink:0}.dropdown-empty{padding:var(--spacing-md);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.dropdown-divider{height:1px;min-height:1px;padding:0;margin:var(--spacing-xs) var(--spacing-sm);background:var(--border-color);pointer-events:none;cursor:default}.dropdown-item.danger{color:var(--accent-red, #ef4444)}.dropdown-item.danger:hover,.dropdown-item.danger.focused{background:#ef44441a;color:var(--accent-red, #ef4444)}.dropdown-item.primary{color:var(--accent-blue);font-weight:var(--font-weight-medium)}.dropdown-item.primary:hover,.dropdown-item.primary.focused{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:hover,.light-theme .dropdown-item.focused{background:var(--bg-secondary)}.light-theme .dropdown-item.danger:hover,.light-theme .dropdown-item.danger.focused{background:#ef44440d}.light-theme .dropdown-item.primary:hover,.light-theme .dropdown-item.primary.focused{background:#3b82f60d}@media(max-width:768px){.dropdown-list{min-width:140px;max-width:90vw;max-height:70vh;font-size:14px}.dropdown-item{padding:6px 12px}}.overlay-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);animation:backdropFadeIn var(--transition-medium) ease}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.overlay-content{background:var(--glass-overlay-bg);border-radius:var(--border-radius-xl);box-shadow:var(--glass-overlay-shadow);border:1px solid var(--glass-overlay-border);width:90%;max-width:800px;max-height:90vh;max-height:90dvh;overflow:hidden;color:var(--text-primary);display:flex;flex-direction:column;animation:dialogSlideIn var(--transition-medium) cubic-bezier(.4,0,.2,1);backdrop-filter:blur(var(--glass-overlay-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-overlay-blur)) saturate(180%)}@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-drag-handle{display:flex;justify-content:center;align-items:center;padding:8px 0 4px;cursor:grab;touch-action:none;flex-shrink:0;background:transparent;-webkit-tap-highlight-color:transparent}.overlay-drag-handle:active{cursor:grabbing}.overlay-content.has-drag-handle .overlay-header{padding-top:var(--spacing-sm)}.overlay-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid rgba(255,255,255,.08);background:#1e1f1c80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);flex-shrink:0}.overlay-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-serif);color:var(--text-primary);line-height:var(--line-height-tight);letter-spacing:-.01em;flex:1}.overlay-header-actions-group{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.overlay-body{padding:none;overflow-y:auto;flex:1;background:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.overlay-body::-webkit-scrollbar{width:var(--spacing-xs)}.overlay-body::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:var(--border-radius-sm)}.overlay-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));border-radius:var(--border-radius-sm);transition:background var(--transition-fast)}.overlay-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-green),var(--accent-blue))}.overlay-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid rgba(255,255,255,.08);background:#1e1f1c80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-shrink:0}.close-overlay-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);min-width:var(--touch-target-min);min-height:var(--touch-target-min);flex-shrink:0}.close-overlay-button:hover{background-color:var(--state-hover);color:var(--text-primary);transform:scale(1.05)}.close-overlay-button:active{background-color:var(--state-pressed);transform:scale(.95)}.close-overlay-button svg{width:var(--spacing-lg);height:var(--spacing-lg)}.light-theme .overlay-backdrop{background-color:#7a6f6399;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}.light-theme .overlay-content{background:var(--glass-overlay-bg);box-shadow:var(--glass-overlay-shadow);border:1px solid var(--glass-overlay-border);backdrop-filter:blur(var(--glass-overlay-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-overlay-blur)) saturate(180%)}.light-theme .overlay-header{border-bottom:1px solid rgba(122,111,99,.15);background:#faf5e6b3}.light-theme .overlay-footer{border-top:1px solid rgba(122,111,99,.15);background:#faf5e6b3}.light-theme .close-overlay-button:hover{background-color:#7a6f631a}.light-theme .modal-button-secondary{border:1px solid rgba(122,111,99,.25);color:var(--text-secondary)}.light-theme .modal-button-secondary:hover:not(:disabled){background:#7a6f6314;border-color:#7a6f6359;color:var(--text-primary)}.light-theme .modal-info-box{background:#f5f5dc99;border:1px solid rgba(122,111,99,.2)}@media(max-width:768px){.overlay-backdrop{padding:var(--spacing-sm);padding-top:calc(env(safe-area-inset-top,0px) + var(--spacing-md));padding-bottom:var(--spacing-sm);align-items:flex-end;box-sizing:border-box}.overlay-content{width:calc(100% - var(--spacing-sm));max-width:calc(100% - var(--spacing-sm));height:auto;min-height:55dvh;max-height:calc(100dvh - env(safe-area-inset-top,0px) - var(--spacing-xl) - var(--spacing-md));max-height:calc(100vh - env(safe-area-inset-top,0px) - 80px);border-radius:var(--border-radius-xl);padding-bottom:env(safe-area-inset-bottom,0px)}@supports (height: 100dvh){.overlay-content{min-height:60dvh;max-height:calc(100dvh - env(safe-area-inset-top,0px) - var(--spacing-xl))}}.overlay-small,.overlay-medium,.overlay-large{max-width:100%}.overlay-header{padding:var(--spacing-sm) var(--spacing-md);flex-shrink:0}.overlay-header h2{font-size:var(--font-size-lg)}.overlay-body{padding:0;flex:1;min-height:0;overflow-y:auto}.overlay-footer{padding:var(--spacing-sm) var(--spacing-md);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));flex-wrap:wrap;gap:var(--spacing-sm);flex-shrink:0}.close-overlay-button{width:var(--spacing-xl);height:var(--spacing-xl)}.close-overlay-button svg{width:var(--spacing-md);height:var(--spacing-md)}}@media(max-width:480px){.overlay-backdrop{padding:var(--spacing-xs);padding-top:calc(env(safe-area-inset-top,0px) + var(--spacing-sm));padding-bottom:var(--spacing-xs);align-items:flex-end}.overlay-content{width:calc(100% - var(--spacing-xs));max-width:calc(100% - var(--spacing-xs));height:auto;min-height:60dvh;max-height:calc(100dvh - env(safe-area-inset-top,0px) - var(--spacing-lg));max-height:calc(100vh - env(safe-area-inset-top,0px) - 56px);border-radius:var(--border-radius-lg);padding-bottom:env(safe-area-inset-bottom,0px)}@supports (height: 100dvh){.overlay-content{min-height:60dvh;max-height:calc(100dvh - env(safe-area-inset-top,0px) - var(--spacing-lg))}}.overlay-small,.overlay-medium,.overlay-large{max-width:calc(100% - var(--spacing-xs))}.overlay-header h2{font-size:var(--font-size-md)}.overlay-body{padding:0}}@media(prefers-reduced-motion:reduce){.overlay-backdrop,.overlay-content{animation:none}.close-overlay-button:hover,.close-overlay-button:active{transform:none}}.close-overlay-button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.modal-button{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);white-space:nowrap}.modal-button:disabled{opacity:.5;cursor:not-allowed}.modal-button-secondary{background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.15)}.modal-button-secondary:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff40;color:var(--text-primary)}.modal-button-primary{background:var(--tree-green);color:var(--monokai-bg-darker);border:1px solid var(--tree-green);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-md)}.modal-button-primary:hover:not(:disabled){background:#0ea573;border-color:#0ea573;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.modal-button-primary:active:not(:disabled){transform:translateY(0)}.modal-description{margin:0;font-size:var(--font-size-base);font-family:var(--font-sans);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.modal-info-box{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.modal-info-box ul{margin:0;padding-left:var(--spacing-lg);font-size:var(--font-size-sm);font-family:var(--font-sans);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.modal-info-box li{margin-bottom:var(--spacing-sm)}.modal-info-box li:last-child{margin-bottom:0}.modal-info-box strong{color:var(--tree-green);font-weight:var(--font-weight-semibold)}.auth-page-container{position:fixed;inset:0;min-height:100vh;min-height:100svh;min-height:100dvh;height:auto;padding:max(1rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;z-index:var(--z-modal);background:transparent}.auth-page-container::-webkit-scrollbar{display:none}.light-theme .auth-page-container{background:linear-gradient(160deg,#f9e4cf,#ede0d4,#e3d5ca),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-blend-mode:overlay;background-size:cover;background-position:center}.gradient-bg.warm-graphite{background:linear-gradient(150deg,#2b2926,#211f1d,#181716),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");background-blend-mode:overlay}.gradient-bg.soft-linen{background:linear-gradient(160deg,#f9e4cf,#ede0d4,#e3d5ca),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-blend-mode:overlay}.auth-page-container.gradient-mode .auth-page-content .glow-logo-default-intense,.auth-page-container.gradient-mode .auth-page-content .glow-medium,.auth-page-container.gradient-mode .auth-page-content .glow-subtle,.auth-page-container.gradient-mode .auth-page-content .auth-logo-svg,.auth-page-container.gradient-mode .auth-page-content .auth-tagline,.auth-page-container.gradient-mode .auth-header .auth-logo-svg,.auth-page-container.gradient-mode .auth-header .auth-tagline,.light-theme .auth-page-container .auth-page-content .glow-logo-default-intense,.light-theme .auth-page-container .auth-page-content .glow-medium,.light-theme .auth-page-container .auth-page-content .glow-subtle,.light-theme .auth-page-container .auth-header .glow-logo-default-intense,.light-theme .auth-page-container .auth-header .glow-medium,.light-theme .auth-page-container .auth-header .glow-subtle{filter:none;text-shadow:none;box-shadow:none}.auth-page-content{position:relative;width:100%;max-width:420px;margin:0 auto;padding:clamp(1rem,3vh,2rem) clamp(.75rem,2vw,1.5rem);animation:auth-content-fade-in .6s ease-out}.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{width:50%;max-width:200px;height:auto;margin-bottom:24px}.auth-logo-svg path,.auth-logo-svg{fill:var(var(--text-primary));color: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{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:1rem;background:var(--bg-primary, #1e1f1c);font-family:var(--font-sans)}.auth-page-container .auth-form-container{min-height:auto;padding:0;background:none}.auth-form{background:transparent;border:none;box-shadow:none;padding:clamp(1.5rem,4vh,2.5rem) clamp(1.25rem,3vw,2rem);width:100%;max-width:420px;position:relative;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:16px}.auth-header{text-align:center;margin-bottom:clamp(1.25rem,3vh,1.75rem);display:flex;flex-direction:column;align-items:center}.auth-title{font-family:var(--font-serif);font-size:clamp(1.375rem,4vw + .5rem,1.875rem);font-weight:var(--font-weight-medium);color:var(--text-primary, #f8f8f2);margin:0 0 .5rem;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3);text-align:center}.light-theme .auth-title{text-shadow:none}.auth-subtitle{font-family:var(--font-sans);font-size:1.5rem;font-weight:100;color:var(--text-primary, #f8f8f2);margin:0;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.auth-inactivity-notice{text-align:center;padding:1rem;background:#d6ae541a;border:1px solid rgba(214,174,84,.3);border-radius:12px;margin-bottom:1rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-inactivity-notice .auth-title{color:var(--color-golden, #d6ae54);margin-bottom:.5rem;font-size:1.5rem}.auth-inactivity-notice .auth-subtitle{color:var(--text-secondary, #a59f85);font-size:.875rem;font-weight:400;margin:0;line-height:1.4}.auth-form-content{display:flex;flex-direction:column;gap:.625rem}.auth-error-icon{font-size:1.125rem;flex-shrink:0;color:var(--accent-red, #f92672)}.auth-error-text{font-size:.875rem;color:var(--accent-red, #f92672);line-height:1.4}.auth-field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:0}.auth-label{font-family:var(--font-sans);font-size:clamp(.75rem,1.5vw,.8125rem);font-weight:var(--font-weight-medium, 500);color:var(--text-secondary, #75715e);margin:0;transition:color var(--transition-fast)}.auth-field:focus-within .auth-label{color:var(--color-golden, #d6ae54)}.auth-form-content input.auth-input,.auth-form-fields input.auth-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:42px;max-height:48px;width:100%;padding:.625rem .875rem;box-sizing:border-box;font-family:inherit;font-size:.9375rem;line-height:1.4;color:#f8f8f2;background:#252422;border:2px solid #504d3e;border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.auth-form-content input.auth-input:focus,.auth-form-fields input.auth-input:focus{outline:none;background:#2a2926;border-color:#d6ae54;box-shadow:0 0 0 3px #d6ae5433}.auth-form-content input.auth-input:disabled,.auth-form-fields input.auth-input:disabled{background:#1e1f1c;color:#75715e;cursor:not-allowed;opacity:.6}.auth-form-content input.auth-input::placeholder,.auth-form-fields input.auth-input::placeholder{color:#75715e}.light-theme .auth-form-content input.auth-input,.light-theme .auth-form-fields input.auth-input{background:#f5f1e8;border-color:#c9bfaa;color:#3d3426}.light-theme .auth-form-content input.auth-input:focus,.light-theme .auth-form-fields input.auth-input:focus{background:#faf8f4;border-color:#d6ae54;box-shadow:0 0 0 3px #d6ae5426}.light-theme .auth-form-content input.auth-input:disabled,.light-theme .auth-form-fields input.auth-input:disabled{background:#ede4d3;color:#8b8772;opacity:.6}.light-theme .auth-form-content input.auth-input::placeholder,.light-theme .auth-form-fields input.auth-input::placeholder{color:#8b8772}.auth-form-content input.auth-input-error,.auth-form-fields input.auth-input-error{border-color:#f92672}.auth-form-content input.auth-input-error:focus,.auth-form-fields input.auth-input-error:focus{border-color:#f92672;box-shadow:0 0 0 3px #f9267233}.auth-field-error{font-size:.8125rem;color:var(--accent-red, #f92672);line-height:1.3;margin-top:.25rem}.auth-field-hint{font-size:.75rem;color:var(--text-secondary, #75715e);line-height:1.3;margin-top:.25rem;font-style:italic;opacity:.85}.light-theme .auth-field-hint{color:#0009}.password-validation-success{display:flex;align-items:center;gap:.5rem;margin-top:.375rem;padding:.5rem .75rem;background-color:#7cb51826;border:1px solid rgba(124,181,24,.3);border-radius:8px;font-size:.8125rem;color:var(--accent-green, #7cb518);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:slideInSuccess .3s ease-out}.validation-checkmark{font-size:1rem;font-weight:700;color:var(--accent-green, #7cb518);flex-shrink:0}.validation-text{font-weight:500;line-height:1.3}.light-theme .password-validation-success{background-color:#8b9a7f26;border-color:#8b9a7f66;color:#3c5a28e6}.light-theme .validation-checkmark{color:#3c5a28e6}@keyframes slideInSuccess{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.password-strength-container-segmented{display:flex;align-items:center;gap:.5rem;margin-top:.375rem}.password-strength-segments{display:flex;gap:.375rem;flex:1}.password-strength-segment{flex:1;height:4px;background-color:#49483e33;border-radius:2px;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{display:flex;align-items:center;gap:.375rem}.password-strength-label{font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:.6875rem;font-weight:700;text-transform:none;letter-spacing:.01em;white-space:nowrap;background:none;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{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.password-strength-bar{flex:1;height:4px;background-color:#49483e99;border-radius:2px;overflow:hidden}.password-strength-fill{height:100%;border-radius:2px;transition:all .4s ease}.auth-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);border-radius:var(--border-radius-md, 10px);font-size:var(--font-size-md, 1rem);font-weight:var(--font-weight-semibold, 600);line-height:1.5;text-align:center;transition:all var(--transition-medium, .3s ease);cursor:pointer;border:none;min-height:48px;position:relative;overflow:hidden;margin-top:var(--spacing-lg, 1rem);width:100%;max-width:100%}.auth-button-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md, 1rem);width:100%;margin-top:var(--spacing-lg, 1.5rem)}.auth-button-container .auth-button{width:100%;max-width:320px;margin-top:0}.auth-login-subheader{font-family:var(--font-sans);font-size:2rem;color:var(--text-primary, #f8f8f2);margin:0rem 0 1.5rem;text-align:center;font-weight:200;line-height:1.2;opacity:.9}.password-field-container{position:relative}.password-tooltip{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#272822f2;border:1px solid var(--color-golden, #d6ae54);border-radius:8px;padding:1rem;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px #0006}.password-tooltip.visible{opacity:1;visibility:visible;transform:translateY(0)}.password-tooltip:before{content:"";position:absolute;top:-6px;right:20px;width:12px;height:12px;background:#272822f2;border-left:1px solid var(--color-golden, #d6ae54);border-top:1px solid var(--color-golden, #d6ae54);transform:rotate(45deg)}.light-theme .password-tooltip{background:#fffffff2;border-color:var(--color-golden, #d6ae54)}.light-theme .password-tooltip:before{background:#fffffff2}.password-tooltip-header{font-size:.875rem;font-weight:600;color:var(--color-golden, #d6ae54);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.password-tooltip-rules{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.password-tooltip-rule{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary, #75715e);line-height:1.3}.password-tooltip-rule.met,.password-tooltip-rule.met .rule-icon{color:var(--accent-green, #a6e22e)}.password-tooltip-rule .rule-icon{font-size:.75rem;width:12px;height:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.password-toggle-btn{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);background:none;border:none;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #75715e);transition:color .2s ease;z-index:10}.password-toggle-btn:hover{color:var(--color-golden, #d6ae54)}.password-toggle-btn:focus{outline:none}.password-toggle-icon{width:20px;height:20px}.auth-form-content input.password-input,.auth-form-fields input.password-input{padding-right:2.75rem}.password-info-icon-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-golden, #d6ae54);transition:all .2s ease}.password-info-icon-btn:hover{transform:scale(1.1)}.password-info-icon-btn:focus{outline:none}.password-info-icon-svg{width:16px;height:16px}@media(max-width:768px){.password-tooltip{min-width:260px;max-width:280px;right:0;left:0;margin:0 auto}.password-tooltip:before{right:50%;transform:translate(50%) rotate(45deg)}}@media(max-width:480px){.password-tooltip{min-width:calc(100vw - 3rem);max-width:calc(100vw - 3rem);left:50%;right:auto;transform:translate(-50%) translateY(-10px);padding:.875rem}.password-tooltip.visible{transform:translate(-50%) translateY(0)}.password-tooltip:before{left:50%;right:auto;transform:translate(-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);color:var(--bg-primary, #1e1f1c);box-shadow:0 4px 15px #d6ae544d;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#e8c175,#f0d08a);color:var(--bg-primary, #1e1f1c);transform:translateY(-1px);box-shadow:0 4px 16px #d6ae5466}.auth-button-primary:active:not(:disabled){background:linear-gradient(135deg,#c99d45,#d6ae54);transform:translateY(0);box-shadow:0 2px 8px #d6ae544d}.auth-button-secondary{background-color:#1e1f1ccc;color:var(--text-primary, #f8f8f2);border:2px solid rgba(73,72,62,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-button-secondary:hover:not(:disabled){background-color:#272822e6;border-color:var(--color-golden, #d6ae54);transform:translateY(-1px)}.auth-button-secondary:active:not(:disabled){transform:translateY(0)}.auth-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:auth-spin 1s linear infinite;color:var(--color-golden, #d6ae54)}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-forgot-password{text-align:center;margin-top:1rem}.auth-link-button{background:none;border:none;color:var(--color-golden, #d6ae54);font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:underline;transition:color .3s ease;padding:.75rem 1rem;min-height:var(--touch-target-min, 44px);display:inline-flex;align-items:center;justify-content:center}.auth-link-button:hover:not(:disabled){color:var(--accent-green, #a6e22e)}.auth-link-button:disabled{color:var(--text-secondary, #75715e);cursor:not-allowed;opacity:.5}.auth-footer{margin-top:2rem;text-align:center}.auth-switch-text{font-family:var(--font-sans);font-size:.875rem;color:var(--text-secondary, #75715e);margin:0;line-height:1.5}.auth-switch-button{background:none;border:none;color:var(--color-golden, #d6ae54);font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:underline;transition:color .3s ease;padding:.75rem 1rem;min-height:var(--touch-target-min, 44px);display:inline-flex;align-items:center;justify-content:center}.auth-switch-button:hover:not(:disabled){color:var(--accent-green, #a6e22e)}.auth-switch-button:disabled{color:var(--text-secondary, #75715e);cursor:not-allowed}.auth-alternatives{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(73,72,62,.4)}.auth-divider{position:relative;text-align:center;margin-bottom:1.5rem}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#49483e66}.auth-divider span{background:#272822d9;padding:0 1rem;color:var(--text-secondary, #75715e);font-size:.875rem;position:relative;z-index:1}.demo-login-button,.dev-login-button{width:100%;padding:.875rem 1rem;margin-bottom:.75rem;border:1px solid rgba(73,72,62,.6);border-radius:10px;background:#1e1f1ccc;color:var(--text-primary, #f8f8f2);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.demo-login-button:hover{background:#272822e6;border-color:var(--color-golden, #d6ae54);color:var(--color-golden, #d6ae54);transform:translateY(-1px)}.dev-login-button{background:#27282299;border-color:#3e3d3299;color:var(--text-secondary, #75715e);font-size:.8rem}.dev-login-button:hover{background:#1e1f1ccc;border-color:#49483ecc;color:var(--text-primary, #f8f8f2);transform:translateY(-1px)}.demo-login-button svg,.dev-login-button svg{opacity:.7}.dev-login-input{width:100%;padding:.875rem;margin:1rem 0 1.5rem;border:1px solid rgba(73,72,62,.6);border-radius:8px;background:#1e1f1ccc;color:var(--text-primary, #f8f8f2);font-size:.875rem;outline:none;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dev-login-input:focus{border-color:var(--color-golden, #d6ae54);box-shadow:0 0 0 3px #d6ae5433}.dev-login-input::placeholder{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{padding:.625rem 1.25rem;background:var(--color-golden, #d6ae54);color:var(--bg-primary, #1e1f1c);border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;width:auto;margin-bottom:0}.dev-login-actions .dev-login-button:hover{background:var(--accent-green, #a6e22e)}.dev-login-cancel{padding:.625rem 1.25rem;background:transparent;color:var(--text-secondary, #75715e);border:1px solid rgba(73,72,62,.6);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.dev-login-cancel:hover{background:#272822cc;color:var(--text-primary, #f8f8f2);border-color:#3e3d32cc}@media(max-width:768px){.auth-page-container{padding:1rem .75rem}.auth-form-container{padding:.75rem}.auth-form{padding:2rem 1.5rem;max-width:100%;border-radius:14px}.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{width:150px;height:150px}.auth-logo-container.transitioning,.auth-logo-container.form{width:100px;height:100px}.auth-tagline.splash{font-size:2rem}.auth-logo-container.transitioning{transform:translateY(-25vh)}}@media(max-width:480px){.auth-page-container,.auth-form-container{padding:.5rem}.auth-form{padding:1.75rem 1.25rem;border-radius:12px}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.875rem}.auth-form-content{gap:1rem}.password-strength-container{flex-direction:column;align-items:stretch;gap:.5rem}.password-strength-label{text-align:center}.auth-splash-content{padding:1rem}.auth-logo-container.splash{width:120px;height:120px;margin-bottom:1.5rem}.auth-logo-container.transitioning,.auth-logo-container.form{width:80px;height:80px}.auth-tagline.splash{font-size:1.5rem}.auth-logo-container.transitioning{transform:translateY(-20vh)}.auth-button{padding:1rem;font-size:1rem}.auth-field{gap:.5rem}.auth-form-content input.auth-input,.auth-form-fields input.auth-input{padding:.875rem;font-size:1rem}}@media(max-width:320px){.auth-page-container{padding:.25rem}.auth-form{padding:1.5rem 1rem}.auth-title,.auth-tagline.splash{font-size:1.25rem}.auth-logo-container.splash{width:100px;height:100px}.auth-logo-container.transitioning,.auth-logo-container.form{width:70px;height:70px}}@media(min-width:1024px){.auth-page-content{max-width:480px}.auth-form{max-width:480px;padding:3rem}}@media(min-width:1440px){.auth-page-content{max-width:520px}}@media(max-width:600px){.auth-page-container{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.auth-form-container.visible{max-height:none}}@media(max-height:700px)and (max-width:480px){.auth-page-container{padding:max(.5rem,var(--safe-area-top, 0px)) .5rem max(.5rem,var(--safe-area-bottom, 0px)) .5rem;overflow-y:auto;justify-content:flex-start;align-items:center}.auth-page-content{margin:.5rem auto;max-height:none;padding-top:.5rem}.auth-form{padding:1rem .875rem}.auth-header{margin-bottom:.875rem}.auth-logo-container.form{width:56px;height:56px;margin-bottom:.625rem}.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-form-content input.auth-input,.auth-form-fields input.auth-input{min-height:42px;max-height:46px;padding:.625rem .875rem;font-size:1rem}.auth-button{min-height:44px;padding:.75rem 1rem;font-size:1rem;margin-top:.5rem}.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{padding:.75rem .5rem}.auth-page-content{margin:auto}.auth-form{padding:1.125rem 1rem}.auth-logo-container.form{width:54px;height:54px;margin-bottom:.625rem}.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{padding-top:max(.5rem,var(--safe-area-top, 0px));justify-content:flex-start}.auth-page-content{margin:0 auto}}@media(max-height:600px)and (max-width:400px){.auth-page-container{padding:max(.5rem,var(--safe-area-top, 0px)) .5rem max(.5rem,var(--safe-area-bottom, 0px)) .5rem}.auth-page-content{margin:0 auto}.auth-form{padding:.875rem .75rem}.auth-logo-container.form{width:48px;height:48px;margin-bottom:.5rem}.auth-title{font-size:1.125rem}.auth-field{margin-bottom:.5rem}.auth-form-content input.auth-input,.auth-form-fields input.auth-input{padding:.625rem .75rem;font-size:.9375rem}.auth-button{padding:.75rem;font-size:.9375rem}.auth-form .password-tooltip{display:none}}@media(max-height:480px)and (orientation:landscape){.auth-page-container{padding:.5rem;overflow-y:auto;align-items:flex-start}.auth-page-content{margin:.5rem auto}.auth-form{padding:1rem 1.5rem}.auth-logo-container.splash{width:60px;height:60px;margin-bottom:.75rem}.auth-logo-container.form{width:50px;height:50px}.auth-tagline.splash,.auth-title{font-size:1.125rem}.auth-form-content{gap:.625rem}.auth-field{gap:.25rem;margin-bottom:.5rem}.auth-form-content input.auth-input,.auth-form-fields input.auth-input,.auth-button{padding:.625rem .875rem;font-size:.9375rem}}.auth-form *:focus{outline:2px solid var(--color-golden, #d6ae54);outline-offset:2px}.auth-button:focus{outline:2px solid var(--color-golden, #d6ae54);outline-offset:2px}@media(prefers-contrast:high){.auth-form{border:2px solid var(--text-primary, #f8f8f2);background:#272822f2}.auth-form-content input.auth-input,.auth-form-fields input.auth-input{border-width:2px;background:#1e1f1c}.auth-button-primary{background:var(--text-primary, #f8f8f2);color:var(--bg-primary, #1e1f1c)}.auth-button-secondary{background:#1e1f1cf2;border-color:var(--text-primary, #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-form-content input.auth-input,.auth-form-fields input.auth-input,.password-strength-fill{transition:none}.auth-spinner,.auth-logo{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{box-shadow:none;border:1px solid #000;background:#fff}.auth-button{border:1px solid #000;background:#fff!important;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{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#f9267226;border:1px solid rgba(249,38,114,.4);border-radius:10px;margin-bottom:.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-logo-container{display:flex;align-items:center;justify-content:center;position:relative;color:var(--text-primary);width:120px;height:120px;margin:0 auto 1rem}.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{width:100%;height:100%}.auth-logo-container.splash{width:200px;height:200px;margin-bottom:2rem}.auth-form-container.hidden{opacity:0;pointer-events:none;position:relative;width:100%;max-width:420px;margin:0 auto}.auth-form-container.visible{opacity:1;pointer-events:all;position:relative;width:100%;max-width:420px;margin:0 auto;animation:form-fade-in .4s ease-out both}@keyframes form-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.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{width:150px;height:150px}.auth-logo-container.transitioning,.auth-logo-container.form{width:100px;height:100px}}@media(max-width:480px){.auth-logo-container.splash{width:120px;height:120px;margin-bottom:1.5rem}.auth-logo-container.transitioning,.auth-logo-container.form{width:80px;height:80px}}@media(prefers-reduced-motion:reduce){.auth-logo-container,.auth-logo-svg{transition:none}.auth-form-container.visible{animation:none;opacity:1}}.auth-loading-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.splash-particles-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.splash-particles-layer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#1e1f1c4d;pointer-events:none;z-index:1}.auth-particles-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.auth-particles-layer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#1e1f1c4d;pointer-events:none;z-index:1}.light-theme .splash-particles-layer:after,.light-theme .auth-particles-layer:after{background:#f5f5f766}.auth-page-title{font-family:var(--font-serif);font-size:2.25rem;font-weight:600;color:var(--text-primary, #f8f8f2);margin:0 0 .5rem;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3);text-align:center}.light-theme .auth-page-title{text-shadow:none}.auth-page-subtitle{font-family:var(--font-sans);font-size:1.125rem;font-weight:400;color:var(--text-primary, #f8f8f2);margin:0 0 2rem;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.2);text-align:center;opacity:.95}.light-theme .auth-page-subtitle{color:var(--text-primary);text-shadow:none;opacity:1}.auth-success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem;min-height:200px}.success-icon-wrapper{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 1.25rem;background:#10b9811a;border-radius:50%;border:2px solid var(--tree-green, #10b981)}.success-icon-svg{width:36px;height:36px;color:var(--tree-green, #10b981)}.success-icon{font-size:3rem;margin-bottom:1rem;display:block}.auth-success-state h3{font-family:var(--font-sans);font-size:1.375rem;font-weight:600;color:var(--tree-green, #10b981);margin:0 0 .75rem;line-height:1.3}.auth-success-state p{font-family:var(--font-sans);font-size:.9375rem;color:var(--text-primary, #f8f8f2);margin:0 0 .75rem;line-height:1.5;max-width:320px}.auth-success-state .success-note{font-size:.8125rem;color:var(--text-secondary, #a59f85);margin-bottom:0;font-style:italic;opacity:.85}.light-theme .success-icon-wrapper{background:#10b98114}.light-theme .auth-success-state h3{color:var(--tree-green, #10b981)}.light-theme .auth-success-state p{color:var(--text-primary)}.reset-password-page{font-family:var(--font-sans)}.reset-password-page h1,.reset-password-page h2,.reset-password-page h3,.reset-password-page p,.reset-password-page label,.reset-password-page input,.reset-password-page button{font-family:inherit}.reset-password-form{max-width:420px;width:100%}.password-strength-container{margin-top:var(--spacing-sm, .75rem);padding:var(--spacing-sm, .75rem);background:transparent;border-radius:var(--border-radius-sm, 6px);border:none}.password-strength-bar{height:4px;margin-bottom:var(--spacing-xs, .5rem);background-color:#49483e33;border-radius:2px;overflow:hidden}.password-strength-fill{height:100%;border-radius:2px;transition:all .4s cubic-bezier(.4,0,.2,1)}.password-strength-feedback{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs, .5rem)}.password-strength-label{font-family:var(--font-sans);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600);text-transform:none;letter-spacing:.05em;white-space:nowrap}.password-strength-text{font-family:var(--font-sans);font-size:var(--font-size-xs, .75rem);color:var(--text-secondary, #a59f85);line-height:1.3}.auth-form .auth-security-note{font-family:var(--font-sans);font-size:.625rem;color:var(--text-secondary, #75715e);line-height:1.4;margin-top:var(--spacing-xs, .375rem);padding:var(--spacing-xs, .375rem) var(--spacing-sm, .5rem);background:#49483e0d;border-radius:var(--border-radius-sm, 4px);border:none;opacity:.7;text-align:center}.light-theme .auth-security-note{background:#00000005;color:var(--text-secondary)}.auth-form .auth-security-note strong{font-family:var(--font-sans);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary);font-size:.625rem}.auth-security-tips{background:transparent;border:none;padding:0;margin:var(--spacing-md, 1rem) 0}.auth-security-tips h4{font-family:var(--font-sans);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600);color:var(--text-secondary, #a59f85);margin:0 0 var(--spacing-xs, .5rem) 0;text-transform:uppercase;letter-spacing:.05em}.auth-security-tips ul{margin:0;padding-left:1rem;list-style:none}.auth-security-tips li{font-family:var(--font-sans);font-size:var(--font-size-xs, .75rem);color:var(--text-secondary, #a59f85);margin-bottom:var(--spacing-xs, .375rem);position:relative;line-height:1.4}.auth-security-tips li:before{content:"•";color:var(--color-golden, #d6ae54);font-weight:700;position:absolute;left:-.75rem}.auth-error-message{display:flex;align-items:flex-start;gap:.5rem;padding:1rem;background:#f9267226;border:1px solid rgba(249,38,114,.4);border-radius:8px;margin-bottom:1rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-error-message .error-icon{color:var(--accent-red, #f92672);font-size:1rem;line-height:1;flex-shrink:0;margin-top:.125rem}.auth-error-message span:not(.error-icon){color:var(--text-primary, #f8f8f2);font-size:.875rem;line-height:1.4;flex:1}.auth-form-help{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(73,72,62,.3)}.auth-form-help p{font-size:.875rem;color:var(--text-secondary, #a59f85);margin:0;line-height:1.4}.auth-link{color:var(--color-golden, #d6ae54);text-decoration:none;font-weight:500;transition:color .3s ease}.auth-link:hover{color:var(--accent-green, #a6e22e);text-decoration:underline}@media(max-width:768px){.reset-password-page .auth-page-content{max-width:100%;margin:.75rem}.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{width:70px;height:70px;margin-bottom:.75rem}}@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{padding:1rem .875rem;border-radius:12px}.reset-password-page .auth-title{font-size:1.25rem;margin-bottom:.375rem}.reset-password-page .auth-logo-container.form{width:60px;height:60px;margin-bottom:.5rem}.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-form .auth-security-note{font-size:.5625rem;padding:.25rem .375rem;margin-top:.25rem}.password-strength-feedback{flex-direction:column;align-items:flex-start;gap:.25rem}}.settings-title-wrapper{display:flex;align-items:center;gap:var(--spacing-sm)}.settings-title-icon{width:24px;height:24px;color:var(--text-secondary);flex-shrink:0}.settings{width:100%;max-width:500px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-2xl);min-height:0;overflow-y:auto}.settings-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.settings-section-title{font-family:var(--font-serif);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:none;letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight);margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid rgba(255,255,255,.4)}.settings-section--account{padding-top:var(--spacing-lg)}.settings-divider{height:1px;background:var(--border-color);margin-bottom:var(--spacing-xl)}.settings-item{display:flex;flex-direction:column}.settings-action-button{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--text-primary);font-weight:var(--font-weight-medium);text-align:left}.settings-action-icon{width:24px;height:24px;flex-shrink:0;color:var(--text-secondary);transition:all var(--transition-fast)}.settings-action-label{flex:1;text-align:left}.settings-action-button:hover{background:var(--state-hover);border-color:var(--tree-green);transform:translateY(-1px);box-shadow:var(--shadow-md)}.settings-action-button:hover .settings-action-icon{color:var(--text-primary);transform:scale(1.02)}.settings-action-button:active{transform:translateY(0);background:var(--state-pressed)}.settings-action-button:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring-blue)}.settings-action-button--destructive{border-color:#dc26264d}.settings-action-button--destructive:hover{background:#dc262614;border-color:var(--accent-red);box-shadow:0 0 0 3px #dc26261a}.settings-action-button--destructive .settings-action-label,.settings-action-button--destructive .settings-action-icon{color:var(--accent-red)}.settings-action-button--destructive:hover .settings-action-icon{color:color-mix(in srgb,var(--accent-red) 85%,white 15%);transform:scale(1.02)}.settings-role-label{text-align:center;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);letter-spacing:var(--letter-spacing-wide);padding-top:var(--spacing-lg);margin-top:var(--spacing-md);border-top:1px solid var(--border-color);opacity:.7}.light-theme .settings-section-title{border-bottom-color:var(--beige-sand)}.light-theme .settings-role-label{color:var(--text-tertiary);border-top-color:var(--border-light)}.light-theme .settings-action-button{background:var(--bg-secondary);border-color:var(--border-color)}.light-theme .settings-action-button:hover{background:var(--bg-hover);border-color:var(--accent-blue)}.settings-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid rgba(255,255,255,.08);background:#1e1f1c80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--spacing-md))}.light-theme .settings-footer{border-top-color:#7a6f6326;background:#faf5e6b3}.settings-complete-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--tree-green);border:1px solid var(--tree-green);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--monokai-bg-darker);box-shadow:var(--shadow-md);min-height:var(--touch-target-comfortable)}.settings-complete-button:hover{background:var(--tree-green-hover);border-color:var(--tree-green-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.settings-complete-button:active{background:var(--tree-green-pressed);border-color:var(--tree-green-pressed);transform:translateY(0)}.settings-complete-button:focus-visible{outline:2px solid var(--tree-green);outline-offset:2px}.settings-complete-button .settings-complete-icon{width:20px;height:20px;flex-shrink:0}.light-theme .settings-complete-button{color:#fff}@media(max-width:768px){.settings{max-width:100%;padding:var(--spacing-sm) var(--spacing-md)}.settings-section-title{font-size:var(--font-size-lg)}.settings-action-button{padding:var(--spacing-md);font-size:var(--font-size-sm)}.settings-action-icon{width:20px;height:20px}.settings-complete-button{padding:var(--spacing-md) var(--spacing-lg)}.settings-footer{padding:var(--spacing-sm) var(--spacing-md);padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--spacing-sm))}}@media(max-width:480px){.settings{gap:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-sm)}.settings-section{gap:var(--spacing-sm)}.settings-section-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.settings-title-icon{width:20px;height:20px}.settings-complete-button{font-size:var(--font-size-sm)}.settings-footer{padding:var(--spacing-xs) var(--spacing-sm);padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--spacing-xs))}}.about-modal-title-wrapper{display:flex;align-items:center;gap:var(--spacing-sm)}.about-modal-title-icon{width:24px;height:24px;color:var(--text-primary);flex-shrink:0}.about-modal__content{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg);text-align:left}.about-modal__paragraph{font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--text-primary);margin:0}.about-modal__paragraph strong{color:var(--text-primary);font-weight:var(--font-weight-bold);font-family:var(--font-sans)}.about-modal__version{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);margin-top:var(--spacing-lg)}.about-modal__version-label{font-size:var(--font-size-md);color:var(--text-secondary);text-transform:none;letter-spacing:var(--letter-spacing-normal);font-weight:var(--font-weight-medium)}.about-modal__version-number{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-semibold);font-family:var(--font-mono)}.about-modal__section{padding:var(--spacing-lg) 0;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-md);text-align:left}.about-modal__section-title{font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.about-modal__section-icon{width:24px;height:24px;flex-shrink:0;color:var(--text-primary);display:block}.about-modal__invest-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--tree-green);color:var(--bg-primary);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);text-align:center;width:100%}.about-modal__invest-button:hover{background:var(--accent-gold);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.about-modal__invest-button:active{transform:translateY(0)}.light-theme .about-modal__invest-button{color:#fff}.light-theme .about-modal__invest-button:hover{background:var(--accent-gold)}@media(max-width:768px){.about-modal__content{padding:var(--spacing-lg)}.about-modal__paragraph{font-size:var(--font-size-base)}.about-modal__invest-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}}.dynamic-input-wrapper-main{position:fixed;bottom:28px;right:20px;z-index:var(--z-dynamic-input);display:flex;flex-direction:column;align-items:flex-end;transition:all var(--transition-medium);pointer-events:none}.dynamic-input-wrapper-main.embedded-mode{position:static;bottom:auto;right:auto;z-index:auto;width:100%;align-items:stretch;pointer-events:auto}.dynamic-input-container--embedded{position:static;width:100%;max-width:none;border-radius:var(--radius-xl, 24px);animation:none;transform:none;box-shadow:var(--shadow-elevation-04dp);background:var(--elevation-01dp);min-height:400px;max-height:70vh}.dynamic-input-container--embedded .chat-messages{max-height:none;flex:1;min-height:250px}.dynamic-input-container--embedded .dynamic-input-content{padding:var(--space-4);background:var(--elevation-02dp);border-top:1px solid var(--border-subtle)}.dynamic-input-container--embedded .chat-header{background:var(--elevation-01dp);border-bottom:1px solid var(--border-subtle)}.dynamic-input-container--embedded .header-hide-button{display:none}.dynamic-input-container--embedded .dynamic-input-content{padding:var(--space-3, 12px)}.dynamic-input-container--embedded .input-box{border:none;background:var(--elevation-01dp)}.dynamic-input-container--embedded .input-box-inner{padding:var(--space-2, 8px) var(--space-3, 12px)}.dynamic-input-container--capsule{display:flex;flex-direction:column;gap:var(--space-3, 12px);background:transparent;box-shadow:none;border:none;border-radius:0}.embedded-messages-capsule{background:var(--elevation-02dp);border-radius:var(--radius-xl, 24px);box-shadow:var(--shadow-elevation-02dp);overflow:hidden;flex:1;min-height:200px;display:flex;flex-direction:column}.embedded-messages-capsule .chat-messages{flex:1;max-height:none;padding:var(--space-3, 12px)}.embedded-input-capsule{background:var(--elevation-01dp);border-radius:var(--radius-xl, 24px);box-shadow:var(--shadow-elevation-02dp);overflow:hidden;flex-shrink:0}.embedded-input-capsule .input-content-wrapper{display:flex;flex-direction:column;padding:var(--space-3, 12px)}.embedded-input-capsule .input-form{width:100%}.embedded-input-capsule .input-box{background:var(--elevation-02dp);border:1px solid var(--border-subtle);border-radius:var(--radius-lg, 16px)}.embedded-input-capsule .input-box.focused{border-color:var(--color-golden)}.embedded-input-capsule .input-box-inner{padding:var(--space-2, 8px) var(--space-3, 12px)}.embedded-input-capsule .mode-buttons-row{display:flex;align-items:center;gap:var(--space-2, 8px);padding-top:var(--space-3, 12px);margin-top:var(--space-2, 8px);border-top:1px solid var(--border-subtle)}.embedded-input-capsule .mode-button{width:32px;height:32px;opacity:.7;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md, 8px);transition:opacity var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.embedded-input-capsule .mode-button:hover{opacity:1;background:var(--state-hover);border-color:var(--border-color)}.embedded-input-capsule .mode-button.active{opacity:1;background:var(--color-golden);border-color:var(--color-golden);color:var(--bg-primary)}.embedded-input-capsule .mode-icon{width:18px;height:18px}.dynamic-input-container{background:var(--bg-secondary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-elevation-12dp);width:500px;max-width:90vw;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);transform-origin:bottom right;pointer-events:auto;animation:expandInputBox .28s cubic-bezier(0,0,.2,1) forwards;transition:max-height .2s cubic-bezier(.4,0,.2,1)}.dynamic-input-container.collapsing{animation:collapseInputBox .18s cubic-bezier(.4,0,1,1) forwards;transition:none;will-change:transform}.dynamic-input-container.dragging{transition:none}@keyframes expandInputBox{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes collapseInputBox{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0);pointer-events:none}}.chat-messages{max-height:500px;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--elevation-01dp);transition:max-height .2s cubic-bezier(.4,0,.2,1)}.dynamic-input-container.dragging .chat-messages{transition:none}.message{max-width:85%;display:flex;flex-direction:column;gap:var(--spacing-xs)}.message.system{align-self:center;max-width:90%}.message-content{font-size:var(--font-size-md);line-height:1.6;word-wrap:break-word;font-family:var(--font-sans)}.message-content.formatted-chat-message{margin:0;padding:0;background-color:var(--bg-secondary);font-family:var(--font-sans)}.message-content.formatted-chat-message p{margin:0;line-height:1.4}.message-content.formatted-chat-message p:first-child{margin-top:0}.message-content.formatted-chat-message p:last-child{margin-bottom:0}.message-content.formatted-chat-message p+p{margin-top:.5em}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{margin:var(--spacing-sm) 0 var(--spacing-xs) 0;font-weight:var(--font-weight-semibold);line-height:1.4;color:inherit;font-family:inherit}.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{margin:0 0 var(--spacing-xs) 0;line-height:1.6;font-family:var(--font-sans);font-size:var(--font-size-base)}.message.user .message-content p,.message.other-user .message-content p{margin:0 0 var(--spacing-xs) 0;line-height:1.6;font-family:var(--font-sans)}.message-content p:last-child{margin-bottom:0}.message-content ul,.message-content ol{margin:var(--spacing-xs) 0;padding-left:var(--spacing-lg);font-family:inherit}.message-content li{margin:var(--spacing-xs) 0;line-height:1.6;font-family:inherit}.message-content ul li{list-style-type:disc}.message-content ol li{list-style-type:decimal}.message-content strong{font-weight:var(--font-weight-semibold);color:inherit}.message-content em{font-style:italic;color:inherit}.message-content del{text-decoration:line-through;opacity:.7}.message-content code{background:var(--bg-primary);padding:2px var(--spacing-xs);border-radius:var(--border-radius-sm);font-family:Fira Code,Courier New,Courier,monospace;font-size:var(--font-size-sm);border:1px solid var(--border-light)}.message-content pre{background:var(--bg-secondary);padding:var(--spacing-sm);border-radius:var(--border-radius-md);overflow-x:auto;margin:var(--spacing-xs) 0;border:1px solid var(--border-light)}.message-content pre code{background:none;padding:0;border:none;font-size:var(--font-size-xs)}.message.assistant .message-content blockquote{margin:var(--spacing-xs) 0;padding:var(--spacing-xs) var(--spacing-md);border-left:4px solid var(--accent-blue);background:#3b82f61a;font-style:italic;font-family:var(--font-serif);line-height:1.65}.message.user .message-content blockquote{margin:var(--spacing-xs) 0;padding:var(--spacing-xs) var(--spacing-md);border-left:4px solid var(--accent-blue);background:#3b82f61a;font-style:italic;font-family:var(--font-sans)}.message-content table{border-collapse:collapse;width:100%;margin:var(--spacing-xs) 0;font-size:var(--font-size-sm);font-family:inherit}.message-content th,.message-content td{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);text-decoration:none;font-family:inherit}.message-content a:hover{text-decoration:underline}.message-content .message-line{margin:var(--spacing-xs) 0;font-family:inherit}.message-content .message-line span{color:var(--accent-orange);font-weight:var(--font-weight-semibold);margin-right:var(--spacing-xs);font-family:inherit}.message-meta-wrapper{margin-top:var(--spacing-xs)}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);flex-wrap:wrap}.message.user .message-meta{justify-content:flex-end}.message.assistant .message-meta,.message.other-user .message-meta,.message.atai-message .message-meta{justify-content:flex-start}.message-timestamp{font-size:var(--font-size-xs);opacity:.5;font-family:var(--font-sans);color:var(--text-tertiary);white-space:nowrap}.typing-indicator{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs)}.typing-indicator span{width:8px;height:8px;background:var(--color-golden);border-radius:50%;animation:typing 1s infinite ease-in-out}.typing-indicator span:nth-child(1){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)}}.message.streaming{animation:fadeInStream .2s ease-out}.message-content-wrapper,.message-content-wrapper.streaming-text,.streaming-text-wrapper,.streaming-text-wrapper .message-content{display:inline}.streaming-cursor-start{margin-left:0}.streaming-cursor{display:inline-block;color:var(--color-golden);font-weight:700;animation:blink .8s infinite;margin-left:1px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeInStream{0%{opacity:.7}to{opacity:1}}.function-call-indicator{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-elevated);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:.875rem}.function-call-indicator .function-icon{animation:spin 1.5s linear infinite}.thinking-indicator{display:flex;align-items:center;padding:var(--spacing-xs) 0}.thinking-wave-text{display:inline-flex;font-size:var(--font-size-md);color:var(--text-secondary);font-weight:500;letter-spacing:.02em}.thinking-letter{display:inline-block;animation:thinkingWave 1.8s ease-in-out infinite}@keyframes thinkingWave{0%,to{transform:translateY(0);opacity:.5;color:var(--text-secondary)}30%{transform:translateY(-3px);opacity:1;color:var(--color-golden)}60%{transform:translateY(0);opacity:.7;color:var(--text-secondary)}}.dynamic-input-content{padding:var(--spacing-md);border-top:1px solid var(--border-color)}.input-form{width:100%}.input-box{position:relative;background:var(--bg-secondary);border-radius:var(--border-radius-md);transition:all var(--transition-fast);border:1px solid var(--border-color)}.input-box.focused{background:var(--bg-secondary);border-color:var(--color-golden)}.input-box-inner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)}.input-textarea{flex:1;border:none;background:transparent;resize:none;padding:0;margin:0;font-size:var(--font-size-md);font-family:var(--font-sans);font-weight:var(--font-weight-regular);line-height:1.5;min-height:calc(var(--font-size-md) * 1.5);max-height:calc(var(--font-size-md) * 1.5 * 5);height:calc(var(--font-size-md) * 1.5);outline:none;color:var(--text-primary);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--text-secondary) transparent;scroll-behavior:smooth}.input-textarea::-webkit-scrollbar{width:6px}.input-textarea::-webkit-scrollbar-track{background:transparent}.input-textarea::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:3px;opacity:.5}.input-textarea::-webkit-scrollbar-thumb:hover{background:var(--text-primary);opacity:.7}.input-textarea:focus{outline:none}.input-textarea::placeholder{color:var(--text-secondary)}.input-actions{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-xs) var(--spacing-sm)}.submit-buttons{display:flex;gap:var(--spacing-xs)}.action-button{background:transparent;border:none;cursor:pointer;width:36px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);color:var(--text-secondary);transition:all var(--transition-fast)}.action-button:hover{background-color:var(--state-hover);color:var(--text-primary)}.action-icon{width:24px;height:24px;filter:brightness(0) invert(1)}.submit-button{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.submit-button:not(.disabled):hover{background:color-mix(in srgb,var(--tree-green) 85%,white 15%)}.submit-button.disabled{opacity:.5;cursor:not-allowed}.submit-button img.action-icon{width:24px;height:24px;filter:brightness(0) invert(1)}.send-button{background:var(--color-golden);color:var(--bg-primary);border:none;border-radius:var(--border-radius-md);padding:var(--spacing-xs) var(--spacing-lg);font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:80px;height:calc(var(--font-size-md) * 1.5);box-shadow:var(--shadow-sm);flex-shrink:0;align-self:flex-end}.send-button:hover:not(:disabled){background:color-mix(in srgb,var(--color-golden) 85%,white 15%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.send-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.send-button:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary);color:var(--text-secondary)}.toggle-input-button{background:var(--color-golden);border:none;border-radius:var(--border-radius-lg);padding:var(--spacing-sm) var(--spacing-lg);display:flex;pointer-events:auto;align-items:center;gap:var(--spacing-sm);cursor:pointer;box-shadow:var(--shadow-fab-hard);transition:all var(--transition-fast);color:var(--bg-primary);margin-top:var(--spacing-xs);position:relative;transform-origin:bottom right}.toggle-input-button.morphing-open{animation:buttonMorphOpen .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes buttonMorphOpen{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.toggle-input-button.morphing-close{animation:buttonMorphClose .3s cubic-bezier(0,0,.2,1) forwards}@keyframes buttonMorphClose{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.toggle-input-button:hover{background:color-mix(in srgb,var(--color-golden) 85%,white 15%);box-shadow:var(--shadow-fab-hard-hover);transform:translateY(-2px)}.toggle-button-icon-left{width:22px;height:22px;flex-shrink:0;transition:all var(--transition-fast);color:var(--bg-primary);margin-right:2px}.toggle-button-icon-left.has-notifications{animation:bellShake 4s ease-in-out infinite;transform-origin:top center}.toggle-button-text{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);display:block;line-height:1}.notification-count-badge{display:none}.new-message-badge{position:absolute;top:-8px;left:-8px;background:var(--accent-green);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);padding:2px 8px;border-radius:12px;box-shadow:var(--shadow-interactive);z-index:10;text-transform:uppercase;letter-spacing:.5px;animation:newBadgeBounce .6s cubic-bezier(.68,-.55,.27,1.55)}@keyframes newBadgeBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.toggle-input-button.compact{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-primary);border-radius:var(--border-radius-sm);color:var(--text-primary);border:1px solid var(--border-color);margin-top:0}.toggle-button-icon{display:none}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--bg-primary)}.chat-messages::-webkit-scrollbar-thumb{background:var(--tree-green);border-radius:var(--border-radius-sm)}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}@media(max-width:768px){.chat-messages,.chat-container-with-avatars .chat-messages{max-height:60vh;max-height:60dvh}.chat-header{padding:var(--spacing-xs) var(--spacing-sm);min-height:44px}.header-left .mode-indicator span{display:none}.mode-button{width:44px;height:44px;padding:10px}.mode-icon{width:16px;height:16px}.header-hide-button{width:44px;height:44px;padding:10px}.current-avatar-button{padding:2px 6px;max-height:30px;font-size:11px}.current-avatar-button .avatar-icon{width:18px;height:18px;font-size:9px}.avatar-strip{width:50px;padding:var(--spacing-xs)}.avatar-icon{width:36px;height:36px;font-size:var(--font-size-xs)}.input-box{padding:0}.input-textarea{font-size:var(--font-size-md)}.send-button{min-width:70px;min-height:44px;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.action-button,.submit-button{width:44px;height:44px;padding:10px}}@media only screen and (max-width:600px){.dynamic-input-wrapper-main{inset:0;margin:0;padding:0;z-index:1020!important;overflow:visible;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch}.dynamic-input-wrapper-main>.toggle-input-button:not(.nav-item-mode){display:none!important}.chat-header:not(.world-container):not(.knowledge-carousel-wrapper),.mode-button:not(.world-container):not(.knowledge-carousel-wrapper),.header-hide-button:not(.world-container):not(.knowledge-carousel-wrapper),.conversation-user-button:not(.world-container):not(.knowledge-carousel-wrapper),.input-textarea:not(.world-container):not(.knowledge-carousel-wrapper),.submit-button:not(.world-container):not(.knowledge-carousel-wrapper),.action-button:not(.world-container):not(.knowledge-carousel-wrapper),.drag-handle-visual:not(.world-container):not(.knowledge-carousel-wrapper),.toggle-input-button:not(.world-container):not(.knowledge-carousel-wrapper),.dropdown-item:not(.world-container):not(.knowledge-carousel-wrapper),.avatar-button:not(.world-container):not(.knowledge-carousel-wrapper){pointer-events:auto!important;touch-action:manipulation!important}.dynamic-input-container{width:100%;max-width:100%;max-height:calc(var(--viewport-height) - var(--spacing-md));border-radius:0;border-bottom:none;margin:0;padding-bottom:calc(var(--mobile-sidebar-height) + var(--spacing-md));display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom center;position:relative;z-index:1;background:var(--elevation-02dp, var(--bg-secondary));box-shadow:0 -8px 16px #00000026,0 -4px 8px #0000001a,0 -1px 3px #00000014;border-top:1px solid var(--elevation-overlay-04dp, rgba(255, 255, 255, .09));opacity:0!important;transform:translate3d(0,100%,0)!important;transition:none!important;animation:none!important;will-change:transform,opacity}.dynamic-input-container.mobile-visible{opacity:1!important;transform:translateZ(0)!important;transition:transform .3s cubic-bezier(0,0,.2,1),opacity .15s ease-out!important}.dynamic-input-container.collapsing{opacity:1!important;animation:collapseInputBoxMobile .18s cubic-bezier(.4,0,1,1) forwards;transition:none!important;will-change:transform}.dynamic-input-container.closed-mode{max-height:88px}@keyframes expandInputBoxMobile{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes collapseInputBoxMobile{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0);pointer-events:none}}.drawer-ghost-preview{position:fixed;left:var(--spacing-xs);right:var(--spacing-xs);width:calc(100% - (var(--spacing-xs) * 2));border:2px dashed var(--accent-blue, #3b82f6);background:#3b82f614;border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;opacity:0;transition:opacity .15s ease-out;pointer-events:none;will-change:opacity,height,top,bottom;z-index:calc(var(--z-dynamic-input) - 1)}.light-theme .drawer-ghost-preview{border-color:var(--accent-amber, #d4a574);background:#d4a57414}.dynamic-input-container.fullscreen-mode{max-height:calc(var(--viewport-height) - var(--mobile-sidebar-height) - var(--spacing-md));border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.dynamic-input-container.fullscreen-mode .chat-messages,.dynamic-input-container.fullscreen-mode .task-list-wrapper{flex:1;max-height:none;overflow-y:auto}.dynamic-input-container.dragging{pointer-events:none;-webkit-user-select:none;user-select:none}.dynamic-input-container.dragging .drag-handle-visual{pointer-events:auto}.toggle-input-button{margin-bottom:0}.chat-messages,.chat-container-with-avatars .chat-messages{flex:1;min-height:0;overflow-y:auto;touch-action:pan-y!important;-webkit-overflow-scrolling:touch}.task-list-wrapper{touch-action:pan-y!important;-webkit-overflow-scrolling:touch}.input-textarea{touch-action:manipulation!important;-webkit-user-select:text!important;user-select:text!important}.task-mode-container{max-height:100%;height:100%;display:flex;flex-direction:column}.conversation-dropdown{max-height:min(350px,calc(var(--viewport-height) - var(--mobile-sidebar-height) - 150px))}.toggle-input-button{height:52px;width:auto;min-width:52px;max-width:280px;border-radius:26px;padding:0 var(--spacing-md);gap:var(--spacing-xs);background:var(--color-golden);border:none;box-shadow:var(--shadow-fab-hard);display:flex;align-items:center;justify-content:center;transition:opacity .3s cubic-bezier(.4,0,.2,1),width .6s cubic-bezier(.4,0,.2,1),min-width .6s cubic-bezier(.4,0,.2,1),max-width .6s cubic-bezier(.4,0,.2,1),padding .6s cubic-bezier(.4,0,.2,1),gap .6s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1),transform .2s ease,box-shadow .2s ease}.toggle-input-button:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--color-golden) 85%,white 15%);box-shadow:var(--shadow-fab-hard-hover)}.toggle-button-text{display:block!important;font-size:var(--font-size-sm);line-height:1.5;white-space:nowrap;overflow:visible;max-width:200px;opacity:1;transition:opacity .4s cubic-bezier(.4,0,.2,1),max-width .6s cubic-bezier(.4,0,.2,1)}.toggle-input-button .toggle-button-icon-left{width:22px;height:22px;margin:0;flex-shrink:0;color:var(--bg-primary);transition:width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1),margin-left .6s cubic-bezier(.4,0,.2,1)}.toggle-input-button .toggle-button-icon-left.atai-input-icon{width:20px;height:24px;margin-left:1px}.toggle-input-button.collapsed{width:52px;min-width:52px;max-width:52px;padding:0;gap:0;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:collapseRecoil .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes collapseRecoil{0%{transform:scale(.85)}50%{transform:scale(1.08)}75%{transform:scale(.97)}to{transform:scale(1)}}.toggle-input-button.collapsed .toggle-button-text{opacity:0!important;max-width:0!important;overflow:hidden;display:none;transition:opacity .2s cubic-bezier(.4,0,1,1),max-width .6s cubic-bezier(.4,0,.2,1)}.toggle-input-button.collapsed .toggle-button-icon-left{width:24px;height:24px}.toggle-input-button.collapsed .toggle-button-icon-left.atai-input-icon{width:24px;height:24px;margin-left:0}.toggle-input-button.scroll-faded{opacity:.3;pointer-events:none}.toggle-input-button.scroll-faded.has-notifications{opacity:.6}.toggle-input-button .toggle-button-icon-left.has-notifications{animation:bellShake 4s ease-in-out infinite;transform-origin:top center}.dynamic-input-wrapper-main.nav-item-mode{position:static;display:inline-flex;pointer-events:auto;bottom:auto;right:auto;left:auto}.toggle-input-button.nav-item-mode{width:44px;height:44px;min-width:44px;max-width:44px;padding:0;gap:0;border-radius:22px;background:transparent;border:none;box-shadow:none;transition:background .2s ease,color .2s ease,transform .15s ease}.toggle-input-button.nav-item-mode .toggle-button-icon-left{width:24px;height:24px;color:var(--text-secondary)}.toggle-input-button.nav-item-mode .toggle-button-icon-left.atai-input-icon{width:22px;height:26px;color:var(--text-secondary)}.toggle-input-button.nav-item-mode .toggle-button-text{display:none!important}.toggle-input-button.nav-item-mode .notification-count-badge{width:8px;height:8px;min-width:8px;padding:0;font-size:0;top:6px;right:6px;border-radius:50%}.toggle-input-button.nav-item-mode .new-message-badge{display:none}.toggle-input-button.nav-item-mode:hover{transform:scale(1.08);background:transparent;box-shadow:none}.toggle-input-button.nav-item-mode.has-notifications{background:var(--monokai-yellow);color:#1e1f1c}.toggle-input-button.nav-item-mode.has-notifications .toggle-button-icon-left{color:#1e1f1c}.notification-count-badge{display:flex;position:absolute;top:-4px;right:-4px;background:var(--status-error);color:#fff;font-size:11px;font-weight:var(--font-weight-bold);min-width:20px;height:20px;border-radius:10px;align-items:center;justify-content:center;padding:0 6px;box-shadow:var(--shadow-interactive);z-index:10;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dynamic-input-wrapper-main:has(.toggle-input-button:not(.compact)){bottom:calc(var(--mobile-sidebar-height) + 12px);left:0;right:0}.dynamic-input-drag-handle-header{flex-shrink:0;width:100%;padding:4px 0;background:transparent;border:none;transition:background .2s ease;display:flex;justify-content:center;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.dynamic-input-drag-handle-header .drag-handle-visual{width:64px;height:4px;background:var(--text-tertiary);border-radius:2px;margin:0;cursor:grab;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.dynamic-input-drag-handle-header:hover .drag-handle-visual{background:var(--text-secondary)}.dynamic-input-container.dragging .dynamic-input-drag-handle-header{cursor:grabbing;background:#ffffff0d}.dynamic-input-container.dragging .drag-handle-visual{background:var(--accent-blue, #3b82f6);transform:scaleX(1.1);box-shadow:0 0 8px #3b82f666;cursor:grabbing}.light-theme .dynamic-input-container.dragging .dynamic-input-drag-handle-header{background:#d4a57414}.light-theme .dynamic-input-container.dragging .drag-handle-visual{background:var(--accent-amber, #d4a574);box-shadow:0 0 8px #d4a57459}}@media only screen and (max-height:700px){.chat-messages,.chat-container-with-avatars .chat-messages{max-height:calc(var(--viewport-height) - var(--mobile-sidebar-height) - 180px)!important}.dynamic-input-container{max-height:calc(100vh - var(--mobile-sidebar-height) - var(--spacing-md))!important;max-height:calc(100dvh - var(--mobile-sidebar-height) - var(--spacing-md))!important}.task-list-wrapper{max-height:calc(var(--viewport-height) - var(--mobile-sidebar-height) - 220px)!important}}@media only screen and (max-height:600px){.chat-messages,.chat-container-with-avatars .chat-messages{max-height:calc(100vh - var(--mobile-sidebar-height) - 200px)!important;max-height:calc(100dvh - var(--mobile-sidebar-height) - 200px)!important}.chat-header{min-height:40px;padding:var(--spacing-xs) var(--spacing-sm)}}@media only screen and (max-width:390px){.dynamic-input-container{border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.chat-header{padding:var(--spacing-xs) var(--spacing-xs);min-height:40px}.header-left{gap:var(--spacing-xs)}.mode-buttons{gap:2px}.active-conversation-indicator{padding:2px var(--spacing-xs);max-width:120px}.mode-button{width:28px;height:28px;padding:2px}.mode-icon{width:14px;height:14px}.header-hide-button{width:28px;height: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)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.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{background:#dc35451a;color:var(--accent-red);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--accent-red);font-size:var(--font-size-md);line-height:1.4}.spinner{width:20px;height:20px;border:2px solid var(--border-light);border-top:2px solid var(--text-primary);border-radius:50%;animation:spin 1s linear infinite}.notification-glow{animation:notificationGlow 1.6s ease-in-out infinite alternate}@keyframes notificationGlow{0%{box-shadow: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%{box-shadow:0 0 #22c55eb3;background:var(--color-golden)}to{box-shadow:0 0 16px 6px #22c55e66;background:var(--accent-green)}}.toggle-button-icon-left{margin-right:6px}.notification-list-wrapper{max-height:320px;overflow-y:auto;padding:8px 4px}.notification-header-inline{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.notification-header-inline h3{margin:0;font-size:14px}.notification-card{width:100%;text-align:left;padding:10px 12px;border-radius:8px;background:var(--card-bg, #1f2937);color:#fff;margin-bottom:6px;transition:background .2s ease}.notification-card:hover{background:var(--state-hover)}.clear-all-btn{background:none;border:none;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{background:none;border:none;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:0 var(--spacing-xs);border-radius:var(--border-radius-sm);display:flex;align-items:center;height:24px;min-height:24px;gap:var(--spacing-xs);transition:background var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.conversation-user-button:hover{background:var(--state-hover)}.conversation-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:280px;z-index:1000;background:var(--bg-tertiary);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--border-elevated);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-dropdown);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.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);transition:background var(--transition-fast)}.conversation-dropdown::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.dropdown-header{padding:8px 12px;border-bottom:1px solid var(--border-color);font-weight:var(--font-weight-semibold);font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);background:var(--bg-secondary);position:sticky;top:0;z-index:10}.conversation-dropdown .dropdown-item{width:100%;min-height:48px;max-height:48px;padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);transition:background var(--transition-fast)}.conversation-dropdown .dropdown-item.connect-users-option{background:#a6e22e14;border-bottom:1px solid var(--border-color);font-weight:500;margin-bottom:4px}.conversation-dropdown .dropdown-item.connect-users-option:hover{background:#a6e22e26}.conversation-dropdown .dropdown-item:hover{background:var(--bg-secondary)}.conversation-dropdown .dropdown-item.active{background:var(--bg-tertiary);color:var(--accent-blue)}.dropdown-user-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;overflow:hidden}.dropdown-username{font-size:.875rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.dropdown-indicators{display:flex;align-items:center;gap:6px;flex-shrink:0;min-width:60px;justify-content:flex-end;height:26px}.dropdown-call-button{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;max-width:26px;max-height:26px;padding:0!important;border-radius:50%!important;aspect-ratio:1;background:transparent!important;color:var(--tree-green)!important;border:1px solid var(--tree-green)!important;display:flex!important;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast);cursor:pointer}.dropdown-call-button:hover:not(:disabled){background:color-mix(in srgb,var(--tree-green) 85%,white 15%)!important;color:#fff!important;border-color:var(--tree-green)!important;transform:translateY(-1px);box-shadow:0 2px 8px #56c6764d}.dropdown-call-button:disabled{opacity:.5;cursor:not-allowed}.dropdown-call-button svg,.dropdown-call-button .call-button__video-icon{width:13px!important;height:13px!important;flex-shrink:0}.active-conversation-indicator{position:relative}.active-conversation-indicator{display:flex;flex-direction:column;align-items:flex-end;margin-right:var(--spacing-md)}.conversation-with{font-size:.75rem;color:var(--text-tertiary);margin-bottom:2px}.conversation-user{font-size:.875rem;color:var(--text-primary);font-weight:500}.avatar-button{position:relative;background:none;border:none;padding:0;cursor:pointer;border-radius:50%;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{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);color:var(--text-primary);transition:all var(--transition-fast)}.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{width:8px;height:8px;background:var(--accent-green);border:1px solid var(--bg-primary);border-radius:50%;flex-shrink:0}.unread-badge{background:var(--accent-red);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--border-radius-xl);min-width:16px;text-align:center;flex-shrink:0;line-height:1}.light-theme .conversation-dropdown{background:var(--bg-tertiary);border-color:var(--border-elevated);box-shadow:var(--shadow-dropdown)}.light-theme .dropdown-header{background:#ebe5d999;border-bottom:1px solid rgba(212,201,179,.4)}.light-theme .dropdown-call-button{color:var(--accent-sage);border-color:var(--accent-sage)}.light-theme .dropdown-call-button:hover:not(:disabled){background:var(--accent-sage);color:#fff;box-shadow:0 2px 8px #8b9a7f4d}@media only screen and (max-width:600px){.conversation-dropdown{min-width:100%;max-width:calc(100vw - 32px);border-radius:var(--border-radius-md)}.conversation-dropdown .dropdown-item{min-height:44px;max-height:44px;padding:6px 10px;gap:var(--spacing-xs)}.dropdown-header{padding:6px 10px;font-size:10px}.dropdown-username{font-size:.8125rem}.dropdown-call-button{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px;max-height:22px}.dropdown-call-button svg,.dropdown-call-button .call-button__video-icon{width:11px!important;height:11px!important}.dropdown-indicators{min-width:60px;height:22px;gap:5px}.avatar-icon{width:20px;height:20px;font-size:10px}}@media(prefers-reduced-motion:reduce){.conversation-dropdown{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-primary)}.dropdown-call-button{transition:none}.dropdown-call-button:hover:not(:disabled){transform:none}.conversation-dropdown .dropdown-item{transition:none}}.chat-container-with-avatars .chat-messages{flex:1;max-height:500px;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--bg-primary)}.avatar-selector{position:relative;z-index:10}.current-avatar-button{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:4px 8px;cursor:pointer;transition:all var(--transition-fast);max-height:32px;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;flex-shrink:1;min-width:0}.current-avatar-button .avatar-icon{width:20px;height:20px;font-size:10px}.current-avatar-button:hover{background:var(--bg-tertiary);border-color:var(--accent-green)}.dropdown-arrow{transition:transform var(--transition-fast);width:10px;height:10px}.current-avatar-button:hover .dropdown-arrow{transform:translateY(1px)}.avatar-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));left:0;min-width:200px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);overflow:hidden;max-height:300px;overflow-y:auto}.avatar-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;cursor:pointer;transition:all var(--transition-fast);position:relative;text-align:left;justify-content:space-between}.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{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.avatar-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.avatar-dropdown-indicators{display:flex;align-items:center;gap:var(--spacing-xs)}.avatar-dropdown-item .avatar-icon{width:28px;height:28px;font-size:var(--font-size-xs)}.avatar-dropdown-item.first-non-connected{border-top:1px solid var(--border-color);margin-top:var(--spacing-xs);padding-top:var(--spacing-md)}.message.user .message-content{background:var(--color-golden)!important;color:var(--bg-primary)!important;border:none!important;box-shadow:var(--shadow-sm)!important;padding:var(--spacing-sm) var(--spacing-md)!important;border-radius:var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-sm) var(--border-radius-lg)!important}.message.user{align-self:flex-end}.message.assistant .message-content{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;padding:var(--spacing-sm) var(--spacing-md)!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}.message.assistant{align-self:flex-start}.message.other-user .message-content{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;padding:var(--spacing-sm) var(--spacing-md)!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}.message.other-user{align-self:flex-start}.message.atai-message{align-self:flex-start;max-width:85%;margin:var(--spacing-md) 0;display:flex;flex-direction:column;gap:6px}.atai-message-header{display:flex;align-items:center;gap:8px;padding-left:4px}.atai-logo-wrapper{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.atai-logo{width:100%;height:100%;filter:drop-shadow(0 0 3px rgba(253,151,31,.4))}.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%,rgba(253,151,31,.03) 100%)!important;color:var(--text-primary)!important;border:1px solid rgba(253,151,31,.4)!important;padding:var(--spacing-sm) var(--spacing-md)!important;border-radius:var(--border-radius-lg)!important;box-shadow:0 2px 8px #fd971f14,0 0 12px #fd971f0a!important;font-weight:400}.message.atai-message .message-content p{margin:.5em 0;line-height:1.5}.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 ul,.message.atai-message .message-content ol{margin:.5em 0;padding-left:1.5em}.message.atai-message .message-content li{margin:.25em 0;line-height:1.4}.message.atai-message .message-content strong{font-weight:600;color:var(--text-primary)}.message .message-content{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.message-content{max-width:100%;word-wrap:break-word;line-height:1.4}.avatar-strip{display:none}.new-message-glow{background:var(--color-golden)!important}.message-body{flex:1}.expandable-more-content{display:contents}.expandable-more-content .more-content-expanded{flex-basis:100%;width:100%}.more-toggle-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:4px 8px;font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);min-width:50px;font-weight:500}.more-toggle-btn:hover:not(.loading){background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-blue)}.more-toggle-btn.loading{opacity:.7;cursor:wait}.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);color:#fff;border-color:var(--accent-blue)}.more-icon{font-weight:700;font-size:var(--font-size-md);line-height:1}.more-text{font-weight:500;letter-spacing:.02em}.more-content-expanded{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);animation:expandContent .3s ease-out}@keyframes expandContent{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1000px}}.more-section{margin-bottom:var(--spacing-md)}.more-section:last-child{margin-bottom:0}.more-section-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-sans)}.more-section-content{font-size:var(--font-size-sm);line-height:1.6;color:var(--text-secondary);margin:0;font-family:var(--font-sans)}.more-list{list-style:none;padding:0;margin:0}.more-list-item{font-size:var(--font-size-sm);line-height:1.5;color:var(--text-secondary);margin-bottom:var(--spacing-xs);padding-left:1.2em;position:relative;font-family:var(--font-sans);word-wrap:break-word;overflow-wrap:break-word}.more-list-item:before{content:"•";color:var(--accent-blue);font-weight:700;position:absolute;left:.4em;top:0;line-height:1.5}.more-list-item.reflection-question{font-style:italic;color:var(--text-tertiary)}.more-list-item.reflection-question:before{content:"?";color:var(--accent-green)}.more-error{margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);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)}.new-message-glow:hover{background:var(--accent-orange)!important;transform:translateY(-2px)!important}@keyframes pulsingGoldenBorder{0%{box-shadow:0 0 #fbbf24cc;border-color:var(--color-golden)}50%{box-shadow:0 0 0 8px #fbbf244d;border-color:#fbbf24e6}to{box-shadow:0 0 #fbbf24cc;border-color:var(--color-golden)}}.notification-bell-left{margin-right:var(--spacing-xs);color:var(--color-golden);animation:bellPulse 1.5s ease-in-out infinite}.avatar-icon.newly-connected{animation:newConnectionGlow 2s ease-in-out;border:2px solid var(--accent-green)}@keyframes newConnectionGlow{0%,to{box-shadow:0 0 #22c55eb3;transform:scale(1)}50%{box-shadow:0 0 0 6px #22c55e4d;transform:scale(1.05)}}.avatar-dropdown-indicators .connection-status{width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-primary);margin-left:var(--spacing-xs)}.avatar-dropdown-indicators .connection-status.connected{background:var(--accent-green);box-shadow:0 0 4px #22c55e80}.avatar-dropdown-indicators .connection-status.pending{background:var(--accent-orange);animation:pendingPulse 1.5s ease-in-out infinite}.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{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes bellShake{0%{transform:rotate(0)}3%{transform:rotate(12deg)}6%{transform:rotate(-10deg)}9%{transform:rotate(8deg)}12%{transform:rotate(-6deg)}15%{transform:rotate(4deg)}18%{transform:rotate(-2deg)}21%{transform:rotate(0)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.toggle-button-icon-left.has-notifications{animation:none}}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);min-height:50px;flex-shrink:0;position:relative;z-index:2}.header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.header-right,.chat-container-with-avatars .header-right{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:flex-end;margin-left:auto}.mode-buttons{display:flex;gap:var(--spacing-xs);align-items:center;justify-content:flex-start}.header-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0;overflow:hidden}.active-conversation-indicator{display:flex;align-items:center;gap:var(--spacing-xs);padding:4px var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);position:relative;height:32px;box-sizing:border-box;flex-shrink:1;min-width:0;overflow:hidden}.header-hide-button{background:none;border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:max(32px,1.25vw);height:max(32px,1.25vw);color:var(--text-secondary);flex-shrink:0}.header-hide-button:hover{background:var(--bg-tertiary);border-color:var(--accent-red);color:var(--text-primary)}.mode-button{background:none;border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-xs);cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:max(36px,1.5vw);height:max(36px,1.5vw);flex-shrink:0}.mode-button:hover{background:var(--state-hover);border-color:var(--tree-green);color:var(--text-primary)}.mode-button.active{background:var(--color-golden);border-color:var(--color-golden);color:var(--bg-primary)}.mode-icon{width:max(20px,.875vw);height:max(20px,.875vw);transition:all var(--transition-fast);color:var(--text-primary);fill:currentColor;opacity:.7;flex-shrink:0}.mode-button:hover .mode-icon{color:var(--text-primary);opacity:1}.mode-button.active .mode-icon{color:var(--bg-primary);opacity:1}.header-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.mode-indicator{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.mode-indicator-icon{width:16px;height:16px;filter:var(--text-secondary-filter)}.task-mode-content{display:flex;flex-direction:column;height:100%}.task-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.task-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.task-header-buttons{display:flex;gap:var(--spacing-xs);align-items:center}.task-header-buttons button{background:none;border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary)}.task-header-buttons button:hover{background:var(--bg-tertiary);border-color:var(--tree-green);color:var(--text-primary)}.task-header-buttons button.active{background:var(--tree-green);border-color:var(--tree-green);color:var(--bg-primary)}.task-header-buttons button.loading{animation:spin 1s linear infinite}.task-loading,.task-error{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);font-size:var(--font-size-md)}.task-error{color:var(--accent-red)}.task-list-container{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.task-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-secondary);font-style:italic;text-align:center}.task-placeholder .add-task-btn{background:var(--tree-green);color:var(--bg-primary);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);font-style:normal}.task-placeholder .add-task-btn:hover{background:var(--accent-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.task-add-button-container{display:flex;justify-content:center;padding:var(--spacing-md);border-top:1px solid var(--border-color)}.task-mode-container{display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);background:var(--bg-primary);overflow:hidden}.task-mode-header.chat-header{position:sticky;top:0;z-index:10;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.task-content-area{display:flex;flex-direction:column;flex:1;overflow:hidden;padding:0;min-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.dynamic-input-container.dragging .task-content-area{transition:none}.task-action-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0}.task-action-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.task-list-wrapper{flex:1;overflow-y:auto;padding:var(--spacing-md);background:var(--bg-primary);width:100%;min-height:0;max-height:100%}.task-list-wrapper .card-drag-list,.task-list-wrapper .drag-list-container{width:100%}.task-list-wrapper .list-header,.task-list-wrapper .drag-list-header,.task-list-wrapper .list-title,.task-list-wrapper .card-list-header,.task-list-wrapper .item-count,.task-list-wrapper .list-count{display:none!important}.task-add-section{display:flex;justify-content:center;padding:var(--spacing-md);background:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0}.task-mode-container .task-placeholder{margin:var(--spacing-lg) 0;padding:var(--spacing-xl);text-align:center;background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px dashed var(--border-color)}.task-actions-section{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0;gap:var(--spacing-md)}.task-actions-section .add-task-btn{flex:1;max-width:none;min-width:200px;background:var(--tree-green);color:var(--bg-primary);border:2px solid var(--tree-green);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-medium);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:44px;box-shadow:var(--shadow-sm);margin-right:var(--spacing-md)}.task-actions-section .add-task-btn:hover{background:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.task-actions-section .add-task-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.task-action-buttons{display:flex;gap:var(--spacing-xs);align-items:center;flex-shrink:0}.task-action-buttons button{background:none;border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary)}.task-action-buttons button:hover{background:var(--hover-bg-secondary);border-color:var(--tree-green);color:var(--text-primary)}.task-action-buttons button.active{background:var(--tree-green);border-color:var(--tree-green);color:var(--bg-primary)}.task-action-buttons button.loading{animation:spin 1s linear infinite}.task-list-wrapper .universal-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast);min-height:auto;width:100%;max-width:none}.task-list-wrapper .universal-card:hover{border-color:var(--tree-green);box-shadow:var(--shadow-sm)}.task-list-wrapper .universal-card.has-sidebar{border-left:none}.task-list-wrapper .task-checkbox{display:flex;align-items:center;justify-content:center;flex-shrink:0}.task-list-wrapper .task-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--tree-green);cursor:pointer}.task-list-wrapper .card-body{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.task-view-controls{flex-shrink:0;padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-primary);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.task-view-controls.note-controls-simplified{justify-content:center;position:relative}.task-view-controls.note-controls-simplified .add-note-btn-centered{flex:0 0 auto}.task-view-controls.note-controls-simplified .filter-button-container{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%)}.task-view-controls.note-controls-simplified .filter-button{position:relative;right:auto}.view-toggle-buttons{display:flex;align-items:center;gap:2px;background:var(--bg-secondary);border-radius:var(--border-radius-sm);padding:2px;height:44px}.task-view-controls .view-toggle-button{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);width:36px;height:36px;flex-shrink:0;opacity:.6}.task-view-controls .view-toggle-button:hover{background:var(--state-hover);opacity:1;transform:scale(1.02)}.task-view-controls .view-toggle-button.active{background:#4a90e233;color:var(--text-primary);opacity:1;border:1px solid rgba(74,144,226,.4)}.task-view-controls .view-toggle-button:active{transform:scale(.95)}.task-view-controls .add-note-btn{background:var(--color-golden);color:var(--bg-primary);border:2px solid var(--color-golden);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;box-shadow:var(--shadow-sm)}.task-view-controls .add-note-btn:hover{background:color-mix(in srgb,var(--color-golden) 85%,white 15%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.task-view-controls .add-note-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.task-view-controls .filter-button{background:var(--bg-secondary);border:none;color:var(--text-primary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);min-width:32px;min-height:32px}.task-view-controls .filter-button:hover{background:var(--state-hover);color:var(--text-primary)}.task-view-controls .filter-button:active{transform:scale(.95)}.task-view-controls .filter-button.active{background-color:#ffffff14;border-color:var(--accent-orange, #f59e0b)}.task-list-wrapper .card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.4}.task-list-wrapper .card-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;word-wrap:break-word;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{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);margin:calc(-1 * var(--spacing-xs));border-radius:var(--border-radius-md);transition:all var(--transition-fast);flex-shrink:0;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.task-list-wrapper .card-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.task-list-wrapper::-webkit-scrollbar{width:6px}.task-list-wrapper::-webkit-scrollbar-track{background:var(--bg-primary)}.task-list-wrapper::-webkit-scrollbar-thumb{background:var(--tree-green);border-radius:var(--border-radius-sm)}.task-list-wrapper::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.notes-list-view{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm)}.notes-list-item-wrapper{width:100%;will-change:transform}.notes-list-item-wrapper.item-completing{z-index:10;position:relative}.notes-list-item-wrapper.item-completing .universal-card{box-shadow:0 0 0 2px var(--tree-green),0 0 20px #8b9a7f4d;transition:box-shadow .3s ease-out}.notes-list-item-wrapper.item-transitioning{z-index:5}.notes-list-item-wrapper.item-completed .universal-card{opacity:.7}.notes-list-item-wrapper.item-completed.item-completing .universal-card{opacity:1;background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(139,154,127,.1) 100%)}@keyframes item-complete-exit{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}to{opacity:.6;transform:scale(.96) translate(10px)}}@keyframes item-slide-to-position{0%{opacity:.8}to{opacity:1}}.notes-list-item-wrapper.item-completing.will-hide{animation:item-complete-exit .4s ease-out forwards}@media(prefers-reduced-motion:reduce){.notes-list-item-wrapper{will-change:auto}.notes-list-item-wrapper.item-completing .universal-card,.notes-list-item-wrapper.item-transitioning,.notes-list-item-wrapper.item-completed .universal-card{transition:none;animation:none}}.filter-button .sort-indicator{font-size:var(--font-size-xs);margin-left:4px;opacity:.8;font-weight:var(--font-weight-medium)}.notes-list-view .universal-card{min-height:60px;cursor:pointer;transition:all var(--transition-fast)}.notes-list-view .universal-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.list-eyebrow-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.eyebrow-label{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.eyebrow-badge{background:var(--bg-tertiary);color:var(--text-tertiary);padding:2px 6px;border-radius:var(--border-radius-sm);font-size:10px}.actions-list-view{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm)}.actions-list-item-wrapper{position:relative;will-change:transform,opacity;transition:transform .3s cubic-bezier(.4,0,.2,1)}.actions-list-item-wrapper.item-completing{z-index:10;position:relative}.actions-list-item-wrapper.item-completing .universal-card{box-shadow:0 0 0 2px var(--tree-green),0 0 20px #8b9a7f4d;transition:box-shadow .3s ease}.actions-list-item-wrapper.item-transitioning{z-index:5}.actions-list-item-wrapper.item-completed .universal-card{opacity:.7;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(139,154,127,.1) 100%)}.actions-list-item-wrapper.item-completed.item-completing .universal-card{opacity:1;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(139,154,127,.15) 100%)}.actions-list-item-wrapper.item-completing.will-hide{animation:item-complete-exit .4s ease-out forwards}@media(prefers-reduced-motion:reduce){.actions-list-item-wrapper{transition:none;will-change:auto}.actions-list-item-wrapper.item-completing .universal-card,.actions-list-item-wrapper.item-transitioning,.actions-list-item-wrapper.item-completed .universal-card{transition:none;animation:none}}.note-status-indicator{display:flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:24px;margin-right:var(--spacing-sm);flex-shrink:0}.note-status-indicator input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--tree-green);border-radius:50%;appearance:none;-webkit-appearance:none;border:2px solid var(--border-color, rgba(255, 255, 255, .2));background:var(--bg-primary);position:relative;transition:all var(--transition-fast, .2s ease);margin:0}.note-status-indicator input[type=checkbox]:checked{background:var(--tree-green);border-color:var(--tree-green)}.note-status-indicator input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);color:var(--bg-primary);font-size:12px;font-weight:700}.note-status-indicator input[type=checkbox]:hover{border-color:var(--tree-green);opacity:.8}.note-status-indicator input[type=checkbox]:focus{outline:2px solid var(--tree-green);outline-offset:2px}.note-status-indicator svg{flex-shrink:0}@media(max-width:768px){.task-content-area{min-height:60vh;min-height:60dvh}.task-action-header{padding:var(--spacing-sm) var(--spacing-md)}.task-list-wrapper{padding:var(--spacing-sm)}.task-actions-section{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.task-actions-section .add-task-btn{order:1;width:100%;margin-right:0;min-width:unset;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.task-action-buttons{order:2;justify-content:center;width:100%}}@media only screen and (max-width:600px){.task-mode-container{max-height:calc(100vh - var(--mobile-sidebar-height));max-height:calc(100dvh - var(--mobile-sidebar-height));border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0}.task-list-wrapper{padding:var(--spacing-xs) var(--spacing-sm);max-height:calc(100vh - var(--mobile-sidebar-height) - 200px);max-height:calc(100dvh - var(--mobile-sidebar-height) - 200px)}.task-actions-section{padding:var(--spacing-sm);gap:var(--spacing-xs)}.task-actions-section .add-task-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.task-action-buttons button{width:28px;height:28px}.task-list-wrapper .universal-card{padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs)}}.light-theme .mode-button{color:#334155;border-color:#cbd5e1cc}.light-theme .mode-button:hover{background:#f1f5f9e6;border-color:#22c55ecc;color:#334155}.light-theme .mode-button.active{background:#22c55ee6;border-color:#22c55ee6;color:#fff}.light-theme .mode-icon{color:#334155b3}.light-theme .mode-button:hover .mode-icon{color:#334155}.light-theme .mode-button.active .mode-icon{color:#fff}.light-theme .conversation-user-button{color:#334155}.light-theme .conversation-user-button:hover{background:#f1f5f9e6}.light-theme .conversation-dropdown{background:#fffffff2;border-color:#cbd5e1cc;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.connect-users-option{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xs)}.connect-users-option:hover{background:var(--tree-green);color:var(--bg-primary)}.connect-icon{color:var(--tree-green);fill:var(--tree-green);flex-shrink:0;transition:all var(--transition-fast)}.connect-users-option:hover .connect-icon{color:var(--accent-blue);fill:var(--accent-blue);transform:scale(1.05)}.dropdown-empty-state{padding:var(--spacing-md);text-align:center;color:var(--text-secondary);font-style:italic;border-top:1px solid var(--border-color)}.empty-state-text{font-size:var(--font-size-sm)}.light-theme .connect-users-option{background:#22c55e14}.light-theme .connect-users-option:hover{background:#22c55e26}.light-theme .connect-icon{color:var(--accent-sage);fill:var(--accent-sage)}.light-theme .connect-users-option:hover .connect-icon{color:var(--accent-blue);fill:var(--accent-blue)}.light-theme .dropdown-header{background:#f8fafce6;color:#64748b;border-bottom-color:#cbd5e1cc}.light-theme .conversation-dropdown .dropdown-item{color:#334155}.light-theme .conversation-dropdown .dropdown-item:hover{background:#f1f5f9e6}.light-theme .conversation-dropdown .dropdown-item.active{background:#dbeafee6;color:#2563eb}.light-theme .dropdown-username{color:#334155}.light-theme .conversation-with,.light-theme .header-hide-button{color:#64748b}.light-theme .header-hide-button:hover{background:#f1f5f9e6;color:#334155}.task-list-wrapper .dropdown-trigger{position:relative}.task-list-wrapper .card-menu-btn{position:relative;z-index:1}.user-connection{list-style:none;padding-left:0;margin-bottom:var(--spacing-sm)}.user-connection:before{display:none}.user-connection-button{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-sans);color:var(--text-primary)}.user-connection-button:hover{background:var(--bg-tertiary);border-color:var(--accent-orange);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.user-connection-button:active{transform:translateY(0)}.user-content{width:100%;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs)}.user-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-base)}.connection-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--tree-green);color:#fff;font-size:12px;font-weight:700}.user-interests{color:var(--text-secondary);font-style:italic;font-size:var(--font-size-sm);margin:0}.user-relevance{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0;line-height:1.4}.user-relevance{font-size:.85em;color:#9ca3af;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{display:inline-flex;align-items:center;padding:2px 8px;margin-left:8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--warning-color-light, #fef3c7);color:var(--warning-color-dark, #92400e);border-radius:var(--border-radius-sm);border:1px solid var(--warning-color, #fbbf24)}.dark-theme .deleted-user-badge{background-color:#fbbf2426;color:#fbbf24;border-color:#fbbf244d}.task-search-bar{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;position:relative}.task-search-icon{color:var(--text-tertiary);flex-shrink:0;pointer-events:none}.task-search-input{flex:1;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);padding-left:var(--spacing-sm);color:var(--text-primary);font-size:var(--font-size-md);outline:none;transition:border-color var(--transition-fast)}.task-search-input:focus{border-color:var(--tree-green)}.task-search-input::placeholder{color:var(--text-tertiary)}.task-search-clear{position:absolute;right:calc(var(--spacing-md) + var(--spacing-sm));background:var(--bg-tertiary);border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:16px;line-height:1;transition:all var(--transition-fast)}.task-search-clear:hover{background:var(--state-hover);color:var(--text-primary)}.task-content-area.collapsed{max-height:0;min-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-out}.task-content-area.expanded{max-height:100%;opacity:1;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-in}.task-controls-left{display:flex;align-items:center;gap:var(--spacing-xs);position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%)}.task-collapse-toggle,.task-search-toggle{background:var(--bg-secondary);border:none;color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);opacity:.6;min-width:44px;min-height:44px}.task-collapse-toggle:hover,.task-search-toggle:hover{background:var(--state-hover);opacity:1}.task-collapse-toggle.active,.task-search-toggle.active{background:#8b9a7f33;opacity:1;color:var(--tree-green)}.task-collapse-toggle:active,.task-search-toggle:active{transform:scale(.95)}.touch-target{min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable)}.task-view-controls .filter-button.touch-target{min-width:44px;min-height:44px;padding:var(--spacing-sm)}@media(max-width:600px){.task-collapse-toggle,.task-search-toggle,.task-view-controls .filter-button{min-width:44px;min-height:44px}.task-controls-left{left:var(--spacing-sm);gap:var(--spacing-xs)}.filter-button-container{right:var(--spacing-sm)}}.list-eyebrow-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.eyebrow-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.eyebrow-filter-btn{flex-shrink:0;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);opacity:.6;min-width:36px;min-height:36px}.eyebrow-filter-btn:hover{background:var(--state-hover);opacity:1}.eyebrow-filter-btn.active{background:#8b9a7f26;opacity:1;color:var(--tree-green)}@media(max-width:600px){.eyebrow-filter-btn{min-width:44px;min-height:44px}}.task-view-controls .add-note-btn{background:var(--tree-green);color:var(--bg-primary)}.task-view-controls .add-note-btn:hover{background:color-mix(in srgb,var(--color-golden) 85%,white 15%)}.light-theme .task-view-controls .add-note-btn{background:var(--color-golden);color:#fff}.light-theme .task-view-controls .add-note-btn:hover{background:color-mix(in srgb,var(--color-golden) 90%,black 10%)}@media(min-width:601px){.dynamic-input-container.in-call-mode{position:fixed;right:0;top:0;bottom:var(--tray-height-desktop, 56px);width:380px;max-width:40vw;height:auto;max-height:none;border-radius:0;border-left:1px solid var(--border-subtle);border-top:none;border-bottom:none;border-right:none;z-index:998;animation:slideInFromRight .3s cubic-bezier(.22,1,.36,1) forwards}.dynamic-input-container.in-call-mode .chat-messages{flex:1;max-height:none;min-height:0;overflow-y:auto}.dynamic-input-wrapper-main:has(.in-call-mode){bottom:0;right:0;top:0;align-items:stretch}}@media(max-width:600px){.dynamic-input-wrapper-main:has(.in-call-mode){top:auto;bottom:var(--tray-height-mobile, 56px);left:0;right:0;padding:0;margin:0}.dynamic-input-container.in-call-mode{position:fixed;left:0;right:0;bottom:var(--tray-height-mobile, 56px);max-height:50vh;width:100%;max-width:100%;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;border-bottom:none;margin:0;z-index:998}}.call-context-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--state-activated);border-radius:var(--radius-sm, 4px);font-size:var(--font-size-xs, 11px);color:var(--text-primary);white-space:nowrap;margin-right:var(--spacing-sm)}.call-indicator-dot{width:8px;height:8px;background:var(--accent-success, #4ade80);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}.call-indicator-text{font-weight:500;letter-spacing:.02em}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@media(max-width:400px){.call-indicator-text{display:none}.call-context-badge{padding:var(--spacing-xs)}}.chat-messages.learning-session-active{display:flex;flex-direction:column;padding:0}.learning-session-header{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--elevation-01dp);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10;flex-shrink:0}.learning-header-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.learning-session-badge{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-primary);font-weight:600;font-size:var(--font-size-sm);flex:1;min-width:0}.learning-icon{width:20px;height:20px;flex-shrink:0;fill:currentColor}.learning-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learning-objectives-row{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding-top:var(--spacing-xs)}.learning-objective-chip{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);background:var(--elevation-02dp);color:var(--text-secondary);border:1px solid var(--border-color);transition:all .3s ease;max-width:200px}.learning-objective-chip .objective-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learning-objective-chip.completed{background:#4caf5026;border-color:var(--accent-green, #4CAF50);color:var(--accent-green, #4CAF50);animation:objectiveComplete .4s ease-out}@keyframes objectiveComplete{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.learning-objective-chip .check-icon{width:12px;height:12px;flex-shrink:0;color:var(--accent-green, #4CAF50)}.learning-objective-chip .circle-icon{width:12px;height:12px;flex-shrink:0;opacity:.5}.learning-progress-container{display:flex;align-items:center;gap:var(--spacing-sm)}.learning-progress-track{flex:1;height:8px;background:var(--progress-ring-bg, var(--bg-secondary));border-radius:var(--border-radius-lg);position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.learning-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-green, #8b9a7f),var(--accent-green-light, #a8b89d));border-radius:var(--border-radius-lg);transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d;position:relative}.learning-progress-fill:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#00000026,#fff3);pointer-events:none}.learning-progress-label{font-size:var(--font-size-xs);color:var(--text-secondary);min-width:32px;text-align:right;font-weight:500}.learning-exit-btn{padding:var(--spacing-xs);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);transition:background .2s,color .2s;min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);display:flex;align-items:center;justify-content:center;font-size:1.2em}.learning-exit-btn:hover{background:var(--state-hover);color:var(--text-primary)}.learning-exit-btn:active{background:var(--state-pressed)}.learning-messages-container{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.learning-message{display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:85%;animation:fadeSlideIn .2s ease-out}.learning-message.user{align-self:flex-end}.learning-message.assistant{align-self:flex-start}.learning-message-content{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-lg);line-height:1.5}.learning-message.user .learning-message-content{background:var(--color-golden)!important;color:var(--bg-primary)!important;border:none!important;box-shadow:var(--shadow-sm)!important;border-radius:var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-sm) var(--border-radius-lg)!important;font-family:var(--font-sans)!important}.learning-message.user .learning-message-content .message-content.formatted-chat-message,.learning-message.user .learning-message-content .message-content,.learning-message.user .learning-message-content .formatted-chat-message,.learning-message.user .learning-message-content p{background:transparent!important;background-color:transparent!important;color:inherit!important;font-family:var(--font-sans)!important}.learning-message.assistant .learning-message-content{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important;border-radius:var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-sm)!important;font-family:var(--font-sans)!important}.learning-message.assistant .learning-message-content .message-content.formatted-chat-message,.learning-message.assistant .learning-message-content .message-content,.learning-message.assistant .learning-message-content .formatted-chat-message,.learning-message.assistant .learning-message-content p{background:transparent!important;background-color:transparent!important;color:inherit!important;font-family:var(--font-sans)!important}.learning-message.completed .learning-message-content{background:var(--state-activated);border:1px solid var(--accent-green, #8b9a7f)}.learning-message.error .learning-message-content{background:var(--elevation-02dp);border:1px solid var(--accent-error, #f87171);color:var(--accent-error, #f87171)}.learning-suggested-prompts{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding-top:var(--spacing-xs)}.learning-prompt-chip{padding:var(--spacing-xs) var(--spacing-sm);background:var(--elevation-01dp);border:1px solid var(--border-color);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.learning-prompt-chip:hover{background:var(--state-hover);border-color:var(--accent-green, #8b9a7f);color:var(--text-primary)}.learning-prompt-chip:active{background:var(--state-pressed);transform:scale(.98)}.learning-strengths{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--elevation-01dp);border-radius:var(--border-radius-md)}.learning-strengths-title{font-size:var(--font-size-sm);font-weight:600;color:var(--accent-green, #8b9a7f);margin-bottom:var(--spacing-xs)}.learning-strengths ul{margin:0;padding-left:var(--spacing-md)}.learning-strengths li{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.learning-strengths li:last-child{margin-bottom:0}.learning-complete-section{display:flex;justify-content:center;padding:var(--spacing-md)}.learning-complete-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--accent-green, #8b9a7f);color:var(--text-on-accent, #1e1f1c);border:none;border-radius:var(--border-radius-md);font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;min-width:var(--touch-target-comfortable, 48px);min-height:var(--touch-target-comfortable, 48px)}.learning-complete-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-elevation-02dp);background:var(--accent-green-hover, #9dab92)}.learning-complete-btn:active{transform:translateY(0);box-shadow:var(--shadow-elevation-01dp)}.learning-complete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:600px){.learning-session-header{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs)}.learning-title{max-width:100px;font-size:var(--font-size-xs)}.learning-objectives-row{gap:4px;padding-top:4px}.learning-objective-chip{padding:2px 6px;font-size:10px;max-width:120px}.learning-objective-chip .check-icon,.learning-objective-chip .circle-icon{width:10px;height:10px}.learning-message{max-width:90%}.learning-prompt-chip{font-size:11px;padding:4px 8px;max-width:150px}.learning-complete-btn{width:100%}}.scroll-to-bottom-button{position:absolute;bottom:100px;right:var(--spacing-md);width:36px;height:36px;border-radius:50%;background:var(--elevation-04dp);border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-elevation-04dp);transition:opacity .2s ease,transform .2s ease,background .2s ease;opacity:.9}.scroll-to-bottom-button:hover{background:var(--state-hover);transform:scale(1.05);opacity:1}.scroll-to-bottom-button:active{transform:scale(.95)}.scroll-to-bottom-button svg{width:20px;height:20px}@media(max-width:600px){.scroll-to-bottom-button{bottom:90px;right:var(--spacing-sm);width:32px;height:32px}.scroll-to-bottom-button svg{width:18px;height:18px}}.message-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.message-action-btn{min-width:32px;min-height:32px;padding:6px 8px;background:transparent;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);opacity:.5;transition:opacity .15s ease,background-color .15s ease,color .15s ease}.message-action-btn:hover{opacity:1;background:var(--state-hover);color:var(--text-secondary)}.message-action-btn:active,.message-action-btn.copying{opacity:1;background:var(--state-pressed);color:var(--accent-primary)}@media(max-width:600px){.message-action-btn{opacity:.6;min-width:44px;min-height:44px}}.message .message-body,.formatted-chat-message,.learning-message-content,.user-mention-text{-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text}.formatted-chat-message a.external-link,.message-content a.external-link,.user-mention-text a.external-link{color:var(--accent-blue, #60a5fa);text-decoration:none;display:inline;word-break:break-word}.formatted-chat-message a.external-link:before,.message-content a.external-link:before,.user-mention-text a.external-link:before{content:"";display:inline-block;width:12px;height:12px;margin-right:3px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:currentColor;opacity:.7;vertical-align:middle;position:relative;top:-1px}.formatted-chat-message a.external-link:hover,.message-content a.external-link:hover,.user-mention-text a.external-link:hover{text-decoration:underline;color:var(--accent-blue-hover, #93c5fd)}.formatted-chat-message a.external-link:hover:before,.message-content a.external-link:hover:before,.user-mention-text a.external-link:hover:before{opacity:1}.external-link-icon{vertical-align:middle;margin-right:2px;color:currentColor}.user-mention-text{display:flex;flex-direction:column;gap:var(--spacing-md);line-height:1.6}.user-mention-text p{margin:var(--spacing-sm) 0;line-height:1.6}.user-mention-text p:first-child{margin-top:0}.user-mention-text p:last-child{margin-bottom:0}.user-mention-text ul,.user-mention-text ol{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.user-mention-text li{margin:var(--spacing-xs) 0;line-height:1.6}.user-mention-text h1,.user-mention-text h2,.user-mention-text h3{margin:var(--spacing-md) 0 var(--spacing-sm) 0;line-height:1.3}.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{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.user-mention-content-wrapper,.inline-text{display:inline}.inline-text p{display:inline;margin:0;padding:0}.inline-text>*{display:inline;margin:0;padding:0}.user-mention-inline{display:inline;background:none;border:none;padding:0 1px;margin:0 1px;font-family:inherit;font-size:inherit;font-weight:inherit;color:var(--accent-orange);cursor:pointer;text-decoration:underline;text-decoration-color:var(--accent-orange);text-underline-offset:2px;transition:color .15s ease;line-height:inherit}.user-mention-inline:hover{color:var(--accent-orange-hover, #ff9800)}.user-mention-inline:active{color:var(--accent-orange)}.user-mention-inline:focus{outline:none}.user-recommendations-list{list-style:none;padding:0;margin:var(--spacing-sm) 0 0 0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-mention-block{display:flex;flex-direction:column;gap:var(--spacing-2xs);padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin:var(--spacing-xs) 0;transition:all var(--transition-fast)}.user-mention-block:hover{border-color:var(--accent-orange);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.user-mention-content{display:flex;align-items:baseline;gap:var(--spacing-xs);flex-wrap:wrap}.user-mention-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);min-width:fit-content}.user-mention-name{background:none;border:none;padding:0;margin:0;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--accent-orange);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--accent-orange);text-underline-offset:2px;transition:all var(--transition-fast)}.user-mention-name:hover{color:var(--accent-orange-hover, #ff9800);text-decoration-style:solid;transform:translateY(-1px)}.user-mention-name:active{transform:translateY(0)}.user-mention-value{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.4}.user-mention-relevance{display:flex;flex-direction:column;gap:var(--spacing-2xs);margin-top:var(--spacing-2xs);padding-top:var(--spacing-2xs);border-top:1px solid var(--border-color)}.user-mention-relevance .user-mention-value{font-style:italic;color:var(--text-secondary)}.user-mention-actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.user-mention-message-btn{flex:1;padding:var(--spacing-xs) var(--spacing-md);background:var(--accent-blue);color:#fff;border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.user-mention-message-btn:hover{background:#1976d2;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.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);padding:var(--spacing-sm);min-height:200px;overflow-x:auto;scrollbar-width:thin}.drag-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);min-width:280px;max-width:320px;flex-shrink:0;display:flex;flex-direction:column;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.task-list-wrapper .drag-list{min-width:100%;max-width:100%;flex:1;width:100%;border:none;border-radius:0;box-shadow:none;background:transparent}.drag-list:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-md)}.drag-list.drag-over{border-color:var(--accent-green);background:var(--bg-secondary);box-shadow:0 0 12px #66d9ef4d}.drag-list-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.drag-list-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0;flex:1}.item-count{background:var(--accent-blue);color:var(--bg-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:2px 8px;border-radius:12px;margin-left:var(--spacing-sm);min-width:20px;text-align:center}.add-item-btn{background:none;border:none;color:var(--accent-blue);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);margin-left:var(--spacing-sm)}.add-item-btn:hover{background:var(--accent-blue);color:var(--bg-primary);transform:scale(1.1)}.add-item-btn svg{width:16px;height:16px}.drag-list-content{flex:1;width:100%;padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);min-height:100px}.task-list-wrapper .drag-list-content{padding:0;gap:var(--spacing-xs)}.task-list-wrapper .drag-list-header{display:none}.task-list-wrapper .drag-list:hover{border-color:transparent;box-shadow:none}.task-list-wrapper .card-drag-container{width:100%;display:block;padding:0}.empty-list-message{color:var(--text-secondary);font-style:italic;text-align:center;padding:var(--spacing-lg);font-size:var(--font-size-sm);border:2px dashed var(--border-color);border-radius:var(--border-radius-md);margin:var(--spacing-sm) 0}.draggable-card{background:transparent;border:none;padding:0;margin:0;cursor:grab;position:relative;min-height:auto}.draggable-card:hover{transform:none;box-shadow:none}.draggable-card.dragging{opacity:.8;transform:scale(1.02)}.drag-placeholder-line{height:4px;background:var(--accent-blue);border-radius:2px;margin:var(--spacing-xs) 0}.default-card{display:flex;align-items:center;justify-content:space-between;width:100%}.default-card h4{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0;flex:1}.default-card p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:4px 0 0;line-height:1.3;flex:1}.card-actions{display:flex;gap:var(--spacing-xs);align-items:center;opacity:0;transition:opacity var(--transition-fast)}.draggable-card:hover .card-actions{opacity:1}.card-delete-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:var(--border-radius-sm);font-size:14px;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.card-delete-btn:hover{background:var(--accent-red);color:var(--bg-primary);transform:scale(1.1)}.drag-placeholder{border:2px dashed var(--accent-blue);background:#66d9ef1a;border-radius:var(--border-radius-sm);height:60px;display:flex;align-items:center;justify-content:center;color:var(--accent-blue);font-size:var(--font-size-sm);animation:pulse 1.5s infinite;margin-bottom:var(--spacing-xs)}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@media(max-width:768px){.card-drag-container{flex-direction:column;gap:var(--spacing-sm)}.drag-list{min-width:100%;max-width:none}}.draggable-card:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.add-item-btn:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.action-item-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:space-between;min-height:60px;position:relative}.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);transform:translateY(-1px)}.action-item-card .card-content{flex:1;display:flex;flex-direction:column;gap:4px}.action-item-card .card-content h5{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0;line-height:1.3}.action-item-card .card-content p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.2}.action-item-card .action-item-meta{display:flex;gap:var(--spacing-sm);align-items:center;margin-top:4px}.action-item-card .importance-indicator{font-size:12px;padding:2px 6px;border-radius:12px;font-weight:var(--font-weight-medium);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{font-size:12px;color:var(--text-secondary);white-space:nowrap}.action-item-card .card-actions{display:flex;gap:var(--spacing-xs);align-items:center;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{margin-right:var(--spacing-sm);flex-shrink:0}.drag-card-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;position:relative;display:inline-block;background:var(--bg-primary)}.drag-card-checkbox input[type=checkbox]:checked{background:var(--accent-green);border-color:var(--accent-green)}.drag-card-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);color:var(--bg-primary);font-size:12px;font-weight:700}.unified-checkbox{position:relative;border-radius:50%;border:2px solid var(--checkbox-color, var(--border-color));background-color:transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;outline:none;box-sizing:border-box;padding:0;margin:0;flex:0 0 auto;align-self:center;will-change:transform,background-color,box-shadow;backface-visibility:hidden}.unified-checkbox:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--touch-target-comfortable, 48px);height:var(--touch-target-comfortable, 48px);border-radius:50%}.unified-checkbox--small{width:20px;height:20px;min-width:20px;max-width:20px;min-height:20px;max-height:20px;aspect-ratio:1}.unified-checkbox--medium{width:28px;height:28px;min-width:28px;max-width:28px;min-height:28px;max-height:28px;aspect-ratio:1}.unified-checkbox--large{width:32px;height:32px;min-width:32px;max-width:32px;min-height:32px;max-height:32px;aspect-ratio:1}.unified-checkbox--unchecked{background-color:color-mix(in srgb,var(--checkbox-color) 10%,transparent);border-color:var(--checkbox-color)}.unified-checkbox--unchecked:hover:not(.unified-checkbox--disabled){background-color:color-mix(in srgb,var(--checkbox-color) 20%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--checkbox-color) 15%,transparent)}.unified-checkbox--unchecked:active:not(.unified-checkbox--disabled){background-color:color-mix(in srgb,var(--checkbox-color) 30%,transparent);transform:scale(.95)}.unified-checkbox--checked{background-color:var(--checkbox-color);border-color:var(--checkbox-color)}.unified-checkbox--checked:hover:not(.unified-checkbox--disabled){filter:brightness(1.15);box-shadow:0 0 0 3px color-mix(in srgb,var(--checkbox-color) 25%,transparent)}.unified-checkbox__checkmark{width:65%;height:65%;color:var(--bg-primary, #1e1f1c);opacity:1;pointer-events:none;animation:checkbox-checkmark-pop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes checkbox-checkmark-pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.unified-checkbox:focus-visible{outline:2px solid var(--checkbox-color);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--checkbox-color) 20%,transparent)}.unified-checkbox--disabled{cursor:not-allowed;pointer-events:none;background-color:var(--inactive-node-title-color, #7a7368);border-color:var(--inactive-node-title-color, #7a7368);opacity:.6}.unified-checkbox--disabled:hover{box-shadow:none;filter:none;transform:none}.unified-checkbox--disabled .unified-checkbox__checkmark{display:none}.light-theme .unified-checkbox--disabled{background-color:var(--inactive-node-title-color, #a89880);border-color:var(--inactive-node-title-color, #a89880)}.unified-checkbox--reactflow{--checkbox-color: var(--tree-green, #56c676) !important}.unified-checkbox--reactflow.unified-checkbox--unchecked{background-color:#56c6761a;border-color:var(--tree-green, #56c676)}@supports (background-color: color-mix(in srgb,red 50%,blue)){.unified-checkbox--reactflow.unified-checkbox--unchecked{background-color:color-mix(in srgb,var(--tree-green, #56c676) 10%,transparent)}}.unified-checkbox--reactflow.unified-checkbox--unchecked:hover:not(.unified-checkbox--disabled){background-color:#56c67633;box-shadow:0 0 0 3px #56c67626}@supports (background-color: color-mix(in srgb,red 50%,blue)){.unified-checkbox--reactflow.unified-checkbox--unchecked:hover:not(.unified-checkbox--disabled){background-color:color-mix(in srgb,var(--tree-green, #56c676) 20%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--tree-green, #56c676) 15%,transparent)}}.unified-checkbox--reactflow.unified-checkbox--checked{background-color:var(--tree-green, #56c676);border-color:var(--tree-green, #56c676)}.unified-checkbox--reactflow.unified-checkbox--checked:hover:not(.unified-checkbox--disabled){filter:brightness(1.15);box-shadow:0 0 0 3px #56c67640}@supports (background-color: color-mix(in srgb,red 50%,blue)){.unified-checkbox--reactflow.unified-checkbox--checked:hover:not(.unified-checkbox--disabled){box-shadow:0 0 0 3px color-mix(in srgb,var(--tree-green, #56c676) 25%,transparent)}}.unified-checkbox--priority-0.unified-checkbox--unchecked{background-color:#c05d5d1f;border-color:var(--priority-urgent, #c05d5d)}.unified-checkbox--priority-0.unified-checkbox--checked{background-color:var(--priority-urgent, #c05d5d);border-color:var(--priority-urgent, #c05d5d)}.unified-checkbox--priority-1.unified-checkbox--unchecked{background-color:#c0826d1f;border-color:var(--priority-high, #c0826d)}.unified-checkbox--priority-1.unified-checkbox--checked{background-color:var(--priority-high, #c0826d);border-color:var(--priority-high, #c0826d)}.unified-checkbox--priority-2.unified-checkbox--unchecked{background-color:#6d7a881f;border-color:var(--priority-medium, #6d7a88)}.unified-checkbox--priority-2.unified-checkbox--checked{background-color:var(--priority-medium, #6d7a88);border-color:var(--priority-medium, #6d7a88)}.unified-checkbox--priority-3.unified-checkbox--unchecked{background-color:#8b87721f;border-color:var(--priority-low, #8b8772)}.unified-checkbox--priority-3.unified-checkbox--checked{background-color:var(--priority-low, #8b8772);border-color:var(--priority-low, #8b8772)}@media(prefers-reduced-motion:reduce){.unified-checkbox,.unified-checkbox__checkmark{animation:none!important;transition:opacity .15s ease-out,background-color .15s ease-out!important}}.animated-checkbox--animating{animation:checkbox-squash-burst .3s cubic-bezier(.34,1.56,.64,1)}@keyframes checkbox-squash-burst{0%{transform:scale(1)}40%{transform:scale(.75)}70%{transform:scale(1.2)}to{transform:scale(1)}}.animated-checkbox__burst-container{position:fixed;inset:0;pointer-events:none;z-index:var(--z-tour);overflow:hidden}.animated-checkbox__particle{position:absolute;border-radius:50%;pointer-events:none;animation:checkbox-particle-burst .5s ease-out forwards;will-change:transform,opacity;transform:translate(-50%,-50%)}@keyframes checkbox-particle-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--vx)),calc(-50% + var(--vy))) scale(.3) rotate(var(--rotation))}}@media(prefers-reduced-motion:reduce){.animated-checkbox--animating{animation:none}.animated-checkbox__particle{animation:none;display:none}}.note-search-bar{position:relative;width:100%;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;transition:border-color var(--transition-fast)}.note-search-bar:focus-within{border-color:var(--tree-green)}.note-search-icon{color:var(--text-tertiary);flex-shrink:0;pointer-events:none}.note-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-sans);padding:0}.note-search-input::placeholder{color:var(--text-tertiary)}.note-search-clear{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:20px;line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color var(--transition-fast)}.note-search-clear:hover{color:var(--text-primary)}.note-search-dropdown{position:absolute;bottom:calc(100% + 4px);left:var(--spacing-md);right:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-elevation-08dp);max-height:400px;overflow-y:auto;z-index:1000;animation:dropdown-slide-down .2s ease-out}@keyframes dropdown-slide-down{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.note-search-results{display:flex;flex-direction:column}.note-search-results-header{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:500;border-bottom:1px solid var(--border-color);background:var(--bg-primary);position:sticky;top:0;z-index:1}.note-search-result-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-fast)}.note-search-result-item:last-child{border-bottom:none}.note-search-result-item:hover{background-color:var(--state-hover)}.note-search-result-item:active{background-color:var(--state-pressed)}.note-search-result-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary)}.note-search-result-info{flex:1;min-width:0}.note-search-result-title{font-size:var(--font-size-md);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-search-action-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--tree-green);color:#fff;font-size:11px;flex-shrink:0}.note-search-result-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-xs)}.note-tag{display:inline-block;padding:2px 8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary)}.note-search-empty{padding:var(--spacing-lg) var(--spacing-md);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm)}@media(max-width:600px){.note-search-dropdown{left:var(--spacing-sm);right:var(--spacing-sm);max-height:300px}.note-search-result-item{padding:var(--spacing-sm)}.note-search-result-icon{width:28px;height:28px}.note-search-result-title{font-size:var(--font-size-sm)}}.task-edit-overlay{display:flex;justify-content:center;padding:12px;width:100%}.task-edit-form{display:flex;flex-direction:column;gap:12px;padding:0;width:100%;margin:0 auto}@media(min-width:768px){.task-edit-overlay{padding:16px}.task-edit-form{gap:14px}}.form-row{display:flex;flex-direction:column;gap:16px}.task-header{display:flex;align-items:flex-start;gap:12px;background:transparent;border:none;padding:0;margin:0;transition:all var(--transition-fast)}.task-name-editor{flex:1;min-width:0}.task-name-editor .inline-editor.display{font-size:20px;font-weight:600;color:var(--text-primary);cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease,opacity .15s ease-in;opacity:1;word-break:break-word;overflow-wrap:break-word}.task-name-editor .inline-editor.display:hover{background-color:var(--bg-secondary)}.task-name-editor .inline-editor.display.empty{color:var(--text-tertiary);font-style:italic}.task-name-editor .inline-editor-input{font-size:20px;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);border-radius:4px;padding:4px 8px;width:100%;word-break:break-word;overflow-wrap:break-word}.note-growth-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.note-growth-stats .stat-capsule{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 8px;background:var(--bg-tertiary);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:all var(--transition-fast)}.note-growth-stats .stat-capsule.primary{color:var(--accent-green);font-weight:var(--font-weight-semibold)}.note-growth-stats .stat-capsule.seeds{color:var(--accent-gold)}.note-growth-stats .stat-capsule.time{color:var(--text-tertiary)}.note-growth-stats .stat-capsule svg{flex-shrink:0}.priority-select{padding:10px 36px 10px 12px;background-color:var(--input-box-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--input-box-border);border-radius:4px;color:var(--text-primary);font-size:14px;width:100%;color-scheme:dark;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23f8f8f2' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .2s,box-shadow .2s,background-color .2s}.priority-select:focus{background-color:var(--input-box-bg-focus);border-color:var(--input-box-border-focus);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);outline:none}.priority-select option{background-color:var(--bg-elevated);color:var(--text-primary);padding:8px}.light-theme .priority-select{color-scheme:light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233d3428' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.light-theme .priority-select option{background-color:var(--beige-canvas);color:var(--text-ink);padding:8px}.task-edit-dialog .overlay-header{background:var(--elevation-08dp);border-bottom:1px solid var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;gap:var(--spacing-md)}.task-edit-dialog .overlay-header-actions-group,.task-edit-dialog .header-actions-group{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.task-edit-dialog .settings-button{background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.15);cursor:pointer;color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs);min-height:var(--touch-target-min)}.task-edit-dialog .settings-button:hover{background-color:var(--state-hover);border-color:var(--accent-blue);color:var(--text-primary)}.task-edit-dialog .settings-button:active{background-color:var(--state-pressed)}.note-settings-hint{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.settings-hint-button{width:100%;background:transparent;border:1px dashed rgba(255,255,255,.2);color:var(--text-tertiary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.settings-hint-button:hover{border-color:var(--accent-blue);color:var(--text-secondary);background:var(--state-hover)}.task-edit-dialog .options-button{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:var(--spacing-xs);border-radius:var(--border-radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:var(--touch-target-min);min-height:var(--touch-target-min);flex-shrink:0}.task-edit-dialog .options-button:hover{background-color:var(--state-hover);color:var(--text-primary)}.task-edit-dialog .options-button:active{background-color:var(--state-pressed)}.task-edit-dialog .options-button svg{width:var(--spacing-lg);height:var(--spacing-lg)}.task-edit-dialog .overlay-backdrop{background:linear-gradient(150deg,var(--monokai-bg) 0%,var(--monokai-bg-darker) 50%,color-mix(in srgb,var(--monokai-bg-darker) 95%,black 5%) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");background-blend-mode:overlay;background-size:cover;background-attachment:fixed}.light-theme .task-edit-dialog .overlay-backdrop{background:linear-gradient(160deg,var(--beige-paper) 0%,var(--beige-canvas) 50%,var(--beige-linen) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-blend-mode:overlay;background-size:cover;background-attachment:fixed}.task-edit-dialog .overlay-body{background-color:var(--bg-primary)}.overlay-dialog.task-edit-dialog{display:flex;align-items:center;justify-content:center}.overlay-dialog.task-edit-dialog .overlay-content{position:relative;top:auto;left:auto;transform:none;margin:auto;max-height:90vh;overflow-y:auto}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;font-size:14px;color:var(--text-primary);text-align:left}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group textarea,.form-group select{padding:10px 12px;background-color:var(--input-box-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--input-box-border);border-radius:4px;font-size:14px;color:var(--text-primary);transition:border-color .2s,box-shadow .2s,background-color .2s}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group input[type=date]:focus,.form-group textarea:focus,.form-group select:focus{background-color:var(--input-box-bg-focus);border-color:var(--input-box-border-focus);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);outline:none}.checkbox-group{flex-direction:row;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-primary)}.checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer}.tags-input-container{display:flex;gap:8px}.tags-input-container input{flex:1}.add-tag-button{padding:8px 12px;background-color:var(--accent-blue);color:var(--text-primary);border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s;min-height:var(--touch-target-min)}.add-tag-button:hover{background-color:var(--accent-blue-hover)}.add-tag-button:disabled{background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-item{display:flex;align-items:center;gap:4px;padding:4px 8px;background-color:var(--bg-secondary);border:1px solid var(--accent-blue);border-radius:16px;font-size:13px;color:var(--text-primary)}.remove-tag-button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:0;transition:color .2s}.remove-tag-button:hover{color:var(--accent-red)}.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0 0;border-top:1px solid var(--border-color);margin-top:8px}.dialog-footer-right{display:flex;gap:12px;margin-left:auto}.overlay-button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-width:80px;min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.overlay-button-primary{background-color:var(--accent-blue);color:var(--text-primary)}.overlay-button-primary:hover{background-color:var(--accent-blue-hover);transform:translateY(-1px)}.overlay-button-primary:disabled{background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed;transform:none}.overlay-button-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.overlay-button-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--text-secondary)}.overlay-button-danger{background-color:transparent;color:var(--accent-red);border:1px solid var(--accent-red);font-weight:400}.overlay-button-danger:hover{background-color:var(--accent-red);color:var(--text-primary);transform:translateY(-1px)}.form-group input::placeholder{color:var(--text-tertiary)}.task-edit-overlay .overlay-body{padding-bottom:16px}.task-edit-overlay .overlay-content{position:relative;top:auto;left:auto;transform:none;overflow:visible}@media(max-width:768px){.task-edit-form{gap:12px}.form-group input[type=text],.form-group select{padding:10px}.checkbox-group input[type=checkbox]{width:20px;height:20px}.task-edit-overlay{min-width:90%;max-width:95%}}.edit-field.edit-field-vision{display:flex;flex-direction:column;gap:8px}.edit-field.edit-field-vision label{font-weight:500;font-size:14px;color:var(--text-primary)}.edit-field.edit-field-vision .task-edit-input{padding:10px 12px;background-color:var(--input-box-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--input-box-border);border-radius:4px;font-size:14px;color:var(--text-primary);transition:border-color .2s,box-shadow .2s,background-color .2s}.edit-field.edit-field-vision .task-edit-input:focus{background-color:var(--input-box-bg-focus);border-color:var(--input-box-border-focus);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);outline:none}.edit-field.edit-field-vision select.task-edit-input option{background-color:var(--bg-elevated);color:var(--text-primary);padding:8px}.edit-field.edit-field-vision select.task-edit-input{color-scheme:dark}.light-theme .edit-field.edit-field-vision select.task-edit-input{color-scheme:light}.light-theme .edit-field.edit-field-vision select.task-edit-input option{background-color:var(--beige-canvas);color:var(--text-ink);padding:8px}label[data-hint]{position:relative;cursor:help;border-bottom:1px dotted var(--text-tertiary);display:inline-block;padding-bottom:1px}label[data-hint]:after{content:attr(data-hint);position:absolute;bottom:100%;left:0;margin-bottom:6px;padding:6px 10px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:12px;font-weight:400;line-height:1.4;white-space:normal;max-width:280px;width:max-content;box-shadow:var(--shadow-elevation-04dp);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:1000;pointer-events:none}label[data-hint]:hover:after{opacity:1;visibility:visible}.field-hint{font-size:12px;color:var(--text-secondary);margin-top:4px;margin-left:0;display:none}.actionable-toggle-section:hover .field-hint,.public-toggle-section:hover .field-hint{display:block}.seed-reward-display .seed-value-container{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--input-box-bg);border:1px solid var(--input-box-border);border-radius:var(--border-radius-md);color:var(--text-primary);font-weight:500}.seed-value-text{font-size:15px;letter-spacing:.02em}.overlay-title-with-badge{display:flex;align-items:center;gap:10px}.ai-generated-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,color-mix(in srgb,var(--tree-green) 15%,transparent 85%),color-mix(in srgb,var(--tree-green) 10%,transparent 90%));border:1px solid color-mix(in srgb,var(--tree-green) 30%,transparent 70%);border-radius:12px;color:var(--tree-green);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.ai-generated-badge .badge-text{line-height:1}.form-group input[type=date]{color-scheme:dark}.form-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.6);cursor:pointer}.light-theme .form-group input[type=date]{color-scheme:light}.light-theme .form-group input[type=date]::-webkit-calendar-picker-indicator{filter:opacity(.6)}.note-settings-embed{margin:0;padding:0;background:transparent;border:none;border-radius:0}.advanced-settings-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md) 0;margin-top:var(--spacing-xl);background:transparent;border:none;border-top:1px solid var(--border-color);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.advanced-settings-toggle:hover{color:var(--accent-blue)}.advanced-settings-toggle .toggle-label{flex:1;text-align:left}.advanced-settings-toggle .chevron{font-size:var(--font-size-xs);color:var(--text-tertiary);transition:transform var(--transition-fast)}.advanced-settings-toggle .chevron.expanded{transform:rotate(180deg)}.note-settings-embed .note-settings{background:transparent;padding:0;max-height:none;overflow:visible}.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:var(--font-size-sm, 14px);margin-bottom:8px}.note-options-group{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:16px}.form-group.note-toggle-section{display:flex;flex-direction:column;gap:0;padding:0;margin-bottom:0;border:none}.note-options-group .note-toggle-section:last-child{padding-bottom:0}.toggle-section-label{font-weight:500;font-size:14px;color:var(--text-primary);margin-bottom:0;flex:1}.toggle-row{display:flex;align-items:center;gap:8px;width:100%;min-height:var(--touch-target-min)}.toggle-icon{width:24px;height:24px;flex-shrink:0;color:var(--text-primary);opacity:.9;transition:all var(--transition-fast);margin-left:0}.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{font-weight:500;font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;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{width:100%;padding:8px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-family:monospace;font-size:12px;resize:vertical;min-height:80px}.image-urls-editor textarea:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.image-urls-editor textarea::placeholder{color:var(--text-secondary)}.image-attachment-count{margin-top:8px;font-size:12px;color:var(--text-secondary)}.task-edit-dialog .overlay-footer{background:var(--bg-secondary)!important;padding:var(--spacing-lg) var(--spacing-xl)}.overlay-footer-buttons{display:flex;gap:var(--spacing-md);justify-content:flex-end;align-items:center;width:100%}.overlay-footer-buttons .btn-cancel{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);white-space:nowrap;-webkit-user-select:none;user-select:none;background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.15);min-height:var(--touch-target-min);min-width:120px}.overlay-footer-buttons .btn-cancel:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff40;color:var(--text-primary)}.overlay-footer-buttons .btn-cancel:active{background:var(--state-pressed)}.overlay-footer-buttons .btn-confirm{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);white-space:nowrap;-webkit-user-select:none;user-select:none;background:var(--tree-green);color:var(--monokai-bg-darker);border:1px solid var(--tree-green);box-shadow:var(--shadow-md);min-height:var(--touch-target-min);min-width:120px}.overlay-footer-buttons .btn-confirm:hover:not(:disabled){background:#0ea573;border-color:#0ea573;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.overlay-footer-buttons .btn-confirm:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-md)}.overlay-footer-buttons .btn-done{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);white-space:nowrap;-webkit-user-select:none;user-select:none;background:var(--tree-green);color:var(--monokai-bg-darker);border:1px solid var(--tree-green);box-shadow:var(--shadow-md);min-height:var(--touch-target-min);min-width:120px}.overlay-footer-buttons .btn-done:hover:not(:disabled){background:#0ea573;border-color:#0ea573;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.overlay-footer-buttons .btn-done:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-md)}.light-theme .overlay-footer-buttons .btn-cancel{border:1px solid rgba(122,111,99,.25)}.light-theme .overlay-footer-buttons .btn-cancel:hover:not(:disabled){background:#7a6f6314;border-color:#7a6f6359}@media(max-width:600px){.overlay-footer-buttons{flex-direction:column-reverse;gap:var(--spacing-sm)}.overlay-footer-buttons .btn-cancel,.overlay-footer-buttons .btn-confirm,.overlay-footer-buttons .btn-done{width:100%}}@media(min-width:601px)and (max-width:768px){.overlay-footer-buttons{gap:var(--spacing-sm)}.overlay-footer-buttons .btn-cancel,.overlay-footer-buttons .btn-confirm,.overlay-footer-buttons .btn-done{flex:1}}.overlay-footer-buttons .btn-cancel:focus-visible,.overlay-footer-buttons .btn-confirm:focus-visible,.overlay-footer-buttons .btn-done:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.light-theme .overlay-footer-buttons .btn-cancel:focus-visible,.light-theme .overlay-footer-buttons .btn-confirm:focus-visible,.light-theme .overlay-footer-buttons .btn-done:focus-visible{outline-color:var(--accent-slate)}.overlay-footer-buttons .btn-cancel:disabled,.overlay-footer-buttons .btn-confirm:disabled,.overlay-footer-buttons .btn-done:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.description-section{background:transparent;border:none;padding:0;transition:all var(--transition-fast)}.description-section label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:var(--text-primary)}.description-section .rich-editor-wrapper{position:relative;margin:0}.expand-description-button{position:absolute;bottom:8px;right:8px;z-index:10;background:var(--bg-elevated);border:1px solid transparent;border-radius:4px;padding:6px;cursor:pointer;color:var(--text-secondary);opacity:.7;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.expand-description-button:hover{opacity:1;background:var(--bg-tertiary);border-color:var(--accent-blue);color:var(--accent-blue);transform:scale(1.05)}.light-theme .expand-description-button:hover{background:var(--beige-linen);border-color:var(--accent-slate);color:var(--accent-slate)}.task-edit-dialog .rich-editor-wrapper{background:var(--input-box-bg);border:1px solid var(--border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.task-edit-dialog .rich-editor-content .ProseMirror{color:var(--text-primary);caret-color:var(--tree-green)}.light-theme .task-edit-dialog .rich-editor-content .ProseMirror{color:var(--text-ink);caret-color:var(--accent-sage)}.rich-editor-wrapper{position:relative;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.rich-editor-content{outline:none;min-height:120px}.rich-editor-content .ProseMirror{outline:none;min-height:120px;padding:var(--spacing-sm);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-md);line-height:1.4;color:var(--input-text);background:transparent;caret-color:var(--accent-blue);user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;white-space:pre-wrap;word-wrap:break-word}.rich-editor-content .ProseMirror p{margin:0 0 var(--spacing-sm) 0;color:var(--input-text);white-space:pre-wrap}.rich-editor-content .ProseMirror p:last-child{margin-bottom:0}.rich-editor-content .ProseMirror h1,.rich-editor-content .ProseMirror h2,.rich-editor-content .ProseMirror h3,.rich-editor-content .ProseMirror h4{margin:var(--spacing-md) 0 var(--spacing-sm) 0;font-weight:var(--font-weight-semibold);line-height:1.2;transition:all var(--transition-medium)}.rich-editor-content .ProseMirror ul,.rich-editor-content .ProseMirror ol{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.rich-editor-content .ProseMirror li{margin:var(--spacing-xs) 0;color:var(--input-text)}.rich-editor-wrapper:focus-within{border-color:var(--input-focus);box-shadow:0 0 0 1px #66d9ef14}.editor-saving-indicator{font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);opacity:.9;transition:all var(--transition-fast)}.rich-editor-content .ProseMirror.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--input-placeholder);pointer-events:none;height:0;font-style:italic}.rich-editor-content .ProseMirror:focus{outline:none}.rich-editor-theme-artistic .ProseMirror h1{font-size:var(--font-size-xl);color:#ff6b6b;text-shadow:0 2px 4px rgba(255,107,107,.3);background:linear-gradient(135deg,#ff6b6b,#ff8e85);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rich-editor-theme-artistic .ProseMirror h2{font-size:var(--font-size-lg);color:#ffa726;text-shadow:0 1px 3px rgba(255,167,38,.3)}.rich-editor-theme-artistic .ProseMirror h3{font-size:var(--font-size-md);color:#ffcc02;text-shadow:0 1px 2px rgba(255,204,2,.3)}.rich-editor-theme-artistic .ProseMirror h4{font-size:var(--font-size-md);color:#66bb6a}.rich-editor-theme-artistic .ProseMirror h1:hover,.rich-editor-theme-artistic .ProseMirror h2:hover,.rich-editor-theme-artistic .ProseMirror h3:hover{transform:translate(4px);transition:transform .3s cubic-bezier(.4,0,.2,1)}.rich-editor-theme-artistic .ProseMirror mark{background:linear-gradient(120deg,#ff6b6b4d,#ffa7264d);color:#2d3436;padding:2px 6px;border-radius:6px;box-shadow:0 2px 8px #ff6b6b33}.rich-editor-theme-artistic .ProseMirror blockquote{margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);border-left:4px solid #ff6b6b;background:linear-gradient(135deg,#ff6b6b1a,#ffa7261a);font-style:italic;color:var(--text-secondary);border-radius:0 6px 6px 0}.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{font-size:var(--font-size-xl);color:var(--accent-blue);font-weight:var(--font-weight-bold);letter-spacing:-.01em}.rich-editor-theme-professional .ProseMirror h2{font-size:var(--font-size-lg);color:var(--color-golden);font-weight:var(--font-weight-semibold)}.rich-editor-theme-professional .ProseMirror h3{font-size:var(--font-size-md);color:var(--accent-green);font-weight:var(--font-weight-medium)}.rich-editor-theme-professional .ProseMirror h4{font-size:var(--font-size-md);color:var(--text-primary);font-weight:var(--font-weight-medium)}.rich-editor-theme-professional .ProseMirror mark{background:#d6ae5440;color:var(--text-primary);padding:1px 3px;border-radius:3px;border-bottom:2px solid rgba(214,174,84,.6)}.rich-editor-theme-professional .ProseMirror blockquote{margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);border-left:3px solid var(--color-golden);background:var(--bg-secondary);font-style:italic;color:var(--text-secondary);position:relative}.rich-editor-theme-professional .ProseMirror blockquote:before{content:'"';font-size:2em;color:var(--color-golden);position:absolute;top:-5px;left:8px;opacity:.3}.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{font-size:var(--font-size-xl);color:var(--accent-blue);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(102,217,239,.3))}.rich-editor-theme-modern .ProseMirror h2{font-size:var(--font-size-lg);color:var(--accent-green);filter:drop-shadow(0 1px 3px rgba(166,226,46,.3))}.rich-editor-theme-modern .ProseMirror h3{font-size:var(--font-size-md);color:var(--accent-orange);filter:drop-shadow(0 1px 2px rgba(253,151,31,.3))}.rich-editor-theme-modern .ProseMirror h4{font-size:var(--font-size-md);color:var(--text-primary)}.rich-editor-theme-modern .ProseMirror h1:hover{transform:translate(4px) scale(1.02);filter:drop-shadow(0 4px 12px rgba(102,217,239,.4))}.rich-editor-theme-modern .ProseMirror h2:hover{transform:translate(3px);filter:drop-shadow(0 3px 8px rgba(166,226,46,.4))}.rich-editor-theme-modern .ProseMirror mark{background:linear-gradient(120deg,#66d9ef33,#a6e22e33);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(102,217,239,.3);border-radius:6px;padding:2px 6px;box-shadow:0 2px 12px #66d9ef26}.rich-editor-theme-modern .ProseMirror blockquote{margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);border-left:3px solid var(--accent-blue);background:#66d9ef0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 8px 8px 0;font-style:italic;color:var(--text-secondary);box-shadow:0 4px 16px #66d9ef1a}.rich-editor-theme-modern .ProseMirror strong{color:var(--accent-blue);font-weight:var(--font-weight-bold);text-shadow:0 0 8px rgba(102,217,239,.3)}.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{font-size:var(--font-size-2xl);color:var(--accent-blue);text-shadow:2px 2px 4px rgba(0,0,0,.1);position:relative}.rich-editor-theme-classical .ProseMirror h1:after{content:"";position:absolute;bottom:-4px;left:0;width:60%;height:2px;background:linear-gradient(90deg,var(--accent-blue),transparent)}.rich-editor-theme-classical .ProseMirror h2{font-size:var(--font-size-xl);color:var(--color-golden);text-shadow:1px 1px 2px rgba(0,0,0,.1)}.rich-editor-theme-classical .ProseMirror h3{font-size:var(--font-size-lg);color:var(--accent-green);font-family:inherit;font-weight:var(--font-weight-semibold);font-style:italic}.rich-editor-theme-classical .ProseMirror h4{font-size:var(--font-size-md);color:var(--text-primary);font-family:inherit;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-sm)}.rich-editor-theme-classical .ProseMirror p:first-child:first-letter{font-size:3em;color:var(--accent-blue);font-weight:700;float:left;margin-right:8px;margin-top:4px;line-height:.8;font-family:Playfair Display,Georgia,serif}.rich-editor-theme-classical .ProseMirror mark{background:linear-gradient(45deg,#fff3cd,#ffeaa7);color:#2d3436;box-shadow:inset 0 1px 3px #0000001a;border-radius:3px;padding:1px 3px;font-style:italic}.rich-editor-theme-classical .ProseMirror blockquote{margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);border-left:4px solid var(--color-golden);background:var(--bg-secondary);font-style:italic;color:var(--text-secondary);font-family:Georgia,serif;position:relative;border-radius:0 8px 8px 0}.rich-editor-theme-classical .ProseMirror blockquote:before{content:'"';font-size:4em;color:var(--color-golden);position:absolute;top:-10px;left:16px;opacity:.3;font-family:Playfair Display,serif}.rich-editor-theme-classical .ProseMirror strong{color:var(--color-golden);font-weight:var(--font-weight-bold);font-variant:small-caps}.rich-editor-theme-classical .ProseMirror em{color:var(--accent-blue);font-style:italic;font-family:Georgia,serif}.rich-editor-content .ProseMirror code{background:var(--bg-secondary);color:var(--accent-orange);padding:2px 4px;border-radius:var(--border-radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);border:1px solid var(--border-color)}.rich-editor-content .ProseMirror pre{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius-sm);margin:var(--spacing-md) 0;overflow-x:auto;border:1px solid var(--border-color)}.rich-editor-content .ProseMirror pre code{background:none;padding:0;border:none;color:var(--text-primary)}.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-collapse:collapse;margin:var(--spacing-md) 0;width:100%;border:1px solid var(--border-color)}.rich-editor-content .ProseMirror table td,.rich-editor-content .ProseMirror table th{border:1px solid var(--border-color);padding:var(--spacing-sm);text-align:left;color:var(--input-text)}.rich-editor-content .ProseMirror table th{background:var(--bg-secondary);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.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{color:var(--text-ink);caret-color:var(--accent-slate)}.light-theme .rich-editor-content .ProseMirror p,.light-theme .rich-editor-content .ProseMirror li{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{background:var(--beige-linen);color:var(--accent-terracotta);border-color:var(--beige-sand)}.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{color:#d63031;text-shadow:0 1px 2px rgba(214,48,49,.2);background:linear-gradient(135deg,#d63031,#e17055);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light-theme .rich-editor-theme-artistic .ProseMirror h2{color:#e17055;text-shadow:0 1px 2px rgba(225,112,85,.2)}.light-theme .rich-editor-theme-artistic .ProseMirror h3{color:#fdcb6e;text-shadow:0 1px 2px rgba(253,203,110,.2)}.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{border-left-color:var(--accent-gold);background:var(--beige-linen);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{color:var(--accent-slate);background:linear-gradient(135deg,var(--accent-slate),var(--accent-sage));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;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 rgba(109,122,136,.2)}.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 rgba(109,122,136,.2)}.light-theme .rich-editor-theme-classical .ProseMirror h1:after{background:linear-gradient(90deg,var(--accent-slate),transparent)}.light-theme .rich-editor-theme-classical .ProseMirror h2{color:var(--accent-gold);text-shadow:1px 1px 2px rgba(184,147,94,.2)}.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{border-left-color:var(--accent-gold);background:var(--beige-linen);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{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tags-editor .tag,.tags-display .tag{display:inline-flex;align-items:center;background:var(--monokai-bg-lighter);border:1px solid var(--monokai-bg-lighter);border-radius:16px;padding:6px 12px;margin:0;font-size:13px;color:var(--text-primary);gap:6px;box-shadow:var(--shadow-sm);font-weight:var(--font-weight-medium)}.readonly-tag{background:var(--monokai-bg-lighter)}.light-theme .tags-editor .tag,.light-theme .tags-display .tag{background:var(--beige-sand);border:1px solid var(--beige-stone);color:var(--text-ink);box-shadow:var(--shadow-sm)}.light-theme .readonly-tag{background:var(--beige-sand);border:1px solid var(--beige-stone);color:var(--text-ink)}.profile-box .detail-item .tags-editor .tag,.profile-box .detail-item .tags-display .tag{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.editable-tag{position:relative;transition:padding-right .2s ease}.editable-tag:hover{padding-right:28px}.tag-delete-button{position:absolute;right:4px;top:50%;transform:translateY(-50%) scale(0);background:none;border:none;color:transparent;cursor:pointer;font-size:14px;font-weight:700;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;padding:0;opacity:0;visibility:hidden;pointer-events:none;z-index:10}.editable-tag:hover .tag-delete-button{color:var(--accent-red);background:#f9267226;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) scale(1)}.editable-tag:hover .tag-delete-button:hover{color:#fff!important;background:var(--accent-red)!important;opacity:1;transform:translateY(-50%) scale(1.1)}.add-tag-button{background:var(--monokai-bg-lighter);border:1px dashed var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:var(--font-weight-medium);transition:all .2s ease;white-space:nowrap;box-shadow:var(--shadow-sm)}.add-tag-button:hover{background:var(--tree-green, #7cb518);color:var(--text-on-accent);border-color:var(--tree-green, #7cb518);border-style:solid;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(--tree-green, #7cb518);color:var(--text-on-accent);border-color:var(--tree-green, #7cb518)}.add-tag-input{background:var(--monokai-bg-lighter);border:1px solid var(--border-color);border-radius:16px;padding:6px 12px;box-shadow:var(--shadow-sm)}.tag-input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:13px;font-weight:var(--font-weight-medium);min-width:80px}.tag-input:focus{color:var(--text-primary);background:transparent;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:transparent;color:var(--text-primary)}.tag-input::placeholder{color:var(--text-secondary)}.tags-display{display:flex;flex-wrap:wrap;gap:8px}.no-tags{color:var(--text-secondary);font-style:italic;font-size:13px}.drag-to-delete-item{position:relative;transition:transform .2s ease,opacity .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;touch-action:none;will-change:transform,opacity}.drag-to-delete-item.dragging{transition:opacity .15s ease;pointer-events:none}.drag-to-delete-item.over-threshold{opacity:.3;filter:brightness(.8)}.delete-zone-indicator{position:fixed;inset:0;z-index:var(--z-modal);pointer-events:none;display:flex;align-items:center;justify-content:center;background:var(--bg-danger-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:deleteZoneFadeIn .2s ease}@keyframes deleteZoneFadeIn{0%{opacity:0}to{opacity:1}}.delete-zone-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-2xl);background:var(--accent-red);color:var(--bg-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);border:2px solid var(--accent-red-hover);animation:deleteZonePulse 1.2s ease infinite}@keyframes deleteZonePulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.02);opacity:1}}.delete-zone-icon{width:48px;height:48px;color:var(--bg-primary);animation:deleteZoneIconFloat 2s ease infinite}@keyframes deleteZoneIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.delete-zone-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);text-align:center;line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-normal);color:var(--bg-primary)}@media(max-width:768px){.delete-zone-content{padding:var(--spacing-lg) var(--spacing-xl)}.delete-zone-icon{width:40px;height: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);color:var(--beige-paper);box-shadow:0 8px 24px #a05d5d4d}.light-theme .delete-zone-icon,.light-theme .delete-zone-label{color:var(--beige-paper)}.inline-editor{position:relative;display:inline-block;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;margin:inherit;padding:inherit}.inline-editor.display{position:relative;display:inline-block;cursor:default;word-wrap:break-word;padding:6px 8px;border:1px solid transparent;border-radius:4px;min-height:1.5em;box-sizing:border-box}.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:var(--surface-hover, rgba(255, 255, 255, .05));border-color:var(--border-primary, rgba(255, 255, 255, .1))}.inline-editor.display.empty{color:var(--text-secondary, rgba(255, 255, 255, .4));font-style:italic}.inline-editor.display.disabled{cursor:not-allowed;opacity:.6}.inline-editor.display.disabled:hover{background:transparent;border-color:transparent}.inline-editor.editing{display:inline-block;position:relative;padding:6px 8px;border:1px solid transparent;border-radius:4px;min-height:1.5em;box-sizing:border-box}.inline-editor-input{width:100%;padding:0;margin:0;border:none;border-radius:0;background:transparent;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;outline:none;transition:none;resize:vertical;min-height:1.5em;box-sizing:border-box;caret-color:var(--text-primary, #f8f8f2)}.inline-editor-input:focus{border:none;background:transparent;outline:none}.inline-editor-input.error{caret-color:var(--accent-red, #f92672)}.inline-editor-input.error:focus{caret-color:var(--accent-red, #f92672)}.inline-editor-input::placeholder{color:var(--text-secondary, rgba(255, 255, 255, .4));font-style:italic}.inline-editor-input:disabled{background:transparent;color:inherit;cursor:not-allowed;opacity:.6}.inline-editor-error{margin-top:4px;padding:4px 8px;background:#f926721a;border:1px solid var(--accent-red, #f92672);border-radius:4px;color:var(--accent-red, #f92672);font-size:.875rem;line-height:1.4}.inline-editor-saving{position:absolute;top:-2px;right:0;padding:2px 6px;background:transparent;border:none;color:var(--text-secondary, rgba(255, 255, 255, .5));font-size:.75rem;line-height:1.2;opacity:.7;pointer-events:none}.inline-editor-counter{margin-top:4px;text-align:right;font-size:.75rem;color:var(--text-secondary, rgba(255, 255, 255, .4))}.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{font-size:24px;font-weight:700;line-height:1.3;padding:0;margin:0;background:transparent;border:none;color:inherit}.inline-editor.note-tag{background:var(--surface-tertiary, rgba(255, 255, 255, .1));color:var(--text-secondary, rgba(255, 255, 255, .8));padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid transparent;display:inline-block;margin:2px}.inline-editor.note-tag:hover{background:var(--surface-hover, rgba(255, 255, 255, .12));border-color:transparent}.inline-editor.note-tag.editing{padding:4px 10px}.inline-editor.note-tag .inline-editor-input{font-size:12px;font-weight:500;padding:0;margin:0;min-width:60px;background:transparent;border:none;color:inherit}.inline-editor.compact{min-width:60px;padding:4px 6px}.inline-editor.compact.editing{padding:4px 6px}.inline-editor.compact .inline-editor-input{padding:0;margin:0;font-size:.875rem;background:transparent;border:none;color:inherit}.inline-editor textarea.inline-editor-input{display:block;width:100%;min-height:1.5em;resize:none;overflow:hidden;padding:0;margin:0;background:transparent;border:none;color:inherit;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.inline-editor.editing.has-textarea{display:block;width:100%}@media(max-width:768px){.inline-editor.note-title{font-size:20px;padding:6px 10px}.inline-editor.note-title.editing{padding:6px 10px}.inline-editor.note-title .inline-editor-input{font-size:20px;padding:0;margin:0;background:transparent;border:none;color:inherit}}.inline-editor-input:focus{outline:none;outline-offset:0}@media(prefers-contrast:high){.inline-editor.display{border:1px solid var(--text-primary, #f8f8f2)}.inline-editor-input{border:none;background:transparent;color:inherit;caret-color:var(--text-primary, #f8f8f2)}}.inline-editor.display.pencil-mode{display:inline-block;position:relative;cursor:default;padding:0;border:none}.inline-editor.editing.pencil-mode{padding:0;border:none}.inline-editor.display.inline,.inline-editor.display.pencil-mode.inline{display:inline-block;width:auto}.inline-editor.display.pencil-mode:hover{background:transparent;border:none}.inline-editor.display.pencil-mode .display-text{display:inline;cursor:default;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;margin:inherit;padding:inherit}.pencil-icon-container{opacity:0;transition:all .2s ease;cursor:pointer;padding:3px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;vertical-align:middle;transform:scale(1)}.inline-editor.display.pencil-mode:hover .pencil-icon-container{opacity:1;transform:scale(1.1)}.pencil-icon-container:hover{background:var(--surface-hover, rgba(255, 255, 255, .1));transform:scale(1.1)}.pencil-icon{width:14px;height:14px;color:var(--text-secondary, rgba(255, 255, 255, .6));transition:all .2s ease}.pencil-icon-container:hover .pencil-icon{color:var(--text-primary, rgba(255, 255, 255, .9))}.tour-highlight-pencil .pencil-icon-container{opacity:1!important;background:#ffd7001a;border:2px solid #ffd700;box-shadow:0 0 15px #ffd70099,0 0 30px #ffd70066;animation:tour-pencil-glow 2s ease-in-out infinite alternate;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%{box-shadow:0 0 15px #ffd70099,0 0 30px #ffd70066;border-color:gold}to{box-shadow:0 0 25px #ffd700cc,0 0 45px #ffd70099;border-color:#ffed4e}}@media(prefers-reduced-motion:reduce){.inline-editor.display,.inline-editor-input{transition:none}.inline-editor-saving:before{animation:none}.pencil-icon-container{transition:none;transform:none!important;box-shadow:none!important}.pencil-icon{transition:none;filter:none!important}.tour-highlight-pencil .pencil-icon-container{animation:none!important;transform:scale(1.05)!important;box-shadow:0 0 8px #ffd70099!important}}.growth-category-selector{display:flex;flex-direction:column;gap:8px}.category-pills-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}.category-label{margin-top:var(--spacing-md);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);text-align:left;letter-spacing:.02em}.category-pill{width:44px;height:44px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-medium);display:flex;align-items:center;justify-content:center;padding:0;position:relative}.category-pill:hover:not(:disabled):not(.active){background:var(--state-hover);border-color:var(--border-color);transform:scale(1.08);box-shadow:var(--shadow-elevation-01dp)}.category-pill:active:not(:disabled){transform:scale(1);transition:transform .1s ease}.category-pill:disabled{opacity:.5;cursor:not-allowed}.category-pill.active{transform:scale(1.15);box-shadow:var(--shadow-elevation-04dp)}.category-pill.active:hover:not(:disabled){transform:scale(1.18);box-shadow:var(--shadow-elevation-08dp);filter:brightness(1.15)}.pill-icon{width:22px;height:22px;flex-shrink:0}.clear-pill{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-secondary);font-size:20px;font-weight:300;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.clear-pill:hover:not(:disabled){background:#e04e391a;border-color:var(--accent-red);color:var(--accent-red);transform:scale(1.1)}.clear-pill:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.category-pill{width:40px;height:40px}.pill-icon{width:20px;height:20px}.clear-pill{width:30px;height:30px;font-size:18px}}@media(prefers-reduced-motion:reduce){.category-pill,.clear-pill{transition:none}.category-pill:hover:not(:disabled),.category-pill.active:hover:not(:disabled),.clear-pill:hover:not(:disabled){transform:none}}.note-settings-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:12000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain;touch-action:none}.note-settings-modal-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #00000080;width:90%;max-width:600px;max-height:85vh;max-height:85dvh;display:flex;flex-direction:column;position:relative;overflow-y:auto;overflow-x:hidden;touch-action:auto;overscroll-behavior:contain}.note-settings-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.15);gap:var(--spacing-md);flex-shrink:0}.note-settings-modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.note-settings-modal-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--spacing-xs) 0 0 0;font-family:var(--font-sans);font-weight:var(--font-weight-light);max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-settings-modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);flex-shrink:0}.note-settings-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.note-settings-modal-body{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1 1 auto;overflow:visible}.note-settings-modal-error{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#f44;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.note-settings-section{border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-md);overflow:hidden;background:var(--bg-secondary)}.note-settings-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;cursor:pointer;text-align:left;color:inherit;transition:background var(--transition-fast)}.note-settings-section-header:hover{background:var(--state-hover)}.section-header-content{flex:1}.section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.section-description{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:2px 0 0}.section-chevron{font-size:var(--font-size-sm);color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.section-chevron.collapsed{transform:rotate(-90deg)}.note-settings-section-body{padding:0 var(--spacing-md) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden}.note-settings-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.field-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm)}.field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.field-hint{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-light)}.field-control{display:flex;align-items:center}.note-settings-input,.note-settings-select,.note-settings-textarea{background:var(--bg-primary);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast);font-family:inherit;width:100%}.note-settings-select{color-scheme:dark;cursor:pointer}.note-settings-select option{background:var(--bg-primary);color:var(--text-primary)}.light-theme .note-settings-select{color-scheme:light;border-color:var(--border-color)}.light-theme .note-settings-select option{background:var(--bg-primary);color:var(--text-primary)}.note-settings-input:focus,.note-settings-select:focus,.note-settings-textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #64b5f626}.note-settings-input.readonly{background:#ffffff0d;border-color:#ffffff1a;color:var(--text-tertiary);cursor:not-allowed}.note-settings-textarea{resize:vertical;min-height:60px;line-height:1.4}.note-settings-readonly{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-xs) 0}.note-settings-readonly.monospace{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-tertiary)}.note-settings-toggle{position:relative;display:inline-block;width:44px;height:24px}.note-settings-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#fff3;transition:var(--transition-fast);border-radius:12px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition-fast);border-radius:50%}.note-settings-toggle input:checked+.toggle-slider{background-color:var(--tree-green)}.note-settings-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.note-settings-star-toggle{background:transparent;border:none;padding:var(--spacing-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);color:var(--text-tertiary)}.note-settings-star-toggle:hover{background:var(--state-hover);color:var(--accent-gold)}.note-settings-star-toggle.active{color:var(--accent-gold)}.note-settings-star-toggle svg{width:24px;height:24px}.note-settings-priority-selector{display:flex;gap:var(--spacing-xs)}.priority-option{flex:1;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-primary);border:1px solid rgba(255,255,255,.15);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-align:center}.priority-option:hover{background:var(--state-hover);border-color:var(--priority-color, var(--accent-blue))}.priority-option.active{background:var(--priority-color, var(--accent-blue));border-color:var(--priority-color, var(--accent-blue));color:#fff}.note-settings-status-toggle{display:flex;gap:var(--spacing-xs);width:100%}.status-option{flex:1;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-primary);border:1px solid rgba(255,255,255,.15);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);text-align:center}.status-option:hover{background:var(--state-hover)}.status-option.active{background:var(--tree-green);border-color:var(--tree-green);color:#fff}.note-settings-tags-container{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.note-settings-tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);min-height:28px}.note-settings-tag{display:inline-flex;align-items:center;gap:4px;background:var(--bg-tertiary);color:var(--text-primary);padding:2px var(--spacing-xs) 2px var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs)}.note-settings-tag-remove{background:transparent;border:none;color:var(--text-tertiary);font-size:1rem;line-height:1;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast)}.note-settings-tag-remove:hover{background:#fff3;color:var(--text-primary)}.note-settings-note-links{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-xs) 0}.note-links-empty{color:var(--text-tertiary);font-style:italic}.note-settings-modal-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.15);align-items:center}.footer-spacer{flex:1}.note-settings-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;min-width:80px}.note-settings-btn:disabled{opacity:.5;cursor:not-allowed}.note-settings-btn-cancel{background:#ffffff1a;color:var(--text-primary)}.note-settings-btn-cancel:hover:not(:disabled){background:#ffffff26}.note-settings-btn-save{background:var(--tree-green);color:#fff}.note-settings-btn-save:hover:not(:disabled){background:var(--accent-green);transform:translateY(-1px);box-shadow:0 4px 12px #64b5f64d}.note-settings-btn-delete{background:#f443;color:#ff6b6b}.note-settings-btn-delete:hover:not(:disabled){background:#f446}.note-settings-btn-discard{background:#f44c;color:#fff}.note-settings-btn-discard:hover:not(:disabled){background:#f44}.confirm-dialog-overlay{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:13000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.confirm-dialog-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);border:2px solid var(--accent-blue);box-shadow:0 25px 70px #0009,0 0 20px #64b5f64d;width:90%;max-width:400px;display:flex;flex-direction:column}.confirm-dialog-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.confirm-dialog-body{padding:var(--spacing-lg)}@media(max-width:768px){.note-settings-modal-content{width:95%;max-height:85dvh;max-height:calc(85dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.note-settings-modal-header,.note-settings-modal-body,.note-settings-modal-footer{padding:var(--spacing-md)}.note-settings-modal-footer{flex-direction:column;padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}.note-settings-btn{width:100%;min-height:44px}.footer-spacer{display:none}.note-settings-priority-selector{flex-wrap:wrap}.priority-option{flex:1 1 45%}.confirm-dialog-footer{flex-direction:column;gap:var(--spacing-xs)}.confirm-dialog-footer .note-settings-btn{width:100%}}@media(max-width:480px){.note-settings-modal-content{max-height:90dvh;max-height:calc(90dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.note-settings-input,.note-settings-select,.note-settings-textarea{font-size:16px}.section-title{font-size:var(--font-size-sm)}.field-label-row{flex-direction:column;align-items:flex-start;gap:2px}}[data-theme=light] .note-settings-modal-overlay{background:#00000080}[data-theme=light] .note-settings-modal-content{border-color:#0000001a;box-shadow:0 20px 60px #0003}[data-theme=light] .note-settings-section{border-color:#0000001a}[data-theme=light] .toggle-slider{background-color:#0003}[data-theme=light] .note-settings-modal-header,[data-theme=light] .note-settings-modal-footer,[data-theme=light] .confirm-dialog-header,[data-theme=light] .confirm-dialog-footer{border-color:#0000001a}.editor-toolbar{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);flex-wrap:wrap;min-height:44px;box-shadow:var(--shadow-lg);max-width:100%}.toolbar-group{display:flex;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm);border-right:1px solid var(--border-color);flex-wrap:wrap}.toolbar-group:last-child{border-right:none;padding-right:0}.toolbar-group:first-child{padding-left:0}.toolbar-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:var(--spacing-xs) var(--spacing-sm);margin:0;background:transparent;border:1px solid transparent;border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;cursor:pointer;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{opacity:.4;cursor:not-allowed;pointer-events:none}.toolbar-btn.is-active{background:var(--accent-blue);color:var(--bg-primary);border-color:var(--accent-blue)}.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{position:relative;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:transparent;cursor:pointer;transition:all var(--transition-fast);overflow:hidden}.color-picker-container:hover{background:var(--bg-primary);border-color:var(--accent-blue)}.color-picker{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none}.color-picker-label{position:relative;z-index:1;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);pointer-events:none;color:var(--text-primary)}.highlight-picker+.color-picker-label{font-size:var(--font-size-sm)}@media(max-width:480px){.editor-toolbar{padding:var(--spacing-xs) var(--spacing-md);gap:var(--spacing-xs)}.toolbar-btn{min-width:28px;height:28px;font-size:var(--font-size-xs)}.toolbar-group{gap:2px;padding:0 var(--spacing-xs)}}.wikilink,.wikilink-mention{color:var(--accent-blue)!important;text-decoration:none!important;background:#66d9ef1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);border:1px solid rgba(102,217,239,.3);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:inline-block;line-height:1.2;font-size:.95em;-webkit-user-select:none;user-select:none}.wikilink:hover,.wikilink-mention:hover{background:#66d9ef33;border-color:var(--accent-blue);text-decoration:none!important;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.wikilink:active,.wikilink-mention:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.wikilink[data-broken=true],.wikilink-mention[data-broken=true]{color:var(--accent-red)!important;background:#f926721a;border-color:var(--accent-red);text-decoration:line-through}.wikilink[data-broken=true]:hover,.wikilink-mention[data-broken=true]:hover{background:#f9267233;border-color:var(--accent-red)}.universal-editor{position:relative;height:100%;display:flex;flex-direction:column}.universal-editor .editor-wrapper{height:100%;width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;position:relative;overflow:visible}.universal-editor .editor-content{flex:1;min-height:200px;max-width:min(900px,calc(100% - var(--spacing-3xl, 48px)));margin:0 auto;width:100%;box-sizing:border-box;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--text-primary);padding:var(--spacing-xl) var(--spacing-lg);padding-top:var(--spacing-2xl);padding-bottom:calc(var(--spacing-lg) + 80px);padding-right:var(--spacing-2xl);font-family:var(--font-family-modern);font-size:var(--font-size-md);line-height:1.6;overflow:visible;position:relative;pointer-events:auto!important}.universal-editor .editor-title-section{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-right:80px}.universal-editor .editor-title-wrapper{flex:1;min-width:0}.universal-editor .editor-title-input,.universal-editor .editor-title-static{font-size:var(--font-size-3xl);font-weight:var(--font-weight-normal);color:var(--text-primary);line-height:1.2;margin:0;padding:var(--spacing-xs) 0;border:none;background:transparent;width:100%;letter-spacing:-.02em}.universal-editor .editor-title-input:focus{outline:none;border-bottom:2px solid var(--accent-blue)}.universal-editor .editor-title-wrapper .inline-editor{display:block;width:100%}.universal-editor .editor-title-wrapper .inline-editor.display{display:block;width:100%;cursor:text;padding:none var(--spacing-md);border:1px solid transparent;border-radius:var(--border-radius-md);transition:border-color var(--transition-fast),background var(--transition-fast)}.universal-editor .editor-title-wrapper .inline-editor.display:not(.empty):hover{border-color:var(--border-color);background:var(--bg-secondary)}.universal-editor .editor-title-wrapper .inline-editor.editing{display:block;width:100%}.universal-editor .editor-title-wrapper .inline-editor-input{font-size:var(--font-size-3xl);font-weight:var(--font-weight-normal);color:var(--text-primary);line-height:1.2;letter-spacing:-.02em;width:100%;padding:none var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-secondary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.universal-editor .editor-title-wrapper .inline-editor-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #66d9ef26;background:var(--bg-primary)}.universal-editor .editor-title-wrapper .inline-editor-input::placeholder{color:var(--text-tertiary);font-style:normal;opacity:.7}.universal-editor .editor-title-wrapper .inline-editor.display.empty{padding:var(--spacing-sm) var(--spacing-md);border:0px dashed var(--accent-blue);border-radius:var(--border-radius-md);background:var(--bg-secondary);color:var(--text-tertiary);font-style:normal;cursor:text}.universal-editor .editor-title-wrapper .inline-editor.display.empty:hover{border-color:var(--accent-blue);background:var(--bg-tertiary)}.universal-editor .editor-title-controls{position:absolute;top:var(--spacing-md);right:0;display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0;z-index:100}.universal-editor .editor-options-btn,.universal-editor .editor-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);min-width:32px;height:32px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.universal-editor .editor-options-btn:hover,.universal-editor .editor-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-1px)}.universal-editor .editor-title-divider{width:100%;height:1px;background:linear-gradient(90deg,var(--border-color),transparent);margin-bottom:var(--spacing-lg)}.universal-editor .editor-prose-content{min-height:300px}.universal-editor .editor-control-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-primary);max-width:min(900px,calc(100% - var(--spacing-3xl, 48px)));margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}.universal-editor .editor-control-left-slot{display:flex;align-items:center;flex-shrink:0}.universal-editor .editor-control-buttons{display:flex;gap:var(--spacing-sm);align-items:center;margin-left:auto}.universal-editor .control-bar-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:32px}.universal-editor .control-bar-button:hover{background:var(--bg-secondary);border-color:var(--accent-blue);color:var(--accent-blue)}.universal-editor .toolbar-toggle-button,.universal-editor .settings-toggle-button{min-width:32px;padding:var(--spacing-sm)}@media(max-width:768px){.universal-editor .editor-control-bar{padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-sm)}.universal-editor .control-bar-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}}@media(max-width:480px){.universal-editor .editor-control-bar{padding:var(--spacing-xs) var(--spacing-sm)}.universal-editor .editor-control-buttons{gap:var(--spacing-xs)}}.universal-editor.read-only .editor-content{background:var(--bg-secondary);cursor:default}.universal-editor .editor-content:focus-within{border:none;box-shadow:none}.universal-editor.read-only .editor-content:focus-within{border:none;box-shadow:none}.universal-editor .ProseMirror{outline:none;min-height:300px;background:transparent;color:var(--text-primary);padding:0;cursor:text!important;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{cursor:default}.universal-editor.disabled .ProseMirror{background:var(--bg-secondary)!important;color:var(--text-secondary)!important;opacity:.7;cursor:not-allowed}.universal-editor .ProseMirror p{margin:0 0 var(--spacing-lg) 0;line-height:1.7;color:var(--text-primary)}.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{font-weight:var(--font-weight-bold);line-height:1.3;margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-lg);color:var(--text-primary);letter-spacing:-.025em}.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{font-size:var(--font-size-3xl);border-bottom:3px solid var(--accent-blue);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.universal-editor .ProseMirror h2{font-size:var(--font-size-2xl);color:var(--text-primary)}.universal-editor .ProseMirror h3{font-size:var(--font-size-xl);color:var(--text-primary)}.universal-editor .ProseMirror h4{font-size:var(--font-size-lg);color:var(--text-secondary);text-transform:uppercase;font-weight:var(--font-weight-semibold);letter-spacing:.05em}.universal-editor .ProseMirror strong{font-weight:var(--font-weight-bold);color:var(--text-primary)}.universal-editor .ProseMirror em{font-style:italic;color:var(--text-secondary)}.universal-editor .ProseMirror code{background:var(--bg-secondary);border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);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);color:var(--accent-red)}.universal-editor .ProseMirror pre{background:var(--bg-secondary);border:none;border-radius:var(--border-radius-lg);padding:var(--spacing-lg) var(--spacing-xl);margin:var(--spacing-xl) 0;overflow-x:auto}.universal-editor .ProseMirror pre code{background:none;border:none;padding:0;border-radius:0;color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.6;box-shadow:none}.universal-editor .ProseMirror blockquote{border-left:4px solid var(--accent-blue);background:var(--bg-secondary);margin:var(--spacing-xl) 0;padding:var(--spacing-lg) var(--spacing-xl);border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;font-style:italic;position:relative}.universal-editor .ProseMirror blockquote:before{content:'"';font-size:3rem;color:var(--accent-blue);position:absolute;top:-8px;left:12px;opacity:.3;font-family:Georgia,serif}.universal-editor .ProseMirror blockquote p{margin:0;color:var(--text-secondary);font-size:1.1em;line-height:1.6;padding-left:20px}.universal-editor .ProseMirror ul,.universal-editor .ProseMirror ol{margin:16px 0;padding-left:24px}.universal-editor .ProseMirror ul{list-style:none}.universal-editor .ProseMirror ul li{position:relative;margin:8px 0;padding-left:12px}.universal-editor .ProseMirror ul li:before{content:"•";color:var(--accent-blue);font-size:1.2em;position:absolute;left:-12px;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 ul ul,.universal-editor .ProseMirror ol ol,.universal-editor .ProseMirror ul ol,.universal-editor .ProseMirror ol 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{border:none;height:3px;background:linear-gradient(90deg,transparent,var(--accent-blue),transparent);margin:32px 0;border-radius:2px;opacity:.6}.universal-editor .ProseMirror a,.universal-editor .ProseMirror .wikilink{color:var(--accent-blue);text-decoration:none;background:var(--bg-info-overlay);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid transparent}.universal-editor .ProseMirror a:hover,.universal-editor .ProseMirror .wikilink:hover{background:var(--hover-bg-info);border-bottom-color:var(--accent-blue)}.universal-editor .ProseMirror table{border-collapse:collapse;margin:20px 0;width:100%;background:var(--bg-primary);border-radius:8px;overflow:hidden}.universal-editor .ProseMirror th,.universal-editor .ProseMirror td{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-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em}.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{position:absolute;bottom:calc(var(--spacing-md) + 38px);left:50%;transform:translate(-50%);padding:var(--spacing-sm);background:transparent;z-index:10;pointer-events:none;animation:slideUp .2s ease-out;max-width:calc(100% - var(--spacing-lg))}.universal-editor .editor-toolbar-container .editor-toolbar{pointer-events:all;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin:0 auto}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.universal-editor .editor-content{max-width:100%;padding:var(--spacing-md);padding-top:var(--spacing-xl);padding-bottom:calc(var(--spacing-md) + 80px);padding-right:var(--spacing-md);font-size:16px}.universal-editor .editor-title-section{flex-direction:column;gap:var(--spacing-sm)}.universal-editor .editor-title-controls{width:100%;justify-content:flex-end}.universal-editor .toolbar-toggle-floating{width:28px;height:28px;font-size:11px;bottom:var(--spacing-sm);right:var(--spacing-sm)}.universal-editor .editor-toolbar-container{padding:var(--spacing-xs);bottom:calc(var(--spacing-sm) + 34px);left:var(--spacing-xs);right:var(--spacing-xs);transform:translate(0)}}.universal-editor .editor-content:focus-within{outline:none}.universal-editor .wikilink-missing{color:var(--accent-orange);text-decoration:line-through;border-bottom:1px dotted var(--accent-orange);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:help;opacity:.8;background:var(--bg-warning-overlay)}.universal-editor .wikilink-missing:hover{background:var(--hover-bg-warning);opacity:1}._overlay_18big_10{position:fixed;inset:0;z-index:var(--z-modal, 1300);background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);min-height:100vh;min-height:100dvh;-webkit-tap-highlight-color:transparent}._content_18big_28{position:relative;width:100%;max-width:320px;background:#1e1f1cbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:32px;padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);max-height:calc(100dvh - var(--spacing-2xl));overflow-y:auto;box-shadow:inset 0 1px #ffffff0d,0 8px 32px #0000004d}._closeButton_18big_53{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;min-width:44px;min-height:44px;padding:6px;border-radius:50%;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}._closeButton_18big_53:hover{background:#ffffff26}._closeButton_18big_53:active{background:#fff3;transform:scale(.9)}._closeIcon_18big_82{width:16px;height:16px;color:var(--text-secondary);opacity:.7}._primarySection_18big_90{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);background:transparent;border:none;padding:var(--spacing-sm);cursor:pointer;border-radius:var(--border-radius-lg);transition:all .2s ease;-webkit-tap-highlight-color:transparent}._primarySection_18big_90:hover{background:#ffffff0d}._primarySection_18big_90:active{transform:scale(.98);background:#ffffff14}._primaryAvatar_18big_115{position:relative;border-radius:50%;box-shadow:3px 3px 0 var(--border-light, rgba(255, 255, 255, .08))}._primaryName_18big_122{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary);text-align:center}._primaryProfession_18big_130{font-size:.875rem;color:var(--text-secondary);text-align:center}._actionsSection_18big_137{width:100%;display:flex;justify-content:center}._connectedActions_18big_143{display:flex;gap:var(--spacing-md);width:100%;justify-content:center}._notConnectedActions_18big_150{width:100%;display:flex;justify-content:center}._actionButton_18big_156{flex:1;max-width:140px}._connectButton_18big_162{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:140px;min-height:44px;padding:var(--spacing-sm) var(--spacing-lg);background:var(--accent-blue-solid, #4a9eff);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-capsule, 999px);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #4a9eff4d}._connectButton_18big_162:hover:not(:disabled){transform:scale(1.02);filter:brightness(1.1);box-shadow:0 4px 12px #4a9eff66}._connectButton_18big_162:active:not(:disabled){transform:scale(.98)}._connectButton_18big_162:disabled{opacity:.6;cursor:not-allowed}._pendingButton_18big_199{background:var(--accent-amber, #f0a500);color:#fff;border:1px solid var(--accent-amber, #f0a500);box-shadow:0 2px 8px #f0a5004d;cursor:pointer}._pendingButton_18big_199:hover:not(:disabled){background:var(--accent-red, #e74c3c);border-color:var(--accent-red, #e74c3c);box-shadow:0 4px 12px #e74c3c66;color:#fff}._pendingButton_18big_199:active:not(:disabled){background:var(--accent-red, #c0392b);transform:scale(.98)}._alternativesSection_18big_220{width:100%;margin-top:var(--spacing-sm)}._alternativesCapsule_18big_225{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px 16px;background:#ffffff0f;border-radius:24px;border:1px solid rgba(255,255,255,.08);flex-wrap:wrap}._alternativeAvatar_18big_239{width:44px;height:44px;border-radius:50%;background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;-webkit-tap-highlight-color:transparent;box-shadow:2px 2px 0 var(--border-light, rgba(255, 255, 255, .08))}._alternativeAvatar_18big_239:hover{transform:scale(1.1)}._alternativeAvatar_18big_239:active{transform:scale(.95)}._overflowBadge_18big_265{font-size:.75rem;font-weight:600;color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);background:var(--elevation-02dp);border-radius:var(--border-radius-capsule, 999px);border:1px solid var(--border-color)}._findNewButton_18big_276{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--elevation-02dp);border:1px solid var(--accent-sage);border-radius:var(--border-radius-capsule, 999px);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}._findNewButton_18big_276:hover{background:var(--state-hover);transform:scale(1.02)}._findNewButton_18big_276:active{background:var(--state-pressed);transform:scale(.98)}._findNewIcon_18big_299{width:18px;height:18px;color:var(--accent-sage)}._findNewText_18big_305{font-size:.75rem;font-weight:600;color:var(--accent-sage);white-space:nowrap}._emptyState_18big_313{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl) var(--spacing-md);gap:var(--spacing-md)}._emptyIcon_18big_322{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:#ffffff0f;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}._emptyTitle_18big_334{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}._emptyDescription_18big_341{margin:0;font-size:.875rem;color:var(--text-secondary);max-width:200px}._findExpertsButton_18big_348{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-width:160px;min-height:48px;padding:var(--spacing-sm) var(--spacing-xl);margin-top:var(--spacing-sm);background:var(--accent-sage);border:none;border-radius:var(--border-radius-capsule, 999px);color:var(--text-on-accent, #fff);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #00000026}._findExpertsButton_18big_348:hover{transform:scale(1.02);filter:brightness(1.1);box-shadow:0 4px 12px #0003}._findExpertsButton_18big_348:active{transform:scale(.98)}body.light-theme ._overlay_18big_10{background:#0000004d}body.light-theme ._content_18big_28{background:#ffffffd9;border-color:#8b735526;box-shadow:inset 0 1px #ffffff80,0 8px 32px #00000026}body.light-theme ._closeButton_18big_53{background:#0000000f}body.light-theme ._closeButton_18big_53:hover{background:#0000001a}body.light-theme ._closeIcon_18big_82{color:var(--text-primary)}body.light-theme ._primarySection_18big_90:hover{background:#0000000a}body.light-theme ._primarySection_18big_90:active{background:#00000014}body.light-theme ._primaryAvatar_18big_115{box-shadow:3px 3px #8b735540}body.light-theme ._connectButton_18big_162{color:#fff}body.light-theme ._pendingButton_18big_199{background:var(--accent-amber, #f0a500);border-color:var(--accent-amber, #f0a500);color:#fff}body.light-theme ._pendingButton_18big_199:hover:not(:disabled){background:var(--accent-red, #e74c3c);border-color:var(--accent-red, #e74c3c);color:#fff}body.light-theme ._alternativeAvatar_18big_239{box-shadow:2px 2px #8b735533}body.light-theme ._alternativesCapsule_18big_225{background:#0000000a;border-color:#8b735526}body.light-theme ._emptyIcon_18big_322{background:#0000000a;color:var(--text-secondary)}body.light-theme ._findExpertsButton_18big_348{color:#fff}@supports (padding-bottom: env(safe-area-inset-bottom)){._overlay_18big_10{padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom))}}@media(max-width:360px){._content_18big_28{padding:var(--spacing-md);gap:var(--spacing-md)}._primaryName_18big_122{font-size:1.25rem}._connectedActions_18big_143{flex-direction:column;gap:var(--spacing-sm)}._actionButton_18big_156{max-width:none;width:100%}}.note-expert-modal-content{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px);padding:var(--spacing-sm, 8px) 0;min-height:200px}.note-expert-loading-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md, 16px);padding:var(--spacing-xl, 32px)}.note-expert-loading-dots{display:flex;gap:6px}.note-expert-loading-dot{width:10px;height:10px;background:var(--tree-green, #509b5a);border-radius:50%;animation:noteExpertBounce 1.4s ease-in-out infinite both}.note-expert-loading-dot:nth-child(1){animation-delay:-.32s}.note-expert-loading-dot:nth-child(2){animation-delay:-.16s}@keyframes noteExpertBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.note-expert-loading-text{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--text-secondary);text-align:center}.note-expert-skeleton-list{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.note-expert-skeleton-card{display:flex;align-items:center;gap:var(--spacing-md, 16px);padding:var(--spacing-md, 16px);background:var(--elevation-02dp, #2a2b28);border-radius:var(--border-radius-xl, 20px);border:1px solid var(--border-color, rgba(255, 255, 255, .08))}.note-expert-skeleton-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(90deg,var(--elevation-02dp) 25%,var(--elevation-04dp) 50%,var(--elevation-02dp) 75%);background-size:200% 100%;animation:noteExpertShimmer 1.5s infinite}.note-expert-skeleton-text-group{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.note-expert-skeleton-name{width:100px;height:18px;border-radius:var(--border-radius-md, 8px);background:linear-gradient(90deg,var(--elevation-02dp) 25%,var(--elevation-04dp) 50%,var(--elevation-02dp) 75%);background-size:200% 100%;animation:noteExpertShimmer 1.5s infinite}.note-expert-skeleton-profession{width:70px;height:14px;border-radius:var(--border-radius-md, 8px);background:linear-gradient(90deg,var(--elevation-02dp) 25%,var(--elevation-04dp) 50%,var(--elevation-02dp) 75%);background-size:200% 100%;animation:noteExpertShimmer 1.5s infinite;animation-delay:.1s}.note-expert-skeleton-badge{width:40px;height:24px;border-radius:var(--border-radius-full, 50px);background:linear-gradient(90deg,var(--elevation-02dp) 25%,var(--elevation-04dp) 50%,var(--elevation-02dp) 75%);background-size:200% 100%;animation:noteExpertShimmer 1.5s infinite;animation-delay:.2s}.note-expert-skeleton-button{width:40px;height:40px;border-radius:var(--border-radius-lg, 16px);background:linear-gradient(90deg,var(--elevation-02dp) 25%,var(--elevation-04dp) 50%,var(--elevation-02dp) 75%);background-size:200% 100%;animation:noteExpertShimmer 1.5s infinite;animation-delay:.3s}@keyframes noteExpertShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.note-expert-stats-header{display:flex;align-items:center;gap:var(--spacing-lg, 24px);padding:0 var(--spacing-xs, 4px)}.note-expert-stat{display:flex;align-items:center;gap:var(--spacing-xs, 4px);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--text-secondary)}.note-expert-stat.online{color:var(--tree-green, #509b5a)}.note-expert-online-dot{width:8px;height:8px;background:var(--tree-green, #509b5a);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.note-expert-keywords{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm, 8px);padding:0 var(--spacing-xs, 4px)}.note-expert-keywords-label{font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-semibold, 600);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.note-expert-keyword-tags{display:flex;flex-wrap:wrap;gap:6px}.note-expert-keyword-tag{padding:4px 10px;background:var(--elevation-04dp, #323330);border-radius:var(--border-radius-full, 50px);font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);color:var(--text-secondary)}.note-expert-suggestions-list{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.note-expert-suggestion-card{display:flex;margin:0 var(--spacing-sm, 8px);align-items:center;gap:var(--spacing-md, 16px);padding:var(--spacing-md, 16px);min-height:76px;background:var(--elevation-02dp, #2a2b28);border-radius:var(--border-radius-xl, 20px);border:1px solid var(--border-color, rgba(255, 255, 255, .08));box-shadow:0 2px #0003,0 4px #0000001a;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}@media(hover:hover){.note-expert-suggestion-card:hover{background:var(--elevation-04dp, #323330);box-shadow:0 3px #0003,0 6px #0000001a}}.note-expert-suggestion-card:active{transform:scale(.98) translateY(2px);box-shadow:0 1px #00000026,0 2px #00000014}.note-expert-suggestion-card:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.note-expert-suggestion-card.online{border-left:3px solid var(--tree-green, #509b5a)}.note-expert-card-avatar{flex-shrink:0}.note-expert-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.note-expert-card-name{font-size:var(--font-size-md, 18px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.note-expert-card-profession{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-regular, 400);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.note-expert-score-badge{flex-shrink:0;padding:4px 12px;border-radius:var(--border-radius-full, 50px);font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-bold, 700);background:var(--elevation-04dp, #323330);color:var(--text-tertiary)}.note-expert-score-badge.high{background:#509b5a33;color:var(--tree-green, #509b5a)}.note-expert-score-badge.medium{background:#e6db7426;color:var(--accent-yellow, #e6db74)}.note-expert-score-badge.low{background:var(--elevation-04dp, #323330);color:var(--text-tertiary)}.note-expert-card-action{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs, 4px);flex-shrink:0}.note-expert-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border:none;border-radius:var(--border-radius-lg, 16px);cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.note-expert-action-btn.connect{background:var(--tree-green, #509b5a);color:#fff;box-shadow:0 2px #00000040,0 4px #0000001f}@media(hover:hover){.note-expert-action-btn.connect:hover:not(:disabled){background:var(--tree-green-hover, #458a4d);box-shadow:0 3px #00000040,0 6px #0000001f}}.note-expert-action-btn.connect:active:not(:disabled){background:var(--tree-green-pressed, #3c7942);transform:scale(.95) translateY(2px);box-shadow:0 1px #0003,0 2px #0000001a}.note-expert-action-btn.connect:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.note-expert-action-btn.add-expert{background:var(--tree-green, #509b5a);color:#fff;box-shadow:0 2px #00000040,0 4px #0000001f}@media(hover:hover){.note-expert-action-btn.add-expert:hover:not(:disabled){background:var(--tree-green-hover, #458a4d);box-shadow:0 3px #00000040,0 6px #0000001f}}.note-expert-action-btn.add-expert:active:not(:disabled){background:var(--tree-green-pressed, #3c7942);transform:scale(.95) translateY(2px);box-shadow:0 1px #0003,0 2px #0000001a}.note-expert-action-btn.add-expert:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.note-expert-action-btn.share-review{background:var(--accent-blue-solid, #5ccfe6);color:#1a1b18;box-shadow:0 2px #0003,0 4px #0000001a}@media(hover:hover){.note-expert-action-btn.share-review:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 3px #00000040,0 6px #0000001f}}.note-expert-action-btn.share-review:active:not(:disabled){transform:scale(.95) translateY(2px);box-shadow:0 1px #0003,0 2px #0000001a}.note-expert-action-btn.share-review:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.note-expert-shared-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--accent-blue-solid, #5ccfe6);opacity:.7}.note-expert-action-btn.pending{background:var(--accent-yellow, #e6db74);color:#1a1b18;box-shadow:0 2px #0003,0 4px #0000001a}@media(hover:hover){.note-expert-action-btn.pending:hover:not(:disabled){background:var(--accent-red, #f92672);color:#fff;box-shadow:0 3px #00000040,0 6px #0000001f}}.note-expert-action-btn.pending:active:not(:disabled){background:var(--accent-red, #f92672);color:#fff;transform:scale(.95) translateY(2px);box-shadow:0 1px #0003,0 2px #0000001a}.note-expert-action-btn.pending:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.note-expert-action-btn.done,.note-expert-action-btn.connected{background:#509b5a26;color:var(--tree-green, #509b5a);cursor:default;box-shadow:none}.note-expert-spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.note-expert-ai-section{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-md, 16px);padding:var(--spacing-md, 16px) var(--spacing-lg, 24px);margin-top:var(--spacing-xs, 4px)}.note-expert-ai-search-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 8px);padding:12px 24px;background:linear-gradient(135deg,#1565c0,#0d47a1);color:#fff;border:none;border-radius:var(--border-radius-full, 50px);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-semibold, 600);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:44px;min-width:180px;box-shadow:0 2px #0d47a166,0 4px #0d47a133;-webkit-tap-highlight-color:transparent}@media(hover:hover){.note-expert-ai-search-btn:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 3px #0d47a166,0 6px #0d47a133}}.note-expert-ai-search-btn:active:not(:disabled){transform:scale(.98) translateY(2px);box-shadow:0 1px #0d47a14d,0 2px #0d47a126}.note-expert-ai-search-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.note-expert-ai-search-btn svg{flex-shrink:0}.note-expert-ai-hint{font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);color:var(--text-tertiary);text-align:center}.note-expert-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md, 16px);padding:var(--spacing-xl, 32px);text-align:center;color:var(--text-tertiary)}.note-expert-empty-title{font-size:var(--font-size-lg, 20px);font-weight:var(--font-weight-semibold, 600);color:var(--text-secondary)}.note-expert-empty-text{font-size:var(--font-size-sm, 14px);max-width:250px;line-height:1.5}.note-expert-error-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md, 16px);padding:var(--spacing-xl, 32px);text-align:center;color:var(--accent-red, #f92672)}.note-expert-error-text{font-size:var(--font-size-sm, 14px);color:var(--text-secondary)}.note-expert-retry-btn{padding:var(--spacing-sm, 8px) var(--spacing-lg, 24px);background:var(--elevation-02dp, #2a2b28);border:1px solid var(--border-color);border-radius:var(--border-radius-lg, 16px);color:var(--text-primary);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);cursor:pointer;box-shadow:0 2px #0003,0 4px #0000001a;transition:all .15s ease;-webkit-tap-highlight-color:transparent}@media(hover:hover){.note-expert-retry-btn:hover{background:var(--elevation-04dp, #323330);border-color:var(--accent-blue);box-shadow:0 3px #0003,0 6px #0000001a}}.note-expert-retry-btn:active{transform:translateY(2px);box-shadow:0 1px #00000026,0 2px #00000014}.note-expert-success-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md, 16px);padding:var(--spacing-3xl, 48px);animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.note-expert-success-check-circle{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#509b5a33;border-radius:50%;color:var(--tree-green, #509b5a);animation:checkPop .4s ease-out .1s both}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.note-expert-success-text{font-size:var(--font-size-xl, 24px);font-weight:var(--font-weight-bold, 700);color:var(--tree-green, #509b5a)}.note-expert-success-subtext{font-size:var(--font-size-sm, 14px);color:var(--text-secondary)}.light-theme .note-expert-suggestion-card{background:#ffffffe6;border-color:#8b735526;box-shadow:0 2px #3d34281a,0 4px #3d34280d}@media(hover:hover){.light-theme .note-expert-suggestion-card:hover{background:#f5eee1fa;box-shadow:0 3px #3d34281a,0 6px #3d34280d}}.light-theme .note-expert-keyword-tag{background:#8b73551a}.light-theme .note-expert-score-badge{background:#8b735514}.light-theme .note-expert-score-badge.high{background:#509b5a26}.light-theme .note-expert-action-btn.connect,.light-theme .note-expert-action-btn.add-expert{box-shadow:0 2px #3d342826,0 4px #3d342814}.light-theme .note-expert-ai-section{background:transparent}@media(max-width:768px){.note-expert-suggestion-card{margin:0 var(--spacing-xs, 4px);gap:var(--spacing-sm, 8px)}.note-expert-card-action{gap:var(--spacing-xs, 4px)}}@media(max-width:480px){.note-expert-modal-content{gap:var(--spacing-md, 16px);padding:var(--spacing-xs, 4px) 0}.note-expert-suggestions-list{gap:var(--spacing-sm, 8px)}.note-expert-suggestion-card{margin:0;padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);gap:var(--spacing-sm, 8px);min-height:68px;border-radius:var(--border-radius-lg, 16px)}.note-expert-card-info{gap:2px}.note-expert-card-name{font-size:var(--font-size-sm, 14px)}.note-expert-card-profession{font-size:var(--font-size-xs, 12px)}.note-expert-score-badge{padding:3px 8px;font-size:.7rem}.note-expert-action-btn{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:var(--border-radius-md, 12px)}.note-expert-card-action{gap:6px}.note-expert-ai-section{flex-direction:column;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 16px)}.note-expert-ai-search-btn{width:100%;min-width:unset;padding:12px 20px}.note-expert-ai-hint{font-size:var(--font-size-xs, 12px)}.note-expert-keywords{padding:0}.note-expert-keyword-tags{gap:4px}.note-expert-keyword-tag{padding:3px 8px;font-size:.7rem}.note-expert-stats-header{padding:0;gap:var(--spacing-md, 16px)}.note-expert-stat{font-size:var(--font-size-xs, 12px)}}.note-expert-capsule{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);background:var(--elevation-02dp, #2a2b28);border-radius:var(--border-radius-xl, 20px);border:1px solid var(--border-color, rgba(255, 255, 255, .08));min-height:44px;cursor:pointer;box-shadow:0 2px #00000040,0 4px #0000001f;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}@media(hover:hover){.note-expert-capsule:hover{background:var(--elevation-04dp, #323330);box-shadow:0 3px #00000040,0 6px #0000001f}}.note-expert-capsule:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.note-expert-capsule:active{background:var(--elevation-04dp, #323330);transform:scale(.97) translateY(2px);box-shadow:0 1px #0003,0 2px #0000001a}.note-expert-capsule.empty{background:transparent;border:none;box-shadow:none;padding:0;min-height:0}@media(hover:hover){.note-expert-capsule.empty:hover{background:transparent}}.note-expert-capsule__title{font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);color:var(--text-secondary, rgba(248, 245, 237, .7));white-space:nowrap;flex-shrink:0}.note-expert-capsule__avatars{display:flex;align-items:center;padding:2px 0}.note-expert-capsule__avatar-wrapper{flex-shrink:0;margin-left:-8px;position:relative}.note-expert-capsule__avatar-wrapper:first-child{margin-left:0}.note-expert-capsule__avatar-wrapper>*{border:2px solid var(--elevation-02dp, #2a2b28);border-radius:50%;transition:transform .15s ease}@media(hover:hover){.note-expert-capsule:hover .note-expert-capsule__avatar-wrapper>*{border-color:var(--elevation-04dp, #323330)}.note-expert-capsule__avatar-wrapper:hover>*{transform:scale(1.15);z-index:100!important}}.note-expert-capsule__overflow{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;margin-left:4px;padding:0 6px;background:#ffffff0f;border-radius:50%;font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-semibold, 600);color:var(--text-secondary, rgba(248, 245, 237, .7))}.note-expert-capsule__add-btn{display:flex;align-items:center;gap:var(--spacing-xs, 4px);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--border-radius-lg, 16px);cursor:pointer;color:var(--text-secondary, rgba(248, 245, 237, .7));font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);min-height:32px;box-shadow:0 1px #0003,0 2px #0000001a;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}@media(hover:hover){.note-expert-capsule__add-btn:hover{background:#ffffff1f;border-color:#ffffff2e;box-shadow:0 2px #0003,0 4px #0000001a}}.note-expert-capsule__add-btn:active{background:#ffffff29;transform:scale(.95) translateY(1px);box-shadow:0 0 #00000026,0 1px #00000014}.note-expert-capsule__add-btn svg{flex-shrink:0;opacity:.9}.note-expert-capsule__add-more-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--border-radius-lg, 16px);cursor:pointer;color:var(--text-secondary, rgba(248, 245, 237, .7));box-shadow:0 1px #0003,0 2px #0000001a;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}@media(hover:hover){.note-expert-capsule__add-more-btn:hover{background:var(--accent-sage, var(--accent-green));color:var(--text-on-accent, #fff);border-color:var(--accent-sage, var(--accent-green));box-shadow:0 2px #0003,0 4px #0000001a}}.note-expert-capsule__add-more-btn:active{background:var(--accent-sage, var(--accent-green));color:var(--text-on-accent, #fff);transform:scale(.95) translateY(1px);box-shadow:0 0 #00000026,0 1px #00000014}.note-expert-capsule__add-more-btn svg{flex-shrink:0;width:14px;height:14px}.light-theme .note-expert-capsule{background:var(--accent-sage, #7a8b6f);border:1px solid rgba(122,139,111,.3);box-shadow:0 2px #3d34281f,0 4px #3d34280f}@media(hover:hover){.light-theme .note-expert-capsule:hover{background:#6f7f65;box-shadow:0 3px #3d34281f,0 6px #3d34280f}}.light-theme .note-expert-capsule:active{background:#657558;box-shadow:0 1px #3d34281a,0 2px #3d34280d}.light-theme .note-expert-capsule__title{color:#ffffffe6}.light-theme .note-expert-capsule__avatar-wrapper>*{border-color:var(--accent-sage, #7a8b6f)}.light-theme .note-expert-capsule__overflow{background:#3d342814;color:#ffffffd9}.light-theme .note-expert-capsule__add-btn{background:#ffffff80;border-color:#fff9;color:#3d3428b3;box-shadow:0 1px #3d342814,0 2px #3d34280a}@media(hover:hover){.light-theme .note-expert-capsule__add-btn:hover{background:#ffffffb3;border-color:#fffc;box-shadow:0 2px #3d342814,0 4px #3d34280a}}.light-theme .note-expert-capsule__add-btn:active{background:#ffffffd9;box-shadow:0 0 #3d34280f,0 1px #3d342808}.light-theme .note-expert-capsule__add-more-btn{background:#ffffff80;border-color:#fff9;color:#3d3428b3;box-shadow:0 1px #3d342814,0 2px #3d34280a}@media(hover:hover){.light-theme .note-expert-capsule__add-more-btn:hover{background:var(--accent-sage, var(--accent-green));color:#fff;border-color:var(--accent-sage, var(--accent-green))}}@media(max-width:600px){.note-expert-capsule{padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);min-height:40px;border-radius:var(--border-radius-lg, 16px)}.note-expert-capsule__title{font-size:.7rem}.note-expert-capsule__add-btn{font-size:.7rem;padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);min-height:28px}.note-expert-capsule__add-more-btn{width:28px;height:28px;min-width:28px;min-height:28px}}@media(max-width:400px){.note-expert-capsule__title{display:none}}.note-viewer{display:flex;flex-direction:column;width:100%;background:var(--elevation-02dp);color:var(--text-primary);font-family:var(--font-family-modern);position:relative;overflow:visible;box-sizing:border-box;min-height:max-content}@media(max-width:767px){.note-viewer{width:100%;min-height:max-content;overflow:visible;padding-bottom:calc(var(--mobile-sidebar-height, 60px) + var(--safe-area-bottom, 0px) + var(--spacing-xl))}}.note-viewer.summary-viewer{max-width:900px;margin:0 auto;padding:var(--spacing-xl)}@media(max-width:767px){.note-viewer.summary-viewer{max-width:100%;padding:var(--spacing-md);padding-bottom:calc(var(--mobile-sidebar-height, 60px) + var(--safe-area-bottom, 0px) + var(--spacing-xl))}}.note-viewer-empty{display:flex;align-items:center;justify-content:center;height:100%;width:100%;color:var(--text-secondary);font-style:italic;font-size:var(--font-size-md)}.note-content-area{flex:1;display:flex;flex-direction:column;width:100%;min-height:max-content;overflow:visible}.note-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0;height:var(--header-height);box-sizing:border-box}.note-title-section{flex:1;margin-right:var(--spacing-md)}.note-title-editor{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);border:none;background:transparent;padding:var(--spacing-sm) 0;line-height:1.3}.note-title-editor:focus{outline:none;border-bottom:2px solid var(--accent-blue)}.note-header-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-toggle-button,.close-button{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md);width:36px;height:36px}.sidebar-toggle-button:hover,.close-button:hover{background:var(--bg-primary);border-color:var(--accent-blue);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.close-button{font-size:18px;font-weight:700}.note-image-section{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);flex-shrink:0}.note-image{max-width:100%;max-height:200px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.note-editor-container{padding:var(--spacing-md);display:flex;flex-direction:column;background:transparent;box-sizing:border-box;overflow:visible;min-height:max-content}.note-details-section{margin:var(--spacing-md) var(--spacing-sm);border-radius:var(--border-radius-lg);background:var(--elevation-04dp);box-shadow:var(--shadow-elevation-04dp);max-width:100%;overflow-x:hidden;overflow-y:visible;box-sizing:border-box;animation:fadeInPanel .3s ease-out}@keyframes fadeInPanel{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.note-details-section{margin:var(--spacing-lg) var(--spacing-md);border-radius:var(--border-radius-md);box-shadow:var(--shadow-elevation-02dp)}}@media(max-width:480px){.note-details-section{margin:var(--spacing-md) var(--spacing-sm);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-elevation-01dp)}}.note-universal-editor,.note-universal-editor .editor-wrapper{height:100%;display:flex;flex-direction:column}.note-universal-editor .editor-content{flex:1;min-height:200px;border:none;border-radius:var(--border-radius-xl);background:var(--bg-primary);padding:var(--spacing-sm);font-family:var(--font-family-modern);font-size:var(--font-size-md);line-height:1.7;overflow:visible;box-shadow:var(--shadow-sm);margin-top:var(--spacing-md)}.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{outline:none;height:100%;min-height:150px}.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{font-weight:var(--font-weight-bold);margin:var(--spacing-xl) 0 var(--spacing-md) 0;color:var(--text-primary)}.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{font-size:var(--font-size-3xl);border-bottom:2px solid var(--border-color);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{font-weight:var(--font-weight-bold);color:var(--text-primary)}.note-universal-editor .ProseMirror em{font-style:italic;color:var(--text-secondary)}.note-universal-editor .ProseMirror code{background:var(--bg-secondary);padding:3px 6px;border-radius:var(--border-radius-sm);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9em;border:1px solid var(--border-color)}.note-universal-editor .ProseMirror .wikilink{color:var(--accent-blue);text-decoration:none;background:var(--bg-info-overlay);padding:2px 4px;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-color-overlay)}.note-universal-editor .ProseMirror .wikilink:hover{background:var(--hover-bg-info);border-color:var(--accent-blue)}.note-universal-editor .editor-status{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-secondary);z-index:10;background:var(--bg-overlay);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.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{margin-top:var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-secondary);font-style:italic;text-align:center;padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}@media(max-width:767px){.note-header{padding:var(--spacing-sm) var(--spacing-md);height:calc(var(--header-height) - 8px)}.note-title-editor{font-size:var(--font-size-lg)}.note-editor-container{padding:var(--spacing-sm)}.note-universal-editor .editor-content{padding:var(--spacing-md);font-size:var(--font-size-md)}}.summary-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.3;padding:var(--spacing-sm)}.summary-metadata{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);padding:0 var(--spacing-xl) var(--spacing-lg);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.summary-date,.summary-duration,.summary-participants{font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.summary-details{padding:var(--spacing-md);height:100%;overflow-y:auto}.summary-info-section,.key-points-section,.metadata-section{margin-bottom:var(--spacing-lg)}.summary-info-section h3,.key-points-section h3,.metadata-section h3{margin:0 0 var(--spacing-sm) 0;font-size:1rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-xs)}.info-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-xs) 0;gap:var(--spacing-sm)}.info-item label{font-weight:500;color:var(--text-secondary);flex-shrink:0;min-width:80px}.info-item span{color:var(--text-primary);text-align:right;flex:1;word-break:break-word}.key-points-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.key-point{padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-md);border-left:3px solid var(--accent-blue)}.key-point h4{margin:0 0 var(--spacing-xs) 0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.key-point p{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.metadata-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.summary-universal-editor{pointer-events:none;-webkit-user-select:text;user-select:text;opacity:.9}.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 .editor-content,.note-universal-editor .ProseMirror .wikilink{border-width:2px}}@media(prefers-reduced-motion:reduce){.sidebar-toggle-button,.close-button{transition:none}}.summary-content-container{width:100%;max-width:900px;margin:0 auto;padding:var(--spacing-xl);background:var(--bg-primary);color:var(--text-primary)}.summary-title-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.summary-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);color:var(--text-primary);margin:0;letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.summary-close-button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);min-width:32px;height:32px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-size:var(--font-size-xl)}.summary-close-button:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-1px)}.summary-markdown-content.markdown-content{line-height:var(--line-height-relaxed);color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-2xl)}.summary-markdown-content .markdown-heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);color:var(--text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--border-color);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-snug)}.summary-markdown-content .markdown-heading:first-child{margin-top:0}.summary-markdown-content .markdown-subheading{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);font-family:var(--font-sans);color:var(--text-primary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.summary-markdown-content .markdown-paragraph{margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed);color:var(--text-secondary)}.summary-markdown-content .markdown-paragraph:last-child{margin-bottom:0}.summary-markdown-content .markdown-bold{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.summary-markdown-content .markdown-list{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl);list-style-position:outside}.summary-markdown-content ul.markdown-list{list-style-type:disc}.summary-markdown-content ol.markdown-list{list-style-type:decimal}.summary-markdown-content .markdown-list-item{margin-bottom:var(--spacing-sm);line-height:var(--line-height-relaxed);color:var(--text-secondary);padding-left:var(--spacing-xs)}.summary-markdown-content ul.markdown-list li::marker{color:var(--tree-green);font-size:1.1em}.summary-markdown-content ol.markdown-list li::marker{color:var(--tree-green);font-weight:var(--font-weight-semibold)}.markdown-image-wrapper{display:inline-block;position:relative;max-width:100%;margin:var(--spacing-md) 0}.markdown-image{max-width:100%;height:auto;border-radius:var(--border-radius-md);transition:opacity .2s ease}.markdown-image--loading{opacity:.5}.markdown-image-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--elevation-02dp);border-radius:var(--border-radius-md)}.markdown-image-spinner{width:24px;height:24px;border:2px solid var(--border-light);border-top-color:var(--tree-green);border-radius:50%;animation:markdown-image-spin .8s linear infinite}@keyframes markdown-image-spin{to{transform:rotate(360deg)}}.markdown-image-error{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-xl);background:var(--elevation-02dp);border:1px dashed var(--border-light);border-radius:var(--border-radius-md);color:var(--text-tertiary);margin:var(--spacing-md) 0;min-height:80px}.markdown-image-error__text{font-family:var(--font-sans);font-size:var(--font-size-sm);font-style:italic}.summary-key-points-section{margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.summary-key-points-section .section-heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);color:var(--text-primary);margin-bottom:var(--spacing-lg);letter-spacing:var(--letter-spacing-tight)}.summary-key-points-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.summary-key-point-item{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-lg);border-left:4px solid var(--tree-green);line-height:var(--line-height-relaxed)}.summary-key-point-item p{margin:0;line-height:var(--line-height-relaxed);color:var(--text-secondary)}.summary-key-point-item strong{font-weight:var(--font-weight-semibold);color:var(--text-primary)}@media(max-width:767px){.summary-content-container{padding:var(--spacing-lg) var(--spacing-md);padding-bottom:calc(var(--mobile-sidebar-height, 60px) + var(--safe-area-bottom, 0px) + var(--spacing-2xl))}.summary-title{font-size:var(--font-size-2xl)}.summary-markdown-content .markdown-heading{font-size:var(--font-size-md);margin-top:var(--spacing-lg)}.summary-markdown-content .markdown-subheading{font-size:var(--font-size-base)}.summary-markdown-content .markdown-list{padding-left:var(--spacing-lg)}.summary-key-point-item{padding:var(--spacing-sm)}}.note-viewer-footer{display:flex;justify-content:flex-end;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--bg-primary);gap:var(--spacing-sm);flex-shrink:0}.library-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--accent-blue);border-radius:var(--border-radius-md);color:var(--accent-blue);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);line-height:1.5}.library-button:hover{background:var(--accent-blue);color:var(--text-on-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.library-button:active{transform:translateY(0)}.library-icon{width:18px;height:18px;flex-shrink:0}.library-button-text{white-space:nowrap}.note-viewer-footer-fade-in{animation:footerFadeIn .4s ease-out forwards}@keyframes footerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.note-viewer-footer{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:calc(var(--mobile-sidebar-height, 60px) + var(--safe-area-bottom, 0px) + var(--spacing-md))}.library-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-height:44px}.library-icon{width:16px;height:16px}}.note-viewer__ai-banner{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);margin:0 var(--spacing-md, 12px) var(--spacing-sm, 8px);background:var(--accent-blue-muted, rgba(74, 158, 255, .1));border:1px solid var(--accent-blue-subtle, rgba(74, 158, 255, .2));border-radius:var(--radius-md, 8px);color:var(--accent-blue-solid, #4a9eff)}.note-viewer__ai-banner svg{flex-shrink:0;opacity:.9;width:16px!important;height:16px!important;max-width:16px;max-height:16px}.note-viewer__ai-banner-text{flex:1;font-size:var(--font-size-sm, 13px);font-weight:500}.note-viewer__ai-edit-btn{padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);font-size:var(--font-size-xs, 12px);font-weight:500;color:var(--accent-blue-solid, #4a9eff);background:transparent;border:1px solid var(--accent-blue-solid, #4a9eff);border-radius:var(--radius-sm, 4px);cursor:pointer;transition:all .15s ease}.note-viewer__ai-edit-btn:hover{background:var(--accent-blue-solid, #4a9eff);color:var(--text-on-accent, #fff)}.note-viewer__ai-footer{display:flex;flex-direction:column;gap:var(--spacing-md, 12px);padding:var(--spacing-md, 12px);margin-top:auto;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.note-viewer__ai-action{display:flex;align-items:center;gap:var(--spacing-md, 12px);padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);background:var(--elevation-01dp, rgba(255, 255, 255, .05));border-radius:var(--radius-md, 8px)}.note-viewer__ai-action-label{font-size:var(--font-size-sm, 13px);color:var(--text-secondary);font-weight:500}.note-editor-dialog.overlay-backdrop{padding:var(--spacing-lg)}.note-editor-dialog .overlay-content{max-width:900px;max-height:90vh;display:flex;flex-direction:column}.note-editor-dialog .overlay-body{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;padding:0!important}.note-editor-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0;height:100%}.note-editor-modal-body .note-viewer{display:flex;flex-direction:column;flex:1;min-height:0;height:100%}.note-editor-modal-body .note-content-area{flex:1;display:flex;flex-direction:column;min-height:0}.note-editor-modal-body .note-editor-container{padding:var(--spacing-md) var(--spacing-lg);flex:1;display:flex;flex-direction:column;min-height:0}.note-editor-modal-body .universal-editor,.note-editor-modal-body .universal-editor .editor-wrapper{flex:1;display:flex;flex-direction:column;min-height:0}.note-editor-modal-body .note-viewer-footer{border-top:none;background:transparent;padding:var(--spacing-sm) var(--spacing-lg);justify-content:center;flex-shrink:0}.note-editor-modal-body .universal-editor .editor-content{padding:var(--spacing-md) var(--spacing-lg)!important;padding-bottom:var(--spacing-sm)!important;min-height:0!important;box-shadow:none!important;margin-top:0!important;flex:1}.note-editor-modal-body .universal-editor .editor-title-section{margin-bottom:var(--spacing-sm);padding-right:48px;position:relative}.note-editor-modal-body .universal-editor .editor-title-controls{position:absolute;top:0;right:0;z-index:10;pointer-events:none}.note-editor-modal-body .universal-editor .editor-title-controls>*{pointer-events:auto}.note-editor-modal-body .universal-editor .editor-title-wrapper{flex:1;min-width:0;position:relative}.note-editor-modal-body .universal-editor .editor-title-wrapper .inline-editor.display{display:block!important;width:100%!important;padding:var(--spacing-xs) 0!important;padding-left:0!important;padding-right:0!important;margin:0!important;border:none!important;border-radius:0!important;cursor:text!important;pointer-events:auto!important;font-size:var(--font-size-2xl)!important;font-weight:var(--font-weight-semibold)!important;line-height:1.3!important;color:var(--text-primary)!important}.note-editor-modal-body .universal-editor .editor-title-wrapper .inline-editor.display.empty{border-bottom:1px dashed var(--border-light);background:transparent;color:var(--text-tertiary)!important}.note-editor-modal-body .universal-editor .editor-title-wrapper .inline-editor.display:hover,.note-editor-modal-body .universal-editor .editor-title-wrapper .inline-editor.display:not(.empty):hover{border-color:transparent!important;background:transparent!important}.note-editor-modal-body .universal-editor .editor-title-wrapper .inline-editor-input{font-size:var(--font-size-2xl)!important;font-weight:var(--font-weight-semibold)!important;line-height:1.3!important;color:var(--text-primary)!important;padding:var(--spacing-xs) 0!important;padding-left:0!important;padding-right:0!important;margin:0!important;border:none!important;border-bottom:1px solid var(--border-light)!important;border-radius:0!important;background:transparent!important;min-height:unset!important;width:100%!important}.note-editor-modal-body .universal-editor .editor-title-wrapper .inline-editor-input:focus{border-bottom-color:var(--accent-blue)!important;background:transparent!important;outline:none!important}.note-editor-modal-body .universal-editor .editor-control-bar{padding:var(--spacing-sm) 0;border-top:none;background:transparent}.note-editor-modal-body .universal-editor .editor-prose-content,.note-editor-modal-body .universal-editor .ProseMirror{min-height:100px!important}.note-editor-modal-footer{display:flex;justify-content:flex-end;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--bg-primary);gap:var(--spacing-sm)}.note-editor-done-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-xl);background:var(--tree-green);border:none;border-radius:var(--border-radius-md);color:var(--text-on-accent);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:44px;min-width:100px}.note-editor-done-button:hover{background:var(--tree-green-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.note-editor-done-button:active{background:var(--tree-green-pressed);transform:translateY(0)}.note-editor-dialog .options-button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);min-width:32px;height:32px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.note-editor-dialog .options-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.note-editor-dialog .options-button svg{width:20px;height:20px}@media(max-width:768px){.note-editor-dialog.overlay-backdrop{padding:var(--spacing-xs)}.note-editor-dialog .overlay-content{width:calc(100% - var(--spacing-sm));max-width:calc(100% - var(--spacing-sm));height:calc(100dvh - var(--spacing-sm));height:calc(100vh - var(--spacing-sm));max-height:none;border-radius:var(--border-radius-md)}.note-editor-dialog .overlay-body{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important}.note-editor-modal-body{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0;height:100%}.note-editor-modal-body .note-viewer{display:flex;flex-direction:column;flex:1;padding:0;min-height:0;height:100%}.note-editor-modal-body .note-content-area{flex:1;display:flex;flex-direction:column;min-height:0}.note-editor-modal-body .note-editor-container{padding:var(--spacing-sm) var(--spacing-md);flex:1;display:flex;flex-direction:column;min-height:0}.note-editor-modal-body .universal-editor,.note-editor-modal-body .universal-editor .editor-wrapper{display:flex;flex-direction:column;flex:1;min-height:0}.note-editor-modal-body .universal-editor .editor-content{padding:var(--spacing-sm) var(--spacing-md)!important;flex:1;box-shadow:none!important;margin-top:0!important;min-height:0}.note-editor-modal-body .universal-editor .editor-title-section{margin-bottom:var(--spacing-xs);padding-right:40px}.note-editor-modal-body .universal-editor .editor-title-wrapper .inline-editor.display,.note-editor-modal-body .universal-editor .editor-title-wrapper .inline-editor-input{font-size:var(--font-size-xl)!important;font-weight:var(--font-weight-semibold)!important;padding:var(--spacing-xs) 0!important;padding-left:0!important;padding-right:0!important}.note-editor-modal-body .universal-editor .editor-control-bar{padding:var(--spacing-sm) 0;margin-top:auto;border-top:1px solid var(--border-light);background:transparent;flex-shrink:0}.note-editor-modal-body .note-viewer-footer{padding:var(--spacing-sm) var(--spacing-md);justify-content:center;border-top:none;flex-shrink:0}.note-editor-modal-footer{padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));flex-direction:column;gap:var(--spacing-sm)}.note-editor-done-button{width:100%;min-height:48px}}.light-theme .note-editor-modal-footer{background:var(--beige-paper)}.light-theme .note-editor-done-button{background:var(--accent-blue);color:#fff}.resume-session-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0009;z-index:1000;animation:fadeIn .15s ease-out}.resume-session-modal{background:var(--elevation-12dp, #2d2e2a);border-radius:16px;box-shadow:var(--shadow-elevation-12dp, 0 12px 40px rgba(0, 0, 0, .35));width:90%;max-width:400px;padding:24px;animation:slideUp .2s ease-out}.resume-session-header{text-align:center;margin-bottom:20px}.resume-session-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #f8f5ed);margin:0 0 4px}.resume-session-subtitle{font-size:.875rem;color:var(--text-secondary, rgba(248, 245, 237, .7));margin:0}.resume-session-content{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.resume-session-progress-container{display:flex;flex-direction:column;align-items:center;gap:8px}.resume-session-progress-ring{position:relative;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--accent-green, #4caf50) calc(var(--progress, 0) * 1%),var(--elevation-04dp, rgba(248, 245, 237, .09)) calc(var(--progress, 0) * 1%));animation:progressFill .6s ease-out}.resume-session-progress-ring:before{content:"";position:absolute;width:64px;height:64px;border-radius:50%;background:var(--elevation-12dp, #2d2e2a)}.resume-session-progress-value{position:relative;z-index:1;font-size:1.125rem;font-weight:600;color:var(--text-primary, #f8f5ed)}.resume-session-progress-label{font-size:.75rem;color:var(--text-secondary, rgba(248, 245, 237, .7));text-transform:uppercase;letter-spacing:.5px}.resume-session-info{text-align:center}.resume-session-description{font-size:.875rem;color:var(--text-primary, #f8f5ed);margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.resume-session-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.resume-session-stat{font-size:.75rem;color:var(--text-secondary, rgba(248, 245, 237, .6));display:flex;align-items:center;gap:4px}.resume-session-actions{display:flex;gap:12px}.resume-session-button{flex:1;padding:12px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;min-height:var(--touch-target-comfortable, 48px);border:none}.resume-session-button--primary{background:var(--accent-green, #4caf50);color:#fff}.resume-session-button--primary:hover{background:var(--accent-green-hover, #45a049);transform:translateY(-1px)}.resume-session-button--primary:active{transform:translateY(0)}.resume-session-button--secondary{background:var(--state-hover, rgba(248, 245, 237, .08));color:var(--text-secondary, rgba(248, 245, 237, .7));border:1px solid var(--border-secondary, rgba(248, 245, 237, .12))}.resume-session-button--secondary:hover{background:var(--state-pressed, rgba(248, 245, 237, .12));color:var(--text-primary, #f8f5ed)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes progressFill{0%{background:conic-gradient(var(--accent-green, #4caf50) 0%,var(--elevation-04dp, rgba(248, 245, 237, .09)) 0%)}}@media(max-width:480px){.resume-session-modal{width:95%;padding:20px}.resume-session-actions{flex-direction:column}.resume-session-button{width:100%}}.garden-spirit-layer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:49;overflow:hidden}.garden-spirit-layer.hidden,.garden-spirit-layer.scroll-faded{opacity:0;transition:opacity .3s ease}.garden-spirit-layer.error-respawning{opacity:0;transition:opacity .2s ease}.garden-spirit-layer.in-cooldown{opacity:0;transition:opacity .3s ease}.garden-spirit-layer.button-hovered .garden-spirit-glow{opacity:.9;transition:opacity .2s ease}.garden-spirit-goo-stage{position:relative;width:100%;height:100%;filter:url(#goo-spirit);will-change:transform}.garden-spirit-glow{position:absolute;top:0;left:0;width:100%;height:100%;filter:url(#goo-spirit) blur(8px);opacity:.5;animation:spirit-glow-pulse 3s ease-in-out infinite;pointer-events:none}.garden-spirit-filter-svg{position:absolute;width:0;height:0;overflow:hidden}.garden-spirit-blob{position:absolute;background:var(--accent-gold, #F2D06B);border-radius:50%;will-change:transform;backface-visibility:hidden;transform:translateZ(0);-webkit-user-select:none;user-select:none}.blob-head{z-index:3}@keyframes spirit-glow-pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes spirit-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.blob-mid{z-index:2}.blob-tail{z-index:1;opacity:.9}.garden-spirit-face{position:absolute;width:0;height:0;z-index:101;pointer-events:auto;cursor:pointer;will-change:transform;backface-visibility:hidden}.garden-spirit-eyes{position:absolute;top:-12px;left:-12px;width:24px;height:10px;display:flex;justify-content:space-between;align-items:center}.garden-spirit-eye{position:relative;width:6px;height:6px;background:var(--bg-primary-dark, #3e2f07);border-radius:50%;will-change:transform;transition:transform .1s ease-out;box-shadow:inset 1px 1px 2px #fff3,0 1px 2px #0000001a}@keyframes spirit-blink{0%,92%,to{opacity:1}95%{opacity:.1}}.garden-spirit-eye{animation:spirit-blink 5s ease-in-out infinite}.garden-spirit-eye:nth-child(2){animation-delay:.08s}.garden-spirit-reduced-motion .garden-spirit-simplified{transition:none}@media(prefers-reduced-motion:reduce){.garden-spirit-blob,.garden-spirit-face{transition:none!important;animation:none!important}.garden-spirit-eye{animation:none!important}.garden-spirit-glow{animation:none!important;opacity:.5}}@media(max-width:600px){.garden-spirit-layer{z-index:45}.garden-spirit-eyes{width:20px;height:8px}.garden-spirit-eye{width:5px;height:5px}.garden-spirit-eye{animation-duration:6s}.garden-spirit-glow{animation-duration:4s;filter:url(#goo-spirit) blur(5px);opacity:.4}}.garden-spirit-face:hover .garden-spirit-eyes{transform:scaleY(1.1)}.garden-spirit-face:active .garden-spirit-eyes{transform:scaleY(.8)}@keyframes spirit-celebrate{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-5deg)}50%{transform:translateY(-4px) rotate(5deg)}75%{transform:translateY(-6px) rotate(-3deg)}}.garden-spirit-layer.celebrating .garden-spirit-blob{animation:spirit-celebrate .4s ease-out}@keyframes spirit-attention{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.garden-spirit-layer.attention .garden-spirit-blob{animation:spirit-attention .3s ease-in-out 2}.garden-spirit-layer.ducking .garden-spirit-eyes{transform:scaleY(.4) translateY(3px);transition:transform .15s ease-in-out}.garden-spirit-layer.ducking .garden-spirit-eye{animation:none}.garden-spirit-layer.ducking .garden-spirit-glow{opacity:.3;transition:opacity .2s ease-in-out}.garden-spirit-layer.fleeing .garden-spirit-blob{animation:spirit-flee-wobble .15s ease-in-out infinite}.garden-spirit-layer.fleeing .garden-spirit-glow{opacity:.8;animation:spirit-flee-glow .2s ease-in-out infinite}.garden-spirit-eyes.scared{transform:scaleY(1.4) scaleX(1.1)}.garden-spirit-eyes.scared .garden-spirit-eye{animation:none}@keyframes spirit-flee-wobble{0%,to{transform:translate(var(--translate-x, 0),var(--translate-y, 0)) scale(var(--scale, 1))}50%{transform:translate(calc(var(--translate-x, 0) + 2px),calc(var(--translate-y, 0) - 1px)) scale(calc(var(--scale, 1) * 1.02))}}@keyframes spirit-flee-glow{0%,to{filter:url(#goo-spirit) blur(8px)}50%{filter:url(#goo-spirit) blur(12px)}}.garden-spirit-burst{position:absolute;width:0;height:0;pointer-events:none;z-index:102}.garden-spirit-particle{position:absolute;width:var(--particle-size, 12px);height:var(--particle-size, 12px);background:var(--accent-gold, #F2D06B);border-radius:50%;transform:translate(-50%,-50%);animation:spirit-burst-particle .8s ease-out forwards;animation-delay:var(--particle-delay, 0ms);opacity:1}@keyframes spirit-burst-particle{0%{transform:translate(-50%,-50%) scale(1);opacity:1}20%{transform:translate(calc(-50% + cos(var(--particle-angle)) * var(--particle-distance) * var(--particle-speed) * .3),calc(-50% + sin(var(--particle-angle)) * var(--particle-distance) * var(--particle-speed) * .3)) scale(1.2);opacity:1}to{transform:translate(calc(-50% + cos(var(--particle-angle)) * var(--particle-distance) * var(--particle-speed)),calc(-50% + sin(var(--particle-angle)) * var(--particle-distance) * var(--particle-speed))) scale(0);opacity:0}}@supports not (transform: translate(calc(cos(0rad)*1px),0)){.garden-spirit-particle:nth-child(1){--dx: 1;--dy: 0}.garden-spirit-particle:nth-child(2){--dx: .7;--dy: .7}.garden-spirit-particle:nth-child(3){--dx: 0;--dy: 1}.garden-spirit-particle:nth-child(4){--dx: -.7;--dy: .7}.garden-spirit-particle:nth-child(5){--dx: -1;--dy: 0}.garden-spirit-particle:nth-child(6){--dx: -.7;--dy: -.7}.garden-spirit-particle:nth-child(7){--dx: 0;--dy: -1}.garden-spirit-particle:nth-child(8){--dx: .7;--dy: -.7}@keyframes spirit-burst-particle{0%{transform:translate(-50%,-50%) scale(1);opacity:1}20%{transform:translate(calc(-50% + var(--dx, 0) * var(--particle-distance) * var(--particle-speed) * .3),calc(-50% + var(--dy, 0) * var(--particle-distance) * var(--particle-speed) * .3)) scale(1.2);opacity:1}to{transform:translate(calc(-50% + var(--dx, 0) * var(--particle-distance) * var(--particle-speed)),calc(-50% + var(--dy, 0) * var(--particle-distance) * var(--particle-speed))) scale(0);opacity:0}}}.garden-spirit-debug-bounds{position:fixed;inset:100px;border:1px dashed rgba(242,208,107,.3);pointer-events:none;z-index:48}.onboarding{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;z-index:var(--z-modal, 1000);display:flex;align-items:center;justify-content:center}.onboarding-theme-toggle{position:fixed;top:var(--spacing-lg, 1.5rem);right:var(--spacing-lg, 1.5rem);z-index:calc(var(--z-modal, 1000) + 10);width:48px;height:48px;padding:0;background:transparent;border:none;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:0;animation:fade-in .8s ease forwards .5s}.onboarding-theme-toggle svg{width:24px;height:24px;color:inherit}@media(max-width:480px){.onboarding-theme-toggle{top:var(--spacing-md, 1rem);right:var(--spacing-md, 1rem);width:40px;height:40px}.onboarding-theme-toggle svg{width:32px;height:32px}}.onboarding .gradient-bg{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1;border-radius:0;overflow:hidden}.onboarding-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;opacity:0;transition:opacity var(--transition-slow, .8s ease-in-out);padding:0;box-sizing:border-box}.onboarding-overlay.visible{opacity:1}.onboarding-content{display:flex;flex-direction:column;align-items:center;min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;width:100%;max-width:600px;position:relative;padding:0;box-sizing:border-box;z-index:2;overflow:hidden}.onboarding-header{display:flex;flex-direction:column;align-items:center;width:100%;margin:var(--spacing-xl);padding-top:clamp(2rem,8vh,5rem);padding-left:1.5rem;padding-right:1.5rem;padding-bottom:clamp(.75rem,2vh,1.5rem);flex-shrink:0;box-sizing:border-box}.onboarding-header.welcome-step{padding-bottom:clamp(.5rem,1.5vh,1rem);margin:var(--spacing-xl)}.onboarding-header.name-step,.onboarding-header.profession-step,.onboarding-header.childhoodDream-step,.onboarding-header.problemToSolve-step{padding-bottom:clamp(.5rem,1vh,.75rem)}.onboarding-header.purposeStatus-step,.onboarding-header.expertOrStudent-step{padding-bottom:clamp(.5rem,1.5vh,1rem)}.onboarding-body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;flex-grow:1;padding:0 1rem 2rem;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.onboarding-body.step-visible{opacity:1;transform:translate(0)}.onboarding-body.step-transition-forward{opacity:0;transform:translate(-20px)}.onboarding-body.step-transition-backward{opacity:0;transform:translate(20px)}.onboarding-body.name-step,.onboarding-body.profession-step,.onboarding-body.childhoodDream-step,.onboarding-body.problemToSolve-step{padding-top:clamp(1rem,2vh,1.5rem)}.onboarding-body.interests-step,.onboarding-body.skills-step{overflow-y:visible!important}.onboarding-footer{display:flex;align-items:center;width:100%;padding:1rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom));flex-shrink:0;box-sizing:border-box}.logo-container{width:clamp(100px,15vw,160px);height:clamp(100px,15vw,160px);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.9);transition:all 1.5s cubic-bezier(.34,1.56,.64,1);margin-bottom:clamp(1.5rem,3vh,2.5rem);flex-shrink:0}.logo-container.welcome-step{margin-bottom:clamp(1.5rem,3vh,2rem)}.logo-container.animate{opacity:1;transform:scale(1);animation:grow-logo 1.2s ease-out forwards}.logo-container.animate .onboarding-logo,.light-theme .logo-container.animate .onboarding-logo{animation:none}.onboarding-logo{width:100%;height:auto;color:var(--text-primary);margin:var(--spacing-sm);margin-bottom:var(--spacing-md)}.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 forwards .2s}@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{display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:clamp(.75rem,2vh,1.25rem) 0}.text-container.welcome-step{padding:clamp(1rem,2vh,1.5rem) 0}.text-container.name-step,.text-container.profession-step,.text-container.childhoodDream-step,.text-container.problemToSolve-step{padding-bottom:clamp(.5rem,1vh,.75rem)}.text-container.purposeStatus-step,.text-container.expertOrStudent-step{padding-bottom:clamp(.75rem,1.5vh,1rem)}.welcome-text{font-size:clamp(1.125rem,3vw,2rem);color:var(--text-primary, #f8f8f2);font-weight:var(--font-weight-light, 300);font-family:var(--font-serif);letter-spacing:.5px;line-height:1.4;opacity:0;text-align:center;transition:opacity var(--transition-medium, .5s ease);width:100%;max-width:500px;padding:0 var(--spacing-md)}.welcome-text.visible{opacity:1}.cursor{display:inline-block;width:3px;height:1.2em;margin-left:2px;background:transparent;color:var(--color-golden, #d6ae54);position:relative;top:.1em}.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}.submitting-step .logo-container{animation:subtle-float 3s ease-in-out infinite}@keyframes subtle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.submitting-step .onboarding-logo{animation:gentle-pulse 2s ease-in-out infinite}@keyframes gentle-pulse{0%,to{filter:drop-shadow(0 0 4px rgba(214,174,84,.3));opacity:1}50%{filter:drop-shadow(0 0 12px rgba(214,174,84,.6));opacity:.9}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.cursor.typing-complete{color:var(--accent-primary, var(--color-golden, #d6ae54))}.step-interaction{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:clamp(1.25rem,3vh,2rem);margin-top:0}.back-button{background:transparent;color:var(--text-secondary);border:1px solid rgba(128,128,128,.2);border-radius:50px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;z-index:10;opacity:0;animation:fade-in .5s ease forwards;margin:0;flex-shrink:0;min-height:44px}.back-button .back-icon{width:16px;height:16px}.start-button{background:transparent;color:var(--color-golden);border:2px solid var(--color-golden);border-radius:50px;padding:.8rem 2.5rem;font-size:1.2rem;cursor:pointer;opacity:0;transform:translateY(2px);animation:fade-in .8s ease forwards;position:relative;overflow:hidden;font-weight:400;letter-spacing:1px;transition:all .3s ease;margin:4px;min-height:var(--touch-target-comfortable, 48px)}.start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(214,174,84,.3),transparent);transition:left .8s ease-out}.start-button:hover:before{left:100%}.input-interaction{width:100%;display:flex;flex-direction:column;align-items:center}.animate-fade-in{animation:fade-in .8s ease-out forwards}.name-prompt-container{text-align:center;opacity:0;animation:fade-in .8s ease forwards;width:100%;max-width:400px}.name-form{width:100%;max-width:400px;display:flex;align-items:center;gap:1rem}.name-input{flex-grow:1;background:var(--search-bar-bg, rgba(30, 31, 28, .4));border:1px solid var(--search-bar-border-color, rgba(214, 174, 84, .2));border-radius:50px;color:var(--text-primary);font-size:1.25rem;padding:.875rem 1.5rem;outline:none;transition:all .2s ease;caret-color:var(--color-golden);box-shadow:inset 0 1px 2px #0000001a}.name-input:focus{border-color:var(--color-golden, rgba(214, 174, 84, .6));box-shadow:inset 0 1px 2px #0000001a,0 0 0 2px #d6ae5426;background:var(--search-bar-bg, rgba(30, 31, 28, .5))}.name-input::placeholder{color:var(--text-tertiary);opacity:.7}.next-button{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;background:var(--tree-green);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transform:scale(0);animation:pop-in .3s cubic-bezier(.34,1.56,.64,1) forwards;transition:transform .2s ease,background-color .2s ease}.next-button svg{width:24px;height:24px;color:var(--bg-primary)}.interests-container{width:100%;display:flex;flex-direction:column;align-items:center;padding:.5rem;margin-top:1rem;position:relative}.options-container{width:100%;display:flex;flex-direction:column;align-items:center;padding:0;padding-bottom:var(--spacing-md, 1rem)}.options-flex{display:flex;flex-direction:column;gap:clamp(.75rem,2vh,1rem);justify-content:center;align-items:center;width:100%;max-width:400px}.options-flex .interest-tag{width:100%;padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);font-size:var(--font-size-lg, 1.125rem);min-height:var(--touch-target-comfortable, 48px)}.interests-grid{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin-bottom:20px;margin-top:10px;align-items:flex-start;align-content:flex-start;justify-content:center;max-height:55vh;overflow-y:auto;padding-right:8px}.interests-grid::-webkit-scrollbar{width:6px}.interests-grid::-webkit-scrollbar-track{background:transparent;border-radius:3px}.interests-grid::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;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-width:none;scrollbar-color:transparent transparent}.interests-grid.scrolling{scrollbar-width:thin;scrollbar-color:rgba(214,174,84,.4) rgba(214,174,84,.1)}.interest-tag{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:20px;background:transparent;border:1px solid rgba(214,174,84,.3);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:var(--font-weight-medium, 500);text-align:center;white-space:nowrap;min-height:36px;line-height:1.2}.interest-tag.selected{background:var(--color-golden);color:var(--bg-primary);border-color:var(--color-golden);font-weight:500;opacity:.85}.interest-next-button{padding:.8rem 2.5rem;border-radius:50px;background:var(--tree-green);color:var(--bg-primary);border:none;cursor:pointer;font-size:1rem;font-size:var(--font-size-sm);font-family:var(--font-sans);font-weight:var(--font-weight-semibold);letter-spacing:.5px;transition:all .3s ease;margin-top:var(--spacing-lg, 1.5rem)}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2rem;padding:2rem}@keyframes clean-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;padding:1rem;margin-top:1rem;text-align:center;width:100%}.error-message p{color:#dc3545;margin-bottom:.5rem}.retry-button{background:transparent;border:1px solid #dc3545;color:#dc3545;border-radius:4px;padding:.5rem 1rem;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:#dc35451a}.thank-you-message{text-align:center;color:var(--text-primary);font-size:1.8rem;opacity:0;animation:fade-in .8s ease forwards;position:absolute;width:100%}.continue-button{background:transparent;color:var(--color-golden);border:2px solid var(--color-golden);border-radius:50px;padding:1rem 3.5rem;font-size:1.2rem;cursor:pointer;opacity:0;transform:translateY(20px);transition:all .6s ease-out;position:relative;overflow:hidden;font-weight:400;letter-spacing:1px;margin-top:2rem}.continue-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(214,174,84,.3),transparent);transition:left .8s ease-out}.continue-button:hover:before{left:100%}.continue-button.visible{opacity:1;transform:translateY(0)}.completion-message{text-align:center;color:var(--text-primary);font-size:2.5rem;font-weight:300;letter-spacing:1px;opacity:0;animation:fade-in .8s ease forwards;margin-bottom:2rem}.get-started-button{background:transparent;color:var(--color-golden);border:2px solid var(--color-golden);border-radius:50px;padding:1rem 3.5rem;font-size:1.2rem;cursor:pointer;opacity:0;transform:translateY(20px);animation:fade-in .8s ease forwards .3s;position:relative;overflow:hidden;font-weight:400;letter-spacing:1px;transition:all .3s ease}.get-started-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(214,174,84,.3),transparent);transition:left .8s ease-out}.get-started-button:hover:before{left:100%}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media(min-width:1024px){.onboarding-header.welcome-step{padding-top:clamp(4rem,12vh,8rem)}.logo-container.purposeStatus-step,.logo-container.expertOrStudent-step{width:clamp(80px,10vw,110px);height:clamp(80px,10vw,110px)}}@media(min-height:800px){.onboarding-header{padding-top:clamp(3rem,10vh,8rem)}.onboarding-body{justify-content:flex-start}}@media(max-height:700px){.onboarding-content{min-height:500px;padding:var(--spacing-sm, .5rem)}.text-container{height:100px;margin-bottom:var(--spacing-lg, 1.5rem)}.welcome-text{font-size:var(--font-size-2xl, 2.5rem)}.continue-button{padding:var(--spacing-sm, .75rem) var(--spacing-lg, 1.5rem);font-size:var(--font-size-md, 1rem)}.name-input{padding:var(--spacing-sm, .75rem);font-size:var(--font-size-md, 1rem)}.next-button{padding:var(--spacing-sm, .75rem) var(--spacing-md, 1rem);font-size:var(--font-size-sm, .875rem)}.thank-you-message{font-size:var(--font-size-lg, 1.25rem);padding:var(--spacing-md, 1rem)}.interests-grid{gap:var(--spacing-sm, .5rem);padding:var(--spacing-sm, .5rem)}.interest-tag{padding:var(--spacing-xs, .5rem) var(--spacing-sm, .75rem);font-size:var(--font-size-sm, .875rem);min-height:auto;height:auto}}@media(max-width:768px){.onboarding-overlay{padding:var(--spacing-md, 1rem)}.onboarding-content{max-width:100%;padding:var(--spacing-sm, .5rem)}.welcome-text{font-size:var(--font-size-2xl, 2rem);padding:0 var(--spacing-md, 1rem)}.interests-grid{gap:var(--spacing-sm, .5rem);max-width:100%}.interest-tag{padding:.5rem .875rem;font-size:var(--font-size-sm, .875rem);min-height:40px}}@media(max-width:480px){.logo-container.purposeStatus-step,.logo-container.expertOrStudent-step{width:clamp(70px,15vw,100px);height:clamp(70px,15vw,100px)}.welcome-text{font-size:var(--font-size-xl, 1.75rem);padding:0 var(--spacing-sm, .5rem)}.text-container{height:100px;margin-bottom:var(--spacing-sm, .75rem)}.interests-grid{gap:6px}.interest-tag{padding:.4rem .75rem;font-size:var(--font-size-xs, .8rem);min-height:36px}.name-form{max-width:300px;gap:.75rem}.name-input{font-size:1rem;padding:.6rem .8rem}.name-input::placeholder{font-size:.9rem}.next-button svg{width:20px;height:20px}.continue-button{width:100%;max-width:280px;margin:0 auto}.onboarding-content.skills-step,.onboarding-content.interests-step{height:auto;max-height:100vh;max-height:100dvh;overflow:visible;-webkit-overflow-scrolling:touch}.onboarding-content.skills-step .onboarding-header,.onboarding-content.interests-step .onboarding-header{padding-top:1rem;padding-bottom:.5rem}.onboarding-body.skills-step,.onboarding-body.interests-step{padding:0 1rem .5rem}.onboarding-content.interests-step .interests-grid,.onboarding-content.skills-step .interests-grid{max-height:35vh;overflow-y:auto;min-height:120px;margin-bottom:.5rem;padding-right:8px;gap:6px}.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-top:1.5rem;margin-bottom:1rem;width:90%;max-width:300px}.options-flex{gap:clamp(.75rem,2vh,1rem)}.options-flex .interest-tag{width:100%;max-width:320px;padding:var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);font-size:var(--font-size-md, 1rem);min-height:var(--touch-target-comfortable, 48px)}.text-container.purposeStatus-step .welcome-text,.text-container.expertOrStudent-step .welcome-text{font-size:var(--font-size-lg, 1.25rem);line-height:var(--line-height-relaxed, 1.6)}}.logo-container.interests-step,.logo-container.skills-step{display:none}.logo-container.submitting-step.animate{animation:none;opacity:1;transform:scale(1)}.logo-container.submitting-step.animate .onboarding-logo{animation:none}.logo-container.submitting-step.animate .logo-path{animation:none;stroke-dashoffset:0;fill-opacity:1}.logo-container.purposeStatus-step,.logo-container.expertOrStudent-step{width:clamp(70px,10vw,100px);height:clamp(70px,10vw,100px)}.text-container.interests-step,.text-container.skills-step{height:50px;margin-bottom:1rem}.text-container.interests-step .welcome-text,.text-container.skills-step .welcome-text{font-size:2rem}.onboarding-content.interests-step,.onboarding-content.skills-step{display:flex;flex-direction:column;justify-content:flex-start;height:auto;padding:1rem;max-height:100vh;max-height:100dvh;overflow:visible}.interests-container{width:100%;display:flex;flex-direction:column;flex-grow:1;margin:0;padding:.5rem;position:relative}.onboarding-content.interests-step .interests-grid,.onboarding-content.skills-step .interests-grid{display:flex;flex-wrap:wrap;gap:clamp(.5rem,1.5vw,.75rem);width:100%;flex-grow:1;overflow-y:auto;margin-bottom:.5rem;max-height:clamp(40vh,50vh,55vh);min-height:200px;padding-right:8px;padding-bottom:1rem;position:relative;align-content:flex-start;justify-content:center}.onboarding-content.interests-step .interests-grid::-webkit-scrollbar,.onboarding-content.skills-step .interests-grid::-webkit-scrollbar{width:6px}.onboarding-content.interests-step .interests-grid::-webkit-scrollbar-track,.onboarding-content.skills-step .interests-grid::-webkit-scrollbar-track{background:#d6ae541a;border-radius:3px}.onboarding-content.interests-step .interests-grid::-webkit-scrollbar-thumb,.onboarding-content.skills-step .interests-grid::-webkit-scrollbar-thumb{background:#d6ae5466;border-radius:3px;transition:background .3s ease}.onboarding-content.interests-step .interests-grid::-webkit-scrollbar-thumb:hover,.onboarding-content.skills-step .interests-grid::-webkit-scrollbar-thumb:hover{background:#d6ae54b3}.onboarding-content.interests-step .interests-grid,.onboarding-content.skills-step .interests-grid{scrollbar-width:thin;scrollbar-color:rgba(214,174,84,.4) rgba(214,174,84,.1)}.onboarding-content.interests-step .interest-tag,.onboarding-content.skills-step .interest-tag{padding:.625rem 1.25rem;font-size:1rem;min-height:40px}.interest-tag.selected{background:var(--color-golden);color:var(--bg-primary);border-color:var(--color-golden);font-weight:500;transform:translateY(-1px);box-shadow:0 4px 8px #d6ae544d;opacity:.85}.interests-container .interest-next-button{margin-top:2rem;margin-bottom:1rem;align-self:center;width:80%;max-width:300px;flex-shrink:0}.add-custom-button{border-style:dashed!important;background:transparent!important;color:var(--text-secondary)!important;opacity:.8}.add-custom-button:hover{opacity:1;border-color:var(--color-golden)!important;color:var(--color-golden)!important}.add-custom-input{background:var(--search-bar-bg, rgba(30, 31, 28, .4))!important;border:1px solid var(--color-golden)!important;padding:0!important;min-width:100px}.custom-tag-input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem;font-weight:var(--font-weight-medium, 500);padding:.5rem 1rem;width:100%;min-width:80px}.custom-tag-input::placeholder{color:var(--text-tertiary);opacity:.7}.custom-tag-input:focus{outline:none}.custom-tag{position:relative}@media(hover:hover)and (pointer:fine){.start-button:hover{background:var(--state-hover, rgba(214, 174, 84, .1));transform:translateY(-2px);box-shadow:var(--shadow-elevation-02dp, 0 1px 2px rgba(30, 31, 28, .14));border-color:var(--color-golden)}.back-button:hover{background:var(--state-hover, rgba(214, 174, 84, .1));color:var(--color-golden);border-color:var(--color-golden);transform:translateY(-1px)}.interest-tag:hover,.onboarding .interest-tag:hover{background:var(--accent-yellow,);border-color:var(--color-golden)}.interest-next-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevation-02dp, 0 1px 2px rgba(30, 31, 28, .14));background:var(--accent-green)}.onboarding-theme-toggle:hover{transform:scale(1.1);color:var(--color-golden)}.next-button:hover{transform:scale(1.1);background-color:var(--accent-green, var(--color-golden))}.continue-button:hover,.get-started-button:hover{background:var(--state-hover, rgba(214, 174, 84, .1));transform:translateY(-2px);box-shadow:var(--shadow-elevation-02dp, 0 1px 2px rgba(30, 31, 28, .14))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.logo-container.animate{animation:none;opacity:1;transform:scale(1)}.logo-container.animate .logo-path{animation:none;stroke-dashoffset:0;fill-opacity:1}.cursor.blink{animation:none;opacity:1}.start-button,.next-button,.back-button,.interest-tag,.interest-next-button{transition:none}.onboarding-body{transition:none!important}.onboarding-body.step-transition-forward,.onboarding-body.step-transition-backward{opacity:1!important;transform:none!important}}.gradient-bg.golden-hour{background:linear-gradient(135deg,#ffecd2,#fcb69f),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");background-blend-mode:soft-light}.gradient-bg.soft-linen{background:linear-gradient(160deg,#f9e4cf,#ede0d4,#e3d5ca),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-blend-mode:overlay}.gradient-bg.mineral-light{background:radial-gradient(circle at 30% 20%,#faf8f5,#f5f1ed,#e8e3df),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.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,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");background-blend-mode:soft-light}.gradient-bg.rose-cream{background:linear-gradient(140deg,#fff5f7,#ffe8ec,#ffd6dd),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-blend-mode:overlay}.gradient-bg.sage-paper{background:linear-gradient(155deg,#f4f6f3,#eef1ec,#e5e9e3),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");background-blend-mode:soft-light}.gradient-bg.midnight-canvas{background:linear-gradient(145deg,#1a1a1f,#13131a,#0d0d12),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");background-blend-mode:overlay}.gradient-bg.charcoal-silk{background:radial-gradient(circle at 40% 30%,#2a2a2f,#1f1f25,#16161b),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");background-blend-mode:soft-light}.gradient-bg.slate-fog{background:linear-gradient(130deg,#2c2f33,#23252a,#1a1c20),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E");background-blend-mode:overlay}.gradient-bg.deep-forest{background:linear-gradient(140deg,#1a1f1a,#141814,#0f120f),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.09'/%3E%3C/svg%3E");background-blend-mode:soft-light}.gradient-bg.warm-graphite{background:linear-gradient(150deg,#2b2926,#211f1d,#181716),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");background-blend-mode:overlay}.gradient-bg.twilight-ink{background:radial-gradient(ellipse at 20% 40%,#252838,#1a1d2e,#111320),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.1'/%3E%3C/svg%3E");background-blend-mode:soft-light}.gradient-bg{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-2;border-radius:inherit;overflow:hidden;transition:background .3s ease,opacity .3s ease}.carousel-card.has-gradient-bg .gradient-bg,.carousel-card.is-active .gradient-bg{opacity:1}body.light-theme .gradient-bg.warm-graphite,body.light-theme .gradient-bg.midnight-canvas,body.light-theme .gradient-bg.charcoal-silk,body.light-theme .gradient-bg.slate-fog,body.light-theme .gradient-bg.deep-forest,body.light-theme .gradient-bg.twilight-ink{background:linear-gradient(160deg,#f9e4cf,#ede0d4,#e3d5ca),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")!important;background-blend-mode:overlay!important}body:not(.light-theme) .gradient-bg.soft-linen,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{background:linear-gradient(150deg,#2b2926,#211f1d,#181716),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E")!important;background-blend-mode:overlay!important}@media(max-width:600px){body:not(.light-theme) .gradient-bg,body:not(.light-theme) .gradient-bg.warm-graphite,body:not(.light-theme) .gradient-bg.midnight-canvas,body:not(.light-theme) .gradient-bg.charcoal-silk,body:not(.light-theme) .gradient-bg.slate-fog,body:not(.light-theme) .gradient-bg.deep-forest,body:not(.light-theme) .gradient-bg.twilight-ink,body:not(.light-theme) .gradient-bg.soft-linen,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{background:#1e1f1c!important;background-blend-mode:normal!important}}.carousel-card.has-gradient-bg .card-content-overlay{position:relative;z-index:2;background:var(--overlay-bg);backdrop-filter:blur(var(--card-overlay-blur));-webkit-backdrop-filter:blur(var(--card-overlay-blur));border-radius:inherit;transition:background-color var(--transition-medium)}.carousel-card.has-gradient-bg .card-content{position:relative;z-index:1}.shimmer-golden{position:relative;overflow:hidden}.shimmer-golden:before{content:"";position:absolute;top:120%;left:-10%;right:-10%;width:120%;height:300%;background:linear-gradient(170deg,transparent 0%,transparent 42%,rgba(214,174,84,.0025) 45%,rgba(214,174,84,.006) 47%,rgba(214,174,84,.0125) 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,.0025) 55%,transparent 58%,transparent 100%);mix-blend-mode:screen;pointer-events:none;z-index:0;animation:shimmer-rise 12s cubic-bezier(.4,0,.2,1) infinite;opacity:0}.light-theme .shimmer-golden:before{background:linear-gradient(170deg,transparent 0%,transparent 42%,rgba(184,147,94,.002) 45%,rgba(184,147,94,.0045) 47%,rgba(184,147,94,.009) 48.5%,rgba(184,147,94,.019) 50%,rgba(184,147,94,.0125) 51%,rgba(139,154,127,.005) 52%,rgba(139,154,127,.008) 52.5%,rgba(139,154,127,.005) 53%,rgba(184,147,94,.0045) 53.5%,rgba(184,147,94,.002) 55%,transparent 58%,transparent 100%)}@keyframes shimmer-rise{0%{top:120%;opacity:0}15%{opacity:1}65%{top:-220%;opacity:1}75%{opacity:0}to{top:-220%;opacity:0}}.shimmer-golden{--shimmer-duration: 12s;--shimmer-delay: 0s;--shimmer-timing: cubic-bezier(.4, 0, .2, 1)}.shimmer-golden:before{animation-duration:var(--shimmer-duration);animation-delay:var(--shimmer-delay);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,transparent 0%,transparent 42%,rgba(214,174,84,.0025) 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%,rgba(16,185,129,.01) 52.5%,rgba(16,185,129,.006) 53%,rgba(214,174,84,.006) 53.5%,rgba(214,174,84,.0025) 55%,transparent 58%,transparent 100%)}.light-theme .shimmer-golden.shimmer-subtle:before{background:linear-gradient(170deg,transparent 0%,transparent 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%,rgba(139,154,127,.005) 52%,rgba(139,154,127,.008) 52.5%,rgba(139,154,127,.005) 53%,rgba(184,147,94,.005) 53.5%,rgba(184,147,94,.002) 55%,transparent 58%,transparent 100%)}.splash-screen-container{position:fixed;inset:0;margin:0;transform:none;width:100vw;height:100vh;height:100svh;height:100dvh;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;z-index:var(--z-loading);isolation:isolate;background:var(--bg-primary, #1e1f1c);contain:layout style paint}.splash-screen-container.fading-out{opacity:0;transition:opacity .4s ease-out;pointer-events:none}.splash-screen-container .gradient-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;border-radius:0;pointer-events:none}.splash-dawn-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;background:linear-gradient(to top,rgba(255,220,180,.25) 0%,rgba(255,200,150,.15) 20%,rgba(255,180,120,.08) 40%,rgba(255,160,100,.04) 60%,transparent 80%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");background-blend-mode:soft-light;background-size:cover,100px 100px;background-position:center;animation:dawnFadeInOut 3s ease-in-out forwards;opacity:0}@keyframes dawnFadeInOut{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.light-theme .splash-dawn-overlay{background:linear-gradient(to top,rgba(240,200,160,.15) 0%,rgba(230,190,150,.1) 20%,rgba(220,180,140,.05) 40%,rgba(210,170,130,.02) 60%,transparent 80%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-blend-mode:soft-light;background-size:cover,100px 100px}.splash-screen-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);width:100%;max-width:100%;padding:1rem;transition:all var(--transition-medium)}.splash-logo-container{width:200px;height:200px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-medium);border-radius:50%;padding:var(--spacing-xs);color:var(--text-primary)}.splash-logo-bloom{animation:logoBloom 2s ease-out forwards;opacity:0;filter:blur(10px)}@keyframes logoBloom{to{opacity:1;filter:blur(0)}}.splash-logo{width:100%;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 0px transparent)}.splash-logo-container:not(.animation-complete):hover{transform:none!important}.splash-logo-container:not(.animation-complete):hover .splash-logo{transform:none!important;filter:none!important}.splash-logo-container.skip-animation{animation:none!important;opacity:1!important;filter:blur(0)!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{text-align:center;transition:all var(--transition-medium);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg)}.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{font-family:var(--font-serif);font-size:var(--font-size-2xl);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-tight);color:var(--text-primary);margin:0;line-height:var(--line-height-tight);transition:all var(--transition-fast);text-shadow:none;filter:none;box-shadow:none;transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.splash-screen-content{gap:var(--spacing-sm)}.splash-logo-container{width:150px;height:150px}.splash-title{font-size:var(--font-size-xl)}}@media(max-width:480px){.splash-screen-content{gap:var(--spacing-sm);padding:0}.splash-logo-container{width:120px;height:120px;margin-bottom:0}.splash-title{font-size:var(--font-size-lg)}.splash-continue-hint{font-size:var(--font-size-xs);margin-top:var(--spacing-md)}}@media(max-width:320px){.splash-screen-content{gap:var(--spacing-xs);padding:0}.splash-logo-container{width:100px;height:100px}.splash-title{font-size:var(--font-size-md)}}@media(prefers-reduced-motion:reduce){.splash-logo-bloom,.splash-text-elevate,.splash-dawn-overlay{animation:none!important;opacity:1!important;filter:none!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{position:absolute;z-index:1000;font-size:var(--font-size-xl);font-weight:var(--font-weight-light);font-family:var(--font-serif);font-style:italic;color:var(--text-primary);pointer-events:none;-webkit-user-select:none;user-select:none;max-width:400px;line-height:1.4;text-align:left;opacity:0;transition:opacity 1.2s ease-in-out;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;box-sizing:border-box;background:var(--bg-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-lg);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-md)}.motivation.visible{opacity:1}.motivation-text{display:block}.motivation-text:before{content:'"';opacity:.7}.motivation-text:after{content:'"';opacity:.7}.motivation.card-display-motivation{position:fixed;top:32px;left:var( --spacing-xl );width:280px;text-align:left;font-size:16px;font-weight:var(--font-weight-light);font-style:italic;line-height:1.5;z-index:900}.motivation.card-display-motivation[data-card-context=world]{top:128px;font-size:20px;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.6)}.light-theme .motivation{color:var(--text-sepia);background:var(--bg-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--beige-sand);box-shadow:var(--shadow-md)}.light-theme .motivation[data-card-context=world]{text-shadow:none}@media(min-width:1024px)and (max-width:1599px){.motivation.card-display-motivation{left:4px;width:260px;font-size:15px}}@media(min-width:768px)and (max-width:1023px){.motivation.card-display-motivation{left:4px;width:220px;font-size:14px}}@media(max-width:767px){.motivation{visibility:hidden;pointer-events:none}.motivation.card-display-motivation{display:none}}@media(min-width:1920px){.motivation.card-display-motivation{left:4px;width:300px;font-size:17px}}@media(min-width:2560px){.motivation.card-display-motivation{left:4px;width:320px;font-size:18px}}.pagination-dots-container{position:static!important;inset:auto!important;transform:none!important;display:flex;align-items:center;justify-content:center;gap:8px;padding:0;margin:0;width:auto;height:auto;max-width:100%;box-sizing:border-box;z-index:auto;background:transparent;border:none;box-shadow:none}.pagination-dot{position:static;inset:auto;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--beige-earth, #b0a590);background:transparent;box-shadow:none;cursor:pointer;transition:background .2s ease,border-color .2s ease,opacity .2s ease,width .2s ease,border-radius .2s ease;outline:none;padding:0;margin:0;display:inline-block;vertical-align:middle;flex-shrink:0}.pagination-dot:hover{opacity:.7}.pagination-dot.active{width:24px;border-radius:5px;background:var(--tree-green, #56c676);border-color:var(--tree-green, #56c676);box-shadow:none}.pagination-dot.active:hover{opacity:1}.pagination-dot:focus-visible{box-shadow:0 0 0 2px var(--beige-earth, #b0a590);outline:none}.pagination-dot:disabled{cursor:not-allowed;opacity:.4;background:transparent;box-shadow:none}.light-theme .pagination-dot,:root[data-theme=light] .pagination-dot{border-color:var(--text-charcoal, #5a4f43)}.light-theme .pagination-dot.active,:root[data-theme=light] .pagination-dot.active{background:var(--tree-green, #56c676);border-color:var(--tree-green, #56c676)}.light-theme .pagination-dot:focus-visible,:root[data-theme=light] .pagination-dot:focus-visible{box-shadow:0 0 0 2px var(--text-charcoal, #5a4f43)}.pagination-ellipsis{color:var(--text-secondary);font-size:12px;font-weight:700;display:flex;align-items:center;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{position:relative;width:100%;height:var(--safe-viewport-height);height:100dvh;min-height:var(--safe-viewport-height);overflow:hidden;background:transparent;display:flex;flex-direction:column}@media(min-width:601px){.card-display-container{margin-left:calc(-1 * var(--sidebar-width));width:100vw}.card-display-active{left:var(--sidebar-width)!important;right:0!important}}.card-display-nav{position:absolute;top:var(--spacing-xl);left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:transparent;pointer-events:none;transition:opacity .3s ease;opacity:1}.card-display-nav.auto-hide{opacity:0;pointer-events:none}.card-display-active{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:auto;scrollbar-gutter:stable}.card-display-active.fullscreen-mode{overflow:hidden!important;touch-action:none;will-change:auto;scrollbar-width:none}.card-display-active.fullscreen-mode::-webkit-scrollbar{display:none;width:0;height:0}.card-display-active.flex-scroll{overflow:visible;flex:1;display:flex;flex-direction:column}.card-display-active.card-hidden{overflow:hidden!important}.card-display-active::-webkit-scrollbar{width:10px}.card-display-active::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:5px}.card-display-active::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px;border:2px solid transparent;background-clip:padding-box;transition:background .2s ease;min-height:40px}.card-display-active::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.card-display-active::-webkit-scrollbar-corner{background:transparent}.card-display-active{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.card-display-content.fullscreen{width:100%;height:100%;min-height:var(--safe-viewport-height);min-height:100dvh;padding:0;overflow:visible}.card-display-content.fullscreen.flex-scroll{flex:1;display:flex;flex-direction:column;overflow:visible}.card-display-content{position:relative;width:100%;min-height:max-content;height:auto;padding:var(--spacing-lg) var(--spacing-lg) calc(var(--spacing-lg) + 5vh);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box}.card-display-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.3;filter:blur(3px);z-index:-1}.card-display-wrapper{width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg);background:var(--elevation-01dp);box-shadow:inset 0 0 0 100vmax var(--overlay-stronger),var(--shadow-elevation-01dp);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-xl);padding:var(--spacing-xl);min-height:max-content;transition:box-shadow .2s ease-out}.card-display-wrapper:hover{box-shadow:inset 0 0 0 100vmax var(--overlay-stronger),var(--shadow-elevation-16dp)}.card-display-body{flex:1;width:100%;min-height:max-content}.card-display-error{display:flex;align-items:center;justify-content:center;min-height:var(--safe-viewport-height);min-height:100dvh;height:auto;font-size:var(--font-size-lg);color:var(--text-secondary)}@media(max-width:767px){.card-display-content{padding:0}.card-display-wrapper{max-width:100%;padding:var(--spacing-lg);margin:0;border-radius:0}.card-display-nav{top:var(--spacing-sm)}}@media(max-width:480px){.card-display-content{padding:0}.card-display-wrapper{padding:var(--spacing-md);margin:0;border-radius:0}.card-display-nav{display:none}}@media(max-width:600px){.card-display-nav{display:none!important}.card-display-active{padding-bottom:calc(var(--mobile-capsule-clearance, 80px) + var(--spacing-sm))!important;scrollbar-gutter:auto}.card-display-content{padding-bottom:0!important}.card-display-content.fullscreen{padding-bottom:0!important;min-height:100%;height:auto}.card-display-active.fullscreen-mode{overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y}.card-display-wrapper{padding-bottom:var(--spacing-md)!important}}@media(max-width:600px){body:not(.light-theme) .card-display-wrapper{background:#1e1f1c!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-color:#ffffff14!important}body:not(.light-theme) .card-display-wrapper:hover{box-shadow:none!important}}.card-display-wrapper.variant-two-column{max-width:1000px}.card-display-wrapper.variant-wide{max-width:1200px}.card-display-wrapper.variant-compact{padding:var(--spacing-md);gap:var(--spacing-md)}.card-display-container:focus{outline:1px solid var(--text-secondary);outline-offset:-1px}.light-theme .card-display-wrapper{background:var(--elevation-01dp);box-shadow:var(--shadow-elevation-01dp);border:1px solid var(--beige-sand);-webkit-backdrop-filter:none;backdrop-filter:none}.light-theme .card-display-wrapper:hover{box-shadow:var(--shadow-elevation-02dp)}.light-theme .card-display-nav{background:transparent;border:none}@media(prefers-reduced-motion:reduce){.card-display-active{scroll-behavior:auto}}.knowledge-overlay-panel,.notes-overlay-panel{position:fixed;top:0;right:0;bottom:0;width:100vw;min-height:var(--safe-viewport-height);min-height:100dvh;height:auto;margin:0;padding:0;z-index:1000;background:var(--bg-primary);overflow:hidden;scroll-behavior:smooth}.notes-overlay-panel{left:var(--sidebar-width);width:calc(100vw - var(--sidebar-width));z-index:2500;overflow:hidden;opacity:1;transition:opacity .3s ease-in-out}.notes-overlay-panel.notes-overlay-active{opacity:1}@media(max-width:600px){.notes-overlay-panel{left:0;width:100vw}}.profile-box{width:100%;height:auto;display:flex;flex-direction:column;min-height:max-content;max-height:none;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);touch-action:pan-y}.profile-box::-webkit-scrollbar{width:12px;height:12px}.profile-box::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-thumb-radius)}.profile-box::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius);transition:background var(--transition-fast)}.profile-box::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.profile-box::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.profile-box:focus{outline:2px solid var(--accent-green);outline-offset:var(--spacing-xs)}.profile-content{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);width:100%;flex:1;min-height:calc(100vh + var(--spacing-lg));max-height:none;overflow:visible;overflow-x:hidden!important;touch-action:pan-y}.profile-box .empty{color:var(--text-tertiary);font-style:italic;opacity:.6}@media(max-width:1023px){.profile-content{padding:var(--spacing-sm);gap:var(--spacing-sm)}}.profile-header{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm);border:1px solid rgba(255,255,255,.15);border-radius:var(--border-radius-lg);padding:var(--spacing-md);background:var(--elevation-02dp)}.profile-tab-content{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;overflow:visible;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-secondary);border:1px solid rgba(255,255,255,.15);border-radius:var(--border-radius-lg);padding:var(--spacing-md);background:var(--bg-elevated);will-change:transform,opacity}.profile-tab-content .profile-detail-row{animation:fadeInUp .3s cubic-bezier(.16,1,.3,1) backwards}.profile-tab-content .profile-detail-row:nth-child(1){animation-delay:.03s}.profile-tab-content .profile-detail-row:nth-child(2){animation-delay:.06s}.profile-tab-content .profile-detail-row:nth-child(3){animation-delay:.09s}.profile-tab-content .profile-detail-row:nth-child(4){animation-delay:.12s}.profile-tab-content .profile-detail-row:nth-child(5){animation-delay:.15s}.profile-tab-content .profile-detail-row:nth-child(6){animation-delay:.18s}.profile-tab-content .profile-detail-row:nth-child(7){animation-delay:.21s}.profile-tab-content .profile-detail-row:nth-child(8){animation-delay:.24s}.profile-tab-content .profile-section{animation:fadeInUp .35s cubic-bezier(.16,1,.3,1) backwards}.profile-tab-content .profile-section:nth-child(1){animation-delay:.05s}.profile-tab-content .profile-section:nth-child(2){animation-delay:.1s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.profile-tab-content .profile-detail-row,.profile-tab-content .profile-section{animation:none}.profile-tab-content{will-change:auto}}.profile-box:hover .profile-box-content{transform:translateY(-2px)}.profile-text-block{background:var(--overlay-bg);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);width:100%}.profile-text-block .inline-editor.display{background:transparent;border:none;color:#fff}.section-divider{width:100%;height:1px;background:#ffffff26;margin:var(--spacing-sm) 0}.profile-section-divider{grid-column:1 / -1;width:100%;height:1px;background:#ffffff26;margin:var(--spacing-md) 0;position:relative;border:none}.profile-section-divider:before{display:none}.profile-section-divider.compact{margin:var(--spacing-sm) 0;opacity:.5}.profile-section{padding-bottom:var(--spacing-xl);border-bottom:none}.profile-section:last-child{padding-bottom:0;border-bottom:none}.section-header{display:flex;align-items:center;justify-content:space-between;width:100%;grid-column:1 / -1;margin:0 0 var(--spacing-md) 0;padding-top:var(--spacing-md)}.section-header>div{font-family:var(--font-sans);font-size:var(--font-size-xl);color:var(--text-primary);font-weight:var(--font-weight-semibold);text-transform:none;letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);border-bottom:2px solid rgba(255,255,255,.4);padding-bottom:var(--spacing-sm);flex:1}.section-edit-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);flex-shrink:0;width:clamp(28px,2.5vw,36px);height:clamp(28px,2.5vw,36px);margin-left:var(--spacing-sm)}.section-edit-btn:hover{background:#ffffff1a;color:var(--accent-blue)}.section-edit-btn svg{width:clamp(16px,1.4vw,20px);height:clamp(16px,1.4vw,20px)}.profile-section-header-inline{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-sm)}.profile-section-header-inline h3{margin:0;padding:0;flex:1}.tag-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);width:100%}.tag-chip{background:var(--text-tertiary);color:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:9999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;transition:all var(--transition-fast)}.profile-detail-row{display:contents}.profile-detail-row[data-tour=tokens-field-wrapper]{display:grid;grid-column:1 / -1;grid-template-columns:140px 1fr;column-gap:var(--spacing-lg)}@media(max-width:600px){.profile-detail-row[data-tour=tokens-field-wrapper]{grid-template-columns:1fr}}.profile-details-grid{display:grid;grid-template-columns:140px 1fr;column-gap:var(--spacing-lg);row-gap:0;margin-top:var(--spacing-md);width:100%;box-sizing:border-box;align-items:flex-end}.profile-detail-label{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:left;opacity:1;padding:var(--spacing-xs) 0;line-height:var(--line-height-normal);border-bottom:none;display:flex;align-items:flex-end;min-height:2.5em}.profile-detail-field .tag-grid{align-items:flex-end;min-height:2em;margin-bottom:0}.profile-detail-field .tag-chip{margin-bottom:0;align-self:flex-end}.profile-detail-field textarea.inline-editor-input{resize:vertical;min-height:2.5em;align-self:flex-end}.profile-detail-field .field-label{display:none!important}.profile-detail-field .inline-editor{width:100%;min-height:24px;display:flex;align-items:center}.profile-detail-field.detail-notes-link:hover{opacity:.8}.profile-details-grid>div[style*="grid-column: 1 / -1"]{grid-column:1 / -1;margin:var(--spacing-md) 0;padding:var(--spacing-md) 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}@media(max-width:600px){.profile-details-grid{grid-template-columns:1fr!important;row-gap:0!important}.profile-box .detail-label,.profile-details-grid .detail-label,.profile-detail-label{border-bottom:none!important;padding-bottom:6px!important;padding-top:24px!important;font-size:var(--font-size-sm)!important;opacity:.8!important;min-height:auto!important}.profile-details-grid>.profile-detail-row:first-child .profile-detail-label,.profile-details-grid>.profile-detail-label:first-of-type{padding-top:0!important}.detail-value,.profile-detail-field,.profile-detail-value{border-bottom:none!important;padding-top:0!important;padding-bottom:4px!important;font-size:var(--font-size-sm)!important;min-height:auto!important;margin-bottom:0!important}.profile-content{padding-bottom:var(--spacing-lg)!important}}.profile-box .detail-label,.profile-details-grid .detail-label,.profile-detail-label{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;text-transform:capitalize;white-space:nowrap;text-align:left;padding:var(--spacing-xs) 0;border-bottom:none;line-height:var(--line-height-normal);opacity:1;position:relative}.detail-value,.profile-detail-field,.profile-detail-value{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);margin:0;text-align:left;line-height:var(--line-height-normal);padding:var(--spacing-xs) 0;border-bottom:none;flex:1;min-width:0;opacity:1;display:flex;align-items:flex-end;min-height:2.5em}.profile-detail-value:empty:after{content:"Not set";color:var(--text-tertiary);font-style:italic}.profile-email-display{pointer-events:none;-webkit-user-select:text;user-select:text}.profile-email-display a{color:inherit!important;text-decoration:none!important;pointer-events:none!important}.profile-detail-field .inline-editor{border:none!important;border-bottom:none!important;background:transparent!important;padding:0!important;margin:0!important;width:100%;min-height:inherit;display:flex;align-items:flex-end}.profile-detail-field .inline-editor.display{display:flex!important;align-items:flex-end!important;justify-content:flex-start;min-height:2.5em}.profile-detail-field .inline-editor .display-text{display:flex;align-items:flex-end;line-height:var(--line-height-normal);align-self:flex-end}.profile-detail-field .inline-editor.pencil-mode{display:flex!important;align-items:flex-end!important;justify-content:flex-start;gap:var(--spacing-xs);min-height:2.5em}.profile-detail-field .inline-editor .pencil-icon-container{align-self:flex-end}.profile-detail-field .inline-editor-input{border:none!important;border-bottom:none!important;background:var(--bg-primary)!important;outline:2px solid var(--accent-blue)!important;border-radius:var(--border-radius-md)!important}.profile-box .detail-item[style*="grid-column: 1 / -1"] .detail-label,.profile-details-grid .detail-item[style*="grid-column: 1 / -1"] .detail-label{font-size:var(--card-h3);font-weight:var(--card-weight-bold);margin-bottom:var(--spacing-xs);padding:0;white-space:normal;text-align:left;display:block;width:fit-content;border-bottom:none!important;opacity:1;color:var(--text-primary)}.profile-box-roles,.profile-box-target{margin-top:var(--spacing-md)}.profile-box-current-inline.inline-editor.display{font-size:1rem;font-weight:400;color:var(--text-primary);padding-left:4px;border-radius:px}.profile-settings-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.profile-settings-btn:hover{color:var(--accent-blue)}.profile-settings-btn svg{width:18px;height:18px}.profile-box-name{width:100%}.profile-box-name .inline-editor.display{font-size:var(--card-h2);font-weight:var(--card-weight-heading);color:var(--text-primary);line-height:var(--card-line-height-normal);padding:var(--card-item-gap) var(--card-content-padding);border-radius:var(--border-radius-md);transition:all var(--transition-fast);min-height:2.5em;display:flex;align-items:center}.profile-box-name .inline-editor.display:hover{background:var(--hover-bg-secondary);transform:translate(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{font-size:var(--card-h2);font-weight:var(--card-weight-heading);padding:var(--card-item-gap) var(--card-content-padding);border:2px solid var(--accent-blue);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary);width:100%;min-height:2.5em;line-height:var(--card-line-height-normal)}.detail-label-clickable{cursor:pointer;transition:color var(--transition-fast);font-weight:var(--card-weight-semibold);opacity:1}.detail-label-clickable:hover{color:var(--accent-blue);opacity:1}.profile-top{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-lg);width:100%;padding:none;padding-top:var(--spacing-xl);margin-bottom:var(--spacing-lg);text-align:left;min-height:187px}.profile-avatar-large{flex-shrink:0;width:187px;height:187px;border-radius:50%;overflow:hidden;position:relative;display:block}.profile-avatar-large .user-avatar{width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:none!important;display:block!important}.profile-avatar-large .user-avatar .avatar-container{width:100%!important;height:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.profile-avatar-large .user-avatar .avatar-container .avatar-image{width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important;object-fit:cover!important}@media(max-width:768px){.profile-avatar-large{width:160px;height:160px}.profile-top{min-height:160px}}@media(max-width:480px){.profile-avatar-large{width:133px;height:133px}.profile-top{min-height:133px}}.profile-identity{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding:0;flex:0 1 auto;max-width:500px;min-width:0;justify-content:center}.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{display:inline-flex;align-items:center;gap:var(--spacing-xs);width:auto}.verified-icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.verified-icon{width:16px;height:16px;color:var(--accent-blue);filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));position:relative;z-index:1}.profile-identity .inline-editor{font-family:inherit;background:transparent;border:none;padding:0;margin:0}.profile-box .profile-top .profile-name-large{font-family:var(--font-sans);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin:0;padding:0}.profile-profession-row{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.profile-profession-display{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-normal);margin:0;padding:0;flex:1}.profession-title{font-family:var(--font-sans);font-weight:var(--font-weight-medium);color:var(--text-primary)}.profession-years{color:var(--text-secondary)}.profile-role-display{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:var(--text-secondary);line-height:var(--line-height-normal);margin:0;padding:0}.profession-edit-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);flex-shrink:0;width:clamp(28px,2.5vw,36px);height:clamp(28px,2.5vw,36px)}.profession-edit-btn:hover{background:#ffffff1a;color:var(--accent-blue)}.profession-edit-btn svg{width:clamp(16px,1.4vw,20px);height:clamp(16px,1.4vw,20px)}.profession-description{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-secondary);line-height:1.5;margin:0;padding:0;max-width:100%}.profile-box .profile-top .profile-location{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.4;margin:0;padding:0;cursor:default;transition:color var(--transition-fast)}.profile-top .profile-location:hover{color:var(--text-primary)}.profile-top .profile-identity .empty{color:var(--text-tertiary);font-style:italic}@media(max-width:480px){.profile-top{flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center}.profile-identity{align-items:center;padding-top:0;max-width:100%}.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-profession,.profile-box .profile-top .profile-location{font-size:var(--card-caption);font-weight:var(--card-weight-emphasis)}}.profile-header.profile-header-clickable{transition:all var(--transition-fast);position:relative;overflow:clip;touch-action:pan-y}.profile-header-clickable-area{cursor:pointer;touch-action:pan-y}.profile-header-clickable-area:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}.profile-top.profile-top-simplified{position:relative;padding-right:var(--spacing-xl);padding-top:var(--spacing-md);padding-bottom:var(--spacing-sm);margin-bottom:0;min-height:0}.profile-identity.profile-identity-simplified{gap:var(--spacing-xs);text-align:left}.profile-options-container{position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:10}.profile-options-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);width:36px;height:36px}.profile-options-btn:hover{background:var(--state-hover);color:var(--text-primary)}.profile-options-btn svg{width:20px;height:20px}.profile-options-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--bg-elevated);border:1px solid rgba(255,255,255,.15);border-radius:var(--border-radius-md);box-shadow:var(--shadow-elevation-04dp);min-width:160px;z-index:100;overflow:hidden}.profile-options-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast);text-align:left}.profile-options-item:hover{background:var(--state-hover)}.profile-options-item .options-item-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--text-secondary)}.profile-options-item .options-item-icon svg{width:16px;height:16px}.profile-options-item .options-item-icon .options-eye-icon{width:16px;height:16px;filter:invert(1);opacity:.7}.profile-header-top-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);touch-action:pan-y}.profile-header-top-row .profile-options-container{position:relative;top:auto;right:auto}.profile-header-content-centered{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 var(--spacing-md) var(--spacing-lg);gap:var(--spacing-md);touch-action:pan-y}.profile-avatar-centered{width:120px;height:120px;border-radius:50%;overflow:hidden;flex-shrink:0}.profile-avatar-centered .profile-avatar,.profile-avatar-centered .user-avatar,.profile-avatar-centered .user-avatar-container,.profile-avatar-centered .avatar-container{width:100%!important;height:100%!important;border-radius:50%!important;overflow:hidden!important}.profile-identity-centered{display:flex;flex-direction:column;align-items:center;gap:2px}.profile-subheader{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.profile-subheader-icon{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.profile-description-display{color:var(--text-secondary);font-size:var(--font-size-sm);font-family:var( --font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif );max-width:300px;line-height:1.4;margin-top:4px}.profile-preview-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 1000);padding:var(--spacing-md)}.profile-preview-modal{background:var(--bg-elevated);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:95%;max-height:85dvh;display:flex;flex-direction:column;overflow:hidden}.profile-preview-header{display:flex;flex-direction:column;padding:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.profile-preview-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.profile-preview-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);width:36px;height:36px}.profile-preview-close:hover{background:var(--state-hover);color:var(--text-primary)}.profile-preview-close svg{width:20px;height:20px}.profile-preview-centered{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.profile-preview-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;flex-shrink:0}.profile-preview-avatar .profile-avatar-small,.profile-preview-avatar .user-avatar,.profile-preview-avatar .user-avatar-container,.profile-preview-avatar .avatar-container{width:100%!important;height:100%!important;border-radius:50%!important;overflow:hidden!important}.profile-preview-identity{display:flex;flex-direction:column;align-items:center;gap:2px}.profile-preview-name{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.profile-preview-role{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.profile-preview-description{font-size:var(--font-size-sm);font-family:var( --font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif );color:var(--text-secondary);margin:4px 0 0;max-width:300px;line-height:1.4}.profile-preview-modal .card-tabs-wrapper{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.profile-preview-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.profile-preview-tab-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.preview-detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(255,255,255,.05)}.preview-detail-row:last-child{border-bottom:none}.preview-detail-row.preview-detail-full{flex-direction:column;gap:var(--spacing-xs)}.preview-detail-label{font-size:var(--font-size-sm);color:var(--text-secondary);flex-shrink:0;min-width:100px}.preview-detail-value{font-size:var(--font-size-sm);color:var(--text-primary);text-align:right}.preview-detail-full .preview-detail-value{text-align:left;line-height:1.5}.preview-email{word-break:break-all}@media(max-width:600px){.profile-preview-modal{max-height:90dvh;margin:var(--spacing-sm)}.profile-preview-header,.profile-preview-content{padding:var(--spacing-md)}.preview-detail-row{flex-direction:column;gap:var(--spacing-xs)}.preview-detail-value{text-align:left}}.profile-expand-indicator{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xs) 0;color:var(--text-tertiary);transition:transform var(--transition-fast),color var(--transition-fast)}.profile-expand-indicator svg{width:20px;height:20px;transition:transform var(--transition-fast)}.profile-expand-indicator.expanded svg{transform:rotate(180deg)}.profile-expand-indicator.expanded{color:var(--text-secondary)}.profile-expanded-details{overflow:hidden;border-top:1px solid rgba(255,255,255,.1);margin-top:var(--spacing-sm)}.profile-details-inner{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-detail-section{padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.profile-detail-section:last-child{padding-bottom:0;border-bottom:none}.detail-section-title{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-xs);border-bottom:2px solid rgba(255,255,255,.3)}.profile-detail-row.profile-detail-row-full{display:flex;flex-direction:column;grid-column:1 / -1;gap:var(--spacing-xs)}.profile-detail-row.profile-detail-row-full .profile-detail-label{padding-bottom:0}.profile-detail-row.profile-detail-row-full .profile-detail-value{padding-top:0;white-space:pre-wrap}.profile-section-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) 0 var(--spacing-xs) 0;margin-top:var(--spacing-md)}.profile-section-icon{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.profile-section-title{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.profile-trees-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-lg);margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));touch-action:pan-y}.profile-trees-loading{color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-lg)}.profile-plant-tree-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-comfortable)}.profile-plant-tree-btn:hover{border-color:var(--tree-green);color:var(--tree-green);background:rgba(var(--tree-green-rgb),.05)}.profile-plant-tree-btn:active{transform:scale(.98)}.profile-plant-tree-btn .plant-tree-icon{width:20px;height:20px;color:var(--tree-green)}.profile-growth-section,.profile-seeds-section{margin-top:var(--spacing-sm)}.seeds-compact-preview{display:flex;justify-content:center;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}@media(prefers-color-scheme:light){.seeds-compact-preview{border-top-color:#00000014}}[data-theme=light] .seeds-compact-preview,body.light-theme .seeds-compact-preview{border-top-color:#00000014}.growth-bar-preview{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}@media(prefers-color-scheme:light){.growth-bar-preview{border-top-color:#00000014}}[data-theme=light] .growth-bar-preview{border-top-color:#00000014}@media(max-width:600px){.profile-options-container{top:var(--spacing-sm);right:var(--spacing-sm)}.profile-top.profile-top-simplified{flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm);padding-right:var(--spacing-xl)}.profile-top.profile-top-simplified .profile-avatar-large{width:72px;height:72px;flex-shrink:0}.profile-identity.profile-identity-simplified{flex:1;align-items:flex-start;text-align:left;gap:2px;min-width:0}.profile-identity.profile-identity-simplified .profile-name-large{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.profile-identity.profile-identity-simplified .profile-role-display{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-secondary);line-height:var(--line-height-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.profile-expand-indicator{padding:var(--spacing-xs) 0 0 0}.profile-expand-indicator svg{width:18px;height:18px}.profile-details-inner{padding:var(--spacing-sm);gap:var(--spacing-md)}.profile-trees-list{gap:var(--spacing-sm);padding:var(--spacing-xs) 0 var(--spacing-md);margin-left:calc(-1 * var(--spacing-sm));margin-right:calc(-1 * var(--spacing-sm))}.profile-trees-list .tree-card{margin:0 var(--spacing-sm)}}@media(prefers-color-scheme:light){.profile-header,.profile-tab-content{background:var(--elevation-02dp);border:1px solid var(--beige-sand);box-shadow:var(--shadow-elevation-02dp)}.profile-options-menu{background:var(--elevation-08dp);border-color:#453a2d1a;box-shadow:var(--shadow-elevation-08dp)}.profile-options-item:hover{background:var(--state-hover)}.profile-expanded-details{border-top-color:#453a2d1a}.profile-detail-section{border-bottom-color:#453a2d14}.detail-section-title{border-bottom-color:#453a2d26}.profile-growth-section .collapsible-section{background:var(--elevation-02dp);box-shadow:var(--shadow-elevation-02dp)}}body.light-theme .profile-header,body.light-theme .profile-tab-content{background:var(--elevation-02dp);border:1px solid var(--beige-sand);box-shadow:var(--shadow-elevation-02dp)}body.light-theme .profile-options-menu{background:var(--elevation-08dp);border-color:#453a2d1a;box-shadow:var(--shadow-elevation-08dp)}body.light-theme .profile-options-item:hover{background:var(--state-hover)}body.light-theme .profile-expanded-details{border-top-color:#453a2d1a}body.light-theme .profile-detail-section{border-bottom-color:#453a2d14}body.light-theme .detail-section-title{border-bottom-color:#453a2d26}body.light-theme .profile-growth-section .collapsible-section{background:var(--elevation-02dp);box-shadow:var(--shadow-elevation-02dp)}[data-theme=light] .profile-header,[data-theme=light] .profile-tab-content{background:var(--elevation-02dp);border:1px solid var(--beige-sand);box-shadow:var(--shadow-elevation-02dp)}[data-theme=light] .profile-options-menu{background:var(--elevation-08dp);border-color:#453a2d1a;box-shadow:var(--shadow-elevation-08dp)}[data-theme=light] .profile-options-item:hover{background:var(--state-hover)}[data-theme=light] .profile-expanded-details{border-top-color:#453a2d1a}[data-theme=light] .profile-detail-section{border-bottom-color:#453a2d14}[data-theme=light] .detail-section-title{border-bottom-color:#453a2d26}[data-theme=light] .profile-growth-section .collapsible-section{background:var(--elevation-02dp);box-shadow:var(--shadow-elevation-02dp)}.user-upload{position:relative;border:2px dashed var(--border-light);border-radius:20px;padding:var(--spacing-lg);background:var(--elevation-01dp);transition:all .2s ease;cursor:pointer;min-height:120px;display:flex;align-items:center;justify-content:center}.user-upload:hover{border-color:var(--accent-blue);background:#82c2fe0d}.user-upload:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #82c2fe33}.user-upload.drag-over{border-color:var(--accent-blue-solid);background:#82c2fe1a;border-style:solid}.user-upload.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.user-upload.uploading{cursor:wait}.upload-drag-overlay{position:absolute;inset:0;background:#4a9eff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;display:flex;align-items:center;justify-content:center;z-index:10}.drag-overlay-content{text-align:center}.drag-overlay-icon{margin-bottom:var(--spacing-sm);color:var(--accent-blue-solid);display:flex;justify-content:center}.drag-overlay-icon svg{width:2.5rem;height:2.5rem}.drag-overlay-text{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--accent-blue)}.upload-content{width:100%;position:relative;z-index:1}.upload-default-content{text-align:center}.upload-icon{margin-bottom:var(--spacing-sm);opacity:.5;color:var(--text-tertiary);display:flex;justify-content:center}.upload-icon svg{width:2.5rem;height:2.5rem}.upload-text{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--text-tertiary);margin-bottom:var(--spacing-md);line-height:1.5}.upload-browse-button{background:var(--accent-blue-solid);color:#fff;border:none;border-radius:12px;padding:10px 24px;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);cursor:pointer;transition:all .15s ease;box-shadow:0 4px #3a7fd6}.upload-browse-button:hover{background:#5aabff;transform:translateY(-1px);box-shadow:0 5px #3a7fd6}.upload-browse-button:active{transform:translateY(2px);box-shadow:0 2px #3a7fd6}.upload-browse-button:focus{outline:none;box-shadow:0 4px #3a7fd6,0 0 0 3px #82c2fe4d}.upload-progress{margin-top:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.progress-bar{flex:1;height:8px;background:var(--elevation-02dp);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-light)}.progress-fill{height:100%;background:var(--accent-blue-solid);transition:width .3s ease;border-radius:var(--radius-full)}.progress-text{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--accent-blue);min-width:36px;text-align:right}.cancel-button{background:var(--elevation-02dp);border:none;color:var(--text-tertiary);cursor:pointer;padding:0;border-radius:50%;transition:all .15s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.cancel-button svg{width:12px;height:12px}.cancel-button:hover{background:var(--accent-red);color:#fff}.cancel-button:focus{outline:none;box-shadow:0 0 0 2px #f926724d}.upload-error{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#f926721a;border:1px solid rgba(249,38,114,.3);border-radius:10px;display:flex;align-items:center;gap:var(--spacing-sm)}.error-icon{width:18px;height:18px;border-radius:50%;background:var(--accent-red);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:11px;font-weight:var(--font-weight-bold);flex-shrink:0}.error-text{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--accent-red);line-height:1.4}@media(max-width:768px){.user-upload{padding:var(--spacing-md);min-height:100px;border-radius:16px}.upload-icon svg{width:2rem;height:2rem}.upload-text{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.upload-browse-button{padding:10px 20px;font-size:var(--font-size-sm)}.drag-overlay-icon svg{width:2rem;height:2rem}.drag-overlay-text{font-size:var(--font-size-sm)}}@media(prefers-reduced-motion:reduce){.user-upload,.progress-fill,.upload-browse-button,.cancel-button{transition:none}.upload-browse-button:hover,.upload-browse-button:active{transform:none}}@media(prefers-contrast:high){.user-upload{border-width:3px}.upload-error{border-width:2px}}.avatar-image-selector{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--border-radius-lg);max-width:480px;max-height:600px}.selector-header{text-align:center;margin-bottom:var(--spacing-md)}.selector-header h3{margin:0 0 var(--spacing-xs) 0;font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.selector-header p{margin:0;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary)}.avatar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-secondary)}.avatar-option{position:relative;aspect-ratio:1;border-radius:var(--border-radius-md);overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all var(--transition-fast);background:var(--bg-primary)}.avatar-option:hover{transform:scale(1.05);border-color:var(--tree-green);box-shadow:var(--shadow-md)}.avatar-option.selected{border-color:var(--tree-green);box-shadow:0 0 0 2px #10b9814d;transform:scale(1.05)}.avatar-option.failed{background:var(--bg-error);cursor:not-allowed;opacity:.6}.avatar-option.failed:hover{transform:none;border-color:transparent;box-shadow:none}.avatar-preview{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:inherit}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top:2px solid var(--tree-green);border-radius:50%;animation:spin 1s linear infinite}.selection-indicator{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--tree-green);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm)}.avatar-failed{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-sm);text-align:center}.failed-icon{font-size:24px;margin-bottom:var(--spacing-xs)}.failed-text{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--text-secondary)}.avatar-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:var(--spacing-sm);text-align:center;font-family:var(--font-sans)}.avatar-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#fff}.avatar-category{font-size:var(--font-size-xs);color:#fffc}.selector-actions{display:flex;gap:var(--spacing-md);justify-content:center;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.selector-actions .btn{font-family:var(--font-sans);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.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{margin:0;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary)}.selection-info small{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--text-secondary);opacity:.7}@media(max-width:480px){.avatar-image-selector{max-width:100%;padding:var(--spacing-md)}.avatar-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-sm);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{margin:0;padding:0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.date-selector-button{width:100%;padding:var(--spacing-sm) var(--spacing-md);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-md);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:all var(--transition-medium)}.date-selector-button:hover{border-color:var(--accent-blue);background:var(--bg-hover)}.date-selector-button:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring-blue)}.date-selector-privacy-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.privacy-toggle-checkbox{display:none}.privacy-toggle-slider{position:relative;width:var(--toggle-width);height:var(--toggle-height);background:var(--toggle-bg-off);border:2px solid var(--toggle-border-off);border-radius:calc(var(--toggle-height) / 2);transition:var(--toggle-transition);flex-shrink:0}.privacy-toggle-slider:before{content:"";position:absolute;top:var(--toggle-padding);left:var(--toggle-padding);width:var(--toggle-circle-size);height:var(--toggle-circle-size);background:var(--toggle-circle-color);border-radius:50%;transition:var(--toggle-transition);box-shadow:var(--shadow-sm)}.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:translate(calc(var(--toggle-width) - var(--toggle-circle-size) - 2 * var(--toggle-padding) - 4px))}.privacy-toggle-text{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.privacy-toggle-text .privacy-icon{width:16px;height:16px;flex-shrink:0;color:var(--text-secondary);transition:color var(--transition-medium)}.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{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-md)}.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);width:100%;max-width:500px;overflow:hidden}.date-wheel-picker-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.date-wheel-picker-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.date-wheel-picker-wheels{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-primary)}.date-wheel{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.date-wheel-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-align:center;text-transform:uppercase;letter-spacing:.5px}.date-wheel-select{width:100%;padding:var(--spacing-sm);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-md);font-family:var(--font-sans);font-weight:var(--font-weight-medium);text-align:center;cursor:pointer;transition:all var(--transition-medium);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:32px}.date-wheel-select:hover{border-color:var(--accent-blue);background-color:var(--bg-hover)}.date-wheel-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring-blue)}.date-wheel-select{color-scheme:dark}.date-wheel-select option{background:var(--bg-primary);color:var(--text-primary)}.light-theme .date-wheel-select{color-scheme:light}.light-theme .date-wheel-select option{background:var(--bg-primary);color:var(--text-primary)}.date-wheel-picker-footer{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--bg-secondary)}.date-wheel-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;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,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233d3428' d='M6 8L2 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{margin:0;padding:0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.gender-selector-button{width:100%;padding:var(--spacing-sm) var(--spacing-md);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-md);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:all var(--transition-medium)}.gender-selector-button:hover{border-color:var(--accent-blue);background:var(--bg-hover)}.gender-selector-button:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring-blue)}.gender-selector-privacy-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--spacing-xs) 0}.privacy-toggle-checkbox{position:absolute;opacity:0;pointer-events:none}.privacy-toggle-slider{position:relative;width:44px;height:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all var(--transition-medium);flex-shrink:0}.privacy-toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-tertiary);border-radius:50%;transition:all var(--transition-medium)}.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{transform:translate(20px);background:var(--accent-blue)}.privacy-toggle-text{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);transition:color var(--transition-fast)}.privacy-icon{width:16px;height:16px;flex-shrink:0}.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{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-lg)}.gender-picker-modal{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:450px;max-height:90vh;max-height:90dvh;overflow:hidden;display:flex;flex-direction:column}.gender-picker-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.gender-picker-header h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.gender-picker-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.gender-picker-options{padding:var(--spacing-md);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.gender-picker-option-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.gender-picker-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-primary)}.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{position:absolute;opacity:0;pointer-events:none}.gender-radio-custom{position:relative;width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;transition:all var(--transition-fast);flex-shrink:0;background:var(--bg-primary)}.gender-picker-option:hover .gender-radio-custom{border-color:var(--accent-blue-dim)}.gender-picker-option.selected .gender-radio-custom{border-color:var(--accent-blue);background:var(--accent-blue)}.gender-picker-option.selected .gender-radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff}.gender-option-text{font-size:var(--font-size-base);color:var(--text-primary);-webkit-user-select:none;user-select:none;flex:1}.gender-picker-option.selected .gender-option-text{font-weight:500;color:var(--accent-blue)}.gender-custom-input-modal{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-fast);outline:none;margin-left:calc(20px + var(--spacing-sm));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{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:flex-end}.gender-picker-btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-family:var(--font-sans)}.gender-picker-btn-cancel{background:transparent;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-option-text,.gender-custom-input-modal{font-size:var(--font-size-sm)}.gender-picker-footer{padding:var(--spacing-sm) var(--spacing-md)}}.profile-section-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain;touch-action:none}.profile-section-modal-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #00000080;width:90%;max-width:600px;max-height:85vh;max-height:85dvh;display:flex;flex-direction:column;position:relative;overflow-y:auto;overflow-x:hidden;touch-action:auto;overscroll-behavior:contain}.profile-section-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.15);gap:var(--spacing-md);flex-shrink:0}.profile-section-modal-header h2{font-size:var(--font-size-xl);font-family:var(--font-serif);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.profile-section-modal-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--spacing-xs) 0 0 0;font-family:var(--font-sans);font-weight:var(--font-weight-light)}.profile-section-modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);flex-shrink:0}.profile-section-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.profile-section-modal-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);flex:1 1 auto;overflow:visible}.profile-section-modal-error{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#f44;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm)}.profile-field-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-field-group label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary)}.profile-field-label{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.profile-field-label-text{flex:1;font-family:var(--font-serif);text-transform:none;letter-spacing:normal;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary)}.field-required{color:var(--accent-red, #ff4444);margin-left:var(--spacing-xs)}.field-checkmark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--tree-green);color:#fff;font-size:16px;font-weight:var(--font-weight-bold);flex-shrink:0;box-shadow:0 2px 8px #10b98166}.profile-section-modal-tabs{padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1);background:var(--bg-primary);flex-shrink:0}.profile-section-modal-tabs .card-tabs-wrapper{padding:0}.profile-section-modal-tabs .card-tabs{background:var(--bg-secondary)}.profile-section-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-md) 0 var(--spacing-sm) 0;padding-top:var(--spacing-md)}.profile-section-divider:before,.profile-section-divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.divider-label{font-family:var(--font-serif);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);letter-spacing:normal;white-space:nowrap}.profile-avatar-editor-field{padding:var(--spacing-sm) 0}.profile-avatar-editor-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.profile-avatar-editor-preview{width:100px;height:100px;border-radius:50%;overflow:visible;background:var(--bg-secondary);border:2px solid var(--border-color);flex-shrink:0;position:relative}.profile-avatar-editor-preview .user-avatar-container{width:100%!important;height:100%!important;border-radius:50%}.avatar-preview-image{width:100%;height:100%;object-fit:cover}.avatar-preview-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-secondary);background:var(--elevation-02dp)}.avatar-editor-hint{margin:0;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:var(--line-height-relaxed);text-align:center}.profile-input,.profile-textarea{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);font-family:inherit}.profile-input:focus,.profile-textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #64b5f61a}.profile-input-readonly{background:#ffffff0d;border-color:#ffffff1a;color:var(--text-tertiary);cursor:not-allowed;opacity:.7}.profile-input-readonly:focus{border-color:#ffffff1a;box-shadow:none}.profile-field-readonly-badge{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--accent-gold);margin-top:calc(var(--spacing-xs) * .5);padding:calc(var(--spacing-xs) * .5) var(--spacing-sm);background:#d6ae541a;border-radius:var(--border-radius-sm);border:1px solid rgba(214,174,84,.3)}.profile-field-readonly-badge svg{flex-shrink:0}.profile-textarea{resize:vertical;min-height:100px;line-height:1.5}.profile-char-count{font-size:var(--font-size-sm);color:var(--text-tertiary);text-align:right;margin-top:calc(var(--spacing-xs) * -.5)}.profile-field-help{font-size:var(--font-size-sm);color:var(--text-tertiary);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{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:var(--bg-tertiary);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-sm)}@media(prefers-color-scheme:light){.profile-tag{background:#4a5568;color:#fff}}.light-theme .profile-tag,[data-theme=light] .profile-tag{background:#4a5568;color:#fff}.profile-tag-remove{background:transparent;border:none;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.profile-tag-remove:hover{background:#fff3}.profile-section-modal-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.15);justify-content:flex-end}.profile-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;min-width:100px}.profile-btn:disabled{opacity:.5;cursor:not-allowed}.profile-btn-cancel{background:#ffffff1a;color:var(--text-primary)}.profile-btn-cancel:hover:not(:disabled){background:#ffffff26}.profile-btn-save{background:var(--tree-green);color:#fff}.profile-btn-save:hover:not(:disabled){background:var(--accent-green);transform:translateY(-1px);box-shadow:0 4px 12px #64b5f64d}.confirm-dialog-overlay{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;overscroll-behavior:contain;touch-action:none}.confirm-dialog-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);border:2px solid var(--accent-blue);box-shadow:0 25px 70px #0009,0 0 20px #64b5f64d;width:90%;max-width:480px;display:flex;flex-direction:column}.confirm-dialog-header{padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.15)}.confirm-dialog-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.confirm-dialog-body{padding:var(--spacing-lg);flex:1}.confirm-dialog-body p{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6;margin:0}.confirm-dialog-footer{display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.15);justify-content:flex-end;flex-wrap:wrap}.profile-btn-discard{background:#f44c;color:#fff}.profile-btn-discard:hover:not(:disabled){background:#f44;transform:translateY(-1px);box-shadow:0 4px 12px #f446}@media(max-height:600px){.profile-section-modal-content{max-height:90vh;max-height:90dvh}.profile-section-modal-header,.profile-section-modal-body,.profile-section-modal-footer{padding:var(--spacing-sm)}.profile-field-group{gap:calc(var(--spacing-xs) * .5)}}@media(max-height:700px){.profile-section-modal-content{max-height:88vh;max-height:88dvh}.profile-section-modal-header,.profile-section-modal-body,.profile-section-modal-footer{padding:var(--spacing-md)}}@media(max-width:768px){.profile-section-modal-content{width:95%;max-height:85vh;max-height:85dvh;max-height:calc(85dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}[data-tour=profile-modal-identity].profile-section-modal-content{max-height:calc(100vh - 128px)!important;max-height:calc(100dvh - 128px)!important}.profile-section-modal-header,.profile-section-modal-body,.profile-section-modal-footer{padding:var(--spacing-md)}.profile-section-modal-body{flex:1 1 auto;overflow:visible}.profile-section-modal-footer{flex-direction:column;padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}.profile-btn{width:100%;min-height:44px}.confirm-dialog-content{width:95%}.confirm-dialog-footer{flex-direction:column;gap:var(--spacing-xs)}.confirm-dialog-footer .profile-btn{width:100%;order:0}.confirm-dialog-footer .profile-btn-save{order:1}.confirm-dialog-footer .profile-btn-discard{order:2}.confirm-dialog-footer .profile-btn-cancel{order:3}}@media(max-width:768px)and (max-height:600px){.profile-section-modal-content{max-height:85vh;max-height:85dvh;max-height:calc(85dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.profile-section-modal-header,.profile-section-modal-body,.profile-section-modal-footer{padding:var(--spacing-sm)}.profile-section-modal-body{flex:1 1 auto;overflow:visible}.profile-field-group{gap:calc(var(--spacing-xs) * .5)}}@media(max-width:480px){.profile-section-modal-content{max-height:75vh;max-height:75dvh;max-height:calc(75dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.profile-section-modal-header,.profile-section-modal-body,.profile-section-modal-footer{padding:var(--spacing-md)}.profile-input,.profile-textarea{font-size:var(--font-size-md)}.profile-btn{font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md)}}.health-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:help}.health-badge-circle{width:12px;height:12px;border-radius:50%;background:var(--health-color);box-shadow:0 2px 4px #00000026;transition:all var(--transition-fast)}.health-badge:hover .health-badge-circle{transform:scale(1.15);box-shadow:0 3px 6px #0003,0 0 0 3px rgba(var(--health-color-rgb, 100, 100, 100),.15)}.health-badge-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-xs) var(--spacing-sm);box-shadow:var(--shadow-lg);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:100;min-width:120px}.health-badge:hover .health-badge-tooltip{opacity:1}.tooltip-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-md);font-family:var(--font-sans)}.tooltip-row+.tooltip-row{margin-top:var(--spacing-xs)}.tooltip-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-normal);text-transform:lowercase}.tooltip-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.light-theme .health-badge-circle{box-shadow:0 2px 4px #3d342833}.light-theme .health-badge:hover .health-badge-circle{box-shadow:0 3px 6px #3d342840,0 0 0 3px rgba(var(--health-color-rgb, 100, 100, 100),.15)}.light-theme .health-badge-tooltip{background:var(--beige-canvas);border-color:var(--border-light);box-shadow:0 4px 12px #3d342826,0 1px 3px #3d34281a}.growth-metrics-bar-chart{width:100%;padding:0}.growth-metrics-bar-chart .empty-state{text-align:center;padding:var(--spacing-xl, 32px);color:var(--text-secondary, #888);font-style:italic}.bar-chart-row{display:flex;flex-direction:column;gap:var(--spacing-xs, 12px);padding:var(--spacing-sm);margin:0}.bar-wrapper{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm, 12px);padding:var(--spacing-sm, 6px);border-radius:var(--border-radius-xl);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-right:var(--spacing-md)}.bar-wrapper.selected{background:var(--overlay-light);transform:scale(1.03);box-shadow:0 4px 12px #0000001a;padding:var(--spacing-md) var(--spacing-sm)}.bar-wrapper.animating{animation:barPulse .8s ease-in-out}@keyframes barPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 20px #d6ae5466}}.bar-background{position:absolute;top:0;left:0;height:100%;border-radius:var(--border-radius-lg);transition:width .6s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,background-color .3s ease;box-shadow:0 1px 3px #0000004d;z-index:1}.bar-background.complete-glow{box-shadow:0 0 12px #10b98180,inset 0 1px 8px #ffffff26,0 1px 3px #0000004d;animation:completePulse 2s ease-in-out infinite}@keyframes completePulse{0%,to{box-shadow:0 0 12px #10b98180,inset 0 1px 8px #ffffff26,0 1px 3px #0000004d}50%{box-shadow:0 0 20px #10b981b3,inset 0 1px 10px #fff3,0 1px 6px #0006}}@keyframes shimmer{to{left:100%}}.bar-foreground{position:absolute;top:0;left:0;height:100%;border-radius:var(--border-radius-lg);transition:width .6s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;box-shadow:0 1px 3px #0000004d;z-index:2}.bar-wrapper:hover .bar-foreground{box-shadow:0 2px 6px #0006}@media(max-width:768px){.bar-chart-row{gap:var(--spacing-sm, 8px)}.bar-wrapper{margin-right:var(--spacing-sm)}.bar-label{min-width:60px;max-width:80px;font-size:.8rem}.bar-icon{width:24px;height:24px}.bar-track{height:24px}}@media(max-width:480px){.bar-chart-row{gap:var(--spacing-xs, 6px);padding:var(--spacing-xs)}.bar-wrapper{padding:var(--spacing-xs, 4px);margin-right:0;gap:var(--spacing-xs, 8px)}.bar-label{min-width:50px;max-width:70px;font-size:.75rem}.bar-icon{width:20px;height:20px}.bar-track{height:20px}}.bar-wrapper:focus-visible{outline:2px solid var(--color-golden, #d6ae54);outline-offset:2px}@media(prefers-reduced-motion:reduce){.bar-background,.bar-foreground{transition-duration:.1s}.bar-wrapper.animating{animation:none}.bar-wrapper:hover{transform:translate(2px)}.bar-wrapper:hover .bar-background:after{animation:none}.bar-background.complete-glow{animation:none;box-shadow:0 0 16px #10b98199,inset 0 1px 8px #ffffff26,0 1px 3px #0000004d}.light-theme .bar-background.complete-glow{animation:none;box-shadow:0 0 20px #10b98180,inset 0 1px 6px #ffffff4d,0 2px 4px #00000026}}.light-theme .bar-wrapper:hover{background:#0000000d}.light-theme .bar-wrapper.selected{background:#00000014}.light-theme .bar-background.complete-glow{box-shadow:0 0 16px #10b98166,0 2px 4px #00000026}@keyframes completePulseLightTheme{0%,to{box-shadow:0 0 16px #10b98166,inset 0 1px 6px #ffffff4d,0 2px 4px #00000026}50%{box-shadow:0 0 24px #10b98199,inset 0 1px 8px #fff6,0 2px 6px #0003}}.light-theme .bar-background.complete-glow{animation:completePulseLightTheme 2s ease-in-out infinite}.circular-gauge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-fast);position:relative}.circular-gauge-interactive{cursor:pointer}.circular-gauge-interactive:hover{transform:scale(1.08);transition:transform var(--transition-fast)}.circular-gauge-interactive:active{transform:scale(1.02)}.circular-gauge-interactive:focus-visible{outline:2px solid var(--accent-blue);outline-offset:4px;border-radius:50%}.gauge-svg{display:block}.gauge-progress-circle{transition:stroke-dashoffset .6s ease-out,stroke .3s ease;stroke-linecap:round;stroke:var(--tree-green)}.gauge-content{pointer-events:none}.gauge-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gauge-icon svg{width:60%;height:60%;opacity:.9}.gauge-value{-webkit-user-select:none;user-select:none;line-height:1}.compact-gauge-row{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;align-items:center;padding:var(--spacing-md) 0;animation:fadeIn .4s ease-out}.gauge-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.gauge-label{font-size:var(--font-size-xs);font-family:var(--font-family-modern);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-align:center;transition:color var(--transition-fast)}.gauge-item:hover .gauge-label{color:var(--text-primary)}@media(max-width:600px){.compact-gauge-row{gap:var(--spacing-md);padding:var(--spacing-sm) 0}.gauge-item{flex:0 0 calc(33.333% - var(--spacing-md))}.gauge-label{font-size:10px}}@media(min-width:601px)and (max-width:900px){.compact-gauge-row{gap:var(--spacing-md)}}@media(min-width:901px){.compact-gauge-row{gap:var(--spacing-xl)}}.growth-note-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);transition:all var(--transition-fast);font-family:var(--font-sans);cursor:pointer;position:relative;box-shadow:var(--shadow-sm)}.growth-note-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header-row{display:flex;align-items:center;gap:var(--spacing-xs);width:100%}.task-checkbox{flex-shrink:0;display:flex;align-items:center}.ai-badge-inline{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);opacity:.6;width:12px;height:12px;flex-shrink:0;margin-left:-4px}.ai-badge-inline svg{width:12px;height:12px}.note-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-snug);font-family:var(--font-sans);flex:1;word-break:break-word;min-width:0}.options-menu-btn{background:transparent;border:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:4px;border-radius:50%;cursor:pointer;color:var(--text-secondary);opacity:.6;transition:all var(--transition-fast);flex-shrink:0}.options-menu-btn:hover{background-color:var(--bg-tertiary);opacity:1}.options-menu-btn svg{width:18px;height:18px}.card-error{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-error-overlay);border:1px solid rgba(239,68,68,.3);border-radius:var(--border-radius-md);color:var(--accent-red);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs);margin-left:calc(18px + var(--spacing-sm) + var(--spacing-sm))}.error-icon{font-weight:700}.card-footer{display:flex;align-items:center;gap:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--border-color);margin-top:var(--spacing-xs)}.footer-stats{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;min-width:0}.stat-capsule{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 8px;background:var(--bg-tertiary);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;cursor:help;transition:all var(--transition-fast);border:1px solid transparent}.stat-capsule:hover{background:var(--bg-hover);border-color:var(--border-color);transform:translateY(-1px)}.stat-capsule.time{color:var(--text-tertiary);opacity:.85}.stat-capsule.primary{font-weight:var(--font-weight-semibold)}.stat-capsule.primary .stat-icon{width:12px;height:12px}.stat-capsule.seeds{color:var(--accent-gold)}.stat-capsule .stat-icon{flex-shrink:0}.stat-capsule .stat-value{white-space:nowrap}@media(max-width:768px){.growth-note-card{padding:var(--spacing-xs) var(--spacing-sm)}.card-header-row{gap:6px}.note-title{font-size:var(--font-size-sm)}.stat-capsule{font-size:10px;padding:4px 6px}.footer-stats{gap:4px}.ai-badge-inline{width:10px;height:10px;margin-left:-2px}.ai-badge-inline svg{width:10px;height:10px}.options-menu-btn{width:24px;height:24px;padding:2px}.options-menu-btn svg{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){.growth-note-card,.stat-capsule{transition:none!important}}.options-menu-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.growth-note-card-simplified{padding:var(--spacing-sm) var(--spacing-md)}.growth-note-card-simplified .card-header-row{gap:var(--spacing-sm)}.growth-note-card-simplified .note-title{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-normal)}@media(max-width:600px){.growth-note-card-simplified{padding:var(--spacing-xs) var(--spacing-sm)}.growth-note-card-simplified .note-title{font-size:var(--font-size-sm)}}.completed-note-card{list-style:none;margin:0;padding:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.completed-note-card:hover{border-color:var(--accent-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.completed-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.completed-header:hover{background:var(--bg-hover)}.completed-header:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.completion-icon{font-size:1.2em;color:var(--accent-secondary);line-height:1;flex-shrink:0}.header-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.completed-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;word-break:break-word;line-height:var(--line-height-snug)}.completion-time{font-size:var(--font-size-xs);color:var(--text-tertiary)}.header-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.seeds-earned{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--accent-gold);white-space:nowrap}.streak-indicator{font-size:1.1em;animation:flicker 2s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.7}}.expand-arrow{font-size:1.5em;color:var(--text-tertiary);line-height:1;transition:transform .2s ease}.expand-arrow.expanded{transform:rotate(90deg)}.completed-details{padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);border-top:1px solid var(--border-color);animation:slideDown .2s ease-out;background:var(--bg-elevated)}.details-section{margin:0}.task-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:var(--line-height-normal);word-break:break-word}.details-metadata{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;font-size:var(--font-size-xs)}.metadata-item{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.metadata-label{color:var(--text-tertiary);font-size:var(--font-size-xs)}.metadata-value{color:var(--text-primary);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:4px}.category-icon-small{width:12px;height:12px}.rewards-breakdown{background:transparent;padding:0;margin-top:var(--spacing-xs)}.breakdown-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-xs) 0}.breakdown-list{display:flex;flex-direction:column;gap:4px}.breakdown-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:4px 8px;background:var(--bg-tertiary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);border:1px solid transparent;min-height:28px}.breakdown-item.streak-bonus{background:var(--bg-tertiary);border-color:var(--accent-gold);color:var(--accent-gold)}.breakdown-item.total{background:var(--bg-hover);border-color:var(--accent-primary);font-weight:var(--font-weight-semibold);margin-top:4px;color:var(--accent-primary)}.breakdown-icon{font-size:1em;line-height:1;flex-shrink:0}.breakdown-category{flex:1;color:var(--text-primary);font-size:var(--font-size-xs);word-break:break-word}.breakdown-value{color:var(--text-primary);font-weight:var(--font-weight-semibold);white-space:nowrap;font-size:var(--font-size-xs);flex-shrink:0}.breakdown-item.streak-bonus .breakdown-value{color:var(--accent-gold)}.breakdown-item.total .breakdown-value{color:var(--accent-primary);font-size:var(--font-size-sm)}@media(max-width:768px){.completed-header{padding:var(--spacing-xs) var(--spacing-sm);min-height:40px}.header-left{gap:var(--spacing-xs)}.completed-title{font-size:var(--font-size-sm);line-height:1.3}.completion-time,.seeds-earned{font-size:10px}.completion-icon{font-size:.9em}.expand-arrow{font-size:1.2em}.completed-details{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs)}.task-description{font-size:12px;line-height:1.4}.details-metadata{gap:4px}.metadata-item{padding:2px 6px;font-size:10px}.breakdown-item{padding:3px 6px;font-size:10px;min-height:24px}.breakdown-title{font-size:9px}.breakdown-category,.breakdown-value{font-size:10px}.breakdown-item.total .breakdown-value{font-size:11px}}@media(prefers-reduced-motion:reduce){.completed-note-card,.expand-arrow,.completed-details,.streak-indicator{animation:none;transition:none}.expand-arrow.expanded{transform:none}}.growth-metrics-container{height:auto;min-height:max-content;padding-bottom:var(--spacing-lg, 24px);position:relative;z-index:1}.universal-section{padding:var(--spacing-lg) 0;margin-bottom:var(--spacing-md, 16px);border-bottom:1px solid var(--border-light)}.universal-section:last-child{border-bottom:none}.universal-section:last-child{padding-bottom:var(--spacing-xl, 32px)}.debug-toggle-button{position:relative;bottom:10px;right:10px;font-size:10px;padding:4px 8px}.debug-controls{position:relative;top:10px;right:var(--spacing-sm)}.dev-controls{display:flex;justify-content:center;margin:var(--spacing-sm) 0}.task-card-actions{display:flex;gap:var(--spacing-xs);margin-left:auto}.growth-content{border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg)}.growth-visualization-section{display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);padding:var(--spacing-lg) 0;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light)}.section-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:var(--spacing-md)}.section-header-content{display:flex;align-items:center;gap:var(--spacing-sm)}.section-header-icon{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.section-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-serif);letter-spacing:var(--letter-spacing-tight)}.collapse-toggle{background:transparent;border:none;cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:var(--border-radius-md)}.collapse-toggle:hover{background:var(--bg-hover);color:var(--text-primary);transform:scale(1.1)}.collapse-toggle:active{transform:scale(.95)}.collapse-toggle svg{width:20px;height:20px;transition:transform var(--transition-fast)}.collapse-toggle.collapsed svg{transform:rotate(180deg)}.growth-visualization-section.collapsed .section-header{margin-bottom:0}.growth-visualization-section.expanded{animation:expandSection .4s cubic-bezier(.4,0,.2,1)}.growth-visualization-section.collapsed{animation:collapseSection .4s cubic-bezier(.4,0,.2,1)}@keyframes expandSection{0%{max-height:150px;opacity:.8}to{max-height:2000px;opacity:1}}@keyframes collapseSection{0%{max-height:2000px;opacity:1}to{max-height:150px;opacity:.95}}.area-details-panel{margin-top:var(--spacing-sm);padding:var(--spacing-lg);background:var(--elevation-04dp);border-radius:var(--border-radius-xl);box-shadow:inset 0 1px #ffffff0d;font-family:var(--font-sans);animation:slideInFadeIn .4s cubic-bezier(.4,0,.2,1) forwards;transform-origin:top center}@keyframes slideInFadeIn{0%{opacity:0;transform:translateY(-20px) scaleY(.95);max-height:0}to{opacity:1;transform:translateY(0) scaleY(1);max-height:2000px}}.area-details-panel.exiting{animation:slideOutFadeOut .2s cubic-bezier(.4,0,.6,1) forwards}@keyframes slideOutFadeOut{0%{opacity:1;transform:translateY(0) scaleY(1);max-height:2000px}to{opacity:0;transform:translateY(-12px) scaleY(.97);max-height:0;margin-top:0;padding-top:0;padding-bottom:0}}.area-description{font-family:var(--font-sans);line-height:var(--line-height-relaxed);font-size:var(--font-size-base);color:var(--text-charcoal);margin:var(--spacing-md) 0;padding:0 var(--spacing-md)}.area-details-panel>p{font-family:var(--font-sans);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm)}.score-metrics{display:flex;gap:var(--spacing-lg);margin:var(--spacing-sm) 0;padding:var(--spacing-xs) 0}.score-metrics p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-sans);font-weight:var(--font-weight-normal);display:flex;align-items:baseline;gap:var(--spacing-xs)}.metric-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:lowercase;font-weight:var(--font-weight-normal)}.metric-value{font-size:var(--font-size-md);color:var(--text-primary);font-weight:var(--font-weight-semibold);font-family:var(--font-sans)}.growth-notes-actions{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);display:flex;flex-direction:row;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.suggest-category-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--accent-blue-solid);color:var(--text-on-accent, #ffffff);border:1px solid var(--accent-blue-solid);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);min-height:32px;white-space:nowrap}.suggest-category-btn:hover:not(:disabled){background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.suggest-category-btn:active{transform:translateY(0)}.suggest-icon{width:16px;height:16px;color:var(--text-on-accent, #ffffff);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.suggest-text{font-family:var(--font-sans);letter-spacing:.2px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.suggest-hint{margin:0;font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:var(--font-serif);font-style:italic;text-align:center;line-height:1.4}.suggest-category-btn-compact{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--accent-blue-solid);color:var(--text-on-accent, #ffffff);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);flex-shrink:0;-webkit-tap-highlight-color:transparent}.suggest-category-btn-compact:hover:not(:disabled){background:var(--accent-blue-hover);box-shadow:var(--shadow-md);transform:scale(1.05)}.suggest-category-btn-compact:active{transform:scale(.95);background:var(--state-pressed, rgba(248, 245, 237, .12))}.suggest-category-btn-compact:disabled{opacity:.6;cursor:not-allowed}.suggest-category-btn-compact .suggest-icon{width:16px;height:16px;color:var(--text-on-accent, #ffffff)}.suggest-category-btn-compact .suggest-icon.spinning{animation:spin .8s linear infinite}@media(max-width:768px){.suggest-category-btn-compact{width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);border-radius:var(--border-radius-lg)}.suggest-category-btn-compact .suggest-icon{width:20px;height:20px}}.suggest-actions-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-md);background:var(--accent-blue-solid);color:var(--text-on-accent, #ffffff);border:1px solid var(--accent-blue-solid);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);min-height:var(--touch-target-min, 44px)}.suggest-actions-btn:hover:not(:disabled){background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.suggest-actions-btn:active:not(:disabled){transform:translateY(0)}.suggest-actions-btn:disabled{opacity:.6;cursor:not-allowed}.suggest-actions-btn .suggest-icon{width:18px;height:18px;color:var(--text-on-accent, #ffffff);flex-shrink:0}.suggest-actions-btn .suggest-icon.spinning{animation:spin .8s linear infinite}.history-toggle-btn{padding:var(--spacing-xs) var(--spacing-md);background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;margin-top:var(--spacing-sm);align-self:flex-start}.history-toggle-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary)}.history-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.area-action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm);align-items:center}.view-pending-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--accent-blue-solid);color:var(--text-on-accent, #ffffff);border:1px solid var(--accent-blue-solid);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);white-space:nowrap}.view-pending-btn:hover:not(:disabled){background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.view-pending-btn .pending-icon{width:14px;height:14px;flex-shrink:0}.notes-error{margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--border-radius-md);color:#ef4444;display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.notes-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);color:var(--text-secondary)}.active-tasks-section{margin-top:var(--spacing-md);margin-left:var(--spacing-sm);padding-top:var(--spacing-md);padding-left:var(--spacing-md);border-top:none;border-left:2px solid var(--border-light)}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);gap:var(--spacing-md)}.section-subtitle{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;font-family:var(--font-sans);white-space:nowrap}.tasks-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.notes-skeleton{display:flex;flex-direction:column;gap:var(--spacing-sm);animation:fade-in .15s ease-out}.skeleton-note-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-note-card .skeleton-line{height:12px;background:var(--bg-tertiary);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-xs)}.skeleton-note-card .skeleton-line.title{width:65%;height:14px;margin-bottom:var(--spacing-sm)}.skeleton-note-card .skeleton-line.body{width:90%}.skeleton-note-card .skeleton-line.body:last-child{width:70%;margin-bottom:0}.notes-content-fade{animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.active-tasks-section{transition:opacity .15s ease-out}.active-tasks-section.loading{opacity:.95}.active-tasks-section.loaded{opacity:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);text-align:center;color:var(--text-secondary);gap:var(--spacing-xs)}.empty-text{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.empty-hint{margin:0;font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic}.empty-state-compact{padding:var(--spacing-md) 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.empty-hint-compact{margin:0;font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:var(--font-sans);font-style:normal;text-transform:lowercase;opacity:.7}.empty-state-compact .suggest-category-btn{margin:0;align-self:center}.completed-history-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.empty-state-text{text-align:center;color:var(--text-secondary);padding:var(--spacing-md);font-size:var(--font-size-sm)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.suggest-category-btn{width:100%}.empty-state-compact .suggest-category-btn{width:100%;max-width:280px}.growth-notes-actions{flex-direction:column;align-items:stretch}.history-toggle-btn{width:100%;align-self:stretch}.score-metrics{flex-direction:column;gap:var(--spacing-xs)}.ai-recommendations-section>.ai-recommendations-button{max-width:100%}}.light-theme .area-details-panel{background:var(--elevation-04dp);box-shadow:var(--shadow-elevation-04dp)}.bar-chart-row{display:flex;flex-direction:column;gap:var(--spacing-md, 12px);padding:var(--spacing-sm);margin:0}.bar-wrapper{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm, 12px);padding:var(--spacing-sm, 6px);border-radius:var(--border-radius-xl);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-right:var(--spacing-lg)}.bar-wrapper:hover{background:var(--overlay-light);transform:translate(4px) scale(1.01)}.bar-wrapper.selected{background:var(--overlay-light);transform:scale(1.03);box-shadow:0 4px 12px #0000001a}.bar-wrapper.selected:hover{transform:translate(4px) scale(1.04)}.bar-icon{width:28px;height:28px;color:var(--text-primary);opacity:.6;transition:all var(--transition-fast);flex-shrink:0}.bar-wrapper:hover .bar-icon{opacity:.8;transform:scale(1.05)}.bar-wrapper.selected .bar-icon{color:var(--text-primary);opacity:1}.bar-label{min-width:80px;max-width:100px;font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);flex-shrink:0;text-align:left}.bar-wrapper.selected .bar-label{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.bar-track{flex:1;height:27px;background:var(--progress-ring-bg);border-radius:var(--border-radius-lg);position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d;transition:box-shadow .3s ease}.bar-wrapper:hover .bar-track{box-shadow:inset 0 2px 4px #0006}.bar-background{position:absolute;top:0;left:0;height:100%;border-radius:var(--border-radius-lg);transition:width .6s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;box-shadow:0 1px 3px #0000004d;z-index:1}.bar-background:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#00000026,#fff3);pointer-events:none}.bar-wrapper:hover .bar-background{box-shadow:0 2px 6px #0006}.bar-wrapper:hover .bar-background:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1s forwards}@keyframes shimmer{0%{left:-100%}50%,to{left:100%}}.bar-foreground{position:absolute;top:0;left:0;height:100%;border-radius:var(--border-radius-lg);transition:width .6s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;box-shadow:0 1px 3px #0006;z-index:2}.bar-foreground:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#00000026,#fff3);pointer-events:none}.bar-wrapper:hover .bar-foreground{box-shadow:0 2px 6px #00000080}.bar-wrapper:hover .bar-foreground:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0),transparent);animation:shimmer 1s forwards}.light-theme .bar-label{color:var(--light-text-secondary)}.light-theme .bar-wrapper.selected .bar-label{color:var(--tree-green)}.light-theme .bar-track{background:#00000014;box-shadow:inset 0 1px 2px #0000001a}.light-theme .bar-background:before,.light-theme .bar-foreground:before{background:linear-gradient(90deg,#0000000d,#ffffff26)}.light-theme .bar-background{box-shadow:0 1px 3px #00000026}.light-theme .bar-foreground{box-shadow:0 1px 3px #0003}.light-theme .growth-metrics{--accent-green: #7cb518;--accent-red: #d4476e;--color-golden: #c9a961}.randomize-btn{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.randomize-btn:hover{background:var(--accent-blue);color:var(--text-on-accent);border-color:var(--accent-blue);transform:translateY(-1px);box-shadow:var(--shadow-md)}.randomize-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.area-info-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);position:relative;padding-right:var(--spacing-xl)}.area-info-icon{width:28px;height:28px;color:var(--text-primary);opacity:.9;flex-shrink:0}.area-info-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-serif);flex:0 1 auto;line-height:1.2;min-width:0}.area-score-subheader{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-left:var(--spacing-md)}.area-score-value{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-secondary);font-variant-numeric:tabular-nums;transition:transform .2s ease,color .2s ease}.area-score-value.animating{color:var(--accent-green);animation:scorePulse .6s ease-out}@keyframes scorePulse{0%{transform:scale(1)}30%{transform:scale(1.15)}to{transform:scale(1)}}.area-score-subheader .health-badge{flex-shrink:0}.light-theme .area-score-value{color:var(--text-primary)}.light-theme .area-score-value.animating{color:var(--accent-green)}.area-close-btn{position:absolute;top:0;right:0;background:transparent;border:none;cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);opacity:0;transition:all var(--transition-fast);border-radius:var(--border-radius-sm);flex-shrink:0}.area-details-panel:hover .area-close-btn{opacity:1}.area-close-btn:hover{background:var(--bg-hover);color:var(--accent-red);transform:scale(1.1)}.area-close-btn:active{transform:scale(.95)}.area-close-btn svg{width:20px;height:20px}.light-theme .area-info-title,.light-theme .area-details-panel p{color:var(--text-primary)}.growth-task-container{min-height:60px;margin-top:var(--spacing-md);display:flex;flex-direction:column;justify-content:flex-start}.growth-task-container .loading-text,.growth-task-container .error-text{font-size:var(--font-size-xs);font-family:var(--font-sans);text-align:center;opacity:.7;padding:var(--spacing-md) 0}.growth-task-container .loading-text{color:var(--text-secondary);font-size:var(--font-size-sm)}.recommendations-skeleton{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) 0}.skeleton-card{background:var(--bg-elevated);border:1px solid var(--border-color);padding:var(--spacing-md);border-radius:var(--border-radius-md);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line{height:12px;background:var(--bg-tertiary);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-xs)}.skeleton-line.title{width:60%;height:16px;margin-bottom:var(--spacing-sm)}.skeleton-line.subtitle{width:40%;height:10px;margin-bottom:var(--spacing-md)}.skeleton-line.body{width:100%}.skeleton-line.body:last-child{width:80%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.growth-task-container .error-text{color:var(--accent-red);opacity:.8}.growth-task-empty{font-size:var(--font-size-xs);font-family:var(--font-sans);color:var(--text-tertiary);text-align:center;padding:var(--spacing-md) 0;opacity:0;animation:fadeInDelayed .2s ease-in .3s forwards}@keyframes fadeInDelayed{0%{opacity:0}to{opacity:.5}}.growth-task-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.growth-task-card{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--text-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.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);padding:var(--spacing-xs) var(--spacing-sm);min-height:28px}.ai-generate-button.text-btn{width:auto;min-width:120px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);gap:var(--spacing-xs);background:var(--accent-blue);color:var(--text-on-accent);border:1px solid var(--accent-blue);border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.ai-generate-button.text-btn:hover{background:var(--accent-green);border-color:var(--accent-green);transform:translateY(-1px);box-shadow:var(--shadow-md)}.ai-generate-button.text-btn.loading{min-width:120px;opacity:.7;cursor:not-allowed}.growth-task-card.removing{opacity:0;transform:translate(20px);transition:opacity var(--transition-medium),transform var(--transition-medium)}.button-tertiary{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);min-height:28px;display:flex;align-items:center;justify-content:center}.button-tertiary:hover{color:var(--accent-red);background:var(--hover-bg-danger)}.light-theme .growth-task-card{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.light-theme .ai-generate-button.text-btn{background:var(--light-accent-blue);border-color:var(--light-accent-blue)}.light-theme .ai-generate-button.text-btn:hover{background:var(--light-accent-green);border-color:var(--light-accent-green)}.light-theme .button-tertiary:hover{color:var(--light-accent-red);background:var(--hover-bg-danger)}.recommendations-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:var(--spacing-lg)}.header-title-group{display:flex;align-items:center;gap:var(--spacing-sm)}.recommendations-header h4{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-serif)}.ai-recommendations-button{background:var(--accent-blue-solid);border:1px solid var(--accent-blue-solid);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-height:36px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-sans);box-shadow:var(--shadow-sm);white-space:nowrap}.ai-recommendations-button:hover:not(:disabled){background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ai-recommendations-button:active:not(:disabled){transform:translateY(0)}.ai-recommendations-button:disabled{opacity:.6;cursor:not-allowed}.ai-recommendations-button .mode-icon{width:18px;height:18px;color:var(--text-on-accent, #ffffff);flex-shrink:0}.ai-recommendations-button .ai-button-text{color:var(--text-on-accent, #ffffff);letter-spacing:.2px}.ai-recommendations-button .mode-icon.spinning{animation:spin-ai-button 1s linear infinite}.recommendations-header .ai-recommendations-button{padding:var(--spacing-xs) var(--spacing-sm);min-width:40px}.recommendations-header .ai-recommendations-button .ai-button-text{display:none}.ai-recommendations-section>.ai-recommendations-button{width:100%;max-width:320px;margin:var(--spacing-md) auto 0 auto;display:flex}@keyframes spin-ai-button{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recommendations-action-buttons{display:flex;gap:var(--spacing-sm);justify-content:center;margin:var(--spacing-md) auto 0 auto;max-width:320px;width:100%}.recommendations-action-buttons .ai-recommendations-button{flex:1;max-width:none;margin:0}.recommendations-history-button{background:var(--elevation-01dp);border:1px solid rgba(255,255,255,.15);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-height:36px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-sans);white-space:nowrap;flex:0 0 auto}.recommendations-history-button:hover{background:var(--state-hover);border-color:#ffffff40}.recommendations-history-button .mode-icon{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.recommendations-history-button .ai-button-text{color:var(--text-secondary);letter-spacing:.2px}.recommendations-history-button:hover .mode-icon,.recommendations-history-button:hover .ai-button-text{color:var(--text-primary)}.light-theme .recommendations-history-button{background:var(--elevation-01dp);border-color:#453a2d26}.light-theme .recommendations-history-button:hover{background:var(--state-hover);border-color:#453a2d40}@media(max-width:600px){.recommendations-action-buttons{flex-direction:column;max-width:100%}.recommendations-action-buttons .ai-recommendations-button,.recommendations-history-button{width:100%}}.insights-list{margin-bottom:var(--spacing-lg)}.insights-list h5{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.insight-card{background:var(--bg-elevated);border:1px solid var(--border-color);padding:var(--spacing-md);border-radius:0;margin:0;border-left:none;border-right:none;border-top:none;transition:all var(--transition-fast)}.insight-card:first-child{border-top:1px solid var(--border-color)}.insight-card:last-child{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.insight-card:hover{border-color:var(--accent-blue);box-shadow:0 4px 12px #4a90e21a}.insight-card.exiting,.suggestion-card.exiting,.pattern-card.exiting{animation:slideOutFadeOut .2s cubic-bezier(.4,0,.6,1) forwards}.insight-header,.suggestion-header,.pattern-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:var(--spacing-sm);gap:var(--spacing-xs)}.insight-title,.suggestion-title,.pattern-title{width:100%;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.insight-actions-row,.suggestion-actions-row,.pattern-actions-row{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.add-btn{background:transparent;border:none;color:var(--tree-green);cursor:pointer;padding:var(--spacing-xs);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);border-radius:var(--border-radius-sm);-webkit-tap-highlight-color:transparent}.add-btn svg{width:36px;height:36px;transition:all var(--transition-fast);flex-shrink:0}.add-btn:hover:not(:disabled){color:#8cb72f;background:#7cb5181a}.add-btn:active{background:#7cb51833;transform:scale(.98)}.add-btn:disabled{opacity:.5;cursor:not-allowed}.dismiss-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);border-radius:var(--border-radius-sm);-webkit-tap-highlight-color:transparent}.dismiss-btn svg{width:36px;height:36px;transition:all var(--transition-fast);flex-shrink:0}.dismiss-btn:hover:not(:disabled){color:var(--accent-red);background:#f443361a}.dismiss-btn:disabled{opacity:.5;cursor:not-allowed}.insight-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.insight-type{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-on-accent);padding:2px 6px;border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.5px}.insight-type.type-interest,.insight-type.type-pattern,.insight-type.type-growth_area,.insight-type.type-opportunity{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.insight-description{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.5}.insight-confidence{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.insight-evidence{margin-top:var(--spacing-xs)}.insight-evidence strong{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.insight-evidence ul{margin:var(--spacing-xs) 0 0 0;padding-left:var(--spacing-md)}.rating-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-md, 6px);cursor:pointer;transition:all var(--transition-fast, .2s ease);min-width:0;-webkit-tap-highlight-color:transparent}.rating-confirmation{font-size:var(--font-size-xs, .75rem);color:var(--accent-green);font-style:italic;margin:0}.insight-evidence li{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:2px}.patterns-list{margin-bottom:var(--spacing-lg)}.patterns-list h5{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.pattern-card{background:var(--bg-elevated);border:1px solid var(--border-color);padding:var(--spacing-md);border-radius:0;margin:0;border-left:none;border-right:none;border-top:none;transition:all var(--transition-fast)}.pattern-card:first-child{border-top:1px solid var(--border-color)}.pattern-card:last-child{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.pattern-card:hover{border-color:var(--accent-blue);box-shadow:0 4px 12px #4a90e21a}.pattern-type{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--accent-blue);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.pattern-description{margin:0;font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.5}.pattern-confidence{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.suggestions-list h5{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.suggestion-card{background:var(--bg-elevated);border:1px solid var(--border-color);padding:var(--spacing-md);border-radius:0;margin:0;border-left:none;border-right:none;border-top:none;transition:all var(--transition-fast)}.suggestion-card:first-child{border-top:1px solid var(--border-color)}.suggestion-card:last-child{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.suggestion-card:hover{border-color:var(--accent-blue);box-shadow:0 4px 12px #4a90e21a}.suggestion-header{display:flex;align-items:left;justify-content:space-between;margin-bottom:var(--spacing-sm)}.suggestion-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.suggestion-priority{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.suggestion-priority.priority-high,.suggestion-priority.priority-medium,.suggestion-priority.priority-low{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.suggestion-description{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.6}.suggestion-actions,.suggestion-resources{margin-top:var(--spacing-sm)}.suggestion-actions strong,.suggestion-resources strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);display:block;margin-bottom:var(--spacing-xs)}.suggestion-actions ul,.suggestion-resources ul{margin:var(--spacing-xs) 0 0 var(--spacing-md);padding:0;list-style:disc}.suggestion-actions li,.suggestion-resources li{margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.5}.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{font-size:var(--font-size-sm);color:var(--text-secondary);font-family:var(--font-sans);text-align:center;padding:var(--spacing-lg) 0}.light-theme .recommendations-header h4{color:var(--text-primary)}.light-theme .ai-recommendations-button{background:var(--accent-blue-solid);border-color:var(--accent-blue-solid)}.light-theme .ai-recommendations-button:hover:not(:disabled){background:var(--accent-blue-hover);border-color:var(--accent-blue-hover)}.light-theme .recommendation-tab{border-color:var(--border-color)}.light-theme .tab-header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.light-theme .tab-header:hover{background:var(--hover-bg-overlay)}.light-theme .tab-header h5{color:var(--text-primary)}.light-theme .tab-content{background:transparent}.light-theme .insight-card{background:var(--bg-elevated);border-color:var(--border-color)}.light-theme .insight-card:hover{border-color:var(--accent-blue)}.light-theme .insight-title,.light-theme .insight-description{color:var(--text-primary)}.light-theme .rating-confirmation{color:var(--accent-green)}.light-theme .pattern-card,.light-theme .suggestion-card{background:var(--bg-elevated);border-color:var(--border-color)}.light-theme .pattern-type{color:var(--accent-blue)}.light-theme .pattern-title,.light-theme .pattern-description,.light-theme .suggestion-description,.light-theme .suggestion-title,.light-theme .suggestion-actions li,.light-theme .suggestion-resources li{color:var(--text-primary)}.recommendations-tabs{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.recommendation-tab{border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden}.tab-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-fast)}.tab-header:hover{background:var(--hover-bg-overlay)}.tab-header h5{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary)}.tab-arrow{font-size:var(--font-size-sm);color:var(--text-secondary);transition:transform var(--transition-fast)}.tab-arrow.expanded{transform:rotate(180deg)}.tab-content{padding:0;background:transparent}.rec-panel{margin-top:var(--spacing-md);animation:fade-in .2s ease-out}.view-more-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-sm);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--accent-blue);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.view-more-btn:hover{background:var(--accent-blue-alpha-10);border-color:var(--accent-blue);transform:translateY(-1px)}.view-more-btn:active{transform:translateY(0)}.light-theme .view-more-btn{color:var(--accent-blue);border-color:var(--border-color)}.light-theme .view-more-btn:hover{background:var(--accent-blue-alpha-10);border-color:var(--accent-blue)}.growth-area-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);padding:2px 6px;border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.5px;margin-left:var(--spacing-xs);background:var(--bg-tertiary);border:1px solid var(--border-color)}.growth-area-tag.area-craft,.growth-area-tag.area-social,.growth-area-tag.area-mental,.growth-area-tag.area-spiritual,.growth-area-tag.area-physical,.growth-area-tag.area-financial{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.insight-tags,.suggestion-tags,.pattern-tags{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.confidence-text{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;font-family:var(--font-sans)}.pattern-header{display:flex;justify-content:space-between;align-items:left;margin-bottom:var(--spacing-xs)}.pattern-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}@media(max-width:600px){.growth-metrics{padding-bottom:var(--spacing-lg)!important}.area-info-header{gap:var(--spacing-sm);padding-right:var(--spacing-lg)}.area-info-icon{width:24px;height:24px}.area-info-title{font-size:var(--font-size-lg)}.bar-chart-row{gap:var(--spacing-xs)}.bar-wrapper{padding:var(--spacing-xs) 0}.bar-label{display:none}.bar-icon{width:24px;height:24px}.bar-track{height:24px}}.base-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg, 12px);overflow:hidden;transition:all var(--transition-fast, .2s ease);animation:card-enter .3s ease-out}.base-card:hover{border-color:var(--accent-blue);box-shadow:0 8px 24px #4a90e226;transform:translateY(-2px)}.base-card-header{display:flex;flex-direction:column;gap:var(--spacing-sm, 12px);padding:var(--spacing-lg, 20px) var(--spacing-lg, 20px)}.base-card-title-row{display:flex;align-items:flex-start;gap:var(--spacing-sm, 12px);width:100%}.base-card-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.base-card-title{flex:1;margin:0;font-family:var(--font-sans);font-size:var(--font-size-md, 1rem);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary);line-height:var(--line-height-normal, 1.5)}.base-card-actions{display:flex;align-items:center;gap:var(--spacing-xs, 8px);flex-shrink:0}.base-card-badges{display:flex;align-items:center;gap:var(--spacing-xs, 8px);flex-wrap:wrap;padding-left:32px}.base-card-header:not(:has(.base-card-icon)) .base-card-badges{padding-left:0}.base-card-body{padding:0 var(--spacing-lg, 20px) var(--spacing-md, 16px)}@keyframes card-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.base-card.dismissing{animation:card-dismiss .35s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes card-dismiss{0%{opacity:1;transform:translate(0) scale(1);max-height:500px;margin-bottom:var(--spacing-md, 16px)}50%{opacity:.3;transform:translate(40px) scale(.98)}to{opacity:0;transform:translate(80px) scale(.95);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}}.base-card.adding{animation:card-added .5s cubic-bezier(.4,0,.2,1);pointer-events:none}@keyframes card-added{0%{transform:scale(1);border-color:var(--border-color);background:var(--bg-secondary)}25%{transform:scale(1.02);border-color:var(--accent-green);background:#7cb51814;box-shadow:0 0 0 3px #7cb51826}50%{transform:scale(1.02)}to{transform:scale(1);border-color:var(--accent-green);background:#7cb51814}}.base-card.adding-complete{animation:card-dismiss .35s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.light-theme .base-card{background:var(--bg-secondary);border-color:var(--border-color)}.light-theme .base-card:hover{border-color:var(--accent-blue);box-shadow:0 8px 24px #6495ed33;transform:translateY(-2px)}.light-theme .base-card-title{color:var(--text-primary)}@media(max-width:768px){.base-card-header{padding:var(--spacing-md, 16px) var(--spacing-md, 16px)}.base-card-title{font-size:var(--font-size-base);line-height:1.4}.base-card-actions button{min-width:44px;min-height:44px}}.recommendation-icon-default{width:20px;height:20px;opacity:.9}.recommendation-description{margin:0 0 var(--spacing-sm, 12px) 0;font-family:var(--font-sans);font-size:var(--font-size-sm, .875rem);line-height:var(--line-height-relaxed, 1.6);color:var(--text-primary)}.type-badge{padding:4px 10px;border-radius:var(--border-radius-sm, 4px);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.type-badge.type-note{background:#e6db7426;color:var(--accent-yellow);border:1px solid rgba(230,219,116,.3)}.type-badge.type-connection{background:#66d9ef26;color:var(--accent-blue);border:1px solid rgba(102,217,239,.3)}.type-badge.type-goal{background:#ae81ff26;color:var(--accent-purple);border:1px solid rgba(174,129,255,.3)}.type-badge.type-action{background:#66d9ef26;color:var(--accent-blue);border:1px solid rgba(102,217,239,.3)}.add-to-tree-btn{display:flex;align-items:center;justify-content:center;padding:6px;background:var(--accent-blue-solid);color:var(--text-on-accent);border:none;border-radius:var(--border-radius-sm, 4px);cursor:pointer;transition:all var(--transition-fast, .2s ease);width:28px;height:28px;flex-shrink:0}.add-to-tree-btn:hover{background:var(--accent-blue, #eaf7d0);transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.add-to-tree-btn:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.add-icon{width:16px;height:16px;filter:brightness(0) invert(1)}.growth-rewards-preview{margin-bottom:var(--spacing-sm, 12px);padding:var(--spacing-sm, 12px);background:#a6e22e0d;border-radius:var(--border-radius-sm, 6px);border:1px solid rgba(166,226,46,.2)}.growth-rewards-preview strong{display:block;margin-bottom:var(--spacing-xs, 8px);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary)}.rewards-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs, 8px)}.reward-item{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#a6e22e1a;border-radius:var(--border-radius-sm, 4px);border:1px solid rgba(166,226,46,.25)}.reward-amount{font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600);color:var(--accent-green, #a6e22e)}.recommendation-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-xs, 8px);padding-top:var(--spacing-sm, 12px);border-top:1px solid var(--border-color)}.meta-item{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-tertiary);border-radius:var(--border-radius-sm, 6px);border:1px solid var(--border-color);font-size:var(--font-size-xs, .813rem);color:var(--text-secondary)}.meta-item.time-estimate{color:var(--accent-blue)}.meta-item.difficulty{font-weight:var(--font-weight-semibold, 600);text-transform:capitalize}.meta-item.difficulty-easy,.meta-item.difficulty-beginner{color:var(--accent-green)}.meta-item.difficulty-medium,.meta-item.difficulty-intermediate{color:var(--accent-orange)}.meta-item.difficulty-hard,.meta-item.difficulty-challenging,.meta-item.difficulty-advanced{color:var(--accent-red)}.light-theme .recommendation-description{color:var(--text-primary)}.light-theme .type-badge.type-note{background:#e6db7433;color:var(--accent-yellow);border-color:#e6db7466}.light-theme .type-badge.type-connection{background:#66d9ef33;color:var(--accent-blue);border-color:#66d9ef66}.light-theme .type-badge.type-goal{background:#ae81ff33;color:var(--accent-purple);border-color:#ae81ff66}.light-theme .type-badge.type-action{background:#8b9a7f33;color:var(--accent-green);border-color:#8b9a7f66}.light-theme .add-to-tree-btn{background:var(--tree-green, #10b981);color:var(--text-on-accent)}.light-theme .add-to-tree-btn:hover{background:var(--accent-green, #a6e22e);box-shadow:0 2px 8px #10b9814d}.light-theme .add-icon{filter:brightness(0) invert(1)}.light-theme .growth-rewards-preview{background:#8b9a7f1a;border-color:#8b9a7f40}.light-theme .reward-item{background:#8b9a7f26;border-color:#8b9a7f4d}.light-theme .reward-amount{color:var(--growth-active-light, #5a7a3c)}.light-theme .meta-item{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.insight-rating-circles{margin-top:var(--spacing-sm, 12px);margin-bottom:var(--spacing-sm, 12px)}.rating-circles-prompt{font-size:var(--font-size-sm, .875rem);color:var(--text-secondary);margin:0 0 var(--spacing-xs, 8px) 0;font-weight:var(--font-weight-regular, 400);font-family:var(--font-sans);letter-spacing:.005em}.rating-circles-container{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;padding:4px;gap:4px;transition:all var(--transition-fast, .2s ease)}.rating-circle{min-width:40px;height:36px;border-radius:18px;background:transparent;border:none;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;-webkit-tap-highlight-color:transparent;padding:0 12px}.rating-circle-value{font-size:var(--font-size-md, 1rem);font-weight:var(--font-weight-medium, 500);line-height:1;color:var(--text-secondary);transition:all .15s ease;font-family:var(--font-sans)}@media(hover:hover)and (pointer:fine){.rating-circle:hover:not(.rating-circle-disabled){background:#10b9811a}.rating-circle:hover:not(.rating-circle-disabled) .rating-circle-value{color:var(--tree-green, #10b981)}}.rating-circle:active:not(.rating-circle-disabled){transform:scale(.95)}.rating-circle-selected{background:var(--tree-green, #10b981)}.rating-circle-selected .rating-circle-value{color:#fff;font-weight:var(--font-weight-semibold, 600)}.rating-circle-pending{background:var(--tree-green, #10b981);animation:subtlePulse 1.5s ease-in-out infinite}.rating-circle-pending .rating-circle-value{color:#fff}@keyframes subtlePulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b9811a}}.rating-circle-disabled{opacity:.4;cursor:not-allowed}.rating-confirmation-panel{margin-top:var(--spacing-sm, 12px);display:flex;align-items:center;gap:var(--spacing-sm, 12px);background:var(--bg-secondary);border:1px solid var(--tree-green, #10b981);border-radius:24px;padding:8px 16px;transition:all var(--transition-fast, .2s ease)}.rating-selection-text{font-size:var(--font-size-sm, .875rem);color:var(--text-primary);margin:0;line-height:1.4;font-family:var(--font-sans);letter-spacing:.005em;flex:1}.rating-selection-text strong{color:var(--tree-green, #10b981);font-weight:var(--font-weight-semibold, 600)}.rating-confirmation-actions{display:flex;gap:6px;flex-shrink:0}.rating-confirm-btn,.rating-cancel-btn{padding:6px 16px;border-radius:16px;font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all .15s ease;border:none;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;letter-spacing:.005em}.rating-confirm-btn{background:var(--tree-green, #10b981);color:#fff}.rating-confirm-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 2px 8px #10b98133}.rating-confirm-btn:active{transform:translateY(0) scale(.98)}.rating-cancel-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.rating-cancel-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.rating-cancel-btn:active{transform:scale(.98)}.rating-confirm-btn:disabled,.rating-cancel-btn:disabled{opacity:.4;cursor:not-allowed}.rating-current-text{font-size:var(--font-size-xs, .75rem);color:var(--text-tertiary);margin:var(--spacing-xs, 8px) 0 0 0;font-family:var(--font-sans);letter-spacing:.005em}.rating-current-text strong{color:var(--tree-green, #10b981);font-weight:var(--font-weight-medium, 500)}@media(max-width:768px){.rating-circle{min-width:36px;height:32px;padding:0 10px}.rating-circle-value{font-size:var(--font-size-sm, .875rem)}.rating-circles-container{gap:3px;padding:3px}.rating-confirmation-panel{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs, 8px)}.rating-confirmation-actions{width:100%}.rating-confirm-btn,.rating-cancel-btn{flex:1}}.light-theme .rating-circles-container{background:var(--bg-secondary);border-color:var(--border-color)}.light-theme .rating-circle-value{color:var(--text-secondary)}.light-theme .rating-circle-selected,.light-theme .rating-circle-pending{background:var(--tree-green, #10b981)}.light-theme .rating-circle-selected .rating-circle-value,.light-theme .rating-circle-pending .rating-circle-value{color:#fff}.light-theme .rating-confirmation-panel{background:var(--bg-secondary);border-color:var(--tree-green, #10b981)}.light-theme .rating-selection-text strong,.light-theme .rating-current-text strong{color:var(--tree-green, #10b981)}.light-theme .rating-confirm-btn{background:var(--tree-green, #10b981);color:#fff}.insight-icon{width:20px;height:20px;opacity:.9}.insight-description{margin:0 0 var(--spacing-sm, 12px) 0;font-family:var(--font-sans);font-size:var(--font-size-sm, .875rem);line-height:var(--line-height-relaxed, 1.6);color:var(--text-primary)}.insight-evidence{margin:0;padding-left:var(--spacing-lg, 20px);list-style-type:disc}.insight-evidence li{margin-bottom:var(--spacing-xs, 4px);font-size:var(--font-size-sm, .875rem);line-height:var(--line-height-normal, 1.5);color:var(--text-secondary)}.insight-evidence li:last-child{margin-bottom:0}.source-badge{display:flex;align-items:center;justify-content:center;padding:4px 6px;border-radius:var(--border-radius-sm, 4px);background:var(--bg-tertiary);border:1px solid var(--border-color)}.source-badge-icon{width:12px;height:12px;opacity:.8}.source-badge.source-growth_metrics{background:#a6e22e1a;border-color:#a6e22e4d}.confidence-text{font-size:var(--font-size-xs, .75rem);color:var(--text-secondary);white-space:nowrap;font-family:var(--font-sans)}.insight-actions{display:flex;align-items:center;gap:var(--spacing-xs, 8px)}.accept-btn{background:transparent;border:none;color:var(--accent-green);cursor:pointer;padding:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast, .2s);border-radius:var(--border-radius-sm);-webkit-tap-highlight-color:transparent}.accept-btn svg{width:28px;height:28px;transition:all var(--transition-fast);flex-shrink:0}.accept-btn:hover:not(:disabled){color:#8cb72f;background:#7cb5181a}.accept-btn:active{background:#7cb51833;transform:scale(.98)}.accept-btn:disabled{opacity:.5;cursor:not-allowed}.accept-btn:focus{outline:2px solid var(--accent-green);outline-offset:2px}.type-badge{padding:4px 10px;border-radius:var(--border-radius-sm, 4px);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium, 500);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:1px solid var(--border-color)}.type-badge.type-opportunity,.type-badge.type-interest,.type-badge.type-pattern,.type-badge.type-growth-area{background:var(--bg-tertiary);color:var(--text-secondary)}.priority-badge{padding:4px 8px;border-radius:var(--border-radius-sm, 4px);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.5px}.priority-badge.priority-high{background:var(--accent-red);color:var(--text-on-accent)}.priority-badge.priority-medium{background:var(--accent-orange);color:var(--text-on-accent)}.priority-badge.priority-low{background:var(--text-secondary);color:var(--text-on-accent)}.dismiss-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;min-width:44px;min-height:44px;border-radius:var(--border-radius-sm, 4px);transition:all var(--transition-fast, .2s ease);line-height:1;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.dismiss-btn svg{width:24px;height:24px;transition:all var(--transition-fast);flex-shrink:0}.dismiss-btn:hover{background:#f443361a;color:var(--accent-red)}.dismiss-btn:active{background:#f4433633;transform:scale(.98)}.dismiss-btn:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.insight-rating{margin-top:var(--spacing-md, 16px);padding-top:var(--spacing-sm, 12px);border-top:1px solid var(--border-color)}.rating-prompt{font-size:var(--font-size-sm, .85rem);color:var(--text-secondary);margin:0 0 var(--spacing-xs, 8px) 0;font-weight:var(--font-weight-medium, 500)}.rating-scale{display:flex;gap:4px;margin-bottom:var(--spacing-xs, 8px)}.rating-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-md, 6px);cursor:pointer;transition:all var(--transition-fast, .2s ease);min-width:0}.rating-button:hover:not(.rating-disabled){background:var(--bg-hover);border-color:var(--primary-color);transform:translateY(-1px)}.rating-button:active:not(.rating-disabled){transform:translateY(0)}.rating-button.rating-selected{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-on-primary)}.rating-button.rating-disabled{opacity:.5;cursor:not-allowed}.rating-value{font-size:1.2rem;font-weight:var(--font-weight-semibold, 600);line-height:1}.rating-label{font-size:.7rem;text-align:center;line-height:1.2;word-break:break-word}.rating-confirmation{font-size:var(--font-size-xs, .75rem);color:var(--text-success);font-style:italic;margin:0}.light-theme .insight-description{color:var(--text-primary)}.light-theme .insight-evidence li{color:var(--text-secondary)}.light-theme .type-badge{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}.light-theme .confidence-text{color:var(--text-secondary)}.light-theme .accept-btn{border-color:var(--accent-blue);color:var(--accent-blue)}.light-theme .accept-btn:hover:not(:disabled){background:var(--accent-blue);color:var(--text-on-accent)}.light-theme .source-badge{background:var(--bg-tertiary);border-color:var(--border-color)}.light-theme .source-badge.source-growth_metrics{background:#8b9a7f26;border-color:#8b9a7f4d}.light-theme .dismiss-btn:hover{background:#dc26261a;color:var(--accent-red)}.light-theme .rating-button:hover:not(.rating-disabled){background:var(--bg-hover);border-color:var(--primary-color)}.empty-state{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:var(--spacing-xs, 8px) var(--spacing-lg, 20px)}.empty-state-icon{display:none}.empty-state-message{margin:0;font-family:var(--font-sans);font-size:var(--font-size-sm, .875rem);color:var(--text-secondary);line-height:var(--line-height-normal, 1.5);font-style:italic}.light-theme .empty-state-icon{opacity:.5}.light-theme .empty-state-message{color:var(--text-secondary)}.ai-recommendations-overlay-dialog .overlay-body{padding:0;display:flex;flex-direction:column;gap:var(--spacing-md);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.category-context{padding:var(--spacing-md) var(--spacing-lg)}.category-hint{margin:0;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal);text-transform:lowercase}.category-hint strong{color:var(--text-primary);font-weight:var(--font-weight-semibold);text-transform:capitalize}.recommendations-content{display:flex;flex-direction:column;gap:var(--spacing-lg, 20px);padding:var(--spacing-md) 0;min-height:0}.section{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);padding:0 var(--spacing-xl, 24px)}.insights-section,.actions-section,.knowledge-notes-section{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-lg, 20px)}.knowledge-notes-section{border-bottom:none;padding-bottom:var(--spacing-xl, 24px)}.section-header{display:flex;align-items:center;gap:var(--spacing-sm, 12px);justify-content:space-between}.section-title{display:flex;align-items:center;gap:var(--spacing-sm, 12px);margin:0;font-family:var(--font-sans);font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.01em}.section-icon{font-size:var(--font-size-xl, 20px)}.section-icon-svg{width:20px;height:20px;opacity:.9;flex-shrink:0;color:var(--text-secondary)}.section-count{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-normal);color:var(--text-tertiary);margin-left:var(--spacing-xs, 6px)}.section-items{display:flex;flex-direction:column;gap:var(--spacing-lg, 20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.section-items>*{transition:all .3s cubic-bezier(.4,0,.2,1)}.empty-state-section{padding:var(--spacing-lg, 20px);text-align:center;background:var(--bg-elevated);border-radius:var(--border-radius-md);border:1px dashed var(--border-color)}.empty-state-section .empty-hint{margin:0;font-size:var(--font-size-sm, 14px);color:var(--text-tertiary);font-family:var(--font-sans);text-transform:lowercase}.insights-section-legacy,.recommendations-section,.generated-notes-section{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);padding:0 var(--spacing-xl, 24px) var(--spacing-xl, 24px)}.empty-state-recommendations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;gap:var(--spacing-sm)}.empty-state-recommendations .empty-hint-compact{margin:0;font-size:var(--font-size-sm);color:var(--text-tertiary);font-family:var(--font-sans);font-style:normal;text-transform:lowercase;max-width:400px}.recommendations-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--bg-elevated)}.generate-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);border:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);background:var(--accent-blue-solid);color:var(--text-on-accent);box-shadow:var(--shadow-sm);white-space:nowrap}.generate-more-btn .generate-icon{width:16px;height:16px;flex-shrink:0}.generate-more-btn:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.generate-more-btn:active{transform:translateY(0)}.generate-more-btn:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.generate-more-btn.generating{background:var(--accent-blue-solid);color:var(--text-on-accent);opacity:1;cursor:wait;box-shadow:0 0 12px #4a9eff66,var(--shadow-sm)}.generate-more-btn .generate-icon.spinning{animation:wand-wiggle .5s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(74,158,255,.8))}@keyframes wand-wiggle{0%,to{transform:rotate(-12deg) scale(1.05)}50%{transform:rotate(12deg) scale(1.05)}}.close-btn-secondary{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--border-color);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);background:transparent;color:var(--text-secondary);white-space:nowrap}.close-btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-blue);color:var(--text-primary)}.close-btn-secondary:active{transform:scale(.98)}@media(max-width:768px){.category-context{padding:var(--spacing-sm) var(--spacing-md)}.recommendations-content{gap:var(--spacing-md);padding:var(--spacing-md) 0 var(--spacing-xl) 0}.section,.insights-section,.actions-section,.knowledge-notes-section{padding:0 var(--spacing-md);padding-bottom:var(--spacing-md);gap:var(--spacing-sm)}.section-title{font-size:var(--font-size-md, 16px);gap:var(--spacing-xs, 8px)}.section-icon{font-size:var(--font-size-lg, 18px)}.empty-state-section{padding:var(--spacing-md)}.empty-state-recommendations{padding:var(--spacing-lg) var(--spacing-md)}.recommendations-footer{flex-direction:column-reverse;gap:var(--spacing-sm);padding:var(--spacing-md)}.generate-more-btn,.close-btn-secondary{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);min-height:var(--touch-target-min);justify-content:center}}.light-theme .category-context{background:none;border-bottom-color:none}.light-theme .recommendations-footer{background:var(--bg-elevated);border-top-color:var(--border-color)}.light-theme .empty-state-section{background:var(--bg-elevated)}.light-theme .generate-more-btn{background:var(--accent-blue-solid)}.light-theme .generate-more-btn:hover:not(:disabled){background:var(--accent-blue-hover);box-shadow:var(--shadow-md)}.light-theme .close-btn-secondary{background:transparent;border-color:var(--border-color);color:var(--text-secondary)}.light-theme .close-btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-blue);color:var(--text-primary)}.recommendations-history-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain;touch-action:none;padding:var(--spacing-md)}.recommendations-history-modal-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #00000080;width:90%;max-width:550px;max-height:85vh;max-height:85dvh;display:flex;flex-direction:column;overflow:hidden;touch-action:auto;overscroll-behavior:contain}.recommendations-history-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.15);flex-shrink:0}.recommendations-history-modal-header h2{font-size:var(--font-size-xl);font-family:var(--font-serif);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.recommendations-history-modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);width:36px;height:36px}.recommendations-history-modal-close:hover{background:var(--state-hover);color:var(--accent-red)}.recommendations-history-modal-close svg{width:24px;height:24px}.recommendations-history-tabs{padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;overflow-x:auto;scrollbar-width:none}.recommendations-history-tabs::-webkit-scrollbar{display:none}.recommendations-history-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:var(--spacing-lg);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.recommendations-history-modal-body::-webkit-scrollbar{width:8px}.recommendations-history-modal-body::-webkit-scrollbar-track{background:var(--scrollbar-track)}.recommendations-history-modal-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.recommendations-history-modal-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.recommendations-history-modal-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.history-count{font-size:var(--font-size-sm);color:var(--text-tertiary)}.history-items-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.history-item-card{background:var(--elevation-01dp);border-radius:var(--border-radius-md);padding:var(--spacing-md);border:1px solid rgba(255,255,255,.05)}.history-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);gap:var(--spacing-sm)}.history-item-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.history-type-badge{font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium)}.history-type-badge.type-insight{background:#8b5cf633;color:#a78bfa}.history-type-badge.type-recommendation{background:#3b82f633;color:#60a5fa}.history-type-badge.type-note{background:#ec489933;color:#f472b6}.history-status-badge{font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium)}.history-status-badge.status-dismissed{background:#6b728033;color:#9ca3af}.history-status-badge.status-accepted{background:#22c55e33;color:#4ade80}.history-status-badge.status-created{background:#3b82f633;color:#60a5fa}.history-item-time{font-size:var(--font-size-xs);color:var(--text-tertiary);white-space:nowrap}.history-item-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight)}.history-item-content{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-relaxed)}.history-item-footer{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.history-item-category{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:capitalize;background:#ffffff0d;padding:2px 8px;border-radius:var(--border-radius-sm)}.history-item-linked{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:#4ade80}.history-item-linked .linked-icon{width:14px;height:14px}.history-empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-tertiary)}.history-empty p{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md)}.history-spinner{width:32px;height:32px;border:3px solid var(--elevation-02dp);border-top-color:var(--accent-gold);border-radius:50%;animation:history-spin .8s linear infinite}@keyframes history-spin{to{transform:rotate(360deg)}}.history-loading p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.history-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--accent-red);text-align:center}.history-retry-btn{background:var(--accent-red);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.history-retry-btn:hover{opacity:.9}@media(max-width:600px){.recommendations-history-modal-overlay{padding:var(--spacing-sm)}.recommendations-history-modal-content{width:95%;max-height:90vh;max-height:90dvh;border-radius:var(--border-radius-md)}.recommendations-history-modal-header{padding:var(--spacing-md)}.recommendations-history-modal-header h2{font-size:var(--font-size-lg)}.recommendations-history-modal-close{width:32px;height:32px}.recommendations-history-modal-close svg{width:20px;height:20px}.recommendations-history-tabs{padding:var(--spacing-xs) var(--spacing-md)}.recommendations-history-modal-body{padding:var(--spacing-md)}.recommendations-history-modal-footer{padding:var(--spacing-sm) var(--spacing-md)}.history-item-header{flex-direction:column;gap:var(--spacing-xs)}.history-item-time{order:-1}}@media(prefers-color-scheme:light){.recommendations-history-modal-overlay{background:#00000080}.recommendations-history-modal-content{background:var(--elevation-02dp);border-color:var(--beige-sand);box-shadow:var(--shadow-elevation-12dp)}.recommendations-history-modal-header,.recommendations-history-tabs{border-bottom-color:#453a2d1a}.recommendations-history-modal-footer{border-top-color:#453a2d1a}.history-item-card{background:var(--elevation-01dp);border-color:#453a2d0d}}body.light-theme .recommendations-history-modal-overlay{background:#00000080}body.light-theme .recommendations-history-modal-content{background:var(--elevation-02dp);border-color:var(--beige-sand);box-shadow:var(--shadow-elevation-12dp)}body.light-theme .recommendations-history-modal-header,body.light-theme .recommendations-history-tabs{border-bottom-color:#453a2d1a}body.light-theme .recommendations-history-modal-footer{border-top-color:#453a2d1a}[data-theme=light] .recommendations-history-modal-overlay{background:#00000080}[data-theme=light] .recommendations-history-modal-content{background:var(--elevation-02dp);border-color:var(--beige-sand);box-shadow:var(--shadow-elevation-12dp)}[data-theme=light] .recommendations-history-modal-header,[data-theme=light] .recommendations-history-tabs{border-bottom-color:#453a2d1a}[data-theme=light] .recommendations-history-modal-footer{border-top-color:#453a2d1a}.simple-confirmation-popup{position:absolute;z-index:var(--z-dialog);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);min-width:280px;max-width:350px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:popup-appear .2s ease-out forwards}@keyframes popup-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.simple-confirmation-popup--info{border:1px solid var(--accent-blue)}.simple-confirmation-popup--warning{border:1px solid var(--accent-orange)}.simple-confirmation-popup--default{border:1px solid var(--tree-green)}.simple-confirmation-popup--ai{border:1px solid var(--accent-blue);background:linear-gradient(135deg,var(--bg-primary) 0%,color-mix(in srgb,var(--accent-blue) 5%,var(--bg-primary)) 100%)}.simple-confirmation-popup__message{color:var(--text-primary);font-size:var(--font-size-md);line-height:var(--line-height-normal);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-medium)}.simple-confirmation-popup__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.simple-confirmation-popup__button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-width:60px}.simple-confirmation-popup__button--cancel{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.simple-confirmation-popup__button--cancel:hover{background:var(--hover-bg-secondary);color:var(--text-primary);border-color:var(--accent-red)}.simple-confirmation-popup__button--confirm{background:var(--tree-green);color:var(--text-on-accent);border:1px solid transparent}.simple-confirmation-popup__button--confirm:hover{background:var(--accent-blue, var(--accent-green));transform:translateY(-1px);box-shadow:var(--shadow-md);filter:brightness(1.1)}.simple-confirmation-popup__button--confirm:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.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);filter:brightness(1.1);box-shadow:var(--shadow-md)}.simple-confirmation-popup--ai .simple-confirmation-popup__button--confirm{background:var(--accent-blue)}.simple-confirmation-popup--ai .simple-confirmation-popup__button--confirm:hover{background:var(--accent-blue);filter:brightness(1.15);box-shadow:var(--shadow-md)}@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{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);min-width:50px}}.loading-transition{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;--primary-color: var(--tree-green);--primary-color-rgb: 80, 155, 90;z-index:var(--z-loading);font-family:var(--font-sans);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.loading-transition.theme-tree{--primary-color: var(--tree-green);--primary-color-rgb: 80, 155, 90}.loading-transition.theme-recommendations{--primary-color: #7a9bbc;--primary-color-rgb: 122, 155, 188}.loading-transition.theme-call{--primary-color: var(--tree-green);--primary-color-rgb: 80, 155, 90}.loading-transition.theme-recommendations .loading-spinner{border-top-color:var(--primary-color);border-right-color:var(--primary-color);border-left-color:var(--primary-color)}.loading-transition.theme-recommendations .loading-steps{background:#0006;border-color:#ffffff26}.loading-transition.theme-recommendations .loading-step{color:#ffffffb3}.loading-transition.theme-recommendations .loading-step.active{color:#fff;text-shadow:0 0 8px rgba(var(--primary-color-rgb),.4),0 1px 2px rgba(0,0,0,.3)}.loading-transition.theme-recommendations .loading-step.completed{color:#ffffffd9}.loading-transition.theme-recommendations .loading-step.active:before{border-color:var(--primary-color);box-shadow:0 0 10px rgba(var(--primary-color-rgb),.5);background:rgba(var(--primary-color-rgb),.1)}.loading-transition.theme-recommendations .loading-step.completed:before{content:"✓";background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px rgba(var(--primary-color-rgb),.4)}.loading-transition.theme-recommendations .progress-fill{background:var(--primary-color);box-shadow:0 0 8px rgba(var(--primary-color-rgb),.5)}.loading-transition.theme-recommendations .progress-bar{background:#ffffff1a}.loading-transition .loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);text-align:center}.loading-transition .loading-spinner{width:80px;height:80px;position:relative;border:4px solid var(--overlay-border-subtle);border-top:4px solid var(--tree-green);border-right:4px solid var(--tree-green);border-bottom:4px solid var(--overlay-border-subtle);border-left:4px solid var(--tree-green);border-radius:50%;animation:cosmic-spin 2s linear infinite,tree-glow 3s ease-in-out infinite,tree-pulse 4s ease-in-out infinite;box-shadow:0 0 20px rgba(var(--primary-color-rgb),.4),0 0 40px rgba(var(--primary-color-rgb),.2),inset 0 0 20px var(--overlay-subtle)}.loading-transition .loading-spinner:before{content:"";position:absolute;inset:-8px;border:2px solid transparent;border-top:2px solid var(--overlay-medium);border-right:2px solid rgba(var(--primary-color-rgb),.3);border-radius:50%;animation:cosmic-spin 1.5s linear infinite reverse}.loading-transition .loading-spinner:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:radial-gradient(circle,var(--text-primary) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:tree-center-pulse 2s ease-in-out infinite}@keyframes cosmic-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tree-glow{0%,to{box-shadow:0 0 20px rgba(var(--primary-color-rgb),.4),0 0 40px rgba(var(--primary-color-rgb),.2),inset 0 0 20px var(--overlay-subtle)}50%{box-shadow:0 0 30px rgba(var(--primary-color-rgb),.6),0 0 60px rgba(var(--primary-color-rgb),.3),inset 0 0 30px var(--overlay-light)}}@keyframes tree-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes tree-center-pulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.loading-transition .loading-steps{width:300px;display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--overlay-subtle);border:1px solid var(--overlay-border-subtle);border-radius:var(--border-radius-md);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-transition .loading-step{position:relative;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--text-secondary);display:flex;align-items:center;text-shadow:var(--shadow-sm);transition:var(--transition-medium)}.loading-transition .loading-step.active{color:var(--text-primary);font-weight:var(--font-weight-medium);text-shadow:0 0 8px rgba(var(--primary-color-rgb),.3),var(--shadow-sm)}.loading-transition .loading-step:before{content:"";display:inline-block;width:18px;height:18px;margin-right:var(--spacing-xs);border:2px solid var(--border-color);border-radius:50%;background:var(--bg-primary);flex-shrink:0}.loading-transition .loading-step.active:before{border-color:var(--tree-green);box-shadow:0 0 8px rgba(var(--primary-color-rgb),.3)}.loading-transition .loading-step.completed:before{content:"✓";background:var(--tree-green);border-color:var(--tree-green);color:var(--bg-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center}.loading-transition .check-mark{display:none}.loading-transition .progress-bar{flex:1;height:6px;background:rgba(var(--primary-color-rgb),.15);border-radius:var(--border-radius-sm);overflow:hidden;margin-left:var(--spacing-sm)}.loading-transition .progress-fill{height:100%;background:var(--tree-green);width:0;animation:tree-progress-pulse 2s ease-in-out infinite}@keyframes tree-progress-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.loading-error{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-danger-overlay);border:1px solid var(--accent-red);border-radius:var(--border-radius-md);display:flex;align-items:center;gap:var(--spacing-sm)}.error-icon{font-size:var(--font-size-lg);color:var(--accent-red)}.error-message{font-family:var(--font-sans);color:var(--accent-red);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);flex:1}.page-loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:var(--z-fixed);font-family:var(--font-sans)}.page-loading-content{text-align:center;color:var(--text-primary)}.page-loading-spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top-color:var(--tree-green);border-radius:50%;animation:page-spin 1s linear infinite;margin:0 auto var(--spacing-md) auto}.page-loading-message{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);opacity:.8}@keyframes page-spin{to{transform:rotate(360deg)}}.tree-icon-header{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.tree-icon-header.loading svg path{fill:var(--text-secondary);opacity:.5;transition:fill var(--transition-medium),opacity var(--transition-medium)}.tree-icon-header.success{transform:scale(1.2);margin-bottom:var(--spacing-lg)}.tree-icon-header.success svg path{fill:var(--tree-green);filter:drop-shadow(0 0 20px var(--tree-green));animation:tree-icon-success-glow 2s ease-in-out infinite}@keyframes tree-icon-success-glow{0%,to{filter:drop-shadow(0 0 20px var(--tree-green))}50%{filter:drop-shadow(0 0 30px var(--tree-green))}}.tree-success-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.tree-success-text{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);animation:tree-success-fade-in-up .6s ease-out}@keyframes tree-success-fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tree-continue-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);margin-top:var(--spacing-lg);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);background:var(--tree-green);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable);animation:tree-success-fade-in-up .6s ease-out .3s both}.tree-continue-btn:hover{background:var(--tree-green-bright);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.tree-continue-btn:active{transform:translateY(0)}.recommendations-icon-header{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:var(--spacing-lg);animation:wand-float 3s ease-in-out infinite}.recommendations-icon-header:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(122,155,188,.25) 0%,rgba(122,155,188,.12) 40%,transparent 70%);animation:wand-backdrop-pulse 2.5s ease-in-out infinite}.recommendations-icon-header svg{position:relative;z-index:1;color:#fff;filter:drop-shadow(0 0 12px rgba(122,155,188,.6)) drop-shadow(0 0 24px rgba(122,155,188,.3));animation:wand-glow 2s ease-in-out infinite}@keyframes wand-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wand-backdrop-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}@keyframes wand-glow{0%,to{filter:drop-shadow(0 0 12px rgba(122,155,188,.6)) drop-shadow(0 0 24px rgba(122,155,188,.3))}50%{filter:drop-shadow(0 0 16px rgba(122,155,188,.8)) drop-shadow(0 0 32px rgba(122,155,188,.4))}}.loading-dismiss-btn{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-md);min-height:var(--touch-target-comfortable, 48px);border:1px solid var(--glass-border, rgba(255, 255, 255, .15));border-radius:var(--border-radius-lg);background:var(--glass-bg, rgba(26, 26, 26, .6));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-on-accent);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.loading-dismiss-btn:hover{background:var(--glass-bg, rgba(26, 26, 26, .8));border-color:var(--text-tertiary);color:var(--text-primary);transform:translateY(-1px)}.loading-dismiss-btn:active{transform:translateY(0)}.loading-dismiss-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.loading-dismiss-btn svg{flex-shrink:0;opacity:.7}.light-theme .loading-dismiss-btn{background:var(--glass-bg, rgba(255, 255, 255, .7));border-color:var(--glass-border, rgba(0, 0, 0, .1))}.light-theme .loading-dismiss-btn:hover{background:var(--glass-bg, rgba(255, 255, 255, .85));border-color:#0003}@media(max-width:768px){.loading-dismiss-btn{padding:var(--spacing-sm) var(--spacing-lg)}}:root{--analog-gradient-colors: #243258, #222e44, #211a2d, #12093d;--analog-gradient-angle: 180deg;--analog-gradient-duration: 10s;--analog-noise-opacity: .08;--analog-noise-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E")}.analog-gradient-bg{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;overflow:hidden}.analog-gradient-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--analog-gradient-angle),var(--analog-gradient-colors));background-size:400% 400%;animation:analogGradientShift var(--analog-gradient-duration) ease-in-out infinite;filter:brightness(120%) contrast(120%)}.analog-gradient-bg:after{content:"";position:absolute;inset:0;background-image:var(--analog-noise-image);background-size:cover;background-repeat:no-repeat;opacity:var(--analog-noise-opacity);mix-blend-mode:soft-light;pointer-events:none}@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: .02}.growth-metrics-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain;touch-action:none;padding:var(--spacing-md)}.growth-metrics-modal-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #00000080;width:90%;max-width:700px;max-height:85vh;max-height:85dvh;display:flex;flex-direction:column;overflow:hidden;touch-action:auto;overscroll-behavior:contain}.growth-metrics-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.15);flex-shrink:0}.growth-metrics-modal-header h2{font-size:var(--font-size-xl);font-family:var(--font-serif);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.growth-metrics-modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);width:36px;height:36px}.growth-metrics-modal-close:hover{background:var(--state-hover);color:var(--accent-red)}.growth-metrics-modal-close svg{width:24px;height:24px}.growth-metrics-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.growth-metrics-modal-body::-webkit-scrollbar{width:8px}.growth-metrics-modal-body::-webkit-scrollbar-track{background:var(--scrollbar-track)}.growth-metrics-modal-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.growth-metrics-modal-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.growth-metrics-modal-body .growth-metrics{padding:0 var(--spacing-md) var(--spacing-lg)}.growth-metrics-modal-body .growth-visualization-section>.section-header{display:none}@media(max-width:600px){.growth-metrics-modal-overlay{padding:var(--spacing-sm)}.growth-metrics-modal-content{width:95%;max-height:90vh;max-height:90dvh;border-radius:var(--border-radius-md)}.growth-metrics-modal-header{padding:var(--spacing-md)}.growth-metrics-modal-header h2{font-size:var(--font-size-lg)}.growth-metrics-modal-close{width:32px;height:32px}.growth-metrics-modal-close svg{width:20px;height:20px}}@media(prefers-color-scheme:light){.growth-metrics-modal-overlay{background:#00000080}.growth-metrics-modal-content{background:var(--elevation-02dp);border-color:var(--beige-sand);box-shadow:var(--shadow-elevation-12dp)}.growth-metrics-modal-header{border-bottom-color:#453a2d1a}}body.light-theme .growth-metrics-modal-overlay{background:#00000080}body.light-theme .growth-metrics-modal-content{background:var(--elevation-02dp);border-color:var(--beige-sand);box-shadow:var(--shadow-elevation-12dp)}body.light-theme .growth-metrics-modal-header{border-bottom-color:#453a2d1a}[data-theme=light] .growth-metrics-modal-overlay{background:#00000080}[data-theme=light] .growth-metrics-modal-content{background:var(--elevation-02dp);border-color:var(--beige-sand);box-shadow:var(--shadow-elevation-12dp)}[data-theme=light] .growth-metrics-modal-header{border-bottom-color:#453a2d1a}.token-display{display:inline-flex;align-items:center;gap:var(--spacing-xs, 6px);padding:var(--spacing-xs, 6px) var(--spacing-sm, 10px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:9999px;font-family:var(--font-sans);transition:all var(--transition-fast)}.token-display__icon{flex-shrink:0;color:var(--tree-green)}.token-display__count{font-weight:var(--font-weight-semibold, 600);color:var(--text-primary);line-height:1;font-variant-numeric:tabular-nums}.token-display__label{font-size:var(--font-size-xs, 12px);color:var(--text-secondary);font-weight:var(--font-weight-regular, 400)}.token-display--small{padding:4px 8px;font-size:var(--font-size-xs, 12px)}.token-display--small .token-display__icon{width:16px;height:16px}.token-display--medium{padding:var(--spacing-xs, 6px) var(--spacing-sm, 10px);font-size:var(--font-size-sm, 14px)}.token-display--medium .token-display__icon{width:20px;height:20px}.token-display--large{padding:var(--spacing-sm, 10px) var(--spacing-md, 16px);font-size:var(--font-size-md, 16px)}.token-display--large .token-display__icon{width:24px;height:24px}.token-display--interactive{cursor:pointer}.token-display--interactive:hover{background:var(--bg-hover);border-color:var(--tree-green);transform:scale(1.02)}.token-display--animating{animation:token-pulse .8s ease-out}.token-display--animating .token-display__icon{animation:token-glow .8s ease-out}.token-display--animating .token-display__count{color:var(--tree-green);font-weight:var(--font-weight-bold, 700)}@keyframes token-pulse{0%,to{transform:scale(1)}30%{transform:scale(1.08)}60%{transform:scale(1.02)}}@keyframes token-glow{0%,to{filter:drop-shadow(0 0 0 var(--tree-green))}50%{filter:drop-shadow(0 0 8px var(--tree-green))}}.light-theme .token-display{background:var(--beige-canvas);border-color:var(--beige-sand)}.light-theme .token-display__icon{color:var(--accent-sage)}.light-theme .token-display--interactive:hover{background:var(--beige-linen);border-color:var(--accent-sage)}.light-theme .token-display--animating .token-display__count{color:var(--accent-sage)}.light-theme .token-display--animating .token-display__icon{animation:token-glow-light .8s ease-out}@keyframes token-glow-light{0%,to{filter:drop-shadow(0 0 0 var(--accent-sage))}50%{filter:drop-shadow(0 0 8px var(--accent-sage))}}.tokens-title{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-sm)}.tokens-title-icon{width:24px;height:24px;color:currentColor;flex-shrink:0}.tokens-amount{display:flex;justify-content:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light)}.tokens-display{padding:var(--spacing-md) var(--spacing-lg)!important;font-size:var(--font-size-2xl);border-width:2px}.tokens-display .token-display__icon{width:32px;height:32px}.tokens-display .token-display__count{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.tokens-display .token-display__label{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.tokens-ledger{margin-top:var(--spacing-sm)}.ledger-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.ledger-title{margin:0;font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-medium)}.token-activity-list{list-style-type:none;padding:0;margin:0}.token-activity-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light);transition:var(--transition-fast)}.token-activity-item:last-child{border-bottom:none}.token-activity-item:hover{background-color:var(--hover-bg-overlay);margin:0 calc(-1 * var(--spacing-sm));padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);border-radius:var(--border-radius-sm)}.activity-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.activity-description{font-size:var(--font-size-sm);color:var(--text-primary);line-height:var(--line-height-normal)}.activity-type{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.activity-text{color:var(--text-primary)}.activity-date,.last-updated{font-size:var(--font-size-xs);color:var(--text-tertiary)}.activity-amount{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);font-variant-numeric:tabular-nums}.token-positive .activity-amount{color:var(--tree-green)}.token-negative .activity-amount{color:var(--accent-red)}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;color:var(--text-secondary);gap:var(--spacing-md)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top-color:var(--tree-green);border-radius:50%;animation:spin .8s linear infinite}.error-message{color:var(--accent-red);font-size:var(--font-size-sm)}.retry-button{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--tree-green);color:var(--bg-primary);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.retry-button:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:768px){.tokens-title{font-size:var(--font-size-base)}.token-value{font-size:var(--font-size-2xl)}.token-label{font-size:var(--font-size-base)}.activity-description{font-size:var(--font-size-xs)}.token-activity-item:hover{margin:0;padding-left:0;padding-right:0}}.seeds-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain;touch-action:none;padding:var(--spacing-md)}.seeds-modal-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #00000080;width:90%;max-width:500px;max-height:85vh;max-height:85dvh;display:flex;flex-direction:column;overflow:hidden;touch-action:auto;overscroll-behavior:contain}.seeds-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.15);flex-shrink:0}.seeds-modal-header h2{font-size:var(--font-size-xl);font-family:var(--font-serif);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.seeds-modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);width:36px;height:36px}.seeds-modal-close:hover{background:var(--state-hover);color:var(--accent-red)}.seeds-modal-close svg{width:24px;height:24px}.seeds-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:var(--spacing-lg);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.seeds-modal-body::-webkit-scrollbar{width:8px}.seeds-modal-body::-webkit-scrollbar-track{background:var(--scrollbar-track)}.seeds-modal-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.seeds-modal-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.seeds-modal-body .tokens-title{display:none}@media(max-width:600px){.seeds-modal-overlay{padding:var(--spacing-sm)}.seeds-modal-content{width:95%;max-height:90vh;max-height:90dvh;border-radius:var(--border-radius-md)}.seeds-modal-header{padding:var(--spacing-md)}.seeds-modal-header h2{font-size:var(--font-size-lg)}.seeds-modal-close{width:32px;height:32px}.seeds-modal-close svg{width:20px;height:20px}.seeds-modal-body{padding:var(--spacing-md)}}@media(prefers-color-scheme:light){.seeds-modal-overlay{background:#00000080}.seeds-modal-content{background:var(--elevation-02dp);border-color:var(--beige-sand);box-shadow:var(--shadow-elevation-12dp)}.seeds-modal-header{border-bottom-color:#453a2d1a}}body.light-theme .seeds-modal-overlay{background:#00000080}body.light-theme .seeds-modal-content{background:var(--elevation-02dp);border-color:var(--beige-sand);box-shadow:var(--shadow-elevation-12dp)}body.light-theme .seeds-modal-header{border-bottom-color:#453a2d1a}[data-theme=light] .seeds-modal-overlay{background:#00000080}[data-theme=light] .seeds-modal-content{background:var(--elevation-02dp);border-color:var(--beige-sand);box-shadow:var(--shadow-elevation-12dp)}[data-theme=light] .seeds-modal-header{border-bottom-color:#453a2d1a}.snapshot-viewer-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow:hidden;overscroll-behavior:contain;touch-action:none;padding:var(--spacing-md)}.snapshot-viewer-modal-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #00000080;width:90%;max-width:600px;max-height:85vh;max-height:85dvh;display:flex;flex-direction:column;overflow:hidden;touch-action:auto;overscroll-behavior:contain}.snapshot-viewer-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.15);flex-shrink:0}.snapshot-viewer-modal-header h2{font-size:var(--font-size-xl);font-family:var(--font-serif);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.snapshot-viewer-modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);width:36px;height:36px}.snapshot-viewer-modal-close:hover{background:var(--state-hover);color:var(--accent-red)}.snapshot-viewer-modal-close svg{width:24px;height:24px}.snapshot-viewer-tabs{padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;overflow-x:auto;scrollbar-width:none}.snapshot-viewer-tabs::-webkit-scrollbar{display:none}.snapshot-viewer-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:var(--spacing-lg);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.snapshot-viewer-modal-body::-webkit-scrollbar{width:8px}.snapshot-viewer-modal-body::-webkit-scrollbar-track{background:var(--scrollbar-track)}.snapshot-viewer-modal-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.snapshot-viewer-modal-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.snapshot-viewer-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;gap:var(--spacing-md)}.snapshot-metadata{font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.snapshot-footer-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.snapshot-history-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--elevation-01dp);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.snapshot-history-btn:hover{background:var(--state-hover);color:var(--accent-gold)}.snapshot-history-btn svg{width:16px;height:16px}.snapshot-refresh-btn{background:var(--elevation-01dp);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);transition:all var(--transition-fast);flex-shrink:0}.snapshot-refresh-btn:hover:not(:disabled){background:var(--state-hover);color:var(--text-primary)}.snapshot-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.snapshot-section{background:var(--elevation-01dp);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.snapshot-section:last-child{margin-bottom:0}.snapshot-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:.05em}.snapshot-data-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-xs) 0;border-bottom:1px solid rgba(255,255,255,.05);gap:var(--spacing-md)}.snapshot-data-row:last-child{border-bottom:none}.snapshot-data-label{color:var(--text-secondary);font-size:var(--font-size-sm);flex-shrink:0}.snapshot-data-value{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:right;word-break:break-word}.snapshot-data-value.empty{color:var(--text-tertiary);font-style:italic}.snapshot-tree-item{padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-xs)}.snapshot-tree-item:last-child{margin-bottom:0}.snapshot-tree-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.snapshot-tree-details{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-tertiary)}.snapshot-empty{color:var(--text-tertiary);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-xl);font-style:italic}.snapshot-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md)}.snapshot-spinner{width:32px;height:32px;border:3px solid var(--elevation-02dp);border-top-color:var(--accent-gold);border-radius:50%;animation:snapshot-spin .8s linear infinite}@keyframes snapshot-spin{to{transform:rotate(360deg)}}.snapshot-loading p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.snapshot-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--accent-red);text-align:center}.snapshot-retry-btn{background:var(--accent-red);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.snapshot-retry-btn:hover{opacity:.9}@media(max-width:600px){.snapshot-viewer-modal-overlay{padding:var(--spacing-sm)}.snapshot-viewer-modal-content{width:95%;max-height:90vh;max-height:90dvh;border-radius:var(--border-radius-md)}.snapshot-viewer-modal-header{padding:var(--spacing-md)}.snapshot-viewer-modal-header h2{font-size:var(--font-size-lg)}.snapshot-viewer-modal-close{width:32px;height:32px}.snapshot-viewer-modal-close svg{width:20px;height:20px}.snapshot-viewer-tabs{padding:var(--spacing-xs) var(--spacing-md)}.snapshot-viewer-modal-body{padding:var(--spacing-md)}.snapshot-viewer-modal-footer{padding:var(--spacing-sm) var(--spacing-md);flex-direction:column;gap:var(--spacing-sm)}.snapshot-metadata{order:2;text-align:center}.snapshot-footer-actions{order:1;width:100%;justify-content:stretch}.snapshot-history-btn,.snapshot-refresh-btn{flex:1;justify-content:center;padding:var(--spacing-sm)}.snapshot-data-row{flex-direction:column;gap:var(--spacing-xs)}.snapshot-data-value{text-align:left}}@media(prefers-color-scheme:light){.snapshot-viewer-modal-overlay{background:#00000080}.snapshot-viewer-modal-content{background:var(--elevation-02dp);border-color:var(--beige-sand);box-shadow:var(--shadow-elevation-12dp)}.snapshot-viewer-modal-header,.snapshot-viewer-tabs{border-bottom-color:#453a2d1a}.snapshot-viewer-modal-footer{border-top-color:#453a2d1a}.snapshot-section{background:var(--elevation-01dp)}.snapshot-data-row{border-bottom-color:#453a2d0d}}body.light-theme .snapshot-viewer-modal-overlay{background:#00000080}body.light-theme .snapshot-viewer-modal-content{background:var(--elevation-02dp);border-color:var(--beige-sand);box-shadow:var(--shadow-elevation-12dp)}body.light-theme .snapshot-viewer-modal-header,body.light-theme .snapshot-viewer-tabs{border-bottom-color:#453a2d1a}body.light-theme .snapshot-viewer-modal-footer{border-top-color:#453a2d1a}[data-theme=light] .snapshot-viewer-modal-overlay{background:#00000080}[data-theme=light] .snapshot-viewer-modal-content{background:var(--elevation-02dp);border-color:var(--beige-sand);box-shadow:var(--shadow-elevation-12dp)}[data-theme=light] .snapshot-viewer-modal-header,[data-theme=light] .snapshot-viewer-tabs{border-bottom-color:#453a2d1a}[data-theme=light] .snapshot-viewer-modal-footer{border-top-color:#453a2d1a}.tree-card{display:flex;flex-direction:column;position:relative;z-index:1;background:var(--elevation-02dp);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-elevation-04dp);transition:box-shadow var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast);min-height:120px;-webkit-font-smoothing:antialiased;overflow:clip;cursor:pointer;touch-action:pan-y}.tree-card:before{content:"";position:absolute;inset:0;background:var(--card-accent, transparent);pointer-events:none;z-index:0;border-radius:inherit}.tree-card>*{position:relative;z-index:1}.tree-card:hover{box-shadow:var(--shadow-elevation-02dp);transform:translateY(-2px)}.tree-card:active{transform:translateY(0);box-shadow:var(--shadow-elevation-01dp)}.tree-card--menu-open{z-index:10}.tree-card:focus{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.tree-card:focus:not(:focus-visible){outline:none}.tree-card__header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);touch-action:pan-y}.tree-card__avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);background:transparent;border:none;padding:0}.tree-card__avatar:has(.tree-card__avatar-placeholder){background:var(--state-hover);border:2px solid var(--border-light)}.tree-card__avatar:hover{transform:scale(1.05)}.tree-card__avatar:has(.tree-card__avatar-placeholder):hover{background:var(--state-pressed)}.tree-card__avatar:active{transform:scale(.98)}.tree-card__avatar-placeholder{color:var(--text-tertiary);width:20px;height:20px}.tree-card__avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.tree-card__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-sm);touch-action:pan-y}.tree-card__title{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-card__subtitle{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:var(--line-height-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-card__body{display:none}.tree-card__action{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.tree-card__checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;margin-top:1px}.tree-card__checkbox svg{width:100%;height:100%;color:var(--text-tertiary)}.tree-card__options{position:relative;flex-shrink:0}.tree-card__options-btn{display:flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);padding:0;background:#ffffff1a;border:none;border-radius:var(--border-radius-md);color:#fffc;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.tree-card__options-btn:hover{background:#fff3;color:#fff}.tree-card__options-btn svg{width:22px;height:22px}.tree-card__options-menu{position:absolute;top:100%;right:0;z-index:100;min-width:160px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-dropdown);padding:var(--spacing-xs);margin-top:var(--spacing-xs)}.tree-card__options-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.tree-card__options-item:hover{background:var(--state-hover)}.tree-card__options-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-secondary)}.tree-card__options-icon svg{width:16px;height:16px}.tree-card__color-picker{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-sm);margin-top:var(--spacing-xs);border-top:1px solid var(--border-light)}.tree-card__color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;background:var(--swatch-color);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:inset 0 2px 4px #0003}.tree-card__color-swatch:hover{transform:scale(1.15);box-shadow:inset 0 2px 4px #0003,0 4px 8px #0003}.tree-card__color-swatch--active{border-color:#fff;box-shadow:inset 0 2px 4px #0003,0 0 0 2px #ffffff80}@media(max-width:600px){.tree-card{min-height:72px;width:100%}.tree-card__header{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.tree-card__avatar{width:36px;height:36px}.tree-card__avatar:has(.tree-card__avatar-placeholder){border-width:1.5px}.tree-card__avatar-placeholder{width:18px;height:18px}.tree-card__title{font-size:var(--font-size-base)}.tree-card__subtitle{font-size:var(--font-size-xs)}.tree-card__checkbox{width:16px;height:16px}.tree-card__color-swatch{width:var(--touch-target-min);height:var(--touch-target-min)}}body.light-theme .tree-card,[data-theme=light] .tree-card{background:var(--elevation-02dp);border:1px solid var(--beige-sand);box-shadow:var(--shadow-elevation-02dp)}body.light-theme .tree-card:hover,[data-theme=light] .tree-card:hover{box-shadow:var(--shadow-elevation-04dp)}body.light-theme .tree-card__color-swatch--active,[data-theme=light] .tree-card__color-swatch--active{border-color:var(--text-primary);box-shadow:inset 0 2px 4px #0000001a,0 0 0 2px var(--border-color)}body.light-theme .tree-card__options-menu,[data-theme=light] .tree-card__options-menu{background:var(--elevation-08dp);box-shadow:var(--shadow-elevation-08dp)}.organic-modal-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md, 16px);z-index:var(--z-modal, 11000);padding:var(--spacing-lg, 24px);animation:organicFadeIn .3s ease-out}@keyframes organicFadeIn{0%{opacity:0}to{opacity:1}}.transaction-capsule{flex-shrink:0;z-index:1;animation:capsuleFloatIn .4s cubic-bezier(.34,1.56,.64,1) .1s backwards}.transaction-capsule .token-display{background:var(--organic-modal-bg, rgba(30, 31, 28, .92));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(86,149,94,.3);box-shadow:0 8px 32px #0006,0 0 0 1px #56955e26,0 0 20px #56955e1a;padding:var(--spacing-sm, 10px) var(--spacing-md, 16px)}@keyframes capsuleFloatIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.transaction-capsule{margin-top:max(env(safe-area-inset-top,0px),0px)}}.organic-modal{background:var(--organic-modal-bg, rgba(30, 31, 28, .85));-webkit-backdrop-filter:var(--organic-modal-bg-blur, blur(20px));backdrop-filter:var(--organic-modal-bg-blur, blur(20px));border:var(--organic-modal-border, 1px solid rgba(248, 245, 237, .08));border-radius:var(--organic-modal-border-radius, 24px);box-shadow:var( --organic-modal-shadow, 0 24px 48px rgba(0, 0, 0, .4), 0 0 0 1px rgba(248, 245, 237, .05), inset 0 1px 0 rgba(255, 255, 255, .05) );width:100%;max-width:480px;max-height:calc(85dvh - 48px);display:flex;flex-direction:column;overflow:hidden;animation:organicSlideUp .35s cubic-bezier(.34,1.56,.64,1)}@keyframes organicSlideUp{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.organic-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-lg, 24px);padding-bottom:var(--spacing-md, 16px);flex-shrink:0}.organic-modal-header-content{display:flex;align-items:center;gap:var(--spacing-sm, 8px)}.organic-header-icon{width:32px;height:32px;color:var(--tree-green, #56955e);flex-shrink:0}.organic-modal-title{font-family:var(--font-sans, "Inter", sans-serif);font-size:var(--font-size-xl, 24px);font-weight:var(--font-weight-bold, 700);color:var(--text-primary, #f8f8f2);margin:0;letter-spacing:var(--letter-spacing-tight, -.02em)}.organic-modal-header-actions{display:flex;align-items:center;gap:var(--spacing-sm, 8px)}.organic-close-button{background:transparent;border:none;color:var(--text-secondary, #8b8772);cursor:pointer;padding:var(--spacing-xs, 6px);border-radius:var(--border-radius-lg, 12px);display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px)}.organic-close-button:hover{background:var(--state-hover, rgba(248, 245, 237, .08));color:var(--text-primary, #f8f8f2)}.organic-close-button svg{width:20px;height:20px}.organic-tour-banner{display:flex;align-items:flex-start;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 16px);margin:0 var(--spacing-lg, 24px) var(--spacing-md, 16px);background:#d6ae541a;border-radius:var(--border-radius-lg, 12px);border-left:3px solid var(--color-golden, #d6ae54)}.organic-tour-icon{font-size:20px;flex-shrink:0}.organic-tour-text{flex:1}.organic-tour-text strong{color:var(--color-golden, #d6ae54);font-size:var(--font-size-sm, 14px);display:block;margin-bottom:var(--spacing-xs, 4px)}.organic-tour-text p{color:var(--text-secondary, #8b8772);font-size:var(--font-size-xs, 12px);margin:0;line-height:1.4}.organic-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 var(--spacing-lg, 24px);margin-bottom:var(--spacing-md, 16px)}.organic-form{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.organic-form-group{display:flex;flex-direction:column}.organic-form-group-importance{padding-top:var(--spacing-sm, 8px)}.organic-input{width:100%;background:var(--organic-input-bg, rgba(248, 245, 237, .05));border:none;border-radius:var(--organic-input-border-radius, 12px);padding:var(--organic-input-padding, 16px);font-family:var(--font-sans, "Inter", sans-serif);font-size:var(--font-size-base, 16px);color:var(--text-primary, #f8f8f2);transition:background-color .2s ease,box-shadow .2s ease;outline:none}.organic-input::placeholder{color:var(--organic-input-placeholder, #a09f94)}.organic-input:focus{background:var(--organic-input-bg-focus, rgba(248, 245, 237, .08));box-shadow:0 0 0 2px #56955e4d}.organic-input:disabled{opacity:.5;cursor:not-allowed}.organic-input-lg{font-size:var(--organic-input-font-size, 18px);font-weight:var(--font-weight-medium, 500);padding:var(--spacing-lg, 24px) var(--spacing-md, 16px)}.organic-textarea{resize:vertical;min-height:80px;line-height:var(--line-height-relaxed, 1.6)}.organic-textarea-primary{font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-medium, 500);min-height:120px;padding:var(--spacing-lg, 20px)}.timeframe-selector{display:flex;gap:var(--spacing-sm, 8px);width:100%}.timeframe-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--selector-card-padding, 8px 16px);background:var(--selector-card-bg, rgba(248, 245, 237, .04));border:var(--selector-card-border, 1px solid rgba(248, 245, 237, .08));border-radius:var(--selector-card-border-radius, 16px);cursor:pointer;transition:all .2s ease;font-family:var(--font-sans, "Inter", sans-serif);min-height:64px}.timeframe-card:hover:not(:disabled){background:var(--selector-card-bg-hover, rgba(248, 245, 237, .08));transform:translateY(-1px)}.timeframe-card.selected{background:var(--selector-card-bg-selected, rgba(86, 149, 94, .25));border:var(--selector-card-border-selected, 1px solid var(--tree-green));transform:scale(var(--selector-card-scale-selected, 1.05))}.timeframe-card:disabled{opacity:.5;cursor:not-allowed}.timeframe-label{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #f8f8f2)}.timeframe-sublabel{font-size:var(--font-size-xs, 12px);color:var(--text-secondary, #8b8772)}.timeframe-card.selected .timeframe-label{color:#fff}.timeframe-card.selected .timeframe-sublabel{color:#fffc}.leaf-rating-container{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.leaf-rating-title{font-family:var(--font-sans, "Inter", sans-serif);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--text-secondary, #8b8772);letter-spacing:.01em}.leaf-rating{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-xs, 4px) 0}.leaf-rating-icons{display:flex;align-items:center;gap:0}.leaf-button{background:transparent;border:none;padding:4px;cursor:pointer;border-radius:var(--border-radius-sm, 4px);transition:var(--leaf-transition, transform .2s ease, color .15s ease);display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.leaf-button:hover:not(:disabled){transform:scale(1.15)}.leaf-button:disabled{cursor:not-allowed;opacity:.5}.leaf-icon{width:var(--leaf-icon-size, 24px);height:var(--leaf-icon-size, 24px);transition:var(--leaf-transition, transform .2s ease, color .15s ease)}.leaf-empty{color:#a09f9459}.leaf-filled{color:var(--leaf-color-active, #56955e)}.leaf-button:hover:not(:disabled) .leaf-icon{color:var(--leaf-color-hover, #a6e22e)}.leaf-button.active .leaf-icon{animation:leafPop .3s ease-out}@keyframes leafPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.leaf-rating-label{font-family:var(--font-sans, "Inter", sans-serif);font-size:var(--font-size-sm, 14px);color:var(--tree-green, #56955e);font-weight:var(--font-weight-semibold, 600);padding:4px 10px;background:#56955e1f;border-radius:var(--border-radius-full, 9999px);white-space:nowrap}.organic-modal-footer{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 16px) var(--spacing-lg, 24px) var(--spacing-lg, 24px);flex-shrink:0;border-top:1px solid rgba(248,245,237,.06)}.organic-warning{display:flex;align-items:center;gap:var(--spacing-xs, 6px);padding:var(--spacing-sm, 10px);background:#f926721a;border-radius:var(--border-radius-lg, 12px);font-size:var(--font-size-xs, 12px);color:var(--accent-red, #f92672);line-height:1.4}.organic-warning svg{color:var(--accent-red, #f92672)}.organic-modal-footer-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm, 8px)}.organic-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 8px) var(--spacing-lg, 24px);border-radius:var(--btn-gradient-border-radius, 12px);font-family:var(--font-sans, "Inter", sans-serif);font-size:var(--font-size-base, 16px);font-weight:var(--font-weight-semibold, 600);cursor:pointer;transition:all .2s ease;min-height:var(--touch-target-comfortable, 48px);border:none}.organic-btn:disabled{opacity:.5;cursor:not-allowed}.organic-btn-ghost{background:transparent;color:var(--text-secondary, #8b8772);border:1px solid rgba(248,245,237,.12)}.organic-btn-ghost:hover:not(:disabled){background:var(--state-hover, rgba(248, 245, 237, .08));color:var(--text-primary, #f8f8f2)}.organic-btn-primary{background:var( --btn-gradient-primary, linear-gradient(135deg, #56955e 0%, #4a8a6a 50%, #3d7a6a 100%) );color:#fff;box-shadow:var(--btn-gradient-shadow, 0 4px 12px rgba(86, 149, 94, .3)),var(--btn-gradient-inset, inset 0 1px 0 rgba(255, 255, 255, .15));text-shadow:0 1px 2px rgba(0,0,0,.2)}.organic-btn-primary:hover:not(:disabled){background:var( --btn-gradient-primary-hover, linear-gradient(135deg, #62a56a 0%, #56957a 50%, #4a8a7a 100%) );box-shadow:var(--btn-gradient-shadow-hover, 0 6px 20px rgba(86, 149, 94, .45)),var(--btn-gradient-inset, inset 0 1px 0 rgba(255, 255, 255, .15));transform:translateY(-1px)}.organic-btn-primary:active:not(:disabled){transform:translateY(0)}.seed-cost-inline{display:inline-flex;align-items:center;gap:4px;font-size:inherit;font-weight:inherit;color:inherit;opacity:.9}.seed-cost-inline .seed-icon{width:16px;height:16px}@media(max-width:600px){.organic-modal-backdrop{padding:var(--spacing-md, 16px);padding-top:max(var(--spacing-md, 16px),env(safe-area-inset-top,0px));padding-bottom:max(80px,env(safe-area-inset-bottom,0px))}.organic-modal{max-height:calc(90dvh - 96px);max-width:100%;border-radius:var(--border-radius-xl, 16px)}.organic-modal-header{padding:var(--spacing-md, 16px);gap:var(--spacing-sm, 8px)}.organic-modal-header-content{flex:1;min-width:0}.sapling-icon{width:36px;height:36px}.organic-modal-title{font-size:var(--font-size-lg, 20px)}.organic-modal-body{padding:0 var(--spacing-md, 16px)}.organic-modal-footer{padding:var(--spacing-sm, 8px) var(--spacing-md, 16px) var(--spacing-md, 16px)}@media(max-width:360px){.timeframe-selector{flex-direction:column}.timeframe-card{flex-direction:row;justify-content:flex-start;gap:var(--spacing-sm, 8px);min-height:48px}}.organic-modal-footer-actions{flex-direction:column-reverse}.organic-btn{width:100%}}@media(prefers-reduced-motion:reduce){.organic-modal-backdrop,.organic-modal,.transaction-capsule,.leaf-button.active .leaf-icon{animation:none}.organic-close-button,.organic-input,.timeframe-card,.leaf-button,.leaf-icon,.organic-btn{transition:none}}@media(prefers-contrast:high){.organic-modal{border:2px solid var(--text-primary, #f8f8f2)}.organic-input:focus{box-shadow:0 0 0 3px var(--accent-blue, #82c2fe)}.timeframe-card.selected{border-width:2px}.organic-btn-primary{border:2px solid white}}.light-theme .organic-modal{background:#f5f1e8eb;border-color:#3d34281f}.light-theme .organic-modal-title{color:var(--text-primary)}.light-theme .organic-input{background:#3d34280f}.light-theme .organic-input:focus{background:#3d34281a}.light-theme .timeframe-card{background:#3d34280a;border-color:#3d34281a}.light-theme .timeframe-card.selected{background:#56955e26}.light-theme .organic-warning{background:#a05d5d1a;color:var(--accent-burgundy, #a05d5d)}.light-theme .organic-warning svg{color:var(--accent-burgundy, #a05d5d)}.tree-limit-modal{max-width:440px}.tree-limit-icon{color:var(--accent-orange, #fd971f)}.tree-limit-banner{padding:0 var(--spacing-lg, 24px);margin-bottom:var(--spacing-md, 16px)}.tree-limit-message{margin:0;padding:var(--spacing-md, 16px);background:var(--alert-warning-bg, rgba(253, 151, 31, .08));border:1px solid var(--alert-warning-border, rgba(253, 151, 31, .5));border-radius:var(--border-radius-lg, 12px);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);font-family:var(--font-sans, "Inter", sans-serif);color:var(--alert-warning-text, var(--text-secondary, #8b8772));line-height:1.5}.tree-limit-message strong{color:var(--alert-warning-accent, var(--monokai-orange, #fd971f))}.tree-limit-body{max-height:320px;overflow-y:auto}.tree-list{display:flex;flex-direction:column;gap:var(--spacing-xs, 6px)}.tree-list-item{display:flex;align-items:center;gap:var(--spacing-sm, 12px);padding:var(--spacing-sm, 12px) var(--spacing-md, 16px);background:var(--organic-input-bg, rgba(248, 245, 237, .05));border:1px solid transparent;border-radius:var(--border-radius-lg, 12px);cursor:pointer;transition:all .15s ease;text-align:left;width:100%;min-height:var(--touch-target-comfortable, 48px)}.tree-list-item:hover:not(:disabled){background:var(--organic-input-bg-focus, rgba(248, 245, 237, .08))}.tree-list-item.selected{background:#f926721a;border-color:#f9267266}.tree-list-item:disabled{opacity:.5;cursor:not-allowed}.tree-checkbox{width:22px;height:22px;border:2px solid var(--text-tertiary, #6b6a63);border-radius:var(--border-radius-sm, 6px);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.tree-checkbox.checked{background:var(--accent-red, #f92672);border-color:var(--accent-red, #f92672);color:#fff}.tree-list-icon{width:20px;height:20px;color:var(--tree-green, #56955e);flex-shrink:0}.tree-list-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tree-list-name{font-size:var(--font-size-base, 16px);font-weight:var(--font-weight-medium, 500);color:var(--text-primary, #f8f8f2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-list-meta{font-size:var(--font-size-xs, 12px);color:var(--text-tertiary, #6b6a63)}.tree-limit-selection-info{font-size:var(--font-size-sm, 14px);color:var(--accent-red, #f92672);text-align:center;padding:var(--spacing-xs, 6px) 0}.organic-btn-danger{background:var(--accent-red, #f92672);color:#fff;box-shadow:0 4px 12px #f926724d}.organic-btn-danger:hover:not(:disabled){background:#e11d62;box-shadow:0 6px 20px #f9267273;transform:translateY(-1px)}.organic-btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.light-theme .tree-limit-message{background:var(--alert-warning-bg, rgba(253, 151, 31, .1));border-color:var(--alert-warning-border, rgba(253, 151, 31, .6));color:var(--alert-warning-text, var(--text-secondary))}.light-theme .tree-limit-message strong{color:var(--alert-warning-accent, #e88a00)}.light-theme .tree-list-item.selected{background:#a05d5d1a;border-color:#a05d5d66}.light-theme .tree-checkbox.checked{background:var(--accent-burgundy, #a05d5d);border-color:var(--accent-burgundy, #a05d5d)}.light-theme .tree-limit-selection-info{color:var(--accent-burgundy, #a05d5d)}.light-theme .organic-btn-danger{background:var(--accent-burgundy, #a05d5d);box-shadow:0 4px 12px #a05d5d4d}.light-theme .organic-btn-danger:hover:not(:disabled){background:#8e4f4f;box-shadow:0 6px 20px #a05d5d73}._modalContent_1td50_16{display:flex;flex-direction:column;gap:var(--spacing-lg, 24px);padding:var(--spacing-lg, 24px);max-height:calc(100dvh - 180px);overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}._modalContent_1td50_16::-webkit-scrollbar{width:4px}._modalContent_1td50_16::-webkit-scrollbar-track{background:transparent}._modalContent_1td50_16::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-md, 10px)}._summaryHeader_1td50_46{display:flex;align-items:center;gap:var(--spacing-md, 16px);padding:var(--spacing-lg, 24px) var(--spacing-md, 16px);background:linear-gradient(135deg,var(--elevation-04dp) 0%,var(--elevation-06dp) 100%);border-radius:40px;border:2px solid var(--border-light);box-shadow:6px 6px 0 var(--border-color)}._summaryIcon_1td50_57{width:32px;height:32px;color:var(--accent-blue);flex-shrink:0}._summaryTitle_1td50_64{font-size:var(--font-size-xl, 22px);font-weight:var(--font-weight-bold, 700);font-family:var(--font-serif);color:var(--text-primary);flex:1;font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);letter-spacing:-.02em}._onlineBadge_1td50_74{display:inline-flex;align-items:center;padding:6px var(--spacing-md, 16px);background:var(--tree-green);color:#fff;border-radius:var(--border-radius-capsule, 999px);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-bold, 700);font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);box-shadow:2px 2px #00000026}._cardList_1td50_91{display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}._connectionCard_1td50_99{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-lg, 24px) var(--spacing-md, 16px);background:linear-gradient(145deg,var(--elevation-02dp) 0%,var(--elevation-04dp) 100%);border:2px solid var(--border-light);border-radius:40px;box-shadow:6px 6px 0 var(--border-color);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}._connectionCard_1td50_99:hover{border-color:var(--accent-blue);transform:translateY(-6px) translate(-2px);box-shadow:8px 10px 0 var(--accent-blue)}._connectionCard_1td50_99:active{transform:translateY(2px) translate(2px);box-shadow:2px 2px 0 var(--border-light)}._avatarWrapper_1td50_131{display:flex;align-items:center;justify-content:center}._userInfo_1td50_141{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;text-align:center;margin-top:var(--spacing-xs, 4px)}._userName_1td50_151{font-size:var(--font-size-md, 18px);font-weight:var(--font-weight-bold, 700);color:var(--text-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);letter-spacing:-.01em;line-height:1.2}._userProfession_1td50_164{font-size:var(--font-size-sm, 14px);color:var(--text-secondary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);line-height:1.3}._matchBadge_1td50_177{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 4px);padding:6px var(--spacing-md, 16px);background:linear-gradient(135deg,var(--elevation-04dp) 0%,var(--elevation-06dp) 100%);border:2px solid var(--accent-blue);border-radius:var(--border-radius-capsule, 999px);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-bold, 700);color:var(--accent-blue);margin-top:var(--spacing-xs, 4px);box-shadow:3px 3px 0 var(--border-light);font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}._matchIcon_1td50_195{width:16px;height:16px;color:var(--accent-gold, #f0c674);flex-shrink:0}._connectButton_1td50_204{width:100%;padding:var(--spacing-sm, 8px) var(--spacing-lg, 24px);background:var(--tree-green);color:#fff;border:2px solid transparent;border-radius:var(--border-radius-capsule, 999px);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-bold, 700);font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);min-height:44px;cursor:pointer;box-shadow:4px 4px #0003;transition:all .15s ease;margin-top:var(--spacing-sm, 8px);letter-spacing:.01em}._connectButton_1td50_204:hover{background:var(--tree-green-hover);transform:translateY(-3px) translate(-1px);box-shadow:6px 6px #00000040}._connectButton_1td50_204:active{transform:translateY(2px) translate(2px);box-shadow:1px 1px #00000026}._connectButton_1td50_204:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:2px 2px #0000001a}._pendingButton_1td50_241{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 4px);background:var(--accent-amber, #f0a500);border-color:var(--accent-amber, #f0a500);opacity:1;cursor:pointer}._pendingButton_1td50_241:hover{background:var(--accent-red, #e74c3c);border-color:var(--accent-red, #e74c3c);transform:translateY(-2px);box-shadow:5px 5px #00000040}._pendingButton_1td50_241:active{transform:translateY(1px) translate(1px);box-shadow:2px 2px #00000026}._connectedButton_1td50_265{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 4px);background:var(--accent-blue);border-color:var(--accent-blue);opacity:1}._connectedButton_1td50_265:hover{background:var(--accent-blue);transform:none;box-shadow:4px 4px #0003}._addExpertButton_1td50_282{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 4px);background:var(--tree-green);border-color:var(--tree-green);opacity:1;cursor:pointer}._addExpertButton_1td50_282:hover{background:var(--tree-green-hover);transform:translateY(-3px) translate(-1px);box-shadow:6px 6px #00000040}._addExpertButton_1td50_282:active{transform:translateY(2px) translate(2px);box-shadow:1px 1px #00000026}._cardHint_1td50_305{font-size:var(--font-size-xs, 12px);color:var(--text-tertiary);font-style:normal;margin-top:var(--spacing-sm, 8px);font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);opacity:.8}._searchMoreButton_1td50_316{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 8px);width:100%;padding:var(--spacing-md, 16px) var(--spacing-lg, 24px);background:transparent;color:var(--accent-blue);border:2px dashed var(--accent-blue);border-radius:40px;font-size:var(--font-size-base, 16px);font-weight:var(--font-weight-semibold, 600);font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);cursor:pointer;min-height:52px;margin-top:var(--spacing-md, 16px);transition:all .2s ease;-webkit-tap-highlight-color:transparent}._searchMoreButton_1td50_316:hover{background:var(--accent-blue);color:#fff;border-style:solid;transform:translateY(-3px) translate(-1px);box-shadow:5px 5px #0003}._searchMoreButton_1td50_316:active{transform:translateY(1px) translate(1px);box-shadow:2px 2px #00000026}._searchMoreButton_1td50_316:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}._searchMoreIcon_1td50_357{width:20px;height:20px}._skeletonCard_1td50_364{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg, 24px);padding:var(--spacing-xl, 28px) var(--spacing-lg, 24px);background:linear-gradient(145deg,var(--elevation-02dp) 0%,var(--elevation-04dp) 100%);border:2px solid var(--border-light);border-radius:40px;box-shadow:6px 6px 0 var(--border-color);min-height:320px}._skeletonAvatar_1td50_377{width:80px;height:80px;border-radius:var(--border-radius-capsule, 999px);background:var(--elevation-06dp);animation:_skeletonPulse_1td50_1 1.5s ease-in-out infinite}._skeletonTextGroup_1td50_385{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm, 8px);width:100%}._skeletonName_1td50_393{width:60%;height:20px;border-radius:var(--border-radius-md, 10px);background:var(--elevation-06dp);animation:_skeletonPulse_1td50_1 1.5s ease-in-out infinite;animation-delay:.1s}._skeletonProfession_1td50_402{width:40%;height:14px;border-radius:var(--border-radius-md, 10px);background:var(--elevation-06dp);animation:_skeletonPulse_1td50_1 1.5s ease-in-out infinite;animation-delay:.2s}._skeletonBadge_1td50_411{width:100px;height:32px;border-radius:var(--border-radius-capsule, 999px);background:var(--elevation-06dp);animation:_skeletonPulse_1td50_1 1.5s ease-in-out infinite;animation-delay:.3s}._skeletonButton_1td50_420{width:100%;height:48px;border-radius:var(--border-radius-capsule, 999px);background:var(--elevation-06dp);animation:_skeletonPulse_1td50_1 1.5s ease-in-out infinite;animation-delay:.4s}@keyframes _skeletonPulse_1td50_1{0%,to{opacity:1}50%{opacity:.4}}._loadingHeader_1td50_441{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 16px);color:var(--text-secondary)}._loadingText_1td50_450{font-size:var(--font-size-sm, 14px);color:var(--text-secondary)}._loadingDots_1td50_456{display:inline-flex;gap:4px}._loadingDot_1td50_456{width:6px;height:6px;background:var(--accent-blue);border-radius:50%;animation:_loadingBounce_1td50_1 1.4s ease-in-out infinite both}._loadingDot_1td50_456:nth-child(1){animation-delay:0s}._loadingDot_1td50_456:nth-child(2){animation-delay:.16s}._loadingDot_1td50_456:nth-child(3){animation-delay:.32s}@keyframes _loadingBounce_1td50_1{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}._emptyState_1td50_496{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg, 24px);padding:var(--spacing-2xl, 48px) var(--spacing-lg, 24px);text-align:center;min-height:300px}._emptyIcon_1td50_507{width:72px;height:72px;color:var(--text-tertiary);opacity:.5;padding:var(--spacing-md, 16px);background:var(--elevation-02dp);border-radius:24px;box-shadow:4px 4px 0 var(--border-light)}._emptyTitle_1td50_518{font-size:var(--font-size-lg, 20px);font-weight:var(--font-weight-bold, 700);color:var(--text-secondary);margin:0;font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}._emptyText_1td50_526{font-size:var(--font-size-base, 16px);color:var(--text-tertiary);max-width:280px;line-height:var(--line-height-relaxed, 1.6);margin:0;font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}._retryButton_1td50_535{padding:var(--spacing-md, 16px) var(--spacing-xl, 32px);background:var(--accent-blue);color:#fff;border:2px solid transparent;border-radius:var(--border-radius-capsule, 999px);font-size:var(--font-size-base, 16px);font-weight:var(--font-weight-bold, 700);font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);cursor:pointer;min-height:var(--touch-target-comfortable, 48px);transition:all .15s ease;margin-top:var(--spacing-md, 16px);box-shadow:4px 4px #0003}._retryButton_1td50_535:hover{background:var(--accent-blue-hover, #3a8fe0);transform:translateY(-3px) translate(-1px);box-shadow:6px 6px #00000040}._retryButton_1td50_535:active{transform:translateY(2px) translate(2px);box-shadow:1px 1px #00000026}._errorState_1td50_564{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg, 24px);padding:var(--spacing-2xl, 48px) var(--spacing-lg, 24px);text-align:center;min-height:200px}._errorText_1td50_574{font-size:var(--font-size-base, 16px);color:var(--accent-red);font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-weight:var(--font-weight-semibold, 600)}._light-theme_1td50_583 ._connectionCard_1td50_99{box-shadow:4px 4px 0 var(--border-color)}._light-theme_1td50_583 ._connectionCard_1td50_99:hover{box-shadow:6px 6px 0 var(--accent-blue)}._light-theme_1td50_583 ._connectionCard_1td50_99:active{box-shadow:2px 2px 0 var(--border-color)}@media(max-width:480px){._modalContent_1td50_16{padding:var(--spacing-md, 16px);gap:var(--spacing-md, 16px);max-height:calc(100dvh - 160px)}._summaryHeader_1td50_46{padding:var(--spacing-md, 16px) var(--spacing-sm, 8px);border-radius:32px;box-shadow:4px 4px 0 var(--border-color)}._summaryIcon_1td50_57{width:28px;height:28px}._summaryTitle_1td50_64{font-size:var(--font-size-lg, 20px)}._connectionCard_1td50_99{padding:var(--spacing-lg, 24px) var(--spacing-md, 16px);border-radius:32px;box-shadow:4px 4px 0 var(--border-color)}._skeletonCard_1td50_364{padding:var(--spacing-lg, 24px) var(--spacing-md, 16px);border-radius:32px;box-shadow:4px 4px 0 var(--border-color);min-height:280px}._searchMoreButton_1td50_316{border-radius:32px;padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);min-height:48px}._skeletonAvatar_1td50_377{width:64px;height:64px}._userName_1td50_151{font-size:var(--font-size-md, 18px)}._matchBadge_1td50_177{padding:var(--spacing-xs, 4px) var(--spacing-md, 16px);font-size:var(--font-size-sm, 14px)}._connectButton_1td50_204{padding:var(--spacing-sm, 8px) var(--spacing-lg, 24px)}}._successOverlay_1td50_662{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg, 24px);background:linear-gradient(135deg,#8b9a7ff2,#667e57f2);border-radius:var(--border-radius-2xl, 28px);z-index:10;animation:_successFadeIn_1td50_1 .3s ease-out;overflow:hidden}@keyframes _successFadeIn_1td50_1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}._successCheckCircle_1td50_693{width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0003;animation:_checkPop_1td50_1 .5s cubic-bezier(.175,.885,.32,1.275) .1s both}@keyframes _checkPop_1td50_1{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}._successCheckmark_1td50_718{width:40px;height:40px;stroke:var(--tree-green);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}._successCheckmark_1td50_718 path{stroke-dasharray:50;stroke-dashoffset:50;animation:_checkDraw_1td50_1 .4s ease-out .4s forwards}@keyframes _checkDraw_1td50_1{to{stroke-dashoffset:0}}._successText_1td50_741{color:#fff;font-size:var(--font-size-lg, 20px);font-weight:var(--font-weight-bold, 700);text-align:center;animation:_textSlideUp_1td50_1 .4s ease-out .3s both;text-shadow:0 2px 4px rgba(0,0,0,.2)}._successSubtext_1td50_750{color:#ffffffe6;font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);text-align:center;animation:_textSlideUp_1td50_1 .4s ease-out .4s both}@keyframes _textSlideUp_1td50_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._confettiContainer_1td50_770{position:absolute;inset:0;pointer-events:none;overflow:hidden}._confetti_1td50_770{position:absolute;width:10px;height:10px;opacity:0;animation:_confettiFall_1td50_1 1.5s ease-out forwards}._confetti_1td50_770:nth-child(1){left:10%;background:gold;animation-delay:.1s;border-radius:50%}._confetti_1td50_770:nth-child(2){left:25%;background:#ff6b6b;animation-delay:.2s;border-radius:2px}._confetti_1td50_770:nth-child(3){left:40%;background:#4ecdc4;animation-delay:.15s;border-radius:50%}._confetti_1td50_770:nth-child(4){left:55%;background:#45b7d1;animation-delay:.25s;border-radius:2px}._confetti_1td50_770:nth-child(5){left:70%;background:#96ceb4;animation-delay:.1s;border-radius:50%}._confetti_1td50_770:nth-child(6){left:85%;background:#ffeaa7;animation-delay:.3s;border-radius:2px}._confetti_1td50_770:nth-child(7){left:15%;background:plum;animation-delay:.35s;border-radius:50%}._confetti_1td50_770:nth-child(8){left:60%;background:#98d8c8;animation-delay:.2s;border-radius:2px}@keyframes _confettiFall_1td50_1{0%{top:-10px;opacity:1;transform:translate(0) rotate(0)}to{top:100%;opacity:0;transform:translate(var(--confetti-drift, 20px)) rotate(720deg)}}._confetti_1td50_770:nth-child(odd){--confetti-drift: -30px}._confetti_1td50_770:nth-child(2n){--confetti-drift: 30px}._sparkleRing_1td50_863{position:absolute;width:120px;height:120px;border:3px solid rgba(255,255,255,.4);border-radius:50%;animation:_ringExpand_1td50_1 .8s ease-out .2s both}@keyframes _ringExpand_1td50_1{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}@media(prefers-reduced-motion:reduce){._skeletonAvatar_1td50_377,._skeletonName_1td50_393,._skeletonProfession_1td50_402,._skeletonBadge_1td50_411,._skeletonButton_1td50_420,._loadingDot_1td50_456{animation:none}._connectionCard_1td50_99,._connectButton_1td50_204{transition:none}._successOverlay_1td50_662,._successCheckCircle_1td50_693{animation:none}._successCheckmark_1td50_718 path{stroke-dashoffset:0;animation:none}._successText_1td50_741,._successSubtext_1td50_750{animation:none;opacity:1;transform:none}._confetti_1td50_770,._sparkleRing_1td50_863{display:none}}:root{--gradient-blue-green: linear-gradient(-45deg, #121314, #1c1a1e, #101010, #090d11);--gradient-blue-green-2: linear-gradient(-45deg, #134e5e, #71b280, #1cb5e0, #2c3e50);--light-accent-blue: #0097c4;--light-accent-green: #67930a;--light-accent-orange: #d46300;--light-accent-yellow: #b59f00;--light-accent-red: #c9005a;--light-text-secondary: var(--text-secondary);--light-shadow-sm: var(--shadow-sm);--light-shadow-md: var(--shadow-md);--light-shadow-lg: var(--shadow-lg);--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: var(--shadow-md);--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: rgba(102, 217, 239, .1);--hover-bg-secondary: rgba(255, 255, 255, .05);--hover-bg-success: rgba(166, 226, 46, .1);--hover-bg-danger: rgba(249, 38, 114, .1);--hover-bg-warning: rgba(255, 152, 0, .15);--hover-bg-info: rgba(74, 158, 255, .15);--hover-bg-overlay: rgba(255, 255, 255, .2);--bg-overlay: rgba(0, 0, 0, .7);--bg-button-overlay: rgba(255, 255, 255, .1);--bg-success-overlay: rgba(166, 226, 46, .1);--bg-danger-overlay: rgba(249, 38, 114, .1);--bg-warning-overlay: rgba(255, 152, 0, .1);--bg-info-overlay: rgba(74, 158, 255, .1);--border-color-overlay: rgba(255, 255, 255, .15);--focus-ring-blue: rgba(102, 217, 239, .2);--text-on-accent: #ffffff;--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: rgba(201, 185, 149, .1);--node-inactive-border: rgba(201, 185, 149, .3);--node-inactive-text: #8c7f6b;--overlay-bg: rgba(0, 0, 0, .45)}.light-theme img[src*=atai_logo]{filter:brightness(.1) invert(1) hue-rotate(180deg)!important}.button-primary{background:var(--elevation-02dp);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-medium);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:44px;box-shadow:var(--shadow-elevation-02dp)}.button-primary:hover{background:color-mix(in srgb,var(--elevation-02dp) 92%,var(--state-hover) 8%);border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:var(--shadow-elevation-04dp)}.button-primary:active{background:color-mix(in srgb,var(--elevation-02dp) 88%,var(--state-pressed) 12%);transform:translateY(0);box-shadow:var(--shadow-elevation-02dp)}.light-theme .button-primary{background:var(--elevation-01dp);color:var(--text-primary);border-color:var(--border-color);box-shadow:var(--shadow-elevation-01dp)}.light-theme .button-primary:hover{background:color-mix(in srgb,var(--elevation-01dp) 92%,rgba(61,52,40,.08) 8%);border-color:var(--accent-blue);box-shadow:var(--shadow-elevation-02dp)}.light-theme .button-primary:active{background:color-mix(in srgb,var(--elevation-01dp) 88%,rgba(61,52,40,.12) 12%)}.button-tree{background:var(--tree-green);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-medium);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:44px;box-shadow:var(--shadow-elevation-02dp)}.button-tree:hover{background:color-mix(in srgb,var(--tree-green) 85%,#000 15%);transform:translateY(-2px);box-shadow:var(--shadow-elevation-04dp)}.button-tree:active{background:color-mix(in srgb,var(--tree-green) 75%,#000 25%);transform:translateY(0);box-shadow:var(--shadow-elevation-02dp)}.light-theme .button-tree{background:var(--tree-green);color:#fff;box-shadow:var(--shadow-elevation-01dp)}.light-theme .button-tree:hover{background:color-mix(in srgb,var(--tree-green) 85%,#000 15%);box-shadow:var(--shadow-elevation-02dp)}.light-theme .button-tree:active{background:color-mix(in srgb,var(--tree-green) 75%,#000 25%)}.button-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.button-secondary:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.theme-toggle{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);margin-left:var(--spacing-md)}.theme-toggle:hover{border-color:var(--accent-blue);transform:scale(1.05)}.theme-toggle svg{width:1.25rem;height:1.25rem;transition:all var(--transition-fast)}.input-base{background:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-md);transition:all var(--transition-fast)}.input-base:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 2px var(--input-focus)}.input-base::placeholder{color:var(--input-placeholder)}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.bg-gradient-animate{background:var(--gradient-blue-green);background-size:400% 400%;animation:gradientFlow 10s ease infinite}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-break{word-break:break-word;overflow-wrap:break-word}.card-display{font-size:var(--card-display);font-weight:var(--card-weight-display);line-height:var(--card-line-height-tight);color:var(--text-primary)}.card-h1{font-size:var(--card-h1);font-weight:var(--card-weight-heading);line-height:var(--card-line-height-tight);color:var(--text-primary);margin:0}.card-h2{font-size:var(--card-h2);font-weight:var(--card-weight-heading);line-height:var(--card-line-height-tight);color:var(--text-primary);margin:0}.card-h3{font-size:var(--card-h3);font-weight:var(--card-weight-heading);line-height:var(--card-line-height-normal);color:var(--text-primary);margin:0}.card-body-text{font-size:var(--card-body);font-weight:var(--card-weight-body);line-height:var(--card-line-height-normal);color:var(--text-primary)}.card-caption{font-size:var(--card-caption);font-weight:var(--card-weight-body);line-height:var(--card-line-height-normal);color:var(--text-secondary)}.card-micro{font-size:var(--card-micro);font-weight:var(--card-weight-body);line-height:var(--card-line-height-normal);color:var(--text-secondary)}.card-text-emphasis{font-weight:var(--card-weight-emphasis);color:var(--text-primary)}.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{font-family:var(--font-family-elegant);font-weight:var(--font-weight-bold);color:var(--text-primary);text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:.02em;line-height:1.2}.header-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-elevate);text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none}.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{font-family:var(--font-family-modern);font-weight:var(--font-weight-medium);color:var(--text-primary);text-shadow:1px 1px 2px rgba(0,0,0,.2);letter-spacing:.01em;line-height:1.3}.header-gradient{background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light-theme .header-elegant,.light-theme .header-modern{text-shadow:1px 1px 2px rgba(0,0,0,.1)}.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);color:var(--text-primary);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;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(--action-status-pending-bg)!important;stroke:var(--action-status-pending-hover)!important;stroke-width:1.5px!important}svg .tree-node-box.d3-action-active{fill:var(--action-status-active-bg)!important;stroke:var(--action-status-active-hover)!important;stroke-width:1.5px!important}svg .tree-node-box.d3-action-in-progress{fill:var(--action-status-in-progress-bg)!important;stroke:var(--action-status-in-progress-border)!important;stroke-width:2px!important}svg .tree-node-box.d3-action-complete{fill:var(--action-status-complete)!important;stroke:var(--action-status-complete-hover)!important;stroke-width:1.5px!important}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-primary)}*::-webkit-scrollbar{width:8px;height: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);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-track{background:var(--bg-secondary)}.light-theme *::-webkit-scrollbar-corner{background:var(--bg-secondary)}.component-container{position:relative;height:100%;display:flex;flex-direction:column}.component-content{position:relative;margin:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--border-radius-md);border-left:4px solid var(--accent-green);box-shadow:var(--shadow-md);animation:componentFadeIn .5s ease-in-out}.component-content:before{content:"";position:absolute;inset:0;background:var(--overlay-bg);z-index:-1;border-radius:inherit;pointer-events:none}.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: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: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{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--text-secondary);font-style:italic;min-height:200px}html,body,#root,.app{height:100%}@media(min-width:1600px){:root{--spacing-xs: .375rem;--spacing-sm: .75rem;--spacing-md: 1.25rem;--spacing-lg: 1.875rem;--spacing-xl: 2.5rem;--spacing-2xl: 3.75rem;--spacing-3xl: 5rem;--font-size-xs: .8125rem;--font-size-sm: .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: .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: .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: .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{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%;background-color:var(--bg-primary)}.universal-card.vision-card-with-tasks{display:flex;flex-direction:column;min-height:400px;width:380px;min-width:380px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-primary);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);flex-shrink:0}.universal-card.vision-card-with-tasks:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.vision-card-header{flex:0 0 auto;height:140px;cursor:pointer;transition:background-color var(--transition-fast);position:relative;border-bottom:1px solid var(--border-color);display:flex;overflow:hidden;padding:var(--spacing-lg);width:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.vision-task-list{flex:1;display:flex;flex-direction:column;padding:0 var(--spacing-sm) var(--spacing-sm);min-height:0}.task-list-header{padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-xs);flex-shrink:0}.task-list-header h4{margin:0;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.vision-board{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;scroll-behavior:smooth}.component-container.vision-board{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:auto;width:100%;min-width:100%;max-width:100%;position:relative;min-height:100vh;min-height:100dvh;background-color:var(--background-color);color:var(--text-color);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.component-container.vision-board::-webkit-scrollbar{width:12px;height: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;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{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative}.component-header-content{display:flex;align-items:center;gap:var(--spacing-md);width:100%}.component-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;flex-shrink:0}.add-vision-inline-button{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--text-secondary);border:none;border-radius:var(--border-radius-md);padding:var(--spacing-xs) var(--spacing-sm);color:#fff;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);font-size:var(--font-size-sm);white-space:nowrap}.add-vision-inline-button:hover{background:var(--accent-green);transform:translateY(-1px);box-shadow:var(--shadow-md);filter:brightness(1.1)}.add-vision-inline-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.add-vision-inline-button .add-icon{width:16px;height:16px;filter:brightness(0) saturate(100%) invert(100%)}.component-content{padding:var(--spacing-md)}.section-headers{display:flex;gap:var(--spacing-lg);align-items:center;margin-bottom:var(--spacing-sm);padding:0 var(--spacing-sm)}.section-header{display:flex;align-items:center;width:100%}.tasks-section-header{flex:0 0 420px}.section-title-with-buttons{display:flex;align-items:center;gap:var(--spacing-md)}.section-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary);text-align:left;flex-shrink:0}.section-header-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.tree-generate-button{background:var(--accent-green);border:none;color:var(--bg-primary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);transition:all var(--transition-fast);width:auto;height:32px;flex-shrink:0;transform-origin:center center;position:relative;white-space:nowrap}.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{background:var(--accent-green);color:var(--bg-primary);animation:tree-generate-pulse 1.5s infinite;transform:none}@keyframes tree-generate-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.tree-generate-button svg{width:16px;height:16px;transition:transform .2s ease}.tree-generate-button .button-text{font-size:.875rem;font-weight:500}.tree-generate-button.loading svg{animation:tree-generate-icon-spin 1s linear infinite}.tree-generate-button .spinner-mini{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--bg-primary);border-radius:50%;animation:tree-generate-icon-spin 1s linear infinite}@keyframes tree-generate-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vision-board-content{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;width:100%;max-width:100%;overflow:visible;min-height:max-content}.vision-board .tasks-column{flex:0 0 420px;display:flex;flex-direction:column;padding:var(--spacing-md);background:var(--bg-secondary);margin-right:var(--spacing-md);border-radius:var(--border-radius-md);overflow:visible;min-height:max-content}.vision-board .tasks-column .drag-list-header{display:none!important}.vision-board .tasks-column .drag-list{max-width:400px!important;width:100%!important;border:none!important;background:transparent!important;box-shadow:none!important}.vision-board .tasks-column .drag-list-content{width:100%!important;padding:0!important}.vision-board .tasks-section{display:flex;flex-direction:column}.vision-board .tasks-section-title{margin:0 0 var(--spacing-sm) 0;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);color:var(--text-primary);padding:var(--spacing-xs) 0;flex-shrink:0}.vision-board .action-list{margin:0;padding:0;background:transparent;border:none}.vision-board .universal-card.has-sidebar{margin-bottom:var(--spacing-xs)}.visions-column{flex:1;display:flex;flex-direction:column;min-width:0;overflow:visible;min-height:max-content}.knowledge-trees-header{padding:0 var(--spacing-sm);margin-bottom:var(--spacing-sm);width:100%;position:relative;z-index:1}.knowledge-trees-header .section-title-with-buttons{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md);width:100%;flex-wrap:nowrap}.vision-board .vision-carousel{width:100%;max-width:100%;margin-top:0;position:relative;z-index:0;overflow:visible;min-height:max-content}@media(max-width:480px){.knowledge-trees-header{padding:0 var(--spacing-xs);margin-bottom:var(--spacing-xs)}}@media(min-width:481px)and (max-width:768px){.vision-board .vision-carousel{padding:0 var(--spacing-sm)}}.header-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.header-buttons .action-header-buttons{margin-right:var(--spacing-sm)}@media(min-width:1600px){.vision-card-with-tasks{width:420px;min-width:420px}.vision-board .tasks-column{flex:0 0 480px;padding:var(--spacing-lg);margin-right: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{width:460px;min-width:460px}.vision-board .tasks-column{flex:0 0 520px;padding:var(--spacing-xl);margin-right: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{width:520px;min-width:520px;min-height:450px}.vision-board .tasks-column{flex:0 0 600px;padding:var(--spacing-2xl);margin-right: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{padding:var(--spacing-xs) 0;gap:var(--spacing-md)}.vision-card-with-tasks{width:340px;min-width:340px}.vision-board .tasks-column{flex:0 0 360px;padding:var(--spacing-sm);margin-right:var(--spacing-sm)}}@media(max-width:1200px){.vision-card-with-tasks{width:320px;min-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-right:0;margin-bottom:var(--spacing-xs)}.vision-card-with-tasks{width:300px;min-width:300px}.section-headers{flex-direction:column;gap:var(--spacing-sm);align-items:stretch;padding:0 var(--spacing-sm)}.tasks-section-header,.visions-section-header{flex:1 1 auto}.section-title-with-buttons{justify-content:space-between;flex-wrap:nowrap;gap:var(--spacing-sm)}.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{width:calc(100vw - 40px);min-width:280px;max-width:320px}.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{width:36px;height:36px;padding:var(--spacing-xs);min-width:36px}.knowledge-trees-header .section-title-with-buttons{gap:var(--spacing-sm);justify-content:flex-start}}.empty-visions-placeholder{display:flex;align-items:center;justify-content:center;width:100%;min-height:200px;padding:var(--spacing-lg);cursor:pointer}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);text-align:center;max-width:300px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.placeholder-content.bg-primary{background-color:var(--bg-primary);border:2px dashed var(--border-color)}.placeholder-content:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.placeholder-content svg{width:48px;height:48px;color:var(--text-secondary);opacity:.7}.placeholder-content p{margin:0;font-size:1rem;font-weight:500;color:var(--text-secondary);line-height:1.4}.progress-bar-wrapper{display:flex;align-items:center;gap:var(--spacing-xs);width:100%}.progress-bar-track{flex:1;height:100%;background:#0000004d;border-radius:999px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0000001a}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),#4ade80);border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;min-width:2px;transform-origin:left center}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);border-radius:999px}.progress-bar-text{font-size:.75rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;min-width:32px;text-align:right}@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{position:absolute;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:4px 0;min-width:160px;z-index:var(--z-tooltip);box-shadow:var(--shadow-md)}.context-menu ul{list-style:none;margin:0;padding:0}.context-menu li{padding:6px 12px;cursor:pointer;font-size:var(--font-size-sm)}.context-menu li:hover{background:var(--hover-color)}.context-menu .danger{color:var(--accent-red)}.vision-card-with-tasks{display:flex;flex-direction:column;height:clamp(420px,62vh,560px);min-height:420px;max-height:560px;width:var(--card-width, 380px);min-width:320px;max-width:400px;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--bg-secondary);box-shadow:var(--shadow-md);transition:all var(--transition-medium);overflow:hidden;box-sizing:border-box;flex-shrink:0}.vision-card-with-tasks:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.vision-card-header{flex:0 0 auto;height:70px;cursor:pointer;transition:background-color var(--transition-fast);position:relative;border-bottom:1px solid var(--border-color);display:flex;overflow:hidden;padding:var(--spacing-sm);width:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.vision-card-header:before{content:"";position:absolute;inset:0;background:var(--bg-primary);opacity:.75;z-index:1;transition:all var(--transition-fast)}.vision-card-header:hover:before{opacity:.7}.vision-card-header.has-color-overlay:before{background:var(--header-overlay-color, var(--bg-primary));opacity:var(--header-overlay-opacity, .75)}.vision-card-header.has-color-overlay:hover:before{opacity:calc(var(--header-overlay-opacity, .75) - .1)}.vision-card-header:after{content:"";position:absolute;inset:0;background:#ffffff1a;z-index:0;pointer-events:none}.vision-card-header .card-image{display:none}.vision-card-header .card-body{flex:1;padding:0;display:flex;flex-direction:column;justify-content:center;gap:4px;position:relative;z-index:2}.heading-with-status{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;margin-bottom:var(--spacing-xs)}.vision-heading{margin:0;font-family:var(--font-sans);font-size:var(--card-body);font-weight:var(--card-weight-display);color:var(--text-primary);line-height:var(--card-line-height-tight);letter-spacing:var(--letter-spacing-tight);text-shadow:0 1px 3px rgba(0,0,0,.3);z-index:3;position:relative;flex:1;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-height:1.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.progress-section{display:flex;align-items:center;gap:6px;width:100%}.vision-card-header .status-dot{position:static;width:8px;height:8px;border-radius:50%;z-index:3;flex-shrink:0}.status-planning{background:var(--status-planning, #f39c12)}.status-in-progress{background:var(--status-in-progress, #3498db)}.status-complete{background:var(--status-complete, #27ae60)}.vision-card-header .card-menu-btn{position:absolute;top:8px;right:8px;z-index:3;background:#ffffffe6;border-radius:50%;padding:3px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:background-color var(--transition-fast)}.vision-card-header .card-menu-btn:hover{background:#fff}.vision-task-list{flex:1;display:flex;flex-direction:column;padding:0 var(--spacing-sm) var(--spacing-sm);min-height:0;overflow:hidden}.task-list-header{padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xs);flex-shrink:0}.task-list-header h4{margin:0;font-size:var(--card-caption);font-weight:var(--card-weight-emphasis);color:var(--text-secondary)}.vision-task-list-container{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs);overflow-y:auto;overflow-x:hidden;min-height:0;max-height:100%;max-width:100%;box-sizing:border-box;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.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;transition:background-color var(--transition-fast)}.vision-task-list-container::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.vision-task-list-container .universal-card{width:100%;max-width:100%;box-sizing:border-box}.vision-task-list-container .empty-tasks-message{color:var(--text-secondary);font-style:italic;text-align:center;padding:var(--spacing-md);font-size:.875rem;border:1px dashed var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-tertiary)}.branch-task-group{margin-bottom:var(--spacing-sm)}.branch-header{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color var(--transition-fast);margin-bottom:var(--spacing-xs);border:1px solid var(--border-color)}.branch-header:hover{background:var(--bg-tertiary)}.branch-toggle-icon{color:var(--text-secondary);display:flex;align-items:center;transition:transform var(--transition-fast)}.branch-name{flex:1;font-weight:var(--card-weight-heading);font-size:var(--card-caption);color:var(--text-primary)}.branch-task-count{font-size:var(--card-micro);color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 6px;border-radius:10px;border:1px solid var(--border-color)}.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{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-xs);border:1px solid var(--border-color)}.unsorted-title{font-weight:var(--card-weight-heading);font-size:var(--card-caption);color:var(--text-secondary);font-style:italic}.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);min-height:380px;max-height:500px;min-width:300px;max-width:360px}}@media(max-width:768px){.vision-card-with-tasks{height:clamp(340px,53vh,450px);min-height:340px;max-height:450px;min-width:280px;max-width:340px}.vision-card-header{height:60px}.vision-task-list-container{padding:var(--spacing-xs);gap:var(--spacing-xs)}}@media(max-width:480px){.vision-card-with-tasks{height:clamp(320px,48vh,390px);min-height:320px;max-height:390px;min-width:260px;max-width:320px}.vision-card-header{height:50px}}.vision-carousel{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%;position:relative;max-height:clamp(600px,80vh,800px);min-height:580px}.vision-carousel-container{flex:1;overflow:hidden;position:relative;min-height:560px;max-height:calc(100% - 50px);display:flex;align-items:center;justify-content:center}.vision-carousel-track{position:relative;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.vision-carousel-track>*{pointer-events:auto}.vision-carousel-item{position:absolute;top:50%;left:50%;transform-origin:center center;height:auto;max-height:inherit;will-change:transform,opacity;transform-style:preserve-3d}.vision-carousel-controls{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xs);flex-shrink:0;min-height:40px}.carousel-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-color);border-radius:50%;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.carousel-arrow:hover:not(.disabled){background:var(--accent-blue);color:var(--bg-primary);border-color:var(--accent-blue);transform:scale(1.1)}.carousel-arrow:active:not(.disabled){transform:scale(.95)}.carousel-arrow.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary);color:var(--text-secondary)}.carousel-arrow svg{width:20px;height:20px}.vision-carousel .pagination-dots{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xs)}.vision-carousel .pagination-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--text-secondary);background:transparent;cursor:pointer;transition:all var(--transition-fast);padding:0;margin:0;box-sizing:border-box;flex-shrink:0;outline:none;appearance:none;-webkit-appearance:none;min-width:12px;min-height:12px}.vision-carousel .pagination-dot.active{background:var(--text-primary);border-color:var(--text-primary)}.vision-carousel .pagination-dot:hover:not(.active){border-color:var(--text-primary);background:rgba(var(--text-primary-rgb),.2);transform:scale(1.1)}.vision-carousel-empty{display:flex;align-items:center;justify-content:center;min-height:200px;padding:var(--spacing-lg);width:100%}.vision-carousel-empty .empty-visions-placeholder{display:flex;align-items:center;justify-content:center;width:100%;min-height:200px;padding:var(--spacing-lg);cursor:pointer}.vision-carousel-empty .placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);text-align:center;max-width:300px;box-shadow:var(--shadow-sm);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{transform:translateY(-2px);box-shadow:var(--shadow-md)}.vision-carousel-empty .placeholder-content svg{width:48px;height:48px;color:var(--text-secondary);opacity:.7}.vision-carousel-empty .placeholder-content p{margin:0;font-size:1rem;font-weight:500;color:var(--text-secondary);line-height:1.4}@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);padding:var(--spacing-xs);min-height:36px}.carousel-arrow{width:36px;height:36px}.carousel-arrow svg{width:18px;height: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);padding:var(--spacing-xs);min-height:36px}.carousel-arrow{width:32px;height:32px}.carousel-arrow svg{width:16px;height:16px}.vision-carousel .pagination-dot{width:10px;height:10px;min-width:10px;min-height: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{width:28px;height:28px}.vision-carousel-controls{min-height:32px}}@media(hover:none)and (pointer:coarse){.carousel-arrow{min-width:44px;min-height:44px}.vision-carousel .pagination-dot{min-width:16px;min-height:16px;width:16px;height: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{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-md)}.vision-overlay-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);width:100%;max-width:900px;max-height:90vh;max-height:90dvh;overflow-y:auto;position:relative;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.vision-overlay-content .close-overlay-button{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease;z-index:1}.vision-overlay-content .close-overlay-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.vision-overlay-header{padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);border-bottom:1px solid var(--border-color);position:relative}.vision-overlay-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.editable-title{display:flex;align-items:center;gap:var(--spacing-sm)}.edit-button{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:4px;border-radius:50%;color:var(--text-secondary);transition:all .2s ease;opacity:0}.edit-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.editable-title:hover .edit-button,.vision-overlay-description h4:hover .edit-button,.vision-overlay-progress h4:hover .edit-button,.vision-overlay-section h4:hover .edit-button,.info-item h4:hover .edit-button{opacity:1}.vision-overlay-body{display:flex;padding:var(--spacing-lg);gap:var(--spacing-lg)}.overlay-left-column{flex:1;max-width:33.333%}.overlay-right-column{flex:2;max-width:66.666%}.overlay-image-container{max-width:100%;height:auto;margin-bottom:var(--spacing-md);border-radius:var(--border-radius-md);overflow:hidden;background-color:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;position:relative}.overlay-image-container.clickable-image{cursor:pointer;transition:all .2s ease}.overlay-image-container.clickable-image:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.overlay-image-container.clickable-image:hover .image-edit-overlay{opacity:1}.image-edit-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs);opacity:0;transition:opacity .2s ease;font-size:.9rem}.overlay-image{max-width:100%;max-height:300px;object-fit:contain;border-radius:var(--border-radius-md)}.vision-overlay-description{margin-bottom:var(--spacing-lg)}.vision-overlay-description h4,.vision-overlay-progress h4,.vision-overlay-section h4,.info-item h4{display:flex;align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-sm);font-size:1rem;color:var(--text-primary)}.vision-overlay-description p{margin:0;font-size:.95rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap}.overlay-info-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.info-item{position:relative}.info-item h4{font-size:.9rem;color:var(--text-secondary)}.info-item p{margin:0;font-size:1rem;color:var(--text-primary)}.vision-overlay-progress{margin-bottom:var(--spacing-md)}.vision-overlay-progress .progress-bar-container{height:8px}.progress-text{font-size:.9rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.vision-overlay-section{margin-bottom:var(--spacing-lg)}.button-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag-button{background-color:#ffffff1a;color:var(--text-primary);border:none;padding:6px 12px;border-radius:var(--border-radius-md);font-size:.9rem;cursor:pointer;transition:all .2s ease}.tag-button:hover{background-color:#fff3}.header-style-preview{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.color-preview{width:20px;height:20px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);box-shadow:0 1px 2px #0000001a}.image-preview{font-size:16px;color:var(--text-secondary)}.no-style{font-size:.9rem;color:var(--text-tertiary);font-style:italic}.action-item-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);transition:all var(--transition-fast)}.action-item-card:hover{background:var(--bg-hover);box-shadow:var(--shadow-sm)}.action-item-card .card-content h5{margin:0 0 var(--spacing-xs);font-size:.9rem;font-weight:600;color:var(--text-primary)}.action-item-card .card-content p{margin:0 0 var(--spacing-xs);font-size:.8rem;color:var(--text-secondary);line-height:1.4}.action-item-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-tertiary)}.importance-indicator{padding:2px 6px;border-radius:12px;font-size:.7rem;font-weight:500}.importance-0,.importance-1{background:#e8f5e8;color:#2e7d32}.importance-2{background:#fff3e0;color:#ef6c00}.importance-3,.importance-4,.importance-5{background:#ffebee;color:#c62828}.target-date{font-style:italic}.card-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-xs)}.card-delete-btn{background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;transition:opacity var(--transition-fast)}.card-delete-btn:hover{opacity:1}@media(max-width:768px){.vision-overlay-body{flex-direction:column}.overlay-left-column,.overlay-right-column{flex:1;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{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.overlay-details-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.overlay-detail-row{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color-light, rgba(255, 255, 255, .1))}.overlay-detail-row:last-child{border-bottom:none}.overlay-detail-label{flex:0 0 140px;font-size:.9rem;color:var(--text-secondary);font-weight:500;padding-top:2px}.overlay-detail-field{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);position:relative}.detail-content{flex:1;font-size:1rem;color:var(--text-primary);line-height:1.4;word-break:break-word}.progress-container{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.progress-bar-container{width:100%;height:8px;background-color:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-blue));border-radius:4px;transition:width .3s ease}.progress-text{font-size:.9rem;color:var(--text-secondary)}.overlay-detail-field .edit-button{position:static;opacity:0;transition:opacity .2s ease}.overlay-detail-row:hover .edit-button{opacity:1}.metadata-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);flex:1}.metadata-tag{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:4px 8px;border-radius:var(--border-radius-sm);font-size:.85rem;white-space:nowrap}.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);padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm)}.guided-intro-text{margin:0;color:var(--text-primary);font-size:var(--font-size-md);line-height:1.5}.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);text-transform:uppercase;letter-spacing:.05em;opacity:.8}.guided-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.guided-input{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-family:inherit;transition:all var(--transition-fast);cursor:default}.guided-input:focus{outline:none;border-color:var(--accent-green);box-shadow:0 0 0 2px #a6e22e1a}.guided-input:read-only,.guided-input:disabled{opacity:.85;cursor:default;background:var(--bg-secondary)}textarea.guided-input{resize:vertical;min-height:80px;line-height:1.5}select.guided-input{cursor:pointer;color-scheme:dark}select.guided-input option{background:var(--bg-primary);color:var(--text-primary)}.light-theme select.guided-input{color-scheme:light}.light-theme select.guided-input option{background:var(--bg-primary);color:var(--text-primary)}.guided-ready-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--accent-green);border-radius:var(--border-radius-md);color:var(--accent-green);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-sm)}.guided-ready-message svg{flex-shrink:0;color:var(--accent-green)}.light-theme .guided-intro{background:var(--bg-secondary);border-left-color:var(--accent-green)}.light-theme .guided-intro-text strong{color:var(--accent-green)}.light-theme .guided-input{background:var(--bg-secondary);border-color:var(--border-color)}.light-theme .guided-input:read-only,.light-theme .guided-input:disabled{background:var(--bg-tertiary)}.light-theme .guided-input:focus{border-color:var(--accent-green);box-shadow:0 0 0 2px #8b9a7f1a}.light-theme .guided-ready-message{background:var(--bg-secondary);border-color:var(--accent-green);color:var(--accent-green)}@media(max-width:768px){.guided-form-row{grid-template-columns:1fr}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.guided-ready-message{animation:fadeSlideIn .4s ease-out}:root{--priority-10: #ff0000;--priority-9: #ff3333;--priority-8: #ff6666;--priority-7: #ff9999;--priority-6: #ffcccc;--priority-5: #e6e6e6;--priority-4: #ccccff;--priority-3: #9999ff;--priority-2: #6666ff;--priority-1: #3333ff;--importance-10: #ff9500;--importance-9: #ffaa33;--importance-8: #ffbb66;--importance-7: #ffcc99;--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: #ff9966;--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{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:transform .2s,color .2s}.add-item-button:hover{color:var(--accent-color);transform:scale(1.1)}.add-item-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.add-circle-icon{width:1.5rem;height:1.5rem;fill:currentColor}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;width:100%}.item-button{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;min-height:2.5rem;padding:.75rem 1rem;text-align:left;transition:all .2s;display:flex;flex-direction:column;gap:.5rem;width:100%;box-shadow:0 2px 4px #0000000d;overflow:hidden;text-overflow:ellipsis;position:relative}.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{padding:.75rem 1rem;border-left-width:4px;background-color:var(--bg-primary)}.action-name{font-weight:600;margin-bottom:.25rem}.action-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.action-category{background-color:#0000001a;padding:.15rem .4rem;border-radius:1rem;font-size:.7rem}.action-deadline{font-style:italic}.component-button{padding:.75rem 1rem;border-left-width:4px}.component-name{font-weight:600;margin-bottom:.25rem}.component-type{font-size:.75rem;color:var(--text-secondary);background-color:#0000001a;padding:.15rem .4rem;border-radius:1rem;align-self:flex-start}.priority-10{border-left-color:var(--priority-10)}.priority-9{border-left-color:var(--priority-9)}.priority-8{border-left-color:var(--priority-8)}.priority-7{border-left-color:var(--priority-7)}.priority-6{border-left-color:var(--priority-6)}.priority-5{border-left-color:var(--priority-5)}.priority-4{border-left-color:var(--priority-4)}.priority-3{border-left-color:var(--priority-3)}.priority-2{border-left-color:var(--priority-2)}.priority-1{border-left-color:var(--priority-1)}.importance-10{border-left-color:var(--importance-10)}.importance-9{border-left-color:var(--importance-9)}.importance-8{border-left-color:var(--importance-8)}.importance-7{border-left-color:var(--importance-7)}.importance-6{border-left-color:var(--importance-6)}.importance-5{border-left-color:var(--importance-5)}.importance-4{border-left-color:var(--importance-4)}.importance-3{border-left-color:var(--importance-3)}.importance-2{border-left-color:var(--importance-2)}.importance-1{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{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem}.edit-item-input:focus{outline:2px solid var(--accent-color);border-color:var(--accent-color)}.item-detail-form{grid-column:1 / -1;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;width:100%;box-shadow:0 4px 12px #0000001a}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-weight:600;color:var(--text-secondary);font-size:.9rem}.form-field input,.form-field select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem}.form-field select{color-scheme:dark;cursor:pointer}.form-field select option{background:var(--bg-primary);color:var(--text-primary)}.light-theme .form-field select{color-scheme:light}.light-theme .form-field select option{background:var(--bg-primary);color:var(--text-primary)}.form-field input:focus,.form-field select:focus{outline:2px solid var(--accent-color);border-color:var(--accent-color)}.checkbox-field{flex-direction:row;align-items:center}.checkbox-field label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-field input[type=checkbox]{width:1.2rem;height:1.2rem;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.save-button,.cancel-button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.save-button{background-color:var(--accent-color);color:#fff}.save-button:hover{background-color:var(--accent-color-dark, #0056b3)}.cancel-button{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-button:hover{background-color:var(--border-color)}.empty-items-message{grid-column:1 / -1;text-align:center;color:var(--text-secondary);font-style:italic;padding:2rem 0}@media(max-width:768px){.item-grid{grid-template-columns:1fr}.item-detail-form{padding:1rem}.form-actions{flex-direction:column-reverse}.save-button,.cancel-button{width:100%;text-align:center}}@media(max-width:480px){.action-meta{flex-direction:column;gap:.25rem}}.quadrant-0{border-left:4px solid var(--important-urgent, #f76c6c);background-color:#f76c6c0d}.quadrant-1{border-left:4px solid var(--important-not-urgent, #4a7dfc);background-color:#4a7dfc0d}.quadrant-2{border-left:4px solid var(--not-important-urgent, #ff9966);background-color:#ff99660d}.quadrant-3{border-left:4px solid var(--not-important-not-urgent, #4caf50);background-color:#4caf500d}.importance-select{width:100%;padding:8px;border-radius:4px;border:1px solid var(--border-color, #ddd);background-color:var(--bg-secondary, white);color:var(--text-primary, black);color-scheme:dark;cursor:pointer}.importance-select option{background:var(--bg-primary);color:var(--text-primary)}.light-theme .importance-select{color-scheme:light}.light-theme .importance-select option{background:var(--bg-primary);color:var(--text-primary)}.field-hint{font-size:.8rem;color:var(--text-secondary, #666);margin-top:4px}.action-importance{font-size:.7rem;color:var(--text-secondary, #666);background-color:#0000000d;padding:2px 6px;border-radius:10px;margin-left:6px}.edit-modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg, 24px);animation:fadeIn var(--transition-normal, .3s) ease-out}.edit-modal-content{background:var(--bg-primary);border-radius:var(--border-radius-md);width:100%;max-width:500px;max-height:calc(85vh - 48px);max-height:calc(85dvh - 48px);padding:0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:slideUp var(--transition-normal, .3s) ease-out}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);padding-bottom:var(--spacing-md);flex-shrink:0}.edit-modal-header h3{margin:0;color:var(--text-primary)}.edit-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 var(--spacing-lg);margin-bottom:var(--spacing-md);-webkit-overflow-scrolling:touch}.edit-modal-body textarea,.edit-modal-body input,.edit-modal-body select{width:100%;padding:var(--spacing-sm);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:1rem;resize:vertical;min-height:100px;font-family:var(--font-sans)}.edit-modal-body input,.edit-modal-body select{min-height:auto}.edit-modal-body input:focus,.edit-modal-body textarea:focus,.edit-modal-body select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #4a9eff33}.edit-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);flex-shrink:0;border-top:1px solid var(--border-color);background:var(--bg-primary)}.progress-slider{width:100%;-webkit-appearance:none;appearance:none;height:8px;border-radius:var(--border-radius-sm);background:var(--bg-quaternary);outline:none;margin:var(--spacing-md) 0}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-blue);cursor:pointer}.progress-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-blue);cursor:pointer;border:none}.progress-text{text-align:center;font-size:.9rem;color:var(--text-secondary);margin:var(--spacing-sm) 0}.toggle-switch{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-quaternary);transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent-blue)}input:checked+.slider:before{transform:translate(20px)}.action-items-container{max-height:400px;overflow-y:auto}.action-items-list{padding:var(--spacing-sm)}.edit-modal-content:has(.action-items-container){max-width:700px}.edit-vision-button{background:var(--tree-green);color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:.9rem;font-family:var(--font-sans);font-weight:600;transition:background .2s ease}.edit-vision-button:hover{background:var(--accent-blue);opacity:.9}.delete-vision-button{background:transparent;color:var(--accent-red);border:1px solid var(--accent-red);padding:8px 16px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:.9rem;font-family:var(--font-sans);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{margin:0;font-size:1rem;color:var(--text-primary);font-weight:600}.color-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);max-width:200px}.color-swatch{width:40px;height:40px;border:2px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;position:relative}.color-swatch:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.color-swatch.selected{border-color:var(--accent-green);box-shadow:0 0 0 2px #10b9814d}.color-swatch.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.image-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);max-width:300px}.image-option{width:120px;height:80px;border:2px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;overflow:hidden;background:none;padding:0;position:relative}.image-option img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--border-radius-md) - 2px)}.image-option:hover{transform:scale(1.05);box-shadow:0 2px 8px #0003}.image-option.selected{border-color:var(--accent-green);box-shadow:0 0 0 2px #10b9814d}.image-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:18px;text-shadow:0 1px 2px rgba(0,0,0,.8);background:#00000080;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.current-selection{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.current-item{display:flex;align-items:center;gap:var(--spacing-sm)}.current-color-preview{width:24px;height:24px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.current-image-preview{width:40px;height:24px;border-radius:var(--border-radius-sm);overflow:hidden}.current-image-preview img{width:100%;height:100%;object-fit:cover}.no-selection{color:var(--text-tertiary);font-style:italic}.clear-styling-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .2s ease;align-self:flex-start;margin-top:var(--spacing-xs)}.clear-styling-button:hover{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:600px){.edit-modal{align-items:center;justify-content:center;padding:var(--spacing-md, 16px);padding-top:max(var(--spacing-md, 16px),env(safe-area-inset-top,0px));padding-bottom:max(80px,env(safe-area-inset-bottom,0px))}.edit-modal-content{max-height:calc(90vh - 96px);max-height:calc(90dvh - 96px);border-radius:var(--border-radius-md);max-width:100%;width:100%}.edit-modal-header{padding:var(--spacing-md);padding-bottom:var(--spacing-sm)}.edit-modal-body{padding:0 var(--spacing-md)}.edit-modal-footer{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}@media(max-width:375px){.edit-modal-footer{flex-direction:column}.edit-modal-footer button{width:100%}}}@media(prefers-reduced-motion:reduce){.edit-modal,.edit-modal-content{animation:none}.edit-vision-button,.delete-vision-button{transition:none}}@media(prefers-contrast:high){.edit-modal-content{border:2px solid var(--border-color)}.edit-modal-header,.edit-modal-footer{border-width:2px}}.confirmation-dialog-backdrop{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn var(--transition-fast)}.confirmation-dialog{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:480px;width:90%;max-height:80vh;max-height:80dvh;overflow:hidden;animation:slideUp var(--transition-medium);position:relative}.confirmation-dialog--danger{border-top:3px solid var(--accent-red)}.confirmation-dialog__header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--border-color)}.confirmation-dialog__title{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--text-primary)}.confirmation-dialog__content{padding:0 var(--spacing-lg) var(--spacing-lg);max-height:50vh;max-height:50dvh;overflow-y:auto}.confirmation-dialog__message{margin:0 0 var(--spacing-lg) 0;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);color:var(--text-primary)}.confirmation-dialog__linked-item{background:var(--bg-warning-overlay);border:1px solid var(--border-warning);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.confirmation-dialog__linked-item-warning{display:flex;align-items:flex-start;gap:12px}.confirmation-dialog__warning-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}.confirmation-dialog__linked-item-info{flex:1}.confirmation-dialog__linked-text{margin:0 0 var(--spacing-xs) 0;font-family:var(--font-sans);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--text-warning)}.confirmation-dialog__linked-subtext{margin:0;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);line-height:var(--line-height-normal);color:var(--text-secondary)}.confirmation-dialog__notes-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.confirmation-dialog__notes-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.confirmation-dialog__warning-icon{font-size:var(--font-size-lg);flex-shrink:0;margin-top:2px}.confirmation-dialog__notes-info{flex:1}.confirmation-dialog__notes-text{margin:0 0 var(--spacing-xs) 0;font-family:var(--font-sans);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-primary)}.confirmation-dialog__notes-subtext{margin:0;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);line-height:var(--line-height-normal);color:var(--text-secondary)}.confirmation-dialog__loading{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--border-radius-md);padding:var(--spacing-sm);text-align:center;margin-bottom:var(--spacing-lg);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-style:italic}.confirmation-dialog__actions{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:flex-end}.confirmation-dialog__button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);cursor:pointer;transition:all var(--transition-fast);min-width:100px}.confirmation-dialog__button:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.confirmation-dialog__button--cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.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);filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--shadow-md)}.confirmation-dialog__button--confirm-linked{background:var(--accent-orange);color:var(--text-on-accent)}.confirmation-dialog__button--confirm-linked:hover{background:var(--accent-orange);filter:brightness(.9)}.confirmation-dialog__button--archive-notes{background:var(--accent-blue);color:var(--text-on-accent)}.confirmation-dialog__button--archive-notes:hover{background:var(--accent-blue-hover)}.confirmation-dialog__button--delete-notes{background:var(--accent-red);color:var(--text-primary);border:2px solid var(--accent-red)}.confirmation-dialog__button--delete-notes:hover{background:var(--accent-red-hover);border-color:var(--accent-red-hover)}.confirmation-dialog__button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.confirmation-dialog__notes-list{margin-top:var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--border-radius-md);overflow:hidden;background:var(--bg-primary)}.notes-list-header{background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-light)}.notes-select-all-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;font-weight:var(--font-weight-medium);margin:0}.notes-select-all-checkbox{margin:0;cursor:pointer;accent-color:var(--accent-blue)}.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{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast);margin:0;width:100%}.note-item-label:hover{background:var(--bg-secondary)}.note-item-checkbox{margin:2px 0 0;cursor:pointer;flex-shrink:0;accent-color:var(--accent-blue)}.note-item-content{flex:1;min-width:0}.note-item-title{display:block;font-family:var(--font-sans);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-primary);margin-bottom:4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.note-item-title:hover{color:var(--accent-blue)}.note-item-title:focus{outline:2px solid var(--accent-blue);outline-offset:2px;border-radius:2px}.note-expand-indicator{font-size:var(--font-size-xs);color:var(--text-secondary);margin-left:4px;transition:transform var(--transition-fast)}.note-item-preview{display:block;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--text-secondary);word-wrap:break-word;overflow-wrap:break-word;margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--border-light);animation:expandIn var(--transition-fast) ease-out}@keyframes expandIn{0%{opacity:0;max-height:0;padding-top:0;margin-top:0}to{opacity:1;max-height:200px;padding-top:var(--spacing-xs);margin-top:var(--spacing-xs)}}.notes-selection-summary{background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-md);text-align:center;border-top:1px solid var(--border-light)}.selection-count{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}@keyframes slideUp{0%{transform:translateY(var(--spacing-md));opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:600px){.confirmation-dialog{width:95%;max-width:calc(100vw - var(--spacing-md));max-height:85vh;max-height:85dvh;margin:var(--spacing-md);border-radius:var(--border-radius-md)}.confirmation-dialog__header{padding:var(--spacing-md)}.confirmation-dialog__title{font-size:var(--font-size-lg)}.confirmation-dialog__content{padding:0 var(--spacing-md) var(--spacing-md);max-height:60vh;max-height:60dvh}.confirmation-dialog__actions{flex-direction:column-reverse;gap:var(--spacing-sm);padding:var(--spacing-md)}.confirmation-dialog__button{width:100%;min-height:var(--touch-target-comfortable);min-width:auto}.notes-list-header,.note-item-label{padding:var(--spacing-sm)}.note-item-title{font-size:var(--font-size-xs)}.note-item-preview{font-size:calc(var(--font-size-xs) * .9)}}.event-capsule{display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-2, 8px) var(--space-4, 16px);background:color-mix(in srgb,var(--accent-primary, #4a9d6e) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary, #4a9d6e) 20%,transparent);border-radius:9999px;font-size:var(--text-sm, 14px);transition:all var(--transition-fast, .15s) ease;max-width:fit-content}.event-capsule:hover{background:color-mix(in srgb,var(--accent-primary, #4a9d6e) 18%,transparent);border-color:color-mix(in srgb,var(--accent-primary, #4a9d6e) 30%,transparent)}.event-capsule__time{font-size:var(--text-xs, 12px);color:var(--text-secondary, #888);font-weight:var(--font-medium, 500);white-space:nowrap}.event-capsule__title{color:var(--text-primary, #f8f5ed);font-weight:var(--font-medium, 500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.event-capsule__reward{font-size:var(--text-xs, 12px);color:var(--accent-gold, #c9a227);font-weight:var(--font-semibold, 600);white-space:nowrap}.event-capsule--past{opacity:.6;background:color-mix(in srgb,var(--text-tertiary, #666) 8%,transparent);border-color:color-mix(in srgb,var(--text-tertiary, #666) 15%,transparent)}.event-capsule--past:hover{opacity:.8}.event-capsule--completed{opacity:.5}.event-capsule--completed .event-capsule__title{text-decoration:line-through;color:var(--text-secondary, #888)}.event-capsule--completed .event-capsule__reward{color:var(--text-tertiary, #666)}.event-capsule--busy{background:color-mix(in srgb,var(--text-tertiary, #666) 10%,transparent);border-color:color-mix(in srgb,var(--text-tertiary, #666) 18%,transparent)}.event-capsule--busy .event-capsule__title{color:var(--text-secondary, #888)}@media(max-width:600px){.event-capsule{padding:var(--space-1, 4px) var(--space-3, 12px);gap:var(--space-1, 4px)}.event-capsule__title{max-width:150px}}.action-carousel{display:flex;flex-direction:column;height:100%;overflow:hidden}.action-carousel--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2, 8px);padding:var(--space-4, 16px);color:var(--text-tertiary)}.action-carousel__empty-icon{width:24px;height:24px;opacity:.5}.action-carousel__empty-text{font-size:var(--text-sm, 14px);font-style:italic}.action-carousel__header{display:flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-3, 12px);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.action-carousel__header-icon{width:18px;height:18px;color:var(--accent-gold)}.action-carousel__header-title{font-size:var(--text-sm, 14px);font-weight:var(--font-medium, 500);color:var(--text-primary);flex:1}.action-carousel__header-count{font-size:var(--text-xs, 12px);color:var(--text-tertiary);background:var(--elevation-02dp);padding:2px 8px;border-radius:var(--radius-full, 999px)}.action-carousel__track{display:flex;flex-direction:column;gap:var(--space-2, 8px);padding:var(--space-3, 12px);overflow-y:auto;overflow-x:hidden;flex:1;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--text-tertiary) transparent}.action-carousel__track::-webkit-scrollbar{width:4px}.action-carousel__track::-webkit-scrollbar-track{background:transparent}.action-carousel__track::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-full, 999px)}.action-carousel__card{display:flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-3, 12px);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md, 12px);cursor:pointer;text-align:left;transition:background var(--transition-fast, .15s),border-color var(--transition-fast, .15s),transform var(--transition-fast, .15s);flex-shrink:0}.action-carousel__card:hover{background:var(--state-hover);border-color:var(--accent-gold)}.action-carousel__card:active{transform:scale(.98)}.action-carousel__rank{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--accent-gold);color:var(--bg-primary);border-radius:50%;font-size:var(--text-xs, 12px);font-weight:var(--font-semibold, 600);flex-shrink:0}.action-carousel__content{display:flex;align-items:center;gap:var(--space-2, 8px);flex:1;min-width:0}.action-carousel__icon{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.action-carousel__name{font-size:var(--text-sm, 14px);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-carousel__reward{font-size:var(--text-xs, 12px);color:var(--accent-gold);font-weight:var(--font-medium, 500);flex-shrink:0}@media(max-width:600px){.action-carousel__header{padding:var(--space-2, 8px) var(--space-3, 12px)}.action-carousel__track{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:var(--space-2, 8px) var(--space-3, 12px);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.action-carousel__card{min-width:160px;max-width:200px;scroll-snap-align:start}}.action-carousel__card--dragging{opacity:.5;transform:scale(.95);cursor:grabbing}.action-carousel__card--drag-overlay{box-shadow:var(--shadow-elevation-08dp);background:var(--elevation-04dp);border-color:var(--accent-gold)}.time-drop-overlay{position:absolute;inset:0;pointer-events:none;z-index:10;display:flex;flex-direction:column;animation:timeOverlayFadeIn .15s ease-out}@keyframes timeOverlayFadeIn{0%{opacity:0}to{opacity:1}}.time-drop-overlay__line{position:relative;flex-shrink:0;height:30px;border-top:1px dashed transparent;transition:border-color var(--transition-fast, .15s),background var(--transition-fast, .15s)}.time-drop-overlay__line--half{border-top-color:color-mix(in srgb,var(--text-tertiary) 20%,transparent)}.time-drop-overlay__line--hour{border-top-color:color-mix(in srgb,var(--text-tertiary) 40%,transparent);border-top-style:solid}.time-drop-overlay__line--active{background:color-mix(in srgb,var(--accent-gold) 15%,transparent);border-top-color:var(--accent-gold);border-top-style:solid}.time-drop-overlay__label{position:absolute;left:var(--space-2, 8px);top:2px;font-size:10px;color:var(--text-tertiary);font-weight:var(--font-medium, 500);opacity:.7;text-transform:uppercase;letter-spacing:.02em}.time-drop-overlay__line--active .time-drop-overlay__label{color:var(--accent-gold);opacity:1}@media(max-width:600px){.time-drop-overlay__line{height:24px}.time-drop-overlay__label{font-size:9px}}.day-view{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-primary);overflow:hidden}.day-view--inactive{display:none}.day-view--clean{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-primary);overflow-y:auto}.day-view__header-clean{flex-shrink:0;padding:var(--space-4, 16px) var(--space-6, 24px);padding-top:var(--space-6, 24px);text-align:center}.day-view__date-display{font-size:var(--text-sm, 14px);color:var(--text-tertiary, #666);font-weight:var(--font-medium, 500);letter-spacing:.02em}.day-view__main-clean{flex:1;display:flex;flex-direction:column;align-items:center;max-width:720px;width:100%;margin:0 auto;padding:var(--space-6, 24px);padding-top:48px}.day-view__timeline-future,.day-view__timeline-past{display:flex;flex-direction:column;align-items:center;gap:var(--space-2, 8px);padding:var(--space-4, 16px) 0;width:100%;min-height:60px}.day-view__timeline-future{flex-direction:column-reverse;justify-content:flex-end}.day-view__timeline-past{opacity:.6}.day-view__empty-timeline{display:flex;align-items:center;justify-content:center;padding:var(--space-3, 12px);color:var(--text-tertiary, #666);font-size:var(--text-sm, 14px);font-style:italic}.day-view__input-hero{width:100%;padding:var(--space-4, 16px) 0}@media(max-width:600px){.day-view__header-clean{padding:var(--space-3, 12px) var(--space-4, 16px)}.day-view__main-clean{padding:var(--space-4, 16px);padding-top:var(--space-4, 16px);padding-bottom:env(safe-area-inset-bottom,var(--space-4, 16px))}.day-view__input-hero{padding:var(--space-4, 16px) 0}.day-view__timeline-future,.day-view__timeline-past{padding:var(--space-2, 8px) 0;min-height:40px}}@media(max-width:1023px){.day-view__main-clean{max-width:640px;padding-top:64px}}@media(min-width:1400px){.day-view__main-clean{max-width:800px;padding-top:96px}.day-view__input-hero{padding:var(--space-8, 32px) 0}}.day-view--grid{display:grid;grid-template-columns:minmax(200px,280px) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "actions timeline";height:100%;width:100%;gap:var(--space-4, 16px);padding:var(--space-4, 16px);background:var(--bg-primary);overflow:hidden}.day-view__header-grid{grid-area:header;text-align:center;padding:var(--space-2, 8px) 0}.day-view__actions-sidebar{grid-area:actions;display:flex;flex-direction:column;overflow:hidden}.day-view__timeline-central{grid-area:timeline;display:flex;flex-direction:column;max-width:720px;width:100%;margin:0 auto;overflow-y:auto;overflow-x:hidden;position:relative}.day-view--grid .day-view__timeline-future,.day-view--grid .day-view__timeline-past,.day-view--grid .day-view__input-hero{flex-shrink:0}@media(max-width:600px){.day-view--grid{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"header" "actions" "timeline";padding:var(--space-3, 12px);gap:var(--space-3, 12px)}.day-view__actions-sidebar{max-height:100px;overflow-x:auto;overflow-y:hidden;flex-direction:row}}@media(max-width:1023px){.day-view--grid{grid-template-columns:minmax(160px,220px) 1fr}.day-view__timeline-central{max-width:600px}}@media(min-width:1400px){.day-view--grid{grid-template-columns:minmax(240px,320px) 1fr;padding:var(--space-6, 24px);gap:var(--space-6, 24px)}.day-view__timeline-central{max-width:800px}}.knowledge-fab-cluster{position:fixed;bottom:72px;right:32px;display:flex;flex-direction:column;gap:16px;z-index:1500}.knowledge-fab{width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.knowledge-fab:before{content:"";position:absolute;inset:0;background:inherit;border-radius:inherit;opacity:.9;z-index:-1}.knowledge-fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-xl)}.knowledge-fab:active{transform:translateY(0) scale(.95)}.knowledge-fab-primary{background:var(--tree-green, #4caf50);color:#fff}.knowledge-fab-primary:hover{background:var(--tree-green-hover, #45a049)}.knowledge-fab-primary.active{background:var(--accent-blue, #4a9eff);transform:rotate(180deg)}.knowledge-fab-primary.active:hover{background:var(--accent-blue-hover, #3480d6)}.knowledge-fab-secondary{background:var(--accent-orange, #ff9800);color:#fff;width:48px;height:48px}.knowledge-fab-secondary:hover{background:var(--accent-orange-hover, #f57c00)}.knowledge-fab-create-tree{background:var(--tree-green);color:#fff;width:54px;height:54px}.knowledge-fab-create-tree:hover{background:var(--accent-blue-hover, #3480d6);transform:translateY(-3px) scale(1.08)}.knowledge-fab-create-tree svg{width:26px;height:26px}.knowledge-fab-layout{background:var(--accent-purple, #8e44ad);color:#fff;width:56px;height:56px}.knowledge-fab-layout:hover{background:var(--accent-purple-hover, #7a3d96);transform:translateY(-2px)}.knowledge-fab svg{width:24px;height:24px;transition:transform var(--transition-fast)}.knowledge-fab-secondary svg{width:20px;height:20px}.knowledge-fab-layout svg{width:20px;height:20px}@media(max-width:767px){.knowledge-fab-cluster{bottom:72px;right:24px;gap:12px}.knowledge-fab{width:48px;height:48px}.knowledge-fab svg{width:20px;height:20px}.knowledge-fab-create-tree{width:56px;height:56px}.knowledge-fab-create-tree svg{width:24px;height:24px}.knowledge-fab-secondary{width:48px;height:48px}.knowledge-fab-secondary svg{width:16px;height:16px}.knowledge-fab-layout{width:48px;height:48px}.knowledge-fab-layout svg{width:20px;height:20px}}.knowledge-fab-primary{transition:transform .3s cubic-bezier(.4,0,.2,1),background-color var(--transition-fast)}.knowledge-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:var(--elevation-00dp);padding:var(--spacing-2xl)}.knowledge-placeholder .placeholder-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);max-width:400px;text-align:center;background:var(--elevation-01dp);border-radius:var(--border-radius-xl);padding:var(--spacing-xl) var(--spacing-2xl)}.knowledge-placeholder .placeholder-view-toggles{display:flex;flex-direction:row;gap:var(--spacing-sm);flex-wrap:nowrap;justify-content:center}.knowledge-placeholder .placeholder-view-toggle{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:var(--elevation-02dp);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast);min-width:80px}.knowledge-placeholder .placeholder-view-toggle:hover{background:var(--elevation-04dp);border-color:var(--border-color);transform:translateY(-2px);box-shadow:var(--shadow-elevation-04dp)}.knowledge-placeholder .placeholder-view-toggle.active{background:var(--elevation-08dp);border-color:var(--tree-green);box-shadow:0 0 0 2px var(--tree-green-50)}.knowledge-placeholder .placeholder-view-toggle .toggle-icon{width:24px;height:24px;opacity:.7}.knowledge-placeholder .placeholder-view-toggle:hover .toggle-icon,.knowledge-placeholder .placeholder-view-toggle.active .toggle-icon{opacity:1}.knowledge-placeholder .placeholder-view-toggle .toggle-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.knowledge-placeholder .placeholder-view-toggle.active .toggle-label{color:var(--text-primary)}.knowledge-placeholder .placeholder-message{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);font-family:var(--font-family-sans);color:var(--text-secondary);margin:0}.knowledge-placeholder .placeholder-create-actions{display:flex;flex-direction:row;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.knowledge-placeholder .placeholder-create-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--tree-green);color:#fff;border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.knowledge-placeholder .placeholder-create-button .create-icon{width:16px;height:16px;color:#fff}.knowledge-placeholder .placeholder-create-button:hover:not(:disabled){background:var(--tree-green-strong);transform:translateY(-1px);box-shadow:var(--shadow-elevation-04dp)}.knowledge-placeholder .placeholder-create-button:disabled{opacity:.5;cursor:not-allowed}.knowledge-placeholder .placeholder-create-tree{background:var(--elevation-04dp);color:var(--text-primary);border:1px solid var(--border-color)}.knowledge-placeholder .placeholder-create-tree .create-icon{color:var(--text-primary)}.knowledge-placeholder .placeholder-create-tree:hover:not(:disabled){background:var(--elevation-08dp)}@media(max-width:600px){.knowledge-placeholder{padding:var(--spacing-lg)}.knowledge-placeholder .placeholder-view-toggles{flex-direction:row;width:100%}.knowledge-placeholder .placeholder-view-toggle{flex:1;min-width:unset;padding:var(--spacing-sm) var(--spacing-md)}.knowledge-placeholder .placeholder-create-actions{flex-direction:column;width:100%}.knowledge-placeholder .placeholder-create-button{width:100%;justify-content:center}}.knowledge-tree-nav-capsule{position:fixed;z-index:1150;display:flex;align-items:center;gap:2px;padding:4px 6px;background:var(--elevation-08dp);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-radius:var(--border-radius-2xl);border:1px solid var(--elevation-overlay-08dp);box-shadow:var(--shadow-elevation-08dp);transition:opacity .3s ease,transform .3s ease}.light-theme .knowledge-tree-nav-capsule{background:var(--elevation-08dp);border:1px solid var(--elevation-overlay-08dp);box-shadow:var(--shadow-elevation-08dp)}.knowledge-tree-nav-capsule.mobile{display:none}@media(min-width:601px)and (max-width:1199px){.knowledge-tree-nav-capsule.desktop{top:68px;left:calc(var(--sidebar-width, 72px) + 12px);right:auto;transform:none}}@media(min-width:1200px)and (max-width:1439px){.knowledge-tree-nav-capsule.desktop{top:12px;right:508px;left:auto;transform:none}}@media(min-width:1440px)and (max-width:1919px){.knowledge-tree-nav-capsule.desktop{top:20px;right:552px;left:auto;transform:none}}@media(min-width:1920px){.knowledge-tree-nav-capsule.desktop{top:20px;right:596px;left:auto;transform:none}}@media(max-width:600px){body.drawer-fullscreen-active .knowledge-tree-nav-capsule{opacity:0;pointer-events:none;transform:translateY(-10px)}}.tree-nav-btn{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .2s ease,background .2s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.tree-nav-btn:hover{color:var(--text-primary);background:var(--state-hover)}.tree-nav-btn:active{transform:scale(.92);background:var(--state-pressed)}.tree-nav-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.tree-nav-btn svg{width:18px;height:18px}.tree-visualization-mobile-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.tree-visualization-desktop-container{position:relative;width:100%;height:100%}.tree-visualization-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);z-index:10;pointer-events:none}.tree-visualization-loading-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.garden-view-mode-toggle{position:absolute;bottom:16px;left:16px;z-index:20;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--elevation-02dp);border:1px solid var(--border-light);border-radius:50%;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-elevation-02dp);transition:background .15s ease,color .15s ease,transform .15s ease}.garden-view-mode-toggle:hover{background:var(--elevation-04dp);color:var(--accent-green);transform:scale(1.05)}.garden-view-mode-toggle:active{transform:scale(.95)}.garden-view-mode-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.tree-skeleton-container{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg-primary);padding:40px 20px;z-index:10;pointer-events:none}.tree-skeleton-node{width:var(--reactflow-node-width, 280px);height:var(--reactflow-mobile-node-height, 88px);background:var(--bg-secondary);border-radius:var(--border-radius-lg);animation:tree-skeleton-pulse 1.5s ease-in-out infinite;opacity:.4}.tree-skeleton-node--root{height:var(--reactflow-mobile-root-height, 90px);opacity:.6}.tree-skeleton-node--branch-1{animation-delay:.1s;opacity:.3}.tree-skeleton-node--branch-2{animation-delay:.2s;opacity:.2}.tree-skeleton-node--branch-3{animation-delay:.3s;opacity:.1}.tree-skeleton-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:8px}@keyframes tree-skeleton-pulse{0%,to{opacity:.6}50%{opacity:.3}}.mobile-tab-switcher-overlay{position:fixed;inset:0;z-index:2000;background:#0f0f0dfa;display:flex;align-items:stretch;justify-content:stretch;animation:mobileTabFadeIn .2s ease-out;padding-bottom:var(--mobile-sidebar-height, 60px)}body.light-theme .mobile-tab-switcher-overlay{background:var(--elevation-00dp)}@keyframes mobileTabFadeIn{0%{opacity:0}to{opacity:1}}.mobile-tab-switcher{width:100%;height:100%;background:transparent;border-radius:0;overflow:hidden;display:flex;flex-direction:column;animation:mobileTabSlideUp .25s ease-out}@keyframes mobileTabSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-tab-switcher-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--border-subtle);background:transparent}.mobile-tab-switcher-title{font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary);margin:0}.mobile-tab-switcher-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--border-radius-full, 50%);background:var(--elevation-04dp);color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.mobile-tab-switcher-close:hover,.mobile-tab-switcher-close:active{background:var(--state-hover);color:var(--text-primary)}.mobile-tab-switcher-close svg{width:20px;height:20px}.mobile-tab-switcher-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;padding:20px 16px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;min-width:0;align-content:start;max-width:100%;box-sizing:border-box}.mobile-tab-card{position:relative;display:flex;flex-direction:column;align-items:stretch;background:transparent;border-radius:0;overflow:hidden;cursor:pointer;transition:transform .15s ease,opacity .15s ease;min-width:0;max-width:100%}.mobile-tab-card:hover,.mobile-tab-card:active{transform:scale(1.02)}.mobile-tab-card.active .mobile-tab-card-preview{border-color:var(--accent-primary, #4caf50);box-shadow:0 0 0 1px var(--accent-primary, #4caf50)}.mobile-tab-card-close{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--border-radius-full, 50%);background:#00000080;color:#fff;cursor:pointer;z-index:1;opacity:.7;transition:opacity .15s ease,background .15s ease,transform .15s ease}.mobile-tab-card-close:hover,.mobile-tab-card-close:active{opacity:1;background:#000000b3;transform:scale(1.1)}.mobile-tab-card-close svg{width:12px;height:12px}.mobile-tab-card-preview{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;max-height:120px;background:var(--elevation-02dp);border-radius:var(--border-radius-xl);border:2px solid transparent;transition:border-color .15s ease,box-shadow .15s ease}.mobile-tab-card-type-icon{width:36px;height:36px;color:var(--text-tertiary);opacity:.5}.mobile-tab-card-title{padding:8px 4px 0;font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;background:transparent}.mobile-tabs-capsule{display:none}@media(max-width:600px){.mobile-tabs-capsule{display:flex;align-items:center;gap:0;width:100%;padding:4px;background:var(--elevation-04dp);border:1px solid var(--border-subtle);border-radius:var(--border-radius-xl);box-shadow:0 1px 4px #0000001a;transition:border-radius .2s ease,box-shadow .2s ease}.mobile-view-switcher{flex-shrink:0}.mobile-tabs-capsule .card-tabs-wrapper{padding:0;background:transparent}.mobile-tabs-capsule .card-tabs{padding:2px;gap:2px;background:transparent;border:none;box-shadow:none;margin:0}.mobile-tabs-capsule .card-tab{flex-direction:row;min-width:auto;min-height:28px;padding:4px 8px;gap:0}.mobile-tabs-capsule .card-tab__icon{width:16px;height:16px}.mobile-tabs-capsule .card-tab__label{display:none}.mobile-tabs-capsule .card-tab.active{background:var(--elevation-08dp);box-shadow:none;border:none}.mobile-tabs-divider{width:1px;height:20px;margin:0 6px;background:var(--border-subtle);flex-shrink:0}}.mobile-tab-indicator{display:none}@media(max-width:600px){.mobile-tab-indicator{display:flex;align-items:center;gap:6px;flex:1;min-width:0;padding:2px 4px 2px 6px;background:transparent;border:none;border-radius:0;box-shadow:none}.mobile-tab-indicator.no-tab{opacity:.6;flex:1 1 auto;min-width:60px}.mobile-tab-placeholder{font-size:var(--font-size-xs, 12px);color:var(--text-tertiary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.mobile-tab-icon{width:14px;height:14px;flex-shrink:0;color:var(--text-secondary)}.mobile-tab-title{flex:1;min-width:0;font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-tab-actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.mobile-tab-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:background .15s ease,color .15s ease}.mobile-tab-btn:hover,.mobile-tab-btn:active{background:var(--state-hover);color:var(--text-primary)}.mobile-tab-btn svg{width:16px;height:16px}.mobile-tab-switcher-btn{gap:4px;padding:0 8px;background:var(--elevation-08dp);border:none}.mobile-tab-switcher-btn:hover,.mobile-tab-switcher-btn:active{background:var(--elevation-12dp)}.mobile-tab-count{font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-semibold, 600);color:var(--text-secondary)}.mobile-tab-close svg{width:14px;height:14px}.light-theme .mobile-tabs-capsule{background:var(--bg-elevated);border-color:var(--border-color);box-shadow:0 1px 4px #0000000f}.light-theme .mobile-tabs-capsule .card-tab.active{background:var(--bg-primary)}.light-theme .mobile-tabs-divider{background:var(--border-color)}}.mobile-tabs-capsule-wrapper{display:none}@media(max-width:600px){.mobile-tabs-capsule-wrapper{display:flex;flex-direction:column;position:sticky;top:8px;z-index:1001;isolation:isolate;width:calc(100% - 24px);margin:0 12px}.mobile-tabs-capsule-wrapper .mobile-tabs-capsule{position:relative;z-index:1005;isolation:isolate;transition:border-radius var(--transition-fast)}.mobile-tabs-capsule-wrapper:has(.note-navigator-container.visible) .mobile-tabs-capsule{border-bottom-left-radius:0;border-bottom-right-radius:0}.mobile-navigator-close{background:var(--elevation-08dp);border:1px solid var(--border-subtle)}.mobile-navigator-close:hover,.mobile-navigator-close:active{background:var(--state-pressed);color:var(--text-primary)}}.knowledge-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--spacing-2xl);text-align:center;background:var(--bg-primary);color:var(--text-primary)}.fallback-header h2{font-size:var(--font-size-2xl);color:var(--accent-green);margin-bottom:var(--spacing-md)}.fallback-header p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.fallback-content p{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--spacing-md);max-width:600px;line-height:1.6}.knowledge-header-group{position:relative;display:flex;flex-direction:row;align-items:flex-start;gap:8px;background:transparent;z-index:1}.review-capsules-stack{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}.review-capsules-stack:empty{display:none}@media(max-width:600px){.review-capsules-stack{flex-direction:row;flex-wrap:wrap;gap:6px;width:100%;padding:8px 12px 10px;background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.knowledge-header-group:has(.review-capsules-stack:empty):not(:has(.mobile-tab-indicator)) .knowledge-custom-header{border-radius:0 0 var(--border-radius-lg, 12px) var(--border-radius-lg, 12px)}}.knowledge-tree-cards-background{display:none}@media(max-width:600px){.knowledge-tree-cards-background{display:flex;flex-direction:column;padding:var(--spacing-md);padding-bottom:calc(var(--mobile-sidebar-height) + var(--spacing-xl));gap:var(--spacing-md);overflow-y:auto;flex:1;min-height:0}.knowledge-trees-section-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.knowledge-trees-icon{width:24px;height:24px;color:var(--text-primary)}.knowledge-trees-title{margin:0;font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.knowledge-trees-list{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-md);margin:0 calc(-1 * var(--spacing-sm))}.knowledge-plant-tree-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:transparent;border:2px dashed var(--border-color);border-radius:var(--tree-card-radius, 16px);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-comfortable)}.knowledge-plant-tree-btn:hover{border-color:var(--accent-green);color:var(--accent-green);background:#4caf500d}.knowledge-plant-tree-btn:active{transform:scale(.98)}.knowledge-plant-tree-btn .plant-tree-icon{width:20px;height:20px}}.knowledge-custom-header{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:transparent;border:none;box-shadow:none;overflow:visible;opacity:1!important;visibility:visible!important;pointer-events:auto!important;flex:0 0 auto}.knowledge-header-compact-row{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:0 var(--grid-padding, 16px);width:100%;height:52px;min-height:52px}.knowledge-header-title{margin:0;font-family:var(--font-serif);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);flex-shrink:0}.knowledge-header-icon{width:28px;height:28px;flex-shrink:0;color:var(--text-secondary)}.knowledge-custom-header.navigator-open .knowledge-header-compact-row{padding:0 var(--grid-padding, 16px)}.knowledge-custom-header.navigator-open,.light-theme .knowledge-custom-header{background:transparent;border:none;box-shadow:none}@media(min-width:601px){.knowledge-header-group,.knowledge-header-group.navigator-open{background:transparent}}@media(max-width:600px){.knowledge-header-group,.knowledge-custom-header,.knowledge-header-compact-row{display:none!important}}.knowledge-header-nav-toggle{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:var(--spacing-xs);border:none;border-radius:var(--border-radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.knowledge-header-nav-toggle:hover{background:var(--state-hover);color:var(--text-primary)}.knowledge-header-nav-toggle.active{background:var(--bg-info-overlay);color:var(--tree-green, #a6e22e)}.knowledge-header-nav-toggle svg{width:20px;height:20px}@media(max-width:600px){.knowledge-header-nav-toggle{min-width:44px;min-height:44px}.knowledge-header-nav-toggle svg{width:22px;height:22px}}.knowledge-header-branding{display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;border:none;padding:var(--spacing-xs);margin:calc(-1 * var(--spacing-xs));border-radius:var(--border-radius-md);cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast)}.knowledge-header-branding:hover{background:var(--state-hover)}.knowledge-header-branding:active{opacity:.8}.knowledge-header-branding .knowledge-header-icon,.knowledge-header-branding .knowledge-header-title{pointer-events:none}.knowledge-header-library-toggle{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:var(--spacing-xs);border:none;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .2s ease,background .2s ease,transform .2s ease;position:relative;flex-shrink:0;-webkit-tap-highlight-color:transparent}.knowledge-header-library-toggle:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--state-hover);opacity:0;transition:opacity .2s ease}.knowledge-header-library-toggle:hover:before{opacity:1}.knowledge-header-library-toggle:hover{color:var(--text-primary);transform:scale(1.05)}.knowledge-header-library-toggle:active{transform:scale(.95);opacity:.8}.knowledge-header-library-toggle svg{width:20px;height:20px;position:relative;z-index:1}.header-separator{width:1px;height:20px;background:var(--border-subtle, rgba(255, 255, 255, .12));margin:0 4px;flex-shrink:0}.knowledge-navigator-expandable{position:relative;width:100%;max-height:0;overflow:hidden;opacity:0;pointer-events:none;background:transparent;border-top:1px solid var(--border-subtle);transition:max-height .3s cubic-bezier(.25,.1,.25,1),opacity .2s ease,border-color .2s ease}.knowledge-navigator-expandable.open{max-height:calc(100vh - 120px);opacity:1;pointer-events:auto;border-top:none;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);background:var(--elevation-08dp);border-bottom:1px solid var(--elevation-overlay-08dp);border-left:1px solid var(--elevation-overlay-08dp);border-right:1px solid var(--elevation-overlay-08dp)}.navigator-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--border-radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;margin-left:auto}.navigator-close-btn:hover{background:var(--state-hover);color:var(--text-primary)}.navigator-close-btn svg{width:16px;height:16px}.knowledge-navigator-expandable .note-navigator-container{max-height:calc(100vh - 180px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--elevation-08dp) transparent;padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-sm)}.knowledge-navigator-expandable .note-navigator-container::-webkit-scrollbar{width:6px}.knowledge-navigator-expandable .note-navigator-container::-webkit-scrollbar-track{background:transparent}.knowledge-navigator-expandable .note-navigator-container::-webkit-scrollbar-thumb{background:var(--elevation-08dp);border-radius:3px}.knowledge-navigator-expandable .navigator-header{display:none}@media(max-width:600px){.knowledge-navigator-expandable{position:fixed;bottom:calc(60px + env(safe-area-inset-bottom,0));left:0;right:0;top:auto;width:auto;max-height:0;border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;background:var(--elevation-08dp);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 -4px 20px #0000004d;z-index:var(--z-mobile-navigator, 1150);transition:max-height .3s cubic-bezier(.25,.1,.25,1),opacity .2s ease}.knowledge-navigator-expandable.open{max-height:60vh;border:none;opacity:1;pointer-events:auto}.knowledge-navigator-expandable .note-navigator-container{max-height:calc(60vh - 20px);height:auto;padding:var(--spacing-sm);overflow-y:auto}.knowledge-navigator-expandable:before{content:"";display:block;width:36px;height:4px;background:var(--text-tertiary);border-radius:2px;margin:8px auto 4px;opacity:.5}}.knowledge-header-view-toggles{display:flex;align-items:center;gap:2px;flex-shrink:0;background:var(--elevation-04dp);border-radius:var(--border-radius-pill, 100px);padding:3px;border:1px solid rgba(255,255,255,.1)}.header-view-toggle{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:var(--spacing-xs);border:none;border-radius:var(--border-radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.header-view-toggle:hover{background:var(--state-hover);color:var(--text-primary)}.header-view-toggle.active{background:var(--bg-info-overlay, rgba(166, 226, 46, .15));color:var(--tree-green, #a6e22e)}.header-view-toggle svg{width:18px;height:18px}@media(max-width:600px){.header-view-toggle{min-width:36px;min-height:36px;padding:6px}.header-view-toggle svg{width:18px;height:18px}.knowledge-header-view-toggles{padding:2px;gap:1px}}.knowledge-header-group .card-tabs-wrapper{background:transparent;padding:var(--spacing-sm, 8px) var(--spacing-md, 16px)}.light-theme .knowledge-header-group .card-tabs-wrapper{background:transparent}.knowledge-header-tab-selector{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:var(--spacing-xs);border:none;border-radius:50%;background:var(--elevation-04dp);color:var(--text-primary);cursor:pointer;transition:background .2s ease,transform .2s ease;position:relative;flex-shrink:0;-webkit-tap-highlight-color:transparent}.knowledge-header-tab-selector:hover{background:var(--elevation-08dp);transform:scale(1.05)}.knowledge-header-tab-selector:active{transform:scale(.95)}.tab-count-badge{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-mono);min-width:20px;height:20px;display:flex;align-items:center;justify-content:center}.knowledge-header-tabs{display:flex;align-items:flex-start;flex:1;min-width:0;overflow:visible;padding:2px 12px 6px;margin-left:4px}.knowledge-header-tabs::-webkit-scrollbar{display:none}.knowledge-header-tabs .note-tab-bar{position:relative;background:transparent;border:none;padding:4px 6px;gap:var(--spacing-xs);overflow:visible}.knowledge-header-tabs .library-toggle-button{display:none}.knowledge-header-create-button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:var(--spacing-xs);border:none;border-radius:50%;background:transparent;color:var(--tree-green, #56c676);cursor:pointer;transition:color .2s ease,background .2s ease,transform .2s ease;position:relative;flex-shrink:0;-webkit-tap-highlight-color:transparent}.knowledge-header-create-button:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--state-hover);opacity:0;transition:opacity .2s ease}.knowledge-header-create-button:hover:before{opacity:1}.knowledge-header-create-button:hover{color:var(--tree-green-hover, #45a049);transform:scale(1.1)}.knowledge-header-create-button:active{transform:scale(.95);opacity:.8}.knowledge-header-create-button svg{width:24px;height:24px;position:relative;z-index:1}.light-theme .knowledge-header-create-button{color:var(--tree-green, #56c676)}.knowledge-page{display:flex;width:100%;height:100vh;flex-direction:row;flex-grow:1;max-height:none;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);transition:padding-left .3s ease}.knowledge-page.knowledge-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;padding:0!important;margin:0!important;z-index:var(--z-dropdown);background:var(--bg-primary);transform:none!important;max-width:none!important;max-height:none!important;box-sizing:border-box!important}.knowledge-container{display:flex;flex-direction:column;flex-grow:1;flex:1;position:relative;width:100%;height:100%;overflow:hidden}.content-area{display:flex;flex-direction:column;flex:1;padding:0;overflow:visible;width:100%;min-width:0;min-height:0}#garden-title{align-items:center;justify-content:center;text-align:center;font-size:2rem;font-weight:600;color:var(--text-color);margin-bottom:20px}#instructions{padding:10px;background-color:var(--bg-overlay);border-radius:var(--border-radius-md);margin:10px 0;color:var(--text-primary);box-shadow:var(--shadow-sm)}#instructions h2{margin-top:0;font-size:var(--font-size-lg);color:var(--accent-blue);margin-bottom:var(--spacing-xs)}#instructions p{margin:4px 0;font-size:.8rem;line-height:1.2}@media(max-width:600px){.knowledge-page{flex-direction:column;padding:0;height:100%;min-height:0;overflow:visible}.knowledge-page.knowledge-fullscreen{padding:0;margin:0}.knowledge-container{flex-direction:column;width:100%;height:100%;min-height:0;overflow:visible}.knowledge-sidebar{width:100%;border-bottom:1px solid var(--border-color);border-right:none}#instructions{padding:15px;margin:10px 0;font-size:.85rem}}.knowledge-notification{position:fixed;bottom:100px;align-self:center;flex:auto;background-color:var(--accent-blue);color:var(--text-on-accent);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);border:none;font-weight:var(--font-weight-bold);cursor:pointer;z-index:50;box-shadow:var(--shadow-lg);animation:pulse 2s infinite}.knowledge-notification:hover{background-color:var(--accent-blue-hover);animation:none}@keyframes pulse{0%{box-shadow:0 0 #4a9eff66}70%{box-shadow:0 0 0 15px #4a9eff00}to{box-shadow:0 0 #4a9eff00}}.tree-data-section{background-color:var(--surface-color-light, #3a3f4b);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;color:var(--text-color);width:100%}.tree-data-display{margin-top:15px}.tree-item{background-color:var(--surface-color, #282c34);border-radius:5px;padding:15px;box-shadow:0 1px 3px #0000001a}.branch-list{margin-top:10px;padding-left:15px;border-left:2px solid var(--border-color, #e0e0e0)}.debug-info-section{margin-top:20px;padding:15px;border:1px solid #ddd;border-radius:5px;background-color:#f8f8f8;font-size:.9rem;color:#666;width:100%}.debug-info-section h4{margin-top:0;color:#444;font-size:1rem;border-bottom:1px solid #ddd;padding-bottom:5px;margin-bottom:10px}.debug-info-section li{margin-bottom:5px;display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px dotted #eee}.debug-info-section li strong{font-weight:600;color:#333;margin-right:10px}.selected-branch-details{margin:20px 0;padding:15px;background-color:var(--surface-color, #282c34);border-radius:6px;border-left:3px solid var(--accent-blue, #4a9eff)}.knowledge-text-content{padding:20px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.knowledge-carousel-wrapper{position:relative;z-index:10;margin-bottom:0;width:100%;display:flex;flex-direction:column;align-items:center;flex:1 1 auto;min-height:0;touch-action:none}.knowledge-carousel-wrapper h3{margin:0 0 15px 20px;color:var(--text-color);font-size:1.5rem;font-weight:600}.carousel-with-controls{position:relative;width:100%;margin-bottom:0;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.carousel-control-buttons{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);display:flex;gap:var(--spacing-sm);z-index:100;background:var(--bg-overlay);border-radius:var(--border-radius-xl);padding:var(--spacing-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color-overlay)}.carousel-control-button{background:var(--bg-button-overlay);border:none;border-radius:var(--border-radius-md);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.carousel-control-button:hover{background:var(--hover-bg-overlay);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.carousel-control-button:active{transform:translateY(0)}.carousel-control-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow: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{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(100%);transition:filter .2s ease}.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{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;pointer-events:none;display:flex;justify-content:space-between;padding:10px;box-sizing:border-box}.carousel-display-container{pointer-events:auto;background-color:transparent;display:flex;justify-content:space-between;width:100%;height:100%}@media(max-width:767px){.knowledge-carousel-wrapper{padding:0;touch-action:auto}.carousel-control-buttons{top:10px;right:10px;gap:6px;padding:6px}.carousel-control-button{width:36px;height:36px}.carousel-control-button img.control-icon{width:18px;height:18px}.knowledge-carousel-wrapper h3{margin:0 0 10px 15px;font-size:1.3rem}}@media(max-width:600px){.knowledge-carousel-wrapper,.carousel-with-controls{touch-action:auto}.knowledge-carousel-wrapper,.knowledge-carousel-wrapper .carousel-with-controls,.carousel-component,.carousel-container{height:auto;min-height:100%}.content-area{overflow:visible;min-height:0}}.carousel-container{width:100%;height:100%;display:flex;flex-direction:column}.knowledge-carousel-wrapper,.knowledge-carousel-wrapper .carousel-with-controls,.carousel-component,.carousel-container{flex:1 1 auto;height:100%;min-height:0}.knowledge-topbar{grid-area:topbar}.knowledge-drawer-region{grid-area:drawer;width:0;overflow:hidden;transition:width .3s ease;background:var(--bg-secondary, #2a2d3a);border-right:1px solid var(--border-color, #404550)}.knowledge-drawer-region.open{width:640px}.knowledge-container.drawer-open,.knowledge-container{grid-template-columns:640px 1fr}.drawer-toggle-tab{position:absolute;right:-32px;top:50%;transform:translateY(-50%);width:32px;height:64px;background:var(--bg-secondary, #2a2d3a);border:1px solid var(--border-color, #404550);border-left:none;border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.drawer-toggle-tab:hover{background:var(--bg-tertiary, #333644);transform:translateY(-50%) translate(-2px)}.drawer-toggle-tab .toggle-arrow{font-size:14px;color:var(--text-secondary, #b0b0b0);transition:transform .3s ease}.knowledge-drawer-region.open .drawer-toggle-tab .toggle-arrow{transform:rotate(180deg)}.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}.knowledge-left-sidebar{position:fixed;left:var(--sidebar-width, 72px);top:60px;width:var(--knowledge-navigator-width, 280px);max-height:calc(100vh - 72px);z-index:var(--z-knowledge-navigator, 150);background:var(--elevation-01dp);border:1px solid var(--border-subtle);border-top:none;border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl);box-shadow:var(--shadow-elevation-04dp);transition:max-height .25s cubic-bezier(.25,.1,.25,1),opacity .25s ease,box-shadow .25s ease;overflow:hidden}.knowledge-left-sidebar.collapsed{max-height:0;opacity:0;pointer-events:none;border-width:0}.knowledge-left-sidebar.open{max-height:calc(100vh - 72px);opacity:1;pointer-events:auto;box-shadow:var(--shadow-elevation-08dp);border-width:1px;border-top:none}.knowledge-main-area{display:flex;flex-direction:column;flex:1;min-height:0;margin-left:0;transition:margin-left .3s cubic-bezier(.25,.1,.25,1)}.knowledge-main-area.navigator-collapsed,.knowledge-main-area.tree-tab-active.navigator-open,.knowledge-main-area.no-tab-active.navigator-open{margin-left:0}@media(min-width:601px){.knowledge-main-area.document-tab-active.navigator-open{margin-left:320px}}@media(max-width:600px){.knowledge-left-sidebar{left:0;top:56px;width:100%;height:calc(100% - 56px);z-index:var(--z-mobile-navigator, 1000);background:var(--bg-primary);border:none;border-radius:0;box-shadow:none}.knowledge-main-area{margin-left:0}.knowledge-main-area.navigator-open{pointer-events:none;opacity:.5}.knowledge-main-area.document-tab-active{overflow-y:auto;touch-action:pan-y}.knowledge-main-area.navigator-collapsed.document-tab-active{pointer-events:auto;overflow-y:auto}.knowledge-main-area.tree-tab-active,.knowledge-main-area.navigator-collapsed.tree-tab-active{pointer-events:auto}.knowledge-main-area.tree-tab-active.navigator-open{pointer-events:auto;opacity:.5}.knowledge-main-area.no-tab-active,.knowledge-main-area.navigator-collapsed.no-tab-active{pointer-events:auto}.knowledge-main-area.no-tab-active.navigator-open{pointer-events:auto;opacity:.5}}@media(min-width:601px)and (max-width:899px){.knowledge-custom-header,.knowledge-custom-header.navigator-open{width:auto;min-width:auto;max-width:none;background:transparent}.knowledge-custom-header .knowledge-header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knowledge-main-area.document-tab-active.navigator-open{margin-left:280px}}.knowledge-content-area{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg-primary)}.tree-content-view{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.tree-content-view.loading{align-items:center;justify-content:center}.tree-canvas-area{flex:1;min-height:200px;position:relative}.knowledge-note-viewer-container{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg-primary)}.knowledge-note-viewer-container .note-viewer{flex:1;display:flex;flex-direction:column;min-height:0;overflow:auto}.knowledge-content-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--text-secondary)}.knowledge-content-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.knowledge-capsule-tabs{display:flex;justify-content:center;align-items:center;width:100%;padding:var(--spacing-xs) var(--spacing-md);overflow:visible}.knowledge-capsule-tabs-inner{display:inline-flex;background:var(--elevation-04dp);border:1px solid var(--border-subtle, rgba(255, 255, 255, .12));border-radius:999px;box-shadow:0 2px 8px #0003,0 1px 3px #0000001f;transition:box-shadow .2s ease}.light-theme .knowledge-capsule-tabs-inner{background:var(--bg-elevated);border-color:var(--border-color);box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d}.knowledge-capsule-tabs .knowledge-mobile-tabs{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xs);gap:0}.knowledge-capsule-tabs .card-tabs-wrapper{background:transparent;padding:0;position:static}.knowledge-capsule-tabs .card-tabs{background:transparent;border:none;box-shadow:none;padding:var(--spacing-xs);gap:4px}.knowledge-capsule-tabs .card-tab{min-height:40px;min-width:64px;padding:var(--spacing-xs) var(--spacing-md);gap:4px;border-radius:999px}.knowledge-capsule-tabs .card-tab.active{background:var(--elevation-08dp);border:none;box-shadow:inset 0 0 0 1px var(--border-subtle, rgba(255, 255, 255, .1))}.light-theme .knowledge-capsule-tabs .card-tab.active{background:var(--bg-primary);box-shadow:var(--shadow-sm)}.knowledge-capsule-tabs .card-tab__icon{width:20px;height:20px}.knowledge-capsule-tabs .card-tab__label{font-size:11px}@media(--desktop-up){.knowledge-capsule-tabs{display:none}}.tree-note-collection{margin-bottom:var(--spacing-md)}.tree-note-collection:first-child{margin-top:var(--spacing-sm)}.tree-collection-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:1px solid var(--border-subtle);border-radius:16px;transition:all var(--transition-fast);min-height:var(--touch-target-comfortable)}.tree-collection-header:hover{border-color:var(--border-color);background:var(--state-hover)}.tree-collection-header.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0;background:var(--elevation-01dp);border-color:var(--border-color)}.tree-header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;cursor:pointer;padding:var(--spacing-xs);margin:calc(-1 * var(--spacing-xs));border-radius:var(--border-radius-sm);transition:background var(--transition-fast)}.tree-header-left:hover{background:var(--state-hover)}.tree-header-left:active{background:var(--state-pressed)}.tree-collection-icon{width:20px;height:20px;flex-shrink:0;color:var(--tree-green);transition:transform var(--transition-fast);align-self:flex-start;margin-top:2px}.tree-header-left:hover .tree-collection-icon{transform:scale(1.1)}.tree-header-right{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);margin:calc(-1 * var(--spacing-xs)) calc(-1 * var(--spacing-sm));border-radius:var(--border-radius-sm);transition:background var(--transition-fast);flex-shrink:0}.tree-header-right:hover{background:var(--state-hover)}.tree-header-right:active{background:var(--state-pressed)}.tree-node-count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--spacing-xs);background:var(--elevation-04dp);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full)}.tree-collection-header.expanded .tree-node-count{background:var(--elevation-08dp)}.tree-chevron{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-secondary);transition:transform var(--transition-fast)}.tree-chevron svg{width:16px;height:16px}.tree-nodes-list{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);background:var(--elevation-01dp);border:1px solid var(--border-subtle);border-top:none;border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:flex;flex-direction:column;gap:var(--spacing-sm)}.tree-branch-group{display:flex;flex-direction:column}.tree-node-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:all var(--transition-fast);min-height:40px}.tree-node-item:hover{background:var(--state-hover);border-color:var(--border-subtle);transform:translate(2px)}.tree-node-item:active{background:var(--state-pressed)}.tree-node-branch{background:var(--elevation-01dp);border-color:var(--border-subtle);font-weight:var(--font-weight-medium)}.tree-node-branch:hover{background:var(--elevation-02dp);border-color:var(--border-color)}.tree-actions-list{display:flex;flex-direction:column;gap:2px;padding-left:var(--spacing-lg);margin-top:2px}.tree-node-action{background:transparent;font-weight:var(--font-weight-normal)}.tree-node-action:hover{background:var(--elevation-02dp)}.tree-node-action.completed{opacity:.6}.tree-node-action.completed .node-name{text-decoration:line-through;color:var(--text-tertiary)}.node-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.branch-indicator{background:var(--tree-green)}.action-indicator{background:var(--accent-blue);width:6px;height:6px}.action-indicator.complete{background:var(--text-tertiary)}.node-name{flex:1;font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.4;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-nodes-empty{padding:var(--spacing-md);text-align:center}.tree-nodes-empty p{color:var(--text-tertiary);font-size:var(--font-size-sm);font-style:italic;margin:0}@media(max-width:768px){.tree-collection-header{padding:var(--spacing-sm)}.tree-header-left{gap:var(--spacing-xs)}.tree-collection-title{-webkit-line-clamp:2}.tree-nodes-list{padding:var(--spacing-xs)}.tree-actions-list{padding-left:var(--spacing-md)}.tree-node-item{padding:var(--spacing-sm);min-height:var(--touch-target-min)}.node-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.note-navigator-container{position:fixed;top:0;left:0;width:320px;height:100vh;background:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:1050;transition:transform var(--transition-medium),opacity var(--transition-medium);color:var(--text-primary)}.note-navigator-container.knowledge-context{position:relative;top:auto;left:auto;height:100%;width:100%;border-right:none;background:var(--elevation-01dp);border-radius:0;box-shadow:none;overflow:hidden;transform:none!important;opacity:1!important;pointer-events:auto!important}.note-navigator-container.knowledge-context .navigator-subheader{border-top:none;border-radius:0}.navigator-backdrop{display:none}@media(max-width:600px){.navigator-backdrop{position:fixed;inset:0;z-index:998;background:#0006;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);transition:opacity .25s ease,visibility .25s ease}.navigator-backdrop.visible{display:block;opacity:1;visibility:visible;pointer-events:auto}.navigator-backdrop.hidden{display:block;opacity:0;visibility:hidden;pointer-events:none}}@media(max-width:600px){.note-navigator-container.knowledge-context{position:absolute!important;top:calc(100% - 6px)!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;max-height:calc(100dvh - 140px);height:auto!important;border-radius:0 0 20px 20px!important;border-top:none!important;z-index:1000!important;background:var(--elevation-04dp);box-shadow:0 8px 24px #00000040,0 4px 8px #00000026,inset 0 1px #ffffff08;overflow-y:auto;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s ease!important;transform-origin:top center}.note-navigator-container.knowledge-context.hidden{transform:translateY(-8px) scaleY(.96)!important;opacity:0!important;pointer-events:none!important}.note-navigator-container.knowledge-context.visible{transform:translateY(0) scaleY(1)!important;opacity:1!important;pointer-events:auto!important}}@media(max-width:600px){.note-navigator-container{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;max-height:100dvh!important;border-right:none;transform:none!important;transition:none!important;z-index:var(--z-navigator-fullscreen, 15000)!important;box-sizing:border-box}.note-navigator-container.visible:not(.collapsed){inset:0!important;transform:none!important;transition:none!important;opacity:1!important;z-index:var(--z-navigator-fullscreen, 15000)!important;height:100%!important}}.note-navigator-container.visible{transform:translate(0);opacity:1}.note-navigator-container.hidden{transform:translate(-100%);opacity:0}.note-navigator-container.collapsed{transform:translate(-100%);opacity:0;pointer-events:none}.navigator-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);height:var(--header-height);flex-shrink:0;gap:var(--spacing-md)}.navigator-header.knowledge-integrated{justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);height:auto;min-height:48px;background:transparent;border-bottom-color:var(--border-color-subtle);border-radius:var(--border-radius-lg) 0 0 0;gap:var(--spacing-sm)}.navigator-header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.navigator-icon{width:20px;height:20px;color:var(--text-primary);flex-shrink:0}.navigator-header-left h2{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap}.navigator-close-button{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius-sm);color:var(--text-secondary);flex-shrink:0}.navigator-close-button:hover{background:var(--hover-bg-overlay);color:var(--text-primary)}.navigator-close-button .close-icon{width:16px;height:16px}.notes-count{font-size:var(--font-size-sm);color:var(--text-secondary);margin-left:var(--spacing-xs)}.view-toggles{display:inline-flex;align-items:center;gap:2px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:64px;padding:3px;box-shadow:var(--shadow-sm)}.view-toggle{background:transparent;border:none;padding:var(--spacing-xs);border-radius:32px;cursor:pointer;transition:all .25s var(--ease-out-smooth);display:flex;align-items:center;justify-content:center;opacity:.7;width:32px;height:32px;color:var(--text-secondary)}.view-toggle:hover:not(.active){background:var(--hover-bg-overlay);opacity:.85;transform:translateY(-1px)}.view-toggle.active{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-md);opacity:1;color:var(--text-primary)}.view-toggle .toggle-icon{width:16px;height:16px;transition:transform .25s var(--ease-out-smooth);color:var(--text-secondary)}.view-toggle.active .toggle-icon{color:var(--text-primary)}.view-toggle:hover .toggle-icon{transform:scale(1.1)}.unread-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary, #a6e22e) 0%,var(--accent-secondary, #7cb518) 100%);color:var(--bg-primary, #1a1a1a);font-size:10px;font-weight:600;border-radius:8px;box-shadow:0 2px 8px #a6e22e4d,0 0 0 2px var(--bg-secondary, #2a2a2a);animation:badge-fade-in .3s cubic-bezier(.34,1.56,.64,1);z-index:1}.light-theme .unread-badge{color:#fff;box-shadow:0 2px 8px #7cb51840,0 0 0 2px var(--bg-secondary, #ffffff)}@keyframes badge-fade-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.navigator-subheader{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);min-height:var(--subheader-height);flex-shrink:0;gap:var(--spacing-sm)}.note-navigator-container.knowledge-context .navigator-subheader{background:transparent;border-bottom-color:var(--border-subtle);padding:var(--spacing-md)}.note-navigator-container.knowledge-context .note-search-input{background:var(--elevation-02dp);border:1.5px solid var(--border-color);border-radius:999px;height:40px;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);transition:all .2s ease}.note-navigator-container.knowledge-context .note-search-input:focus{border-color:var(--tree-green);background:var(--elevation-01dp);box-shadow:0 0 0 3px #10b9811f}.note-navigator-container.knowledge-context .note-search-input::placeholder{color:var(--text-tertiary)}.subheader-left{display:flex;align-items:center;flex:1;min-width:0}.subheader-right{display:flex;align-items:center;flex-shrink:0;gap:var(--spacing-xs)}.todo-mode-button{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);width:32px;height:32px;border-radius:var(--border-radius-sm)}.todo-mode-button:hover{background:var(--hover-bg-overlay);color:var(--text-primary)}.todo-mode-button.active{color:var(--tree-green);background:var(--bg-info-overlay)}.todo-mode-button.active:hover{background:var(--hover-bg-info)}.todo-mode-icon{width:18px;height:18px}.filter-option-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.filter-option-icon svg{width:14px;height:14px;color:var(--text-secondary)}.notes-count{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);min-width:0}.filter-button{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--text-primary);position:relative;width:32px;height:32px;border-radius:var(--border-radius-sm)}.filter-button:hover:not(:disabled){background:var(--hover-bg-overlay)}.filter-button:disabled{opacity:.5;cursor:not-allowed}.filter-icon{width:16px;height:16px}.filter-active-indicator{width:6px;height:6px;background:var(--tree-green);border-radius:50%;position:absolute;top:2px;right:2px;animation:pulse-indicator 2s ease-in-out infinite}@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{padding:8px 12px;font-size:13px}.navigator-content{flex:1;overflow-y:auto;padding:0}.error-message,.loading-message,.empty-state{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary);font-family:var(--font-sans)}.error-message{background:var(--bg-danger-overlay);border:1px solid var(--border-color);margin:var(--spacing-sm);border-radius:var(--border-radius-md)}.error-message p{margin:0 0 var(--spacing-md) 0;color:var(--accent-red);font-family:var(--font-sans)}.retry-button,.create-first-note-button{background:var(--bg-info-overlay);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.retry-button:hover,.create-first-note-button:hover:not(:disabled){background:var(--hover-bg-info);border-color:var(--tree-green)}.create-first-note-button:disabled{opacity:.6;cursor:not-allowed}.loading-message{font-style:italic}.skeleton-loading-container{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.skeleton-block{background:linear-gradient(90deg,var(--elevation-02dp) 25%,var(--elevation-04dp) 50%,var(--elevation-02dp) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--border-radius-md)}.skeleton-note-item{height:48px;border-radius:12px}.skeleton-tree-card{height:60px;border-radius:16px}.skeleton-summary-item{height:56px;border-radius:12px}.skeleton-block:nth-child(1){animation-delay:0s}.skeleton-block:nth-child(2){animation-delay:.1s}.skeleton-block:nth-child(3){animation-delay:.2s}.skeleton-block:nth-child(4){animation-delay:.3s}.skeleton-block:nth-child(5){animation-delay:.4s}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.light-theme .skeleton-block{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-elevated) 50%,var(--bg-secondary) 75%);background-size:200% 100%}.notes-list{padding:0;animation:viewSlideIn .25s cubic-bezier(.4,0,.2,1)}.notes-list.notes-list,.notes-list.tree-notes-list,.notes-list.summaries-list{animation-name:viewSlideIn}@keyframes viewSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skeleton-loading-container{animation:viewFadeIn .2s ease-out}@keyframes viewFadeIn{0%{opacity:0}to{opacity:1}}.empty-state{animation:viewFadeIn .3s ease-out}.note-item{--proximity: 0;padding:10px 12px;margin:2px 4px;cursor:pointer;position:relative;height:auto;border:none;border-left:3px solid transparent;display:flex;align-items:flex-start;gap:8px;background:rgba(255,255,255,calc(var(--proximity) * .06));border-radius:calc(var(--proximity) * 10px);transform:scale(calc(1 + var(--proximity) * .015));transform-origin:center center;transition:background .15s ease-out,border-radius .15s ease-out,border-left-color .15s ease,transform .15s ease-out}.note-item-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.note-description{display:flex;align-items:center;gap:8px;font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.4;min-width:0}.note-date{flex-shrink:0;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.note-preview{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.note-placeholder-circle{width:20px;height:20px;min-width:20px;max-width:20px;min-height:20px;max-height:20px;border-radius:50%;background:var(--text-secondary);border:none;opacity:.25;flex-shrink:0;pointer-events:none;box-sizing:border-box}.tree-linked-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;min-height:20px;color:var(--text-muted);opacity:.6;flex-shrink:0;pointer-events:none}.note-item.tree-linked{opacity:.9}.note-item:hover{border-left-color:var(--tree-green);--proximity: var(--proximity, 1)}.note-item.selected{background:linear-gradient(90deg,rgba(16,185,129,.15),var(--bg-info-overlay));border-left-color:var(--tree-green);border-radius:12px;font-weight:var(--font-weight-semibold);box-shadow:inset 0 1px 2px #10b9811a}.light-theme .note-item.selected{background:linear-gradient(90deg,rgba(139,154,127,.2),var(--bg-info-overlay));border-left-color:var(--accent-sage);border-radius:12px;box-shadow:inset 0 1px 2px #8b9a7f26}.note-item:focus{outline:2px solid var(--tree-green);outline-offset:2px;border-radius:12px}.note-item.draggable{cursor:grab}.note-item.draggable:active{cursor:grabbing}.note-item.draggable:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--text-tertiary);border-radius:2px;opacity:0;transition:opacity .2s ease}.note-item.draggable:hover:before{opacity:.4}.note-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.note-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}}.note-title-row{display:flex;align-items:center;gap:var(--spacing-xs, 6px);min-width:0}.note-title-row .note-title{flex:1;min-width:0}.note-type-badge{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;border-radius:50%;opacity:.7;transition:opacity .15s ease}.note-item:hover .note-type-badge{opacity:1}.note-type-badge svg{width:12px;height:12px}.note-type-badge.badge--ai{background:var(--accent-blue-muted, rgba(74, 158, 255, .12));color:var(--accent-blue-solid, #4a9eff)}.note-type-badge.badge--tree{background:var(--tree-green-muted, rgba(72, 187, 120, .15));color:var(--tree-green, #48bb78)}.note-type-badge.badge--action{background:var(--accent-orange-muted, rgba(237, 137, 54, .15));color:var(--accent-orange, #ed8936)}.creating-indicator{position:fixed;bottom:var(--spacing-xl);left:var(--spacing-xl);background:var(--tree-green);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-xl);font-size:var(--font-size-xs);z-index:var(--z-popover);animation:pulse 1.5s ease-in-out infinite}.navigator-content{scrollbar-width:thin;scrollbar-color:transparent transparent}.navigator-content:hover{scrollbar-color:rgba(255,255,255,.15) transparent}.navigator-content::-webkit-scrollbar{width:4px}.navigator-content::-webkit-scrollbar-track{background:transparent}.navigator-content::-webkit-scrollbar-thumb{background:transparent;border-radius:2px;transition:background .15s ease}.navigator-content:hover::-webkit-scrollbar-thumb{background:#ffffff26}.navigator-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}body.light-theme .navigator-content:hover{scrollbar-color:rgba(0,0,0,.12) transparent}body.light-theme .navigator-content:hover::-webkit-scrollbar-thumb{background:#0000001f}body.light-theme .navigator-content::-webkit-scrollbar-thumb:hover{background:#0003}@media(max-width:767px){.note-navigator-container{width:320px;z-index:2000!important}}@media(max-width:600px){.navigator-header{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm);min-height:56px}.navigator-header-left{gap:0}.navigator-header-left h2{display:none}.navigator-icon{width:24px;height:24px}.view-toggles{flex:0 0 auto;justify-content:center;padding:4px}.view-toggle{width:40px;height:40px;padding:var(--spacing-sm)}.view-toggle .toggle-icon{width:20px;height:20px}.navigator-close-button{width:44px;height:44px;min-width:44px}.navigator-close-button .close-icon{width:20px;height:20px}.navigator-subheader{padding:var(--spacing-sm) var(--spacing-md);min-height:52px}.note-search-input{height:44px;font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-lg);border-radius:999px}.filter-button{width:44px;height:44px;min-width:44px}.filter-icon{width:20px;height:20px}.todo-mode-button{width:44px;height:44px;min-width:44px}.todo-mode-icon{width:22px;height:22px}.note-placeholder-circle,.tree-linked-indicator{width:24px;height:24px;min-width:24px;min-height:24px}.note-title{font-size:var(--font-size-md);line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-right:0}.note-date-inline{opacity:.7;font-size:var(--font-size-xs)}.note-item{min-height:56px;padding:12px 14px;transform:none;--proximity: 0;border-radius:10px;align-items:flex-start}.note-description{font-size:var(--font-size-xs)}.navigator-footer{padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px))}.create-note-button-footer{min-height:52px;font-size:var(--font-size-md);border-radius:var(--border-radius-lg)}.create-note-button-footer .create-icon{width:20px;height:20px}}.navigator-footer{padding:var(--spacing-md);border-top:none;background:transparent;display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:stretch;flex-shrink:0}.tree-notes-list{padding-top:var(--spacing-sm)}.create-note-button-footer{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);width:100%}.create-note-button-footer:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-golden);color:var(--color-golden);transform:translateY(-1px)}.create-note-button-footer:disabled{opacity:.5;cursor:not-allowed}.create-note-button-footer .create-icon{width:16px;height:16px}.create-tree-button-footer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:2px dashed var(--border-color);border-radius:16px;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-comfortable)}.create-tree-button-footer:hover:not(:disabled){border-color:var(--tree-green);color:var(--tree-green);background:#10b9810d}.create-tree-button-footer:active:not(:disabled){transform:scale(.98)}.create-tree-button-footer:disabled{opacity:.5;cursor:not-allowed}.create-tree-button-footer .create-icon{width:20px;height:20px}.help-button{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);opacity:.7}.help-button:hover{background-color:var(--hover-bg-overlay);color:var(--text-primary);opacity:1;transform:translateY(-1px)}.help-icon{width:18px;height:18px;filter:invert(1)}.help-section{position:absolute;bottom:calc(var(--header-height) + var(--spacing-md));left:var(--spacing-md);right:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);z-index:var(--z-popover);box-shadow:var(--shadow-lg)}.help-content h3{margin:0 0 12px;color:var(--text-primary);font-size:16px;font-weight:600}.help-shortcuts{margin-bottom:16px}.shortcut-item{display:flex;align-items:center;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;padding:4px 8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:var(--text-primary);min-width:60px;text-align:center;box-shadow:0 1px 2px #0000001a}.shortcut-item span{color:var(--text-secondary);font-size:14px;flex:1}.help-features{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-secondary)}.help-features p{margin:6px 0;color:var(--text-secondary);font-size:14px;line-height:1.4}.help-features p:first-child{margin-top:0}.help-features p:last-child{margin-bottom:0}.help-editor{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-secondary)}.help-editor h4{margin:0 0 8px;color:var(--text-primary);font-size:14px;font-weight:600}.help-editor p{margin:0;color:var(--text-secondary);font-size:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:var(--surface-primary);padding:8px 12px;border-radius:var(--border-radius-sm);border:1px solid var(--border-primary)}@media(prefers-color-scheme:dark){.help-section{background-color:var(--surface-secondary, #2a2a2a);border-bottom-color:var(--border-primary, #444)}.shortcut-item kbd{background-color:var(--surface-primary, #333);border-color:var(--border-primary, #555);color:var(--text-primary, #fff)}}.note-search-wrapper{margin-bottom:var(--spacing-md)}.note-search-input{width:100%;box-sizing:border-box;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;padding:var(--spacing-xs) var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-modern);transition:all .2s ease;height:36px;line-height:1.2}.note-search-input::placeholder{color:var(--text-tertiary);opacity:.8}.note-search-input:focus{outline:none;border-color:var(--tree-green);background:var(--bg-primary);box-shadow:0 0 0 2px #10b98126}.light-theme .note-search-input{background:var(--bg-primary);border-color:var(--border-color)}.light-theme .note-search-input:focus{border-color:var(--accent-sage, var(--tree-green));box-shadow:0 0 0 2px #8b9a7f26}.light-theme .help-icon{filter:none}.light-theme .view-toggles{background:var(--bg-elevated);border-color:var(--border-color)}.light-theme .view-toggle{color:var(--text-secondary)}.light-theme .view-toggle.active{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.light-theme .view-toggle .toggle-icon{color:var(--text-secondary)}.light-theme .view-toggle.active .toggle-icon{color:var(--text-primary)}.note-tab-bar{display:flex;background:transparent;border-bottom:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;height:var(--tab-height);align-items:center;gap:var(--spacing-xs);position:sticky;top:0;z-index:200;padding:var(--spacing-xs) var(--spacing-sm)}.knowledge-layout__header-tabs .note-tab-bar{position:static;height:auto;z-index:auto;overflow:hidden;overflow:clip;padding:4px;margin:-4px;min-width:0;flex:1}.note-tab-bar::-webkit-scrollbar{display:none}.library-toggle-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--elevation-02dp);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:none;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:0;margin-left:var(--spacing-xs)}.library-toggle-button:hover{background:var(--elevation-04dp);box-shadow:var(--shadow-elevation-01dp)}.library-toggle-button .library-icon{width:18px;height:18px;transition:all var(--transition-fast);opacity:.7}.library-toggle-button:hover .library-icon{opacity:1}:root .library-toggle-button .library-icon{filter:brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(24%) hue-rotate(237deg) brightness(106%) contrast(93%)}.light-theme .library-toggle-button .library-icon{filter:brightness(0) saturate(100%) invert(15%) sepia(0%) saturate(0%) hue-rotate(237deg) brightness(95%) contrast(92%)}.tab-bar-library-header{display:none}.tab-bar-library-header .library-header-text{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;letter-spacing:.02em}.note-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;color:var(--text-secondary);background:var(--elevation-02dp);border:1px solid var(--border-subtle);border-radius:100px;box-shadow:0 0 0 1px #ffffff0f;cursor:pointer;flex-shrink:1;min-width:80px;transition:all .15s ease;position:relative;height:auto;min-height:36px}.note-tab:hover{background:var(--elevation-04dp);color:var(--text-primary);box-shadow:0 0 0 1px #ffffff1a,var(--shadow-elevation-01dp)}.note-tab.active{color:var(--text-primary);background:var(--elevation-04dp);border-color:var(--tree-green);box-shadow:0 0 0 1px var(--tree-green)}.note-tab .tab-icon{width:14px;height:14px;opacity:.8;flex-shrink:0;fill:currentColor}.note-tab.active .tab-icon{opacity:1}.note-tab .tab-title{flex:1 1 auto;min-width:0;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.note-tab .tab-close{width:14px;height:14px;cursor:pointer;padding:2px;border-radius:2px;transition:all .15s ease;opacity:0;visibility:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;fill:currentColor}.note-tab:hover .tab-close{opacity:.7;visibility:visible}.note-tab .tab-close:hover{opacity:1;background:#f9267233;color:var(--accent-red)}@media(max-width:768px){.note-tab .tab-close{opacity:0;visibility:hidden;width:14px;height:14px;padding:15px;box-sizing:content-box;margin:-16px -12px -16px 0;border-radius:var(--border-radius-sm, 4px);-webkit-tap-highlight-color:transparent}.note-tab.active .tab-close{opacity:.6;visibility:visible}.note-tab .tab-close:active{opacity:1;background:var(--state-pressed, rgba(249, 38, 114, .15));color:var(--accent-red)}}.note-tab.dragging{opacity:.5;transform:scale(.95);z-index:var(--z-dropdown, 1000)}.note-tab.drag-over{background:#66d9ef33;border-left:2px solid var(--tree-green)}.note-tab.drag-over:before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:2px;background:var(--tree-green);animation:pulse-border .5s ease-in-out infinite alternate}@keyframes pulse-border{0%{opacity:.5}to{opacity:1}}@media(max-width:768px){.note-tab-bar{position:sticky;top:0;padding:var(--spacing-xs);gap:var(--spacing-xs)}.library-toggle-button{width:44px;height:44px}.note-tab{padding:8px 12px;min-height:40px}.note-tab .tab-title{max-width:100px}}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.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{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation: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;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;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{position:absolute;z-index:5;margin:15px}.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:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.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-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,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.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 rgba(0,89,220,.8)}.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{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.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.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.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.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}._branchNode_txw4k_4{border-color:var(--border-color);background:var(--bg-primary);position:relative;cursor:pointer;transition:var(--transition-medium);box-shadow:var(--reactflow-node-shadow);border-radius:var(--reactflow-node-border-radius);border-width:var(--reactflow-node-border-width);border-style:solid;opacity:1;overflow:hidden}._branchNode_txw4k_4:hover{box-shadow:var(--reactflow-node-shadow-hover),0 0 0 1px #fff6}._selected_txw4k_32{border-color:var(--selection-border-color)!important;border-width:var(--selection-border-width)!important;transform:scale(var(--selection-scale-desktop));z-index:10!important;box-shadow:var(--selection-shadow)!important;animation:_selection-pulse_txw4k_1 var(--selection-pulse-duration) ease-in-out infinite;transition:var(--selection-transition)}@keyframes _selection-pulse_txw4k_1{0%,to{box-shadow:var(--selection-shadow)}50%{box-shadow:var(--selection-shadow-pulse)}}._elasticDrag_txw4k_58,._elasticDrag_txw4k_58._selected_txw4k_32{transform:var(--elastic-drag-transform, translateX(0) scale(1))!important;animation:none!important}._elasticDragThreshold_txw4k_72,._elasticDragThreshold_txw4k_72._selected_txw4k_32{box-shadow:var( --elastic-drag-shadow, 0 8px 32px rgba(139, 154, 127, .4), var(--shadow-elevation-08dp) )!important;border-color:var(--accent-primary, rgba(139, 154, 127, .7))!important;border-width:2px!important}@media(prefers-reduced-motion:reduce){._selected_txw4k_32{animation:none!important;transition:none!important}}@media only screen and (max-width:600px){._branchNode_txw4k_4{backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);will-change:transform;contain:layout style paint}._selected_txw4k_32{transform:scale(var(--selection-scale-mobile))!important;z-index:100!important;box-shadow:var(--selection-shadow-mobile)!important;border-color:var(--selection-border-color)!important;border-width:var(--selection-border-width)!important;animation:none!important;transition:var(--selection-transition-mobile)}@keyframes _mobile-selection-pulse-removed_txw4k_1{0%,to{box-shadow:var(--reactflow-mobile-node-shadow-selected);transform:scale(1.12) translateY(0)}50%{box-shadow:0 12px 48px #3b82f699;transform:scale(1.14) translateY(-2px)}}._branchNode_txw4k_4 ._nodeHeader_txw4k_142{font-size:18px!important;font-weight:700!important}._branchNode_txw4k_4 ._nodeContent_txw4k_147{font-size:14px!important}}._branchNode_txw4k_4._disabled_txw4k_152{opacity:.6;cursor:not-allowed;background:var(--action-status-pending-bg);border-color:var(--border-color)}._branchNode_txw4k_4[data-available=false] ._nodeHeader_txw4k_142 h4,._branchNode_txw4k_4[data-available=false] ._nodeTitle_txw4k_163,._branchNode_txw4k_4[data-available=false] ._collapsedTitle_txw4k_164{color:var(--inactive-node-title-color)!important}._branchNode_txw4k_4[data-available=false] ._nodeHeader_txw4k_142 button,._branchNode_txw4k_4[data-available=false] [aria-label=Options],._branchNode_txw4k_4[data-available=false] [aria-label="Node options"]{color:var(--inactive-node-button-color)!important;opacity:var(--inactive-node-button-opacity)}._branchNode_txw4k_4[data-available=false] svg:not(._react-flow__edge-path_txw4k_176){color:var(--inactive-node-icon-color)!important;fill:var(--inactive-node-icon-color)!important}._branchNode_txw4k_4[data-available=false] ._nodeFooter_txw4k_182,._branchNode_txw4k_4[data-available=false] [style*=borderTop]{opacity:var(--inactive-node-section-opacity);pointer-events:none}._branchNode_txw4k_4[data-available=false] ._progressBarFill_txw4k_189{background:var(--inactive-node-color)!important;box-shadow:none!important}._branchNode_txw4k_4[data-status=completed]{background:var(--reactflow-branch-completed-bg);border-color:var(--reactflow-branch-completed-border);border-width:2px;box-shadow:var(--reactflow-branch-completed-shadow)}._branchNode_txw4k_4[data-status=completed]:hover{box-shadow:var(--reactflow-branch-completed-shadow-hover)}._branchNode_txw4k_4[data-status=completed] ._nodeHeader_txw4k_142{background:var(--reactflow-branch-completed-header-bg);border-bottom-color:var(--reactflow-branch-completed-header-border)}._branchNode_txw4k_4[data-status=completed] ._nodeHeader_txw4k_142 h4,._branchNode_txw4k_4[data-status=completed] ._nodeTitle_txw4k_163,._branchNode_txw4k_4[data-status=completed] ._collapsedTitle_txw4k_164{color:var(--completed-node-title-color)!important}._branchNode_txw4k_4[data-status=completed] ._nodeHeader_txw4k_142 button,._branchNode_txw4k_4[data-status=completed] [aria-label=Options],._branchNode_txw4k_4[data-status=completed] [aria-label="Node options"]{color:var(--completed-node-button-color)!important;opacity:var(--completed-node-button-opacity)}._branchNode_txw4k_4[data-status=completed] svg:not(._react-flow__edge-path_txw4k_176){color:var(--completed-node-icon-color)!important;fill:var(--completed-node-icon-color)!important}._branchNode_txw4k_4[data-status=completed] ._nodeFooter_txw4k_182,._branchNode_txw4k_4[data-status=completed] [style*=borderTop]{opacity:var(--completed-node-section-opacity)}._branchNode_txw4k_4[data-status=completed] ._progressBarFill_txw4k_189{background:var(--completed-node-checkbox-color)!important;box-shadow:0 0 8px var(--completed-node-checkbox-bg)!important}._branchNode_txw4k_4[data-status=pending] ._nodeHeader_txw4k_142 h4,._branchNode_txw4k_4[data-status=pending] ._nodeTitle_txw4k_163,._branchNode_txw4k_4[data-status=pending] ._collapsedTitle_txw4k_164{color:var(--pending-node-title-color, var(--text-secondary))}._branchNode_txw4k_4[data-status=pending] ._nodeHeader_txw4k_142 button,._branchNode_txw4k_4[data-status=pending] [aria-label=Options],._branchNode_txw4k_4[data-status=pending] [aria-label="Node options"]{color:var(--pending-node-button-color, var(--text-tertiary))}._branchNode_txw4k_4[data-status=pending] svg:not(._react-flow__edge-path_txw4k_176){color:var(--pending-node-icon-color, var(--text-secondary));fill:var(--pending-node-icon-color, var(--text-secondary))}._sequenceBadge_txw4k_271{position:absolute;top:var(--reactflow-branch-sequence-badge-offset-top);left:7px;width:var(--reactflow-branch-sequence-badge-size);height:var(--reactflow-branch-sequence-badge-size);border-radius:50%;border:var(--reactflow-branch-sequence-badge-border);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary);z-index:1}._nodeHeader_txw4k_142{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-md) var(--spacing-xs);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;min-height:var(--reactflow-header-min-height)}._nodeHeader_txw4k_142._disabled_txw4k_152{background:var(--action-status-pending-bg)}._headerLeft_txw4k_304{display:flex;align-items:center;gap:var(--spacing-xs);flex:1}._headerRight_txw4k_311{display:flex;align-items:center;gap:var(--spacing-xs)}._descriptiveLabel_txw4k_317{color:var(--text-primary);font-size:var(--reactflow-label-size);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}._descriptiveLabel_txw4k_317._disabled_txw4k_152{color:var(--text-tertiary)}._nodeContent_txw4k_147{padding:0 var(--spacing-md) var(--spacing-xs);transition:all .3s ease}._nodeTitle_txw4k_163{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight);color:var(--text-primary);word-break:break-word}._nodeTitle_txw4k_163._disabled_txw4k_152{color:var(--text-tertiary)}._nodeDescription_txw4k_348{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}._statsGrid_txw4k_355{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}._statItem_txw4k_362{text-align:center;padding:var(--spacing-xs);background:var(--bg-hover);border-radius:var(--border-radius-sm)}._statValue_txw4k_369{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:block}._statLabel_txw4k_376{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}._nodeFooter_txw4k_182{padding:0 var(--spacing-md) var(--spacing-sm);display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);overflow:hidden}._progressBar_txw4k_189{position:absolute;bottom:8px;left:12px;right:12px;height:6px;background:#75715e26;border-radius:3px;overflow:hidden;z-index:1}._progressBarFill_txw4k_189{height:100%;background:var(--reactflow-branch-progress-fill);border-radius:3px;box-shadow:var(--reactflow-branch-progress-fill-glow);transition:width .3s cubic-bezier(.4,0,.2,1)}._footerLeft_txw4k_418,._footerRight_txw4k_424{display:flex;align-items:center;gap:var(--spacing-xs)}._statusBadge_txw4k_430{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-lg);font-size:10px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}._statusBadge_txw4k_430._available_txw4k_441{background:rgba(var(--accent-green-rgb),.1);color:var(--accent-green);border:1px solid rgba(var(--accent-green-rgb),.3)}._statusBadge_txw4k_430._locked_txw4k_447{background:var(--action-status-pending-bg);color:var(--action-status-pending);border:1px solid var(--border-color)}._connectionAvatar_txw4k_454{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-hover);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);color:var(--text-secondary)}._avatarIcon_txw4k_465{width:16px;height:16px;border-radius:50%;background:var(--accent-blue);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:10px;font-weight:var(--font-weight-semibold)}._nodeContentCollapsed_txw4k_479{color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-md) var(--spacing-xs);font-size:var(--font-size-xs);transition:all .3s ease}._collapsedTitle_txw4k_164{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight);color:var(--text-primary);word-break:break-word}._collapsedTitle_txw4k_164._disabled_txw4k_152{color:var(--text-tertiary)}._collapsedStats_txw4k_499{display:flex;align-items:center;justify-content:space-between}._progressText_txw4k_505{font-weight:var(--font-weight-medium);color:var(--text-secondary)}._branchNode_txw4k_4[data-available=true]{border-color:var(--border-color)}._branchNode_txw4k_4[data-available=true]:hover{box-shadow:var(--shadow-lg),0 0 0 1px rgba(var(--accent-green-rgb),.4)}._branchNode_txw4k_4[data-available=false]{background:var(--action-status-pending-bg);border-color:var(--border-color)}._branchNode_txw4k_4[data-available=false] ._sequenceBadge_txw4k_271{background:var(--text-tertiary)}._branchNode_txw4k_4[data-status=completed] ._sequenceBadge_txw4k_271{background:var(--reactflow-sequence-badge-bg-completed)}._branchNode_txw4k_4[data-status=active] ._sequenceBadge_txw4k_271{background:var(--reactflow-sequence-badge-bg-active)}._branchNode_txw4k_4[data-status=available] ._sequenceBadge_txw4k_271{background:var(--reactflow-sequence-badge-bg-available)}._branchNode_txw4k_4[data-status=locked] ._sequenceBadge_txw4k_271{background:var(--reactflow-sequence-badge-bg-locked)}._expandIcon_txw4k_548{transition:transform var(--transition-medium)}._expandIcon_txw4k_548._expanded_txw4k_552{transform:rotate(90deg)}._light-theme_txw4k_560 ._branchNode_txw4k_4{background:var(--bg-secondary);border-color:var(--beige-sand);border-width:1px;box-shadow:var(--reactflow-node-shadow)}._light-theme_txw4k_560 ._branchNode_txw4k_4:hover{background:var(--bg-tertiary);border-color:var(--accent-sage);box-shadow:var(--reactflow-node-shadow-hover)}._light-theme_txw4k_560 ._branchNode_txw4k_4[data-available=false]{background:var(--elevation-00dp);opacity:.75;border-color:var(--beige-linen)}._light-theme_txw4k_560 ._branchNode_txw4k_4[data-available=false]:hover{opacity:.85;background:var(--bg-secondary)}._light-theme_txw4k_560 ._branchNode_txw4k_4[data-status=completed]{background:color-mix(in srgb,var(--accent-sage) 8%,var(--bg-secondary) 92%);border-color:var(--accent-sage);border-width:2px;box-shadow:0 2px 8px #8b9a7f26,var(--reactflow-node-shadow)}._light-theme_txw4k_560 ._branchNode_txw4k_4[data-status=completed]:hover{background:color-mix(in srgb,var(--accent-sage) 12%,var(--bg-secondary) 88%);box-shadow:0 4px 16px #8b9a7f33,var(--reactflow-node-shadow-hover)}._light-theme_txw4k_560 ._nodeHeader_txw4k_142{background:var(--bg-elevated);border-bottom-color:var(--beige-sand)}._light-theme_txw4k_560 ._branchNode_txw4k_4[data-status=completed] ._nodeHeader_txw4k_142{background:color-mix(in srgb,var(--accent-sage) 10%,var(--bg-elevated) 90%);border-bottom-color:var(--accent-sage)}._light-theme_txw4k_560 ._branchNode_txw4k_4._selected_txw4k_32{border-color:var(--accent-slate)!important;box-shadow:0 0 0 3px #6c798833,var(--reactflow-node-shadow-hover)!important}@media(prefers-reduced-motion:reduce){._branchNode_txw4k_4,._nodeContent_txw4k_147,._expandIcon_txw4k_548{transition:none}}._branchNode_txw4k_4:focus-within{outline:2px solid var(--accent-blue);outline-offset:2px}._branchNode_txw4k_4[aria-disabled=true]{cursor:not-allowed}._completionGlow_txw4k_660{animation:_completionGlowDark_txw4k_1 2s ease-in-out forwards}@keyframes _completionGlowDark_txw4k_1{0%{box-shadow:var(--reactflow-branch-completion-glow-start)}50%{box-shadow:var(--reactflow-branch-completion-glow-peak)}to{box-shadow:var(--reactflow-branch-completion-glow-end)}}.light-theme ._completionGlow_txw4k_660{animation:_completionGlowLight_txw4k_1 2s ease-in-out forwards}@keyframes _completionGlowLight_txw4k_1{0%{box-shadow:var(--reactflow-branch-completion-glow-start)}50%{box-shadow:var(--reactflow-branch-completion-glow-peak)}to{box-shadow:var(--reactflow-branch-completion-glow-end)}}@media(prefers-reduced-motion:reduce){._completionGlow_txw4k_660{animation:none}}@keyframes _shimmer_txw4k_1{0%{background-position:-200% 0}to{background-position:200% 0}}._skeletonCircle_txw4k_713{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,#ffffff1a,#ffffff26,#ffffff1a);background-size:200% 100%;animation:_shimmer_txw4k_1 1.5s infinite;flex-shrink:0}._skeletonBarLong_txw4k_728{width:70%;height:12px;border-radius:4px;background:linear-gradient(90deg,#ffffff1a,#ffffff26,#ffffff1a);background-size:200% 100%;animation:_shimmer_txw4k_1 1.5s infinite}._skeletonBarShort_txw4k_742{width:40%;height:10px;border-radius:4px;background:linear-gradient(90deg,#ffffff1a,#ffffff26,#ffffff1a);background-size:200% 100%;animation:_shimmer_txw4k_1 1.5s infinite}._richNodeContent_103bk_6{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}._description_103bk_23{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;word-break:break-word;hyphens:auto;-webkit-hyphens:auto;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin:0;padding:0}._description_103bk_23[title]:hover{cursor:help}._readMoreBtn_103bk_52{background:none;border:none;padding:0;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--accent-blue-solid);text-align:left;text-decoration:none;margin-top:var(--spacing-xs);transition:all var(--transition-fast);position:relative}._readMoreBtn_103bk_52:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;transition:width var(--transition-fast)}._readMoreBtn_103bk_52:hover:after{width:100%}._readMoreBtn_103bk_52:hover{color:var(--accent-blue);transform:translate(2px)}._readMoreBtn_103bk_52:active{transform:translate(0);opacity:.7}._readMoreBtn_103bk_52:focus-visible{outline:2px solid var(--accent-blue-solid);outline-offset:2px;border-radius:var(--border-radius-sm)}._light-theme_103bk_109 ._description_103bk_23{color:var(--text-charcoal)}._light-theme_103bk_109 ._readMoreBtn_103bk_52{color:var(--accent-slate)}._light-theme_103bk_109 ._readMoreBtn_103bk_52:hover{color:var(--accent-slate);opacity:.8}@media(max-width:600px){._richNodeContent_103bk_6{display:none}._richNodeContent_103bk_6._showOnMobile_103bk_131{display:flex}}@media(prefers-reduced-motion:reduce){._readMoreBtn_103bk_52,._readMoreBtn_103bk_52:after{transition:none}._readMoreBtn_103bk_52:hover{transform:none}}@media(prefers-contrast:high){._readMoreBtn_103bk_52{text-decoration:underline}._description_103bk_23{color:var(--text-primary)}}._actionNode_1qalh_5{position:relative;cursor:pointer;border-radius:var(--border-radius-xl, 20px);border-width:1px;border-style:solid;border-color:var(--border-light, rgba(255, 255, 255, .08));box-shadow:3px 3px 0 var(--border-light, rgba(255, 255, 255, .08)),inset 0 1px #ffffff0d;transition:background .2s ease,border-color .2s ease,box-shadow .25s ease,transform .15s ease;overflow:hidden}._actionNode_1qalh_5:hover{box-shadow:4px 4px 0 var(--border-light, rgba(255, 255, 255, .1)),0 0 0 1px #ffffff26,inset 0 1px #ffffff14}._selected_1qalh_46{border-color:var(--selection-border-color)!important;border-width:var(--selection-border-width)!important;transform:scale(var(--selection-scale-desktop));z-index:10!important;box-shadow:var(--selection-shadow)!important;animation:_action-selection-pulse_1qalh_1 var(--selection-pulse-duration) ease-in-out infinite;transition:var(--selection-transition)}@keyframes _action-selection-pulse_1qalh_1{0%,to{box-shadow:var(--selection-shadow)}50%{box-shadow:var(--selection-shadow-pulse)}}._elasticDrag_1qalh_71,._elasticDrag_1qalh_71._selected_1qalh_46{transform:var(--elastic-drag-transform, translateX(0) scale(1))!important;animation:none!important}._elasticDragThreshold_1qalh_85,._elasticDragThreshold_1qalh_85._selected_1qalh_46{box-shadow:var(--elastic-drag-shadow, 0 8px 32px rgba(139, 154, 127, .4), var(--shadow-elevation-08dp))!important;border-color:var(--accent-primary, rgba(139, 154, 127, .7))!important;border-width:2px!important}@media(prefers-reduced-motion:reduce){._selected_1qalh_46{animation:none!important;transition:none!important}}@media only screen and (max-width:600px){._actionNode_1qalh_5{backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);will-change:transform;contain:layout style paint}._selected_1qalh_46{transform:scale(var(--selection-scale-mobile))!important;z-index:100!important;box-shadow:var(--selection-shadow-mobile)!important;border-color:var(--selection-border-color)!important;border-width:var(--selection-border-width)!important;animation:none!important;transition:var(--selection-transition-mobile)}@keyframes _mobile-action-selection-pulse-removed_1qalh_1{0%,to{box-shadow:var(--reactflow-mobile-node-shadow-selected);transform:scale(1.12) translateY(0)}50%{box-shadow:0 12px 48px #3b82f699;transform:scale(1.14) translateY(-2px)}}._actionNode_1qalh_5 ._nodeHeader_1qalh_146{font-size:14px!important;font-weight:500!important}._actionNode_1qalh_5 ._nodeContent_1qalh_151{font-size:13px!important}}._nodeHeader_1qalh_146{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;min-height:var(--reactflow-header-min-height)}._headerLeft_1qalh_172{display:flex;align-items:center;gap:var(--spacing-xs);flex:1}._headerRight_1qalh_179{display:flex;align-items:center;gap:var(--spacing-xs)}._descriptiveLabel_1qalh_185{color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}._completionIndicator_1qalh_195{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}._completionCheckmark_1qalh_204{width:22px;height:22px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}._headerCheckbox_1qalh_213{display:flex;align-items:center;gap:4px;flex-shrink:0}._toggleLabel_1qalh_221{font-size:11px;font-weight:500;color:var(--text-secondary);-webkit-user-select:none;user-select:none;flex-shrink:0}._nodeContent_1qalh_151{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs);transition:all .3s ease}._nodeTitle_1qalh_235{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight);color:var(--text-primary);word-break:break-word}._nodeDescription_1qalh_244{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}._nodeFooter_1qalh_252{padding:0 var(--spacing-md) var(--spacing-sm);display:flex;align-items:flex-start;justify-content:space-between;width:100%;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);overflow:hidden}._statusSection_1qalh_263{display:flex;flex-direction:column;gap:var(--spacing-xs)}._statusLabel_1qalh_269{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}._statusDropdown_1qalh_278{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);outline:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'><polyline points='6,9 12,15 18,9'/></svg>");background-repeat:no-repeat;background-position:right var(--spacing-xs) center;background-size:12px;padding-right:28px;min-width:var(--reactflow-status-dropdown-min-width)}._statusDropdown_1qalh_278:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px rgba(var(--accent-green-rgb),.2)}._statusDropdown_1qalh_278:hover{border-color:var(--accent-blue)}._optionsButton_1qalh_308{display:flex;align-items:center;justify-content:center;width:var(--reactflow-button-size);height:var(--reactflow-button-size);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-fast)}._optionsButton_1qalh_308:hover{background:var(--bg-hover);color:var(--text-secondary)}._nodeContentCollapsed_1qalh_328{color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs);font-size:var(--font-size-xs);transition:all .3s ease}._collapsedTitle_1qalh_335{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight);color:var(--text-primary);word-break:break-word}._collapsedStatus_1qalh_344{display:flex;align-items:center;justify-content:space-between}._statusText_1qalh_350{font-weight:var(--font-weight-semibold)}._actionNode_1qalh_5[data-status=pending]{background:var(--elevation-01dp, #232421);border-color:var(--border-light, rgba(255, 255, 255, .08));opacity:.65;box-shadow:2px 2px 0 var(--border-light, rgba(255, 255, 255, .06))}._actionNode_1qalh_5[data-status=pending] ._statusIndicator_1qalh_377{background:var(--action-status-pending)}._actionNode_1qalh_5[data-active=false]:not([data-completed=true]):not([data-status=in_progress]) ._nodeHeader_1qalh_146 h4,._actionNode_1qalh_5[data-active=false]:not([data-completed=true]):not([data-status=in_progress]) ._nodeTitle_1qalh_235,._actionNode_1qalh_5[data-active=false]:not([data-completed=true]):not([data-status=in_progress]) ._collapsedTitle_1qalh_335{color:var(--inactive-node-title-color)!important}._actionNode_1qalh_5[data-active=false]:not([data-completed=true]):not([data-status=in_progress]) ._nodeHeader_1qalh_146 button,._actionNode_1qalh_5[data-active=false]:not([data-completed=true]):not([data-status=in_progress]) [aria-label=Options],._actionNode_1qalh_5[data-active=false]:not([data-completed=true]):not([data-status=in_progress]) [aria-label="Node options"]{color:var(--inactive-node-button-color)!important;opacity:var(--inactive-node-button-opacity)}._actionNode_1qalh_5[data-active=false]:not([data-completed=true]):not([data-status=in_progress]) svg:not(._react-flow__edge-path_1qalh_399){color:var(--inactive-node-icon-color)!important;fill:var(--inactive-node-icon-color)!important}._actionNode_1qalh_5[data-active=false]:not([data-completed=true]):not([data-status=in_progress]) [style*=borderTop]{opacity:var(--inactive-node-section-opacity);pointer-events:none}._actionNode_1qalh_5[data-active=false]:not([data-completed=true]):not([data-status=in_progress]) [title*=growth] svg{color:var(--inactive-node-growth-icon-color)!important;fill:var(--inactive-node-growth-icon-color)!important}._actionNode_1qalh_5[data-status=in_progress]{background:var(--elevation-04dp, #2a2b28);background:linear-gradient(180deg,var(--elevation-06dp, #2e2f2c) 0%,var(--elevation-04dp, #2a2b28) 100%);border-color:var(--accent-sage, rgba(139, 154, 127, .7));border-width:2px;box-shadow:4px 4px #8b9a7f40,0 0 16px #8b9a7f26,inset 0 1px #ffffff14;animation:_actionActivePulse_1qalh_1 2.5s ease-in-out infinite}._actionNode_1qalh_5[data-status=in_progress] ._statusIndicator_1qalh_377{background:var(--action-status-active)}._actionNode_1qalh_5[data-status=in_progress] ._nodeHeader_1qalh_146 h4,._actionNode_1qalh_5[data-status=in_progress] ._nodeTitle_1qalh_235,._actionNode_1qalh_5[data-status=in_progress] ._collapsedTitle_1qalh_335{color:var(--text-primary)!important}._actionNode_1qalh_5[data-status=in_progress] ._nodeHeader_1qalh_146{background:var(--elevation-06dp, #2e2f2c)!important;border-bottom-color:var(--border-light, rgba(255, 255, 255, .1))!important}._actionNode_1qalh_5[data-status=in_progress] ._nodeHeader_1qalh_146 button,._actionNode_1qalh_5[data-status=in_progress] [aria-label=Options],._actionNode_1qalh_5[data-status=in_progress] [aria-label="Node options"]{color:var(--text-secondary)!important;opacity:1}._actionNode_1qalh_5[data-status=in_progress] svg:not(._react-flow__edge-path_1qalh_399):not(._unified-checkbox__checkmark_1qalh_466){color:var(--accent-sage, #8b9a7f)!important;fill:var(--accent-sage, #8b9a7f)!important}@keyframes _actionActivePulse_1qalh_1{0%,to{border-color:var(--accent-sage, rgba(139, 154, 127, .7));box-shadow:4px 4px #8b9a7f40,0 0 16px #8b9a7f26,inset 0 1px #ffffff14}50%{border-color:var(--accent-sage, rgba(139, 154, 127, .9));box-shadow:5px 5px #8b9a7f59,0 0 24px #8b9a7f40,inset 0 1px #ffffff1f}}._actionNode_1qalh_5[data-status=done],._actionNode_1qalh_5[data-status=completed],._actionNode_1qalh_5[data-completed=true]{background:var(--tree-green, #509b5a);background:linear-gradient(180deg,var(--tree-green, #509b5a) 0%,#4a8050 100%);border-color:var(--tree-green, #509b5a);box-shadow:4px 4px #2d5a2d73,inset 0 -30px 25px -15px #3f7e3c80,inset 0 2px 4px #0000001a}._actionNode_1qalh_5[data-completed=true] ._nodeHeader_1qalh_146 h4,._actionNode_1qalh_5[data-completed=true] ._nodeTitle_1qalh_235,._actionNode_1qalh_5[data-completed=true] ._collapsedTitle_1qalh_335{color:#fff!important}._actionNode_1qalh_5[data-completed=true] ._nodeHeader_1qalh_146{background:transparent!important;border-bottom-color:#ffffff26!important}._actionNode_1qalh_5[data-completed=true] ._nodeHeader_1qalh_146 button,._actionNode_1qalh_5[data-completed=true] [aria-label=Options],._actionNode_1qalh_5[data-completed=true] [aria-label="Node options"]{color:#ffffffd9!important;opacity:1}._actionNode_1qalh_5[data-completed=true] svg:not(._react-flow__edge-path_1qalh_399):not(._unified-checkbox__checkmark_1qalh_466):not(._completion-checkmark_1qalh_528){color:#ffffffe6!important;fill:#ffffffe6!important}._actionNode_1qalh_5[data-completed=true] ._completion-checkmark_1qalh_528{color:#fff!important;fill:#fff!important}._actionNode_1qalh_5[data-completed=true] [title*=growth] svg{color:#ffffffd9!important;fill:#ffffffd9!important}._actionNode_1qalh_5[data-status=done] ._statusIndicator_1qalh_377,._actionNode_1qalh_5[data-status=completed] ._statusIndicator_1qalh_377{background:var(--action-status-complete)}._actionNode_1qalh_5[data-status=in_progress] ._toggleLabel_1qalh_221,._actionNode_1qalh_5[data-status=in_progress] ._nodeDescription_1qalh_244,._actionNode_1qalh_5[data-status=in_progress] ._statusLabel_1qalh_269{color:var(--text-secondary)!important}._actionNode_1qalh_5[data-completed=true] ._toggleLabel_1qalh_221,._actionNode_1qalh_5[data-completed=true] ._nodeDescription_1qalh_244,._actionNode_1qalh_5[data-completed=true] ._statusLabel_1qalh_269{color:#ffffffd9!important}._actionNode_1qalh_5[data-status=in_progress] ._nodeContent_1qalh_151,._actionNode_1qalh_5[data-status=in_progress] ._nodeContent_1qalh_151 p,._actionNode_1qalh_5[data-status=in_progress] ._nodeContent_1qalh_151 div{color:var(--text-secondary)!important}._actionNode_1qalh_5[data-completed=true] ._nodeContent_1qalh_151,._actionNode_1qalh_5[data-completed=true] ._nodeContent_1qalh_151 p,._actionNode_1qalh_5[data-completed=true] ._nodeContent_1qalh_151 div{color:#ffffffd9!important}._actionNode_1qalh_5[data-status=in_progress] span,._actionNode_1qalh_5[data-status=in_progress] label{color:var(--text-secondary)}._actionNode_1qalh_5[data-completed=true] span,._actionNode_1qalh_5[data-completed=true] label{color:#ffffffe6}._actionNode_1qalh_5[data-status=in_progress] ._sectionTitle_1qalh_591,._actionNode_1qalh_5[data-status=in_progress] ._sectionLabel_1qalh_592{color:var(--text-tertiary)!important;border-color:var(--border-light)!important}._actionNode_1qalh_5[data-completed=true] ._sectionTitle_1qalh_591,._actionNode_1qalh_5[data-completed=true] ._sectionLabel_1qalh_592{color:#ffffffbf!important;border-color:#fff3!important}._actionNode_1qalh_5[data-status=in_progress] [class*=border],._actionNode_1qalh_5[data-status=in_progress] hr{border-color:var(--border-light)!important}._actionNode_1qalh_5[data-completed=true] [class*=border],._actionNode_1qalh_5[data-completed=true] hr{border-color:#fff3!important}._actionNode_1qalh_5[data-status=in_progress] ._statusGlow_1qalh_617{position:absolute;inset:-2px;border-radius:12px;background:linear-gradient(45deg,transparent,var(--action-status-active)33,transparent);z-index:-1;animation:_pulse_1qalh_1 2s infinite}._tooltip_1qalh_631{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);color:var(--text-primary);white-space:nowrap;z-index:1000;box-shadow:var(--shadow-lg);max-width:200px;white-space:normal;line-height:var(--line-height-normal)}._tooltipTitle_1qalh_651{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._tooltipDescription_1qalh_656{color:var(--text-secondary);margin-bottom:var(--spacing-xs)}._tooltipHint_1qalh_661{font-size:10px;color:var(--text-tertiary)}._tooltipArrow_1qalh_666{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--bg-primary)}._actionNode_1qalh_5:focus-within{outline:2px solid var(--accent-blue);outline-offset:2px}._statusDropdown_1qalh_278:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}@media(prefers-reduced-motion:reduce){._actionNode_1qalh_5,._nodeContent_1qalh_151,._statusDropdown_1qalh_278,._optionsButton_1qalh_308{transition:none}._statusGlow_1qalh_617{animation:none}}._toggleIsolation_1qalh_706{position:relative;z-index:10;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0}._toggleIsolation_1qalh_706 *{pointer-events:auto}body.light-theme ._actionNode_1qalh_5{background:linear-gradient(180deg,#fffffff2,#f8f5ede6);border-color:var(--beige-sand, #d8cdb5);box-shadow:3px 3px #453a2d1f,inset 0 1px #fffc}body.light-theme ._actionNode_1qalh_5:hover{box-shadow:4px 4px #453a2d26,inset 0 1px #ffffffe6;border-color:var(--accent-sage)}body.light-theme ._actionNode_1qalh_5[data-status=pending]{background:#f8f5ed99;border-color:var(--beige-linen, #e6dcc8);box-shadow:2px 2px #453a2d0f}body.light-theme ._actionNode_1qalh_5[data-status=in_progress]{background:linear-gradient(180deg,#fffffffa,#f8f5edf2);border-color:var(--accent-sage, #8b9a7f);border-width:2px;box-shadow:4px 4px #8b9a7f33,0 0 16px #8b9a7f1a,inset 0 1px #ffffffe6}body.light-theme ._actionNode_1qalh_5[data-status=in_progress]:hover{box-shadow:5px 5px #8b9a7f40,0 0 20px #8b9a7f26,inset 0 1px #fffffff2}body.light-theme ._actionNode_1qalh_5[data-status=done],body.light-theme ._actionNode_1qalh_5[data-status=completed],body.light-theme ._actionNode_1qalh_5[data-completed=true]{background:linear-gradient(180deg,#5a9e60,#4a8650);border-color:#4a8650;box-shadow:4px 4px #4c704459,inset 0 -30px 25px -15px #5a965a66,inset 0 1px #ffffff26}body.light-theme ._actionNode_1qalh_5[data-status=done]:hover,body.light-theme ._actionNode_1qalh_5[data-status=completed]:hover,body.light-theme ._actionNode_1qalh_5[data-completed=true]:hover{box-shadow:5px 5px #4c704466,inset 0 -30px 25px -15px #5a965a80,inset 0 1px #fff3}body.light-theme ._nodeHeader_1qalh_146{background:var(--bg-elevated);border-bottom-color:var(--beige-sand)}body.light-theme ._actionNode_1qalh_5[data-status=completed] ._nodeHeader_1qalh_146,body.light-theme ._actionNode_1qalh_5[data-status=done] ._nodeHeader_1qalh_146{background:color-mix(in srgb,var(--accent-sage) 12%,var(--bg-elevated) 88%);border-bottom-color:var(--accent-sage)}body.light-theme ._statusDropdown_1qalh_278{background:var(--bg-tertiary);border-color:var(--beige-sand);color:var(--text-ink)}body.light-theme ._statusDropdown_1qalh_278:hover{background:var(--bg-elevated);border-color:var(--accent-slate)}body.light-theme ._statusDropdown_1qalh_278:focus{border-color:var(--accent-slate);box-shadow:0 0 0 2px #6c798833}body.light-theme ._actionNode_1qalh_5._selected_1qalh_46{border-color:var(--accent-slate)!important;box-shadow:0 0 0 3px #6c798833,var(--reactflow-node-shadow-hover)!important}body.light-theme ._optionsButton_1qalh_308{color:var(--text-charcoal)}body.light-theme ._optionsButton_1qalh_308:hover{background:var(--elevation-overlay-04dp);color:var(--text-ink)}body.light-theme ._actionNode_1qalh_5[data-status=in_progress] ._nodeHeader_1qalh_146 h4,body.light-theme ._actionNode_1qalh_5[data-status=in_progress] ._nodeTitle_1qalh_235,body.light-theme ._actionNode_1qalh_5[data-status=in_progress] ._collapsedTitle_1qalh_335{color:var(--text-ink, #3d3428)!important}body.light-theme ._actionNode_1qalh_5[data-status=in_progress] ._nodeDescription_1qalh_244,body.light-theme ._actionNode_1qalh_5[data-status=in_progress] ._toggleLabel_1qalh_221,body.light-theme ._actionNode_1qalh_5[data-status=in_progress] ._statusLabel_1qalh_269,body.light-theme ._actionNode_1qalh_5[data-status=in_progress] ._nodeContent_1qalh_151,body.light-theme ._actionNode_1qalh_5[data-status=in_progress] ._nodeContent_1qalh_151 p,body.light-theme ._actionNode_1qalh_5[data-status=in_progress] ._nodeContent_1qalh_151 div,body.light-theme ._actionNode_1qalh_5[data-status=in_progress] span,body.light-theme ._actionNode_1qalh_5[data-status=in_progress] label,body.light-theme ._actionNode_1qalh_5[data-status=in_progress] ._nodeHeader_1qalh_146 button,body.light-theme ._actionNode_1qalh_5[data-status=in_progress] [aria-label=Options],body.light-theme ._actionNode_1qalh_5[data-status=in_progress] [aria-label="Node options"]{color:var(--text-charcoal, #5a4f43)!important}body.light-theme ._actionNode_1qalh_5[data-status=in_progress] svg:not(._react-flow__edge-path_1qalh_399):not(._unified-checkbox__checkmark_1qalh_466){color:var(--accent-sage, #8b9a7f)!important;fill:var(--accent-sage, #8b9a7f)!important}body.light-theme ._actionNode_1qalh_5[data-status=done] ._nodeHeader_1qalh_146 h4,body.light-theme ._actionNode_1qalh_5[data-status=done] ._nodeTitle_1qalh_235,body.light-theme ._actionNode_1qalh_5[data-status=done] ._collapsedTitle_1qalh_335,body.light-theme ._actionNode_1qalh_5[data-status=completed] ._nodeHeader_1qalh_146 h4,body.light-theme ._actionNode_1qalh_5[data-status=completed] ._nodeTitle_1qalh_235,body.light-theme ._actionNode_1qalh_5[data-status=completed] ._collapsedTitle_1qalh_335,body.light-theme ._actionNode_1qalh_5[data-completed=true] ._nodeHeader_1qalh_146 h4,body.light-theme ._actionNode_1qalh_5[data-completed=true] ._nodeTitle_1qalh_235,body.light-theme ._actionNode_1qalh_5[data-completed=true] ._collapsedTitle_1qalh_335{color:#fff!important}body.light-theme ._actionNode_1qalh_5[data-status=done] ._nodeDescription_1qalh_244,body.light-theme ._actionNode_1qalh_5[data-status=done] ._toggleLabel_1qalh_221,body.light-theme ._actionNode_1qalh_5[data-status=done] ._statusLabel_1qalh_269,body.light-theme ._actionNode_1qalh_5[data-status=completed] ._nodeDescription_1qalh_244,body.light-theme ._actionNode_1qalh_5[data-status=completed] ._toggleLabel_1qalh_221,body.light-theme ._actionNode_1qalh_5[data-status=completed] ._statusLabel_1qalh_269,body.light-theme ._actionNode_1qalh_5[data-completed=true] ._nodeDescription_1qalh_244,body.light-theme ._actionNode_1qalh_5[data-completed=true] ._toggleLabel_1qalh_221,body.light-theme ._actionNode_1qalh_5[data-completed=true] ._statusLabel_1qalh_269,body.light-theme ._actionNode_1qalh_5[data-status=done] ._nodeContent_1qalh_151,body.light-theme ._actionNode_1qalh_5[data-status=done] ._nodeContent_1qalh_151 p,body.light-theme ._actionNode_1qalh_5[data-status=done] ._nodeContent_1qalh_151 div,body.light-theme ._actionNode_1qalh_5[data-status=completed] ._nodeContent_1qalh_151,body.light-theme ._actionNode_1qalh_5[data-status=completed] ._nodeContent_1qalh_151 p,body.light-theme ._actionNode_1qalh_5[data-status=completed] ._nodeContent_1qalh_151 div,body.light-theme ._actionNode_1qalh_5[data-completed=true] ._nodeContent_1qalh_151,body.light-theme ._actionNode_1qalh_5[data-completed=true] ._nodeContent_1qalh_151 p,body.light-theme ._actionNode_1qalh_5[data-completed=true] ._nodeContent_1qalh_151 div,body.light-theme ._actionNode_1qalh_5[data-status=done] span,body.light-theme ._actionNode_1qalh_5[data-status=done] label,body.light-theme ._actionNode_1qalh_5[data-status=completed] span,body.light-theme ._actionNode_1qalh_5[data-status=completed] label,body.light-theme ._actionNode_1qalh_5[data-completed=true] span,body.light-theme ._actionNode_1qalh_5[data-completed=true] label,body.light-theme ._actionNode_1qalh_5[data-status=done] ._nodeHeader_1qalh_146 button,body.light-theme ._actionNode_1qalh_5[data-status=done] [aria-label=Options],body.light-theme ._actionNode_1qalh_5[data-status=done] [aria-label="Node options"],body.light-theme ._actionNode_1qalh_5[data-status=completed] ._nodeHeader_1qalh_146 button,body.light-theme ._actionNode_1qalh_5[data-status=completed] [aria-label=Options],body.light-theme ._actionNode_1qalh_5[data-status=completed] [aria-label="Node options"],body.light-theme ._actionNode_1qalh_5[data-completed=true] ._nodeHeader_1qalh_146 button,body.light-theme ._actionNode_1qalh_5[data-completed=true] [aria-label=Options],body.light-theme ._actionNode_1qalh_5[data-completed=true] [aria-label="Node options"]{color:#ffffffe6!important}body.light-theme ._actionNode_1qalh_5[data-status=done] svg:not(._react-flow__edge-path_1qalh_399):not(._unified-checkbox__checkmark_1qalh_466):not(._completion-checkmark_1qalh_528),body.light-theme ._actionNode_1qalh_5[data-status=completed] svg:not(._react-flow__edge-path_1qalh_399):not(._unified-checkbox__checkmark_1qalh_466):not(._completion-checkmark_1qalh_528),body.light-theme ._actionNode_1qalh_5[data-completed=true] svg:not(._react-flow__edge-path_1qalh_399):not(._unified-checkbox__checkmark_1qalh_466):not(._completion-checkmark_1qalh_528){color:#fffffff2!important;fill:#fffffff2!important}body.light-theme ._actionNode_1qalh_5[data-completed=true] ._completion-checkmark_1qalh_528{color:#fff!important;fill:#fff!important}body.light-theme ._actionNode_1qalh_5[data-status=in_progress] [title*=growth] svg,body.light-theme ._actionNode_1qalh_5[data-completed=true] [title*=growth] svg{color:#ffffffe6!important;fill:#ffffffe6!important}body.light-theme ._actionNode_1qalh_5[data-status=in_progress] [class*=border],body.light-theme ._actionNode_1qalh_5[data-status=in_progress] hr{border-color:var(--beige-sand, #d8cdb5)!important}body.light-theme ._actionNode_1qalh_5[data-completed=true] [class*=border],body.light-theme ._actionNode_1qalh_5[data-completed=true] hr{border-color:#ffffff40!important}body.light-theme ._actionNode_1qalh_5[data-status=in_progress] ._nodeHeader_1qalh_146{background:#f8f5edf2!important;border-bottom-color:var(--beige-sand, #d8cdb5)!important}body.light-theme ._actionNode_1qalh_5[data-completed=true] ._nodeHeader_1qalh_146{background:transparent!important;border-bottom-color:#fff3!important}body.light-theme ._actionNode_1qalh_5[data-status=in_progress] ._descriptiveLabel_1qalh_185{color:var(--text-charcoal, #5a4f43)!important}body.light-theme ._actionNode_1qalh_5[data-completed=true] ._descriptiveLabel_1qalh_185{color:#ffffffd9!important}._checklistContainer_17vzt_12{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}._checklistContainer_17vzt_12[data-compact=true]{gap:var(--spacing-xs, 4px)}._header_17vzt_23{display:flex;align-items:center;justify-content:flex-start;padding:var(--spacing-xs, 4px) 0}._stepCount_17vzt_30{font-size:var(--font-size-xs, 12px);font-weight:500;color:var(--text-tertiary, rgba(248, 245, 237, .5));letter-spacing:.3px}._stepsList_17vzt_38{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}._stepItem_17vzt_45{display:flex;flex-direction:column;padding:14px;background:var(--elevation-01dp, rgba(248, 245, 237, .05));border:1px solid var(--border-light, rgba(255, 255, 255, .08));border-radius:20px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;opacity:.6;box-shadow:2px 2px 0 var(--border-light, rgba(255, 255, 255, .08));transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .15s ease}._stepItem_17vzt_45:hover{opacity:.8;transform:translateY(-1px)}._stepItem_17vzt_45:active{transform:translateY(0)}._stepItem_17vzt_45[data-status=active]{opacity:1;background:linear-gradient(180deg,var(--tree-green, #509b5a) 0%,#4a8050 100%);border-color:#ffffff4d;box-shadow:4px 4px #23462380,inset 0 -20px 20px -15px #a6e22e40,inset 0 1px #ffffff26;animation:_activeGlow_17vzt_1 2.5s ease-in-out infinite}@keyframes _activeGlow_17vzt_1{0%,to{box-shadow:4px 4px #23462380,inset 0 -20px 20px -15px #a6e22e40,inset 0 1px #ffffff26,0 0 10px 2px #509b5a40}50%{box-shadow:4px 4px #23462380,inset 0 -20px 20px -15px #a6e22e40,inset 0 1px #ffffff26,0 0 20px 6px #509b5a73}}._stepItem_17vzt_45[data-status=active] ._stepTitle_17vzt_115{color:#fff}._stepItem_17vzt_45[data-status=active] ._typeIcon_17vzt_119{color:#fff!important;fill:#fff!important;background:#ffffff26;border-color:#fff9;opacity:1}._stepItem_17vzt_45[data-status=active] ._typeIcon_17vzt_119 svg,._stepItem_17vzt_45[data-status=active] ._typeIcon_17vzt_119 path{fill:#fff!important}._stepItem_17vzt_45[data-status=active] ._rewardItem_17vzt_133,._stepItem_17vzt_45[data-status=active] ._seedIcon_17vzt_137{color:#fff}._stepItem_17vzt_45[data-status=completed]{opacity:1;background:linear-gradient(180deg,var(--tree-green, #509b5a) 0%,#4a8050 100%);border-color:var(--tree-green, #509b5a);box-shadow:4px 4px #2d5a2d73,inset 0 -30px 25px -15px #3f7e3c80,inset 0 1px #ffffff1a;cursor:default}._stepItem_17vzt_45[data-status=completed] ._stepTitle_17vzt_115{color:#fff}._stepItem_17vzt_45[data-status=completed] ._typeIcon_17vzt_119{color:#fff!important;fill:#fff!important;background:#ffffff26;border-color:#fff9;opacity:1}._stepItem_17vzt_45[data-status=completed] ._typeIcon_17vzt_119 svg,._stepItem_17vzt_45[data-status=completed] ._typeIcon_17vzt_119 path{fill:#fff!important}._stepItem_17vzt_45[data-status=pending]{cursor:not-allowed}._stepItem_17vzt_45[data-status=pending]:hover{opacity:.6;transform:none}._stepItem_17vzt_45[data-status=in_progress]{opacity:1;background:linear-gradient(180deg,#f8f5ed,#e8e4d8);border-color:var(--tree-green, #509b5a);cursor:default;pointer-events:none;box-shadow:4px 4px #509b5a4d,inset 0 -15px 15px -10px #509b5a1a,inset 0 1px #fffc;animation:_inProgressGlow_17vzt_1 2s ease-in-out infinite}@keyframes _inProgressGlow_17vzt_1{0%,to{box-shadow:4px 4px #509b5a4d,inset 0 -15px 15px -10px #509b5a1a,inset 0 1px #fffc,0 0 8px 2px #509b5a33}50%{box-shadow:4px 4px #509b5a4d,inset 0 -15px 15px -10px #509b5a1a,inset 0 1px #fffc,0 0 16px 4px #509b5a66}}._stepItem_17vzt_45[data-status=in_progress] ._stepTitle_17vzt_115{color:#3d8a45;font-weight:600}._stepItem_17vzt_45[data-status=in_progress] ._typeIcon_17vzt_119{color:#fff!important;fill:#fff!important;background:linear-gradient(180deg,#5aab62,#4a9850);border-color:#5aab62;opacity:1;box-shadow:0 2px 4px #4a98504d}._stepItem_17vzt_45[data-status=in_progress] ._typeIcon_17vzt_119 svg,._stepItem_17vzt_45[data-status=in_progress] ._typeIcon_17vzt_119 path{fill:#fff!important}._stepItem_17vzt_45[data-status=in_progress]:hover{opacity:1;transform:none}._stepItem_17vzt_45[data-status=pending_review]{opacity:1;background:linear-gradient(180deg,#e8a838,#d4922a);border-color:#ffffff4d;cursor:default;box-shadow:4px 4px #96641e66,inset 0 -20px 20px -15px #ffc86440,inset 0 1px #ffffff26}._stepItem_17vzt_45[data-status=pending_review] ._stepTitle_17vzt_115{color:#fff;font-style:italic}._stepItem_17vzt_45[data-status=pending_review] ._typeIcon_17vzt_119{color:#fff;background:transparent;border-color:#ffffff80;opacity:1}._stepItem_17vzt_45[data-status=pending_review]:hover{opacity:1;transform:none}._pendingReviewIcon_17vzt_274{width:22px;height:22px;flex-shrink:0;color:#fff;animation:_pulse_17vzt_1 2s ease-in-out infinite}@keyframes _pulse_17vzt_1{0%,to{opacity:1}50%{opacity:.6}}._inProgressIndicator_17vzt_288{display:flex;align-items:center;gap:6px;flex-shrink:0;background:var(--tree-green, #509b5a);padding:4px 10px;border-radius:12px}._inProgressLabel_17vzt_298{font-size:10px;font-weight:var(--font-weight-medium, 500);color:#fff;text-transform:uppercase;letter-spacing:.5px}._stepItem_17vzt_45[data-status=in_progress] ._inProgressIndicator_17vzt_288{background:linear-gradient(180deg,#5aab62,#4a9850);box-shadow:0 2px 4px #4a985040}._stepItem_17vzt_45[data-status=in_progress] ._inProgressLabel_17vzt_298{color:#fff;font-weight:var(--font-weight-medium, 500)}._inProgressDots_17vzt_317{display:flex;align-items:center;gap:3px}._inProgressDots_17vzt_317 ._dot_17vzt_323{width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000026;animation:_dotBounce_17vzt_1 1.2s ease-in-out infinite}@keyframes _dotBounce_17vzt_1{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}._stepHeader_17vzt_344{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm, 8px);min-height:24px}._stepTitleRow_17vzt_352{display:flex;align-items:center;gap:var(--spacing-sm, 10px);flex:1;min-width:0}._typeIcon_17vzt_119{width:16px;height:16px;flex-shrink:0;color:var(--text-secondary, rgba(248, 245, 237, .6));opacity:1;padding:5px;background:transparent;border:1.5px solid var(--border-light, rgba(255, 255, 255, .2));border-radius:50%;box-sizing:content-box}._stepTitle_17vzt_115{font-size:var(--font-size-sm, 15px);font-weight:500;color:var(--text-primary, #f8f5ed);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._seedIcon_17vzt_137{width:14px;height:14px;flex-shrink:0;color:#ffffffe6}._completedIcon_17vzt_398{width:22px;height:22px;flex-shrink:0;color:#fff}._stepExpanded_17vzt_406{display:flex;flex-direction:column;gap:var(--spacing-sm, 10px);padding-top:var(--spacing-sm, 12px);overflow:hidden}._stepRewards_17vzt_415{display:flex;align-items:center;gap:var(--spacing-sm, 8px);flex-wrap:wrap}._rewardItem_17vzt_133{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm, 13px);font-weight:500;color:#ffffffe6}._rewardIcon_17vzt_431{font-size:14px}._startButton_17vzt_436{width:100%;padding:var(--spacing-sm, 12px) var(--spacing-md, 16px);background:#fffffff2;border:none;border-radius:12px;color:var(--tree-green, #509b5a);font-size:var(--font-size-base, 15px);font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .15s ease;box-shadow:2px 2px #2346234d}._startButton_17vzt_436:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:3px 3px #23462359}._startButton_17vzt_436:active:not(:disabled){transform:translateY(0);box-shadow:1px 1px #2346234d}._startButton_17vzt_436:disabled{opacity:.6;cursor:not-allowed}._allComplete_17vzt_470{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs, 6px);padding:var(--spacing-md, 16px);background:linear-gradient(135deg,#509b5a33,#509b5a1a);border-radius:16px;border:1px solid rgba(80,155,90,.3);margin-top:var(--spacing-sm, 8px)}._celebrationText_17vzt_482{font-size:var(--font-size-md, 15px);font-weight:600;color:var(--tree-green, #509b5a)}._totalSeeds_17vzt_488{font-size:var(--font-size-sm, 13px);font-weight:500;color:var(--tree-green-light, #6aad70);background:#509b5a26;padding:4px 12px;border-radius:20px}._emptyState_17vzt_498{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg, 24px);text-align:center;color:var(--text-secondary, rgba(248, 245, 237, .6))}._emptyState_17vzt_498 p{margin:0;font-size:var(--font-size-md, 15px)}._emptyHint_17vzt_513{font-size:var(--font-size-sm, 13px);color:var(--text-tertiary, rgba(248, 245, 237, .4));margin-top:var(--spacing-xs, 4px)}body.light-theme ._stepItem_17vzt_45{background:#ffffffe6;border-color:var(--beige-sand, #d8cdb5);box-shadow:2px 2px #453a2d1a}body.light-theme ._stepItem_17vzt_45[data-status=active]{background:linear-gradient(180deg,#5a9e60,#4a8650);box-shadow:4px 4px #4c704459,inset 0 -20px 20px -15px #5a965a4d,inset 0 1px #ffffff26}body.light-theme ._stepItem_17vzt_45[data-status=completed]{background:linear-gradient(180deg,#5a9e60,#4a8650);box-shadow:4px 4px #4c70444d,inset 0 -30px 25px -15px #5a965a66}body.light-theme ._stepItem_17vzt_45[data-status=active] ._typeIcon_17vzt_119,body.light-theme ._stepItem_17vzt_45[data-status=completed] ._typeIcon_17vzt_119{color:#fff!important;fill:#fff!important;background:#fff3;border-color:#ffffffb3}body.light-theme ._stepItem_17vzt_45[data-status=active] ._typeIcon_17vzt_119 svg,body.light-theme ._stepItem_17vzt_45[data-status=active] ._typeIcon_17vzt_119 path,body.light-theme ._stepItem_17vzt_45[data-status=completed] ._typeIcon_17vzt_119 svg,body.light-theme ._stepItem_17vzt_45[data-status=completed] ._typeIcon_17vzt_119 path{fill:#fff!important}body.light-theme ._stepItem_17vzt_45[data-status=in_progress]{background:linear-gradient(180deg,#fff,#f5f2ea);border-color:#4a8650;box-shadow:4px 4px #4a865040,inset 0 -15px 15px -10px #4a865014,inset 0 1px #fff}body.light-theme ._stepItem_17vzt_45[data-status=in_progress] ._stepTitle_17vzt_115{color:#3a7842}body.light-theme ._stepItem_17vzt_45[data-status=in_progress] ._typeIcon_17vzt_119{color:#fff!important;fill:#fff!important;background:linear-gradient(180deg,#5aab62,#4a9850);border-color:#5aab62;box-shadow:0 2px 4px #4a985040}body.light-theme ._stepItem_17vzt_45[data-status=in_progress] ._typeIcon_17vzt_119 svg,body.light-theme ._stepItem_17vzt_45[data-status=in_progress] ._typeIcon_17vzt_119 path{fill:#fff!important}body.light-theme ._stepItem_17vzt_45[data-status=in_progress] ._inProgressIndicator_17vzt_288{background:linear-gradient(180deg,#5aab62,#4a9850);box-shadow:0 2px 4px #4a985033}body.light-theme ._stepItem_17vzt_45[data-status=in_progress] ._inProgressLabel_17vzt_298{color:#fff;font-weight:var(--font-weight-medium, 500)}body.light-theme ._stepTitle_17vzt_115{color:var(--warm-ink, #453a2d)}body.light-theme ._stepItem_17vzt_45[data-status=active] ._stepTitle_17vzt_115,body.light-theme ._stepItem_17vzt_45[data-status=completed] ._stepTitle_17vzt_115{color:#fff}body.light-theme ._allComplete_17vzt_470{background:linear-gradient(135deg,#5a9e6026,#5a9e6014);border-color:#5a9e6040}body.light-theme ._celebrationText_17vzt_482{color:#4a8650}body.light-theme ._totalSeeds_17vzt_488{background:#5a9e601a;color:#4a8650}._selfReportItem_17vzt_619{cursor:default}._selfReportItem_17vzt_619:hover{opacity:.9;transform:none}._selfReportRight_17vzt_629{display:flex;align-items:center;gap:10px;flex-shrink:0}._rewardBadge_17vzt_637{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--text-tertiary, rgba(248, 245, 237, .5));background:#ffffff0d;padding:2px 6px;border-radius:8px}._selfReportItem_17vzt_619[data-status=active] ._rewardBadge_17vzt_637{color:#fffc;background:#ffffff26}._seedIconSmall_17vzt_654{width:10px;height:10px;flex-shrink:0}._selfReportToggle_17vzt_661{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-light, rgba(255, 255, 255, .2));background:transparent;display:flex;align-items:center;justify-content:center;cursor:not-allowed;opacity:.4;transition:all .2s ease;padding:0}._selfReportToggle_17vzt_661 svg{width:14px;height:14px;stroke:var(--text-secondary, rgba(248, 245, 237, .6))}._selfReportToggle_17vzt_661._canToggle_17vzt_683{cursor:pointer;opacity:1;border-color:#ffffff80;background:#ffffff1a}._selfReportToggle_17vzt_661._canToggle_17vzt_683:hover{border-color:#fff;background:#ffffff40;transform:scale(1.08)}._selfReportToggle_17vzt_661._canToggle_17vzt_683 svg{stroke:#fff}._selfReportToggle_17vzt_661._canToggle_17vzt_683:active{transform:scale(.95)}._toggleSpinner_17vzt_705{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:_toggleSpin_17vzt_705 .7s linear infinite}@keyframes _toggleSpin_17vzt_705{to{transform:rotate(360deg)}}._fileCount_17vzt_728{font-size:11px;font-weight:500;color:var(--text-tertiary, rgba(248, 245, 237, .5));background:#ffffff14;padding:2px 6px;border-radius:6px;margin-left:4px}._stepItem_17vzt_45[data-status=active] ._fileCount_17vzt_728{color:#ffffffb3;background:#ffffff26}._groupedFileList_17vzt_744{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:#ffffff14;border-radius:10px;margin-bottom:4px}._groupedFileItem_17vzt_754{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.35;color:#ffffffd9}._fileNumber_17vzt_763{flex-shrink:0;font-weight:600;color:#fff9;min-width:16px}._fileDesc_17vzt_770{flex:1;word-break:break-word}body.light-theme ._selfReportToggle_17vzt_661{border-color:var(--beige-sand, #d8cdb5)}body.light-theme ._selfReportToggle_17vzt_661 svg{stroke:var(--warm-ink, #453a2d)}body.light-theme ._selfReportItem_17vzt_619[data-status=active] ._selfReportToggle_17vzt_661._canToggle_17vzt_683{border-color:#fff9;background:#fff3}body.light-theme ._selfReportItem_17vzt_619[data-status=active] ._selfReportToggle_17vzt_661._canToggle_17vzt_683 svg{stroke:#fff}body.light-theme ._rewardBadge_17vzt_637{color:var(--warm-ink-light, #6a5d4d);background:#453a2d14}body.light-theme ._selfReportItem_17vzt_619[data-status=active] ._rewardBadge_17vzt_637{color:#ffffffd9;background:#fff3}body.light-theme ._fileCount_17vzt_728{color:var(--warm-ink-light, #6a5d4d);background:#453a2d14}body.light-theme ._stepItem_17vzt_45[data-status=active] ._fileCount_17vzt_728{color:#fffc;background:#fff3}body.light-theme ._groupedFileList_17vzt_744{background:#fff3}body.light-theme ._groupedFileItem_17vzt_754{color:#ffffffe6}body.light-theme ._fileNumber_17vzt_763{color:#ffffffb3}@media(max-width:480px){._stepItem_17vzt_45{padding:12px;border-radius:16px}._stepTitle_17vzt_115{font-size:var(--font-size-sm, 14px)}._startButton_17vzt_436{padding:var(--spacing-sm, 10px);font-size:var(--font-size-sm, 14px)}._selfReportToggle_17vzt_661{width:32px;height:32px}._selfReportToggle_17vzt_661 svg{width:16px;height:16px}._groupedFileList_17vzt_744{padding:6px 8px}._groupedFileItem_17vzt_754{font-size:12px}}._orphanNoteNode_1hd3i_4{min-width:var(--reactflow-orphan-node-width, 200px);max-width:var(--reactflow-orphan-node-max-width, 280px);background:var(--bg-secondary);border-color:var(--border-color);border-width:1px;border-style:dashed;border-radius:var(--border-radius-lg);position:relative;cursor:pointer;transition:var(--transition-medium);box-shadow:var(--shadow-elevation-01dp);overflow:hidden;padding:var(--space-xs)}._orphanNoteNode_1hd3i_4:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-elevation-04dp);border-style:solid}._selected_1hd3i_28{border-color:var(--selection-border-color)!important;border-width:2px!important;border-style:solid!important;z-index:10!important;box-shadow:var(--selection-shadow)!important;animation:_selection-pulse_1hd3i_1 2s ease-in-out infinite}@keyframes _selection-pulse_1hd3i_1{0%,to{box-shadow:var(--selection-shadow)}50%{box-shadow:var(--selection-shadow-pulse)}}._collapsed_1hd3i_47{max-height:44px}._color-blue_1hd3i_52{border-left:3px solid var(--accent-blue, #60a5fa)}._color-green_1hd3i_53{border-left:3px solid var(--accent-green, #a6e22e)}._color-yellow_1hd3i_54{border-left:3px solid var(--accent-yellow, #fcd34d)}._color-purple_1hd3i_55{border-left:3px solid var(--accent-purple, #a78bfa)}._color-red_1hd3i_56{border-left:3px solid var(--accent-red, #f87171)}._header_1hd3i_59{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:var(--space-xs);min-height:32px}._headerLeft_1hd3i_68{display:flex;align-items:center;gap:var(--space-xs);flex:1;min-width:0}._headerRight_1hd3i_76{display:flex;align-items:center;gap:var(--space-2xs);flex-shrink:0}._icon_1hd3i_84{width:16px;height:16px;flex-shrink:0;color:var(--text-secondary)}._title_1hd3i_92{font-family:var(--font-family-serif);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}._orphanBadge_1hd3i_104{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--bg-tertiary);border-radius:var(--border-radius-sm);opacity:.6}._orphanIcon_1hd3i_115{width:12px;height:12px;color:var(--text-tertiary);transform:rotate(45deg)}._optionsButton_1hd3i_123{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);opacity:0}._orphanNoteNode_1hd3i_4:hover ._optionsButton_1hd3i_123{opacity:1}._optionsButton_1hd3i_123:hover{background:var(--state-hover);color:var(--text-primary)}._content_1hd3i_148{padding:0 var(--space-xs) var(--space-xs)}._preview_1hd3i_152{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._footer_1hd3i_164{display:flex;align-items:center;justify-content:flex-end;padding:var(--space-2xs) var(--space-xs);border-top:1px solid var(--border-color-subtle)}._dateAdded_1hd3i_172{font-size:var(--font-size-2xs);color:var(--text-tertiary)}._handle_1hd3i_178{width:8px;height:8px;background:var(--accent-primary);border:2px solid var(--bg-primary);opacity:0;transition:opacity var(--transition-fast)}._orphanNoteNode_1hd3i_4:hover ._handle_1hd3i_178{opacity:.5}._optionsMenu_1hd3i_192{position:absolute;top:100%;right:var(--space-xs);z-index:100;background:var(--elevation-08dp);border-radius:var(--border-radius-md);box-shadow:var(--shadow-elevation-08dp);padding:var(--space-2xs);min-width:160px;margin-top:var(--space-2xs)}._optionItem_1hd3i_205{display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-xs);background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast);text-align:left}._optionItem_1hd3i_205:hover{background:var(--state-hover)}._optionItem_1hd3i_205._danger_1hd3i_225{color:var(--accent-red)}._optionItem_1hd3i_205._danger_1hd3i_225:hover{background:#f871711a}._optionIcon_1hd3i_233{width:16px;height:16px;flex-shrink:0}@media(max-width:600px){._orphanNoteNode_1hd3i_4{min-width:160px;max-width:220px}._title_1hd3i_92{font-size:var(--font-size-xs)}._optionsButton_1hd3i_123{opacity:1}}@media(prefers-reduced-motion:reduce){._selected_1hd3i_28{animation:none!important}}.compact-nav-controls{position:fixed;bottom:180px;right:var(--spacing-xl);z-index:999;display:flex;flex-direction:column;gap:var(--spacing-2xs, 2px);background:var(--bg-secondary, rgba(42, 45, 58, .95));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-md, 8px);padding:var(--spacing-2xs, 4px);border:1px solid var(--border-color, rgba(255, 255, 255, .1));box-shadow:var(--shadow-md, 0 4px 16px rgba(0, 0, 0, .25));transition:all var(--transition-fast, .2s ease)}@media(max-width:768px){.compact-nav-controls{display:none}}@media(min-width:769px){.compact-nav-controls{right:var(--spacing-xl)}}.compact-zoom-display{position:absolute;left:calc(100% + var(--spacing-sm, 8px));top:50%;transform:translateY(-50%);padding:4px 8px;background:#000000e6;color:#fff;border-radius:var(--border-radius-sm, 6px);font-size:var(--font-size-xs, 11px);font-weight:var(--font-weight-semibold, 600);white-space:nowrap;pointer-events:none;z-index:1201;animation:fadeInOut 1s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.compact-nav-btn{width:clamp(28px,2.5vw,36px);height:clamp(28px,2.5vw,36px);border:none;border-radius:var(--border-radius-sm, 6px);background:var(--hover-bg-secondary, rgba(255, 255, 255, .1));color:var(--text-primary, #ffffff);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm, 13px);font-weight:var(--font-weight-semibold, 600);transition:all var(--transition-fast, .2s ease);min-width:clamp(28px,2.5vw,36px);min-height:clamp(28px,2.5vw,36px)}.compact-nav-btn:hover{background:var(--color-golden);transform:translateY(-1px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .2))}.compact-nav-btn:active{transform:translateY(0);box-shadow:none}.compact-nav-btn-primary{background:var(--bg-tertiary))}.compact-nav-btn-primary:hover{background:var(--color-golden);box-shadow:0 0 12px var(--color-golden)}.compact-nav-divider{height:1px;width:24px;background:var(--border-color, rgba(255, 255, 255, .1));margin:var(--spacing-xs, 4px) 0}@media(max-width:768px){.compact-nav-controls{bottom:155px;right:var(--spacing-lg)}.compact-nav-btn{width:28px;height:28px;min-width:28px;min-height:28px;font-size:var(--font-size-xs, 12px)}}@media(max-width:600px){.compact-nav-controls{bottom:213px;right:var(--spacing-lg)}.compact-nav-btn{width:26px;height:26px;min-width:26px;min-height:26px;font-size:var(--font-size-xs, 11px)}}.light-theme .compact-nav-controls{background:#fffffff2;border-color:var(--beige-sand, rgba(203, 213, 225, .8));box-shadow:0 8px 32px #00000026}.light-theme .compact-nav-btn{background:#f1f5f980;color:#334155}.light-theme .compact-nav-btn:hover{background:var(--color-golden);color:#fff}.light-theme .compact-nav-btn-primary{background:var(--text-muted, rgba(124, 181, 24, .9));color:#fff}.light-theme .compact-nav-divider{background:#cbd5e1cc}.return-to-node-btn{position:fixed;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;background:var(--accent-blue, #3b82f6);box-shadow:var(--shadow-elevation-06dp);color:#fff;bottom:80px;right:16px;z-index:1100;animation:fadeInScale .3s cubic-bezier(.4,0,.2,1);min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.return-to-node-btn:hover{background:var(--accent-blue-hover, #2563eb);box-shadow:var(--shadow-elevation-08dp);transform:scale(1.05)}.return-to-node-btn:active{transform:scale(.95);box-shadow:var(--shadow-elevation-04dp)}.return-to-node-btn:focus-visible{outline:2px solid var(--accent-blue, #3b82f6);outline-offset:2px}.return-to-node-btn.mobile{bottom:calc(var(--mobile-sidebar-height, 60px) + 16px);width:56px;height:56px}.return-to-node-btn svg{width:24px;height:24px;display:block;margin:auto}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.light-theme .return-to-node-btn{background:var(--accent-amber, #d4a574);color:var(--text-ink)}.light-theme .return-to-node-btn:hover{background:color-mix(in srgb,var(--accent-amber) 80%,black 20%)}.light-theme .return-to-node-btn:focus-visible{outline-color:var(--accent-amber, #d4a574)}@media(prefers-reduced-motion:reduce){.return-to-node-btn{animation:fadeIn .2s ease}.return-to-node-btn:hover,.return-to-node-btn:active{transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.react-flow-tree-container{width:100%;height:100%;position:relative;background:var(--elevation-01dp);border-radius:var(--border-radius-lg);overflow:hidden;touch-action:none}.react-flow-smooth-loading{transition:opacity .4s cubic-bezier(.4,0,.2,1)}.react-flow-smooth-loading.loading{opacity:.3}.react-flow-smooth-loading.loaded{opacity:1}.react-flow-tree-container.mobile-framing-pending{opacity:0;transition:opacity .35s ease-out}.react-flow-tree-container.mobile-framing-complete{opacity:1}.react-flow-loading-overlay{position:absolute;inset:0;background:var(--elevation-00dp);opacity:.9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all .3s cubic-bezier(.4,0,.2,1)}.react-flow-loading-overlay.hidden{opacity:0;pointer-events:none}.react-flow-loading-spinner{width:32px;height:32px;border:3px solid var(--elevation-overlay-04dp);border-top:3px solid var(--accent-green);border-radius:50%;animation:react-flow-spin 1s linear infinite}@keyframes react-flow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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{opacity:1;animation:none}@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:nth-child(1){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-smooth-loading,.react-flow-loading-overlay,.react-flow__node{animation:none!important;transition:none!important}.react-flow__node{opacity:1!important;transform:none!important}}.react-flow-tree-container .react-flow,.react-flow-tree-container .react-flow__renderer,.react-flow-tree-container .react-flow__pane{touch-action:none}.react-flow-tree-container .tree-graph-options-menu,.react-flow-tree-container .help-panel,.react-flow-tree-container .export-panel,.react-flow-tree-container .branch-drawer-sidebar{touch-action:auto}.light-theme .react-flow-tree-container{background:var(--reactflow-bg-light)}@media only screen and (max-width:600px){.react-flow-tree-container{background:var(--elevation-00dp)}.light-theme .react-flow-tree-container{background:var(--beige-paper)}}.react-flow-tree-container .react-flow__background{background-color:var(--reactflow-bg-primary)}.light-theme .react-flow-tree-container .react-flow__background{background-color:var(--reactflow-bg-light)}@media only screen and (max-width:600px){.react-flow__background.react-flow__background--dots,.react-flow__background.react-flow__background--lines{background-image:none!important;background-color:var(--elevation-00dp)}.light-theme .react-flow__background.react-flow__background--dots,.light-theme .react-flow__background.react-flow__background--lines{background-image:none!important;background-color:var(--beige-paper)}.react-flow__edge-path{stroke-width:1.5!important;opacity:.6}.react-flow__edge:hover .react-flow__edge-path{stroke-width:2!important;opacity:.8}.react-flow__edge.selected .react-flow__edge-path{stroke-width:2!important;opacity:1}}.light-theme .react-flow__background{background-color:var(--reactflow-bg-light)}.react-flow-tree-container .react-flow__viewport{transform-origin:0 0}.react-flow__controls{background:var(--reactflow-controls-bg);border:1px solid var(--reactflow-controls-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-elevation-08dp)}.react-flow__controls button{background:var(--elevation-08dp);color:var(--text-primary);border:none;border-bottom:1px solid var(--reactflow-controls-border);transition:var(--transition-fast)}.react-flow__controls button:hover{background:var(--state-hover);color:var(--accent-green)}.react-flow__controls button:last-child{border-bottom:none}.light-theme .react-flow__controls{background:var(--reactflow-controls-light);border:1px solid var(--reactflow-border-light);box-shadow:0 4px 12px #0000001a}.light-theme .react-flow__controls button{background:var(--reactflow-controls-light);color:var(--text-primary, #2c2c2c);border-bottom:1px solid var(--reactflow-border-light)}.light-theme .react-flow__controls button:hover{background:var(--bg-primary, #f0f0ea);color:var(--accent-green, #34c759)}.react-flow__minimap{background:var(--reactflow-minimap-bg);border:1px solid var(--reactflow-minimap-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-elevation-08dp);right:72px!important;top:0!important}.react-flow__minimap-mask{fill:rgba(var(--accent-green-rgb),.1);stroke:var(--tree-green);stroke-width:2}.light-theme .react-flow__minimap{background:var(--reactflow-controls-light);border:1px solid var(--reactflow-border-light);box-shadow:0 4px 12px #0000001a}.light-theme .react-flow__minimap-mask{fill:rgba(var(--accent-green-rgb),.1);stroke:var(--accent-green);stroke-width:2}.light-theme .enhanced-controls button{background:var(--reactflow-controls-light)!important;color:var(--text-primary)!important;border:1px solid var(--reactflow-border-light)!important}.light-theme .enhanced-controls button:hover{background:var(--bg-hover)!important;color:var(--accent-green)!important}.light-theme .help-panel,.light-theme .export-panel{background:var(--reactflow-controls-light)!important;border:1px solid var(--reactflow-border-light)!important;color:var(--text-primary)!important}.light-theme .help-panel h3,.light-theme .export-panel h3{color:var(--text-primary)!important}.light-theme .help-panel p,.light-theme .export-panel p{color:var(--text-secondary)!important}.light-theme .help-panel button,.light-theme .export-panel button{background:var(--bg-hover)!important;color:var(--text-primary)!important;border:1px solid var(--reactflow-border-light)!important}.light-theme .help-panel button:hover,.light-theme .export-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;color:var(--text-primary)!important;border:1px solid var(--reactflow-border-light)!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:var(--border-secondary, #6b7280);stroke-width:2;transition:all .3s ease}.react-flow__edge:hover .react-flow__edge-path{stroke:var(--tree-green);stroke-width:3}.react-flow__edge.selected .react-flow__edge-path{stroke:#8b9a7fcc;stroke-width:2.5}.progress-edge{stroke-dasharray:5,5;animation:flow 2s linear infinite}@keyframes flow{to{stroke-dashoffset:-10}}.react-flow-node{background:var(--reactflow-node-bg);border:2px solid var(--reactflow-node-border);border-radius:var(--reactflow-node-border-radius);box-shadow:var(--reactflow-node-shadow);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;min-height:120px}.tree-root-node{min-height:var(--reactflow-branch-height-collapsed, 120px)}.tree-root-node.selected{border-color:var(--selection-border-color);border-width:var(--selection-border-width);transform:scale(var(--selection-scale-desktop));z-index:10;box-shadow:var(--selection-shadow);animation:tree-root-selection-pulse var(--selection-pulse-duration) ease-in-out infinite;transition:var(--selection-transition)}@keyframes tree-root-selection-pulse{0%,to{box-shadow:var(--selection-shadow)}50%{box-shadow:var(--selection-shadow-pulse)}}@media(prefers-reduced-motion:reduce){.tree-root-node.selected{animation:none!important;transition:none!important}}.react-flow-node:hover{transform:translateY(-2px);box-shadow:var(--reactflow-node-shadow-hover);border-color:var(--accent-green)}.react-flow-node.selected{border-color:var(--selection-border-color);border-width:var(--selection-border-width);box-shadow:var(--shadow-elevation-04dp),0 0 0 var(--selection-ring-width) var(--selection-ring-color)}.react-flow-node.locked-node{opacity:.4;pointer-events:auto;cursor:not-allowed;filter:grayscale(.6);transition:all .3s ease;position:relative}.react-flow-node.locked-node:hover{opacity:.55;transform:none;box-shadow:var(--reactflow-node-shadow);border-color:var(--border-secondary);filter:grayscale(.4)}.react-flow-node.locked-node:before{content:"🔒";position:absolute;top:8px;right:8px;font-size:14px;opacity:.5;z-index:10;pointer-events:none;transition:opacity .3s ease}.react-flow-node.locked-node:hover:before{opacity:.8}.react-flow-node.locked-node .node-title,.react-flow-node.locked-node .node-content,.react-flow-node.locked-node .node-header{color:var(--text-muted);opacity:.7}.react-flow-node.locked-node .progress-ring,.react-flow-node.locked-node .status-badge{opacity:.3}.react-flow__edge.locked-edge .react-flow__edge-path{stroke:var(--border-secondary);stroke-width:1.5;stroke-dasharray:4,4;opacity:.3;transition:all .3s ease}.react-flow__edge.locked-edge:hover .react-flow__edge-path{opacity:.5;stroke-width:1.5}@media only screen and (max-width:600px){.react-flow-node.locked-node{opacity:.35}.react-flow-node.locked-node:hover{opacity:.5}.react-flow-node.locked-node:before{font-size:12px;top:6px;right:6px}}.light-theme .react-flow-node.locked-node{opacity:.45;filter:grayscale(.7)}.light-theme .react-flow-node.locked-node:hover{opacity:.6;filter:grayscale(.5)}@media(prefers-reduced-motion:reduce){.react-flow-node.locked-node,.react-flow__edge.locked-edge .react-flow__edge-path{transition:none!important}}.node-header{padding:12px 16px 8px;border-bottom:1px solid var(--reactflow-header-border);display:flex;align-items:center;justify-content:space-between;min-height:var(--reactflow-header-min-height);background:var(--reactflow-header-bg);border-radius:var(--reactflow-node-border-radius) var(--reactflow-node-border-radius) 0 0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.tree-root-node .node-header{background:var(--reactflow-tree-root-header-bg, rgba(90, 79, 67, .08))}.branch-node .node-header,.action-node .node-header{background:var(--reactflow-header-bg, var(--bg-secondary))}.react-flow-node.disabled .node-header,.react-flow-node:not(.active) .node-header{background:var(--action-status-pending-bg, var(--bg-secondary))}.node-header .descriptive-label{color:var(--text-primary, #ffffff);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.node-title{font-size:14px;font-weight:600;color:var(--text-primary, #ffffff);margin:0;line-height:1.3;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-content{padding:12px 16px;color:var(--text-secondary, #b0b0b0);font-size:12px;line-height:1.4}.node-content .node-title{color:var(--text-primary, #ffffff);font-size:16px;font-weight:600;margin:0 0 8px;line-height:1.3;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:var(--text-primary, #ffffff);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{padding:8px 16px 12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border-radius:0 0 12px 12px;overflow:hidden}.progress-ring{width:32px;height:32px;position:relative;margin-left:8px}.progress-ring svg{transform:rotate(-90deg);width:100%;height:100%}.progress-ring-bg{fill:none;stroke:var(--elevation-overlay-06dp);stroke-width:3}.progress-ring-progress{fill:none;stroke:var(--accent-green);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background:var(--status-badge-pending-bg);color:var(--status-badge-pending-color);border:1px solid var(--status-badge-pending-border)}.status-badge.in_progress,.status-badge.active{background:var(--status-badge-active-bg);color:var(--status-badge-active-color);border:1px solid var(--status-badge-active-border)}.status-badge.done,.status-badge.completed{background:var(--status-badge-complete-bg);color:var(--status-badge-complete-color);border:1px solid var(--status-badge-complete-border)}.react-flow__node-toolbar{z-index:1001!important;pointer-events:auto!important;position:absolute!important;background:var(--reactflow-toolbar-bg)!important;backdrop-filter:var(--reactflow-toolbar-backdrop-blur)!important;-webkit-backdrop-filter:var(--reactflow-toolbar-backdrop-blur)!important;border-radius:var(--reactflow-toolbar-button-radius)!important;box-shadow:var(--reactflow-toolbar-shadow)!important;border:1px solid var(--reactflow-toolbar-border)!important;padding:4px!important}.react-flow__node-toolbar button{pointer-events:auto!important;z-index:1002!important}.react-flow__node{pointer-events:auto!important;cursor:grab!important}.react-flow__node:active,.react-flow__node.dragging{cursor:grabbing!important;z-index:1000!important}.react-flow__node .node-header,.react-flow__node .node-content,.react-flow__node .node-footer,.react-flow__node [class*=nodeHeader],.react-flow__node [class*=nodeContent],.react-flow__node [class*=nodeFooter]{pointer-events:none}.react-flow__node button,.react-flow__node select,.react-flow__node input,.react-flow__node a,.react-flow__node .react-flow__node-toolbar,.react-flow__node .avatar-box-circular,.react-flow__node .avatar-container,.react-flow__node .avatar-image,.react-flow__node .avatar-initials-overlay{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{position:relative;z-index:10!important;cursor:pointer!important;-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}.react-flow__node .avatar-container{position:relative;z-index:11!important;cursor:pointer!important;pointer-events:auto!important}.react-flow__node .avatar-image{pointer-events:auto!important;cursor:pointer!important;-webkit-user-drag:none;user-drag:none}.react-flow__node .avatar-initials-overlay{pointer-events:auto!important;cursor:pointer!important}.react-flow__node .avatar-box-circular:active{z-index:20!important}.react-flow__node .connection-detail-display{z-index:1500!important;position:fixed!important;pointer-events:auto!important}@media(max-width:768px){.react-flow-node{border-radius:8px}.node-header{padding:8px 12px 6px;min-height:36px}.node-title{font-size:13px}.node-content{padding:8px 12px;font-size:11px}.node-footer{padding:6px 12px 8px}.progress-ring{width:24px;height:24px}}@media only screen and (max-width:600px){.tree-root-node.selected{transform:scale(var(--selection-scale-mobile));z-index:100;box-shadow:var(--selection-shadow-mobile);border-color:var(--selection-border-color)!important;border-width:var(--selection-border-width)!important;animation:none!important;transition:var(--selection-transition-mobile)}}.react-flow__node.highlighted-node{position:relative}.react-flow__node.highlighted-node:before{content:"";position:absolute;inset:-3px;border:3px solid rgba(74,158,255,.6);border-radius:inherit;pointer-events:none;z-index:1;animation:search-highlight-pulse 2s ease-in-out infinite}@keyframes search-highlight-pulse{0%,to{border-color:#4a9eff99;box-shadow:0 0 #4a9eff66}50%{border-color:#4a9effcc;box-shadow:0 0 0 6px #4a9eff33}}.react-flow__node.dimmed-node{opacity:.3;transition:opacity .3s ease}.react-flow__node.dimmed-node:hover{opacity:.6}@media only screen and (max-width:600px){.react-flow-mobile-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;height:100vh;height:100dvh;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.react-flow-mobile-container::-webkit-scrollbar{width:4px}.react-flow-mobile-container::-webkit-scrollbar-track{background:transparent}.react-flow-mobile-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.react-flow-mobile-container .react-flow__node{scroll-snap-align:center;scroll-margin-top:20px;scroll-margin-bottom:20px}.react-flow-mobile-container .react-flow__pane,.react-flow-mobile-container .react-flow__viewport{touch-action:pan-y}}@media only screen and (max-width:600px){.react-flow__node.mobile-leaf-hidden{max-height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important}.react-flow__node.mobile-leaf-expanding{max-height:var(--reactflow-action-height-expanded, 280px)!important;opacity:1!important;overflow:hidden!important;pointer-events:auto!important;transition:max-height .3s cubic-bezier(.34,1.2,.64,1),opacity .3s cubic-bezier(.4,0,.2,1)!important}.react-flow__node.mobile-leaf-visible{max-height:none!important;opacity:1!important;overflow:visible!important;pointer-events:auto!important}.react-flow__node.mobile-leaf-collapsing{max-height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;transition:max-height .25s cubic-bezier(.6,0,.4,1),opacity .25s cubic-bezier(.6,0,.4,1)!important}.react-flow__node.mobile-leaf-expanding:nth-child(1){transition-delay:0ms!important}.react-flow__node.mobile-leaf-expanding:nth-child(2){transition-delay:40ms!important}.react-flow__node.mobile-leaf-expanding:nth-child(3){transition-delay:80ms!important}.react-flow__node.mobile-leaf-expanding:nth-child(4){transition-delay:.12s!important}.react-flow__node.mobile-leaf-expanding:nth-child(5){transition-delay:.16s!important}.react-flow__node.mobile-leaf-expanding:nth-child(n+6){transition-delay:.2s!important}.react-flow__node[data-mobile-visible=false]{opacity:0!important;transform:scale(.8) translateY(-10px)!important;pointer-events:none!important}.react-flow__node[data-mobile-visible=true]{opacity:1!important;transform:scale(1) translateY(0)!important;pointer-events:auto!important;transition:opacity .3s ease-out,transform .3s ease-out!important}.react-flow__node.selected{z-index:100!important}}@media(prefers-reduced-motion:reduce){.react-flow__node.mobile-leaf-visible,.react-flow__node.mobile-leaf-expanding,.react-flow__node.mobile-leaf-collapsing,.react-flow__node[data-mobile-visible=true]{transition:none!important;animation:none!important}}@keyframes mobile-leaf-expand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.task-checkbox{display:flex;align-items:center;margin-right:var(--spacing-sm);flex-shrink:0}.task-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--tree-green, #4ade80);border-radius:50%;appearance:none;-webkit-appearance:none;border:2px solid var(--border-color, rgba(255, 255, 255, .2));background:var(--bg-primary);position:relative;transition:all var(--transition-fast, .2s ease)}.task-checkbox input[type=checkbox]:checked{background:var(--tree-green, #4ade80);border-color:var(--tree-green, #4ade80)}.task-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);color:var(--bg-primary);font-size:12px;font-weight:700}.task-checkbox input[type=checkbox]:hover{border-color:var(--tree-green, #4ade80);opacity:.8}.task-checkbox input[type=checkbox]:focus{outline:2px solid var(--tree-green, #4ade80);outline-offset:2px}.task-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.task-checkbox input[type=checkbox]:disabled:hover{opacity:.5;border-color:var(--border-color, rgba(255, 255, 255, .2))}.universal-card{position:relative;background:var(--card-bg);border-radius:12px;box-shadow:var(--card-shadow);display:flex;align-items:flex-start;overflow:hidden;transition:box-shadow .2s ease;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-md);min-height:auto}.universal-card.has-sidebar{padding-left:calc(var(--spacing-md) + 4px)}.universal-card:hover{box-shadow:var(--shadow-elevation-04dp)}.universal-card.has-sidebar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sidebar-color, var(--accent-blue));border-radius:12px 0 0 12px}.universal-card.has-image .card-image{width:72px;height:72px;border-radius:16px;flex-shrink:0;overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.universal-card.has-image img{width:100%;height:100%;object-fit:cover}.universal-card .card-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.universal-card .card-title{font-weight:600;color:var(--text-primary);font-size:1rem;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;padding-right:var(--spacing-sm)}.universal-card .card-title.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.universal-card .progress-bar-container{position:relative;width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.universal-card .progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));transition:width .3s ease}.universal-card .status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-orange)}.card-menu-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;margin:0 0 0 auto;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);flex-shrink:0;z-index:10;opacity:.6;min-width:44px;min-height:44px}.universal-card:hover .card-menu-btn,.card-menu-btn:hover,.card-menu-btn:focus{opacity:1;color:var(--text-primary);background:var(--bg-secondary)}.view-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--border-color);min-height:48px;background:var(--elevation-08dp);box-shadow:var(--shadow-elevation-08dp);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-shrink:0;position:relative;z-index:var(--z-drawer-header-controls)}.view-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:1.5;text-align:center;padding:var(--spacing-xs) 0;display:block;overflow:visible}.header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:0 0 auto;min-height:32px}.header-center{flex:1;display:flex;justify-content:center;align-items:center;min-height:32px}.header-right{display:flex;align-items:center;gap:var(--spacing-sm);flex:0 0 auto;position:relative}.options-btn{background:none;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.options-btn:hover{background:var(--hover-bg-overlay);border-color:var(--border-color);color:var(--text-primary)}.options-btn svg{width:16px;height:16px;flex-shrink:0}.options-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-xs) 0;min-width:180px;box-shadow:0 4px 16px #0003;z-index:var(--z-drawer-dropdown);animation:dropdownSlideIn .15s ease-out}.option-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-lg);background:none;border:none;color:var(--text-primary);cursor:pointer;text-align:left;font-size:var(--font-size-sm);transition:background var(--transition-fast)}.option-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-secondary)}.option-icon svg{width:16px;height:16px}.option-label{flex:1;white-space:nowrap}.drawer-controls-left{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.drawer-controls-right{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.drawer-control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:0;position:relative}.drawer-control-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.drawer-control-btn:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.close-btn{color:var(--text-secondary)!important;background:transparent!important;border:none!important;width:24px}.drawer-control-btn.back-btn:hover{color:var(--accent-blue);border-color:var(--accent-blue)}.clickable-tree-name{background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:0;margin:0;transition:color var(--transition-fast);flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;word-break:break-word}.clickable-tree-name:hover{color:var(--accent-sage)}.static-tree-name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:0;margin:0;flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;word-break:break-word}.hierarchy-icon-btn:focus-visible{outline:2px solid var(--accent-sage);outline-offset:2px}.breadcrumb-item.current{color:var(--accent-blue);font-weight:var(--font-weight-semibold)}.drawer-control-header[data-view=tree] .clickable-tree-name,.drawer-control-header[data-view=tree] .static-tree-name,.drawer-control-header[data-view=branch] .clickable-tree-name,.drawer-control-header[data-view=branch] .static-tree-name,.drawer-control-header[data-view=action] .clickable-tree-name,.drawer-control-header[data-view=action] .static-tree-name{max-width:none}.mobile-back-btn{display:flex;align-items:center;justify-content:center;min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);width:44px;height:44px;border:none;background:var(--state-hover);color:var(--text-primary);cursor:pointer;border-radius:var(--border-radius-full);transition:all var(--transition-fast);flex-shrink:0;-webkit-tap-highlight-color:transparent;padding:0}.mobile-back-btn svg{width:24px;height:24px}.mobile-back-btn:hover{background:var(--state-pressed);color:var(--accent-green)}.mobile-back-btn:active{background:var(--state-activated);transform:scale(.95)}.mobile-back-btn:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}@media(max-width:600px){.drawer-control-header{padding:var(--spacing-xs) var(--spacing-md);padding-top:var( --drawer-header-drag-spacing );min-height:44px;border-radius:0}.drawer-controls-left{gap:var(--spacing-xs)}.drawer-control-btn{width:28px;height:28px}.drawer-control-header .hierarchy-indicators-container,.drawer-control-header .tree-nav-controls,.drawer-control-header .close-btn{display:none!important}.drawer-control-header[data-view=tree] .clickable-tree-name,.drawer-control-header[data-view=tree] .static-tree-name,.drawer-control-header[data-view=branch] .clickable-tree-name,.drawer-control-header[data-view=branch] .static-tree-name,.drawer-control-header[data-view=action] .clickable-tree-name,.drawer-control-header[data-view=action] .static-tree-name{max-width:200px!important;font-size:var(--font-size-sm)!important;padding:0!important;margin-left:var(--spacing-xs)!important;margin-right:auto!important;background:transparent!important}.view-breadcrumb{font-size:var(--font-size-xs)}.breadcrumb-separator{display:none}}.return-to-dashboard-btn:hover{color:var(--accent-blue);border-color:var(--accent-blue);background:#3b82f61a}@media(max-width:600px){.view-footer{position:static;min-height:0;padding:var(--spacing-sm) var(--spacing-md)}}.drawer-collapsed-header{display:flex;flex-direction:column;justify-content:center;background:var(--elevation-08dp);border-radius:28px;padding:10px 20px;min-height:0;box-shadow:var(--shadow-elevation-08dp);position:relative;z-index:var(--z-drawer-header-controls)}.drawer-collapsed-header.mobile{padding-top:4px}.drawer-collapsed-header .handle-drag-bar{display:flex;align-items:center;justify-content:center;padding:2px 0;cursor:grab;touch-action:none}.drawer-collapsed-header .handle-drag-bar:active{cursor:grabbing}.collapsed-header-row{display:flex;align-items:center;gap:var(--header-gap, var(--spacing-sm));min-height:var(--header-min-height, 56px);width:100%}.collapsed-item-name{cursor:pointer}.collapsed-item-name:hover{color:var(--accent-sage)}.collapsed-controls{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0;min-height:var(--header-icon-btn-size, 40px)}.collapsed-tree-nav-group{display:flex;align-items:center;gap:4px;flex:1;min-width:0;margin-right:auto}.tree-nav-inline-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:0}.tree-nav-inline-btn:hover:not(:disabled){background:var(--state-hover);color:var(--accent-sage)}.tree-nav-inline-btn:active:not(:disabled){background:var(--state-pressed);transform:scale(.95)}.tree-nav-inline-btn:disabled{opacity:.3;cursor:not-allowed}.tree-progress-indicator{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-tertiary);margin-left:var(--spacing-xs);white-space:nowrap}.collapsed-breadcrumb-nav{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;min-width:0;overflow:hidden}.breadcrumb-parent{background:none;border:none;color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:2px 6px;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.breadcrumb-parent:hover{background:var(--state-hover);color:var(--accent-sage)}.breadcrumb-separator{color:var(--text-muted);font-size:var(--font-size-sm);flex-shrink:0;opacity:.6}.breadcrumb-current{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;padding:2px 4px;border-radius:var(--border-radius-sm);transition:color var(--transition-fast)}.breadcrumb-current:hover{color:var(--accent-sage)}.drawer-breadcrumb-subheader{display:flex;align-items:center;gap:6px;padding:0;padding-left:calc(var(--header-icon-btn-size, 40px) + 6px);font-size:var(--font-size-xs);color:var(--text-tertiary)}.drawer-breadcrumb-subheader .breadcrumb-item{background:none;border:none;color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;padding:0;transition:color var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:256px}.drawer-breadcrumb-subheader .breadcrumb-item:hover{color:var(--accent-sage);text-decoration:underline}.drawer-breadcrumb-subheader .breadcrumb-separator{color:var(--text-muted);font-size:var(--font-size-xs);flex-shrink:0;opacity:.5}.light-theme .drawer-breadcrumb-subheader .breadcrumb-item:hover{color:var(--accent-sage-dark, #5a6b52)}.light-theme .tree-nav-inline-btn{color:var(--text-tertiary)}.light-theme .tree-nav-inline-btn:hover:not(:disabled){background:var(--state-hover);color:var(--accent-sage-dark, #5a6b52)}.light-theme .breadcrumb-parent:hover{background:var(--state-hover);color:var(--accent-sage-dark, #5a6b52)}.light-theme .breadcrumb-current:hover{color:var(--accent-sage-dark, #5a6b52)}.drawer-compact-header{display:flex;flex-direction:column;background:var(--elevation-08dp);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;padding:var(--spacing-xs) var(--spacing-md) var(--spacing-md);box-shadow:var(--shadow-elevation-08dp);position:relative;z-index:var(--z-drawer-header-controls)}.drawer-compact-header .handle-drag-bar{display:flex;align-items:center;justify-content:center;padding:2px 0;cursor:grab;touch-action:none}.drawer-compact-header .handle-drag-bar:active{cursor:grabbing}.compact-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);min-height:40px;padding:var(--spacing-xs) 0}.compact-item-name{flex:1;margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.compact-item-name:hover{color:var(--accent-sage)}.compact-controls{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.compact-btn{display:flex;align-items:center;justify-content:center;min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);width:40px;height:40px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius-md);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.compact-btn:hover{background:var(--state-hover);color:var(--text-primary)}.compact-btn:active{background:var(--state-pressed)}.compact-btn.close-btn:hover{color:var(--accent-red, #ef4444)}.compact-status-line{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;margin-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.compact-status-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.compact-progress-ring{display:flex;align-items:center;gap:var(--spacing-xs);position:relative}.compact-progress-ring svg{display:block}.compact-progress-percent{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--accent-sage);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;text-align:center}.toggle-container{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.toggle-container input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle-switch{position:relative;display:block;width:var(--toggle-width);height:var(--toggle-height);background:var(--toggle-bg-off);border:2px solid var(--toggle-border-off);border-radius:calc(var(--toggle-height) / 2);transition:var(--toggle-transition);flex-shrink:0}.toggle-switch:before{content:"";position:absolute;top:50%;left:var(--toggle-padding);transform:translateY(-50%);width:var(--toggle-circle-size);height:var(--toggle-circle-size);background:var(--toggle-circle-color);border-radius:50%;transition:var(--toggle-transition);box-shadow:0 2px 4px #0003}.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{opacity:.5;cursor:not-allowed}.toggle-container:has(input[type=checkbox]:disabled){cursor:not-allowed;pointer-events:none}.toggle-container.variant-green input[type=checkbox]:checked+.toggle-switch{background:linear-gradient(135deg,#10b9814d,#0ea4724d);border-color:var(--tree-green)}.toggle-container.variant-green input[type=checkbox]:checked+.toggle-switch:before{background:var(--tree-green);box-shadow:0 2px 8px #10b98166}.toggle-container.variant-tree-green input[type=checkbox]:checked+.toggle-switch{background:linear-gradient(135deg,#10b9814d,#0ea4724d);border-color:var(--tree-green)}.toggle-container.variant-tree-green input[type=checkbox]:checked+.toggle-switch:before{background:var(--tree-green);box-shadow:0 2px 8px #10b98166}@media(max-width:600px){.toggle-switch{width:calc(var(--toggle-width) * .875);height:calc(var(--toggle-height) * .917)}.toggle-switch:before{width:calc(var(--toggle-circle-size) * .85);height: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%)}}.action-state-controls{display:flex;align-items:center;gap:var(--spacing-md);margin-right:var(--spacing-sm)}.action-state-controls .toggle-switch{flex-shrink:0}.action-state-controls .task-checkbox{flex-shrink:0;margin-right:0;display:flex;align-items:center;gap:4px}.auto-badge{background:#66d9ef33;border:1px solid rgba(102,217,239,.4);border-radius:4px;padding:2px 4px;margin-left:4px;display:inline-flex;align-items:center;justify-content:center}.toggle-switch.updating{opacity:.6;cursor:wait!important;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(max-width:600px){.branch-drawer-sidebar{display:flex!important;flex-direction:column!important;visibility:visible!important;position:fixed!important;left:0!important;right:0!important;width:100%!important;bottom:var(--safe-area-bottom, env(safe-area-inset-bottom, 0px))!important;border-radius:var(--border-radius-lg, 12px) var(--border-radius-lg, 12px) 0 0!important;z-index:var(--z-drawer-panel-base, 1150)!important;transition:height .3s cubic-bezier(.4,0,.2,1);transform:none!important;opacity:1!important;pointer-events:auto!important}.branch-drawer-sidebar.closed-mode{height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;top:auto!important;padding:0!important;border:none!important}.branch-drawer-sidebar.collapsed-mode{height:var(--drawer-height-collapsed, 56px)!important;min-height:var(--drawer-height-collapsed, 56px)!important;overflow:visible!important;top:auto!important;background:var(--elevation-02dp, #2d2e2a)!important}.branch-drawer-sidebar.compact-mode{height:var(--drawer-height-compact, 200px)!important;min-height:var(--drawer-height-compact, 200px)!important;overflow:hidden!important;top:auto!important}.branch-drawer-sidebar.fullscreen-mode{top:calc(var(--spacing-sm, 8px) + var(--safe-area-top, env(safe-area-inset-top, 0px)))!important;height:auto!important;min-height:300px!important;overflow-y:auto!important}.branch-drawer-sidebar.compact-mode .simplified-content-area,.branch-drawer-sidebar.fullscreen-mode .simplified-content-area{-webkit-user-select:text;user-select:text}.branch-drawer-sidebar.dragging{transition:none!important;will-change:height;height:var(--drag-height)!important;top:auto!important}.drawer-mobile-header{display:flex;flex-direction:column;padding:var(--spacing-sm, 8px) var(--spacing-md, 16px) var(--spacing-md, 12px);background:var(--elevation-02dp);border-radius:var(--border-radius-lg, 12px) var(--border-radius-lg, 12px) 0 0}.mobile-header-drag-bar{display:flex;justify-content:center;padding:var(--spacing-xs, 4px) 0 var(--spacing-sm, 8px);cursor:grab}.mobile-header-drag-bar:active{cursor:grabbing}.mobile-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md, 12px);min-height:36px}.mobile-header-title{flex:1;margin:0;font-size:var(--font-size-md, 16px);font-weight:600;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-mobile-header--collapsed .mobile-header-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-header-controls{display:flex;align-items:center;gap:var(--spacing-xs, 4px);flex-shrink:0}.mobile-header-btn{display:flex;align-items:center;justify-content:center;min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);padding:var(--spacing-sm, 8px);background:transparent;border:none;border-radius:var(--border-radius-sm, 8px);color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.mobile-header-btn:active{background:var(--state-pressed);color:var(--text-primary)}.mobile-header-btn.close-btn{color:var(--text-tertiary)}.mobile-header-btn.close-btn:active{color:var(--error-red)}.mobile-progress-unit{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs, 4px);padding-top:var(--spacing-md, 12px);margin-top:var(--spacing-xs, 4px);border-top:1px solid var(--border-color)}.mobile-progress-ring-large{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.mobile-progress-percent-large{position:absolute;font-size:11px;font-weight:600;color:var(--text-primary)}.mobile-progress-label{font-size:var(--font-size-xs, 12px);font-weight:500;color:var(--text-secondary);text-align:center}.mobile-header-status{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-sm, 8px);margin-top:var(--spacing-xs, 4px);border-top:1px solid var(--border-color)}.mobile-status-text{font-size:var(--font-size-xs, 12px);color:var(--text-secondary)}.mobile-progress-ring{position:relative;display:flex;align-items:center;justify-content:center}.mobile-progress-percent{position:absolute;font-size:8px;font-weight:600;color:var(--text-secondary)}.react-flow__node:not(.selected){opacity:var(--smart-anchoring-dimmed-opacity, .6);transition:opacity .3s cubic-bezier(.4,0,.2,1)}.react-flow__node.selected{opacity:1;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.react-flow__node:not(.selected):hover{opacity:var(--smart-anchoring-hover-opacity, .8)}}.action-items-section{padding:16px 0;width:100%;max-width:100%;box-sizing:border-box}.section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.action-item-card{background:linear-gradient(135deg,var(--bg-secondary),rgba(255,255,255,.02));border-radius:14px;margin-bottom:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);border-left:3px solid transparent;position:relative;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.tree-view .action-item-card,.branch-view .action-item-card,.actions-list .action-item-card{background:transparent;border:none;border-radius:0;border-left:none;margin-bottom:2px;-webkit-backdrop-filter:none;backdrop-filter:none}.tree-view .action-item-card:hover,.branch-view .action-item-card:hover,.actions-list .action-item-card:hover{background:#ffffff0a;border-radius:var(--border-radius-sm);border:none;border-left:none;box-shadow:none;transform:none}.tree-view .action-item-card.active,.branch-view .action-item-card.active,.actions-list .action-item-card.active{background:var(--bg-info-overlay);border-radius:var(--border-radius-sm);border:none;border-left:3px solid var(--accent-blue);box-shadow:none}.tree-view .action-item-card:after,.branch-view .action-item-card:after,.actions-list .action-item-card:after{display:none}.action-item-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.action-item-card:hover{border-color:#fff3;background:linear-gradient(135deg,#ffffff0f,#ffffff08);transform:translateY(-1px);box-shadow:0 6px 20px #00000026}.action-item-card:hover:after{opacity:1}.action-item-card.active{border-color:#3b82f699;background:linear-gradient(135deg,#3b82f61f,#3b82f614);border-left-color:var(--accent-blue);box-shadow:0 4px 16px #3b82f633}.action-item-card.keyboard-focused{background:linear-gradient(135deg,#7c3aed26,#7c3aed14);border-left-color:var(--accent-purple, #7c3aed);border-color:#7c3aed66;outline:2px solid var(--accent-purple, #7c3aed);outline-offset:-2px;box-shadow:0 0 0 4px #7c3aed1a}.action-item-card.collapsed{padding:14px 18px}.action-item-card.expanded{padding:20px 22px;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 #ffffff1a}.action-item-card.expanded:hover{background:linear-gradient(135deg,#ffffff14,#3b82f60a);box-shadow:0 4px 20px #3b82f626,inset 0 1px #ffffff26}.action-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.action-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.action-title{font-size:17px;font-weight:500;margin:0;color:var(--text-primary);line-height:1.4;text-align:left;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.action-status-checkbox{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease;flex-shrink:0}.action-status-checkbox:hover{background:#ffffff14;transform:scale(1.05)}.status-circle{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;transition:all .2s ease;position:relative}.status-circle.status-pending{background:var(--action-status-pending);border:1.5px solid var(--action-status-pending)}.status-circle.status-in_progress,.status-circle.status-active{background:var(--action-status-active-bg);border:2px solid var(--action-status-active)}.status-circle.status-done,.status-circle.status-completed{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-in_progress,.action-status-checkbox:hover .status-circle.status-active{border-color:var(--action-status-active-hover)}.action-status-checkbox:hover .status-circle.status-done,.action-status-checkbox:hover .status-circle.status-completed{background:var(--action-status-complete-hover);border-color:var(--action-status-complete-hover)}.action-note-indicator{width:16px;height:16px;font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7;transition:opacity .2s ease}.action-item-card:hover .action-note-indicator{opacity:1}.expand-indicator{color:var(--text-secondary);font-size:12px;line-height:1;transition:transform .2s ease,color .2s ease;cursor:pointer;padding:4px;border-radius:4px;-webkit-user-select:none;user-select:none}.action-item-card:hover .expand-indicator{color:var(--text-primary);background:#ffffff0d}.action-item-card.expanded .expand-indicator{transform:rotate(180deg);color:var(--accent-blue)}.action-item-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out,opacity .2s ease-out;opacity:0;margin-top:0;width:100%;box-sizing:border-box}.action-item-content.expanded{max-height:800px;opacity:1;margin-top:12px;width:100%;box-sizing:border-box}.action-description-section{margin-bottom:16px;width:100%;box-sizing:border-box}.action-description-section .action-desc-editor textarea,.action-description-section .inline-editor-input{min-height:60px;font-size:15px;line-height:1.5;color:var(--text-primary)}.action-description-section .inline-editor-display{font-size:15px;line-height:1.5;color:var(--text-primary);opacity:.9}.action-description-section *{color:var(--text-primary)}.action-description-section .inline-editor.display,.action-description-section .inline-editor{color:var(--text-primary);font-size:15px}.action-tags-section{margin-bottom:16px}.action-tags-section .tags-label{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.action-menu-section{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.action-edit-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.action-edit-btn:hover{color:var(--text-primary);background:#ffffff1a}.action-menu-info{display:flex;align-items:center;gap:12px;font-size:12px}.task-linked-indicator{color:var(--accent-blue);font-size:11px;background:#3b82f61a;padding:2px 6px;border-radius:8px;font-weight:500}.action-description-display{font-size:14px;line-height:1.5;color:var(--text-primary);padding:8px 0;min-height:20px}.action-tags-display{display:flex;align-items:center;gap:12px}.action-tags-display .tags-list{display:flex;flex-wrap:wrap;gap:6px}.action-tags-display .tag-chip{font-size:11px;background:var(--bg-secondary);color:var(--text-secondary);padding:3px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.1);font-weight:500}.action-tags-display .no-tags{font-size:12px;color:var(--text-secondary);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 rgba(0,0,0,.08)}.light-theme .action-menu-section{border-top-color:#00000014}.branch-menu-container,.card-menu-container{position:relative}.branch-menu-btn,.card-menu-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;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:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease}.drawer-menu-btn:hover{background:#ffffff0d;border-color:#fff3;color:var(--text-primary)}.branch-dropdown-menu,.card-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 8px 24px #0006;min-width:120px;z-index:1000;overflow:hidden}.menu-item{display:block;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background-color .2s ease}.menu-item:hover{background:#ffffff14}.menu-item.danger{color:var(--accent-red, #ef4444)}.menu-item.danger:hover{background:#ef44441a}.branch-item-actions{display:flex;align-items:center;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{display:flex;align-items:center;gap:8px;margin-bottom:12px}.resource-icon{font-size:20px;line-height:1}.resource-type{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.resource-content{display:flex;flex-direction:column;gap:8px}.resource-link{color:var(--accent-primary);text-decoration:none;font-weight:600;font-size:16px;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.resource-link:hover{color:var(--accent-primary-hover);text-decoration:underline}.resource-link:after{content:"↗";font-size:14px;opacity:.7}.resource-name{font-size:16px;font-weight:600;color:var(--text-primary)}.resource-description{margin-top:8px;padding:8px 12px;background:var(--bg-secondary);border-radius:6px;border-left:3px solid var(--accent-primary)}.useful-parts-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.useful-parts{font-size:14px;color:var(--text-primary);margin:0;line-height:1.5}.resource-desc{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.tree-resources-section{margin-top:24px}.drawer-resources-section{padding:16px 24px 24px;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,255,255,.02),transparent);flex-shrink:1;margin-top:0}.resources-section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);margin-bottom:16px}.resources-section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.resource-items{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.resource-item-simple{padding:8px 12px;background:#ffffff08;border-radius:8px;border-left:3px solid var(--accent-blue);transition:all .2s ease}.resource-item-simple:hover{background:#ffffff0f;transform:translate(2px)}.resource-item-simple .resource-name{font-size:14px;font-weight:500;color:var(--text-primary);display:block;margin-bottom:4px}.resource-item-simple .resource-description{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.4;opacity:.8}.tree-resources-section h4{margin:0 0 16px;color:var(--text-primary);font-size:16px;font-weight:600}.resources-by-type{display:flex;flex-direction:column;gap:20px}.resource-type-group{display:flex;flex-direction:column;gap:8px}.resource-type-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.resource-type-divider{height:1px;background:var(--border-color);margin:4px 0 8px}.resource-item{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.resource-item:last-child{border-bottom:none}.resource-focus{font-size:12px;color:var(--text-secondary);margin:4px 0 0;font-style:italic}.action-description a,.branch-detail a,.tree-detail a,.drawer-col-details a{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:all .2s ease;border-bottom:1px solid transparent}.action-description a:hover,.branch-detail a:hover,.tree-detail a:hover,.drawer-col-details a:hover{color:var(--accent-primary-hover);border-bottom-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{text-decoration-style:solid;color:var(--accent-primary-hover)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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{height:1px;background:var(--border-color);margin-bottom:var(--spacing-xs);opacity:.3}.resources-section-header:hover{background:var(--bg-secondary)!important}.resources-section-header:active{transform:scale(.98)}.drawer-resources-section *{transition:all var(--transition-fast)}.drawer-resources-section.expanded .resource-item-simple:hover{background:#ffffff14;border-left-color:var(--accent-green)}@media(max-width:600px){.drawer-resources-section{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.drawer-resources-section.collapsed{padding:var(--spacing-xs) var(--spacing-md)}.drawer-resources-section.expanded{padding:var(--spacing-sm) var(--spacing-md)}.resource-items{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.resources-section-title{font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm) 0}.resource-item-simple .resource-name{font-size:var(--font-size-xs)}.resource-item-simple .resource-description{font-size:11px}}.branch-connection-section{margin-bottom:24px}.connection-suggestion-label{display:flex;justify-content:center;margin-bottom:8px}.suggestion-text{font-size:12px;color:var(--text-secondary);font-style:italic;text-align:center}.branch-connection-area{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-tertiary, rgba(255, 255, 255, .05));border-radius:12px;border:1px solid var(--border-color, rgba(255, 255, 255, .1));margin-bottom:8px;margin-top:4px}.branch-connection-area .avatar-box{background:transparent;border:none;padding:0;width:100%;justify-content:center}.branch-connection-area .avatar-box:hover{background:#ffffff0d;transform:none;box-shadow: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{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple, #8b5cf6) 100%);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;color:#fff;box-shadow:0 1px 3px #0003}.branch-name-section{margin-bottom:24px}.branch-name-editor{flex:1;min-width:0}.branch-name-editor .inline-editor{font-size:24px;font-weight:600;color:var(--text-primary);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;opacity:.75;margin:4px 0}.tree-description{margin-bottom:24px}.tree-description h4{margin:0 0 12px;color:var(--text-primary);font-size:16px}.tree-description p{color:var(--text-secondary);line-height:1.5}.tree-actions-summary h4{margin:0 0 12px;color:var(--text-primary);font-size:16px}.summary-stats{display:flex;flex-direction:column;gap:8px}.branch-summary{font-size:14px;color:var(--text-secondary);padding:8px;background:#ffffff0d;border-radius:8px}.no-summary{color:var(--text-secondary);font-style:italic}.branch-overview{padding:24px}.overview-title{font-size:20px;font-weight:600;color:var(--accent-green, #4ade80);margin:0 0 24px;padding-bottom:8px;border-bottom:2px solid var(--accent-green, #4ade80)}.branch-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.stat-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-value{font-size:18px;font-weight:700;color:var(--text-primary)}.expanded-action-info,.no-expanded-info{padding:16px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.expanded-action-info h4,.no-expanded-info h4{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text-primary)}.expanded-action-name{font-size:14px;font-weight:600;color:var(--accent-blue);margin:0 0 8px}.expanded-tip,.instruction-text{font-size:13px;color:var(--text-secondary);line-height:1.4;margin:0;font-style:italic}.light-theme .stat-item,.light-theme .expanded-action-info,.light-theme .no-expanded-info{background:#00000005;border-color:#00000014}.view-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--glass-border-dark-subtle);min-height:60px;background:var(--glass-bg-dark-strong);box-shadow:none;flex-shrink:0}.light-theme .view-header{background:var(--glass-bg-light-strong);border-bottom:1px solid var(--glass-border-light-subtle)}.view-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight);text-align:center}.view-footer{display:flex;flex-direction:column;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0;gap:var(--spacing-sm);position:relative;z-index:var(--z-drawer-header-footer);min-height:80px}.footer-nav-row{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px}.footer-nav-group{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);background:var(--hover-bg-overlay);position:relative;z-index:var(--z-drawer-header-footer)}.footer-nav-left,.footer-nav-right{flex:0 0 auto;display:flex;justify-content:center;align-items:center}.footer-nav-center{flex:0 0 auto;display:flex;justify-content:center;align-items:center;padding:0 var(--spacing-xs);position:relative;z-index:var(--z-drawer-content-overlay)}.footer-return-row{display:flex;justify-content:center}.tree-nav-arrow{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;font-size:16px;width:28px;height:28px;border-radius:var(--border-radius-sm);position:relative;z-index:var(--z-drawer-content-overlay)}.tree-nav-arrow:hover{color:var(--accent-blue);background:#3b82f61a}.tree-pagination-dots{display:flex;align-items:center;justify-content:center}.header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:0 0 auto}.header-center{flex:1;display:flex;justify-content:center}.return-to-dashboard-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);text-align:center;border-radius:var(--border-radius-md);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs);position:relative;z-index:var(--z-drawer-content-overlay)}:root{--header-padding-y: var(--spacing-sm);--header-padding-x: var(--spacing-md);--header-gap: var(--spacing-sm);--header-min-height: 56px;--header-icon-btn-size: 40px;--header-icon-size: 20px;--header-radius: var(--border-radius-xl, 16px);--header-btn-radius: var(--border-radius-full, 9999px)}.drawer-control-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:"left right" "breadcrumb breadcrumb";align-items:center;row-gap:0;padding:var(--spacing-sm) var(--header-padding-x);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color);background:var(--elevation-08dp);box-shadow:var(--shadow-elevation-08dp);min-height:var(--header-min-height);flex-shrink:0;position:relative;z-index:var(--z-drawer-header-controls)}.drawer-control-header>.drawer-controls-left{grid-area:left;display:flex;align-items:center;gap:6px;min-width:0}.drawer-control-header>.drawer-controls-right{grid-area:right;display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.drawer-control-header>.drawer-breadcrumb-subheader{grid-area:breadcrumb}.light-theme .drawer-control-header{background:var(--elevation-08dp);border-bottom:1px solid var(--border-color)}.drawer-control-header.drawer-header--collapsed{flex-direction:column;align-items:stretch;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);padding-bottom:var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--glass-shadow-dark),var(--glass-inset-highlight);border-radius:var(--border-radius-lg)}.drawer-control-header.drawer-header--collapsed:hover{background:var(--state-hover);transform:translateY(-1px);box-shadow:var(--glass-shadow-dark-strong),var(--glass-inset-highlight-strong)}.drawer-control-header.drawer-header--collapsed:active{transform:translateY(0);background:var(--state-pressed)}.drawer-header-main-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-sm);min-height:32px}.drawer-control-header.drawer-header--collapsed .hierarchy-indicators-container,.drawer-control-header.drawer-header--collapsed .close-btn{display:none}.drawer-control-header.drawer-header--collapsed .drawer-controls-left{flex:1 1 auto;max-width:calc(100% - 120px);min-width:0}.drawer-control-header.drawer-header--collapsed .drawer-controls-right{flex-shrink:0;flex-grow:0;flex-basis:auto;min-width:fit-content}.drawer-pagination-row{display:flex;align-items:center;justify-content:center;width:100%;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.drawer-pagination-row .pagination-dots{scale:.9;opacity:.8}.light-theme .drawer-control-header.drawer-header--collapsed{background:var(--glass-bg-light-strong);box-shadow:var(--glass-shadow-light),var(--glass-inset-highlight-light)}.light-theme .drawer-control-header.drawer-header--collapsed:hover{background:var(--state-hover);box-shadow:var(--glass-shadow-light-strong),var(--glass-inset-highlight-light-strong)}.drawer-controls-left{display:flex;align-items:flex-start;gap:var(--header-gap);flex:1 1 0;min-width:0;overflow:hidden}.drawer-controls-right{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0;min-height:var(--header-icon-btn-size)}.drawer-control-btn,.collapsed-btn{display:flex;align-items:center;justify-content:center;width:var(--header-icon-btn-size);height:var(--header-icon-btn-size);min-width:var(--header-icon-btn-size);min-height:var(--header-icon-btn-size);padding:0;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--header-btn-radius);transition:background var(--transition-fast),color var(--transition-fast);-webkit-tap-highlight-color:transparent}.drawer-control-btn:hover,.collapsed-btn:hover{background:var(--state-hover);color:var(--text-primary)}.drawer-control-btn:active,.collapsed-btn:active{background:var(--state-pressed)}.drawer-control-btn.close-btn:hover,.collapsed-btn.close-btn:hover{color:var(--accent-red, #ef4444)}.hierarchy-indicators-container{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--header-icon-btn-size);height:var(--header-icon-btn-size)}.hierarchy-indicators{display:flex;align-items:center;justify-content:center}.hierarchy-icon-btn{display:flex;align-items:center;justify-content:center;width:var(--header-icon-btn-size);height:var(--header-icon-btn-size);padding:0;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--header-btn-radius);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.hierarchy-icon-btn:hover:not(:disabled){background:var(--state-hover);color:var(--accent-sage)}.hierarchy-icon-btn.active{color:var(--accent-sage);background:var(--state-selected)}.hierarchy-icon-btn.inactive{color:var(--text-tertiary);opacity:.6}.hierarchy-icon-btn.inactive:hover:not(:disabled){color:var(--text-secondary);opacity:1;background:var(--state-hover)}.hierarchy-icon-btn:disabled{cursor:default}.hierarchy-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-secondary);transition:all var(--transition-fast);opacity:.6}.hierarchy-icon.active{color:var(--accent-blue-solid);opacity:1}.hierarchy-separator{color:var(--text-muted);font-size:12px;opacity:.5}.clickable-tree-name{background:none;border:1px solid transparent;color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);margin-right:6px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:1}.clickable-tree-name:hover{color:var(--accent-blue-solid);background:var(--state-hover);border-color:#3b82f633;transform:translateY(-1px)}.static-tree-name,.collapsed-item-name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-family-sans);line-height:1.4;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;background:transparent;flex:1;min-width:0}.tree-nav-controls{display:flex;gap:3px;align-items:center;margin-right:4px}.tree-nav-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:0}.tree-nav-arrow:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f64d;color:var(--accent-blue-solid);transform:translateY(-1px)}.tree-nav-arrow:active:not(:disabled){transform:translateY(0)}.tree-nav-arrow:disabled{opacity:.4;cursor:not-allowed;border-color:var(--border-color-subtle)}.close-btn{color:var(--text-secondary)!important;background:transparent!important;border:none!important;min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable);display:flex;align-items:center;justify-content:center}.close-btn:hover{color:var(--text-primary)!important;background:var(--hover-bg-overlay)!important;transform:scale(1.05)}.close-btn svg{width:20px;height:20px}.drawer-control-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--bg-button-overlay) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-fast)}.drawer-control-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-blue-solid);color:var(--accent-blue-solid);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.drawer-control-btn:hover:before{opacity:1}.drawer-control-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.drawer-control-btn.hide-btn{color:var(--text-tertiary)}.drawer-control-btn.hide-btn:hover{color:var(--accent-orange, #f59e0b);border-color:var(--accent-orange, #f59e0b)}.drawer-control-btn.back-btn{color:var(--text-secondary)}.drawer-control-btn.back-btn:hover{color:var(--accent-blue-solid);border-color:var(--accent-blue-solid)}.drawer-view-indicator{flex:1;display:flex;justify-content:center;align-items:center;padding:0 var(--spacing-md)}.view-breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.breadcrumb-item{color:var(--text-tertiary);transition:color var(--transition-fast)}.breadcrumb-item.current{color:var(--accent-blue-accent);font-weight:var(--font-weight-semibold)}.breadcrumb-separator{color:var(--text-tertiary);font-size:var(--font-size-xs);opacity:.6}@media(max-width:480px){.drawer-control-header{padding:var(--spacing-xs) var(--spacing-md);min-height:44px}.drawer-controls-left{gap:var(--spacing-xs)}.drawer-control-btn{min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable)}.view-breadcrumb{font-size:var(--font-size-xs)}.breadcrumb-separator{display:none}}@media(min-width:1920px){.options-btn{width:36px;height:36px}.options-btn svg{width:18px;height:18px}.option-icon{width:22px;height:22px}.option-icon svg{width:18px;height:18px}}@media(min-width:2560px){.options-btn{width:40px;height:40px}.options-btn svg{width:20px;height:20px}.option-icon{width:24px;height:24px}.option-icon svg{width:20px;height:20px}}.drawer-control-btn:focus{outline:2px solid var(--accent-blue-solid);outline-offset:2px}.drawer-control-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.return-to-dashboard-btn:hover{color:var(--accent-blue-solid);border-color:var(--accent-blue-solid);background:#3b82f61a}.return-to-dashboard-btn svg{width:16px;height:16px;flex-shrink:0;fill:currentColor}.footer-nav-group .pagination-dots-container{padding:0;margin:0;display:flex;align-items:center;justify-content:center;gap:6px;position:static;background:transparent;z-index:inherit}.footer-nav-group .pagination-dot{width:8px;height:8px;background-color:var(--text-secondary);opacity:.5;border:none;position:static;margin:0}.footer-nav-group .pagination-dot:hover{opacity:.8;background-color:var(--accent-blue-solid);transform:scale(1.2)}.footer-nav-group .pagination-dot.active{width:10px;height:10px;background-color:var(--accent-blue-solid);opacity:1}.header-right{flex:0 0 auto;position:relative}.back-btn,.options-btn{background:none;border:var(--text-secondary);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable)}.back-btn:hover,.options-btn:hover{background:var(--hover-bg-overlay);color:var(--text-primary)}.back-btn svg,.options-btn svg{width:20px;height:20px;flex-shrink:0}.back-btn{display:flex;align-items:center;gap:4px;width:auto;min-width:32px;padding:var(--spacing-sm) var(--spacing-xs)}.breadcrumb-chevrons{display:flex;align-items:center;gap:1px;margin-left:2px}.breadcrumb-chevron{font-size:12px;color:var(--text-secondary);font-weight:500;line-height:1;opacity:.8;transition:all var(--transition-fast)}.back-btn:hover .breadcrumb-chevron{opacity:1;color:var(--text-secondary)}.connection-area{display:flex;align-items:center}.node-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;text-align:center;letter-spacing:-.02em;line-height:var(--line-height-tight)}.options-dropdown{position:absolute;top:100%;right:0;background:var(--bg-primary);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;padding:8px 0;min-width:180px;box-shadow:0 4px 16px #0003;z-index:var(--z-drawer-dropdown)}.option-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-lg);background:none;border:none;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);text-align:left}.option-item:hover{background:var(--hover-bg-overlay)}.option-icon{font-size:var(--font-size-sm);width:20px;height:20px;text-align:center;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-icon svg{width:16px;height:16px;flex-shrink:0}.option-label{font-size:var(--font-size-sm)}.simplified-drawer-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:transparent}.simplified-content-wrapper{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0;position:relative}.simplified-content-wrapper.has-lock-overlay{overflow:hidden}.simplified-content-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-sm);min-height:0;display:flex;flex-direction:column;background:var(--elevation-00dp);-webkit-user-select:text;user-select:text}.collapsed-content{display:flex;align-items:center;justify-content:center;height:var(--header-height);padding:var(--spacing-lg)}.collapse-hint{color:var(--text-secondary);font-size:var(--font-size-xs);text-align:center;margin:0;opacity:.7}.tree-view{height:auto;padding:var(--spacing-sm) var(--spacing-md);background:transparent}.tree-view-content{height:auto;padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--border-radius-lg)}.tree-view-empty,.no-branches-message{border:1px solid var(--border-color);border-radius:16px;padding:var(--spacing-xl);background:var(--elevation-01dp);margin-bottom:var(--spacing-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;text-align:center;color:var(--text-secondary);box-shadow:var(--shadow-elevation-01dp)}.branches-list{display:flex;flex-direction:column;gap:6px;padding-bottom:var(--spacing-md)}.tree-view .universal-section{margin-bottom:0;padding:var(--spacing-md);background:var(--elevation-02dp);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-elevation-02dp);transition:all .2s cubic-bezier(.4,0,.2,1)}.tree-view .universal-section:hover{background:var(--elevation-04dp);border-color:var(--accent-sage);box-shadow:var(--shadow-elevation-04dp);transform:translateY(-2px)}.simplified-drawer-content .universal-section,.simplified-content-area .universal-section,.action-status-section,.action-description-section,.action-details-section{background:var(--elevation-02dp);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-elevation-01dp)}.simplified-drawer-content .universal-section:hover,.simplified-content-area .universal-section:hover{background:var(--elevation-04dp);border-color:var(--accent-sage);box-shadow:var(--shadow-elevation-02dp)}.branch-item{border:none;border-left:4px solid transparent;border-radius:var(--border-radius-lg);padding:var(--spacing-md);background:var(--bg-secondary);margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #0000001a}.branch-item:hover{background:var(--overlay-medium);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.branch-item.selected{background:var(--bg-info-overlay);border-left-color:var(--drawer-ui-green);box-shadow:0 4px 16px #10b98133}.branch-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-meta{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.branch-connection{color:var(--drawer-ui-green)}.branch-item.status-available{border-left-color:var(--drawer-ui-green)}.branch-item.status-in-progress{border-left-color:var(--accent-blue-solid, #3b82f6)}.branch-item.status-completed{border-left-color:var(--drawer-ui-green)}.add-branch-btn{background:var(--drawer-ui-green);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;transition:background var(--transition-fast);margin-top:var(--spacing-lg)}.add-branch-btn:hover{background:var(--drawer-ui-green-hover)}.actions-list{display:flex;flex-direction:column;gap:8px;padding:var(--spacing-sm);padding-top:var(--spacing-md)}.action-item{border:none;border-radius:0;padding:var(--spacing-sm);background:transparent;margin-bottom:2px;cursor:pointer;transition:all var(--transition-fast)}.action-item.selected{background:var(--bg-info-overlay);border-radius:var(--border-radius-sm);border-left:3px solid var(--drawer-ui-green)}.action-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.add-action-btn,.add-action-footer .add-action-btn{background:var(--drawer-ui-green);color:var(--text-on-accent);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;transition:background var(--transition-fast);margin-top:var(--spacing-lg)}.add-action-btn:hover{background:var(--drawer-ui-green-hover)}.save-btn{background:var(--drawer-ui-green);color:#000;border:none}.save-btn:hover{background:var(--drawer-ui-green-hover)}.edit-btn{background:var(--solid-accent-blue, #3b82f6);color:#fff;border:none}.edit-btn:hover{background:var(--solid-accent-blue-hover, #2563eb)}.action-status-section,.action-description-section,.action-details-section,.branch-description-section{border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-lg);padding:var(--spacing-md);background:var(--overlay-subtle);margin-bottom:var(--spacing-lg)}.action-status-button.status-in_progress{background:#7cb5181a;border-color:var(--drawer-ui-green);color:var(--drawer-ui-green)}.action-status-button.status-in_progress:hover{background:#7cb51833;border-color:var(--drawer-ui-green-hover)}.action-status-button.status-completed{background:var(--drawer-ui-green);border-color:var(--drawer-ui-green);color:#000;font-weight:600}.action-status-button.status-completed:hover{background:var(--drawer-ui-green-hover);border-color:var(--drawer-ui-green-hover)}.action-description-display-clean{color:var(--content-description-color);font-family:var(--content-description-font);font-size:var(--content-description-size);line-height:var(--content-description-line-height);word-wrap:break-word}.description-bullet-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding-left:var(--spacing-xs)}.description-bullet-item .bullet-marker{color:var(--tree-green);font-weight:var(--font-weight-bold);font-family:var(--content-description-font);font-size:var(--content-description-size);line-height:var(--content-description-line-height);flex-shrink:0}.description-bullet-item .bullet-text{color:var(--text-secondary);font-family:var(--content-description-font);font-size:var(--content-description-size);font-weight:var(--content-description-weight);line-height:var(--content-description-line-height)}.description-text-line{color:var(--content-description-color);font-family:var(--content-description-font);font-size:var(--content-description-size);font-weight:var(--font-weight-medium);line-height:var(--content-description-line-height);margin-bottom:var(--spacing-xs)}.action-description-display{background:var(--bg-secondary, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:6px;padding:12px;color:var(--text-primary);min-height:80px;white-space:pre-wrap}.tag{background:var(--solid-accent-blue, #3b82f6);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.details-content{margin-top:var(--spacing-sm);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.action-state-toggles{display:flex;gap:var(--spacing-md);align-items:center;margin-right:var(--spacing-sm)}.toggle-group{display:flex;flex-direction:column;gap:4px;align-items:center}.toggle-label{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px;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{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.toggle-label-detail{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.branch-drawer-drag-handle-header{flex-shrink:0;width:100%;padding:16px 0;min-height:36px;background:transparent;border:none;transition:background .2s ease;display:flex;justify-content:center;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.branch-drawer-drag-handle-header .drag-handle-visual{width:64px;height:4px;background:var(--text-tertiary);border-radius:2px;cursor:grab;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.branch-drawer-drag-handle-header:hover .drag-handle-visual{background:var(--text-secondary)}.branch-drawer-sidebar.dragging .branch-drawer-drag-handle-header{cursor:grabbing;background:var(--state-hover)}.branch-drawer-sidebar.dragging .drag-handle-visual{background:var(--accent-blue, #3b82f6);transform:scaleX(1.1);box-shadow:0 0 8px #3b82f666}.light-theme .branch-drawer-sidebar.dragging .branch-drawer-drag-handle-header{background:var(--state-hover)}.light-theme .branch-drawer-sidebar.dragging .drag-handle-visual{background:var(--accent-amber, #d4a574);box-shadow:0 0 8px #d4a57459}@media only screen and (min-width:601px){.branch-drawer-drag-handle-header{display:none}}.drawer-ghost-preview{position:fixed;left:8px;right:8px;width:calc(100% - 16px);border:2px dashed var(--accent-blue, #3b82f6);background:#3b82f614;border-radius:12px 12px 0 0;pointer-events:none;z-index:var(--z-drawer-panel-backdrop);transition:all .15s cubic-bezier(.4,0,.2,1);opacity:0}.drawer-ghost-preview.visible{opacity:1}.drawer-ghost-preview.fullscreen-target{border-radius:12px 12px 0 0;top:8px;bottom:var(--mobile-capsule-clearance, 80px);height:auto}.drawer-ghost-preview.compact-target{border-radius:12px 12px 0 0;height:calc(60vh - var(--mobile-capsule-clearance, 80px));bottom:var(--mobile-capsule-clearance, 80px);top:auto}.drawer-ghost-preview.closed-target{border-radius:12px 12px 0 0;height:88px;bottom:var(--mobile-capsule-clearance, 80px);top:auto}.light-theme .drawer-ghost-preview{border-color:var(--accent-amber, #d4a574);background:#d4a57414}@media only screen and (max-width:600px){.branch-drawer-sidebar.fullscreen-mode{position:fixed;top:8px!important;left:0!important;right:0!important;bottom:var(--mobile-capsule-clearance, 80px)!important;width:100%!important;height:auto!important;max-height:none!important;border-radius:12px 12px 0 0!important;z-index:var(--z-drawer-panel-fullscreen)}}@media only screen and (max-width:600px){.branch-drawer-sidebar.closed-mode,.branch-drawer-sidebar.collapsed-mode{max-height:140px;height:auto;overflow:visible;width:100%!important;left:0!important;right:0!important;border-radius:20px 20px 0 0!important;box-shadow:var(--shadow-elevation-08dp);bottom:var(--mobile-capsule-clearance, 80px)!important;z-index:var(--z-drawer-panel-closed, 1025)!important}.branch-drawer-sidebar.compact-mode{height:200px!important;min-height:200px!important;max-height:200px!important;width:100%!important;left:0!important;right:0!important;border-radius:20px 20px 0 0!important;box-shadow:var(--shadow-elevation-08dp)}}.drawer-lock-banner{background:linear-gradient(135deg,#4b473ef2,#75715ef2);color:var(--accent-green);padding:12px 16px;border-radius:8px;font-weight:600;font-size:14px;margin:8px 16px;text-align:center;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;gap:8px;animation:fadeInDown .3s ease-out}.drawer-lock-icon{font-size:18px;line-height:1}.drawer-lock-text strong{color:var(--text-primary);text-decoration:underline}.simplified-content-area.locked-branch{position:relative;pointer-events:none;-webkit-user-select:none;user-select:none}.branch-lock-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1e1f1cb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-drawer-header-footer);pointer-events:all;animation:fadeIn .3s ease-out}.light-theme .branch-lock-overlay,:root[data-theme=light] .branch-lock-overlay{background:#3d342880}.branch-lock-hint{background:var(--elevation-08dp, rgba(30, 31, 28, .95));padding:28px 36px;border-radius:16px;text-align:center;max-width:320px;border:1px solid var(--border-color);box-shadow:var(--shadow-elevation-12dp, 0 6px 24px rgba(0, 0, 0, .4));display:flex;flex-direction:column;align-items:center;gap:16px;font-family:var(--font-sans)}.light-theme .branch-lock-hint,:root[data-theme=light] .branch-lock-hint{background:#faf5e6f2;border:1px solid rgba(61,52,40,.15);box-shadow:var(--shadow-elevation-12dp, 0 6px 24px rgba(61, 52, 40, .2))}.lock-hint-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);animation:lockPulse 2s ease-in-out infinite}.light-theme .lock-hint-icon,:root[data-theme=light] .lock-hint-icon{color:var(--text-charcoal, #5a4f43)}.lock-hint-text{color:var(--text-secondary);font-family:var(--font-sans);font-size:15px;font-weight:var(--font-weight-regular);line-height:1.6;letter-spacing:var(--letter-spacing-normal);margin:0}.light-theme .lock-hint-text,:root[data-theme=light] .lock-hint-text{color:var(--text-charcoal, #5a4f43)}.lock-hint-text strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.back-to-tree-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:10px 20px;min-height:var(--touch-target-comfortable, 44px);background:var(--state-hover);color:var(--text-primary);border:none;border-radius:20px;cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:var(--font-weight-medium);letter-spacing:.01em;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.back-to-tree-btn:hover{background:var(--state-pressed)}.back-to-tree-btn:active{background:var(--state-selected);transform:scale(.98)}.back-to-tree-btn:focus-visible{outline:2px solid var(--accent-sage);outline-offset:2px}.light-theme .back-to-tree-btn,:root[data-theme=light] .back-to-tree-btn{background:var(--state-hover);color:var(--text-ink, #3d3428)}.light-theme .back-to-tree-btn:hover,:root[data-theme=light] .back-to-tree-btn:hover{background:var(--state-pressed)}.drawer-control-header.locked{border-bottom:2px solid rgba(117,113,94,.3)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes lockPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes jellyExpand{0%{transform:scaleY(.92);opacity:.7}50%{transform:scaleY(1.04)}75%{transform:scaleY(.98)}to{transform:scaleY(1);opacity:1}}@keyframes squishBounce{0%,to{transform:scale(1)}15%{transform:scaleY(.92) scaleX(1.04)}35%{transform:scaleY(1.06) scaleX(.97)}55%{transform:scaleY(.97) scaleX(1.02)}75%{transform:scaleY(1.02) scaleX(.99)}}@keyframes jellyCollapse{0%{transform:scaleY(1) scaleX(1);opacity:1}30%{transform:scaleY(.88) scaleX(1.03)}55%{transform:scaleY(1.05) scaleX(.98)}75%{transform:scaleY(.97) scaleX(1.01)}to{transform:scaleY(1) scaleX(1);opacity:.9}}.drawer-control-header.expanding{animation:jellyExpand .4s var(--ease-spring, cubic-bezier(.68, -.55, .27, 1.55));transform-origin:top center}.drawer-collapsed-header.bounce-feedback{animation:squishBounce .4s var(--ease-spring, cubic-bezier(.68, -.55, .27, 1.55));transform-origin:center center}.drawer-control-header.collapsing{animation:jellyCollapse .35s var(--ease-spring, cubic-bezier(.68, -.55, .27, 1.55));transform-origin:top center}@keyframes drawerBounce{0%,to{transform:scale(1)}35%{transform:scale(.996)}70%{transform:scale(1.004)}}@keyframes drawerCollapse{0%{transform:scaleY(1) scaleX(1);opacity:1}to{transform:scaleY(.97) scaleX(1.003);opacity:.95}}@keyframes collapsedLanding{0%{transform:scaleY(.98);opacity:.95}50%{transform:scaleY(1.012)}80%{transform:scaleY(.997)}to{transform:scaleY(1);opacity:1}}.branch-drawer-sidebar.bounce-feedback{animation:drawerBounce .18s cubic-bezier(.34,1.56,.64,1);transform-origin:center center;will-change:transform}.branch-drawer-sidebar.collapsing{animation:drawerCollapse .15s ease-out forwards;transform-origin:top center;will-change:transform}.drawer-collapsed-header.entering{animation:collapsedLanding .18s cubic-bezier(.34,1.56,.64,1);transform-origin:top center;will-change:transform}@media(prefers-reduced-motion:reduce){.drawer-control-header.expanding,.drawer-control-header.collapsing,.drawer-collapsed-header.bounce-feedback,.drawer-collapsed-header.entering,.branch-drawer-sidebar.bounce-feedback,.branch-drawer-sidebar.collapsing{animation:none}}@media only screen and (max-width:600px){.branch-lock-hint{padding:24px 28px;max-width:280px;gap:12px}.lock-hint-text{font-size:14px}.back-to-tree-btn{padding:12px 24px;font-size:15px}}.drawer-compact-handle{position:sticky;top:0;min-height:110px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:var(--drawer-compact-handle-padding-top) var(--spacing-md) var(--drawer-compact-handle-padding-bottom) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-lg, 12px);cursor:pointer;-webkit-user-select:none;user-select:none;z-index:var(--z-drawer-header-footer);overflow:visible;width:100%;transition:height .2s ease-out,background .2s ease}.drawer-compact-handle.mobile{cursor:grab;touch-action:none;border-radius:20px 20px 0 0;box-shadow:var(--shadow-elevation-08dp);width:100%;margin-left:0;margin-right:0;min-height:239px;margin-bottom:0;padding-bottom:var(--spacing-lg)}.drawer-compact-handle.mobile:active{cursor:grabbing;background:var(--state-pressed)}.drawer-compact-handle.desktop{cursor:pointer;display:flex;flex-direction:column;align-items:stretch;background:var(--bg-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg, 12px);padding:var(--spacing-sm) var(--spacing-lg);padding-bottom:var(--spacing-md);gap:var(--spacing-sm);box-shadow:var(--shadow-elevation-02dp);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.drawer-compact-handle.desktop:hover{background:var(--bg-elevated);transform:translateY(-1px);box-shadow:var(--shadow-elevation-04dp)}.drawer-compact-handle.desktop:active{transform:translateY(0);background:var(--state-pressed)}.drawer-compact-handle.desktop .handle-drag-bar{display:none}.compact-header-row{display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:44px;padding:0 var(--spacing-xl)}.compact-item-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.4;color:var(--text-primary);text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;word-break:break-word;flex:1 1 auto;min-width:0;max-width:calc(100% - 60px);transition:opacity .15s ease-out}.compact-nav-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding-top:var(--spacing-xs)}.compact-nav-controls{display:flex;align-items:center;gap:4px}.compact-options-btn{position:absolute;top:50%;right:var(--spacing-xs);transform:translateY(-50%);width:44px;height:44px;min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);padding:0;background:transparent;border:1px solid transparent;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.compact-options-btn:hover{background:var(--state-hover);border-color:var(--border-color);color:var(--text-primary);transform:translateY(-1px)}.compact-options-btn:active{background:var(--state-pressed);transform:translateY(0)}.drawer-compact-handle.desktop .compact-header-row{display:flex;align-items:center;justify-content:space-between;padding:0;width:100%;min-height:44px}.compact-controls-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1 1 auto;min-width:0;max-width:calc(100% - 60px)}.compact-controls-right{display:flex;align-items:center;flex-shrink:0}.drawer-compact-handle.desktop .compact-options-btn{position:relative;top:auto;right:auto;transform:none;width:32px;height:32px;min-width:32px;min-height:32px}.drawer-compact-handle.desktop .hierarchy-indicators.compact{display:none}.hierarchy-indicators.compact{display:flex;align-items:center;gap:4px;flex-shrink:0}.hierarchy-indicators.compact .hierarchy-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--border-radius-sm);color:var(--text-tertiary);transition:color var(--transition-fast),background var(--transition-fast)}.hierarchy-indicators.compact .hierarchy-icon.active{color:var(--accent-green);background:var(--state-selected)}.hierarchy-indicators.compact .hierarchy-icon.inactive{color:var(--text-tertiary);opacity:.5}.compact-tree-name{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.3;letter-spacing:-.01em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.compact-status-line{display:flex;align-items:center;justify-content:flex-start;padding:8px 16px 12px;border-top:1px solid var(--glass-border-dark);gap:10px;width:100%;box-sizing:border-box}.drawer-compact-handle.desktop .compact-status-line{padding:8px 0 0;margin-top:4px}.drawer-compact-handle.mobile .compact-status-line{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-sm);background:var(--elevation-overlay-01dp);border-radius:var(--border-radius-md)}.drawer-compact-handle.mobile .compact-status-text{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.drawer-compact-handle.mobile .compact-progress-ring{position:relative;display:flex;align-items:center;justify-content:center}.drawer-compact-handle.mobile .compact-progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;font-weight:700;color:var(--text-primary)}.compact-status-text{font-size:12px;font-weight:500;color:var(--text-secondary);line-height:1.4}.compact-progress-ring{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.compact-progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;font-weight:700;color:var(--text-primary);line-height:1}.light-theme .compact-status-line{border-top-color:var(--glass-border-light)}.light-theme .compact-status-text{color:var(--text-secondary)}.compact-pagination-row{display:flex;align-items:center;justify-content:center;width:100%;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-xs);margin-top:0}.compact-pagination-row .pagination-dots{scale:.9;opacity:.8}.handle-drag-bar{display:flex;justify-content:center;align-items:center;width:100%;padding:2px 0}.header-drag-bar{position:absolute;top:0;left:0;right:0;height:var(--drawer-drag-handle-height);z-index:var(--z-drawer-drag-handle);display:flex;justify-content:center;align-items:center;width:100%;padding:16px 0;background:linear-gradient(to bottom,#00000014,#00000005);border-bottom:1px solid rgba(255,255,255,.08)}.compact-handle-nav{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:32px}.compact-nav-arrow{flex-shrink:0;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.compact-nav-arrow:hover{background:var(--hover-bg-overlay);border-color:var(--border-color);color:var(--text-primary);transform:translateY(-1px)}.compact-nav-arrow:active{background:var(--state-pressed);transform:translateY(0)}.compact-nav-arrow:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.handle-navigation{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 4px);width:100%;min-height:28px}.handle-tree-name{font-size:var(--font-size-base, 14px);font-weight:500;color:var(--text-primary, #f8f5ed);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;flex:1 1 auto;text-align:center}.handle-nav-arrow{display:flex;align-items:center;justify-content:center;width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);padding:0;background:transparent;border:none;border-radius:var(--border-radius-md, 8px);color:var(--text-secondary, #a8a29e);cursor:pointer;transition:all var(--transition-fast, .15s);flex-shrink:0;-webkit-tap-highlight-color:transparent}.handle-nav-arrow:hover{background:var(--state-hover);color:var(--text-primary)}.handle-nav-arrow:active{background:var(--state-pressed);transform:scale(.95)}.handle-nav-arrow:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.handle-status-row{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:20px;padding:0 var(--spacing-sm)}.handle-status-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.handle-status-item{font-size:var(--font-size-xs, 12px);color:var(--text-tertiary, #78716c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.handle-status-pagination{color:var(--text-secondary, #a8a29e);font-weight:500;padding:2px 6px;background:var(--state-hover);border-radius:var(--border-radius-sm, 4px)}.drawer-compact-handle .pagination-dots{scale:.8;opacity:.7}@media(max-width:600px){.drawer-control-header{touch-action:none}}.light-theme .drawer-compact-handle{background:var(--bg-secondary);box-shadow:var(--shadow-elevation-01dp)}.light-theme .drawer-compact-handle:hover{background:var(--bg-elevated)}.light-theme .drawer-compact-handle.desktop:hover{background:var(--bg-elevated);box-shadow:var(--shadow-elevation-04dp)}.light-theme .compact-tree-name,.light-theme .handle-tree-name{color:var(--text-primary, #3d3428)}.light-theme .compact-options-btn,.light-theme .compact-nav-arrow{color:var(--text-secondary, #75715e)}.light-theme .compact-options-btn:hover,.light-theme .compact-nav-arrow:hover{background:var(--state-hover);border-color:var(--border-color);color:var(--text-primary, #3d3428)}.branch-drawer-sidebar{position:fixed;color:var(--text-primary);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background:var(--glass-bg-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transform:none;transition:box-shadow .3s ease}@media(min-width:601px){.branch-drawer-sidebar{inset:80px 12px 20px auto;width:480px;max-width:480px;height:auto;border:1px solid var(--glass-border-dark);border-radius:16px;box-shadow:var(--glass-shadow-dark),var(--glass-inset-highlight);z-index:var(--z-drawer-panel-compact);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s ease-out,box-shadow .3s ease;transform:translate(calc(100% + 40px));opacity:0;pointer-events:none}.branch-drawer-sidebar.open{transform:translate(0);opacity:1;pointer-events:auto}.branch-drawer-sidebar.closed-mode,.branch-drawer-sidebar.collapsed-mode{top:80px;bottom:auto;height:auto;min-height:unset;max-height:none;overflow:hidden;opacity:1;pointer-events:auto;transform:translate(0);background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.branch-drawer-sidebar.closed-mode .drawer-content,.branch-drawer-sidebar.collapsed-mode .drawer-content{display:none}.branch-drawer-sidebar{transition:height .3s cubic-bezier(.4,0,.2,1),max-height .3s cubic-bezier(.4,0,.2,1),min-height .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-out,box-shadow .2s ease-out}.branch-drawer-sidebar.open{top:60px;bottom:12px;height:auto}.branch-drawer-sidebar.open:hover{box-shadow:var(--glass-shadow-dark-strong),var(--glass-inset-highlight-strong)}}.light-theme .branch-drawer-sidebar{background:var(--glass-bg-light);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-light),var(--glass-inset-highlight-light)}.light-theme .branch-drawer-sidebar.open:hover{box-shadow:var(--glass-shadow-light-strong),var(--glass-inset-highlight-light-strong)}@media(min-width:601px)and (max-width:1199px){.branch-drawer-sidebar{width:480px!important;max-width:480px!important;position:fixed!important;inset:12px 12px 12px auto!important;height:auto!important;border-radius:12px!important}.branch-drawer-sidebar.closed-mode,.branch-drawer-sidebar.collapsed-mode{bottom:auto!important;height:auto!important;min-height:unset!important;max-height:none!important;background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.branch-drawer-sidebar.open:hover{box-shadow:var(--glass-shadow-dark-strong),var(--glass-inset-highlight)}.light-theme .branch-drawer-sidebar.open:hover{box-shadow:var(--glass-shadow-light-strong),var(--glass-inset-highlight-light)}}@media(min-width:1200px)and (max-width:1439px){.branch-drawer-sidebar{width:480px!important;max-width:480px!important;right:16px!important}}@media(min-width:1440px)and (max-width:1919px){.branch-drawer-sidebar{width:520px!important;max-width:520px!important;top:20px!important;bottom:20px!important;right:20px!important}.branch-drawer-sidebar.closed-mode,.branch-drawer-sidebar.collapsed-mode{bottom:auto!important;height:auto!important;min-height:unset!important;max-height:none!important;background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media(min-width:1920px){.branch-drawer-sidebar{width:560px!important;max-width:560px!important;right:24px!important}.branch-drawer-sidebar.closed-mode,.branch-drawer-sidebar.collapsed-mode{bottom:auto!important;height:auto!important;min-height:unset!important;max-height:none!important;background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media(max-width:600px){.branch-drawer-sidebar{position:fixed;background:var(--drawer-bg-primary);border:1px solid var(--glass-border-dark-subtle);box-shadow:var(--shadow-elevation-08dp);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:none;opacity:1;pointer-events:auto}.branch-drawer-sidebar.dragging{box-shadow:0 -4px 24px #00000059,0 0 40px #3b82f633;filter:brightness(1.05)}.branch-drawer-sidebar.will-snap-to-fullscreen{box-shadow:0 -4px 24px #00000059,0 0 48px #7cb5184d;border-top:2px solid rgba(124,181,24,.5)}.branch-drawer-sidebar.will-snap-to-closed{box-shadow:0 -4px 24px #00000059,0 0 48px #ff66664d;border-top:2px solid rgba(255,102,102,.5);opacity:.9}.drawer-ghost-preview{position:fixed;bottom:var(--safe-area-bottom, 0px);left:0;right:0;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;background:var(--reactflow-toolbar-bg);border:2px dashed rgba(124,181,24,.6);pointer-events:none;z-index:var(--z-drawer-panel-backdrop);transition:opacity .15s ease,height .15s ease;box-shadow:0 -4px 24px #00000059,0 0 48px #7cb5184d}.light-theme .branch-drawer-sidebar{border:1px solid rgba(61,52,40,.12);box-shadow:0 -4px 24px #3d34282e,0 0 48px #3d34281a}.light-theme .branch-drawer-sidebar.dragging{box-shadow:0 -4px 28px #3d342838,0 0 52px #d4a5742e;filter:brightness(1.03)}.light-theme .drawer-ghost-preview{background:var(--beige-canvas);border:2px dashed rgba(139,154,127,.6);box-shadow:0 -4px 24px #3d34282e,0 0 48px #8b9a7f4d}}@keyframes drawerContentExpand{0%{opacity:0;transform:translateY(-8px) scaleY(.98)}to{opacity:1;transform:translateY(0) scaleY(1)}}.drawer-content{display:flex;flex-direction:column;height:100%;width:100%;pointer-events:auto;min-height:0;animation:drawerContentExpand .3s cubic-bezier(.4,0,.2,1) forwards;transform-origin:top center}.drawer-single-column{flex:1;display:flex;flex-direction:column;height:100%;overflow:visible}.branches-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;overflow:visible}.drawer-list-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.placeholder{opacity:.6}.no-content,.no-branches{color:var(--text-secondary);font-style:italic;text-align:center;padding:var(--spacing-lg)}.light-theme .drawer-card{background:var(--bg-primary);border:1px solid var(--border-color)}.light-theme .branch-drawer-sidebar{border:var(--drawer-border-light, 1px solid rgba(61, 52, 40, .12));box-shadow:0 20px 40px #3d34282e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.light-theme .branch-drawer-sidebar.open:hover{box-shadow:0 20px 40px #3d342838,0 0 20px #d4a57426}.light-theme .drawer-content,.light-theme .drawer-single-column,.light-theme .simplified-drawer-content,.light-theme .simplified-content-wrapper,.light-theme .simplified-content-area{background:transparent}.branch-drawer-sidebar.inline-mode{position:relative;inset:auto;width:100%;max-width:100%;max-height:50vh;min-height:200px;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;border-top:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation-04dp);flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.branch-drawer-sidebar.inline-mode.collapsed-mode{height:auto;min-height:200px}.branch-drawer-sidebar.inline-mode .drawer-content{flex:1;overflow-y:auto;min-height:0}@media(max-width:600px){.branch-drawer-sidebar.inline-mode{position:fixed;bottom:var(--safe-area-bottom, env(safe-area-inset-bottom, 0px));left:0;right:0;top:auto;width:100%;max-width:100%;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}}@media(min-width:1400px){.branch-drawer-sidebar.right-panel-mode{position:relative;inset:auto;width:100%;height:100%;max-height:100%;box-shadow:none;border-radius:0;border:none;background:var(--elevation-02dp);overflow:hidden;display:flex;flex-direction:column}.branch-drawer-sidebar.right-panel-mode .drawer-drag-handle,.branch-drawer-sidebar.right-panel-mode .drawer-collapsed-handle,.branch-drawer-sidebar.right-panel-mode .drag-handle-visual{display:none}.branch-drawer-sidebar.right-panel-mode .unified-drawer-header{border-radius:0;border-bottom:1px solid var(--border-subtle);padding-top:var(--spacing-sm)}.branch-drawer-sidebar.right-panel-mode .drawer-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.branch-drawer-sidebar.right-panel-mode.collapsed-mode{height:100%;max-height:100%}}.tree-options-menu{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.tree-options-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs, 6px);background:transparent;border:none;border-radius:var(--border-radius-sm, 4px);color:var(--text-secondary, #b0b0b0);cursor:pointer;transition:all .2s ease;flex-shrink:0}.tree-options-btn:hover{background:#ffffff1a;color:var(--text-primary, #ffffff)}.tree-options-btn:active{background:#ffffff26}.tree-options-btn[aria-expanded=true]{background:#a6e22e26;color:var(--accent-green, #a6e22e)}.tree-options-dropdown{min-width:200px;max-width:90vw;max-height:min(400px,80vh);background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-primary, rgba(255, 255, 255, .1));border-radius:8px;box-shadow:0 8px 24px #0006;overflow-y:auto;overflow-x:hidden;animation:dropdownFadeIn .15s ease-out;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--text-secondary, #b0b0b0) transparent}.tree-options-dropdown--portal{z-index:var(--z-dialog-dropdown)}.tree-options-dropdown::-webkit-scrollbar{width:6px}.tree-options-dropdown::-webkit-scrollbar-track{background:transparent}.tree-options-dropdown::-webkit-scrollbar-thumb{background:var(--text-secondary, #b0b0b0);border-radius:3px}.tree-options-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-primary, #ffffff)}.tree-option-item{display:flex;align-items:center;gap:10px;width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;color:var(--text-primary, #ffffff);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background-color .15s ease}.tree-option-item:hover{background:var(--bg-hover, rgba(255, 255, 255, .06))}.tree-option-item:active{background:var(--bg-active, rgba(255, 255, 255, .08))}.tree-option-item.destructive{color:var(--error-color, #ff6b6b)}.tree-option-item.destructive:hover{background:#ff6b6b1a}.tree-option-item.destructive .tree-option-icon{color:var(--error-color, #ff6b6b)}.tree-option-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--text-secondary, #b0b0b0);flex-shrink:0}.tree-option-item:hover .tree-option-icon{color:inherit}.tree-option-label{flex:1;white-space:nowrap}.tree-option-chevron{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--text-secondary, #b0b0b0);flex-shrink:0;margin-left:auto}.tree-option-item:hover .tree-option-chevron{color:inherit}.tree-option-item.disabled{opacity:.5;cursor:not-allowed}.tree-option-item.disabled:hover{background:transparent}.tree-option-item.active{background:var(--bg-hover, rgba(255, 255, 255, .06))}.tree-options-submenu{position:absolute;top:0;left:calc(100% + 4px);min-width:200px;max-width:90vw;max-height:min(300px,70vh);background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-primary, rgba(255, 255, 255, .1));border-radius:8px;box-shadow:0 8px 24px #0006;z-index:var(--z-drawer-options-submenu);overflow-y:auto;overflow-x:hidden;animation:submenuFadeIn .15s ease-out;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--text-secondary, #b0b0b0) transparent}.tree-options-submenu::-webkit-scrollbar{width:6px}.tree-options-submenu::-webkit-scrollbar-track{background:transparent}.tree-options-submenu::-webkit-scrollbar-thumb{background:var(--text-secondary, #b0b0b0);border-radius:3px}.tree-options-submenu::-webkit-scrollbar-thumb:hover{background:var(--text-primary, #ffffff)}@keyframes submenuFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.tree-option-subitem{display:flex;align-items:center;width:100%;padding:10px 14px;background:transparent;border:none;color:var(--text-primary, #ffffff);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background-color .15s ease}.tree-option-subitem:hover{background:var(--bg-hover, rgba(255, 255, 255, .06))}.tree-option-subitem:active{background:var(--bg-active, rgba(255, 255, 255, .08))}.tree-options-menu--header{margin-left:0}.tree-options-menu--header .tree-options-dropdown{right:0}@media(max-width:600px){.tree-options-btn{padding:var(--spacing-sm, 10px)}.tree-options-dropdown{min-width:180px;max-height:min(300px,60vh);font-size:var(--font-size-sm, 13px);right:0;left:auto}.tree-option-item{padding:var(--spacing-xs) var(--spacing-xs);gap:var(--spacing-xs)}.tree-options-menu--header .tree-options-dropdown{right:calc(-1 * var(--spacing-xs, 4px))}.tree-options-submenu{left:auto;right:calc(100% + 4px);max-height:min(250px,50vh)}@media(max-width:400px){.tree-options-submenu{position:fixed;inset:auto auto 20px 50%;transform:translate(-50%);max-width:calc(100vw - 40px);max-height:40vh}}}.content-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.content-view__body{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:var(--spacing-md)}.content-view__subheader{display:flex;align-items:center;gap:var(--spacing-xs, 6px);padding:var(--spacing-sm, 6px) var(--spacing-sm, 8px);margin:var(--spacing-sm, 6px) var(--spacing-xl, 6px);background:var(--elevation-02dp, rgba(255, 255, 255, .05));border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:20px;box-shadow:0 1px 2px #00000014}.content-view__subheader-left{display:flex;align-items:center;gap:var(--spacing-xs, 6px)}.content-view__subheader-type-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0}.content-view__subheader-type-icon svg{width:14px;height:14px}.content-view__subheader-spacer{flex:1}.content-view__subheader-checkbox{flex-shrink:0}.content-view__subheader-checkbox.unified-checkbox--checked{opacity:.6}.content-view__subheader-badge--ai{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--accent-blue-muted, rgba(74, 158, 255, .15));color:var(--accent-blue-solid, #4a9eff);border-radius:50%}.content-view__subheader-badge--ai svg{width:12px;height:12px;flex-shrink:0}.content-view__section{margin-bottom:var(--spacing-md)}.content-view__section:last-child{margin-bottom:0}.content-view__section-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.content-view--loading{display:flex;align-items:center;justify-content:center;min-height:200px}.content-view__spinner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--text-secondary)}.content-view__spinner .spinner{width:32px;height:32px;border:3px solid var(--border-subtle, rgba(255, 255, 255, .1));border-top-color:var(--accent-primary, #4a9eff);border-radius:50%;animation:content-view-spin .8s linear infinite}@keyframes content-view-spin{to{transform:rotate(360deg)}}.content-view--empty{display:flex;align-items:center;justify-content:center;min-height:200px;padding:var(--spacing-lg)}.content-view__empty-content{text-align:center;color:var(--text-secondary)}.content-view__empty-content p{margin:0;font-family:var(--font-sans)}.content-view__empty-hint{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);opacity:.7}.content-view--note .content-view__body{padding:var(--spacing-xs, 6px)}.content-view--note .content-view__section--editor{flex:1;display:flex;flex-direction:column;min-height:0}.content-view--note .content-view__editor{flex:1;min-height:200px}.content-view--note .note-universal-editor{height:100%;display:flex;flex-direction:column;min-height:0}.content-view--note .note-universal-editor .editor-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-xs, 6px) var(--spacing-sm, 8px);margin-top:var(--spacing-xs, 4px)}.content-view--note .note-universal-editor .ProseMirror{min-height:80px;font-size:var(--font-size-sm);line-height:1.6}.content-view--note .note-universal-editor .ProseMirror p{margin:0 0 var(--spacing-sm) 0}.content-view--note .note-universal-editor .ProseMirror h1,.content-view--note .note-universal-editor .ProseMirror h2,.content-view--note .note-universal-editor .ProseMirror h3{margin:var(--spacing-md) 0 var(--spacing-xs) 0;font-size:var(--font-size-md)}.content-view--note .note-universal-editor .ProseMirror h1{font-size:var(--font-size-lg)}.content-view--summary .content-view__body{padding:var(--spacing-md)}.content-view--summary .content-view__markdown{line-height:var(--line-height-relaxed, 1.7);color:var(--text-secondary);font-size:var(--font-size-base)}.content-view--summary .content-view__key-points-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.content-view--summary .content-view__key-point-item{padding:var(--spacing-sm);background:var(--elevation-02dp);border-radius:var(--border-radius-md);border-left:3px solid var(--tree-green, #56c676)}.content-view--summary .content-view__key-point-item p{margin:0}.content-view--action .content-view__body{padding:var(--spacing-md)}.action-view .action-description-section,.action-view .action-state-section{border:none;background:transparent;box-shadow:none;padding:0;margin-bottom:var(--spacing-md)}.action-view .section-label{font-family:var(--font-serif);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--text-tertiary);margin-bottom:var(--spacing-sm)}.content-view--branch .content-view__body,.content-view--tree .content-view__body{padding:var(--spacing-md)}.content-view__add-branch-btn{background:var(--accent-blue);color:var(--text-on-accent);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:background var(--transition-fast);min-height:44px}.content-view__add-branch-btn:hover{background:var(--accent-blue-hover)}.content-view__add-branch-btn:active{background:var(--accent-blue-pressed, var(--accent-blue))}.content-view__markdown .markdown-heading{font-family:var(--content-heading-font);font-size:var(--content-heading-size);font-weight:var(--content-heading-weight);line-height:var(--content-heading-line-height);color:var(--content-heading-color);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.content-view__markdown .markdown-heading:first-child{margin-top:0}.content-view__markdown .markdown-subheading{font-family:var(--content-subheading-font);font-size:var(--content-subheading-size);font-weight:var(--content-subheading-weight);line-height:var(--content-subheading-line-height);color:var(--content-subheading-color);margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs)}.content-view__markdown .markdown-paragraph{font-family:var(--content-description-font);font-size:var(--content-description-size);font-weight:var(--content-description-weight);line-height:var(--content-description-line-height);color:var(--content-description-color);margin-bottom:var(--spacing-md)}.content-view__markdown .markdown-paragraph:last-child{margin-bottom:0}.content-view__markdown .markdown-bold{font-family:var(--content-keyword-font);font-weight:var(--content-keyword-weight);color:var(--content-keyword-color)}.content-view__markdown .markdown-list{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.content-view__markdown .markdown-list-item{font-family:var(--content-description-font);font-size:var(--content-description-size);line-height:var(--content-description-line-height);margin-bottom:var(--spacing-sm)}.content-view__markdown .markdown-list-item::marker{color:var(--tree-green, #56c676)}.content-view__markdown .markdown-image-wrapper{display:block;margin:var(--spacing-md) 0}.content-view__markdown .markdown-image{max-width:100%;height:auto;border-radius:var(--border-radius-md)}.content-view__markdown .markdown-image--loading{opacity:.5}.content-view__markdown .markdown-image-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--elevation-02dp);border-radius:var(--border-radius-md);color:var(--text-tertiary)}.content-view__markdown .markdown-image-error__text{font-size:var(--font-size-sm)}@media(max-width:600px){.content-view__body{padding:var(--spacing-sm)}}@media(max-width:480px){.content-view__body{padding:var(--spacing-2xs, 4px)}.content-view__subheader{margin:var(--spacing-xs, 6px) var(--spacing-2xs, 4px) var(--spacing-2xs, 4px);padding:var(--spacing-2xs, 4px) var(--spacing-xs, 6px)}.content-view--note .note-universal-editor .ProseMirror{font-size:var(--font-size-sm)}.content-view--note .note-universal-editor .editor-content{padding:var(--spacing-2xs, 4px) var(--spacing-xs, 6px);margin-top:var(--spacing-2xs, 2px)}.content-view--summary .content-view__markdown{font-size:var(--font-size-sm)}}.drawer-footer-container{container-type:inline-size;container-name:drawer-footer;width:100%}.drawer-footer-buttons{display:flex;justify-content:center;align-items:flex-start;gap:var(--spacing-lg);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);padding-inline:var(--spacing-sm);border-top:1px solid var(--border-color);flex-wrap:nowrap}.drawer-footer-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:transparent;border:none;cursor:pointer;min-width:0;flex:1 1 0;max-width:80px;-webkit-tap-highlight-color:transparent}.drawer-footer-btn:disabled,.drawer-footer-btn.disabled{cursor:default;pointer-events:none}.drawer-footer-btn:disabled .drawer-footer-icon-wrapper,.drawer-footer-btn.disabled .drawer-footer-icon-wrapper{opacity:.4;box-shadow:none}.drawer-footer-btn:disabled .drawer-footer-label,.drawer-footer-btn.disabled .drawer-footer-label{opacity:.4}.drawer-footer-icon-wrapper{width:64px;height:64px;border-radius:20px;background:var(--elevation-01dp);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--border-color);box-shadow:0 3px 0 0 var(--border-color),0 4px 8px #0000001f;transform:translateY(0);transition:transform .1s ease-out,box-shadow .1s ease-out,background .15s ease}.drawer-footer-btn:hover:not(:disabled) .drawer-footer-icon-wrapper{background:var(--elevation-02dp)}.drawer-footer-btn:active:not(:disabled) .drawer-footer-icon-wrapper{transform:translateY(3px);box-shadow:0 0 0 0 var(--border-color),0 1px 2px #0000001a;background:var(--elevation-02dp)}.drawer-footer-label{font-size:.8rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;margin-top:2px}@media(max-width:600px){.drawer-footer-buttons{gap:var(--spacing-md);padding-inline:var(--spacing-xs)}.drawer-footer-icon-wrapper{width:56px;height:56px;border-radius:16px}.drawer-footer-label{font-size:.75rem}}@media(max-width:480px){.drawer-footer-buttons{gap:var(--spacing-sm);padding-inline:4px}.drawer-footer-icon-wrapper{width:48px;height:48px;border-radius:14px}.drawer-footer-btn{gap:2px;padding:2px}.drawer-footer-label{font-size:.7rem}}@media(max-width:320px){.drawer-footer-buttons{gap:var(--spacing-xs);padding-inline:2px}.drawer-footer-icon-wrapper{width:44px;height:44px;border-radius:12px;border-width:1.5px;box-shadow:0 2px 0 0 var(--border-color),0 2px 4px #0000001a}.drawer-footer-btn{gap:0;padding:2px}.drawer-footer-label{display:none}.drawer-footer-icon-wrapper svg{width:18px;height:18px}}@container (max-width: 300px){.drawer-footer-buttons{gap:var(--spacing-sm);padding-inline:4px}.drawer-footer-icon-wrapper{width:52px;height:52px;border-radius:14px}.drawer-footer-label{font-size:.7rem}}@container (max-width: 240px){.drawer-footer-buttons{gap:var(--spacing-xs);padding-inline:2px}.drawer-footer-icon-wrapper{width:44px;height:44px;border-radius:12px;border-width:1.5px;box-shadow:0 2px 0 0 var(--border-color),0 2px 4px #0000001a}.drawer-footer-btn{gap:2px;padding:2px}.drawer-footer-label{font-size:.65rem}}@container (max-width: 180px){.drawer-footer-buttons{gap:4px;padding-inline:0}.drawer-footer-icon-wrapper{width:40px;height:40px;border-radius:10px}.drawer-footer-label{display:none}.drawer-footer-icon-wrapper svg{width:16px;height:16px}}.provenance-section{margin-top:var(--spacing-lg);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);background:linear-gradient(145deg,var(--elevation-01dp, var(--bg-secondary)) 0%,var(--elevation-02dp, var(--bg-tertiary)) 100%);overflow:hidden}.provenance-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast)}.provenance-header:hover{background:var(--state-hover)}.provenance-header-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.provenance-icon{font-size:var(--font-size-md);opacity:.7}.provenance-header-right{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-tertiary)}.provenance-badge-mini{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:10px}.provenance-badge-mini.provenance-badge--expert{background:var(--verification-badge-expert-bg);color:var(--verification-badge-expert-color, var(--color-golden));border:1px solid var(--verification-badge-expert-border)}.provenance-badge-mini.provenance-badge--ai{background:var(--verification-badge-ai-bg);color:var(--verification-badge-ai-color, var(--accent-blue));border:1px solid var(--verification-badge-ai-border)}.provenance-badge-mini.provenance-badge--self{background:var(--verification-badge-self-bg);color:var(--verification-badge-self-color, var(--text-secondary));border:1px solid var(--verification-badge-self-border)}.provenance-content{padding:var(--spacing-md);padding-top:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.provenance-verification{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--elevation-00dp);border-radius:var(--border-radius-md)}.provenance-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);width:fit-content}.provenance-badge--expert{background:var(--verification-badge-expert-bg);color:var(--verification-badge-expert-color, var(--color-golden));border:1px solid var(--verification-badge-expert-border);box-shadow:var(--verification-badge-expert-glow)}.provenance-badge--ai{background:var(--verification-badge-ai-bg);color:var(--verification-badge-ai-color, var(--accent-blue));border:1px solid var(--verification-badge-ai-border)}.provenance-badge--self{background:var(--verification-badge-self-bg);color:var(--verification-badge-self-color, var(--text-secondary));border:1px solid var(--verification-badge-self-border)}.provenance-badge-icon{font-size:var(--font-size-md);line-height:1}.provenance-badge-label{text-transform:uppercase;letter-spacing:.03em}.provenance-verification-desc{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0;font-style:italic}.provenance-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.provenance-meta-item{display:flex;flex-direction:column;gap:2px}.provenance-meta-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.provenance-meta-value{font-size:var(--font-size-sm);color:var(--text-primary)}.provenance-signoffs{display:flex;flex-direction:column;gap:var(--spacing-xs)}.provenance-signoffs-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.provenance-signoffs-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.provenance-signoff-item{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--elevation-00dp);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);align-items:baseline}.provenance-signoff-who{color:var(--text-primary);font-weight:var(--font-weight-medium)}.provenance-signoff-when{color:var(--text-tertiary);font-size:var(--font-size-xs)}.provenance-signoff-what{color:var(--text-secondary);font-size:var(--font-size-xs);font-style:italic;flex-basis:100%}.provenance-empty{font-size:var(--font-size-sm);color:var(--text-tertiary);font-style:italic;margin:0;padding:var(--spacing-sm);text-align:center}.light-theme .provenance-section{background:linear-gradient(145deg,var(--elevation-01dp, var(--bg-secondary)) 0%,var(--elevation-02dp, var(--bg-tertiary)) 100%);border-color:var(--border-color)}.light-theme .provenance-header:hover{background:var(--state-hover)}.light-theme .provenance-verification,.light-theme .provenance-signoff-item{background:var(--bg-primary)}@media(max-width:600px){.provenance-content{padding:var(--spacing-sm);gap:var(--spacing-sm)}.provenance-meta{flex-direction:column;gap:var(--spacing-sm)}.provenance-signoff-item{flex-direction:column;gap:2px}}.similar-learners-section{margin-top:var(--spacing-lg);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);background:linear-gradient(145deg,var(--elevation-01dp) 0%,var(--elevation-02dp) 100%);overflow:hidden}.similar-learners-section--compact{margin-top:var(--spacing-md)}.similar-learners-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast)}.similar-learners-header:hover{background:var(--state-hover)}.similar-learners-header-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.similar-learners-icon{color:var(--accent-blue);opacity:.8}.similar-learners-header-right{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-tertiary)}.similar-learners-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--spacing-xs);background:var(--accent-blue);color:var(--text-on-accent);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.similar-learners-content{padding:var(--spacing-md);padding-top:0}.similar-learners-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.similar-learners-loading-text{color:var(--text-tertiary);font-size:var(--font-size-sm);font-style:italic}.similar-learners-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:center}.similar-learners-error p{color:var(--accent-red);font-size:var(--font-size-sm);margin:0}.similar-learners-error button{padding:var(--spacing-xs) var(--spacing-md);background:var(--elevation-02dp);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.similar-learners-error button:hover{background:var(--state-hover)}.similar-learners-empty{color:var(--text-tertiary);font-size:var(--font-size-sm);font-style:italic;text-align:center;padding:var(--spacing-md);margin:0}.similar-learners-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.similar-learner-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.similar-learner-card{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);background:var(--elevation-00dp);border:1px solid var(--border-light);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.similar-learner-card:hover{background:var(--state-hover);border-color:var(--accent-blue);transform:translateY(-1px)}.similar-learner-avatar{position:relative;flex-shrink:0;width:40px;height:40px}.similar-learner-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.similar-learner-avatar-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-green) 100%);color:var(--text-on-accent);border-radius:50%;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.similar-learner-online-badge{position:absolute;bottom:0;right:0;width:12px;height:12px;background:var(--tree-green);border:2px solid var(--elevation-00dp);border-radius:50%}.similar-learner-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.similar-learner-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.similar-learner-reason{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.similar-learner-topics{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.similar-learner-topic{padding:2px 6px;background:var(--elevation-02dp);border-radius:var(--border-radius-sm);font-size:10px;color:var(--text-tertiary)}.similar-learner-score{flex-shrink:0;padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-green) 100%);color:var(--text-on-accent);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.similar-learner-actions{display:flex;gap:var(--spacing-xs);padding-left:calc(40px + var(--spacing-sm))}.similar-learner-action{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.similar-learner-action--offer{background:var(--tree-green);color:var(--text-on-accent)}.similar-learner-action--offer:hover{background:var(--accent-green);transform:translateY(-1px)}.similar-learner-action--ask{background:var(--accent-blue);color:var(--text-on-accent)}.similar-learner-action--ask:hover{filter:brightness(1.1);transform:translateY(-1px)}.light-theme .similar-learners-section{background:linear-gradient(145deg,var(--elevation-01dp) 0%,var(--bg-primary) 100%)}.light-theme .similar-learner-card{background:var(--bg-secondary)}.light-theme .similar-learner-card:hover{background:var(--state-hover)}@media(max-width:600px){.similar-learners-content{padding:var(--spacing-sm)}.similar-learner-card{padding:var(--spacing-xs)}.similar-learner-avatar{width:36px;height:36px}.similar-learner-actions{padding-left:calc(36px + var(--spacing-xs))}.similar-learner-action{padding:6px var(--spacing-sm);font-size:11px}}.similar-learners-section--compact .similar-learners-content,.similar-learners-section--compact .similar-learner-card{padding:var(--spacing-xs)}.similar-learners-section--compact .similar-learner-avatar{width:32px;height:32px}.similar-learners-section--compact .similar-learner-name{font-size:var(--font-size-xs)}.similar-learners-section--compact .similar-learner-reason,.similar-learners-section--compact .similar-learner-topics{display:none}.similar-learners-section--compact .similar-learner-actions{padding-left:calc(32px + var(--spacing-xs))}._titleWrapper_4tadi_12{display:flex;align-items:center;gap:var(--spacing-sm, 8px)}._titleIcon_4tadi_18{width:20px;height:20px;color:var(--accent-sage);flex-shrink:0}._titleText_4tadi_25{font-weight:var(--font-weight-semibold, 600);color:var(--text-primary)}._resourceCount_4tadi_30{font-weight:var(--font-weight-normal, 400);color:var(--text-tertiary);font-size:var(--font-size-sm, 14px)}._content_4tadi_37{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--spacing-xs, 4px)}._emptyState_4tadi_48{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl, 32px) var(--spacing-md, 16px);text-align:center;min-height:200px}._emptyIcon_4tadi_58{width:48px;height:48px;color:var(--text-tertiary);opacity:.5;margin-bottom:var(--spacing-md, 16px)}._emptyText_4tadi_66{font-size:var(--font-size-md, 16px);font-weight:var(--font-weight-medium, 500);color:var(--text-secondary);margin:0 0 var(--spacing-xs, 4px) 0}._emptySubtext_4tadi_73{font-size:var(--font-size-sm, 14px);color:var(--text-tertiary);margin:0;max-width:280px;line-height:var(--line-height-relaxed, 1.6)}._resourceList_4tadi_82{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}._resourceCard_4tadi_89{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 16px);background:var(--elevation-01dp);border-radius:var(--border-radius-lg, 12px);border:1px solid var(--border-light);transition:background-color .15s ease}._resourceCard_4tadi_89:active{background:var(--state-pressed)}._resourceHeader_4tadi_105{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm, 8px)}._resourceMeta_4tadi_112{display:flex;align-items:center;gap:var(--spacing-xs, 4px)}._resourceTypeIcon_4tadi_118{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}._resourceType_4tadi_118{font-size:var(--font-size-xs, 12px);color:var(--text-tertiary);text-transform:capitalize}._tierBadge_4tadi_132{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--font-size-xs, 11px);font-weight:var(--font-weight-medium, 500);border-radius:var(--border-radius-full, 9999px);text-transform:uppercase;letter-spacing:.02em}._tierFoundational_4tadi_143{background:#8b9a7f26;color:var(--accent-sage)}._tierIntermediate_4tadi_148{background:#66d9ef26;color:var(--accent-cyan)}._tierAdvanced_4tadi_153{background:#f9267226;color:var(--accent-pink)}._tierLegacy_4tadi_158{background:var(--elevation-02dp);color:var(--text-secondary)}._resourceContent_4tadi_164{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}._resourceLink_4tadi_171{display:flex;align-items:center;gap:var(--spacing-xs, 4px);color:var(--accent-cyan);text-decoration:none;font-size:var(--font-size-md, 16px);font-weight:var(--font-weight-medium, 500);line-height:var(--line-height-snug, 1.4);transition:color .15s ease;word-break:break-word}._resourceLink_4tadi_171:hover,._resourceLink_4tadi_171:active{color:var(--accent-blue)}._linkTitle_4tadi_189{flex:1}._externalIcon_4tadi_193{width:14px;height:14px;flex-shrink:0;opacity:.7}._resourceName_4tadi_200{font-size:var(--font-size-md, 16px);font-weight:var(--font-weight-medium, 500);color:var(--text-primary);line-height:var(--line-height-snug, 1.4)}._usefulParts_4tadi_208{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm, 8px);background:var(--elevation-02dp);border-radius:var(--border-radius-md, 8px);margin-top:var(--spacing-xs, 4px)}._focusLabel_4tadi_218{font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);color:var(--accent-sage);text-transform:uppercase;letter-spacing:.03em}._focusText_4tadi_226{font-size:var(--font-size-sm, 14px);color:var(--text-secondary);line-height:var(--line-height-relaxed, 1.6);margin:0}._resourceDescription_4tadi_234{font-size:var(--font-size-sm, 14px);color:var(--text-tertiary);line-height:var(--line-height-relaxed, 1.6);margin:var(--spacing-xs, 4px) 0 0 0}.universal-section{border:1px solid rgba(255,255,255,.15);border-radius:var(--border-radius-lg);padding:var(--spacing-md);background:#ffffff05;margin-bottom:var(--spacing-md);width:100%;box-sizing:border-box;transition:all var(--transition-fast)}.universal-section:hover{border-color:#ffffff40;background:#ffffff0a}.light-theme .universal-section{border:1px solid rgba(0,0,0,.1);background:#00000005}.light-theme .universal-section:hover{border-color:#00000026;background:#0000000a}.universal-section.section-compact{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.universal-section.section-minimal,.light-theme .universal-section.section-minimal{background:transparent}.universal-section.section-header{background:#ffffff0d;border-color:#fff3;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.light-theme .universal-section.section-header{background:#0000000d;border-color:#00000026}.universal-section .empty-state{text-align:center;color:var(--text-secondary);font-style:italic;padding:var(--spacing-lg)}@media(max-width:768px){.universal-section{padding:var(--spacing-sm);margin-bottom: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{display:flex;flex-direction:column}.flex-col-gap{display:flex;flex-direction:column;gap:var(--layout-gap)}.flex-col-gap-sm{display:flex;flex-direction:column;gap:var(--spacing-sm)}.flex-col-gap-md{display:flex;flex-direction:column;gap:var(--spacing-md)}.flex-col-gap-lg{display:flex;flex-direction:column;gap:var(--spacing-lg)}.flex-row{display:flex;flex-direction:row}.flex-row-gap{display:flex;flex-direction:row;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{display:flex;align-items:center;justify-content:center}.flex-center-col{display:flex;flex-direction:column;align-items:center;justify-content:center}.flex-align-center{display:flex;align-items:center}.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{display:flex;flex-wrap:wrap}.flex-wrap-gap{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.flex-1{flex:1}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-no-wrap{flex-wrap:nowrap}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.overlay-center{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--layout-gap);z-index:var(--z-modal, 1000)}.overlay-fullscreen{position:fixed;inset:0;width:100vw;height:100vh;z-index:var(--z-modal)}.overlay-backdrop{position:fixed;inset:0;background:var(--bg-overlay);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{max-width:var(--content-width-lg);margin:0 auto}.container-max-width-xl{max-width:var(--content-width-xl);margin:0 auto}.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{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}@media(max-width:768px){.mobile-hidden{display:none}.mobile-flex-col{flex-direction:column}.mobile-text-center{text-align:center}.mobile-padding-sm{padding:var(--spacing-sm)}}@media(min-width:769px){.desktop-hidden{display:none}.desktop-flex-row{flex-direction:row}}.full-viewport-height{height:100vh;height:calc(var(--vh, 1vh) * 100);height:100dvh}.min-full-viewport-height{min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);min-height:100dvh}.max-full-viewport-height{max-height:100vh;max-height:calc(var(--vh, 1vh) * 100);max-height:100dvh}.small-viewport-height{height:100vh;height:100svh}.min-small-viewport-height{min-height:100vh;min-height:100svh}.large-viewport-height{height:100vh;height:100lvh}.safe-viewport-height{height:100vh;height:calc(var(--vh, 1vh) * 100);height:100dvh;height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.min-safe-viewport-height{min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);min-height:100dvh;min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.full-viewport-width{width:100vw}.min-full-viewport-width{min-width:100vw}.touch-target-min{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.touch-target-comfortable{min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable)}.touch-target-generous{min-width:var(--touch-target-generous);min-height:var(--touch-target-generous)}.touch-target-spaced{min-width:var(--touch-target-min);min-height:var(--touch-target-min);margin:var(--touch-target-spacing)}.safe-padding{padding-top:var(--safe-padding-top);padding-bottom:var(--safe-padding-bottom);padding-left:var(--safe-padding-left);padding-right:var(--safe-padding-right)}.safe-padding-top{padding-top:var(--safe-padding-top)}.safe-padding-bottom{padding-bottom:var(--safe-padding-bottom)}.safe-padding-horizontal{padding-left:var(--safe-padding-left);padding-right:var(--safe-padding-right)}.container-inline{container-type:inline-size}.container-size{container-type:size}.container-normal{container-type:normal}.alert-banner{margin:0;padding:var(--spacing-md, 16px);border-radius:var(--border-radius-lg, 12px);border:1px solid transparent;font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);font-family:var(--font-sans, "Inter", sans-serif);line-height:1.5}.alert-warning{background:var(--alert-warning-bg);border-color:var(--alert-warning-border);color:var(--alert-warning-text)}.alert-warning strong{color:var(--alert-warning-accent)}.alert-error{background:var(--alert-error-bg);border-color:var(--alert-error-border);color:var(--alert-error-text)}.alert-error strong{color:var(--alert-error-accent)}.alert-info{background:var(--alert-info-bg);border-color:var(--alert-info-border);color:var(--alert-info-text)}.alert-info strong{color:var(--alert-info-accent)}.alert-success{background:var(--alert-success-bg);border-color:var(--alert-success-border);color:var(--alert-success-text)}.alert-success strong{color:var(--alert-success-accent)}.light-theme .alert-warning{--alert-warning-bg: rgba(200, 120, 30, .1);--alert-warning-border: rgba(200, 120, 30, .4);--alert-warning-accent: #b86e14}.light-theme .alert-error{--alert-error-bg: rgba(160, 93, 93, .1);--alert-error-border: rgba(160, 93, 93, .4);--alert-error-accent: var(--accent-burgundy, #a05d5d)}.light-theme .alert-info{--alert-info-bg: rgba(70, 130, 150, .1);--alert-info-border: rgba(70, 130, 150, .4);--alert-info-accent: #3a7a8a}.light-theme .alert-success{--alert-success-bg: rgba(86, 120, 94, .1);--alert-success-border: rgba(86, 120, 94, .4);--alert-success-accent: #4a7050}.collapsible-section{border:1px solid rgba(255,255,255,.15);border-radius:var(--border-radius-lg);background:var(--bg-elevated);overflow:clip}.collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);cursor:pointer;transition:background var(--transition-fast)}.collapsible-header:hover{background:var(--state-hover)}.collapsible-header:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}.collapsible-header-content{display:flex;align-items:center;gap:var(--spacing-sm)}.collapsible-icon{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.collapsible-title{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.collapsible-chevron{color:var(--text-tertiary);transition:transform var(--transition-fast),color var(--transition-fast);flex-shrink:0}.collapsible-chevron svg{width:20px;height:20px}.collapsible-chevron.expanded{transform:rotate(180deg);color:var(--text-secondary)}.collapsible-content{padding:0 var(--spacing-md) var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}@media(prefers-color-scheme:light){.collapsible-section{background:#fff;border-color:#00000014;box-shadow:0 2px 12px #0000000f}.collapsible-header:hover{background:#00000008}.collapsible-content{border-top-color:#0000001a}}[data-theme=light] .collapsible-section{background:#fff;border-color:#00000014;box-shadow:0 2px 12px #0000000f}[data-theme=light] .collapsible-header:hover{background:#00000008}[data-theme=light] .collapsible-content{border-top-color:#0000001a}.progression-list{display:flex;flex-direction:column;gap:0;padding:var(--spacing-sm) 0}.progression-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--elevation-02dp);border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color);min-height:64px;box-shadow:var(--shadow-elevation-02dp)}.progression-item:hover{background:var(--elevation-04dp);border-color:var(--accent-sage);transform:translateY(-2px);box-shadow:var(--shadow-elevation-04dp)}.progression-item:active{background:var(--state-pressed);transform:translateY(0);box-shadow:var(--shadow-elevation-01dp)}.progression-item--selected{background:var(--elevation-04dp);border-color:var(--accent-green);border-width:2px;box-shadow:var(--shadow-elevation-04dp),0 0 0 2px #56c67626;opacity:1}.progression-item--selected .progression-item__title{color:var(--text-primary)}.progression-item--selected .progression-item__meta{color:var(--text-secondary)}.progression-item--selected .progression-item__number{color:var(--text-primary);opacity:1}.progression-item--selected:hover{background:var(--elevation-06dp);transform:translateY(-1px)}.progression-item--completed{opacity:.75;background:var(--elevation-01dp)}.progression-item--completed .progression-item__title{color:var(--text-tertiary)}.progression-item--locked{background:var(--elevation-01dp);border-color:var(--border-color);opacity:.7;box-shadow:var(--shadow-elevation-01dp);cursor:not-allowed}.progression-item--locked .progression-item__title{color:var(--inactive-node-title-color, var(--text-tertiary))}.progression-item--locked .progression-item__meta{color:var(--inactive-node-icon-color, var(--text-tertiary))}.progression-item--locked .progression-item__number{color:var(--inactive-node-button-color, var(--text-tertiary));background:var(--elevation-overlay-01dp);opacity:.6}.progression-item--locked .progression-item__progress-ring circle:last-child{stroke:var(--inactive-node-checkbox-color, #5c574d)}.progression-item--locked+.progression-separator{opacity:.35}.progression-item--locked:hover{opacity:.75;background:var(--elevation-01dp);transform:none}.progression-item__title-row{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%}.progression-item__title{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);line-height:1.4;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.progression-item__status-row{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding-top:var(--spacing-xs);border-top:1px solid var(--border-color);opacity:.9}.progression-item__checkbox{display:flex;align-items:center;justify-content:center;flex-shrink:0}.progression-item__checkbox .animated-checkbox,.progression-item__checkbox .checkbox-wrapper{transform:scale(.9)}.progression-item__number{font-size:var(--font-size-xs);font-weight:700;color:var(--text-secondary);font-family:var(--font-family-sans);min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--elevation-overlay-01dp);border-radius:var(--border-radius-full);flex-shrink:0}.progression-item__meta{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4;font-family:var(--font-family-sans);flex:1}.progression-item__badge{color:var(--accent-green);font-weight:500}.progression-item__progress{display:flex;align-items:center;flex-shrink:0;margin-left:auto}.progression-item__progress-ring{display:flex;align-items:center;justify-content:center}.progression-item__progress-ring svg{display:block}.progression-item__left{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.progression-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.progression-item__right{display:flex;align-items:center;flex-shrink:0;margin-left:auto}.progression-separator{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) 0;opacity:.5;transition:opacity var(--transition-fast)}.progression-separator__icon{color:var(--accent-sage);width:18px;height:18px}.progression-list:hover .progression-separator{opacity:.7}.light-theme .progression-item{background:var(--elevation-01dp);box-shadow:var(--shadow-elevation-01dp)}.light-theme .progression-item:hover{background:var(--elevation-02dp);box-shadow:var(--shadow-elevation-02dp)}.light-theme .progression-item--selected{background:var(--elevation-02dp);box-shadow:var(--shadow-elevation-02dp),0 0 0 2px #8b9a7f33}.light-theme .progression-separator{opacity:.4}.light-theme .progression-list:hover .progression-separator{opacity:.6}@media(max-width:600px){.progression-item{padding:var(--spacing-md);border-radius:14px;min-height:72px}.progression-item__title{font-size:var(--font-size-md);font-weight:600;-webkit-line-clamp:2}.progression-item__status-row{gap:var(--spacing-xs)}.progression-item__number{font-size:var(--font-size-xs);min-width:22px;height:22px}.progression-item__meta{font-size:var(--font-size-xs);line-height:1.4}.progression-separator{padding:var(--spacing-xs) 0}.progression-separator__icon{width:16px;height:16px}}.resource-item-collapsible summary::-webkit-details-marker{display:none}.resource-item-collapsible summary::marker{display:none}.resource-item-collapsible[open] summary span:last-child{transform:rotate(90deg)}.resource-item-collapsible summary span:last-child{transition:transform .2s ease}.resource-item-collapsible summary:hover{background:var(--state-hover)}.resource-item-collapsible summary:focus-visible{outline:2px solid var(--accent-green);outline-offset:-2px}.light-theme .resource-item-collapsible{background:var(--bg-primary)}.light-theme .resource-item-collapsible summary:hover{background:var(--state-hover)}.tree-view{height:auto;border-top:1px solid var(--drawer-root-view-border)}.tree-view-content{height:auto;padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.tree-view-empty,.no-branches-message{border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);background:var(--bg-secondary);margin-bottom:var(--spacing-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;color:var(--text-secondary)}.branch-item{border:none;border-left:4px solid transparent;border-radius:var(--border-radius-lg);padding:var(--spacing-md);background:var(--bg-secondary);margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-elevation-01dp)}.branch-item:hover{background:var(--bg-elevated);transform:translateY(-1px);box-shadow:var(--shadow-elevation-04dp)}.branch-item.selected{background:var(--bg-info-overlay);border-left-color:var(--accent-blue);box-shadow:0 4px 16px #3b82f633}.branch-content{flex:1;min-width:0}.branch-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-meta{font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}.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-item.status-available{border-left-color:var(--accent-green, #4ade80)}.branch-item.status-unavailable{border-left-color:var(--text-secondary)}.branch-item.status-pending{border-left-color:var(--accent-yellow, #facc15)}.branch-item.status-in-progress{border-left-color:var(--accent-blue, #3b82f6)}.branch-item.status-completed{border-left-color:var(--accent-green, #4ade80)}.branch-connection{color:var(--accent-green, #4ade80)}.branch-status,.status-available,.status-unavailable{display:none}.add-branch-btn{background:var(--accent-blue);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;transition:background var(--transition-fast);margin-top:var(--spacing-lg)}.add-branch-btn:hover{background:var(--accent-blue-hover)}.branch-view{height:auto}.branch-view-content{height:auto;padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.branch-view-empty,.no-actions-message{border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);background:var(--overlay-subtle);margin-bottom:var(--spacing-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;color:var(--text-secondary)}n .action-item{border:none;border-radius:0;padding:var(--spacing-sm);background:transparent;margin-bottom:2px;cursor:pointer;transition:all var(--transition-fast)}.action-item.simple{padding:var(--spacing-sm)}.action-simple-content{display:flex;align-items:center;gap:var(--spacing-sm)}.action-title-area{flex:1}.action-simple-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.action-item:hover{background:var(--overlay-light);border-radius:var(--border-radius-sm)}.action-item.selected{background:var(--bg-info-overlay);border-radius:var(--border-radius-sm);border-left:3px solid var(--accent-blue)}.action-content{width:100%}.action-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.action-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;flex:1}.action-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;flex:1}.action-controls,.edit-controls{display:flex;gap:8px}.save-btn,.cancel-btn,.edit-btn{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-btn{background:var(--accent-green, #4ade80);color:#000;border:none}.save-btn:hover{background:var(--accent-green-hover, #22c55e)}.cancel-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color, rgba(255, 255, 255, .1))}.cancel-btn:hover{background:var(--bg-button-overlay);color:var(--text-primary)}.edit-btn{background:var(--accent-blue, #3b82f6);color:#fff;border:none}.edit-btn:hover{background:var(--accent-blue-hover, #2563eb)}.edit-btn-inline{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.edit-btn-inline:hover{background:var(--bg-button-overlay);color:var(--text-primary)}.edit-controls-inline{display:flex;gap:var(--spacing-xs)}.action-status{font-size:11px;padding:2px 8px;border-radius:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.action-status-button{width:auto;min-width:120px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-weight:500;font-size:var(--font-size-md);cursor:pointer;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid}.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)}.status-options{display:flex;gap:8px}.status-btn{padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:capitalize}.status-btn:not(.active){background:transparent}.action-description{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-normal)}.action-name-input{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-sm);width:100%}.action-description-input{width:100%;background:var(--bg-secondary, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:6px;padding:12px;color:var(--text-primary);font-family:inherit;resize:vertical;min-height:80px}.action-description-display{background:var(--bg-secondary, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:6px;padding:12px;color:var(--text-primary);min-height:80px;white-space:pre-wrap;font-family:var(--font-sans, "Inter", -apple-system, BlinkMacSystemFont, sans-serif);-webkit-user-select:text;user-select:text;cursor:text}.action-description-display-clean{color:var(--text-primary);font-family:var(--content-description-font);font-size:var(--content-description-size);font-weight:var(--content-description-weight);line-height:var(--content-description-line-height);white-space:pre-wrap;word-wrap:break-word;-webkit-user-select:text;user-select:text}.action-description-display-clean .description-bullet-item{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.action-description-display-clean .bullet-marker{color:var(--tree-green, #56c676);flex-shrink:0}.action-description-display-clean .bullet-text{color:var(--text-primary)}.action-description-display-clean .description-text-line{margin-bottom:var(--spacing-xs);color:var(--text-primary)}.action-tags{display:flex;flex-wrap:wrap;gap:4px}.action-tag{font-size:10px;color:var(--text-secondary);background:#ffffff1a;padding:2px 6px;border-radius:4px}.action-tags-input{width:100%;background:var(--bg-secondary, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:6px;padding:8px 12px;color:var(--text-primary)}.action-tags-display{min-height:32px;display:flex;align-items:center}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.tag{background:var(--accent-blue, #3b82f6);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.no-tags{color:var(--text-secondary);font-style:italic}.add-action-btn,.add-action-footer .add-action-btn{background:var(--accent-green);color:var(--text-on-accent);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;transition:background var(--transition-fast);margin-top:var(--spacing-lg)}.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;overflow:visible;padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.action-view-empty{border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);background:var(--overlay-subtle);margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;height:200px;text-align:center;color:var(--text-secondary)}.action-status-section,.action-description-section,.action-details-section{border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-lg);padding:var(--spacing-md);background:var(--bg-secondary);box-shadow:var(--shadow-elevation-01dp);margin-bottom:var(--spacing-lg)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.section-header-collapsible{display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all var(--transition-fast);padding:var(--spacing-xs);margin:calc(var(--spacing-xs) * -1) calc(var(--spacing-xs) * -1) var(--spacing-sm);border-radius:var(--border-radius-md)}.section-header-collapsible:hover{background:var(--hover-bg-overlay)}.section-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.collapse-indicator{font-size:12px;color:var(--text-secondary);transition:transform var(--transition-fast);-webkit-user-select:none;user-select:none}.collapse-indicator.expanded{transform:rotate(180deg)}.details-content{margin-top:var(--spacing-sm);animation:fadeIn .2s ease-out}.details-subsection{margin-bottom:var(--spacing-md)}.details-subsection:last-child{margin-bottom:0}.subsection-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs);opacity:.8}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.metadata-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-secondary, rgba(255, 255, 255, .05));border-radius:6px}.metadata-label{font-size:12px;color:var(--text-secondary);font-weight:500}.metadata-value{font-size:12px;color:var(--text-primary);font-family:monospace}.completion-condition-section{border:1px solid rgba(102,217,239,.3);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);background:#66d9ef0d;margin-bottom:var(--spacing-md)}.completion-condition-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--accent-blue);margin:0 0 var(--spacing-xs) 0;display:flex;align-items:center;gap:var(--spacing-xs)}.completion-condition-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.condition-type{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs)}.condition-type-label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.condition-type-value{color:var(--text-primary);font-family:monospace;background:#ffffff1a;padding:2px 6px;border-radius:4px;font-size:11px}.condition-description{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-normal);font-style:italic}.no-tree-message{border:1px solid var(--border-color-overlay);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);background:var(--overlay-subtle);margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;height:200px;text-align:center;color:var(--text-secondary)}.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{display:flex;align-items:center;padding:var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast);gap:var(--spacing-sm);justify-content:flex-start}.branch-header:hover{background:#ffffff05}.branch-name{font-size:19px;font-weight:600;color:var(--text-primary);margin-right:auto;line-height:1.3}.drawer-description{font-family:var(--content-description-font);font-size:var(--content-description-size);font-weight:var(--content-description-weight);line-height:var(--content-description-line-height);color:var(--text-primary);margin:0;white-space:pre-wrap;word-wrap:break-word}.branch-description{font-family:var(--content-description-font);font-size:var(--content-description-size);font-weight:var(--content-description-weight);line-height:var(--content-description-line-height);color:var(--text-primary);margin:0}.drawer-description-section{margin-bottom:var(--spacing-md)}.drawer-empty-state{text-align:center;padding:var(--spacing-lg)}.drawer-empty-text{font-family:var(--content-description-font);font-size:var(--content-description-size);color:var(--text-secondary);margin:0}.branch-avatar{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.connection-indicator{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs);font-size:var(--font-size-lg);width:20px;text-align:center;flex-shrink:0}.connection-indicator.connected{color:var(--accent-green)}.connection-indicator.disconnected{color:var(--text-secondary);opacity:.5}.branch-menu-btn{background:transparent;border:none;color:var(--text-secondary);padding:var(--spacing-xs);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;margin-left:var(--spacing-xs);display:flex;align-items:center;justify-content:center;width:28px;height:28px}.branch-menu-btn svg{width:16px;height:16px;fill:currentColor}.branch-menu-btn:hover{color:var(--text-primary);background:#ffffff1a}.branch-menu-btn:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.branch-expanded-content{padding:var(--spacing-md);padding-top:0;border-top:1px solid var(--border-color);background:#ffffff05;animation:expandContent .3s ease-out;transform-origin:top;width:100%;box-sizing:border-box}@keyframes expandContent{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}.branch-connection-info{margin-bottom:var(--spacing-md)}.action-items-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);width:100%;max-width:100%;box-sizing:border-box}.no-actions{color:var(--text-secondary);font-style:italic;padding:var(--spacing-sm);text-align:center}.action-item{background:transparent;border:none;border-radius:0;overflow:visible;transition:all var(--transition-fast);width:100%;max-width:100%;box-sizing:border-box}.action-item.simple{background:transparent;border:none;border-radius:0;margin-bottom:2px}.action-item.simple:hover,.action-item:hover{background:#ffffff08;border-radius:var(--border-radius-sm)}.action-item-header{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast);width:100%;box-sizing:border-box}.action-item-header:hover{background:#ffffff08}.action-item-header .action-header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.action-item-header .action-status-checkbox{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease;flex-shrink:0}.action-item-header .action-status-checkbox:hover{background:#ffffff14;transform:scale(1.05)}.action-item-header .status-circle{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;transition:all .2s ease;position:relative}.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-in_progress,.action-item-header .status-circle.status-active{background:var(--action-status-active-bg);border:2px solid var(--action-status-active)}.action-item-header .status-circle.status-done,.action-item-header .status-circle.status-completed{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-in_progress,.action-item-header .action-status-checkbox:hover .status-circle.status-active{border-color:var(--action-status-active-hover)}.action-item-header .action-status-checkbox:hover .status-circle.status-done,.action-item-header .action-status-checkbox:hover .status-circle.status-completed{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);color:var(--text-primary);flex:1;min-width:0}.action-status{display:flex;align-items:center;flex-shrink:0;margin-left:auto}.status-indicator{font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--border-radius-sm);text-transform:uppercase;font-weight:var(--font-weight-medium)}.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{padding:var(--spacing-md);border-top:1px solid var(--border-color);background:#ffffff05;animation:expandActionDetails .25s ease-out;transform-origin:top;width:100%;box-sizing:border-box}@keyframes expandActionDetails{0%{opacity:0;transform:scaleY(.9) translateY(-4px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.action-description{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.4}.action-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.action-tag{font-size:var(--font-size-xs);background:var(--bg-primary);color:var(--text-secondary);padding:2px 6px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.add-action-btn{width:100%;padding:var(--spacing-sm);background:transparent;border:1px dashed var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.add-action-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#3b82f60d}.add-action-btn:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.branch-header:focus{outline:2px solid var(--accent-blue);outline-offset:-2px}.action-item-header:focus{outline:2px solid var(--accent-blue);outline-offset:-2px}.branch-accordion-item,.action-item,.branch-header,.action-item-header,.branch-menu-btn,.add-action-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:nth-child(1){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-footer-section{display:flex;align-items:stretch;justify-content:flex-start;gap:var(--spacing-md, 16px);padding-top:var(--spacing-lg, 24px);margin-top:var(--spacing-md, 16px);border-top:1px solid var(--border-color, rgba(255, 255, 255, .08))}.action-footer-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs, 4px);min-height:var(--touch-target-comfortable, 48px);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--border-radius-xl, 20px);box-shadow:0 2px #00000040,0 4px #0000001f;cursor:pointer;transition:background-color .15s ease,transform .15s ease,border-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}@media(hover:hover){.action-footer-button:hover{background:#ffffff1f;border-color:#ffffff2e;box-shadow:0 3px #00000040,0 6px #0000001f}}.action-footer-button:active{background:#ffffff29;transform:scale(.97) translateY(2px);box-shadow:0 1px #0003,0 2px #0000001a}.action-footer-avatar-wrapper{border-radius:50%;box-shadow:3px 3px 0 var(--border-light, rgba(255, 255, 255, .08))}.action-footer-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0f;border-radius:50%}.action-footer-icon{width:20px;height:20px;color:var(--text-secondary, rgba(248, 245, 237, .7))}.action-footer-label{font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);color:var(--text-secondary, rgba(248, 245, 237, .7));white-space:nowrap}:global(body.light-theme) .action-footer-section{border-top-color:#3d34281a}:global(body.light-theme) .action-footer-button{background:#ffffff80;border-color:#fff9;box-shadow:0 2px #3d34281f,0 4px #3d34280f}@media(hover:hover){:global(body.light-theme) .action-footer-button:hover{background:#ffffffb3;border-color:#fffc;box-shadow:0 3px #3d34281f,0 6px #3d34280f}}:global(body.light-theme) .action-footer-button:active{background:#ffffffd9;box-shadow:0 1px #3d34281a,0 2px #3d34280d}:global(body.light-theme) .action-footer-avatar-wrapper{box-shadow:3px 3px #8b735540}:global(body.light-theme) .action-footer-icon-wrapper{background:#3d342814}:global(body.light-theme) .action-footer-icon{color:var(--text-secondary, rgba(61, 52, 40, .7))}:global(body.light-theme) .action-footer-label{color:var(--text-secondary, rgba(61, 52, 40, .7))}.branch-name,.branch-description,.action-name,.action-title,.action-description,.tree-name,.tree-description,.section-content,.details-content{-webkit-user-select:text;user-select:text}.action-description-display:hover,.branch-description:hover{cursor:text}.content-view--note .content-view__section--editor{flex:1;display:flex;flex-direction:column;min-height:0;padding:0}.content-view--note .content-view__body{padding:0;display:flex;flex-direction:column}.content-view--note .note-universal-editor{flex:1;height:100%;display:flex;flex-direction:column;min-height:0}.content-view--note .note-universal-editor .editor-wrapper{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.content-view--note .note-universal-editor .editor-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-sm)}.content-view--note .note-universal-editor .editor-prose-content{flex:1;min-height:100px}.content-view--note .note-universal-editor .ProseMirror{min-height:80px;font-family:var(--editor-text-font);font-size:var(--editor-text-size);font-weight:var(--editor-text-weight);line-height:var(--editor-text-line-height)}.content-view--note .note-universal-editor .ProseMirror p{margin:0 0 var(--spacing-sm) 0;font-family:var(--content-description-font);font-size:var(--content-description-size);line-height:var(--content-description-line-height)}.content-view--note .note-universal-editor .ProseMirror h1,.content-view--note .note-universal-editor .ProseMirror h2,.content-view--note .note-universal-editor .ProseMirror h3{margin:var(--spacing-md) 0 var(--spacing-xs) 0;font-family:var(--content-heading-font);font-weight:var(--content-heading-weight);line-height:var(--content-heading-line-height)}.content-view--note .note-universal-editor .ProseMirror h1{font-size:var(--content-heading-size)}.content-view--note .note-universal-editor .ProseMirror h2{font-size:var(--content-subheading-size)}.content-view--note .note-universal-editor .ProseMirror h3{font-size:var(--font-size-base)}.content-view--note .editor-control-bar{padding:var(--spacing-xs) var(--spacing-sm);margin:0;border-top:none;background:transparent;max-width:100%;justify-content:flex-end}.content-view--note .editor-control-buttons{gap:var(--spacing-xs)}.content-view--note .control-bar-button{min-height:28px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-color:var(--border-subtle, rgba(255, 255, 255, .1));background:var(--elevation-01dp)}.content-view--note .control-bar-button:hover{background:var(--elevation-02dp)}.content-view--note .drawer-footer-buttons{flex-shrink:0}.content-view__ai-banner{display:inline-flex;align-items:center;gap:var(--spacing-xs, 6px);padding:var(--spacing-xs, 5px) var(--spacing-sm, 12px);margin:var(--spacing-xs, 6px) var(--spacing-sm, 8px);background:var(--accent-blue-muted, rgba(74, 158, 255, .1));border:1px solid var(--accent-blue-subtle, rgba(74, 158, 255, .18));border-radius:18px;color:var(--accent-blue-solid, #4a9eff)}.content-view__ai-banner svg{flex-shrink:0;width:14px;height:14px}.content-view__ai-banner-text{font-size:var(--font-size-xs, 12px);font-weight:500;line-height:1}.content-view__ai-edit-btn{padding:var(--spacing-2xs, 3px) var(--spacing-sm, 10px);font-size:var(--font-size-xs, 11px);font-weight:500;color:var(--accent-blue-solid, #4a9eff);background:transparent;border:1px solid currentColor;border-radius:12px;cursor:pointer;transition:background .15s ease,color .15s ease;margin-left:var(--spacing-xs, 4px);line-height:1}.content-view__ai-edit-btn:hover{background:var(--accent-blue-solid, #4a9eff);color:var(--text-on-accent, #fff)}@media(max-width:480px){.content-view--note .note-universal-editor .ProseMirror{min-height:60px}.content-view__ai-banner{margin:var(--spacing-2xs, 4px) var(--spacing-xs, 6px);padding:var(--spacing-2xs, 4px) var(--spacing-sm, 10px)}}.content-view__summary-banner{display:inline-flex;align-items:center;gap:var(--spacing-xs, 6px);padding:var(--spacing-xs, 5px) var(--spacing-sm, 12px);margin:var(--spacing-xs, 6px) var(--spacing-sm, 8px);background:var(--tree-green-muted, rgba(86, 198, 118, .1));border:1px solid var(--tree-green-subtle, rgba(86, 198, 118, .18));border-radius:18px;color:var(--tree-green, #56c676)}.content-view__summary-banner svg{flex-shrink:0;width:14px;height:14px}.content-view__summary-banner-text{font-size:var(--font-size-xs, 12px);font-weight:500;line-height:1}.content-view--summary .content-view__section--key-points{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .1))}.content-view--summary .content-view__section-label{font-family:var(--font-serif);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--text-tertiary);margin-bottom:var(--spacing-sm)}.content-view--summary .content-view__key-point-item{font-family:var(--font-sans);font-size:var(--content-description-size);line-height:var(--content-description-line-height);color:var(--text-primary)}.content-view--summary .content-view__key-point-item .markdown-paragraph{font-family:var(--font-sans);font-size:var(--content-description-size);font-weight:var(--font-weight-regular);line-height:var(--content-description-line-height);color:var(--text-primary);margin:0}.content-view--summary .content-view__key-point-item .markdown-bold{font-family:var(--font-sans);font-weight:var(--font-weight-bold);color:var(--text-primary)}@media(max-width:480px){.content-view__summary-banner{padding:var(--spacing-2xs, 4px) var(--spacing-sm, 10px);margin:var(--spacing-2xs, 4px) var(--spacing-xs, 6px)}.content-view__summary-banner-text{font-size:var(--font-size-2xs, 11px)}}._treeListContainer_1082l_6{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:visible;background:var(--elevation-00dp, var(--bg-primary));touch-action:pan-y;-webkit-user-select:none;user-select:none}body.light-theme ._treeListContainer_1082l_6{background:var(--elevation-00dp, var(--bg-primary))}._entering_1082l_31{animation:_treeEnter_1082l_1 .35s ease-out}@keyframes _treeEnter_1082l_1{0%{opacity:.7;transform:scale(.96)}to{opacity:1;transform:scale(1)}}._thresholdReached_1082l_47{box-shadow:inset 0 0 30px #56c67626,0 0 20px #56c6761a;transition:box-shadow .15s ease-out}._thresholdReached_1082l_47:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;animation:_thresholdPulse_1082l_1 .3s ease-out}@keyframes _thresholdPulse_1082l_1{0%{box-shadow:inset 0 0 0 2px #56c67680}to{box-shadow:inset 0 0 #56c67600}}._peekPill_1082l_78{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}._peekPillName_1082l_88{padding:12px 24px;background:var(--elevation-12dp, #2a2b28);border-radius:100px;font-size:15px;font-weight:500;color:var(--text-primary, #f8f5ed);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 6px 10px #00000024,0 1px 18px #0000001f,0 3px 5px #0003}._listContent_1082l_106{position:relative;display:flex;flex-direction:column;flex:1 0 auto;gap:var(--spacing-md, 16px);padding:var(--spacing-lg, 20px) var(--spacing-md, 16px) var(--spacing-sm, 8px)}._treeContentDraggable_1082l_123{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);width:100%;position:relative;z-index:1}._starsHeader_1082l_137,body.light-theme ._starsHeader_1082l_137,._starsLayer_1082l_147,._starsLayer1_1082l_151,._starsLayer2_1082l_155{display:none}._branchSection_1082l_159{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}._actionsList_1082l_167{display:flex;flex-direction:column;gap:0;padding-left:24px;padding-right:var(--spacing-sm, 8px);position:relative}._flowIndicator_1082l_177{display:flex;align-items:center;justify-content:center;padding:12px 0}._flowTriangle_1082l_185{width:14px;height:14px;color:var(--tree-green, #56c676);opacity:.65;filter:drop-shadow(0 1px 3px rgba(86,198,118,.4))}body.light-theme ._flowTriangle_1082l_185{color:var(--accent-sage, #7a8b6f);opacity:.75;filter:drop-shadow(0 1px 2px rgba(122,139,111,.3))}._flowTriangleMuted_1082l_203{color:var(--text-tertiary, #a09f94);opacity:.4;filter:none}body.light-theme ._flowTriangleMuted_1082l_203{color:var(--text-muted, #8f8577);opacity:.5}._emptyState_1082l_214{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-xl, 32px);color:var(--text-secondary);font-size:var(--font-size-md, 18px);text-align:center}._rootSection_1082l_232{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);margin-top:var(--spacing-xs, 4px);gap:var(--spacing-xs, 4px)}._rootContainer_1082l_245{position:relative;width:100%;display:flex;flex-direction:column;gap:var(--spacing-md, 16px);padding:var(--spacing-lg, 24px);background:var(--elevation-02dp, #2a2b28);border-radius:var(--border-radius-xl, 20px);border:1px solid var(--border-color, rgba(255, 255, 255, .08));box-shadow:var(--shadow-elevation-04dp);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;-webkit-tap-highlight-color:transparent}@media(hover:hover){._rootContainer_1082l_245:hover{background:var(--elevation-04dp, #323330);box-shadow:var(--shadow-elevation-06dp)}}._rootContainer_1082l_245:active{transform:scale(.985);box-shadow:var(--shadow-elevation-02dp)}._rootContainerCompleted_1082l_287{background:var(--tree-green, #56c676);border-color:var(--tree-green, #56c676);box-shadow:var(--shadow-elevation-04dp)}@media(hover:hover){._rootContainerCompleted_1082l_287:hover{background:#5fc968;box-shadow:var(--shadow-elevation-06dp)}}._rootContainerCompleted_1082l_287:active{transform:scale(.985);background:#4a9e52;box-shadow:var(--shadow-elevation-02dp)}._rootContainerCompleted_1082l_287 ._rootTitle_1082l_310{color:#fff}._rootContainerCompleted_1082l_287 ._treeIcon_1082l_314{color:#ffffffe6;opacity:1}._rootContainerCompleted_1082l_287 ._progressText_1082l_319{color:#ffffffd9}._rootContainerCompleted_1082l_287 ._progressRing_1082l_323 svg circle:first-child{stroke:#ffffff4d}._rootContainerCompleted_1082l_287 ._progressRing_1082l_323 svg circle:last-child{stroke:#ffffffe6}._rootHeader_1082l_332{display:flex;align-items:flex-start;justify-content:space-between;width:100%;gap:var(--spacing-sm, 8px)}._rootTitleGroup_1082l_341{display:flex;align-items:flex-start;gap:var(--spacing-sm, 8px);flex:1;min-width:0}._treeIcon_1082l_314{flex-shrink:0;width:32px;height:32px;color:var(--accent-sage, #8b9a7f);opacity:1}._rootOptionsWrapper_1082l_361{position:relative;flex-shrink:0}._rootOptionsButton_1082l_366{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-secondary, rgba(248, 245, 237, .7));cursor:pointer;transition:background .15s ease,color .15s ease}._rootOptionsButton_1082l_366:hover{background:var(--state-hover, rgba(255, 255, 255, .08));color:var(--text-primary)}._rootOptionsButton_1082l_366:active{background:var(--state-pressed, rgba(255, 255, 255, .12))}._rootOptionsIcon_1082l_390{width:20px;height:20px}._rootOptionsMenu_1082l_396{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;background:var(--elevation-08dp, #3a3b38);border:1px solid var(--border-light, rgba(255, 255, 255, .1));border-radius:var(--border-radius-lg, 16px);box-shadow:var(--shadow-elevation-08dp);padding:6px;z-index:100;animation:_menuSlideIn_1082l_1 .15s ease-out}@keyframes _menuSlideIn_1082l_1{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}._rootOptionsMenuItem_1082l_422{display:flex;align-items:center;width:100%;padding:12px 14px;background:transparent;border:none;border-radius:var(--border-radius-md, 12px);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-normal, 400);text-align:left;cursor:pointer;transition:background .15s ease}._rootOptionsMenuItem_1082l_422:hover{background:var(--state-hover, rgba(255, 255, 255, .08))}._rootOptionsMenuItem_1082l_422:active{background:var(--state-pressed, rgba(255, 255, 255, .12))}._rootOptionsMenuDivider_1082l_447{height:1px;margin:4px 8px;background:var(--border-light, rgba(255, 255, 255, .1))}._rootOptionsMenuItemDestructive_1082l_453{color:var(--accent-red, #f87171)}._rootOptionsMenuItemDestructive_1082l_453:hover{background:#f8717126}body.light-theme ._rootOptionsButton_1082l_366{color:#fffc}body.light-theme ._rootOptionsButton_1082l_366:hover{background:#ffffff26;color:#fff}body.light-theme ._rootOptionsMenu_1082l_396{background:var(--elevation-08dp, #f0ede5);border-color:#0000001a;box-shadow:var(--shadow-elevation-08dp)}body.light-theme ._rootOptionsMenuItem_1082l_422{color:var(--warm-ink, #453a2d)}body.light-theme ._rootOptionsMenuItem_1082l_422:hover{background:#0000000f}body.light-theme ._rootOptionsMenuDivider_1082l_447{background:#00000014}body.light-theme ._rootOptionsMenuItemDestructive_1082l_453{color:var(--accent-red, #dc2626)}body.light-theme ._rootOptionsMenuItemDestructive_1082l_453:hover{background:#dc26261a}._colorPickerOverlay_1082l_500{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#1e1f1cb3;z-index:1000;animation:_fadeIn_1082l_1 .15s ease}@keyframes _fadeIn_1082l_1{0%{opacity:0}to{opacity:1}}._colorPickerModal_1082l_520{background:var(--elevation-08dp, #3a3b38);border:1px solid var(--border-light, rgba(255, 255, 255, .1));border-radius:var(--border-radius-xl, 20px);box-shadow:var(--shadow-elevation-12dp);padding:20px;min-width:260px;max-width:90vw;animation:_modalScaleIn_1082l_1 .2s cubic-bezier(.2,0,0,1)}@keyframes _modalScaleIn_1082l_1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}._colorPickerHeader_1082l_542{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light, rgba(255, 255, 255, .1))}._colorPickerTitle_1082l_551{font-family:Inter,system-ui,sans-serif;font-size:var(--font-size-md, 16px);font-weight:var(--font-weight-medium, 500);color:var(--text-primary)}._colorPickerClose_1082l_558{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-tertiary);font-size:20px;cursor:pointer;transition:background .15s ease,color .15s ease}._colorPickerClose_1082l_558:hover{background:var(--state-hover, rgba(255, 255, 255, .08));color:var(--text-primary)}._colorPickerSwatches_1082l_579{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}._colorSwatch_1082l_586{width:44px;height:44px;padding:0;border:2px solid transparent;border-radius:50%;background:var(--swatch-color);cursor:pointer;transition:transform .15s cubic-bezier(.34,1.3,.64,1),border-color .15s ease,box-shadow .15s ease}._colorSwatch_1082l_586:hover{transform:scale(1.12);box-shadow:0 4px 12px #0000004d}._colorSwatch_1082l_586:active{transform:scale(.95)}._colorSwatchSelected_1082l_606{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--text-primary)}body.light-theme ._colorPickerOverlay_1082l_500{background:#f8f5edbf}body.light-theme ._colorPickerModal_1082l_520{background:var(--elevation-08dp, #f0ede5);border-color:#0000001a;box-shadow:var(--shadow-elevation-12dp)}body.light-theme ._colorPickerHeader_1082l_542{border-bottom-color:#00000014}body.light-theme ._colorPickerTitle_1082l_551{color:var(--warm-ink, #453a2d)}body.light-theme ._colorSwatchSelected_1082l_606{border-color:var(--warm-ink, #453a2d);box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--warm-ink, #453a2d)}body.light-theme ._rootContainer_1082l_245{background:var(--accent-sage, #7a8b6f);border:1px solid rgba(122,139,111,.3);box-shadow:var(--shadow-elevation-04dp)}@media(hover:hover){body.light-theme ._rootContainer_1082l_245:hover{background:#6f7f65;box-shadow:var(--shadow-elevation-06dp)}}body.light-theme ._treeIcon_1082l_314{color:#fffffff2;opacity:1}body.light-theme ._rootTitle_1082l_310{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.15)}._rootTitle_1082l_310{flex:1;font-family:var(--font-serif, "Inter", system-ui, sans-serif);font-size:var(--font-size-2xl, 28px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary);text-align:left;line-height:1.25;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._rootDescription_1082l_688{font-family:Inter,system-ui,sans-serif;font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-normal, 400);color:var(--text-secondary, rgba(248, 245, 237, .65));line-height:1.45;margin:0;text-align:left;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}._rootContainerCompleted_1082l_287 ._rootDescription_1082l_688{color:#ffffffbf}body.light-theme ._rootDescription_1082l_688{color:#fffc}._progressRing_1082l_323{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}._progressText_1082l_319{position:absolute;font-size:10px;font-weight:var(--font-weight-semibold, 600);color:var(--text-secondary);letter-spacing:-.5px}._rootCanvas_1082l_736{width:100%;min-height:128px;background:var(--elevation-01dp);border-radius:var(--border-radius-lg, 16px);border:1px dashed var(--border-color);display:flex;align-items:center;justify-content:center}._rootDivider_1082l_748{width:100%;height:1px;background:var(--border-light, rgba(255, 255, 255, .1));margin:var(--spacing-xs, 4px) 0}body.light-theme ._rootDivider_1082l_748,._rootCompleted_1082l_759 ._rootDivider_1082l_748,._rootContainerCompleted_1082l_287 ._rootDivider_1082l_748{background:#fff3}._rootButtonSection_1082l_768{display:flex;align-items:stretch;justify-content:space-evenly;gap:var(--spacing-sm, 8px);padding-top:var(--spacing-md, 16px);border-top:1px solid rgba(255,255,255,.1);width:100%}body.light-theme ._rootButtonSection_1082l_768{border-top-color:#fff3}._resourcesButton_1082l_784{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs, 4px);min-width:70px;min-height:var(--touch-target-comfortable, 48px);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);background:#66b48c33;border:1px solid rgba(102,180,140,.35);border-radius:var(--border-radius-lg, 16px);cursor:pointer;transition:background-color .15s ease,transform .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent}@media(hover:hover){._resourcesButton_1082l_784:hover{background:#66b48c59;border-color:#66b48c80;transform:scale(1.03)}}._resourcesButton_1082l_784:active{background:#66b48c66;transform:scale(.97)}._resourcesIcon_1082l_819{width:24px;height:24px;color:#a6e2b4e6}._resourcesLabel_1082l_825{font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);color:#a6e2b4e6;white-space:nowrap}body.light-theme ._resourcesButton_1082l_784{background:#ffffffd9;border-color:#fff6;box-shadow:0 2px 4px #0000001a}@media(hover:hover){body.light-theme ._resourcesButton_1082l_784:hover{background:#fff;box-shadow:0 3px 6px #00000026}}body.light-theme ._resourcesIcon_1082l_819,body.light-theme ._resourcesLabel_1082l_825{color:var(--accent-sage, #7a8b6f)}._rootActionButton_1082l_859{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs, 4px);flex:1;min-height:var(--touch-target-comfortable, 48px);padding:var(--spacing-sm, 8px) var(--spacing-xs, 4px);background:transparent;border:none;border-radius:var(--border-radius-xl, 20px);box-shadow:none;cursor:pointer;transition:background-color .15s ease,transform .15s ease,border-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}@media(hover:hover){._rootActionButton_1082l_859:hover{background:var(--state-hover, rgba(255, 255, 255, .08))}}._rootActionButton_1082l_859:active{background:var(--state-pressed, rgba(255, 255, 255, .12))}._rootActionIconWrapper_1082l_898{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0f;border-radius:50%}._rootActionIcon_1082l_898{width:20px;height:20px;color:var(--text-secondary, rgba(248, 245, 237, .7))}._rootActionLabel_1082l_915{font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);color:var(--text-secondary, rgba(248, 245, 237, .7));white-space:nowrap}body.light-theme ._rootActionButton_1082l_859{background:transparent;border:none;box-shadow:none}@media(hover:hover){body.light-theme ._rootActionButton_1082l_859:hover{background:#ffffff26}}body.light-theme ._rootActionButton_1082l_859:active{background:#fff3}body.light-theme ._rootActionIconWrapper_1082l_898{background:#ffffff26}body.light-theme ._rootActionIcon_1082l_898,body.light-theme ._rootActionLabel_1082l_915{color:#ffffffe6}._navHintLeft_1082l_958,._navHintRight_1082l_959{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:var(--spacing-xs, 4px);padding:var(--spacing-xs, 4px);pointer-events:none;z-index:2}._navHintLeft_1082l_958{left:var(--spacing-xs, 4px);flex-direction:row}._navHintRight_1082l_959{right:var(--spacing-xs, 4px);flex-direction:row}._navHintIcon_1082l_982{width:24px;height:24px;color:var(--text-tertiary);opacity:.6;transition:opacity .15s ease,color .15s ease}._navHintLabel_1082l_993{font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);color:var(--text-secondary);white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}._treeNavRow_1082l_1007{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 4px);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);margin-top:var(--spacing-xs, 4px);width:fit-content;align-self:center;background:var(--elevation-01dp);border:1px solid var(--border-light);border-radius:var(--border-radius-full, 50px)}body.light-theme ._treeNavRow_1082l_1007{background:#fff9;border-color:#8b735533}._navChevronBtn_1082l_1029{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;background:transparent;border:none;border-radius:var(--border-radius-md, 8px);cursor:pointer;transition:background-color .15s ease,transform .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}._navChevronBtn_1082l_1029:hover:not(:disabled){background:var(--state-hover)}._navChevronBtn_1082l_1029:active:not(:disabled){background:var(--state-pressed);transform:scale(.92)}._navChevronBtn_1082l_1029:disabled,._navChevronDisabled_1082l_1059{opacity:.25;cursor:not-allowed;pointer-events:none}._navChevronIcon_1082l_1065{width:20px;height:20px;color:var(--text-secondary)}._rootPagination_1082l_1072{display:flex;justify-content:center;padding:0 var(--spacing-xs, 4px)}._waveContainer_1082l_1082{display:none}._wave_1082l_1082{position:absolute;bottom:0;left:0;width:200%;height:100%;min-height:120px;will-change:transform}._wave1_1082l_1096{animation:_ascend1_1082l_1 9s ease-in-out infinite;opacity:.35}._wave2_1082l_1101{animation:_ascend2_1082l_1 12s ease-in-out infinite;opacity:.45}._wave3_1082l_1106{animation:_ascend3_1082l_1 15s ease-in-out infinite;opacity:.55}@keyframes _ascend1_1082l_1{0%,to{transform:translate(0) translateY(0) rotate(0)}25%{transform:translate(-10%) translateY(-8px) rotate(.5deg)}50%{transform:translate(-20%) translateY(-12px) rotate(0)}75%{transform:translate(-15%) translateY(-8px) rotate(-.5deg)}}@keyframes _ascend2_1082l_1{0%,to{transform:translate(0) translateY(0) rotate(0)}25%{transform:translate(-8%) translateY(-5px) rotate(-.3deg)}50%{transform:translate(-15%) translateY(-8px) rotate(0)}75%{transform:translate(-12%) translateY(-5px) rotate(.3deg)}}@keyframes _ascend3_1082l_1{0%,to{transform:translate(0) translateY(0) rotate(0)}25%{transform:translate(-5%) translateY(-3px) rotate(.2deg)}50%{transform:translate(-10%) translateY(-5px) rotate(0)}75%{transform:translate(-8%) translateY(-3px) rotate(-.2deg)}}._wavePathDark_1082l_1161{fill:#1a4a32}._wavePathMid_1082l_1165{fill:#2d5a5a}._wavePathBright_1082l_1169{fill:#4a7a4a}body.light-theme ._wavePathDark_1082l_1161{fill:#a8c4a8}body.light-theme ._wavePathMid_1082l_1165{fill:#8fb88f}body.light-theme ._wavePathBright_1082l_1169{fill:#76a876}body.light-theme ._wave1_1082l_1096{opacity:.25}body.light-theme ._wave2_1082l_1101{opacity:.35}body.light-theme ._wave3_1082l_1106{opacity:.45}._progressBarContainer_1082l_1201{width:100%;height:14px;background:#0003;border-radius:var(--border-radius-full, 50px);overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}._floatingProgressBar_1082l_1215{position:fixed;bottom:68px;left:50%;transform:translate(-50%);width:calc(50% - 16px);max-width:200px;height:14px;background:#1a1b18;border-radius:var(--border-radius-full, 50px);overflow:hidden;z-index:90;box-shadow:var(--shadow-elevation-02dp);border:1px solid rgba(255,255,255,.12);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}._floatingProgressBar_1082l_1215._visible_1082l_1242{opacity:1;pointer-events:auto}body.light-theme ._floatingProgressBar_1082l_1215{background:#d9d0c0;box-shadow:var(--shadow-elevation-02dp);border:1px solid rgba(61,52,40,.2)}._progressBarFill_1082l_1258{height:100%;background:linear-gradient(90deg,var(--tree-green) 0%,color-mix(in srgb,var(--tree-green) 80%,var(--accent-blue) 20%) 100%);border-radius:var(--border-radius-full, 50px);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #a6e22e80}._progressBarComplete_1082l_1272{animation:_progressPulse_1082l_1 2s ease-in-out infinite;background:linear-gradient(90deg,var(--tree-green) 0%,#5fc968 50%,var(--tree-green) 100%)}@keyframes _progressPulse_1082l_1{0%,to{box-shadow:0 0 12px #a6e22e80}50%{box-shadow:0 0 24px #a6e22ecc}}body.light-theme ._progressBarContainer_1082l_1201{background:#00000026;box-shadow:inset 0 1px 3px #0003}body.light-theme ._progressBarFill_1082l_1258{background:linear-gradient(90deg,var(--tree-green, #509b5a) 0%,color-mix(in srgb,var(--tree-green, #509b5a) 80%,var(--accent-blue) 20%) 100%);box-shadow:0 0 10px #509b5a80;border:1px solid rgba(80,155,90,.6)}._viewSelectorWrapper_1082l_1310,body.light-theme ._viewSelectorWrapper_1082l_1310{display:none}._viewSelector_1082l_1310{display:inline-flex;align-items:center;gap:var(--spacing-xs, 4px);padding:var(--spacing-xs, 4px);background:var(--bg-elevated, var(--elevation-02dp));border:1px solid var(--border-color);border-radius:128px;box-shadow:0 4px 12px #00000040,0 2px 4px #00000026}body.light-theme ._viewSelector_1082l_1310{background:var(--bg-elevated);border-color:var(--border-color)}._viewTab_1082l_1338{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 4px);padding:var(--spacing-sm, 8px) var(--spacing-lg, 24px);background:transparent;border:none;border-radius:64px;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);min-height:var(--touch-target-min, 44px);min-width:72px;cursor:pointer;transition:all .25s var(--ease-out-smooth, ease-out);-webkit-tap-highlight-color:transparent}._viewTab_1082l_1338:hover:not(._viewTabActive_1082l_1358){color:var(--text-primary);background:var(--hover-bg-overlay, rgba(255, 255, 255, .08))}._viewTabActive_1082l_1358{color:var(--text-primary);font-weight:var(--font-weight-semibold, 600);background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}body.light-theme ._viewTab_1082l_1338{color:var(--text-secondary)}body.light-theme ._viewTab_1082l_1338:hover:not(._viewTabActive_1082l_1358){color:var(--text-primary);background:var(--hover-bg-overlay)}body.light-theme ._viewTabActive_1082l_1358{color:var(--text-primary);background:var(--bg-primary);border-color:var(--border-color)}._viewTabIcon_1082l_1386{width:20px;height:20px;flex-shrink:0}._viewTabLabel_1082l_1392{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}._treeCardsView_1082l_1404{display:flex;flex-direction:column;flex:1 0 auto;gap:var(--spacing-md, 16px);padding:var(--spacing-md, 16px);padding-bottom:calc(var(--mobile-sidebar-height, 60px) + 70px)}._treeCardsHeader_1082l_1414{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xs, 4px)}._treeCardsTitle_1082l_1421{font-family:var(--font-sans);font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary);margin:0}._treeCardsList_1082l_1429{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}._treeCardsEmpty_1082l_1435{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl, 48px) var(--spacing-lg, 24px);text-align:center;color:var(--text-secondary)}._treeCardsEmptyIcon_1082l_1445{width:64px;height:64px;color:var(--text-tertiary);opacity:.5;margin-bottom:var(--spacing-md, 16px)}._treeCardsEmptyText_1082l_1453{font-family:var(--font-sans);font-size:var(--font-size-md, 16px);color:var(--text-secondary);margin:0}._plantTreeButton_1082l_1461{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-md);background:transparent;border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-comfortable)}._plantTreeButton_1082l_1461:hover{border-color:var(--tree-green);color:var(--tree-green);background:rgba(var(--tree-green-rgb),.05)}._plantTreeButton_1082l_1461:active{transform:scale(.98)}._plantTreeIcon_1082l_1491{width:20px;height:20px;color:var(--tree-green)}.frame-highlight{animation:_frameHighlight_1082l_1 1.5s ease-out forwards}@keyframes _frameHighlight_1082l_1{0%{box-shadow:0 0 0 3px var(--tree-green),0 0 20px #56c67666;transform:scale(1.02)}50%{box-shadow:0 0 0 3px var(--tree-green),0 0 15px #56c6764d;transform:scale(1.01)}to{box-shadow:none;transform:scale(1)}}._branchDivider_57oq3_8{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md, 16px);width:100%;padding:var(--spacing-md, 16px) 0;margin:var(--spacing-sm, 8px) 0;background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:var(--touch-target-min, 44px)}._branchDivider_57oq3_8:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;border-radius:var(--border-radius-sm, 4px)}._branchDivider_57oq3_8[data-locked=true]{opacity:.5}._dividerLine_57oq3_36{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-light) 20%,var(--border-light) 80%,transparent 100%);min-width:24px}._labelContainer_57oq3_50{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 4px);flex-shrink:0;max-width:70%}._lockIcon_57oq3_59{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}._branchNumber_57oq3_67{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--text-tertiary);flex-shrink:0;opacity:.8}._branchLabel_57oq3_76{font-size:var(--font-size-sm, 14px);font-family:var(--font-serif);font-weight:var(--font-weight-semibold, 600);color:var(--text-secondary);line-height:1.3;text-align:center;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:220px}._inlineExpertButton_57oq3_95{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 4px);margin-left:var(--spacing-sm, 8px);padding:4px;background:var(--elevation-02dp, rgba(248, 245, 237, .07));border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:var(--border-radius-full, 50px);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:var(--touch-target-min, 44px);min-width:var(--touch-target-min, 44px);transition:background .15s ease,border-color .15s ease,transform .1s ease}._inlineExpertButton_57oq3_95:active{background:var(--elevation-04dp, #323330);transform:scale(.95)}._moreCount_57oq3_120{font-size:11px;font-weight:var(--font-weight-semibold, 600);color:var(--text-tertiary);white-space:nowrap;padding-right:4px}body.light-theme ._labelContainer_57oq3_50{align-items:baseline}body.light-theme ._branchNumber_57oq3_67{color:var(--text-secondary);opacity:.6}body.light-theme ._branchLabel_57oq3_76{font-weight:var(--font-weight-semibold, 600);color:var(--text-tertiary);text-transform:none;letter-spacing:var(--letter-spacing-normal);font-size:var(--font-size-sm, 14px);text-align:left}body.light-theme ._dividerLine_57oq3_36{background:linear-gradient(90deg,transparent 0%,var(--beige-sand, #d8cdb5) 20%,var(--beige-sand, #d8cdb5) 80%,transparent 100%);opacity:.6}body.light-theme ._inlineExpertButton_57oq3_95{background:#ffffffb3;border-color:var(--beige-sand, #d8cdb5)}body.light-theme ._inlineExpertButton_57oq3_95:active{background:#ffffffe6}body.light-theme ._moreCount_57oq3_120{color:var(--warm-ink, #453a2d);opacity:.7}._actionCard_wxdpl_7{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);padding:18px 16px 24px;background:var(--elevation-02dp);background:linear-gradient(180deg,var(--elevation-02dp) 0%,var(--elevation-04dp) 100%);border:1px solid var(--border-light);border-radius:var(--border-radius-xl, 24px);box-shadow:3px 3px 0 var(--border-light, rgba(255, 255, 255, .08)),inset 0 -20px 30px -20px #56955e14,inset 0 1px #ffffff0d;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:56px;transition:background .2s ease,border-color .2s ease,box-shadow .25s ease,transform .2s ease}._actionCard_wxdpl_7:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}._actionCard_wxdpl_7[data-status=completed]{background:var(--tree-green);border-color:var(--tree-green);background:linear-gradient(180deg,var(--tree-green) 0%,#4a8050 100%);box-shadow:var(--shadow-card-hard-active, 4px 4px 0 rgba(45, 90, 45, .45)),inset 0 -30px 25px -15px #3f7e3c80,inset 0 -10px 15px -8px #ffffff26,inset 0 2px 4px #0000001a}._actionCard_wxdpl_7[data-status=completed] ._actionTitle_wxdpl_64{color:#fff}._actionCard_wxdpl_7[data-status=active]{background:var(--tree-green);background:linear-gradient(180deg,var(--tree-green) 0%,#4a8050 100%);border-color:#fffc;border-width:2px;animation:_activePulse_wxdpl_1 2s ease-in-out infinite}._actionCard_wxdpl_7[data-status=active] ._actionTitle_wxdpl_64{color:#fff}@keyframes _activePulse_wxdpl_1{0%,to{border-color:#ffffff80;box-shadow:4px 4px #23462380,inset 0 -20px 20px -15px #a6e22e40,inset 0 1px #ffffff26}50%{border-color:#fffffff2;box-shadow:5px 5px #23462399,inset 0 -20px 20px -15px #a6e22e66,inset 0 1px #ffffff40}}._actionCard_wxdpl_7[data-status=pending]{background:var(--elevation-01dp);border-color:var(--border-light);opacity:.6;box-shadow:2px 2px 0 var(--border-light, rgba(255, 255, 255, .08))}._actionCard_wxdpl_7[data-status=pending] ._actionTitle_wxdpl_64{color:var(--text-tertiary)}._headerRow_wxdpl_119{display:flex;align-items:center;gap:8px}._actionIcon_wxdpl_126{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--text-secondary);flex-shrink:0;opacity:.75}._actionCard_wxdpl_7[data-status=completed] ._actionIcon_wxdpl_126,._actionCard_wxdpl_7[data-status=active] ._actionIcon_wxdpl_126{color:#ffffffe6;opacity:1}._actionCard_wxdpl_7[data-status=pending] ._actionIcon_wxdpl_126{color:var(--text-tertiary);opacity:.6}._actionTitle_wxdpl_64{flex:1;font-family:var(--font-sans);font-size:20px;font-weight:var(--font-weight-medium, 500);color:var(--text-primary);line-height:1.4;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._statusRow_wxdpl_171{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding-top:var(--spacing-xs, 4px)}._growthRewards_wxdpl_178{display:flex;align-items:center;gap:var(--spacing-xs, 4px);flex-wrap:wrap}._growthBadge_wxdpl_185{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);color:var(--text-secondary);background:var(--elevation-04dp);border-radius:var(--border-radius-full, 50px)}._growthBadge_wxdpl_185[data-category=physical]{background:#f9267226;color:var(--accent-red)}._growthBadge_wxdpl_185[data-category=mental]{background:#66d9ef26;color:var(--accent-blue)}._growthBadge_wxdpl_185[data-category=financial]{background:#e6db7426;color:var(--accent-yellow)}._growthBadge_wxdpl_185[data-category=social]{background:#fd971f26;color:var(--accent-orange)}._growthBadge_wxdpl_185[data-category=spiritual]{background:#fd5ff026;color:var(--accent-purple)}._xpBadge_wxdpl_222{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-semibold, 600);color:var(--tree-green);background:#56c67626;border-radius:var(--border-radius-full, 50px)}._actionCard_wxdpl_7[data-status=completed] ._growthBadge_wxdpl_185,._actionCard_wxdpl_7[data-status=completed] ._xpBadge_wxdpl_222,._actionCard_wxdpl_7[data-status=active] ._growthBadge_wxdpl_185,._actionCard_wxdpl_7[data-status=active] ._xpBadge_wxdpl_222{background:#fff3;color:#fff}body.light-theme ._actionCard_wxdpl_7{background:linear-gradient(180deg,#fffffff2,#f8f5ede6);border-color:var(--beige-sand, #d8cdb5);box-shadow:3px 3px #453a2d1f,inset 0 -20px 30px -20px #8b9a7f1a,inset 0 1px #fffc}body.light-theme ._actionCard_wxdpl_7[data-status=pending]{background:#f8f5ed99;border-color:var(--beige-linen, #e6dcc8);box-shadow:2px 2px #453a2d0f}body.light-theme ._actionCard_wxdpl_7[data-status=completed]{background:linear-gradient(180deg,#7a9a70,#6b8a62);border-color:#6b8a62;box-shadow:4px 4px #5a6e504d,inset 0 -30px 25px -15px #648c5a59,inset 0 1px #ffffff26}body.light-theme ._actionCard_wxdpl_7[data-status=active]{background:linear-gradient(180deg,#7a9a70,#6b8a62);border-color:#ffffffbf}body.light-theme ._actionCard_wxdpl_7[data-status=pending] ._actionTitle_wxdpl_64{color:var(--warm-ink, #453a2d)}body.light-theme ._actionCard_wxdpl_7[data-status=pending] ._actionIcon_wxdpl_126{color:var(--warm-ink, #453a2d);opacity:.7}body.light-theme ._actionCard_wxdpl_7[data-status=completed] ._actionTitle_wxdpl_64,body.light-theme ._actionCard_wxdpl_7[data-status=active] ._actionTitle_wxdpl_64{color:#fff!important}body.light-theme ._actionCard_wxdpl_7[data-status=completed] ._actionIcon_wxdpl_126,body.light-theme ._actionCard_wxdpl_7[data-status=active] ._actionIcon_wxdpl_126{color:#fffffff2!important;opacity:1}body.light-theme ._actionCard_wxdpl_7[data-status=completed] ._growthBadge_wxdpl_185,body.light-theme ._actionCard_wxdpl_7[data-status=completed] ._xpBadge_wxdpl_222,body.light-theme ._actionCard_wxdpl_7[data-status=active] ._growthBadge_wxdpl_185,body.light-theme ._actionCard_wxdpl_7[data-status=active] ._xpBadge_wxdpl_222{background:#fff3;color:#fff}._scrim_13c7h_10{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-modal-backdrop, 1200);-webkit-tap-highlight-color:transparent}._modalContainer_13c7h_22{position:fixed;left:0;right:0;z-index:var(--z-modal, 1300);background:var(--elevation-04dp);border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-elevation-12dp),0 20px 40px #00000080;margin:0 var(--spacing-sm);display:flex;flex-direction:column;overflow:hidden}._dragHandleArea_13c7h_44{display:flex;justify-content:center;align-items:center;padding:4px 0;cursor:grab;touch-action:none;flex-shrink:0}._dragHandleArea_13c7h_44:active{cursor:grabbing}._header_13c7h_59{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md) var(--spacing-sm);border-bottom:1px solid var(--border-color);flex-shrink:0}._titleButton_13c7h_69{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin:0;padding:var(--spacing-sm) var(--spacing-sm);background:transparent;border:none;border-radius:var(--border-radius-md);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;transition:background .15s ease;min-height:44px}._titleButton_13c7h_69:hover{background:var(--state-hover)}._titleButton_13c7h_69:active{background:var(--state-pressed)}._titleText_13c7h_95{font-size:1.125rem;font-weight:600;line-height:1.4;color:var(--text-primary);flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._titleChevron_13c7h_108{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0;transition:transform .15s ease,color .15s ease}._titleButton_13c7h_69:hover ._titleChevron_13c7h_108{transform:translate(2px);color:var(--text-secondary)}._titleButton_13c7h_69:active ._titleChevron_13c7h_108{transform:translate(4px)}._title_13c7h_69{margin:0;font-size:1.25rem;font-weight:600;line-height:1.4;color:var(--text-primary);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}._content_13c7h_146{flex:1;overflow-y:auto;padding:var(--spacing-md);-webkit-overflow-scrolling:touch}._tagsSection_13c7h_154{margin-bottom:var(--spacing-md)}._tagsList_13c7h_158{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}._tag_13c7h_154{display:inline-block;padding:4px 10px;background:var(--elevation-01dp);border-radius:var(--border-radius-full);font-size:.75rem;font-weight:500;color:var(--text-secondary);border:1px solid var(--border-color)}._section_13c7h_176{margin-bottom:var(--spacing-md)}._section_13c7h_176:last-child{margin-bottom:0}._sectionTitle_13c7h_184{margin:0 0 var(--spacing-xs);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}._descriptionWithIcon_13c7h_194{display:flex;align-items:flex-start;gap:var(--spacing-sm)}._descriptionIcon_13c7h_200{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:var(--accent-sage, #8b9a7f);margin-top:2px}._description_13c7h_194{margin:0;font-size:.9375rem;line-height:1.6;color:var(--text-primary);font-family:var( --font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif );flex:1}._descriptionBulletItem_13c7h_228{display:flex;align-items:flex-start;gap:var(--spacing-sm, 8px);margin-bottom:var(--spacing-xs, 4px)}._bulletMarker_13c7h_235{color:var(--tree-green, #509b5a);font-size:1rem;line-height:1.6;flex-shrink:0}._bulletText_13c7h_242{flex:1;font-size:inherit;line-height:1.6;color:var(--text-primary)}._descriptionTextLine_13c7h_249{margin-bottom:var(--spacing-xs, 4px);font-size:inherit;line-height:1.6;color:var(--text-primary)}._completionCondition_13c7h_256{margin:0;font-size:.875rem;line-height:1.5;color:var(--text-secondary);padding:var(--spacing-sm);background:var(--elevation-01dp);border-radius:var(--border-radius-md);border-left:3px solid var(--accent-sage)}._rewardsList_13c7h_268{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}._rewardBadge_13c7h_274{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;border-radius:var(--border-radius-full);font-size:.75rem;font-weight:500;background:var(--elevation-02dp);border:1px solid var(--border-color)}._rewardCategory_13c7h_286{color:var(--text-primary);text-transform:capitalize}._rewardXp_13c7h_291{color:var(--accent-sage);font-weight:600}._rewardBadge_13c7h_274[data-category=mental]{border-color:var(--category-mental, #6b7fd7)}._rewardBadge_13c7h_274[data-category=physical]{border-color:var(--category-physical, #4caf50)}._rewardBadge_13c7h_274[data-category=social]{border-color:var(--category-social, #ff9800)}._rewardBadge_13c7h_274[data-category=financial]{border-color:var(--category-financial, #9c27b0)}._rewardBadge_13c7h_274[data-category=spiritual]{border-color:var(--category-spiritual, #00bcd4)}._buttonSection_13c7h_318{display:flex;justify-content:flex-start;align-items:flex-end;padding:var(--spacing-md) 0 var(--spacing-sm);gap:var(--spacing-lg)}._buttonSectionSingle_13c7h_327{display:flex;justify-content:flex-start;padding:var(--spacing-md) 0 var(--spacing-sm)}._expertButton_13c7h_334{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);background:transparent;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}._expertButton_13c7h_334:active{transform:scale(.95)}._expertAvatarWrapper_13c7h_350{border-radius:50%;box-shadow:3px 3px 0 var(--border-light, rgba(255, 255, 255, .08))}body.light-theme ._expertAvatarWrapper_13c7h_350{box-shadow:3px 3px #8b735540}._expertName_13c7h_360{font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);color:var(--text-secondary);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] ._modalContainer_13c7h_22{background:var(--elevation-02dp);border:1px solid rgba(61,52,40,.15);box-shadow:var(--shadow-elevation-12dp),0 20px 40px #3d342833}[data-theme=light] ._scrim_13c7h_10{background:#3d342859}[data-theme=light] ._completionCondition_13c7h_256{background:var(--elevation-01dp)}@supports (padding-bottom: env(safe-area-inset-bottom)){._content_13c7h_146{padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}}._fullscreenDragHandle_13c7h_401{display:flex;justify-content:center;align-items:center;padding:8px 0 4px;cursor:grab;touch-action:none;flex-shrink:0;background:transparent}._fullscreenDragHandle_13c7h_401:active{cursor:grabbing}._fullscreenContent_13c7h_417{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-lg);text-align:left;will-change:transform,opacity}._fullscreenSection_13c7h_425{margin-bottom:var(--spacing-lg)}._fullscreenSection_13c7h_425:last-child{margin-bottom:0}._fullscreenTitle_13c7h_434{margin:0;font-size:1.5rem;font-weight:600;line-height:1.3;color:var(--text-primary);word-wrap:break-word}._fullscreenLabel_13c7h_444{display:block;margin-bottom:var(--spacing-xs);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}._fullscreenText_13c7h_455{margin:0;font-size:1rem;line-height:1.7;color:var(--text-primary);font-family:var( --font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif )}._fullscreenCondition_13c7h_471{font-size:.9375rem;line-height:1.6;color:var(--text-secondary);padding:var(--spacing-md);background:var(--elevation-01dp);border-radius:var(--border-radius-md);border-left:3px solid var(--tree-green, #a6e22e)}._fullscreenFooter_13c7h_482{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-md);width:100%}._regenerateButton_13c7h_491{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-sm);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;min-height:44px}._regenerateButton_13c7h_491:hover,._regenerateButton_13c7h_491:active{background:var(--state-hover);color:var(--text-primary);border-color:var(--accent-primary)}._regenerateButton_13c7h_491 svg{color:inherit;flex-shrink:0}._light-theme_13c7h_356 ._fullscreenCondition_13c7h_471{background:var(--elevation-01dp)}@media(max-width:768px){._fullscreenContent_13c7h_417{padding:var(--spacing-md)}._fullscreenTitle_13c7h_434{font-size:1.25rem}._fullscreenFooter_13c7h_482{flex-direction:row;gap:var(--spacing-sm)}._fullscreenFooter_13c7h_482 button{flex:1;min-height:48px}}._optionsMenuWrapper_13c7h_553{position:relative;display:flex;align-items:center;z-index:1}._optionsButton_13c7h_560{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}._optionsButton_13c7h_560:hover{background:var(--state-hover);color:var(--text-primary)}._optionsButton_13c7h_560:active{background:var(--state-pressed)}._optionsMenuBackdrop_13c7h_586{position:fixed;inset:0;z-index:13099;background:transparent}._optionsMenu_13c7h_553{position:fixed;z-index:13100;min-width:240px;max-width:calc(100vw - 32px);background:var(--elevation-08dp);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-elevation-12dp);padding:var(--spacing-md)}._optionsSection_13c7h_605{margin-bottom:var(--spacing-md)}._optionsSection_13c7h_605:last-child{margin-bottom:0}._optionsSectionLabel_13c7h_613{display:block;margin-bottom:var(--spacing-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}._colorPicker_13c7h_624{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}._colorSwatch_13c7h_630{width:32px;height:32px;border-radius:50%;border:2px solid transparent;background:var(--swatch-color);cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:inset 0 2px 4px #0003;padding:0}._colorSwatch_13c7h_630:hover{transform:scale(1.15);box-shadow:inset 0 2px 4px #0003,0 4px 8px #0003}._colorSwatchActive_13c7h_647{border-color:#fff;box-shadow:inset 0 2px 4px #0003,0 0 0 2px #ffffff80}._imagePicker_13c7h_653{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}._imageOption_13c7h_659{position:relative;width:100%;aspect-ratio:1;padding:0;border:2px solid transparent;border-radius:var(--border-radius-md);overflow:hidden;cursor:pointer;transition:border-color .15s ease,transform .15s ease;background:var(--bg-tertiary)}._imageOption_13c7h_659:hover{transform:scale(1.03);border-color:var(--border-light)}._imageOptionActive_13c7h_677{border-color:var(--accent-primary, #509b5a);box-shadow:0 0 0 2px #509b5a4d}._imageOptionImg_13c7h_682{width:100%;height:100%;object-fit:cover;display:block}[data-theme=light] ._optionsMenu_13c7h_553{background:var(--elevation-04dp);box-shadow:var(--shadow-elevation-08dp)}[data-theme=light] ._colorSwatchActive_13c7h_647{border-color:var(--text-primary);box-shadow:inset 0 2px 4px #0000001a,0 0 0 2px var(--border-color)}._title_nj6pc_9{font-family:var(--font-serif);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}@layer components{._scrollWrapper_nj6pc_21{display:flex;flex-direction:column;width:100%;height:100%}._scrollArea_nj6pc_31{position:relative;flex:1;z-index:1}._container_nj6pc_38{display:grid;gap:var(--spacing-md);padding:var(--spacing-md);padding-bottom:calc(var(--mobile-sidebar-height, 60px) + var(--spacing-xl));align-content:start;width:100%;max-width:500px;margin:0 auto;box-sizing:border-box}@media(min-width:768px){._scrollWrapper_nj6pc_21{position:absolute;inset:0;overflow:hidden}._scrollArea_nj6pc_31{overflow-y:auto;overflow-x:hidden}._container_nj6pc_38{min-height:100%}}@media(max-width:600px){._container_nj6pc_38{padding:var(--spacing-sm);padding-bottom:calc(var(--mobile-sidebar-height, 60px) + var(--spacing-lg));max-width:100%}}@media(min-width:768px){._container_nj6pc_38{padding:var(--spacing-md);padding-top:calc(var(--spacing-lg) + var(--chrome-height, 44px) + var(--panel-top-offset, 4px));max-width:480px;transition:padding-top var(--drawer-duration, .3s) var(--drawer-ease, cubic-bezier(.2, 0, 0, 1))}}@media(min-width:1200px){._container_nj6pc_38{padding:var(--spacing-lg);padding-top:calc(var(--spacing-xl) + var(--chrome-height, 44px) + var(--panel-top-offset, 4px));max-width:520px;margin:0 auto;transition:padding-top var(--drawer-duration, .3s) var(--drawer-ease, cubic-bezier(.2, 0, 0, 1))}}@media(min-width:1400px){._container_nj6pc_38{max-width:600px}}._header_nj6pc_113{display:flex;align-items:center;gap:var(--spacing-sm)}._grid_nj6pc_120{display:grid;gap:var(--spacing-md);grid-template-columns:1fr}._emptyState_nj6pc_127{display:grid;place-items:center;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}._emptyIcon_nj6pc_134{width:64px;height:64px;color:var(--text-tertiary);opacity:.5;margin-bottom:var(--spacing-md)}._emptyText_nj6pc_142{font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;max-width:280px}._loading_nj6pc_151{display:grid;place-items:center;padding:var(--spacing-2xl);color:var(--text-secondary);font-family:var(--font-sans)}._plantButton_nj6pc_160{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-comfortable)}._plantButton_nj6pc_160:hover{border-color:var(--tree-green);color:var(--tree-green);background:rgba(var(--tree-green-rgb),.05)}._plantButton_nj6pc_160:active{transform:scale(.98)}._plantButton_nj6pc_160 svg{width:20px;height:20px;color:var(--tree-green);flex-shrink:0}}._container_lzim3_13{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-primary);overflow:hidden}body.light-theme ._container_lzim3_13{background:var(--bg-primary)}._starsHeader_lzim3_33{position:relative;width:100%;height:280px;overflow:hidden;pointer-events:none;margin-bottom:-280px;background:linear-gradient(to bottom,rgba(25,30,40,.6) 0%,rgba(28,32,42,.4) 30%,rgba(30,32,38,.2) 60%,rgba(30,31,28,.1) 80%,transparent 100%)}body.light-theme ._starsHeader_lzim3_33{display:none}._starsLayer_lzim3_54{position:absolute;inset:0;will-change:opacity;-webkit-mask-image:linear-gradient(to bottom,white 0%,white 25%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.3) 75%,transparent 100%);mask-image:linear-gradient(to bottom,white 0%,white 25%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.3) 75%,transparent 100%)}._starsLayer1_lzim3_76{background-image:radial-gradient(2px 2px at 8% 4%,rgba(255,255,255,.85),transparent),radial-gradient(1.5px 1.5px at 25% 3%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 42% 6%,rgba(255,255,255,.75),transparent),radial-gradient(2px 2px at 65% 2%,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 85% 7%,rgba(255,255,255,.85),transparent),radial-gradient(1.5px 1.5px at 12% 14%,rgba(255,255,255,.75),transparent),radial-gradient(1px 1px at 35% 11%,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 55% 16%,rgba(255,255,255,.75),transparent),radial-gradient(1px 1px at 78% 10%,rgba(255,255,255,.65),transparent),radial-gradient(1.5px 1.5px at 92% 18%,rgba(255,255,255,.7),transparent);animation:_starsTwinkle_lzim3_1 4s ease-in-out infinite}._starsLayer2_lzim3_91{background-image:radial-gradient(1px 1px at 15% 2%,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 38% 8%,rgba(255,255,255,.75),transparent),radial-gradient(1px 1px at 58% 4%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 75% 9%,rgba(255,255,255,.75),transparent),radial-gradient(1px 1px at 95% 5%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 5% 18%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 28% 20%,rgba(255,255,255,.65),transparent),radial-gradient(1px 1px at 52% 14%,rgba(255,255,255,.7),transparent);animation:_starsTwinkle_lzim3_1 5s ease-in-out infinite;animation-delay:-2s}@keyframes _starsTwinkle_lzim3_1{0%,to{opacity:1}50%{opacity:.3}}@media(prefers-reduced-motion:reduce){._starsLayer1_lzim3_76,._starsLayer2_lzim3_91{animation:none;opacity:.7}}._scrollArea_lzim3_126{position:relative;flex:1;overflow-y:auto;overflow-x:hidden;z-index:1}._content_lzim3_139{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);padding:var(--spacing-md, 16px);padding-top:calc(var(--header-height, 48px) + var(--spacing-lg, 24px));padding-bottom:var(--spacing-md, 16px);max-width:min(520px,calc(100% - var(--spacing-lg, 24px)));margin:0 auto;box-sizing:border-box;width:100%}@media(max-width:1199px){._content_lzim3_139{padding:var(--spacing-sm, 12px);padding-top:calc(var(--header-height, 48px) + var(--spacing-md, 16px));padding-bottom:var(--spacing-sm, 12px);max-width:min(500px,calc(100% - var(--spacing-md, 16px)))}}@media(min-width:601px)and (max-width:899px){._content_lzim3_139{padding:var(--spacing-sm, 12px);padding-top:calc(var(--header-height, 48px) + var(--spacing-sm, 12px));padding-bottom:var(--spacing-sm, 12px);max-width:min(460px,calc(100% - var(--spacing-sm, 12px)))}}@media(max-width:600px){._content_lzim3_139{padding:var(--spacing-xs, 8px);padding-top:var(--spacing-lg, 24px);padding-bottom:calc(var(--mobile-sidebar-height, 60px) + var(--spacing-xl, 32px));max-width:100%}}@media(min-width:1400px){._content_lzim3_139{padding:var(--spacing-lg, 24px);padding-top:calc(var(--header-height, 48px) + var(--spacing-lg, 24px));max-width:580px}}@media(min-width:1600px){._content_lzim3_139{max-width:640px}}._branchSection_lzim3_204{display:flex;flex-direction:column;gap:var(--spacing-sm, 12px);width:100%;max-width:100%}._actionsList_lzim3_217{position:relative;display:flex;flex-direction:column;gap:0;width:100%;max-width:100%}._actionCard_lzim3_228{position:relative;display:flex;align-items:center;gap:var(--spacing-sm, 12px);width:100%;max-width:100%;box-sizing:border-box;min-height:56px;padding:14px var(--spacing-lg, 20px) 18px var(--spacing-lg, 20px);background:var(--elevation-02dp);border:1px solid var(--border-light, rgba(255, 255, 255, .08));border-radius:var(--border-radius-lg, 16px);cursor:pointer;text-align:left;box-shadow:var(--shadow-elevation-02dp);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}._actionCard_lzim3_228:hover{background:var(--elevation-04dp);border-color:var(--border-medium, rgba(255, 255, 255, .12));box-shadow:var(--shadow-elevation-04dp)}._actionCard_lzim3_228:active{box-shadow:var(--shadow-elevation-01dp)}._actionCompleted_lzim3_261{background:var(--tree-green, #509b5a);border-color:var(--tree-green, #509b5a);box-shadow:var(--shadow-elevation-02dp)}._actionCompleted_lzim3_261:hover{background:#5aad64;box-shadow:var(--shadow-elevation-04dp)}._actionActive_lzim3_273{background:var(--tree-green, #509b5a);border-color:var(--tree-green, #509b5a);box-shadow:var(--shadow-elevation-02dp);outline:2px solid rgba(255,255,255,.6);outline-offset:1px;animation:_activePulse_lzim3_1 2s ease-in-out infinite}._actionActive_lzim3_273:hover{background:#5aad64;box-shadow:var(--shadow-elevation-04dp)}@keyframes _activePulse_lzim3_1{0%,to{outline-color:#fff6}50%{outline-color:#ffffffe6}}._actionSelected_lzim3_298{border-color:var(--tree-green, #509b5a);outline:2px solid var(--tree-green, #509b5a);outline-offset:1px}._actionSelected_lzim3_298:hover{box-shadow:var(--shadow-elevation-04dp)}._actionPending_lzim3_309{background:transparent;border:1px dashed var(--border-color, rgba(255, 255, 255, .15));box-shadow:none}._actionPending_lzim3_309:hover{background:var(--state-hover, rgba(255, 255, 255, .08));border-style:solid}._actionCheckmark_lzim3_321{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;flex-shrink:0}._checkIcon_lzim3_330{width:20px;height:20px;color:#fffffff2}._actionContent_lzim3_337{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-xs, 4px);min-width:0;overflow:visible}._actionName_lzim3_348{font-family:var(--font-serif);font-size:20px;font-weight:var(--font-weight-semibold, 600);color:var(--text-primary);line-height:1.35;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._actionCompleted_lzim3_261 ._actionName_lzim3_348,._actionActive_lzim3_273 ._actionName_lzim3_348{color:#fff}._actionPending_lzim3_309 ._actionName_lzim3_348{color:var(--text-tertiary)}._actionDescription_lzim3_372{font-size:13px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._actionStatus_lzim3_383{display:flex;align-items:center}._activeIndicator_lzim3_388{width:8px;height:8px;border-radius:50%;background:var(--tree-green, #509b5a);animation:_blink_lzim3_1 1.5s ease-in-out infinite}@keyframes _blink_lzim3_1{0%,to{opacity:1}50%{opacity:.4}}._flowIndicator_lzim3_409{display:flex;align-items:center;justify-content:center;padding:12px 0}._flowTriangle_lzim3_416{width:14px;height:14px;color:var(--tree-green, #509b5a);opacity:.65;filter:drop-shadow(0 1px 3px rgba(80,155,90,.4))}body.light-theme ._flowTriangle_lzim3_416{color:var(--accent-sage, #7a8b6f);opacity:.75}._flowTriangleMuted_lzim3_429{color:var(--text-tertiary, #a09f94);opacity:.4;filter:none}._branchDividerWrapper_lzim3_440{display:flex;align-items:center;gap:var(--spacing-sm, 8px);width:100%}._branchDivider_lzim3_440{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md, 16px);flex:1;min-width:0;padding:var(--spacing-md, 16px) 0;background:transparent;border:none;cursor:pointer;text-align:center;transition:all .15s ease}._branchDivider_lzim3_440:hover{background:#ffffff08}._dividerLine_lzim3_467{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-light, rgba(255, 255, 255, .1)) 20%,var(--border-light, rgba(255, 255, 255, .1)) 80%,transparent 100%);min-width:24px}._labelContainer_lzim3_481{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 4px);flex-shrink:0;max-width:70%}._branchNumber_lzim3_490{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:var(--elevation-04dp, #323330);color:var(--text-tertiary);font-size:11px;font-weight:600}._branchName_lzim3_504{font-family:var(--font-sans, "Inter", sans-serif);font-size:14px;font-weight:var(--font-weight-medium, 500);color:var(--text-secondary);text-transform:none;letter-spacing:0;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:220px}._branchLocked_lzim3_521{opacity:.5}._lockedBadge_lzim3_525{font-size:10px;color:var(--text-muted);padding:2px 6px;background:var(--elevation-02dp);border-radius:4px}._inlineExpertButton_lzim3_537{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 4px);margin-left:var(--spacing-sm, 8px);padding:4px;background:var(--elevation-02dp, rgba(248, 245, 237, .07));border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:var(--border-radius-full, 50px);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}._inlineExpertButton_lzim3_537:hover{background:var(--elevation-04dp, #323330);border-color:var(--border-light, rgba(255, 255, 255, .12))}._inlineExpertButton_lzim3_537:active{transform:scale(.95)}._moreCount_lzim3_563{font-size:11px;font-weight:var(--font-weight-semibold, 600);color:var(--text-tertiary);white-space:nowrap;padding-right:4px}body.light-theme ._inlineExpertButton_lzim3_537{background:#ffffffb3;border-color:var(--beige-sand, #d8cdb5)}body.light-theme ._inlineExpertButton_lzim3_537:hover{background:#ffffffe6;border-color:#8b73554d}body.light-theme ._moreCount_lzim3_563{color:var(--warm-ink, #453a2d);opacity:.7}._branchExpert_lzim3_592{align-self:center;margin:var(--spacing-md, 16px) 0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm, 8px);padding:14px 24px 16px;background:var(--elevation-02dp);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:var(--border-radius-lg, 16px);cursor:pointer;box-shadow:var(--shadow-elevation-02dp);transition:background .15s ease,box-shadow .15s ease}._branchExpert_lzim3_592:hover{background:var(--elevation-04dp);box-shadow:var(--shadow-elevation-04dp)}._branchExpert_lzim3_592:active{box-shadow:var(--shadow-elevation-01dp)}._expertLabel_lzim3_620{font-family:var(--font-sans, "Inter", sans-serif);font-size:10px;font-weight:var(--font-weight-medium, 500);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;text-align:center}._expertAvatarWrapper_lzim3_631{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;border:1px solid var(--border-light, rgba(255, 255, 255, .1));background:var(--bg-primary, #1e1f1c)}._expertName_lzim3_642{font-family:var(--font-sans, "Inter", sans-serif);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;text-align:center}._expertMore_lzim3_655{font-family:var(--font-sans, "Inter", sans-serif);font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-semibold, 600);color:var(--text-secondary);padding:3px 10px;background:var(--bg-tertiary, rgba(248, 245, 237, .15));border-radius:var(--border-radius-full, 50px)}body.light-theme ._branchExpert_lzim3_592{background:var(--elevation-02dp);border-color:var(--beige-sand, #d8cdb5);box-shadow:var(--shadow-elevation-02dp)}body.light-theme ._branchExpert_lzim3_592:hover{background:var(--elevation-04dp);box-shadow:var(--shadow-elevation-04dp)}body.light-theme ._expertAvatarWrapper_lzim3_631{border-color:var(--beige-sand, #d8cdb5);background:var(--bg-primary)}body.light-theme ._expertLabel_lzim3_620{color:#3d342899}body.light-theme ._expertName_lzim3_642{color:var(--text-primary)}body.light-theme ._expertMore_lzim3_655{background:#8b73551f;color:var(--text-secondary)}._rootSection_lzim3_698{display:flex;flex-direction:column;align-items:center;margin-top:var(--spacing-md, 16px)}._rootContainer_lzim3_706{width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-md, 16px);padding:var(--spacing-lg, 24px);background:var(--elevation-02dp);border:1px solid var(--border-light, rgba(255, 255, 255, .08));border-radius:var(--border-radius-xl, 20px);box-shadow:var(--shadow-elevation-04dp);cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;text-align:left}._rootContainer_lzim3_706:hover{background:var(--elevation-04dp);box-shadow:var(--shadow-elevation-06dp)}._rootContainer_lzim3_706:active{box-shadow:var(--shadow-elevation-02dp)}._rootCompleted_lzim3_736{background:var(--tree-green, #509b5a);border-color:var(--tree-green, #509b5a);box-shadow:var(--shadow-elevation-04dp)}._rootCompleted_lzim3_736:hover{background:#5aad64;box-shadow:var(--shadow-elevation-06dp)}._rootCompleted_lzim3_736 ._rootTitle_lzim3_747{color:#fff}._rootCompleted_lzim3_736 ._treeIcon_lzim3_751{color:#ffffffe6}._rootHeader_lzim3_756{display:flex;align-items:flex-start;gap:var(--spacing-sm, 8px)}._rootTitleGroup_lzim3_762{display:flex;align-items:flex-start;gap:var(--spacing-sm, 8px);flex:1}._treeIcon_lzim3_751{width:24px;height:24px;color:var(--tree-green, #509b5a);flex-shrink:0;margin-top:2px}._rootTitle_lzim3_747{font-family:var(--font-serif, "Inter", sans-serif);font-size:20px;font-weight:var(--font-weight-semibold, 600);color:var(--text-primary);margin:0;line-height:1.3}._rootDescription_lzim3_788{font-family:Inter,system-ui,sans-serif;font-size:var(--font-size-sm, 13px);font-weight:var(--font-weight-normal, 400);color:var(--text-secondary, rgba(248, 245, 237, .65));line-height:1.45;margin:0;text-align:left;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}._rootCompleted_lzim3_736 ._rootDescription_lzim3_788{color:#ffffffbf}body.light-theme ._rootDescription_lzim3_788{color:#fffc}._rootDivider_lzim3_817{width:100%;height:1px;background:var(--border-light, rgba(255, 255, 255, .1));margin:var(--spacing-xs, 4px) 0}body.light-theme ._rootDivider_lzim3_817,._rootCompleted_lzim3_736 ._rootDivider_lzim3_817{background:#fff3}._rootButtonSection_lzim3_837{display:flex;align-items:stretch;justify-content:space-evenly;gap:var(--spacing-sm, 8px);padding-top:var(--spacing-md, 16px);border-top:1px solid rgba(255,255,255,.1);width:100%}._rootActionButton_lzim3_848{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs, 4px);flex:1;min-height:var(--touch-target-comfortable, 48px);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);background:transparent;border:none;border-radius:var(--border-radius-lg, 12px);box-shadow:none;cursor:pointer;transition:background .15s ease}._rootActionButton_lzim3_848:hover{background:var(--state-hover, rgba(255, 255, 255, .08))}._rootActionButton_lzim3_848:active{background:var(--state-pressed, rgba(255, 255, 255, .12))}._rootActionIconWrapper_lzim3_873{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0f;border-radius:50%}._rootActionIcon_lzim3_873{width:20px;height:20px;color:var(--text-secondary, rgba(248, 245, 237, .7))}._rootActionLabel_lzim3_889{font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);color:var(--text-secondary, rgba(248, 245, 237, .7));white-space:nowrap}._progressSection_lzim3_899{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px);padding-top:var(--spacing-md, 16px)}._progressBarContainer_lzim3_906{width:100%;height:14px;background:#0003;border-radius:var(--border-radius-full, 50px);overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}._progressBarFill_lzim3_915{height:100%;background:linear-gradient(90deg,var(--tree-green) 0%,color-mix(in srgb,var(--tree-green) 80%,var(--accent-blue) 20%) 100%);border-radius:var(--border-radius-full, 50px);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #a6e22e80}._progressBarComplete_lzim3_927{animation:_progressPulse_lzim3_1 2s ease-in-out infinite;background:linear-gradient(90deg,var(--tree-green) 0%,#5fc968 50%,var(--tree-green) 100%)}@keyframes _progressPulse_lzim3_1{0%,to{box-shadow:0 0 12px #a6e22e80}50%{box-shadow:0 0 24px #a6e22ecc}}._wavesFooter_lzim3_946{position:relative;width:100%;height:120px;overflow:hidden;pointer-events:none;margin-top:-120px}._wave_lzim3_946{position:absolute;bottom:0;left:0;width:100%;height:100%}._wave_lzim3_946 path{fill:var(--elevation-01dp, #252623)}._wave1_lzim3_967{opacity:.3;animation:_waveMove_lzim3_1 8s ease-in-out infinite}._wave2_lzim3_972{opacity:.5;animation:_waveMove_lzim3_1 6s ease-in-out infinite reverse}._wave3_lzim3_977{opacity:.7;animation:_waveMove_lzim3_1 4s ease-in-out infinite}@keyframes _waveMove_lzim3_1{0%,to{transform:translate(0)}50%{transform:translate(-20px)}}body.light-theme ._wave_lzim3_946 path{fill:var(--bg-secondary, #f0ebe0)}@media(prefers-reduced-motion:reduce){._wave1_lzim3_967,._wave2_lzim3_972,._wave3_lzim3_977{animation:none}}._emptyState_lzim3_1007{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-xl, 32px);color:var(--text-secondary);font-size:16px;text-align:center}body.light-theme ._actionCard_lzim3_228{background:var(--elevation-02dp);border-color:var(--beige-sand, #d8cdb5);box-shadow:var(--shadow-elevation-02dp)}body.light-theme ._actionCard_lzim3_228:hover{background:var(--elevation-04dp);box-shadow:var(--shadow-elevation-04dp)}body.light-theme ._actionPending_lzim3_309{background:transparent;border:1px dashed var(--beige-sand, #d8cdb5);box-shadow:none}body.light-theme ._actionCompleted_lzim3_261{background:var(--accent-sage, #7a8b6f);border-color:var(--accent-sage, #7a8b6f);box-shadow:var(--shadow-elevation-02dp)}body.light-theme ._actionActive_lzim3_273{background:var(--accent-sage, #7a8b6f);border-color:var(--accent-sage, #7a8b6f);box-shadow:var(--shadow-elevation-02dp);outline:2px solid rgba(255,255,255,.6);outline-offset:1px}body.light-theme ._actionActive_lzim3_273:hover{background:color-mix(in srgb,var(--accent-sage, #7a8b6f) 90%,white 10%);box-shadow:var(--shadow-elevation-04dp)}body.light-theme ._actionName_lzim3_348{color:var(--warm-ink, #453a2d)}body.light-theme ._actionPending_lzim3_309 ._actionName_lzim3_348{color:var(--warm-ink, #453a2d);opacity:.7}body.light-theme ._actionCompleted_lzim3_261 ._actionName_lzim3_348,body.light-theme ._actionActive_lzim3_273 ._actionName_lzim3_348{color:#fff}body.light-theme ._rootContainer_lzim3_706{background:var(--accent-sage, #7a8b6f);border:1px solid rgba(122,139,111,.3);box-shadow:var(--shadow-elevation-04dp)}body.light-theme ._rootContainer_lzim3_706:hover{background:#6f7f65;box-shadow:var(--shadow-elevation-06dp)}body.light-theme ._rootCompleted_lzim3_736{background:var(--accent-sage, #7a8b6f);border-color:var(--accent-sage, #7a8b6f);box-shadow:var(--shadow-elevation-04dp)}body.light-theme ._rootTitle_lzim3_747{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.15)}body.light-theme ._rootCompleted_lzim3_736 ._rootTitle_lzim3_747{color:#fff}body.light-theme ._rootButtonSection_lzim3_837{border-top-color:#fff3}body.light-theme ._rootActionButton_lzim3_848{background:transparent;border:none;box-shadow:none}body.light-theme ._rootActionButton_lzim3_848:hover{background:#ffffff26}body.light-theme ._rootActionButton_lzim3_848:active{background:#fff3}body.light-theme ._rootActionIconWrapper_lzim3_873{background:#ffffff26}body.light-theme ._rootActionIcon_lzim3_873,body.light-theme ._rootActionLabel_lzim3_889{color:#ffffffe6}body.light-theme ._progressBarContainer_lzim3_906{background:#00000026;box-shadow:inset 0 1px 3px #0003}body.light-theme ._progressBarFill_lzim3_915{background:linear-gradient(90deg,var(--tree-green, #509b5a) 0%,color-mix(in srgb,var(--tree-green, #509b5a) 80%,var(--accent-blue) 20%) 100%);box-shadow:0 0 10px #509b5a80;border:1px solid rgba(80,155,90,.6)}body.light-theme ._branchDivider_lzim3_440:hover{background:#f8f5ed80}body.light-theme ._dividerLine_lzim3_467{background:linear-gradient(90deg,transparent 0%,var(--beige-sand, #d8cdb5) 20%,var(--beige-sand, #d8cdb5) 80%,transparent 100%)}body.light-theme ._branchNumber_lzim3_490{background:var(--beige-linen, #e6dcc8);color:var(--warm-ink, #453a2d)}body.light-theme ._branchName_lzim3_504{color:var(--warm-ink, #453a2d);opacity:.8}body.light-theme ._treeIcon_lzim3_751{color:#fffffff2}body.light-theme ._rootCompleted_lzim3_736 ._treeIcon_lzim3_751{color:#ffffffe6}._treeNavRow_lzim3_1199{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md, 16px);margin-top:var(--spacing-lg, 24px);padding:var(--spacing-sm, 8px) 0;width:100%}._navChevronBtn_lzim3_1209{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--elevation-02dp, rgba(255, 255, 255, .07));border:1px solid var(--border-light, rgba(255, 255, 255, .1));border-radius:50%;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease,opacity .15s ease}._navChevronBtn_lzim3_1209:hover:not(:disabled){background:var(--elevation-04dp, rgba(255, 255, 255, .12));border-color:var(--border-medium, rgba(255, 255, 255, .15))}._navChevronBtn_lzim3_1209:active:not(:disabled){transform:scale(.95)}._navChevronDisabled_lzim3_1236{opacity:.3;cursor:not-allowed;pointer-events:none}._navChevronIcon_lzim3_1242{width:20px;height:20px;color:var(--text-secondary, rgba(248, 245, 237, .7))}._rootPagination_lzim3_1249{display:flex;align-items:center;gap:var(--spacing-sm, 8px)}body.light-theme ._navChevronBtn_lzim3_1209{background:#ffffffb3;border-color:var(--beige-sand, #d8cdb5)}body.light-theme ._navChevronBtn_lzim3_1209:hover:not(:disabled){background:#ffffffe6;border-color:#8b73554d}body.light-theme ._navChevronIcon_lzim3_1242{color:var(--warm-ink, #453a2d)}._rootOptionsWrapper_lzim3_1274{position:relative;flex-shrink:0}._rootOptionsButton_lzim3_1279{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-secondary, rgba(248, 245, 237, .7));cursor:pointer;transition:background .15s ease,color .15s ease}._rootOptionsButton_lzim3_1279:hover{background:var(--state-hover, rgba(255, 255, 255, .08));color:var(--text-primary)}._rootOptionsButton_lzim3_1279:active{background:var(--state-pressed, rgba(255, 255, 255, .12))}._rootOptionsIcon_lzim3_1303{width:20px;height:20px}._rootOptionsMenu_lzim3_1308{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;background:var(--elevation-08dp, #3a3b38);border:1px solid var(--border-light, rgba(255, 255, 255, .1));border-radius:var(--border-radius-lg, 16px);box-shadow:var(--shadow-elevation-08dp);padding:6px;z-index:100;animation:_menuSlideIn_lzim3_1 .15s ease-out}@keyframes _menuSlideIn_lzim3_1{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}._rootOptionsMenuItem_lzim3_1334{display:flex;align-items:center;width:100%;padding:12px 14px;background:transparent;border:none;border-radius:var(--border-radius-md, 12px);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-normal, 400);text-align:left;cursor:pointer;transition:background .15s ease}._rootOptionsMenuItem_lzim3_1334:hover{background:var(--state-hover, rgba(255, 255, 255, .08))}._rootOptionsMenuItem_lzim3_1334:active{background:var(--state-pressed, rgba(255, 255, 255, .12))}._rootOptionsMenuDivider_lzim3_1359{height:1px;margin:4px 8px;background:var(--border-light, rgba(255, 255, 255, .1))}._rootOptionsMenuItemDestructive_lzim3_1365{color:var(--accent-red, #f87171)}._rootOptionsMenuItemDestructive_lzim3_1365:hover{background:#f8717126}body.light-theme ._rootOptionsButton_lzim3_1279{color:#fffc}body.light-theme ._rootOptionsButton_lzim3_1279:hover{background:#ffffff26;color:#fff}body.light-theme ._rootOptionsMenu_lzim3_1308{background:var(--elevation-08dp, #f0ede5);border-color:#0000001a;box-shadow:var(--shadow-elevation-08dp)}body.light-theme ._rootOptionsMenuItem_lzim3_1334{color:var(--warm-ink, #453a2d)}body.light-theme ._rootOptionsMenuItem_lzim3_1334:hover{background:#0000000f}body.light-theme ._rootOptionsMenuDivider_lzim3_1359{background:#00000014}body.light-theme ._rootOptionsMenuItemDestructive_lzim3_1365{color:var(--accent-red, #dc2626)}body.light-theme ._rootOptionsMenuItemDestructive_lzim3_1365:hover{background:#dc26261a}._colorPickerOverlay_lzim3_1412{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#1e1f1cb3;z-index:1000;animation:_fadeIn_lzim3_1 .15s ease}@keyframes _fadeIn_lzim3_1{0%{opacity:0}to{opacity:1}}._colorPickerModal_lzim3_1431{background:var(--elevation-08dp, #3a3b38);border:1px solid var(--border-light, rgba(255, 255, 255, .1));border-radius:var(--border-radius-xl, 20px);box-shadow:var(--shadow-elevation-12dp);padding:20px;min-width:260px;max-width:90vw;animation:_modalScaleIn_lzim3_1 .2s cubic-bezier(.2,0,0,1)}@keyframes _modalScaleIn_lzim3_1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}._colorPickerHeader_lzim3_1453{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light, rgba(255, 255, 255, .1))}._colorPickerTitle_lzim3_1462{font-family:Inter,system-ui,sans-serif;font-size:var(--font-size-md, 16px);font-weight:var(--font-weight-medium, 500);color:var(--text-primary)}._colorPickerClose_lzim3_1469{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-tertiary);font-size:20px;cursor:pointer;transition:background .15s ease,color .15s ease}._colorPickerClose_lzim3_1469:hover{background:var(--state-hover, rgba(255, 255, 255, .08));color:var(--text-primary)}._colorPickerSwatches_lzim3_1490{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}._colorSwatch_lzim3_1497{width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:50%;background:var(--swatch-color);cursor:pointer;transition:transform .15s cubic-bezier(.34,1.3,.64,1),border-color .15s ease,box-shadow .15s ease}._colorSwatch_lzim3_1497:hover{transform:scale(1.12);box-shadow:0 4px 12px #0000004d}._colorSwatch_lzim3_1497:active{transform:scale(.95)}._colorSwatchSelected_lzim3_1517{border-color:var(--text-primary);outline:2px solid var(--text-primary);outline-offset:2px}body.light-theme ._colorPickerOverlay_lzim3_1412{background:#f8f5edbf}body.light-theme ._colorPickerModal_lzim3_1431{background:var(--elevation-08dp, #f0ede5);border-color:#0000001a;box-shadow:var(--shadow-elevation-12dp)}body.light-theme ._colorPickerHeader_lzim3_1453{border-bottom-color:#00000014}body.light-theme ._colorPickerTitle_lzim3_1462{color:var(--warm-ink, #453a2d)}body.light-theme ._colorPickerClose_lzim3_1469{color:var(--warm-ink, #453a2d);opacity:.6}body.light-theme ._colorPickerClose_lzim3_1469:hover{background:#0000000f;opacity:1}.dnd-garden{display:flex;flex-direction:column-reverse;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md);gap:var(--spacing-lg);background:var(--bg-primary)}.dnd-garden--loading{align-items:center;justify-content:center}.dnd-garden--empty{align-items:center;justify-content:center;color:var(--text-secondary)}.tree-row{display:flex;flex-direction:column;width:100%;background:var(--elevation-01dp);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-elevation-01dp);overflow:hidden;transition:box-shadow .2s ease}.tree-row:hover{box-shadow:var(--shadow-elevation-02dp)}.tree-row__header{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm);border-bottom:1px solid var(--border-light);background:var(--elevation-02dp);min-height:48px}.tree-row__icon{width:24px;height:24px;color:var(--accent-green);flex-shrink:0}.tree-row__title{flex:1;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-row__meta{font-size:var(--font-size-xs);color:var(--text-secondary)}.tree-row__branches{display:flex;flex-direction:row;overflow-x:auto;padding:var(--spacing-md);gap:var(--spacing-md);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.tree-row__branches::-webkit-scrollbar{height:6px}.tree-row__branches::-webkit-scrollbar-track{background:transparent}.tree-row__branches::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.tree-row__branches::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}.branch-card{flex-shrink:0;width:280px;min-height:200px;max-height:400px;background:var(--elevation-02dp);border-radius:var(--border-radius-md);border:1px solid var(--border-light);display:flex;flex-direction:column;scroll-snap-align:start;transition:box-shadow .2s ease,border-color .2s ease,transform .15s ease}.branch-card:hover{box-shadow:var(--shadow-elevation-02dp)}.branch-card--over{border-color:var(--accent-green);box-shadow:0 0 0 2px var(--accent-green-alpha-20)}.branch-card--dragging{opacity:.5}.branch-card__header{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-light);gap:var(--spacing-xs);min-height:44px}.branch-card__name{flex:1;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-card__progress{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap}.branch-card__actions{flex:1;display:flex;flex-direction:column-reverse;padding:var(--spacing-sm);gap:var(--spacing-xs);overflow-y:auto;min-height:100px}.branch-card__drop-zone{padding:var(--spacing-md);border:2px dashed var(--border-light);border-radius:var(--border-radius-sm);text-align:center;color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:var(--spacing-sm);transition:border-color .2s ease,background .2s ease}.branch-card__drop-zone--active{border-color:var(--accent-green);background:var(--accent-green-alpha-10);color:var(--accent-green)}.draggable-action{display:flex;align-items:flex-start;padding:var(--spacing-sm) var(--spacing-md);background:var(--elevation-03dp);border-radius:var(--border-radius-sm);border:1px solid var(--border-light);cursor:grab;transition:box-shadow .15s ease,transform .15s ease,opacity .15s ease;min-height:52px;gap:var(--spacing-xs)}.draggable-action:hover{background:var(--state-hover);box-shadow:var(--shadow-elevation-01dp)}.draggable-action:active{cursor:grabbing;background:var(--state-pressed)}.draggable-action--dragging{opacity:.5;transform:scale(1.02);box-shadow:var(--shadow-elevation-04dp)}.draggable-action--completed{opacity:.6}.draggable-action--completed .draggable-action__content{text-decoration:line-through}.draggable-action__handle{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;margin-top:2px}.draggable-action__body{flex:1;min-width:0}.draggable-action__content{font-family:var(--font-family-serif, "Georgia", "Times New Roman", serif);font-size:16px;font-weight:var(--font-weight-semibold, 600);color:var(--text-primary);line-height:1.4;letter-spacing:-.01em;word-break:break-word}.draggable-action__meta{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xxs)}.draggable-action__status{display:inline-flex;align-items:center;padding:2px 6px;border-radius:var(--border-radius-xs);font-size:var(--font-size-xxs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.draggable-action__status--pending{background:var(--status-pending-bg);color:var(--status-pending-text)}.draggable-action__status--active{background:var(--status-active-bg);color:var(--status-active-text)}.draggable-action__status--completed{background:var(--status-completed-bg);color:var(--status-completed-text)}.drag-overlay{display:flex;align-items:flex-start;padding:var(--spacing-sm);background:var(--elevation-04dp);border-radius:var(--border-radius-sm);border:2px solid var(--accent-green);box-shadow:var(--shadow-elevation-08dp);max-width:280px;gap:var(--spacing-xs);pointer-events:none}.drag-overlay--note{background:var(--accent-blue-alpha-10);border-color:var(--accent-blue)}.drag-overlay__icon{width:16px;height:16px;color:var(--accent-green);flex-shrink:0}.drag-overlay__content{flex:1;font-family:var(--font-family-serif, "Georgia", "Times New Roman", serif);font-size:16px;font-weight:var(--font-weight-semibold, 600);color:var(--text-primary);line-height:1.4;min-width:0;word-break:break-word}.garden-view-toggle{display:flex;align-items:center;gap:var(--spacing-xxs);padding:var(--spacing-xxs);background:var(--elevation-01dp);border-radius:var(--border-radius-md);border:1px solid var(--border-light)}.garden-view-toggle__button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.garden-view-toggle__button:hover{background:var(--state-hover);color:var(--text-primary)}.garden-view-toggle__button--active{background:var(--accent-green-alpha-20);color:var(--accent-green)}.garden-view-toggle__button--active:hover{background:var(--accent-green-alpha-30)}.dnd-garden__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;gap:var(--spacing-md)}.dnd-garden__empty-icon{width:48px;height:48px;color:var(--text-tertiary)}.dnd-garden__empty-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.dnd-garden__empty-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;max-width:300px}@media(max-width:600px){.dnd-garden{padding:var(--spacing-sm);gap:var(--spacing-md)}.tree-row__branches{padding:var(--spacing-sm);gap:var(--spacing-sm)}.branch-card{width:260px;min-height:180px}}.knowledge-create-tree-fab{position:fixed;bottom:110px;right:var(--spacing-xl);z-index:1000;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm, 12px)}@media(min-width:769px){.knowledge-create-tree-fab{right:calc(var(--spacing-xl) + var(--sidebar-width))}}.knowledge-create-tree-fab .seed-counter{opacity:0;pointer-events:none;transform:translate(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.knowledge-create-tree-fab:hover .seed-counter{opacity:1;pointer-events:auto;transform:translate(0)}.create-tree-fab-button{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;background:var(--tree-green);color:var(--text-on-accent);cursor:pointer;transition:all var(--transition-medium);box-shadow:var(--shadow-lg);position:relative;z-index:1001}.create-tree-fab-button:hover{background:var(--accent-green);filter:brightness(1.1);transform:scale(1.05);box-shadow:var(--shadow-xl)}.create-tree-fab-button svg{width:28px;height:28px;fill:currentColor}@media(max-width:768px){.knowledge-create-tree-fab{bottom:90px;right:var(--spacing-lg)}.create-tree-fab-button{width:52px;height:52px}.create-tree-fab-button svg{width:24px;height:24px}}@media(max-width:600px){.knowledge-create-tree-fab{bottom:148px}}.review-card{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--elevation-02dp);border:1px solid var(--border-light);border-radius:12px;cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:box-shadow .15s ease,background .15s ease}.review-card:hover{background:var(--elevation-04dp);box-shadow:var(--shadow-elevation-02dp)}.review-card:active{background:var(--state-pressed)}.review-card:focus{outline:none;box-shadow:0 0 0 2px var(--accent-blue)}.review-card__file-preview{position:relative;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--elevation-04dp);border-radius:8px}.review-card__file-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.review-card__file-icon svg{width:22px;height:22px}.review-card__file-type{position:absolute;bottom:2px;right:2px;padding:1px 4px;background:var(--elevation-08dp);border-radius:4px;font-family:var(--font-sans);font-size:9px;font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase}.review-card__info{flex:1;min-width:0}.review-card__filename{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-card__meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:2px}.review-card__submitter{display:flex;align-items:center;gap:4px;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--text-tertiary)}.review-card__avatar{flex-shrink:0}.review-card__time,.review-card__size{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--text-tertiary)}.review-card__ai-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--elevation-04dp);border-radius:8px;border:2px solid var(--border-light);flex-shrink:0}.review-card__ai-label{font-family:var(--font-sans);font-size:10px;font-weight:var(--font-weight-bold);color:var(--accent-blue)}.review-card__ai-status{font-size:var(--font-size-sm)}.review-card__arrow{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0}.review-card__arrow svg{width:100%;height:100%}.review-card--compact{padding:var(--spacing-xs) var(--spacing-sm)}.review-card--compact .review-card__file-preview{width:36px;height:36px}.review-card--compact .review-card__file-icon svg{width:18px;height:18px}@media(max-width:480px){.review-card__ai-badge,.review-card__size{display:none}}@media(prefers-reduced-motion:reduce){.review-card{transition:none}}.review-detail{display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;padding:var(--spacing-sm)}.review-detail__error{display:flex;align-items:center;padding:10px 14px;background:#f926721a;border-radius:8px;color:var(--accent-red);font-family:var(--font-sans);font-size:var(--font-size-sm)}.review-detail__preview{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--elevation-04dp);border-radius:12px}.review-detail__image{max-width:100%;max-height:300px;object-fit:contain;border-radius:8px;cursor:pointer;transition:transform .15s ease}.review-detail__image:hover{transform:scale(1.02)}.review-detail__file-icon{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg);color:var(--text-secondary);cursor:pointer}.review-detail__file-icon:hover{color:var(--text-primary)}.review-detail__file-label{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase}.review-detail__view-btn{display:flex;align-items:center;gap:6px;padding:var(--spacing-xs) var(--spacing-md);background:var(--elevation-08dp);border:1px solid var(--border-light);border-radius:8px;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.review-detail__view-btn:hover:not(:disabled){background:var(--state-hover);color:var(--text-primary)}.review-detail__view-btn:disabled{opacity:.5;cursor:not-allowed}.review-detail__view-actions{display:flex;gap:var(--spacing-xs)}.review-detail__preview-loading{width:32px;height:32px;border:3px solid var(--border-light);border-top-color:var(--accent-blue-solid);border-radius:50%;animation:review-detail-spin .8s linear infinite}.review-detail__preview-error{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-xs)}.review-detail__info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.review-detail__filename{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;word-break:break-word}.review-detail__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.review-detail__submitter{display:flex;align-items:center;gap:var(--spacing-sm)}.review-detail__submitter-info{display:flex;flex-direction:column}.review-detail__submitter-name{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.review-detail__submitter-date{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--text-secondary)}.review-detail__file-size{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary)}.review-detail__context{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--elevation-02dp);border-radius:8px}.review-detail__context-item{display:flex;flex-direction:column;gap:2px}.review-detail__context-item--full{grid-column:1 / -1}.review-detail__context-label{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.review-detail__context-value{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary)}.review-detail__ai{padding:var(--spacing-md);background:#82c2fe14;border-radius:8px}.review-detail__ai-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.review-detail__ai-badge{padding:2px 8px;background:var(--accent-blue);border-radius:4px;font-family:var(--font-sans);font-size:10px;font-weight:var(--font-weight-bold);color:var(--elevation-00dp);text-transform:uppercase}.review-detail__ai-status{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--accent-blue)}.review-detail__ai-feedback{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.review-detail__feedback{display:flex;flex-direction:column;gap:var(--spacing-xs)}.review-detail__feedback-label{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.review-detail__feedback-input{width:100%;padding:var(--spacing-sm);background:var(--elevation-04dp);border:1px solid var(--border-light);border-radius:8px;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-primary);resize:none;transition:border-color .15s ease,box-shadow .15s ease}.review-detail__feedback-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #82c2fe33}.review-detail__feedback-input::placeholder{color:var(--text-tertiary)}.review-detail__actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-sm)}.review-detail__action{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:var(--spacing-sm) var(--spacing-md);border-radius:10px;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .15s ease;min-height:var(--touch-target-comfortable);border:none}.review-detail__action:disabled{opacity:.5;cursor:not-allowed}.review-detail__action--resubmit{background:#ffc10726;color:var(--accent-yellow, #f0b429)}.review-detail__action--resubmit:hover:not(:disabled){background:#ffc10740}.review-detail__action--approve{background:var(--tree-green);color:#fff;box-shadow:0 3px #509b5a66}.review-detail__action--approve:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px #509b5a66}.review-detail__action--approve:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px #509b5a66}.review-detail__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1e1f1cb3;border-radius:12px;z-index:10}.review-detail__spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top-color:var(--accent-blue-solid);border-radius:50%;animation:review-detail-spin .8s linear infinite}@keyframes review-detail-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.review-detail__actions{flex-direction:column}.review-detail__meta{flex-direction:column;align-items:flex-start}.review-detail__context{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.review-detail__image,.review-detail__action,.review-detail__spinner{transition:none;animation:none}}.review-feedback-overlay{position:fixed;inset:0;z-index:var(--z-dialog);display:flex;align-items:center;justify-content:center;background:#1e1f1cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.review-feedback-overlay__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.review-feedback-overlay__ring{position:absolute;width:140px;height:140px;border-radius:50%;pointer-events:none}.review-feedback-overlay--approve .review-feedback-overlay__ring{border:3px solid var(--tree-green);box-shadow:0 0 40px var(--tree-green)}.review-feedback-overlay--resubmit .review-feedback-overlay__ring{border:3px solid #e8a838;box-shadow:0 0 40px #e8a83880}.review-feedback-overlay__icon{display:flex;align-items:center;justify-content:center;width:100px;height:100px}.review-feedback-overlay__svg{width:100%;height:100%}.review-feedback-overlay--approve .review-feedback-overlay__svg{color:var(--tree-green);filter:drop-shadow(0 0 20px var(--tree-green))}.review-feedback-overlay--resubmit .review-feedback-overlay__svg{color:#e8a838;filter:drop-shadow(0 0 20px rgba(232,168,56,.6))}.review-feedback-overlay__message{font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;text-align:center}.review-feedback-overlay--approve .review-feedback-overlay__message{color:var(--tree-green)}.review-feedback-overlay--resubmit .review-feedback-overlay__message{color:#e8a838}@media(max-width:767px){.review-feedback-overlay__icon{width:90px;height:90px}.review-feedback-overlay__ring{width:120px;height:120px}.review-feedback-overlay__message{font-size:var(--font-size-lg)}}@media(prefers-reduced-motion:reduce){.review-feedback-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}}.expert-review-capsule{position:relative;display:flex;align-items:center;gap:8px;padding:8px 14px;border:none;cursor:pointer;background:var(--elevation-08dp);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-radius:20px;box-shadow:var(--shadow-elevation-02dp);transition:box-shadow .15s ease,transform .15s ease;max-width:max-content;min-height:36px}.expert-review-capsule:hover{box-shadow:var(--shadow-elevation-04dp);transform:translateY(-1px)}.expert-review-capsule:active{transform:translateY(0)}.expert-review-capsule:focus{outline:none;box-shadow:0 0 0 2px var(--accent-blue)}.expert-review-capsule__icon{display:flex;align-items:center;justify-content:center;color:var(--accent-blue);flex-shrink:0}.expert-review-capsule__icon svg{width:18px;height:18px}.expert-review-capsule__label{font-family:var(--font-sans);font-size:13px;font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap}.light-theme .expert-review-capsule{background:var(--elevation-08dp);border:1px solid var(--elevation-overlay-08dp)}.expert-review-modal__error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#f926721a;border-radius:8px;color:var(--accent-red);font-family:var(--font-sans);font-size:13px;margin-bottom:16px}.expert-review-modal__error button{padding:6px 12px;background:var(--accent-red);color:#fff;border:none;border-radius:6px;font-family:var(--font-sans);font-size:12px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity .15s ease;flex-shrink:0}.expert-review-modal__error button:hover{opacity:.9}.expert-review-modal__list{display:flex;flex-direction:column;gap:12px;max-height:70vh;overflow-y:auto;padding:var(--spacing-sm)}.expert-review-modal__list::-webkit-scrollbar{width:6px}.expert-review-modal__list::-webkit-scrollbar-track{background:transparent}.expert-review-modal__list::-webkit-scrollbar-thumb{background:var(--elevation-overlay-08dp);border-radius:3px}.expert-review-modal__list::-webkit-scrollbar-thumb:hover{background:var(--elevation-overlay-12dp)}.expert-review-modal__empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;font-family:var(--font-sans);font-size:14px;color:var(--text-tertiary)}@media(max-width:767px){.expert-review-capsule{width:100%;max-width:none;border-radius:0;padding:10px 16px;background:var(--bg-secondary);box-shadow:none;border-top:1px solid var(--elevation-overlay-04dp);justify-content:center}.expert-review-capsule:hover{transform:none;box-shadow:none;background:var(--state-hover)}}@media(prefers-reduced-motion:reduce){.expert-review-capsule{transition:none}}.submitter-review-capsule{position:relative;display:flex;align-items:center;gap:8px;padding:8px 14px;border:none;cursor:pointer;background:linear-gradient(135deg,#e8a83826,#d4922a1a);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-radius:20px;box-shadow:var(--shadow-elevation-02dp);transition:box-shadow .15s ease,transform .15s ease;max-width:max-content;min-height:36px}.submitter-review-capsule:hover{box-shadow:var(--shadow-elevation-04dp);transform:translateY(-1px)}.submitter-review-capsule:active{transform:translateY(0)}.submitter-review-capsule:focus{outline:none;box-shadow:0 0 0 2px #e8a83880}.submitter-review-capsule__icon{display:flex;align-items:center;justify-content:center;color:#e8a838;flex-shrink:0}.submitter-review-capsule__icon svg{width:18px;height:18px}.submitter-review-capsule__label{font-family:var(--font-sans);font-size:13px;font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap}.light-theme .submitter-review-capsule{background:linear-gradient(135deg,#e8a83833,#d4922a26);border:1px solid rgba(232,168,56,.3)}.submission-card{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--elevation-02dp);border:1px solid var(--border-light);border-radius:12px;cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:box-shadow .15s ease,background .15s ease}.submission-card:hover{background:var(--elevation-04dp);box-shadow:var(--shadow-elevation-02dp)}.submission-card:active{background:var(--state-pressed)}.submission-card:focus{outline:none;box-shadow:0 0 0 2px #e8a83880}.submission-card__icon{position:relative;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--elevation-04dp);border-radius:8px;color:var(--text-secondary)}.submission-card__type{position:absolute;bottom:2px;right:2px;padding:1px 4px;background:var(--elevation-08dp);border-radius:4px;font-size:8px;font-weight:var(--font-weight-bold);color:var(--text-tertiary);text-transform:uppercase}.submission-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.submission-card__filename{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submission-card__meta{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--text-tertiary)}.submission-card__action{color:var(--text-secondary)}.submission-card__status{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#e8a83826;border-radius:50%;color:#e8a838;animation:pulse-amber 2s ease-in-out infinite}@keyframes pulse-amber{0%,to{opacity:1}50%{opacity:.6}}.submission-detail{display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;padding:var(--spacing-sm)}.submission-detail__preview{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--elevation-04dp);border-radius:12px}.submission-detail__image{max-width:100%;max-height:250px;object-fit:contain;border-radius:8px;cursor:pointer;transition:transform .15s ease}.submission-detail__image:hover{transform:scale(1.02)}.submission-detail__file-icon{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg);color:var(--text-secondary);cursor:pointer}.submission-detail__file-label{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase}.submission-detail__view-btn{display:flex;align-items:center;gap:6px;padding:var(--spacing-xs) var(--spacing-md);background:var(--elevation-08dp);border:1px solid var(--border-light);border-radius:8px;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.submission-detail__view-btn:hover:not(:disabled){background:var(--state-hover);color:var(--text-primary)}.submission-detail__view-btn:disabled{opacity:.5;cursor:not-allowed}.submission-detail__info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.submission-detail__filename{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.submission-detail__context{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.submission-detail__label{color:var(--text-tertiary)}.submission-detail__tree{color:var(--text-secondary)}.submission-detail__time{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.submission-detail__status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#e8a8381f;border-radius:8px;color:#e8a838}.submission-detail__status-text{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.submission-detail__actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-sm)}.submission-detail__cancel-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:var(--spacing-sm) var(--spacing-md);background:#f926721f;border:none;border-radius:10px;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--accent-red);cursor:pointer;transition:all .15s ease;min-height:var(--touch-target-comfortable)}.submission-detail__cancel-btn:hover:not(:disabled){background:#f9267233}.submission-detail__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.submission-detail__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1e1f1cb3;border-radius:12px;z-index:10}.submission-detail__spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top-color:#e8a838;border-radius:50%;animation:submission-spin .8s linear infinite}@keyframes submission-spin{to{transform:rotate(360deg)}}.submitter-review-modal__error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#f926721a;border-radius:8px;color:var(--accent-red);font-family:var(--font-sans);font-size:13px;margin-bottom:16px}.submitter-review-modal__error button{padding:6px 12px;background:var(--accent-red);color:#fff;border:none;border-radius:6px;font-family:var(--font-sans);font-size:12px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity .15s ease;flex-shrink:0}.submitter-review-modal__list{display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto;padding:var(--spacing-sm)}.submitter-review-modal__empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;font-family:var(--font-sans);font-size:14px;color:var(--text-tertiary)}@media(max-width:767px){.submitter-review-capsule{width:100%;max-width:none;border-radius:0;padding:10px 16px;background:var(--bg-secondary);box-shadow:none;border-top:1px solid var(--elevation-overlay-04dp);justify-content:center}.submitter-review-capsule:hover{transform:none;box-shadow:none;background:var(--state-hover)}.submission-detail__actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){.submitter-review-capsule,.submission-card,.submission-detail__image,.submission-detail__cancel-btn{transition:none}.submission-card__status,.submission-detail__spinner{animation:none}}.tree-nav-controls{display:flex;align-items:center;gap:4px}.tree-nav-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;cursor:pointer;border:none;background:transparent;color:var(--text-secondary);transition:all var(--transition-fast);font-size:20px}.tree-nav-arrow svg{flex-shrink:0}.tree-nav-arrow:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.tree-nav-controls--navbar{gap:6px}.tree-nav-controls--navbar .tree-nav-arrow{background:var(--glass-hover-overlay);border:1px solid var(--glass-border-dark-subtle);border-radius:var(--border-radius-md);width:32px;height:32px;color:var(--text-secondary)}.tree-nav-controls--navbar .tree-nav-arrow:hover:not(:disabled){background:var(--glass-hover-overlay);border-color:var(--glass-border-dark);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.tree-nav-controls--navbar .tree-nav-arrow:active:not(:disabled){transform:translateY(0);background:var(--glass-active-overlay)}.tree-nav-controls--navbar .tree-nav-arrow:disabled{opacity:.4;cursor:not-allowed;border-color:var(--glass-border-dark-subtle)}.light-theme .tree-nav-controls--navbar .tree-nav-arrow{background:var(--glass-hover-overlay-light);border:1px solid var(--glass-border-light-subtle);color:var(--text-secondary)}.light-theme .tree-nav-controls--navbar .tree-nav-arrow:hover:not(:disabled){background:var(--glass-hover-overlay-light);border-color:var(--glass-border-light);color:var(--text-primary);box-shadow:0 4px 12px #3d34281f}.light-theme .tree-nav-controls--navbar .tree-nav-arrow:active:not(:disabled){background:var(--glass-active-overlay-light)}.tree-nav-controls--drawer{gap:3px}.tree-nav-controls--drawer .tree-nav-arrow{background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary)}.tree-nav-controls--drawer .tree-nav-arrow:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f64d;color:var(--accent-blue-solid);transform:translateY(-1px)}.tree-nav-controls--drawer .tree-nav-arrow:active:not(:disabled){transform:translateY(0)}.tree-nav-controls--modal{gap:3px}.tree-nav-controls--modal .tree-nav-arrow{width:28px;height:28px;font-size:18px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary)}.tree-nav-controls--modal .tree-nav-arrow:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-blue-solid);color:var(--accent-blue-solid)}.tree-nav-arrow:focus-visible{outline:2px solid var(--accent-blue-solid);outline-offset:2px}@media(prefers-reduced-motion:reduce){.tree-nav-arrow{transition:none}}@media(prefers-contrast:high){.tree-nav-arrow{border:2px solid currentColor}.tree-nav-arrow:hover:not(:disabled){background:var(--accent-blue-solid);color:var(--bg-primary)}}.branch-edit-form,.action-edit-form,.resource-edit-form{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);padding:0;width:100%}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs, 8px)}.form-group label{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--text-primary, #f8f8f2);display:flex;align-items:center;gap:4px}.form-group label .required{color:var(--status-error, #f92672);font-weight:var(--font-weight-semibold, 600)}.form-group input[type=text],.form-group input[type=email],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm, 12px);background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #404040);border-radius:var(--border-radius-md, 8px);color:var(--text-primary, #f8f8f2);font-size:var(--font-size-base, 15px);font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);line-height:var(--line-height-relaxed, 1.6);transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--tree-green, #7cb518);box-shadow:0 0 0 3px #66d9ef1a}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:var(--status-error, #f92672)}.form-group textarea{resize:vertical;min-height:80px}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23f8f8f2' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;color-scheme:dark}.form-group select option{background:var(--bg-primary, #1e1f1c);color:var(--text-primary, #f8f8f2);padding:10px}.light-theme .form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233d3428' d='M6 9L1 4h10z'/%3E%3C/svg%3E");color-scheme:light}.light-theme .form-group select option{background:var(--bg-primary, #faf8f0);color:var(--text-primary, #3d3428)}.form-group--checkbox{flex-direction:row;align-items:center}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm, 12px);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--tree-green, #7cb518)}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.checkbox-label span{font-size:var(--font-size-sm, 14px);color:var(--text-secondary, #a09f93)}.form-group--toggle{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs, 8px)}.form-group--toggle .form-label{margin:0}.toggle-container{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-container input[type=checkbox]{opacity:0;width:0;height:0}.toggle-switch{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary, #3a3a3a);border:1px solid var(--border-color, #404040);border-radius:24px;transition:all var(--transition-normal, .2s)}.toggle-switch:before{content:"";position:absolute;height:18px;width:18px;left:2px;bottom:2px;background-color:var(--text-secondary, #a09f93);border-radius:50%;transition:all var(--transition-normal, .2s)}.toggle-container input[type=checkbox]:checked+.toggle-switch{background-color:var(--tree-green, #7cb518);border-color:var(--tree-green, #7cb518)}.toggle-container input[type=checkbox]:checked+.toggle-switch:before{transform:translate(20px);background-color:#fff}.toggle-container input[type=checkbox]:disabled+.toggle-switch{opacity:.4;cursor:not-allowed}.toggle-container input[type=checkbox]:focus+.toggle-switch{box-shadow:0 0 0 2px var(--focus-ring, rgba(124, 181, 24, .3))}.expand-description-button{position:absolute;bottom:8px;right:8px;z-index:10;background:var(--bg-elevated);border:1px solid transparent;border-radius:4px;padding:6px;cursor:pointer;color:var(--text-secondary);opacity:.7;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-height:auto;min-width:auto}.expand-description-button:hover{opacity:1;background:var(--bg-tertiary);border-color:var(--tree-green, #7cb518);color:var(--tree-green, #7cb518);transform:scale(1.05)}.expand-description-button:active{transform:scale(.98)}.expand-description-button svg{width:16px;height:16px;stroke:currentColor}.light-theme .expand-description-button{background:var(--beige-canvas);color:var(--text-muted)}.light-theme .expand-description-button:hover{background:var(--beige-linen);border-color:var(--tree-green, #7cb518);color:var(--tree-green, #7cb518)}.form-group--info{background:var(--bg-tertiary, #242322);padding:var(--spacing-sm, 12px);border-radius:var(--border-radius-md, 8px);border:1px solid var(--border-color, #404040)}.form-group--info label{font-size:var(--font-size-xs, 13px);color:var(--text-tertiary, #75715e);margin-bottom:var(--spacing-xs, 8px)}.status-badge-display{display:flex;align-items:center;gap:var(--spacing-xs, 8px)}.status-badge{padding:4px 12px;border-radius:var(--border-radius-sm, 4px);font-size:var(--font-size-xs, 13px);font-weight:var(--font-weight-medium, 500);text-transform:capitalize}.status-badge--pending{background:var(--status-badge-pending-bg, rgba(117, 113, 94, .2));color:var(--node-inactive-beige, #9d9280)}.status-badge--active{background:var(--status-badge-active-bg, rgba(166, 226, 46, .2));color:var(--reactflow-branch-status-active-color, #a6e22e)}.status-badge--completed{background:var(--status-badge-complete-bg, rgba(124, 181, 24, .2));color:var(--reactflow-branch-completed-border, #7cb518)}.error-message{font-size:var(--font-size-xs, 13px);color:var(--status-error, #f92672);font-weight:var(--font-weight-medium, 500);margin-top:4px}.char-count{font-size:var(--font-size-xs, 13px);color:var(--text-tertiary, #75715e);text-align:right;margin-top:4px}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm, 12px);margin-top:var(--spacing-md, 16px);padding-top:var(--spacing-md, 16px);border-top:1px solid var(--border-color, #404040)}.form-actions .btn{padding:var(--spacing-sm, 12px) var(--spacing-lg, 24px);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);border-radius:var(--border-radius-md, 8px);cursor:pointer;transition:all .2s ease;border:none}.form-actions .btn--primary{background:var(--tree-green, #7cb518);color:var(--bg-primary, #1e1f1c)}.form-actions .btn--primary:hover:not(:disabled){background:var(--tree-green-bright, #8ec929);box-shadow:0 4px 12px #66d9ef4d}.form-actions .btn--primary:disabled{opacity:.6;cursor:not-allowed}.form-actions .btn--secondary{background:var(--bg-secondary, #2a2a2a);color:var(--text-primary, #f8f8f2);border:1px solid var(--border-color, #404040)}.form-actions .btn--secondary:hover:not(:disabled){background:var(--bg-tertiary, #242322);border-color:var(--text-tertiary, #75715e)}.form-actions .btn--secondary:disabled{opacity:.6;cursor:not-allowed}.resource-list{display:flex;flex-direction:column;gap:var(--spacing-sm, 12px);margin-top:var(--spacing-sm, 12px)}.resource-item{background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #404040);border-radius:var(--border-radius-md, 8px);padding:var(--spacing-md, 16px);transition:border-color .2s ease}.resource-item:hover{border-color:var(--text-tertiary, #75715e)}.resource-item-header{display:flex;align-items:flex-start;gap:var(--spacing-sm, 12px)}.resource-item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary, #242322);border-radius:var(--border-radius-sm, 4px);color:var(--tree-green, #7cb518)}.resource-item-content{flex:1;min-width:0}.resource-item-title{font-size:var(--font-size-base, 15px);font-weight:var(--font-weight-medium, 500);color:var(--text-primary, #f8f8f2);margin-bottom:4px}.resource-link{color:var(--tree-green, #7cb518);text-decoration:none;transition:color .2s ease}.resource-link:hover{color:var(--tree-green-bright, #8ec929);text-decoration:underline}.resource-item-description{font-size:var(--font-size-sm, 14px);color:var(--text-secondary, #a09f93);margin:4px 0;line-height:1.5}.resource-item-type{display:inline-block;font-size:var(--font-size-xs, 13px);color:var(--text-tertiary, #75715e);background:var(--bg-tertiary, #242322);padding:2px 8px;border-radius:var(--border-radius-sm, 4px);margin-top:4px}.resource-item-actions{display:flex;align-items:center;gap:var(--spacing-xs, 8px)}.checkbox-label-inline{display:flex;align-items:center;cursor:pointer}.checkbox-label-inline input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--tree-green, #7cb518)}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:var(--border-radius-sm, 4px);cursor:pointer;transition:background .2s ease,color .2s ease;color:var(--text-secondary, #a09f93)}.btn-icon:hover:not(:disabled){background:var(--state-hover, rgba(248, 245, 237, .08));color:var(--text-primary, #f8f8f2)}.btn-icon--danger:hover:not(:disabled){background:#f926721a;color:var(--status-error, #f92672)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.form-group--highlighted{background:var(--bg-tertiary, #242322);border:1px solid var(--border-color, #404040);border-radius:var(--border-radius-md, 8px);padding:var(--spacing-md, 16px)}.form-actions-inline{display:flex;justify-content:flex-end;gap:var(--spacing-sm, 12px);margin-top:var(--spacing-sm, 12px)}.btn--with-icon{display:flex;align-items:center;gap:var(--spacing-xs, 8px)}.empty-state{padding:var(--spacing-lg, 24px);text-align:center;background:var(--bg-tertiary, #242322);border-radius:var(--border-radius-md, 8px);border:1px dashed var(--border-color, #404040)}.light-theme .resource-item{background:var(--beige-canvas, #faf8f0);border-color:var(--beige-sand, #d4c4a8)}.light-theme .resource-item:hover{border-color:var(--beige-stone, #b8a890)}.light-theme .resource-item-icon,.light-theme .resource-item-type{background:var(--beige-linen, #f5f1e8)}.light-theme .form-group--highlighted,.light-theme .empty-state{background:var(--beige-linen, #f5f1e8);border-color:var(--beige-sand, #d4c4a8)}.mode-toggle{display:flex;gap:4px;padding:4px;background:var(--bg-secondary, #2a2a2a);border-radius:var(--border-radius-md, 8px);border:1px solid var(--border-color, #404040)}.mode-toggle-btn{display:flex;align-items:center;gap:6px;flex:1;padding:8px 12px;background:transparent;border:none;border-radius:var(--border-radius-sm, 4px);color:var(--text-secondary, #a09f93);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all .2s ease}.mode-toggle-btn:hover:not(:disabled){background:var(--state-hover, rgba(248, 245, 237, .08));color:var(--text-primary, #f8f8f2)}.mode-toggle-btn.active{background:var(--tree-green, #7cb518);color:var(--bg-primary, #1e1f1c)}.mode-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.search-input-wrapper{display:flex;gap:var(--spacing-sm, 12px);align-items:center}.search-input-wrapper input{flex:1}.btn--sm{padding:8px 16px;font-size:var(--font-size-sm, 14px)}.search-results-list{display:flex;flex-direction:column;gap:var(--spacing-xs, 8px);max-height:300px;overflow-y:auto;padding:var(--spacing-xs, 8px) 0}.search-result-item{padding:var(--spacing-sm, 12px);background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #404040);border-radius:var(--border-radius-md, 8px);cursor:pointer;transition:all .2s ease}.search-result-item:hover{border-color:var(--tree-green, #7cb518);background:var(--state-hover, rgba(248, 245, 237, .08))}.search-result-item:focus{outline:none;border-color:var(--tree-green, #7cb518);box-shadow:0 0 0 2px #7cb5184d}.search-result-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm, 12px);margin-bottom:4px}.search-result-name{font-size:var(--font-size-base, 15px);font-weight:var(--font-weight-medium, 500);color:var(--text-primary, #f8f8f2)}.search-result-meta{display:flex;gap:var(--spacing-xs, 8px);align-items:center;margin-bottom:4px}.search-result-type,.search-result-platform{font-size:var(--font-size-xs, 13px);color:var(--text-tertiary, #75715e);background:var(--bg-tertiary, #242322);padding:2px 8px;border-radius:var(--border-radius-sm, 4px)}.search-result-desc{font-size:var(--font-size-sm, 14px);color:var(--text-secondary, #a09f93);margin:4px 0 0;line-height:1.4}.curated-selected-indicator{display:flex;align-items:center;gap:var(--spacing-sm, 12px);padding:var(--spacing-sm, 12px);background:#7cb5181a;border:1px solid rgba(124,181,24,.3);border-radius:var(--border-radius-md, 8px);margin-bottom:var(--spacing-sm, 12px)}.curated-selected-indicator span{font-size:var(--font-size-sm, 14px);color:var(--tree-green, #7cb518)}.resource-item-meta{display:flex;align-items:center;gap:var(--spacing-xs, 8px);margin-top:4px}.link-button{background:none;border:none;color:var(--tree-green, #7cb518);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit}.link-button:hover{color:var(--tree-green-bright, #8ec929)}.light-theme .mode-toggle{background:var(--beige-canvas, #faf8f0);border-color:var(--beige-sand, #d4c4a8)}.light-theme .mode-toggle-btn{color:var(--text-muted, #75715e)}.light-theme .mode-toggle-btn:hover:not(:disabled){background:var(--beige-linen, #f5f1e8);color:var(--text-primary, #3d3428)}.light-theme .mode-toggle-btn.active{background:var(--tree-green, #7cb518);color:#fff}.light-theme .search-result-item{background:var(--beige-canvas, #faf8f0);border-color:var(--beige-sand, #d4c4a8)}.light-theme .search-result-item:hover,.light-theme .search-result-type,.light-theme .search-result-platform{background:var(--beige-linen, #f5f1e8)}.light-theme .curated-selected-indicator{background:#7cb51826}@media(max-width:600px){.form-actions{flex-direction:column-reverse;gap:var(--spacing-xs, 8px)}.form-actions .btn{width:100%}.resource-item-header{flex-direction:column}.resource-item-actions{align-self:flex-end}.form-actions-inline{flex-direction:column-reverse}.form-actions-inline .btn{width:100%}}.tier-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;line-height:1.2;white-space:nowrap}.tier-badge__icon{font-size:10px}.tier-badge__label{text-transform:uppercase;letter-spacing:.5px}.tier-badge--curated{background-color:var(--color-success, #7ee787);color:var(--bg-primary, #1e1f1c)}.tier-badge--fresh{background-color:var(--color-info, #79c0ff);color:var(--bg-primary, #1e1f1c)}.tier-badge--legacy{background-color:var(--text-tertiary, #7a796d);color:var(--bg-primary, #1e1f1c)}.tier-badge--compact{padding:2px 4px;border-radius:3px}.tier-badge--compact .tier-badge__icon{font-size:11px}[data-theme=light] .tier-badge--curated{background-color:#7ee787e6;color:#1a3d23}[data-theme=light] .tier-badge--fresh{background-color:#79c0ffe6;color:#0a3d62}[data-theme=light] .tier-badge--legacy{background-color:#7a796db3;color:#fff}.tier-badge:hover{opacity:.9}@keyframes fresh-pulse{0%,to{opacity:1}50%{opacity:.85}}.tier-badge--fresh{animation:fresh-pulse 3s ease-in-out infinite}.save-status-indicator{display:flex;align-items:center;gap:var(--spacing-xs, 4px);font-size:var(--font-size-xs, 12px);font-weight:500;padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);border-radius:var(--border-radius-sm, 4px);transition:opacity .3s ease}.save-status-indicator--typing .save-status-indicator__text--typing{color:var(--text-tertiary, #999)}.save-status-indicator--saving{background:#3b82f61a}.save-status-indicator--saving .save-status-indicator__text--saving{color:var(--tree-green, #7cb518)}.save-status-indicator__spinner{width:14px;height:14px;border:2px solid var(--tree-green, #7cb518);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.save-status-indicator--saved{background:#7cb5181a;animation:fadeOut 2s ease 1s forwards}.save-status-indicator--saved .save-status-indicator__text--saved,.save-status-indicator__check{color:var(--accent-green, #7cb518)}@keyframes fadeOut{to{opacity:0}}.save-status-indicator--error{background:#f926721a}.save-status-indicator--error .save-status-indicator__text--error{color:var(--status-error, #f92672)}.save-status-indicator__retry-btn{background:var(--status-error, #f92672);color:#fff;border:none;padding:2px 8px;border-radius:var(--border-radius-sm, 4px);font-size:var(--font-size-xs, 12px);font-weight:500;cursor:pointer;transition:all .2s ease}.save-status-indicator__retry-btn:hover{background:var(--status-error-dark, #d11852);transform:scale(1.05)}.save-status-indicator__retry-btn:active{transform:scale(.95)}.undo-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:var(--spacing-md, 16px);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);background:var(--elevation-08dp, #2a2a2a);border:1px solid var(--border-color, #404040);border-radius:var(--border-radius-lg, 12px);box-shadow:var(--shadow-elevation-08dp, 0 4px 5px rgba(30, 31, 28, .14), 0 8px 10px rgba(30, 31, 28, .12));color:var(--text-primary, #fff);font-size:var(--font-size-sm, 14px);animation:slideUp .3s ease;transition:opacity .3s ease,transform .3s ease}.undo-toast--closing{animation:slideDown .3s ease;opacity:0;transform:translate(-50%) translateY(20px)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}.undo-toast__message{color:var(--text-primary, #fff);font-weight:500;white-space:nowrap}.undo-toast__undo-btn{background:transparent;border:1px solid var(--accent-green, #7cb518);color:var(--accent-green, #7cb518);padding:4px 12px;border-radius:var(--border-radius-sm, 4px);font-size:var(--font-size-sm, 14px);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.undo-toast__undo-btn:hover{background:var(--accent-green, #7cb518);color:#fff}.undo-toast__undo-btn:active{transform:scale(.95)}.undo-toast__close-btn{background:transparent;border:none;color:var(--text-secondary, #999);padding:4px;border-radius:var(--border-radius-sm, 4px);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.undo-toast__close-btn:hover{background:var(--state-hover, rgba(248, 245, 237, .08));color:var(--text-primary, #fff)}.undo-toast__close-btn:active{transform:scale(.9)}@media(max-width:600px){.undo-toast{bottom:16px;left:16px;right:16px;transform:none;max-width:calc(100% - 32px)}.undo-toast--closing{transform:translateY(20px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}}.node-edit-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:#0009;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);animation:fadeIn var(--transition-normal) ease-out}.node-edit-modal{width:90%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;background:var(--glass-bg-dark);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-dark);border-radius:20px;box-shadow:var(--glass-shadow-dark),var(--glass-inset-highlight);animation:slideUp var(--transition-normal) ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.light-theme .node-edit-modal{background:var(--glass-bg-light);border-color:var(--glass-border-light);box-shadow:0 8px 32px #00000014,inset 0 1px #ffffff80}.node-edit-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--glass-border-dark-subtle);background:linear-gradient(180deg,#ffffff08,#fff0)}.light-theme .node-edit-modal__header{border-bottom-color:var(--glass-border-light)}.header-controls-group{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;margin-left:auto}.hierarchy-indicators{display:flex;align-items:center;gap:4px;flex-shrink:0}.hierarchy-icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);flex-shrink:0;background:none;border:none;cursor:pointer;padding:0}.hierarchy-icon-btn.active{color:var(--tree-green);background:#7cb51826;cursor:default}.hierarchy-icon-btn.inactive{color:var(--text-tertiary);opacity:.5}.hierarchy-icon-btn.inactive:hover:not(:disabled){opacity:.8;background:var(--state-hover)}.hierarchy-icon-btn.inactive:active:not(:disabled){transform:scale(.95)}.hierarchy-icon-btn:disabled{cursor:not-allowed}.node-edit-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.3;flex:1;margin:0;padding:0;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-edit-modal__tree-nav{flex-shrink:0}.node-edit-modal__sibling-nav{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0;margin-left:var(--spacing-md)}.sibling-nav-btn{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--text-secondary);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.sibling-nav-btn:hover:not(:disabled){background:var(--glass-hover-overlay);color:var(--tree-green);transform:scale(1.05)}.sibling-nav-btn:active:not(:disabled){transform:scale(.95)}.sibling-nav-btn:disabled{opacity:.3;cursor:not-allowed}.node-edit-modal__connections-inline{display:flex;align-items:center;gap:var(--spacing-xs, 8px);flex-shrink:0;margin-left:auto;margin-right:var(--spacing-md, 16px)}.connections-overflow{font-size:var(--font-size-sm, 14px);color:var(--text-secondary);white-space:nowrap}.connection-edit-btn{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.connection-edit-btn:hover{background:var(--state-hover);color:var(--text-primary);border-color:var(--tree-green)}.connection-edit-btn:active{transform:scale(.95)}.sibling-nav-indicator{font-size:var(--font-size-xs);color:var(--text-tertiary);white-space:nowrap;-webkit-user-select:none;user-select:none;min-width:50px;text-align:center}.node-edit-modal__header-controls{display:flex;align-items:center;gap:var(--spacing-md);margin-left:auto;flex-shrink:0}.node-edit-modal__close-btn{background:none;border:none;padding:var(--spacing-sm);margin:calc(var(--spacing-sm) * -1);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.node-edit-modal__close-btn:hover{background:var(--glass-hover-overlay);color:var(--text-primary);transform:scale(1.05)}.node-edit-modal__close-btn:active{transform:scale(.95)}.node-edit-modal__close-btn:focus-visible{outline:2px solid var(--tree-green);outline-offset:2px}.node-edit-modal__tabs{display:flex;align-items:center;gap:0;padding:0 var(--spacing-xl);border-bottom:1px solid var(--glass-border-dark-subtle);background:linear-gradient(to bottom,rgba(248,245,237,.02) 0%,transparent 100%)}.node-edit-modal__tabs .tab{background:none;border:none;cursor:pointer;outline:none;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);font-family:var(--font-sans);color:var(--text-secondary, #a09f93);position:relative;transition:color .2s ease}.node-edit-modal__tabs .tab:hover:not(:disabled){color:var(--text-primary, #f8f8f2)}.node-edit-modal__tabs .tab:disabled{opacity:.4;cursor:not-allowed}.node-edit-modal__tabs .tab--active{color:var(--tree-green, #7cb518);font-weight:var(--font-weight-semibold, 600)}.node-edit-modal__tabs .tab--active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--tree-green, #7cb518);border-radius:2px 2px 0 0}.light-theme .node-edit-modal__tabs{border-bottom-color:#3d34281a;background:linear-gradient(to bottom,rgba(61,52,40,.02) 0%,transparent 100%)}.node-edit-modal__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-xl);scrollbar-width:thin;scrollbar-color:var(--glass-border-dark) transparent}.node-edit-modal__content::-webkit-scrollbar{width:8px}.node-edit-modal__content::-webkit-scrollbar-track{background:transparent}.node-edit-modal__content::-webkit-scrollbar-thumb{background:var(--glass-border-dark);border-radius:4px}.node-edit-modal__content::-webkit-scrollbar-thumb:hover{background:var(--glass-border-dark-subtle)}.light-theme .node-edit-modal__content{scrollbar-color:var(--glass-border-light) transparent}.light-theme .node-edit-modal__content::-webkit-scrollbar-thumb{background:var(--glass-border-light)}.node-edit-modal__locked-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#1e1f1cd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--border-radius-lg)}.node-edit-modal__locked-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl);max-width:400px}.node-edit-modal__locked-content .locked-icon{font-size:48px;margin-bottom:var(--spacing-md);filter:grayscale(.3)}.node-edit-modal__locked-content h3{margin:0 0 var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.node-edit-modal__locked-content p{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.node-edit-modal__locked-content .prerequisite-list{list-style:none;padding:0;margin:0;text-align:left}.node-edit-modal__locked-content .prerequisite-list li{padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs);background:var(--elevation-02dp);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm)}.node-edit-modal__locked-content .prerequisite-list li:before{content:"→ ";color:var(--text-tertiary)}.node-edit-modal__locked-content .prerequisite-hint{font-style:italic;color:var(--text-tertiary)}.light-theme .node-edit-modal__locked-overlay{background:#f5f1e8e6}.light-theme .node-edit-modal__locked-content .prerequisite-list li{background:var(--elevation-01dp)}.node-edit-modal__placeholder{display:flex;flex-direction:column;gap:var(--spacing-md)}.node-edit-modal__placeholder p{margin:0}.node-edit-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--glass-border-dark-subtle);background:linear-gradient(0deg,#ffffff08,#fff0)}.light-theme .node-edit-modal__footer{border-top-color:var(--glass-border-light)}.node-edit-modal__footer .btn{min-width:100px}@media(min-width:601px)and (max-width:1199px){.node-edit-modal{max-width:700px;width:85%}.node-edit-modal__header,.node-edit-modal__footer{padding:var(--spacing-md) var(--spacing-lg)}.node-edit-modal__content{padding:var(--spacing-lg)}}@media(max-width:600px){.node-edit-modal-overlay{display:none}}@media(prefers-reduced-motion:reduce){.node-edit-modal-overlay,.node-edit-modal{animation:none}.node-edit-modal__close-btn{transition:none}}@media(prefers-contrast:high){.node-edit-modal,.node-edit-modal__header,.node-edit-modal__footer{border-width:2px}.node-edit-modal__close-btn{outline:1px solid var(--text-secondary)}}:root{--panel-radius: 24px;--button-radius: 16px;--button-radius-pill: 24px;--shadow-panel: 0 2px 4px rgba(30, 31, 28, .08), 0 4px 8px rgba(30, 31, 28, .12), 0 8px 24px rgba(30, 31, 28, .16);--shadow-panel-elevated: 0 4px 8px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .14), 0 16px 32px rgba(0, 0, 0, .18), 0 24px 48px rgba(0, 0, 0, .12);--shadow-button: 0 1px 2px rgba(0, 0, 0, .15), 0 2px 6px rgba(0, 0, 0, .1);--shadow-button-hover: 0 2px 4px rgba(0, 0, 0, .18), 0 4px 12px rgba(0, 0, 0, .12);--drawer-duration: .3s;--drawer-ease: cubic-bezier(.2, 0, 0, 1);--button-ease: cubic-bezier(.34, 1.3, .64, 1)}.knowledge-panel{position:relative;display:flex;flex-direction:column;box-sizing:border-box;border-radius:var(--panel-radius);contain:layout style}.knowledge-panel--collapsed{background:transparent;border:none;box-shadow:none}.knowledge-panel--expanded{height:100%;overflow:hidden}.library-panel--sidebar{position:relative;top:auto;left:auto;bottom:auto;height:100%;z-index:1}.library-panel--sidebar.knowledge-panel--expanded{flex:0 0 clamp(280px,22vw,360px);width:clamp(280px,22vw,360px)}.library-panel--sidebar.knowledge-panel--collapsed{flex:0 0 auto;width:auto;height:auto}.library-panel--sidebar .library-panel__collapsed-btn{position:relative}.library-panel--sidebar.knowledge-panel--collapsed .library-panel__expanded{position:absolute;top:0;left:0;transform:translate(-100%);opacity:0;pointer-events:none}.library-panel--sidebar.knowledge-panel--expanded .library-panel__expanded{position:relative;transform:translate(0);opacity:1;pointer-events:auto}@media(max-width:600px){.library-panel--sidebar{display:none}}.library-panel__collapsed-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;background:var(--elevation-02dp);border:1px solid var(--border-light);border-radius:18px;cursor:pointer;box-shadow:var(--shadow-button);position:relative;z-index:3;will-change:opacity;opacity:1;transition:opacity .2s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.library-panel.knowledge-panel--collapsed .library-panel__collapsed-btn{display:inline-flex;position:relative;opacity:1;pointer-events:auto}.library-panel.knowledge-panel--expanded .library-panel__collapsed-btn{position:absolute;opacity:0;pointer-events:none}.library-panel__collapsed-btn:hover{background:var(--elevation-04dp);border-color:var(--border-medium);box-shadow:var(--shadow-button-hover)}.library-panel__collapsed-btn:active{background:var(--elevation-02dp);box-shadow:var(--shadow-button)}.library-panel__collapsed-btn:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.library-panel__collapsed-btn svg:first-child{width:16px;height:16px;color:var(--text-primary);flex-shrink:0}.library-panel__collapsed-btn svg:last-child{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0;transition:color .15s ease}.library-panel__collapsed-btn:hover svg:last-child{color:var(--text-secondary)}.library-panel__expanded{display:flex;flex-direction:column;height:100%;width:100%;background:color-mix(in srgb,var(--elevation-02dp) 85%,transparent);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.06);border-radius:var(--panel-radius);box-shadow:var(--shadow-panel-elevated);will-change:transform,opacity;transform:translate(0);opacity:1;transition:transform var(--drawer-duration) var(--drawer-ease),opacity .2s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden}.library-panel.knowledge-panel--collapsed .library-panel__expanded{position:absolute;top:0;left:0;transform:translate(-100%);opacity:0;pointer-events:none}.library-panel__header{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 10px 14px;border-bottom:1px solid var(--border-light);gap:10px;flex-shrink:0;background:var(--elevation-02dp);border-radius:var(--panel-radius) var(--panel-radius) 0 0}.library-panel__view-capsule{display:inline-flex;align-items:center;gap:2px;padding:4px;background:var(--elevation-00dp);border:1px solid var(--border-light);border-radius:var(--button-radius-pill)}.library-panel__view-btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:calc(var(--button-radius-pill) - 4px);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:transform .15s var(--button-ease),background .15s ease,color .15s ease,box-shadow .15s ease}.library-panel__view-btn svg{width:16px;height:16px}.library-panel__view-btn:hover{background:var(--state-hover);color:var(--text-secondary);transform:scale(1.08)}.library-panel__view-btn:active{transform:scale(.92)}.library-panel__view-btn.active{background:var(--elevation-04dp);color:var(--accent-green, #56c676);box-shadow:inset 0 1px 2px #00000026}.library-panel__view-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;background:var(--accent-primary, #56c676);border-radius:8px;font-size:10px;font-weight:var(--font-weight-semibold, 600);color:var(--text-on-accent, #fff);display:flex;align-items:center;justify-content:center;line-height:1}.library-panel__collapsed-badge{min-width:16px;height:16px;padding:0 4px;background:var(--accent-primary, #56c676);border-radius:8px;font-size:10px;font-weight:var(--font-weight-semibold, 600);color:var(--text-on-accent, #fff);display:flex;align-items:center;justify-content:center;line-height:1}.library-panel__collapse-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:calc(var(--button-radius) - 4px);background:transparent;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:transform .15s var(--button-ease),background .15s ease,color .15s ease}.library-panel__collapse-btn svg{width:16px;height:16px}.library-panel__collapse-btn:hover{background:var(--state-hover);color:var(--text-primary);transform:scale(1.15)}.library-panel__collapse-btn:active{transform:scale(.85)}.panel__collapsed-wrapper{position:relative;z-index:3;will-change:opacity;opacity:1;transition:opacity .2s ease}.knowledge-panel--collapsed .panel__collapsed-wrapper{display:block;position:relative;opacity:1;pointer-events:auto}.knowledge-panel--expanded .panel__collapsed-wrapper{position:absolute;opacity:0;pointer-events:none}.panel__expanded-content{display:flex;flex-direction:column;height:100%;width:100%;background:color-mix(in srgb,var(--elevation-02dp) 85%,transparent);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.06);border-radius:var(--panel-radius);box-shadow:var(--shadow-panel-elevated);overflow-y:auto;overflow-x:hidden;will-change:transform,opacity;transform:translate(0);opacity:1;transition:transform var(--drawer-duration) var(--drawer-ease),opacity .2s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden}.knowledge-panel--left.knowledge-panel--collapsed .panel__expanded-content{position:absolute;top:0;left:0;transform:translate(-100%);opacity:0;pointer-events:none}.knowledge-panel--right.knowledge-panel--collapsed .panel__expanded-content{position:absolute;top:0;right:0;transform:translate(100%);opacity:0;pointer-events:none}.collapsed-strip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;background:var(--elevation-02dp);border:1px solid var(--border-light);border-radius:18px;cursor:pointer;box-shadow:var(--shadow-button);transition:box-shadow .15s ease,background .15s ease,border-color .15s ease}.collapsed-strip:hover{background:var(--elevation-04dp);border-color:var(--border-medium);box-shadow:var(--shadow-button-hover)}.collapsed-strip:active{background:var(--elevation-02dp);box-shadow:var(--shadow-button)}.collapsed-strip:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.collapsed-strip__icon{display:flex;align-items:center;color:var(--text-primary)}.collapsed-strip__icon svg{width:16px;height:16px}.collapsed-strip__chevron{display:flex;align-items:center;color:var(--text-tertiary);transition:color .15s ease}.collapsed-strip__chevron svg{width:14px;height:14px}.collapsed-strip:hover .collapsed-strip__chevron{color:var(--text-secondary)}.knowledge-panel__content{flex:1;overflow:auto;padding:0;min-height:0}.panel-header{display:flex;align-items:flex-start;min-height:48px;padding:12px 10px 12px 14px;background:var(--elevation-02dp);border-bottom:1px solid var(--border-light);border-radius:var(--panel-radius) var(--panel-radius) 0 0;gap:10px}.panel-header__title-group{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1}.panel-header__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-secondary);flex-shrink:0;margin-top:2px}.panel-header__title{margin:0;font-family:var(--font-serif);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.4;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.panel-header__spacer{flex:0;min-width:8px}.panel-header__actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}.panel-header__collapse-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:none;border-radius:calc(var(--button-radius) - 4px);background:transparent;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:transform .15s var(--button-ease),background .15s ease,color .15s ease}.panel-header__collapse-button:hover{background:var(--state-hover);color:var(--text-primary);transform:scale(1.15)}.panel-header__collapse-button:active{transform:scale(.85)}.panel-header__collapse-button:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.panel-header__todo-checkbox-wrapper{display:flex;align-items:center;gap:var(--spacing-xs, 6px);margin-right:var(--spacing-sm, 8px)}.panel-header__todo-checkbox{flex-shrink:0}.panel-header__todo-checkbox.unified-checkbox--checked{opacity:.6}.panel-header__ai-badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--accent-blue-muted, rgba(74, 158, 255, .12));color:var(--accent-blue-solid, #4a9eff)}.panel-header__ai-badge svg{width:12px;height:12px}@media(max-width:500px){.panel-header__todo-checkbox-wrapper{gap:var(--spacing-2xs, 4px);margin-right:var(--spacing-xs, 4px)}.panel-header__ai-badge{display:none}}@media(max-width:400px){.panel-header__todo-checkbox-wrapper{margin-right:0}}.panel-header__options-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:none;border-radius:calc(var(--button-radius) - 4px);background:transparent;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:transform .15s var(--button-ease),background .15s ease,color .15s ease}.panel-header__options-button svg{width:16px;height:16px;flex-shrink:0}.panel-header__options-button:hover{background:var(--state-hover);color:var(--text-primary);transform:scale(1.15)}.panel-header__options-button:active{transform:scale(.85)}.panel-header__options-button:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.panel-header__options-wrapper{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.panel-header__options-menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;background:var(--elevation-04dp, #323330);border:1px solid var(--border-light, rgba(255, 255, 255, .1));border-radius:var(--border-radius-md, 12px);box-shadow:0 4px 12px #0000004d,0 8px 24px #0003;padding:4px;z-index:100;animation:menuFadeIn .15s ease}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.panel-header__options-menu-item{display:flex;align-items:center;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:var(--border-radius-sm, 8px);color:var(--text-primary);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-normal, 400);text-align:left;cursor:pointer;transition:background .15s ease}.panel-header__options-menu-item:hover{background:var(--state-hover, rgba(255, 255, 255, .08))}.panel-header__options-menu-item:active{background:var(--state-pressed, rgba(255, 255, 255, .12))}.panel-header__options-menu-item--destructive{color:var(--accent-red, #f87171)}.panel-header__options-menu-item--destructive:hover{background:#f8717126}.panel-header__options-menu-empty{padding:10px 12px;color:var(--text-tertiary);font-size:var(--font-size-sm, 14px);text-align:center}body.light-theme .panel-header__options-menu{background:var(--elevation-04dp, #f8f5ed);border-color:#0000001a;box-shadow:0 4px 12px #453a2d26,0 8px 24px #453a2d1a}body.light-theme .panel-header__options-menu-item{color:var(--warm-ink, #453a2d)}body.light-theme .panel-header__options-menu-item:hover{background:#0000000d}body.light-theme .panel-header__options-menu-empty{color:var(--text-tertiary)}body.light-theme .panel-header__options-menu-item--destructive{color:var(--accent-red, #dc2626)}body.light-theme .panel-header__options-menu-item--destructive:hover{background:#dc26261a}body.light-theme .library-panel__expanded,body.light-theme .panel__expanded-content{background:color-mix(in srgb,var(--elevation-02dp) 90%,transparent);border-color:#0000000f;box-shadow:0 4px 8px #453a2d14,0 8px 16px #453a2d1a,0 16px 32px #453a2d1f,0 24px 48px #453a2d14}body.light-theme .library-panel__header,body.light-theme .panel-header{background:color-mix(in srgb,var(--elevation-02dp) 95%,transparent);border-bottom-color:#0000000f}body.light-theme .collapsed-strip,body.light-theme .library-panel__collapsed-btn{background:var(--elevation-02dp);border-color:#0000001a;box-shadow:var(--shadow-button)}body.light-theme .collapsed-strip:hover,body.light-theme .library-panel__collapsed-btn:hover{background:var(--elevation-04dp);border-color:#00000026;box-shadow:var(--shadow-button-hover)}body.light-theme .collapsed-strip__icon,body.light-theme .library-panel__collapsed-btn svg:first-child{color:var(--warm-ink, #453a2d)}body.light-theme .collapsed-strip__chevron,body.light-theme .library-panel__collapsed-btn svg:last-child{color:var(--text-tertiary)}body.light-theme .collapsed-strip:hover .collapsed-strip__chevron,body.light-theme .library-panel__collapsed-btn:hover svg:last-child{color:var(--text-secondary)}.editor-panel__color-picker-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#1e1f1c99;z-index:1000;animation:fadeIn .15s ease}.editor-panel__color-picker{background:var(--elevation-04dp, #323330);border:1px solid var(--border-light, rgba(255, 255, 255, .1));border-radius:var(--border-radius-lg, 16px);box-shadow:0 8px 24px #0000004d,0 16px 48px #0003;padding:16px;min-width:220px;animation:scaleIn .2s var(--drawer-ease)}.editor-panel__color-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.editor-panel__color-picker-header span{font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--text-primary)}.editor-panel__color-picker-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-tertiary);font-size:18px;cursor:pointer;transition:background .15s ease,color .15s ease}.editor-panel__color-picker-close:hover{background:var(--state-hover);color:var(--text-primary)}.editor-panel__color-swatches{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.editor-panel__color-swatch{width:36px;height:36px;padding:0;border:2px solid transparent;border-radius:50%;background:var(--swatch-color);cursor:pointer;transition:transform .15s var(--button-ease),border-color .15s ease,box-shadow .15s ease}.editor-panel__color-swatch:hover{transform:scale(1.1);box-shadow:0 2px 8px #0000004d}.editor-panel__color-swatch:active{transform:scale(.95)}.editor-panel__color-swatch--selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--text-primary)}body.light-theme .editor-panel__color-picker-overlay{background:#f8f5edb3}body.light-theme .editor-panel__color-picker{background:var(--elevation-04dp, #f8f5ed);border-color:#0000001a;box-shadow:0 8px 24px #453a2d26,0 16px 48px #453a2d1a}body.light-theme .editor-panel__color-picker-header{border-bottom-color:#00000014}body.light-theme .editor-panel__color-picker-header span{color:var(--warm-ink, #453a2d)}body.light-theme .editor-panel__color-swatch--selected{border-color:var(--warm-ink, #453a2d);box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--warm-ink, #453a2d)}@media(max-width:320px){.panel-header__actions{flex-direction:column;align-items:flex-end;gap:2px}.panel-header__options-wrapper{flex-direction:column;align-items:flex-end}.panel-header__todo-checkbox-wrapper{margin-right:0;margin-bottom:2px}}@media(max-width:600px){.knowledge-panel{display:none}}@media(min-width:601px)and (max-width:1024px){.collapsed-strip,.library-panel__collapsed-btn{padding:14px 18px}.panel-header__collapse-button,.library-panel__collapse-btn,.library-panel__view-btn{width:44px;height:44px;min-width:44px;min-height:44px}}.knowledge-layout{position:relative;height:100%;width:100%;max-width:100%;margin:0;padding:0;background:var(--bg-primary);overflow:hidden;box-sizing:border-box}.knowledge-layout__main{position:absolute;inset:0;display:flex;flex-direction:row;overflow:hidden}.knowledge-layout__center{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;position:relative;border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle)}.knowledge-layout__center-tabs{flex-shrink:0;min-width:0;overflow:hidden;border-bottom:1px solid var(--border-subtle);background:var(--elevation-01dp);padding:2px 8px}.knowledge-layout__center-tabs .note-tab-bar{position:static;height:auto;z-index:auto;min-width:0;flex:1;overflow:hidden;overflow:clip;padding:2px;margin:0;gap:4px;justify-content:flex-start}.garden-panel{flex:1;position:relative;display:flex;flex-direction:column;background:var(--bg-primary);overflow-x:hidden;overflow-y:auto;min-height:0;min-width:0;scrollbar-gutter:stable}.garden-panel__canvas{flex:1;position:relative;overflow:hidden;min-height:0;min-width:0}.garden-panel__canvas>.tree-content-view{position:absolute;inset:0;width:100%;height:100%}.garden-panel__canvas>.tree-content-view>.tree-canvas-area{position:absolute;inset:0;width:100%;height:100%}.garden-panel__canvas>.knowledge-content-placeholder{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.garden-panel__canvas>.knowledge-content-placeholder>.knowledge-placeholder{width:100%;height:100%}.library-panel,.editor-panel{flex-shrink:0;display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--elevation-01dp);transition:width .2s cubic-bezier(.2,0,0,1)}.library-panel{order:1}.library-panel.knowledge-panel--expanded{width:clamp(240px,20vw,320px)}.library-panel.knowledge-panel--collapsed{width:48px}.editor-panel{order:3}.editor-panel.knowledge-panel--expanded{width:clamp(280px,24vw,380px)}.editor-panel.knowledge-panel--collapsed{width:48px}.knowledge-layout__center{order:2}.library-panel .knowledge-panel__content,.editor-panel .knowledge-panel__content{flex:1;min-height:0;overflow:hidden}.editor-panel .knowledge-panel__content{padding:0;overflow-y:auto;overflow-x:hidden;min-width:0;width:100%}.editor-panel .simplified-drawer-content,.editor-panel .simplified-content-wrapper{width:100%;min-width:0}.editor-panel .simplified-content-area{width:100%;min-width:0;overflow-y:auto;overflow-x:hidden}.editor-panel .note-view,.editor-panel .summary-view,.editor-panel .drawer-note-view,.editor-panel .note-viewer,.editor-panel .note-content-area{width:100%;min-width:0}.editor-panel .note-universal-editor,.editor-panel .note-editor-container{width:100%;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.editor-panel .ProseMirror{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.panel-header__action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease}.panel-header__action-button:hover{background:var(--state-hover);color:var(--text-primary)}.panel-header__action-button:active{background:var(--state-pressed)}@media(min-width:1400px){.library-panel.knowledge-panel--expanded{width:clamp(280px,20vw,360px)}.editor-panel.knowledge-panel--expanded{width:clamp(300px,22vw,400px)}}@media(max-width:1023px){.knowledge-layout{display:none}}@media(forced-colors:active){.collapsed-strip__expand-button:focus-visible,.collapsed-strip__icon-button:focus-visible,.panel-header__collapse-button:focus-visible,.panel-header__action-button:focus-visible{outline:2px solid CanvasText;outline-offset:2px}}@media print{.knowledge-layout{display:block;height:auto}.library-panel,.editor-panel{display:none}.garden-panel{width:100%;height:auto}}.carousel-display-container{position:relative;margin-top:120px;display:flex;flex-direction:column;width:100%;height:100vh;padding:10px;box-sizing:border-box;font-family:Arial,sans-serif;pointer-events:none;overflow:hidden}.carousel-info-box{flex:0 0 auto;background-color:#202124d9;border-radius:8px;padding:16px;margin:30px;color:#e8eaed;box-shadow:0 2px 5px #0003;max-height:calc(60vh - 60px);overflow-y:auto;width:300px;pointer-events:auto;transition:all .3s ease;height:fit-content;align-self:flex-start;z-index:10}.carousel-info-box.no-trees{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);margin:0;z-index:15;align-self:center}.info-box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.tree-title-button{background:none;border:none;color:#e8eaed;font-size:16px;font-weight:700;text-align:left;cursor:pointer;padding:0;margin:0;flex:1;overflow:hidden;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{display:flex;flex-direction:column;align-items:center;padding:15px 0;text-align:center}.no-tree-message p{margin:0 0 15px;color:#e8eaed;opacity:.7}.create-tree-button{background-color:var(--tree-green);color:#fff;border:none;border-radius:var(--border-radius-md, 4px);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-semibold, 600);cursor:pointer;min-height:44px;transition:all var(--transition-medium, .2s ease);box-shadow:var(--shadow-elevation-02dp)}.create-tree-button:hover{background-color:color-mix(in srgb,var(--tree-green) 85%,#000 15%);transform:translateY(-2px);box-shadow:var(--shadow-elevation-04dp)}.create-tree-button:active{background-color:color-mix(in srgb,var(--tree-green) 75%,#000 25%);transform:translateY(0);box-shadow:var(--shadow-elevation-02dp)}.carousel-info-box .options-button{background:none;border:none;color:#e8eaed;width:24px;height:24px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.carousel-info-box .options-icon{width:18px;height:18px;filter:invert(1);opacity:.7}.carousel-info-box .options-button:hover .options-icon{opacity:1}.branch-list-title{font-size:14px;margin:0 0 8px;color:#8ab4f8}.branch-items{list-style:none;padding:0;margin:0}.branch-item{margin-bottom:5px}.branch-button{background:none;border:none;color:#e8eaed;font-size:14px;text-align:left;cursor:pointer;padding:5px 8px;width:100%;border-radius:4px;transition:background-color .2s}.branch-button:hover{background-color:#8ab4f81a}.no-branches{font-size:14px;color:#9aa0a6;font-style:italic}.carousel-detail-box{position:fixed;bottom:0;left:0;right:0;background-color:#202124e6;border-radius:12px 12px 0 0;margin:0;padding:16px 24px 20px;color:#e8eaed;box-shadow:0 -4px 12px #0000004d;max-height:40vh;overflow-y:auto;pointer-events:auto;z-index:20;border-top:3px solid rgba(138,180,248,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(0);transition:all .3s ease-in-out}.carousel-detail-box.entering{transform:translateY(100%);opacity:0}.carousel-detail-box.entered{transform:translateY(0);opacity:1}.detail-box-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:12px;margin-bottom:16px;position:sticky;top:0;background-color:#202124f2;z-index:1}.detail-box-header h3{margin:0;font-size:16px;font-weight:700}.close-button{background:none;border:none;color:#e8eaed;font-size:20px;cursor:pointer;padding:0;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-button:hover{color:#8ab4f8}.detail-content{font-size:14px}.detail-item{margin-bottom:10px}.detail-item h4{margin:0 0 5px;font-size:14px;color:#8ab4f8}.detail-item p{margin:0;word-break:break-word}.node-list{list-style:none;padding:0;margin:0}.node-item{background-color:#8ab4f81a;padding:3px 6px;border-radius:3px;margin-bottom:3px;font-family:monospace;font-size:12px}@media(max-width:1023px){.carousel-display-container{flex-direction:column;height:100vh;padding:5px;margin-top:80px}.carousel-info-box{width:calc(100% - 20px);margin:10px;max-height:calc(70vh - 60px);align-self:stretch}.carousel-info-box.no-trees{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);width:calc(100% - 40px);margin:0 20px;align-self:center}.carousel-detail-box{max-height:50vh;padding:20px 16px 24px}.detail-box-header h3{font-size:16px}.close-button,.detail-options-button{min-width:44px;min-height:44px}}.carousel-info-box .options-button.active .options-icon{opacity:1;filter:invert(1) brightness(1.5)}.branch-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.edit-mode-indicator{font-size:12px;color:#4a9eff;font-style:italic}.branch-item.draggable{cursor:move;border:1px solid transparent;border-radius:4px;transition:all .2s ease}.branch-item.draggable:hover{border-color:#8ab4f84d;background-color:#8ab4f80d}.branch-item.drag-over{border-color:#4a9eff;background-color:#4a9eff1a;transform:translateY(-2px)}.drag-handle{color:#9aa0a6;margin-right:8px;font-size:12px;cursor:grab;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.branch-edit-container{width:100%;padding:5px 8px}.branch-edit-input{width:100%;background:#8ab4f81a;border:1px solid #4a9eff;border-radius:4px;color:#e8eaed;font-size:14px;padding:4px 8px;outline:none}.branch-edit-input:focus{border-color:#8ab4f8;background:#8ab4f826}.branch-edit-input:disabled{opacity:.6;cursor:not-allowed}.add-branch-button{background-color:#4a9eff;color:#fff;border:none;border-radius:4px;padding:8px 12px;font-size:14px;cursor:pointer;transition:background-color .2s ease;width:100%;text-align:center}.add-branch-button:hover:not(:disabled){background-color:#3480d6}.add-branch-button:disabled{opacity:.6;cursor:not-allowed}.add-branch-item{margin-top:8px;padding:0 8px}.no-branches-container{display:flex;flex-direction:column;gap:12px}.carousel-info-box .branch-button:disabled,.carousel-info-box .options-button:disabled{opacity:.6;cursor:not-allowed}.editable-field-button{background:none;border:1px solid transparent;color:#e8eaed;padding:4px 8px;border-radius:4px;cursor:pointer;text-align:left;width:100%;transition:all .2s ease}.editable-field-button.active{border-color:#8ab4f84d;background-color:#8ab4f81a}.editable-field-button:hover:not(:disabled){background-color:#8ab4f81a}.editable-field-button:disabled{cursor:default}.header-controls{display:flex;align-items:center;gap:8px}.delete-tree-button{background:none;border:none;color:#e8eaed;width:24px;height:24px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.delete-tree-button:hover{background-color:#f4433633}.delete-tree-icon{width:18px;height:18px;filter:invert(1);opacity:.7}.delete-tree-button:hover .delete-tree-icon{opacity:1;filter:invert(36%) sepia(77%) saturate(2398%) hue-rotate(349deg) brightness(101%) contrast(94%)}.delete-tree-button:disabled{opacity:.5;cursor:not-allowed}.delete-tree-button:disabled:hover{background-color:transparent}.delete-tree-button:disabled:hover .delete-tree-icon{filter:invert(1);opacity:.5}.tree-title-input-container{width:100%}.tree-title-input{width:100%;background:#8ab4f81a;border:1px solid #4a9eff;border-radius:4px;color:#e8eaed;font-size:16px;font-weight:700;padding:4px 8px;outline:none}.tree-title-input:focus{border-color:#8ab4f8;background:#8ab4f826}.tree-title-input:disabled{opacity:.6;cursor:not-allowed}.branch-item.selected .branch-button{background-color:#8ab4f833;border:1px solid rgba(138,180,248,.4)}.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}.tags-list{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.tag{display:inline-flex;align-items:center;background-color:#8ab4f833;color:#e8eaed;padding:2px 8px;border-radius:12px;font-size:12px;border:1px solid rgba(138,180,248,.3);gap:4px}.tag.readonly-tag{background-color:#8ab4f81a;border:1px solid rgba(138,180,248,.2)}.tag.editable-tag{background-color:#8ab4f84d;border:1px solid rgba(138,180,248,.5)}.tag.add-tag-input{background-color:#8ab4f81a;border:1px solid #4a9eff}.tag-input{background:transparent;border:none;color:#e8eaed;font-size:12px;padding:0;outline:none;min-width:60px;width:auto}.tag-delete-button{background:none;border:none;color:#e8eaed;cursor:pointer;padding:0;margin:0;font-size:14px;line-height:1;opacity:.7;transition:opacity .2s ease}.tag-delete-button:hover{opacity:1;color:#ff6b6b}.add-tag-button{background-color:#8ab4f81a;color:#8ab4f8;border:1px dashed rgba(138,180,248,.3);border-radius:12px;padding:2px 8px;font-size:12px;cursor:pointer;transition:all .2s ease}.add-tag-button:hover:not(:disabled){background-color:#8ab4f833;border-color:#8ab4f880}.add-tag-button:disabled{opacity:.5;cursor:not-allowed}.no-tags{color:#9aa0a6;font-style:italic;font-size:12px}.linked-vision-select{width:100%;background-color:#8ab4f81a;border:1px solid rgba(138,180,248,.3);border-radius:4px;color:#e8eaed;padding:4px 8px;font-size:14px;outline:none;transition:all .2s ease}.linked-vision-select:focus{border-color:#8ab4f8;background-color:#8ab4f826}.linked-vision-select:disabled{opacity:.6;cursor:not-allowed}.linked-vision-select option{background-color:#202124f2;color:#e8eaed}.carousel-loading-overlay{position:absolute;inset:0;background-color:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.carousel-loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top:4px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.carousel-loading-text{color:#fff;margin-top:16px;font-size:16px;font-weight:500}.add-branch-hover-bar{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4a9eff,#66d9ef);opacity:0;transition:opacity .3s ease;border-radius:4px 4px 0 0;cursor:pointer;z-index:5}.branch-list-container{position:relative}.branch-list-container:hover .add-branch-hover-bar{opacity:1}.add-branch-hover-bar:hover{height:6px;box-shadow:0 2px 8px #4a9eff66}.action-items-section{margin-top:12px}.action-items-container{display:flex;align-items:flex-start}.action-items-list{width:220px;margin-right:16px;max-height:300px;overflow-y:auto}.action-item-detail{flex:1;min-height:120px}.placeholder{color:#999;font-style:italic}.branch-button{display:flex;justify-content:space-between;align-items:center}.branch-name{flex:1;text-align:left}.action-items-count{font-size:12px;color:#8ab4f8;opacity:.7;margin-left:8px;flex-shrink:0}.branch-button:hover .action-items-count{opacity:1}.branch-item-content{display:flex;align-items:center;gap:8px;width:100%}.branch-item-content .branch-button{flex:1;margin:0}.delete-branch-button{background:none;border:none;color:#e8eaed;width:20px;height:20px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:background-color .2s ease;flex-shrink:0}.delete-branch-button:hover{background-color:#f4433633}.trash-icon{width:14px;height:14px;filter:invert(1);opacity:.7}.delete-branch-button:hover .trash-icon{opacity:1;filter:invert(36%) sepia(77%) saturate(2398%) hue-rotate(349deg) brightness(101%) contrast(94%)}.delete-branch-button:disabled{opacity:.5;cursor:not-allowed}.delete-branch-button:disabled:hover{background-color:transparent}.popup-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .2s ease-out}.popup-content{background-color:var(--surface-color, #2a2f3a);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:90vw;max-height:85vh;max-height:85dvh;width:100%;overflow:hidden;animation:slide-up .3s ease-out;border:1px solid var(--border-color, #404550)}.instructions-popup{max-width:600px;width:600px}.tree-details-popup{max-width:800px;width:800px}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #404550);background-color:var(--surface-color-light, #3a3f4b)}.popup-header h2{margin:0;color:var(--text-color, #f0f0f0);font-size:1.5rem;font-weight:600}.popup-close-button{background:none;border:none;color:var(--text-color-secondary, #b0b0b0);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.popup-close-button:hover{background-color:var(--hover-color, #404550);color:var(--text-color, #f0f0f0)}.popup-body{padding:24px;overflow-y:auto;max-height:calc(85vh - 140px);max-height:calc(85dvh - 140px);color:var(--text-color, #f0f0f0)}.popup-footer{padding:16px 24px;border-top:1px solid var(--border-color, #404550);background-color:var(--surface-color-light, #3a3f4b);display:flex;justify-content:flex-end;gap:12px}.popup-button{padding:10px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:80px}.popup-button.primary{background-color:var(--accent-blue, #4a9eff);color:#fff}.popup-button.primary:hover{background-color:var(--accent-blue-dark, #3480d6)}.popup-button.secondary{background-color:var(--surface-color, #282c34);color:var(--text-color, #f0f0f0);border:1px solid var(--border-color, #404550)}.popup-button.secondary:hover{background-color:var(--hover-color, #404550)}.instruction-group{margin-bottom:24px}.instruction-group:last-child{margin-bottom:0}.instruction-group h3{margin:0 0 12px;color:var(--accent-blue, #4a9eff);font-size:1.1rem;font-weight:600}.instruction-group ul{margin:0;padding-left:20px;list-style-type:none}.instruction-group li{margin-bottom:8px;position:relative;padding-left:16px}.instruction-group li:before{content:"•";position:absolute;left:0;color:var(--accent-blue, #4a9eff);font-weight:700}kbd{background-color:var(--surface-color-light, #3a3f4b);border:1px solid var(--border-color, #404550);border-radius:4px;box-shadow:0 1px 2px #0000001a;color:var(--text-color, #f0f0f0);display:inline-block;font-family:monospace;font-size:.85em;font-weight:600;line-height:1;padding:4px 6px;margin:0 2px;min-width:20px;text-align:center}.tree-control-buttons{display:flex;gap:15px;margin-bottom:20px}.control-button{padding:10px 20px;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;background-color:var(--surface-color, #282c34);color:var(--text-color)}.create-button{background-color:var(--accent-color, #4caf50);color:#fff}.create-button:hover:not(:disabled){background-color:var(--accent-color-dark, #388e3c)}.delete-button{background-color:var(--danger-color, #f44336);color:#fff}.delete-button:hover:not(:disabled){background-color:var(--danger-color-dark, #d32f2f)}.control-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7}.selected-branch-details{margin:20px 0;padding:15px;background-color:var(--surface-color-light, #3a3f4b);border-radius:6px;border-left:3px solid var(--accent-blue, #4a9eff)}.tree-data-display h4,.debug-info-section h4{margin-top:20px;margin-bottom:10px;color:var(--text-color, #f0f0f0);font-size:1.1rem;border-bottom:1px solid var(--border-color, #404550);padding-bottom:5px}.tree-list{display:flex;flex-direction:column;gap:15px}.tree-item{background-color:var(--surface-color-light, #3a3f4b);border-radius:5px;padding:15px;box-shadow:0 1px 3px #0000001a}.tree-item h4{margin-top:0;color:var(--text-color, #f0f0f0);font-size:18px;border-bottom:1px solid var(--border-color, #444);padding-bottom:8px}.branch-list{margin-top:10px;padding-left:15px;border-left:2px solid var(--border-color, #404550)}.branch-item{padding:5px 0;color:var(--text-color)}.error-message{color:var(--danger-color, #d32f2f);font-weight:500;padding:10px;background-color:var(--danger-surface-color, #ffebee);border-radius:4px;border-left:4px solid var(--danger-color, #d32f2f)}.debug-info-section ul{list-style-type:none;padding:0;margin:0}.debug-info-section li{margin-bottom:5px;display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px dotted var(--border-color, #404550)}.debug-info-section li strong{font-weight:600;color:var(--text-color, #f0f0f0);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)}}.tree-item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md, 16px)}.tree-item-header h4{flex:1;border-bottom:none;padding-bottom:0;margin-bottom:8px}.tree-color-btn{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:2px solid var(--border-color, #404550);background:var(--bg-secondary, #3a3f4b);cursor:pointer;padding:4px;transition:transform var(--transition-fast, .15s),border-color var(--transition-fast, .15s)}.tree-color-btn:hover{transform:scale(1.1);border-color:var(--text-primary, #f0f0f0)}.tree-color-indicator{display:block;width:100%;height:100%;border-radius:50%;background:var(--current-color, var(--tree-card-sage))}.tree-color-picker{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 8px) 0;margin-bottom:var(--spacing-sm, 8px);border-bottom:1px solid var(--border-color, #404550)}.tree-color-swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;background:var(--swatch-color);cursor:pointer;transition:transform var(--transition-fast, .15s),border-color var(--transition-fast, .15s),box-shadow var(--transition-fast, .15s)}.tree-color-swatch:hover{transform:scale(1.15);box-shadow:0 4px 8px #0003}.tree-color-swatch--active{border-color:var(--text-primary, #f0f0f0);box-shadow:0 0 0 2px var(--bg-secondary, #3a3f4b),0 0 0 4px var(--text-primary, #f0f0f0)}body.light-theme .tree-color-swatch--active,[data-theme=light] .tree-color-swatch--active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-secondary),0 0 0 4px var(--border-color)}@media(max-width:768px){.popup-content{max-width:95vw;max-height:90vh;max-height:90dvh;margin:20px}.instructions-popup,.tree-details-popup{width:100%}.popup-header,.popup-body,.popup-footer{padding:16px}.popup-body{max-height:calc(90vh - 120px);max-height:calc(90dvh - 120px)}.tree-control-buttons{flex-direction:column;gap:10px}.control-button{min-width:auto;width:100%}.tree-color-swatch{width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px)}}.meeting{width:100%;height:100%;display:flex;flex-direction:column}.meeting-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-xl);position:relative;overflow-x:hidden!important;min-height:0;margin-top:var(--spacing-lg);overflow:visible}.meeting-connection-status{width:100%;max-width:600px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}.meeting-connection-status.compact{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm)}.status-indicator{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.attempt-count{color:var(--text-secondary);font-size:var(--font-size-sm)}.status-actions{display:flex;gap:var(--spacing-xs)}.status-retry-btn,.status-debug-btn{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.status-retry-btn:hover,.status-debug-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.meeting-debug-panel{width:100%;max-width:600px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.debug-section{background:var(--bg-secondary);border-radius:8px;padding:12px;margin-bottom:12px}.debug-section h4{margin:0 0 8px;font-size:1rem;color:var(--text-primary);font-weight:600}.debug-grid{display:grid;grid-template-columns:1fr 2fr;gap:8px;margin:8px 0;font-size:.9rem}.debug-grid span:first-child{font-weight:500;color:var(--text-secondary)}.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);color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.debug-action-btn:hover{background-color:var(--accent-green);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.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);padding:var(--spacing-md);margin-top:var(--spacing-md);max-width:600px;width:100%}.connection-debug-info h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-md);color:var(--text-primary);font-weight:600}.connection-debug-info p{margin:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;justify-content:space-between}.connection-debug-info p strong{color:var(--text-primary)}.detailed-diagnostics{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.detailed-diagnostics p{margin:var(--spacing-xs) 0;font-size:calc(var(--font-size-sm) - 1px);color:var(--text-secondary)}.meeting-error{position:absolute;top:var(--spacing-md);left:50%;transform:translate(-50%);background:var(--bg-error-overlay);color:var(--accent-red);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);border:1px solid var(--accent-red);display:flex;align-items:center;gap:var(--spacing-md);max-width:90%;z-index:var(--z-elevate);animation:slideDown .3s ease;box-shadow:var(--shadow-md)}.error-content{display:flex;align-items:center;gap:var(--spacing-sm)}.error-icon{font-size:var(--font-size-lg)}.error-message{margin:0;font-weight:var(--font-weight-medium);flex:1}.error-dismiss{background:none;border:none;color:var(--accent-red);font-weight:var(--font-weight-bold);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast)}.error-dismiss:hover{background:var(--hover-bg-overlay)}.meeting-main{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:600px;margin:var(--spacing-lg) auto var(--spacing-xl) auto;position:relative;padding:var(--spacing-lg)}.meeting-main:before{content:"";position:absolute;inset:0;background:var(--overlay-bg);z-index:-1;border-radius:var(--border-radius-lg);pointer-events:none}.meeting-image{width:200px;height:auto;margin-bottom:var(--spacing-xl);opacity:1}.meeting-title{font-family:var(--font-sans);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);color:var(--text-primary);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.meeting-description{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.meeting-button{background:var(--accent-blue);color:var(--bg-primary);border:none;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-md)}.meeting-button:hover:not(:disabled){background:var(--accent-green);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.meeting-button:active{transform:translateY(0)}.meeting-button:disabled{background:var(--text-secondary);cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.meeting-note{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;font-style:italic;opacity:.8}.meeting-online-users{width:100%;max-width:600px;margin-top:var(--spacing-lg)}.meeting-auth-prompt{width:100%;max-width:600px;text-align:center;padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-top:var(--spacing-xl)}.meeting-auth-prompt p{margin:0;color:var(--text-secondary);font-size:var(--font-size-md)}.websocket-reconnect-panel{width:100%;max-width:600px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.reconnect-content{display:flex;align-items:center;gap:var(--spacing-md);text-align:center}.reconnect-icon{font-size:var(--font-size-lg)}.reconnect-message{flex:1;margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.reconnect-btn{background:var(--accent-blue);color:var(--bg-primary);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.reconnect-btn:hover{background:var(--accent-green)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:1024px){.meeting-content{padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md)}.meeting-tab-content{padding:var(--spacing-md);gap:var(--spacing-md);-webkit-overflow-scrolling:touch}.meeting-tab-content::-webkit-scrollbar{width:8px}}@media(max-width:768px){.meeting-content{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-sm);gap:var(--spacing-lg);margin-top:var(--spacing-md)}.meeting-tab-content{padding:var(--spacing-sm);gap:var(--spacing-sm);-webkit-overflow-scrolling:touch}.meeting-tab-content::-webkit-scrollbar{width:6px}.meeting-tab-content::-webkit-scrollbar-thumb{background:var(--accent-blue)}.meeting-hero{flex-direction:column;text-align:center;padding:var(--spacing-md);gap:var(--spacing-md)}.meeting-hero-image{width:100px;height: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-description{font-size:var(--font-size-md)}.meeting-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md)}.meeting-image{width:150px;margin-bottom:var(--spacing-lg)}.meeting-error{position:relative;top:unset;left:unset;transform:none;margin-bottom:var(--spacing-md);flex-direction:column;text-align:center;gap:var(--spacing-sm)}.meeting-online-users,.meeting-main{max-width:100%}.debug-actions{flex-direction:column;gap:var(--spacing-xs)}}@media(max-width:480px){.meeting-content{padding:var(--spacing-sm);gap:var(--spacing-md)}.meeting-title{font-size:var(--font-size-xl)}.meeting-button{padding:var(--spacing-sm);font-size:var(--font-size-md)}.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{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0}.pending-invitations-banner{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--accent-yellow-light, rgba(255, 229, 100, .15));border:1px solid var(--accent-yellow, #ffcc00);border-radius:var(--border-radius-md);padding:var(--spacing-xs) var(--spacing-md);margin-top:var(--spacing-lg);font-weight:var(--font-weight-medium);color:var(--text-primary)}.blink-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-red, #f92672);animation:blink-dot 1s infinite}@keyframes blink-dot{0%,49%{opacity:1}50%,to{opacity:0}}.join-call-btn,.decline-call-btn{border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast);color:var(--bg-primary)}.join-call-btn{background:var(--accent-blue)}.join-call-btn:hover{background:var(--accent-green)}.decline-call-btn{background:var(--accent-red)}.decline-call-btn:hover{background:var(--accent-red-dark, #d91e48)}.meeting-page .content-box{overflow-y:auto!important;overscroll-behavior:contain}.light-theme .pending-invitations-banner{background:var(--bg-warning-overlay);border-color:var(--accent-yellow);color:var(--text-primary)}.light-theme .meeting-connection-status,.light-theme .meeting-debug-panel,.light-theme .connection-debug-info{background:var(--bg-secondary);border-color:var(--border-color)}.light-theme .meeting-hero{background:var(--bg-tertiary);border-color:var(--border-color)}.light-theme .hero-dismiss-btn{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-secondary)}.light-theme .hero-dismiss-btn:hover{background:var(--accent-red);color:#fff}.meeting-tab-content{width:100%;display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-md);animation:fadeIn .3s ease-in-out;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:auto;will-change:transform,opacity}.meeting-tab-content::-webkit-scrollbar{width:12px}.meeting-tab-content::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-thumb-radius)}.meeting-tab-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius);transition:background var(--transition-fast)}.meeting-tab-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.meeting-tab-content::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.meeting-tab-content{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.meeting-hero{position:relative;width:100%;max-width:600px;margin:0 auto var(--spacing-lg) auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);animation:subtleScale .4s cubic-bezier(.34,1.56,.64,1)}@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{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:16px;line-height:1;transition:all var(--transition-fast);z-index:1}.hero-dismiss-btn:hover{background:var(--accent-red);color:#fff;border-color:var(--accent-red);transform:scale(1.1)}.hero-dismiss-btn:active{transform:scale(.95)}.meeting-hero-image{width:120px;height:120px;object-fit:contain;flex-shrink:0}.meeting-hero-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);padding-right:var(--spacing-lg)}.meeting-hero-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.meeting-hero-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:var(--line-height-normal)}.meeting-section{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;flex:1;min-height:0}.meeting-section:last-child{margin-bottom:0}.universal-section p{color:var(--text-primary);margin:var(--spacing-sm) 0;line-height:var(--line-height-normal)}.universal-section em{color:var(--text-primary);font-style:italic;opacity:.9}.universal-search-bar{position:relative;width:100%;margin-bottom:var(--spacing-md);z-index:100}.universal-search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--search-bar-bg);border:1px solid var(--search-bar-border-color);border-radius:var(--search-bar-radius);padding:0 var(--spacing-sm);transition:all .2s ease;box-shadow:var(--search-bar-shadow)}.universal-search-input-wrapper:focus-within{border-color:var(--search-bar-border-color-focus);box-shadow:var(--search-bar-shadow-focus);background:var(--search-bar-bg-focus)}.universal-search-icon{color:var(--text-tertiary);flex-shrink:0;margin-right:var(--spacing-xs)}.universal-search-input{flex:1;background:transparent;border:none;outline:none;padding:var(--spacing-sm) 0;color:var(--text-primary);font-size:14px;font-family:var(--font-family);min-height:var(--touch-target-min);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.universal-search-input::placeholder{color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.universal-search-clear{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0;min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.universal-search-clear:hover{background:var(--state-hover);color:var(--text-secondary)}.universal-search-clear:active{background:var(--state-pressed)}.universal-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--elevation-04dp);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:var(--shadow-elevation-04dp);max-height:400px;overflow-y:auto;z-index:1000;animation:dropdownSlideIn .2s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.universal-search-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--text-secondary);font-size:14px}.loading-spinner{width:16px;height:16px;border:2px solid var(--border-subtle);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}.universal-search-error{padding:var(--spacing-md);color:var(--accent-red);font-size:14px;text-align:center}.universal-search-empty{padding:var(--spacing-lg);color:var(--text-tertiary);font-size:14px;text-align:center}.universal-search-results{padding:var(--spacing-xs) 0}.universal-search-results-header{padding:10px 16px;color:var(--text-tertiary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border-subtle);background:var(--bg-primary);position:sticky;top:0;z-index:10}.universal-search-result-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-bottom:1px solid var(--border-faint);min-height:var(--touch-target-comfortable);position:relative}.universal-search-result-item:last-child{border-bottom:none}.universal-search-result-item:hover{background:var(--state-hover);border-bottom-color:transparent}.universal-search-result-item:hover+.universal-search-result-item{border-top-color:transparent}.universal-search-result-item:active{background:var(--state-pressed);transform:scale(.995)}.universal-search-result-item:focus{outline:2px solid var(--accent-blue);outline-offset:-2px;z-index:1}.universal-search-result-avatar{flex-shrink:0;padding-top:2px}.universal-search-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.universal-search-result-name{font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;line-height:1.4}.universal-search-connected-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--tree-green);color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 2px #0000001a}.universal-search-result-profession{font-size:13px;font-weight:400;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5;letter-spacing:.005em}.universal-search-result-location{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:400;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.universal-search-result-location .location-icon{width:12px;height:12px;flex-shrink:0;opacity:.7}.universal-search-result-match-reason{font-size:12px;font-weight:500;color:var(--accent-blue);margin-top:2px;padding:2px 6px;background:#60a5fa14;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:fit-content;max-width:100%;line-height:1.4}@media(max-width:768px){.universal-search-input-wrapper{padding:0 var(--spacing-xs)}.universal-search-dropdown{max-height:60vh}.universal-search-result-item{padding:14px;gap:10px}.universal-search-input{font-size:16px;padding:var(--spacing-sm) var(--spacing-xs)}.universal-search-result-name{font-size:16px;font-weight:600}.universal-search-result-profession{font-size:14px}.universal-search-result-location{font-size:13px}.universal-search-result-match-reason{font-size:12px;padding:3px 8px}.universal-search-results-header{font-size:11px;padding:12px 14px}}.universal-search-dropdown::-webkit-scrollbar{width:8px}.universal-search-dropdown::-webkit-scrollbar-track{background:transparent}.universal-search-dropdown::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.universal-search-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.light-theme .universal-search-dropdown{background:var(--bg-secondary);border-color:var(--border-light);box-shadow:0 4px 16px #453a2d1f}.light-theme .universal-search-results-header{background:var(--bg-primary);border-bottom-color:var(--border-light)}.light-theme .universal-search-result-item{border-bottom-color:var(--border-light)}.light-theme .loading-spinner{border-color:var(--border-light);border-top-color:var(--accent-blue)}.ongoing-calls-container{width:100%;max-width:600px;margin:0 auto var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.ongoing-calls-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.ongoing-calls-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary)}.ongoing-calls-actions{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.ongoing-calls-count{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.ongoing-calls-list{display:flex;gap:var(--spacing-md);overflow-x:auto;padding:var(--spacing-sm) 0;scroll-behavior:smooth;flex-wrap:nowrap}.ongoing-calls-list::-webkit-scrollbar{height:6px}.ongoing-calls-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--border-radius-xs)}.ongoing-calls-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-xs)}.ongoing-calls-list::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.ongoing-call-card{position:relative;min-width:320px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;transition:all .2s ease;box-shadow:var(--shadow-sm)}.ongoing-call-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-blue)}.call-card-content{padding:16px;display:flex;align-items:flex-start;gap:12px}.call-status-indicator{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.call-status-indicator.active{background:var(--accent-green);box-shadow:0 0 0 3px rgba(var(--accent-green-rgb),.2)}.call-status-indicator.pending{background:var(--accent-amber, var(--accent-yellow));box-shadow:0 0 0 3px rgba(var(--accent-green-rgb),.15)}.call-card-info{flex:1;min-width:0}.call-card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-card-details{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.call-duration,.call-participants-count{font-size:var(--font-size-sm);color:var(--text-secondary)}.call-type-badge{display:inline-block;background:var(--accent-blue);color:var(--text-on-accent, var(--bg-primary));font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.call-card-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.join-call-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--accent-blue);color:var(--text-on-accent, var(--bg-primary));border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);min-width:90px;justify-content:center}.join-call-btn:hover{background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.join-icon{width:16px;height:16px}.end-call-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);min-width:90px;justify-content:center}.end-call-btn:hover:not(:disabled){background:var(--accent-red);color:var(--text-on-accent, white);border-color:var(--accent-red);transform:translateY(-1px);box-shadow:var(--shadow-md)}.end-call-btn:disabled{opacity:.6;cursor:not-allowed}.end-call-btn.ending{background:var(--accent-red);color:var(--text-on-accent, white);border-color:var(--accent-red)}.end-icon{width:16px;height:16px}.end-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.manual-cleanup-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);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);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.manual-cleanup-btn:hover{background:var(--accent-blue);color:var(--text-on-accent, white);border-color:var(--accent-blue)}.remove-call-btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.remove-call-btn:hover:not(:disabled){background:var(--accent-red);color:var(--text-on-accent, white);border-color:var(--accent-red)}.remove-call-btn:disabled{opacity:.6;cursor:not-allowed}.remove-call-btn.removing{background:var(--accent-red);color:var(--text-on-accent, white);border-color:var(--accent-red)}.remove-icon{width:14px;height:14px}.remove-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.call-thumbnail{position:absolute;top:0;right:0;width:60px;height:40px;overflow:hidden;border-radius:0 10px 0 6px;opacity:.8}.call-thumbnail img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.ongoing-calls-container{margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.ongoing-call-card{min-width:280px}.call-card-content{padding:var(--spacing-sm)}.call-card-title{font-size:var(--font-size-sm)}.join-call-btn,.end-call-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-width:80px}}@media(max-width:480px){.ongoing-calls-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.ongoing-calls-header h3{font-size:var(--font-size-md)}.ongoing-call-card{min-width:100%}.ongoing-calls-list{flex-direction:column;overflow-x:hidden}.call-card-actions{flex-direction:column;width:100%;gap:var(--spacing-xs)}.join-call-btn,.end-call-btn{width:100%;min-width:unset}}.ongoing-call-card{animation:slideInRight .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.ongoing-calls-container.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}.no-active-calls-msg{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.ongoing-call-card.pending{border-color:var(--accent-amber, var(--accent-yellow));background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.ongoing-call-card.pending:hover{border-color:var(--accent-green);box-shadow:0 0 0 2px rgba(var(--accent-green-rgb),.2)}.decline-call-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);min-width:90px;justify-content:center}.decline-call-btn:hover{background:var(--accent-red);color:var(--text-on-accent, white);border-color:var(--accent-red);transform:translateY(-1px);box-shadow:var(--shadow-md)}.search-bar{width:100%;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color);background:transparent}.search-bar__container{position:relative;display:flex;align-items:center;width:100%;height:44px;background:var(--search-bar-bg);border:1px solid var(--search-bar-border-color);border-radius:var(--search-bar-radius);transition:all .2s ease;box-shadow:var(--search-bar-shadow)}.search-bar__container:focus-within{border-color:var(--search-bar-border-color-focus);box-shadow:var(--search-bar-shadow-focus)}.search-bar__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary);transition:color .2s ease}.search-bar__icon--left{padding-left:var(--spacing-md);pointer-events:none}.search-bar__icon--right{padding-right:var(--spacing-md);min-width:40px}.search-bar__container:focus-within .search-bar__icon--left{color:var(--accent-blue)}.search-bar__input{flex:1;height:100%;padding:0 var(--spacing-sm);background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-sans);font-weight:var(--font-weight-normal);line-height:1.5}.search-bar__input::placeholder{color:var(--text-tertiary);opacity:.8}.search-bar__input:focus::placeholder{opacity:.5}.search-bar__clear-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.search-bar__clear-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.05)}.search-bar__clear-btn:active{transform:scale(.95)}.search-bar__spinner{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.spinner-circle{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}.search-bar__hint{display:flex;align-items:center;justify-content:flex-end;padding:0 var(--spacing-xs);opacity:.6;transition:opacity .2s ease}.search-bar__hint-text{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.search-bar__kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 var(--spacing-xs);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:11px;font-family:var(--font-mono);font-weight:var(--font-weight-semibold);color:var(--text-secondary);box-shadow:0 1px 2px #0000000d}.search-bar__hint-label{font-size:11px;color:var(--text-tertiary)}.search-bar:focus-within .search-bar__hint{opacity:0}@media(max-width:768px){.search-bar{padding:var(--spacing-sm) 0}.search-bar__container{height:48px}.search-bar__input{font-size:var(--font-size-sm)}.search-bar__hint{display:none}}@media(max-width:480px){.search-bar__input::placeholder{font-size:var(--font-size-sm)}.search-bar__input::placeholder{content:"Search users..."}}@media(prefers-contrast:high){.search-bar__container{border-width:2px}.search-bar__container:focus-within{border-width:3px}}@media(prefers-reduced-motion:reduce){.search-bar__container,.search-bar__clear-btn,.search-bar__icon,.search-bar__hint{transition:none}.spinner-circle{animation:none;border-top-color:var(--accent-blue);border-right-color:var(--accent-blue)}}.light-theme .search-bar__container:focus-within .search-bar__icon--left{color:var(--accent-blue)}.light-theme .search-bar__kbd{background:var(--bg-primary);border-color:var(--border-light)}.light-theme .spinner-circle{border-color:var(--border-light);border-top-color:var(--accent-blue)}.dark-theme .search-bar__container{background:#1e1f1c99;box-shadow:var(--search-bar-shadow)}.dark-theme .search-bar__container:focus-within{background:#1e1f1ccc;box-shadow:var(--search-bar-shadow-focus)}.inline-chat-section{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.inline-chat-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color)}.inline-chat-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.search-container{position:relative;width:100%;margin-bottom:var(--spacing-sm)}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--accent-blue)}.search-icon{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.chat-list{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.chat-item-wrapper{position:relative;display:block;width:100%}.chat-item{width:100%;position:relative;display:flex;align-items:center;gap:12px;padding:12px 44px 12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.chat-item:hover{background:var(--bg-hover);border-color:var(--tree-green);transform:translate(2px);box-shadow:var(--shadow-sm)}.chat-item.active{background:var(--bg-secondary);border-color:var(--tree-green)}.chat-item.unread{border-color:var(--tree-green);box-shadow:0 0 8px #10b98133}.chat-avatar{flex-shrink:0;width:36px;height:36px;position:relative;overflow:visible;transition:all var(--transition-fast)}.chat-avatar:hover{transform:scale(1.1);filter:brightness(1.1)}.chat-avatar:active{transform:scale(.95)}.chat-details{flex:1;min-width:0}.chat-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.chat-title span:first-child{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.chat-date-container{display:flex;align-items:center;gap:6px;flex-shrink:0}.chat-date{font-size:var(--font-size-xs);color:var(--text-secondary);flex-shrink:0}.unread-indicator{width:8px;height:8px;background:#39e8a8;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px #39e8a899;animation:pulse-unread 2s ease-in-out infinite}@keyframes pulse-unread{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.chat-preview{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;margin-bottom:4px}.no-chats-message{text-align:center;padding:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.inline-chat-header .options-menu-button{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:var(--spacing-xs);background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast)}.inline-chat-header .options-menu-button:hover{color:var(--accent-blue)}.inline-chat-header .options-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);min-width:180px;z-index:var(--z-dropdown, 1000);overflow:hidden}.options-dropdown button{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;text-align:left;font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast)}.options-dropdown button:hover{background:var(--bg-hover)}.options-dropdown button.active{background:var(--accent-blue-light, rgba(59, 130, 246, .1));color:var(--accent-blue);font-weight:var(--font-weight-medium)}.conversation-options-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:4px;background:var(--overlay-light);border:none;border-radius:var(--border-radius-md);cursor:pointer;color:var(--text-primary);opacity:0;transition:all .2s ease;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{position:fixed;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;z-index:10000;overflow:hidden;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.conversation-options-dropdown button{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;text-align:left;font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm)}.conversation-options-dropdown button:hover{background:var(--bg-hover);color:var(--tree-green)}.chat-load-more{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--border-color);min-height:80px}.load-more-prompt{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic;opacity:.7}.chat-end-message{text-align:center;padding:var(--spacing-lg);margin-top:var(--spacing-md);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}@media(max-width:768px){.inline-chat-header{padding:var(--spacing-sm) 0}.conversation-options-btn{opacity:1;width:24px;height:24px;background:var(--overlay-medium)}.chat-item{padding:var(--spacing-sm) var(--spacing-sm);padding-right:40px}.chat-avatar{width:32px;height:32px}}@media(max-width:480px){.inline-chat-title{font-size:var(--font-size-md)}}.suggested-connections{width:100%;margin:0;background:transparent;border:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md);overflow:visible;min-height:0}.suggested-connections__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.suggested-connections__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.debug-info-compact{display:flex;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.debug-info-compact span{background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.suggested-connections__loading,.suggested-connections__error,.suggested-connections__empty{display:flex;flex-direction:column;align-items:center;padding:24px 12px;text-align:center;color:var(--text-secondary);font-size:14px}.suggested-connections__error{color:var(--accent-red);background:#ef44440d;border-radius:6px;border:1px solid rgba(239,68,68,.1)}.retry-button{padding:6px 12px;background:var(--accent-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-top:8px;transition:background-color .2s ease}.suggested-connections__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.suggested-connections__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);justify-items:center;width:100%;transition:grid-template-columns .35s cubic-bezier(.4,0,.2,1),gap .35s cubic-bezier(.4,0,.2,1)}.suggested-connections .suggestion-card{width:160px;height:300px;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(30,31,28,.8) 100%);border:none;border-radius:var(--border-radius-lg);padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow-sm);overflow:hidden;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}.suggested-connections .suggestion-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--tree-green, #11aa77);opacity:.9;transition:all var(--transition-fast)}.suggested-connections .suggestion-card:hover:before{opacity:1;height:5px}.suggested-connections .suggestion-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.suggested-connections .suggestion-card__header{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;padding:var(--spacing-lg) var(--spacing-md) 0;margin-top:4px;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)}.suggested-connections .suggestion-card__avatar-container{flex-shrink:0;width:80px;height:80px;position:relative;margin-bottom:var(--spacing-sm);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)}.suggested-connections .suggestion-card__avatar,.suggested-connections .suggestion-card__avatar-fallback{width:100%;height:100%;border-radius:var(--border-radius-lg);border:3px solid var(--border-color);transition:all var(--transition-fast);box-shadow:0 4px 12px #00000026}.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{display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-2xl);color:var(--text-on-accent);background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-green) 100%)}.suggested-connections .suggestion-card__info{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;width:100%;gap:4px;padding:0 var(--spacing-sm);padding-bottom:calc(var(--spacing-xl) + var(--spacing-3xl));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)}.suggested-connections .suggestion-card__interests{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:6px}.suggested-connections .interest-pill{display:inline-flex;align-items:center;padding:2px 6px;background:#11aa771a;border:1px solid rgba(17,170,119,.3);border-radius:10px;color:var(--tree-green);font-size:10px;font-weight:var(--font-weight-semibold);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px}.suggested-connections .interest-pill--more{background:#4a9eff1a;border-color:#4a9eff4d;color:var(--accent-blue)}.suggested-connections .suggestion-card__expert-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:linear-gradient(135deg,#8b9a7f26,#8b9a7f40);border:1px solid rgba(139,154,127,.4);border-radius:10px;color:var(--accent-sage, #8b9a7f);font-size:9px;font-weight:var(--font-weight-semibold);line-height:1.2;margin-top:4px;white-space:nowrap}.suggested-connections .suggestion-card__expert-icon{font-size:8px;opacity:.9}.light-theme .suggested-connections .suggestion-card__expert-badge{background:linear-gradient(135deg,#8b9a7f33,#8b9a7f4d);border-color:#8b9a7f80}.suggested-connections .suggestion-card__reason{font-size:10px;color:var(--text-tertiary);font-style:italic;margin-top:4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:26px;transition:max-height .2s ease}.suggested-connections .suggestion-card:hover .suggestion-card__reason{max-height:none}.suggested-connections .suggestion-card__name{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);width:100%;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;transition:font-size .35s cubic-bezier(.4,0,.2,1),line-height .35s cubic-bezier(.4,0,.2,1)}.suggested-connections .suggestion-card__role{margin:0;font-size:var(--font-size-xs);font-family:var(--font-sans);color:var(--text-secondary);width:100%;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;transition:font-size .35s cubic-bezier(.4,0,.2,1),line-height .35s cubic-bezier(.4,0,.2,1)}.suggested-connections .suggestion-card__actions{position:absolute;bottom:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);width:auto;transition:position .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.suggested-connections .suggestion-card__connect-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--accent-blue-solid, #4a9eff);color:var(--text-on-accent);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 3px 10px #4a9eff4d;letter-spacing:.02em;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}.suggested-connections .suggestion-card__connect-btn svg{width:16px;height:16px;flex-shrink:0}.suggested-connections .suggestion-card__connect-btn:hover:not(:disabled){background:var(--accent-blue-hover, #3a8fe0);transform:translateY(-2px);box-shadow:0 6px 16px #4a9eff66}.suggested-connections .suggestion-card__connect-btn--pending{background:var(--accent-gold, #d4a574);box-shadow:0 2px 8px #d4a57440}.suggested-connections .suggestion-card__connect-btn--pending:hover:not(:disabled){background:color-mix(in srgb,var(--accent-gold, #d4a574) 85%,#000 15%);box-shadow:0 4px 12px #d4a57459}.suggested-connections .suggestion-card__connect-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.suggested-connections__load-more{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--border-color);min-height:80px}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-sm)}.loading-spinner .spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-green);border-radius:50%;animation:spin .8s linear infinite}.load-more-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-md);transition:all .3s ease}.load-more-prompt__icon{font-size:24px;animation:bounce 2s infinite;color:var(--tree-green)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.load-more-prompt__text{font-weight:var(--font-weight-medium);color:var(--text-primary)}.load-more-prompt__count{font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic}.suggested-connections__end-message{text-align:center;padding:var(--spacing-lg);margin-top:var(--spacing-md);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}@media(min-width:1200px){.suggested-connections .suggested-connections__grid{gap:var(--spacing-lg);max-width:1400px;margin:0 auto}.suggested-connections .suggestion-card{width:180px;height:340px}.suggested-connections .suggestion-card__avatar-container{width:90px;height:90px}.suggested-connections .suggestion-card__info{padding-bottom:calc(var(--spacing-xl) + var(--spacing-3xl) + var(--spacing-sm))}}@media(max-width:1024px)and (min-width:901px){.suggested-connections .suggested-connections__grid{gap:var(--spacing-md)}.suggested-connections .suggestion-card{width:155px;height:252px}.suggested-connections .suggestion-card__avatar-container{width:78px;height:78px}}@media(max-width:900px)and (min-width:801px){.suggested-connections .suggested-connections__grid{gap:var(--spacing-sm)}.suggested-connections .suggestion-card{width:150px;height:244px}.suggested-connections .suggestion-card__avatar-container{width:75px;height:75px}}@media(max-width:800px)and (min-width:701px){.suggested-connections .suggested-connections__grid{gap:calc(var(--spacing-xs) * 1.5)}.suggested-connections .suggestion-card{width:145px;height:236px}.suggested-connections .suggestion-card__avatar-container{width:72px;height:72px}.suggested-connections .suggestion-card__name{font-size:var(--font-size-sm)}.suggested-connections .suggestion-card__role{font-size:calc(var(--font-size-xs) * .9)}.suggested-connections .suggestion-card__connect-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:calc(var(--font-size-xs) * .9)}}:root{--horizontal-card-width: 100%;--horizontal-card-height: 80px;--horizontal-avatar-size: 52px;--horizontal-button-size: 38px;--horizontal-button-icon-size: 18px;--horizontal-name-font: var(--font-size-sm);--horizontal-role-font: calc(var(--font-size-xs) * .9)}.suggested-connections.force-compact-layout,.tab-pane--force-mobile-layout .suggested-connections{padding:0}.suggested-connections.force-compact-layout .suggested-connections__grid,.tab-pane--force-mobile-layout .suggested-connections .suggested-connections__grid{grid-template-columns:1fr;gap:var(--spacing-xs);justify-items:stretch}.suggested-connections.force-compact-layout .suggestion-card,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card{width:var(--horizontal-card-width);height:var(--horizontal-card-height);flex-direction:row;align-items:center;padding:var(--spacing-sm);gap:var(--spacing-sm)}.suggested-connections.force-compact-layout .suggestion-card:before,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card:before{height:3px;inset:0 auto 0 0;width:4px;height:100%}.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;padding:0;margin-top:0;flex-shrink:0}.suggested-connections.force-compact-layout .suggestion-card__avatar-container,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__avatar-container{width:var(--horizontal-avatar-size);height:var(--horizontal-avatar-size);margin-bottom:0;margin-right:var(--spacing-sm)}.suggested-connections.force-compact-layout .suggestion-card__info,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__info{flex:1;align-items:flex-start;text-align:left;padding:0;gap:3px;justify-content:center}.suggested-connections.force-compact-layout .suggestion-card__name,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__name{font-size:var(--horizontal-name-font);-webkit-line-clamp:1;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}.suggested-connections.force-compact-layout .suggestion-card__role,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__role{font-size:var(--horizontal-role-font);-webkit-line-clamp:1;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}.suggested-connections.force-compact-layout .suggestion-card__actions,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__actions{position:static;width:auto;flex-shrink:0;margin-left:auto}.suggested-connections.force-compact-layout .suggestion-card__connect-btn,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__connect-btn,.suggested-connections.force-compact-layout .suggestion-card__connect-btn--pending,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__connect-btn--pending{width:var(--horizontal-button-size);height:var(--horizontal-button-size);min-width:var(--horizontal-button-size);min-height:var(--horizontal-button-size);padding:0;border-radius:50%;font-size:0;display:flex;align-items:center;justify-content:center}.suggested-connections.force-compact-layout .suggestion-card__connect-btn svg,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__connect-btn svg,.suggested-connections.force-compact-layout .suggestion-card__connect-btn--pending svg,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__connect-btn--pending svg{width:var(--horizontal-button-icon-size);height:var(--horizontal-button-icon-size);margin:0}.suggested-connections.force-compact-layout .suggestion-card__connect-btn span,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__connect-btn span,.suggested-connections.force-compact-layout .suggestion-card__connect-btn--pending span,.tab-pane--force-mobile-layout .suggested-connections .suggestion-card__connect-btn--pending span{display:none;visibility:hidden}@media(max-width:700px){.suggested-connections{padding:0}.suggested-connections .suggested-connections__grid{grid-template-columns:1fr;gap:var(--spacing-xs);justify-items:stretch}.suggested-connections .suggestion-card{width:var(--horizontal-card-width);height:var(--horizontal-card-height);flex-direction:row;align-items:center;padding:var(--spacing-sm);gap:var(--spacing-sm)}.suggested-connections .suggestion-card:before{height:3px;inset:0 auto 0 0;width:4px;height:100%}.suggested-connections .suggestion-card:hover:before{height:100%;width:5px}.suggested-connections .suggestion-card__header{flex-direction:row;padding:0;margin-top:0;flex-shrink:0}.suggested-connections .suggestion-card__avatar-container{width:var(--horizontal-avatar-size);height:var(--horizontal-avatar-size);margin-bottom:0;margin-right:var(--spacing-sm)}.suggested-connections .suggestion-card__info{flex:1;align-items:flex-start;text-align:left;padding:0;gap:3px;min-width:0}.suggested-connections .suggestion-card__name{font-size:var(--horizontal-name-font);-webkit-line-clamp:1;line-height:1.2}.suggested-connections .suggestion-card__role{font-size:var(--horizontal-role-font);-webkit-line-clamp:1;line-height:1.3}.suggested-connections .suggestion-card__actions{position:static;width:auto;flex-shrink:0}.suggested-connections .suggestion-card__connect-btn{width:var(--horizontal-button-size);height:var(--horizontal-button-size);padding:0;border-radius:50%;font-size:0;gap:0}.suggested-connections .suggestion-card__connect-btn svg{width:var(--horizontal-button-icon-size);height:var(--horizontal-button-icon-size)}.suggested-connections .suggestion-card__connect-btn:before{content:""}}@media(max-width:375px){.suggested-connections{padding:0}.suggested-connections .suggested-connections__grid{gap:3px}.suggested-connections .suggestion-card{height:72px;padding:var(--spacing-xs);gap:var(--spacing-xs)}.suggested-connections .suggestion-card__avatar-container{width:44px;height:44px;margin-right:var(--spacing-xs)}.suggested-connections .suggestion-card__name{font-size:13px}.suggested-connections .suggestion-card__role{font-size:10px}.suggested-connections .suggestion-card__connect-btn{width:36px;height:36px}.suggested-connections .suggestion-card__connect-btn svg{width:16px;height:16px}}.light-theme .suggested-connections .suggestion-card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.light-theme .suggested-connections .suggestion-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-light);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-hover) 100%)}.light-theme .suggested-connections .suggestion-card:before{background:var(--accent-sage);opacity:1}.light-theme .suggested-connections .suggestion-card__avatar,.light-theme .suggested-connections .suggestion-card__avatar-fallback{border-color:var(--border-color);box-shadow:var(--shadow-sm)}.light-theme .suggested-connections .suggestion-card:hover .suggestion-card__avatar,.light-theme .suggested-connections .suggestion-card:hover .suggestion-card__avatar-fallback{border-color:var(--accent-blue);box-shadow:0 4px 12px #6d7a884d}.light-theme .suggested-connections .suggestion-card__name{color:var(--text-primary)}.light-theme .suggested-connections .suggestion-card__role{color:var(--text-secondary)}.light-theme .suggested-connections .suggestion-card__reason{color:var(--text-tertiary)}.light-theme .suggested-connections .interest-pill{background:#8b9a7f26;border-color:var(--accent-sage);color:var(--accent-sage)}.light-theme .suggested-connections .interest-pill--more{background:#6d7a8826;border-color:var(--accent-blue);color:var(--accent-blue)}.light-theme .suggested-connections .suggestion-card__connect-btn{box-shadow:0 2px 8px #6d7a8840}.light-theme .suggested-connections .suggestion-card__connect-btn:hover:not(:disabled){box-shadow:0 4px 12px #6d7a8859}.light-theme .loading-spinner .spinner{border-color:var(--border-light);border-top-color:var(--accent-sage)}.light-theme .load-more-prompt{color:var(--text-secondary)}.light-theme .load-more-prompt__icon{color:var(--accent-sage)}.light-theme .load-more-prompt__text{color:var(--text-primary)}.light-theme .load-more-prompt__count{color:var(--text-tertiary)}.light-theme .suggested-connections__end-message{color:var(--text-tertiary);border-top-color:var(--border-light)}:root{--accent-primary-hover: #5b21b6;--accent-red: #ef4444}.connection-requests{width:100%;max-width:600px;margin:0 auto;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.connection-requests__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.connection-requests__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;font-family:var(--font-sans)}.connection-requests__loading,.connection-requests__error,.connection-requests__empty{display:flex;flex-direction:column;align-items:center;padding:24px 12px;text-align:center;color:var(--text-secondary);font-size:14px;font-family:var(--font-sans)}.connection-requests__error{color:var(--accent-red);background:#ef44440d;border-radius:6px;border:1px solid rgba(239,68,68,.1)}.connection-requests__empty{padding:16px 12px;font-size:13px;color:var(--text-tertiary);font-style:italic}.retry-button{padding:6px 12px;background:var(--accent-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-top:8px;transition:background-color .2s ease;font-family:var(--font-sans)}.retry-button:hover{background:var(--accent-primary-hover)}.connection-requests__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.connection-requests__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);justify-items:center;width:100%;transition:grid-template-columns .35s cubic-bezier(.4,0,.2,1),gap .35s cubic-bezier(.4,0,.2,1)}.connection-request-card{width:160px;height:260px;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(30,31,28,.8) 100%);border:none;border-radius:var(--border-radius-lg);padding:0;cursor:default;display:flex;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow-sm);overflow:hidden;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}.connection-request-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--tree-green, #10b981);opacity:.9;transition:all var(--transition-fast)}.connection-request-card:hover:before{opacity:1;height:5px}.connection-request-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.connection-request-card__header{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;padding:var(--spacing-lg) var(--spacing-md) 0;margin-top:4px;transition:flex-direction .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1)}.connection-request-card__avatar-container{flex-shrink:0;width:80px;height:80px;position:relative;margin-bottom:var(--spacing-sm);transition:width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1)}.connection-request-card__info{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;width:100%;gap:4px;padding:0 var(--spacing-sm);padding-bottom:56px;transition:align-items .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1)}.connection-request-card__name{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);width:100%;line-height:1.3;font-family:var(--font-sans);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;transition:font-size .35s cubic-bezier(.4,0,.2,1)}.connection-request-card__message{margin:0;font-size:var(--font-size-xs);font-family:var(--font-sans);color:var(--text-secondary);width:100%;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;transition:font-size .35s cubic-bezier(.4,0,.2,1)}.connection-request-card__actions{position:absolute;bottom:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);width:auto;display:flex;flex-direction:column;gap:var(--spacing-xs);transition:position .35s cubic-bezier(.4,0,.2,1)}.connection-request-card__accept-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--tree-green, #10b981);color:#fff;border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:var(--font-sans);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 3px 10px #10b9814d;letter-spacing:.02em;text-transform:capitalize;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.connection-request-card__accept-btn:hover:not(:disabled){background:#0ea76f;transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.connection-request-card__accept-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #10b9814d}.connection-request-card__accept-btn:disabled{background:var(--tree-green, #10b981);opacity:.5;cursor:not-allowed;box-shadow:none}.connection-request-card__decline-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--accent-red);border:1px solid var(--accent-red);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);cursor:pointer;letter-spacing:.02em;text-transform:capitalize;transition:all .2s ease}.connection-request-card__decline-btn:hover:not(:disabled){background:var(--accent-red);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.connection-request-card__decline-btn:active:not(:disabled){transform:translateY(0)}.connection-request-card__accept-btn:disabled,.connection-request-card__decline-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.connection-requests__navigation{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-sm);margin-top:var(--spacing-sm);width:100%;max-width:100%;border-top:1px solid var(--border-color);box-sizing:border-box;min-height:48px;overflow:hidden;position:relative}.nav-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px!important;background:transparent!important;color:var(--text-primary, white)!important;border:none!important;border-radius:0!important;font-size:13px!important;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:opacity .2s ease;white-space:nowrap;outline:none!important;box-shadow:none!important}.nav-button svg{flex-shrink:0;width:16px!important;height:16px!important;color:inherit}.nav-button.prev-button{position:absolute;left:var(--spacing-sm)}.nav-button.next-button{position:absolute;right:var(--spacing-sm)}.nav-button:hover:not(:disabled){opacity:.7}.nav-button:disabled{opacity:.3;cursor:not-allowed}@media(max-width:1024px)and (min-width:901px){.connection-requests__grid{gap:var(--spacing-md)}.connection-request-card{width:155px;height:252px}.connection-request-card__avatar-container{width:78px;height:78px}}@media(max-width:900px)and (min-width:801px){.connection-requests__grid{gap:var(--spacing-sm)}.connection-request-card{width:150px;height:244px}.connection-request-card__avatar-container{width:75px;height:75px}}@media(max-width:800px)and (min-width:701px){.connection-requests__grid{gap:6px}.connection-request-card{width:145px;height:236px}.connection-request-card__avatar-container{width:72px;height: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{grid-template-columns:1fr;gap:var(--spacing-sm);justify-items:stretch}.connection-request-card{width:100%;height:100px;flex-direction:row;align-items:center;padding:var(--spacing-md);gap:var(--spacing-md)}.connection-request-card:before{height:100%;inset:0 auto 0 0;width:4px}.connection-request-card:hover:before{width:5px}.connection-request-card__header{flex-direction:row;padding:0;margin-top:0;flex-shrink:0}.connection-request-card__avatar-container{width:52px;height:52px;margin-bottom:0;margin-right:var(--spacing-sm)}.connection-request-card__info{flex:1;align-items:flex-start;text-align:left;padding:0;gap:3px;min-width:0}.connection-request-card__name{font-size:var(--font-size-sm);-webkit-line-clamp:1;line-height:1.2}.connection-request-card__message{font-size:11px;-webkit-line-clamp:1;line-height:1.3}.connection-request-card__actions{position:static;width:auto;flex-shrink:0;flex-direction:row;gap:var(--spacing-xs);margin-left:auto}.connection-request-card__accept-btn,.connection-request-card__decline-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:11px;min-width:60px}.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-requests{padding:var(--spacing-sm)}.connection-request-card{height:90px;padding:var(--spacing-sm);gap:var(--spacing-sm)}.connection-request-card__avatar-container{width:46px;height: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}}.connection-request-card__inquiry{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--elevation-overlay-01dp, rgba(248, 245, 237, .05));border-radius:var(--border-radius-md);margin:var(--spacing-xs) var(--spacing-md);border-left:3px solid var(--accent-blue)}.connection-request-card__inquiry-topic{display:inline-block;background:var(--accent-blue);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);padding:2px 8px;border-radius:var(--border-radius-full);text-transform:capitalize;width:fit-content}.connection-request-card__inquiry-message{margin:0;font-size:var(--font-size-sm);font-family:var(--font-sans);color:var(--text-primary);line-height:var(--line-height-relaxed);font-style:italic;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.connection-request-card__inquiry-outcome{margin:0;font-size:var(--font-size-xs);font-family:var(--font-sans);color:var(--text-secondary);line-height:1.4}.connection-request-card__inquiry-outcome strong{color:var(--text-primary);font-weight:var(--font-weight-medium)}.connection-request-card__inquiry-availability{font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:var(--font-sans)}@media(max-width:700px){.connection-request-card__inquiry{margin:var(--spacing-xs) 0;padding:var(--spacing-xs) var(--spacing-sm);order:1;flex:1;min-width:0}.connection-request-card__inquiry-message{font-size:var(--font-size-xs);-webkit-line-clamp:2}.connection-request-card__inquiry-outcome,.connection-request-card__inquiry-availability{display:none}}@media(max-width:375px){.connection-request-card__inquiry{padding:var(--spacing-xs)}.connection-request-card__inquiry-topic{font-size:10px;padding:1px 6px}.connection-request-card__inquiry-message{font-size:11px;-webkit-line-clamp:2}}.user-action-buttons{display:flex;align-items:center;gap:6px;flex-shrink:0}.user-action-button{flex-shrink:0}@media(max-width:768px){.user-action-buttons{gap:4px}}@media(max-width:480px){.user-action-buttons{gap:3px}}.connections-container{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.connections-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color)}.connections-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.connections-container .search-container{position:relative;width:100%;margin-bottom:var(--spacing-sm)}.connections-container .search-input{width:100%;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.connections-container .search-input:focus{outline:none;border-color:var(--accent-blue)}.connections-container .search-icon{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.connections-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-xs)}.loading-spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top:2px solid var(--tree-green);border-radius:50%;animation:spin 1s linear infinite}.connections-error{padding:var(--spacing-md);text-align:center;color:var(--text-secondary);font-size:var(--font-size-xs)}.retry-btn{background:var(--tree-green);color:var(--text-on-accent);border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;margin-top:var(--spacing-sm);transition:all var(--transition-fast)}.retry-btn:hover{background:var(--accent-green);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.connections-empty{padding:24px 16px;text-align:center;color:var(--text-secondary)}.empty-icon{color:var(--text-secondary);margin-bottom:8px;opacity:.7}.connections-empty span{display:block;font-weight:500;margin-bottom:4px;font-size:14px}.connections-empty p{margin:0;font-size:12px;color:var(--text-secondary);opacity:.7}.connections-list{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.connection-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--elevation-04dp);border:none;border-radius:var(--border-radius-md);transition:all .2s ease;cursor:pointer}.connection-item:hover{background:var(--bg-hover);border-color:var(--tree-green);transform:translate(2px);box-shadow:var(--shadow-sm)}.connection-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.connection-avatar{position:relative;width:36px;height:36px;flex-shrink:0;overflow:visible}.connection-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-fallback{width:100%;height:100%;border-radius:50%;background:var(--accent-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.status-indicator{position:absolute;left:0;top:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-primary);z-index:10}.status-indicator.online{background:var(--tree-green)}.connection-details{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0;flex:1}.connection-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.connection-status{font-size:12px;color:var(--text-secondary)}.connection-profession{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;margin-top:0}.connection-profession svg{flex-shrink:0;opacity:.7}.connection-actions{display:flex;gap:6px;flex-shrink:0}.action-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-secondary)}.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{background:var(--accent-green);border:1px solid var(--accent-green);color:#fff}.video-btn:hover{background:var(--accent-green);border-color:var(--accent-green);color:#fff;transform:scale(1.05);box-shadow:0 2px 8px #10b9814d}.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}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.action-btn:disabled{cursor:not-allowed;opacity:.6}.connections-load-more{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--border-color);min-height:80px}.connections-load-more .load-more-prompt{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic;opacity:.7}.connections-end-message{text-align:center;padding:var(--spacing-lg);margin-top:var(--spacing-md);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}@media(max-width:1024px){.connections-header{padding:var(--spacing-sm) 0;font-size:var(--font-size-xs)}.connections-header h4{font-size:var(--font-size-sm)}.refresh-btn{width:28px;height:28px}}@media(max-width:768px){.connections-header{padding:var(--spacing-sm) 0;gap:var(--spacing-xs)}.connection-item{padding:var(--spacing-sm) var(--spacing-sm)}.connection-avatar{width:32px;height: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{width:11px;height:11px}.action-btn{padding:var(--spacing-xs)}.connection-actions{gap:var(--spacing-xs)}}@media(max-width:480px){.connections-header{padding:var(--spacing-xs) 0;gap:4px}.connections-header h4{font-size:11px}.refresh-btn{width:24px;height:24px}.connection-item{padding:var(--spacing-xs) var(--spacing-sm)}.connection-avatar{width:28px;height: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{width:10px;height:10px}.action-btn{padding:4px;border-radius:var(--border-radius-xs)}.connection-actions{gap:4px}.connections-empty{padding:var(--spacing-md) var(--spacing-sm)}.connections-empty span{font-size:12px}.connections-empty p{font-size:11px}.connections-loading{padding:var(--spacing-md) var(--spacing-sm)}.connections-error{padding:var(--spacing-sm)}}.tour-overlay{position:fixed;inset:0;z-index:var(--z-tour-overlay);pointer-events:none}html.tour-scroll-locked,body.tour-scroll-locked{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important;-webkit-overflow-scrolling:auto!important}body.tour-scroll-locked{position:fixed!important;width:100%!important;height:100%!important;left:0!important;right:0!important}body.tour-scroll-locked .tour-tooltip,body.tour-scroll-locked .tour-content,body.tour-scroll-locked .profile-section-modal-content,body.tour-scroll-locked .node-edit-modal__content{touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;overflow-y:auto!important}.tour-overlay--positioning .tour-tooltip,.tour-overlay--positioning .tour-highlight{opacity:0;visibility:hidden;transform:scale(.98)}.tour-overlay--ready .tour-tooltip,.tour-overlay--ready .tour-highlight{opacity:1;visibility:visible;transform:scale(1);transition:opacity .2s ease-out,transform .2s ease-out,visibility 0s}.tour-overlay--hidden{opacity:0;visibility:hidden;pointer-events:none}.tour-overlay--entering .tour-tooltip{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-tooltip,.tour-overlay--active .tour-highlight{opacity:1;visibility:visible}.tour-overlay--repositioning .tour-tooltip{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 var(--tour-transition-exit, .15s) ease-in forwards}@keyframes tour-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.tour-base-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;z-index:9999}.tour-blocking-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;z-index:10000}.tour-backdrop{position:absolute;inset:0;pointer-events:none}.tour-backdrop-section{background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.tour-highlight{position:absolute;background:transparent;border:4px solid var(--tree-green);border-radius:var(--tour-highlight-border-radius, 28px);box-shadow:0 0 30px #10b981e6,0 0 60px #10b98199,0 0 90px #10b98166,inset 0 0 30px #10b98126;animation:tour-glow 2s ease-in-out infinite alternate;pointer-events:none;z-index:10001}[data-tour]:not([data-tour=tokens-field-wrapper]) .tour-highlight{display:none}.tour-fab-highlight,.knowledge-fab-create-tree.tour-fab-highlight,.create-tree-fab-button.tour-fab-highlight,[data-tour=create-tree-button].tour-fab-highlight{position:relative!important;border:4px solid var(--tree-green)!important;transform:scale(1.1)!important;box-shadow:0 0 30px #10b981e6 ! important,0 0 60px #10b98199 ! important,0 0 90px #10b98166 ! important,0 4px 20px #0006!important;animation:tour-fab-glow 1.5s ease-in-out infinite alternate!important;z-index:10002!important}.tour-fab-highlight:before,.knowledge-fab-create-tree.tour-fab-highlight:before,.create-tree-fab-button.tour-fab-highlight:before,[data-tour=create-tree-button].tour-fab-highlight:before{content:"";position:absolute;inset:-12px;background:transparent;border:3px solid rgba(16,185,129,.4);border-radius:50%;animation:tour-fab-pulse 2s ease-in-out infinite;z-index:-1}.tour-fab-highlight:after,.knowledge-fab-create-tree.tour-fab-highlight:after,.create-tree-fab-button.tour-fab-highlight:after,[data-tour=create-tree-button].tour-fab-highlight:after{content:"";position:absolute;inset:-20px;background:transparent;border:2px solid rgba(16,185,129,.2);border-radius:50%;animation:tour-fab-pulse-outer 3s ease-in-out infinite;z-index:-2}@keyframes tour-glow{0%{box-shadow:0 0 30px #10b981e6,0 0 60px #10b98199,0 0 90px #10b98166,inset 0 0 30px #10b98126;border-color:var(--tree-green)}to{box-shadow:0 0 40px #10b981,0 0 80px #10b981cc,0 0 120px #10b98199,inset 0 0 40px #10b98140;border-color:var(--accent-green)}}@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{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}@keyframes tour-fab-pulse-outer{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.6}}@keyframes tour-completion-pulse{0%,to{box-shadow:0 8px 32px #10b9814d,0 0 0 1px #10b98180;border-color:var(--tree-green)}50%{box-shadow:0 12px 40px #10b98180,0 0 0 2px #10b981cc;border-color:var(--accent-green)}}@keyframes tour-float-pulse{0%,to{box-shadow:var(--shadow-lg)}50%{box-shadow:var(--shadow-xl)}}.tour-tooltip{position:absolute;background:var(--bg-secondary);border:2px solid var(--tree-green);border-radius:var(--border-radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-xl);max-width:var(--tour-tooltip-width, 450px);min-width:var(--tour-tooltip-min-width, 340px);max-height:var(--tour-tooltip-max-height, calc(var(--viewport-height) - 80px));overflow-y:auto;overflow-x:hidden;pointer-events:auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:var(--text-secondary) transparent;scrollbar-gutter:stable;will-change:transform,opacity;transition:transform .2s ease-out,opacity .2s ease-out;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:10002}.tour-tooltip--centered{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;max-width:560px;min-width:460px}.tour-tooltip::-webkit-scrollbar{width:8px}.tour-tooltip::-webkit-scrollbar-track{background:transparent;margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.tour-tooltip::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:var(--border-radius-md);border:2px solid var(--bg-secondary)}.tour-tooltip::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.tour-header{text-align:center;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.tour-logo-icon{width:64px;height:64px;margin-bottom:var(--spacing-md);color:var(--text-primary);filter:none}.tour-header-title{font-family:var(--font-serif);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.tour-subheader{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-light);color:var(--text-secondary);margin:0;letter-spacing:var(--letter-spacing-tight)}.tour-progress-indicators{display:flex;flex-direction:column;align-items:center;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:var(--beige-earth, #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:var(--text-charcoal, #5a4f43);border-color:var(--text-charcoal, #5a4f43)}.tour-substep-counter{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-top:var(--spacing-xs)}.tour-content{margin-bottom:var(--spacing-lg)}.tour-description{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--text-primary);margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-relaxed);word-wrap:break-word;overflow-wrap:break-word}.tour-bullets{margin:0;padding:0;list-style:none}.tour-bullets li{position:relative;padding:var(--spacing-sm) 0 var(--spacing-sm) calc(var(--spacing-lg) + var(--spacing-xs));font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--text-primary);line-height:var(--line-height-relaxed);word-wrap:break-word;overflow-wrap:break-word}.tour-bullets li:before{content:"•";position:absolute;left:var(--spacing-sm);color:var(--text-charcoal);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl)}.tour-instructions{margin:var(--spacing-md) 0 0 0;padding:0;list-style:none}.tour-instructions li{position:relative;padding:var(--spacing-xs) 0 var(--spacing-xs) calc(var(--spacing-lg) + var(--spacing-xs));font-size:var(--font-size-md);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.tour-instructions li:before{content:"•";position:absolute;left:var(--spacing-sm);color:var(--tree-green);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.tour-choice-buttons{display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.tour-choice-button{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-tertiary, var(--elevation-01dp));border:2px solid var(--border-primary, var(--text-secondary));border-radius:var(--border-radius-lg);cursor:pointer;text-align:left;transition:all .2s ease;width:100%}.tour-choice-button:hover{border-color:var(--tree-green);background:var(--state-hover, rgba(248, 245, 237, .08))}.tour-choice-button:active{background:var(--state-pressed, rgba(248, 245, 237, .12));transform:scale(.98)}.tour-choice-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;background:var(--tree-green);border-radius:var(--border-radius-full, 50%);color:var(--bg-primary)}.tour-choice-icon svg{width:24px;height:24px}.tour-choice-content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.tour-choice-label{font-family:var(--font-serif);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight)}.tour-choice-description{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}@media(max-width:600px){.tour-choice-button{padding:var(--spacing-md);gap:var(--spacing-sm)}.tour-choice-icon{width:40px;height:40px}.tour-choice-icon svg{width:20px;height:20px}.tour-choice-label{font-size:var(--font-size-md)}.tour-choice-description{font-size:var(--font-size-xs)}}.tour-controls{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.tour-nav-buttons{display:flex;align-items:center;gap:var(--spacing-md);flex:0 0 auto;width:100%;justify-content:flex-end}.tour-skip-button{order:2;align-self:center}.tour-secondary-button{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:1px solid var(--text-secondary);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:44px;display:inline-flex;align-items:center;justify-content:center;width:fit-content;white-space:nowrap}.tour-secondary-button:hover{background:var(--hover-bg-overlay);color:var(--text-primary);border-color:var(--accent-blue);transform:translateY(-1px)}.tour-secondary-button:active{transform:translateY(0)}.tour-back-button{padding:var(--spacing-md) var(--spacing-xl);background:transparent;border:1px solid var(--text-secondary);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:44px;display:inline-flex;align-items:center;justify-content:center;min-width:100px;white-space:nowrap}.tour-back-button:hover{background:var(--hover-bg-overlay);color:var(--text-primary);border-color:var(--accent-blue);transform:translateY(-1px)}.tour-back-button:active{transform:translateY(0)}.tour-skip-button{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:1px solid var(--text-secondary);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:44px;display:inline-flex;align-items:center;justify-content:center;width:fit-content;white-space:nowrap}.tour-skip-button:hover{background:var(--hover-bg-overlay);color:var(--text-primary);border-color:var(--accent-blue);transform:translateY(-1px)}.tour-skip-button:active{transform:translateY(0)}.tour-next-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--tree-green);border:none;border-radius:var(--border-radius-md);color:#fff;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);min-height:44px;min-width:100px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;position:relative}.tour-next-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:var(--tree-green)}.tour-next-button:hover:before{content:"";position:absolute;inset:0;background:var(--state-hover);border-radius:var(--border-radius-md);pointer-events:none}.tour-next-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.tour-next-button:active:before{content:"";position:absolute;inset:0;background:var(--state-pressed);border-radius:var(--border-radius-md);pointer-events:none}.tour-next-button--disabled{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-md);border-radius:var(--border-radius-md);min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);transition:all var(--transition-fast);background:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed;opacity:.6;box-shadow:none;border:1px solid var(--border-color)}.tour-next-button--disabled:hover{transform:none;box-shadow:none;filter:none;background:var(--bg-secondary);color:var(--text-tertiary)}.tour-try-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--tree-green);border:none;border-radius:var(--border-radius-md);color:#fff;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);min-height:44px;display:inline-flex;align-items:center;justify-content:center;position:relative}.tour-try-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:var(--tree-green)}.tour-try-button:hover:before{content:"";position:absolute;inset:0;background:var(--state-hover);border-radius:var(--border-radius-md);pointer-events:none}.tour-try-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.tour-try-button:active:before{content:"";position:absolute;inset:0;background:var(--state-pressed);border-radius:var(--border-radius-md);pointer-events:none}.tour-completion-message{padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-md);font-style:italic;text-align:center;border-radius:var(--border-radius-md);background:var(--bg-info-overlay);border:1px solid var(--border-color)}.tour-floating-next{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);z-index:10001;pointer-events:auto}.tour-floating-next-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:18px 28px;background:var(--tree-green);border:none;border-radius:var(--border-radius-xl);color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--transition-medium);animation:tour-float-pulse 2s ease-in-out infinite;position:relative}.tour-floating-next-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-xl);background:var(--tree-green)}.tour-floating-next-button:hover:before{content:"";position:absolute;inset:0;background:var(--state-hover);border-radius:var(--border-radius-xl);pointer-events:none}.tour-floating-next-button:active{transform:translateY(-1px) scale(1.02)}.tour-floating-next-button:active:before{content:"";position:absolute;inset:0;background:var(--state-pressed);border-radius:var(--border-radius-xl);pointer-events:none}.tour-floating-next-text{white-space:nowrap}.tour-floating-next-icon{width:20px;height:20px;transition:transform var(--transition-fast)}.tour-floating-next-button:hover .tour-floating-next-icon{transform:translate(2px)}.tour-floating-completion-message{display:flex;align-items:center;justify-content:center;padding:18px 28px;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;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:tour-completion-pulse 2s ease-in-out infinite}.tour-floating-completion-text{color:var(--accent-yellow);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);font-style:italic;white-space:nowrap}.tour-floating-controls{position:fixed;bottom:var(--spacing-lg);left:var(--spacing-lg);z-index:10001;pointer-events:auto;display:flex;flex-direction:row;gap:var(--spacing-xs);align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);background:#272822f2;border-radius:var(--border-radius-lg);border:2px solid var(--tree-green);box-shadow:var(--shadow-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-medium);min-height:52px}.tour-floating-pill{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;display:inline-flex;align-items:center;gap:var(--spacing-xs);min-width:80px;justify-content:center}.tour-floating-pill--secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-light);order:1}.tour-floating-pill--secondary:hover{background:var(--hover-bg-overlay);color:var(--text-primary);border-color:var(--color-golden);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.tour-floating-pill--secondary:active{transform:translateY(0);box-shadow:none}.tour-floating-pill--primary{background:var(--tree-green);color:#fff;border:none;font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm);order:2;position:relative}.tour-floating-pill--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--tree-green)}.tour-floating-pill--primary:hover:before{content:"";position:absolute;inset:0;background:var(--state-hover);border-radius:var(--border-radius-md);pointer-events:none}.tour-floating-pill--primary:active{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.tour-floating-pill--primary:active:before{content:"";position:absolute;inset:0;background:var(--state-pressed);border-radius:var(--border-radius-md);pointer-events:none}.tour-floating-pill--disabled{background:var(--bg-secondary);color:var(--text-tertiary);border:1px solid var(--border-color);cursor:not-allowed;opacity:.6;order:2;font-weight:var(--font-weight-medium)}.tour-floating-pill--disabled:hover{transform:none;box-shadow:none;filter:none;background:var(--bg-secondary);color:var(--text-tertiary)}@media(max-width:600px){.tour-tooltip{left:50%!important;transform:translate(-50%);max-width:calc(100vw - var(--spacing-sm) * 2);min-width:calc(100vw - var(--spacing-sm) * 2);width:auto;padding:var(--spacing-lg);max-height:calc(var(--viewport-height) - 120px)}.tour-tooltip--centered{transform:translate(-50%,-50%)!important;max-width:calc(100vw - var(--spacing-sm) * 2);min-width:calc(100vw - var(--spacing-sm) * 2)}.tour-tooltip--mobile-bottom{position:fixed!important;top:auto!important;bottom:var(--spacing-sm)!important;left:50%!important;right:auto!important;max-height:calc(50vh - var(--spacing-sm));max-height:calc(50dvh - var(--spacing-sm));width:calc(100vw - var(--spacing-sm))!important;transform:translate(-50%)!important;overflow-y:auto!important;overflow-x:hidden!important}.tour-tooltip--mobile-top{position:fixed!important;top:var(--spacing-sm)!important;bottom:auto!important;left:50%!important;right:auto!important;max-height:calc(50vh - var(--spacing-sm));max-height:calc(50dvh - var(--spacing-sm));width:calc(100vw - var(--spacing-sm))!important;transform:translate(-50%)!important;overflow-y:auto!important;overflow-x:hidden!important}.tour-tooltip--bottom-sheet{position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:100%!important;max-height:var(--tour-mobile-bottom-sheet-max-height, 60vh)!important;border-radius:var(--spacing-lg) var(--spacing-lg) 0 0!important;transform:none!important;animation:tour-bottom-sheet-slide-up .25s cubic-bezier(.34,1.56,.64,1);overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}@keyframes tour-bottom-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tour-next-button,.tour-back-button,.tour-skip-button,.tour-try-button{min-height:44px;font-size:16px;padding:var(--spacing-sm) var(--spacing-lg)}.tour-controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);width:100%}.tour-controls>.tour-skip-button{grid-column:1 / -1;grid-row:1;background:transparent;border:none;color:var(--text-tertiary);font-size:var(--font-size-sm);padding:var(--spacing-xs) 0;min-height:32px;text-decoration:underline;font-weight:var(--font-weight-normal);text-align:center}.tour-controls>.tour-skip-button:hover{background:transparent;color:var(--text-secondary);transform:none;text-decoration:underline;border:none}.tour-controls>.tour-nav-buttons{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);width:100%}.tour-nav-buttons>.tour-back-button{grid-column:1}.tour-nav-buttons>.tour-next-button,.tour-nav-buttons>.tour-try-button{grid-column:2}.tour-nav-buttons>.tour-next-button:first-child,.tour-nav-buttons>.tour-try-button:first-child{grid-column:1 / -1}.tour-tooltip--centered .tour-controls{display:flex;flex-direction:column-reverse;gap:var(--spacing-md)}.tour-tooltip--centered .tour-controls>.tour-skip-button{background:transparent!important;border:none!important;color:var(--text-tertiary);font-size:var(--font-size-sm);padding:var(--spacing-xs) 0;min-height:32px;text-decoration:underline;font-weight:var(--font-weight-normal);text-align:center}.tour-tooltip--centered .tour-controls>.tour-skip-button:hover{background:transparent!important;color:var(--text-secondary);transform:none;text-decoration:underline;border:none!important}.tour-tooltip--centered .tour-controls>.tour-next-button{width:100%}.tour-header-title{font-size:var(--font-size-xl)}.tour-description,.tour-bullets li,.tour-instructions li{font-size:var(--font-size-md)}.tour-pagination-dots .pagination-dot{width:6px;height:6px}.tour-substep-counter{font-size:10px;margin-top:4px}.tour-backdrop-section{background:#000000a6!important}.tour-highlight{border-width:3px}.tour-floating-controls{bottom:var(--spacing-sm);left:50%;transform:translate(-50%);border-radius:var(--border-radius-lg);border:2px solid var(--tree-green);min-height:40px;padding:6px var(--spacing-sm);gap:6px}.tour-floating-pill{min-width:60px;min-height:32px;font-size:var(--font-size-xs);padding:4px 8px}.tour-tooltip{animation:none}.tour-fab-highlight{transform:scale(1.05)!important}@keyframes tour-glow{0%,to{box-shadow:0 0 20px #ffd700b3}}@keyframes tour-fab-glow{0%,to{box-shadow:0 0 20px #ffd700b3,0 4px 16px #0006}}}@media(min-width:600px){.tour-tooltip{display:flex;flex-direction:column;max-height:calc(var(--viewport-height) - 32px);width:600px;max-width:90vw}.tour-next-button,.tour-back-button,.tour-try-button,.tour-secondary-button{white-space:normal;max-width:240px;text-align:center;line-height:1.4;min-height:44px;height:auto;padding:var(--spacing-sm) var(--spacing-lg)}.tour-skip-button{background:transparent;border:none;color:var(--text-tertiary);font-size:var(--font-size-sm);text-decoration:underline;font-weight:var(--font-weight-normal);padding:var(--spacing-xs) 0;min-height:32px;max-width:none;white-space:nowrap;width:auto}.tour-skip-button:hover{background:transparent;color:var(--text-secondary);border:none;text-decoration:underline;transform:none}.tour-nav-buttons{justify-content:space-between}.tour-tooltip--centered .tour-nav-buttons{justify-content:center}.tour-tooltip--centered .tour-nav-buttons>.tour-next-button:first-child,.tour-tooltip--centered .tour-nav-buttons>.tour-try-button:first-child{max-width:none;width:100%}.tour-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:var(--text-secondary) transparent}.tour-content::-webkit-scrollbar{width:6px}.tour-content::-webkit-scrollbar-track{background:transparent}.tour-content::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:var(--border-radius-sm)}.tour-header,.tour-controls{flex:0 0 auto}}@media(min-width:600px)and (max-width:768px){.tour-tooltip{max-width:500px;min-width:400px;padding:var(--spacing-lg)}.tour-tooltip--centered{max-width:540px;min-width:440px}.tour-floating-controls{bottom:var(--spacing-md);left:50%;transform:translate(-50%);border-radius:var(--border-radius-lg);border:2px solid var(--tree-green)}.tour-next-button,.tour-back-button,.tour-skip-button,.tour-try-button{min-height:44px;font-size:16px}.tour-floating-pill{min-width:70px;min-height:36px;font-size:var(--font-size-sm)}}@media(max-height:700px){.tour-tooltip{max-height:calc(50vh - 40px);padding:var(--spacing-md)}.tour-tooltip--centered{max-height:calc(70vh - 40px)}.tour-tooltip--mobile-bottom,.tour-tooltip--mobile-top{max-height:calc(45vh - var(--spacing-sm))}.tour-content{margin-bottom:var(--spacing-sm)}.tour-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.tour-bullets li,.tour-instructions li{padding:var(--spacing-xs) 0 var(--spacing-xs) calc(var(--spacing-lg) + var(--spacing-xs))}}@media(max-height:600px){.tour-tooltip{max-height:calc(50vh - 30px);padding:var(--spacing-sm)}.tour-tooltip--centered{max-height:calc(80vh - 30px)}.tour-tooltip--mobile-bottom,.tour-tooltip--mobile-top{max-height:calc(40vh - var(--spacing-sm))}.tour-header-title{font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm) 0}.tour-description{font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs) 0}.tour-content{margin-bottom:var(--spacing-xs)}.tour-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}}.light-theme .tour-tooltip{background:#fffffff2;border-color:var(--beige-sand);color:var(--text-ink)}.light-theme .tour-title{color:var(--text-ink)}.light-theme .tour-description{color:var(--text-charcoal)}.light-theme .tour-instructions li{color:var(--text-sepia)}.light-theme .tour-back-button,.light-theme .tour-skip-button{border-color:var(--text-charcoal);color:var(--text-charcoal)}.light-theme .tour-back-button:hover,.light-theme .tour-skip-button:hover{background:var(--hover-bg-overlay);color:var(--text-ink);border-color:var(--accent-slate)}.light-theme .tour-floating-controls{background:#f5f1e8e6;border-color:var(--beige-sand);box-shadow:0 -4px 12px #3d342826}.light-theme .tour-floating-pill--primary{background:var(--tree-green);color:var(--bg-secondary)}.light-theme .tour-floating-pill--primary:hover{background:var(--tree-green)}.light-theme .tour-floating-pill--primary:hover:before{background:#3d342814}.light-theme .tour-floating-pill--secondary{color:var(--text-charcoal);border-color:var(--beige-sand)}.light-theme .tour-floating-pill--secondary:hover{background:var(--hover-bg-overlay);color:var(--text-ink);border-color:var(--accent-slate)}.light-theme .tour-floating-pill--disabled{background:var(--beige-canvas);color:var(--text-muted);border-color:var(--beige-sand)}.call-summary{width:100%;min-height:100vh;position:relative;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;background:transparent}.call-summary.has-expanded-item{overflow:hidden;overflow-y:auto}.call-summary-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-2xl);gap:var(--spacing-2xl);min-height:100vh;box-sizing:border-box;position:relative;z-index:10}#call-summary-title{color:var(--text-primary);margin:0;padding:0;text-align:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.loading-overlay{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0009;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loading-text{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xl);color:var(--primary-color);animation:fadeInOut 1.5s infinite;text-shadow:var(--shadow-text)}.loading-circle{width:80px;height:80px;border:6px solid rgba(var(--primary-color-rgb),.1);border-top:6px solid var(--primary-color);border-radius:50%;animation:spin 1s cubic-bezier(.6,.2,.4,.8) infinite;box-shadow:0 4px 10px #0000001a}.learning-items{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);width:100%;max-width:100%;margin:0 auto;z-index:10}.learning-items-container{display:flex;flex-direction:column;align-items:center;width:100%;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:0rem}.learning-items.has-expanded-item .learning-item.expanded{width:min(90vw,800px);min-width:280px;max-width:800px;overflow:hidden;padding-bottom:var(--spacing-2xl);margin-bottom:var(--spacing-xl);z-index:20}.learning-item{width:100%;max-width:800px;background:var(--bg-secondary);color:var(--text-primary);padding:var(--spacing-xl);border-radius:var(--card-radius);box-shadow:var(--card-shadow);cursor:pointer;transition:all var(--transition-medium);position:relative;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-md);max-height:none;overflow:visible;height:auto;min-height:fit-content;word-wrap:break-word;white-space:normal;margin:0;box-sizing:border-box}.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{width:min(90vw,800px);max-width:800px;z-index:20;position:relative;height:auto;min-height:fit-content;overflow:hidden auto;padding-bottom:var(--spacing-2xl);margin-bottom:var(--spacing-xl)}.learning-item .close-button{position:absolute;right:10px;top:10px;background:var(--accent-green, #4caf50);border:none;cursor:pointer;padding:5px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;box-shadow:0 0 6px rgba(var(--primary-color-rgb),.5);animation:pulseGlow 2s ease-in-out infinite}.learning-item .close-button:hover{background-color:#0000001a}.learning-item .close-button:before{display:none}.learning-item .close-button .checkmark-icon{width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 0 2px rgba(0,0,0,.3))}.learning-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-color)}.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{content:"";position:absolute;inset:-2px;border-radius:18px;background:none;z-index:-1;opacity:1;transition:opacity .3s ease;filter:blur(2px)}.learning-item:hover:before{opacity:1;animation:borderGlow 2s infinite}.learning-item h3{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);word-break:break-word}.learning-item p{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);font-family:var(--font-sans);line-height:var(--line-height-relaxed);margin:var(--spacing-sm) 0;word-break:break-word}.learning-item .expand-hint{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);font-family:var(--font-sans);font-style:italic;margin:var(--spacing-md) 0 0 0;opacity:.6;text-align:center;letter-spacing:var(--letter-spacing-wide)}.complete-button{position:relative;transform:scale(0);opacity:0;margin:var(--spacing-md) 0 var(--spacing-md) 0;padding:var(--spacing-lg) var(--spacing-3xl);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:var(--font-sans);background:var(--tree-green);color:var(--text-on-accent);border:2px solid transparent;border-radius:var(--border-radius-xl);cursor:pointer;transition:all var(--transition-medium);box-shadow:var(--shadow-lg);letter-spacing:var(--letter-spacing-wide);min-width:220px}.complete-button.visible{transform:scale(1);opacity:1;animation:gentlePulse 3s ease-in-out infinite}.complete-button:hover{transform:scale(1.05);box-shadow:var(--shadow-lg);background:var(--accent-green);border-color:var(--accent-green);filter:brightness(1.1)}@keyframes gentlePulse{0%,to{transform:scale(1);box-shadow:var(--shadow-md)}50%{transform:scale(1.02);box-shadow:var(--shadow-lg)}}.error-notice{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-danger-overlay);border:1px solid var(--accent-red);border-radius:var(--border-radius-lg);max-width:600px;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{opacity:.5;filter:brightness(1)}50%{opacity:.8;filter:brightness(1.2)}}@keyframes closeItem{0%{transform:scale(1);border-color:var(--primary-color);box-shadow:0 0 rgba(var(--primary-color-rgb),.3)}50%{transform:scale(1.1);border-color:var(--accent-color);box-shadow:0 0 20px rgba(var(--primary-color-rgb),.5)}to{transform:scale(0);opacity:0;border-color:var(--accent-color);box-shadow:0 0 40px rgba(var(--primary-color-rgb),0)}}@keyframes shiftPosition{0%{transform:translate(0)}50%{transform:translate(-20px)}to{transform:translate(0)}}@keyframes pulseButton{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes floatBox{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50vh;max-width:600px;margin:0 auto;padding:var(--spacing-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.error-container h2{color:var(--accent-red);margin-bottom:var(--spacing-md);font-size:var(--font-size-2xl);font-family:var(--font-sans);font-weight:var(--font-weight-semibold)}.error-container p{margin-bottom:var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-sans);color:var(--text-primary);line-height:var(--line-height-relaxed)}.error-container ul{text-align:left;margin-bottom:2rem;padding-left:1.5rem}.error-container li{margin-bottom:var(--spacing-sm);font-size:var(--font-size-base);color:var(--text-secondary)}.retry-button{background:var(--accent-blue);color:var(--text-on-accent);border:1px solid var(--accent-blue);border-radius:var(--border-radius-lg);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-medium);box-shadow:var(--shadow-sm)}.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{padding:var(--spacing-xl) var(--spacing-md) calc(var(--mobile-sidebar-height, 60px) + var(--spacing-lg));gap:var(--spacing-lg)}#call-summary-title{font-size:var(--font-size-2xl)}.learning-items{gap:var(--spacing-sm)}.learning-item{padding:var(--spacing-lg)}.learning-item.expanded{width:100%;padding:var(--spacing-lg);padding-bottom:var(--spacing-md);margin-bottom:0}.complete-button{font-size:var(--font-size-2xl);padding:var(--spacing-lg) var(--spacing-3xl);margin-top:var(--spacing-sm);margin-bottom:calc(var(--spacing-3xl) + var(--spacing-md));min-width:240px;font-weight:var(--font-weight-bold)}}.learning-item .expanded-content{margin-top:var(--spacing-md)}.learning-item . s-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.learning-item .details-section h4{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.learning-item .details-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.learning-item .details-section li{color:var(--text-secondary);font-size:var(--font-size-sm);font-family:var(--font-sans);line-height:var(--line-height-relaxed);margin:0;padding:var(--spacing-sm) var(--spacing-md);word-break:break-word;background:var(--overlay-subtle);border-radius:var(--border-radius-sm);border-left:2px solid var(--border-color)}.learning-item .details-section li strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.tab-navigation-wrapper{width:100%;margin-bottom:var(--spacing-lg);z-index:20}.call-summary .tab-navigation-container{width:100%;margin:0;padding:0}.learning-item.expanded{max-height:70vh;overflow-y:auto}.learning-item.expanded::-webkit-scrollbar{width:6px}.learning-item.expanded::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:var(--border-radius-sm)}.learning-item.expanded::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}@keyframes pulseGlow{0%,to{box-shadow:0 0 4px rgba(var(--primary-color-rgb),.4)}50%{box-shadow:0 0 12px rgba(var(--primary-color-rgb),.8)}}.learning-item .markdown-content{line-height:var(--line-height-relaxed);color:var(--text-secondary);font-size:var(--font-size-base)}.learning-item .markdown-content .markdown-heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);color:var(--text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--tree-green);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-snug)}.learning-item .markdown-content .markdown-heading:first-child{margin-top:0}.learning-item .markdown-content .markdown-subheading{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);font-family:var(--font-sans);color:var(--text-primary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-snug)}.learning-item .markdown-content .markdown-paragraph{margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed);color:var(--text-secondary)}.learning-item .markdown-content .markdown-paragraph:last-child{margin-bottom:0}.learning-item .markdown-content .markdown-bold{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.learning-item .markdown-content .markdown-list{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl);list-style-position:outside}.learning-item .markdown-content ul.markdown-list{list-style-type:disc}.learning-item .markdown-content ol.markdown-list{list-style-type:decimal}.learning-item .markdown-content .markdown-list-item{margin-bottom:var(--spacing-sm);line-height:var(--line-height-relaxed);color:var(--text-secondary);padding-left:var(--spacing-xs)}.learning-item .markdown-content ul.markdown-list li::marker{color:var(--tree-green);font-size:1.1em}.learning-item .markdown-content ol.markdown-list li::marker{color:var(--tree-green);font-weight:var(--font-weight-semibold)}.learning-item .markdown-content .markdown-list .markdown-list{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs);padding-left:var(--spacing-lg)}.learning-item:not(.expanded) .markdown-content{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.learning-item.expanded .markdown-content{display:block;overflow:visible}.learning-item .details-section .key-point-markdown{margin-bottom:var(--spacing-sm)}.learning-item .details-section .key-point-markdown p{margin:0;line-height:var(--line-height-relaxed);color:var(--text-secondary)}.learning-item .details-section .key-point-markdown strong{font-weight:var(--font-weight-semibold);color:var(--text-primary)}@media(max-width:768px){.learning-item .markdown-content .markdown-heading{font-size:var(--font-size-md);margin-top:var(--spacing-lg)}.learning-item .markdown-content .markdown-subheading{font-size:var(--font-size-base)}.learning-item .markdown-content .markdown-list{padding-left:var(--spacing-lg)}}.reflection-section{width:100%;max-width:800px;display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);background:linear-gradient(145deg,var(--elevation-02dp) 0%,var(--elevation-01dp) 100%);border:1px solid var(--border-light);border-radius:var(--border-radius-xl);margin-top:var(--spacing-lg)}.reflection-intention{padding:var(--spacing-md);background:var(--elevation-00dp);border-radius:var(--border-radius-md);border-left:3px solid var(--verification-badge-expert-color, var(--color-golden))}.reflection-intention-text{margin:var(--spacing-sm) 0 0 0;font-style:italic;color:var(--text-secondary);line-height:1.6}.reflection-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;letter-spacing:.02em}.reflection-input-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.reflection-textarea{width:100%;min-height:80px;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;resize:vertical;box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.reflection-textarea:focus{outline:none;border-color:var(--tree-green);box-shadow:0 0 0 2px #4caf5026}.reflection-textarea::placeholder{color:var(--text-tertiary);font-style:italic}.reflection-textarea:disabled{opacity:.7;cursor:not-allowed;background:var(--elevation-01dp)}.reflection-save-button{align-self:flex-start;padding:var(--spacing-sm) var(--spacing-lg);background:var(--tree-green);color:var(--text-on-accent);border:none;border-radius:var(--border-radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.reflection-save-button:hover:not(:disabled){background:var(--accent-green);box-shadow:var(--shadow-md);transform:translateY(-1px)}.reflection-save-button:disabled{opacity:.6;cursor:not-allowed}.reflection-saved-message{margin:0;padding:var(--spacing-sm) var(--spacing-md);background:#4caf501a;border-radius:var(--border-radius-md);color:var(--tree-green);font-size:var(--font-size-sm);font-style:italic;text-align:center}.light-theme .reflection-section{background:linear-gradient(145deg,var(--elevation-01dp) 0%,var(--bg-primary) 100%)}.light-theme .reflection-textarea{background:var(--bg-secondary)}@media(max-width:768px){.reflection-section{padding:var(--spacing-lg);margin-top:var(--spacing-md)}.reflection-textarea{min-height:100px}.reflection-save-button{width:100%;text-align:center}}@media(max-width:480px){.call-summary-content{padding:var(--spacing-md) var(--spacing-sm) calc(var(--mobile-sidebar-height, 60px) + var(--spacing-md))}#call-summary-title{font-size:var(--font-size-xl)}.learning-item{padding:var(--spacing-md)}.learning-item.expanded{padding:var(--spacing-md);padding-bottom:var(--spacing-xs);margin-bottom:0}.complete-button{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-top:var(--spacing-xs);margin-bottom:calc(var(--spacing-3xl) + var(--spacing-lg));min-width:200px}}.connection-notification{position:fixed;top:calc(var(--glass-header-height, 44px) + var(--spacing-md, 16px));left:50%;z-index:10000;max-width:420px;animation:notificationSlideIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes notificationSlideIn{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.notification-content{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);border-radius:var(--border-radius-xl);padding:20px;box-shadow:var(--glass-shadow-dark),var(--glass-inset-highlight);display:flex;align-items:flex-start;gap:16px;-webkit-backdrop-filter:var(--glass-blur-effect);backdrop-filter:var(--glass-blur-effect);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer;font-family:var(--font-sans)}.notification-content:hover{transform:scale(1.02);box-shadow:var(--glass-shadow-dark-strong),var(--glass-inset-highlight-strong);border-color:var(--glass-border-dark-strong);background:var(--glass-bg-dark-strong)}.notification-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);margin-top:2px}.notification-icon svg{width:100%;height:100%;fill:currentColor}.notification-text{flex:1;min-width:0}.notification-title{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:6px;letter-spacing:var(--letter-spacing-normal);text-transform:none}.notification-message{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--text-primary);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}.notification-line{margin-bottom:4px}.notification-line:last-child{margin-bottom:0}.notification-close{position:absolute;top:12px;right:12px;background:var(--bg-button-overlay);border:1px solid var(--border-color-overlay);color:var(--text-secondary);font-size:20px;font-family:var(--font-sans);font-weight:var(--font-weight-regular);cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;line-height:1}.notification-close:hover{color:var(--accent-gold);background:var(--hover-bg-overlay);border-color:var(--accent-gold);transform:scale(1.1)}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.connection-notifications{position:fixed;top:24px;right:24px;z-index:10000;max-width:420px;min-width:360px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slideInDown .4s cubic-bezier(.16,1,.3,1);font-family:var(--font-sans)}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border-color)}.notifications-header h3{margin:0;color:var(--accent-gold);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);font-family:var(--font-sans);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.close-notifications{background:var(--bg-button-overlay);border:1px solid var(--border-color-overlay);color:var(--text-secondary);font-size:22px;font-family:var(--font-sans);cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1}.close-notifications:hover{color:var(--accent-gold);background:var(--hover-bg-overlay);border-color:var(--accent-gold);transform:scale(1.1)}.notifications-list{padding:12px;max-height:500px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-gold) var(--bg-primary)}.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{display:flex;justify-content:space-between;align-items:center;padding:16px;margin:8px 0;background:var(--overlay-light);border-radius:8px;border:1px solid var(--border-color);transition:all .2s ease}.connection-request:hover{background:var(--overlay-medium);border-color:var(--accent-gold)}.request-info{flex:1}.sender-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);font-family:var(--font-sans);color:var(--text-primary);margin-bottom:4px;letter-spacing:var(--letter-spacing-normal)}.request-message{font-size:var(--font-size-sm);font-family:var(--font-sans);font-weight:var(--font-weight-regular);color:var(--text-secondary);letter-spacing:var(--letter-spacing-normal)}.request-actions{display:flex;gap:10px;margin-left:16px}.accept-btn,.reject-btn{padding:8px 16px;border:1px solid transparent;border-radius:6px;font-size:var(--font-size-sm);font-family:var(--font-sans);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal);cursor:pointer;transition:all .2s ease;text-transform:uppercase}.accept-btn{background:var(--accent-green);color:var(--text-on-accent);border-color:var(--accent-green)}.accept-btn:hover:not(:disabled){background:#0ea76f;border-color:#0ea76f;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.reject-btn{background:var(--accent-red);color:var(--text-primary);border-color:var(--accent-red)}.reject-btn:hover:not(:disabled){background:#e91d63;border-color:#e91d63;transform:translateY(-1px);box-shadow:0 4px 12px #f926724d}.accept-btn:disabled,.reject-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:480px){.connection-notification{top:calc(var(--glass-header-height, 44px) + var(--spacing-sm, 8px));left:var(--spacing-sm, 8px);right:var(--spacing-sm, 8px);max-width:none;animation:notificationSlideInMobile .4s cubic-bezier(.16,1,.3,1) forwards}.connection-notifications{top:calc(var(--glass-header-height, 44px) + var(--spacing-sm, 8px));left:var(--spacing-sm, 8px);right:var(--spacing-sm, 8px);max-width:none;min-width:auto}.connection-request{flex-direction:column;align-items:flex-start;gap:12px}.request-actions{margin-left:0;width:100%}.accept-btn,.reject-btn{flex:1}.notification-content{padding:16px}.notification-title{font-size:var(--font-size-sm)}.notification-message{font-size:var(--font-size-xs)}.notification-icon{width:28px;height:28px}}@keyframes notificationSlideInMobile{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}._loadingContainer_1xdsh_14{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl, 32px);min-height:200px}._spinner_1xdsh_23{width:48px;height:48px;border:4px solid var(--border-subtle, rgba(248, 245, 237, .1));border-top-color:var(--tree-green, #8B9A7F);border-radius:50%;animation:_spin_1xdsh_23 1s linear infinite}@keyframes _spin_1xdsh_23{to{transform:rotate(360deg)}}._loadingText_1xdsh_38{margin-top:var(--spacing-md, 16px);font-size:var(--font-size-md, 15px);color:var(--text-secondary, rgba(248, 245, 237, .7))}._generationProgress_1xdsh_45{width:100%;height:6px;background:var(--elevation-01dp, rgba(248, 245, 237, .05));border-radius:3px;overflow:hidden;margin-bottom:var(--spacing-lg, 24px)}._generationProgressFill_1xdsh_54{height:100%;background:linear-gradient(90deg,var(--tree-green, #8B9A7F),var(--tree-green-light, #9AAA8F));border-radius:3px}._stepDisplay_1xdsh_60{display:flex;align-items:center;gap:var(--spacing-md, 12px);margin-bottom:var(--spacing-xl, 32px)}._stepIcon_1xdsh_67{font-size:28px;line-height:1}._stepText_1xdsh_72{font-size:var(--font-size-lg, 18px);font-weight:500;color:var(--text-primary, #F8F5ED)}._ellipsis_1xdsh_79{display:inline-flex;width:1.5em;margin-left:2px}._ellipsis_1xdsh_79 span{animation:_wave_1xdsh_1 1.4s ease-in-out infinite}._ellipsis_1xdsh_79 span:nth-child(2){animation-delay:.2s}._ellipsis_1xdsh_79 span:nth-child(3){animation-delay:.4s}@keyframes _wave_1xdsh_1{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}._stepsChecklist_1xdsh_108{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}._stepItem_1xdsh_115{display:flex;align-items:center;gap:var(--spacing-sm, 10px);padding:var(--spacing-xs, 6px) var(--spacing-sm, 10px);border-radius:var(--radius-sm, 6px);transition:all .2s ease}._stepItem_1xdsh_115._stepCompleted_1xdsh_124{background:#8b9a7f14}._stepItem_1xdsh_115._stepActive_1xdsh_128{background:#8b9a7f26}._stepItem_1xdsh_115._stepPending_1xdsh_132{background:transparent}._stepCheckmark_1xdsh_136{font-size:var(--font-size-sm, 14px);width:20px;text-align:center}._stepItem_1xdsh_115._stepCompleted_1xdsh_124 ._stepCheckmark_1xdsh_136{color:var(--tree-green, #8B9A7F)}._stepItem_1xdsh_115._stepActive_1xdsh_128 ._stepCheckmark_1xdsh_136{color:var(--tree-green, #8B9A7F);animation:_pulse_1xdsh_1 1.5s ease-in-out infinite}._stepItem_1xdsh_115._stepPending_1xdsh_132 ._stepCheckmark_1xdsh_136{color:var(--text-tertiary, rgba(248, 245, 237, .3))}._stepLabel_1xdsh_155{font-size:var(--font-size-sm, 14px);color:var(--text-secondary, rgba(248, 245, 237, .7))}._stepItem_1xdsh_115._stepCompleted_1xdsh_124 ._stepLabel_1xdsh_155{color:var(--text-primary, #F8F5ED)}._stepItem_1xdsh_115._stepActive_1xdsh_128 ._stepLabel_1xdsh_155{color:var(--text-primary, #F8F5ED);font-weight:500}@keyframes _pulse_1xdsh_1{0%,to{opacity:1}50%{opacity:.4}}._errorContainer_1xdsh_175{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl, 32px);text-align:center}._errorIcon_1xdsh_184{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#e74c3c26;border-radius:50%;color:var(--error-red, #E74C3C);font-size:24px;font-weight:700;margin-bottom:var(--spacing-md, 16px)}._errorText_1xdsh_198{font-size:var(--font-size-md, 15px);color:var(--text-secondary, rgba(248, 245, 237, .7));margin-bottom:var(--spacing-md, 16px)}._questionContainer_1xdsh_205{display:flex;flex-direction:column;padding:var(--spacing-md, 16px)}._progressBar_1xdsh_212{width:100%;height:8px;background:var(--elevation-01dp, rgba(248, 245, 237, .05));border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-sm, 8px)}._progressFill_1xdsh_221{height:100%;background:var(--tree-green, #8B9A7F);border-radius:4px}._progressText_1xdsh_227{font-size:var(--font-size-xs, 11px);color:var(--text-tertiary, rgba(248, 245, 237, .5));text-align:right;margin-bottom:var(--spacing-lg, 24px)}._questionContent_1xdsh_235{flex:1}._questionText_1xdsh_239{font-size:var(--font-size-lg, 18px);font-weight:600;color:var(--text-primary, #F8F5ED);line-height:1.4;margin:0 0 var(--spacing-lg, 24px)}._optionsContainer_1xdsh_248{display:flex;flex-direction:column;gap:var(--spacing-sm, 12px)}._optionButton_1xdsh_254{display:flex;align-items:center;gap:var(--spacing-md, 16px);padding:var(--spacing-md, 16px);background:var(--elevation-02dp, rgba(248, 245, 237, .07));border:none;border-radius:var(--radius-lg, 16px);cursor:pointer;transition:all .15s ease;text-align:left;width:100%;box-shadow:0 4px 8px #0000004d,0 2px 4px #0003,inset 0 1px #f8f5ed0d;transform:translateY(0)}._optionButton_1xdsh_254:hover:not(:disabled){background:var(--elevation-04dp, rgba(248, 245, 237, .09));box-shadow:0 6px 12px #00000059,0 3px 6px #00000040,inset 0 1px #f8f5ed14;transform:translateY(-2px)}._optionButton_1xdsh_254:active:not(:disabled){background:var(--elevation-01dp, rgba(248, 245, 237, .05));box-shadow:0 1px 2px #0003,inset 0 2px 4px #00000026;transform:translateY(1px)}._optionButton_1xdsh_254._optionSelected_1xdsh_292{background:#509b5a33;box-shadow:0 4px 8px #509b5a40,0 2px 4px #0003,inset 0 1px #509b5a26}._optionButton_1xdsh_254._optionSelected_1xdsh_292:hover:not(:disabled){background:#509b5a40;box-shadow:0 6px 12px #509b5a4d,0 3px 6px #0003,inset 0 1px #509b5a33}._optionButton_1xdsh_254:disabled{cursor:not-allowed;opacity:.7}._optionLetter_1xdsh_313{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--elevation-02dp, rgba(248, 245, 237, .07));border-radius:var(--radius-sm, 8px);font-size:var(--font-size-sm, 14px);font-weight:600;color:var(--text-secondary, rgba(248, 245, 237, .7));flex-shrink:0}._optionSelected_1xdsh_292 ._optionLetter_1xdsh_313{background:var(--tree-green, #8B9A7F);color:var(--bg-primary, #1e1f1c)}._optionText_1xdsh_332{flex:1;font-size:var(--font-size-md, 15px);color:var(--text-primary, #F8F5ED);line-height:1.4}._actionButtons_1xdsh_340{margin-top:var(--spacing-xl, 32px);display:flex;justify-content:flex-end;gap:var(--spacing-sm, 12px)}._prevButton_1xdsh_348{display:flex;align-items:center;gap:var(--spacing-xs, 4px);padding:var(--spacing-sm, 12px) var(--spacing-md, 20px);background:var(--elevation-02dp, rgba(248, 245, 237, .07));border:1px solid var(--border-subtle, rgba(248, 245, 237, .15));border-radius:var(--radius-md, 8px);color:var(--text-secondary, rgba(248, 245, 237, .7));font-size:var(--font-size-md, 15px);font-weight:500;cursor:pointer;transition:all .2s ease}._prevButton_1xdsh_348:hover{background:var(--elevation-04dp, rgba(248, 245, 237, .09));border-color:var(--border-subtle, rgba(248, 245, 237, .25));color:var(--text-primary, #F8F5ED)}._prevButton_1xdsh_348:active{transform:translateY(1px)}._nextButton_1xdsh_373{padding:var(--spacing-sm, 12px) var(--spacing-xl, 32px);background:var(--tree-green, #509b5a);border:none;border-radius:var(--radius-md, 8px);color:var(--text-primary, #F8F5ED);font-size:var(--font-size-md, 15px);font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;box-shadow:0 2px 8px #509b5a4d}._nextButton_1xdsh_373:hover:not(:disabled){background:#5daf66;transform:translateY(-1px);box-shadow:0 4px 12px #509b5a66}._nextButton_1xdsh_373:disabled{opacity:.5;cursor:not-allowed}._resultsContainer_1xdsh_399{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg, 24px);position:relative;overflow:visible}._burstContainer_1xdsh_410{position:fixed;inset:0;pointer-events:none;z-index:var(--z-tour);overflow:hidden}._particle_1xdsh_418{position:absolute;border-radius:50%;pointer-events:none;animation:_particleBurst_1xdsh_1 .6s ease-out forwards;will-change:transform,opacity;transform:translate(-50%,-50%)}@keyframes _particleBurst_1xdsh_1{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--vx)),calc(-50% + var(--vy))) scale(.3) rotate(var(--rotation))}}@media(prefers-reduced-motion:reduce){._particle_1xdsh_418{animation:none;display:none}}._scoreCircle_1xdsh_448{width:130px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;margin-bottom:var(--spacing-lg, 24px);position:relative}._scoreCircle_1xdsh_448._passed_1xdsh_460{background:linear-gradient(135deg,#509b5a26,#509b5a40);border:6px solid transparent;background-clip:padding-box;animation:_celebratePulse_1xdsh_1 2s ease-in-out infinite}._scoreCircle_1xdsh_448._passed_1xdsh_460:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:linear-gradient(135deg,#509b5a,#6dc978,#509b5a);z-index:-1}._scoreCircle_1xdsh_448._failed_1xdsh_477{background:#e74c3c1a;border:6px solid var(--error-red, #E74C3C)}@keyframes _celebratePulse_1xdsh_1{0%,to{transform:scale(1);box-shadow:0 0 #509b5a66}50%{transform:scale(1.03);box-shadow:0 0 20px 4px #509b5a33}}._scoreNumber_1xdsh_493{font-size:32px;font-weight:700;color:var(--text-primary, #F8F5ED)}._scoreLabel_1xdsh_499{font-size:var(--font-size-xs, 11px);color:var(--text-secondary, rgba(248, 245, 237, .7));margin-top:4px}._resultMessage_1xdsh_506{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--spacing-lg, 24px)}._resultIcon_1xdsh_514{width:32px;height:32px;margin-bottom:var(--spacing-sm, 8px)}._resultTitle_1xdsh_520{font-size:var(--font-size-xl, 20px);font-weight:600;color:var(--text-primary, #F8F5ED);margin:0 0 var(--spacing-xs, 4px)}._resultSubtitle_1xdsh_527{font-size:var(--font-size-sm, 14px);color:var(--text-secondary, rgba(248, 245, 237, .7));margin:0}._tokensAwarded_1xdsh_533{font-size:var(--font-size-md, 16px);font-weight:600;color:var(--tree-green, #8B9A7F);margin:var(--spacing-sm, 8px) 0 0}._feedbackList_1xdsh_541{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);margin-bottom:var(--spacing-lg, 24px);max-height:200px;overflow-y:auto}._feedbackItem_1xdsh_551{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 10px) var(--spacing-md, 12px);background:var(--elevation-01dp, rgba(248, 245, 237, .05));border-radius:var(--radius-md, 10px);border:1px solid transparent}._feedbackItem_1xdsh_551._correct_1xdsh_561{background:#509b5a14;border-color:#509b5a33}._feedbackItem_1xdsh_551._incorrect_1xdsh_566{background:#e74c3c0f;border-color:#e74c3c26}._feedbackNumber_1xdsh_571{font-size:var(--font-size-xs, 11px);font-weight:600;color:var(--text-tertiary, rgba(248, 245, 237, .5));min-width:24px}._feedbackStatus_1xdsh_578{width:16px;height:16px;display:flex;align-items:center;justify-content:center}._feedbackStatus_1xdsh_578 svg{width:14px;height:14px}._feedbackItem_1xdsh_551._correct_1xdsh_561 ._feedbackStatus_1xdsh_578{color:var(--tree-green, #8B9A7F)}._feedbackItem_1xdsh_551._incorrect_1xdsh_566 ._feedbackStatus_1xdsh_578{color:var(--error-red, #E74C3C)}._feedbackExplanation_1xdsh_599{flex:1;font-size:var(--font-size-xs, 12px);color:var(--text-secondary, rgba(248, 245, 237, .7));line-height:1.4;margin:0}._resultActions_1xdsh_608{display:flex;gap:var(--spacing-md, 12px);width:100%}._retryButton_1xdsh_614,._closeButton_1xdsh_615{flex:1;padding:var(--spacing-sm, 12px) var(--spacing-md, 16px);border-radius:var(--radius-md, 8px);font-size:var(--font-size-md, 15px);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 4px)}._retryButton_1xdsh_614{background:var(--elevation-02dp, rgba(248, 245, 237, .07));border:1px solid var(--border-subtle, rgba(248, 245, 237, .2));color:var(--text-primary, #F8F5ED)}._retryButton_1xdsh_614:hover{background:var(--state-hover, rgba(248, 245, 237, .1));border-color:var(--tree-green, #8B9A7F)}._retriesLeft_1xdsh_640{font-size:var(--font-size-xs, 11px);font-weight:400;color:var(--text-tertiary, rgba(248, 245, 237, .5))}._closeButton_1xdsh_615{background:var(--tree-green, #509b5a);border:none;color:var(--text-primary, #F8F5ED);box-shadow:0 2px 8px #509b5a4d}._closeButton_1xdsh_615:hover{background:#5daf66;box-shadow:0 4px 12px #509b5a66}@media(max-width:480px){._questionText_1xdsh_239{font-size:var(--font-size-md, 16px)}._optionButton_1xdsh_254{padding:var(--spacing-sm, 12px)}._optionLetter_1xdsh_313{width:28px;height:28px;font-size:var(--font-size-xs, 12px)}._scoreCircle_1xdsh_448{width:100px;height:100px}._scoreNumber_1xdsh_493{font-size:28px}}._content_1qk4n_10{display:flex;flex-direction:column;min-height:300px;max-height:68vh}._description_1qk4n_18{color:var(--text-secondary);font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:15px;font-weight:400;letter-spacing:.01em;margin:4px 0 20px;padding:0 8px;line-height:1.5}._connectionsList_1qk4n_33{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:8px 4px 16px;flex:1;overflow-y:auto;min-height:180px}@media(max-width:480px){._connectionsList_1qk4n_33{grid-template-columns:1fr 1fr;gap:12px}}._connectionCard_1qk4n_54{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 12px 16px;background:var(--elevation-01dp);border:2px solid rgba(248,245,237,.08);border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:150px;text-align:center;box-shadow:0 2px #00000040,0 4px 8px #00000026,inset 0 1px #ffffff0d}._connectionCard_1qk4n_54:hover{background:var(--elevation-02dp);border-color:#f8f5ed26;transform:translateY(-3px);box-shadow:0 4px #0003,0 8px 16px #0003,inset 0 1px #ffffff14}._connectionCard_1qk4n_54:active{transform:translateY(1px);box-shadow:0 1px #0000004d,0 2px 4px #00000026,inset 0 2px 4px #0000001a}._connectionCard_1qk4n_54:focus-visible{outline:2px solid var(--tree-green);outline-offset:2px}._connectionCard_1qk4n_54._selected_1qk4n_99{background:color-mix(in srgb,var(--tree-green) 12%,var(--elevation-02dp) 88%);border-color:var(--tree-green);box-shadow:0 0 0 1px var(--tree-green),0 2px color-mix(in srgb,var(--tree-green) 60%,#000 40%),0 4px 12px color-mix(in srgb,var(--tree-green) 30%,transparent 70%),inset 0 1px #ffffff1a}._connectionCard_1qk4n_54._selected_1qk4n_99:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--tree-green),0 4px color-mix(in srgb,var(--tree-green) 50%,#000 50%),0 8px 20px color-mix(in srgb,var(--tree-green) 35%,transparent 65%),inset 0 1px #ffffff1a}._avatarWrapper_1qk4n_119{position:relative;width:56px;height:56px;cursor:pointer;border-radius:50%;transition:transform .15s ease;flex-shrink:0}._avatarWrapper_1qk4n_119:hover{transform:scale(1.08)}._avatarWrapper_1qk4n_119:focus-visible{outline:2px solid var(--tree-green);outline-offset:2px}._checkOverlay_1qk4n_138{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--tree-green) 92%,transparent 8%);border-radius:50%;animation:_checkFadeIn_1qk4n_1 .2s ease}@keyframes _checkFadeIn_1qk4n_1{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}._checkIcon_1qk4n_160{width:24px;height:24px;color:#fff}._userInfo_1qk4n_167{display:flex;flex-direction:column;gap:4px;width:100%;min-height:40px;overflow:hidden}._userName_1qk4n_176{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.3;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}._userProfession_1qk4n_190{font-size:12px;color:var(--text-secondary);line-height:1.3;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}._footer_1qk4n_207{display:flex;flex-direction:column;gap:16px;margin-top:auto;padding:20px 8px 8px;border-top:1px solid var(--border-primary);background:var(--elevation-01dp);position:sticky;bottom:0}._footerActions_1qk4n_219{display:flex;gap:16px;justify-content:center;align-items:center}._cancelButton_1qk4n_226,._confirmButton_1qk4n_227{padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:48px;min-width:120px}._cancelButton_1qk4n_226{background:var(--elevation-02dp);border:1px solid var(--border-primary);color:var(--text-primary);box-shadow:0 2px #00000026,0 2px 4px #0000001a}._cancelButton_1qk4n_226:hover{background:var(--elevation-04dp);border-color:var(--text-tertiary);transform:translateY(-1px);box-shadow:0 3px #0000001f,0 4px 8px #00000026}._cancelButton_1qk4n_226:active{transform:translateY(1px);box-shadow:0 1px #0003,0 1px 2px #0000001a}._confirmButton_1qk4n_227{background:var(--tree-green);border:none;color:#fff;box-shadow:0 3px color-mix(in srgb,var(--tree-green) 60%,#000 40%),0 4px 8px color-mix(in srgb,var(--tree-green) 40%,transparent 60%)}._confirmButton_1qk4n_227:hover:not(:disabled){background:var(--tree-green-hover);transform:translateY(-2px);box-shadow:0 5px color-mix(in srgb,var(--tree-green) 50%,#000 50%),0 8px 16px color-mix(in srgb,var(--tree-green) 45%,transparent 55%)}._confirmButton_1qk4n_227:active:not(:disabled){background:var(--tree-green-pressed);transform:translateY(2px);box-shadow:0 1px color-mix(in srgb,var(--tree-green) 70%,#000 30%),0 2px 4px color-mix(in srgb,var(--tree-green) 30%,transparent 70%)}._confirmButton_1qk4n_227:disabled{opacity:.5;cursor:not-allowed;background:color-mix(in srgb,var(--tree-green) 60%,var(--elevation-02dp) 40%);box-shadow:none}._findMoreLinkButton_1qk4n_298{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0;background:transparent;border:none;color:var(--tree-green);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}._findMoreLinkButton_1qk4n_298:hover{color:var(--tree-green-hover);transform:scale(1.02)}._findMoreLinkIcon_1qk4n_318{width:18px;height:18px}._loadingContainer_1qk4n_327{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:8px 4px;flex:1}._skeletonCard_1qk4n_335{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 12px 16px;background:var(--elevation-01dp);border-radius:16px;min-height:150px;box-shadow:0 2px #00000026,0 4px 8px #0000001a}._skeletonAvatar_1qk4n_349{width:56px;height:56px;border-radius:50%;background:linear-gradient(90deg,var(--elevation-02dp) 0%,var(--elevation-04dp) 50%,var(--elevation-02dp) 100%);background-size:200% 100%;animation:_skeletonShimmer_1qk4n_1 1.5s infinite}._skeletonText_1qk4n_363{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}._skeletonName_1qk4n_371{width:70%;height:14px;border-radius:6px;background:linear-gradient(90deg,var(--elevation-02dp) 0%,var(--elevation-04dp) 50%,var(--elevation-02dp) 100%);background-size:200% 100%;animation:_skeletonShimmer_1qk4n_1 1.5s infinite .1s}._skeletonProfession_1qk4n_385{width:50%;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--elevation-02dp) 0%,var(--elevation-04dp) 50%,var(--elevation-02dp) 100%);background-size:200% 100%;animation:_skeletonShimmer_1qk4n_1 1.5s infinite .2s}@keyframes _skeletonShimmer_1qk4n_1{0%{background-position:200% 0}to{background-position:-200% 0}}._errorContainer_1qk4n_412{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:48px 24px;text-align:center;flex:1}._errorText_1qk4n_423{color:var(--color-error, #f44336);font-size:15px;margin:0;font-weight:500}._retryButton_1qk4n_430{padding:12px 24px;background:var(--elevation-02dp);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;min-height:48px;box-shadow:0 2px #00000026,0 2px 4px #0000001a}._retryButton_1qk4n_430:hover{background:var(--elevation-04dp);transform:translateY(-1px);box-shadow:0 3px #0000001f,0 4px 8px #00000026}._retryButton_1qk4n_430:active{transform:translateY(1px);box-shadow:0 1px #0003,0 1px 2px #0000001a}._emptyContainer_1qk4n_465{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;text-align:center;flex:1}._emptyIcon_1qk4n_476{width:72px;height:72px;color:var(--text-tertiary);opacity:.5}._emptyTitle_1qk4n_483{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}._emptyText_1qk4n_490{font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:15px;color:var(--text-secondary);margin:0;max-width:280px;line-height:1.5}._findMoreButton_1qk4n_500{display:flex;align-items:center;gap:10px;padding:14px 24px;margin-top:12px;background:var(--tree-green);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:48px;box-shadow:0 3px color-mix(in srgb,var(--tree-green) 60%,#000 40%),0 4px 8px color-mix(in srgb,var(--tree-green) 40%,transparent 60%)}._findMoreButton_1qk4n_500:hover{background:var(--tree-green-hover);transform:translateY(-2px);box-shadow:0 5px color-mix(in srgb,var(--tree-green) 50%,#000 50%),0 8px 16px color-mix(in srgb,var(--tree-green) 45%,transparent 55%)}._findMoreButton_1qk4n_500:active{background:var(--tree-green-pressed);transform:translateY(2px);box-shadow:0 1px color-mix(in srgb,var(--tree-green) 70%,#000 30%),0 2px 4px color-mix(in srgb,var(--tree-green) 30%,transparent 70%)}._findMoreIcon_1qk4n_536{width:20px;height:20px}._fileUploadModal_723gz_9{min-height:280px;font-family:var(--font-sans)}._modalTitle_723gz_15{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-sans);font-weight:var(--font-weight-semibold)}._titleIcon_723gz_23{width:20px;height:20px;color:var(--text-primary)}._uploadContainer_723gz_30{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-md)}._conditionInfo_723gz_38{text-align:center}._conditionTitle_723gz_42{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;letter-spacing:var(--letter-spacing-tight)}._acceptedTypes_723gz_51{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--text-tertiary);margin:0;letter-spacing:var(--letter-spacing-normal)}._reviewNotice_723gz_60{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--accent-blue);margin:var(--spacing-sm) 0 0 0;padding:var(--spacing-xs) var(--spacing-sm);background:#82c2fe1a;border-radius:var(--radius-full)}._aiIcon_723gz_75{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--accent-blue-solid);color:#fff;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.5px}._privacySelector_723gz_91{display:flex;flex-direction:column;gap:var(--spacing-md)}._privacyLabel_723gz_97{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin:0;text-align:center}._privacyOptions_723gz_106{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);max-width:420px;margin:0 auto}._privacyOption_723gz_106{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--elevation-04dp);border:2px solid var(--border-medium);border-radius:16px;cursor:pointer;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .1s ease;text-align:left;min-height:72px;box-shadow:0 4px 0 var(--border-light)}._privacyOption_723gz_106:hover{background:var(--elevation-06dp);border-color:var(--text-tertiary);transform:translateY(-2px);box-shadow:0 6px 0 var(--border-light)}._privacyOption_723gz_106:focus{outline:none;border-color:var(--tree-green);box-shadow:0 4px 0 var(--tree-green)}._privacyOption_723gz_106:active{transform:translateY(2px);box-shadow:0 2px 0 var(--border-light)}._privacyOptionSelected_723gz_155{background:var(--tree-green);border-color:var(--tree-green);box-shadow:0 4px #3d7a45}._privacyOptionSelected_723gz_155:hover{background:var(--tree-green-hover);border-color:var(--tree-green-hover);transform:translateY(-2px);box-shadow:0 6px #3d7a45}._privacyOptionSelected_723gz_155:active{transform:translateY(2px);background:var(--tree-green-pressed);box-shadow:0 2px #3d7a45}._privacyIcon_723gz_175{width:36px;height:36px;flex-shrink:0;filter:brightness(0) invert(.9);transition:filter .12s ease,transform .12s ease}._privacyOption_723gz_106:hover ._privacyIcon_723gz_175{filter:brightness(0) invert(1);transform:scale(1.05)}._privacyOptionSelected_723gz_155 ._privacyIcon_723gz_175{filter:brightness(0) invert(1)}._privacyText_723gz_194{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}._privacyOptionLabel_723gz_203{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);line-height:1.2}._privacyOptionSelected_723gz_155 ._privacyOptionLabel_723gz_203{color:#fff}._privacyOptionDesc_723gz_217{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);letter-spacing:var(--letter-spacing-normal);line-height:1.3}._privacyOptionSelected_723gz_155 ._privacyOptionDesc_723gz_217{color:#ffffffd9}._selectedExpertBadge_723gz_231{display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;border:2px solid rgba(255,255,255,.5);border-radius:50%}:root[data-theme=light] ._privacyOption_723gz_106,[data-theme=light] ._privacyOption_723gz_106{background:var(--elevation-01dp);border-color:var(--border-medium);box-shadow:0 4px 0 var(--border-light)}:root[data-theme=light] ._privacyOption_723gz_106:hover,[data-theme=light] ._privacyOption_723gz_106:hover{background:var(--elevation-02dp);border-color:var(--border-strong);box-shadow:0 6px 0 var(--border-light)}:root[data-theme=light] ._privacyOptionSelected_723gz_155,[data-theme=light] ._privacyOptionSelected_723gz_155{background:var(--tree-green);border-color:var(--tree-green);box-shadow:0 4px #3d7a45}:root[data-theme=light] ._privacyOptionSelected_723gz_155:hover,[data-theme=light] ._privacyOptionSelected_723gz_155:hover{background:var(--tree-green-hover);box-shadow:0 6px #3d7a45}:root[data-theme=light] ._privacyIcon_723gz_175,[data-theme=light] ._privacyIcon_723gz_175{filter:brightness(0) invert(.2)}:root[data-theme=light] ._privacyOption_723gz_106:hover ._privacyIcon_723gz_175,[data-theme=light] ._privacyOption_723gz_106:hover ._privacyIcon_723gz_175{filter:brightness(0) invert(.1)}:root[data-theme=light] ._privacyOptionSelected_723gz_155 ._privacyIcon_723gz_175,[data-theme=light] ._privacyOptionSelected_723gz_155 ._privacyIcon_723gz_175{filter:brightness(0) invert(1)}._uploadZone_723gz_286{min-height:140px;border:2px dashed var(--border-light);border-radius:20px;background:var(--elevation-01dp);cursor:pointer;transition:all .2s ease}._uploadZone_723gz_286:hover{border-color:var(--accent-blue);background:#82c2fe0d}._selectedFileContainer_723gz_301{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-sm)}._selectedFile_723gz_301{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--elevation-02dp);border-radius:12px;border:1px solid var(--border-light)}._fileIcon_723gz_319{width:18px;height:18px;color:var(--accent-blue)}._fileName_723gz_325{flex:1;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._fileSize_723gz_336{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--text-tertiary)}._removeFileButton_723gz_344{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}._removeFileButton_723gz_344:hover{background:#f9267226;color:var(--accent-red)}._removeFileButton_723gz_344 svg{width:14px;height:14px}._submitButton_723gz_370{width:100%;padding:var(--spacing-md) var(--spacing-xl);background:var(--tree-green);color:#fff;border:none;border-radius:14px;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);cursor:pointer;transition:all .15s ease;min-height:var(--touch-target-comfortable);box-shadow:0 4px #3d7a45,0 6px 16px #509b5a59}._submitButton_723gz_370:hover{background:var(--tree-green-hover);transform:translateY(-2px);box-shadow:0 6px #3d7a45,0 10px 24px #509b5a66}._submitButton_723gz_370:active{transform:translateY(2px);background:var(--tree-green-pressed);box-shadow:0 2px #3d7a45,0 3px 8px #509b5a40}._statusContainer_723gz_400{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);min-height:180px}._statusText_723gz_410{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}._statusSubtext_723gz_418{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--text-tertiary);margin:0}._spinner_723gz_427{width:44px;height:44px;border:3px solid var(--border-light);border-top-color:var(--accent-blue-solid);border-radius:50%;animation:_spin_723gz_427 .8s linear infinite}@keyframes _spin_723gz_427{to{transform:rotate(360deg)}}._progressBar_723gz_443{width:100%;max-width:240px;height:8px;background:var(--elevation-02dp);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-light)}._progressFill_723gz_453{height:100%;background:var(--accent-blue-solid);border-radius:var(--radius-full);transition:width .3s ease}._progressText_723gz_460{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--accent-blue);margin:0}._aiReviewIcon_723gz_469{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--elevation-02dp);border-radius:50%;border:2px solid var(--border-light)}._aiPulse_723gz_480{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent-blue-solid);color:#fff;border-radius:50%;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.5px;animation:_pulse_723gz_1 2s ease-in-out infinite;box-shadow:0 3px #4a9eff66}@keyframes _pulse_723gz_1{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}._reviewingContainer_723gz_510{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);min-height:320px}._aiReviewIconLarge_723gz_520{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--accent-blue-solid) 0%,#3a7fd6 100%);border-radius:24px;box-shadow:0 6px #2a5fa8,0 10px 30px #4a9eff66}._aiIconText_723gz_533{font-family:var(--font-sans);font-size:28px;font-weight:var(--font-weight-black);color:#fff;letter-spacing:1px;text-shadow:0 2px 0 rgba(0,0,0,.2)}._reviewingTitle_723gz_542{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;letter-spacing:var(--letter-spacing-tight)}._reviewingSubtext_723gz_551{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary);margin:0}._reviewSteps_723gz_560{width:100%;max-width:280px;display:flex;flex-direction:column;gap:var(--spacing-md)}._reviewStepRow_723gz_568{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--elevation-01dp);border-radius:12px;border:1px solid var(--border-light);transition:all .2s ease}._reviewStepRow_723gz_568._reviewStepActive_723gz_579{background:var(--elevation-04dp);border-color:var(--accent-blue);box-shadow:0 2px 8px #4a9eff33}._reviewStepRow_723gz_568._reviewStepCompleted_723gz_585{background:#509b5a1a;border-color:var(--tree-green)}._reviewStepIcon_723gz_590{font-size:18px;width:24px;text-align:center}._reviewStepName_723gz_596{flex:1;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}._reviewStepActive_723gz_579 ._reviewStepName_723gz_596{color:var(--text-primary);font-weight:var(--font-weight-semibold)}._reviewStepCompleted_723gz_585 ._reviewStepName_723gz_596{color:var(--tree-green)}._reviewStepCheck_723gz_613{color:var(--tree-green);font-weight:700}._reviewStepBar_723gz_619{width:60px;height:6px;background:var(--elevation-02dp);border-radius:var(--radius-full);overflow:hidden}._reviewStepBarFill_723gz_627{height:100%;background:linear-gradient(90deg,var(--accent-blue) 0%,var(--accent-blue-solid) 100%);border-radius:var(--radius-full)}._resultContainer_723gz_634{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center}._resultIcon_723gz_643{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;font-size:28px}._resultIcon_723gz_643._success_723gz_653{background:var(--tree-green);color:#fff;box-shadow:0 3px #509b5a80}._resultIcon_723gz_643._failed_723gz_659{background:var(--accent-red);color:#fff;box-shadow:0 3px #f9267266}._resultIcon_723gz_643._error_723gz_665{background:var(--accent-red);color:#fff;font-weight:var(--font-weight-bold);box-shadow:0 3px #f9267266}._resultIcon_723gz_643 svg{width:28px;height:28px}._resultTitle_723gz_677{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;letter-spacing:var(--letter-spacing-tight)}._resultFeedback_723gz_686{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--text-secondary);max-width:280px;margin:0;line-height:var(--line-height-relaxed)}._errorText_723gz_696{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--accent-red);margin:0}._tokensAwarded_723gz_704{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--tree-green);margin:0;padding:var(--spacing-xs) var(--spacing-sm);background:#509b5a26;border-radius:var(--radius-full)}._resultActions_723gz_719{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}._doneButton_723gz_726,._retryButton_723gz_727,._closeButton_723gz_728{min-width:100px;padding:var(--spacing-sm) var(--spacing-lg);border-radius:12px;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .15s ease;min-height:var(--touch-target-comfortable);letter-spacing:var(--letter-spacing-wide)}._doneButton_723gz_726{background:var(--accent-blue-solid);color:#fff;border:none;box-shadow:0 4px #3a7fd6}._doneButton_723gz_726:hover{background:#5aabff;transform:translateY(-1px);box-shadow:0 5px #3a7fd6}._doneButton_723gz_726:active{transform:translateY(2px);box-shadow:0 2px #3a7fd6}._retryButton_723gz_727{background:var(--accent-blue-solid);color:#fff;border:none;box-shadow:0 4px #3a7fd6}._retryButton_723gz_727:hover{background:#5aabff;transform:translateY(-1px);box-shadow:0 5px #3a7fd6}._retryButton_723gz_727:active{transform:translateY(2px);box-shadow:0 2px #3a7fd6}._closeButton_723gz_728{background:var(--elevation-02dp);color:var(--text-secondary);border:none;box-shadow:0 4px 0 var(--border-light)}._closeButton_723gz_728:hover{background:var(--elevation-04dp);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 5px 0 var(--border-light)}._closeButton_723gz_728:active{transform:translateY(2px);box-shadow:0 2px 0 var(--border-light)}@media(max-width:480px){._uploadContainer_723gz_30{padding:var(--spacing-md) var(--spacing-sm)}._uploadZone_723gz_286{min-height:120px;border-radius:16px}._privacyOptions_723gz_106{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);max-width:none}._privacyOption_723gz_106{padding:var(--spacing-sm) var(--spacing-md);min-height:60px;border-radius:12px}._privacyIcon_723gz_175{width:28px;height:28px}._privacyOptionLabel_723gz_203{font-size:var(--font-size-sm)}._privacyOptionDesc_723gz_217{font-size:10px}._statusContainer_723gz_400,._resultContainer_723gz_634{padding:var(--spacing-lg)}._resultActions_723gz_719{flex-direction:column;width:100%}._doneButton_723gz_726,._retryButton_723gz_727,._closeButton_723gz_728{width:100%}}._qualityRating_723gz_855{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-xs) 0}._starsContainer_723gz_862{display:flex;gap:2px}._starFilled_723gz_867,._starEmpty_723gz_868{font-size:24px;line-height:1}._starFilled_723gz_867{color:#fc0;text-shadow:0 2px 0 #cc9f00}._starEmpty_723gz_868{color:var(--border-medium)}._totalScore_723gz_882{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-secondary);padding:4px 10px;background:var(--elevation-02dp);border-radius:var(--radius-full)}._criteriaScores_723gz_893{width:100%;max-width:280px;display:flex;flex-direction:column;gap:var(--spacing-sm);margin:var(--spacing-sm) 0}._criteriaRow_723gz_902{display:flex;align-items:center;gap:var(--spacing-sm)}._criteriaLabel_723gz_908{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);min-width:85px;text-align:left}._criteriaBarContainer_723gz_917{flex:1;height:10px;background:var(--elevation-02dp);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-light)}._criteriaBarFill_723gz_926{height:100%;background:linear-gradient(90deg,var(--accent-blue) 0%,var(--tree-green) 100%);border-radius:var(--radius-full)}._criteriaScore_723gz_893{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);min-width:40px;text-align:right}._findings_723gz_942{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs);margin:var(--spacing-xs) 0}._findingBadge_723gz_950{display:inline-flex;align-items:center;padding:4px 10px;background:#509b5a26;color:var(--tree-green);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:11px;font-weight:var(--font-weight-medium);line-height:1.2}._suggestions_723gz_964{width:100%;max-width:280px;text-align:left;margin:var(--spacing-sm) 0;padding:var(--spacing-md);background:var(--elevation-02dp);border-radius:12px;border:1px solid var(--border-light)}._suggestionsTitle_723gz_975{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0}._suggestionsList_723gz_983{margin:0;padding-left:var(--spacing-lg);list-style-type:disc}._suggestionsList_723gz_983 li{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--text-tertiary);line-height:var(--line-height-relaxed);margin-bottom:4px}._suggestionsList_723gz_983 li:last-child{margin-bottom:0}._multiFileContainer_723gz_1006{display:flex;flex-direction:column;gap:var(--spacing-md)}._multiFileHeader_723gz_1012{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-xs)}._multiFileProgress_723gz_1019{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);margin:0}._multiFileList_723gz_1027{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:200px;overflow-y:auto;padding:var(--spacing-xs);margin:0 calc(var(--spacing-xs) * -1)}._multiFileItem_723gz_1037{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--elevation-01dp);border:2px solid var(--border-light);border-radius:12px;cursor:pointer;transition:all .15s ease}._multiFileItem_723gz_1037:hover{background:var(--elevation-02dp);border-color:var(--text-tertiary)}._multiFileItemActive_723gz_1054{background:var(--elevation-04dp);border-color:var(--accent-blue);box-shadow:0 2px 8px #4a9eff33}._multiFileItemSelected_723gz_1060{background:#509b5a1a;border-color:var(--tree-green)}._multiFileItemNumber_723gz_1065{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--elevation-02dp);border-radius:50%;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-secondary);flex-shrink:0}._multiFileItemActive_723gz_1054 ._multiFileItemNumber_723gz_1065{background:var(--accent-blue);color:#fff}._multiFileItemSelected_723gz_1060 ._multiFileItemNumber_723gz_1065{background:var(--tree-green);color:#fff}._multiFileItemContent_723gz_1090{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}._multiFileItemDesc_723gz_1098{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._multiFileItemPending_723gz_1108{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--text-tertiary);font-style:italic}._multiFileItemFile_723gz_1116{display:flex;align-items:center;gap:var(--spacing-xs)}._fileIconSmall_723gz_1122{width:12px;height:12px;color:var(--tree-green);flex-shrink:0}._fileNameSmall_723gz_1129{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--tree-green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}._removeFileButtonSmall_723gz_1140{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease;flex-shrink:0}._removeFileButtonSmall_723gz_1140:hover{background:#f9267226;color:var(--accent-red)}._removeFileButtonSmall_723gz_1140 svg{width:10px;height:10px}._multiFileItemCheck_723gz_1166{width:18px;height:18px;color:var(--tree-green);flex-shrink:0}._multiFileUploadZone_723gz_1173{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--elevation-01dp);border:2px dashed var(--border-light);border-radius:16px}._multiFileUploadLabel_723gz_1183{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0;text-align:center}._multiFileUploadLabel_723gz_1183 strong{color:var(--text-primary)}._uploadZoneSmall_723gz_1196{min-height:80px;border:none;background:var(--elevation-02dp);border-radius:12px}@media(max-width:480px){._multiFileList_723gz_1027{max-height:160px}._multiFileItem_723gz_1037{padding:var(--spacing-xs) var(--spacing-sm)}._multiFileItemDesc_723gz_1098{font-size:var(--font-size-xs)}._fileNameSmall_723gz_1129{max-width:120px}}@media(prefers-reduced-motion:reduce){._doneButton_723gz_726,._retryButton_723gz_727,._closeButton_723gz_728,._spinner_723gz_427,._aiPulse_723gz_480,._criteriaBarFill_723gz_926,._privacyOption_723gz_106,._privacyIcon_723gz_175{transition:none;animation:none}}._expertReviewModal_1wadx_8{min-height:350px}._selectContainer_1wadx_13{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}._conditionInfo_1wadx_21{text-align:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary)}._conditionTitle_1wadx_27{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}._methodBadge_1wadx_34{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--elevation-02dp);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}._expertSection_1wadx_45{display:flex;flex-direction:column;gap:var(--spacing-sm)}._sectionTitle_1wadx_51{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0}._loading_1wadx_58{text-align:center;padding:var(--spacing-lg);color:var(--text-secondary)}._noConnections_1wadx_64{text-align:center;padding:var(--spacing-lg);background:var(--elevation-01dp);border-radius:var(--radius-md)}._noConnections_1wadx_64 p{margin:0;color:var(--text-secondary)}._hint_1wadx_76{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-xs)}._expertList_1wadx_83{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:200px;overflow-y:auto}._expertCard_1wadx_91{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--elevation-01dp);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left;min-height:var(--touch-target-comfortable)}._expertCard_1wadx_91:hover{background:var(--state-hover)}._expertCard_1wadx_91._selected_1wadx_109{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb, 139, 154, 127),.1)}._expertAvatar_1wadx_114{width:40px;height:40px;border-radius:50%;background:var(--elevation-02dp);display:flex;align-items:center;justify-content:center;overflow:hidden}._expertAvatar_1wadx_114 img{width:100%;height:100%;object-fit:cover}._expertAvatar_1wadx_114 svg{width:24px;height:24px;color:var(--text-tertiary)}._expertInfo_1wadx_137{flex:1;display:flex;flex-direction:column}._expertName_1wadx_143{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}._expertRole_1wadx_149{font-size:var(--font-size-xs);color:var(--text-secondary)}._selectedIcon_1wadx_154{width:20px;height:20px;color:var(--accent-primary)}._messageSection_1wadx_161{display:flex;flex-direction:column;gap:var(--spacing-xs)}._messageLabel_1wadx_167{font-size:var(--font-size-sm);color:var(--text-secondary)}._messageInput_1wadx_172{width:100%;padding:var(--spacing-sm);background:var(--elevation-01dp);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);resize:none;font-family:inherit}._messageInput_1wadx_172:focus{outline:none;border-color:var(--accent-primary)}._messageInput_1wadx_172::placeholder{color:var(--text-tertiary)}._actionButtons_1wadx_194{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}._statusContainer_1wadx_201{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);min-height:250px;text-align:center}._statusText_1wadx_212{font-size:var(--font-size-md);color:var(--text-primary);margin:0}._spinner_1wadx_219{width:48px;height:48px;border:3px solid var(--border-secondary);border-top-color:var(--accent-primary);border-radius:50%;animation:_spin_1wadx_219 1s linear infinite}@keyframes _spin_1wadx_219{to{transform:rotate(360deg)}}._pendingIcon_1wadx_235{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--elevation-02dp);border-radius:50%;animation:_pulse_1wadx_1 2s ease-in-out infinite}._pendingIcon_1wadx_235 svg{width:32px;height:32px;color:var(--accent-primary)}@keyframes _pulse_1wadx_1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}._pendingTitle_1wadx_263{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}._pendingText_1wadx_270{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:280px;margin:0}._pendingActions_1wadx_277{margin-top:var(--spacing-md)}._resultContainer_1wadx_282{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center}._resultIcon_1wadx_291{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;font-size:32px}._resultIcon_1wadx_291._approved_1wadx_301{background:rgba(var(--tree-green-rgb, 139, 154, 127),.2);color:var(--tree-green)}._resultIcon_1wadx_291._rejected_1wadx_306{background:rgba(var(--error-red-rgb, 220, 95, 86),.2);color:var(--error-red)}._resultIcon_1wadx_291._error_1wadx_311{background:rgba(var(--error-red-rgb, 220, 95, 86),.2);color:var(--error-red);font-weight:700}._resultIcon_1wadx_291 svg{width:32px;height:32px}._resultTitle_1wadx_322{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}._resultFeedback_1wadx_329{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic;max-width:300px;margin:0}._errorText_1wadx_337{font-size:var(--font-size-sm);color:var(--error-red);margin:0}._tokensAwarded_1wadx_343{font-size:var(--font-size-md);font-weight:600;color:var(--tree-green);margin:0}._resultActions_1wadx_351{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}._requestButton_1wadx_358,._doneButton_1wadx_359,._retryButton_1wadx_360,._closeButton_1wadx_361,._cancelButton_1wadx_362{min-width:100px;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;min-height:var(--touch-target-comfortable)}._requestButton_1wadx_358,._doneButton_1wadx_359,._retryButton_1wadx_360{flex:1;background:var(--accent-primary);color:var(--bg-primary);border:none}._requestButton_1wadx_358:hover,._doneButton_1wadx_359:hover,._retryButton_1wadx_360:hover{background:var(--accent-primary-hover)}._requestButton_1wadx_358:disabled{opacity:.5;cursor:not-allowed}._closeButton_1wadx_361,._cancelButton_1wadx_362{flex:1;background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary)}._closeButton_1wadx_361:hover,._cancelButton_1wadx_362:hover{background:var(--state-hover);color:var(--text-primary)}@media(max-width:480px){._selectContainer_1wadx_13{padding:var(--spacing-sm)}._expertList_1wadx_83{max-height:150px}._statusContainer_1wadx_201,._resultContainer_1wadx_282{padding:var(--spacing-lg)}._actionButtons_1wadx_194,._resultActions_1wadx_351{flex-direction:column}._requestButton_1wadx_358,._doneButton_1wadx_359,._retryButton_1wadx_360,._closeButton_1wadx_361,._cancelButton_1wadx_362{width:100%}}.test-email-form{display:flex;flex-direction:column;gap:1.5rem;max-width:100%}.test-email-success,.test-email-error{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:6px;font-size:.875rem;font-weight:500}.test-email-success{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.test-email-error{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.success-icon,.error-icon{font-size:1rem;flex-shrink:0}.test-email-field{display:flex;flex-direction:column;gap:.5rem}.test-email-label{font-size:.875rem;font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:.25rem}.test-email-input,.test-email-textarea{width:100%;padding:.75rem;border:2px solid var(--border-light, #e5e7eb);border-radius:6px;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-secondary, #ffffff);color:var(--text-primary, #1f2937);transition:border-color .2s ease,box-shadow .2s ease}.test-email-input:focus,.test-email-textarea:focus{outline:none;border-color:var(--text-primary, #495057);box-shadow:0 0 0 3px #4950571a}.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:var(--bg-disabled, #f9fafb);border-color:var(--border-disabled, #e5e7eb);color:var(--text-disabled, #9ca3af);cursor:not-allowed}.test-email-textarea{resize:vertical;min-height:120px}.test-email-field-error{font-size:.75rem;color:#dc2626;font-weight:500}.test-email-char-count{font-size:.75rem;color:var(--text-secondary, #6b7280);text-align:right}.test-email-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:#fffbeb;border:1px solid #fcd34d;border-radius:6px;font-size:.875rem;color:#92400e}.warning-icon{font-size:1rem;flex-shrink:0}.test-email-footer{display:flex;gap:1rem;justify-content:flex-end;align-items:center;padding-top:.5rem}.test-email-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;min-height:44px}.test-email-button:disabled{cursor:not-allowed;opacity:.6}.test-email-button-secondary{background-color:var(--bg-secondary, #f9fafb);color:var(--text-primary, #374151);border:2px solid var(--border-light, #e5e7eb)}.test-email-button-secondary:hover:not(:disabled){background-color:var(--bg-hover, #f3f4f6);border-color:var(--border-medium, #d1d5db)}.test-email-button-primary{background-color:var(--text-primary, #495057);color:#fff;border:2px solid var(--text-primary, #495057);font-weight:500}.test-email-button-primary:hover:not(:disabled){background-color:#212529;border-color:#212529;transform:translateY(-1px);box-shadow:0 2px 8px #49505726}.test-email-button-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #49505733}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.test-email-form{gap:1rem}.test-email-footer{flex-direction:column-reverse;gap:.75rem}.test-email-button{width:100%;justify-content:center}}.branch-invitation-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--spacing-lg);z-index:13000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.branch-invitation-modal{background:var(--bg-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);width:360px;max-width:90vw;overflow:hidden;animation:slideInFromRight .3s ease-out;position:relative}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.branch-invitation-modal__header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.branch-invitation-modal__avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-purple);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);flex-shrink:0}.branch-invitation-modal__info{flex:1;min-width:0}.branch-invitation-modal__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-invitation-modal__status{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.branch-invitation-modal__timer{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);font-family:Courier New,monospace;flex-shrink:0}.branch-invitation-modal__context{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm)}.branch-invitation-modal__context-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.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);text-align:right;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-invitation-modal__error{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:#ef44441a;color:var(--accent-red);font-size:var(--font-size-sm);border-bottom:1px solid rgba(239,68,68,.2)}.branch-invitation-modal__actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg)}.branch-invitation-modal__button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-height:48px;font-family:var(--font-family-modern)}.branch-invitation-modal__button:disabled{opacity:.6;cursor:not-allowed}.branch-invitation-modal__button--cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.branch-invitation-modal__button--cancel:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-red);color:var(--accent-red);transform:translateY(-1px);box-shadow:var(--shadow-md)}.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);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media(max-width:768px){.branch-invitation-modal-overlay{padding:var(--spacing-md);align-items:flex-end;justify-content:center}.branch-invitation-modal{width:100%;max-width:100%;animation:slideInFromBottom .3s ease-out}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}.regeneration-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-md, 16px)}.regeneration-modal{font-family:var(--font-sans, "Inter", system-ui, sans-serif);background:var(--elevation-12dp, #2a2b28);border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius-2xl, 28px);max-width:400px;width:100%;box-shadow:0 8px #00000040,0 24px 48px #0006;overflow:hidden}.regeneration-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg, 24px) var(--spacing-lg, 24px) var(--spacing-md, 16px)}.regeneration-modal-title-row{display:flex;align-items:center;gap:var(--spacing-sm, 8px)}.regeneration-modal-icon{color:var(--tree-green, #509b5a);width:24px;height:24px}.regeneration-modal-header h3{margin:0;font-family:var(--font-sans, "Inter", system-ui, sans-serif);font-size:var(--font-size-lg, 1.25rem);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #f8f8f2);letter-spacing:var(--letter-spacing-tight, -.02em)}.regeneration-modal-close{background:transparent;border:none;color:var(--text-tertiary, #a09f94);cursor:pointer;padding:var(--spacing-xs, 4px);border-radius:var(--border-radius-capsule, 999px);width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.regeneration-modal-close:hover{background:var(--state-hover, rgba(248, 245, 237, .08));color:var(--text-primary, #f8f8f2)}.regeneration-modal-close:disabled{opacity:.4;cursor:not-allowed}.regeneration-modal-content{padding:0 var(--spacing-lg, 24px) var(--spacing-md, 16px)}.regeneration-modal-description{margin:0 0 var(--spacing-md, 16px);font-family:var(--font-sans, "Inter", system-ui, sans-serif);font-size:var(--font-size-sm, .875rem);color:var(--text-secondary, #8b8772);line-height:var(--line-height-relaxed, 1.6)}.regeneration-modal-description strong{color:var(--tree-green, #509b5a);font-weight:var(--font-weight-semibold, 600)}.regeneration-modal-description em{color:var(--text-primary, #f8f8f2);font-style:normal;font-weight:var(--font-weight-medium, 500)}.regeneration-modal-cost-section{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, 8px);margin-bottom:var(--spacing-lg, 24px)}.regeneration-cost-badge{display:inline-flex;align-items:center;gap:6px;padding:var(--spacing-xs, 4px) var(--spacing-md, 16px);border-radius:var(--border-radius-capsule, 999px);font-family:var(--font-sans, "Inter", system-ui, sans-serif);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-semibold, 600)}.regeneration-cost-badge.free{background:#509b5a26;color:var(--tree-green, #509b5a);border:2px solid var(--tree-green, #509b5a)}.regeneration-cost-badge.free .cost-label{font-weight:var(--font-weight-bold, 700)}.regeneration-cost-badge.free .cost-detail{font-weight:var(--font-weight-regular, 400);opacity:.85}.regeneration-cost-badge.affordable{background:#d6ae5426;color:var(--color-golden, #d6ae54);border:2px solid var(--color-golden, #d6ae54)}.regeneration-cost-badge.insufficient{background:#f9267226;color:var(--accent-red, #f92672);border:2px solid var(--accent-red, #f92672)}.regeneration-cost-badge .cost-warning{font-size:var(--font-size-xs, .75rem);opacity:.8}.regeneration-cooldown-badge{display:inline-flex;align-items:center;gap:6px;padding:var(--spacing-xs, 4px) var(--spacing-md, 16px);border-radius:var(--border-radius-capsule, 999px);font-family:var(--font-sans, "Inter", system-ui, sans-serif);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);background:#fd971f26;color:var(--accent-orange, #fd971f);border:2px solid var(--accent-orange, #fd971f)}.regeneration-modal-feedback{margin-bottom:var(--spacing-sm, 8px)}.regeneration-modal-feedback label{display:block;font-family:var(--font-sans, "Inter", system-ui, sans-serif);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #f8f8f2);margin-bottom:var(--spacing-sm, 8px)}.regeneration-modal-feedback .optional-label{font-weight:var(--font-weight-regular, 400);color:var(--text-tertiary, #a09f94)}.regeneration-modal-feedback textarea{width:100%;min-height:80px;padding:var(--spacing-md, 16px);border-radius:var(--border-radius-xl, 20px);border:2px solid var(--border-color, #504d3e);background:var(--elevation-00dp, #1e1f1c);color:var(--text-primary, #f8f8f2);font-family:var(--font-sans, "Inter", system-ui, sans-serif);font-size:var(--font-size-sm, .875rem);line-height:var(--line-height-relaxed, 1.6);resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.regeneration-modal-feedback textarea:focus{outline:none;border-color:var(--tree-green, #509b5a);box-shadow:0 0 0 4px #509b5a33}.regeneration-modal-feedback textarea::placeholder{color:var(--text-tertiary, #a09f94)}.regeneration-modal-feedback textarea:disabled{opacity:.5;cursor:not-allowed}.feedback-char-count{text-align:right;font-family:var(--font-sans, "Inter", system-ui, sans-serif);font-size:var(--font-size-xs, .75rem);color:var(--text-tertiary, #a09f94);margin-top:var(--spacing-xs, 4px)}.regeneration-modal-error{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);border-radius:var(--border-radius-xl, 20px);background:#f926721a;border:2px solid rgba(249,38,114,.3);color:var(--accent-red, #f92672);font-family:var(--font-sans, "Inter", system-ui, sans-serif);font-size:var(--font-size-sm, .875rem);margin-top:var(--spacing-md, 16px)}.regeneration-modal-footer{display:flex;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 16px) var(--spacing-lg, 24px) var(--spacing-lg, 24px)}.regeneration-modal-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 16px) var(--spacing-lg, 24px);border-radius:var(--border-radius-capsule, 999px);font-family:var(--font-sans, "Inter", system-ui, sans-serif);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-semibold, 600);letter-spacing:var(--letter-spacing-wide, .025em);cursor:pointer;transition:all .15s ease;border:none;min-height:52px}.regeneration-modal-btn.cancel{background:transparent;border:2px solid var(--border-color, #504d3e);color:var(--text-secondary, #8b8772);box-shadow:0 4px #0003}.regeneration-modal-btn.cancel:hover:not(:disabled){background:var(--state-hover, rgba(248, 245, 237, .08));color:var(--text-primary, #f8f8f2);border-color:var(--text-secondary, #8b8772);transform:translateY(-2px);box-shadow:0 6px #00000040}.regeneration-modal-btn.cancel:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #00000026}.regeneration-modal-btn.confirm{background:var(--tree-green, #509b5a);color:#fff;box-shadow:0 4px 0 0 var(--tree-green-pressed, #3d7545),0 8px 16px #509b5a4d}.regeneration-modal-btn.confirm:hover:not(:disabled){background:var(--tree-green-hover, #5aad65);transform:translateY(-2px);box-shadow:0 6px 0 0 var(--tree-green-pressed, #3d7545),0 12px 24px #509b5a66}.regeneration-modal-btn.confirm:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 0 var(--tree-green-pressed, #3d7545),0 4px 8px #509b5a33}.regeneration-modal-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.spinning{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.regeneration-modal{max-width:none;margin:var(--spacing-sm, 8px);border-radius:var(--border-radius-2xl, 28px)}.regeneration-modal-header{padding:var(--spacing-md, 16px) var(--spacing-md, 16px) var(--spacing-sm, 8px)}.regeneration-modal-content{padding:0 var(--spacing-md, 16px) var(--spacing-sm, 8px)}.regeneration-modal-footer{padding:var(--spacing-sm, 8px) var(--spacing-md, 16px) var(--spacing-md, 16px);flex-direction:column-reverse;gap:var(--spacing-sm, 8px)}.regeneration-modal-btn{width:100%;min-height:48px}}.notification-toast-stack{position:fixed;z-index:10000;pointer-events:none;display:flex;flex-direction:column;gap:12px;max-width:100vw}.notification-toast-stack.position-top-left{top:24px;left:24px;align-items:flex-start}.notification-toast-stack.position-top-center{top:16px;left:50%;transform:translate(-50%);align-items:center}.notification-toast-stack.position-top-right{top:24px;right:24px;align-items:flex-end}.notification-toast-stack.position-bottom-left{bottom:24px;left:24px;align-items:flex-start;flex-direction:column-reverse}.notification-toast-stack.position-bottom-right{bottom:24px;right:24px;align-items:flex-end;flex-direction:column-reverse}.notification-toast{position:relative;pointer-events:all;font-family:var(--font-sans);opacity:0;transform-origin:center;transition:all .3s cubic-bezier(.16,1,.3,1)}.notification-toast.animating{opacity:1}.notification-toast.removing{pointer-events:none}.notification-toast.position-top-center.removing{animation:fadeOutTopCenter .4s cubic-bezier(.16,1,.3,1) forwards}.notification-toast.position-top-left.removing{animation:fadeOutTopLeft .4s cubic-bezier(.16,1,.3,1) forwards}.notification-toast.position-top-right.removing{animation:fadeOutTopRight .4s cubic-bezier(.16,1,.3,1) forwards}.notification-toast.position-bottom-left.removing{animation:fadeOutBottomLeft .4s cubic-bezier(.16,1,.3,1) forwards}.notification-toast.position-bottom-right.removing{animation:fadeOutBottomRight .4s cubic-bezier(.16,1,.3,1) forwards}.notification-toast-content{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-elevation-08dp);min-width:300px;max-width:500px;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);font-family:var(--font-sans);letter-spacing:var(--letter-spacing-normal);transition:transform var(--transition-fast) var(--ease-out-smooth),box-shadow var(--transition-fast) var(--ease-out-smooth);position:relative;overflow:hidden;line-height:var(--line-height-normal)}.notification-toast-content:hover{transform:translateY(-1px);box-shadow:var(--shadow-elevation-12dp)}.notification-toast-icon-wrapper{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notification-toast-icon{width:100%;height:100%;stroke-width:2}.notification-toast-text{flex:1;min-width:0;line-height:var(--line-height-normal, 1.5);word-wrap:break-word}.notification-toast-close{position:absolute;top:8px;right:8px;background:transparent;border:none;color:var(--text-secondary);font-size:20px;font-family:var(--font-sans);font-weight:var(--font-weight-regular, 400);cursor:pointer;padding:0;border-radius:var(--border-radius-sm, 6px);transition:all var(--transition-fast, .2s) var(--ease-out-smooth, ease);width:var(--touch-target-min, 24px);height:var(--touch-target-min, 24px);display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;opacity:0;pointer-events:none}.notification-toast-content:hover .notification-toast-close{opacity:1;pointer-events:auto}.notification-toast-close:hover{background:var(--state-hover);color:var(--text-primary);transform:scale(1.05)}.notification-toast-close:active{background:var(--state-pressed);transform:scale(1)}.notification-toast.variant-success .notification-toast-content{background:var(--accent-green);color:#fff;border:none}.notification-toast.variant-success .notification-toast-icon{color:#fff}.notification-toast.variant-success .notification-toast-close{color:#ffffffe6}.notification-toast.variant-success .notification-toast-close:hover{background:#ffffff26;color:#fff}.notification-toast.variant-error .notification-toast-content{background:var(--accent-red);color:#fff;border:none}.notification-toast.variant-error .notification-toast-icon{color:#fff}.notification-toast.variant-error .notification-toast-close{color:#ffffffe6}.notification-toast.variant-error .notification-toast-close:hover{background:#ffffff26;color:#fff}.notification-toast.variant-warning .notification-toast-content{background:var(--accent-orange);color:#fff;border:none}.notification-toast.variant-warning .notification-toast-icon{color:#fff}.notification-toast.variant-warning .notification-toast-close{color:#ffffffe6}.notification-toast.variant-warning .notification-toast-close:hover{background:#ffffff26;color:#fff}.notification-toast.variant-info .notification-toast-content{background:var(--elevation-08dp);color:var(--text-primary);border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));box-shadow:var(--shadow-elevation-08dp)}.notification-toast.variant-info .notification-toast-icon{color:var(--accent-blue-solid)}.notification-toast.variant-info .notification-toast-close{color:var(--text-secondary)}.notification-toast.variant-info .notification-toast-close:hover{background:var(--state-hover);color:var(--text-primary)}.notification-toast.variant-achievement .notification-toast-content{background:var(--accent-gold)!important;color:#fff!important;border:none!important;font-weight:var(--font-weight-semibold);font-family:var(--font-sans);box-shadow:0 4px 16px #d6ae5466,0 0 32px #d6ae5433!important}.notification-toast.variant-achievement .notification-toast-icon,.notification-toast.variant-achievement .notification-toast-text{color:#fff!important}.notification-toast.variant-achievement .notification-toast-close{color:#fff!important;background:transparent;border:1px solid rgba(255,255,255,.3);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);color:#fff;border:none}.notification-toast.variant-connection .notification-toast-icon{color:#fff}.notification-toast.variant-connection .notification-toast-close{color:#ffffffe6}.notification-toast.variant-connection .notification-toast-close:hover{background:#ffffff26;color:#fff}.notification-toast.animation-slide.animating{animation:slideInFromTop .4s cubic-bezier(.16,1,.3,1)}.notification-toast.animation-fade.animating{animation:fadeIn .3s ease-out}.notification-toast.animation-fade.removing{animation:fadeOut .3s ease-in}.notification-toast.animation-bounce.animating{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.notification-toast.animation-achievement-burst.animating{animation:achievementGraceful .5s cubic-bezier(.16,1,.3,1)}.notification-toast.variant-achievement.animation-achievement-burst .notification-toast-icon{animation:iconPulse .6s ease-out}@keyframes slideInFromTop{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes achievementGraceful{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes iconPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}to{transform:scale(1);opacity:1}}@keyframes fadeOutTopCenter,@keyframes fadeOutTopLeft,@keyframes fadeOutTopRight,@keyframes fadeOutBottomLeft,@keyframes fadeOutBottomRight{0% {opacity: 1; transform: translateY(0) scale(1);} 100% {opacity: 0; transform: translateY(-16px) scale(.95);}}@media(max-width:768px){.notification-toast-stack.position-top-left,.notification-toast-stack.position-top-right{left:12px;right:12px;top:12px;align-items:stretch}.notification-toast-stack.position-top-center{left:12px;right:12px;top:12px;transform:none;align-items:stretch}.notification-toast-stack.position-bottom-left,.notification-toast-stack.position-bottom-right{left:12px;right:12px;bottom:12px;align-items:stretch}.notification-toast-content{padding:12px 20px;font-size:var(--font-size-sm, 14px);min-width:180px;max-width:100%}.notification-toast-icon-wrapper{width:20px;height:20px}.notification-toast-stack{gap:8px}}.notification-test-panel-overlay{position:fixed;inset:0;background:#0000004d;z-index:9500;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notification-test-panel{position:relative;width:400px;max-width:90vw;max-height:80vh;max-height:80dvh;background:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:12px;box-shadow:0 8px 32px #0009;overflow-y:auto;font-family:var(--font-sans);z-index:9500;animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.test-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-primary);position:sticky;top:0;z-index:10}.test-panel-header h2{margin:0;color:var(--accent-gold);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide)}.test-panel-subtitle{margin:4px 0 0;font-size:var(--font-size-xs);color:var(--text-secondary);font-style:italic}.test-panel-close{background:var(--bg-button-overlay, rgba(255, 255, 255, .05));border:1px solid var(--border-color);color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.test-panel-close:hover{color:var(--accent-gold);background:var(--hover-bg-overlay, rgba(255, 255, 255, .1));border-color:var(--accent-gold);transform:scale(1.1)}.test-panel-section{padding:20px 24px;border-bottom:1px solid var(--border-color)}.test-panel-section:last-child{border-bottom:none}.test-panel-section h3{margin:0 0 16px;color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal)}.test-panel-description{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.test-panel-control{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.test-panel-control:last-child{margin-bottom:0}.test-panel-control label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:8px}.test-panel-control input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-gold)}.test-panel-select{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 12px;border-radius:6px;font-family:var(--font-sans);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;color-scheme:dark}.test-panel-select option{background:var(--bg-primary);color:var(--text-primary)}.test-panel-select:hover{border-color:var(--accent-gold)}.test-panel-select:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px #d6ae5433}.light-theme .test-panel-select{color-scheme:light}.light-theme .test-panel-select option{background:var(--bg-primary);color:var(--text-primary)}.test-panel-input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 12px;border-radius:6px;font-family:var(--font-sans);font-size:var(--font-size-sm);transition:all .2s ease}.test-panel-input::placeholder{color:var(--text-tertiary)}.test-panel-input:hover{border-color:var(--accent-gold)}.test-panel-input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px #d6ae5433}.test-panel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.test-panel-button{background:var(--bg-primary);border:2px solid var(--border-color);color:var(--text-primary);padding:16px;border-radius:8px;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.test-panel-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.test-panel-button:active{transform:translateY(0)}.test-button-icon{font-size:24px;line-height:1}.test-button-label{text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-size:var(--font-size-xs)}.system-test-button{padding:12px;gap:6px}.test-button-description{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:none;letter-spacing:normal;font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);text-align:center}.system-test-button:hover .test-button-description{color:var(--text-secondary)}.test-panel-button-wide{background:var(--accent-gold);color:var(--text-ink, #1a1a1a);border:2px solid var(--accent-gold);padding:14px 24px;border-radius:8px;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .2s ease;width:100%;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.test-panel-button-wide:hover{background:var(--accent-orange);border-color:var(--accent-orange);transform:translateY(-2px);box-shadow:0 6px 20px #d6ae5466}.test-panel-button-wide:active{transform:translateY(0)}.test-panel-footer{padding:16px 24px;background:var(--bg-primary);border-top:1px solid var(--border-color)}.test-panel-footer p{margin:0;color:var(--text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.test-panel-footer strong{color:var(--accent-gold);font-weight:var(--font-weight-semibold)}@media(max-width:600px){.notification-test-panel{width:100vw;max-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{display:flex;align-items:center;gap:6px;padding:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:2px;cursor:pointer;font-family:Courier New,monospace;font-size:10px;color:#fff;text-align:left;transition:background .1s}.system-test-button:hover{background:#ffffff1a;border-color:#6496ff80}.system-test-button .test-icon{font-size:16px;flex-shrink:0}.system-test-button .test-info{display:flex;flex-direction:column;gap:2px;flex:1}.system-test-button .test-label{font-size:11px;font-weight:700;color:#fff}.system-test-button .test-description{font-size:9px;color:#fff9}.diagnostic-section{margin-bottom:6px;border:1px solid rgba(255,255,255,.1);border-radius:2px;font-size:9px}.diagnostic-summary{cursor:pointer;font-weight:700;padding:4px 6px;background:#ffffff0d;font-size:10px;-webkit-user-select:none;user-select:none}.diagnostic-summary:hover{background:#ffffff14}.diagnostic-details{padding:6px;background:#0000004d;font-family:Courier New,monospace}.diagnostic-row{display:flex;justify-content:space-between;padding:3px 0;font-size:9px;border-bottom:1px solid rgba(255,255,255,.05)}.diagnostic-row:last-child{border-bottom:none}.diagnostic-label{color:#fff9;flex-shrink:0;margin-right:8px}.diagnostic-value{color:#fff;text-align:right;word-break:break-all;font-size:9px}.diagnostic-value-highlight{color:#0ff;font-weight:700}.diagnostic-status-box{margin-top:6px;padding:6px;border-radius:2px;font-size:9px;line-height:1.4}.diagnostic-actions{margin-top:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1)}.diagnostic-actions-title{font-weight:700;margin-bottom:4px;font-size:10px}.diagnostic-actions-grid{display:flex;flex-wrap:wrap;gap:4px}.diagnostic-action-button{padding:4px 8px;border-radius:2px;border:1px solid rgba(255,255,255,.2);cursor:pointer;font-size:9px;font-family:Courier New,monospace;transition:background .1s}.diagnostic-action-button:hover:not(:disabled){background:#ffffff1a}.diagnostic-action-button:disabled{cursor:not-allowed;opacity:.3}.dump-button{background:#f003;color:#fff;border-color:#f006}.test-call-button{background:#0f03;color:#fff;border-color:#0f06}.call-control-actions{display:flex;flex-direction:column;gap:12px}.call-control-status{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#a6e22e1a;border-left:3px solid var(--accent-green);border-radius:4px;font-weight:500}.status-indicator{font-size:20px;line-height:1}.status-indicator.active{color:var(--accent-green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.call-control-hint{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.4}.start-debug-call-button{background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));color:var(--text-primary);font-weight:600;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.start-debug-call-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #a6e22e4d}.end-debug-call-button{background:linear-gradient(135deg,#ff6b6b,#ff4757);color:#fff;font-weight:600;padding:10px 16px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.end-debug-call-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.preset-scenarios{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.preset-button{padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-button:hover{background:var(--bg-tertiary);border-color:var(--accent-green);transform:translateY(-1px)}.preset-button.active{background:#a6e22e26;border-color:var(--accent-green);color:var(--accent-green);font-weight:600}.preset-button.clear-button{background:#ff6b6b1a;border-color:#ff6b6b4d;color:#ff6b6b}.preset-button.clear-button:hover{background:#ff6b6b33;border-color:#ff6b6b}.add-participant-form{display:flex;gap:8px}.participant-name-input{flex:1;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;transition:all .2s ease}.participant-name-input:focus{outline:none;border-color:var(--accent-green);background:var(--bg-tertiary)}.participant-name-input::placeholder{color:var(--text-tertiary)}.add-participant-button{padding:8px 16px;background:var(--accent-green);border:none;border-radius:6px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-participant-button:hover:not(:disabled){background:var(--accent-blue);transform:translateY(-1px)}.add-participant-button:disabled{opacity:.4;cursor:not-allowed}.participants-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.participant-item{padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.participant-item:hover{background:var(--bg-tertiary);border-color:var(--accent-green)}.participant-item.local{border-color:var(--accent-green);background:#a6e22e0d}.participant-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.participant-name{font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.local-badge{font-size:11px;font-weight:500;color:var(--accent-green);background:#a6e22e26;padding:2px 6px;border-radius:4px}.participant-controls{display:flex;gap:6px}.control-button{padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;font-size:16px;cursor:pointer;transition:all .2s ease;line-height:1}.control-button:hover{background:var(--bg-primary);transform:scale(1.05)}.control-button.active{background:#a6e22e1a;border-color:var(--accent-green)}.control-button.video-button.active,.control-button.audio-button.active{background:#63a23f26;border-color:var(--accent-green)}.control-button.remove-button{background:#ff6b6b1a;border-color:#ff6b6b4d}.control-button.remove-button:hover{background:#ff6b6b33;border-color:#ff6b6b}.participant-state{display:flex;gap:8px;margin-top:8px}.state-badge{font-size:11px;font-weight:500;padding:4px 8px;border-radius:4px;border:1px solid transparent}.state-badge.video-on,.state-badge.audio-on{background:#a6e22e1a;border-color:#a6e22e4d;color:var(--accent-green)}.state-badge.video-off,.state-badge.audio-off{background:#75715e1a;border-color:#75715e4d;color:var(--text-tertiary)}.instructions-content{font-size:13px;line-height:1.6;color:var(--text-secondary)}.instructions-content h4{margin:0 0 8px;color:var(--text-primary);font-size:14px;font-weight:600}.instructions-content ol,.instructions-content ul{margin:0 0 16px;padding-left:20px}.instructions-content li{margin-bottom:6px}.instructions-content strong{color:var(--accent-green);font-weight:600}.participants-list::-webkit-scrollbar{width:8px}.participants-list::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.participants-list::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:4px}.participants-list::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.light-theme .start-debug-call-button,.light-theme .end-debug-call-button,.light-theme .add-participant-button{color:#fff}.light-theme .state-badge.video-off,.light-theme .state-badge.audio-off{background:#7a6f631a;border-color:#7a6f634d}.call-invitation-test-module .diagnostic-value-small{font-size:var(--font-size-xs);word-break:break-all}.call-invitation-test-module .diagnostic-value-highlight{font-weight:var(--font-weight-semibold);color:var(--accent-green)}.test-mode-selector{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.test-mode-option{display:flex;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.test-mode-option:hover{background:var(--bg-tertiary);border-color:var(--accent-blue)}.test-mode-option input[type=radio]{margin-top:2px;cursor:pointer}.test-mode-option input[type=radio]:checked+.test-mode-label{color:var(--accent-green)}.test-mode-label{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.test-mode-description{font-size:var(--font-size-xs);color:var(--text-secondary)}.online-users-quick-select{margin-bottom:var(--spacing-md)}.quick-select-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.online-users-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.quick-select-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-full);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.quick-select-button:hover{background:var(--bg-tertiary);border-color:var(--accent-blue);transform:translateY(-1px)}.quick-select-button.active{background:var(--accent-green);border-color:var(--accent-green);color:var(--bg-primary)}.quick-select-avatar{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--border-radius-full);background:var(--accent-blue);color:var(--text-on-accent);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs)}.quick-select-button.active .quick-select-avatar{background:var(--bg-overlay-dark)}.quick-select-name{font-weight:var(--font-weight-medium)}.manual-user-input{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.target-user-input,.target-username-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-mono);transition:border-color var(--transition-fast)}.target-user-input:focus,.target-username-input:focus{outline:none;border-color:var(--accent-blue)}.input-hint{font-size:var(--font-size-xs);padding:var(--spacing-xs);border-radius:var(--border-radius-xs)}.input-hint.loading{color:var(--accent-orange);background:var(--bg-warning-overlay)}.input-hint.error{color:var(--accent-red);background:var(--bg-danger-overlay)}.input-hint.success{color:var(--accent-green);background:var(--bg-success-overlay)}.call-type-selector{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.call-type-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.call-type-options{display:flex;gap:var(--spacing-sm)}.call-type-option{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.call-type-option:hover{background:var(--bg-tertiary);border-color:var(--accent-blue)}.call-type-option input[type=radio]{cursor:pointer}.call-type-option input[type=radio]:checked~span{color:var(--accent-green);font-weight:var(--font-weight-semibold)}.test-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.test-action-button{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.test-action-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-blue);transform:translateY(-1px)}.test-action-button:active:not(:disabled){transform:translateY(0)}.test-action-button:disabled{opacity:.5;cursor:not-allowed}.simulate-incoming-button{border-color:var(--accent-green);color:var(--accent-green)}.simulate-incoming-button:hover:not(:disabled){background:var(--bg-success-overlay);border-color:var(--accent-green)}.simulate-outgoing-button{border-color:var(--accent-blue);color:var(--accent-blue)}.simulate-outgoing-button:hover:not(:disabled){background:var(--bg-info-overlay);border-color:var(--accent-blue)}.simulate-acceptance-button{border-color:var(--accent-green);color:var(--accent-green)}.simulate-acceptance-button:hover:not(:disabled){background:var(--bg-success-overlay);border-color:var(--accent-green)}.reset-button{border-color:var(--accent-orange);color:var(--accent-orange)}.reset-button:hover:not(:disabled){background:var(--bg-warning-overlay);border-color:var(--accent-orange)}.instructions-content{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.instructions-content h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--accent-green);margin:var(--spacing-sm) 0 var(--spacing-xs) 0}.instructions-content h4:first-child{margin-top:0}.instructions-content ol,.instructions-content ul{margin:var(--spacing-xs) 0;padding-left:20px}.instructions-content li{margin:var(--spacing-xs) 0}.instructions-content ul ul{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.instructions-content strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.online-users-status{padding:6px;background:#ffffff08;border-radius:2px;margin-bottom:6px;font-size:9px}.connection-state-row{display:flex;justify-content:space-between;margin-bottom:4px}.connection-label{font-size:9px;color:#fff9}.connection-state-indicator{display:flex;align-items:center;gap:4px}.connection-dot{width:6px;height:6px;border-radius:50%}.connection-text{font-size:9px;font-weight:700}.ws-refresh-button{width:100%;padding:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:2px;color:#fff;font-size:9px;font-family:Courier New,monospace;cursor:pointer}.ws-refresh-button:hover{background:#ffffff1a}.user-context-section{padding:6px;background:#0003;margin-bottom:6px;font-family:Courier New,monospace;font-size:9px}.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 rgba(255,255,255,.1);border-radius:2px}.list-header{padding:4px 6px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);font-size:10px;font-weight:700}.online-users-list{max-height:200px;overflow-y:auto}.empty-users-state{padding:12px;text-align:center;color:#fff6;font-size:9px}.online-user-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.05);font-size:9px}.online-user-item:last-child{border-bottom:none}.user-avatar-placeholder{width:20px;height:20px;border-radius:50%;background:#6496ff80;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;flex-shrink:0}.user-info{flex:1}.user-name{font-size:10px;font-weight:700;color:#fff}.user-id-debug{font-size:8px;color:#fff6}.user-status-indicator{display:flex;align-items:center;gap:3px}.status-dot{width:6px;height:6px;border-radius:50%}.status-text{font-size:8px;color:#fff9}.debugger-control-section{margin-bottom:8px;padding:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:2px}.debugger-control-header{display:flex;align-items:center;gap:4px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.1)}.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{display:flex;justify-content:space-between;align-items:center;gap:6px}.toggle-label{font-size:9px;color:#fff9}.toggle-button{padding:3px 8px;border-radius:2px;border:1px solid;cursor:pointer;font-size:9px;font-family:Courier New,monospace;font-weight:700;min-width:60px}.toggle-button.enabled{background:#0f03;border-color:#0f06;color:#0f0}.toggle-button.disabled{background:#ffffff0d;border-color:#ffffff1a;color:#fff9}.control-hint{font-size:8px;color:#fff6;font-style:italic;padding:2px 0}.control-hint code{background:#0000004d;padding:1px 3px;border-radius:2px;font-family:Courier New,monospace;color:#0ff}.log-level-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.log-level-button{padding:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:2px;color:#fff;font-size:9px;font-family:Courier New,monospace;cursor:pointer}.log-level-button:hover{background:#ffffff1a}.log-level-button.active{background:#6496ff4d;border-color:#6496ff99;font-weight:700}.component-filter-input{width:100%;padding:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:2px;color:#fff;font-size:9px;font-family:Courier New,monospace}.component-filter-input:focus{outline:none;border-color:#6496ff80}.component-filter-input::placeholder{color:#ffffff4d}.component-filter-actions{display:flex;gap:3px}.filter-action-button{flex:1;padding:4px;border-radius:2px;border:1px solid;cursor:pointer;font-size:9px;font-family:Courier New,monospace}.apply-button{background:#6496ff33;border-color:#6496ff66;color:#5af}.clear-button{background:#ff00001a;border-color:#ff00004d;color:#ff6464cc}.flush-logs-button{width:100%;padding:4px;background:#9664ff33;border:1px solid rgba(150,100,255,.4);border-radius:2px;color:#c9f;font-size:9px;font-family:Courier New,monospace;cursor:pointer}.console-utilities-info{font-size:9px;color:#fff9;line-height:1.4}.console-utilities-info p{margin:0 0 4px}.utilities-list{margin:0;padding-left:16px;list-style:disc}.utilities-list li{margin-bottom:2px}.utilities-list code{background:#0000004d;padding:1px 3px;border-radius:2px;font-family:Courier New,monospace;color:#0f0;font-size:8px}.resource-curation-module{font-size:12px}.rcm-status{padding:6px 10px;background:var(--elevation-02dp, #2d2e2b);border-radius:4px;margin-bottom:10px;font-size:11px;color:var(--text-secondary, #b0afa5)}.rcm-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--border-color, #3d3e3a);padding-bottom:8px}.rcm-tabs button{padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-secondary, #b0afa5);cursor:pointer;font-size:11px;transition:all .2s ease}.rcm-tabs button:hover{background:var(--state-hover, rgba(248, 245, 237, .08))}.rcm-tabs button.active{background:var(--accent-primary, #8b9a7f);color:var(--text-primary, #f8f5ed);border-color:var(--accent-primary, #8b9a7f)}.rcm-tab-content{padding:4px 0}.rcm-form-row{margin-bottom:10px}.rcm-form-row label{display:block;margin-bottom:4px;font-size:11px;color:var(--text-secondary, #b0afa5);font-weight:500}.rcm-form-row input,.rcm-form-row textarea,.rcm-form-row select{width:100%;padding:6px 8px;background:var(--elevation-01dp, #262723);border:1px solid var(--border-color, #3d3e3a);border-radius:4px;color:var(--text-primary, #f8f5ed);font-size:12px;font-family:inherit}.rcm-form-row input:focus,.rcm-form-row textarea:focus,.rcm-form-row select:focus{outline:none;border-color:var(--accent-primary, #8b9a7f)}.rcm-form-row textarea{resize:vertical;min-height:60px}.rcm-form-row.rcm-inline{display:flex;gap:10px}.rcm-form-row.rcm-inline>div{flex:1}.rcm-checkbox-group{display:flex;flex-wrap:wrap;gap:8px}.rcm-checkbox{display:flex;align-items:center;gap:4px;font-size:11px;cursor:pointer}.rcm-checkbox input{width:auto;margin:0}.rcm-btn{padding:6px 12px;background:var(--elevation-02dp, #2d2e2b);border:1px solid var(--border-color, #3d3e3a);border-radius:4px;color:var(--text-primary, #f8f5ed);cursor:pointer;font-size:11px;transition:all .2s ease}.rcm-btn:hover:not(:disabled){background:var(--state-hover, rgba(248, 245, 237, .08));border-color:var(--accent-primary, #8b9a7f)}.rcm-btn:disabled{opacity:.5;cursor:not-allowed}.rcm-btn-primary{background:var(--accent-primary, #8b9a7f);border-color:var(--accent-primary, #8b9a7f)}.rcm-btn-primary:hover:not(:disabled){background:var(--accent-primary-hover, #7a8970)}.rcm-btn-secondary{background:transparent;border-color:var(--accent-primary, #8b9a7f);color:var(--accent-primary, #8b9a7f)}.rcm-btn-group{display:flex;gap:8px;margin-top:10px}.rcm-parsed-preview{margin-top:12px;padding:10px;background:var(--elevation-01dp, #262723);border-radius:4px}.rcm-parsed-preview h4{margin:0 0 8px;font-size:11px;color:var(--text-secondary, #b0afa5)}.rcm-parsed-list{max-height:200px;overflow-y:auto;margin-bottom:10px}.rcm-parsed-item-wrapper{margin-bottom:4px}.rcm-parsed-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--elevation-02dp, #2d2e2b);border-radius:4px}.rcm-expand-btn{width:18px;height:18px;padding:0;background:transparent;border:none;color:var(--text-secondary, #b0afa5);cursor:pointer;font-size:10px;line-height:1;flex-shrink:0}.rcm-expand-btn:hover{color:var(--text-primary, #f8f5ed)}.rcm-parsed-name{flex:1;font-size:11px;color:var(--text-primary, #f8f5ed);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rcm-cost-badge{font-size:9px;padding:2px 5px;border-radius:3px;background:var(--color-warning, #f0b050);color:#1e1f1c;font-weight:500;flex-shrink:0}.rcm-parsed-url{font-size:10px;color:var(--text-tertiary, #7a796d);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rcm-remove-btn{width:18px;height:18px;padding:0;background:transparent;border:none;color:var(--color-error, #f47067);cursor:pointer;font-size:14px;line-height:1;flex-shrink:0}.rcm-parsed-details{padding:8px 8px 8px 26px;background:var(--elevation-01dp, #262723);border-radius:0 0 4px 4px;margin-top:-4px;font-size:10px}.rcm-detail-row{display:flex;gap:6px;margin-bottom:4px}.rcm-detail-row:last-child{margin-bottom:0}.rcm-detail-label{color:var(--text-tertiary, #7a796d);min-width:60px;flex-shrink:0}.rcm-detail-value{color:var(--text-secondary, #b0afa5);word-break:break-word}.rcm-detail-value.rcm-url{color:var(--accent-primary, #8b9a7f)}.rcm-detail-description{flex-direction:column;gap:2px}.rcm-detail-description .rcm-detail-value{margin-left:0}.rcm-search-results{margin-top:12px}.rcm-search-results h4{margin:0 0 8px;font-size:11px;color:var(--text-secondary, #b0afa5)}.rcm-result-item{padding:10px;background:var(--elevation-01dp, #262723);border-radius:4px;margin-bottom:8px}.rcm-result-header{display:flex;gap:8px;margin-bottom:6px}.rcm-tier-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:500}.rcm-tier-badge.curated{background:var(--color-success, #7ee787);color:#1e1f1c}.rcm-tier-badge.fresh{background:var(--color-info, #79c0ff);color:#1e1f1c}.rcm-result-type{font-size:10px;color:var(--text-tertiary, #7a796d)}.rcm-result-name{font-size:12px;color:var(--text-primary, #f8f5ed);margin-bottom:4px}.rcm-result-url{font-size:10px;color:var(--accent-primary, #8b9a7f);text-decoration:none;display:block;margin-bottom:4px}.rcm-result-url:hover{text-decoration:underline}.rcm-result-topics{display:flex;flex-wrap:wrap;gap:4px}.rcm-topic-tag{padding:2px 6px;background:var(--elevation-02dp, #2d2e2b);border-radius:3px;font-size:10px;color:var(--text-secondary, #b0afa5)}.rcm-fresh-guidance{font-size:11px}.rcm-guidance-platforms,.rcm-guidance-queries{margin:6px 0;color:var(--text-secondary, #b0afa5)}.rcm-guidance-platforms strong,.rcm-guidance-queries strong{color:var(--text-primary, #f8f5ed)}.rcm-example-resource{padding:6px 8px;background:var(--elevation-02dp, #2d2e2b);border-radius:4px;margin-top:6px}.rcm-example-type{color:var(--accent-primary, #8b9a7f);font-weight:500}.rcm-example-hint{font-size:10px;color:var(--text-tertiary, #7a796d);margin-top:4px}.rcm-stats-content{margin-top:12px}.rcm-stat-card{text-align:center;padding:16px;background:var(--elevation-01dp, #262723);border-radius:6px;margin-bottom:12px}.rcm-stat-value{font-size:28px;font-weight:600;color:var(--accent-primary, #8b9a7f)}.rcm-stat-label{font-size:11px;color:var(--text-secondary, #b0afa5);margin-top:4px}.rcm-stat-section{margin-bottom:12px}.rcm-stat-section h4{margin:0 0 8px;font-size:11px;color:var(--text-secondary, #b0afa5)}.rcm-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.rcm-stat-item{display:flex;justify-content:space-between;padding:6px 10px;background:var(--elevation-01dp, #262723);border-radius:4px}.rcm-stat-item-label{font-size:11px;color:var(--text-secondary, #b0afa5)}.rcm-stat-item-value{font-size:11px;font-weight:600;color:var(--text-primary, #f8f5ed)}.cost-tracking-module .debug-module-content{padding:var(--spacing-sm);font-size:11px}.cost-toggle-section{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);background:var(--elevation-overlay-02dp);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.cost-toggle-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.cost-toggle-checkbox{width:14px;height:14px;cursor:pointer}.cost-toggle-text{font-weight:500}.cost-toggle-status{font-size:10px;padding:2px 6px;border-radius:var(--radius-xs);background:var(--bg-secondary);color:var(--text-secondary)}.cost-toggle-status.active{background:var(--accent-warning);color:var(--text-primary);font-weight:600}.cost-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.cost-summary-item{display:flex;flex-direction:column;padding:var(--spacing-xs);background:var(--elevation-overlay-01dp);border-radius:var(--radius-xs);text-align:center}.cost-summary-item.highlight{background:var(--accent-success-muted)}.cost-label{font-size:9px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.cost-value{font-size:13px;font-weight:600;color:var(--text-primary)}.cost-breakdown{margin-bottom:var(--spacing-sm)}.cost-breakdown-title{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:var(--spacing-xs);padding-bottom:2px;border-bottom:1px solid var(--border-subtle)}.cost-breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;border-bottom:1px solid var(--border-subtle)}.cost-breakdown-row:last-child{border-bottom:none}.cost-model-name,.cost-op-name{font-weight:500;color:var(--text-primary)}.cost-model-stats,.cost-op-stats{font-size:10px;color:var(--text-secondary)}.cost-timestamps{display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted);padding:var(--spacing-xs) 0;border-top:1px solid var(--border-subtle);margin-top:var(--spacing-xs)}.cost-actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.cost-action-btn{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-size:10px;font-weight:500;border:none;border-radius:var(--radius-xs);cursor:pointer;background:var(--bg-elevated);color:var(--text-primary);transition:background .15s ease}.cost-action-btn:hover:not(:disabled){background:var(--state-hover)}.cost-action-btn:disabled{opacity:.5;cursor:not-allowed}.cost-action-btn.danger{background:var(--accent-error-muted);color:var(--accent-error)}.cost-action-btn.danger:hover:not(:disabled){background:var(--accent-error);color:var(--text-primary)}.cost-recent{margin-top:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px solid var(--border-subtle)}.cost-recent-row{display:grid;grid-template-columns:60px 1fr 50px 50px;gap:var(--spacing-xs);padding:3px 0;font-size:10px;border-bottom:1px solid var(--border-subtle);align-items:center}.cost-recent-row:last-child{border-bottom:none}.cost-recent-time{color:var(--text-muted);font-family:monospace}.cost-recent-op{color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cost-recent-tokens{color:var(--text-secondary);text-align:right}.cost-recent-timing{color:var(--accent-success);font-weight:600;text-align:right;font-family:monospace}.cost-recent-timing.slow{color:var(--accent-warning)}.cost-loading,.cost-error{padding:var(--spacing-sm);text-align:center;font-size:11px}.cost-error{color:var(--accent-error)}.debug-panel{width:400px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);background:#000000f2;border:1px solid rgba(255,255,255,.2);border-radius:4px;box-shadow:0 8px 32px #000c;font-family:Courier New,monospace;font-size:11px;color:#e0e0e0;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.debug-panel.dragging{cursor:move;opacity:.9}.debug-panel-header{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);cursor:move;flex-shrink:0}.debug-panel-drag-handle{color:#ffffff4d;font-size:12px;letter-spacing:-2px;cursor:move}.debug-panel-title{flex:1;font-size:12px;font-weight:700;color:#fff}.debug-panel-actions{display:flex;gap:4px}.debug-panel-action-btn,.debug-panel-close-btn{padding:2px 6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:2px;color:#fff;font-size:11px;cursor:pointer;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{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding:8px}.debug-module{margin-bottom:6px;border:1px solid rgba(255,255,255,.15);border-radius:2px;background:#ffffff05}.debug-module-header{width:100%;padding:6px 8px;background:#ffffff0d;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;color:#fff;font-family:Courier New,monospace;text-align:left;transition:background .1s}.debug-module-header:hover{background:#ffffff14}.debug-module-chevron{color:#ffffff80;font-size:10px}.debug-module-content{padding:8px;font-size:10px;line-height:1.4;max-height:400px;overflow-y:auto}.debug-panel-body::-webkit-scrollbar,.debug-module-content::-webkit-scrollbar{width:6px}.debug-panel-body::-webkit-scrollbar-track,.debug-module-content::-webkit-scrollbar-track{background:#ffffff0d}.debug-panel-body::-webkit-scrollbar-thumb,.debug-module-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.debug-panel-body::-webkit-scrollbar-thumb:hover,.debug-module-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.debug-section{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.debug-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.debug-section-title{font-size:11px;font-weight:700;color:#fff;margin-bottom:6px;opacity:.9}.debug-grid{display:flex;flex-direction:column;gap:4px}.debug-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:2px 0}.debug-label{color:#fff9;font-size:10px;flex-shrink:0;min-width:100px}.debug-value{color:#fff;font-size:10px;text-align:right;word-break:break-word;flex:1}.debug-module-icon{margin-right:6px}.debug-module-toggle{color:#ffffff80;font-size:10px}@media(max-width:768px){.debug-panel{width:calc(100vw - 20px);max-height:calc(100vh - 20px);left:10px!important;top:10px!important}.debug-panel-header{padding:8px 10px}.debug-panel-title{font-size:13px}.debug-module-content{max-height:300px}.debug-label{min-width:80px;font-size:9px}.debug-value{font-size:9px}}.mock-video-grid{width:100%;height:100%;display:grid;gap:8px;padding:12px;background:var(--bg-primary, #0a0a0a);border-radius:8px;overflow:auto}.mock-video-grid.empty{display:flex;align-items:center;justify-content:center;min-height:400px}.empty-state{text-align:center;color:var(--text-secondary, #888)}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text{font-size:18px;font-weight:500;margin-bottom:8px;color:var(--text-primary, #e0e0e0)}.empty-hint{font-size:14px;opacity:.7}.mock-video-grid.grid-1{grid-template-columns:1fr}.mock-video-grid.grid-2,.mock-video-grid.grid-4{grid-template-columns:repeat(2,1fr)}.mock-video-grid.grid-6,.mock-video-grid.grid-9{grid-template-columns:repeat(3,1fr)}.mock-video-grid.grid-many{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mock-video-tile{position:relative;border-radius:12px;overflow:hidden;background:#1a1a1a;border:2px solid var(--border-color, #333);min-height:180px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mock-video-tile:hover{border-color:var(--accent-primary, #a6e22e);transform:scale(1.02)}.mock-video-tile.local-participant{border-color:var(--accent-primary, #a6e22e);border-width:3px}.video-content{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.video-placeholder{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.animated-gradient{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%{transform:translate(-50%) translateY(-50%) rotate(0)}50%{transform:translate(25%) translateY(25%) rotate(180deg)}to{transform:translate(-50%) translateY(-50%) rotate(360deg)}}.participant-initials{position:relative;z-index:2;font-size:48px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.video-off-state{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-secondary, #888)}.video-off-icon{font-size:36px;opacity:.6}.participant-initials-large{font-size:42px;font-weight:700;color:var(--text-primary, #e0e0e0);opacity:.8}.tile-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);z-index:3}.participant-name-badge{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.you-badge{background:var(--accent-primary, #a6e22e);color:var(--bg-primary, #0a0a0a);padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.audio-indicator{font-size:16px;padding:4px 6px;border-radius:6px;background:#0006}.audio-indicator.audio-on{background:#a6e22e33}.audio-indicator.audio-off{background:#ff3b3b33}.network-indicator{position:absolute;top:8px;right:8px;background:#0009;padding:4px 6px;border-radius:6px;font-size:14px;z-index:3;color:var(--success-color, #a6e22e)}@media(max-width:768px){.mock-video-grid{gap:6px;padding:8px}.mock-video-tile{min-height:140px}.participant-initials{font-size:36px}}@media(prefers-reduced-motion:reduce){.animated-gradient{animation:none}.mock-video-tile:hover{transform:none}}.debug-call-view{width:100%;height:100vh;display:flex;flex-direction:column;background:var(--bg-primary, #0a0a0a);position:relative}.debug-mode-badge{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;background:#ffc10726;border:2px solid rgba(255,193,7,.5);border-radius:8px;padding:8px 16px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-icon{font-size:20px}.badge-text{font-size:14px;font-weight:700;color:#ffc107;letter-spacing:.5px}.badge-hint{font-size:12px;color:var(--text-secondary, #888);margin-left:8px;padding-left:8px;border-left:1px solid rgba(255,193,7,.3)}.debug-video-container{flex:1;overflow:hidden;padding:80px 16px 16px}.debug-call-controls{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary, #1a1a1a);border-top:1px solid var(--border-color, #333)}.leave-call-button{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#ff3b3b,#c00);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.leave-call-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff3b3b66}.leave-call-button:active{transform:translateY(0)}.button-icon{font-size:20px;transform:rotate(135deg)}.button-text{font-weight:600}.controls-hint{font-size:13px;color:var(--text-secondary, #888);text-align:center;max-width:500px}.controls-hint strong{color:var(--accent-primary, #a6e22e)}.debug-instructions{position:absolute;bottom:80px;right:16px;max-width:350px;z-index:100}.instructions-details{background:#1a1a1af2;border:1px solid var(--border-color, #333);border-radius:8px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.instructions-summary{padding:12px 16px;font-size:14px;font-weight:600;color:var(--text-primary, #e0e0e0);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:8px}.instructions-summary::-webkit-details-marker{display:none}.instructions-summary:hover{background:#a6e22e1a}.instructions-content{padding:0 16px 16px;font-size:13px;color:var(--text-secondary, #888)}.instructions-content ul{margin:0;padding-left:20px;list-style:disc}.instructions-content li{margin:8px 0;line-height:1.5}.instructions-content strong{color:var(--text-primary, #e0e0e0);font-weight:600}@media(max-width:768px){.debug-mode-badge{top:8px;left:8px;padding:6px 12px;flex-wrap:wrap}.badge-hint{display:none}.debug-video-container{padding:60px 8px 8px}.debug-instructions{bottom:90px;right:8px;max-width:calc(100vw - 16px)}}:root{--grey-lightest: #f7f9fa;--white: #ffffff;--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}html,body{position:relative;width:100%;height:100%;overflow:hidden}body{color:#333;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}