@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}html{scroll-behavior:smooth}body{min-height:100vh;min-height:100dvh;line-height:var(--line-height-normal)}: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;top:0;right:0;bottom:0;left:0;background-color:var(--grain-color);background-image:var(--grain-texture);background-repeat:repeat;background-size:var(--grain-size);background-blend-mode:multiply;opacity:var(--grain-opacity);pointer-events:none;border-radius:inherit}}@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}}}@layer tokens{:root{--brand-green: #5efa82;--brand-green-hot: #d1fff5;--brand-green-ink: #14712a;--brand-blue: #4ac7f7;--brand-gold: #ecbb48;--brand-blue-ink: #00779c;--brand-gold-ink: #8c6800;--brand-ground: #171814;--brand-ink: #f8f5ed;--brand-font-sans: "Google Sans Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--brand-font-serif: "Newsreader", "Georgia", "Times New Roman", serif;--brand-font-mono: "Martian Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--brand-ease-out: cubic-bezier(.22, 1, .36, 1);--brand-ease-in-out: cubic-bezier(.65, 0, .35, 1);--brand-dur-hover: .22s;--brand-focus-color: var(--brand-green);--brand-focus-width: 2px;--brand-focus-offset: 2px;--brand-ok: #7fbf8a;--brand-warn: #fd971f;--brand-danger: #f92672}}@layer tokens;@layer tokens{:root{--hue-base: #272822;--hue-text: #f8f8f2;--hue-learn: #4ac7f7;--hue-earn: #ecbb48;--hue-connect: #55a861;--hue-collab: #3b82f6;--hue-accent: #8b9a7f;--hue-warning: #fd971f;--hue-danger: #f92672;--world-space: #0a0e1a;--world-water: #050a15;--world-land: #1e4a2a;--world-state: #ffffff;--world-county: #ffd700;--world-graticule: var(--overlay-subtle);--world-outline: #888;--world-coastline: rgba(255, 255, 255, .35);--world-border: rgba(255, 255, 255, .35);--world-county-line: rgba(255, 255, 255, .25);--world-graticule-line: rgba(255, 255, 255, .1)}:root,body{color-scheme:dark;--monokai-bg: var(--hue-base);--monokai-bg-darker: color-mix(in srgb, var(--hue-base) 60%, black);--monokai-bg-lighter: color-mix(in srgb, var(--hue-base) 90%, var(--hue-text));--monokai-fg: var(--hue-text);--monokai-yellow: #e6db74;--monokai-orange: var(--hue-warning);--monokai-red: var(--hue-danger);--monokai-magenta: #fd5ff0;--monokai-blue: var(--hue-learn);--monokai-green: color-mix(in srgb, var(--hue-connect) 60%, var(--hue-text));--monokai-gray: color-mix(in srgb, var(--hue-text) 45%, var(--hue-base));--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);--surface-control: var(--elevation-01dp);--text-primary: var(--monokai-fg);--text-secondary: #8b8772;--text-tertiary: #a09f94;--text-quaternary: #7a7970;--text-charcoal: #b0a590;--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);--divider-faint: var(--border-light);--divider-soft: var(--border-color);--divider-strong: color-mix( in srgb, var(--text-primary) 40%, transparent );--accent-blue: var(--hue-learn);--accent-green: var(--monokai-green);--accent-orange: var(--hue-warning);--accent-yellow: var(--monokai-yellow);--accent-red: var(--hue-danger);--accent-purple: var(--monokai-magenta);--accent-green-rgb: 166, 226, 46;--accent-gold: var(--hue-earn);--accent-gold-light: color-mix(in srgb, var(--hue-earn) 75%, var(--hue-text));--bloom-accent: #d99a4e;--accent-button-base: #282924;--accent-button-ink: #fff8ec;--tree-green: var(--hue-connect);--tree-green-light: color-mix(in srgb, var(--hue-connect) 65%, var(--hue-text));--tree-green-hover: color-mix(in srgb, var(--tree-green) 85%, black);--tree-green-pressed: color-mix(in srgb, var(--tree-green) 75%, black);--accent-sage: var(--hue-accent);--accent-primary: var(--accent-sage);--error: var(--hue-danger);--color-error: var(--hue-danger);--category-learn: var(--hue-connect);--category-learn-bg: color-mix(in srgb, var(--hue-connect) 8%, transparent);--category-learn-accent: color-mix(in srgb, var(--hue-connect) 75%, var(--hue-text));--category-learn-rgb: 85, 168, 97;--category-earn: var(--hue-earn);--category-earn-bg: color-mix(in srgb, var(--hue-earn) 8%, transparent);--category-earn-accent: color-mix(in srgb, var(--hue-earn) 75%, var(--hue-text));--category-earn-rgb: 236, 187, 72;--category-connect: var(--hue-learn);--category-connect-bg: color-mix(in srgb, var(--hue-learn) 8%, transparent);--category-connect-accent: color-mix(in srgb, var(--hue-learn) 75%, var(--hue-text));--category-connect-rgb: 74, 199, 247;--category-collab: var(--hue-collab);--category-collab-bg: color-mix(in srgb, var(--hue-collab) 8%, transparent);--category-collab-accent: color-mix(in srgb, var(--hue-collab) 75%, var(--hue-text));--gauge-level-glow-learn: color-mix(in srgb, var(--hue-connect) 60%, white);--gauge-level-glow-connect: color-mix(in srgb, var(--hue-learn) 60%, white);--gauge-level-glow-earn: color-mix(in srgb, var(--hue-earn) 60%, white);--rarity-uncommon: #4caf82;--rarity-rare: #7c6af7;--rarity-double-rare: #f5a623;--rarity-uncommon-bg: color-mix(in srgb, var(--rarity-uncommon) 14%, transparent);--rarity-rare-bg: color-mix(in srgb, var(--rarity-rare) 14%, transparent);--rarity-double-rare-bg: color-mix(in srgb, var(--rarity-double-rare) 14%, transparent);--pulse-growing: #d4b87a;--pulse-growing-rgb: 212, 184, 122;--pulse-ripe: #8b9a7f;--pulse-ripe-rgb: 139, 154, 127;--pulse-reviews: #66b2b2;--pulse-reviews-rgb: 102, 178, 178;--pulse-streak: #ff9800;--pulse-streak-rgb: 255, 152, 0;--pulse-file-review: #8a9aa5;--pulse-file-review-rgb: 138, 154, 165;--capsule-learn-color: var(--category-learn);--capsule-earn-color: var(--category-earn);--capsule-connect-color: var(--category-connect);--wikilink-color: var(--accent-gold-light);--capsule-opacity-bg: 75%;--capsule-opacity-border: 65%;--capsule-opacity-accent: 85%;--capsule-opacity-hover: 85%;--deck-card-opacity-top: 1;--deck-card-opacity-second: .9;--deck-card-opacity-third: .75;--ink-learn: var(--hue-connect);--ink-connect: var(--hue-learn);--ink-earn: var(--hue-earn);--category-learn-on-light: var(--ink-learn);--category-earn-on-light: var(--ink-earn);--category-connect-on-light: var(--ink-connect);--moss-base-dark: #3a5a40;--moss-base-light: #8fb087;--moss-rust-orange-dark: rgb(150, 80, 35);--moss-rust-brown-dark: rgb(82, 62, 50);--moss-rust-orange-light: rgb(178, 105, 55);--moss-rust-brown-light: rgb(112, 92, 76);--neglect-rust-color: var(--moss-rust-brown-dark);--board-grid-dusk: #7a7458;--board-hex-ground: #7a7458;--board-metahex-ground: #514f43;--board-grid-line: rgba(122, 116, 88, .22);--golden-path-color: #f6c453;--golden-path-glow-color: #ffd97a;--node-priority-icon-color: #ffd27a;--capsule-mental-color: var(--capsule-learn-color);--capsule-spiritual-color: var(--capsule-learn-color);--capsule-professional-color: var(--capsule-earn-color);--capsule-financial-color: var(--capsule-earn-color);--capsule-physical-color: var(--capsule-connect-color);--capsule-social-color: var(--capsule-connect-color);--block-overview: var(--monokai-gray);--block-concept: var(--hue-learn);--block-technique: var(--hue-warning);--block-insight: var(--bloom-evaluate);--block-question: var(--bloom-create);--block-asset: var(--hue-earn);--block-what: var(--block-concept);--block-how: var(--block-technique);--block-why: var(--block-insight);--block-check: var(--block-technique);--block-paragraph: var(--block-concept);--block-definition: var(--block-concept);--block-example: var(--block-technique);--block-evidence: var(--block-concept);--condition-dialogue: var(--hue-learn);--condition-guided-learning: var(--monokai-green);--condition-resource-review: var(--monokai-gray);--condition-quiz: var(--bloom-create);--condition-file-upload: var(--hue-warning);--condition-expert-review: var(--bloom-evaluate);--condition-call: var(--hue-earn);--condition-peer: var(--bloom-evaluate);--resource-book: var(--hue-learn);--resource-video: var(--hue-warning);--resource-article: var(--monokai-gray);--resource-course: var(--bloom-create);--resource-documentation: var(--monokai-green);--resource-tool: var(--bloom-evaluate);--resource-podcast: var(--hue-earn);--resource-paper: var(--hue-learn);--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(--hue-danger);--priority-high: var(--hue-warning);--priority-medium: var(--hue-learn);--priority-low: var(--text-secondary);--state-hover: color-mix(in srgb, var(--hue-text) 8%, transparent);--state-focus: color-mix(in srgb, var(--hue-text) 12%, transparent);--state-pressed: color-mix(in srgb, var(--hue-text) 12%, transparent);--state-selected: color-mix(in srgb, var(--hue-text) 16%, transparent);--state-dragged: color-mix(in srgb, var(--hue-text) 16%, transparent);--state-activated: color-mix(in srgb, var(--hue-text) 24%, transparent);--state-disabled-text: color-mix(in srgb, var(--hue-text) 38%, transparent);--state-disabled-bg: color-mix(in srgb, var(--hue-text) 12%, transparent);--bg-success: color-mix(in srgb, var(--hue-connect) 12%, transparent);--bg-warning: color-mix(in srgb, var(--hue-warning) 12%, transparent);--bg-danger: color-mix(in srgb, var(--hue-danger) 12%, transparent);--bg-info: color-mix(in srgb, var(--hue-learn) 12%, transparent);--peer-edit-pulse-duration: 1.5s;--peer-edit-tint-strong: color-mix( in srgb, var(--peer-accent, var(--hue-warning)) 35%, transparent );--peer-edit-tint-soft: color-mix( in srgb, var(--peer-accent, var(--hue-warning)) 12%, transparent );--peer-cursor-label-bg: color-mix( in srgb, var(--peer-accent, var(--hue-warning)) 90%, transparent );--selection-border-color: color-mix(in srgb, var(--hue-accent) 70%, transparent);--selection-border-width: 2px;--selection-ring-color: color-mix(in srgb, var(--hue-accent) 40%, transparent);--selection-ring-width: 2px;--selection-glow: color-mix(in srgb, var(--hue-accent) 25%, transparent);--selection-glow-bright: color-mix(in srgb, var(--hue-accent) 30%, transparent);--selection-ring-bright: color-mix(in srgb, var(--hue-accent) 50%, transparent);--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);--dormancy-settling-opacity: .85;--dormancy-settling-saturate: .8;--dormancy-dormant-opacity: .6;--dormancy-dormant-saturate: .45;--dormancy-hibernating-opacity: .4;--dormancy-hibernating-saturate: .25;--message-dimmed-opacity: .4;--message-dimmed-hover-opacity: .7;--focus-ring-color: rgba(130, 194, 254, .6);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-blue: var(--focus-ring-color);--spotlight-referent: color-mix(in srgb, var(--text-primary) 15%, transparent);--spotlight-referent-strong: color-mix(in srgb, var(--text-primary) 24%, transparent);--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);--status-online: #22c55e;--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: var(--chrome-surface);--sidebar-text: var(--chrome-text-tertiary);--sidebar-active: var(--monokai-green);--sidebar-hover: var(--chrome-surface-hover);--sidebar-border: var(--chrome-divider);--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: #5efa82;--map-arc-suggested: #5efa82;--gradient-blue-green: linear-gradient(-45deg, #121314, #1c1a1e, #101010, #090d11);--gradient-blue-green-2: linear-gradient(-45deg, #134e5e, #71b280, #1cb5e0, #2c3e50);--gradient-garden-dawn: linear-gradient( 175deg, color-mix(in srgb, var(--hue-earn) 16%, var(--bg-primary)) 0%, color-mix(in srgb, var(--hue-earn) 5%, var(--bg-primary)) 45%, var(--bg-primary) 85% );--gradient-garden-day: linear-gradient( 175deg, color-mix(in srgb, var(--moss-base-dark) 18%, var(--bg-primary)) 0%, color-mix(in srgb, var(--moss-base-dark) 6%, var(--bg-primary)) 45%, var(--bg-primary) 85% );--gradient-dusk: linear-gradient( 175deg, color-mix(in srgb, var(--board-grid-dusk) 22%, var(--bg-primary)) 0%, color-mix(in srgb, var(--hue-earn) 6%, var(--bg-primary)) 50%, var(--bg-primary) 88% );--gradient-moss: radial-gradient( ellipse 115% 82% at 50% 22%, color-mix(in srgb, var(--moss-base-dark) 22%, transparent) 0%, color-mix(in srgb, var(--moss-base-dark) 7%, transparent) 46%, transparent 78% );--bloom-remember: #6ab56f;--bloom-understand: #4a9eff;--bloom-apply: #e6db74;--bloom-analyze: #fd971f;--bloom-evaluate: #f47e8a;--bloom-create: #c78dfa;--srs-forgot: var(--bloom-evaluate);--srs-hard: var(--bloom-apply);--srs-easy: var(--bloom-remember);--srs-outcome-reset: var(--bloom-evaluate);--srs-outcome-ok: var(--bloom-apply);--srs-outcome-good: var(--bloom-remember)}.light-theme{--gradient-garden-dawn: linear-gradient( 175deg, color-mix(in srgb, var(--hue-earn) 10%, var(--bg-primary)) 0%, color-mix(in srgb, var(--hue-earn) 3%, var(--bg-primary)) 45%, var(--bg-primary) 82% );--gradient-garden-day: linear-gradient( 175deg, color-mix(in srgb, var(--moss-base-light) 12%, var(--bg-primary)) 0%, color-mix(in srgb, var(--moss-base-light) 4%, var(--bg-primary)) 45%, var(--bg-primary) 82% );--gradient-dusk: linear-gradient( 175deg, color-mix(in srgb, var(--board-grid-dusk) 16%, var(--bg-primary)) 0%, color-mix(in srgb, var(--hue-earn) 4%, var(--bg-primary)) 50%, var(--bg-primary) 85% );--gradient-moss: radial-gradient( ellipse 115% 82% at 50% 22%, color-mix(in srgb, var(--moss-base-light) 26%, transparent) 0%, color-mix(in srgb, var(--moss-base-light) 9%, transparent) 46%, transparent 78% );--board-grid-dusk: #b3a988;--board-hex-ground: #81704f;--board-metahex-ground: #81704f;--board-grid-line: rgba(106, 96, 62, .4);--golden-path-color: #c8860d;--golden-path-glow-color: #e0a52a;--node-priority-icon-color: #b87e12;--neglect-rust-color: var(--moss-rust-brown-light);--divider-strong: rgba(69, 58, 45, .6)}}@layer tokens{:root{--elevation-00dp: var(--monokai-bg-darker, #1e1f1c);--elevation-01dp: color-mix(in srgb, var(--monokai-bg-darker, #1e1f1c) 96.5%, #f8f5ed 3.5%);--elevation-02dp: color-mix(in srgb, var(--monokai-bg-darker, #1e1f1c) 95.5%, #f8f5ed 4.5%);--elevation-04dp: color-mix(in srgb, var(--monokai-bg-darker, #1e1f1c) 94%, #f8f5ed 6%);--elevation-06dp: color-mix(in srgb, var(--monokai-bg-darker, #1e1f1c) 92.5%, #f8f5ed 7.5%);--elevation-08dp: color-mix(in srgb, var(--monokai-bg-darker, #1e1f1c) 91.5%, #f8f5ed 8.5%);--elevation-12dp: color-mix(in srgb, var(--monokai-bg-darker, #1e1f1c) 91%, #f8f5ed 9%);--elevation-16dp: color-mix(in srgb, var(--monokai-bg-darker, #1e1f1c) 90.5%, #f8f5ed 9.5%);--elevation-24dp: color-mix(in srgb, var(--monokai-bg-darker, #1e1f1c) 90%, #f8f5ed 10%);--elevation-overlay-01dp: rgba(248, 245, 237, .04);--elevation-overlay-02dp: rgba(248, 245, 237, .05);--elevation-overlay-04dp: rgba(248, 245, 237, .065);--elevation-overlay-06dp: rgba(248, 245, 237, .08);--elevation-overlay-08dp: rgba(248, 245, 237, .09);--elevation-overlay-12dp: rgba(248, 245, 237, .1);--elevation-overlay-16dp: rgba(248, 245, 237, .11);--elevation-overlay-24dp: rgba(248, 245, 237, .12);--scrim-on-media: rgba(20, 20, 20, .55);--scrim-on-media-strong: rgba(20, 20, 20, .7);--scrim-on-media-ink: #f8f5ed;--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);--shadow-inset-socket: inset 0 2px 6px rgba(0, 0, 0, .18), inset 0 0 0 1px rgba(0, 0, 0, .06);--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, .06);--glass-blur: blur(12px);--glass-blur-strong: blur(20px);--glass-shadow: 0 8px 32px rgba(30, 31, 28, .34), 0 0 0 1px var(--elevation-overlay-06dp);--glass-bg-dark: rgba(34, 35, 32, .78);--glass-bg-dark-strong: rgba(34, 35, 32, .9);--glass-bg-dark-subtle: rgba(34, 35, 32, .58);--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, .08);--glass-border-dark-subtle: rgba(255, 255, 255, .05);--glass-border-dark-strong: rgba(255, 255, 255, .12);--glass-shadow-dark: 0 8px 32px rgba(0, 0, 0, .36);--glass-shadow-dark-strong: 0 12px 48px rgba(0, 0, 0, .46);--glass-shadow-dark-subtle: 0 4px 16px rgba(0, 0, 0, .24);--glass-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .05);--glass-inset-highlight-strong: inset 0 1px 0 rgba(255, 255, 255, .08);--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: var(--bg-primary);--glass-overlay-border: transparent;--glass-overlay-shadow: 0 0 0 1px rgba(255, 255, 255, .025), 0 2px 8px rgba(0, 0, 0, .16);--glass-overlay-radius: var(--border-radius-xl);--glass-overlay-divider: transparent;--glass-overlay-section-bg: transparent;--overlay-scrim: rgba(10, 12, 9, .62);--overlay-scrim-blur: none;--overlay-content-width: 680px;--overlay-content-width-lg: 960px;--organic-modal-bg: rgba(30, 31, 28, .9);--organic-modal-bg-blur: blur(20px);--organic-modal-border: 1px solid rgba(248, 245, 237, .06);--organic-modal-border-radius: var(--border-radius-2xl, 28px);--organic-modal-shadow: 0 24px 48px rgba(0, 0, 0, .46), 0 0 0 1px rgba(248, 245, 237, .03), inset 0 1px 0 rgba(255, 255, 255, .03);--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%)}}@layer tokens{:root,body{--md-surface: var(--bg-primary);--md-surface-dim: var(--elevation-00dp);--md-surface-bright: var(--elevation-04dp);--md-surface-container-lowest: var(--elevation-00dp);--md-surface-container-low: var(--elevation-01dp);--md-surface-container: var(--elevation-02dp);--md-surface-container-high: var(--elevation-04dp);--md-surface-container-highest: var(--elevation-06dp);--md-surface-variant: var(--bg-secondary);--md-on-surface: var(--text-primary);--md-on-surface-variant: var(--text-secondary);--md-on-surface-muted: var(--text-tertiary);--md-outline: var(--border-color);--md-outline-variant: var(--border-light);--md-primary: var(--accent-primary);--md-on-primary: var(--text-on-accent);--md-primary-container: var(--category-learn-bg);--md-on-primary-container: var(--text-primary);--md-error: var(--error, var(--hue-danger));--md-on-error: var(--text-on-accent);--md-scrim: var(--overlay-scrim, var(--overlay-dark-modal, rgba(0, 0, 0, .6)));--on-surface: var(--md-on-surface);--on-surface-variant: var(--md-on-surface-variant);--on-primary: var(--md-on-primary);--outline-variant: var(--md-outline-variant);--tone-connect-20: color-mix(in srgb, var(--hue-connect) 20%, var(--hue-base));--tone-connect-40: color-mix(in srgb, var(--hue-connect) 40%, var(--hue-base));--tone-connect-60: color-mix(in srgb, var(--hue-connect) 60%, var(--hue-base));--tone-connect-80: color-mix(in srgb, var(--hue-connect) 80%, var(--hue-base));--tone-learn-20: color-mix(in srgb, var(--hue-learn) 20%, var(--hue-base));--tone-learn-40: color-mix(in srgb, var(--hue-learn) 40%, var(--hue-base));--tone-learn-60: color-mix(in srgb, var(--hue-learn) 60%, var(--hue-base));--tone-learn-80: color-mix(in srgb, var(--hue-learn) 80%, var(--hue-base));--tone-earn-20: color-mix(in srgb, var(--hue-earn) 20%, var(--hue-base));--tone-earn-40: color-mix(in srgb, var(--hue-earn) 40%, var(--hue-base));--tone-earn-60: color-mix(in srgb, var(--hue-earn) 60%, var(--hue-base));--tone-earn-80: color-mix(in srgb, var(--hue-earn) 80%, var(--hue-base))}}@layer tokens;@layer tokens{:root{--grain-texture: url(/images/bgnoise.webp);--grain-size: 256px;--grain-size-light: 256px;--grain-opacity: .06;--grain-opacity-light: .06;--grain-color: #ffffff;--grain-color-light: #e4bd82;--grain-blend: normal;--grain-blend-light: normal}.light-theme{--grain-opacity: var(--grain-opacity-light);--grain-color: var(--grain-color-light);--grain-blend: var(--grain-blend-light);--grain-size: var(--grain-size-light)}:root{--nature-bg-image: url(/images/goal_gardens/halftone_dark.jpg);--nature-bg-opacity: .5;--nature-bg-blend: normal;--nature-bg-blur: 0px}:root[data-bg-preset="2"]{--nature-bg-image: url(/images/leaves.jpg);--nature-bg-opacity: .1;--nature-bg-blend: screen;--nature-bg-blur: 15px}:root[data-bg-preset="3"]{--nature-bg-image: url(/images/leaves.jpg);--nature-bg-opacity: .12;--nature-bg-blend: overlay;--nature-bg-blur: 30px}:root[data-bg-preset="4"]{--nature-bg-image: url(/images/layered%20Forest/forest01.webp);--nature-bg-opacity: .45;--nature-bg-blend: normal;--nature-bg-blur: 0px}.light-theme{--nature-bg-image: url(/images/goal_gardens/halftone_light.jpg);--nature-bg-opacity: .2;--nature-bg-blend: multiply;--nature-bg-blur: 0px}:root[data-bg-preset="2"] .light-theme{--nature-bg-image: url(/images/goal_gardens/pexels-yogendras31-5334185.jpg);--nature-bg-opacity: .15;--nature-bg-blend: soft-light;--nature-bg-blur: 14px}:root[data-bg-preset="3"] .light-theme{--nature-bg-image: url(/images/leaves.jpg);--nature-bg-opacity: .25;--nature-bg-blend: soft-light;--nature-bg-blur: 10px}:root[data-bg-preset="4"] .light-theme{--nature-bg-image: url(/images/layered%20Forest/forest01_light.webp);--nature-bg-opacity: .4;--nature-bg-blend: normal;--nature-bg-blur: 0px}:root[data-bg-preset="5"] .nature-bg-texture:after{display:none}.nature-bg-texture:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--nature-bg-image) center center / cover no-repeat;opacity:var(--nature-bg-opacity);mix-blend-mode:var(--nature-bg-blend);filter:blur(var(--nature-bg-blur));pointer-events:none;z-index:1;transition:opacity .5s ease,filter .5s ease}:root[data-render-tier=reduced] .nature-bg-texture:after{filter:none;mix-blend-mode:normal;transition:none}@media(max-width:600px){.nature-bg-texture:after{display:none}:root[data-bg-preset="4"] .nature-bg-texture:after{display:block}}:root{--header-tint-top: 82%;--header-tint-mid: 68%;--header-tint-low: 38%;--header-tint-base: var(--bg-primary);--header-bottom-extend: -80px;--header-blur: 40px;--header-saturate: 1.4;--header-radius: 0 0 32px 32px;--header-mask: linear-gradient( to bottom, black 0%, black 35%, rgba(0, 0, 0, .6) 55%, rgba(0, 0, 0, .2) 80%, transparent 100% );--header-border-bottom: none;--header-box-shadow: none;--header-text-shadow-primary: 0 1px 8px var(--bg-primary), 0 0 20px var(--bg-primary);--header-text-shadow-secondary: 0 1px 6px var(--bg-primary), 0 0 16px var(--bg-primary);--header-condensed-bottom: -12px;--header-condensed-tint: 78%;--header-condensed-saturate: 1.5;--header-condensed-mask: linear-gradient(to bottom, black 0%, black 70%, transparent 100%);--header-condensed-radius: 0 0 20px 20px;--header-condensed-border: 1px solid color-mix(in srgb, var(--text-primary, #f8f5ed) 6%, transparent);--header-condensed-box-shadow: none}:root[data-header-preset="2"]{--header-tint-top: 85%;--header-tint-mid: 72%;--header-tint-low: 50%;--header-tint-base: color-mix(in srgb, var(--bg-primary) 92%, var(--category-earn, #d6ae54));--header-bottom-extend: -40px;--header-blur: 36px;--header-saturate: 1.3;--header-radius: 0 0 16px 16px;--header-mask: linear-gradient( to bottom, black 0%, black 55%, rgba(0, 0, 0, .4) 80%, transparent 100% );--header-border-bottom: 1px solid color-mix(in srgb, var(--text-primary, #f8f5ed) 8%, transparent);--header-box-shadow: none;--header-text-shadow-primary: 0 1px 4px var(--bg-primary), 0 0 10px var(--bg-primary);--header-text-shadow-secondary: 0 1px 3px var(--bg-primary), 0 0 8px var(--bg-primary);--header-condensed-bottom: -8px;--header-condensed-tint: 82%;--header-condensed-radius: 0 0 12px 12px;--header-condensed-mask: linear-gradient(to bottom, black 0%, black 80%, transparent 100%);--header-condensed-border: 1px solid color-mix(in srgb, var(--text-primary, #f8f5ed) 10%, transparent)}:root[data-header-preset="3"]{--header-tint-top: 72%;--header-tint-mid: 62%;--header-tint-low: 55%;--header-tint-base: var(--bg-primary);--header-bottom-extend: -4px;--header-blur: 48px;--header-saturate: 1.8;--header-radius: 0 0 14px 14px;--header-mask: none;--header-border-bottom: 1px solid color-mix(in srgb, var(--text-primary, #f8f5ed) 12%, transparent);--header-box-shadow: inset 0 1px 0 0 color-mix(in srgb, var(--text-primary, #f8f5ed) 10%, transparent), inset 0 -1px 2px 0 color-mix(in srgb, var(--bg-primary) 40%, transparent);--header-text-shadow-primary: 0 1px 3px var(--bg-primary);--header-text-shadow-secondary: 0 1px 2px var(--bg-primary);--header-condensed-bottom: -2px;--header-condensed-tint: 70%;--header-condensed-saturate: 1.8;--header-condensed-mask: none;--header-condensed-radius: 0 0 10px 10px;--header-condensed-border: 1px solid color-mix(in srgb, var(--text-primary, #f8f5ed) 14%, transparent);--header-condensed-box-shadow: inset 0 1px 0 0 color-mix(in srgb, var(--text-primary, #f8f5ed) 8%, transparent)}.light-theme{--header-tint-top: 58%;--header-tint-mid: 42%;--header-tint-low: 18%;--header-tint-base: color-mix(in srgb, var(--bg-primary) 96%, #8b9a7f);--header-bottom-extend: -100px;--header-blur: 48px;--header-saturate: 1.2;--header-radius: 0 0 36px 36px;--header-mask: linear-gradient( to bottom, black 0%, black 30%, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, .15) 75%, transparent 100% );--header-text-shadow-primary: 0 1px 6px rgba(240, 234, 220, .9), 0 0 16px rgba(240, 234, 220, .6);--header-text-shadow-secondary: 0 1px 4px rgba(240, 234, 220, .8), 0 0 12px rgba(240, 234, 220, .5);--header-condensed-tint: 55%;--header-condensed-border: 1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);--header-condensed-box-shadow: none}:root[data-header-preset="2"] .light-theme{--header-tint-top: 65%;--header-tint-mid: 50%;--header-tint-low: 28%;--header-tint-base: color-mix(in srgb, var(--bg-primary) 93%, var(--category-earn, #d6ae54));--header-bottom-extend: -50px;--header-blur: 40px;--header-saturate: 1.3;--header-radius: 0 0 18px 18px;--header-mask: linear-gradient( to bottom, black 0%, black 50%, rgba(0, 0, 0, .35) 78%, transparent 100% );--header-border-bottom: 1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);--header-box-shadow: 0 1px 3px color-mix(in srgb, var(--text-primary) 6%, transparent);--header-text-shadow-primary: 0 1px 4px rgba(240, 234, 220, .85), 0 0 10px rgba(240, 234, 220, .5);--header-text-shadow-secondary: 0 1px 2px rgba(240, 234, 220, .75);--header-condensed-tint: 60%;--header-condensed-radius: 0 0 14px 14px;--header-condensed-border: 1px solid color-mix(in srgb, var(--text-primary) 12%, transparent)}:root[data-header-preset="3"] .light-theme{--header-tint-top: 72%;--header-tint-mid: 58%;--header-tint-low: 42%;--header-tint-base: color-mix(in srgb, var(--bg-primary) 92%, #8b9a7f);--header-bottom-extend: -6px;--header-blur: 48px;--header-saturate: 1.5;--header-radius: 0 0 14px 14px;--header-mask: none;--header-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .7), inset 0 -1px 1px 0 color-mix(in srgb, var(--text-primary) 6%, transparent), 0 2px 8px color-mix(in srgb, var(--text-primary) 8%, transparent);--header-border-bottom: 1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);--header-condensed-tint: 68%;--header-condensed-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .55);--header-condensed-border: 1px solid color-mix(in srgb, var(--text-primary) 14%, transparent);--header-condensed-radius: 0 0 10px 10px;--header-text-shadow-primary: 0 1px 4px rgba(240, 234, 220, .9), 0 0 12px rgba(240, 234, 220, .5);--header-text-shadow-secondary: 0 1px 3px rgba(240, 234, 220, .8), 0 0 8px rgba(240, 234, 220, .4)}}@layer tokens{:root{--font-serif: var(--brand-font-serif);--font-sans: var(--brand-font-sans);--font-mono: var(--brand-font-mono);--font-display: var(--font-serif);--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--type-scale-ratio: 1.25;--type-scale-min-vw: 375px;--type-scale-max-vw: 1280px;--font-size-2xs: .625rem;--font-size-xs: clamp(.8rem, .7171rem + .354vw, 1rem);--font-size-sm: clamp( .8944rem, .8018rem + .395vw, 1.118rem );--font-size-base: clamp(1rem, .8964rem + .442vw, 1.25rem);--font-size-md: clamp( 1.118rem, 1.0022rem + .494vw, 1.3975rem );--font-size-lg: clamp(1.25rem, 1.1205rem + .552vw, 1.5625rem);--font-size-xl: clamp(1.5625rem, 1.4006rem + .691vw, 1.9531rem);--font-size-2xl: clamp(1.9531rem, 1.7508rem + .863vw, 2.4414rem);--font-size-3xl: clamp(2.4414rem, 2.1885rem + 1.079vw, 3.0518rem);--font-size-4xl: clamp(3.0518rem, 2.7356rem + 1.349vw, 3.8147rem);--chat-prose-size: clamp(.9375rem, 1.1vw, 1.03rem);--line-height-none: 1;--line-height-tight: 1.2;--line-height-compact: 1.3;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.75;--line-height-ai-prose: 1.65;--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-regular);--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;--font-numeric: tabular-nums;--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)}}@layer tokens;@layer tokens{:root,body{--type-prose: var(--font-size-base);--type-prose-lh: var(--line-height-ai-prose);--type-body: var(--font-size-sm);--type-body-lh: var(--line-height-relaxed);--type-detail: var(--font-size-xs);--type-detail-lh: var(--line-height-normal);--type-display: var(--font-size-3xl);--type-display-lh: var(--line-height-tight);--type-title: var(--font-size-xl);--type-title-lh: var(--line-height-tight);--type-heading: var(--font-size-lg);--type-heading-lh: var(--line-height-compact);--type-subheading: var(--font-size-md);--type-subheading-lh: var(--line-height-snug);--type-label: var(--font-size-xs);--type-label-lh: var(--line-height-normal);--type-micro: var(--font-size-2xs);--type-micro-lh: var(--line-height-normal)}}@layer tokens{:root{--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-4);--spacing-lg: var(--space-6);--spacing-xl: var(--space-8);--spacing-2xl: var(--space-12);--spacing-3xl: var(--space-16);--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;--divider-width-hairline: 1px;--divider-width-medium: 2px;--divider-width-bold: 3px;--icon-size-2xs: 14px;--icon-size-xs: 16px;--icon-size-sm: 18px;--icon-size-md: 20px;--icon-size-base: 24px;--icon-size-lg: 28px;--icon-size-xl: 32px;--icon-size-2xl: 40px;--icon-size-3xl: 48px;--icon-size-nav: var(--icon-size-base);--icon-size-action: var(--icon-size-base);--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;--content-width-2xl: 1680px;--content-column-max-width: 760px;--content-column-padding: 24px;--measure-prose: var(--content-column-max-width);--measure-page: var(--content-width-lg);--measure-wide: var(--content-width-xl);--page-gutter: clamp(var(--space-4), 4vw, var(--space-16));--grid-columns: 12;--grid-gutter: var(--space-6);--overlay-gutter: var(--space-4);--overlay-rail-left: calc(var(--sidebar-width) + var(--overlay-gutter));--overlay-rail-left-expanded: calc(var(--sidebar-width-expanded) + var(--overlay-gutter));--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: 56px;--sidebar-width-expanded: 288px;--motivation-left-margin: calc(var(--sidebar-width) + var(--spacing-sm));--content-left-margin: var(--sidebar-width);--editor-panel-width-expanded: 380px;--mobile-sidebar-height: 60px;--mobile-capsule-float-offset: 16px;--mobile-capsule-height: 64px;--mobile-capsule-radius: 32px;--mobile-capsule-clearance: calc(80px + var(--safe-area-bottom, 0px));--mobile-input-bar-height-fallback: calc(118px + var(--safe-area-bottom, 0px));--mobile-chat-row-height: 56px;--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}:root:has(.chat-bottom-sheet){--mobile-capsule-clearance: var( --mobile-drawer-current-height, var(--mobile-input-bar-height, var(--mobile-input-bar-height-fallback)) )}}@layer tokens{:root{--header-height: 48px;--header-padding-x: var(--space-3, 12px);--header-height-mobile: calc(48px + var(--safe-area-top, 0px));--app-shell-top-clearance: 64px;--header-border: 1px solid rgba(248, 245, 237, .06);--header-surface: transparent;--header-eyebrow-size: 10px;--header-eyebrow-weight: 700;--header-eyebrow-tracking: .12em;--header-eyebrow-color: var(--text-tertiary, rgba(248, 245, 237, .5));--header-title-size: var(--font-size-sm, 14px);--header-title-weight: var(--font-weight-semibold, 600);--header-title-color: var(--text-primary, rgba(248, 245, 237, .87));--chrome-ctrl-h: 34px;--chrome-surface: #1d1b18;--chrome-surface-header: #24221e;--chrome-surface-raised: #2c2a26;--chrome-surface-hover: #282622;--chrome-surface-active: #302e2a;--chrome-well: #16140f;--chrome-well-inset: rgba(0, 0, 0, .4);--chrome-edge: rgba(255, 250, 244, .13);--chrome-edge-strong: rgba(255, 250, 244, .22);--chrome-divider: rgba(255, 250, 244, .09);--chrome-text: #edece8;--chrome-text-secondary: #aca8a0;--chrome-text-tertiary: #848078;--chrome-accent: var(--accent-gold, #d6ae54);--chrome-shadow: 0 10px 34px rgba(0, 0, 0, .46);--chrome-shadow-cast: rgba(0, 0, 0, .42);--header-btn-size: 28px;--header-btn-radius: 6px;--header-btn-bg: var(--elevation-overlay-01dp, rgba(255, 255, 255, .05));--header-btn-color: var(--text-secondary, rgba(248, 245, 237, .7));--header-btn-hover-bg: var(--state-hover, rgba(248, 245, 237, .08));--header-btn-hover-color: var(--text-primary, rgba(248, 245, 237, .87));--section-label-size: 13px;--section-label-weight: 600;--section-label-color: var(--text-secondary, rgba(248, 245, 237, .7));--section-label-letter-spacing: normal;--section-label-transform: none;--section-gap: var(--space-5, 20px);--section-divider: 1px solid var(--border-subtle, rgba(248, 245, 237, .08));--section-label-margin-bottom: var(--space-3, 12px);--section-dot-size: 8px}@media(hover:none)and (pointer:coarse){:root{--chrome-ctrl-h: 44px}}.light-theme{--header-border: 1px solid rgba(69, 58, 45, .12);--header-eyebrow-color: var(--text-sepia, rgba(69, 58, 45, .6));--header-title-color: var(--text-primary, #453a2d);--header-btn-bg: rgba(69, 58, 45, .04);--header-btn-color: var(--text-charcoal, rgba(69, 58, 45, .7));--header-btn-hover-bg: rgba(69, 58, 45, .08);--header-btn-hover-color: var(--text-primary, #453a2d);--section-label-color: var(--text-charcoal, rgba(69, 58, 45, .75));--section-divider: 1px solid rgba(69, 58, 45, .1);--chrome-surface: #fffefb;--chrome-surface-header: #f5f3ee;--chrome-surface-raised: #edeae3;--chrome-surface-hover: #f0ede6;--chrome-surface-active: #e7e3da;--chrome-well: #f0ede6;--chrome-well-inset: rgba(55, 45, 30, .1);--chrome-edge: rgba(55, 45, 30, .14);--chrome-edge-strong: rgba(55, 45, 30, .22);--chrome-divider: rgba(55, 45, 30, .1);--chrome-text: #29221a;--chrome-text-secondary: #645d53;--chrome-text-tertiary: #878077;--chrome-shadow: 0 8px 24px rgba(42, 36, 26, .12);--chrome-shadow-cast: rgba(42, 36, 26, .14)}}@layer tokens{:root{--cult-card-radius: 12px;--cult-card-bg: var(--bg-secondary, var(--elevation-01dp, #242521));--cult-card-shadow: var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .12));--cult-card-shadow-hover: var(--shadow-interactive-hover, 0 4px 12px rgba(0, 0, 0, .2));--cult-card-hero-min: 92px;--cult-card-hero-tint: 9%;--cult-card-hero-pad: var(--space-3, 12px);--cult-card-hero-icon-size: 32px;--cult-card-info-pad: var(--space-2, 8px) var(--space-3, 12px);--cult-card-info-min-height: 48px;--cult-card-title-size: 13px;--cult-card-title-weight: 600;--cult-card-title-color: var(--text-primary, rgba(248, 245, 237, .87));--cult-card-desc-size: 11px;--cult-card-desc-color: var(--text-tertiary, rgba(248, 245, 237, .5));--cult-card-hover-lift: translateY(-2px) scale(1.02);--cult-card-transition: var(--transition-fast, .15s ease)}.light-theme{--cult-card-bg: var(--bg-secondary, #fdfcf8);--cult-card-title-color: var(--text-primary, #453a2d);--cult-card-desc-color: var(--text-sepia, rgba(69, 58, 45, .6));--cult-card-shadow: 0 1px 3px rgba(69, 58, 45, .1);--cult-card-shadow-hover: 0 4px 14px rgba(69, 58, 45, .18)}}@layer tokens{: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;--world-side-panel-w: min(420px, 92vw)}}@layer tokens{:root{--transition-fast: .15s ease;--transition-medium: .3s ease;--transition-slow: .5s ease;--transition-normal: .3s ease;--duration-fast: .15s;--duration-base: .2s;--duration-medium: .3s;--duration-slow: .5s;--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);--diff-shift-duration: .42s;--diff-collapse-duration: .25s;--diff-stagger: 60ms;--diff-settle-delay: .9s;--diff-word-stagger: 26ms;--diff-tint-strength: 12%;--diff-word-tint-strength: 22%;--diff-rule-width: 2px;--diff-add-hue: var(--category-learn, #6c8eef);--diff-change-hue: var(--category-earn, #d4a574);--diff-remove-hue: #b4726b;--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;--stream-item-gap: 4px;--stream-drop-height-idle: 8px;--stream-drop-height-active: 48px;--stream-cascade-duration: .25s;--stream-pop-duration: .3s;--stream-pop-easing: cubic-bezier(.68, -.55, .27, 1.55);--stream-unfurl-duration: .3s;--stream-layout-spring-stiffness: 300;--stream-layout-spring-damping: 30;--stagger-base-delay: 50ms;--stagger-fast-delay: 30ms;--entrance-rise-duration: 2s;--entrance-rise-distance: 24px;--entrance-rise-blur: 6px;--entrance-rise-easing: cubic-bezier(.16, 1, .3, 1);--entrance-emerge-duration: 3s;--entrance-emerge-distance: 60px;--entrance-emerge-easing: cubic-bezier(.16, 1, .3, 1);--entrance-expand-duration: .6s;--entrance-expand-scale: .92;--entrance-expand-blur: 8px;--entrance-expand-easing: cubic-bezier(.34, 1.56, .64, 1);--entrance-drift-duration: .8s;--entrance-drift-x: -16px;--entrance-drift-y: 8px;--entrance-drift-easing: cubic-bezier(.22, 1, .36, 1);--line-reveal-duration: 3s;--line-reveal-easing: cubic-bezier(.16, 1, .3, 1);--line-reveal-thickness: 1px;--line-reveal-color: var(--border-light);--exit-duration: .15s;--exit-easing: cubic-bezier(.4, 0, 1, 1);--exit-distance: -12px;--exit-blur: 4px;--exit-scale: .95;--deck-cycle-duration: .35s;--deck-spring-back-duration: .4s;--deck-toss-threshold: 150px;--deck-card-offset: 12px;--deck-card-scale-step: .04;--deck-card-opacity-step: .25}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}:root{--skeleton-shimmer-base: var(--bg-tertiary);--skeleton-shimmer-highlight: var(--bg-elevated, rgba(255, 255, 255, .06))}.light-theme{--skeleton-shimmer-base: rgba(69, 58, 45, .06);--skeleton-shimmer-highlight: rgba(69, 58, 45, .12)}.mp-skeleton{background:linear-gradient(90deg,var(--skeleton-shimmer-base) 25%,var(--skeleton-shimmer-highlight) 50%,var(--skeleton-shimmer-base) 75%);background-size:200% 100%;animation:skeleton-sweep 1.5s ease-in-out infinite;border-radius:var(--border-radius-sm, 6px)}@keyframes skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}}@layer tokens{:root{--motion-ease-editorial: cubic-bezier(.22, 1, .36, 1);--motion-ease-snap: var(--ease-in-out-smooth);--motion-list-entry-duration: .22s;--motion-list-entry-rise: 6px;--altitude-warm-duration: .12s;--altitude-fade-duration: .38s;--altitude-zoom-amount: 1.04;--altitude-ease-camera: cubic-bezier(.22, 1, .36, 1)}}@layer tokens{:root{--drop-target-bg: color-mix(in srgb, var(--category-learn) 14%, transparent);--drop-target-bg-strong: color-mix(in srgb, var(--category-learn) 22%, transparent);--drop-target-outline: 1.5px dashed color-mix(in srgb, var(--category-learn) 55%, transparent);--drop-target-outline-strong: 1.5px solid var(--category-learn);--drop-target-radius: 10px;--drag-ghost-rotate: -2.5deg;--drag-ghost-scale: 1.04;--drag-ghost-shadow: var(--shadow-elevation-16dp);--drag-source-opacity: .35;--dragging-cursor: grabbing}}@layer tokens{:root{--warm-cream: #f8f5ed;--cal-gutter-width: 56px;--cal-row-height: 56px;--cal-section-gap: 18px;--cal-day-header-font: var(--font-serif);--cal-time-font: var(--font-sans);--cal-time-numeric: tabular-nums;--cal-eyebrow-font: var(--font-sans);--cal-eyebrow-tracking: .08em;--cal-eyebrow-size: 11px;--cal-eyebrow-weight: var(--font-weight-medium);--cal-today-tint: color-mix(in srgb, var(--warm-cream) 8%, transparent);--cal-today-chip-bg: var(--text-primary);--cal-today-chip-ink: var(--bg-primary);--cal-now-color: var(--category-earn);--cal-now-glow: 0 0 0 2px color-mix(in srgb, var(--category-earn) 35%, transparent);--cal-now-line-width: 1px;--cal-now-dot-size: 6px;--cal-card-bg: color-mix(in srgb, var(--warm-cream) 8%, var(--elevation-04dp));--cal-card-bg-hover: color-mix(in srgb, var(--warm-cream) 12%, var(--elevation-06dp));--cal-card-border: rgba(255, 245, 220, .1);--cal-card-border-hover: rgba(255, 245, 220, .18);--cal-card-text: var(--text-primary);--cal-card-text-muted: var(--text-secondary);--cal-card-text-eyebrow: var(--text-tertiary);--cal-page-bg: var(--bg-elevated);--cal-margin-bg: color-mix(in srgb, var(--warm-cream) 5%, var(--elevation-02dp));--cal-margin-rule: color-mix(in srgb, var(--warm-cream) 16%, transparent);--cal-allday-bg: color-mix(in srgb, var(--warm-cream) 7%, var(--elevation-04dp));--cal-allday-shadow: inset 0 1px 0 color-mix(in srgb, var(--warm-cream) 8%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--warm-cream) 14%, transparent);--cal-allday-rule: color-mix(in srgb, var(--warm-cream) 18%, transparent);--cal-hour-line: color-mix(in srgb, var(--warm-cream) 8%, transparent)}}@layer tokens{: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-artifact-viewer: 1150;--z-floating-chat: 1200;--z-editor-panel: 1300;--z-dropdown: 1500;--z-popover: 2000;--z-tooltip: 2100;--z-below-tray: 998;--z-mobile-input-wrapper: 1020;--z-drawer: 3000;--z-world-side-panel: var(--z-drawer);--z-drawer-fullscreen: 3500;--z-nav-drawer: 3600;--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-call-active: 10500;--z-notification: 8000;--z-notification-stack: 9800;--z-beta-launcher: 9900;--z-tour: 9000;--z-tour-highlight: 11800;--z-grain: 14000;--z-drag-shield: 13980;--z-file-drop-veil: 13970;--z-burst: 13900;--z-cost-hud: 13950;--z-settings-popover: 10200;--z-mascot: 3050;--z-dynamic-input: var(--z-sticky);--z-overlay-dialog: 11000;--z-overlay-dialog-dropdown: 11200;--z-overlay-dialog-confirm: 11250;--z-node-palette: 11450;--z-chat-above-modal: 11300;--z-chat-dropdown: 11400;--z-garden-visit: 12000;--z-marketplace-modal: 12000;--z-marketplace-create-modal: 10900;--z-loading-transition: 12000;--z-block-zen-editor: 11450;--z-block-add-menu: 11455;--z-block-zen-confirm: 11460;--z-processing-capsule: 11500;--z-passport-popup: 13000;--z-passport-edit-modal: 13500;--z-passport-edit-modal-dropdown: 13600;--z-navigator-fullscreen: var(--z-notification);--z-tour-overlay: var(--z-tour);--pip-z-index: var(--z-dropdown);--z-rf-toolbar: 30;--z-rf-card: 31;--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)}}@layer tokens{: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}}@layer tokens{: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: var(--icon-size-sm);--drawer-btn-icon-base: var(--icon-size-md);--drawer-ui-green: var(--tree-green);--drawer-ui-green-hover: var(--accent-green);--drawer-height-collapsed: 56px;--drawer-height-compact: 200px;--mobile-input-bar-height: 80px;--mobile-drawer-peek-height: 164px}.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)}}@layer tokens{: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: var(--icon-size-sm);--reactflow-node-icon-size-mobile: var(--icon-size-sm);--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-primary);--reactflow-node-icon-inactive: color-mix(in srgb, var(--text-primary) 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-primary);--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)}}@layer tokens{:root{--panel-collapsed-width: 48px;--panel-collapsed-width-mobile: 0px;--editor-panel-collapsed-width: 56px;--panel-expanded-width: var(--editor-panel-width-expanded, 380px);--panel-expanded-width-wide: clamp(300px, 22vw, 400px);--panel-expanded-width-mobile: 100vw;--panel-header-height: 48px;--panel-header-padding: 12px 10px 12px 14px;--panel-content-padding: var(--spacing-md);--panel-content-gap: var(--spacing-sm);--panel-transition-duration: .2s;--panel-transition-easing: cubic-bezier(.2, 0, 0, 1);--panel-drawer-easing: cubic-bezier(.2, 0, 0, 1);--panel-z-collapsed: var(--z-editor-panel, 1300);--panel-z-expanded: var(--z-editor-panel, 1300);--panel-z-mobile-overlay: var(--z-modal, 4100);--panel-backdrop-z: calc(var(--panel-z-mobile-overlay) - 1);--panel-bg: var(--elevation-01dp);--panel-bg-header: var(--elevation-02dp);--panel-border: 1px solid var(--border-subtle, var(--border-light));--panel-border-color: var(--border-subtle, var(--border-light));--panel-radius: var(--border-radius-lg);--panel-shadow: var(--shadow-panel, var(--shadow-elevation-02dp));--panel-shadow-elevated: var(--shadow-panel-elevated, var(--shadow-elevation-08dp));--panel-button-height: 36px;--panel-button-radius: 18px;--panel-button-shadow: var(--shadow-button);--panel-button-bg: var(--elevation-02dp);--panel-button-hover-bg: var(--state-hover);--panel-hide-breakpoint: 600px;--panel-overlay-breakpoint: 1024px}}@layer tokens;@layer tokens{:root,body{--menu-surface: var(--elevation-04dp, #2d2e2a);--menu-border: 1px solid var(--border-subtle, rgba(248, 245, 237, .1));--menu-radius: var(--border-radius-md, 10px);--menu-shadow: var(--shadow-elevation-04dp, 0 4px 12px rgba(0, 0, 0, .35));--menu-pad: var(--space-1, 4px);--menu-min-w: 200px;--menu-max-w: 320px;--menu-ctx-w: 256px;--menu-item-h: 30px;--menu-item-pad-x: var(--space-2-5, 10px);--menu-item-pad-y: 0;--menu-item-radius: calc(var(--menu-radius) - var(--menu-pad));--menu-item-gap: var(--space-2, 8px);--menu-item-font: .8125rem;--menu-trailing-font: .75rem;--menu-icon-size: 14px;--menu-label-font: var(--type-micro, 10px);--menu-label-weight: var(--font-weight-semibold, 600);--menu-label-tracking: .12em;--menu-label-color: var(--text-tertiary, rgba(248, 245, 237, .5));--menu-label-pad-t: var(--space-2, 8px);--menu-label-pad-b: var(--space-1, 4px);--menu-sep: 1px solid var(--border-subtle, rgba(248, 245, 237, .08));--menu-flyout-w: 220px;--menu-flyout-gap: 4px;--menu-offset: 4px;--menu-viewport-pad: 8px}}@layer tokens{:root{--chat-gap-tight: var(--space-1);--chat-gap-turn: var(--space-4);--chat-gap-group: var(--space-8);--chat-bubble-max-width: 85%;--chat-message-margin-x: var(--spacing-md);--chat-container-padding-x: var(--spacing-sm);--chat-container-padding-top: var(--spacing-md);--chat-container-gap: var(--spacing-sm);--chat-bubble-padding-y: var(--spacing-sm);--chat-bubble-padding-x: var(--spacing-md);--chat-bubble-radius-user: 18px 18px 4px 18px;--chat-bubble-radius-assistant: 18px 18px 18px 4px;--chat-bubble-radius-stacked: 18px;--chat-bubble-radius-atai: var(--border-radius-lg);--chat-bubble-user-bg: color-mix( in srgb, var(--accent-gold) 22%, var(--elevation-01dp) );--chat-bubble-user-border: color-mix( in srgb, var(--accent-gold) 42%, var(--border-color) );--chat-bubble-user-color: var(--text-primary);--chat-bubble-assistant-bg: var(--bg-secondary);--chat-bubble-assistant-border: var(--border-color);--chat-bubble-assistant-color: var(--text-primary);--chat-bubble-other-bg: var(--elevation-02dp);--chat-bubble-other-border: var(--border-subtle, rgba(255, 255, 255, .06));--chat-bubble-other-color: var(--text-primary);--chat-beat-bg: var(--bg-secondary);--chat-beat-border: var(--border-color);--chat-beat-color: var(--text-primary)}.light-theme{--chat-bubble-user-bg: color-mix( in srgb, var(--accent-gold) 22%, var(--elevation-01dp) );--chat-bubble-user-border: color-mix( in srgb, var(--accent-gold) 42%, var(--border-color) );--chat-bubble-user-color: var(--text-primary);--chat-bubble-assistant-bg: var(--bg-secondary);--chat-bubble-assistant-border: var(--border-color);--chat-bubble-assistant-color: var(--text-primary);--chat-bubble-other-bg: var(--elevation-02dp);--chat-bubble-other-border: var(--border-subtle, rgba(69, 58, 45, .08));--chat-bubble-other-color: var(--text-primary);--chat-beat-bg: var(--bg-secondary);--chat-beat-border: var(--border-color);--chat-beat-color: var(--text-primary)}@media(max-width:600px){:root{--chat-bubble-max-width: 92%;--chat-message-margin-x: var(--spacing-xs);--chat-container-padding-x: var(--spacing-sm)}}}@layer tokens{@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;--sidebar-width: 64px}}@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;--sidebar-width: 72px}}@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;--sidebar-width: 80px}}@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:600px),(max-height:500px)and (pointer:coarse){:root{--sidebar-width: 0px}}@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}}}@layer tokens{@media(hover:none)and (pointer:coarse){.unified-node--quest-active .unified-node__icon-circle,.unified-node__border-glow,.unified-node__lens-ring,.unified-node--earned .unified-node__icon-circle,.unified-node--in-focus .unified-node__lens-ring,.unified-node--birthing,.unified-node--birthing .unified-node__icon-circle,.unified-node--ghost,.unified-node--ghost .unified-node__icon-circle,.unified-node--ghost .unified-node__loader,.unified-node--call-pending,.unified-node--call-in-progress,.unified-node--call-time-arrived,.draggable-step-node__active-circle,.draggable-step-node__active-ring,.draggable-step-node__lens-ring,.floater-capsule--active,.floater-capsule__indicator-dot,.floater-capsule__lens-ring,.focus-card__badge-container--active,.focus-card__indicator-dot,.focus-card__lens-ring,.focus-card__recommended,.event-capsule--new-ghost-event,.event-capsule--session-active,.event-capsule__lens-ring{animation:none}:root .wynwyn-home-dock,:root .wynwyn-home-dock__comb,:root .static-mascot--float,:root .mini-growth-bar[data-tier] .mini-growth-bar__fill,:root .mini-growth-bar[data-tier] .mini-growth-bar__track,:root .mini-growth-bar[data-tier] .mini-growth-bar__fill:after{animation:none}}:root[data-tab-hidden] .wynwyn-home-dock,:root[data-tab-hidden] .wynwyn-home-dock__comb,:root[data-tab-hidden] .static-mascot--float,:root[data-tab-hidden] .mini-growth-bar[data-tier] .mini-growth-bar__fill,:root[data-tab-hidden] .mini-growth-bar[data-tier] .mini-growth-bar__track,:root[data-tab-hidden] .mini-growth-bar[data-tier] .mini-growth-bar__fill:after,:root[data-tab-hidden] .unified-node--next-action .unified-node__icon-circle{animation-play-state:paused}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer tokens;@layer tokens{.light-theme{color-scheme:light;--hue-base: var(--warm-canvas, #f3f2ee);--hue-text: #18241d;--ink-learn: var(--brand-green-ink);--ink-connect: var(--brand-blue-ink);--ink-earn: var(--brand-gold-ink);--hue-learn: #54aace;--hue-earn: #e9c064;--hue-connect: #71b278;--hue-collab: #1e56b0;--hue-accent: #8b9a7f;--hue-warning: #c0826d;--hue-danger: #a05d5d;--beige-paper: var(--warm-paper, #fcfcfa);--beige-canvas: var(--warm-canvas, #f3f2ee);--beige-linen: var(--warm-linen, #e9e8e4);--beige-sand: var(--warm-sand, #dad8d3);--beige-stone: var(--warm-stone, #cdcbc6);--beige-earth: #bbb7af;--beige-bark: #a9a59c;--text-charcoal: #514a41;--text-sepia: #5b544b;--text-muted: #67615a;--accent-sage: #8b9a7f;--accent-terracotta: #c0826d;--accent-slate: #6d7a88;--accent-amber: #d4a574;--accent-burgundy: #a05d5d;--accent-olive: #99906e;--accent-mauve: #9d7a99;--accent-gold: var(--hue-earn);--accent-gold-light: color-mix(in srgb, var(--accent-gold) 75%, var(--hue-text));--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: #f8f7f3;--elevation-01dp: #fcfcfa;--elevation-02dp: #fefefe;--elevation-04dp: #ffffff;--elevation-06dp: #ffffff;--elevation-08dp: #ffffff;--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);--surface-control: #ffffff;--text-primary: var(--hue-text);--text-secondary: color-mix(in srgb, var(--hue-text) 82%, var(--hue-base));--text-tertiary: color-mix(in srgb, var(--hue-text) 72%, var(--hue-base));--text-quaternary: color-mix(in srgb, var(--hue-text) 66%, var(--hue-base));--text-on-accent: #ffffff;--outline-variant: var(--border-subtle);--panel-bg: var(--elevation-02dp);--panel-bg-header: var(--elevation-04dp);--border-color: var(--beige-sand);--border-light: var(--beige-linen);--border-subtle: rgba(69, 58, 45, .08);--border-input: rgba(69, 58, 45, .18);--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(--hue-learn);--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: color-mix( in srgb, var(--hue-learn) 84%, black );--accent-red-hover: #8f4a4a;--category-learn: var(--hue-connect);--category-earn: var(--hue-earn);--category-connect: var(--hue-learn);--capsule-learn-color: var(--category-learn);--capsule-earn-color: var(--category-earn);--capsule-connect-color: var(--category-connect);--block-overview: var(--monokai-gray);--block-concept: var(--hue-learn);--block-technique: var(--hue-warning);--block-insight: var(--bloom-evaluate);--block-question: var(--bloom-create);--block-asset: var(--hue-earn);--block-what: var(--block-concept);--block-how: var(--block-technique);--block-why: var(--block-insight);--block-check: var(--block-technique);--block-paragraph: var(--block-concept);--block-definition: var(--block-concept);--block-example: var(--block-technique);--block-evidence: var(--block-concept);--condition-dialogue: var(--hue-learn);--condition-guided-learning: var(--monokai-green);--condition-resource-review: var(--monokai-gray);--condition-quiz: var(--bloom-create);--condition-file-upload: var(--hue-warning);--condition-expert-review: var(--bloom-evaluate);--condition-call: var(--hue-earn);--condition-peer: var(--bloom-evaluate);--resource-book: var(--hue-learn);--resource-video: var(--hue-warning);--resource-article: var(--monokai-gray);--resource-course: var(--bloom-create);--resource-documentation: var(--monokai-green);--resource-tool: var(--bloom-evaluate);--resource-podcast: var(--hue-earn);--resource-paper: var(--hue-learn);--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);--dormancy-settling-opacity: .8;--dormancy-settling-saturate: .75;--dormancy-dormant-opacity: .55;--dormancy-dormant-saturate: .4;--dormancy-hibernating-opacity: .35;--dormancy-hibernating-saturate: .2;--reactflow-node-icon-active: var(--text-primary);--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-primary);--header-border: var(--beige-sand);--header-button-bg: var(--accent-slate);--header-button-hover: var(--accent-sage);--sidebar-bg: var(--chrome-surface);--sidebar-text: var(--chrome-text-tertiary);--sidebar-active: var(--accent-slate);--sidebar-hover: var(--chrome-surface-hover);--sidebar-border: var(--chrome-divider);--meeting-bg: var(--beige-paper);--meeting-content-bg: var(--bg-secondary);--meeting-text: var(--text-primary);--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(234, 232, 226, .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;--quest-chat-bg: var(--beige-paper);--bg-overlay: rgba(243, 242, 238, .9);--bg-button-overlay: rgba(61, 52, 40, .05);--border-color-overlay: rgba(61, 52, 40, .1);--overlay-bg: rgba(243, 242, 238, .6);--glass-bg-light: rgba(250, 250, 247, .7);--glass-bg-light-strong: rgba(250, 250, 247, .85);--glass-bg-light-subtle: rgba(250, 250, 247, .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(249, 248, 244, .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: var(--beige-paper, #faf5e6);--glass-overlay-border: transparent;--glass-overlay-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .06);--glass-overlay-radius: var(--border-radius-xl);--overlay-scrim: rgba(234, 233, 229, .62);--tour-backdrop-overlay: rgba(43, 35, 25, .42);--tour-blocking-overlay: rgba(43, 35, 25, .42);--glass-bg-dark: var(--glass-bg-light);--glass-border-dark-subtle: var(--glass-border-light-subtle);--glass-shadow-dark-subtle: var(--glass-shadow-light-subtle);--glass-inset-highlight: var(--glass-inset-highlight-light);--glass-active-overlay: var(--glass-active-overlay-light);--glass-selected-overlay: var(--glass-selected-overlay-light);--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 3px rgba(85, 65, 35, .06), 0 1px 2px rgba(85, 65, 35, .04);--shadow-elevation-02dp: 0 2px 8px rgba(85, 65, 35, .06), 0 1px 3px rgba(85, 65, 35, .04);--shadow-elevation-04dp: 0 4px 16px rgba(85, 65, 35, .06), 0 2px 4px rgba(85, 65, 35, .03);--shadow-elevation-06dp: 0 3px 6px rgba(85, 65, 35, .08), 0 6px 18px rgba(85, 65, 35, .05);--shadow-elevation-08dp: 0 4px 8px rgba(85, 65, 35, .08), 0 8px 24px rgba(85, 65, 35, .05);--shadow-elevation-12dp: 0 6px 12px rgba(85, 65, 35, .08), 0 12px 32px rgba(85, 65, 35, .05);--shadow-elevation-16dp: 0 8px 16px rgba(85, 65, 35, .08), 0 16px 40px rgba(85, 65, 35, .05);--shadow-elevation-24dp: 0 12px 24px rgba(85, 65, 35, .08), 0 24px 56px rgba(85, 65, 35, .05);--shadow-inset-socket: inset 0 1px 3px rgba(85, 65, 35, .08);--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);--world-space: #e8f1f8;--world-water: #5b7d93;--world-land: #b8d4a8;--world-state: #8a8a7a;--world-county: #e6c9a8;--world-graticule: rgba(100, 90, 80, .06);--world-outline: #9a9a8a;--world-coastline: rgba(69, 58, 45, .35);--world-border: rgba(69, 58, 45, .35);--world-county-line: rgba(69, 58, 45, .25);--world-graticule-line: rgba(69, 58, 45, .1);--map-pin-connected-online: #3f62a2;--map-pin-connected-offline: #7a6f63;--map-pin-suggested: #b8935e;--map-arc-connected: #5efa82;--map-arc-suggested: #5efa82;--shadow-hard-sm: 2px 2px 0 rgba(85, 65, 35, .12);--shadow-hard-md: 3px 3px 0 rgba(85, 65, 35, .15);--shadow-hard-lg: 4px 4px 0 rgba(85, 65, 35, .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-primary);--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);--cal-page-bg: var(--beige-paper);--cal-margin-bg: color-mix(in srgb, var(--beige-canvas) 60%, var(--beige-paper));--cal-margin-rule: rgba(85, 65, 35, .1);--cal-allday-bg: var(--beige-canvas);--cal-allday-shadow: inset 0 1px 0 rgba(85, 65, 35, .04), inset 0 -1px 0 rgba(85, 65, 35, .1);--cal-allday-rule: rgba(85, 65, 35, .12);--cal-hour-line: rgba(85, 65, 35, .07);--cal-card-bg: var(--beige-paper);--cal-card-bg-hover: color-mix(in srgb, var(--beige-paper) 80%, var(--beige-linen));--cal-card-border: rgba(85, 65, 35, .12);--cal-card-border-hover: rgba(85, 65, 35, .22);--cal-card-text: var(--text-primary);--cal-card-text-muted: var(--text-charcoal);--cal-card-text-eyebrow: rgba(85, 65, 35, .65);--peer-edit-tint-strong: color-mix( in srgb, var(--peer-accent, var(--hue-warning)) 50%, transparent );--peer-edit-tint-soft: color-mix( in srgb, var(--peer-accent, var(--hue-warning)) 28%, transparent )}}@layer tokens;@layer tokens{[data-palette=classic]{--hue-learn: #4a9eff;--hue-earn: #d6ae54;--hue-connect: #509b5a;--hue-collab: #2f6fd0;--world-space: #0a0e1a;--world-water: #15213a;--world-land: #62996c;--world-state: #ffffff;--world-county: #ffd700;--world-outline: #888;--world-coastline: rgba(255, 255, 255, .35);--world-border: rgba(255, 255, 255, .35);--world-county-line: rgba(255, 255, 255, .25);--world-graticule-line: rgba(255, 255, 255, .1)}}@layer tokens{[data-palette=vivid]{--hue-learn: #9D00FF;--hue-earn: #DE811D;--hue-connect: #6bFF00;--hue-collab: #0066FF;--world-land: #2d5a2a}}@layer tokens{[data-palette=garden]{--hue-learn: #8fb3cc;--hue-earn: #c4a155;--hue-connect: #7d9a80;--hue-collab: #5c86b8;--world-land: #678f78;--world-state: #f8f5ed;--world-county: #c4a155;--world-coastline: rgba(248, 245, 237, .32);--world-border: rgba(248, 245, 237, .32)}}@layer layout{.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:1024px){.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;top:0;right:0;bottom:0;left: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}}}@layer tokens{: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(--accent-gold);--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(--accent-gold);--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(--accent-gold) 20%, transparent 80%);--verification-badge-expert-color: var(--accent-gold);--verification-badge-expert-border: color-mix(in srgb, var(--accent-gold) 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)}}@layer layout{.two-panel-layout{position:relative;display:flex;flex-direction:row;height:100%;width:100%;overflow:hidden}.two-panel-layout__center{flex:1;min-width:0;min-height:0;overflow:hidden;position:relative;transition:margin-right var(--panel-transition-duration) var(--panel-transition-easing)}@media(min-width:1024px){.two-panel-layout.is-panel-expanded .two-panel-layout__center{margin-right:var(--panel-expanded-width)}}@media(min-width:1400px){.two-panel-layout.is-panel-expanded .two-panel-layout__center{margin-right:var(--panel-expanded-width-wide)}}.two-panel-layout__panel{position:absolute;top:0;right:0;bottom:0;width:var(--panel-collapsed-width);z-index:var(--panel-z-collapsed);background:var(--panel-bg);border-left:var(--panel-border);transition:width var(--panel-transition-duration) var(--panel-transition-easing)}.two-panel-layout.is-panel-expanded .two-panel-layout__panel{width:var(--panel-expanded-width);z-index:var(--panel-z-expanded)}@media(min-width:1400px){.two-panel-layout.is-panel-expanded .two-panel-layout__panel{width:var(--panel-expanded-width-wide)}}@media(max-width:1023px){.two-panel-layout.is-panel-expanded .two-panel-layout__center{margin-right:0}.two-panel-layout__panel{width:var(--panel-collapsed-width);z-index:var(--panel-z-collapsed)}.two-panel-layout.is-panel-expanded .two-panel-layout__panel{width:var(--panel-expanded-width);z-index:var(--panel-z-mobile-overlay);box-shadow:var(--panel-shadow-elevated)}}@media(max-width:600px){.two-panel-layout__panel{width:0;pointer-events:none;opacity:0}.two-panel-layout.is-panel-expanded .two-panel-layout__panel{width:100vw;pointer-events:auto;opacity:1;z-index:var(--panel-z-mobile-overlay)}.two-panel-layout.is-panel-expanded .two-panel-layout__center{margin-right:0}}.two-panel-layout__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-strong, rgba(0, 0, 0, .5));z-index:var(--panel-backdrop-z);opacity:0;pointer-events:none;transition:opacity var(--panel-transition-duration) var(--panel-transition-easing)}.two-panel-layout.is-panel-expanded .two-panel-layout__backdrop{opacity:1;pointer-events:auto}@media(min-width:1024px){.two-panel-layout__backdrop{display:none}}.two-panel-layout--hide-collapsed .two-panel-layout__panel{width:0;pointer-events:none;opacity:0;border-left:none}.two-panel-layout--hide-collapsed.is-panel-expanded .two-panel-layout__panel{width:var(--panel-expanded-width);pointer-events:auto;opacity:1;border-left:var(--panel-border)}.two-panel-layout__panel-content{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.two-panel-layout__center--fill{display:flex;flex-direction:column}.two-panel-layout__center--fill>*{flex:1;min-height:0}}@layer utilities{:root[data-render-tier=reduced]{--glass-blur: none;--glass-blur-strong: none;--glass-blur-effect: none;--glass-blur-light: none;--glass-blur-heavy: none;--overlay-scrim-blur: none;--organic-modal-bg-blur: none}:root[data-render-tier=reduced] *:not(.backdrop-filter-keep){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}:root[data-render-tier=reduced] #root:after{display:none}}@layer utilities{:root[data-focus-level=focus] [data-ambient]{display:none}}@layer components{.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);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;top:0;right:0;bottom:0;left: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}}}@layer components{@property --rim-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.rim-orbit{--rim-connect: var(--category-connect, #81c784);--rim-learn: var(--category-learn, #6c8eef);--rim-earn: var(--category-earn, #d4a574);--rim-duration: 3s;--rim-thickness: 1.5px;--rim-iterations: 1;--rim-spin-to: 720deg;--rim-z: 3;--rim-stops: transparent 0%, var(--rim-connect) 12%, var(--rim-learn) 28%, var(--rim-earn) 44%, transparent 70%}.light-theme .rim-orbit{--rim-connect: #3fb15a;--rim-learn: #3d86e6;--rim-earn: #e3a522}@media(prefers-reduced-motion:no-preference){.rim-orbit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:var(--rim-z);background:conic-gradient(from var(--rim-angle),var(--rim-stops));padding:var(--rim-thickness);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;animation:rimOrbitSpin var(--rim-duration) linear var(--rim-iterations) both,rimOrbitFade var(--rim-duration) ease-in-out var(--rim-iterations) both}.rim-orbit--loop:before{animation:rimOrbitSpin var(--rim-duration) linear var(--rim-iterations) both}}@keyframes rimOrbitSpin{to{--rim-angle: var(--rim-spin-to, 720deg)}}@keyframes rimOrbitFade{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0}}}@layer components{.tab-capsule{--tab-capsule-gap: 2px;--tab-capsule-padding: 4px;--tab-capsule-radius: var(--button-radius-pill, 24px);--tab-btn-height: 32px;--tab-btn-min-width: 32px;--tab-btn-radius: calc(var(--tab-capsule-radius) - 4px)}.tab-capsule{display:inline-flex;align-items:center;gap:var(--tab-capsule-gap);padding:var(--tab-capsule-padding);background:var(--elevation-00dp);border:1px solid var(--border-light);border-radius:var(--tab-capsule-radius)}.tab-capsule__btn{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:var(--tab-btn-min-width);height:var(--tab-btn-height);padding:0 var(--spacing-sm);border:none;border-radius:var(--tab-btn-radius);background:transparent;color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s var(--button-ease, cubic-bezier(.34, 1.3, .64, 1)),box-shadow .15s ease}.tab-capsule__btn svg{width:16px;height:16px;flex-shrink:0}.tab-capsule__btn--icon-only{width:var(--tab-btn-min-width);padding:0}.tab-capsule__btn:hover{background:var(--state-hover);color:var(--text-secondary);transform:scale(1.08)}.tab-capsule__btn:active{transform:scale(.92)}.tab-capsule__btn:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.tab-capsule__btn--active{background:var(--elevation-04dp);color:var(--text-on-accent, white);box-shadow:inset 0 1px 2px #00000026}.tab-capsule__btn--active:hover{transform:scale(1.04)}.tab-capsule__badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;background:var(--accent-primary);border-radius:8px;font-size:var(--type-detail);font-weight:var(--font-weight-semibold, 600);color:var(--text-on-accent, #fff);display:flex;align-items:center;justify-content:center;line-height:var(--line-height-none)}.tab-capsule__divider{width:1px;height:16px;background:var(--border-subtle, rgba(255, 255, 255, .1));align-self:center;flex-shrink:0;margin:0 2px}.tab-capsule--compact{--tab-capsule-padding: 2px;--tab-btn-height: 28px;--tab-btn-min-width: 28px}.tab-capsule--compact .tab-capsule__btn{font-size:var(--font-size-xs)}.tab-capsule--compact .tab-capsule__btn svg{width:14px;height:14px}body.light-theme .tab-capsule{background:var(--elevation-00dp);border-color:var(--beige-sand, rgba(0, 0, 0, .1))}body.light-theme .tab-capsule__btn{color:var(--text-secondary)}body.light-theme .tab-capsule__btn:hover{background:#0000000d;color:var(--text-primary)}body.light-theme .tab-capsule__btn--active{background:var(--elevation-04dp);color:var(--accent-sage, #8b9a7f);box-shadow:inset 0 1px 2px #00000014}}@layer components{.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:var(--type-prose);font-weight:var(--font-weight-semibold);line-height:var(--line-height-none);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-primary)}.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:var(--type-subheading)}.zoom-control-btn svg{width:20px;height:20px}}@media(hover:none)and (pointer:coarse){.zoom-control-btn{--zoom-btn-size: 44px}}}@layer components{:root{--lens-color: var(--accent-blue);--lens-color-rgb: 74, 158, 255;--lens-glow-alpha: .35;--lens-pulse-alpha: .2;--lens-ring-alpha: .12;--lens-selected-ring-alpha: .25}@keyframes lens-pulse{0%,to{box-shadow:var(--lens-base-shadow, var(--shadow-elevation-02dp)),0 0 rgba(var(--lens-color-rgb),var(--lens-pulse-alpha))}50%{box-shadow:var(--lens-base-shadow, var(--shadow-elevation-02dp)),0 0 0 3px rgba(var(--lens-color-rgb),var(--lens-ring-alpha))}}.lens-active{cursor:crosshair;border-style:dashed;border-color:var(--lens-color);animation:lens-pulse 3s ease-in-out infinite}.lens-active:hover{border-color:var(--lens-color);box-shadow:var(--lens-base-shadow, var(--shadow-elevation-04dp)),0 0 10px rgba(var(--lens-color-rgb),var(--lens-glow-alpha))}.lens-selected{border-style:solid;border-color:var(--lens-color);border-width:2px;box-shadow:var(--lens-base-shadow, var(--shadow-elevation-04dp)),0 0 0 3px rgba(var(--lens-color-rgb),var(--lens-selected-ring-alpha));animation:none}@keyframes lens-underline-pulse{0%,to{text-decoration-color:rgba(var(--lens-color-rgb),.5)}50%{text-decoration-color:var(--lens-color)}}body.lens-mode-active .wikilink{cursor:crosshair;outline:1px dashed var(--lens-color);outline-offset:2px;border-radius:2px;animation:lens-underline-pulse 3s ease-in-out infinite}body.lens-mode-active .wikilink:hover{outline-width:2px;outline-style:solid;background:rgba(var(--lens-color-rgb),.08);box-shadow:0 0 8px rgba(var(--lens-color-rgb),var(--lens-glow-alpha))}body.lens-mode-active .wikilink-inline{cursor:crosshair;text-decoration:underline dashed var(--lens-color);text-underline-offset:3px;animation:lens-underline-pulse 3s ease-in-out infinite}body.lens-mode-active .wikilink-inline:hover{text-decoration-style:solid;background:rgba(var(--lens-color-rgb),.08);box-shadow:0 0 6px rgba(var(--lens-color-rgb),var(--lens-glow-alpha));border-radius:2px}}@layer components{.search-bar{position:relative;width:100%;max-width:100%;min-width:0}.search-bar__container{display:flex;align-items:center;gap:var(--spacing-sm, 8px);height:40px;padding:0 var(--spacing-md, 12px);background:var(--search-bar-bg);border:1px solid var(--search-bar-border-color);border-radius:var(--search-bar-radius);box-shadow:var(--search-bar-shadow);min-width:0;overflow:hidden;transition:background var(--transition-fast, .2s ease),border-color var(--transition-fast, .2s ease),box-shadow var(--transition-fast, .2s ease)}.search-bar__container:focus-within{background:var(--search-bar-bg-focus);border-color:var(--search-bar-border-color-focus);box-shadow:var(--search-bar-shadow-focus);outline:none}.search-bar__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary);transition:color var(--transition-fast, .2s ease)}.search-bar__icon svg{width:18px;height:18px}.search-bar__container:focus-within .search-bar__icon--left{color:var(--ink-connect, #82c2fe)}.search-bar__input{flex:1 1 auto;min-width:0;height:100%;padding:0;background:transparent;border:none;outline:none;font-family:var(--font-sans);font-size:var(--font-size-sm, 14px);color:var(--text-primary);box-shadow:none}.search-bar__input:focus{outline:none;box-shadow:none}.search-bar__input::placeholder{color:var(--text-tertiary)}.search-bar__clear{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;flex-shrink:0;transition:background var(--transition-fast, .2s ease),color var(--transition-fast, .2s ease),transform var(--transition-fast, .2s ease)}.search-bar__clear:hover{background:var(--state-hover);color:var(--text-primary)}.search-bar__clear:active{transform:scale(.95)}.search-bar__clear svg{width:16px;height:16px}.search-bar__spinner{width:18px;height:18px;border:2px solid var(--border-light);border-top-color:var(--accent-blue, #82c2fe);border-radius:50%;animation:search-bar-spin .8s linear infinite;flex-shrink:0}@keyframes search-bar-spin{to{transform:rotate(360deg)}}.search-bar__dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:320px;background:var(--elevation-04dp);border:1px solid var(--border-light);border-radius:var(--border-radius-md, 12px);box-shadow:var(--shadow-elevation-04dp);overflow-y:auto;z-index:100;animation:search-bar-dropdown-slide .15s ease-out}@keyframes search-bar-dropdown-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-bar__dropdown-header{padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);font-size:var(--font-size-xs, 12px);color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle)}.search-bar__dropdown-empty{padding:var(--spacing-lg, 16px);text-align:center;font-size:var(--font-size-sm, 14px);color:var(--text-secondary)}.search-bar__dropdown-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-lg, 16px);font-size:var(--font-size-sm, 14px);color:var(--text-secondary)}.search-bar__dropdown-error{padding:var(--spacing-md, 12px);text-align:center;font-size:var(--font-size-sm, 14px);color:var(--accent-red)}.search-bar__result{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);cursor:pointer;transition:background var(--transition-fast, .2s ease)}.search-bar__result:hover{background:var(--state-hover)}.search-bar__result:active{background:var(--state-pressed)}.search-bar__result-icon{flex-shrink:0;color:var(--text-secondary)}.search-bar__result-icon svg{width:20px;height:20px}.search-bar__result-info{flex:1;min-width:0}.search-bar__result-title{font-size:var(--font-size-sm, 14px);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-bar__result-subtitle{font-size:var(--font-size-xs, 12px);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-bar--compact .search-bar__container{height:32px;padding:0 var(--spacing-sm, 8px);border-radius:16px}.search-bar--compact .search-bar__icon svg{width:16px;height:16px}.search-bar--compact .search-bar__input{font-size:var(--font-size-xs, 12px)}.search-bar--compact .search-bar__clear{width:20px;height:20px}.search-bar--compact .search-bar__clear svg{width:14px;height:14px}.search-bar--inline .search-bar__dropdown{display:none}body.light-theme .search-bar__dropdown{background:var(--elevation-04dp);border-color:#0000001a;box-shadow:0 4px 12px #453a2d26,0 8px 24px #453a2d1a}body.light-theme .search-bar__result:hover{background:#0000000d}@media(prefers-reduced-motion:reduce){.search-bar__spinner,.search-bar__dropdown{animation:none}}@media(prefers-contrast:high){.search-bar__container{border-width:2px}}@media(max-width:600px){.search-bar__container{height:44px}.search-bar--compact .search-bar__container{height:36px}.search-bar__dropdown{max-height:60vh}}}@layer components{.wikilink-inline{color:var(--wikilink-color);background:none;padding:0;border-radius:0;cursor:pointer;font-weight:var(--font-weight-medium);text-decoration:none;transition:text-decoration-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.wikilink-inline:hover,.wikilink-inline:focus-visible{text-decoration:underline;text-underline-offset:2px;outline:none}.wikilink{color:var(--wikilink-color);font-weight:var(--font-weight-medium);text-decoration:none;border-bottom:1px dotted color-mix(in oklab,var(--wikilink-color) 50%,transparent);padding-bottom:1px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.wikilink:hover,.wikilink:focus-visible{color:var(--wikilink-color-hover, var(--wikilink-color));border-bottom-color:var(--wikilink-color);outline:none}.wikilink--implicit{--implicit-link-rest-border: none;--implicit-link-weight: 500;font-weight:var(--implicit-link-weight);border-bottom:var(--implicit-link-rest-border);padding-bottom:1px}.wikilink--implicit:hover,.wikilink--implicit:focus-visible{border-bottom:1px dotted color-mix(in oklab,var(--wikilink-color) 50%,transparent)}.wikilink-missing{color:var(--text-muted);font-style:italic;border-bottom:1px dashed color-mix(in oklab,var(--text-muted) 40%,transparent);cursor:help}.hashtag{display:inline-block;color:var(--accent-warm, var(--wikilink-color));background:color-mix(in oklab,var(--accent-warm, var(--wikilink-color)) 12%,transparent);padding:0 6px;border-radius:4px;font-size:.92em;font-weight:var(--font-weight-medium);text-decoration:none;white-space:nowrap}.vault-embed{display:inline-block;font-size:.9em;color:var(--text-muted);background:var(--state-hover, rgba(255, 255, 255, .06));padding:1px 8px;border-radius:4px;border:1px dashed color-mix(in oklab,var(--text-muted) 30%,transparent);font-style:italic;cursor:help}}@layer components{.chat-messages{max-height:500px;overflow-y:auto;overflow-x:hidden;overflow-anchor:none;padding:var(--chat-container-padding-x);display:flex;flex-direction:column;padding-top:var(--chat-container-padding-top);gap:var(--chat-container-gap);background:var(--elevation-01dp);color:var(--text-primary);transition:max-height .2s cubic-bezier(.4,0,.2,1)}.dynamic-input-container.dragging .chat-messages{transition:none}.compaction-summary{background:var(--elevation-02dp);border:1px solid var(--state-hover);border-radius:var(--radius-sm, 8px);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:var(--spacing-xs);max-width:100%}.compaction-summary__header{display:flex;align-items:center;gap:var(--spacing-xs)}.compaction-summary__toggle{font-size:var(--type-detail);color:var(--text-tertiary, rgba(255, 255, 255, .45));flex-shrink:0}.compaction-summary__label{font-size:var(--type-detail);color:var(--text-secondary, rgba(255, 255, 255, .6));font-style:italic}.compaction-summary__content{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--state-hover)}.compaction-summary__brief{font-size:var(--type-detail);color:var(--text-secondary, rgba(255, 255, 255, .6));margin:0 0 var(--spacing-xs);line-height:var(--line-height-snug)}.compaction-summary__takeaways{margin:0;padding-left:var(--spacing-md);list-style:disc}.compaction-summary__takeaways li{font-size:var(--type-detail);color:var(--text-secondary, rgba(255, 255, 255, .6));line-height:var(--line-height-normal);margin-bottom:2px}.message{max-width:var(--chat-bubble-max-width);min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.message.user{align-self:flex-end;margin-left:var(--chat-message-margin-x);margin-right:var(--chat-message-margin-x)}.message.assistant{align-self:flex-start;margin-left:var(--chat-message-margin-x);margin-right:var(--chat-message-margin-x)}.message.system{align-self:center;max-width:90%}.message-focus-tag{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;margin-bottom:2px;border:none;border-radius:8px;background:var(--elevation-overlay-01dp, rgba(255, 255, 255, .05));color:var(--text-tertiary, rgba(255, 255, 255, .4));font-size:var(--type-detail);cursor:pointer;transition:background .15s}.message-focus-tag:hover{background:var(--state-hover, rgba(255, 255, 255, .08));color:var(--text-secondary, rgba(255, 255, 255, .7))}.message-focus-tag__dot{width:5px;height:5px;border-radius:50%;background:var(--text-tertiary, rgba(255, 255, 255, .4))}.message--dimmed{opacity:var(--message-dimmed-opacity, .4);transition:opacity var(--transition-medium, .2s)}.message--dimmed:hover{opacity:var(--message-dimmed-hover-opacity, .7)}.message-content{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;font-family:var(--font-sans);font-optical-sizing:auto;color:var(--text-primary);counter-reset:merged-ol}.message-content.formatted-chat-message{padding:0;font-family:var(--font-sans);overflow-wrap:break-word}.message-content.formatted-chat-message p{margin:0;line-height:var(--line-height-normal)}.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:var(--space-3)}.message-content.formatted-chat-message p+ul,.message-content.formatted-chat-message p+ol,.message-content.formatted-chat-message p+blockquote,.message-content.formatted-chat-message ul+p,.message-content.formatted-chat-message ol+p,.message-content.formatted-chat-message blockquote+p{margin-top:var(--space-3)}.message.assistant .message-content p>strong:first-child,.message.atai-message .message-content p>strong:first-child{display:inline-block;color:var(--text-primary);font-family:var(--font-sans);font-weight:var(--font-weight-semibold);letter-spacing:.005em;margin-right:2px}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{margin:var(--space-4) 0 var(--space-2) 0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:inherit;font-family:inherit}.message-content h1:first-child,.message-content h2:first-child,.message-content h3:first-child,.message-content h4:first-child,.message-content h5:first-child,.message-content h6:first-child{margin-top:0}.message-content h1{font-size:var(--font-size-xl)}.message-content h2{font-size:var(--font-size-lg)}.message-content h3,.message-content h4{font-size:var(--font-size-md)}.message-content h5,.message-content h6{font-size:var(--font-size-sm)}.message.assistant .message-content,.message.assistant .message-content li,.message.assistant .message-content blockquote{font-family:var(--font-sans);font-size:var(--chat-prose-size);font-weight:var(--font-weight-regular);line-height:var(--line-height-ai-prose);letter-spacing:-.005em}.message.assistant .message-content{max-width:80ch}.message.assistant .message-content p{margin:0 0 .9em;line-height:var(--line-height-ai-prose);font-family:var(--font-sans);font-size:var(--chat-prose-size);font-weight:var(--font-weight-regular);letter-spacing:-.005em}.message.assistant .message-content p:last-child{margin-bottom:0}.message.user .message-content p{margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-normal);font-family:var(--font-sans);font-size:var(--chat-prose-size)}.message.other-user .message-content p{margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-relaxed);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:var(--line-height-relaxed);font-family:inherit}.message-content ul li{list-style-type:disc}.message.assistant .message-content ul{list-style:none;padding-left:1.1em}.message.assistant .message-content ul>li{list-style:none;position:relative}.message.assistant .message-content ul>li:before{content:"–";position:absolute;left:-1.1em;color:var(--text-tertiary)}.message-content ol{list-style:none}.message-content ol li{counter-increment:merged-ol;display:list-item}.message-content ol li::marker{content:counter(merged-ol) ". ";font-weight:var(--font-weight-semibold)}.message-content li>p{margin:0}.message-content li>p+p{margin-top:.5em}.message-content strong{font-weight:var(--font-weight-semibold);color:inherit}.message-content em{font-style:italic;color:inherit}.message.assistant .message-content em,.message.atai-message .message-content em{font-weight:var(--font-weight-medium)}.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:var(--font-mono);font-size:var(--font-size-sm);border:1px solid var(--border-light)}.message-content pre{background:var(--bg-secondary);padding:1em 1.25em;border-radius:6px;overflow-x:auto;margin:var(--spacing-xs) 0;border:1px solid var(--border-light);font-family:var(--font-mono)}.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:2px solid var(--border-subtle);font-style:italic;font-family:var(--font-sans);font-weight:var(--font-weight-medium);line-height:var(--line-height-ai-prose)}.message.user .message-content blockquote{margin:var(--spacing-xs) 0;padding:var(--spacing-xs) var(--spacing-md);border-left:2px solid var(--border-subtle);font-style:italic;font-family:var(--font-sans)}.message-content table{border-collapse:collapse;display:block;width:fit-content;max-width:100%;overflow-x:auto;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(--ink-connect);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-row--cluster-start+.message-row--cluster-mid,.message-row--cluster-start+.message-row--cluster-end,.message-row--cluster-mid+.message-row--cluster-mid,.message-row--cluster-mid+.message-row--cluster-end{margin-top:calc(var(--chat-gap-tight) - var(--chat-container-gap))}.day-separator{display:flex;align-items:center;justify-content:center;margin:var(--spacing-md) 0 var(--spacing-xs)}.day-separator__chip{font-family:var(--font-sans);font-size:var(--type-detail);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;background:var(--elevation-02dp);border:1px solid var(--border-subtle);border-radius:var(--border-radius-capsule);padding:4px 12px}.message-row{display:flex;flex-direction:column;position:relative}.message-row--right{align-items:flex-end}.message-row--left{align-items:flex-start}.message-row__meta{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:4px;padding:0 var(--spacing-xs)}.message-row--right .message-row__meta{flex-direction:row-reverse}.message-row__time{font-family:var(--font-sans);font-size:var(--type-detail);line-height:var(--line-height-none);color:var(--text-quaternary);letter-spacing:.02em;font-variant-numeric:tabular-nums;opacity:.7;transition:opacity var(--duration-fast) var(--ease-out-smooth);-webkit-user-select:none;user-select:none}.message-row:hover .message-row__time{opacity:1}.message-row__experts-wrap{position:relative;display:inline-flex;align-items:center}.message-row__copy,.message-row__save-block,.message-row__to-thread,.message-row__experts{display:none;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:transparent;color:var(--text-quaternary);border-radius:var(--border-radius-sm);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out-smooth),color var(--duration-fast) var(--ease-out-smooth),background var(--duration-fast) var(--ease-out-smooth)}@media(hover:hover){.message-row__copy,.message-row__save-block,.message-row__to-thread,.message-row__experts{display:inline-flex;opacity:0;pointer-events:none}.message-row:hover .message-row__copy,.message-row:hover .message-row__save-block,.message-row:hover .message-row__to-thread,.message-row:hover .message-row__experts{opacity:.7;pointer-events:auto}.message-row__copy:hover{opacity:1}.message-row__copy:active{opacity:.85}.message-row__copy:disabled{opacity:.4;cursor:default}.message-row__save-block:hover{opacity:1;color:var(--ink-earn)}.message-row__save-block:active{opacity:.85}.message-row__save-block--saved,.message-row:hover .message-row__save-block--saved{opacity:.5;color:var(--ink-earn);cursor:default;pointer-events:auto}.message-row__to-thread:hover{opacity:1;color:var(--accent-purple)}.message-row__to-thread:active{opacity:.85}.message-row__experts:hover{opacity:1;color:var(--ink-connect, #81c784)}.message-row__experts:active{opacity:.85}}.message-row__to-thread--sent,.message-row:hover .message-row__to-thread--sent{opacity:.5;color:var(--accent-purple);cursor:default;pointer-events:auto}.message-row__to-thread--sending,.message-row:hover .message-row__to-thread--sending{opacity:.5;cursor:default}.message-row__to-thread--failed,.message-row:hover .message-row__to-thread--failed{opacity:1;color:var(--color-error)}.message-row--meta-revealed .message-row__copy,.message-row--meta-revealed .message-row__save-block,.message-row--meta-revealed .message-row__to-thread,.message-row--meta-revealed .message-row__experts{display:inline-flex;width:28px;height:28px;opacity:1;pointer-events:auto}.message-row--meta-revealed .message-row__copy:disabled{opacity:.4;cursor:default}.message-row--meta-revealed .message-row__save-block{color:var(--ink-earn)}.message-row--meta-revealed .message-row__save-block--saved{opacity:.5;cursor:default}.message-row--meta-revealed .message-row__experts{color:var(--ink-connect, #81c784)}.message-row--meta-revealed .message-row__to-thread{color:var(--accent-purple)}.captured-block-chip-strip{display:flex;flex-direction:column;gap:var(--space-1, 4px);margin-top:var(--space-2, 8px)}.captured-block-chip{display:inline-flex;align-items:center;gap:var(--space-2, 8px);align-self:flex-start;max-width:100%;padding:var(--space-1, 4px) var(--space-2, 8px);border:1px solid rgba(212,175,55,.28);border-radius:var(--border-radius-md, 8px);background:#d4af3714;color:var(--text-secondary)}.captured-block-chip__icon{display:inline-flex;flex-shrink:0;color:var(--ink-earn)}.captured-block-chip__body{display:inline-flex;flex-direction:column;min-width:0;line-height:var(--line-height-tight)}.captured-block-chip__label{font-size:var(--font-size-2xs, .6875rem);font-weight:var(--font-weight-semibold, 600);letter-spacing:.02em;text-transform:uppercase;color:var(--ink-earn)}.captured-block-chip__preview{font-size:var(--font-size-xs, .75rem);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.captured-block-chip__file{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;margin-left:var(--space-1, 4px);padding:2px var(--space-2, 8px);border:1px solid rgba(212,175,55,.3);border-radius:var(--border-radius-sm, 6px);background:transparent;color:var(--ink-earn);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:background var(--duration-fast) var(--ease-out-smooth)}.captured-block-chip__file:hover{background:#d4af3724}.captured-block-chip__file:disabled{opacity:.6;cursor:default}.captured-block-chip__view{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;margin-left:var(--space-1, 4px);padding:2px var(--space-2, 8px);border:none;border-radius:var(--border-radius-sm, 6px);background:transparent;color:var(--ink-earn);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:background var(--duration-fast) var(--ease-out-smooth)}.captured-block-chip__view:hover{background:#d4af3724}.message-more-inline{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs);width:100%}.typing-indicator{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)}.typing-indicator__dot{width:8px;height:8px;background:var(--accent-gold);border-radius:50%;opacity:.4;transform:scale(.8);animation:typing 1.2s infinite ease-in-out;flex-shrink:0}.typing-indicator__dot:nth-of-type(1){animation-delay:0s}.typing-indicator__dot:nth-of-type(2){animation-delay:.2s}.typing-indicator__dot:nth-of-type(3){animation-delay:.4s}@keyframes typing{0%,to{opacity:.4;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.typing-indicator__hint{margin-left:var(--space-1, 4px);font-size:var(--type-body);font-style:italic;color:var(--text-secondary);animation:typingHintFade .2s ease-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes typingHintFade{0%{opacity:0}to{opacity:1}}.typing-indicator--glyph{gap:var(--space-1, 4px)}.thinking-glyph{flex-shrink:0;width:1em;text-align:center;color:var(--ink-earn);font-size:var(--type-prose);line-height:var(--line-height-none)}.thinking-glyph:after{content:"·"}@media(prefers-reduced-motion:no-preference){.thinking-glyph:after{animation:thinkingGlyphMorph 1.6s steps(1,end) infinite}}@keyframes thinkingGlyphMorph{0%{content:"·"}25%{content:"∴"}50%{content:"∵"}75%{content:"·"}}.message-stop-btn{display:inline-flex;align-items:center;gap:var(--space-2, 8px);margin-top:var(--space-2, 8px);padding:4px 10px;border:1px solid var(--border-color, rgba(255, 255, 255, .12));border-radius:var(--border-radius-capsule, 999px);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--type-detail);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:background var(--transition-fast, .15s),color var(--transition-fast, .15s),border-color var(--transition-fast, .15s)}.message-stop-btn:hover{background:var(--state-hover);color:var(--text-primary)}.message-stop-btn__icon{width:9px;height:9px;border-radius:2px;background:currentColor;flex-shrink:0}.message-stopped-row{display:flex;align-items:center;gap:var(--space-3, 12px);margin-top:var(--space-2, 8px)}.message-stopped-label{font-size:var(--type-detail);font-style:italic;color:var(--text-tertiary)}.message-regenerate-btn{padding:3px 10px;border:1px solid var(--border-color, rgba(255, 255, 255, .12));border-radius:var(--border-radius-capsule, 999px);background:transparent;color:var(--text-secondary);font-size:var(--type-detail);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:background var(--transition-fast, .15s),color var(--transition-fast, .15s)}.message-regenerate-btn:hover{background:var(--state-hover);color:var(--ink-earn)}.typing-indicator--tool{align-items:center;gap:var(--space-2, 8px);padding:var(--space-1, 4px) var(--space-2, 8px);font-size:var(--type-body);color:var(--text-secondary);font-style:italic}.typing-indicator__shimmer-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-gold);animation:typingShimmerDot 1.1s ease-in-out infinite;flex-shrink:0}.typing-indicator__tool-label{animation:typingLabelFade .26s ease-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.typing-indicator__elapsed{opacity:.55;font-variant-numeric:tabular-nums;margin-left:.15em}@keyframes typingShimmerDot{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@keyframes typingLabelFade{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.typing-indicator__shimmer-dot,.typing-indicator__tool-label{animation:none}.typing-indicator__shimmer-dot{opacity:.75}}.message.dialogue-condition-msg .message-content{background:color-mix(in srgb,var(--tree-green) 5%,var(--elevation-02dp));border-left:2px solid color-mix(in srgb,var(--tree-green) 35%,transparent)}.message.streaming{animation:fadeInStream .2s ease-out}.message-content-wrapper,.message-content-wrapper.streaming-text{display:inline}.message-content-wrapper--media-only{display:block}.streaming-text-wrapper,.streaming-text-wrapper .message-content{display:inline}.streaming-cursor-start{margin-left:0}.streaming-cursor{display:inline-block;color:var(--ink-earn);font-weight:var(--font-weight-bold);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:var(--type-body)}.function-call-indicator .function-icon{animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.web-search-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:var(--type-body);margin-bottom:var(--spacing-xs)}.web-search-indicator .search-icon{animation:pulse 1.5s ease-in-out infinite;flex-shrink:0}.web-search-indicator__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web-search-indicator__elapsed{opacity:.55;font-variant-numeric:tabular-nums;margin-left:.15em;flex-shrink:0}.web-search-indicator__track{position:relative;flex:1 1 auto;min-width:32px;height:2px;margin-left:var(--spacing-xs);border-radius:1px;background:var(--state-hover);overflow:hidden}.web-search-indicator__track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent 0%,var(--accent-gold) 50%,transparent 100%);transform:translate(-100%);animation:webSearchSweep 1.4s ease-in-out infinite}@keyframes webSearchSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.web-search-indicator .search-icon,.web-search-indicator__track:after{animation:none}.web-search-indicator__track:after{transform:translate(0);opacity:.5}}.stream-stall-note{font-size:var(--type-detail);color:var(--text-tertiary, var(--text-secondary));opacity:.8;padding:var(--spacing-xs) 0;font-style:italic}.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:var(--font-weight-medium);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(--ink-earn)}60%{transform:translateY(0);opacity:.7;color:var(--text-secondary)}}.message.user .message-content{background:var(--chat-bubble-user-bg);color:var(--chat-bubble-user-color);border:1px solid var(--chat-bubble-user-border);padding:var(--chat-bubble-padding-y) var(--chat-bubble-padding-x);border-radius:var(--chat-bubble-radius-user);font-size:var(--chat-prose-size)}.message.assistant .message-content{background:var(--chat-bubble-assistant-bg);color:var(--chat-bubble-assistant-color);border:1px solid var(--chat-bubble-assistant-border);padding:var(--chat-bubble-padding-y) var(--chat-bubble-padding-x);border-radius:var(--chat-bubble-radius-assistant)}.message.other-user .message-content{background:var(--chat-bubble-other-bg);color:var(--chat-bubble-other-color);border:1px solid var(--chat-bubble-other-border);padding:var(--chat-bubble-padding-y) var(--chat-bubble-padding-x);border-radius:var(--chat-bubble-radius-assistant)}.message.other-user{align-self:flex-start}.message.atai-message{align-self:flex-start;max-width:var(--chat-bubble-max-width);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%);color:var(--text-primary);border:1px solid rgba(253,151,31,.4);padding:var(--chat-bubble-padding-y) var(--chat-bubble-padding-x);border-radius:var(--chat-bubble-radius-atai);box-shadow:0 2px 8px #fd971f14,0 0 12px #fd971f0a;font-weight:var(--font-weight-regular)}.message.atai-message .message-content p{margin:.5em 0;line-height:var(--line-height-normal)}.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:var(--line-height-snug)}.message.atai-message .message-content strong{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.message .message-content{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.light-theme .message-content,.light-theme .message.user .message-content,.light-theme .message.assistant .message-content,.light-theme .message.other-user .message-content,.light-theme .message.atai-message .message-content{color:var(--text-primary)}}@layer components{.message-content-wrapper--chunked{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}.message.assistant .message-content-wrapper--chunked .message-content,.message.atai-message .message-content-wrapper--chunked .message-content{background:transparent;border-color:transparent;padding:0;border-radius:0;box-shadow:none}.message-chunk{background:var(--chat-beat-bg);color:var(--chat-beat-color);border:1px solid var(--chat-beat-border);border-radius:var(--chat-bubble-radius-stacked);padding:var(--chat-bubble-padding-y) var(--chat-bubble-padding-x);transition:opacity .2s ease;--chat-beat-corner-bl: var(--chat-bubble-radius-stacked)}.message-chunk:not(:has(~.message-chunk)){border-radius:var(--chat-bubble-radius-assistant);--chat-beat-corner-bl: 4px}.message-content-wrapper--gated .message-chunk:not(:has(~.message-chunk)){border-radius:var(--chat-bubble-radius-stacked);--chat-beat-corner-bl: var(--chat-bubble-radius-stacked)}.message.assistant .message-chunk:first-child:before,.message.atai-message .message-chunk:first-child:before{content:"atai";display:block;margin-bottom:4px;font-family:var(--font-sans);font-size:var(--type-detail);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.message-content-wrapper--live-beats .message-chunk--latest{box-shadow:var(--shadow-hard-sm)}.message-content-wrapper--live-beats .message-chunk--past{opacity:.62}.message--dimmed .message-chunk--past{opacity:1}.chat-messages--browsing .message-chunk{opacity:.62;transition-duration:.12s}.chat-messages--browsing .message-chunk:not(.message-chunk--focused):not(.message-chunk--pinned){box-shadow:none}.chat-messages--browsing .message-chunk--focused,.chat-messages--browsing .message-chunk--pinned{opacity:1;box-shadow:var(--shadow-hard-sm)}.chat-messages--browsing .message--dimmed .message-chunk,.message-content-wrapper--live-beats .message-chunk--past.message-chunk--pinned{opacity:1}.message-chunk--pinned{box-shadow:var(--shadow-hard-sm)}.chunk-gate{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1) 0;color:var(--text-secondary)}.chunk-gate__advance{display:flex;flex:1;min-width:0;align-items:center;gap:var(--space-2);padding:0;background:none;border:none;cursor:pointer;color:inherit;transition:color var(--duration-fast) var(--ease-out-smooth)}.chunk-gate__advance:hover,.chunk-gate__advance:focus-visible{color:var(--text-primary)}.chunk-gate__label{flex-shrink:0;font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.chunk-gate__count{opacity:.65;font-variant-numeric:tabular-nums}.chunk-gate__advance[aria-disabled=true] .chunk-gate__label{font-weight:var(--font-weight-regular);text-transform:none;letter-spacing:normal;opacity:.8}.chunk-gate__advance[aria-disabled=true]{cursor:default}.chunk-gate__advance[aria-disabled=true] .chunk-gate__chevron{opacity:0}.chunk-gate__advance[aria-disabled=true]:hover{color:inherit}.chunk-gate__all{flex-shrink:0;padding:2px var(--space-1);background:none;border:none;cursor:pointer;color:inherit;font-family:var(--font-sans);font-size:var(--font-size-2xs);letter-spacing:.04em;text-transform:uppercase;opacity:.75;transition:opacity var(--duration-fast) var(--ease-out-smooth)}.chunk-gate__all:hover,.chunk-gate__all:focus-visible{opacity:1}.chunk-gate__rule{flex:1;height:1px;background:var(--border-subtle)}.chunk-gate__dots{display:inline-flex;align-items:center;gap:4px}.chunk-gate__dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.3;transition:opacity var(--duration-fast) var(--ease-out-smooth)}.chunk-gate__dot.is-read{opacity:.9}.chunk-gate__dot.is-live{animation:chunkGateDotPulse 1.1s ease-in-out infinite}@keyframes chunkGateDotPulse{0%,to{opacity:.25}50%{opacity:.85}}.chunk-gate__chevron{font-size:var(--type-body);line-height:var(--line-height-none);transition:transform var(--duration-fast) var(--ease-out-smooth)}.chunk-gate:hover .chunk-gate__chevron{transform:translateY(2px)}@media(prefers-reduced-motion:reduce){.message-chunk,.chunk-gate__advance,.chunk-gate__all,.chunk-gate__dot,.chunk-gate__label,.chunk-gate__chevron{transition:none}.chunk-gate__dot.is-live{animation:none;opacity:.85}}.artifact-chip{display:flex;align-items:center;gap:var(--space-2);width:100%;margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);background:var(--bg-secondary);color:var(--text-primary);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out-smooth),border-color var(--duration-fast) var(--ease-out-smooth)}.artifact-chip:hover{background:var(--bg-elevated);border-color:var(--border-color)}.artifact-chip--open{border-color:var(--accent-primary)}.artifact-chip__icon{display:inline-flex;flex-shrink:0;color:var(--text-tertiary)}.artifact-chip__body{display:flex;flex-direction:column;min-width:0;line-height:var(--line-height-tight)}.artifact-chip__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artifact-chip__meta{font-size:var(--font-size-2xs);color:var(--text-tertiary)}.artifact-chip__cta{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;margin-left:auto;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--accent-primary)}.artifact-chip--open .artifact-chip__cta{color:var(--text-tertiary)}.message-chunk{position:relative}.message-chunk:after{content:"";position:absolute;inset-block:var(--chat-bubble-radius-stacked) var(--chat-beat-corner-bl);inset-inline-start:-1px;width:2px;border-radius:999px;background:var(--accent-primary);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out-smooth)}.message-chunk--focused:after{opacity:1}.message-chunk--pinned{border-color:var(--accent-primary)}.message-chunk--pinned:after{opacity:1;width:3px}@media(hover:hover){.chat-messages:has(.message-chunk:hover) .message-chunk:hover{opacity:1;box-shadow:var(--shadow-hard-sm)}.chat-messages:has(.message-chunk:hover) .message-chunk:hover:after{opacity:1}.chat-messages:has(.message-chunk:hover) .message-chunk:not(:hover):not(.message-chunk--pinned){opacity:.62;box-shadow:none}.chat-messages:has(.message-chunk:hover) .message-chunk--focused:not(:hover):not(.message-chunk--pinned):after{opacity:0}.chat-messages:has(.message-chunk:hover) .message-chunk--pinned.message-chunk--pinned{opacity:1;box-shadow:var(--shadow-hard-sm)}.chat-messages:has(.message-chunk:hover) .message--dimmed .message-chunk:not(:hover){opacity:1}}@media(prefers-reduced-motion:reduce){.message-chunk:after{transition:none}}}@layer components{.chat-messages :is(.edited-blocks-card,.captured-block-chip,.progress-action-card,.condition-card,.connection-suggestion-card,.judgment-proposal,.add-to-tree-btn){margin-top:var(--space-2)}.chat-messages :is(.progress-action-card,.condition-card,.connection-suggestion-card){border-radius:var(--border-radius-md)}.chat-messages .progress-action-card{border-left-width:1px;border-left-color:color-mix(in srgb,var(--pac-color) 25%,transparent)}.chat-messages :is(.progress-action-card__skip,.captured-block-chip__view,.captured-block-chip__file){border-radius:var(--border-radius-capsule, 999px);font-size:var(--type-detail);font-weight:var(--font-weight-medium)}.chat-messages .progress-action-card__skip{flex:0 0 auto;min-height:0;padding:8px 18px}.chat-messages .progress-action-card__buttons{align-items:center;min-height:var(--touch-target-min, 44px)}}@layer components{:where(.formatted-content,.formatted-chat-message,.formatted-summary) img{display:block;max-width:100%;height:auto;margin:var(--spacing-sm) 0;border-radius:var(--border-radius-md);border:1px solid var(--border-subtle);background:var(--elevation-01dp)}:where(.formatted-content,.formatted-chat-message,.formatted-summary) img[width]{display:inline-block;vertical-align:middle;margin:0 2px}:where(.formatted-content,.formatted-chat-message,.formatted-summary) table{display:block;width:max-content;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:var(--spacing-sm) 0;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}:where(.formatted-content,.formatted-chat-message,.formatted-summary) th,:where(.formatted-content,.formatted-chat-message,.formatted-summary) td{padding:6px 10px;border:1px solid var(--border-subtle);text-align:left;vertical-align:top}:where(.formatted-content,.formatted-chat-message,.formatted-summary) th{background:var(--state-hover);color:var(--text-primary);font-weight:var(--font-weight-semibold);white-space:nowrap}:where(.formatted-content,.formatted-chat-message,.formatted-summary) td{color:var(--text-secondary)}:where(.formatted-content,.formatted-chat-message,.formatted-summary) tbody tr:nth-child(2n){background:var(--elevation-01dp)}:where(.formatted-content,.formatted-chat-message,.formatted-summary) [align=center]{text-align:center}:where(.formatted-content,.formatted-chat-message,.formatted-summary) [align=right]{text-align:right}:where(.formatted-content,.formatted-chat-message,.formatted-summary) hr{height:1px;border:0;margin:var(--spacing-md) 0;background:var(--border-subtle)}:where(.formatted-content,.formatted-chat-message,.formatted-summary) del,:where(.formatted-content,.formatted-chat-message,.formatted-summary) s{color:var(--text-muted);text-decoration:line-through;text-decoration-thickness:1px}:where(.formatted-content,.formatted-chat-message,.formatted-summary) li:has(>input[type=checkbox]){list-style:none;margin-left:-1.15em}:where(.formatted-content,.formatted-chat-message,.formatted-summary) input[type=checkbox]{width:.9em;height:.9em;margin:0 .45em 0 0;vertical-align:-.08em;accent-color:var(--accent-green);opacity:.85;cursor:default}:where(.formatted-content,.formatted-chat-message,.formatted-summary) li:has(>input[type=checkbox]:checked){color:var(--text-muted)}}@layer components{.content-column{max-width:var(--content-column-max-width, 760px);width:100%;margin-inline:auto;padding-inline:var(--content-column-padding, 24px)}}@layer components{.page{width:100%;max-width:var(--measure-prose);margin-inline:auto;padding-inline:var(--page-gutter)}.page--wide{max-width:var(--measure-wide)}.page--full{max-width:var(--measure-page)}.page--flush{padding-inline:0}.grid-12{display:grid;grid-template-columns:repeat(var(--grid-columns, 12),minmax(0,1fr));gap:var(--grid-gutter)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--col-min, 220px),1fr));gap:var(--grid-gutter)}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-12{grid-column:1 / -1}@media(max-width:600px){.grid-12{grid-template-columns:minmax(0,1fr)}.col-3,.col-4,.col-6,.col-8,.col-9,.col-12{grid-column:1 / -1}}}@layer components{.settings-popover{max-width:calc(100vw - 24px);max-height:min(600px,calc(100vh - 80px));background:var(--menu-surface);border:var(--menu-border);border-radius:var(--menu-radius);box-shadow:var(--menu-shadow);z-index:var(--z-settings-popover);display:flex;flex-direction:column;overflow-y:auto;padding:var(--space-3);color:var(--text-primary);font-family:var(--font-sans);animation:settings-popover-enter var(--duration-fast) var(--ease-out-smooth) both}@keyframes settings-popover-enter{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-popover__section{display:flex;flex-direction:column;gap:var(--space-1)}.settings-popover__heading{font-family:var(--font-sans);font-size:var(--menu-trailing-font);font-weight:var(--font-weight-semibold);color:var(--menu-label-color);text-transform:none;letter-spacing:.02em;margin:0 0 var(--space-1)}.settings-popover__hint{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:var(--space-1) 0 0;line-height:var(--line-height-normal)}.settings-popover__toggle{display:flex;align-items:center;justify-content:space-between;padding:0;min-height:var(--menu-item-h);gap:var(--space-2)}.settings-popover__toggle-label{font-size:var(--menu-item-font);font-weight:var(--font-weight-regular);color:var(--text-secondary)}.settings-popover__switch{position:relative;width:36px;height:20px;border-radius:var(--border-radius-capsule);border:1px solid var(--border-subtle);background:var(--elevation-02dp);cursor:pointer;padding:0;flex-shrink:0;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease}.settings-popover__switch--on{background:var(--accent-blue);border-color:var(--accent-blue)}.settings-popover__switch-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-primary);transition:transform var(--duration-fast) ease}.settings-popover__switch--on .settings-popover__switch-thumb{background:#fff;transform:translate(16px)}.settings-popover__modes{display:flex;gap:var(--space-1)}.settings-popover__mode-btn{display:flex;align-items:center;gap:var(--space-1);padding:0 var(--menu-item-pad-x);min-height:calc(var(--menu-item-h) - 2px);border-radius:var(--menu-item-radius);border:1px solid var(--border-subtle);background:var(--elevation-02dp);color:var(--text-secondary);font-size:var(--menu-item-font);font-weight:var(--font-weight-regular);cursor:pointer;transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.settings-popover__mode-btn:hover{opacity:.8;color:var(--text-primary)}.settings-popover__mode-btn--active{background:var(--accent-blue);color:var(--text-on-accent, #fff);border-color:var(--accent-blue);font-weight:var(--font-weight-medium)}.settings-popover__mode-btn--active:hover{filter:brightness(1.1)}.settings-popover__mode-btn[disabled],.settings-popover__mode-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.settings-popover__mode-btn--coming-soon[disabled],.settings-popover__mode-btn--coming-soon[aria-disabled=true]{opacity:.7;border-color:color-mix(in srgb,var(--category-earn) 35%,var(--border-subtle))}.settings-popover__mode-btn__soon-badge{display:inline-flex;align-items:center;padding:1px 5px;margin-left:2px;border-radius:var(--border-radius-sm, 4px);background:color-mix(in srgb,var(--category-earn) 22%,transparent);color:var(--ink-earn);font-size:var(--type-detail);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;line-height:var(--line-height-none)}.settings-popover__mode-btn--flex{flex:1;justify-content:center}.settings-popover__action{display:flex;align-items:center;gap:var(--menu-item-gap);width:100%;min-height:var(--menu-item-h);padding:0 var(--menu-item-pad-x);background:transparent;border:none;border-radius:var(--menu-item-radius);color:var(--text-primary);font-size:var(--menu-item-font);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:background var(--duration-fast)}.settings-popover__action:hover:not(:disabled){background:var(--state-hover)}.settings-popover__action:disabled{opacity:.42;cursor:default}.settings-popover__action svg{flex-shrink:0}.settings-popover__action--flip svg{transform:scaleX(-1)}.settings-popover__action-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-popover__action-hint{flex-shrink:0;color:var(--text-secondary);font-size:var(--font-size-2xs, 10px);font-variant-numeric:tabular-nums;opacity:.75}.settings-popover__hide-btn{display:block;width:calc(100% - var(--space-3) * 2);margin:0 var(--space-3) var(--space-3);padding:6px 0;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--font-size-xs);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast);text-align:center}.settings-popover__hide-btn:hover{opacity:.8;color:var(--text-primary)}@media(max-width:600px){.settings-popover{max-height:min(420px,calc(100vh - 72px))}.settings-popover__hide-btn{width:calc(100% - var(--space-2) * 2);margin:0 var(--space-2) var(--space-2)}}.light-theme .settings-popover__switch{background:var(--beige-sand, #d4c9b8)}.light-theme .settings-popover__switch--on{background:var(--accent-blue)}.light-theme .settings-popover__mode-btn:hover,.light-theme .settings-popover__hide-btn:hover{opacity:.8}}@layer components{.menu{position:fixed;display:flex;flex-direction:column;min-width:var(--menu-min-w);max-width:var(--menu-max-w);padding:var(--menu-pad);background:var(--menu-surface);border:var(--menu-border);border-radius:var(--menu-radius);box-shadow:var(--menu-shadow);max-height:var(--menu-avail-h, calc(100vh - (2 * var(--menu-viewport-pad))));overflow-y:auto;overscroll-behavior:contain}.menu__item{display:flex;align-items:center;gap:var(--menu-item-gap);width:100%;min-height:var(--menu-item-h);padding:var(--menu-item-pad-y) var(--menu-item-pad-x);border:none;border-radius:var(--menu-item-radius);background:none;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--menu-item-font);font-weight:var(--font-weight-regular);line-height:1.2;text-align:left;cursor:pointer;transition:background var(--duration-fast, .12s) ease}.menu__item>.menu__item-label,.menu__item>span:not([class]){flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu__item>svg,.menu__item-icon{flex-shrink:0;width:var(--menu-icon-size);height:var(--menu-icon-size);display:inline-flex;align-items:center;justify-content:center;opacity:.85}.menu__item-icon>svg{width:var(--menu-icon-size);height:var(--menu-icon-size)}.menu__item-trailing{flex-shrink:0;margin-left:auto;padding-left:var(--space-2, 8px);font-size:var(--menu-trailing-font);font-variant-numeric:tabular-nums;color:var(--text-tertiary, rgba(248, 245, 237, .5));display:inline-flex;align-items:center;gap:4px}.menu__item:hover,.menu__item:focus-visible{background:var(--state-hover, rgba(248, 245, 237, .08))}.menu__item:active{background:var(--state-pressed, rgba(248, 245, 237, .12))}.menu__item[data-active=true]{background:var(--state-hover, rgba(248, 245, 237, .08))}.menu__item:disabled{color:var(--text-tertiary, rgba(248, 245, 237, .42));cursor:default;opacity:.72}.menu__item:disabled:hover,.menu__item:disabled[data-active=true]{background:none}.menu__item--danger{color:var(--accent-error, #e57373)}.menu__item--danger .menu__item-icon,.menu__item--danger>svg{opacity:1}.menu__mode-dot{width:5px;height:5px;border-radius:50%;opacity:.75}.menu__mode-dot--canvas{background:var(--category-connect, #4ade80)}.menu__mode-dot--hybrid{background:var(--category-learn, #5b9cf5)}.menu__item--selected{color:var(--text-primary);font-weight:var(--font-weight-medium)}.menu__label{padding:var(--menu-label-pad-t) var(--menu-item-pad-x) var(--menu-label-pad-b);font-family:var(--font-sans);font-size:var(--menu-label-font);font-weight:var(--menu-label-weight);letter-spacing:var(--menu-label-tracking);text-transform:uppercase;color:var(--menu-label-color);line-height:var(--line-height-none, 1);-webkit-user-select:none;user-select:none}.menu>.menu__label:first-child{padding-top:var(--space-1, 4px)}.menu__sep{height:0;margin:var(--space-1, 4px) var(--menu-item-pad-x);border:0;border-top:var(--menu-sep)}.menu__flyout{position:fixed;z-index:calc(var(--z-overlay-dialog-dropdown, 11200) + 1);display:flex;flex-direction:column;width:var(--menu-flyout-w);max-width:calc(100vw - 2 * var(--menu-viewport-pad));padding:var(--menu-pad);background:var(--menu-surface);border:var(--menu-border);border-radius:var(--menu-radius);box-shadow:var(--menu-shadow);max-height:var(--menu-avail-h, calc(100vh - (2 * var(--menu-viewport-pad))));overflow-y:auto;overscroll-behavior:contain}@media(prefers-reduced-motion:no-preference){.menu--animated{animation:menu-in var(--duration-fast, .12s) var(--ease-out, cubic-bezier(.2, 0, 0, 1))}.menu__flyout{animation:menu-flyout-in var(--duration-fast, .14s) var(--ease-out, cubic-bezier(.2, 0, 0, 1))}}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-flyout-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@media(pointer:coarse){:root,body{--menu-item-h: var(--touch-target-min, 44px);--menu-item-font: var(--type-body, 14px)}}}@layer components{.tooltip-bubble{position:fixed;transform:translate(-50%);background:var(--bg-elevated, #2a2b27);color:var(--text-primary);font-size:var(--font-size-xs, 11px);font-family:var(--font-sans);font-weight:var(--font-weight-medium, 500);white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis;padding:4px 8px;border-radius:var(--border-radius-sm, 6px);border:1px solid var(--border-color);box-shadow:var(--shadow-elevation-02dp, 0 2px 6px rgba(0, 0, 0, .2));pointer-events:none;z-index:var(--z-tooltip, 2100);visibility:hidden;opacity:0;transition:opacity .12s ease}.tooltip-bubble--show{visibility:visible;opacity:1}}@layer utilities{.brand-name{display:inline;text-transform:none;letter-spacing:normal}}@layer utilities{.ink-on-fill{color:#0f2413}@supports (color: oklch(from red l c h)){.ink-on-fill{color:oklch(from var(--fill, var(--ink-learn)) clamp(.18,(.62 - l) * 1000,.97) calc(c*.35) h)}}.ink-on-fill{--ink-edge: transparent}.light-theme .ink-on-fill{--ink-edge: color-mix(in srgb, var(--fill, var(--tree-green)) 70%, #000)}@supports (color: oklch(from red l c h)){.light-theme .ink-on-fill{--ink-edge: oklch(from var(--fill, var(--tree-green)) calc(l - .2) c h)}}}@layer utilities{:root,.light-theme{--house-ground: var(--bg-primary)}:root{--house-sunken: color-mix(in srgb, var(--bg-primary) 76%, #000)}:root{--house-raised: color-mix(in srgb, var(--bg-primary) 95.8%, #fff)}.light-theme{--house-raised: #fff}.light-theme{--house-sunken: color-mix(in srgb, var(--bg-primary) 96.5%, #000)}:root{--house-radius: 2px;--house-pad-block: var(--space-4);--house-pad-inline: var(--space-5);--house-rail: 1120px;--house-rail-pad: clamp(1rem, 3vw, 2rem);--house-gutter: clamp(1rem, 2.2vw, 2rem);--house-row-gap: var(--space-4);--house-measure: 66ch}.u-measure{max-width:var(--house-measure)}.u-on-sunken{--house-ground: var(--house-sunken)}body.light-theme{--warm-paper: #fcfcfa;--warm-canvas: #f3f2ee;--warm-linen: #e9e8e4;--warm-sand: #dad8d3;--warm-stone: #cdcbc6;--warm-well: #e4e2dd}:where(.u-panel){background:var(--house-panel-bg, none);border:var(--house-panel-border, 0);border-radius:var(--house-panel-radius, 0);box-shadow:var(--house-panel-ring, none);padding:var(--house-panel-pad, 0)}:where(.u-board){background:var(--house-board-bg, none);border:var(--house-board-border, 0);border-radius:var(--house-board-radius, 0);box-shadow:var(--house-board-ring, none);padding:var(--house-board-pad, 0)}:where(.u-media){background:var(--house-media-bg, none);border:var(--house-media-border, 0);border-radius:var(--house-media-radius, 0);box-shadow:var(--house-media-ring, none);padding:var(--house-media-pad, 0)}:where(.u-media)>img,:where(.u-media)>svg,:where(.u-media)>canvas{display:block;max-width:100%;height:auto}:where(.u-aside){background:var(--house-aside-bg, none);border:var(--house-aside-border, 0);border-top:var(--house-aside-border-top, var(--house-aside-border, 0));border-radius:var(--house-aside-radius, 0);padding:var(--house-aside-pad, 0);color:var(--text-secondary)}:where(.u-aside__label){font:500 var(--house-step--1) / var(--house-aside-label-leading, 1) var(--brand-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);display:block;margin-bottom:var(--house-aside-label-gap, var(--space-2))}:where(.u-blockcard){display:grid;grid-template:var(--house-blockcard-grid, "tile" 1fr "cap" auto / 1fr);gap:var(--house-blockcard-gap, 0);min-width:0;background:var(--house-blockcard-bg, none);border-radius:var(--house-blockcard-radius, 0);box-shadow:var(--house-blockcard-ring, none);padding:var(--house-blockcard-pad, 0)}:where(.u-blockcard__tile){grid-area:tile;position:relative;display:grid;place-content:var(--house-blockcard-tile-place, center);align-items:start;overflow:hidden;min-width:0;margin:var(--house-blockcard-tile-margin, 0);aspect-ratio:var(--house-blockcard-tile-ratio, auto);background:var(--house-blockcard-tile-bg, none);border-radius:var(--house-blockcard-tile-radius, 0);box-shadow:var(--house-blockcard-tile-ring, none);padding:var(--house-blockcard-tile-pad, 0)}:where(.u-blockcard[data-kind=image]) .u-blockcard__tile{background:var(--house-blockcard-media-bg, var(--house-blockcard-tile-bg, none));box-shadow:var(--house-blockcard-media-ring, var(--house-blockcard-tile-ring, none));padding:var(--house-blockcard-media-pad, var(--house-blockcard-tile-pad, 0));place-content:stretch}:where(.u-blockcard__tile)>img{display:block;width:100%;height:100%;object-fit:var(--house-blockcard-media-fit, cover);image-rendering:var(--house-blockcard-media-render, pixelated)}:where(.u-blockcard__preview){margin:0;font:var(--house-blockcard-preview-font, 400 var(--house-step--1) / 1.45 var(--brand-font-sans));color:var(--house-blockcard-preview-color, var(--text-secondary));text-align:var(--house-blockcard-preview-align, start);display:var(--house-blockcard-preview-display, -webkit-box);-webkit-box-orient:vertical;-webkit-line-clamp:var(--house-blockcard-preview-lines, 6);overflow:hidden}:where(.u-blockcard__cap){grid-area:var(--house-blockcard-cap-area, cap);align-self:end;min-width:0;margin:0;padding:var(--house-blockcard-cap-pad, 0);background:var(--house-blockcard-cap-bg, none);border-radius:var(--house-blockcard-cap-radius, 0);color:var(--house-blockcard-cap-color, var(--text-primary));font:var(--house-blockcard-cap-font, 600 var(--house-step--1) / 1.35 var(--brand-font-sans));text-align:var(--house-blockcard-cap-align, start);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(.u-blockcard__chip){position:absolute;inset-block-start:var(--house-blockcard-chip-inset, var(--space-2));inset-inline-end:var(--house-blockcard-chip-inset, var(--space-2));display:grid;place-items:center;min-width:var(--house-blockcard-chip-size, 22px);height:var(--house-blockcard-chip-size, 22px);padding:var(--house-blockcard-chip-pad, 0 6px);border-radius:var(--house-blockcard-chip-radius, var(--house-radius));background:var(--house-blockcard-chip-bg, var(--house-raised));box-shadow:var(--house-blockcard-chip-ring, inset 0 0 0 1px var(--border-color));color:var(--house-blockcard-chip-color, var(--text-secondary));font:var(--house-blockcard-chip-font, 600 var(--house-step--1) / 1 var(--brand-font-mono));font-variant-numeric:tabular-nums}}@layer utilities{:root,.light-theme{--house-aside-bg: var(--house-sunken);--house-aside-radius: var(--house-radius);--house-aside-pad: var(--house-pad-block) var(--house-pad-inline)}.u-head{border-top:1px solid var(--border-subtle);margin-block:var(--house-step-3) var(--house-step-0);padding:0}.u-head__eyebrow{font:500 var(--house-step--1) / 1 var(--brand-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary);background:var(--house-ground);padding-right:.7rem;margin:-.5em 0 var(--space-3);display:inline-block}.u-head__title{font:500 var(--house-step-1) / 1.3 var(--brand-font-sans);letter-spacing:-.005em;color:var(--text-primary);margin:0}.u-head__num{display:none}:root,.light-theme{--house-panel-bg: var(--house-sunken);--house-panel-radius: var(--house-radius);--house-panel-ring: inset 0 0 0 1px var(--border-subtle);--house-panel-pad: var(--house-pad-block) var(--house-pad-inline)}:root{--house-scale-ratio: 1.25;--house-step--1: .8rem;--house-step-0: 1rem;--house-step-1: 1.25rem;--house-step-2: 1.5625rem;--house-step-3: 1.9531rem}:root{--house-accent-rule: var(--border-subtle);--house-accent-marker: var(--text-tertiary);--house-accent-link: var(--text-primary);--house-accent-icon: currentColor}.u-link{color:var(--house-accent-link);text-decoration:underline;text-decoration-color:var(--border-color);text-underline-offset:.2em}.u-link:hover{text-decoration-color:currentColor}.u-rail{--house-rail-cols: 12;display:grid;grid-template-columns:repeat(var(--house-rail-cols),minmax(0,1fr));gap:var(--house-row-gap) var(--house-gutter);max-width:var(--house-rail);margin-inline:auto;padding-inline:var(--house-rail-pad)}.u-rail>*{grid-column:4 / span 7}.u-rail__label{grid-column:1 / span 3;text-align:right;margin:0}.u-rail__full{grid-column:1 / -1}@media(max-width:1023px){.u-rail>*,.u-rail__label{grid-column:1 / -1;text-align:left}}.u-btn{background:none;border:0;border-radius:var(--house-radius);padding:var(--space-2) var(--space-1);font:500 var(--house-step-0) / 1 var(--brand-font-sans);color:var(--text-secondary);min-height:var(--touch-target-min, 44px);cursor:pointer}.u-btn:hover{color:var(--text-primary);background:var(--state-hover)}.u-btn--primary{background:var(--brand-green);color:var(--brand-ground);padding:var(--space-2) var(--space-5)}.u-btn--primary:hover{background:var(--brand-green);filter:brightness(1.08)}.u-btn--danger{color:var(--brand-danger, var(--color-error))}:root,.light-theme{--house-board-bg: var(--house-sunken);--house-board-radius: var(--house-radius);--house-board-ring: inset 0 0 0 1px var(--border-subtle);--house-board-pad: var(--space-3)}:where(.u-dock){background:var(--chrome-surface);border:0;border-radius:0;box-shadow:inset -1px 0 0 0 var(--chrome-edge)}:where(.u-dock__head){border-bottom:1px solid var(--chrome-edge)}body.light-theme{--warm-paper: #fcfcfa;--warm-canvas: #f3f2ee;--warm-linen: #e9e8e4;--warm-sand: #dad8d3;--warm-stone: #cdcbc6;--warm-well: #e4e2dd}:where(.u-fade){--fade-dot: 4px;-webkit-mask-image:linear-gradient(var(--fade-dir, to bottom),#000 0%,transparent 100%),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAAAAADhZOFXAAAAU0lEQVR42gFIALf/AAGBIaEJiSmpAMFB4WHJSelpADGxEZE5uRmZAPFx0VH5edlZAA2NLa0FhSWlAM1N7W3FReVlAD29HZ01tRWVAP193V31ddVVOIQfwdxu+0EAAAAASUVORK5CYII=);mask-image:linear-gradient(var(--fade-dir, to bottom),#000 0%,transparent 100%),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAAAAADhZOFXAAAAU0lEQVR42gFIALf/AAGBIaEJiSmpAMFB4WHJSelpADGxEZE5uRmZAPFx0VH5edlZAA2NLa0FhSWlAM1N7W3FReVlAD29HZ01tRWVAP193V31ddVVOIQfwdxu+0EAAAAASUVORK5CYII=);-webkit-mask-size:100% 100%,var(--fade-dot) var(--fade-dot);mask-size:100% 100%,var(--fade-dot) var(--fade-dot);-webkit-mask-repeat:no-repeat,repeat;mask-repeat:no-repeat,repeat;-webkit-mask-composite:source-in;mask-composite:intersect}:where(.u-row){background:color-mix(in srgb,var(--row-hue) 9%,var(--bg-secondary));border:0;border-radius:var(--house-radius)}:where(.u-row__dot){visibility:hidden}:where(.u-row__label){color:var(--text-tertiary)}:root,.light-theme{--house-blockcard-grid: "tile" 1fr "cap" auto / 1fr;--house-blockcard-gap: var(--space-2);--house-blockcard-tile-ratio: 1;--house-blockcard-tile-bg: var(--house-raised);--house-blockcard-tile-radius: var(--house-radius);--house-blockcard-tile-ring: inset 0 0 0 1px color-mix(in srgb, var(--text-primary) 30%, transparent), inset 0 -1px 0 0 color-mix(in srgb, var(--text-primary) 42%, transparent);--house-blockcard-tile-pad: var(--space-4);--house-blockcard-tile-place: start;--house-blockcard-preview-lines: 6;--house-blockcard-media-ring: none;--house-blockcard-media-fit: cover;--house-blockcard-media-pad: 0;--house-blockcard-cap-color: var(--text-primary);--house-blockcard-cap-font: 600 var(--house-step--1) / 1.35 var(--brand-font-sans)}}@layer components{.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;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--layout-gap);z-index:var(--z-modal, 1000)}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left: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{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}@media(max-width:767px){.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:768px){.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:var(--line-height-normal)}.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}}@layer components{.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-serif);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);text-wrap:balance}h2,.h2{font-family:var(--font-serif);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);text-wrap:balance}h3,.h3{font-family:var(--font-serif);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);text-wrap:balance}h4,.h4{font-family:var(--font-serif);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);text-wrap:balance}h5,.h5{font-family:var(--font-serif);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-wrap:balance}h6,.h6{font-family:var(--font-serif);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-wrap:balance}p,.body-text,.reading-text{text-wrap:pretty}body,p,.body-text{font-family:var(--font-sans);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-sans);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-sans);font-size:var(--font-size-sm);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}.metadata-text{font-family:var(--font-sans);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-regular)}.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-serif)}.font-modern{font-family:var(--font-sans)}.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(--ink-connect)}.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(--ink-earn)}.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}.section-label{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-normal);margin:0}.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-regular);line-height:var(--line-height-relaxed);color:var(--text-primary)}.body{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--text-primary)}.body-small{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--text-primary)}.caption{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--text-secondary)}.caption-small{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight);color:var(--text-secondary)}.link{color:var(--ink-connect);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(--ink-connect);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:var(--font-mono);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:var(--font-mono);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:2px solid var(--border-subtle);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:767px){.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}.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:767px){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 .reading-text,.light-theme h1,.light-theme h2,.light-theme h3,.light-theme .h1,.light-theme .h2,.light-theme .h3,.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-sans);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);letter-spacing:-.005em}.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}}@layer components{.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;top:0;right:0;bottom:0;left: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-target-min{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.touch-target{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-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 fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@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 slideInRight{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:767px){.new-message-badge{top:-6px;right:-6px;font-size:var(--type-detail);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(--accent-gold);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;top:-2px;left:-2px;right:-2px;bottom:-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)}}@keyframes clean-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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))}.img-defined{outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}.light-theme .img-defined{outline-color:#00000014}:root .img-defined{outline-color:#ffffff1a}.icon-contextual{transition:opacity .2s var(--ease-out-smooth),transform .2s var(--ease-out-smooth),filter .2s var(--ease-out-smooth)}.icon-contextual-hidden{opacity:0;transform:scale(.8);filter:blur(4px)}.icon-contextual-visible{opacity:1;transform:scale(1);filter:blur(0px)}.stagger-enter{animation:staggerFadeInUp .4s var(--ease-out-smooth) both;animation-delay:calc(var(--stagger-base-delay, 50ms) * var(--stagger-index, 0))}.stagger-enter-fast{animation:staggerFadeInUp .3s var(--ease-out-smooth) both;animation-delay:calc(var(--stagger-fast-delay, 30ms) * var(--stagger-index, 0))}@keyframes staggerFadeInUp{0%{opacity:0;filter:blur(5px);transform:translateY(8px)}to{opacity:1;filter:blur(0px);transform:translateY(0)}}.entrance-rise{animation:entranceRise var(--entrance-rise-duration) var(--entrance-rise-easing) both;animation-delay:calc(var(--stagger-base-delay, 50ms) * var(--stagger-index, 0))}.entrance-bloom{animation:entranceBloom var(--entrance-expand-duration) var(--entrance-expand-easing) both;animation-delay:calc(var(--stagger-base-delay, 50ms) * var(--stagger-index, 0))}.entrance-drift{animation:entranceDrift var(--entrance-drift-duration) var(--entrance-drift-easing) both;animation-delay:calc(var(--stagger-base-delay, 50ms) * var(--stagger-index, 0))}.entrance-emerge{animation:entranceEmerge var(--entrance-emerge-duration) var(--entrance-emerge-easing) both;animation-delay:calc(var(--stagger-base-delay, 50ms) * var(--stagger-index, 0))}@keyframes entranceEmerge{0%{opacity:0;transform:translateY(var(--entrance-emerge-distance))}to{opacity:1;transform:translateY(0)}}@keyframes entranceRise{0%{opacity:0;filter:blur(var(--entrance-rise-blur));transform:translateY(var(--entrance-rise-distance))}to{opacity:1;filter:blur(0px);transform:translateY(0)}}@keyframes entranceBloom{0%{opacity:0;filter:blur(var(--entrance-expand-blur));transform:scale(var(--entrance-expand-scale))}to{opacity:1;filter:blur(0px);transform:scale(1)}}@keyframes entranceDrift{0%{opacity:0;transform:translate(var(--entrance-drift-x),var(--entrance-drift-y))}to{opacity:1;transform:translate(0)}}.line-reveal,.line-reveal-center{position:relative}.line-reveal:after,.line-reveal-center:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--line-thickness, var(--line-reveal-thickness));background:var(--line-color, var(--line-reveal-color));transform:scaleX(0);animation:lineReveal var(--line-reveal-duration) var(--line-reveal-easing) both;animation-delay:var(--line-delay, 0s)}.line-reveal:after{transform-origin:left center}.line-reveal-center:after{transform-origin:center center}@keyframes lineReveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.exit-subtle{animation:subtleExit var(--exit-duration) var(--exit-easing) both}@keyframes subtleExit{to{opacity:0;filter:blur(var(--exit-blur));transform:translateY(var(--exit-distance))}}.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}.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)}}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.tabular-nums{font-variant-numeric:tabular-nums}.concentric-radius{border-radius:calc(var(--inner-radius, 12px) + var(--radius-gap, 8px))}.concentric-radius-inner{border-radius:var(--inner-radius, 12px)}.image-outline{outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}.light-theme .image-outline{outline-color:#0000001a}.shadow-border{box-shadow:0 0 0 1px #ffffff0f,0 1px 2px -1px #00000026,0 2px 4px #0000001a;transition:box-shadow .2s ease}.shadow-border:hover{box-shadow:0 0 0 1px #ffffff1a,0 2px 4px -1px #0003,0 4px 8px #00000026}.light-theme .shadow-border{box-shadow:0 0 0 1px #0000000f,0 1px 2px -1px #0000000f,0 2px 4px #0000000a}.light-theme .shadow-border:hover{box-shadow:0 0 0 1px #0000001a,0 2px 4px -1px #00000014,0 4px 8px #0000000f}}@layer components{.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;top:0!important;left:0!important;right:0!important;bottom: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;top:0!important;left:72px!important;right:0!important;bottom:0!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:767px){.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)}.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;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)}.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:767px){.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)}}@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}}}@layer components{.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:767px){.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)}}}@layer components{.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:767px){.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);transition:background-color .4s ease,color .3s ease;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}.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(--ink-connect);text-decoration:none}.api-error a:hover{text-decoration:underline}.page{color:var(--text-primary);font-size:var(--type-heading);text-align:center;padding:2rem}button:not([class]){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:not([class]):hover{background:var(--bg-hover);border-color:var(--accent-blue)}input:not(.auth-input):not(.universal-search-input):not(.search-bar__input):not(.context-modal__search-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):not(.context-modal__search-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}.app-inline-input-host{position:fixed;left:var(--sidebar-width, 56px);right:0;bottom:0;z-index:var(--z-floating-chat, 1200);display:flex;justify-content:center;padding:var(--space-3, 12px) var(--space-4, 16px) calc(var(--space-4, 16px) + var(--safe-area-bottom, 0px));pointer-events:none;transition:left .3s cubic-bezier(.2,0,0,1)}body.sidebar-expanded .app-inline-input-host{left:var(--sidebar-width-expanded, 180px)}.app-inline-input-host__portal{width:100%;max-width:640px;pointer-events:auto}.corner-chat-overlay--bottom-c.corner-chat-overlay--peek,.app-inline-input-host__portal:has(.dynamic-input-container--inline){background:var(--bg-elevated);border:1px solid var(--elevation-overlay-08dp);box-shadow:var(--shadow-elevation-08dp);border-radius:var(--space-3, 12px);min-height:88px;overflow:hidden}.app-inline-input-host__portal:has(.dynamic-input-container--inline):before{content:"";display:block;width:40px;height:4px;margin:4px auto 0;border-radius:999px;background:color-mix(in srgb,var(--text-secondary) 40%,transparent);pointer-events:none}.app-inline-input-host .dynamic-input-container--inline{background:transparent;border:none;box-shadow:none}.corner-chat-overlay--bottom-c.corner-chat-overlay--compact,.app-inline-input-host__portal:has(.dynamic-input-compact-bar){background:transparent;border:none;box-shadow:none;border-radius:0;min-height:0;overflow:visible}.app-inline-input-host:has(.dynamic-input-compact-bar){padding-bottom:0}.app-inline-input-host__portal:has(.dynamic-input-compact-bar):before{display:none}.corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c){border:1px solid var(--chrome-edge-strong, var(--chrome-edge));border-radius:26px;background:var(--chrome-surface-header, var(--bg-elevated));box-shadow:var(--chrome-shadow)}.light-theme .corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c){background:var(--chrome-surface, #fffefb);border-color:var(--chrome-edge-strong, var(--chrome-edge))}.bottom-right-cluster{position:fixed;bottom:28px;right:20px;z-index:var(--z-floating-chat, 1200);display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none;transition:right .25s ease}.bottom-right-cluster>*{pointer-events:auto}.global-input-box{position:static;display:flex;flex-direction:row;align-items:flex-end;gap:8px;pointer-events:none}.global-input-box .dynamic-input-wrapper-main{position:static;bottom:auto;right:auto;pointer-events:auto}.global-input-box .dynamic-input-container{background:var(--bg-secondary)}@media(max-width:767px){.global-input-box{width:calc(100% - 20px);bottom:10px}}@media(max-width:600px){.global-input-box{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:var(--z-sticky, 1000);flex-direction:column;align-items:stretch;gap:0;padding:0;background:transparent;border-top:none;pointer-events:none}.global-input-box .dynamic-input-wrapper-main{pointer-events:auto}.global-input-box:has(.dynamic-input-container){position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;z-index:var(--z-drawer, 3000);padding:0;border-top:none;background:var(--bg-primary);pointer-events:auto}.global-input-box:has(.dynamic-input-container) .dynamic-input-wrapper-main{position:static;width:100%;height:100%;display:flex;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-scrim);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);backdrop-filter:var(--overlay-scrim-blur);-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:var(--line-height-normal)}.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(--ink-connect);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;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;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;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;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:var(--type-subheading);font-weight:var(--font-weight-medium);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-bar-shell{position:fixed;top:var(--spacing-sm);left:var(--sidebar-width, 56px);right:var(--overlay-gutter, 16px);z-index:var(--z-drawer);display:flex;align-items:center;gap:var(--space-4, 16px);pointer-events:none;transition:left .25s cubic-bezier(.2,0,0,1),right .25s cubic-bezier(.2,0,0,1)}body:has(.node-tab-strip) .top-bar-shell{top:calc(var(--spacing-sm) + var(--subheader-height))}.top-bar-shell>*{pointer-events:auto}.top-bar-shell--tour-locked>.top-bar-shell__left,.top-bar-shell--tour-locked>.top-ui-bar-zone{pointer-events:none;opacity:.55;filter:grayscale(.55)}body.sidebar-expanded .top-bar-shell{left:var(--sidebar-width-expanded, 180px)}body[data-corner-chat=edge-l] .top-bar-shell{left:calc(var(--sidebar-width, 56px) + var(--corner-chat-edge-w, 436px) + var(--space-3, 12px))}body.sidebar-expanded[data-corner-chat=edge-l] .top-bar-shell{left:calc(var(--sidebar-width-expanded, 248px) + var(--corner-chat-edge-w, 436px) + var(--space-3, 12px))}body[data-corner-chat=edge-r] .top-bar-shell{right:calc(var(--corner-chat-edge-w, 436px) + var(--space-3, 12px))}@media(orientation:portrait)and (pointer:coarse){body[data-corner-chat=edge-l] .top-bar-shell,body.sidebar-expanded[data-corner-chat=edge-l] .top-bar-shell{left:var(--sidebar-width, 56px)}body[data-corner-chat=edge-r] .top-bar-shell{right:var(--overlay-gutter, 16px)}}.top-bar-shell__left{display:flex;align-items:center;gap:var(--space-2, 8px);min-width:0;flex:1 1 auto;pointer-events:none;padding-left:var(--overlay-gutter, 16px)}.top-bar-shell__slot{display:flex;align-items:center;min-width:0;flex:1 1 auto}.top-bar-shell__slot:empty,.top-bar-shell__left:empty{display:none}.top-ui-bar-zone{z-index:var(--z-drawer);margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:8px;transition:opacity .3s ease-out,transform .3s cubic-bezier(.4,0,.2,1)}.top-ui-bar-zone--hidden{opacity:0;pointer-events:none}.top-ui-bar-zone--tucked{transform:translateY(calc(-100% + 6px));opacity:.35;cursor:pointer}.top-ui-bar-zone--tucked:hover{transform:translateY(0);opacity:1;cursor:default}@media(max-width:600px),(max-height:500px)and (pointer:coarse){.top-ui-bar-zone{display:none}}.top-ui-bar{display:flex;align-items:center;gap:0;padding:4px 6px;background:var(--chrome-surface);border:1px solid var(--chrome-edge);border-radius:16px;box-shadow:var(--chrome-shadow);transition:box-shadow var(--transition-fast)}.top-ui-bar:hover{box-shadow:var(--shadow-elevation-04dp, 0 4px 12px rgba(0, 0, 0, .2))}.top-ui-bar:empty{display:none}.top-ui-bar__divider{width:1px;height:24px;background:var(--chrome-divider);margin:0 8px;flex-shrink:0;opacity:1}.top-ui-bar__token-column{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.top-bar-options-wrapper{position:relative;display:flex;align-items:center}.top-bar-options-btn{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--border-radius-full, 9999px);color:var(--chrome-text-secondary);cursor:pointer;padding:0;transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.top-bar-options-btn__badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;border-radius:8px;background:var(--tree-green);color:#fff;font-size:var(--type-detail);font-weight:var(--font-weight-bold);line-height:16px;text-align:center;padding:0 4px;pointer-events:none}.top-bar-options-btn:hover{color:var(--chrome-text);background:var(--state-hover, rgba(255, 255, 255, .08));transform:scale(1.05)}.top-bar-options-btn:active{transform:scale(.95)}.top-bar-options-btn--active{color:var(--ink-connect);border-color:var(--accent-blue)}.top-bar-options-btn svg{width:18px;height:18px}.top-bar-options-btn--plant:hover{color:var(--ink-learn, var(--ink-connect))}.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:none;border:none;background:transparent;height:auto;box-sizing:border-box;padding:2px 4px}.persistent-token-display:hover .token-display{border:none;box-shadow:none;background:var(--state-hover, rgba(255, 255, 255, .08));border-radius:var(--border-radius-sm, 6px)}@media(max-width:600px){.top-ui-bar{top:var(--spacing-md);right:var(--spacing-sm);padding:4px 6px;gap:0;border-radius:12px;max-width:calc(100vw - 80px)}.top-ui-bar__divider{height:18px;margin:0 5px}}.call-page~.top-ui-bar,.app:has(.call-page):not(:has(.floating-call-overlay)) .top-ui-bar{transform:translateY(calc(-100% - 20px));opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-out}.light-theme .top-ui-bar{background:var(--beige-canvas);border-color:var(--beige-sand)}.light-theme .top-ui-bar__divider{background:var(--beige-sand)}.light-theme .persistent-token-display .token-display{background:transparent}.light-theme .persistent-token-display:hover .token-display{background:#0000000a}.light-theme .top-bar-options-btn:hover{background:#0000000a;color:var(--text-primary)}.dropdown-portal.dropdown-bottom-right.top-bar-dropdown,.dropdown-portal.sidebar-settings-dropdown{background:var(--elevation-04dp)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--border-radius-xl)!important;box-shadow:var(--shadow-elevation-08dp)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;min-width:180px;padding:4px}#root{position:relative}#root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--grain-color);background-image:var(--grain-texture);background-repeat:repeat;background-size:var(--grain-size);background-blend-mode:multiply;mix-blend-mode:var(--grain-blend, normal);opacity:var(--grain-opacity);pointer-events:none;z-index:var(--z-grain)}body.collab-canvas-mounted #root:after{display:none}body.collab-canvas-mounted .nature-bg-texture:after{display:none}.welcome-boot{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1f1c}.call-connecting{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-secondary);font-size:var(--type-body, 1rem)}@layer components{.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);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 spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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:var(--type-body);font-weight:var(--font-weight-medium);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:var(--type-detail);font-weight:var(--font-weight-medium);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:767px){.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,.content__meta{font-size:var(--type-detail)}.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);border-color:#fff3;box-shadow:0 2px 12px var(--accent-blue),0 6px 12px var(--accent-blue),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),0 12px 56px var(--accent-blue),inset 0 1px #ffffff4d}.capsule--clickable:active{transform:translateY(0);box-shadow:0 2px 16px var(--accent-blue),0 4px 32px var(--accent-blue)}.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:var(--font-weight-semibold)}.light-theme .capsule--completed{background:var(--accent-blue);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}}@layer components{.node-growth-spinner{position:fixed;top:72px;left:50%;transform:translate(-50%);z-index:300;width:320px;padding:12px 20px;background:var(--elevation-04dp);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-elevation-08dp, 0 8px 24px rgba(0, 0, 0, .35));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;gap:12px;animation:ngtFadeInDown .3s var(--ease-out-smooth, ease-out) both;pointer-events:auto}@keyframes ngtFadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.node-growth-spinner--exiting{animation:ngtFadeOutUp .25s var(--ease-in-out-smooth, ease-in-out) both}@keyframes ngtFadeOutUp{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-12px)}}.node-growth-spinner__icon{flex-shrink:0;width:24px;height:24px;border:3px solid rgba(128,128,128,.2);border-top-color:var(--text-primary);border-radius:50%;animation:spin 1s linear infinite}.node-growth-spinner__check{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--accent-green, #6fbf73);animation:ngtPopIn .3s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)) both}@keyframes ngtPopIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.node-growth-spinner__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.node-growth-spinner__label{font-size:var(--type-detail);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-growth-spinner__progress{width:100%;height:3px;background:#80808026;border-radius:2px;overflow:hidden}.node-growth-spinner__progress-fill{height:100%;background:var(--accent-green, #6fbf73);border-radius:2px;transition:width .3s var(--ease-out-smooth, ease-out)}.node-growth-spinner--error{border-color:var(--status-error, #e57373)}.node-growth-spinner__error-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--status-error, #e57373);font-size:var(--type-subheading)}.node-growth-spinner__dismiss{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--text-tertiary, rgba(255, 255, 255, .38));border-radius:50%;transition:color .15s,background .15s}.node-growth-spinner__dismiss:hover{color:var(--text-primary);background:var(--state-hover, rgba(255, 255, 255, .08))}@media(max-width:600px){.node-growth-spinner{width:calc(100% - 32px);top:60px}}}@layer components{.sidebar{position:fixed;left:0;top:0;height:100vh;height:100dvh;background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);padding:var(--spacing-sm) var(--spacing-xs);display:flex;flex-direction:column;align-items:center;width:var(--sidebar-width);z-index:1030;overflow:hidden}body[data-block-focus] .sidebar:not(.sidebar--expanded){--rail-veil: .34;opacity:var(--rail-veil);transition:opacity .2s ease}body[data-block-focus] .sidebar:not(.sidebar--expanded):hover,body[data-block-focus] .sidebar:not(.sidebar--expanded):focus-within{opacity:1}@media(pointer:coarse){body[data-block-focus] .sidebar:not(.sidebar--expanded){--rail-veil: 1}}.sidebar-trigger{display:none}.logo-section{margin-bottom:var(--spacing-sm);width:100%;display:flex;flex-direction:column;align-items:center;transition:padding var(--duration-medium) cubic-bezier(.2,0,0,1),margin var(--duration-medium) cubic-bezier(.2,0,0,1)}.logo-button{background:none;border:none;padding:var(--space-1);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--border-radius-md);transition:background var(--transition-fast)}.logo{width:100%;height:100%;object-fit:contain;color:var(--text-tertiary);flex-shrink:0}.logo-button img,.logo{border-radius:0;border:none}.nav-menu{display:flex;flex-direction:column;gap:var(--space-1);width:100%;align-items:center;margin-top:auto;padding:var(--spacing-sm) 0;box-sizing:border-box;position:relative}.nav-item{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:36px;padding:0;border-radius:var(--border-radius-md);color:var(--sidebar-text);text-decoration:none;transition:padding var(--duration-medium) cubic-bezier(.2,0,0,1),background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),opacity .35s ease;background:none;border:none;flex-shrink:0;font-family:var(--font-sans)}.nav-item svg{width:var(--icon-size-nav);height:var(--icon-size-nav);transition:transform var(--duration-base) ease;flex-shrink:0}.nav-item span{position:relative;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-sans);letter-spacing:var(--letter-spacing-wide);white-space:nowrap;color:var(--text-secondary);width:0;min-width:0;opacity:0;overflow:hidden;transition:width var(--duration-medium) cubic-bezier(.2,0,0,1),opacity .25s ease .1s}.nav-item:hover svg{transform:scale(1.05)}.nav-item.active{color:var(--text-primary)}.nav-item--learn.active{color:var(--ink-learn)}.nav-item--connect.active{color:var(--ink-connect)}.nav-item--earn.active{color:var(--category-earn)}.nav-item--garden-empty{opacity:.38}.nav-item--garden-empty:hover{opacity:.6}.nav-item__quest-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 0 2px var(--sidebar-bg, var(--bg-primary)),0 0 6px color-mix(in srgb,var(--accent-gold) 60%,transparent);pointer-events:none}.nav-item__quest-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:color-mix(in srgb,var(--accent-gold) 35%,transparent);opacity:0;will-change:opacity,transform}@media(prefers-reduced-motion:no-preference){.nav-item__quest-dot:after{animation:navQuestDotPulse 2.4s ease-in-out infinite}}@keyframes navQuestDotPulse{0%,to{opacity:0;transform:scale(.9)}50%{opacity:1;transform:scale(1.4)}}.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:var(--space-3);gap:var(--space-2)}.user-info{padding:var(--space-1-5)}.user-avatar{width:28px;height:28px;font-size:var(--font-size-xs)}.user-name{font-size:var(--font-size-xs)}.logout-button{padding:var(--space-2-5);font-size:var(--font-size-xs)}}@media only screen and (max-width:600px){.sidebar{left:50%;right:auto;transform:translate(-50%);bottom:calc(12px + var(--safe-area-bottom));top:auto;width:calc(100% - 24px);max-width:400px;height:auto;border-radius:24px;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:var(--space-2) var(--space-4);align-items:center;gap:0;z-index:9999!important}.logo-section{display:none}.nav-center{display:flex!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;gap:0!important;padding:0!important;margin:0!important;height:auto!important;width:100%!important;flex:1!important}.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!important;height:44px!important;margin:0!important;padding:0!important;flex-shrink:0;border-radius:22px;transition:background var(--duration-base) ease,color var(--duration-base) ease,transform var(--transition-fast);display:flex!important;justify-content:center!important;align-items:center!important}.nav-item svg{width:24px!important;height:24px!important;margin:0!important;padding:0!important;position:static!important;flex-shrink:0}.nav-item span{display:none}.nav-item.active:not(.center-cta){background:var(--category-earn);color:#1e1f1c}.nav-item--learn.active:not(.center-cta){background:var(--category-learn)}.nav-item--connect.active:not(.center-cta){background:var(--category-connect)}.nav-item--earn.active:not(.center-cta){background:var(--category-earn)}.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(--accent-gold) 30%,transparent 70%)}.nav-item.center-cta{width:48px;height:48px;border-radius:50%;margin:0 var(--space-1);flex-shrink:0;background:var(--accent-gold);box-shadow:0 2px 4px #0003,0 1px 2px #0000001a;transition:transform var(--duration-base) ease,box-shadow var(--duration-base) ease,background var(--duration-base) ease;display:flex!important;justify-content:center!important;align-items:center!important}.nav-item.center-cta svg{width:24px;height:24px;margin:0;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(--accent-gold);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{width:calc(100% - 20px);padding:var(--space-2) var(--space-3)}.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:52px;height:52px}.nav-item.center-cta svg{width:26px;height:26px}}@media only screen and (max-width:390px){.sidebar{width:calc(100% - 16px);padding:var(--space-1-5) var(--space-2-5);bottom:calc(10px + var(--safe-area-bottom))}.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:48px;height:48px}.nav-item.center-cta svg{width:24px;height:24px}}@media only screen and (max-width:360px){.sidebar{width:calc(100% - 12px);padding:5px 8px;border-radius:22px}.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}.nav-item.center-cta svg{width:22px;height:22px}}@media only screen and (max-width:340px){.sidebar{width:calc(100% - 8px);padding:var(--space-1) var(--space-1-5);border-radius:20px}.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}.nav-item.center-cta svg{width:20px;height:20px}}.websocket-status-container{display:none;justify-content:center;margin-bottom:var(--space-2)}body.show-ws-indicator .websocket-status-container{display:flex}.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}.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}@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 var(--duration-base) ease,transform var(--duration-base) 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 var(--duration-base) ease,background var(--duration-base) ease}.nav-item.active{transition:background-color var(--transition-medium),color var(--transition-medium)}.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);color:#fff;border-radius:50%;padding:0 var(--space-1-5);font-size:var(--font-size-xs);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:0 0 auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--space-1);width:100%;padding-top:var(--spacing-sm);transition:padding var(--duration-medium) cubic-bezier(.2,0,0,1)}.library-indicator-collapsed{margin-bottom:var(--space-2);opacity:.7;transition:opacity var(--duration-base) ease}.library-indicator-collapsed:hover{opacity:1}.sidebar-create-note-section{width:100%;padding:var(--space-2) var(--space-1);flex-shrink:0}.sidebar-create-note-button{width:100%;height:32px;padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-lg);background:var(--elevation-02dp);border:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:var(--space-1-5);cursor:pointer;transition:all var(--duration-base) ease}.sidebar-create-note-button:hover{background:var(--state-hover);border-color:var(--tree-green);color:var(--ink-learn)}.sidebar-create-note-button svg{width:14px;height:14px;flex-shrink:0}.nav-bottom{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:var(--space-1);padding-bottom:var(--spacing-sm);margin-top:auto;transition:padding var(--duration-medium) cubic-bezier(.2,0,0,1)}.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:var(--font-size-2xs);box-shadow:0 2px 8px #0000004d;z-index:var(--z-elevate);transition:transform var(--duration-base) 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--learn.active{color:var(--ink-learn)}.light-theme .nav-item--connect.active{color:var(--ink-connect)}.light-theme .nav-item--earn.active{color:var(--category-earn)}.light-theme .nav-item span{color:var(--text-charcoal)}.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);color:#fff}.light-theme .nav-item--learn.active:not(.center-cta){background:var(--category-learn)}.light-theme .nav-item--connect.active:not(.center-cta){background:var(--category-connect)}.light-theme .nav-item--earn.active:not(.center-cta){background:var(--category-earn)}.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 );isolation:isolate;pointer-events:auto}.mobile-settings-btn{min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable);width:var(--touch-target-comfortable);height:var(--touch-target-comfortable);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)}.sidebar--expanded{width:var(--sidebar-width-expanded);background:var(--bg-primary);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:stretch;overflow:hidden;padding:var(--spacing-xs)}.sidebar--expanded .logo-section{flex-direction:row;justify-content:flex-start;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs);flex:0 0 44px;width:100%;max-height:44px;overflow:hidden}.sidebar--expanded .logo-button{flex-direction:row;align-items:center;gap:var(--spacing-xs);width:100%;height:40px;flex-shrink:0;padding:var(--space-1) var(--space-2)}.sidebar--expanded .logo{width:100%;height:100%;max-width:40px;max-height:40px}.logo-section__expand-icon{color:var(--text-tertiary);transition:color var(--transition-fast),transform var(--transition-fast)}.logo-button:hover .logo-section__expand-icon{color:var(--text-primary);transform:translate(2px)}.logo-section__collapse-chevron{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:var(--spacing-xs);color:var(--text-tertiary);border-radius:var(--border-radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.logo-button:hover .logo-section__collapse-chevron{color:var(--text-secondary);background:var(--state-hover)}.sidebar--expanded .nav-center{flex-direction:column;align-items:stretch;gap:0;padding:0;padding-top:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.04);flex:0 0 auto}.sidebar--expanded .nav-item{justify-content:flex-start;padding:0 8px 0 13px;gap:var(--space-2);border-radius:var(--border-radius-sm)}.sidebar--expanded .nav-item span:not(.nav-item__hint){width:auto;opacity:1;transition:width var(--duration-medium) cubic-bezier(.2,0,0,1),opacity var(--duration-base) ease}.sidebar--expanded .nav-item.active span{color:var(--text-primary)}.sidebar--expanded .nav-item svg{width:var(--icon-size-nav);height:var(--icon-size-nav);flex-shrink:0}.sidebar--expanded .nav-item:hover span{color:var(--text-primary)}.nav-item__hint{font-size:var(--font-size-2xs);font-weight:var(--font-weight-regular);font-family:var(--font-sans);color:var(--text-tertiary);opacity:0!important;width:0;min-width:0;overflow:hidden;margin-left:0;pointer-events:none;transition:opacity var(--transition-fast)}.sidebar--expanded .nav-item__hint{width:auto;margin-left:var(--spacing-xs)}.sidebar--expanded .nav-item:hover .nav-item__hint{opacity:.35!important}.sidebar--expanded .nav-bottom{border-top:1px solid rgba(255,255,255,.04);padding:var(--space-1);margin-top:auto;flex-shrink:0}.sidebar--expanded .nav-bottom .nav-item{width:100%;height:36px;padding:0 8px 0 13px;justify-content:flex-start}.sidebar{transition:width var(--duration-medium) cubic-bezier(.2,0,0,1),padding var(--duration-medium) cubic-bezier(.2,0,0,1),background var(--transition-medium);cursor:pointer}.sidebar--expanded{cursor:default}.sidebar:not(.sidebar--expanded):hover{background:var(--state-hover)}.light-theme .sidebar--expanded{background:var(--bg-primary);border-right-color:var(--beige-sand);-webkit-backdrop-filter:none;backdrop-filter:none}.light-theme .sidebar--expanded .nav-center{border-bottom-color:var(--beige-sand)}.light-theme .sidebar--expanded .nav-bottom{border-top-color:var(--beige-sand)}.light-theme .note-navigator-container.sidebar-context .note-item:hover{background:#0000000a}.light-theme .note-navigator-container.sidebar-context .note-item.selected{background:#8b9a7f26;border-left-color:var(--accent-sage)}.light-theme .note-navigator-container.sidebar-context .note-search-input{background:var(--beige-paper);border-color:var(--beige-sand)}.nav-item.guide-muted{opacity:.35;pointer-events:none;filter:grayscale(.6);transition:opacity var(--transition-medium),filter var(--transition-medium)}.nav-item.nav-item--tour-current{opacity:1;pointer-events:none;filter:none;color:var(--tour-hl-color, var(--text-primary));box-shadow:0 0 0 1px color-mix(in srgb,var(--tour-hl-color) 35%,transparent),0 0 12px 2px color-mix(in srgb,var(--tour-hl-color) 26%,transparent);animation:nav-item-tour-breathe 2.4s ease-in-out infinite}.nav-item.nav-item--tour-current svg{color:var(--tour-hl-color, var(--text-primary))}@keyframes nav-item-tour-breathe{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,var(--tour-hl-color) 30%,transparent),0 0 10px 1px color-mix(in srgb,var(--tour-hl-color) 22%,transparent);filter:brightness(1.05)}50%{box-shadow:0 0 0 2px color-mix(in srgb,var(--tour-hl-color) 55%,transparent),0 0 18px 4px color-mix(in srgb,var(--tour-hl-color) 40%,transparent);filter:brightness(1.22)}}@media(prefers-reduced-motion:reduce){.nav-item.nav-item--tour-current{animation:none}}.sidebar__avatar-trigger{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:40px;padding:var(--space-1);gap:var(--spacing-sm);background:none;border:none;cursor:pointer;opacity:1!important;visibility:visible!important;overflow:visible;transition:background var(--transition-fast)}.sidebar__avatar-trigger:hover{background:var(--state-hover);border-radius:var(--border-radius-md)}.sidebar__avatar-trigger .avatar-circle{flex-shrink:0}.sidebar--expanded .sidebar__avatar-trigger{justify-content:flex-start;padding:4px 13px}}@layer components{.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:var(--font-weight-semibold);font-family:var(--font-sans);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;top:0;left:0;right:0;bottom: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:var(--type-detail);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:var(--type-body);line-height:var(--line-height-none);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,transform .2s;z-index:3;font-weight:var(--font-weight-bold);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)}}@layer components{.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);margin-bottom:var(--space-4);margin-top:var(--space-0)}.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(--ink-learn);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__wrapper{display:inline-flex;position:relative}.call-button__call-menu{z-index:var(--z-dropdown, 100);min-width:170px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-elevation-08dp);overflow:hidden;animation:callMenuFadeIn .12s ease-out}@keyframes callMenuFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.call-button__call-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:inherit;background:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);min-height:var(--touch-target-min)}.call-button__call-menu-item:hover{background:var(--state-hover)}.call-button__call-menu-item--primary{background:var(--category-connect);color:#fff;font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--border-light)}.call-button__call-menu-item--primary:hover{filter:brightness(1.12)}.call-button__reason-input{display:block;width:100%;box-sizing:border-box;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);line-height:var(--line-height-normal);resize:none;outline:none}.call-button__reason-input::placeholder{color:var(--text-tertiary)}.call-button__reason-input:focus{background:var(--bg-elevated)}.call-button--loading{pointer-events:none}.call-button--pending{background:var(--accent-gold);color:var(--bg-primary)}.call-button--pending.call-button--icon{background:#fbbf241a;color:var(--ink-earn);border-color:var(--accent-gold)}.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.call-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--spacing-lg);z-index:var(--z-call-active)}.call-modal{box-sizing:border-box;background:var(--bg-secondary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-elevation-02dp);border:1px solid var(--border-color);width:360px;max-width:90vw;overflow:hidden;animation:slideInFromRight var(--transition-medium);position:relative;font-family:var(--font-sans)}.notification-panel-stack__card .call-modal{width:100%;max-width:100%}.call-modal--floating{animation:slideInFromRight var(--transition-medium)}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.call-modal__header{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.call-modal__header .compact-profile-card{width:100%;background:transparent;border:none;border-radius:0;box-shadow:none;padding:0}.call-modal__header .compact-profile-card__glow{display:none}.call-modal__header-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.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__purpose{padding:var(--spacing-sm) var(--spacing-lg);background:var(--elevation-01dp);border-bottom:1px solid var(--border-color)}.call-modal__purpose-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-family:var(--font-sans);font-weight:var(--font-weight-semibold);color:var(--ink-connect);letter-spacing:var(--letter-spacing-normal);margin-bottom:var(--spacing-xs)}.call-modal__purpose-label svg{flex-shrink:0;color:var(--ink-connect)}.call-modal__purpose-topic{font-size:var(--font-size-sm);font-family:var(--font-sans);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--spacing-xs)}.call-modal__purpose .call-modal__tree-context{margin-top:0}.call-modal__purpose-reason{font-size:var(--font-size-sm);font-family:var(--font-sans);font-style:italic;color:var(--text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--spacing-xs)}.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-sm)}.call-modal__button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;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)}.call-modal__button:disabled{opacity:.5;cursor:not-allowed}.call-modal__button--accept,.call-modal__button--join{background:color-mix(in srgb,var(--category-connect, #509b5a) 20%,transparent);color:var(--ink-connect, #509b5a);border-color:color-mix(in srgb,var(--category-connect, #509b5a) 30%,transparent);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(--category-connect, #509b5a) 30%,transparent)}.call-modal__button--reject,.call-modal__button--cancel{background:transparent;color:var(--text-tertiary);border-color:var(--border-color)}.call-modal__button--reject:hover:not(:disabled),.call-modal__button--cancel:hover:not(:disabled){color:var(--text-secondary);border-color:var(--text-tertiary)}.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 var(--transition-medium),fadeOut var(--transition-medium) 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 var(--transition-medium)}.call-modal--floating{left:var(--spacing-md);right:var(--spacing-md);width:auto;max-width:calc(100vw - (var(--spacing-md) * 2));animation:slideInFromBottom var(--transition-medium)}@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__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__header,.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}.call-modal--ringing{width:420px;padding:var(--spacing-lg);gap:var(--spacing-md);box-shadow:var(--shadow-elevation-12dp);border-color:var(--accent-primary)}.call-modal--ringing .call-modal__purpose-reason{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.call-modal--ringing .call-modal__status{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.01em}.call-modal--ringing .call-modal__actions{flex-direction:column;gap:var(--spacing-sm)}.call-modal--ringing .call-modal__button{width:100%;min-height:var(--touch-target-comfortable);font-size:var(--font-size-base)}@media(max-width:600px),(max-height:500px)and (pointer:coarse){.call-modal--ringing{width:auto;max-width:none;align-self:stretch;margin:0 var(--spacing-sm)}}}@layer components{.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;top:0;left:0;right:0;bottom: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:var(--line-height-none);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(--ink-learn);line-height:var(--line-height-none)}.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:var(--type-body);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:var(--line-height-tight)}.detail-tag:hover{background:var(--overlay-medium);border-color:var(--accent-blue, #4a9eff);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.detail-tag--interest{background:var(--overlay-light);color:var(--ink-learn);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, #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);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(--ink-connect, #4a9eff);border:1px solid var(--accent-blue, #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(--ink-connect, #4a9eff);border-color:var(--accent-blue, #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, #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;top:0;left:0;right:0;bottom: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);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) 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, #4a9eff);border-color:var(--accent-blue, #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}}}@layer components{.avatar-circle{position:relative;border-radius:50%;overflow:visible;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}.avatar-circle--in-flow{z-index:10;isolation:isolate}.avatar-circle__clip{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;background:inherit}.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--deleted{cursor:default;opacity:.55;filter:grayscale(1)}.avatar-circle--deleted:hover{transform:none;filter:grayscale(1)}.avatar-circle--deleted .avatar-circle__initials{background:var(--bg-tertiary, #2a2a2a);color:var(--text-secondary, #9ca3af);font-weight:var(--font-weight-medium, 500)}.avatar-circle__image{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.avatar-circle__image--default{opacity:1}.avatar-circle__initials{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);color:#fff;text-transform:lowercase;font-size:calc(var(--size, 40px) * .4);font-family:var(--font-serif);text-shadow:none;-webkit-user-select:none;user-select:none;letter-spacing:.03em;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:var(--status-online);border:2px solid var(--bg-primary, #1a1a1a);border-radius:50%;box-shadow:0 0 4px color-mix(in srgb,var(--status-online) 60%,transparent);z-index:2}.avatar-circle--clickable:focus{outline:2px solid var(--accent-primary);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:767px){.avatar-circle__initials{font-size:calc(var(--size, 40px) * .45)}}}@layer components{.compact-profile-card{position:relative;display:flex;flex-direction:column;gap:0;padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-elevation-02dp);overflow:hidden;touch-action:pan-y}.compact-profile-card__glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at bottom right,rgba(139,154,127,.13) 0%,transparent 65%);z-index:0}.light-theme .compact-profile-card__glow{background:radial-gradient(ellipse at bottom right,rgba(139,154,127,.07) 0%,transparent 60%)}.compact-profile-card__header{position:relative;z-index:1;display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-md)}.compact-profile-card__avatar{--cpc-avatar-size: 80px;--cpc-avatar-radius: var(--border-radius-xl);display:flex;align-items:flex-start;width:var(--cpc-avatar-size);height:var(--cpc-avatar-size);aspect-ratio:1;flex-shrink:0}.compact-profile-card__avatar :is(.avatar-circle,.user-avatar-container,.avatar-container,.profile-avatar,.user-avatar,.avatar-box-circular){border-radius:var(--cpc-avatar-radius)}.compact-profile-card__avatar .avatar-circle__clip{border-radius:inherit}.compact-profile-card__avatar .avatar-box-circular .avatar-container,.compact-profile-card__avatar .avatar-box-circular .avatar-clip-wrapper{border-radius:var(--cpc-avatar-radius)}.compact-profile-card__avatar .avatar-circle:focus,.compact-profile-card__avatar .avatar-circle:focus-visible{border-radius:var(--cpc-avatar-radius)}.compact-profile-card__avatar>*{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-primary) 8%,transparent),0 1px 2px #0000002e}.compact-profile-card--compact .compact-profile-card__avatar{--cpc-avatar-size: 52px;--cpc-avatar-radius: var(--border-radius-lg)}.compact-profile-card__identity{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);min-width:0;flex:1;font-family:var(--font-sans);color:var(--text-primary)}.compact-profile-card__name{font-family:var(--font-sans);font-size:var(--font-size-lg);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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.compact-profile-card--compact .compact-profile-card__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.compact-profile-card__handle{font-family:var(--font-sans);font-weight:var(--font-weight-light, 300);font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.compact-profile-card__role{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--text-secondary);line-height:var(--line-height-normal);margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.compact-profile-card__badges{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.compact-profile-card__badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--border-radius-capsule);white-space:nowrap}.compact-profile-card__badge svg{width:12px;height:12px;flex-shrink:0}.compact-profile-card__badge-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em}.compact-profile-card__badge--expert{background:color-mix(in srgb,var(--category-earn) 15%,transparent);border:1px solid color-mix(in srgb,var(--category-earn) 32%,transparent);color:var(--ink-earn)}.compact-profile-card__badge--learner{background:color-mix(in srgb,var(--category-learn) 15%,transparent);border:1px solid color-mix(in srgb,var(--category-learn) 32%,transparent);color:var(--ink-learn)}.compact-profile-card__badge--rating{background:color-mix(in srgb,var(--accent-gold) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent-gold) 30%,transparent);color:var(--ink-earn)}.compact-profile-card__badge--rating svg{width:11px;height:11px}.compact-profile-card__rating-count{opacity:.7;font-size:var(--type-detail);margin-left:1px;font-variant-numeric:tabular-nums}.compact-profile-card__divider{position:relative;z-index:1;height:1px;background:var(--border-subtle);margin:var(--spacing-sm) 0}.compact-profile-card__footer{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.compact-profile-card__meta{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--text-secondary)}.compact-profile-card__meta-icon{flex-shrink:0;color:var(--text-tertiary, var(--text-secondary));display:block;width:13px;height:13px;opacity:.7}.compact-profile-card__meta-item{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}.compact-profile-card__about{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal);margin:0;padding:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.compact-profile-card__garden{margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);background:var(--tree-green);color:var(--text-on-accent);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-height:var(--touch-target-min);white-space:nowrap;flex-shrink:0;align-self:center;transition:background var(--transition-fast),box-shadow var(--transition-fast);border:none}.compact-profile-card__garden:hover{background:var(--tree-green-hover, color-mix(in srgb, var(--tree-green) 85%, black));box-shadow:var(--glow-sage-subtle)}.compact-profile-card__garden:focus-visible{outline:2px solid var(--tree-green);outline-offset:2px}.compact-profile-card__garden:active{background:var(--tree-green-pressed, color-mix(in srgb, var(--tree-green) 75%, black))}.compact-profile-card__online-pill{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-md);z-index:2;display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 7px;border-radius:var(--border-radius-capsule);background:color-mix(in srgb,var(--status-online) 12%,transparent);border:1px solid color-mix(in srgb,var(--status-online) 28%,transparent);color:var(--status-online);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;line-height:var(--line-height-snug);white-space:nowrap;pointer-events:none}.compact-profile-card__online-dot{width:7px;height:7px;border-radius:50%;background:var(--status-online);box-shadow:0 0 4px color-mix(in srgb,var(--status-online) 60%,transparent)}.compact-profile-card--compact .compact-profile-card__header{align-items:center}.compact-profile-card--compact .compact-profile-card__divider{margin:6px 0}.compact-profile-card--compact .compact-profile-card__online-pill{bottom:var(--spacing-xs);right:var(--spacing-sm)}@media(max-width:600px){.compact-profile-card{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.compact-profile-card__header{flex-direction:column;align-items:center;text-align:center}.compact-profile-card__avatar{justify-content:center}.compact-profile-card__identity{align-items:center;width:100%}.compact-profile-card__badges,.compact-profile-card__meta{justify-content:center}.compact-profile-card__about{text-align:center}.compact-profile-card__garden{width:100%;justify-content:center;align-self:stretch;margin-top:var(--spacing-xs)}}}@layer components{.settings-popover.avatar-settings-panel{max-height:calc(100vh - var(--space-8))}.avatar-settings-panel__profile{cursor:pointer;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;transition:background var(--duration-fast) ease}.avatar-settings-panel__profile:hover{background:var(--state-hover)}.avatar-settings-panel__profile:active{background:var(--state-pressed)}.avatar-settings-panel__profile .compact-profile-card{background:none;border:none;box-shadow:none;border-radius:0;padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm)}.avatar-settings-panel__profile .compact-profile-card__glow{display:none}.avatar-settings-panel__profile-cta{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md) var(--spacing-sm);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.avatar-settings-panel__profile-cta svg{width:14px;height:14px;flex-shrink:0;color:var(--text-secondary)}.avatar-settings-panel__profile-chevron{margin-left:auto;transition:transform var(--duration-fast) ease}.avatar-settings-panel__profile:hover .avatar-settings-panel__profile-cta,.avatar-settings-panel__profile:hover .avatar-settings-panel__profile-cta svg{color:var(--text-primary)}.avatar-settings-panel__profile:hover .avatar-settings-panel__profile-chevron{transform:translate(2px)}.avatar-settings-panel__divider{height:1px;background:var(--border-subtle);margin:var(--space-1) 0}.avatar-settings-panel__items{padding:0}.avatar-settings-panel__item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;min-height:var(--space-10);padding:var(--spacing-xs) var(--spacing-md);background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-primary);text-align:left;transition:background var(--duration-fast) ease}.avatar-settings-panel__item:hover{background:var(--state-hover)}.avatar-settings-panel__item:active{background:var(--state-pressed)}.avatar-settings-panel__item svg{width:18px;height:18px;flex-shrink:0;color:var(--text-secondary)}.avatar-settings-panel__section-label{padding:var(--space-1) var(--spacing-md) var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.avatar-settings-panel__badge{margin-left:auto;min-width:18px;height:18px;border-radius:9px;background:var(--accent-orange);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:18px;text-align:center;padding:0 5px}.avatar-settings-panel__item--logout{color:var(--color-error)}.avatar-settings-panel__item--logout svg{color:var(--color-error)}.avatar-settings-panel__item--logout:hover{background:color-mix(in srgb,var(--color-error) 8%,transparent)}}@layer components{.overlay-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);animation:backdropFadeIn var(--transition-medium) ease}.overlay-backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-scrim);-webkit-backdrop-filter:var(--overlay-scrim-blur);backdrop-filter:var(--overlay-scrim-blur);pointer-events:none}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.overlay-content{position:relative;background:var(--glass-overlay-bg);box-shadow:var(--glass-overlay-shadow);border-radius:var(--glass-overlay-radius);width:100%;max-width:var(--overlay-content-width);max-height:90vh;max-height:90dvh;overflow:hidden;color:var(--text-primary);display:flex;flex-direction:column;animation:dialogEntranceRise .7s cubic-bezier(.16,1,.3,1)}.overlay-content--with-accent:before{content:"";position:absolute;inset:0 0 auto 0;height:120px;background:linear-gradient(180deg,color-mix(in srgb,var(--overlay-accent-color) 14%,transparent) 0%,transparent 100%);pointer-events:none;z-index:0;border-top-left-radius:inherit;border-top-right-radius:inherit}.overlay-content--with-accent:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:color-mix(in srgb,var(--overlay-accent-color) 55%,transparent);pointer-events:none;z-index:1;border-top-left-radius:inherit;border-top-right-radius:inherit}.overlay-content--with-accent .overlay-content-inner{position:relative;z-index:2}@keyframes dialogEntranceRise{0%{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.overlay-content-inner{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.overlay-small,.overlay-medium{max-width:var(--overlay-content-width)}.overlay-large{max-width:var(--overlay-content-width-lg)}.overlay-content.overlay-fullscreen{max-width:none;width:100%;height:100%;min-height:0;max-height:100%}.overlay-drag-handle{display:flex;justify-content:center;align-items:center;padding:var(--spacing-sm) 0 var(--spacing-xs);cursor:grab;touch-action:none;flex-shrink:0;background:transparent;-webkit-tap-highlight-color:transparent}.overlay-drag-handle:active{cursor:grabbing}@media(max-width:600px){.overlay-drag-handle{min-height:var(--touch-target-min, 44px);padding:0}}.overlay-content.has-drag-handle .overlay-header{padding-top:var(--spacing-sm)}.overlay-header{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-subtle);background:var(--glass-overlay-section-bg);color:var(--text-secondary);flex-shrink:0;position:relative;z-index:1}.overlay-header-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.overlay-eyebrow{font-size:var(--type-detail);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);line-height:var(--line-height-compact)}.overlay-header h2,.overlay-title{margin:0;font-size:clamp(24px,2.6vw,30px);font-weight:var(--font-weight-semibold);font-family:var(--font-serif);color:var(--text-primary);line-height:var(--line-height-snug);letter-spacing:-.01em;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.overlay-meta-strip{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:2px;min-width:0}.overlay-header--with-meta{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.overlay-header-actions-group{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto;margin-top:2px}.overlay-body{overflow-y:auto;flex:1;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);padding:var(--spacing-lg);touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.overlay-body::-webkit-scrollbar{width:var(--spacing-xs)}.overlay-body::-webkit-scrollbar-track{background:transparent}.overlay-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-sm)}.overlay-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);border-top:1px solid var(--glass-overlay-divider);background:var(--glass-overlay-section-bg);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:background-color var(--brand-dur-hover) var(--brand-ease-in-out),color var(--brand-dur-hover) var(--brand-ease-in-out),transform var(--brand-dur-hover) var(--brand-ease-in-out);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(--font-size-xl);height:var(--font-size-xl)}body.overlay-open{overflow:hidden}body.overlay-open:not(.overlay-confirm-open) .overlay-backdrop:before{background-color:color-mix(in srgb,var(--overlay-scrim) 76%,transparent)}body.overlay-open:not(.overlay-confirm-open) .overlay-backdrop:before{-webkit-mask-image:radial-gradient(circle at calc(100% - 60px) calc(100% - 60px),transparent 0,transparent 220px,black 400px);mask-image:radial-gradient(circle at calc(100% - 60px) calc(100% - 60px),transparent 0,transparent 220px,black 400px)}body[data-corner-chat=edge-l].overlay-open:not(.overlay-confirm-open) .overlay-backdrop:before{-webkit-mask-image:linear-gradient(to right,transparent 0,transparent var(--corner-chat-edge-w, 420px),black calc(var(--corner-chat-edge-w, 420px) + 80px));mask-image:linear-gradient(to right,transparent 0,transparent var(--corner-chat-edge-w, 420px),black calc(var(--corner-chat-edge-w, 420px) + 80px))}body[data-corner-chat=edge-r].overlay-open:not(.overlay-confirm-open) .overlay-backdrop:before{-webkit-mask-image:linear-gradient(to left,transparent 0,transparent var(--corner-chat-edge-w, 420px),black calc(var(--corner-chat-edge-w, 420px) + 80px));mask-image:linear-gradient(to left,transparent 0,transparent var(--corner-chat-edge-w, 420px),black calc(var(--corner-chat-edge-w, 420px) + 80px))}body[data-corner-chat=bottom-c].overlay-open:not(.overlay-confirm-open) .overlay-backdrop:before{-webkit-mask-image:linear-gradient(to top,transparent 0,transparent var(--chat-puck-reserved-h, 76px),black calc(var(--chat-puck-reserved-h, 76px) + 80px));mask-image:linear-gradient(to top,transparent 0,transparent var(--chat-puck-reserved-h, 76px),black calc(var(--chat-puck-reserved-h, 76px) + 80px))}body[data-corner-chat=bl].overlay-open:not(.overlay-confirm-open) .overlay-backdrop:before{-webkit-mask-image:radial-gradient(circle at 60px calc(100% - 60px),transparent 0,transparent 160px,black 320px);mask-image:radial-gradient(circle at 60px calc(100% - 60px),transparent 0,transparent 160px,black 320px)}body[data-corner-chat=tr].overlay-open:not(.overlay-confirm-open) .overlay-backdrop:before{-webkit-mask-image:radial-gradient(circle at calc(100% - 60px) 60px,transparent 0,transparent 160px,black 320px);mask-image:radial-gradient(circle at calc(100% - 60px) 60px,transparent 0,transparent 160px,black 320px)}body[data-corner-chat=tl].overlay-open:not(.overlay-confirm-open) .overlay-backdrop:before{-webkit-mask-image:radial-gradient(circle at 60px 60px,transparent 0,transparent 160px,black 320px);mask-image:radial-gradient(circle at 60px 60px,transparent 0,transparent 160px,black 320px)}@media(min-width:768px){body[data-corner-chat=edge-l].overlay-open .overlay-backdrop:not(.overlay-backdrop--bottom-sheet){padding-left:calc(var(--sidebar-width, 56px) + 12px + var(--corner-chat-edge-w, 420px) + 16px);padding-right:var(--overlay-gutter, 16px)}body[data-corner-chat=edge-r].overlay-open .overlay-backdrop:not(.overlay-backdrop--bottom-sheet){padding-right:calc(var(--corner-chat-edge-w, 420px) + 16px + 16px);padding-left:var(--overlay-gutter, 16px)}body[data-corner-chat=bottom-c].overlay-open:not(.overlay-confirm-open) .overlay-content:not(.overlay-position-bottom-sheet){margin-bottom:max(0px,calc(var(--chat-puck-reserved-h, 76px) + 16px + 16px - (100vh - 600px) / 2) * 2)}}@media(max-width:767px){.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,.overlay-title{font-size:clamp(18px,4.8vw,22px)}.overlay-eyebrow{font-size:var(--type-detail);letter-spacing:.05em}.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(--touch-target-min, 44px);height:var(--touch-target-min, 44px)}.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,.overlay-title{font-size:clamp(17px,5vw,20px);-webkit-line-clamp:2}.overlay-body{padding:0}}.overlay-backdrop--bottom-sheet{align-items:flex-end;padding:0}.overlay-content.overlay-position-bottom-sheet{width:100%;max-width:980px;min-height:0;max-height:97vh;max-height:97dvh;margin:0;border-radius:var(--radius-xl, 24px) var(--radius-xl, 24px) 0 0;border:none;padding-bottom:env(safe-area-inset-bottom,0px);animation:overlayBottomSheetEnter .32s cubic-bezier(.16,1,.3,1);transition:height .24s cubic-bezier(.22,1,.36,1)}@keyframes overlayBottomSheetEnter{0%{transform:translateY(100%)}to{transform:translateY(0)}}.overlay-backdrop--bottom-sheet.is-closing .overlay-content.overlay-position-bottom-sheet{animation:overlayBottomSheetExit var(--exit-duration, .18s) var(--exit-easing, cubic-bezier(.4, 0, 1, 1)) forwards}@keyframes overlayBottomSheetExit{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@media(max-width:767px){.overlay-content.overlay-position-bottom-sheet{width:100%;max-width:100%;min-height:0}}@media(prefers-reduced-motion:reduce){.overlay-content.overlay-position-bottom-sheet,.overlay-backdrop--bottom-sheet.is-closing .overlay-content.overlay-position-bottom-sheet{animation:none;transition:none}}.overlay-backdrop.is-closing{animation:backdropFadeOut var(--exit-duration, .15s) var(--exit-easing, cubic-bezier(.4, 0, 1, 1)) forwards}.overlay-backdrop.is-closing .overlay-content{animation:dialogSlideOut var(--exit-duration, .15s) var(--exit-easing, cubic-bezier(.4, 0, 1, 1)) forwards}@keyframes backdropFadeOut{0%{opacity:1}to{opacity:0}}@keyframes dialogSlideOut{0%{opacity:1;transform:translateY(0);filter:blur(0)}to{opacity:0;transform:translateY(-12px);filter:blur(4px)}}@media(prefers-reduced-motion:reduce){.overlay-backdrop,.overlay-content,.overlay-backdrop.is-closing,.overlay-backdrop.is-closing .overlay-content{animation:none}.close-overlay-button:hover,.close-overlay-button:active{transform:none}}.close-overlay-button:focus-visible{outline:var(--brand-focus-width) solid var(--brand-focus-color);outline-offset:var(--brand-focus-offset)}.confirm-dialog.overlay-backdrop{align-items:center;padding:var(--spacing-lg)}.confirm-dialog .overlay-content{max-width:340px;min-height:0;border:1px solid var(--border-subtle);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-elevation-16dp),0 0 0 1px #f8f5ed0a;animation:confirmDialogEnter .3s cubic-bezier(.16,1,.3,1)}.confirm-dialog .overlay-content-inner{gap:0}.confirm-dialog .overlay-header{display:none}.confirm-dialog .overlay-body{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-md);text-align:center;overflow:visible}.confirm-dialog .confirm-dialog__title{margin:0 0 var(--spacing-sm);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-snug);letter-spacing:-.01em}.confirm-dialog .confirm-dialog__message{margin:0;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.confirm-dialog .confirm-dialog__message--rich{text-align:left}.confirm-dialog--diff .overlay-content{max-width:460px}.confirm-dialog--diff .overlay-body{text-align:left;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.confirm-dialog--diff .confirm-dialog__title{text-align:center;margin-bottom:var(--spacing-md)}.confirm-dialog .overlay-footer{border-top:none;padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-xl);justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.confirm-dialog .modal-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);border-radius:var(--border-radius-md);min-width:100px;max-width:100%;flex:1 0 auto}@keyframes confirmDialogEnter{0%{opacity:0;transform:scale(.9);filter:blur(4px)}60%{filter:blur(0)}to{opacity:1;transform:scale(1);filter:blur(0)}}.confirm-dialog.is-closing .overlay-content{animation:confirmDialogExit .15s cubic-bezier(.4,0,1,1) forwards}@keyframes confirmDialogExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media(max-width:767px){.confirm-dialog.overlay-backdrop{align-items:center;padding:var(--spacing-md)}.confirm-dialog .overlay-content{width:calc(100% - var(--spacing-lg));max-width:340px;min-height:0;height:auto;border-radius:var(--border-radius-xl)}.confirm-dialog .overlay-body{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-sm);flex:none}.confirm-dialog .overlay-footer{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px))}}@media(max-width:480px){.confirm-dialog .overlay-content{width:calc(100% - var(--spacing-md))}}@media(prefers-reduced-motion:reduce){.confirm-dialog .overlay-content,.confirm-dialog.is-closing .overlay-content{animation:none}}.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 var(--border-subtle)}.modal-button-secondary:hover:not(:disabled){background:var(--state-hover);border-color:var(--border-color);color:var(--text-primary)}.modal-button-danger{background:var(--status-error, #e06c60);color:#fff;border:1px solid var(--status-error, #e06c60);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-md)}.modal-button-danger:hover:not(:disabled){background:color-mix(in srgb,var(--status-error, #e06c60) 85%,black);border-color:color-mix(in srgb,var(--status-error, #e06c60) 85%,black);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.modal-button-danger:active:not(:disabled){transform:translateY(0)}.modal-button-primary{background:var(--tree-green);color:var(--text-on-accent, #fff);border:1px solid var(--tree-green);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-md)}.modal-button-primary:hover:not(:disabled){background:color-mix(in srgb,var(--tree-green) 85%,white);border-color:color-mix(in srgb,var(--tree-green) 85%,white);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:none;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(--ink-learn);font-weight:var(--font-weight-semibold)}}@layer components{.section-card{--section-accent: var(--accent-sage);position:relative;z-index:var(--z-elevate);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);background:color-mix(in srgb,var(--bg-primary) 92%,transparent);box-shadow:var(--shadow-elevation-02dp);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);scroll-margin-top:var(--spacing-xl)}.section-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--section-accent);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;pointer-events:none}.section-card__header{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-subtle)}.section-card__icon{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);background:color-mix(in srgb,var(--section-accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--section-accent) 34%,transparent);color:var(--section-accent)}.section-card__icon svg{display:block}.section-card__title{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 auto 0 0;letter-spacing:var(--letter-spacing-tight)}.section-card__subtitle{margin:0;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}.section-card__action{flex-shrink:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.section-card__action:hover,.section-card__action:focus-visible{background:var(--state-hover);border-color:var(--border-subtle);color:var(--text-primary);outline:none}.section-card__action svg{display:block}.section-card__body{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-card__body--fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md) var(--spacing-lg)}@media(max-width:600px){.section-card{padding:var(--spacing-md)}.section-card__body--fields{grid-template-columns:1fr}}body.light-theme .section-card,[data-theme=light] .section-card{background:color-mix(in srgb,var(--beige-paper) 92%,transparent);border-color:var(--beige-sand);box-shadow:var(--shadow-elevation-04dp)}body.light-theme .section-card__header,[data-theme=light] .section-card__header{border-bottom-color:var(--beige-sand)}}@layer components{.cp-form{padding:var(--space-5) var(--space-6) var(--space-6);max-width:400px;margin:0 auto;width:100%}.cp-form form{display:flex;flex-direction:column;gap:var(--space-4)}.cp-field{display:flex;flex-direction:column;gap:var(--space-2)}.cp-label{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.cp-field:focus-within .cp-label{color:var(--ink-earn)}.cp-input-shell{display:flex;align-items:center;width:100%;box-sizing:border-box;min-height:46px;background:var(--elevation-02dp);border:1.5px solid var(--border-subtle);border-radius:var(--border-radius-lg);overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.cp-input-shell:focus-within{border-color:var(--accent-gold);background:var(--elevation-04dp);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-gold) 18%,transparent)}.cp-input-shell--error{border-color:color-mix(in srgb,var(--accent-red) 65%,transparent)}.cp-input-shell--error:focus-within{border-color:var(--accent-red);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-red) 18%,transparent)}.cp-input{-webkit-appearance:none;appearance:none;flex:1 1 auto;min-width:0;align-self:stretch;padding:0 var(--space-4);font-family:var(--font-sans);font-size:var(--font-size-sm);letter-spacing:.02em;line-height:var(--line-height-snug);color:var(--text-primary);background:transparent;border:none;outline:none}.cp-input::placeholder{color:var(--text-tertiary);opacity:.8;letter-spacing:normal}.cp-input:disabled{cursor:not-allowed}.cp-input-shell:has(.cp-input:disabled){opacity:.45}.cp-reveal{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;align-self:stretch;padding:0;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.cp-reveal:hover:not(:disabled){color:var(--text-primary);background:var(--state-hover)}.cp-reveal:focus-visible{outline:2px solid var(--accent-gold);outline-offset:-2px}.cp-reveal:disabled{cursor:not-allowed}.light-theme .cp-input-shell{background:#fff;border-color:color-mix(in srgb,var(--beige-sand, #d9ceb6) 88%,var(--hue-text))}.light-theme .cp-input-shell:focus-within{border-color:var(--accent-gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-gold) 15%,transparent)}.light-theme .cp-input::placeholder{color:var(--text-muted, #7a7265);opacity:1}.light-theme .cp-input-shell:has(.cp-input:disabled){background:var(--beige-canvas, #f0eadc)}.cp-field-error{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--accent-red);line-height:var(--line-height-snug)}.cp-error-banner{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--accent-red) 7%,transparent);border:1px solid color-mix(in srgb,var(--accent-red) 22%,transparent);border-left:3px solid var(--accent-red);border-radius:var(--border-radius-md)}.cp-error-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;margin-top:1px;border-radius:50%;background:var(--accent-red);color:#fff;font-family:var(--font-sans);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-none)}.cp-error-text{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-primary);line-height:var(--line-height-normal);flex:1 1 auto;min-width:0}.cp-strength{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-1)}.cp-strength-segments{display:flex;gap:3px;height:4px}.cp-strength-segment{flex:1;border-radius:var(--border-radius-capsule);background:color-mix(in srgb,var(--text-tertiary) 20%,transparent);transition:background .28s ease}.cp-strength-segment.active.very-weak{background:#e74c3c}.cp-strength-segment.active.weak{background:#e67e22}.cp-strength-segment.active.fair{background:#f0ab00}.cp-strength-segment.active.good{background:#2ecc71}.cp-strength-segment.active.strong{background:#20a85a}.cp-strength-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-2);margin:0}.cp-strength-label{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;white-space:nowrap}.cp-strength-label.very-weak{color:#e74c3c}.cp-strength-label.weak{color:#e67e22}.cp-strength-label.fair{color:#f0ab00}.cp-strength-label.good{color:#2ecc71}.cp-strength-label.strong{color:#20a85a}.cp-strength-hint{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:var(--line-height-snug);flex:1 1 auto;min-width:0}.cp-match{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);line-height:var(--line-height-snug);color:var(--text-tertiary)}.cp-match--ok{color:var(--ink-learn);font-weight:var(--font-weight-medium)}.cp-security-note{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:var(--line-height-normal);margin:var(--space-1) 0 0;padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--text-tertiary) 6%,transparent);border-radius:var(--border-radius-md)}.cp-security-note strong{font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.cp-actions{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-2)}.cp-btn-primary{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:var(--touch-target-comfortable);padding:0 var(--space-6);background:linear-gradient(135deg,var(--accent-gold) 0%,color-mix(in srgb,var(--accent-gold) 78%,var(--hue-text)) 100%);border:none;border-radius:var(--border-radius-capsule);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#1e1f1c;cursor:pointer;transition:background var(--duration-base) ease,transform var(--duration-fast) ease,box-shadow var(--duration-base) ease,opacity var(--duration-base) ease;box-shadow:var(--shadow-interactive)}.cp-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--accent-gold) 88%,white) 0%,var(--accent-gold) 100%);transform:translateY(-1px);box-shadow:var(--shadow-interactive-hover)}.cp-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-card)}.cp-btn-primary:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}.cp-btn-primary:disabled{opacity:.4;cursor:not-allowed}.cp-btn-ghost{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--touch-target-min);padding:var(--space-2) var(--space-4);background:transparent;border:none;border-radius:var(--border-radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.cp-btn-ghost:hover:not(:disabled){background:var(--state-hover);color:var(--text-primary)}.cp-btn-ghost:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}.cp-btn-ghost:disabled{opacity:.4;cursor:not-allowed}.cp-spinner{width:15px;height:15px;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;border-radius:50%;animation:cp-spin .75s linear infinite;flex-shrink:0}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-6) var(--space-6);gap:var(--space-3)}.cp-success-ring{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--tree-green) 10%,transparent);border:2px solid color-mix(in srgb,var(--tree-green) 35%,transparent);flex-shrink:0}.cp-success-icon{width:30px;height:30px;color:var(--ink-learn)}.cp-success h3{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--ink-learn);margin:0;line-height:var(--line-height-compact)}.cp-success p{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-primary);margin:0;line-height:var(--line-height-normal);max-width:300px}.cp-success-note{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-snug)}@media(max-width:600px){.cp-form{padding:var(--space-4) var(--space-4) var(--space-5)}.cp-input-shell{min-height:var(--touch-target-min)}.cp-input{font-size:var(--font-size-base)}.cp-reveal{width:var(--touch-target-min)}.cp-success{padding:var(--space-6) var(--space-4) var(--space-4)}}@media(prefers-reduced-motion:reduce){.cp-input-shell,.cp-reveal,.cp-btn-primary,.cp-btn-ghost,.cp-strength-segment{transition:none}.cp-spinner{animation:none}}}@layer components{.legal-modal-title-wrapper{display:flex;align-items:center;gap:var(--spacing-sm)}.legal-modal-title-icon{width:24px;height:24px;color:var(--text-primary);flex-shrink:0}.legal-modal__content{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);text-align:left;max-height:70vh;overflow-y:auto;overscroll-behavior:contain}.legal-modal__h1{font-family:var(--font-sans);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-sm);line-height:var(--line-height-tight)}.legal-modal__h2{font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--spacing-lg) 0 var(--spacing-xs);line-height:var(--line-height-tight)}.legal-modal__h3{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--spacing-md) 0 var(--spacing-xs);line-height:var(--line-height-tight)}.legal-modal__p{font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--text-primary);margin:0}.legal-modal__ul{margin:0;padding-left:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs)}.legal-modal__li{font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--text-primary)}.legal-modal__strong{color:var(--text-primary);font-weight:var(--font-weight-bold)}.legal-modal__em{color:var(--text-secondary);font-style:italic}.legal-modal__link{color:var(--ink-learn);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.legal-modal__link:hover{color:var(--ink-earn)}.legal-modal__hr{border:0;border-top:1px solid var(--border-color);margin:var(--spacing-lg) 0;width:100%}@media(max-width:600px){.legal-modal__content{padding:var(--spacing-lg);max-height:75vh}.legal-modal__h1{font-size:var(--font-size-xl)}.legal-modal__h2{font-size:var(--font-size-lg)}.legal-modal__p,.legal-modal__li{font-size:var(--font-size-base)}}}@layer components{.notif-prefs{display:flex;flex-direction:column;gap:var(--spacing-md)}.notif-prefs__group{display:flex;flex-direction:column}.notif-prefs__group-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary, var(--text-secondary));margin:0 0 var(--spacing-xs) 0;padding:0 var(--spacing-sm)}.notif-prefs__item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);width:100%;background:transparent;border:none;text-align:left;padding:var(--spacing-sm) var(--spacing-md);min-height:44px;color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;border-radius:var(--border-radius-md);transition:background-color .18s ease}.notif-prefs__item:hover:not(:disabled){background:var(--state-hover)}.notif-prefs__item--locked{cursor:not-allowed;opacity:.55}.notif-prefs__item-label{flex:1;line-height:var(--line-height-snug)}.notif-prefs__toggle{position:relative;display:inline-block;width:36px;height:20px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border-subtle);flex-shrink:0;transition:background-color var(--duration-base) ease,border-color var(--duration-base) ease}.notif-prefs__toggle--on{background:var(--category-connect);border-color:var(--category-connect)}.notif-prefs__toggle-knob{position:absolute;top:1px;left:1px;width:16px;height:16px;border-radius:999px;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform var(--duration-base) ease}.notif-prefs__toggle--on .notif-prefs__toggle-knob{transform:translate(16px)}}@layer components{.integration-row+.integration-row{border-top:1px solid var(--border-subtle)}.integration-row__heading{margin:0;font:inherit}.integration-row__trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--spacing-sm);width:100%;min-height:var(--touch-target-comfortable);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:inherit;font-family:inherit;text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-smooth)}.integration-row__trigger:hover{background:var(--state-hover)}.integration-row__trigger:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:-2px}.integration-row__icon{display:flex;align-items:center;color:var(--text-secondary)}.integration-row__icon>svg{width:20px;height:20px;flex-shrink:0}.integration-row__labels{display:flex;flex-direction:column;gap:1px;min-width:0}.integration-row__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-compact);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.integration-row__detail{font-size:var(--font-size-2xs);color:var(--text-tertiary);line-height:var(--line-height-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.integration-row__status{display:inline-flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap;font-size:var(--font-size-2xs);color:var(--text-secondary)}.integration-row__dot{width:6px;height:6px;flex-shrink:0;border-radius:var(--border-radius-capsule);background:currentColor}.integration-row__status--connected{color:var(--accent-green)}.integration-row__status--attention{color:var(--text-warning)}.integration-row__status--disconnected{color:var(--text-tertiary)}.integration-row__status--working{color:var(--text-secondary)}.integration-row__chevron{color:var(--text-tertiary);transition:transform var(--duration-fast) var(--ease-out-smooth)}.integration-row__chevron--open{transform:rotate(180deg)}.integration-row__panel{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg)}.integration-row__note{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;margin-bottom:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);background:var(--bg-elevated)}@media(max-width:600px),(max-height:500px)and (pointer:coarse){.integration-row__trigger{padding-inline:var(--spacing-md);gap:var(--spacing-xs)}.integration-row__status-label{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.integration-row__detail{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.integration-row__panel{padding-inline:var(--spacing-md)}}@container connections (max-width: 420px){.integration-row__status-label{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.integration-row__detail{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.integration-row__test{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.integration-row__test-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);background:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out-smooth),color var(--duration-fast) var(--ease-out-smooth)}.integration-row__test-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--text-primary)}.integration-row__test-btn:disabled{cursor:progress;opacity:.6}.integration-row__test-result{flex:1 1 16rem;margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-secondary)}.integration-row__test-result--connected strong{color:var(--accent-green)}.integration-row__test-result--attention strong{color:var(--text-warning)}.integration-row__test-result--disconnected strong{color:var(--text-tertiary)}.integration-row__test-caveat{color:var(--text-tertiary);font-style:italic}@media(prefers-reduced-motion:reduce){.integration-row__test-btn{transition:none}}@media(prefers-reduced-motion:reduce){.integration-row__trigger,.integration-row__chevron{transition:none}}}@layer components{.vault-devices{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;margin-top:var(--spacing-sm)}.vault-devices__title{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.vault-devices__list{display:flex;flex-direction:column;gap:var(--space-0-5);min-width:0;margin:0;padding:0;list-style:none}.vault-devices__item{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0;padding:var(--spacing-xs);border-radius:var(--border-radius-sm)}.vault-devices__item:hover{background:var(--state-hover)}.vault-devices__dot{width:6px;height:6px;flex-shrink:0;border-radius:var(--border-radius-capsule)}.vault-devices__dot--on{background:var(--accent-green)}.vault-devices__dot--off{background:var(--text-tertiary)}.vault-devices__main{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.vault-devices__name{font-size:var(--font-size-2xs);color:var(--text-primary);overflow-wrap:anywhere}.vault-devices__meta{font-size:var(--font-size-2xs);color:var(--text-tertiary);line-height:var(--line-height-snug);overflow-wrap:anywhere}.vault-devices__revoke{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--touch-target-min);height:var(--touch-target-min);border:none;border-radius:var(--border-radius-sm);background:none;color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out-smooth),background-color var(--duration-fast) var(--ease-out-smooth)}.vault-devices__revoke:hover:not(:disabled){background:var(--state-hover);color:var(--color-error)}.vault-devices__revoke:disabled{opacity:.5;cursor:progress}.vault-devices__revoke:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:-2px}.vault-devices__enroll{display:flex;align-items:flex-start;gap:var(--spacing-xs);min-width:0;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);cursor:pointer}.vault-devices__enroll>input{flex-shrink:0;margin-top:var(--space-1)}.vault-devices__enroll-text{display:flex;flex-direction:column;gap:var(--space-0-5);min-width:0;font-size:var(--font-size-2xs);color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){.vault-devices__revoke{transition:none}}}@layer components{.vault-offline{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;margin-top:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);background:var(--bg-elevated)}.vault-offline__status{margin:0;font-size:var(--font-size-2xs);color:var(--text-secondary);line-height:var(--line-height-normal);overflow-wrap:anywhere}.vault-offline__sub{color:var(--text-tertiary)}.vault-offline__pulse{display:inline-block;width:6px;height:6px;margin-inline-end:var(--spacing-xs);border-radius:var(--border-radius-capsule);background:var(--text-warning);animation:vault-offline-pulse 2s var(--ease-in-out-smooth) infinite}@keyframes vault-offline-pulse{0%,to{opacity:.35}50%{opacity:1}}.vault-offline__last{margin:0;font-size:var(--font-size-2xs);color:var(--text-tertiary)}.vault-offline__why>summary{min-height:var(--touch-target-min);display:flex;align-items:center;font-size:var(--font-size-2xs);color:var(--text-secondary);cursor:pointer}.vault-offline__why>summary:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px;border-radius:var(--border-radius-sm)}.vault-offline__list{margin:0;padding-inline-start:var(--spacing-md);font-size:var(--font-size-2xs);line-height:var(--line-height-normal);color:var(--text-tertiary)}.vault-offline__list li+li{margin-top:var(--spacing-xs)}.vault-offline__list strong{color:var(--text-secondary);font-weight:var(--font-weight-medium)}@media(prefers-reduced-motion:reduce){.vault-offline__pulse{animation:none;opacity:1}}}@layer components{.vault-install{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;margin-bottom:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);background:var(--bg-elevated)}.vault-install__title{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.vault-install__body{margin:0;font-size:var(--font-size-2xs);color:var(--text-tertiary);line-height:var(--line-height-normal);overflow-wrap:anywhere}.vault-install__list{margin:0;padding-inline-start:var(--spacing-md);font-size:var(--font-size-2xs);color:var(--text-tertiary);line-height:var(--line-height-normal)}.vault-install__list li+li{margin-top:var(--spacing-xs)}.vault-install__list strong,.vault-install__body strong{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.vault-install a{color:var(--accent-primary)}.vault-install__repo{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);min-width:0;margin-top:var(--space-1)}.vault-install__repo>code{padding:0 var(--space-1);border-radius:var(--border-radius-sm);background:var(--bg-primary);font-family:var(--font-mono);overflow-wrap:anywhere}.vault-install__copy{min-height:var(--touch-target-min);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);background:none;color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-2xs);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-smooth)}.vault-install__copy:hover{background:var(--state-hover)}.vault-install__copy:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){.vault-install__copy{transition:none}}.vault-install__download{display:inline-flex;align-items:center;min-height:var(--touch-target-min);padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--accent-primary);border-radius:var(--border-radius-sm);color:var(--accent-primary);font-weight:var(--font-weight-semibold);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out-smooth)}.vault-install__download:hover{background:var(--state-hover)}.vault-install__download:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.vault-install__note{margin:0;padding-left:var(--spacing-sm);border-left:2px solid var(--border-subtle);font-size:var(--font-size-2xs);color:var(--text-tertiary);line-height:var(--line-height-normal);overflow-wrap:anywhere}.vault-install__note strong{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.vault-install__verify>summary{font-size:var(--font-size-2xs);color:var(--text-tertiary);cursor:pointer}.vault-install__hash{display:block;padding:var(--space-1);border-radius:var(--border-radius-sm);background:var(--bg-primary);font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--text-secondary);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}@media(prefers-reduced-motion:reduce){.vault-install__download{transition:none}}}@layer components{.vault-pairing-panel{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.vault-pairing-panel__lead{margin:0;font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--text-secondary)}.vault-pairing-panel__vault-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.vault-pairing-panel__vault-row{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md)}.vault-pairing-panel__vault-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);min-width:0}.vault-pairing-panel__vault-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.vault-pairing-panel__vault-detail{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:var(--line-height-snug)}.vault-pairing-panel__mirror-result{margin-top:var(--space-2);font-size:var(--font-size-xs);line-height:var(--line-height-snug);color:var(--accent-green)}.vault-pairing-panel__mirror-result code{font-family:var(--font-mono);font-size:.9em;padding:0 var(--space-1);border-radius:3px;background:color-mix(in srgb,var(--accent-green) 12%,transparent)}.vault-pairing-panel__exclude{margin-top:var(--space-2)}.vault-pairing-panel__exclude-summary{cursor:pointer;font-size:var(--font-size-xs);color:var(--text-secondary);-webkit-user-select:none;user-select:none}.vault-pairing-panel__exclude-hint{margin:var(--space-2) 0;font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:var(--line-height-snug)}.vault-pairing-panel__exclude-hint code{font-family:var(--font-mono);font-size:.9em;padding:0 3px;border-radius:3px;background:var(--state-hover)}.vault-pairing-panel__exclude-input{width:100%;resize:vertical;box-sizing:border-box;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);padding:var(--space-2)}.vault-pairing-panel__exclude-ok{font-size:var(--font-size-xs);color:var(--accent-green);align-self:center}.vault-pairing-panel__vault-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--space-0-5)}.vault-pairing-panel__status-pill{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:3px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;border-radius:999px;white-space:nowrap;flex-shrink:0}.vault-pairing-panel__status-pill--on{background:color-mix(in srgb,var(--accent-green) 14%,transparent);color:var(--accent-green)}.vault-pairing-panel__status-pill--off{background:var(--state-hover);color:var(--text-tertiary)}.vault-pairing-panel__status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.vault-pairing-panel__status-dot--on{background:var(--accent-green);box-shadow:0 0 5px color-mix(in srgb,var(--accent-green) 60%,transparent)}.vault-pairing-panel__status-dot--off{background:var(--text-tertiary)}.vault-pairing-panel__index-status{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);line-height:var(--line-height-snug);transition:background .4s ease,border-color .4s ease}.vault-pairing-panel__index-status-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;margin-top:1px;font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);border-radius:50%;line-height:var(--line-height-none)}.vault-pairing-panel__index-status-text{display:flex;flex-direction:column;gap:1px;min-width:0}.vault-pairing-panel__index-status-label{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.vault-pairing-panel__index-status-detail{color:var(--text-tertiary);font-size:var(--font-size-xs)}.vault-pairing-panel__index-status--ok{background:color-mix(in srgb,var(--accent-green) 8%,var(--bg-primary));border-color:color-mix(in srgb,var(--accent-green) 28%,var(--border-subtle))}.vault-pairing-panel__index-status--ok .vault-pairing-panel__index-status-icon{background:color-mix(in srgb,var(--accent-green) 24%,transparent);color:var(--accent-green)}.vault-pairing-panel__index-status--ok .vault-pairing-panel__index-status-label{color:var(--accent-green)}.vault-pairing-panel__index-status--celebrate{animation:vault-sync-celebrate 1.6s ease-out 1}@keyframes vault-sync-celebrate{0%{box-shadow:0 0 color-mix(in srgb,var(--accent-green) 35%,transparent)}60%{box-shadow:0 0 0 8px color-mix(in srgb,var(--accent-green) 0%,transparent)}to{box-shadow:0 0 0 0 transparent}}.vault-pairing-panel__index-status--progress .vault-pairing-panel__index-status-icon{background:color-mix(in srgb,var(--accent-sage) 14%,transparent);color:var(--accent-sage)}.vault-pairing-panel__index-status--warn .vault-pairing-panel__index-status-icon{background:color-mix(in srgb,var(--accent-amber, #d6ae54) 22%,transparent);color:var(--accent-amber, #d6ae54)}.vault-pairing-panel__index-status--idle .vault-pairing-panel__index-status-icon{background:var(--state-hover);color:var(--text-tertiary)}.vault-pairing-panel__index-status--clickable{width:100%;text-align:left;font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;color:inherit}.vault-pairing-panel__index-status--clickable:hover{background:color-mix(in srgb,var(--accent-amber, #d6ae54) 14%,var(--bg-primary))}.vault-pairing-panel__index-status--clickable:focus-visible{outline:2px solid var(--accent-sage);outline-offset:2px}.vault-pairing-panel__index-status-chevron{margin-left:auto;color:var(--text-tertiary);flex-shrink:0;margin-top:1px;transition:transform var(--duration-base) ease}.vault-pairing-panel__index-status-chevron--open{transform:rotate(180deg)}.vault-pairing-panel__failures{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:-2px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-subtle);border-top:none;border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);font-size:var(--font-size-xs);line-height:var(--line-height-snug);max-height:240px;overflow-y:auto}.vault-pairing-panel__failures-empty{color:var(--text-tertiary);font-style:italic;padding:var(--spacing-xs) 0}.vault-pairing-panel__failures-group{display:flex;flex-direction:column;gap:var(--space-1)}.vault-pairing-panel__failures-group-title{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--accent-amber, #d6ae54);text-transform:uppercase;letter-spacing:.06em}.vault-pairing-panel__failures-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.vault-pairing-panel__failures-item{display:flex;flex-direction:column;gap:1px;padding:var(--space-1) var(--space-2);background:var(--bg-secondary);border-radius:4px}.vault-pairing-panel__failures-path{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);word-break:break-all}.vault-pairing-panel__failures-detail{color:var(--text-tertiary);font-size:var(--font-size-2xs)}.vault-pairing-panel__failures-more{color:var(--text-tertiary);font-style:italic;padding-top:var(--space-0-5);border-top:1px dashed var(--border-subtle)}.vault-pairing-panel__spinner{width:11px;height:11px;border-width:1.5px;border-style:solid;border-color:color-mix(in srgb,var(--accent-sage) 30%,transparent);border-top-color:var(--accent-sage);border-radius:50%;animation:spin .9s linear infinite}.vault-pairing-panel__connect{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-xs)}.vault-pairing-panel__connect-heading{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--spacing-xs)}.vault-pairing-panel__label{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:-2px}.vault-pairing-panel__input{width:100%;min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-family:inherit;transition:border-color var(--duration-fast) var(--ease-in-out-smooth)}.vault-pairing-panel__input:focus{outline:none;border-color:var(--accent-sage)}.vault-pairing-panel__btn{min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);border:1px solid transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-in-out-smooth),border-color var(--duration-fast) var(--ease-in-out-smooth),color var(--duration-fast) var(--ease-in-out-smooth)}.vault-pairing-panel__btn:disabled{opacity:.5;cursor:not-allowed}.vault-pairing-panel__btn--primary{background:var(--accent-sage);color:var(--bg-primary);border-color:var(--accent-sage)}.vault-pairing-panel__btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent-sage) 88%,white);border-color:color-mix(in srgb,var(--accent-sage) 88%,white)}.vault-pairing-panel__btn--secondary{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-subtle);min-height:36px;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.vault-pairing-panel__btn--secondary:hover:not(:disabled){background:var(--state-hover);border-color:var(--text-tertiary)}.vault-pairing-panel__btn--ghost{background:transparent;color:var(--text-tertiary);border-color:transparent;min-height:36px;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.vault-pairing-panel__btn--ghost:hover:not(:disabled){background:var(--state-hover);color:var(--text-primary)}.vault-pairing-panel__offline-hint{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary);font-style:italic}.vault-pairing-panel__error{margin:0;font-size:var(--font-size-xs);color:var(--accent-red)}.vault-pairing-panel__install-hint{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--text-tertiary);text-align:center}.vault-pairing-panel__install-hint a{color:var(--accent-sage);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.vault-pairing-panel__install-hint a:hover{color:color-mix(in srgb,var(--accent-sage) 80%,white)}.vault-pairing-panel__step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);padding:var(--spacing-md) 0}.vault-pairing-panel__title{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.vault-pairing-panel__hint{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary);max-width:36ch;line-height:var(--line-height-normal)}.vault-pairing-panel__code-wrap{display:flex;align-items:stretch;gap:var(--spacing-sm)}.vault-pairing-panel__code{font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:.35ch;padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-primary);color:var(--accent-sage);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);-webkit-user-select:all;user-select:all}.vault-pairing-panel__code--expired{color:var(--text-tertiary);text-decoration:line-through;text-decoration-thickness:2px;border-style:dashed}.vault-pairing-panel__deeplink{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;text-decoration:none;text-align:center}.vault-pairing-panel__copy-btn{min-width:4.5rem;padding:0 var(--spacing-md);background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-in-out-smooth),color var(--duration-fast) var(--ease-in-out-smooth)}.vault-pairing-panel__copy-btn:hover{background:var(--state-hover);color:var(--text-primary)}.vault-pairing-panel__expiry{margin:0;font-size:var(--font-size-xs);color:var(--text-tertiary)}.vault-pairing-panel__expiry strong{color:var(--text-secondary);font-variant-numeric:tabular-nums}.vault-pairing-panel__waiting{margin:0;font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic}.vault-pairing-panel__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm)}.vault-pairing-panel__details{min-width:0;margin-top:var(--spacing-xs)}.vault-pairing-panel__details>summary{display:flex;align-items:center;min-height:var(--touch-target-min);font-size:var(--font-size-2xs);color:var(--text-tertiary);cursor:pointer}.vault-pairing-panel__details>summary:hover{color:var(--text-secondary)}.vault-pairing-panel__details>summary:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px;border-radius:var(--border-radius-sm)}.vault-pairing-panel__details[open]>summary{margin-bottom:var(--spacing-xs)}}@layer components{.agent-tokens{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:0}.agent-tokens__intro,.agent-tokens__empty{margin:0;font-size:var(--font-size-2xs);color:var(--text-tertiary);line-height:var(--line-height-normal);overflow-wrap:anywhere}.agent-tokens__error{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);background:var(--bg-warning-overlay);color:var(--color-error);font-size:var(--font-size-2xs);line-height:var(--line-height-normal);overflow-wrap:anywhere}.agent-tokens__reveal{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--accent-green);border-radius:var(--border-radius-md);background:var(--bg-elevated);min-width:0}.agent-tokens__reveal-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.agent-tokens__command{display:block;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-2xs);line-height:var(--line-height-relaxed);overflow-wrap:anywhere;white-space:pre-wrap;-webkit-user-select:all;user-select:all}.agent-tokens__warning{margin:0;font-size:var(--font-size-2xs);color:var(--text-warning);line-height:var(--line-height-normal)}.agent-tokens__scopes{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:0;padding:0;border:none;min-width:0}.agent-tokens__scope{display:flex;align-items:flex-start;gap:var(--spacing-xs);min-width:0;min-height:var(--touch-target-min);padding:var(--spacing-xs);border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-smooth)}.agent-tokens__scope:hover{background:var(--state-hover)}.agent-tokens__scope>input{flex-shrink:0}.agent-tokens__scope-text{display:flex;flex-direction:column;gap:var(--space-0-5);min-width:0}.agent-tokens__scope-label{font-size:var(--font-size-sm);color:var(--text-primary)}.agent-tokens__scope-hint{font-size:var(--font-size-2xs);color:var(--text-tertiary);line-height:var(--line-height-snug)}.agent-tokens__list{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.agent-tokens__item{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm)}.agent-tokens__item-main{display:flex;flex-direction:column;gap:var(--space-0-5);min-width:0;flex:1}.agent-tokens__item-name{font-size:var(--font-size-sm);color:var(--text-primary);overflow-wrap:anywhere}.agent-tokens__item-meta{font-size:var(--font-size-2xs);color:var(--text-tertiary);overflow-wrap:anywhere}.agent-tokens__revoke{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--touch-target-min);height:var(--touch-target-min);border:none;border-radius:var(--border-radius-sm);background:none;color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out-smooth),background-color var(--duration-fast) var(--ease-out-smooth)}.agent-tokens__revoke:hover{background:var(--state-hover);color:var(--color-error)}@media(prefers-reduced-motion:reduce){.agent-tokens__scope,.agent-tokens__revoke{transition:none}}.agent-tokens__step{display:flex;align-items:flex-start;gap:var(--spacing-sm);min-width:0}.agent-tokens__step-num{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-5);height:var(--space-5);border-radius:var(--border-radius-capsule);background:var(--accent-primary);color:var(--on-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-none)}.agent-tokens__step-body{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;flex:1}.agent-tokens__step-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-compact)}.agent-tokens__step-hint{margin:0;font-size:var(--font-size-2xs);color:var(--text-tertiary);line-height:var(--line-height-normal);overflow-wrap:anywhere}.agent-tokens__inline{padding:0 var(--space-1);border-radius:var(--border-radius-sm);background:var(--bg-primary);font-family:var(--font-mono);font-size:.95em;overflow-wrap:anywhere}.agent-tokens__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.agent-tokens__primary,.agent-tokens__secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);align-self:flex-start;max-width:100%;min-height:var(--touch-target-min);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);border:1px solid transparent;font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-smooth)}.agent-tokens__primary{background:var(--accent-primary);color:var(--on-primary)}.agent-tokens__primary:hover:not(:disabled){background:var(--accent-green)}.agent-tokens__primary:disabled{opacity:.6;cursor:not-allowed}.agent-tokens__primary--copy{align-self:stretch}.agent-tokens__secondary{background:none;border-color:var(--border-subtle);color:var(--text-secondary)}.agent-tokens__secondary:hover{background:var(--state-hover)}.agent-tokens__advanced-toggle{align-self:flex-start;padding:var(--spacing-xs) 0;border:none;background:none;color:var(--text-tertiary);font-family:inherit;font-size:var(--font-size-2xs);text-decoration:underline;cursor:pointer}.agent-tokens__advanced-toggle:hover{color:var(--text-secondary)}.agent-tokens__advanced{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);background:var(--bg-primary);min-width:0}.agent-tokens__list-title{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.agent-tokens__primary:focus-visible,.agent-tokens__secondary:focus-visible,.agent-tokens__advanced-toggle:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:1px}@media(prefers-reduced-motion:reduce){.agent-tokens__primary,.agent-tokens__secondary{transition:none}}.agent-tokens__alt{margin-top:var(--spacing-sm);min-width:0}.agent-tokens__alt>summary{font-size:var(--font-size-2xs);color:var(--text-tertiary);cursor:pointer;padding:var(--space-1) 0}.agent-tokens__alt>summary:hover{color:var(--text-secondary)}.agent-tokens__alt>summary:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.agent-tokens__alt[open]{display:flex;flex-direction:column;gap:var(--spacing-xs)}}@layer components{.connections{display:flex;flex-direction:column;container-type:inline-size;container-name:connections}.connections__legal{margin:0;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);font-size:var(--font-size-2xs);color:var(--text-tertiary);line-height:var(--line-height-normal);overflow-wrap:anywhere}.connections__legal a{color:var(--text-secondary);text-decoration:underline}.connections__intro{margin:0;padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);font-size:var(--font-size-2xs);color:var(--text-tertiary);line-height:var(--line-height-normal);overflow-wrap:anywhere}.integration-row__panel>.vault-pairing-panel{padding:0}.connections__simple-panel{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.connections__panel-hint{margin:0;font-size:var(--font-size-2xs);color:var(--text-tertiary);line-height:var(--line-height-normal)}.connections__primary-btn,.connections__danger-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);border:1px solid transparent;font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-smooth),color var(--duration-fast) var(--ease-out-smooth)}.connections__primary-btn{background:var(--accent-primary);color:var(--on-primary)}.connections__primary-btn:hover{background:var(--accent-green)}.connections__danger-btn{background:none;border-color:var(--border-subtle);color:var(--text-secondary)}.connections__danger-btn:hover{border-color:var(--color-error);color:var(--color-error)}@media(prefers-reduced-motion:reduce){.connections__primary-btn,.connections__danger-btn{transition:none}}}@layer components{.quick-clip{padding:var(--space-4);padding-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.quick-clip__lead{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.quick-clip__steps{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.quick-clip__step{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}.quick-clip__step strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.quick-clip__step-num{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-top:1px;border-radius:var(--border-radius-capsule);background:var(--category-learn);color:var(--text-on-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-none)}.quick-clip__stage{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);background:var(--bg-secondary);border:1px dashed var(--border-subtle);border-radius:var(--border-radius-md)}.quick-clip__bookmarklet{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-on-accent);background:var(--category-learn);border-radius:var(--border-radius-capsule);box-shadow:var(--shadow-interactive);text-decoration:none;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform var(--duration-fast) var(--ease-out-smooth),box-shadow var(--duration-fast) var(--ease-out-smooth)}.quick-clip__bookmarklet:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover)}.quick-clip__bookmarklet:active{cursor:grabbing;transform:scale(.98)}.quick-clip__glyph{flex-shrink:0}.quick-clip__copy{display:inline-flex;align-items:center;min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out-smooth)}.quick-clip__copy:hover{background:var(--state-hover)}.quick-clip__footnote{margin:0;font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:var(--line-height-normal)}}@layer components{.settings-title-wrapper{display:flex;align-items:center;gap:var(--spacing-sm)}.settings-title-icon{width:22px;height:22px;color:var(--text-tertiary);flex-shrink:0}.settings{width:100%;max-width:1600px;margin:0 auto;padding:var(--spacing-xs) 0 var(--spacing-md)}.settings-masonry{columns:340px 4;column-gap:var(--spacing-lg)}.settings-masonry>.section-card{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin:0 0 var(--spacing-lg)}.settings-error-text{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--accent-red);margin:var(--space-2) 0 0 0}.settings-group{background:var(--bg-secondary);border:none;border-radius:var(--border-radius-lg);overflow:hidden}.settings-group>*+*{border-top:1px solid var(--border-subtle)}.settings-action-button{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-radius:0;cursor:pointer;transition:background var(--duration-fast) var(--ease-in-out-smooth);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-regular);text-align:left;min-height:var(--touch-target-comfortable)}.settings-action-icon{width:20px;height:20px;flex-shrink:0;color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease-in-out-smooth)}.settings-action-label{flex:1;text-align:left}.settings-group>.settings-action-button:first-child{border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.settings-group>.settings-action-button:last-child{border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}.settings-group>.settings-action-button:only-child{border-radius:var(--border-radius-lg)}.settings-action-button:hover{background:var(--state-hover)}.settings-action-button:hover .settings-action-icon{color:var(--text-secondary)}.settings-action-button:active{background:var(--state-pressed)}.settings-action-button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--focus-ring-color)}.settings-action-button:disabled{opacity:.55;cursor:progress;pointer-events:none}.settings-action-button--destructive .settings-action-label{color:color-mix(in srgb,var(--accent-red) 75%,var(--text-primary))}.settings-action-button--destructive .settings-action-icon{color:color-mix(in srgb,var(--accent-red) 50%,var(--text-tertiary))}.settings-action-button--destructive:hover{background:color-mix(in srgb,var(--accent-red) 6%,transparent)}.settings-action-button--destructive:hover .settings-action-icon,.settings-action-button--destructive:hover .settings-action-label{color:var(--accent-red)}.settings-group-row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--spacing-md) var(--spacing-lg)}.settings-group-label{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.settings-preset-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.settings-preset-chip{flex:0 0 auto;padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--border-radius-capsule);cursor:pointer;transition:background var(--duration-base) var(--ease-in-out-smooth),border-color var(--duration-base) var(--ease-in-out-smooth),color var(--duration-base) var(--ease-in-out-smooth);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--text-tertiary);text-align:center;white-space:nowrap;min-height:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.settings-preset-chip:hover{background:var(--state-hover);border-color:var(--text-tertiary);color:var(--text-primary)}.settings-preset-chip--active{background:var(--state-selected);border-color:var(--text-tertiary);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.settings-preset-chip--active:hover{background:var(--state-activated);border-color:var(--text-secondary)}.settings-palette-swatches{display:inline-flex;gap:3px;flex-shrink:0}.settings-palette-swatches>span{width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--border-subtle)}.settings-toggle-button{justify-content:flex-start}.settings-toggle-indicator{margin-left:auto;position:relative;width:40px;height:22px;border-radius:var(--border-radius-capsule);background:var(--elevation-04dp);border:1px solid var(--border-light);transition:background .25s var(--ease-in-out-smooth),border-color .25s var(--ease-in-out-smooth);flex-shrink:0}.settings-toggle-indicator:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-tertiary);transition:transform .25s var(--ease-out-expo),background .25s var(--ease-in-out-smooth)}.settings-toggle-indicator--on{background:color-mix(in srgb,var(--tree-green) 25%,transparent);border-color:color-mix(in srgb,var(--tree-green) 40%,transparent)}.settings-toggle-indicator--on:after{transform:translate(18px);background:var(--tree-green)}.settings-toggle-button--active .settings-action-icon{color:var(--ink-learn)}.settings-toggle-hint{margin:0;padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-sans);font-size:var(--font-size-2xs);line-height:var(--line-height-normal);color:var(--text-tertiary);overflow-wrap:anywhere}.settings-confirm{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-elevated)}.settings-confirm__title{margin:0 0 var(--spacing-sm);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);color:var(--text-primary)}.settings-confirm__body{margin:0 0 var(--space-1);font-family:var(--font-sans);font-size:var(--font-size-2xs);color:var(--text-secondary)}.settings-confirm__list{margin:0 0 var(--spacing-sm);padding-inline-start:var(--spacing-md);font-family:var(--font-sans);font-size:var(--font-size-2xs);line-height:var(--line-height-normal);color:var(--text-tertiary)}.settings-confirm__list li+li{margin-top:var(--space-1)}.settings-confirm__list strong{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.settings-confirm__note{margin:0 0 var(--spacing-md);font-family:var(--font-sans);font-size:var(--font-size-2xs);line-height:var(--line-height-normal);color:var(--text-tertiary)}.settings-confirm__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.settings-confirm__cancel,.settings-confirm__accept{flex:1 1 auto;min-width:0;min-height:var(--touch-target-min);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid transparent;font-family:var(--font-sans);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-in-out-smooth)}.settings-confirm__cancel{background:transparent;border-color:var(--border-subtle);color:var(--text-secondary)}.settings-confirm__cancel:hover{background:var(--state-hover)}.settings-confirm__accept{background:var(--tree-green);color:var(--on-primary)}.settings-confirm__accept:hover:not(:disabled){background:color-mix(in srgb,var(--tree-green) 85%,black)}.settings-confirm__accept:disabled{opacity:.6;cursor:not-allowed}.settings-confirm__cancel:focus-visible,.settings-confirm__accept:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){.settings-confirm__cancel,.settings-confirm__accept{transition:none}}.settings-role-label{text-align:left;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-wide);text-transform:none;padding-top:var(--spacing-sm);opacity:.5}.light-theme .settings-group{background:var(--bg-secondary)}.light-theme .settings-group>*+*{border-top-color:var(--border-subtle)}.light-theme .settings-action-button:hover{background:var(--bg-hover)}.light-theme .settings-preset-chip{border-color:var(--border-color)}.light-theme .settings-toggle-indicator{background:var(--bg-secondary);border-color:var(--border-color)}.light-theme .settings-toggle-indicator:after{background:var(--text-tertiary)}.light-theme .settings-toggle-indicator--on{background:color-mix(in srgb,var(--tree-green) 20%,var(--bg-secondary))}.light-theme .settings-toggle-indicator--on:after{background:var(--tree-green)}.settings-footer{padding:var(--spacing-sm) var(--spacing-lg);border-top:1px solid var(--border-light);background:color-mix(in srgb,var(--bg-primary) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--spacing-sm))}.light-theme .settings-footer{border-top-color:var(--border-color);background:color-mix(in srgb,var(--bg-primary) 85%,transparent)}.settings-complete-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--space-3) var(--spacing-xl);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-capsule);cursor:pointer;transition:background var(--duration-base) var(--ease-in-out-smooth),border-color var(--duration-base) var(--ease-in-out-smooth),color var(--duration-fast) var(--ease-in-out-smooth);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);min-height:var(--touch-target-min)}.settings-complete-button:hover{background:var(--state-hover);border-color:var(--text-tertiary);color:var(--text-primary)}.settings-complete-button:active{background:var(--state-pressed)}.settings-complete-button:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.settings-complete-button .settings-complete-icon{width:18px;height:18px;flex-shrink:0;color:var(--text-tertiary)}.settings-complete-button:hover .settings-complete-icon{color:var(--ink-learn)}@media(max-width:767px){.settings{max-width:100%;padding:var(--spacing-sm) 0 var(--spacing-lg)}.settings-masonry{column-gap:var(--spacing-md)}.settings-masonry>.section-card{margin-bottom:var(--spacing-md)}.settings-action-button{padding:var(--space-3) var(--spacing-md)}.settings-action-icon{width:18px;height:18px}.settings-complete-button{padding:var(--space-3) 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{padding:var(--spacing-xs) 0 var(--spacing-md)}.settings-title-icon{width:20px;height:20px}.settings-group-row{padding:var(--space-3) var(--spacing-md)}.settings-preset-chip{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.settings-toggle-indicator{width:36px;height:20px}.settings-toggle-indicator:after{width:14px;height:14px}.settings-toggle-indicator--on:after{transform:translate(16px)}.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))}}@media(prefers-reduced-motion:reduce){.settings-action-button,.settings-preset-chip,.settings-toggle-indicator,.settings-toggle-indicator:after,.settings-complete-button{transition:none}}}@layer components{.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:767px){.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)}}}@layer components{.contact-modal__title{display:flex;align-items:center;gap:var(--spacing-sm)}.contact-modal__title-icon{width:22px;height:22px;color:var(--text-primary);flex-shrink:0}.contact-modal__content{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl);text-align:left}.contact-modal__lead{margin:0;font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--text-primary)}.contact-modal__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-modal__row{display:flex;align-items:flex-start;gap:var(--spacing-md)}.contact-modal__row-chip{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);background:var(--state-hover);color:var(--text-primary)}.contact-modal__row-chip[data-accent=connect]{background:color-mix(in srgb,var(--accent-blue) 16%,transparent);color:var(--ink-connect)}.contact-modal__row-chip[data-accent=earn]{background:color-mix(in srgb,var(--accent-gold) 18%,transparent);color:var(--ink-earn)}.contact-modal__row-icon{width:20px;height:20px;display:block}.contact-modal__row-text{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:2px}.contact-modal__row-title{margin:0;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.contact-modal__row-body{margin:0;font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-secondary)}.contact-modal__email{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid color-mix(in srgb,var(--accent-gold) 45%,transparent);border-radius:var(--border-radius-md);background:color-mix(in srgb,var(--accent-gold) 8%,transparent);color:var(--ink-earn);font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.contact-modal__email:hover{background:color-mix(in srgb,var(--accent-gold) 16%,transparent);border-color:var(--accent-gold);transform:translateY(-1px)}.contact-modal__email:active{transform:translateY(0)}.contact-modal__email:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}.contact-modal__email-icon{width:18px;height:18px;flex-shrink:0}.contact-modal__email-address{letter-spacing:var(--letter-spacing-normal)}@media(max-width:600px){.contact-modal__content{padding:var(--spacing-lg);gap:var(--spacing-lg)}}}@layer components{.skeleton{background:var(--bg-tertiary, rgba(255, 255, 255, .1));border-radius:var(--border-radius-sm, 4px);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.skeleton-container{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);width:100%}.skeleton-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skeleton-text{height:16px;width:100%;border-radius:var(--border-radius-sm, 4px)}.skeleton-text--title{width:60%;height:18px}.skeleton-text--subtitle{width:40%;height:14px}.skeleton-text--body{width:100%}.skeleton-text--short{width:75%}.skeleton-text-block{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.skeleton-button{height:36px;width:80px;border-radius:var(--border-radius-md, 8px);flex-shrink:0}.skeleton-card{background:var(--bg-secondary, rgba(255, 255, 255, .05));border-radius:var(--border-radius-lg, 12px);padding:var(--spacing-lg, 24px);display:flex;flex-direction:column;gap:var(--spacing-md, 16px)}.skeleton-card-header{display:flex;gap:var(--spacing-md, 16px);align-items:flex-start}.skeleton-card-meta{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.skeleton-list-item{display:flex;align-items:center;gap:var(--spacing-md, 16px);padding:var(--spacing-md, 16px);background:var(--bg-secondary, rgba(255, 255, 255, .05));border-radius:var(--border-radius-md, 8px)}.skeleton-list-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.skeleton-container>*:nth-child(1) .skeleton{animation-delay:0s}.skeleton-container>*:nth-child(2) .skeleton{animation-delay:.15s}.skeleton-container>*:nth-child(3) .skeleton{animation-delay:.3s}.skeleton-container>*:nth-child(4) .skeleton{animation-delay:.45s}.light-theme .skeleton{background:var(--bg-tertiary, rgba(0, 0, 0, .08))}.light-theme .skeleton-card,.light-theme .skeleton-list-item{background:var(--bg-secondary, rgba(0, 0, 0, .04))}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;opacity:.5}}}@layer components{.nav-info-card-anchor{position:relative;width:100%}.top-ui-bar .nav-info-card-anchor{width:auto}.nav-info-card{position:fixed;z-index:10000;width:196px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs, 4px);padding:var(--spacing-md, 16px) var(--spacing-sm, 8px) var(--spacing-sm, 8px);background:#1e1f1cb8;-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);border-radius:var(--radius-lg, 12px);border:1px solid var(--glass-border-dark, rgba(255, 255, 255, .1));border-top:2px solid transparent;text-align:center;box-shadow:var(--glass-shadow-dark, 0 8px 32px rgba(0, 0, 0, .3)),var(--glass-inset-highlight, inset 0 1px 0 rgba(255, 255, 255, .08));pointer-events:none;animation:navInfoFadeIn .15s ease-out}@keyframes navInfoFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.nav-info-card--right{animation:navInfoFadeInRight .15s ease-out forwards}@keyframes navInfoFadeInRight{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.nav-info-card--bottom{animation:navInfoFadeInBottom .15s ease-out forwards}@keyframes navInfoFadeInBottom{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-info-card--learn{border-top-color:var(--category-learn)}.nav-info-card--connect{border-top-color:var(--category-connect)}.nav-info-card--earn{border-top-color:var(--category-earn)}.nav-info-card--info{border-top-color:var(--accent-gold)}.nav-info-card__icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--glass-bg-strong, rgba(248, 245, 237, .11));flex-shrink:0}.nav-info-card__icon svg{width:18px;height:18px}.nav-info-card--learn .nav-info-card__icon{color:var(--ink-learn)}.nav-info-card--connect .nav-info-card__icon{color:var(--ink-connect)}.nav-info-card--earn .nav-info-card__icon,.nav-info-card--info .nav-info-card__icon{color:var(--ink-earn)}.nav-info-card__title{margin:0;font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-serif)}.nav-info-card__desc{margin:0;font-family:var(--font-sans);font-size:var(--type-detail);color:var(--text-secondary);line-height:var(--line-height-snug)}@media(max-width:600px){.nav-info-card{display:none}}.light-theme .nav-info-card{background:#f5f0e8d1;border-color:#00000014;box-shadow:0 4px 20px #0000001f,inset 0 1px #fff9}}@layer components{.mobile-drawer__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:var(--z-nav-drawer);pointer-events:none;transition:background var(--duration-medium) var(--ease-out-smooth)}.mobile-drawer__scrim--visible{background:#00000080;pointer-events:auto}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:80vw;max-width:320px;z-index:calc(var(--z-nav-drawer) + 1);background:var(--bg-primary);border-right:1px solid var(--border-subtle);transform:translate(-100%);transition:transform var(--duration-medium) var(--ease-out-smooth);display:flex;flex-direction:column;overflow:hidden}.mobile-drawer--open{transform:translate(0)}.mobile-drawer__search{display:flex;align-items:center;gap:var(--spacing-sm);padding:calc(var(--spacing-md) + var(--safe-area-top)) var(--spacing-md) var(--spacing-sm);color:var(--text-tertiary)}.mobile-drawer__search svg{flex-shrink:0;width:18px;height:18px}.mobile-drawer__search-input{flex:1;border:none;background:transparent;font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--text-primary);outline:none;padding:0;min-width:0}.mobile-drawer__search-input::placeholder{color:var(--text-tertiary)}.mobile-drawer__search-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:var(--state-hover);border-radius:50%;color:var(--text-secondary);cursor:pointer;flex-shrink:0}.mobile-drawer__search-clear:active{background:var(--state-pressed)}.mobile-drawer__divider{height:1px;background:var(--border-subtle);margin:var(--spacing-xs) var(--spacing-lg)}.mobile-drawer__nav{display:flex;flex-direction:column;padding:var(--spacing-xs) var(--spacing-sm)}.mobile-drawer__item{display:flex;align-items:center;gap:var(--spacing-md);min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-md);background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--duration-fast) ease;text-align:left;width:100%}.mobile-drawer__item:active{background:var(--state-pressed)}.mobile-drawer__item svg{flex-shrink:0;width:22px;height:22px}.mobile-drawer__item--active{background:var(--state-selected);font-weight:var(--font-weight-semibold)}.mobile-drawer__item--learn.mobile-drawer__item--active{color:var(--ink-learn)}.mobile-drawer__item--connect.mobile-drawer__item--active{color:var(--ink-connect)}.mobile-drawer__item--earn.mobile-drawer__item--active{color:var(--ink-earn)}.mobile-drawer__item--muted{opacity:.35;pointer-events:none}.mobile-drawer__library-toggle{border-top:1px solid var(--border-subtle);margin-top:var(--spacing-xs);padding-top:calc(var(--spacing-sm) + var(--spacing-xs))}.mobile-drawer__library-toggle svg:last-child{margin-left:auto;width:16px;height:16px;color:var(--text-tertiary)}.mobile-drawer__library{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:0 var(--spacing-xs)}.mobile-drawer__bottom{margin-top:auto;padding:var(--spacing-xs) var(--spacing-sm) calc(var(--spacing-sm) + var(--safe-area-bottom));border-top:1px solid var(--border-subtle)}.mobile-drawer__item--feedback{width:100%;color:var(--text-secondary)}.mobile-drawer__library .library-panel--inline,.mobile-drawer__library .library-panel__content-inline,.mobile-drawer__library .library-panel__body{min-height:0}.mobile-drawer--lib-open .mobile-drawer__search,.mobile-drawer--lib-open .mobile-drawer__divider,.mobile-drawer--lib-open .mobile-drawer__nav .mobile-drawer__item:not(.mobile-drawer__library-toggle){display:none}.mobile-drawer--lib-open .mobile-drawer__library-toggle{border-top:none;margin-top:0;padding-top:calc(var(--spacing-sm) + var(--safe-area-top))}.mobile-drawer__library .library-panel__import-footer{flex-shrink:0;padding-bottom:calc(var(--spacing-sm) + var(--safe-area-bottom))}.mobile-drawer__library .node-navigator__select-btn{width:36px;height:36px;border-radius:var(--border-radius-md)}.mobile-drawer__library .node-navigator__select-btn svg{width:18px;height:18px}.light-theme .mobile-drawer{background:var(--bg-primary);border-right-color:var(--border-subtle)}.light-theme .mobile-drawer__scrim--visible{background:#0000004d}.light-theme .mobile-drawer__item:active{background:var(--state-pressed)}.light-theme .mobile-drawer__item--active{background:var(--state-selected)}@media(prefers-reduced-motion:reduce){.mobile-drawer,.mobile-drawer__scrim{transition:none}}}@layer components{.header{position:fixed;top:0;right:0;left:0;height:72px;background-color:transparent;color:var(--header-text);padding:var(--spacing-md);border-bottom:none;z-index:100;display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-normal)}.header-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--header-text)}.header-title{padding:0 var(--spacing-md);color:var(--header-text)}.header-link{text-decoration:none;display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);color:var(--header-button-bg);transition:color var(--transition-fast)}.header-link-external{border:1px solid var(--header-border);border-radius:var(--border-radius-md)}.header-link:visited{color:var(--header-button-bg)}.header-link:focus{color:var(--header-button-bg);outline:none;box-shadow:0 0 0 2px var(--header-button-bg)}.header-link:active,.header-link:hover{color:var(--header-button-hover)}.header-section{display:flex;align-items:center;gap:var(--spacing-sm)}.search-container{flex-grow:1;max-width:600px;margin:0 auto;width:40%;display:flex;justify-content:center;position:absolute;left:50%;transform:translate(-50%);z-index:1}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-md);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #66d9ef4d}.search-input::placeholder{color:var(--text-secondary)}.header-controls{display:flex;align-items:center;margin-left:auto}.theme-toggle{background:none;border:none;cursor:pointer;width:40px;height:40px;padding:0;position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;background-color:transparent;box-shadow:0 2px 5px #0000001a}.theme-toggle.dark{background-color:transparent;color:#fff;box-shadow:0 2px 8px #0000004d}.theme-toggle.light{background-color:#f0f0f0;color:#333;box-shadow:0 2px 5px #0000001a}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 3px 8px #00000026}.theme-toggle:focus{outline:none;box-shadow:0 0 0 2px var(--accent-blue)}.theme-toggle svg{width:22px;height:22px;color:currentColor}.moon-icon,.sun-icon{transition:all var(--transition-fast);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sun-icon{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scale(.5)}.light-theme .sun-icon{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}.light-theme .moon-icon{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(.5)}.header--mobile{height:auto;min-height:calc(48px + var(--safe-area-top, 0px));padding:0 var(--spacing-sm);padding-top:var(--safe-area-top, 0px);background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;z-index:var(--z-sticky, 1000)}.header__hamburger{display:flex;align-items:center;justify-content:center;width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);border:none;background:transparent;color:var(--text-primary);cursor:pointer;border-radius:var(--border-radius-sm, 6px);flex-shrink:0}.header__hamburger:active{background:var(--state-pressed)}.header__title{font-family:var(--font-sans);font-size:var(--font-size-md, 16px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary);text-align:left;margin-inline-start:var(--space-1, 4px);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__title-zone{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden}.header__slot{display:contents}.header__title-zone:has(.header__slot>*) .header__title--fallback{display:none}.header__title-zone:has(.next-action-pill) .header__title--fallback{display:none}.header__title-zone:has(.header__slot>*) .next-action-pill{display:none}.header__title-zone .next-action-pill{height:auto;min-height:var(--touch-target-min, 44px);min-width:0;max-width:100%}.header__title-zone .next-action-pill__body{min-width:0;padding:0 12px}.header__title-zone .next-action-pill__verb{flex:0 0 auto}.header__title-zone .next-action-pill__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__title-zone .next-action-pill__sub{display:none}.header__right{display:flex;align-items:center;flex-shrink:0;margin-inline-start:auto}.header__avatar-wrapper{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.header__avatar-wrapper--clickable{cursor:pointer;border-radius:50%;padding:2px;transition:background var(--duration-fast, .15s) ease}.header__avatar-wrapper--clickable:active{background:var(--state-pressed)}.header__avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover}.header__agent-btn{position:relative;display:flex;align-items:center;justify-content:center;width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius-sm, 6px);padding:0;transition:color var(--duration-fast, .15s) ease}.header__agent-btn:active{color:var(--text-primary);background:var(--state-pressed)}.header__agent-badge{position:absolute;top:6px;right:4px;min-width:16px;height:16px;border-radius:8px;background:var(--tree-green);color:#fff;font-size:var(--type-detail);font-weight:var(--font-weight-bold);line-height:16px;text-align:center;padding:0 4px;pointer-events:none}@keyframes header-bell-drop{0%{opacity:0;transform:translateY(-6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media only screen and (max-width:600px){.header:not(.header--mobile){padding:var(--spacing-xs) var(--spacing-sm)}.search-container{width:60%}.header-title{font-size:var(--font-size-sm);padding:0 var(--spacing-sm)}.header-link{padding:var(--spacing-xs) var(--spacing-sm)}}@media(max-width:767px){.header{left:0}.theme-toggle-label{display:none}.theme-toggle{min-width:36px;width:36px;height:36px;padding:0;border-radius:50%}}.onboarding-button{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-right:var(--spacing-md)}.onboarding-button:hover{border-color:var(--accent-gold);color:var(--ink-earn);transform:scale(1.05)}.onboarding-icon{width:1.25rem;height:1.25rem;transition:all var(--transition-fast)}.header__options-btn{display:flex;align-items:center;justify-content:center;width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius-sm, 6px);padding:0;transition:color var(--duration-fast, .15s) ease;flex-shrink:0}.header__options-btn:active,.header__options-btn--active{color:var(--text-primary);background:var(--state-pressed)}.header__options-menu{position:fixed;z-index:calc(var(--z-sticky, 1000) + 2);background:var(--elevation-04dp);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg, 12px);padding:var(--space-1, 4px);box-shadow:var(--shadow-elevation-08dp, 0 8px 24px rgba(0, 0, 0, .4));min-width:200px;display:flex;flex-direction:column;animation:header-bell-drop .18s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1))}.header__options-item{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%;padding:var(--space-2, 8px) var(--space-3, 12px);border:none;background:transparent;color:var(--text-primary);cursor:pointer;border-radius:var(--border-radius-md, 8px);text-align:left;font-size:var(--font-size-sm, 14px);transition:background var(--duration-fast, .15s) ease}.header__options-item:active{background:var(--state-pressed)}.header__options-item-icon{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--elevation-02dp);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.header__options-item-label{flex:1;min-width:0;font-weight:var(--font-weight-medium, 500)}.header__options-item-badge{flex-shrink:0;min-width:18px;height:18px;border-radius:9px;background:var(--accent-orange, #f59e0b);color:#fff;font-size:var(--type-detail);font-weight:var(--font-weight-bold);line-height:18px;text-align:center;padding:0 5px}.header__close-btn{display:flex;align-items:center;justify-content:center;width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius-sm, 6px);padding:0;transition:color var(--duration-fast, .15s) ease,background var(--duration-fast, .15s) ease;flex-shrink:0}.header__close-btn:active{color:var(--text-primary);background:var(--state-pressed)}.header--quest .header__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 var(--space-2, 8px)}.header__title--switchable{display:flex;align-items:center;justify-content:center;gap:6px;max-width:70%;border:none;background:var(--state-hover);cursor:pointer;border-radius:20px;padding:6px 14px 6px 16px;transition:background var(--duration-fast, .15s) ease,box-shadow var(--duration-fast, .15s) ease}.header__title--switchable:active{background:var(--state-pressed)}.header__title-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__title-chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1))}.header__title-chevron--open{transform:rotate(180deg)}.header__quest-menu{position:fixed;z-index:calc(var(--z-sticky, 1000) + 2);background:var(--elevation-04dp);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg, 12px);padding:var(--space-1, 4px);box-shadow:var(--shadow-elevation-08dp, 0 8px 24px rgba(0, 0, 0, .4));min-width:180px;display:flex;flex-direction:column;animation:header-bell-drop .18s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1))}.header__quest-menu-item{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%;padding:var(--space-2, 8px) var(--space-3, 12px);border:none;background:transparent;color:var(--text-primary);cursor:pointer;border-radius:var(--border-radius-md, 8px);text-align:left;font-size:var(--font-size-sm, 14px);transition:background var(--duration-fast, .15s) ease}.header__quest-menu-item:active{background:var(--state-pressed)}.header__quest-menu-item--danger{color:var(--accent-red, #ef4444)}}@layer components{.node-palette__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-node-palette);display:flex;justify-content:center;align-items:flex-start;padding:clamp(48px,12vh,140px) 16px 16px;background:var(--overlay-scrim, rgb(0 0 0 / 42%));animation:node-palette-fade .12s ease-out}.node-palette{container-type:inline-size;width:min(640px,100%);max-height:min(60vh,560px);display:flex;flex-direction:column;overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-elevation-12dp);animation:node-palette-rise .16s cubic-bezier(.2,0,0,1)}@keyframes node-palette-fade{0%{opacity:0}to{opacity:1}}@keyframes node-palette-rise{0%{opacity:0;transform:translateY(-6px) scale(.99)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.node-palette__scrim,.node-palette{animation:none}}.node-palette__field{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-subtle);flex:0 0 auto}.node-palette__glass{width:18px;height:18px;flex:0 0 auto;color:var(--text-tertiary)}.node-palette__input{flex:1 1 auto;min-width:0;border:none;background:transparent;color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;outline:none}.node-palette__input::placeholder{color:var(--text-tertiary)}.node-palette__list{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:6px}.node-palette__heading{padding:10px 10px 4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.node-palette__mode{text-transform:none;letter-spacing:0;font-weight:var(--font-weight-regular);opacity:.8}.node-palette__row{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border-radius:var(--border-radius-md);cursor:pointer;color:var(--text-primary);transition:background-color 90ms linear}.node-palette__row--cursor{background:var(--state-hover)}.node-palette__create-icon{width:8px;flex:0 0 auto;color:var(--accent-primary, var(--text-primary));font-size:var(--type-subheading);line-height:15px;text-align:center}.node-palette__dot{width:8px;height:8px;margin-top:6px;flex:0 0 auto;border-radius:50%;background:var(--category-learn)}.node-palette__dot--connect{background:var(--category-connect)}.node-palette__dot--earn{background:var(--category-earn)}.node-palette__hit{display:flex;flex-direction:column;gap:2px;min-width:0}.node-palette__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm)}.node-palette__heading-ref{color:var(--text-tertiary)}.node-palette__snippet{font-size:var(--font-size-xs);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.node-palette__badge{margin-left:auto;flex:0 0 auto;padding:1px 7px;border-radius:999px;font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--state-selected)}.node-palette__empty,.node-palette__loading{padding:18px 12px;font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0}.node-palette__footer{flex:0 0 auto;display:flex;gap:16px;padding:8px 14px;border-top:1px solid var(--border-subtle);font-size:var(--font-size-xs);color:var(--text-tertiary)}.node-palette__footer kbd{display:inline-block;min-width:16px;padding:0 4px;margin-right:3px;border:1px solid var(--border-subtle);border-radius:4px;background:var(--bg-secondary);font-family:inherit;text-align:center}@container (max-width: 420px){.node-palette__footer{display:none}}}@layer components{.node-switcher__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;top:calc(48px + var(--safe-area-top, 0px));background:#00000040;z-index:calc(var(--z-floating-chat, 1200) + 3);animation:node-switcher-scrim .2s ease-out}body.overlay-open:not(.overlay-confirm-open) .node-switcher__backdrop{z-index:calc(var(--z-chat-above-modal, 11300) + 1)}@keyframes node-switcher-scrim{0%{opacity:0}to{opacity:1}}.node-switcher__sheet{position:fixed;top:calc(48px + var(--safe-area-top, 0px));left:0;right:0;max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--elevation-02dp);border-bottom:1px solid color-mix(in srgb,var(--text-primary, #f8f5ed) 6%,transparent);border-radius:0 0 20px 20px;box-shadow:0 6px 20px #00000040,0 2px 6px #00000026;z-index:calc(var(--z-floating-chat, 1200) + 4);animation:node-switcher-slide-down .28s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1));padding:var(--space-2, 8px) var(--space-2, 8px);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text-primary, #f8f5ed) 22%,transparent) transparent}body.overlay-open:not(.overlay-confirm-open) .node-switcher__sheet{z-index:calc(var(--z-chat-above-modal, 11300) + 2)}.node-switcher__sheet::-webkit-scrollbar{width:6px}.node-switcher__sheet::-webkit-scrollbar-track{background:transparent;margin:var(--radius-lg, 16px) 0}.node-switcher__sheet::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-primary, #f8f5ed) 22%,transparent);border-radius:3px}.node-switcher__sheet::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-primary, #f8f5ed) 35%,transparent)}@keyframes node-switcher-slide-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.node-switcher__backdrop--anchored{top:0}.node-switcher__sheet--anchored{top:auto;left:auto;right:auto;border-radius:var(--radius-lg, 16px)}.node-switcher__sheet--flipped{animation:node-switcher-slide-up .28s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1));transform-origin:bottom center}@keyframes node-switcher-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.node-switcher__row{display:flex;align-items:center;gap:var(--space-3, 12px);width:100%;min-height:48px;padding:var(--space-2, 8px) var(--space-3, 12px);border:none;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);letter-spacing:.01em;text-align:left;cursor:pointer;border-radius:12px;transition:background var(--duration-fast, .15s) ease}.node-switcher__row:active{background:var(--state-pressed)}.node-switcher__row:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}.node-switcher__row--current{background:color-mix(in srgb,var(--text-primary, #f8f5ed) 6%,transparent);font-weight:var(--font-weight-semibold, 600)}.node-switcher__row--current .node-switcher__dot{box-shadow:0 0 0 2.5px var(--elevation-02dp),0 0 0 4px currentColor}.node-switcher__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.node-switcher__title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-switcher__divider{height:1px;margin:var(--space-1, 4px) var(--space-3, 12px);background:color-mix(in srgb,var(--text-primary, #f8f5ed) 8%,transparent)}.node-switcher__dot--general{opacity:.6}.node-switcher__empty{padding:var(--space-6, 24px) var(--space-4, 16px);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm, 14px)}.node-switcher__footer{position:sticky;bottom:0;margin-top:var(--space-1, 4px);padding-top:var(--space-1, 4px);background:var(--elevation-02dp);border-top:1px solid color-mix(in srgb,var(--text-primary, #f8f5ed) 6%,transparent)}.node-switcher__footer:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--elevation-02dp) 0%,transparent),var(--elevation-02dp))}.node-switcher__create{color:var(--text-secondary);font-weight:var(--font-weight-medium, 500)}.node-switcher__create:hover{background:var(--state-hover);color:var(--text-primary)}.node-switcher__create-icon{width:16px;height:16px;flex-shrink:0;opacity:.8}.node-switcher__palette{color:var(--text-secondary);font-weight:var(--font-weight-medium, 500)}.node-switcher__palette:hover{background:var(--state-hover);color:var(--text-primary)}.node-switcher__palette-icon{width:16px;height:16px;flex-shrink:0;opacity:.8}.node-switcher__hint{display:none;margin-left:auto;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--text-tertiary)}@media(hover:hover)and (pointer:fine){.node-switcher__hint{display:flex}}.node-switcher__hint kbd{display:inline-block;min-width:15px;padding:0 4px;border:1px solid color-mix(in srgb,var(--text-primary, #f8f5ed) 14%,transparent);border-radius:4px;font-family:inherit;font-size:inherit;line-height:var(--line-height-normal);text-align:center}.node-switcher__back{color:var(--text-secondary);font-weight:var(--font-weight-medium, 500)}.node-switcher__back:hover{background:var(--state-hover);color:var(--text-primary)}.node-switcher__back-arrow{width:16px;flex-shrink:0;text-align:center;font-size:var(--font-size-base);opacity:.8}}@layer components{.chat-switcher__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:calc(var(--z-floating-chat, 1200) + 3);animation:chat-switcher-scrim .2s ease-out}.chat-switcher__backdrop--anchored{top:0}body.overlay-open:not(.overlay-confirm-open) .chat-switcher__backdrop{z-index:calc(var(--z-chat-above-modal, 11300) + 1)}@keyframes chat-switcher-scrim{0%{opacity:0}to{opacity:1}}.chat-switcher__sheet{position:fixed;top:calc(48px + var(--safe-area-top, 0px));left:0;right:0;display:flex;flex-direction:column;max-height:60vh;overflow:hidden;background:var(--elevation-02dp);border-radius:0 0 20px 20px;box-shadow:0 6px 20px #00000040,0 2px 6px #00000026;z-index:calc(var(--z-floating-chat, 1200) + 4);animation:chat-switcher-slide-down .28s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1));padding:var(--space-2, 8px)}body.overlay-open:not(.overlay-confirm-open) .chat-switcher__sheet{z-index:calc(var(--z-chat-above-modal, 11300) + 2)}.chat-switcher__sheet--anchored{top:auto;left:auto;right:auto;border-radius:var(--radius-lg, 16px)}.chat-switcher__sheet--flipped{animation:chat-switcher-slide-up .28s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1));transform-origin:bottom center}@keyframes chat-switcher-slide-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-switcher-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.chat-switcher__head{flex:0 0 auto;border-bottom:1px solid color-mix(in srgb,var(--text-primary, #f8f5ed) 6%,transparent);padding-bottom:var(--space-2, 8px);margin-bottom:var(--space-1, 4px)}.chat-switcher__row--new{color:var(--ink-connect);font-weight:var(--font-weight-semibold, 600)}.chat-switcher__new-label{flex:1}.chat-switcher__search{display:flex;align-items:center;gap:var(--space-2, 8px);margin:var(--space-1, 4px) var(--space-2, 8px) 0;padding:0 var(--space-2, 8px);border-radius:10px;background:color-mix(in srgb,var(--text-primary, #f8f5ed) 5%,transparent);color:var(--text-secondary)}.chat-switcher__search-input{flex:1;min-width:0;min-height:36px;border:none;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm, 14px)}.chat-switcher__search-input:focus{outline:none}.chat-switcher__list{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text-primary, #f8f5ed) 22%,transparent) transparent}.chat-switcher__list::-webkit-scrollbar{width:6px}.chat-switcher__list::-webkit-scrollbar-track{background:transparent}.chat-switcher__list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-primary, #f8f5ed) 22%,transparent);border-radius:3px}.chat-switcher__row{display:flex;align-items:center;gap:var(--space-3, 12px);width:100%;min-height:48px;padding:var(--space-2, 8px) var(--space-3, 12px);border:none;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);letter-spacing:.01em;text-align:left;cursor:pointer;border-radius:12px;transition:background var(--duration-fast, .15s) ease}.chat-switcher__row:active{background:var(--state-pressed)}.chat-switcher__row:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}.chat-switcher__row:not(.chat-switcher__row--new){align-items:flex-start}.chat-switcher__row--current{background:color-mix(in srgb,var(--text-primary, #f8f5ed) 6%,transparent);font-weight:var(--font-weight-semibold, 600)}@media(hover:hover){.chat-switcher__row:hover{background:var(--state-hover)}}.chat-switcher__row-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-switcher__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;white-space:normal;overflow-wrap:anywhere;line-height:var(--line-height-snug)}.chat-switcher__chips{display:flex;gap:4px;overflow:hidden}.chat-switcher__chip{max-width:120px;padding:1px 6px;border-radius:6px;background:color-mix(in srgb,var(--accent-blue) 14%,transparent);color:var(--text-secondary);font-size:var(--font-size-2xs, 10px);font-weight:var(--font-weight-medium, 500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-switcher__chip--more{background:color-mix(in srgb,var(--text-primary, #f8f5ed) 8%,transparent)}.chat-switcher__meta{flex:0 0 auto;display:flex;align-items:center;margin-top:2px;gap:var(--space-2, 8px);color:var(--text-tertiary, var(--text-secondary));font-size:var(--font-size-2xs, 10px);font-weight:var(--font-weight-regular, 400)}.chat-switcher__count{padding:1px 5px;border-radius:5px;background:color-mix(in srgb,var(--text-primary, #f8f5ed) 7%,transparent);font-variant-numeric:tabular-nums}.chat-switcher__empty{padding:var(--space-4, 16px) var(--space-3, 12px);color:var(--text-secondary);font-size:var(--font-size-sm, 14px);text-align:center}.chat-switcher__empty--error{color:var(--text-primary)}.chat-switcher__retry{border:none;background:transparent;color:var(--ink-connect);font:inherit;cursor:pointer;text-decoration:underline;min-height:44px;padding:0 var(--space-2, 8px)}}@layer components{.cue-document-row{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-top:8px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.cue-document-row__hint{font-size:var(--font-size-2xs, 11px);font-weight:var(--font-weight-medium, 500);letter-spacing:.02em;text-transform:uppercase;color:var(--text-tertiary, var(--text-secondary))}.cue-document-row__actions{display:flex;flex-wrap:wrap;gap:6px}.cue-document-row__btn{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 10px;border-radius:var(--border-radius-md, 8px);border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));background:transparent;color:var(--text-secondary);font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.cue-document-row__btn svg{flex-shrink:0}.cue-document-row__btn:hover{background:var(--state-hover, rgba(255, 255, 255, .08));color:var(--text-primary)}.cue-document-row__btn:disabled{cursor:default;opacity:.55}.cue-document-row__file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cue-document-row__note{display:flex;align-items:center;gap:6px}.cue-document-row__input{flex:1 1 auto;min-width:0;min-height:30px;padding:0 10px;border-radius:var(--border-radius-md, 8px);border:1px solid var(--border-subtle, rgba(255, 255, 255, .14));background:var(--bg-elevated, var(--elevation-surface-02dp));color:var(--text-primary);font-size:var(--font-size-xs, 12px)}.cue-document-row__input:focus{outline:none;border-color:var(--category-connect, #4caf50)}.cue-document-row__input::placeholder{color:var(--text-tertiary, var(--text-secondary))}.cue-document-row__send,.cue-document-row__cancel{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:var(--border-radius-md, 8px);border:1px solid transparent;background:transparent;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}.cue-document-row__send{border-color:var(--category-connect, #4caf50);background:color-mix(in srgb,var(--category-connect, #4caf50) 16%,transparent);color:var(--text-primary)}.cue-document-row__send:hover:not(:disabled){background:color-mix(in srgb,var(--category-connect, #4caf50) 26%,transparent)}.cue-document-row__cancel{color:var(--text-secondary)}.cue-document-row__cancel:hover:not(:disabled){background:var(--state-hover, rgba(255, 255, 255, .08));color:var(--text-primary)}.cue-document-row__send:disabled,.cue-document-row__cancel:disabled{cursor:default;opacity:.5}}@layer components{.cue-item-actions{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 2px}.cue-item-actions__btn{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:var(--border-radius-md, 8px);border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));background:var(--bg-elevated, var(--elevation-surface-02dp));color:var(--text-primary);font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.cue-item-actions__btn svg{flex-shrink:0}.cue-item-actions__btn:hover{background:var(--state-hover, rgba(255, 255, 255, .08))}.cue-item-actions__btn:disabled{cursor:default;opacity:.55}.cue-item-actions__btn--primary{border-color:var(--category-connect, #4caf50);background:color-mix(in srgb,var(--category-connect, #4caf50) 16%,var(--bg-elevated, transparent));color:var(--text-primary)}.cue-item-actions__btn--primary:hover{background:color-mix(in srgb,var(--category-connect, #4caf50) 26%,var(--bg-elevated, transparent))}.cue-item-actions__btn--subtle{background:transparent;border-color:transparent;color:var(--text-secondary)}.cue-item-actions__btn--subtle:hover{background:var(--state-hover, rgba(255, 255, 255, .08));color:var(--text-primary)}.cue-item-actions__spinner{width:14px;height:14px;flex-shrink:0;border-radius:50%;border:2px solid var(--border-subtle, rgba(255, 255, 255, .2));border-top-color:var(--text-primary);animation:cue-item-spin .7s linear infinite}@keyframes cue-item-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cue-item-actions__spinner{animation-duration:1.6s}}}@layer components{.cue-action-popover .cue-action-popover__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:6px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.cue-action-popover__title{font-size:var(--font-size-sm, 13px);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary);line-height:var(--line-height-snug, 1.3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-width:0}.cue-action-popover__detail{display:flex;flex-direction:column;gap:2px;padding-top:8px}.cue-action-popover__time{font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);font-variant-numeric:tabular-nums;color:var(--text-secondary)}.cue-action-popover__desc{margin:0;font-size:var(--font-size-xs, 12px);line-height:var(--line-height-normal, 1.45);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.cue-action-popover__meta{flex-shrink:0;font-size:var(--font-size-xs, 12px);font-variant-numeric:tabular-nums;color:var(--text-secondary)}.cue-action-popover__footer{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:6px;padding:8px 0;border:none;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .08));background:transparent;color:var(--text-secondary);font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:color var(--transition-fast)}.cue-action-popover__footer:hover{color:var(--text-primary)}}@layer components{.next-action-pill{--nap-height: 38px;--nap-radius: 16px;position:relative;display:inline-flex;align-items:center;gap:2px;max-width:280px;height:var(--nap-height);padding:0;border-radius:var(--nap-radius);background:var(--chrome-surface);border:1px solid var(--chrome-edge);box-shadow:var(--chrome-shadow);color:var(--chrome-text-secondary);flex-shrink:1;min-width:0}.next-action-pill__body{display:inline-flex;align-items:center;gap:6px;min-width:0;height:100%;padding:0 12px;background:transparent;border:none;border-radius:inherit;color:inherit;cursor:pointer;font-size:var(--font-size-xs, 12px);transition:color var(--transition-fast),background var(--transition-fast)}.next-action-pill:has(.next-action-pill__more) .next-action-pill__body{border-radius:var(--nap-radius) 0 0 var(--nap-radius)}.next-action-pill__body:hover{color:var(--chrome-text);background:var(--chrome-surface-hover)}.next-action-pill__body svg{flex-shrink:0}.next-action-pill__dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--category-learn, var(--accent-primary, #7bb0ff))}.next-action-pill__verb{flex-shrink:0;font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.03em;font-size:var(--font-size-2xs, 10px);opacity:.75}.next-action-pill__title{font-weight:var(--font-weight-medium, 500);color:var(--chrome-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.next-action-pill__sub{flex-shrink:0;font-weight:var(--font-weight-medium, 500);font-variant-numeric:tabular-nums;opacity:.7}.next-action-pill__more{display:inline-flex;align-items:center;justify-content:center;width:26px;height:100%;flex-shrink:0;padding:0;border:none;border-left:1px solid var(--chrome-divider);border-radius:0 var(--nap-radius) var(--nap-radius) 0;background:transparent;color:var(--chrome-text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.next-action-pill__more:hover,.next-action-pill__more:focus-visible{color:var(--chrome-text);background:var(--chrome-surface-hover)}.next-action-pill__caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform var(--transition-fast)}.next-action-pill__more.is-open .next-action-pill__caret{transform:rotate(180deg)}.next-action-pill__peek{position:absolute;top:calc(100% + 6px);right:0;z-index:var(--z-dropdown, 1200);min-width:200px;max-width:280px;padding:6px;border-radius:var(--border-radius-md, 10px);background:var(--chrome-surface-header, var(--bg-elevated));border:1px solid var(--chrome-edge);box-shadow:var(--chrome-shadow);display:flex;flex-direction:column;gap:2px}.next-action-pill__peek-label{padding:2px 8px 4px;font-size:var(--font-size-2xs, 10px);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.04em;color:var(--chrome-text-secondary);opacity:.7}.next-action-pill__peek-item{display:inline-flex;align-items:center;gap:8px;padding:7px 8px;border:none;border-radius:var(--border-radius-sm, 6px);background:transparent;color:var(--chrome-text);cursor:pointer;font-size:var(--font-size-xs, 12px);text-align:left;transition:background var(--transition-fast)}.next-action-pill__peek-item:hover{background:var(--chrome-surface-hover)}.next-action-pill__peek-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.next-action-pill--urgent.next-action-pill--cue{border-color:var(--category-connect, #4caf50);background:color-mix(in srgb,var(--category-connect, #4caf50) 12%,var(--chrome-surface))}.next-action-pill--urgent .next-action-pill__sub{color:var(--ink-connect, #4caf50);opacity:1}.next-action-pill--urgent.next-action-pill--cue.next-action-pill--overdue{border-color:var(--hue-warning, #fd971f);background:color-mix(in srgb,var(--hue-warning, #fd971f) 12%,var(--chrome-surface))}.next-action-pill--overdue .next-action-pill__sub{color:var(--hue-warning, #fd971f)}.next-action-pill--urgent.next-action-pill--cue.next-action-pill--overdue:after{border-color:color-mix(in srgb,var(--hue-warning, #fd971f) 45%,transparent)}.next-action-pill--urgent.next-action-pill--cue:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:calc(var(--nap-radius) + 3px);border:2px solid color-mix(in srgb,var(--category-connect, #4caf50) 45%,transparent);opacity:0;pointer-events:none;animation:next-action-breathe 2.4s ease-in-out infinite}@keyframes next-action-breathe{0%,to{opacity:.55}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.next-action-pill--urgent.next-action-pill--cue:after{animation:none;opacity:.4}}.next-action-pill--docked,.next-action-pill--docked.next-action-pill--urgent.next-action-pill--cue{height:34px;max-width:260px;background:transparent;border:none;box-shadow:none;border-radius:0}.next-action-pill--docked.next-action-pill--urgent.next-action-pill--cue:after{content:none}.next-action-pill--docked .next-action-pill__body,.next-action-pill--docked:has(.next-action-pill__more) .next-action-pill__body,.next-action-pill--docked .next-action-pill__more{border-radius:0}}@layer components{.mobile-settings-page .overlay-content{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0;margin:0;display:flex;flex-direction:column}.mobile-settings-page .overlay-header{padding-top:calc(var(--spacing-md, 16px) + var(--safe-area-top, 0px))}.mobile-settings__content{display:flex;flex-direction:column;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--spacing-sm, 12px) 0;padding-bottom:calc(var(--spacing-xl, 24px) + var(--safe-area-bottom, 0px))}.mobile-settings__profile-header{cursor:pointer;padding:var(--spacing-xs, 8px) var(--spacing-sm, 12px);border-radius:var(--border-radius-md);transition:background var(--duration-fast, .15s) ease}.mobile-settings__profile-header:hover{background:var(--state-hover)}.mobile-settings__profile-header:active{background:var(--state-pressed)}.mobile-settings__divider{height:1px;background:var(--border-subtle);margin:var(--spacing-xs, 8px) var(--spacing-lg, 20px)}.mobile-settings__section-label{font-family:var(--font-sans);font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-semibold, 600);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-md, 16px) var(--spacing-lg, 20px) var(--spacing-xs, 8px)}.mobile-settings__item{display:flex;align-items:center;gap:var(--spacing-md, 16px);min-height:var(--touch-target-min, 44px);padding:var(--spacing-sm, 12px) var(--spacing-lg, 20px);border:none;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-md, 16px);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:background var(--duration-fast, .15s) ease;text-align:left;width:100%}.mobile-settings__item:active{background:var(--state-pressed)}.mobile-settings__item svg{flex-shrink:0;width:22px;height:22px;color:var(--text-secondary)}.mobile-settings__toggle-indicator{margin-left:auto;font-family:var(--font-sans);font-size:var(--font-size-sm, 14px);color:var(--text-tertiary)}.mobile-settings__item--logout{color:var(--accent-red, #DC2626)}.mobile-settings__item--logout svg{color:var(--accent-red, #DC2626)}.mobile-settings__accordion-toggle{gap:var(--spacing-md, 16px)}.mobile-settings__accordion-badge{margin-left:auto;font-size:var(--font-size-xs, 12px);color:var(--text-muted, var(--text-tertiary));background:var(--bg-elevated);padding:2px 7px;border-radius:var(--border-radius-pill, 9999px)}.mobile-settings__accordion-chevron{flex-shrink:0;color:var(--text-tertiary);transition:transform .2s ease}.mobile-settings__accordion-chevron--open{transform:rotate(180deg)}.mobile-settings__accordion-panel{padding:0 var(--spacing-md, 16px) var(--spacing-sm, 12px)}@media(prefers-reduced-motion:reduce){.mobile-settings__item{transition:none}}}@layer components{.dynamic-input-wrapper-main{position:fixed;bottom:28px;right:20px;z-index:var(--z-floating-chat);display:flex;flex-direction:column;align-items:flex-end;transition:all var(--transition-medium);pointer-events:none}@media(min-width:1024px){body.editor-expanded .dynamic-input-wrapper-main{right:calc(20px + var(--editor-panel-width-expanded))}}.dynamic-input-wrapper-main.embedded-mode{position:static;bottom:auto;right:auto;z-index:auto;width:100%;align-items:stretch;pointer-events:auto}.block-mark-cancel-chip{display:inline-flex;align-items:center;gap:var(--space-2-5);align-self:flex-end;max-width:min(360px,90vw);margin-bottom:var(--space-2);padding:6px 8px 6px 14px;border-radius:var(--border-radius-capsule);border:1px solid color-mix(in srgb,var(--category-learn) 40%,transparent);background:var(--elevation-04dp, var(--bg-elevated));box-shadow:var(--shadow-elevation-04dp);pointer-events:auto;animation:block-mark-chip-in var(--duration-base) ease both}.block-mark-cancel-chip__label{font-size:var(--font-size-xs);line-height:var(--line-height-compact);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-mark-cancel-chip__cancel{flex-shrink:0;height:26px;padding:0 var(--space-3);border-radius:var(--border-radius-capsule);border:1px solid var(--border-subtle);background:var(--state-hover);color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--duration-fast) ease}.block-mark-cancel-chip__cancel:hover{background:var(--state-pressed)}@keyframes block-mark-chip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.block-mark-cancel-chip{animation:none}}.dynamic-input-container--embedded{position:static;width:100%;max-width:none;border-radius:var(--border-radius-xl);animation:none;transform:none;box-shadow:var(--shadow-elevation-04dp);background:var(--elevation-02dp);min-height:0;max-height:70vh}.dynamic-input-container--embedded .chat-messages{max-height:40vh;flex:1;min-height:60px}.dynamic-input-container--embedded .dynamic-input-content{padding:var(--space-4);border-top:1px solid var(--border-subtle)}.dynamic-input-container--embedded .chat-header{background:transparent;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)}.dynamic-input-container--embedded .input-box{border:none;background:var(--bg-primary);border-radius:var(--border-radius-capsule)}.dynamic-input-container--embedded .input-box-inner{padding:0}.dynamic-input-container--capsule{width:100%;display:flex;flex-direction:column;gap:var(--space-3);background:transparent;box-shadow:none;border:none;border-radius:0;box-sizing:border-box}.embedded-messages-capsule{width:100%;background:transparent;border-radius:var(--border-radius-xl);overflow:hidden;flex:0 1 auto;min-height:0;max-height:35vh;display:flex;flex-direction:column;box-sizing:border-box}.embedded-messages-capsule:empty,.embedded-messages-capsule--empty{display:none}.embedded-messages-capsule .chat-messages{flex:1;max-height:none;padding:var(--space-3);overflow-y:auto}.embedded-input-capsule{width:100%;background:transparent;border-radius:var(--border-radius-xl);margin-bottom:var(spacing-lg, 24px);overflow:visible;flex-shrink:0;box-sizing:border-box;position:relative;border:1px solid transparent;transition:border-color var(--duration-fast) ease-out,background var(--duration-fast) ease-out,box-shadow var(--duration-fast) ease-out}@keyframes dropTargetPulse{0%,to{box-shadow:var(--shadow-elevation-02dp),0 0 0 0 transparent}50%{box-shadow:var(--shadow-elevation-02dp),0 0 0 4px color-mix(in srgb,var(--accent-gold) 20%,transparent)}}.embedded-input-capsule--drop-target{border-color:color-mix(in srgb,var(--accent-gold) 40%,transparent);box-shadow:var(--shadow-elevation-02dp),0 0 0 1px color-mix(in srgb,var(--accent-gold) 20%,transparent);animation:dropTargetPulse 1.5s ease-in-out infinite}.embedded-input-capsule--drop-hover{border-color:var(--accent-gold);background:color-mix(in srgb,var(--accent-gold) 8%,var(--elevation-01dp));box-shadow:var(--shadow-elevation-04dp),0 0 0 4px color-mix(in srgb,var(--accent-gold) 25%,transparent),inset 0 0 20px color-mix(in srgb,var(--accent-gold) 5%,transparent);animation:none}.embedded-input-capsule--drop-hover:after{content:"Drop to schedule";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-sm);color:var(--ink-earn);font-weight:var(--font-weight-medium);background:var(--elevation-02dp);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-md);z-index:10;pointer-events:none;animation:dropHintFadeIn var(--duration-fast) ease-out;white-space:nowrap}@keyframes dropHintFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.embedded-input-capsule .input-content-wrapper{display:flex;flex-direction:column;padding:var(--space-3);background:transparent}.embedded-input-capsule .input-form{width:100%}.embedded-input-capsule .input-box{background:var(--bg-primary);border:none;border-radius:var(--border-radius-capsule)}.embedded-input-capsule .input-box.focused{border-color:var(--accent-gold)}.embedded-input-capsule .input-box-inner{padding:var(--space-2) var(--space-3)}.embedded-input-capsule .mode-buttons-row{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-3);margin-top:var(--space-2);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(--border-radius-md);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:color-mix(in srgb,var(--accent-gold) 18%,transparent);border-color:color-mix(in srgb,var(--accent-gold) 40%,transparent);color:var(--ink-earn);color:var(--bg-primary)}.embedded-input-capsule .mode-icon{width:18px;height:18px}.embedded-input-capsule--standalone{max-width:720px;width:100%;margin-left:auto;margin-right:auto;margin-bottom:var(--space-4);scroll-margin-bottom:24px}.embedded-input-capsule--standalone .input-content-wrapper{padding:var(--space-2) var(--space-3)}.embedded-input-capsule--standalone .mode-buttons-row{justify-content:center;gap:var(--space-3);padding-top:var(--space-2);border-top:none}.embedded-input-capsule--standalone .mode-button{width:40px;height:40px}.embedded-input-capsule--standalone .mode-icon{width:20px;height:20px}.embedded-input-capsule--standalone .now-zone{padding:var(--space-2) 0;margin-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.embedded-input-capsule--standalone .now-zone--empty{padding:var(--space-1) 0;margin-bottom:0;border-bottom:none}.embedded-input-capsule--standalone .now-zone__indicator{margin-bottom:var(--space-2)}.embedded-input-capsule--standalone .now-zone__action-capsule{padding:var(--space-2) var(--space-3);min-height:40px}.embedded-input-capsule--standalone .now-zone__conditions{gap:var(--space-1)}.embedded-input-capsule--standalone .now-zone__condition-capsule{padding:var(--space-1) var(--space-2);font-size:var(--type-detail)}.embedded-input-capsule--standalone{border:1px solid var(--border-subtle);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-inset-socket),var(--shadow-elevation-01dp);transition:border-color var(--duration-slow) ease-out,box-shadow var(--duration-slow) ease-out,background var(--duration-medium) ease-out;background:var(--elevation-00dp)}.embedded-input-capsule--standalone:hover{border-color:var(--border-color);box-shadow:var(--shadow-inset-socket),var(--shadow-elevation-02dp),0 0 0 1px color-mix(in srgb,var(--accent-gold) 10%,transparent)}.embedded-input-capsule--standalone:has(.input-box.focused){border-color:var(--accent-gold);box-shadow:var(--shadow-inset-socket),var(--shadow-elevation-02dp),0 0 0 3px color-mix(in srgb,var(--accent-gold) 20%,transparent);background:color-mix(in srgb,var(--accent-gold) 3%,var(--elevation-00dp))}.embedded-input-capsule--standalone.embedded-input-capsule--drop-target{border-color:var(--accent-gold);border-style:solid;box-shadow:var(--shadow-elevation-04dp),0 0 0 3px color-mix(in srgb,var(--accent-gold) 25%,transparent),inset 0 1px #d4af3726;background:color-mix(in srgb,var(--accent-gold) 5%,var(--elevation-01dp));animation:dropTargetPulse 1.5s ease-in-out infinite}.embedded-input-capsule--standalone.embedded-input-capsule--drop-hover{border-color:var(--accent-gold);border-width:2px;box-shadow:var(--shadow-elevation-08dp),0 0 0 4px color-mix(in srgb,var(--accent-gold) 30%,transparent),inset 0 2px 8px color-mix(in srgb,var(--accent-gold) 8%,transparent);background:color-mix(in srgb,var(--accent-gold) 8%,var(--elevation-01dp));animation:none}.embedded-input-capsule--standalone .input-box{border:none;background:transparent;border-radius:var(--border-radius-capsule);box-shadow:none;display:block;width:100%;padding:var(--space-2) var(--space-3);padding-left:0}.embedded-input-capsule--standalone .input-box-inner{display:flex;align-items:flex-start;gap:var(--space-2);width:100%}.embedded-input-capsule--standalone .input-box-inner .input-textarea{flex:1;min-width:0}.embedded-input-capsule--standalone .input-textarea{width:100%;resize:none;border:none;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);outline:none;min-height:24px;max-height:120px;overflow-y:auto}.embedded-input-capsule--standalone .input-textarea::placeholder{color:var(--text-secondary);font-style:italic;opacity:.9}.input-context-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;flex-shrink:0;border-radius:var(--border-radius-sm);border:1px solid var(--border-subtle);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.input-context-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--elevation-01dp)}.block-bin-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:0;flex-shrink:0;border-radius:8px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.block-bin-toggle:hover{border-color:var(--accent-gold);color:var(--ink-earn);background:var(--elevation-01dp)}.block-bin-toggle.active{background:#d4af371f;border-color:#d4af374d;color:var(--ink-earn)}.block-bin-toggle svg{width:16px;height:16px;fill:currentColor;transition:color var(--transition-fast),transform var(--transition-fast)}.block-bin-capture-ghost{position:fixed;z-index:var(--z-grain);pointer-events:none;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-md);font-style:italic;opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:blockBinCaptureFade .55s ease-out forwards}@keyframes blockBinCaptureFade{0%{opacity:.85;transform:translateY(0)}to{opacity:0;transform:translateY(-32px)}}.input-attachment-bar{padding:0 var(--space-3);margin-bottom:var(--space-1)}.embedded-input-capsule--standalone .input-options-row{display:flex;align-items:center;justify-content:flex-end;padding:0 var(--space-2) var(--space-2);gap:var(--space-2)}.focus-chips-row{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;animation:focusChipsFadeIn var(--duration-base) ease-out both}.focus-chip{padding:var(--space-0-5) var(--space-2);border-radius:10px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);font-family:var(--font-sans);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.focus-chip:hover{background:var(--state-hover)}.focus-chip--learn.focus-chip--active{background:rgba(var(--category-learn-rgb),.15);border-color:var(--category-learn);color:var(--ink-learn)}.focus-chip--connect.focus-chip--active{background:rgba(var(--category-connect-rgb),.15);border-color:var(--category-connect);color:var(--ink-connect)}.focus-chip--earn.focus-chip--active{background:rgba(var(--category-earn-rgb),.15);border-color:var(--category-earn);color:var(--ink-earn)}.focus-chip--time.focus-chip--active{background:var(--state-selected);border-color:var(--text-secondary);color:var(--text-primary)}.focus-chips-divider{width:1px;height:12px;background:var(--border-subtle);flex-shrink:0}.focus-chip--dismiss{padding:var(--space-0-5) var(--space-1);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:color var(--transition-fast)}.focus-chip--dismiss:hover{color:var(--text-secondary)}@keyframes focusChipsFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.embedded-input-capsule--standalone .input-options-spacer{flex:1}.embedded-input-capsule--standalone .send-button-icon{width:max(var(--touch-target-min),calc(var(--icon-size-action) + 20px));height:max(var(--touch-target-min),calc(var(--icon-size-action) + 20px));display:flex;align-items:center;justify-content:center;color:var(--text-primary);background:var(--accent-gold);border:none;border-radius:var(--border-radius-md);padding:var(--spacing-sm);cursor:pointer;box-shadow:0 1px 4px color-mix(in srgb,var(--accent-gold) 25%,transparent);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.embedded-input-capsule--standalone .send-button-icon:hover:not(:disabled){background:color-mix(in srgb,var(--accent-gold) 90%,white);transform:translateY(-1px);box-shadow:0 3px 12px color-mix(in srgb,var(--accent-gold) 45%,transparent)}.embedded-input-capsule--standalone .send-button-icon:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px color-mix(in srgb,var(--accent-gold) 30%,transparent)}.embedded-input-capsule--standalone .send-button-icon:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.embedded-input-capsule--standalone .send-icon{width:var(--icon-size-action);height:var(--icon-size-action);color:var(--bg-primary);flex-shrink:0}.dynamic-input-container{position:relative;background:var(--bg-secondary);border-radius:var(--border-radius-xl);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);pointer-events:auto;box-sizing:border-box}.dynamic-input-container:not(.dynamic-input-container--embedded):not(.dynamic-input-container--inline){width:500px;max-width:90vw;max-height:calc(100vh - 72px);overflow-y:auto;box-shadow:var(--shadow-elevation-12dp);transform-origin:bottom right;animation:expandInputBox .28s cubic-bezier(0,0,.2,1) forwards;transition:max-height var(--duration-base) var(--ease-in-out-smooth)}.dynamic-input-container--inline{width:100%;max-width:none;margin:0;position:static;animation:none;transform:none;box-shadow:none;background:var(--elevation-02dp);display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;max-height:calc(100dvh - 100px);margin-bottom:var(--spacing-sm)}.day-view__chat-inline-content .dynamic-input-container--inline,.day-view__quest-input .dynamic-input-container--inline,.persistent-quest-panel__portal-target .dynamic-input-container--inline{max-height:none}.dynamic-input-container--inline .chat-messages{max-height:none;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.dynamic-input-container--inline .chat-messages:not(:has(.message)){display:none}.dynamic-input-container--inline .chat-messages.chat-messages--empty-state{display:flex}body.tour-active .dynamic-input-container--inline .chat-messages{display:block}.dynamic-input-container--inline .dynamic-input-content{margin-top:auto}.dynamic-input-container:not(.dynamic-input-container--embedded):not(.dynamic-input-container--inline).collapsing{animation:collapseInputBox .18s cubic-bezier(.4,0,1,1) forwards;transition:none;will-change:transform}.dynamic-input-container:not(.dynamic-input-container--embedded):not(.dynamic-input-container--inline).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__load-older{display:block;width:100%;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);border:1px dashed var(--border-subtle);border-radius:var(--border-radius-md);background:transparent;color:var(--text-tertiary);font-size:var(--font-size-xs);cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast)}.chat-messages__load-older:hover{color:var(--text-secondary);border-color:var(--text-tertiary)}.chat-messages__room-empty{margin:auto var(--space-3) var(--space-3);color:var(--text-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-normal);text-align:center}.dynamic-input-content{padding:var(--spacing-sm) var(--spacing-sm);border-top:1px solid var(--border-color)}.input-options-row{display:flex;align-items:center;gap:var(--spacing-xs);padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.input-options-row .input-options-spacer{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;gap:var(--space-1)}.input-form{width:100%}.input-box{position:relative;background:var(--bg-secondary);border-radius:var(--border-radius-lg);transition:all var(--transition-fast);border:1px solid var(--border-color)}.input-box.focused{background:var(--bg-secondary);border-color:var(--accent-gold)}.input-box.input-box--room,.input-box.input-box--room.focused{background:color-mix(in srgb,var(--category-collab) 6%,var(--bg-secondary));border-color:color-mix(in srgb,var(--category-collab) 55%,transparent)}body.tour-active[data-tour-step=plant] .input-box{border-color:var(--tour-hl-color, var(--tree-green));box-shadow:0 0 0 3px color-mix(in srgb,var(--tour-hl-color, var(--tree-green)) 28%,transparent)}body.tour-active[data-tour-step=plant] .input-box.focused{border-color:var(--tour-hl-color, var(--tree-green))}body.tour-active[data-tour-step=plant] .input-textarea::placeholder{color:color-mix(in srgb,var(--tour-hl-color, var(--ink-learn)) 85%,transparent);opacity:1}.input-box-inner{display:flex;align-items:center;padding:var(--spacing-sm)}.input-textarea{flex:1;border:none;background:transparent;resize:none;padding:0;margin:0;font:inherit;--input-max-lines: 8;min-height:calc(var(--font-size-base) * 1.5);max-height:calc(var(--font-size-base) * 1.5 * var(--input-max-lines));height:calc(var(--font-size-base) * 1.5);outline:none;color:var(--text-primary);overflow-y:hidden;overflow-x:hidden;scroll-behavior:smooth;touch-action:manipulation}@media(prefers-reduced-motion:no-preference){.input-textarea{transition:height .12s cubic-bezier(.32,.72,0,1)}}.input-textarea::-webkit-scrollbar{width:4px}.input-textarea::-webkit-scrollbar-track{background:transparent}.input-textarea::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:3px;opacity:.5}.input-textarea:focus{outline:none}.input-textarea::placeholder{color:var(--text-secondary)}@media(prefers-reduced-motion:no-preference){body.chat-first-mount .input-textarea-wrap>.input-textarea::placeholder{animation:placeholderPulse 1.6s ease-in-out 2 both}body.chat-first-mount .corner-chat-overlay{animation:chatScalePop .22s var(--ease-spring) 1 both}}@keyframes placeholderPulse{0%,to{color:var(--text-secondary);-webkit-text-fill-color:var(--text-secondary);text-shadow:0 0 0 transparent}50%{color:var(--ink-earn);-webkit-text-fill-color:var(--ink-earn);text-shadow:0 0 14px color-mix(in srgb,var(--accent-gold) 40%,transparent)}}@keyframes chatScalePop{0%{transform:scale(.96)}60%{transform:scale(1.02)}to{transform:scale(1)}}.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:var(--icon-size-action);height:var(--icon-size-action);filter:brightness(0) invert(1)}.send-button{background:var(--accent-gold);color:var(--bg-primary);border:none;border-radius:var(--border-radius-md);padding:0;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;align-self:center;box-shadow:var(--shadow-sm)}.send-button:hover:not(:disabled){background:color-mix(in srgb,var(--accent-gold) 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{width:52px;height:52px;min-width:52px;max-width:52px;border-radius:50%;padding:var(--space-2-5);padding-left:14px;gap:0;background:var(--accent-gold);border:none;display:flex;pointer-events:auto;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-fab-hard);transition:all var(--transition-fast);color:var(--bg-primary);margin-top:var(the --spacing-xs);position:relative;transform-origin:bottom right}.toggle-input-button.morphing-open{animation:buttonMorphOpen .25s var(--ease-in-out-smooth) forwards}@keyframes buttonMorphOpen{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.toggle-input-button.morphing-close{animation:buttonMorphClose var(--duration-medium) 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(--accent-gold) 85%,white 15%);box-shadow:var(--shadow-fab-hard-hover);transform:translateY(-2px)}.toggle-button-icon-left{width:24px;height:24px;flex-shrink:0;transition:all var(--transition-fast);color:var(--bg-primary);margin:0}.toggle-button-icon-left.atai-input-icon{width:22px;height:26px}.toggle-button-icon-left.has-notifications{animation:bellShake 4s ease-in-out infinite;transform-origin:top center}.toggle-button-text,.mobile-only-icon,.notification-count-badge{display:none}.new-message-badge{position:absolute;top:-8px;left:-8px;background:var(--accent-green);color:#fff;font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);padding:var(--space-0-5) var(--space-2);border-radius:var(--border-radius-md);box-shadow:var(--shadow-interactive);z-index:10;text-transform:uppercase;letter-spacing:.5px;animation:newBadgeBounce .6s var(--ease-spring)}@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}.toggle-buttons-container{display:flex;align-items:center;gap:var(--spacing-sm);pointer-events:auto}.messages-toggle-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);min-height:44px;border:none;border-radius:var(--border-radius-xl);background:var(--elevation-04dp);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-fab-hard);transition:all var(--transition-fast);position:relative}.messages-toggle-button:hover{background:color-mix(in srgb,var(--accent-gold) 85%,white 15%);box-shadow:var(--shadow-fab-hard-hover);transform:translateY(-2px)}.messages-toggle-button:active{transform:translateY(0) scale(.95)}.messages-toggle-icon{width:18px;height:18px;flex-shrink:0}.messages-toggle-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.messages-unread-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 var(--spacing-xs);border-radius:9px;background:var(--color-error);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 2px 4px #0000004d}.messages-toggle-button.scroll-faded{opacity:.3;pointer-events:none}.messages-toggle-button:focus{outline:2px solid var(--accent-gold);outline-offset:2px}.messages-toggle-button:focus:not(:focus-visible){outline:none}.messages-toggle-button:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--scrollbar-track, transparent)}.chat-messages::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius, 5px)}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media(max-width:767px){.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:var(--space-2-5)}.mode-icon{width:16px;height:16px}.header-hide-button,.header-position-toggle{width:44px;height:44px;padding:var(--space-2-5)}.current-avatar-button{padding:var(--space-0-5) var(--space-1-5);max-height:30px;font-size:var(--font-size-xs)}.current-avatar-button .avatar-icon{width:18px;height:18px;font-size:var(--font-size-2xs)}.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-wrap{font-size:var(--font-size-md)}}@media(pointer:coarse){.send-button{width:44px;height:44px}.action-button,.submit-button{width:44px;height:44px;padding:var(--space-2-5)}}@media(max-width:600px),(max-height:500px)and (pointer:coarse){.dynamic-input-wrapper-main{top:auto;bottom:0;left:0;right:0;margin:0;padding:0;z-index:var(--z-mobile-input-wrapper)!important;overflow:visible;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;pointer-events:none}.dynamic-input-wrapper-main:has(.dynamic-input-container){top:calc(48px + env(safe-area-inset-top,0px));overflow:hidden;pointer-events:auto}.dynamic-input-wrapper-main:has(.mobile-collapsed-input-bar){overflow:visible;pointer-events:auto}.dynamic-input-wrapper-main:has(.mobile-chat-messages-overlay){top:calc(48px + env(safe-area-inset-top,0px));overflow:hidden;pointer-events:auto;display:flex;flex-direction:column}.mobile-chat-messages-overlay{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0;background:var(--bg-primary)}.dynamic-input-wrapper-main>*{pointer-events:auto}.dynamic-input-wrapper-main.embedded-mode{position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;z-index:auto!important;width:100%;overflow:visible;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;pointer-events:auto}.dynamic-input-container--embedded{position:static!important;width:100%;max-width:100%;min-height:150px;max-height:40vh;border-radius:var(--border-radius-lg);margin:0;padding:0;opacity:1!important;transform:none!important;transition:none!important;box-shadow:var(--shadow-elevation-02dp);border-top:none;background:transparent}.dynamic-input-container--capsule{gap:var(--space-2);opacity:1!important;transform:none!important;min-height:0;max-height:none}.embedded-messages-capsule{min-height:120px;max-height:30vh;border-radius:var(--border-radius-lg)}.embedded-input-capsule{border-radius:var(--border-radius-lg);padding:0}.embedded-input-capsule .input-content-wrapper{padding:var(--space-2)}.embedded-input-capsule .input-box{border-radius:var(--border-radius-capsule)}.embedded-input-capsule .input-box-inner{padding:0}.embedded-input-capsule .mode-buttons-row{padding-top:var(--space-2);margin-top:var(--space-1)}.embedded-input-capsule .mode-button{width:36px;height:36px}.embedded-input-capsule--standalone{border-radius:var(--border-radius-xl);border-width:1.5px}.embedded-input-capsule--standalone:has(.input-box.focused){box-shadow:var(--shadow-elevation-02dp),0 0 0 2px color-mix(in srgb,var(--accent-gold) 20%,transparent),inset 0 1px 0 var(--state-hover)}.embedded-input-capsule--standalone.embedded-input-capsule--drop-hover{border-width:2px;box-shadow:var(--shadow-elevation-04dp),0 0 0 3px color-mix(in srgb,var(--accent-gold) 25%,transparent),inset 0 1px 4px color-mix(in srgb,var(--accent-gold) 6%,transparent)}.embedded-input-capsule--standalone .input-box{padding:var(--space-2) var(--space-3)}.embedded-input-capsule--standalone .input-textarea{font-size:var(--font-size-sm)}.embedded-input-capsule--standalone .input-options-row{padding:0 var(--space-2) var(--space-2)}.embedded-input-capsule--standalone .send-button-icon{width:40px;height:40px}.embedded-input-capsule--standalone .send-icon{width:var(--icon-size-action);height:var(--icon-size-action)}.toggle-buttons-container{display:none!important}body .dynamic-input-wrapper-main>.toggle-input-button:not(.nav-item-mode){display:flex;width:calc(100% - var(--spacing-md) * 2);max-width:100%;height:var(--touch-target-comfortable);min-width:0;border-radius:var(--border-radius-capsule);background:var(--elevation-02dp, var(--bg-secondary));border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation-02dp);color:var(--text-primary);justify-content:flex-start;padding:0 var(--spacing-md);margin:0 var(--spacing-md);margin-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));gap:var(--spacing-sm);animation:none}body .dynamic-input-wrapper-main>.toggle-input-button:not(.nav-item-mode) .toggle-button-text{display:block;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--text-tertiary);flex:1;text-align:left}body .dynamic-input-wrapper-main>.toggle-input-button.notification-glow,body .dynamic-input-wrapper-main>.toggle-input-button.new-message-glow,body .dynamic-input-wrapper-main>.toggle-input-button.connection-notification-glow,body .dynamic-input-wrapper-main>.toggle-input-button.bounce-notification{animation:none;box-shadow:none}body .dynamic-input-wrapper-main>.toggle-input-button:not(.nav-item-mode) .desktop-only-icon{display:none}body .dynamic-input-wrapper-main>.toggle-input-button:not(.nav-item-mode) .mobile-only-icon{display:block;width:22px;height:22px;color:var(--text-secondary);flex-shrink:0}.dynamic-input-wrapper-main>.toggle-input-button:not(.nav-item-mode) .notification-count-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;font-size:var(--font-size-xs);background:var(--accent-red);color:#fff;display:flex;align-items:center;justify-content:center;padding:0 var(--space-1)}.dynamic-input-wrapper-main>.toggle-input-button:not(.nav-item-mode) .toggle-button-icon{width:20px;height:20px;color:var(--text-secondary)}.mobile-collapsed-input-bar{width:100%;padding:var(--spacing-xs) var(--spacing-md);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));background:var(--elevation-02dp);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;box-shadow:var(--shadow-elevation-04dp);pointer-events:auto}.mobile-collapsed-input-bar .dynamic-input-content{padding:0;border-top:none}.mobile-collapsed-input-bar .input-box{border-radius:24px}.mobile-collapsed-input-bar .input-box-inner{padding:var(--spacing-xs) var(--spacing-sm);align-items:center;gap:var(--spacing-xs)}.mobile-collapsed-input-bar .input-options-row{padding-top:var(--spacing-xs);padding-right:var(--spacing-xs);gap:var(--spacing-sm)}.mobile-collapsed-input-bar .input-options-row .magic-wand-toggle,.mobile-collapsed-input-bar .input-options-row .input-options-menu__trigger{width:44px;height:44px;min-width:44px;min-height:44px}.mobile-collapsed-input-bar .input-textarea-wrap{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.mobile-collapsed-input-bar .input-textarea{--input-max-lines: 6;max-height:calc(16px * 1.5 * var(--input-max-lines));min-height:24px;height:24px;padding:0}.mobile-collapsed-input-bar .input-textarea::placeholder{letter-spacing:.01em;opacity:.7}.mobile-collapsed-input-bar .mode-button--inline{min-width:44px;min-height:44px}.light-theme .mobile-collapsed-input-bar{background:var(--elevation-01dp);border-top-color:#55412314;box-shadow:0 -2px 8px #0000000a}.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),.header-position-toggle: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:not(.dynamic-input-container--embedded):not(.dynamic-input-container--inline){width:100%;max-width:100%;max-height:none;height:100%;border-radius:0;border:none;margin:0;padding-bottom:env(safe-area-inset-bottom,0px);overflow:hidden;box-shadow:none;animation:none;transform:none;transform-origin:center;transition:none}.dynamic-input-container{display:flex;flex-direction:column;position:relative;z-index:1;background:var(--elevation-02dp, var(--bg-secondary));opacity:1}.dynamic-input-container.mobile-visible{opacity:1;transform:none}.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}}@keyframes mobileRevealFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dynamic-input-container .chat-header,.dynamic-input-container .dynamic-input-drag-handle-header{display:none}.dynamic-input-container .chat-messages,.dynamic-input-container .message-list-container{animation:mobileRevealFromTop .25s cubic-bezier(0,0,.2,1) .05s both}.dynamic-input-container .dynamic-input-content{animation: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);background:#3b82f614;border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;opacity:0;transition:opacity var(--duration-fast) ease-out;pointer-events:none;will-change:opacity;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{height:100%;max-height:none;border-radius: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;max-height:none;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-panel{display:none}.toggle-buttons-container{gap:var(--spacing-xs)}.messages-toggle-button{height:48px;min-height:48px;padding:0 var(--spacing-sm);border-radius:24px}.messages-toggle-text{display:none}.messages-toggle-icon{width:20px;height:20px}.toggle-buttons-container:has(.toggle-input-button.collapsed) .messages-toggle-button{width:48px;padding:0;border-radius:50%}.toggle-input-button{transition:opacity var(--duration-medium) var(--ease-in-out-smooth),transform var(--duration-base) ease,box-shadow var(--duration-base) ease}.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 var(--duration-base) ease,color var(--duration-base) ease,transform var(--transition-fast)}.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:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:20px;height:20px;border-radius:10px;align-items:center;justify-content:center;padding:0 var(--space-1-5);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:var(--space-1) 0;background:transparent;border:none;transition:background var(--duration-base) 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 var(--duration-base) ease,transform var(--duration-base) ease,box-shadow var(--duration-base) 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-gold);transform:scaleX(1.1);box-shadow:0 0 8px #d4a57466;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(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(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:var(--space-0-5)}.active-conversation-indicator{padding:2px var(--spacing-xs);max-width:120px}.mode-button{width:28px;height:28px;padding:var(--space-0-5)}.mode-icon{width:14px;height:14px}.header-hide-button,.header-position-toggle{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:var(--font-size-xs);padding:0 var(--spacing-xs)}}.dynamic-input-wrapper-main.guide-input-active{right:50%;transform:translate(50%);z-index:var(--z-floating-chat)}.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(--accent-gold);outline-offset:2px}.toggle-input-button:focus:not(:focus-visible){outline:none}.toggle-input-button:focus-visible{outline:2px solid var(--accent-gold);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:var(--line-height-snug)}.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(--category-connect)!important}@keyframes connectionNotificationGlow{0%{box-shadow:0 0 #4a9effb3;background:var(--accent-gold)}to{box-shadow:0 0 16px 6px #4a9eff66;background:var(--category-connect)}}.toggle-button-icon-left{margin-right:var(--space-1-5)}.notification-list-wrapper{max-height:320px;overflow-y:auto;padding:var(--space-2) var(--space-1)}.notification-header-inline{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.notification-header-inline h3{margin:0;font-size:var(--font-size-sm)}.notification-card{width:100%;text-align:left;padding:var(--space-2-5) var(--space-3);border-radius:8px;background:var(--card-bg);color:#fff;margin-bottom:var(--space-1-5);transition:background var(--duration-base) ease}.notification-card:hover{background:var(--state-hover)}.clear-all-btn{background:none;border:none;color:var(--ink-connect);cursor:pointer;font-size:var(--font-size-xs)}.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:var(--font-size-sm);font-weight:var(--font-weight-medium);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-panel{position:fixed;bottom:28px;right:532px;width:320px;max-height:calc(100vh - 72px);background:var(--elevation-01dp, 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-xl);box-shadow:var(--shadow-elevation-08dp, var(--shadow-dropdown));display:flex;flex-direction:column;overflow:hidden;animation:conversationPanelSlideIn .28s cubic-bezier(0,0,.2,1) forwards}@keyframes conversationPanelSlideIn{0%{opacity:0;transform:translate(20px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@media(min-width:1024px){body.editor-expanded .conversation-panel{right:calc(20px + 500px + 12px + var(--editor-panel-width-expanded))}}@media(max-width:600px){.conversation-panel{display:none}}@media(min-width:601px)and (max-width:1023px){.conversation-panel{width:280px;right:calc(28px + min(500px,90vw))}}.conversation-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);flex-shrink:0}.conversation-panel__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-primary);letter-spacing:.3px}.conversation-panel__close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.conversation-panel__close:hover{background:var(--state-hover);color:var(--text-primary)}.conversation-panel__search{padding:var(--spacing-xs) var(--spacing-md);flex-shrink:0}.conversation-panel__search-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--elevation-01dp, var(--bg-secondary));border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-xs);font-family:var(--font-sans);outline:none;transition:border-color var(--transition-fast)}.conversation-panel__search-input:focus{border-color:var(--accent-blue)}.conversation-panel__search-input::placeholder{color:var(--text-tertiary)}.conversation-panel__connect-cta{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#a6e22e14;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;color:var(--ink-learn);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-sans);text-align:left;width:100%;transition:background var(--transition-fast);flex-shrink:0}.conversation-panel__connect-cta:hover{background:#a6e22e26}.conversation-panel__list{flex:1;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-panel__list::-webkit-scrollbar{width:6px}.conversation-panel__list::-webkit-scrollbar-track{background:transparent}.conversation-panel__list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.conversation-panel__list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.conversation-panel__item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;border-left:3px solid transparent;background:none;text-align:left;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);min-height:64px}.conversation-panel__item:hover{background:var(--state-hover)}.conversation-panel__item--active{background:var(--state-selected);border-left-color:var(--accent-blue)}.conversation-panel__avatar{width:40px;height:40px;border-radius:50%;overflow:visible;flex-shrink:0}.conversation-panel__avatar .avatar-box-circular,.conversation-panel__avatar .avatar-box-circular .avatar-container{width:100%!important;height:100%!important}.conversation-panel__details{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-0-5)}.conversation-panel__name-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs)}.conversation-panel__username{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.conversation-panel__timestamp{font-size:var(--font-size-xs);color:var(--text-tertiary);flex-shrink:0}.conversation-panel__name-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.conversation-panel__name-actions .dropdown-call-button{opacity:0;transition:opacity var(--transition-fast)}.conversation-panel__item:hover .conversation-panel__name-actions .dropdown-call-button{opacity:1}.conversation-panel__name-actions .call-button--icon.call-button--small{width:22px;height:22px;min-height:22px;padding:var(--space-0-5)}.conversation-panel__preview{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height-compact)}.conversation-panel__avatar[role=button]{cursor:pointer;border-radius:50%;transition:box-shadow var(--transition-fast)}.conversation-panel__avatar[role=button]:hover{box-shadow:0 0 0 2px var(--accent-blue)}.conversation-panel__indicators{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.conversation-panel__unread{background:var(--accent-blue);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 var(--space-1)}.conversation-panel__empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-tertiary);font-size:var(--font-size-xs);text-align:center}.light-theme .conversation-panel{background:var(--bg-primary);border-color:var(--border-light)}.light-theme .conversation-panel__search-input{background:var(--bg-secondary)}.light-theme .conversation-panel__item--active{background:#0000000f}.light-theme .conversation-panel__connect-cta{color:var(--accent-sage, var(--ink-learn))}@media(prefers-reduced-motion:reduce){.conversation-panel{animation:none}}.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(--ink-learn)!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:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-0-5)}.conversation-user{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.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(--accent-gold);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:var(--space-0-5) var(--space-1-5);border-radius:var(--border-radius-xl);min-width:16px;text-align:center;flex-shrink:0;line-height:var(--line-height-none)}.light-theme .conversation-panel{background:var(--elevation-01dp);border-color:var(--border-subtle);box-shadow:var(--shadow-elevation-08dp)}.light-theme .conversation-panel__header{border-bottom-color:var(--border-subtle)}.light-theme .conversation-panel__search-input{background:var(--bg-primary);border-color:var(--border-subtle);color:var(--text-primary)}.light-theme .conversation-panel__item:hover{background:var(--state-hover)}.light-theme .conversation-panel__item--active{background:var(--state-selected);border-left-color:var(--accent-sage)}.light-theme .conversation-panel__username{color:var(--text-primary)}.light-theme .conversation-panel__preview{color:var(--text-secondary)}.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(prefers-reduced-motion:reduce){.conversation-panel{animation:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-primary)}.conversation-panel__item,.dropdown-call-button{transition:none}.dropdown-call-button:hover:not(:disabled){transform: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:var(--space-1) var(--space-2);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:var(--font-size-2xs)}.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)}.avatar-strip{display:none}.new-message-glow{background:var(--accent-gold)!important}.message-body{flex:1;min-width:0}.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:var(--space-1) var(--space-2);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:var(--font-weight-medium)}.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:var(--font-weight-bold);font-size:var(--font-size-md);line-height:var(--line-height-none)}.more-text{font-weight:var(--font-weight-medium);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 var(--duration-medium) 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:var(--font-weight-semibold);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-icon{width:18px;height:18px;flex-shrink:0;color:var(--ink-connect)}.more-section-content{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);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:var(--line-height-normal);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(--ink-connect);font-weight:var(--font-weight-bold);position:absolute;left:.4em;top:0;line-height:var(--line-height-normal)}.more-list-item.reflection-question{font-style:italic;color:var(--text-tertiary)}.more-list-item.reflection-question:before{content:"?";color:var(--accent-green)}.more-list-item .formatted-chat-message p{margin:0}.more-list-item .formatted-chat-message p+p{margin-top:var(--spacing-xs)}.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(--accent-gold)}50%{box-shadow:0 0 0 8px #fbbf244d;border-color:#fbbf24e6}to{box-shadow:0 0 #fbbf24cc;border-color:var(--accent-gold)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification-bell-left{margin-right:var(--spacing-xs);color:var(--ink-earn);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:6px var(--spacing-sm);border-bottom:1px solid var(--border-subtle);background:transparent;min-height:40px;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}.chat-header__quest-strip{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2-5) var(--space-1) var(--space-2);border:none;border-radius:var(--border-radius-capsule);background:color-mix(in srgb,var(--accent-gold) 12%,transparent);color:var(--ink-earn);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);white-space:nowrap;max-width:200px;transition:background var(--transition-fast),color var(--transition-fast)}.chat-header__quest-strip:hover{background:color-mix(in srgb,var(--accent-gold) 20%,transparent);color:var(--text-primary)}.chat-header__quest-icon{flex-shrink:0}.chat-header__quest-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.chat-header__quest-chevron{flex-shrink:0;opacity:.6}.chat-header__quest-close{color:var(--text-tertiary)}.chat-header__quest-close:hover{color:var(--ink-earn)}.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)}.header-position-toggle{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-position-toggle:hover{background:var(--bg-tertiary);border-color:var(--accent-gold);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;position:relative;width:max(36px,1.5vw);height:max(36px,1.5vw);flex-shrink:0}.mode-button__notif-dot{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 4px var(--accent-gold);pointer-events:none;animation:notif-dot-pulse 2s ease-in-out infinite}@keyframes notif-dot-pulse{0%,to{opacity:1}50%{opacity:.5}}.mode-button:hover{background:var(--state-hover);border-color:var(--tree-green);color:var(--text-primary)}.mode-button.active{background:color-mix(in srgb,var(--accent-gold) 18%,transparent);border-color:color-mix(in srgb,var(--accent-gold) 40%,transparent);color:var(--ink-earn)}.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(--ink-earn);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;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 var(--duration-medium) var(--ease-in-out-smooth)}.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:var(--space-0-5);background:var(--bg-secondary);border-radius:var(--border-radius-sm);padding:var(--space-0-5);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(--accent-gold);color:var(--bg-primary);border:2px solid var(--accent-gold);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(--accent-gold) 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:var(--state-hover);border-color:var(--accent-orange)}.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:var(--line-height-snug)}.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 var(--duration-medium) 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:var(--space-1);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:var(--space-0-5) var(--space-1-5);border-radius:var(--border-radius-sm);font-size:var(--font-size-2xs)}.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 var(--duration-medium) var(--ease-in-out-smooth)}.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 var(--transition-medium)}.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);background:var(--bg-primary);position:relative;transition:all var(--transition-fast);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:var(--font-size-xs);font-weight:var(--font-weight-bold)}.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:767px){.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(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 .embedded-input-capsule--standalone{background:var(--elevation-01dp);box-shadow:var(--shadow-elevation-02dp);border-color:#5541230f;margin-bottom:var(--space-2)}.light-theme .embedded-input-capsule--standalone:hover{box-shadow:var(--shadow-elevation-04dp);border-color:#55412314}.light-theme .embedded-input-capsule--standalone:has(.input-box.focused){box-shadow:var(--shadow-elevation-04dp),0 0 0 2px color-mix(in srgb,var(--accent-gold) 15%,transparent)}.light-theme .mode-button{color:var(--text-primary);border-color:var(--border-subtle)}.light-theme .mode-button:hover{background:var(--state-hover);border-color:var(--border-color);color:var(--text-primary)}.light-theme .mode-button.active{background:var(--accent-sage);border-color:var(--accent-sage);color:#fff}.light-theme .mode-icon{color:var(--text-secondary)}.light-theme .mode-button:hover .mode-icon{color:var(--text-primary)}.light-theme .mode-button.active .mode-icon{color:#fff}.light-theme .conversation-user-button{color:var(--text-primary)}.light-theme .conversation-user-button:hover{background:var(--state-hover)}.light-theme .header-hide-button,.light-theme .header-position-toggle{color:var(--text-secondary)}.light-theme .header-hide-button:hover,.light-theme .header-position-toggle:hover{background:var(--state-hover);color:var(--text-primary)}.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:var(--font-weight-semibold);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:var(--font-size-xs);font-weight:var(--font-weight-bold)}.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:var(--line-height-snug)}.user-relevance{font-size:.85em;color:#9ca3af;margin-top:var(--space-1)}.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:var(--space-0-5) var(--space-2);margin-left:var(--space-2);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:var(--font-size-base);line-height:var(--line-height-none);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 var(--duration-medium) var(--ease-in-out-smooth),opacity var(--duration-base) ease-out}.task-content-area.expanded{max-height:100%;opacity:1;transition:max-height var(--duration-medium) var(--ease-in-out-smooth),opacity var(--duration-base) 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(--ink-learn)}.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(pointer:coarse){.task-collapse-toggle,.task-search-toggle,.task-view-controls .filter-button{min-width:44px;min-height:44px}}@media(max-width:600px){.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(--ink-learn)}@media(pointer:coarse){.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(--accent-gold) 85%,white 15%)}.light-theme .task-view-controls .add-note-btn{background:var(--accent-gold);color:#fff}.light-theme .task-view-controls .add-note-btn:hover{background:color-mix(in srgb,var(--accent-gold) 90%,black 10%)}@media(min-width:601px){.dynamic-input-container.in-call-mode:not(.dynamic-input-container--inline){position:fixed;right:0;top:0;bottom:var(--tray-height-desktop);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:var(--z-below-tray);animation:slideInFromRight var(--duration-medium) var(--motion-ease-editorial) forwards}.dynamic-input-container.in-call-mode:not(.dynamic-input-container--inline) .chat-messages{flex:1;max-height:none;min-height:0;overflow-y:auto}.dynamic-input-wrapper-main:has(.in-call-mode:not(.dynamic-input-container--inline)){bottom:0;right:0;top:0;align-items:stretch}}@media(max-width:600px),(max-height:500px)and (pointer:coarse){.dynamic-input-wrapper-main:has(.in-call-mode){top:auto;bottom:var(--tray-height-mobile);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);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:var(--z-below-tray)}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.header-right .call-button__wrapper{flex-shrink:0;align-self:center}.header-right .call-button--icon.call-button--small{width:28px;height:28px;min-height:28px;padding:var(--space-1);margin:0}.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(--border-radius-sm);font-size:var(--font-size-xs);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:var(--font-weight-medium);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:var(--font-weight-semibold);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:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);background:var(--elevation-02dp);color:var(--text-secondary);border:1px solid var(--border-color);transition:all var(--transition-medium);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);color:var(--accent-green);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)}.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),var(--accent-green-light, #a8b89d));border-radius:var(--border-radius-lg);transition:width .6s var(--ease-in-out-smooth);box-shadow:0 1px 3px #0000004d;position:relative}.learning-progress-fill:before{content:"";position:absolute;top:0;right:0;bottom:0;left: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:var(--font-weight-medium)}.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 var(--duration-base),color var(--duration-base);min-width:var(--touch-target-min);min-height:var(--touch-target-min);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:var(--chat-bubble-max-width);animation:fadeSlideIn var(--duration-base) 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:var(--line-height-normal)}.learning-message.user .learning-message-content{background:var(--elevation-02dp)!important;color:var(--text-primary)!important;border:1px solid color-mix(in srgb,var(--accent-gold) 12%,var(--border-color))!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)}.learning-message.error .learning-message-content{background:var(--elevation-02dp);border:1px solid var(--color-error);color:var(--color-error)}.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-capsule);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-base) 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);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:var(--font-weight-semibold);color:var(--accent-green);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);color:var(--text-on-accent);border:none;border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);cursor:pointer;transition:transform var(--duration-base),box-shadow var(--duration-base),background var(--duration-base);min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable)}.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}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@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:var(--space-1);padding-top:var(--space-1)}.learning-objective-chip{padding:var(--space-0-5) var(--space-1-5);font-size:var(--font-size-2xs);max-width:120px}.learning-objective-chip .check-icon,.learning-objective-chip .circle-icon{width:10px;height:10px}.learning-prompt-chip{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);max-width:150px}.learning-complete-btn{width:100%}}.scroll-to-bottom-button{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:36px;height:36px;padding:0;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 var(--duration-base) ease,transform var(--duration-base) ease,background var(--duration-base) ease;opacity:.9}.scroll-to-bottom-button:hover{background:var(--state-hover);transform:translate(-50%) scale(1.05);opacity:1}.scroll-to-bottom-button:active{transform:translate(-50%) scale(.95)}.scroll-to-bottom-button svg{width:20px;height:20px;min-width:20px;min-height:20px;flex-shrink:0}@media(max-width:600px){.scroll-to-bottom-button{width:32px;height:32px}.scroll-to-bottom-button svg{width:18px;height:18px;min-width:18px;min-height:18px}}.message-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.message-action-btn{min-width:32px;min-height:32px;padding:var(--space-1-5) var(--space-2);background:transparent;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);opacity:.5;transition:opacity var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.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)}.message-action-btn.creating{opacity:1;color:var(--ink-learn);animation:createPulse 1.2s ease-in-out infinite;pointer-events:none}@keyframes createPulse{0%,to{opacity:.6}50%{opacity:1}}.message-action-btn.find-expert-btn{color:var(--ink-connect)}.message-action-btn.find-expert-btn:hover{color:var(--ink-connect);background:#81c7841f}.message-action-btn.view-node-btn{opacity:1;gap:var(--space-1);padding:var(--space-1) var(--space-2-5);background:#509b5a26;border:1px solid rgba(80,155,90,.3);color:var(--ink-learn);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.message-action-btn.view-node-btn:hover{background:#509b5a40;border-color:var(--tree-green);color:var(--text-primary);box-shadow:0 2px 8px #509b5a33}.view-node-label{white-space:nowrap}@media(pointer:coarse){.message-action-btn{opacity:.6;min-width:44px;min-height:44px}.message-action-btn.view-node-btn{opacity:1;min-width:auto;min-height:36px}}.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(--ink-connect);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)}.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:var(--space-0-5);color:currentColor}.add-to-tree-btn{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-4);background:color-mix(in srgb,var(--category-learn) 12%,transparent);border:1px solid color-mix(in srgb,var(--category-learn) 30%,transparent);border-radius:20px;color:var(--ink-learn);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;min-height:var(--touch-target-min);transition:background var(--transition-fast),transform .1s ease,border-color var(--transition-fast)}.add-to-tree-btn[data-category=connect]{background:color-mix(in srgb,var(--category-connect) 12%,transparent);border-color:color-mix(in srgb,var(--category-connect) 30%,transparent);color:var(--ink-connect)}.add-to-tree-btn:hover:not(:disabled){background:color-mix(in srgb,var(--category-learn) 20%,transparent)}.add-to-tree-btn:active:not(:disabled){transform:scale(.97)}.add-to-tree-btn:disabled{opacity:.5;cursor:wait}.add-to-tree-btn--error{border-color:var(--error);color:var(--error)}.add-to-tree-btn--confirmed{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-4);background:color-mix(in srgb,var(--category-learn) 16%,transparent);border-radius:20px;color:var(--ink-learn);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);animation:fadeInUp var(--duration-medium) ease-out}.add-to-tree-btn__spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.mode-button--inline{width:36px;height:36px;min-width:36px;padding:0;border:1px solid var(--border-subtle);border-radius:8px;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.mode-button--inline:hover{background:var(--state-hover);color:var(--text-secondary)}.mode-button--inline.active{background:color-mix(in srgb,var(--accent-gold) 18%,transparent);border-color:color-mix(in srgb,var(--accent-gold) 40%,transparent);color:var(--ink-earn)}.mode-button--inline.active .mode-icon{color:var(--ink-earn)}.mode-button--inline .mode-icon{width:16px;height:16px}.quest-tree-layout .chat-header,.quest-tree-layout .task-mode-header,.quest-tree-layout .dynamic-input-drag-handle-header,.persistent-quest-panel .chat-header,.persistent-quest-panel .task-mode-header,.persistent-quest-panel .dynamic-input-drag-handle-header{display:none}.quest-tree-layout .dynamic-input-container,.persistent-quest-panel .dynamic-input-container{background:transparent;border:none;box-shadow:none;border-radius:0;max-height:none}.quest-tree-layout .dynamic-input-container--inline,.persistent-quest-panel .dynamic-input-container--inline{background:transparent;border:none;box-shadow:none}.quest-tree-layout .message-list-container,.quest-tree-layout .messages-area,.persistent-quest-panel .message-list-container,.persistent-quest-panel .messages-area{background:transparent}.garden-page--chat-split .quest-tree-layout .chat-header,.garden-page--chat-split .quest-tree-layout .task-mode-header,.garden-page--chat-split .quest-tree-layout .dynamic-input-drag-handle-header{display:none}.garden-page--chat-split .quest-tree-layout .dynamic-input-container{background:transparent;border:none;box-shadow:none;border-radius:0;max-height:none}.garden-page--chat-split .quest-tree-layout .dynamic-input-container--inline{background:transparent;border:none;box-shadow:none}.garden-page--chat-split .quest-tree-layout .message-list-container,.garden-page--chat-split .quest-tree-layout .messages-area{background:transparent}.quest-tree-layout,.persistent-quest-panel{--chat-bubble-assistant-bg: transparent;--chat-bubble-assistant-border: transparent;--chat-container-padding-x: 0}.quest-tree-layout .chat-messages,.persistent-quest-panel .chat-messages{background:transparent}.quest-tree-layout .message.assistant,.quest-tree-layout .message.atai-message,.persistent-quest-panel .message.assistant,.persistent-quest-panel .message.atai-message{max-width:100%}.quest-tree-layout .message.assistant .message-content,.quest-tree-layout .message.atai-message .message-content,.persistent-quest-panel .message.assistant .message-content,.persistent-quest-panel .message.atai-message .message-content{box-shadow:none;padding:0;border-radius:0}.quest-tree-layout .input-box,.persistent-quest-panel .input-box{border-color:var(--border-subtle)}.quest-tree-layout .input-box.focused,.persistent-quest-panel .input-box.focused{border-color:var(--text-tertiary)}.quest-tree-layout .dynamic-input-container--inline,.persistent-quest-panel .dynamic-input-container--inline{position:relative}.quest-tree-layout .scroll-to-bottom-button,.persistent-quest-panel .scroll-to-bottom-button{bottom:12px}.light-theme .day-view__quest-input{background:var(--quest-chat-bg, var(--beige-paper));border-radius:var(--border-radius-xl);margin-top:var(--space-2);margin-bottom:var(--space-2);padding-right:0}.light-theme .quest-tree-layout .dynamic-input-container--inline,.light-theme .persistent-quest-panel .dynamic-input-container--inline{border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl)}.light-theme .quest-tree-layout .chat-messages::-webkit-scrollbar-track,.light-theme .persistent-quest-panel .chat-messages::-webkit-scrollbar-track{background:var(--quest-chat-bg, var(--beige-paper))}.dynamic-input-compact-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-4);margin:0 auto;max-width:760px;width:100%;background:var(--elevation-02dp);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;cursor:pointer;transition:background var(--transition-fast) ease,transform var(--transition-fast) ease;-webkit-user-select:none;user-select:none;animation:compactBarSlideUp .28s cubic-bezier(0,0,.2,1)}.dynamic-input-compact-bar:hover{background:var(--elevation-04dp);transform:translateY(-2px)}.dynamic-input-compact-bar:active{transform:translateY(0)}.dynamic-input-compact-bar__icon{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.dynamic-input-compact-bar__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);flex:1}.dynamic-input-compact-bar__history,.dynamic-input-peek-header__btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:var(--space-1);border-radius:var(--border-radius-sm);color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:color var(--transition-fast) ease,background var(--transition-fast) ease}.dynamic-input-compact-bar__history{margin-left:auto}.dynamic-input-compact-bar__history:hover,.dynamic-input-peek-header__btn:hover,.light-theme .dynamic-input-compact-bar__history:hover,.light-theme .dynamic-input-peek-header__btn:hover{color:var(--text-primary);background:var(--state-hover)}.dynamic-input-peek-header{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);padding:var(--space-1-5) var(--space-2) 0;flex-shrink:0}.dynamic-input-compact-bar__chevron{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;transition:transform var(--transition-fast) ease}.dynamic-input-compact-bar:hover .dynamic-input-compact-bar__chevron{color:var(--text-secondary);transform:translateY(-1px)}.dynamic-input-compact-bar--quest{background:color-mix(in srgb,var(--accent-gold) 8%,var(--elevation-02dp))}.dynamic-input-compact-bar--quest:hover{background:color-mix(in srgb,var(--accent-gold) 14%,var(--elevation-02dp))}.dynamic-input-compact-bar__icon--quest{color:var(--ink-earn)}.dynamic-input-compact-bar--quest .dynamic-input-compact-bar__label{color:var(--ink-earn);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes compactBarSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.light-theme .dynamic-input-compact-bar{background:var(--beige-paper, #f5f0e8);border:1px solid var(--border-subtle);border-bottom:none}.light-theme .dynamic-input-compact-bar:hover{background:color-mix(in srgb,var(--beige-paper, #f5f0e8) 90%,black 10%)}.input-box.input-box--guide-highlight{border-color:#daa52099;box-shadow:0 0 0 2px #daa52026,0 0 16px #daa5201f;animation:guideInputPulse 2.5s ease-in-out infinite}@keyframes guideInputPulse{0%,to{box-shadow:0 0 0 2px #daa52026,0 0 16px #daa5201f}50%{box-shadow:0 0 0 3px #daa52040,0 0 24px #daa52033}}.input-char-count{display:block;text-align:right;font-size:var(--font-size-xs);line-height:var(--line-height-none);padding:var(--space-0-5) var(--space-2) var(--space-1);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.input-char-count--over{color:var(--color-error);font-weight:var(--font-weight-semibold)}.ai-disclaimer{text-align:center;font-size:var(--font-size-xs);color:var(--text-tertiary);opacity:.6;margin:var(--spacing-xs) 0 0;padding:0;line-height:var(--line-height-none);letter-spacing:.01em;-webkit-user-select:none;user-select:none}@media(max-width:600px),(max-height:500px)and (pointer:coarse){.ai-disclaimer{display:none}}@media(max-width:1023px){.mobile-drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-scrim);-webkit-backdrop-filter:var(--overlay-scrim-blur);backdrop-filter:var(--overlay-scrim-blur);z-index:var(--z-drawer-panel-backdrop);pointer-events:auto;animation:mobileDrawerScrimFadeIn .22s cubic-bezier(0,0,.2,1)}@keyframes mobileDrawerScrimFadeIn{0%{opacity:0}to{opacity:1}}.chat-bottom-sheet{position:fixed;left:var(--sidebar-width);right:0;bottom:0;display:flex;flex-direction:column;background:var(--elevation-02dp, var(--bg-secondary));border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;box-shadow:var(--shadow-elevation-04dp);z-index:var(--z-drawer-fullscreen);transition:height .24s cubic-bezier(.32,.72,0,1);overflow:hidden;pointer-events:auto}body.sidebar-expanded .chat-bottom-sheet{left:var(--sidebar-width-expanded)}.chat-bottom-sheet.compact-mode{height:var(--drag-height, calc(64px + env(safe-area-inset-bottom, 0px)) )}.chat-bottom-sheet.peek-mode{height:var( --drag-height, var(--peek-height-px, calc(140px + env(safe-area-inset-bottom, 0px)) ) )}.chat-bottom-sheet.halfsheet-mode{height:var(--drag-height, 55dvh)}.chat-bottom-sheet.fullscreen-mode{top:0;height:100dvh;border-top-left-radius:0;border-top-right-radius:0}.chat-bottom-sheet.dragging{transition:none;height:var(--drag-height)}.chat-bottom-sheet.fullscreen-mode.dragging{top:auto;bottom:0;border-top-left-radius:var(--border-radius-xl);border-top-right-radius:var(--border-radius-xl)}.chat-bottom-sheet .dynamic-input-compact-bar{flex:1 1 auto;min-height:0;margin:0;padding:var(--spacing-xs) var(--spacing-md) calc(var(--spacing-xs) + env(safe-area-inset-bottom,0px));background:transparent;border-radius:0;animation:none}.chat-bottom-sheet .dynamic-input-compact-bar:hover{background:var(--state-hover);transform:none}.mobile-drawer-header{display:flex;flex-direction:column;flex:0 0 auto}.mobile-drawer-handle-area{display:flex;align-items:center;justify-content:center;min-height:32px;padding:0;cursor:grab;touch-action:none}.mobile-drawer-handle-area:active{cursor:grabbing}.mobile-drawer-handle-bar{width:36px;height:4px;border-radius:2px;background:var(--text-tertiary);opacity:.45;transition:opacity var(--duration-fast) ease,transform var(--duration-fast) ease,background var(--duration-fast) ease}.chat-bottom-sheet.dragging .mobile-drawer-handle-bar{opacity:.9;transform:scaleX(1.15);background:var(--accent-primary)}.mobile-drawer-tabs{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--border-subtle)}.mobile-drawer-tab{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--duration-fast) ease,color var(--duration-fast) ease;position:relative;min-height:var(--touch-target-min)}.mobile-drawer-tab:hover{background:var(--state-hover)}.mobile-drawer-tab.active{background:var(--state-selected);color:var(--text-primary)}.mobile-drawer-tab__icon{width:18px;height:18px}.mobile-drawer-tab__dot{width:6px;height:6px;border-radius:3px;background:var(--accent-red);margin-left:var(--space-1)}.mobile-drawer-header--compact .mobile-drawer-tabs{display:none}.chat-bottom-sheet .mobile-chat-messages-overlay{flex:1;min-height:0;overflow-y:auto;padding:0;background:var(--bg-primary)}.chat-bottom-sheet .mobile-collapsed-input-bar{flex:0 0 auto;padding-bottom:calc(var(--spacing-xs) + var(--keyboard-inset-bottom, 0px) + env(safe-area-inset-bottom,0px));transition:padding-bottom .18s cubic-bezier(0,0,.2,1)}}.chat-question-highlight{color:var(--ink-earn);font-weight:var(--font-weight-semibold)}body.tour-active .chat-question-highlight{color:var(--tour-hl-color, var(--ink-earn))}body.tour-active .message.assistant.message--tour-active .message-content:not(:empty){--tour-hl: var(--tour-hl-color, var(--tree-green));background:color-mix(in srgb,var(--tour-hl) 18%,var(--elevation-04dp));color:var(--text-primary);border:1px solid color-mix(in srgb,var(--tour-hl) 58%,var(--border-subtle));border-radius:var(--border-radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-elevation-04dp),0 0 0 2px color-mix(in srgb,var(--tour-hl) 16%,transparent),0 8px 22px color-mix(in srgb,var(--tour-hl) 14%,transparent)}body.tour-active .message.assistant.message--tour-active .message-content,body.tour-active .message.assistant.message--tour-active .message-content p,body.tour-active .message.assistant.message--tour-active .message-content .chat-question-highlight{color:var(--text-primary)}@media(max-height:500px)and (pointer:coarse){.mobile-drawer-handle-area{min-height:24px}.mobile-collapsed-input-bar .input-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--spacing-xs)}.mobile-collapsed-input-bar .input-box{flex:1 1 auto;min-width:0}.mobile-collapsed-input-bar .input-options-row{flex:0 0 auto;padding-top:0;padding-bottom:0}.mobile-collapsed-input-bar .input-options-spacer{display:none}.mobile-collapsed-input-bar .focus-chips-row{flex-basis:100%}}}@layer components{.magic-wand-toggle{width:36px;height:36px;min-width:36px;border-radius:8px;background:transparent;border:1px solid var(--border-subtle);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-base) ease;margin-right:var(--space-2);margin-left:var(--space-0);flex-shrink:0;overflow:visible;padding:var(--space-1)}.magic-wand-toggle svg{width:18px;height:18px;color:var(--text-secondary);fill:currentColor;flex-shrink:0;transform:translate(1px);transition:color var(--duration-base) ease,transform var(--duration-base) ease}.magic-wand-toggle:hover{background:var(--state-hover);border-color:var(--border-subtle)}.magic-wand-toggle:focus-visible{outline:2px solid var(--border-subtle);outline-offset:2px}.magic-wand-toggle.active{background:rgba(var(--lens-color-rgb),.12);border-color:rgba(var(--lens-color-rgb),.3)}.magic-wand-toggle.active svg{color:var(--lens-color, var(--ink-connect));fill:currentColor}.insights-toggle.active{background:rgba(var(--category-earn-rgb),.12);border-color:rgba(var(--category-earn-rgb),.3)}.insights-toggle.active svg{color:var(--ink-earn);fill:currentColor}.analysis-toggle.active{background:rgba(var(--category-earn-rgb),.12);border-color:rgba(var(--category-earn-rgb),.3)}.analysis-toggle.active svg{color:var(--ink-earn);fill:currentColor}.analysis-toggle.active.selecting{animation:analysis-pulse 2s ease-in-out infinite}@keyframes analysis-pulse{0%,to{box-shadow:0 0 rgba(var(--category-earn-rgb),.2)}50%{box-shadow:0 0 8px 2px rgba(var(--category-earn-rgb),.3)}}.send-btn--analysis{background:rgba(var(--category-earn-rgb),.15)!important;border-color:rgba(var(--category-earn-rgb),.3)!important}.send-btn--analysis svg{color:var(--ink-earn)!important}.agent-workspace__quick-btn--analyze{color:var(--ink-earn)}.agent-workspace__quick-btn--analyze:hover{background:rgba(var(--category-earn-rgb),.12)}.context-chip--insights{border-color:rgba(var(--category-earn-rgb),.25)}.context-chip--insights .context-chip__icon{color:var(--ink-earn)}.context-chip-container{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3)}.context-chip{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-1-5) var(--space-1-5) var(--space-2-5);background:var(--elevation-02dp);border:1px solid rgba(var(--lens-color-rgb),.25);border-radius:8px;font-size:var(--font-size-xs);max-width:100%;animation:chip-enter var(--duration-base) ease-out}@keyframes chip-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-chip__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--lens-color, var(--ink-connect))}.context-chip__icon svg{width:14px;height:14px}.context-chip__label{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.context-chip__type{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.context-chip__remove{width:20px;height:20px;min-width:20px;border-radius:4px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast);margin-left:var(--space-0-5);padding:0}.context-chip__remove svg{width:10px;height:10px}.context-chip__remove:hover{background:var(--state-hover);color:var(--text-primary)}.context-chip__remove:active{background:var(--state-pressed)}.context-badge-strip{display:flex;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);position:absolute;top:8px;right:8px;z-index:10}.context-badge{width:28px;height:28px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;background:var(--elevation-02dp);border:1px solid rgba(var(--lens-color-rgb),.25);cursor:pointer;transition:all var(--duration-base) ease;animation:badge-enter .25s ease-out}@keyframes badge-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.context-badge:hover{background:var(--state-hover);transform:scale(1.1)}.context-badge:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.context-badge[data-category=learn]{color:var(--ink-learn);border-color:var(--category-learn)}.context-badge[data-category=earn]{color:var(--ink-earn);border-color:var(--category-earn)}.context-badge[data-category=connect],.context-badge[data-category=live]{color:var(--ink-connect);border-color:var(--category-connect)}.context-badge svg{width:16px;height:16px}.agent-workspace{padding:12px 14px;background:var(--elevation-01dp);border-radius:10px;margin:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);animation:workspace-enter .25s ease-out}@keyframes workspace-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.agent-workspace__header{display:flex;align-items:center;gap:var(--space-1-5);margin-bottom:var(--space-2)}.agent-workspace__icon{width:16px;height:16px;flex-shrink:0;color:var(--lens-color, var(--ink-connect))}.agent-workspace__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.agent-workspace__node-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.agent-workspace__close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:auto;flex-shrink:0;border:none;border-radius:4px;background:transparent;color:var(--text-tertiary);cursor:pointer;padding:0;transition:background var(--transition-fast),color var(--transition-fast)}.agent-workspace__close:hover{background:var(--state-hover);color:var(--text-primary)}.agent-workspace__close:active{background:var(--state-pressed)}.agent-workspace__reading{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:rgba(var(--lens-color-rgb),.08);border-radius:8px}.agent-workspace__reading-dots{display:flex;gap:var(--space-1)}.agent-workspace__reading-dot{width:4px;height:4px;border-radius:50%;background:var(--lens-color, var(--accent-blue));animation:reading-dot 1.4s ease-in-out infinite}.agent-workspace__reading-dot:nth-child(2){animation-delay:var(--duration-base)}.agent-workspace__reading-dot:nth-child(3){animation-delay:.4s}@keyframes reading-dot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.agent-workspace__node-ref{display:flex;align-items:center;gap:var(--space-1-5);font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--elevation-00dp);border-radius:var(--border-radius-sm)}.agent-workspace__node-ref-icon{display:flex;align-items:center;flex-shrink:0;color:var(--lens-color, var(--ink-connect))}.agent-workspace__node-ref-icon svg{width:14px;height:14px}.agent-workspace__node-ref strong{color:var(--text-primary);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-workspace__suggestion{margin-bottom:var(--space-4)}.agent-workspace__suggestion h4{margin:0 0 var(--space-2) 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.agent-workspace__suggestion p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}.agent-workspace__preview{padding:var(--space-3);background:var(--elevation-00dp);border-radius:8px;border:1px dashed var(--border-subtle);margin-top:var(--space-3);font-size:var(--font-size-xs)}.agent-workspace__preview-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.agent-workspace__preview-nodes{display:flex;flex-direction:column;gap:var(--space-1-5)}.agent-workspace__preview-node{padding:var(--space-2) var(--space-3);background:var(--elevation-01dp);border-radius:var(--border-radius-sm);border-left:3px solid var(--accent-blue);font-size:var(--font-size-xs);color:var(--text-primary)}.agent-workspace__preview-changes{display:flex;flex-direction:column;gap:var(--space-1-5)}.agent-workspace__preview-change{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs)}.agent-workspace__preview-field{color:var(--text-tertiary);min-width:60px}.agent-workspace__preview-from{color:var(--color-error);text-decoration:line-through}.agent-workspace__preview-arrow{color:var(--text-tertiary)}.agent-workspace__preview-to{color:var(--accent-green);font-weight:var(--font-weight-medium)}.agent-workspace__preview-diff{display:flex;flex-direction:column;gap:var(--space-1)}.agent-workspace__preview-before{padding:var(--space-1-5) var(--space-2-5);background:#ff6b6b1a;border-left:3px solid var(--color-error);border-radius:4px;color:var(--text-secondary);text-decoration:line-through}.agent-workspace__preview-after{padding:var(--space-1-5) var(--space-2-5);background:#56c6761a;border-left:3px solid var(--accent-green);border-radius:4px;color:var(--text-primary)}.agent-workspace__preview-data{display:flex;flex-direction:column;gap:var(--space-1)}.agent-workspace__preview-item{font-size:var(--font-size-xs);color:var(--text-secondary)}.agent-workspace__preview-item strong{color:var(--text-primary);margin-right:var(--space-1)}.agent-workspace__actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.agent-workspace__apply-btn{flex:1;padding:var(--space-2-5) var(--space-4);background:var(--accent-green);color:#fff;border:none;border-radius:8px;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast),transform .1s ease}.agent-workspace__apply-btn:hover:not(:disabled){background:var(--accent-green-hover, #4ab569)}.agent-workspace__apply-btn:active:not(:disabled){transform:scale(.98)}.agent-workspace__apply-btn:disabled{opacity:.6;cursor:not-allowed}.agent-workspace__dismiss-btn{padding:var(--space-2-5) var(--space-4);background:transparent;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.agent-workspace__dismiss-btn:hover{background:var(--state-hover);border-color:var(--border-interactive)}.agent-workspace--quick-actions{border:1px solid rgba(var(--lens-color-rgb),.15);background:rgba(var(--lens-color-rgb),.02);padding:var(--space-2) var(--space-2-5)}.agent-workspace--quick-actions .agent-workspace__header{margin-bottom:var(--space-1-5)}.agent-workspace__quick-row{display:flex;align-items:center;gap:var(--space-1-5);flex-wrap:wrap}.agent-workspace__quick-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2-5);background:var(--elevation-02dp);border:1px solid var(--border-subtle);border-radius:14px;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.agent-workspace__quick-btn:hover{background:var(--state-hover);border-color:var(--lens-color, var(--accent-blue));color:var(--lens-color, var(--ink-connect))}.agent-workspace__quick-btn:active{transform:scale(.97)}.agent-workspace__quick-btn svg{width:14px;height:14px;flex-shrink:0}.agent-workspace__hint{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0 0 0 auto;font-style:italic;white-space:nowrap}.agent-workspace__reshape{display:flex;gap:var(--space-2);padding:0 var(--space-2)}.agent-workspace__reshape-input{flex:1;padding:var(--space-2) var(--space-3);background:var(--elevation-00dp);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit}.agent-workspace__reshape-input:focus{outline:none;border-color:var(--accent-primary)}.agent-workspace__reshape-input::placeholder{color:var(--text-tertiary)}.agent-workspace__reshape-submit{padding:var(--space-2) var(--space-3);background:var(--tree-green);border:none;border-radius:var(--border-radius-sm);color:var(--text-on-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast)}.agent-workspace__reshape-submit:hover:not(:disabled){opacity:.9}.agent-workspace__reshape-submit:disabled{opacity:.5;cursor:not-allowed}.agent-workspace__reshape-result{font-size:var(--font-size-xs);margin:0;padding:0 var(--space-2);text-align:center}.agent-workspace__reshape-result--success{color:var(--ink-learn)}.agent-workspace__reshape-result--error{color:var(--color-error)}.agent-undo-toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--elevation-08dp);border-radius:8px;box-shadow:var(--shadow-elevation-08dp);animation:toast-enter var(--duration-medium) ease-out}@keyframes toast-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.agent-undo-toast__text{min-width:0;max-width:34ch;font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.agent-undo-toast__timer{font-size:var(--font-size-xs);color:var(--text-tertiary);min-width:24px}.agent-undo-toast__btn{padding:var(--space-1-5) var(--space-3);background:var(--lens-color, var(--accent-blue));color:#fff;border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast)}.agent-undo-toast__btn:hover{background:#3a8eef}.agent-undo-toast__dismiss{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-tertiary);font-size:20px;line-height:1;cursor:pointer}.agent-undo-toast__dismiss:hover,.agent-undo-toast__dismiss:focus-visible{background:#ffffff1a;color:var(--text-primary)}.processing-indicator{display:flex;flex-direction:column;gap:var(--space-2-5);padding:14px 16px;background:rgba(var(--lens-color-rgb),.06);border:1px solid rgba(var(--lens-color-rgb),.2);border-radius:10px;margin:var(--space-3);animation:processing-enter .25s ease-out}@keyframes processing-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.processing-indicator__header{display:flex;align-items:center;gap:var(--space-2-5)}.processing-indicator__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.processing-indicator__icon-svg{width:18px;height:18px}.processing-indicator__icon--reading{animation:icon-pulse 2s ease-in-out infinite}.processing-indicator__icon--analyzing .processing-indicator__icon-svg{animation:icon-spin 2s linear infinite}.processing-indicator__icon--generating{animation:icon-sparkle 1.5s ease-in-out infinite}@keyframes icon-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes icon-sparkle{0%,to{opacity:.8;filter:brightness(1)}50%{opacity:1;filter:brightness(1.3)}}.processing-indicator__phase-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.processing-indicator__message{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-snug);animation:message-fade var(--duration-medium) ease-out}@keyframes message-fade{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.processing-indicator__progress{height:4px;background:var(--elevation-00dp);border-radius:2px;overflow:hidden}.processing-indicator__progress-fill{height:100%;border-radius:2px;transition:width var(--duration-medium) ease-out}.processing-indicator__dots{display:flex;justify-content:center;gap:var(--space-1-5);margin-top:var(--space-1)}.processing-indicator__dot{width:5px;height:5px;border-radius:50%;background:var(--lens-color, var(--accent-blue));animation:processing-dot 1.4s ease-in-out infinite}.processing-indicator__dot:nth-child(2){animation-delay:var(--duration-base)}.processing-indicator__dot:nth-child(3){animation-delay:.4s}@keyframes processing-dot{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.confidence-indicator{display:flex;align-items:center;gap:var(--space-2-5);margin:var(--space-3) 0;padding:0 var(--space-1)}.confidence-indicator__bar{flex:1;height:6px;background:var(--elevation-00dp);border-radius:3px;overflow:hidden}.confidence-indicator__fill{height:100%;border-radius:3px;transition:width var(--duration-slow) ease-out,background-color var(--transition-medium)}.confidence-indicator__fill--low{background:var(--accent-red)}.confidence-indicator__fill--medium{background:var(--accent-yellow)}.confidence-indicator__fill--high{background:var(--accent-green)}.confidence-indicator__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);min-width:36px;text-align:right}.rich-preview{padding:14px;background:var(--elevation-00dp);border-radius:8px;border:1px dashed var(--border-subtle);margin-top:var(--space-3);overflow:hidden}.rich-preview__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.rich-preview__title{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-semibold)}.rich-preview__type-badge{font-size:var(--font-size-2xs);padding:var(--space-0-5) var(--space-1-5);background:var(--elevation-02dp);border-radius:4px;color:var(--text-secondary);text-transform:uppercase}.rich-preview__diff{font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.rich-preview__diff-line{padding:var(--space-0-5) var(--space-2);border-radius:3px;margin:var(--space-0-5) 0}.rich-preview__diff-line--added{background:rgba(var(--accent-green-rgb),.15);color:var(--accent-green)}.rich-preview__diff-line--removed{background:rgba(var(--accent-red-rgb, 232, 92, 92),.15);color:var(--accent-red);text-decoration:line-through}.rich-preview__diff-line--unchanged{color:var(--text-tertiary)}.rich-preview__split{display:flex;flex-direction:column;gap:var(--space-2)}.rich-preview__split-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:var(--font-size-base);margin:var(--space-1) 0}.rich-preview__split-original{padding:var(--space-2-5);background:var(--elevation-01dp);border-radius:var(--border-radius-sm);border-left:3px solid var(--text-tertiary)}.rich-preview__split-nodes{display:flex;flex-direction:column;gap:var(--space-1-5)}.rich-preview__split-node{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2-5);background:var(--elevation-01dp);border-radius:var(--border-radius-sm);border-left:3px solid var(--accent-green)}.rich-preview__split-node-icon{font-size:var(--font-size-sm);flex-shrink:0}.rich-preview__split-node-title{font-size:var(--font-size-xs);color:var(--text-primary);font-weight:var(--font-weight-medium)}.rich-preview__split-node-desc{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-0-5)}.rich-preview__restructure{display:flex;flex-direction:column;gap:var(--space-3)}.rich-preview__restructure-change{display:flex;align-items:center;gap:var(--space-2-5);font-size:var(--font-size-xs)}.rich-preview__restructure-label{color:var(--text-tertiary);min-width:60px}.rich-preview__restructure-from{padding:var(--space-1) var(--space-2);background:rgba(var(--accent-red-rgb, 232, 92, 92),.1);border-radius:4px;color:var(--accent-red);text-decoration:line-through}.rich-preview__restructure-arrow{color:var(--text-tertiary)}.rich-preview__restructure-to{padding:var(--space-1) var(--space-2);background:rgba(var(--accent-green-rgb),.1);border-radius:4px;color:var(--accent-green);font-weight:var(--font-weight-medium)}.agent-workspace--error{border-color:var(--accent-red);background:rgba(var(--accent-red-rgb, 232, 92, 92),.05)}.agent-workspace__error-content{text-align:center}.agent-workspace__error-message{color:var(--text-secondary);margin-bottom:var(--space-3)}.agent-workspace__retry-btn{padding:var(--space-2) var(--space-4);background:var(--elevation-02dp);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-xs);cursor:pointer;margin-right:var(--space-2);transition:background var(--transition-fast)}.agent-workspace__retry-btn:hover{background:var(--state-hover)}.input-box--lens-active{border:1px solid rgba(var(--lens-color-rgb),.4);background:linear-gradient(135deg,var(--elevation-02dp) 0%,rgba(var(--lens-color-rgb),.03) 100%);transition:border-color var(--duration-base) ease,background var(--duration-base) ease}.embedded-input-capsule--lens-active{border:1px solid rgba(var(--lens-color-rgb),.35);box-shadow:var(--shadow-elevation-02dp),0 0 0 1px rgba(var(--lens-color-rgb),.1);transition:border-color var(--duration-base) ease,box-shadow var(--duration-base) ease}@media(max-width:600px){.magic-wand-toggle{width:32px;height:32px;min-width:32px}.context-chip{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-2)}.context-chip__label{max-width:160px}.agent-workspace{margin:var(--space-2);padding:var(--space-3)}.agent-workspace__actions{flex-direction:column}.agent-workspace__dismiss-btn{order:1}.agent-undo-toast{max-width:none;margin:0}@keyframes toast-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}}@layer components{.attachment-chip-bar{display:flex;align-items:center;gap:var(--space-1);min-width:0;overflow-x:auto;scrollbar-width:none;padding:0 var(--spacing-sm)}.attachment-chip-bar::-webkit-scrollbar{display:none}.attachment-chip-bar__add{display:flex;align-items:center;justify-content:center;gap:var(--space-1);min-width:28px;height:28px;padding:0 var(--space-2);flex-shrink:0;border-radius:var(--border-radius-sm);border:1px solid var(--border-subtle);background:var(--elevation-01dp);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.attachment-chip-bar__add:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--elevation-02dp)}.attachment-chip-bar__add-label{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap}.attachment-chip-bar__chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;min-height:26px;box-sizing:border-box;background:var(--elevation-02dp);border:1px solid var(--border-subtle);border-radius:var(--border-radius-capsule, 999px);font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;max-width:140px;flex-shrink:0}.attachment-chip-bar__chip-label{overflow:hidden;text-overflow:ellipsis;min-width:0}.attachment-chip-bar__chip-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:0;margin-left:2px;flex-shrink:0;transition:color var(--transition-fast)}.attachment-chip-bar__chip-remove:hover{color:var(--color-error)}.attachment-chip-bar__chip-clip{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:0;margin-left:4px;flex-shrink:0;transition:color var(--transition-fast)}.attachment-chip-bar__chip-clip:hover{color:var(--hue-connect)}.attachment-chip-bar__chip--focus{padding-left:8px;background:color-mix(in oklab,var(--accent-primary) 6%,var(--elevation-02dp));border-color:color-mix(in oklab,var(--accent-primary) 25%,var(--border-subtle));color:var(--text-primary)}.attachment-chip-bar__chip--focus-insights,.attachment-chip-bar__chip--focus-analysis{padding-left:8px;background:color-mix(in oklab,var(--category-learn, var(--accent-primary)) 8%,var(--elevation-02dp));border-color:color-mix(in oklab,var(--category-learn, var(--accent-primary)) 30%,var(--border-subtle))}.attachment-chip-bar__chip--focus-insights .attachment-chip-bar__chip-focus-icon,.attachment-chip-bar__chip--focus-analysis .attachment-chip-bar__chip-focus-icon{color:var(--ink-learn, var(--accent-primary))}.attachment-chip-bar__chip-focus-icon{display:inline-flex;align-items:center;flex-shrink:0;color:var(--text-secondary)}.attachment-chip-bar__chip--mention{padding:2px 4px;gap:4px;background:var(--elevation-01dp, var(--bg-tertiary))}.attachment-chip-bar__chip--mention:hover{border-color:var(--category-connect, #81c784)}.attachment-chip-bar__chip-body{display:inline-flex;align-items:center;gap:4px;padding:0 2px 0 0;background:transparent;border:none;cursor:pointer;color:var(--text-primary);font:inherit;font-size:var(--font-size-xs);line-height:var(--line-height-none);min-width:0;transition:color var(--transition-fast)}.attachment-chip-bar__chip-body:hover{color:var(--ink-connect, #81c784)}.attachment-chip-bar__chip-body:focus{outline:none}.attachment-chip-bar__chip-body .attachment-chip-bar__chip-label{max-width:120px}.attachment-chip-bar__chip--pending{background:color-mix(in oklab,var(--accent-primary) 8%,var(--elevation-02dp));border-color:color-mix(in oklab,var(--accent-primary) 35%,transparent);color:var(--accent-primary)}.attachment-chip-bar__chip--failed{background:color-mix(in oklab,var(--color-error) 10%,var(--elevation-02dp));border-color:color-mix(in oklab,var(--color-error) 40%,transparent);color:var(--color-error)}.attachment-chip-bar__spin{animation:attachmentChipSpin 1.4s linear infinite;transform-origin:50% 50%;will-change:transform}@keyframes attachmentChipSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@layer components{.input-textarea-wrap{flex:1;position:relative;min-width:0;display:flex;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal)}.input-textarea-wrap>.input-textarea{position:relative;z-index:1;width:100%;color:transparent;caret-color:var(--text-primary);background:transparent;-webkit-text-fill-color:transparent}.input-textarea-mirror{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;margin:0;padding:0;border:0;font:inherit;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;z-index:0;-webkit-user-select:none;user-select:none}.input-textarea-mirror::-webkit-scrollbar{display:none}.input-textarea-mirror__mention{display:inline;border-radius:var(--border-radius-sm);background:color-mix(in srgb,var(--category-connect) 16%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--category-connect) 16%,transparent);color:var(--ink-connect)}.input-textarea-mirror__wikilink{display:inline;border-radius:var(--border-radius-sm);background:color-mix(in srgb,var(--wikilink-color) 12%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--wikilink-color) 12%,transparent)}.input-textarea-mirror__wikilink-bracket{display:inline;visibility:hidden}.input-textarea-mirror__wikilink-inner{display:inline;color:var(--wikilink-color)}.input-textarea-wrap>.input-textarea::placeholder{-webkit-text-fill-color:var(--text-secondary);color:var(--text-secondary);opacity:1}}@layer components{.model-picker__trigger{display:inline-flex;align-items:center;gap:var(--space-1-5);height:36px;padding:0 var(--space-3);border:1px solid var(--border-subtle);border-radius:8px;background:transparent;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease,color var(--duration-fast) ease;white-space:nowrap;flex-shrink:0}.model-picker__trigger:hover,.model-picker__trigger[aria-expanded=true]{background:var(--state-hover);border-color:var(--border-color);color:var(--text-primary)}.model-picker__label{line-height:var(--line-height-none)}.model-picker__menu{position:fixed;padding:var(--space-1);background:var(--bg-elevated, var(--bg-secondary));border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-elevation-04dp);display:flex;flex-direction:column;gap:var(--space-0-5);max-height:320px;overflow-y:auto;overscroll-behavior:contain;animation:modelPickerFadeIn .12s ease-out}@keyframes modelPickerFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.model-picker__option{display:flex;align-items:flex-start;gap:var(--space-2-5);padding:var(--space-2) var(--space-2-5);background:transparent;border:1px solid transparent;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background .12s ease,border-color .12s ease;min-height:var(--touch-target-comfortable);flex:0 0 auto}.model-picker__option:hover{background:var(--state-hover)}.model-picker__option.is-active{background:var(--state-selected, var(--state-hover));border-color:var(--border-color)}.model-picker__option-text{display:flex;flex-direction:column;gap:var(--space-0-5);min-width:0}.model-picker__option-label{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}.model-picker__option-desc{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-compact);white-space:normal}}@layer components{.tour-exit-pill{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;min-height:36px;flex-shrink:0;padding:var(--space-1) var(--space-3);border-radius:var(--border-radius-capsule);border:1px solid color-mix(in srgb,var(--chrome-text) 22%,transparent);background:color-mix(in srgb,var(--chrome-surface) 88%,transparent);color:color-mix(in srgb,var(--chrome-text) 78%,transparent);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) ease,color var(--duration-fast) ease,border-color var(--duration-fast) ease}.tour-exit-pill:hover{background:var(--chrome-surface-raised);color:var(--chrome-text);border-color:color-mix(in srgb,var(--chrome-text) 40%,transparent)}.tour-exit-pill:focus-visible{outline:2px solid var(--tour-hl-color, var(--tree-green));outline-offset:2px}}@layer components{.add-context-popover{background:var(--elevation-04dp);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);box-shadow:var(--shadow-elevation-08dp);padding:var(--space-1);z-index:12000;min-width:200px}.add-context-popover__menu{display:flex;flex-direction:column;gap:2px}.add-context-popover__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast);width:100%}.add-context-popover__item:hover:not(:disabled){background:var(--state-hover)}.add-context-popover__item:disabled{opacity:.35;cursor:not-allowed}.add-context-popover__item--active{color:var(--accent-primary)}.add-context-popover__item svg{color:var(--text-secondary);flex-shrink:0}.add-context-popover__item:hover:not(:disabled) svg,.add-context-popover__item--active svg{color:var(--accent-primary)}.add-context-popover__divider{height:1px;background:var(--border-subtle);margin:var(--space-1) var(--space-2)}.add-context-popover__node-pick{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1)}.add-context-popover__node-list{display:flex;flex-direction:column;max-height:200px;overflow-y:auto}.add-context-popover__node-row{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:32px;padding:var(--space-1) var(--space-2);border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);text-align:left;cursor:pointer}.add-context-popover__node-row svg{flex-shrink:0;color:var(--text-tertiary, var(--text-secondary))}@media(hover:hover){.add-context-popover__node-row:hover{background:var(--state-hover)}}.add-context-popover__node-row:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.add-context-popover__node-title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.add-context-popover__node-empty{padding:var(--space-2);color:var(--text-tertiary, var(--text-secondary));font-size:var(--font-size-xs)}.add-context-popover__url-row{display:flex;gap:var(--space-1);padding:var(--space-1)}.add-context-popover__url-input{flex:1;min-width:0;height:32px;padding:0 var(--space-2);background:var(--elevation-01dp);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition-fast)}.add-context-popover__url-input:focus{border-color:var(--accent-primary)}.add-context-popover__url-add{height:32px;padding:0 var(--space-3);background:var(--accent-primary);color:var(--text-on-accent, #fff);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;flex-shrink:0;transition:filter var(--transition-fast),opacity var(--transition-fast)}.add-context-popover__url-add:hover:not(:disabled){filter:brightness(1.1)}.add-context-popover__url-add:disabled{opacity:.4;cursor:not-allowed}.add-context-popover__file-input{display:none}.add-context-popover__error{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-error);padding:var(--space-1) var(--space-3)}.add-context-btn{width:36px;height:36px;min-width:36px;border-radius:8px;background:transparent;border:1px solid var(--border-subtle);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);padding:var(--space-1);flex-shrink:0;transition:all .2s ease}.add-context-btn:hover:not(:disabled){background:var(--state-hover);color:var(--text-primary)}.add-context-btn.active{background:var(--state-selected);color:var(--accent-primary);border-color:var(--accent-primary)}.add-context-btn:disabled{opacity:.4;cursor:not-allowed}.add-context-btn:focus-visible{outline:2px solid var(--border-subtle);outline-offset:2px}@media(max-width:600px){.add-context-btn{width:32px;height:32px;min-width:32px}}.mic-button{width:36px;height:36px;min-width:36px;border-radius:8px;background:transparent;border:1px solid var(--border-subtle);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);padding:var(--space-1);flex-shrink:0;align-self:center;transition:all .2s ease}.mic-button:hover:not(:disabled){background:var(--state-hover);color:var(--text-primary)}.mic-button:disabled{opacity:.4;cursor:not-allowed}.mic-button:focus-visible{outline:2px solid var(--border-subtle);outline-offset:2px}.mic-button--recording{background:var(--bg-danger);border-color:var(--hue-danger);color:var(--hue-danger);animation:micPulse 1.4s ease-in-out infinite}@keyframes micPulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--hue-danger) 40%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--hue-danger) 0%,transparent)}}.mic-button__spinner{width:14px;height:14px;border:2px solid var(--border-subtle);border-top-color:var(--accent-gold);border-radius:50%;animation:micSpin .7s linear infinite}@keyframes micSpin{to{transform:rotate(360deg)}}@media(max-width:600px){.mic-button{width:32px;height:32px;min-width:32px}}}@layer components{.block-intent-bar{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--bg-secondary);border-radius:var(--border-radius-lg);animation:block-intent-bar-in .32s cubic-bezier(.16,1,.3,1) both}@keyframes block-intent-bar-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.block-intent-bar__go{position:relative;overflow:hidden;flex:1 1 auto;min-width:0;height:100%;min-height:var(--touch-target-min, 44px);max-height:56px;display:flex;align-items:center;gap:var(--space-2-5);padding:0 var(--space-2) 0 var(--space-1-5);border:1px solid color-mix(in srgb,var(--accent-gold) 42%,transparent);border-radius:calc(var(--border-radius-lg) - var(--space-1));background:linear-gradient(135deg,color-mix(in srgb,var(--accent-gold) 22%,transparent),color-mix(in srgb,var(--accent-gold) 9%,transparent));color:var(--text-primary);text-align:left;cursor:pointer;transition:transform .16s cubic-bezier(.16,1,.3,1),border-color var(--transition-fast),background var(--transition-fast)}.block-intent-bar__go:after{content:"";position:absolute;inset:0 auto 0 0;width:40%;pointer-events:none;background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--accent-gold) 26%,transparent),transparent);transform:translate(-140%);animation:block-intent-sheen .7s cubic-bezier(.33,0,.2,1) .14s both}@keyframes block-intent-sheen{to{transform:translate(340%)}}.block-intent-bar__go:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent-gold) 70%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-gold) 30%,transparent),color-mix(in srgb,var(--accent-gold) 14%,transparent))}.block-intent-bar__go:active{transform:translateY(0) scale(.994)}.block-intent-bar__go:focus-visible{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-gold) 22%,transparent)}.block-intent-bar__go:disabled{cursor:default;opacity:.55;transform:none}.block-intent-bar__medallion{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--border-radius-capsule);background:color-mix(in srgb,var(--accent-gold) 20%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-gold) 34%,transparent)}.block-intent-bar__go-icon{width:15px;height:15px;color:var(--ink-earn)}.block-intent-bar__go-text{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:1px}.block-intent-bar__go-eyebrow{font-size:var(--type-detail);font-weight:var(--font-weight-bold);letter-spacing:.06em;line-height:var(--line-height-tight);color:color-mix(in srgb,var(--ink-earn) 82%,var(--text-primary))}.block-intent-bar__go-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}.block-intent-bar__hint{flex:0 0 auto;display:flex;align-items:center}.block-intent-bar__hint kbd{display:flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 var(--space-1);border:1px solid color-mix(in srgb,var(--accent-gold) 34%,transparent);border-radius:var(--border-radius-sm, 6px);background:color-mix(in srgb,var(--accent-gold) 10%,transparent);font:inherit;font-size:var(--type-detail);line-height:var(--line-height-none);color:color-mix(in srgb,var(--ink-earn) 88%,var(--text-primary));transition:transform .16s cubic-bezier(.16,1,.3,1)}.block-intent-bar__go:hover .block-intent-bar__hint kbd{transform:translate(2px)}@media(pointer:coarse){.block-intent-bar__hint{display:none}}.block-intent-bar__cancel{flex:0 0 auto;align-self:center;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--border-radius-capsule);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.block-intent-bar__cancel:hover{background:var(--state-hover);color:var(--text-primary)}.block-intent-bar__cancel:focus-visible{outline:2px solid var(--accent-gold);outline-offset:1px}@media(max-width:600px),(max-height:500px)and (pointer:coarse){.block-intent-bar__cancel{width:38px;height:38px}.block-intent-bar__go{gap:var(--space-2)}}@media(prefers-reduced-motion:reduce){.block-intent-bar,.block-intent-bar__go:after{animation:none}.block-intent-bar__go:after{display:none}.block-intent-bar__go,.block-intent-bar__hint kbd{transition:border-color var(--transition-fast),background var(--transition-fast)}.block-intent-bar__go:hover,.block-intent-bar__go:active,.block-intent-bar__go:hover .block-intent-bar__hint kbd{transform:none}}}@layer components{.mention-dropdown{position:fixed;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);box-shadow:var(--shadow-elevation-04dp);padding:var(--space-0-5);max-height:320px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--space-0-5);animation:mentionDropdownFadeIn .12s ease-out}@keyframes mentionDropdownFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mention-dropdown__row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;border-radius:var(--border-radius-sm);cursor:pointer;text-align:left;font-family:inherit;color:var(--text-primary);transition:background var(--transition-fast);min-height:var(--touch-target-min)}.mention-dropdown__row:hover,.mention-dropdown__row--active{background:var(--state-hover)}.mention-dropdown__row:focus{outline:none}.mention-dropdown__info{display:flex;flex-direction:column;min-width:0;flex:1}.mention-dropdown__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height-compact)}.mention-dropdown__handle{margin-left:var(--space-1);font-family:var(--font-sans);font-weight:var(--font-weight-light);font-size:.85em;color:var(--text-tertiary)}.mention-dropdown__profession{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height-compact)}.mention-dropdown__empty{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center}.mention-dropdown__empty--loading{color:var(--text-tertiary)}.mention-dropdown__footer{padding:var(--space-0-5) var(--spacing-sm);color:var(--text-tertiary);font-size:var(--font-size-xs);text-align:center;border-top:1px solid var(--border-subtle)}}@layer components{.wikilink-dropdown{position:fixed;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);box-shadow:var(--shadow-elevation-04dp);padding:var(--space-0-5);max-height:320px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--space-0-5);animation:wikilinkDropdownFadeIn .12s ease-out;z-index:var(--z-popover)}@keyframes wikilinkDropdownFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.wikilink-dropdown__row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;border-radius:var(--border-radius-sm);cursor:pointer;text-align:left;font-family:inherit;color:var(--text-primary);transition:background var(--transition-fast);min-height:var(--touch-target-min)}.wikilink-dropdown__row:hover,.wikilink-dropdown__row--active{background:var(--state-hover)}.wikilink-dropdown__row:focus{outline:none}.wikilink-dropdown__icon{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);background:var(--bg-secondary)}.wikilink-dropdown__icon--node,.wikilink-dropdown__icon--note,.wikilink-dropdown__icon--folder{background:color-mix(in srgb,var(--bg-secondary) 70%,transparent)}.wikilink-dropdown__info{display:flex;flex-direction:column;min-width:0;flex:1;gap:var(--space-0-5)}.wikilink-dropdown__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height-compact)}.wikilink-dropdown__secondary{display:flex;align-items:center;gap:var(--space-0-5);font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-compact);min-width:0}.wikilink-dropdown__type-tag{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;padding:1px var(--space-0-5);border-radius:var(--border-radius-xs);background:var(--state-hover);color:var(--text-secondary);flex-shrink:0}.wikilink-dropdown__divider{color:var(--text-tertiary);flex-shrink:0}.wikilink-dropdown__secondary-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.wikilink-dropdown__empty{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center}.wikilink-dropdown__empty--loading{color:var(--text-tertiary)}.wikilink-dropdown__footer{padding:var(--space-0-5) var(--spacing-sm);color:var(--text-tertiary);font-size:var(--font-size-xs);text-align:center;border-top:1px solid var(--border-subtle)}}@layer components{.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:var(--type-detail);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-primary);box-shadow:var(--shadow-sm)}.light-theme .readonly-tag{background:var(--beige-sand);border:1px solid var(--beige-stone);color:var(--text-primary)}.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:var(--type-body);font-weight:var(--font-weight-bold);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:var(--type-detail);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-primary)}.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-button:disabled{opacity:.5;cursor:not-allowed}.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:var(--type-detail);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-primary)}.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:var(--type-detail)}}@layer components{.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;top:0;left:0;right:0;bottom: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:767px){.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)}}@layer components{.note-settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom: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:var(--type-title);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:var(--line-height-snug)}.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;top:0;left:0;right:0;bottom: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(--ink-earn)}.note-settings-star-toggle.active{color:var(--ink-earn)}.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:var(--type-prose);line-height:var(--line-height-none);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;top:0;left:0;right:0;bottom: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{padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.15)}.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)}.confirm-dialog-body p{font-size:var(--font-size-md);color:var(--text-secondary);line-height:var(--line-height-relaxed);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}@media(max-width:767px){.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:var(--type-prose)}.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}}@layer components{.resume-session-backdrop{position:fixed;top:0;right:0;bottom:0;left: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);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-modal);width:90%;max-width:400px;padding:var(--spacing-lg);animation:slideUp .2s ease-out}.resume-session-header{text-align:center;margin-bottom:var(--space-5);font-family:var(--font-serif)}.resume-session-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs);font-family:var(--font-serif)}.resume-session-subtitle{font-size:var(--font-size-sm);font-family:var(--font-sans);color:var(--text-secondary);margin:0}.resume-session-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.resume-session-progress-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.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) calc(var(--progress, 0) * 1%),var(--elevation-overlay-04dp) 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)}.resume-session-progress-value{position:relative;z-index:1;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.resume-session-progress-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.resume-session-info{text-align:center}.resume-session-description{font-size:var(--font-size-sm);color:var(--text-primary);margin:0 0 var(--spacing-sm);line-height:var(--card-line-height-normal);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:var(--space-3)}.resume-session-stat{font-size:var(--font-size-xs);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}.resume-session-actions{display:flex;gap:var(--space-3)}.resume-session-button{flex:1;padding:var(--space-3) var(--spacing-md);border-radius:var(--grid-button-radius);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .15s ease;min-height:var(--touch-target-comfortable);border:none}.resume-session-button--primary{background:var(--tree-green);color:#fff}.resume-session-button--primary:hover{background:var(--tree-green-hover);transform:translateY(-1px)}.resume-session-button--primary:active{transform:translateY(0)}.resume-session-button--secondary{background:var(--state-hover);color:var(--text-secondary);border:1px solid var(--border-secondary)}.resume-session-button--secondary:hover{background:var(--state-pressed);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes progressFill{0%{background:conic-gradient(var(--accent-green) 0%,var(--elevation-overlay-04dp) 0%)}}@media(max-width:600px){.resume-session-modal{width:95%;padding:var(--space-5)}.resume-session-actions{flex-direction:column}.resume-session-button{width:100%}}}@layer components{.guide-spotlight-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#0000008c;pointer-events:none;opacity:0;transition:opacity .5s ease-out}.guide-spotlight-overlay--visible{opacity:1}.light-theme .guide-spotlight-overlay{background:#00000059}}@layer components{.room-mode-toggle{display:inline-flex;flex:0 0 auto;align-items:stretch;padding:2px;border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);background:var(--chrome-surface)}.room-mode-toggle__seg{position:relative;display:inline-flex;align-items:center;gap:var(--space-1);min-height:24px;padding:0 var(--space-2);border:0;border-radius:var(--border-radius-xs);background:transparent;color:var(--chrome-text-secondary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:1;cursor:pointer;transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.room-mode-toggle__seg:hover{background:var(--state-hover);color:var(--chrome-text)}.room-mode-toggle__seg:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:-2px}.room-mode-toggle__seg--active{background:var(--state-selected);color:var(--chrome-text);cursor:default}.room-mode-toggle--room .room-mode-toggle__seg--active{background:color-mix(in srgb,var(--category-collab) 18%,transparent);color:var(--category-collab)}.room-mode-toggle__dot{width:6px;height:6px;border-radius:50%;background:var(--category-collab)}}@layer components{.node-identity-rail{display:inline-flex;align-items:center;gap:var(--space-1, 4px);min-width:0;max-width:min(560px,100%);height:36px;padding:0 6px 0 4px;background:var(--chrome-surface-raised);border:1px solid var(--chrome-edge);border-radius:var(--radius-lg, 14px);box-shadow:var(--chrome-shadow);pointer-events:auto;animation:node-identity-rail-in .28s var(--ease-emphasized, cubic-bezier(.2, 0, 0, 1)) both}@keyframes node-identity-rail-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.node-identity-rail--docked{max-width:100%;height:var(--altitude-capsule-h, 40px);padding:0;background:none;border:0;border-radius:0;box-shadow:none}.node-identity-rail__identity{display:inline-flex;align-items:center;min-width:0;animation:node-identity-rail-identity-in .26s var(--ease-emphasized, cubic-bezier(.2, 0, 0, 1)) 40ms both}@keyframes node-identity-rail-identity-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.node-identity-rail__switcher{display:inline-flex;align-items:center;gap:var(--space-2, 8px);min-width:0;max-width:100%;height:28px;padding:0 6px 0 8px;border:0;border-radius:var(--radius-md, 10px);background:transparent;color:var(--chrome-text);font:inherit;cursor:pointer;transition:background .16s ease}.node-identity-rail__switcher:hover{background:var(--chrome-surface-hover, var(--state-hover, rgba(255, 255, 255, .08)))}.node-identity-rail__switcher:active{background:var(--chrome-surface-active, var(--state-pressed, rgba(255, 255, 255, .12)))}.node-identity-rail__switcher:focus-visible{outline:2px solid var(--rail-accent, var(--chrome-accent, #d4a574));outline-offset:-2px}.node-identity-rail__switcher[aria-expanded=true]{background:var(--chrome-surface-active, var(--state-selected, rgba(255, 255, 255, .16)))}.node-identity-rail__glyph{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--rail-accent, var(--text-tertiary))}.node-identity-rail__title{min-width:0;flex:0 1 auto;font-family:var(--font-serif);font-size:var(--font-size-base, 17px);font-weight:var(--font-weight-semibold, 600);line-height:var(--line-height-tight);letter-spacing:-.012em;color:var(--chrome-text, var(--text-primary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-identity-rail__chevron{flex-shrink:0;color:var(--chrome-text-tertiary, var(--text-tertiary));opacity:.6;transition:transform .18s var(--ease-emphasized, cubic-bezier(.2, 0, 0, 1)),opacity .14s ease}.node-identity-rail__switcher:hover .node-identity-rail__chevron{opacity:1}.node-identity-rail__chevron--open{transform:rotate(180deg);opacity:1;color:var(--chrome-text)}@media(prefers-reduced-motion:reduce){.node-identity-rail,.node-identity-rail__identity{animation:none}}.node-identity-rail__renaming{display:inline-flex;align-items:center;min-width:0;max-width:100%}.node-identity-rail__title-input{min-width:8ch;width:22ch;max-width:100%;padding:2px var(--space-2, 8px);font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:var(--text-primary);background:var(--elevation-overlay-02dp, rgba(255, 255, 255, .08));border:1px solid var(--focus-accent, var(--border-strong, rgba(255, 255, 255, .22)));border-radius:var(--border-radius-sm, 6px);outline:none;transition:border-color .16s ease,background-color .16s ease}.node-identity-rail__title-input:focus{background:var(--elevation-overlay-04dp, rgba(255, 255, 255, .12))}}@layer components{.corner-chat-motion-line{position:fixed;z-index:89;pointer-events:none;width:0;height:0}.corner-chat-motion-line--tl{top:calc(var(--corner-overlay-inset) + 56px);left:calc(var(--corner-overlay-inset) + 380px - var(--streak-inset))}.corner-chat-motion-line--tr{top:calc(var(--corner-overlay-inset) + 56px);right:calc(var(--corner-overlay-inset) + 380px - var(--streak-inset))}.corner-chat-motion-line--bl{bottom:var(--corner-overlay-inset);left:calc(var(--corner-overlay-inset) + 380px - var(--streak-inset))}.corner-chat-motion-line--br{bottom:var(--corner-overlay-inset);right:calc(var(--corner-overlay-inset) + 380px - var(--streak-inset))}.corner-chat-motion-line__streak{position:absolute;width:var(--streak-length);height:var(--streak-thickness);border-radius:999px;background:linear-gradient(to right,transparent 0%,color-mix(in oklab,var(--category-learn, #4a90e2) 70%,transparent) 30%,color-mix(in oklab,var(--category-learn, #4a90e2) 90%,transparent) 70%,transparent 100%);box-shadow:0 0 8px color-mix(in oklab,var(--category-learn, #4a90e2) 40%,transparent);filter:blur(.3px)}@media(prefers-reduced-motion:reduce){.corner-chat-motion-line__streak{animation:none!important}}}@layer components{.rpg-dialogue{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-3);background:var(--chrome-surface, var(--bg-primary))}.rpg-dialogue__badge{position:absolute;top:var(--space-2);right:var(--space-3);padding:2px 8px;border:1px solid var(--chrome-divider, var(--border-subtle));border-radius:var(--border-radius-capsule, 999px);color:var(--text-tertiary);font-size:var(--type-detail);letter-spacing:.08em;text-transform:uppercase}.rpg-dialogue__stage{display:flex;align-items:flex-end;gap:var(--space-3);min-width:0}.atai-portrait{display:flex;flex:0 0 auto;align-items:flex-end;justify-content:center;width:64px;height:64px;overflow:hidden;background:var(--chrome-surface-raised);border:1px solid var(--chrome-edge);border-radius:var(--border-radius-lg, 16px)}.atai-portrait__img{width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none;-webkit-user-select:none;user-select:none}.atai-portrait--idle{animation:atai-bob 5.5s ease-in-out infinite}.atai-portrait--thinking{animation:atai-pulse 1.6s ease-in-out infinite}.atai-portrait--speaking{animation:atai-bob 1.4s ease-in-out infinite}@keyframes atai-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes atai-pulse{0%,to{opacity:1}50%{opacity:.62}}.rpg-dialogue__box{position:relative;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-3) var(--spacing-md);background:var(--chrome-surface-raised);border:1px solid var(--chrome-edge);border-radius:var(--border-radius-md)}.rpg-dialogue__nameplate{color:var(--chrome-text, var(--text-primary));font-size:var(--type-detail);font-weight:var(--font-weight-semibold, 600);letter-spacing:.04em}.rpg-dialogue__speech{min-width:0;max-height:42vh;overflow-y:auto;color:var(--chrome-text, var(--text-primary));font-size:var(--type-body);line-height:var(--line-height-normal)}.rpg-dialogue__empty{margin:0;color:var(--text-tertiary);font-style:italic}.rpg-dialogue__choices{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.rpg-dialogue__choice{display:flex;flex-direction:column;gap:2px;width:100%;padding:8px 12px;background:transparent;border:1px solid var(--chrome-divider, var(--border-subtle));border-radius:var(--border-radius-sm, 8px);color:var(--chrome-text, var(--text-primary));text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.rpg-dialogue__choice:hover{background:var(--state-hover)}.rpg-dialogue__choice.is-recommended{border-color:var(--accent-primary)}.rpg-dialogue__choice-label{font-size:var(--type-detail)}.rpg-dialogue__choice-desc{color:var(--text-tertiary);font-size:var(--type-detail);line-height:var(--line-height-snug)}.rpg-dialogue__nav{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.rpg-dialogue__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--chrome-divider, var(--border-subtle));border-radius:var(--border-radius-sm, 8px);color:var(--chrome-text, var(--text-primary));cursor:pointer}.rpg-dialogue__nav-btn:disabled{cursor:default;opacity:.35}.rpg-dialogue__counter{color:var(--text-tertiary);font-size:var(--type-detail);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.atai-portrait--idle,.atai-portrait--thinking,.atai-portrait--speaking{animation:none}.rpg-dialogue__choice{transition:none}}}@layer components{.corner-chat-overlay{position:relative;width:var(--corner-chat-w, 380px);height:var(--corner-chat-h, min(60vh, 720px));display:flex;flex-direction:column;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;transition-property:width,height,border-radius,transform;--chat-container-padding-x: var(--space-3);--chat-container-padding-top: var(--space-3);--chat-container-gap: var(--chat-gap-turn);--chat-message-margin-x: 0;--chat-bubble-max-width: 100%;--chat-bubble-padding-x: var(--space-3);--chat-bubble-padding-y: var(--space-2);--chat-bubble-assistant-bg: transparent;--chat-bubble-assistant-border: transparent;--chat-bubble-user-bg: color-mix(in srgb, var(--chrome-accent) 24%, var(--chrome-surface-header));--chat-bubble-user-border: color-mix(in srgb, var(--chrome-accent) 38%, var(--chrome-edge));--chat-bubble-user-color: var(--chrome-text);--chat-beat-bg: var(--chrome-surface-raised);--chat-beat-border: var(--chrome-edge);--chat-beat-color: var(--chrome-text);--rim-halo: var(--accent-gold, #d4a574);--chat-header-bg: var(--chrome-surface-header);--chat-header-bg-hover: var(--chrome-surface-hover);--chat-header-bg-active: var(--chrome-surface-active)}.light-theme .corner-chat-overlay{--rim-halo: #e0a52a}@keyframes corner-chat-drop-pulse{0%,to{outline-color:color-mix(in srgb,var(--rim-halo) 45%,transparent)}50%{outline-color:color-mix(in srgb,var(--rim-halo) 90%,transparent)}}body.grid-card-dragging .corner-chat-overlay{outline:2px dashed var(--rim-halo);outline-offset:3px;animation:corner-chat-drop-pulse 1.1s ease-in-out infinite;box-shadow:var(--shadow-elevation-08dp),0 0 0 6px color-mix(in srgb,var(--rim-halo) 12%,transparent),0 0 26px 4px color-mix(in srgb,var(--rim-halo) 20%,transparent)}@media(prefers-reduced-motion:reduce){body.grid-card-dragging .corner-chat-overlay{animation:none;outline-color:color-mix(in srgb,var(--rim-halo) 75%,transparent)}}.corner-chat-overlay--expanded{transition-duration:.22s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.corner-chat-overlay--collapsed{transition-duration:.18s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes cornerChatPuckSettle{0%{transform:scale(.92) translateY(4px);opacity:.85}60%{transform:scale(1.03) translateY(-1px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.corner-chat-overlay__header{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;position:relative;z-index:2;margin:0;padding:var(--space-2) var(--space-3);background:var(--chat-header-bg);border-radius:0;color:var(--chrome-text);cursor:grab;touch-action:none;font-size:var(--font-size-xs);transition:background var(--transition-fast)}.corner-chat-overlay__header:hover{background:var(--chat-header-bg-hover)}.corner-chat-overlay__header:active{cursor:grabbing;background:var(--chat-header-bg-active)}.corner-chat-overlay--collapsed .corner-chat-overlay__header{cursor:pointer;height:100%;margin:0;padding:0 var(--space-3);border-radius:inherit}button.corner-chat-overlay__header{-webkit-appearance:none;appearance:none;width:100%;border:none;border-bottom:none;font:inherit;text-align:left}button.corner-chat-overlay__header:focus-visible{outline:2px solid var(--chrome-edge-strong, var(--chrome-edge));outline-offset:3px}.corner-chat-overlay__puck-title{color:var(--chrome-text);font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:var(--font-size-sm);flex:1}.corner-chat-overlay__input-puck-icon{width:18px;height:18px;flex-shrink:0;color:var(--chrome-accent, #d4a574);opacity:.9;margin-left:var(--spacing-sm)}.corner-chat-overlay__input-puck-placeholder{flex:1;min-width:0;text-align:left;color:var(--chrome-text-secondary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.corner-chat-overlay__header-chip-slot{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:1px;position:relative}.corner-chat-overlay__header-chip-slot--row{flex-direction:row;align-items:center;gap:var(--space-2)}.corner-chat-overlay__header-chip-slot--row>.corner-chat-overlay__title-switcher{align-self:center}.corner-chat-overlay__room-title{padding:0 var(--space-1)}.corner-chat-overlay__header>.corner-chat-overlay__header-chip-slot:first-child{margin-left:calc(-1 * var(--space-1))}.corner-chat-overlay__header-eyebrow{padding-left:4px;color:var(--node-accent, var(--chrome-text-tertiary));font-family:var(--font-sans);font-size:var(--type-detail);font-weight:var(--font-weight-semibold, 600);line-height:var(--line-height-snug);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none}.corner-chat-overlay__header-eyebrow.node-intent-eyebrow{pointer-events:auto;overflow:visible}.corner-chat-overlay__title-switcher{flex:0 1 auto;align-self:flex-start;max-width:100%;display:inline-flex;align-items:center;gap:var(--space-1);min-width:0;padding:0 var(--space-2);margin:0;border:0;border-radius:var(--space-1);background:transparent;color:var(--chrome-text);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;transition:background .12s ease}.corner-chat-overlay__title-switcher:hover{background:var(--chrome-surface-hover)}.corner-chat-overlay__title-switcher:active{background:var(--chrome-surface-active)}.corner-chat-overlay__title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;color:var(--chrome-text);font-family:var(--font-sans);font-size:var(--font-size-sm, 15px);font-weight:var(--font-weight-semibold, 600);line-height:var(--line-height-tight);letter-spacing:-.006em}.corner-chat-overlay__title-chevron{flex-shrink:0;color:var(--chrome-text-tertiary);transition:transform .16s ease}.corner-chat-overlay__title-chevron--open{transform:rotate(180deg)}.corner-chat-overlay__header-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0;align-self:flex-start;margin-top:2px}.corner-chat-overlay__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:var(--spacing-xs);border:0;border-radius:var(--space-1);background:transparent;color:var(--chrome-text-secondary);cursor:pointer;transition:background .12s ease,color .12s ease}.corner-chat-overlay__icon-btn:hover{background:var(--chrome-surface-hover);color:var(--chrome-text)}.corner-chat-overlay__icon-btn:active{background:var(--chrome-surface-active)}.corner-chat-overlay__puck-expand-hint{color:var(--chrome-text-tertiary);flex-shrink:0}.corner-chat-overlay__resume-chip{display:flex;align-items:stretch;gap:1px;margin:var(--space-1) var(--space-2) 0;border-radius:var(--space-2);overflow:hidden;background:var(--chrome-surface-raised);flex-shrink:0}.corner-chat-overlay__resume-chip-main{flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:0;background:transparent;color:var(--chrome-text);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .12s ease}.corner-chat-overlay__resume-chip-main:hover{background:var(--state-pressed)}.corner-chat-overlay__resume-chip-glyph{flex-shrink:0;color:var(--hue-learn, var(--text-secondary));font-size:var(--font-size-md);line-height:var(--line-height-none)}.corner-chat-overlay__resume-chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.corner-chat-overlay__resume-chip-close{flex-shrink:0;width:28px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--chrome-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-none);cursor:pointer;transition:background .12s ease,color .12s ease}.corner-chat-overlay__resume-chip-close:hover{background:var(--state-pressed);color:var(--chrome-text)}.corner-chat-overlay__puck-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--chrome-accent, #d4a574)}@media(prefers-reduced-motion:no-preference){.corner-chat-overlay__puck-dot{animation:cornerChatPuckDotPulse 1.3s ease-in-out infinite}}@keyframes cornerChatPuckDotPulse{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.corner-chat-overlay__body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative;background:transparent;touch-action:auto;-webkit-user-select:text;user-select:text;cursor:default;opacity:1;transform:scale(1);transition:opacity .2s cubic-bezier(.34,1.56,.64,1),transform .2s cubic-bezier(.34,1.56,.64,1)}.corner-chat-overlay__portal-target{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.corner-chat-overlay__body--hidden{opacity:0;visibility:hidden;transform:scale(.97);pointer-events:none;transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s}.corner-chat-overlay__resizer{position:absolute;top:0;bottom:0;width:10px;z-index:1;display:flex;align-items:stretch;justify-content:center;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}.corner-chat-overlay__resizer--right{right:0}.corner-chat-overlay__resizer--left{left:0}.corner-chat-overlay__resizer--seam{left:var(--corner-chat-edge-w, 420px);width:14px;z-index:2;justify-content:flex-start}.corner-chat-overlay__resizer:after{content:"";width:2px;height:100%;background:transparent;transition:background var(--transition-fast)}.corner-chat-overlay__resizer:hover:after,body.corner-chat-resizing .corner-chat-overlay__resizer:after{background:color-mix(in srgb,var(--accent-gold) 55%,transparent)}body.corner-chat-resizing .corner-chat-overlay{transition:none}@media(pointer:coarse){.corner-chat-overlay__resizer{width:24px}.corner-chat-overlay__resizer--seam{width:28px;left:calc(var(--corner-chat-edge-w, 420px) - 8px);justify-content:center}.corner-chat-overlay__icon-btn,.corner-chat-overlay__resume-chip-close{min-width:44px;min-height:44px}}.corner-chat-overlay--no-drag:not(.corner-chat-overlay--collapsed) .corner-chat-overlay__header,.corner-chat-overlay--no-drag:not(.corner-chat-overlay--collapsed) .corner-chat-overlay__header:hover,.corner-chat-overlay--no-drag:not(.corner-chat-overlay--collapsed) .corner-chat-overlay__header:active{cursor:default}.corner-chat-overlay--edge-l,.corner-chat-overlay--edge-r{--chat-container-padding-x: var(--space-4);--chat-bubble-padding-x: var(--space-4)}.corner-chat-overlay .dynamic-input-container--inline{background:transparent;border:none;box-shadow:none}.corner-chat-overlay .input-box{background:var(--chrome-well);border-color:var(--chrome-edge-strong);box-shadow:inset 0 1px 3px var(--chrome-well-inset)}.corner-chat-overlay .input-box.focused{border-color:color-mix(in srgb,var(--chrome-accent) 55%,var(--chrome-edge-strong));box-shadow:inset 0 1px 3px var(--chrome-well-inset),0 0 0 3px color-mix(in srgb,var(--chrome-accent) 20%,transparent)}.corner-chat-overlay .input-textarea{color:var(--chrome-text)}.corner-chat-overlay .input-textarea::placeholder{color:var(--chrome-text-secondary)}.corner-chat-overlay .chat-messages{background:transparent}.corner-chat-overlay .message.assistant,.corner-chat-overlay .message.atai-message{max-width:100%}.corner-chat-overlay .message.assistant .message-content,.corner-chat-overlay .message.atai-message .message-content{box-shadow:none;padding:0;border-radius:0;color:var(--chrome-text)}.corner-chat-overlay .message-content-wrapper--chunked{gap:var(--chat-gap-tight)}.corner-chat-overlay .day-separator{margin:var(--chat-gap-group) 0 var(--chat-gap-tight)}.corner-chat-overlay .message-chunk{background:var(--chrome-surface-header);border-color:var(--chrome-divider);color:var(--chrome-text)}.corner-chat-overlay .message-chunk--latest{border-color:var(--chrome-edge)}.corner-chat-overlay .message-chunk--pinned{border-color:var(--accent-primary)}.corner-chat-overlay .message.assistant .message-chunk:first-child:before{color:var(--chrome-text-tertiary)}.corner-chat-overlay .chunk-gate{color:var(--chrome-text-tertiary)}.corner-chat-overlay .chunk-gate__advance:hover,.corner-chat-overlay .chunk-gate__advance:focus-visible{color:var(--chrome-text-secondary)}.corner-chat-overlay .chunk-gate__rule{background:var(--chrome-divider)}.corner-chat-overlay .message-row__time{color:var(--chrome-text-tertiary)}.corner-chat-overlay--edge-l{box-shadow:inset -1px 0 0 var(--chrome-divider)}.corner-chat-overlay--edge-r{box-shadow:inset 1px 0 0 var(--chrome-divider)}.corner-chat-overlay--edge-l.corner-chat-overlay--expanded{border-radius:0;border-left:none;box-shadow:inset -1px 0 0 var(--chrome-divider)}.corner-chat-overlay--edge-r.corner-chat-overlay--expanded{border-radius:0;border-right:none;box-shadow:inset 1px 0 0 var(--chrome-divider)}.corner-chat-overlay--zen .chat-messages>:is(.message-row,.message):has(~:is(.message-row,.message)){opacity:.5;transition:opacity .2s ease}.corner-chat-overlay--zen .chat-messages.chat-messages--browsing>:is(.message-row,.message){opacity:1}.corner-chat-overlay--zen .chat-messages>:is(.message-row,.message):has(.question-card:not(.question-card--answered)){opacity:1}.corner-chat-overlay--collapsed{box-shadow:var(--chrome-shadow),0 0 0 1px color-mix(in srgb,var(--rim-halo) 20%,transparent),0 8px 32px color-mix(in srgb,var(--rim-halo) 10%,transparent);border-color:color-mix(in srgb,var(--rim-halo) 22%,var(--chrome-edge))}.corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c){width:52px;height:52px;min-width:52px;border:1px solid var(--chrome-edge-strong, var(--chrome-edge));border-radius:26px;background:var(--chrome-surface-header, var(--bg-elevated));box-shadow:var(--chrome-shadow);animation:cornerChatPuckSettle .3s cubic-bezier(.22,1,.36,1) both}.light-theme .corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c){background:var(--chrome-surface, #fffefb);border-color:var(--chrome-edge-strong, var(--chrome-edge))}.corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c):after{content:none}.corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c)>*{position:relative;z-index:1}.corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c) .corner-chat-overlay__header{justify-content:center;padding:0;background:transparent;color:var(--chrome-text);border-radius:inherit;transition:none}.corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c) .corner-chat-overlay__header:hover,.corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c) .corner-chat-overlay__header:active{background:transparent;color:var(--chrome-text)}.corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c) .corner-chat-overlay__input-puck-icon{width:22px;height:22px;margin:0;color:var(--chrome-text);opacity:1;position:absolute;top:50%;left:50%;display:block;transform:translate(-50%,-50%);transition:left .22s cubic-bezier(.2,.8,.2,1)}.corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c) :is(.corner-chat-overlay__input-puck-placeholder,.corner-chat-overlay__puck-title){flex:0 1 0;max-width:0;min-width:0;margin:0;opacity:0;overflow:hidden;color:var(--chrome-text);font-weight:var(--font-weight-medium);transition:max-width .22s cubic-bezier(.2,.8,.2,1),opacity .12s ease}.corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c) .corner-chat-overlay__puck-expand-hint{width:0;height:0;margin:0;opacity:0;overflow:hidden;transition:width .18s ease,opacity .1s ease}.corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c) .corner-chat-overlay__puck-dot{position:absolute;top:4px;right:4px;z-index:2;width:9px;height:9px;border:2px solid var(--chrome-surface-header);background:var(--chrome-text-secondary);box-sizing:content-box}.corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c):is(:hover,:focus-within){width:248px;border-radius:26px;transform:translateY(-2px)}.corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c):is(:hover,:focus-within):after{content:none}.corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c):is(:hover,:focus-within) .corner-chat-overlay__header{justify-content:flex-start;padding:0 var(--space-3)}.corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c):is(:hover,:focus-within) .corner-chat-overlay__input-puck-icon{left:calc(var(--space-3) + 11px)}.corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c):is(:hover,:focus-within) :is(.corner-chat-overlay__input-puck-placeholder,.corner-chat-overlay__puck-title){flex:1 1 auto;max-width:174px;margin-left:30px;opacity:1}.corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c):is(:hover,:focus-within) .corner-chat-overlay__puck-expand-hint{width:14px;height:14px;opacity:.72}@media(prefers-reduced-motion:reduce){.corner-chat-overlay--collapsed:not(.corner-chat-overlay--bottom-c){animation:none}}.corner-chat-overlay--bottom-c.corner-chat-overlay--peek{box-shadow:var(--chrome-shadow),0 -4px 24px color-mix(in srgb,var(--rim-halo) 8%,transparent);border-color:color-mix(in srgb,var(--rim-halo) 18%,var(--chrome-edge))}.corner-chat-overlay--bottom-c.corner-chat-overlay--peek .corner-chat-overlay__body{padding:0}.corner-chat-overlay__drag-grip{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:14px;padding-top:4px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.corner-chat-overlay__drag-grip:after{content:"";width:40px;height:4px;border-radius:var(--border-radius-capsule);background:color-mix(in srgb,var(--text-secondary) 40%,transparent);transition:background var(--transition-fast),width var(--transition-fast)}.corner-chat-overlay__drag-grip:hover:after{background:color-mix(in srgb,var(--text-secondary) 70%,transparent);width:48px}.corner-chat-overlay__drag-grip:active{cursor:grabbing}.corner-chat-overlay__drag-grip:active:after{background:var(--text-secondary)}.corner-chat-overlay--bottom-c.corner-chat-overlay--expanded{border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;box-shadow:var(--shadow-elevation-08dp)}.corner-chat-overlay--bottom-c.corner-chat-overlay--compact .corner-chat-overlay__body{padding:0;overflow:visible}.corner-chat-overlay--bottom-c.corner-chat-overlay--compact .corner-chat-overlay__portal-target{overflow:visible}.corner-chat-overlay--bottom-c.corner-chat-overlay--compact .corner-chat-overlay__drag-grip{display:none}.corner-chat-overlay--bottom-c.corner-chat-overlay--compact{box-shadow:none;border-color:transparent}.corner-chat-overlay--bottom-c .ai-disclaimer{display:none}.corner-chat-overlay--tour-invite.corner-chat-overlay--collapsed{border-color:color-mix(in srgb,var(--tree-green, #5a9e6f) 55%,transparent);animation:tour-invite-glow 2.6s ease-in-out infinite}@keyframes tour-invite-glow{0%,to{box-shadow:var(--shadow-elevation-08dp),0 0 0 1px color-mix(in srgb,var(--tree-green, #5a9e6f) 40%,transparent),0 0 28px 4px color-mix(in srgb,var(--tree-green, #5a9e6f) 30%,transparent)}50%{box-shadow:var(--shadow-elevation-08dp),0 0 0 2px color-mix(in srgb,var(--tree-green, #5a9e6f) 62%,transparent),0 0 48px 12px color-mix(in srgb,var(--tree-green, #5a9e6f) 44%,transparent)}}@media(prefers-reduced-motion:reduce){.corner-chat-overlay--tour-invite.corner-chat-overlay--collapsed{animation:none;box-shadow:var(--shadow-elevation-08dp),0 0 0 2px color-mix(in srgb,var(--tree-green, #5a9e6f) 55%,transparent),0 0 36px 8px color-mix(in srgb,var(--tree-green, #5a9e6f) 36%,transparent)}}@media(prefers-reduced-motion:reduce){.corner-chat-overlay,.corner-chat-overlay--expanded,.corner-chat-overlay--collapsed,.corner-chat-overlay__body,.corner-chat-overlay__body--hidden{transition:none}}@media(max-width:600px){.corner-chat-overlay{display:none}}.corner-chat-overlay__drop-host{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit}.corner-chat-overlay--node-drag-over,.corner-chat-overlay--collapsed:has(.quest-board__veil--chat.quest-board__veil--armed){outline:2px solid var(--accent-primary);outline-offset:-2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-primary) 22%,transparent)}.corner-chat-overlay--collapsed .quest-board__veil-label{display:none}.corner-chat-overlay--collapsed:has(.quest-board__veil--chat.quest-board__veil--armed){animation:corner-chat-drop-breathe 1.6s ease-in-out infinite}.corner-chat-overlay--collapsed:has(.quest-board__veil--chat.quest-board__veil--over){animation:none;outline:2px solid var(--accent-primary);outline-offset:-2px;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent-primary) 34%,transparent),0 0 18px color-mix(in srgb,var(--accent-primary) 30%,transparent)}@keyframes corner-chat-drop-breathe{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-primary) 18%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--accent-primary) 34%,transparent)}}@media(prefers-reduced-motion:reduce){.corner-chat-overlay--collapsed:has(.quest-board__veil--chat.quest-board__veil--armed){animation:none;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent-primary) 30%,transparent)}}}@layer components{:root{--comms-puck-clearance: calc(52px + var(--space-4, 16px) + var(--space-2, 8px))}.p2p-comms-puck{position:relative;display:flex;background:var(--bg-elevated);color:var(--bg-primary);-webkit-user-select:none;user-select:none;touch-action:none;transition:width .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1),border-radius .28s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .2s ease}.p2p-comms-puck:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--category-connect);opacity:0;pointer-events:none;transition:opacity .24s cubic-bezier(.2,.8,.2,1)}.p2p-comms-puck--collapsed:before{opacity:1}.p2p-comms-puck>*{position:relative;z-index:1}.p2p-comms-puck--collapsed{width:52px;height:52px;min-width:52px;border:none;border-radius:26px;padding:0;align-items:center;justify-content:center;box-shadow:var(--shadow-elevation-08dp);cursor:pointer}.p2p-comms-puck--collapsed:hover:before{background:color-mix(in srgb,var(--category-connect) 85%,white 15%)}.p2p-comms-puck--collapsed:hover{transform:translateY(-2px)}.p2p-comms-puck--collapsed:active{transform:scale(.96)}.p2p-comms-puck--collapsed:focus-visible{outline:2px solid var(--category-connect);outline-offset:3px}.p2p-comms-puck__icon{width:22px;height:22px}.p2p-comms-puck--expanded{flex-direction:column;width:380px;height:min(60vh,720px);border-radius:var(--space-3);background:var(--bg-elevated);border:1px solid var(--elevation-overlay-08dp);box-shadow:var(--shadow-elevation-08dp);overflow:hidden}.p2p-comms-puck__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);flex-shrink:0;z-index:2;background:color-mix(in srgb,var(--category-connect) 8%,var(--bg-secondary));border-bottom:1px solid var(--elevation-overlay-04dp);color:var(--text-primary);cursor:grab;touch-action:none;font-size:var(--font-size-xs)}.p2p-comms-puck__header:active{cursor:grabbing}.p2p-comms-puck__header-icon{width:14px;height:14px;color:var(--ink-connect);flex-shrink:0}.p2p-comms-puck__header-title{flex:1;font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-sm)}.p2p-comms-puck__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--space-1);background:transparent;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background .12s ease,color .12s ease}.p2p-comms-puck__icon-btn:hover,.p2p-comms-puck__icon-btn[aria-expanded=true]{background:var(--state-hover);color:var(--text-primary)}.p2p-comms-puck__icon-btn:active{background:var(--state-pressed)}.p2p-comms-puck__options{position:relative;flex-shrink:0}.p2p-comms-puck__options-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:100;min-width:200px;background:var(--elevation-04dp, #323330);border:1px solid var(--border-light, rgba(255, 255, 255, .1));border-radius:var(--space-3);box-shadow:var(--shadow-elevation-08dp);padding:6px;animation:p2pOptionsFadeIn .15s ease}@keyframes p2pOptionsFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.p2p-comms-puck__options-heading{padding:6px 10px 4px;font-size:var(--type-detail);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.p2p-comms-puck__options-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--space-2);color:var(--text-primary);font-size:var(--font-size-sm, 14px);cursor:pointer;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.p2p-comms-puck__options-item:hover{background:var(--state-hover)}.p2p-comms-puck__options-item input[type=checkbox]{flex-shrink:0;accent-color:var(--accent-green);cursor:pointer;width:14px;height:14px}.p2p-comms-puck__body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg-elevated);touch-action:auto;-webkit-user-select:text;user-select:text;cursor:default;opacity:0;transition:opacity .18s ease}.p2p-comms-puck__body--ready{opacity:1}.p2p-comms-puck__body>.messaging-panel-inline{flex:1;display:flex;flex-direction:column;min-height:0}.p2p-comms-puck__badge{position:absolute;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--type-detail);line-height:var(--line-height-none);pointer-events:none}.p2p-comms-puck__badge--unread{top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--category-connect, #4ecdc4);color:var(--bg-primary)}.p2p-comms-puck__badge--presence{bottom:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--tree-green, #81c784);color:var(--bg-primary);font-size:var(--type-detail);box-shadow:0 0 0 2px var(--bg-elevated)}.p2p-comms-puck__badge--pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--tree-green, #81c784);opacity:.6;pointer-events:none;animation:p2pPresencePulse 2.4s ease-in-out infinite}@keyframes p2pPresencePulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(2.1);opacity:0}}@media(prefers-reduced-motion:reduce){.p2p-comms-puck{transition:none}.p2p-comms-puck__badge--pulse:after{animation:none;opacity:0}}}@layer components{.comms-dock{position:fixed;display:flex;flex-direction:row;gap:var(--space-2);z-index:var(--z-floating-chat, 1200)}body.overlay-open:not(.overlay-confirm-open) .comms-dock{z-index:var(--z-chat-above-modal, 11300);pointer-events:none;will-change:transform;transition:left .3s cubic-bezier(.2,0,0,1)}.comms-dock>*{pointer-events:auto}.comms-dock--br{right:var(--overlay-gutter, 16px);bottom:var(--space-4, 16px);flex-direction:row-reverse;align-items:flex-end}.comms-dock--bl{left:var(--overlay-rail-left, 72px);bottom:var(--space-4, 16px);flex-direction:row;align-items:flex-end}.comms-dock--tr{right:var(--overlay-gutter, 16px);top:calc(var(--header-height, 72px) + var(--space-2, 8px));flex-direction:row-reverse;align-items:flex-start}.comms-dock--tl{left:var(--overlay-rail-left, 72px);top:calc(var(--header-height, 72px) + var(--space-2, 8px));flex-direction:row;align-items:flex-start}.comms-dock--edge-l{left:var(--sidebar-width, 56px);top:0;flex-direction:row;align-items:flex-end}.comms-dock--edge-r{right:0;top:0;flex-direction:row-reverse;align-items:flex-end}.comms-dock--edge-collapsed{top:auto;bottom:var(--space-4, 16px)}.comms-dock--edge-l.comms-dock--edge-collapsed{left:var(--overlay-rail-left, 72px)}body.sidebar-expanded .comms-dock--edge-l.comms-dock--edge-collapsed{left:var(--overlay-rail-left-expanded, 264px)}.comms-dock--edge-r.comms-dock--edge-collapsed{right:var(--overlay-gutter, 16px)}.comms-dock--bottom-c{bottom:0;flex-direction:row;align-items:flex-end;transition:none}body.sidebar-expanded .comms-dock--bl,body.sidebar-expanded .comms-dock--tl{left:var(--overlay-rail-left-expanded, 264px)}body.sidebar-expanded .comms-dock--edge-l{left:var(--sidebar-width-expanded, 248px)}.comms-dock-edge-hint{position:fixed;top:0;bottom:0;width:72px;pointer-events:none;z-index:calc(var(--z-floating-chat, 1200) - 1);opacity:0;transition:opacity .16s ease-out}.comms-dock-edge-hint--left{left:0;background:linear-gradient(to right,color-mix(in srgb,var(--accent-primary, #ffffff) 32%,transparent),transparent)}.comms-dock-edge-hint--right{right:0;background:linear-gradient(to left,color-mix(in srgb,var(--accent-primary, #ffffff) 32%,transparent),transparent)}.comms-dock-edge-hint--active{opacity:1}.comms-dock-edge-hint--active.comms-dock-edge-hint--left{box-shadow:inset 2px 0 color-mix(in srgb,var(--accent-primary, #ffffff) 75%,transparent)}.comms-dock-edge-hint--active.comms-dock-edge-hint--right{box-shadow:inset -2px 0 color-mix(in srgb,var(--accent-primary, #ffffff) 75%,transparent)}@media(prefers-reduced-motion:reduce){.comms-dock-edge-hint{transition:none}}@media(max-width:600px){.comms-dock,.comms-dock-edge-hint{display:none}}}@layer components{.static-mascot{display:inline-flex;align-items:center;justify-content:center;line-height:0}.static-mascot canvas{display:block}.static-mascot--float{animation:static-mascot-hover 3.4s ease-in-out infinite;will-change:transform}@keyframes static-mascot-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.static-mascot--float{animation:none}}}@layer components{.wynwyn-bubble{position:absolute;top:calc(100% + 10px);right:calc(100% - var(--wynwyn-perch-footprint, 46px));left:auto;display:flex;align-items:flex-start;gap:var(--space-1, 4px);width:max-content;max-width:min(32ch,calc(100vw - var(--sidebar-width, 56px) - var(--space-6, 24px)));padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--border-radius-md, 10px);background:var(--chrome-surface-raised, var(--chrome-surface));border:1px solid var(--chrome-edge);box-shadow:var(--chrome-shadow);box-sizing:border-box;pointer-events:auto;z-index:1;animation:wynwyn-bubble-in var(--brand-dur-hover, .22s) var(--brand-ease-out, cubic-bezier(.2, .8, .2, 1)) both}@keyframes wynwyn-bubble-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.wynwyn-bubble{animation:none}}.wynwyn-bubble:before{content:"";position:absolute;top:-5px;right:calc(var(--wynwyn-perch-footprint, 46px) / 2 - 5px);width:9px;height:9px;background:var(--chrome-surface-raised, var(--chrome-surface));border-top:1px solid var(--chrome-edge);border-left:1px solid var(--chrome-edge);transform:rotate(45deg);pointer-events:none}.light-theme .wynwyn-bubble{background:var(--elevation-02dp);border-color:var(--border-elevated)}.light-theme .wynwyn-bubble:before{background:var(--elevation-02dp);border-color:var(--border-elevated)}.wynwyn-bubble__act{-webkit-appearance:none;appearance:none;margin:0;padding:0;border:none;background:none;cursor:pointer;text-align:left;min-width:0;font-family:var(--brand-font-serif, var(--font-display, var(--font-serif)));font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-snug);letter-spacing:.01em;color:var(--chrome-text, var(--text-primary));display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .16s ease}.wynwyn-bubble__act:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px;border-radius:var(--border-radius-sm)}.wynwyn-bubble__body{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:var(--space-1, 4px)}.wynwyn-bubble__do{-webkit-appearance:none;appearance:none;flex-shrink:0;display:inline-flex;align-items:center;min-height:26px;margin:0;padding:var(--space-1, 4px) var(--space-2, 8px);margin-left:calc(var(--space-2, 8px) * -1);border:none;border-radius:var(--border-radius-sm);background:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-compact);letter-spacing:.01em;color:var(--ink-earn);transition:color var(--brand-dur-hover) var(--brand-ease-out),background-color var(--brand-dur-hover) var(--brand-ease-out)}.wynwyn-bubble__do:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}@media(hover:hover){.wynwyn-bubble__do:hover{color:var(--text-primary);background-color:var(--state-hover)}}@media(pointer:coarse){.wynwyn-bubble__do{min-height:var(--touch-target-min, 44px)}}.wynwyn-bubble__ref{font-weight:var(--font-weight-semibold);color:var(--chrome-text, var(--text-primary))}.wynwyn-bubble--priority{border-left:1px solid var(--chrome-edge)}.wynwyn-bubble--priority .wynwyn-bubble__act{color:var(--chrome-text, var(--text-primary))}.wynwyn-bubble--insight,.wynwyn-bubble--notice{border-left:1px solid var(--chrome-edge)}.wynwyn-bubble--notice .wynwyn-bubble__act{color:var(--chrome-text, var(--text-primary))}.wynwyn-bubble--tip .wynwyn-bubble__act{color:var(--chrome-text-secondary, var(--text-secondary))}.wynwyn-bubble--socratic .wynwyn-bubble__act{font-style:italic;color:var(--chrome-text-secondary, var(--text-secondary))}@media(hover:hover){.wynwyn-bubble__act:hover{color:var(--chrome-text, var(--text-primary))}}.wynwyn-bubble__dismiss{-webkit-appearance:none;appearance:none;position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:50%;background:none;color:var(--chrome-text-tertiary, var(--text-tertiary));cursor:pointer;opacity:.6;transition:opacity .16s ease,background-color .16s ease}@media(hover:hover){.wynwyn-bubble__dismiss:hover{opacity:1;background:var(--state-hover)}}@media(pointer:coarse){.wynwyn-bubble__dismiss:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}}.wynwyn-bubble__dismiss:focus-visible{opacity:1;outline:2px solid var(--accent-gold);outline-offset:1px}@media(prefers-reduced-motion:reduce){.wynwyn-bubble__act,.wynwyn-bubble__do,.wynwyn-bubble__dismiss{transition-duration:.01ms}}}@layer components{.wynwyn-dock{--wynwyn-perch-clearance: 6px;--wynwyn-perch-size: max(46px, calc(var(--mascot-size, 40px) + 8px));--wynwyn-perch-footprint: max( var(--wynwyn-perch-size), calc(var(--mascot-size, 40px) + var(--wynwyn-perch-clearance) * 2) );position:relative;display:inline-flex;align-items:center;flex-shrink:1;min-width:0;pointer-events:auto}.wynwyn-dock:has(.next-action-pill){height:38px;border-radius:19px;background:var(--chrome-surface);border:1px solid var(--chrome-edge);box-shadow:var(--chrome-shadow);box-sizing:border-box}.wynwyn-dock:has(.next-action-pill--urgent.next-action-pill--cue){border-color:var(--category-connect, #4caf50);background:color-mix(in srgb,var(--category-connect, #4caf50) 12%,var(--chrome-surface))}.wynwyn-dock:has(.next-action-pill--overdue){border-color:var(--hue-warning, #fd971f);background:color-mix(in srgb,var(--hue-warning, #fd971f) 12%,var(--chrome-surface))}.wynwyn-dock:has(.next-action-pill--overdue):after{border-color:color-mix(in srgb,var(--hue-warning, #fd971f) 45%,transparent)}.wynwyn-dock:has(.next-action-pill--urgent.next-action-pill--cue):after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:22px;border:2px solid color-mix(in srgb,var(--category-connect, #4caf50) 45%,transparent);opacity:0;pointer-events:none;animation:wynwyn-dock-urgent-breathe 2.4s ease-in-out infinite}@keyframes wynwyn-dock-urgent-breathe{0%,to{opacity:.55}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.wynwyn-dock:has(.next-action-pill--urgent.next-action-pill--cue):after{animation:none;opacity:.4}}.wynwyn-dock__collapse{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:100%;min-height:26px;padding:0;border:none;background:transparent;color:var(--chrome-text-secondary);cursor:pointer;opacity:.55;transition:opacity var(--transition-fast),color var(--transition-fast)}.wynwyn-dock:has(.next-action-pill) .wynwyn-dock__collapse{border-left:1px solid var(--chrome-divider);border-radius:0 18px 18px 0}.wynwyn-dock--collapsed .wynwyn-dock__collapse{opacity:.35}.wynwyn-dock:hover .wynwyn-dock__collapse,.wynwyn-dock:focus-within .wynwyn-dock__collapse,.wynwyn-dock__collapse--alert{opacity:1}.wynwyn-dock__collapse:hover{color:var(--chrome-text)}.wynwyn-dock__collapse:focus-visible{outline:2px solid var(--accent-gold);outline-offset:-2px;border-radius:6px}.wynwyn-dock__collapse--alert{position:relative;color:var(--ink-connect, #4caf50)}.wynwyn-dock__collapse--alert:after{content:"";position:absolute;top:3px;right:1px;width:5px;height:5px;border-radius:50%;background:currentColor}.wynwyn-dock--collapsed:has(.next-action-pill--overdue) .wynwyn-dock__collapse--alert{color:var(--hue-warning, #fd971f)}.wynwyn-home-dock{position:relative;flex-shrink:0;width:34px;height:34px;margin-inline:calc((var(--wynwyn-perch-footprint) - 34px) / 2);border-radius:50%;pointer-events:auto;-webkit-appearance:none;appearance:none;padding:0;border:none;color:inherit;font:inherit;cursor:pointer;background:none}.wynwyn-home-dock:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%}.wynwyn-home-dock__comb{position:absolute;top:50%;left:50%;width:var(--wynwyn-perch-size, 46px);height:var(--wynwyn-perch-size, 46px);transform:translate(-50%,-50%);pointer-events:none;overflow:visible;animation:wynwyn-dock-breathe 4.2s ease-in-out infinite}.wynwyn-home-dock__cell{fill:color-mix(in srgb,var(--accent-gold) 13%,transparent);stroke:color-mix(in srgb,var(--accent-gold) 42%,transparent);stroke-width:1;transition:fill .16s ease,stroke .16s ease}.wynwyn-home-dock:hover .wynwyn-home-dock__cell,.wynwyn-home-dock:focus-visible .wynwyn-home-dock__cell,body[data-wynwyn-hover] .wynwyn-home-dock__cell{fill:color-mix(in srgb,var(--accent-gold) 26%,transparent);stroke:color-mix(in srgb,var(--accent-gold) 78%,transparent)}.wynwyn-home-dock:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}.wynwyn-home-dock__still{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.wynwyn-home-dock--bare{background:none;border:1px solid var(--chrome-edge);margin-inline:0;box-sizing:border-box;transition:background-color .14s ease,border-color .14s ease}.wynwyn-home-dock--bare:hover{background:var(--chrome-surface-hover);border-color:var(--chrome-edge-strong)}.wynwyn-dock:has(.next-action-pill) .wynwyn-home-dock--bare{margin-inline:5px 7px}.wynwyn-home-dock--bare .wynwyn-home-dock__comb{display:none}@media(max-width:600px),(max-height:500px)and (pointer:coarse){.wynwyn-dock{display:none}}@keyframes wynwyn-dock-breathe{0%,to{opacity:.68}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.wynwyn-home-dock__comb{animation:none}}@keyframes wynwyn-dock-reward-glow{0%{box-shadow:none}35%{box-shadow:0 0 18px 6px color-mix(in srgb,var(--accent-gold) 55%,transparent)}to{box-shadow:none}}.wynwyn-home-dock--reward-glow{animation:wynwyn-dock-reward-glow 1.4s ease}@media(prefers-reduced-motion:reduce){.wynwyn-home-dock--reward-glow{animation:none}}@keyframes wynwyn-dock-pick-glow{0%{box-shadow:none}40%{box-shadow:0 0 12px 3px color-mix(in srgb,var(--accent-gold) 38%,transparent)}to{box-shadow:none}}.wynwyn-home-dock--pick-glow{animation:wynwyn-dock-pick-glow 1.1s ease}@media(prefers-reduced-motion:reduce){.wynwyn-home-dock--pick-glow{animation:none}}}@layer components{.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:var(--line-height-snug);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:var(--type-prose);font-weight:var(--font-weight-light);font-style:italic;line-height:var(--line-height-normal);z-index:900}.motivation.card-display-motivation[data-card-context=world]{top:128px;font-size:var(--type-heading);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:var(--type-body)}}@media(min-width:768px)and (max-width:1023px){.motivation.card-display-motivation{left:4px;width:220px;font-size:var(--type-body)}}@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:var(--type-subheading)}}@media(min-width:2560px){.motivation.card-display-motivation{left:4px;width:320px;font-size:var(--type-subheading)}}}@layer components{.pagination-dots-container{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom: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;top:auto;left:auto;right:auto;bottom: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:var(--type-detail);font-weight:var(--font-weight-bold);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}}}@layer components{.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;transition:none}.card-display-active{left:var(--sidebar-width)!important;right:0!important;transition:left .3s cubic-bezier(.2,0,0,1),right .3s cubic-bezier(.2,0,0,1)}body.sidebar-expanded .card-display-active{left:var(--sidebar-width-expanded)!important}body.editor-expanded .card-display-active{right:var(--editor-panel-width-expanded)!important}body.sidebar-expanded.editor-expanded .card-display-active{left:var(--sidebar-width-expanded)!important;right:var(--editor-panel-width-expanded)!important}body.quest-panel-expanded .card-display-active{left:calc(var(--sidebar-width) + var(--quest-panel-width, 420px))!important}body.sidebar-expanded.quest-panel-expanded .card-display-active{left:calc(var(--sidebar-width-expanded) + var(--quest-panel-width, 420px))!important}body.quest-panel-collapsed .card-display-active{left:calc(var(--sidebar-width) + 48px)!important}body.sidebar-expanded.quest-panel-collapsed .card-display-active{left:calc(var(--sidebar-width-expanded) + 48px)!important}body.quest-framework-visible:not(.quest-framework-collapsed) .card-display-active{right:var(--quest-framework-width, 38vw)!important}body.quest-panel-expanded.quest-framework-visible:not(.quest-framework-collapsed):not(.quest-framework-passthrough) .card-display-active{visibility:hidden}body.quest-panel-collapsed.quest-framework-visible:not(.quest-framework-collapsed):not(.quest-framework-passthrough) .card-display-active{visibility:hidden}body.quest-panel-collapsed.quest-framework-visible.quest-framework-passthrough:not(.quest-framework-collapsed) .card-display-active{right:0!important}body.quest-panel-expanded.quest-framework-visible.quest-framework-passthrough:not(.quest-framework-collapsed) .card-display-active{right:0!important}}@media(max-width:600px),(max-height:500px)and (pointer:coarse){.card-display-active{padding-top:48px;box-sizing:border-box}}.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-nav.card-display-nav--phone{top:auto;bottom:calc(var(--mobile-capsule-clearance, 80px) + var(--space-2, 8px));pointer-events:none}.card-display-nav.card-display-nav--phone>*{pointer-events:auto}.card-display-edge{position:absolute;top:0;bottom:0;z-index:90;touch-action:none;background:transparent}.card-display-edge--left{left:0}.card-display-edge--right{right:0}.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;top:0;left:0;right:0;bottom: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:not(.card-display-nav--phone){display:none}}@media(max-width:600px){.card-display-nav:not(.card-display-nav--phone){display:none}.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:1023px){.card-display-active.fullscreen-mode{touch-action:pan-y}}@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}}}@layer components{.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,#faf7f0,#f5f1e8,#ede8de),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;top:0;left:0;right:0;bottom: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,#faf7f0,#f5f1e8,#ede8de),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2020/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}}@layer components{.state-art{display:inline-block;flex-shrink:0;background-color:var(--state-art-tone, var(--text-tertiary));-webkit-mask:var(--state-art-src) center / contain no-repeat;mask:var(--state-art-src) center / contain no-repeat}}@layer components{.card-loading-fallback{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-loading-fallback__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--bg-primary)}.card-loading-fallback__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md, 1rem);text-align:center}.card-loading-fallback__mark{width:76px;height:76px;color:var(--text-primary);animation:card-loading-breathe 2.6s ease-in-out infinite;will-change:transform,opacity}.card-loading-fallback__label{font-family:var(--font-display, var(--font-serif, serif));font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-medium, 500);letter-spacing:var(--letter-spacing-tight, -.01em);color:var(--text-secondary)}@keyframes card-loading-breathe{0%,to{transform:scale(1);opacity:.82}50%{transform:scale(1.045);opacity:1}}@media(prefers-reduced-motion:reduce){.card-loading-fallback__mark{animation:none;opacity:1}}}._comboIndicator__anchor_14ted_10{position:fixed;bottom:92px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:2000}._comboIndicator_14ted_10{display:inline-flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border:2px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:var(--shadow-elevation-04dp);font-weight:var(--font-weight-bold);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}._comboIndicator__content_14ted_42{display:flex;align-items:center;gap:8px}._comboIndicator__flame_14ted_48{font-size:var(--type-title);line-height:var(--line-height-none)}._comboIndicator__text_14ted_54{display:flex;flex-direction:column;align-items:flex-start;line-height:var(--line-height-none)}._comboIndicator__count_14ted_61{font-size:var(--type-heading);font-weight:var(--font-weight-bold)}._comboIndicator__label_14ted_66{font-size:var(--type-detail);text-transform:uppercase;letter-spacing:.5px;opacity:.9}._comboIndicator__multiplier_14ted_73{padding:4px 8px;margin-left:4px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;font-size:var(--type-detail);font-weight:var(--font-weight-bold);color:#fff5e6}@media(max-width:600px){._comboIndicator_14ted_10{padding:6px 12px}._comboIndicator__flame_14ted_48{font-size:var(--type-heading)}._comboIndicator__count_14ted_61{font-size:var(--type-subheading)}._comboIndicator__label_14ted_66{font-size:var(--type-detail)}._comboIndicator__multiplier_14ted_73{padding:3px 6px;font-size:var(--type-detail)}}@layer components{.auth-page-container{position:fixed;top:0;right:0;bottom:0;left: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:var(--bg-primary)}.gradient-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-2;overflow:hidden;transition:background var(--transition-medium),opacity var(--transition-medium)}.gradient-bg.warm-graphite,.gradient-bg.soft-linen{background:var(--bg-primary)}.auth-forest-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:url(/images/auth_dither_v01.webp);background-size:auto 100%;background-position:left center;background-repeat:no-repeat;image-rendering:auto;background-color:#000}.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: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:var(--space-6)}.auth-logo-svg path,.auth-logo-svg{fill: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:var(--space-4);background:var(--bg-primary);font-family:var(--font-sans)}.auth-page-container .auth-form-container{min-height:auto;padding:0;background:none}.auth-form{background:color-mix(in srgb,var(--bg-primary) 62%,transparent);border:1px solid var(--state-hover);box-shadow:var(--shadow-elevation-04dp);padding:clamp(1.5rem,4vh,2.5rem) clamp(1.25rem,3vw,2rem);width:100%;max-width:420px;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--border-radius-xl)}.light-theme .auth-form{background:color-mix(in srgb,var(--bg-primary) 85%,transparent);border-color:color-mix(in srgb,var(--text-primary) 8%,transparent)}.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);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--space-2) 0;line-height:var(--line-height-tight);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:var(--font-size-lg);font-weight:var(--font-weight-light);color:var(--text-primary);margin:0;line-height:var(--line-height-tight);text-shadow:0 2px 4px rgba(0,0,0,.3)}.auth-inactivity-notice{text-align:center;padding:var(--space-4);background:color-mix(in srgb,var(--accent-gold) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-gold) 30%,transparent);border-radius:var(--border-radius-lg);margin-bottom:var(--space-4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-inactivity-notice .auth-title{color:var(--ink-earn);margin-bottom:var(--space-2);font-size:var(--font-size-lg)}.auth-inactivity-notice .auth-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);margin:0;line-height:var(--line-height-snug)}.auth-form-content{display:flex;flex-direction:column;gap:var(--space-2-5)}.auth-error-banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:color-mix(in srgb,var(--accent-red) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent-red) 40%,transparent);border-radius:var(--border-radius-md);margin-bottom:var(--space-2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-error-icon{width:18px;height:18px;flex-shrink:0;color:var(--accent-red);margin-top:1px}.auth-error-text{font-size:var(--font-size-sm);color:var(--accent-red);line-height:var(--line-height-snug)}.auth-invite-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:color-mix(in srgb,var(--accent-green) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent-green) 35%,transparent);border-radius:var(--border-radius-md);margin-bottom:var(--space-2)}.auth-invite-icon{font-size:var(--font-size-md);flex-shrink:0;color:var(--accent-green)}.auth-invite-text{font-size:var(--font-size-sm);color:var(--text-primary);line-height:var(--line-height-snug)}.auth-invite-text strong{color:var(--accent-green);font-weight:var(--font-weight-semibold, 600);overflow-wrap:anywhere}.auth-input-locked{cursor:default;background-color:var(--state-selected, rgba(255, 255, 255, .06))}.auth-input-locked:focus{caret-color:transparent}.auth-form-fields{display:flex;flex-direction:column;gap:var(--space-4)}.auth-field{display:flex;flex-direction:column;gap:var(--space-1)}.auth-label{font-family:var(--font-sans);font-size:clamp(.75rem,1.5vw,.8125rem);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0;transition:color var(--transition-fast)}.auth-field:focus-within .auth-label{color:var(--ink-earn)}.auth-form-content input.auth-input,.auth-form-fields input.auth-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:42px;width:100%;padding:.625rem .875rem;box-sizing:border-box;font-family:inherit;font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--text-primary);background:var(--elevation-01dp);border:2px solid var(--border-color);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.auth-form-content input.auth-input:focus,.auth-form-fields input.auth-input:focus{outline:none;background:var(--elevation-02dp);border-color:var(--accent-gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-gold) 20%,transparent)}.auth-form-content input.auth-input:disabled,.auth-form-fields input.auth-input:disabled{background:var(--bg-primary);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.auth-form-content input.auth-input::placeholder,.auth-form-fields input.auth-input::placeholder{color:var(--text-secondary)}.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:var(--accent-gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-gold) 15%,transparent)}.light-theme .auth-form-content input.auth-input:disabled,.light-theme .auth-form-fields input.auth-input:disabled{background:#ede4d3;color:var(--text-secondary);opacity:.6}.light-theme .auth-form-content input.auth-input::placeholder,.light-theme .auth-form-fields input.auth-input::placeholder{color:var(--text-secondary)}.auth-form-content input.auth-input:-webkit-autofill,.auth-form-fields input.auth-input:-webkit-autofill,.auth-form-content input.auth-input:-webkit-autofill:hover,.auth-form-fields input.auth-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--elevation-01dp) inset;box-shadow:0 0 0 1000px var(--elevation-01dp) inset;caret-color:var(--text-primary);border-color:var(--border-color);transition:background-color 9999s ease-in-out 0s}.auth-form-content input.auth-input:-webkit-autofill:focus,.auth-form-fields input.auth-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--elevation-02dp) inset,0 0 0 3px color-mix(in srgb,var(--accent-gold) 20%,transparent);box-shadow:0 0 0 1000px var(--elevation-02dp) inset,0 0 0 3px color-mix(in srgb,var(--accent-gold) 20%,transparent);border-color:var(--accent-gold)}.light-theme .auth-form-content input.auth-input:-webkit-autofill,.light-theme .auth-form-fields input.auth-input:-webkit-autofill,.light-theme .auth-form-content input.auth-input:-webkit-autofill:hover,.light-theme .auth-form-fields input.auth-input:-webkit-autofill:hover{-webkit-text-fill-color:#3d3426;-webkit-box-shadow:0 0 0 1000px #f5f1e8 inset;box-shadow:0 0 0 1000px #f5f1e8 inset;caret-color:#3d3426;border-color:#c9bfaa}.light-theme .auth-form-content input.auth-input:-webkit-autofill:focus,.light-theme .auth-form-fields input.auth-input:-webkit-autofill:focus{-webkit-text-fill-color:#3d3426;-webkit-box-shadow:0 0 0 1000px #faf8f4 inset,0 0 0 3px color-mix(in srgb,var(--accent-gold) 15%,transparent);box-shadow:0 0 0 1000px #faf8f4 inset,0 0 0 3px color-mix(in srgb,var(--accent-gold) 15%,transparent);border-color:var(--accent-gold)}.auth-form-content input.auth-input-error,.auth-form-fields input.auth-input-error{border-color:var(--accent-red)}.auth-form-content input.auth-input-error:focus,.auth-form-fields input.auth-input-error:focus{border-color:var(--accent-red);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-red) 20%,transparent)}.auth-field-error{font-size:var(--font-size-xs);color:var(--accent-red);line-height:var(--line-height-compact);margin-top:var(--space-1)}.auth-field-hint{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-compact);margin-top:var(--space-1);opacity:.85}.light-theme .auth-field-hint{color:#0009}.password-validation-success{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1-5);padding:var(--space-2) var(--space-3);background-color:color-mix(in srgb,var(--accent-green) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent-green) 30%,transparent);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);color:var(--accent-green);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:slideInSuccess var(--duration-medium) ease-out}.validation-checkmark{width:14px;height:14px;color:var(--accent-green);flex-shrink:0}.validation-text{font-weight:var(--font-weight-medium);line-height:var(--line-height-compact)}.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:var(--space-2);margin-top:var(--space-1-5)}.password-strength-segments{display:flex;gap:var(--space-1-5);flex:1}.password-strength-segment{flex:1;height:4px;background-color:#49483e33;border-radius:2px;transition:all var(--transition-medium)}.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:var(--space-1-5)}.password-strength-label{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);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:var(--space-3);margin-top:var(--space-2)}.password-strength-bar{flex:1;height:4px;background-color:#49483e99;border-radius:2px;overflow:hidden}.password-strength-fill{height:100%;border-radius:2px;transition:width var(--transition-medium),background-color var(--transition-medium)}.password-strength-fill.very-weak{background-color:#e74c3c}.password-strength-fill.weak{background-color:#e67e22}.password-strength-fill.fair{background-color:#f39c12}.password-strength-fill.good{background-color:#2ecc71}.password-strength-fill.strong{background-color:#27ae60}.auth-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-capsule);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);text-align:center;transition:all var(--transition-medium);cursor:pointer;border:none;min-height:48px;position:relative;overflow:hidden;margin-top:var(--spacing-lg);width:100%;max-width:100%}.auth-button-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%;margin-top:var(--spacing-lg)}.auth-button-container .auth-button{width:100%;max-width:100%;margin-top:0}.auth-consent-text{font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-tertiary);text-align:center;margin:var(--spacing-md) auto 0;max-width:320px;padding:0 var(--spacing-sm)}.auth-consent-link{background:none;border:none;padding:0;margin:0;font:inherit;color:var(--ink-learn);text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color var(--transition-fast)}.auth-consent-link:hover,.auth-consent-link:focus-visible{color:var(--ink-earn);outline:none}.auth-consent-link:focus-visible{text-decoration-thickness:2px}.auth-login-subheader{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-4) 0;text-align:center;font-weight:var( --font-weight-regular );line-height:var(--line-height-snug);letter-spacing:.005em}.auth-login-subheader--footer{margin:var(--space-6) 0 0 0;font-size:var(--font-size-xs);opacity:.72;letter-spacing:.02em;font-style:none;align-items:center;font-family:serif}.password-field-container{position:relative}.password-tooltip{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#272822f2;border:1px solid var(--accent-gold);border-radius:8px;padding:var(--space-4);z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-medium);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(--accent-gold);border-top:1px solid var(--accent-gold);transform:rotate(45deg)}.light-theme .password-tooltip{background:#fffffff2;border-color:var(--accent-gold)}.light-theme .password-tooltip:before{background:#fffffff2}.password-tooltip-header{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--ink-earn);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.password-tooltip-rules{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.password-tooltip-rule{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-compact)}.password-tooltip-rule.met,.password-tooltip-rule.met .rule-icon{color:var(--accent-green)}.password-tooltip-rule .rule-icon{font-size:var(--font-size-xs);width:12px;height:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.password-tooltip-rule .rule-icon--met{color:var(--accent-green)}.password-tooltip-rule .rule-icon--unmet{border:1px solid currentColor;border-radius:50%;opacity:.45}.password-tooltip-header__icon{width:13px;height:13px;flex-shrink:0}.password-toggle-btn{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);background:none;border:none;padding:var(--space-1);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color var(--duration-base) ease;z-index:10}.password-toggle-btn:hover{color:var(--ink-earn)}.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(--ink-earn);transition:all var(--duration-base) 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:767px){.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:var(--font-size-sm);margin:var(--space-2) 0 var(--space-5) 0}}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-button-primary{background:linear-gradient(135deg,var(--accent-gold) 0%,var(--accent-gold-light) 100%);color:var(--bg-primary);box-shadow:0 4px 15px color-mix(in srgb,var(--accent-gold) 10%,transparent);transition:all var(--duration-medium) var(--ease-in-out-smooth)}.auth-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#ddb96a,#e6c97e);color:var(--bg-primary);box-shadow:0 4px 16px color-mix(in srgb,var(--accent-gold) 22%,transparent)}.auth-button-primary:active:not(:disabled){background:linear-gradient(135deg,#c99d45,#d6ae54);transform:translateY(0);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-gold) 30%,transparent)}.auth-button-secondary{background-color:#1e1f1ccc;color:var(--text-primary);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(--accent-gold);transform:translateY(-1px)}.auth-button-secondary:active:not(:disabled){transform:translateY(0)}.auth-button-outlined{background:transparent;border:1.5px solid color-mix(in srgb,var(--accent-gold) 50%,transparent);color:var(--ink-earn);box-shadow:none}.auth-button-outlined:hover:not(:disabled){background:color-mix(in srgb,var(--accent-gold) 8%,transparent);border-color:var(--accent-gold)}.auth-button-outlined:active:not(:disabled){background:color-mix(in srgb,var(--accent-gold) 14%,transparent)}.auth-button-outlined:disabled{border-color:color-mix(in srgb,var(--accent-gold) 25%,transparent);color:color-mix(in srgb,var(--ink-earn) 40%,transparent)}.light-theme .auth-button-outlined{background:var(--bg-primary);border-color:color-mix(in srgb,var(--accent-gold) 80%,transparent);color:var(--text-primary)}.light-theme .auth-button-outlined:hover:not(:disabled){background:color-mix(in srgb,var(--accent-gold) 8%,var(--bg-primary));border-color:var(--accent-gold);color:var(--text-primary)}.light-theme .auth-button-outlined:active:not(:disabled){background:color-mix(in srgb,var(--accent-gold) 14%,var(--bg-primary))}.light-theme .auth-button-outlined:disabled{background:var(--bg-primary);border-color:color-mix(in srgb,var(--accent-gold) 30%,transparent);color:var(--text-secondary)}.auth-float-wrapper{position:relative}.auth-form-content input.auth-float-input,.auth-form-fields input.auth-float-input{min-height:60px;padding:1.875rem .875rem .75rem;border-radius:var(--border-radius-lg)}.auth-form-content input.auth-float-input.password-input,.auth-form-fields input.auth-float-input.password-input{padding-right:2.75rem}.auth-float-label{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-none);color:var(--text-secondary);pointer-events:none;transition:top .18s ease,transform .18s ease,font-size .18s ease,color .18s ease;white-space:nowrap}.auth-float-wrapper input.auth-float-input:focus~.auth-float-label,.auth-float-wrapper input.auth-float-input:not(:placeholder-shown)~.auth-float-label,.password-field-container input.auth-float-input:focus~.auth-float-label,.password-field-container input.auth-float-input:not(:placeholder-shown)~.auth-float-label{top:8px;transform:translateY(0);font-size:var(--font-size-xs);color:var(--ink-earn)}.auth-float-wrapper input.auth-float-input:not(:placeholder-shown):not(:focus)~.auth-float-label,.password-field-container input.auth-float-input:not(:placeholder-shown):not(:focus)~.auth-float-label{color:var(--text-secondary)}.auth-float-wrapper input.auth-float-input:disabled~.auth-float-label,.password-field-container input.auth-float-input:disabled~.auth-float-label{opacity:.5}.auth-float-wrapper input.auth-float-input.auth-input-error~.auth-float-label,.password-field-container input.auth-float-input.auth-input-error~.auth-float-label{color:var(--accent-red)}.light-theme .auth-form-content input.auth-float-input,.light-theme .auth-form-fields input.auth-float-input{background:#f5f1e8;border-color:#c9bfaa;color:#3d3426}.light-theme .auth-form-content input.auth-float-input:focus,.light-theme .auth-form-fields input.auth-float-input:focus{background:#faf8f4;border-color:var(--accent-gold)}.light-theme .auth-float-wrapper input.auth-float-input:focus~.auth-float-label,.light-theme .password-field-container input.auth-float-input:focus~.auth-float-label{color:#7d5f30}@media(max-width:480px){.auth-form-content input.auth-float-input,.auth-form-fields input.auth-float-input{font-size:var(--font-size-base)}}.auth-forgot-link{text-align:center;margin-top:var(--space-2)}.auth-security-chip{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:.375rem .875rem;border-radius:var(--border-radius-capsule);background:color-mix(in srgb,var(--text-secondary) 10%,transparent);border:1px solid color-mix(in srgb,var(--text-secondary) 20%,transparent);font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-4)}.auth-security-chip__icon{width:12px;height:12px;flex-shrink:0;opacity:.75}.auth-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;color:var(--ink-earn)}.auth-forgot-password{text-align:center;margin-top:var(--space-4)}.auth-link-button{background:none;border:none;color:var(--ink-earn);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:underline;transition:color var(--transition-medium);padding:var(--space-3) var(--space-4);min-height:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center}.auth-link-button:hover:not(:disabled){color:var(--accent-green)}.auth-link-button:disabled{color:var(--text-secondary);cursor:not-allowed;opacity:.5}.auth-footer{margin-top:var(--space-8);text-align:center}.auth-switch-text{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:var(--line-height-normal)}.auth-switch-button{-webkit-appearance:none;appearance:none;background:none;border:none;padding:0;color:var(--ink-earn);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;text-decoration:underline;transition:color var(--transition-medium);position:relative}.auth-switch-button:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,var(--touch-target-min));height:var(--touch-target-min);transform:translate(-50%,-50%)}.auth-switch-button:hover:not(:disabled){color:var(--accent-green)}.auth-switch-button:disabled{color:var(--text-secondary);cursor:not-allowed}.auth-alternatives{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid rgba(73,72,62,.4)}.auth-divider{position:relative;text-align:center;margin-bottom:var(--space-6)}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#49483e66}.auth-divider span{background:#272822d9;padding:0 var(--space-4);color:var(--text-secondary);font-size:var(--font-size-sm);position:relative;z-index:1}.demo-login-button,.dev-login-button{width:100%;padding:.875rem 1rem;margin-bottom:var(--space-3);border:1px solid rgba(73,72,62,.6);border-radius:10px;background:#1e1f1ccc;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-medium);display:flex;align-items:center;justify-content:center;gap:var(--space-2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.demo-login-button:hover{background:#272822e6;border-color:var(--accent-gold);color:var(--ink-earn);transform:translateY(-1px)}.dev-login-button{background:#27282299;border-color:#3e3d3299;color:var(--text-secondary);font-size:var(--font-size-xs)}.dev-login-button:hover{background:#1e1f1ccc;border-color:#49483ecc;color:var(--text-primary);transform:translateY(-1px)}.demo-login-button svg,.dev-login-button svg{opacity:.7}.dev-login-input{width:100%;padding:.875rem;margin:var(--space-4) 0 var(--space-6) 0;border:1px solid rgba(73,72,62,.6);border-radius:8px;background:#1e1f1ccc;color:var(--text-primary);font-size:var(--font-size-sm);outline:none;transition:all var(--transition-medium);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dev-login-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-gold) 20%,transparent)}.dev-login-input::placeholder{color:var(--text-secondary)}.dev-login-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.dev-login-actions .dev-login-button{padding:var(--space-2-5) var(--space-5);background:var(--accent-gold);color:var(--bg-primary);border:none;border-radius:8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-medium);width:auto;margin-bottom:0}.dev-login-actions .dev-login-button:hover{background:var(--accent-green)}.dev-login-cancel{padding:var(--space-2-5) var(--space-5);background:transparent;color:var(--text-secondary);border:1px solid rgba(73,72,62,.6);border-radius:8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-medium)}.dev-login-cancel:hover{background:#272822cc;color:var(--text-primary);border-color:#3e3d32cc}@media(max-width:767px){.auth-page-container{padding:var(--space-4) var(--space-3)}.auth-form-container{padding:var(--space-3)}.auth-form{padding:var(--space-8) var(--space-6);max-width:100%;border-radius:14px}.auth-title{font-size:var(--font-size-3xl)}.auth-subtitle{font-size:var(--font-size-base)}.auth-form-content{gap:var(--space-5)}.password-strength-container{gap:var(--space-3)}.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:var(--font-size-xl)}.auth-logo-container.transitioning{transform:translateY(-25vh)}}@media(max-width:480px){.auth-page-container,.auth-form-container{padding:var(--space-2)}.auth-form{padding:var(--space-7) var(--space-5);border-radius:var(--border-radius-md)}.auth-title{font-size:var(--font-size-lg)}.auth-subtitle{font-size:var(--font-size-sm)}.auth-form-content{gap:var(--space-4)}.password-strength-container{flex-direction:column;align-items:stretch;gap:var(--space-2)}.password-strength-label{text-align:center}.auth-splash-content{padding:var(--space-4)}.auth-logo-container.splash{width:120px;height:120px;margin-bottom:var(--space-6)}.auth-logo-container.transitioning,.auth-logo-container.form{width:80px;height:80px}.auth-tagline.splash{font-size:var(--font-size-lg)}.auth-logo-container.transitioning{transform:translateY(-20vh)}.auth-button{padding:var(--space-4);font-size:var(--font-size-base)}.auth-field{gap:var(--space-2)}.auth-form-content input.auth-input,.auth-form-fields input.auth-input{padding:.875rem;font-size:var(--font-size-base)}}@media(max-width:320px){.auth-page-container{padding:var(--space-1)}.auth-form{padding:var(--space-6) var(--space-4)}.auth-title,.auth-tagline.splash{font-size:var(--font-size-md)}.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:var(--space-12)}}@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)) .5rem max(.5rem,var(--safe-area-bottom)) .5rem;overflow-y:auto}.auth-page-content{max-height:none}.auth-form{padding:1rem .875rem}.auth-header{margin-bottom:.875rem}.auth-logo-container.form{width:56px;height:56px;margin-bottom:var(--space-2-5)}.auth-title{font-size:clamp(1.125rem,3.5vw,1.25rem);margin-bottom:var(--space-1-5)}.auth-form-content{gap:var(--space-2-5)}.auth-field{gap:var(--space-1);margin-bottom:var(--space-2-5)}.auth-label{font-size:var(--font-size-xs)}.auth-form-content input.auth-input,.auth-form-fields input.auth-input{min-height:42px;padding:.625rem .875rem;font-size:var(--font-size-base)}.auth-form-content input.auth-float-input,.auth-form-fields input.auth-float-input{min-height:56px;padding:1.625rem .875rem .625rem}.auth-button{min-height:44px;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);margin-top:var(--space-2)}.auth-footer{margin-top:.875rem;padding-top:var(--space-2-5)}.password-strength-container{gap:var(--space-1-5);margin-top:var(--space-1)}.password-field-container{margin-bottom:var(--space-1)}}@media(min-height:640px)and (max-height:680px)and (min-width:360px)and (max-width:390px){.auth-page-container{padding:var(--space-3) var(--space-2)}.auth-form{padding:1.125rem 1rem}.auth-logo-container.form{width:54px;height:54px;margin-bottom:var(--space-2-5)}.auth-title{font-size:var(--font-size-md);margin-bottom:var(--space-2)}.auth-header{margin-bottom:.875rem}}@media(max-height:640px)and (max-width:480px){.auth-page-container{padding-top:max(.5rem,var(--safe-area-top))}}@media(max-height:600px)and (max-width:400px){.auth-page-container{padding:max(.5rem,var(--safe-area-top)) .5rem max(.5rem,var(--safe-area-bottom)) .5rem}.auth-form{padding:.875rem .75rem}.auth-logo-container.form{width:48px;height:48px;margin-bottom:var(--space-2)}.auth-title{font-size:var(--font-size-md)}.auth-field{margin-bottom:var(--space-2)}.auth-form-content input.auth-input,.auth-form-fields input.auth-input{padding:var(--space-2-5) var(--space-3);font-size:var(--font-size-sm)}.auth-button{padding:var(--space-3);font-size:var(--font-size-sm)}.auth-form .password-tooltip{display:none}}@media(max-height:480px)and (orientation:landscape){.auth-page-container{padding:var(--space-2);overflow-y:auto}.auth-form{padding:var(--space-4) var(--space-6)}.auth-logo-container.splash{width:60px;height:60px;margin-bottom:var(--space-3)}.auth-logo-container.form{width:50px;height:50px}.auth-tagline.splash,.auth-title{font-size:var(--font-size-md)}.auth-form-content{gap:var(--space-2-5)}.auth-field{gap:var(--space-1);margin-bottom:var(--space-2)}.auth-form-content input.auth-input,.auth-form-fields input.auth-input,.auth-button{padding:.625rem .875rem;font-size:var(--font-size-sm)}}.auth-form *:focus{outline:2px solid var(--accent-gold);outline-offset:2px}.auth-button:focus{outline:2px solid var(--accent-gold);outline-offset:2px}@media(prefers-contrast:high){.auth-form{border:2px solid var(--text-primary);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);color:var(--bg-primary)}.auth-button-secondary{background:#1e1f1cf2;border-color:var(--text-primary);color:var(--text-primary)}.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 var(--duration-medium) var(--ease-in-out-smooth),transform var(--duration-medium) var(--ease-in-out-smooth);will-change:opacity,transform}.auth-form-wrapper.transitioning{opacity:0;transform:translateY(-8px)}.auth-page-content.transitioning{opacity:.9}.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}.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 var(--duration-slow) ease-in}.auth-logo-container.form{opacity:1;transition:opacity var(--duration-slow) ease-in}.auth-logo-container.form,.auth-logo-container.transitioning{pointer-events:none;-webkit-user-select:none;user-select:none}.auth-logo-container--home.form{pointer-events:auto;cursor:pointer}.auth-logo-container--home:focus-visible{outline:2px solid currentColor;outline-offset:4px}.auth-logo-svg{width:100%;height:100%}.auth-logo-container.splash{width:200px;height:200px;margin-bottom:var(--space-8)}.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 var(--duration-fast) ease-in-out,transform var(--duration-fast) ease-in-out}.auth-form-wrapper.transitioning{opacity:.7;transform:scale(.98)}@media(max-width:767px){.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:var(--space-6)}.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:var(--space-8)}.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:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0;line-height:var(--line-height-tight);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:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--text-primary);margin:0 0 var(--space-8) 0;line-height:var(--line-height-normal);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:var(--space-2) var(--space-6) var(--space-4)}.success-icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto var(--space-5) auto;background:color-mix(in srgb,var(--tree-green) 12%,transparent);border-radius:50%;border:1px solid color-mix(in srgb,var(--tree-green) 45%,transparent);flex-shrink:0}.success-icon-svg{width:26px;height:26px;color:var(--ink-learn)}.auth-success-state h3{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--space-2) 0;line-height:var(--line-height-compact)}.auth-success-state p{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-2) 0;line-height:var(--line-height-relaxed);max-width:320px;text-wrap:pretty}.auth-success-state p strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.auth-success-state__address{display:block;margin-top:var(--space-1);overflow-wrap:anywhere}.auth-success-state .success-note{font-size:var(--font-size-xs);color:var(--text-tertiary, var(--text-secondary));margin-bottom:0;opacity:.9}.light-theme .success-icon-wrapper{background:color-mix(in srgb,var(--tree-green) 10%,transparent)}.reset-password-page{font-family:var(--font-sans)}.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);padding:var(--spacing-sm);background:transparent;border-radius:var(--border-radius-sm);border:none}.password-strength-bar{height:4px;margin-bottom:var(--spacing-xs);background-color:#49483e33;border-radius:2px;overflow:hidden}.password-strength-fill{height:100%;border-radius:2px;transition:all .4s var(--ease-in-out-smooth)}.password-strength-feedback{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs)}.password-strength-label{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:none;letter-spacing:var(--letter-spacing-wider);white-space:nowrap}.password-strength-text{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-compact)}.auth-form .auth-security-note{font-family:var(--font-sans);font-size:var(--font-size-2xs);color:var(--text-secondary);line-height:var(--line-height-snug);margin-top:var(--space-3);padding:0 var(--space-2);opacity:.7;text-align:center;text-wrap:pretty}.auth-form .auth-security-note strong{font-family:var(--font-sans);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-2xs)}.auth-security-tips{background:transparent;border:none;padding:0;margin:var(--spacing-md) 0}.auth-security-tips h4{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.auth-security-tips ul{margin:0;padding-left:var(--space-4);list-style:none}.auth-security-tips li{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-xs);position:relative;line-height:var(--line-height-snug)}.auth-security-tips li:before{content:"•";color:var(--ink-earn);font-weight:var(--font-weight-bold);position:absolute;left:-.75rem}.auth-form-help{text-align:center;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid rgba(73,72,62,.3)}.auth-form-help p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:var(--line-height-snug)}.auth-link{color:var(--ink-earn);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-medium)}.auth-link:hover{color:var(--accent-green);text-decoration:underline}@media(max-width:767px){.reset-password-page .auth-page-content{max-width:100%;margin:var(--space-3)}.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:var(--space-3)}}@media(max-width:480px){.reset-password-page .auth-page-container{padding:var(--space-2)}.reset-password-page .auth-page-content{margin:var(--space-2)}.reset-password-page .auth-form{padding:1rem .875rem;border-radius:var(--border-radius-md)}.reset-password-page .auth-title{font-size:var(--font-size-md);margin-bottom:var(--space-1-5)}.reset-password-page .auth-logo-container.form{width:60px;height:60px;margin-bottom:var(--space-2)}.reset-password-page .auth-header{margin-bottom:var(--space-4)}.reset-password-page .auth-field{margin-bottom:var(--space-3)}.reset-password-page .auth-button-container{gap:var(--space-3)}.reset-password-page .auth-form .auth-security-note{font-size:var(--font-size-2xs);margin-top:var(--space-2)}.password-strength-feedback{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}@media(min-width:1024px){.auth-page-container.form,.auth-page-container.transitioning{padding:0}.auth-page-content.form,.auth-page-content.transitioning{display:grid;grid-template-columns:55fr 45fr;grid-template-areas:"media form";max-width:1600px;width:100%;min-height:100dvh;margin:0 auto;padding:0}.auth-media-panel{grid-area:media;position:relative;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(1.5rem,4vh,2.75rem) clamp(2.5rem,5vw,5rem) clamp(2.5rem,7vh,5rem) clamp(1.5rem,3vw,2.75rem);color:var(--text-primary);overflow:hidden;--lockup-ink: 8, 14, 9;--lockup-ink-alpha: 1;--lockup-shadow: 0 1px 2px rgba(var(--lockup-ink), calc(.92 * var(--lockup-ink-alpha))), 0 0 4px rgba(var(--lockup-ink), calc(.75 * var(--lockup-ink-alpha))), 0 0 10px rgba(var(--lockup-ink), calc(.5 * var(--lockup-ink-alpha))), 0 2px 18px rgba(var(--lockup-ink), calc(.45 * var(--lockup-ink-alpha)))}.auth-media-panel>*{position:relative;z-index:1}.auth-media-top{display:flex;flex-direction:column;align-items:flex-start;align-self:flex-start;gap:clamp(.75rem,1.5vh,1.125rem)}.auth-media-bottom{display:flex;flex-direction:column;align-items:flex-start}.auth-media-panel .auth-logo-container.form,.auth-media-panel .auth-logo-container.transitioning{height:clamp(72px,9vh + .5vw,128px);width:auto;aspect-ratio:3.06 / 4.62;margin:0;flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(8,14,9,.8)) drop-shadow(0 4px 22px rgba(8,14,9,.6))}.light-theme .auth-media-panel .auth-logo-container.form,.light-theme .auth-media-panel .auth-logo-container.transitioning{filter:drop-shadow(0 1px 3px rgba(8,14,9,.8)) drop-shadow(0 4px 22px rgba(8,14,9,.6))}.auth-media-panel .auth-logo-svg{width:100%;height:100%;display:block}.auth-brand-tagline{font-family:var(--font-serif);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);letter-spacing:.015em;color:#faf6ec;margin:0;text-shadow:var(--lockup-shadow);opacity:0;transition:opacity var(--duration-slow) .1s ease-in}.auth-page-content.form .auth-brand-tagline,.light-theme .auth-page-content.form .auth-brand-tagline{opacity:.92}.auth-brand-headline{font-family:var(--font-serif);font-size:clamp(1.75rem,1.2rem + 2.5vw,3.25rem);font-weight:var(--font-weight-light);line-height:var(--line-height-none);letter-spacing:var(--letter-spacing-normal);color:#faf6ec;margin:0;text-shadow:var(--lockup-shadow);opacity:.5;transform:translateY(8px);transition:opacity .6s var(--duration-base) ease-in,transform .6s var(--duration-base) var(--ease-out-expo)}.auth-page-content.form .auth-brand-headline{opacity:1;transform:translateY(0)}.light-theme .auth-media-panel .auth-logo-svg,.light-theme .auth-media-panel .auth-logo-svg path{fill:#faf6ec;color:#faf6ec}@media(prefers-reduced-motion:reduce){.auth-brand-tagline,.auth-brand-headline{transition:opacity var(--duration-base) ease-in;transform:none}}.auth-form-area{grid-area:form;position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(2rem,6vh,5rem) clamp(1.5rem,5vw,5rem)}.light-theme .auth-form-area{--text-primary: #faf6ec;--text-secondary: color-mix(in srgb, #faf6ec 72%, transparent)}.light-theme .auth-form-area .auth-button-outlined{background:transparent;border-color:color-mix(in srgb,var(--accent-gold) 50%,transparent);color:var(--ink-earn)}.light-theme .auth-form-area .auth-button-outlined:hover:not(:disabled){background:color-mix(in srgb,var(--accent-gold) 8%,transparent);border-color:var(--accent-gold);color:var(--ink-earn)}.light-theme .auth-form-area .auth-button-outlined:active:not(:disabled){background:color-mix(in srgb,var(--accent-gold) 14%,transparent)}.light-theme .auth-form-area .auth-button-outlined:disabled{background:transparent;border-color:color-mix(in srgb,var(--accent-gold) 25%,transparent);color:color-mix(in srgb,var(--ink-earn) 40%,transparent)}.light-theme .auth-form-area .auth-float-wrapper,.light-theme .auth-form-area .password-field-container,.light-theme .auth-form-area input.auth-input,.light-theme .auth-form-area input.auth-float-input{--text-secondary: color-mix(in srgb, #3d3426 72%, #f5f1e8)}.light-theme .auth-form-area .auth-field-hint{color:color-mix(in srgb,#faf6ec 65%,transparent)}.light-theme .auth-form-area .password-validation-success,.light-theme .auth-form-area .validation-checkmark{color:#7fd4a0}.light-theme .auth-form-area .password-strength-segment{background-color:#ffffff26}.auth-form-area:after{content:"";position:absolute;top:0;bottom:0;left:100%;width:100vw;pointer-events:none;z-index:-1}.auth-form-card{position:relative;width:100%;max-width:440px;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.auth-form-card .auth-form-container,.auth-form-card .auth-form-container.visible,.auth-form-card .auth-form-container.hidden{max-width:none;width:100%;margin:0;min-height:0;padding:0;background:none}.auth-form-card .auth-form{padding:0;max-width:none;background:transparent;border:none;box-shadow:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}.auth-form-card .auth-header{margin-bottom:clamp(1rem,2.5vh,1.5rem);align-items:flex-start;text-align:left}.light-theme .auth-form-card .auth-title,.auth-form-card .auth-title{text-align:left;text-shadow:0 1px 8px rgba(8,12,9,.55);font-size:clamp(1.5rem,3.6vh,2rem);margin-bottom:var(--space-1)}.auth-form-card .auth-login-subheader{text-align:left;margin-bottom:clamp(.875rem,2.2vh,1.25rem)}.auth-form-card .auth-login-subheader--footer{text-align:center;margin-bottom:0}.auth-form-card .auth-logo-container{display:none}@media(max-height:720px){.auth-media-panel{padding-top:clamp(1.25rem,3vh,2rem);padding-bottom:clamp(1.25rem,3vh,2rem)}.auth-media-panel .auth-logo-container.form,.auth-media-panel .auth-logo-container.transitioning{height:clamp(60px,7.5vh + .5vw,100px)}.auth-brand-tagline{font-size:var(--font-size-xs)}.auth-brand-headline{font-size:clamp(1.5rem,3.6vh,2.25rem)}}}}@layer components{.tour-ring-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-tour-highlight);pointer-events:none}.tour-ring{--tour-ring-offset: 7px;position:absolute;pointer-events:none;border-radius:var(--tour-ring-radius, 8px);outline:2px solid var(--tour-hl-color, var(--accent-gold));outline-offset:var(--tour-ring-offset);animation:tour-ring-settle .26s cubic-bezier(.22,1,.36,1) both}.tour-ring:before{content:"";position:absolute;inset:calc(-1 * var(--tour-ring-offset));border-radius:calc(var(--tour-ring-radius, 8px) + var(--tour-ring-offset));box-shadow:0 0 0 1px color-mix(in srgb,var(--tour-hl-color) 35%,transparent),0 0 14px 2px color-mix(in srgb,var(--tour-hl-color) 35%,transparent);animation:tour-ring-halo 3s ease-in-out infinite}@keyframes tour-ring-settle{0%{opacity:0;transform:scale(var(--tour-ring-in-x, 1),var(--tour-ring-in-y, 1))}to{opacity:1;transform:scale(1)}}@keyframes tour-ring-halo{0%,to{opacity:.7}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.tour-ring{animation:none}.tour-ring:before{animation:none;opacity:.85}}}@layer components{body.tour-active .bottom-right-cluster{pointer-events:none;opacity:.35;filter:grayscale(.4)}body.tour-active:not([data-tour-step=connect-comms]) .p2p-comms-puck{pointer-events:none;opacity:.35;filter:grayscale(.4);transition:opacity var(--transition-medium),filter var(--transition-medium)}body.tour-active{--tour-hl-color: var(--accent-gold)}body.tour-active[data-tour-section=learn]{--tour-hl-color: var(--tree-green)}body.tour-active[data-tour-section=connect]{--tour-hl-color: var(--accent-blue)}body.tour-active[data-tour-section=earn]{--tour-hl-color: var(--accent-gold)}body.garden-unlocking:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;background:radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--tree-green) 26%,transparent),transparent 62%);animation:garden-unlock-glow 2.6s ease-out forwards}@keyframes garden-unlock-glow{0%{opacity:0}22%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){body.garden-unlocking:after{animation:none;opacity:0}}.guidance-strip{--tour-glow-halo: var(--accent-gold);position:fixed;top:calc(var(--space-5) + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:var(--z-tour-overlay);display:flex;align-items:flex-start;gap:var(--space-4);width:min(82vw,820px);padding:var(--space-5) var(--space-6);background:var(--bg-elevated);background-image:var(--elevation-overlay-08dp);border:1px solid color-mix(in srgb,var(--hue-connect) 40%,transparent);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-elevation-12dp);animation:guidance-strip-rise .35s var(--ease-out-smooth)}.light-theme .guidance-strip{--tour-glow-halo: #e0a52a}.guidance-strip--glow{box-shadow:var(--shadow-elevation-12dp),0 0 0 1px color-mix(in srgb,var(--tour-glow-halo) 28%,transparent),0 8px 32px color-mix(in srgb,var(--tour-glow-halo) 18%,transparent);border-color:color-mix(in srgb,var(--tour-glow-halo) 35%,var(--elevation-overlay-08dp))}.guidance-strip__narration--typing:after{content:"▊";display:inline-block;margin-left:var(--space-0-5);color:var(--tour-glow-halo, var(--accent-primary));animation:guidance-strip-typing-caret-blink .9s step-end infinite}@keyframes guidance-strip-typing-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes guidance-strip-rise{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.guidance-strip__glyph{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);overflow:hidden}.guidance-strip__logo{width:30px;height:30px;object-fit:contain}.guidance-strip__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}.guidance-strip__narration{margin:0;font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--text-primary)}.guidance-strip__waiting-hint{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--text-tertiary)}.guidance-strip__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-1)}.guidance-strip__dots{display:flex;align-items:center;gap:var(--space-2)}.guidance-strip__dot{width:6px;height:6px;border-radius:50%;background:var(--state-hover);transition:background var(--duration-base) ease,transform var(--duration-base) ease}.guidance-strip__dot--done{background:color-mix(in srgb,var(--hue-connect) 55%,transparent)}.guidance-strip__dot--active{background:var(--accent-primary);transform:scale(1.4)}.guidance-strip__actions{display:flex;align-items:center;gap:var(--space-2)}.guidance-strip__skip{-webkit-appearance:none;appearance:none;border:1px solid color-mix(in srgb,var(--tour-hl-color, var(--tree-green)) 40%,transparent);background:transparent;color:var(--tour-on-green, var(--text-primary));font-family:var(--font-sans);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:var(--border-radius-capsule);transition:color .18s ease,background .18s ease,border-color .18s ease}.guidance-strip__skip:hover{color:var(--tour-hl-color, var(--ink-learn));background:color-mix(in srgb,var(--tour-hl-color, var(--tree-green)) 12%,transparent);border-color:color-mix(in srgb,var(--tour-hl-color, var(--tree-green)) 60%,transparent)}.guidance-strip__primary{-webkit-appearance:none;appearance:none;border:1px solid #fff;background:var(--tour-hl-color, var(--tree-green));color:var(--tour-on-hl-color, #f7f4ed);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-5);min-height:var(--touch-target-comfortable);border-radius:var(--border-radius-capsule);cursor:pointer;transition:filter .18s ease,transform .12s ease}.guidance-strip__primary:hover{filter:brightness(1.08)}.guidance-strip__primary:active{transform:scale(.97)}.guidance-strip__skip:disabled,.guidance-strip__primary:disabled{opacity:.55;cursor:default;pointer-events:none}.guidance-strip__step-count{opacity:.7;font-weight:var(--font-weight-medium)}.tour-spotlight-target{position:relative;z-index:7}.tour-dock-invite{animation:tour-dock-invite-glow 2.6s ease-in-out infinite}@keyframes tour-dock-invite-glow{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,var(--tree-green) 22%,transparent),0 0 20px 2px color-mix(in srgb,var(--tree-green) 16%,transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb,var(--tree-green) 40%,transparent),0 0 34px 7px color-mix(in srgb,var(--tree-green) 26%,transparent)}}.tour-surface-root{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none}.tour-spotlight-shroud{position:fixed;z-index:6;pointer-events:none;border-radius:12px;box-shadow:0 0 0 9999px #0000005c}@media(max-width:600px){.guidance-strip{width:calc(100vw - var(--space-4));padding:var(--space-3);gap:var(--space-2)}.guidance-strip__narration{font-size:var(--font-size-sm)}}@media(prefers-reduced-motion:reduce){.guidance-strip,.tour-dock-invite{animation:none}.guidance-strip__narration--typing:after{animation:none}}.tour-cinematic{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;pointer-events:auto;display:grid;place-items:center;background:radial-gradient(circle at center,#0a0c0a66,#070907a8);-webkit-backdrop-filter:blur(7px) saturate(105%);backdrop-filter:blur(7px) saturate(105%);opacity:1;animation:tour-cinematic-in .42s ease;transition:opacity var(--duration-medium) ease}.tour-cinematic--exiting{opacity:0}.tour-cinematic--goal,.tour-cinematic--return{--tour-cine-accent: var(--category-learn, var(--tree-green))}.tour-cinematic__card{position:relative;display:grid;place-items:center;gap:var(--space-3);max-width:min(90vw,400px);padding:clamp(2rem,4vw,2.6rem) clamp(1.75rem,5vw,2.75rem);text-align:center;border-radius:var(--border-radius-xl);background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-subtle, color-mix(in srgb, var(--text-primary) 10%, transparent));box-shadow:var(--shadow-elevation-12dp);pointer-events:auto;--entrance-expand-duration: .6s;--entrance-rise-duration: .55s;--entrance-rise-distance: 12px;--entrance-rise-blur: 4px;--stagger-base-delay: 80ms}@media(prefers-reduced-motion:reduce){.tour-cinematic__card{box-shadow:0 0 0 1px color-mix(in srgb,var(--tour-cine-accent, var(--tree-green)) 46%,transparent),var(--shadow-elevation-12dp)}}.tour-cinematic__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;color:var(--ink-learn, var(--ink-learn));background:color-mix(in srgb,var(--category-learn) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--category-learn) 24%,transparent)}.tour-cinematic__headline{font-family:var(--font-serif, var(--font-sans));font-size:clamp(1.75rem,4vw,2.4rem);font-weight:var(--font-weight-semibold);line-height:1.1;letter-spacing:-.01em;color:var(--text-primary)}.tour-cinematic__subline{max-width:32ch;font-family:var(--font-sans);font-size:clamp(.95rem,2vw,1.05rem);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--text-secondary)}.tour-cinematic__continue{margin-top:var(--space-1);padding:.58rem 1.5rem;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--ink-learn);background:color-mix(in srgb,var(--category-learn) 12%,transparent);border:1px solid color-mix(in srgb,var(--category-learn) 30%,transparent);border-radius:999px;cursor:pointer;transition:background-color .18s ease,transform .12s ease}.tour-cinematic__continue:hover{background:color-mix(in srgb,var(--category-learn) 20%,transparent)}.tour-cinematic__continue:active{transform:translateY(1px)}.tour-cinematic__continue:focus-visible{outline:2px solid var(--category-learn);outline-offset:2px}@keyframes tour-cinematic-in{0%{opacity:0}to{opacity:1}}}@layer components{.tour-interaction-lock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--tour-blocking-overlay, rgba(0, 0, 0, .75));pointer-events:auto;cursor:default;animation:tour-interaction-lock-in var(--duration-base) var(--ease-out-smooth)}.tour-interaction-lock--transparent{background:transparent;animation:none}@keyframes tour-interaction-lock-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.tour-interaction-lock{animation:none}}}@layer components{.burst-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-burst, 13900);overflow:hidden}.burst-particle{position:absolute;border-radius:50%;pointer-events:none;animation:burst-particle-fly .5s ease-out forwards;will-change:transform,opacity;transform:translate(-50%,-50%)}@keyframes burst-particle-fly{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){.burst-particle{animation:none;display:none}}}@layer components{.garden-loading-container{position:fixed;top:0;right:0;bottom:0;left: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-transition);isolation:isolate;cursor:pointer;background:var(--bg-primary);contain:layout style paint}.garden-loading-container.fading-out{opacity:0;transition:opacity .4s ease-out;pointer-events:none}.garden-loading-container .gradient-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;border-radius:0;pointer-events:none}.garden-loading-forest-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-position:center center;transform-origin:center center;contain:strict;background-size:cover;background-repeat:no-repeat;image-rendering:pixelated;animation:gardenLoadingForestEntry 5s var(--ease-out-smooth) forwards;opacity:0;transform:scale(1)}.garden-loading-forest-bg--dark{background-image:url(/images/forest/forest1_dark.webp)}.garden-loading-forest-bg--light{background-image:url(/images/forest/forest1_light.webp)}@keyframes gardenLoadingForestEntry{0%{opacity:0;transform:scale(1)}16%{opacity:1}to{opacity:1;transform:scale(1.06)}}.garden-loading-forest-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.garden-loading-forest-bg--dark:after{background:radial-gradient(ellipse at center,transparent 40%,rgba(30,31,28,.45) 100%),linear-gradient(to top,rgba(30,31,28,.5) 0%,rgba(30,31,28,.15) 35%,transparent 65%)}.garden-loading-forest-bg--light:after{background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.08) 100%),linear-gradient(to top,rgba(248,245,237,.45) 0%,rgba(248,245,237,.1) 35%,transparent 65%)}.garden-loading-dawn-overlay{position:absolute;top:0;right:0;bottom:0;left: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:gardenLoadingDawnFade var(--garden-loading-dawn-duration, 4s) ease-in-out forwards;opacity:0}@keyframes gardenLoadingDawnFade{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.light-theme .garden-loading-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}.garden-loading-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:var(--space-4);transition:all var(--transition-medium)}.garden-loading-logo-container{width:280px;height:auto;display:flex;align-items:center;justify-content:center;transition:all var(--transition-medium);padding:var(--spacing-xs);margin-bottom:-2rem;color:var(--text-primary)}.light-theme .garden-loading-logo-container{--atai-glow-color: transparent}.garden-loading-logo-bloom{animation:gardenLoadingLogoBloom .6s ease-out forwards;opacity:0}@keyframes gardenLoadingLogoBloom{to{opacity:1}}.garden-loading-logo{width:100%;height:100%;transition:all .4s var(--ease-in-out-smooth);filter:drop-shadow(0 0 0px transparent)}.garden-loading-text-container{text-align:center;transition:all var(--transition-medium);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-lg)}.garden-loading-text-elevate{animation:gardenLoadingTextElevate .5s ease-out .25s forwards;opacity:0;transform:translateY(20px)}@keyframes gardenLoadingTextElevate{to{opacity:.8;transform:translateY(0)}}.garden-loading-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}.garden-loading-container .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:767px){.garden-loading-content{gap:var(--spacing-sm)}.garden-loading-logo-container{width:200px}.garden-loading-title{font-size:var(--font-size-xl)}}@media(max-width:480px){.garden-loading-content{gap:var(--spacing-sm);padding:0}.garden-loading-logo-container{width:180px;margin-bottom:0}.garden-loading-title{font-size:var(--font-size-lg)}}@media(max-width:320px){.garden-loading-content{gap:var(--spacing-xs);padding:0}.garden-loading-logo-container{width:140px}.garden-loading-title{font-size:var(--font-size-md)}}@media(prefers-reduced-motion:reduce){.garden-loading-forest-bg,.garden-loading-logo-bloom,.garden-loading-text-elevate,.garden-loading-dawn-overlay{animation:none!important;opacity:1!important;filter:none!important;transform:none!important;transition:none!important}.garden-loading-text-elevate{opacity:.8!important}.garden-loading-dawn-overlay{opacity:0!important}}@media(prefers-contrast:high){.garden-loading-container{background:var(--bg-primary)}.garden-loading-title{color:var(--text-primary);font-weight:var(--font-weight-semibold)}}@media print{.garden-loading-container{display:none}}}@layer components{.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:var(--type-body);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:var(--type-body)}.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(--ink-connect);font-weight:var(--font-weight-medium)}.dropdown-item.primary:hover,.dropdown-item.primary.focused{background:#3b82f61a;color:var(--ink-connect)}.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:767px){.dropdown-list{min-width:140px;max-width:90vw;max-height:70vh;font-size:var(--type-body)}.dropdown-item{padding:6px 12px}}}@layer components{.notification-live-region{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none}.notification-toast-stack{position:fixed;z-index:10000;pointer-events:none;display:flex;flex-direction:column;gap:10px;max-width:100vw}.notification-toast-stack.position-top-left{top:20px;left:20px;align-items:flex-start}.notification-toast-stack.position-top-center{top:16px;left:50%;transform:translate(-50%);align-items:center}.notification-toast--clickable{cursor:pointer}.notification-toast--clickable:hover{filter:brightness(1.08);transform:translateY(-1px)}.notification-toast-stack.position-top-right{top:20px;right:20px;align-items:flex-end}.notification-toast-stack.position-bottom-left{bottom:20px;left:20px;align-items:flex-start;flex-direction:column-reverse}.notification-toast-stack.position-bottom-right{bottom:20px;right:20px;align-items:flex-end;flex-direction:column-reverse}.notification-toast{position:relative;pointer-events:all;opacity:0;transform-origin:center top;will-change:opacity,transform}.notification-toast.animating{opacity:1}.notification-toast.removing{pointer-events:none}.notification-toast-content{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:var(--border-radius-xl, 20px);min-width:280px;max-width:440px;font-family:var(--font-sans);font-size:var(--type-body);font-weight:var(--font-weight-medium);letter-spacing:.01em;line-height:var(--line-height-normal);position:relative;overflow:hidden;-webkit-backdrop-filter:var(--glass-blur-strong, blur(20px)) saturate(180%);backdrop-filter:var(--glass-blur-strong, blur(20px)) saturate(180%);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a,inset 0 1px #ffffff0f;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}.notification-toast-content:hover{transform:translateY(-1px);box-shadow:0 12px 40px #00000038,0 4px 12px #0000001f,inset 0 1px #ffffff14}.notification-toast-icon-wrapper{flex-shrink:0;width:22px;height:22px;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);word-wrap:break-word}.notification-toast-close{position:absolute;top:6px;right:6px;background:transparent;border:none;color:currentColor;font-size:var(--type-prose);font-family:var(--font-sans);font-weight:var(--font-weight-regular);cursor:pointer;padding:0;border-radius:var(--border-radius-sm, 6px);width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:var(--line-height-none);flex-shrink:0;opacity:.6;pointer-events:auto;transition:all .15s ease}@media(hover:hover){.notification-toast-close{opacity:0;pointer-events:none}.notification-toast-content:hover .notification-toast-close{opacity:.6;pointer-events:auto}}@media(pointer:coarse){.notification-toast-close:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}}.notification-toast-close:hover{opacity:1;background:#ffffff1f}.notification-toast-close:active{background:#ffffff2e;transform:scale(.95)}.notification-toast-action{align-self:stretch;margin:-12px -18px -12px 4px;padding:0 18px;display:flex;align-items:center;flex-shrink:0;background:transparent;border:none;border-left:1px solid color-mix(in srgb,currentColor 28%,transparent);color:currentColor;font-family:var(--font-sans);font-size:var(--type-detail);font-weight:var(--font-weight-semibold);letter-spacing:.02em;cursor:pointer;transition:background .15s ease}.notification-toast-action:hover{background:color-mix(in srgb,currentColor 14%,transparent)}.notification-toast-action:active{background:color-mix(in srgb,currentColor 22%,transparent)}.notification-toast.variant-success .notification-toast-content{background:#509b5ad1;color:#fff;border-color:#ffffff26}.notification-toast.variant-success .notification-toast-icon{color:#fff}.notification-toast.variant-error .notification-toast-content{background:#f92672c7;color:#fff;border-color:#ffffff26}.notification-toast.variant-error .notification-toast-icon{color:#fff}.notification-toast.variant-warning .notification-toast-content{background:#fd971fc7;color:#fff;border-color:#ffffff26}.notification-toast.variant-warning .notification-toast-icon{color:#fff}.notification-toast.variant-info .notification-toast-content{background:#1e1f1cbf;color:var(--text-primary, #f8f5ed);border-color:var(--glass-border, rgba(248, 245, 237, .08))}.notification-toast.variant-info .notification-toast-icon{color:var(--ink-connect, #66d9ef)}.notification-toast.variant-achievement .notification-toast-content{background:#d6ae54d1;color:#fff;border-color:#fff3;box-shadow:0 8px 32px #d6ae5440,0 2px 8px #0000001f,inset 0 1px #ffffff26}.notification-toast.variant-achievement .notification-toast-icon{color:#fff}.notification-toast.variant-achievement .notification-toast-text{font-weight:var(--font-weight-semibold)}.notification-toast.variant-connection .notification-toast-content{background:#387cc8cc;color:#fff;border-color:#ffffff26}.notification-toast.variant-connection .notification-toast-icon{color:#fff}.notification-toast.animation-slide.animating{animation:toast-slide-in .35s cubic-bezier(.16,1,.3,1) forwards}.notification-toast.animation-fade.animating{animation:toast-fade-in .25s ease-out forwards}.notification-toast.animation-bounce.animating{animation:toast-bounce-in .5s cubic-bezier(.34,1.56,.64,1) forwards}.notification-toast.animation-achievement-burst.animating{animation:toast-achievement-in .45s cubic-bezier(.16,1,.3,1) forwards}.notification-toast.variant-achievement.animation-achievement-burst .notification-toast-icon{animation:toast-icon-pulse .55s ease-out}.notification-toast.removing{animation:toast-exit .3s cubic-bezier(.4,0,1,1) forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes toast-bounce-in{0%{opacity:0;transform:scale(.6) translateY(-10px)}60%{opacity:1;transform:scale(1.03) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes toast-achievement-in{0%{opacity:0;transform:translateY(-8px) scale(.92)}60%{opacity:1;transform:translateY(0) scale(1.02)}to{transform:translateY(0) scale(1)}}@keyframes toast-icon-pulse{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.95)}}.light-theme .notification-toast-content{border:1px solid rgba(61,52,40,.12);box-shadow:0 8px 32px #3d34281f,0 2px 8px #3d342814,inset 0 1px #fff6}.light-theme .notification-toast-content:hover{box-shadow:0 12px 40px #3d342829,0 4px 12px #3d34281a,inset 0 1px #ffffff80}.light-theme .notification-toast-close:hover{background:#3d342814}.light-theme .notification-toast-close:active{background:#3d342824}.light-theme .notification-toast.variant-info .notification-toast-content{background:#faf5e6e0;color:var(--text-primary, #453a2d);border-color:#3d342826}.light-theme .notification-toast.variant-info .notification-toast-icon{color:var(--accent-slate, #6d7a88)}.light-theme .notification-toast.variant-success .notification-toast-content{background:#3d7a46e0;border-color:#3d34281a}.light-theme .notification-toast.variant-error .notification-toast-content{background:#a05d5de6;border-color:#3d34281a}.light-theme .notification-toast.variant-warning .notification-toast-content{background:#c0826de6;border-color:#3d34281a}.light-theme .notification-toast.variant-achievement .notification-toast-content{background:#b8935ee6;border-color:#3d34281a;box-shadow:0 8px 32px #b8935e33,0 2px 8px #3d342814,inset 0 1px #ffffff4d}.light-theme .notification-toast.variant-connection .notification-toast-content{background:#2a62a8e6;border-color:#3d34281a}@media(max-width:600px){.notification-toast-stack.position-top-left,.notification-toast-stack.position-top-right,.notification-toast-stack.position-top-center{left:10px;right:10px;top:10px;transform:none;align-items:stretch}.notification-toast-stack.position-bottom-left,.notification-toast-stack.position-bottom-right{left:10px;right:10px;bottom:10px;align-items:stretch}.notification-toast-content{padding:10px 16px;font-size:var(--type-detail);min-width:0;max-width:100%;border-radius:var(--border-radius-lg, 14px)}.notification-toast-icon-wrapper{width:18px;height:18px}.notification-toast-stack{gap:8px}}}@layer components{.node-history{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto}.node-history__btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color 90ms linear,color 90ms linear}.node-history__btn:hover:not(:disabled){background:var(--state-hover);color:var(--text-primary)}.node-history__btn:disabled{opacity:.32;cursor:default}.node-history__btn:focus-visible{outline:2px solid var(--accent-primary, currentColor);outline-offset:1px}@media(pointer:coarse){.node-history__btn{position:relative}.node-history__btn:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}}}@layer components{.global-drop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-file-drop-veil);display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--bg-overlay);pointer-events:none}.global-drop__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-8);border:2px dashed var(--accent-primary);border-radius:var(--border-radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-elevation-12dp);text-align:center;color:var(--text-primary)}.global-drop__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.global-drop__hint{max-width:34ch;color:var(--text-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}@media(max-width:600px),(max-height:500px)and (pointer:coarse){.global-drop__card{padding:var(--space-4)}.global-drop__hint{max-width:26ch}}.global-drop__card--busy{border-style:solid}.global-drop__card--busy svg{animation:global-drop-pulse 1.4s ease-in-out infinite}@keyframes global-drop-pulse{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.global-drop__card--busy svg{animation:none}}}@layer components{.mini-growth-gauges-wrapper{position:relative}.mini-growth-gauges{display:flex;align-items:center;gap:6px;padding:0;background:none;border:none;cursor:default}.mini-growth-bar{position:relative;display:flex;align-items:center;gap:5px;cursor:pointer;padding:0;transition:opacity var(--transition-fast)}.mini-growth-gauges:not(.mini-growth-gauges--profile) .mini-growth-bar{opacity:.68}.mini-growth-gauges:not(.mini-growth-gauges--profile) .mini-growth-bar:hover,.mini-growth-gauges:not(.mini-growth-gauges--profile) .mini-growth-bar--selected,.mini-growth-gauges:not(.mini-growth-gauges--profile) .mini-growth-bar--highlight{opacity:1}.mini-growth-bar--selected .mini-growth-bar__fill{filter:brightness(1.25);box-shadow:0 0 6px currentColor}.mini-growth-bar__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px}.mini-growth-bar__icon svg{width:16px;height:16px;will-change:transform;contain:layout style}.mini-growth-bar__track{position:relative;width:48px;height:8px;background:var(--elevation-overlay-01dp, rgba(255, 255, 255, .05));border-radius:9999px;overflow:hidden;transition:background var(--transition-fast)}.mini-growth-bar__fill{position:absolute;top:0;left:0;height:100%;border-radius:9999px;min-width:2px;transition:width .6s cubic-bezier(.22,1,.36,1)}.mini-growth-bar--learn .mini-growth-bar__icon{color:var(--ink-learn)}.mini-growth-bar--learn .mini-growth-bar__fill{background:var(--category-learn)}.mini-growth-bar--connect .mini-growth-bar__icon{color:var(--ink-connect)}.mini-growth-bar--connect .mini-growth-bar__fill{background:var(--category-connect)}.mini-growth-bar--earn .mini-growth-bar__icon{color:var(--ink-earn)}.mini-growth-bar--earn .mini-growth-bar__fill{background:var(--category-earn)}.mini-growth-bar__float-indicator{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:var(--type-detail);font-weight:var(--font-weight-bold);white-space:nowrap;pointer-events:none;animation:growthFloatUp 2s ease-out forwards;text-shadow:0 1px 3px rgba(0,0,0,.6);z-index:10}.mini-growth-bar--learn .mini-growth-bar__float-indicator{color:var(--ink-learn)}.mini-growth-bar--connect .mini-growth-bar__float-indicator{color:var(--ink-connect)}.mini-growth-bar--earn .mini-growth-bar__float-indicator{color:var(--ink-earn)}@keyframes growthFloatUp{0%{opacity:0;transform:translate(-50%) translateY(4px)}15%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1;transform:translate(-50%) translateY(-8px)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.mini-growth-bar--highlight .mini-growth-bar__fill{animation:barFillPulse 1.2s ease-out}.mini-growth-bar--highlight .mini-growth-bar__track{animation:barTrackGlow 1.2s ease-out;overflow:visible}.mini-growth-bar--highlight .mini-growth-bar__icon svg{animation:barIconBounce .5s var(--ease-spring, cubic-bezier(.68, -.55, .27, 1.55))}@keyframes barFillPulse{0%{filter:brightness(1);transform:scaleY(1)}15%{filter:brightness(1.8);transform:scaleY(1.3)}40%{filter:brightness(1.3);transform:scaleY(.9)}60%{filter:brightness(1.1);transform:scaleY(1.05)}to{filter:brightness(1);transform:scaleY(1)}}@keyframes barTrackGlow{0%{box-shadow:0 0 0 transparent}20%{box-shadow:0 0 8px color-mix(in srgb,currentColor 40%,transparent)}to{box-shadow:0 0 0 transparent}}@keyframes barIconBounce{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}to{transform:scale(1)}}@media(max-width:600px){.mini-growth-gauges{gap:4px}.mini-growth-bar{gap:3px}.mini-growth-bar__track{width:28px}.mini-growth-bar__icon{width:14px;height:14px}.mini-growth-bar__icon svg{width:12px;height:12px}}.light-theme .mini-growth-bar__track{background:var(--beige-sand, rgba(0, 0, 0, .06))}.mini-growth-gauges-wrapper--profile{width:100%}.mini-growth-gauges--profile{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;padding:0;cursor:default}.mini-growth-gauges--profile .mini-growth-bar{width:100%;cursor:default;gap:8px}.mini-growth-gauges--profile .mini-growth-bar:hover{opacity:1}.mini-growth-gauges--profile .mini-growth-bar__track{flex:1;height:8px}.mini-growth-gauges--profile .mini-growth-bar__icon{width:18px;height:18px}}@layer components{.mini-growth-bar[data-tier="1"] .mini-growth-bar__fill{background:linear-gradient(90deg,var(--fill-color) 0%,var(--fill-color-light) 45%,var(--fill-color) 100%);background-size:250% 100%;animation:gauge-shimmer 3s ease-in-out infinite}.mini-growth-bar[data-tier="2"] .mini-growth-bar__fill{background:linear-gradient(90deg,var(--fill-color),var(--fill-color-light));box-shadow:0 0 6px color-mix(in srgb,var(--fill-color) 50%,transparent)}.mini-growth-bar[data-tier="3"] .mini-growth-bar__fill{background:linear-gradient(90deg,var(--fill-color) 0%,var(--fill-color-light) 50%,var(--fill-color) 100%);background-size:250% 100%;animation:gauge-shimmer 2s ease-in-out infinite;box-shadow:0 0 8px color-mix(in srgb,var(--fill-color) 60%,transparent)}.mini-growth-bar[data-tier="3"] .mini-growth-bar__track{box-shadow:0 0 4px color-mix(in srgb,var(--fill-color) 25%,transparent);animation:gauge-track-pulse 2.5s ease-in-out infinite}.mini-growth-bar[data-tier="4"] .mini-growth-bar__fill,.mini-growth-bar[data-tier="5"] .mini-growth-bar__fill,.mini-growth-bar[data-tier="6"] .mini-growth-bar__fill,.mini-growth-bar[data-tier="7"] .mini-growth-bar__fill,.mini-growth-bar[data-tier="8"] .mini-growth-bar__fill,.mini-growth-bar[data-tier="9"] .mini-growth-bar__fill{background:linear-gradient(90deg,var(--fill-color) 0%,var(--fill-color-light) 50%,var(--fill-color) 100%);background-size:250% 100%;animation:gauge-shimmer 1.8s ease-in-out infinite;box-shadow:0 0 10px color-mix(in srgb,var(--fill-color) 65%,transparent)}.mini-growth-bar[data-tier="4"] .mini-growth-bar__track,.mini-growth-bar[data-tier="5"] .mini-growth-bar__track,.mini-growth-bar[data-tier="6"] .mini-growth-bar__track,.mini-growth-bar[data-tier="7"] .mini-growth-bar__track,.mini-growth-bar[data-tier="8"] .mini-growth-bar__track,.mini-growth-bar[data-tier="9"] .mini-growth-bar__track{box-shadow:0 0 5px color-mix(in srgb,var(--fill-color) 30%,transparent);animation:gauge-track-pulse 2s ease-in-out infinite}.mini-growth-bar[data-tier="4"] .mini-growth-bar__fill:after,.mini-growth-bar[data-tier="5"] .mini-growth-bar__fill:after,.mini-growth-bar[data-tier="6"] .mini-growth-bar__fill:after,.mini-growth-bar[data-tier="7"] .mini-growth-bar__fill:after,.mini-growth-bar[data-tier="8"] .mini-growth-bar__fill:after,.mini-growth-bar[data-tier="9"] .mini-growth-bar__fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 4px var(--fill-color),0 0 8px var(--fill-color);animation:gauge-edge-glow 1.2s ease-in-out infinite}@keyframes gauge-shimmer{0%{background-position:250% 0}to{background-position:-250% 0}}@keyframes gauge-track-pulse{0%,to{box-shadow:0 0 3px color-mix(in srgb,var(--fill-color) 15%,transparent)}50%{box-shadow:0 0 8px color-mix(in srgb,var(--fill-color) 35%,transparent)}}@keyframes gauge-edge-glow{0%,to{opacity:.5;transform:translateY(-50%) scale(.7)}50%{opacity:1;transform:translateY(-50%) scale(1.3)}}.energy-orb{position:fixed;width:calc(10px * var(--orb-scale, 1));height:calc(10px * var(--orb-scale, 1));border-radius:50%;background:var(--orb-color);box-shadow:0 0 6px var(--orb-color),0 0 14px var(--orb-color),0 0 22px color-mix(in srgb,var(--orb-color) 40%,transparent);z-index:10000;pointer-events:none;animation:energy-orb-fly .7s cubic-bezier(.4,0,.2,1) forwards}.energy-orb--crit{box-shadow:0 0 10px var(--orb-color),0 0 22px var(--orb-color),0 0 36px color-mix(in srgb,var(--orb-color) 55%,transparent)}@keyframes energy-orb-fly{0%{left:var(--orb-start-x);top:var(--orb-start-y);transform:scale(1.6);opacity:1}35%{top:calc(var(--orb-start-y) - 18px);transform:scale(1.3);opacity:1}to{left:var(--orb-end-x);top:var(--orb-end-y);transform:scale(.4);opacity:.7}}.mini-growth-bar--level-up .mini-growth-bar__track{animation:gauge-levelup-flash .6s ease-out}@keyframes gauge-levelup-flash{0%{box-shadow:0 0 0 transparent;filter:brightness(1)}25%{box-shadow:0 0 14px var(--fill-color);filter:brightness(1.6)}60%{box-shadow:0 0 6px var(--fill-color);filter:brightness(1.2)}to{box-shadow:0 0 0 transparent;filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.mini-growth-bar[data-tier] .mini-growth-bar__fill,.mini-growth-bar[data-tier] .mini-growth-bar__track{animation:none}.mini-growth-bar[data-tier] .mini-growth-bar__fill:after{animation:none;opacity:.8}.energy-orb{animation:none;display:none}.mini-growth-bar--level-up .mini-growth-bar__track{animation:none}}}@layer components{.growth-gauges-anchor{position:fixed;left:-9999px;top:0;visibility:hidden;pointer-events:none}}@layer components{.tree-window-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay-dialog, 11000);display:flex;align-items:center;justify-content:center;background:#0000004d;animation:fadeIn .3s ease-out;cursor:pointer}.tree-window{width:min(520px,90vw);background:var(--bg-primary);border-radius:var(--border-radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-elevation-12dp);overflow:hidden;cursor:default;animation:treeWindowSlideIn .4s ease-out}.tree-window__content{width:100%;border-radius:var(--border-radius-md);overflow:hidden;background:var(--elevation-01dp);border:1px solid var(--border-color);position:relative}.tree-window__content .react-flow__renderer{background:transparent}.tree-window__content .react-flow__background,.tree-window__content .react-flow__minimap,.tree-window__content .react-flow__controls,.tree-window__content .react-flow__panel{display:none}.tree-window__node--verified .unified-node__icon-circle,.tree-window__node--verified .step-node{animation:verifiedGlow 1.5s ease-in-out 2}@keyframes verifiedGlow{0%,to{box-shadow:0 0 8px 2px color-mix(in srgb,var(--tree-green, #6ab56f) 40%,transparent);transform:scale(1)}50%{box-shadow:0 0 20px 8px color-mix(in srgb,var(--tree-green, #6ab56f) 65%,transparent);transform:scale(1.05)}}.tree-window__ring-label{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:var(--type-detail);font-weight:var(--font-weight-semibold);color:var(--ink-learn, #6ab56f);letter-spacing:.04em;pointer-events:none;animation:ringUnlockLabel 2.5s ease-out forwards;z-index:10;white-space:nowrap}@keyframes ringUnlockLabel{0%{opacity:0;transform:translate(-50%) translateY(6px)}20%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1;transform:translate(-50%) translateY(-4px)}to{opacity:0;transform:translate(-50%) translateY(-8px)}}.tree-window__loading{display:flex;align-items:center;justify-content:center;background:var(--elevation-01dp);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.tree-window__loading-pulse{width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--tree-green) 20%,transparent);animation:pulse-opacity 1.5s ease-in-out infinite}@keyframes treeWindowSlideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.tree-window,.tree-window-overlay,.tree-window__node--verified .step-node{animation:none}}@media(max-width:600px){.tree-window{width:calc(100vw - var(--spacing-lg) * 2)}}}@layer components{.active-call-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;background:transparent;border:none;border-radius:var(--border-radius-full, 9999px);color:var(--text-secondary);cursor:pointer;position:relative;transition:color var(--transition-fast),background var(--transition-fast)}.active-call-chip:hover{color:var(--text-primary);background:var(--state-hover, rgba(255, 255, 255, .08))}.active-call-chip--open{color:var(--ink-connect);background:var(--state-selected, rgba(255, 255, 255, .12))}.active-call-chip svg{width:16px;height:16px;flex-shrink:0}.active-call-chip__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.active-call-chip__dot.active{background:var(--accent-green);box-shadow:0 0 0 3px rgba(var(--accent-green-rgb, 76, 175, 80),.25);animation:call-pulse 2s ease-in-out infinite}.active-call-chip__dot.pending{background:var(--accent-amber, var(--accent-yellow));box-shadow:0 0 0 3px rgba(var(--accent-amber-rgb, 255, 193, 7),.25);animation:call-pulse 1.5s ease-in-out infinite}@keyframes call-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.active-call-chip__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-none)}.active-call-chip__badge{position:absolute;top:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:var(--accent-red);color:#fff;font-size:var(--type-detail);font-weight:var(--font-weight-bold, 700);display:flex;align-items:center;justify-content:center;line-height:var(--line-height-none)}.active-call-dropdown{z-index:var(--z-popover, 2000);width:320px;max-width:calc(100vw - 16px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-elevation-04dp, 0 4px 12px rgba(0, 0, 0, .25));padding:var(--spacing-sm);animation:chipDropdownIn .15s ease-out}@keyframes chipDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.active-call-dropdown__section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.active-call-dropdown__section+.active-call-dropdown__section{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.active-call-dropdown__section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .05em);padding:0 var(--spacing-xs)}.active-call-dropdown__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--border-radius-sm);transition:background var(--transition-fast)}.active-call-dropdown__item:hover{background:var(--state-hover, rgba(255, 255, 255, .06))}.active-call-dropdown__item.pending{border-left:2px solid var(--accent-amber, var(--accent-yellow))}.active-call-dropdown__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.active-call-dropdown__dot.active{background:var(--accent-green)}.active-call-dropdown__dot.pending{background:var(--accent-amber, var(--accent-yellow))}.active-call-dropdown__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.active-call-dropdown__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-call-dropdown__meta{font-size:var(--font-size-xs);color:var(--text-secondary)}.active-call-dropdown__actions{display:flex;gap:4px;flex-shrink:0}.active-call-dropdown__btn{padding:4px 10px;border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.active-call-dropdown__btn.join{background:var(--accent-blue);color:var(--text-on-accent, var(--bg-primary))}.active-call-dropdown__btn.join:hover{background:var(--accent-blue-hover)}.active-call-dropdown__btn.accept{background:var(--accent-green);color:var(--text-on-accent, var(--bg-primary))}.active-call-dropdown__btn.accept:hover{filter:brightness(1.1)}.active-call-dropdown__btn.end,.active-call-dropdown__btn.decline{background:var(--bg-tertiary);color:var(--text-secondary)}.active-call-dropdown__btn.end:hover,.active-call-dropdown__btn.decline:hover{background:var(--accent-red);color:var(--text-on-accent, white)}.active-call-dropdown__cleanup{width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-tertiary);font-size:var(--font-size-xs);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.active-call-dropdown__cleanup:hover{background:var(--state-hover, rgba(255, 255, 255, .06));color:var(--text-secondary)}@media(max-width:600px){.active-call-chip{padding:4px 6px;gap:4px}.active-call-dropdown{width:calc(100vw - 16px);left:8px!important}}.light-theme .active-call-chip:hover{background:#0000000a}.light-theme .active-call-chip--open{background:#0000000f}.light-theme .active-call-dropdown{background:var(--beige-canvas, var(--bg-secondary));border-color:var(--beige-sand, var(--border-color))}.light-theme .active-call-dropdown__item:hover,.light-theme .active-call-dropdown__cleanup:hover{background:#00000008}}@layer components{.beta-launcher{position:fixed;bottom:var(--spacing-md);left:calc(var(--sidebar-width) + var(--spacing-sm));z-index:var(--z-beta-launcher);display:inline-flex;align-items:center;gap:var(--spacing-xs);min-height:var(--touch-target-min);padding:0 var(--spacing-sm);border:1px solid var(--border-subtle);border-radius:var(--border-radius-capsule);background:var(--bg-elevated);color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;box-shadow:var(--shadow-elevation-04dp);transition:background var(--duration-fast) ease,color var(--duration-fast) ease,transform var(--duration-fast) ease}.beta-launcher:hover{background:var(--state-hover-surface, #33342f);color:var(--text-primary);transform:translateY(-1px)}.beta-launcher:focus-visible{outline:2px solid var(--focus-ring, #7fb069);outline-offset:2px}.beta-launcher__glyph{display:inline-flex;align-items:center}@media(min-width:601px){.beta-launcher{display:none}}@media(max-width:600px){.beta-launcher{left:var(--spacing-sm);bottom:calc(var(--mobile-capsule-clearance) + var(--space-2));padding:0;width:var(--touch-target-min);justify-content:center}.beta-launcher__text{display:none}}.beta-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.beta-label,.beta-q__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.beta-textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);resize:vertical}.beta-textarea:focus-visible{outline:2px solid var(--focus-ring, #7fb069);outline-offset:-1px}.beta-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.beta-chip{min-height:var(--touch-target-min);padding:0 var(--spacing-sm);border:1px solid var(--border-subtle);border-radius:var(--border-radius-capsule);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:background var(--duration-fast) ease}.beta-chip:hover{background:var(--state-hover)}.beta-chip--active{background:var(--accent-grow, #7fb069);border-color:var(--accent-grow, #7fb069);color:var(--text-on-accent)}.beta-chip:focus-visible{outline:2px solid var(--focus-ring, #7fb069);outline-offset:2px}.beta-context{margin:0;font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:var(--line-height-normal)}.beta-context__tag{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.beta-actions{display:flex;justify-content:flex-end;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.beta-btn{min-height:var(--touch-target-min);padding:0 var(--spacing-md);border:none;border-radius:var(--border-radius-sm);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer}.beta-btn--primary{background:var(--accent-grow, #7fb069);color:var(--text-on-accent)}.beta-btn--primary:disabled{opacity:.45;cursor:not-allowed}.beta-btn--ghost{background:transparent;color:var(--text-secondary)}.beta-btn:focus-visible{outline:2px solid var(--focus-ring, #7fb069);outline-offset:2px}.beta-survey__lead{margin:0 0 var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-tertiary)}.beta-q{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:0;padding:var(--spacing-sm) 0;border:none;border-top:1px solid var(--border-subtle)}.beta-q:first-of-type{border-top:none}.beta-scale{display:flex;gap:var(--spacing-xs)}.beta-scale__dot{flex:1;min-height:var(--touch-target-min);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-base);cursor:pointer}.beta-scale__dot--active{background:var(--accent-grow, #7fb069);border-color:var(--accent-grow, #7fb069);color:var(--text-on-accent)}.beta-scale__dot:focus-visible{outline:2px solid var(--focus-ring, #7fb069);outline-offset:2px}.beta-scale__poles{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-tertiary)}.beta-textarea--short{min-height:72px}.beta-done__lead{margin:0;font-size:var(--font-size-lg);color:var(--text-primary)}.beta-done__sub{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-tertiary)}body.tour-active .beta-launcher,.beta-launcher--tour{padding:0;width:var(--touch-target-min);justify-content:center;opacity:.72}body.tour-active .beta-launcher:hover,.beta-launcher--tour:hover,body.tour-active .beta-launcher:focus-visible,.beta-launcher--tour:focus-visible{opacity:1}body.tour-active .beta-launcher__text,.beta-launcher--tour .beta-launcher__text{display:none}}: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:var(--font-sans);-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:var(--font-sans)}