.login-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:overlayFadeIn .25s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.login-overlay-card{position:relative;width:100%;max-width:440px;background:#16161ef2;border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:2.5rem 2rem 2rem;box-shadow:0 24px 64px #00000080;animation:overlaySlideUp .3s cubic-bezier(.34,1.56,.64,1);max-height:calc(100vh - 3rem);overflow-y:auto}.light-theme .login-overlay-card{background:#fff;box-shadow:0 24px 64px #00000026}@keyframes overlaySlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.login-overlay-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:10px;cursor:pointer;color:var(--landing-text-secondary);transition:all .15s ease}.login-overlay-close:hover{background:var(--landing-surface-elevated);color:var(--landing-text);border-color:color-mix(in srgb,var(--color-feed-reflective) 30%,transparent)}.login-overlay-close svg{width:18px;height:18px}.login-overlay-header{text-align:center;margin-bottom:2rem}.login-overlay-logo{width:56px;height:56px;margin-bottom:1rem}.login-overlay-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--landing-text);margin:0 0 .25rem}.login-overlay-subtitle{font-size:.9375rem;color:var(--landing-text-secondary);margin:0}.login-overlay-subtitle strong{color:var(--landing-text)}.login-overlay-card .google-signin-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:100%;height:48px;padding:0 16px;background-color:#fff;border:1px solid #dadce0;border-radius:12px;font-family:Google Sans,Roboto,arial,sans-serif;font-size:15px;font-weight:500;color:#1f1f1f;cursor:pointer;letter-spacing:.25px;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;transition:background-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.login-overlay-card .google-signin-button:hover:not(:disabled){background-color:#f8f9fa;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.login-overlay-card .google-signin-button:active:not(:disabled){background-color:#f1f3f4}.login-overlay-card .google-signin-button:disabled{opacity:.6;cursor:not-allowed;background-color:#f8f9fa}.login-overlay-card .google-signin-button .google-icon{flex-shrink:0}.login-overlay-card .google-signin-button .google-button-text{flex:1;text-align:center;white-space:nowrap;font-weight:500;color:#1f1f1f;letter-spacing:.25px}.login-overlay-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.login-overlay-divider:before,.login-overlay-divider:after{content:"";flex:1;height:1px;background:var(--landing-border)}.login-overlay-divider span{font-size:.8125rem;color:var(--landing-text-muted);font-weight:500}.login-overlay-form{display:flex;flex-direction:column;gap:1rem}.login-overlay-input-group{display:flex;flex-direction:column;gap:.375rem}.login-overlay-input-group label{font-size:.8125rem;font-weight:500;color:var(--landing-text-secondary)}.login-overlay-email-row{display:flex;gap:.5rem}.login-overlay-email-row .login-overlay-input{flex:1;min-width:0}.login-overlay-input{width:100%;padding:.75rem 1rem;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:10px;font-family:var(--font-body);font-size:.9375rem;color:var(--landing-text);transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.login-overlay-input::placeholder{color:var(--landing-text-muted)}.login-overlay-input:focus{outline:none;border-color:var(--color-feed-reflective);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-feed-reflective) 15%,transparent)}.light-theme .login-overlay-input{background:#f5f5f7}.login-overlay-send-link{padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--color-feed-helpful) 0%,var(--color-feed-curious) 50%,var(--color-feed-reflective) 100%);border:none;border-radius:10px;font-family:var(--font-body);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0}.login-overlay-send-link:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px color-mix(in srgb,var(--color-feed-reflective) 40%,transparent)}.login-overlay-send-link:disabled{opacity:.6;cursor:not-allowed}.login-overlay-request-section{margin-top:.5rem}.login-overlay-request-section .login-overlay-divider{margin:1.25rem 0}.login-overlay-request-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:transparent;border:2px solid color-mix(in srgb,var(--color-feed-reflective) 40%,transparent);color:var(--color-feed-reflective);font-family:var(--font-body);font-size:.9375rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease}.login-overlay-request-btn:hover{background:color-mix(in srgb,var(--color-feed-reflective) 8%,transparent);border-color:color-mix(in srgb,var(--color-feed-reflective) 60%,transparent);transform:translateY(-1px)}.light-theme .login-overlay-request-btn{color:var(--color-feed-reflective);border-color:color-mix(in srgb,var(--color-feed-reflective) 30%,transparent)}.light-theme .login-overlay-request-btn:hover{background:color-mix(in srgb,var(--color-feed-reflective) 6%,transparent);border-color:color-mix(in srgb,var(--color-feed-reflective) 50%,transparent)}.login-overlay-request-btn svg{transition:transform .2s ease}.login-overlay-request-btn:hover svg{transform:translate(3px)}.login-overlay-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:.875rem;text-align:center;margin-bottom:.5rem}.login-overlay-check-email{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:.5rem 0}.login-overlay-check-email-icon{color:var(--color-feed-reflective);opacity:.8}.login-overlay-check-email-hint{font-size:.9375rem;color:var(--landing-text-secondary);text-align:center;margin:0}.login-overlay-resend{padding:.625rem 1.5rem;background:linear-gradient(135deg,var(--color-feed-helpful) 0%,var(--color-feed-curious) 50%,var(--color-feed-reflective) 100%);border:none;border-radius:10px;font-family:var(--font-body);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.login-overlay-resend:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px color-mix(in srgb,var(--color-feed-reflective) 40%,transparent)}.login-overlay-resend:disabled{opacity:.6;cursor:not-allowed}.login-overlay-back{background:none;border:none;color:var(--landing-text-secondary);font-family:var(--font-body);font-size:.875rem;cursor:pointer;padding:.25rem}.login-overlay-back:hover{color:var(--landing-text);text-decoration:underline}.login-overlay-password-toggle{background:none;border:none;color:var(--landing-text-secondary);font-family:var(--font-body);font-size:.8125rem;cursor:pointer;padding:.25rem;margin-top:.5rem;text-decoration:underline;text-underline-offset:2px}.login-overlay-password-toggle:hover{color:var(--landing-text)}.overlay-active{overflow:hidden}[data-ui=tailwind] .login-overlay-backdrop{background:#1816128c}[data-ui=tailwind] .login-overlay-card{background:var(--aq-cream);border:1px solid var(--aq-border);box-shadow:0 24px 64px #1816122e}[data-ui=tailwind] .login-overlay-close{background:transparent;border:1px solid var(--aq-border);color:var(--aq-muted-warm)}[data-ui=tailwind] .login-overlay-close:hover{background:var(--aq-cream-dark);color:var(--aq-charcoal);border-color:var(--aq-teal)}[data-ui=tailwind] .login-overlay-title{font-family:var(--aq-font-display);color:var(--aq-charcoal)}[data-ui=tailwind] .login-overlay-subtitle,[data-ui=tailwind] .login-overlay-input-group label,[data-ui=tailwind] .login-overlay-back,[data-ui=tailwind] .login-overlay-password-toggle,[data-ui=tailwind] .login-overlay-check-email-hint{color:var(--aq-muted-warm);font-family:var(--aq-font-sans)}[data-ui=tailwind] .login-overlay-subtitle strong,[data-ui=tailwind] .login-overlay-back:hover,[data-ui=tailwind] .login-overlay-password-toggle:hover{color:var(--aq-charcoal)}[data-ui=tailwind] .login-overlay-divider:before,[data-ui=tailwind] .login-overlay-divider:after{background:var(--aq-border)}[data-ui=tailwind] .login-overlay-divider span{color:var(--aq-muted-warm);font-family:var(--aq-font-sans)}[data-ui=tailwind] .login-overlay-input{background:#fff;border:1px solid var(--aq-border);color:var(--aq-charcoal);font-family:var(--aq-font-sans)}[data-ui=tailwind] .login-overlay-input::placeholder{color:var(--aq-muted-warm)}[data-ui=tailwind] .login-overlay-input:focus{border-color:var(--aq-teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--aq-teal) 18%,transparent)}[data-ui=tailwind] .login-overlay-send-link,[data-ui=tailwind] .login-overlay-resend{background:var(--aq-teal);color:#fff;font-family:var(--aq-font-sans)}[data-ui=tailwind] .login-overlay-send-link:hover:not(:disabled),[data-ui=tailwind] .login-overlay-resend:hover:not(:disabled){background:var(--aq-teal-dark);box-shadow:0 4px 16px color-mix(in srgb,var(--aq-teal) 30%,transparent)}[data-ui=tailwind] .login-overlay-request-btn{background:transparent;border:2px solid var(--aq-teal);color:var(--aq-teal);font-family:var(--aq-font-sans)}[data-ui=tailwind] .login-overlay-request-btn:hover{background:color-mix(in srgb,var(--aq-teal) 8%,transparent);border-color:var(--aq-teal-dark);color:var(--aq-teal-dark)}[data-ui=tailwind] .login-overlay-check-email-icon{color:var(--aq-teal)}[data-ui=tailwind] .login-overlay-error{background:color-mix(in srgb,var(--aq-destructive) 10%,transparent);border-color:color-mix(in srgb,var(--aq-destructive) 30%,transparent)}[data-ui=tailwind] .login-overlay-card .google-signin-button{background-color:var(--aq-card);border:1px solid var(--aq-border);color:var(--aq-charcoal);font-family:var(--aq-font-sans);box-shadow:0 1px 2px #1816120f,0 2px 6px #1816120a}[data-ui=tailwind] .login-overlay-card .google-signin-button:hover:not(:disabled){background-color:var(--aq-cream-dark);box-shadow:0 1px 3px #18161214,0 4px 10px #1816120f}[data-ui=tailwind] .login-overlay-card .google-signin-button:active:not(:disabled){background-color:var(--aq-cream-dark)}[data-ui=tailwind] .login-overlay-card .google-signin-button:disabled{background-color:var(--aq-cream-dark)}[data-ui=tailwind] .login-overlay-card .google-signin-button .google-button-text{color:var(--aq-charcoal);font-family:var(--aq-font-sans)}@media (max-width: 700px){.login-overlay-backdrop{padding:1rem;align-items:flex-end}.login-overlay-card{border-radius:24px 24px 0 0;padding:2rem 1.5rem 1.5rem;max-height:90vh}.login-overlay-email-row{flex-direction:column}.login-overlay-send-link{width:100%;text-align:center}}:root{--aq-cream: oklch(.975 .012 85);--aq-cream-dark: oklch(.945 .018 80);--aq-teal: oklch(.48 .09 215);--aq-teal-dark: oklch(.38 .09 215);--aq-amber: oklch(.68 .12 65);--aq-charcoal: oklch(.18 .008 65);--aq-muted-warm: oklch(.52 .02 75);--aq-border: oklch(.88 .015 80);--aq-background: var(--aq-cream);--aq-foreground: var(--aq-charcoal);--aq-card: oklch(1 0 0);--aq-card-foreground: var(--aq-charcoal);--aq-popover: oklch(1 0 0);--aq-popover-foreground: var(--aq-charcoal);--aq-primary: var(--aq-teal);--aq-primary-foreground: oklch(.98 0 0);--aq-secondary: var(--aq-cream-dark);--aq-secondary-foreground: var(--aq-charcoal);--aq-muted: var(--aq-cream-dark);--aq-muted-foreground: var(--aq-muted-warm);--aq-accent: var(--aq-amber);--aq-accent-foreground: oklch(.98 0 0);--aq-destructive: oklch(.577 .245 27.325);--aq-destructive-foreground: oklch(.985 0 0);--aq-input: oklch(.88 .015 80);--aq-ring: var(--aq-teal);--aq-font-display: "Playfair Display", Georgia, serif;--aq-font-serif: "Source Serif 4", Georgia, serif;--aq-font-sans: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--aq-fs-display: clamp(3rem, 6vw, 5.5rem);--aq-fs-h1: clamp(2rem, 4vw, 3.25rem);--aq-fs-h2: clamp(1.5rem, 3vw, 2.25rem);--aq-fs-body: 17px;--aq-fs-small: .9rem;--aq-radius: .5rem;--aq-radius-sm: calc(var(--aq-radius) - 4px);--aq-radius-md: calc(var(--aq-radius) - 2px);--aq-radius-lg: var(--aq-radius);--aq-radius-xl: calc(var(--aq-radius) + 4px)}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--mobile-screen-width: 700px}html,body{height:100dvh;min-height:100dvh;margin:0;padding:0;overflow:hidden}#root{height:100dvh;min-height:0;display:flex;flex-direction:column}.options-card{background-color:#f8f9fa;border-radius:12px;padding:16px;box-shadow:0 2px 5px #0000001a;width:100%;margin-bottom:10px;border:1px solid #e9ecef}.options-title{font-weight:500;margin-bottom:12px;color:#4a5568}.options-buttons{display:flex;flex-direction:column;gap:8px}.option-button{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 16px;text-align:left;font-size:14px;color:#2d3748;cursor:pointer;transition:all .2s ease}.option-button:hover{background-color:#ebf8ff;border-color:#90cdf4}.option-button:active{background-color:#bee3f8;transform:scale(.98)}body{min-width:320px;min-height:100vh}:root{--swatch-blueteal: #1d6a87;--swatch-blueteal-soft: #3a8aa8;--swatch-blueteal-hover: #2a89a8;--swatch-blueteal-border: #1a5d75;--swatch-blueteal-deep: #0c4f6a;--swatch-blueteal-darker: #083848;--swatch-blueteal-rgb: 29, 106, 135;--swatch-blueteal-soft-rgb: 42, 137, 168;--swatch-blueteal-deep-rgb: 12, 79, 106;--swatch-cream: #f5ecda;--swatch-yellow-pale: #fffae8;--swatch-yellow-soft: #f0e3a8;--swatch-charcoal: #1d1814;--swatch-warm-grey-dark: #26211a;--swatch-warm-grey-mid: #3a3328}:root{--color-bg-dark: #0e1419;--color-bg-light: #eef2f5;--color-bg-secondary-dark: #181e24;--color-bg-secondary-light: #f8fafa;--color-surface-dark: #1d242c;--color-surface-light: #ffffff;--color-border-dark: #2b3338;--color-border-light: #dddddd;--color-gradient-start-dark: #181e24;--color-gradient-start-light: #eef2f5;--color-gradient-mid-dark: #0e1419;--color-gradient-mid-light: #ffffff;--color-gradient-teal-dark: #0d2230;--color-gradient-teal-light: #dde7ed;--color-muted-dark: #293742;--color-muted-light: #dddddd;--color-disabled-bg-dark: #293742;--color-disabled-bg-light: #f0f0f0;--color-text-dark: #f5f5f5;--color-text-light: #444444;--color-text-secondary-dark: #b0bec5;--color-text-secondary-light: #636f7e;--color-white-dark: #ffffff;--color-white-light: #ffffff;--color-gray-light-dark: #cfcfcf;--color-gray-light-light: #444444;--color-gray-dark: #b0bec5;--color-gray-light: #636f7e;--color-gray-medium-dark: #999999;--color-gray-medium-light: #636f7e;--color-disabled-text-dark: #999999;--color-disabled-text-light: #999999;--color-primary-dark: var(--swatch-blueteal);--color-primary-light: var(--swatch-blueteal-deep);--color-primary-hover-dark: var(--swatch-blueteal-hover);--color-primary-hover-light: var(--swatch-blueteal);--color-primary-dark-dark: var(--swatch-blueteal-deep);--color-primary-dark-light: var(--swatch-blueteal-darker);--color-primary-border-dark: var(--swatch-blueteal-border);--color-primary-border-light: var(--swatch-blueteal);--color-primary-soft-dark: var(--swatch-blueteal-soft);--color-primary-soft-light: var(--swatch-blueteal);--color-primary-rgb-dark: var(--swatch-blueteal-rgb);--color-primary-rgb-light: var(--swatch-blueteal-deep-rgb);--color-primary-hover-rgb-dark: var(--swatch-blueteal-soft-rgb);--color-primary-hover-rgb-light: var(--swatch-blueteal-rgb);--color-secondary-dark: #6878a8;--color-secondary-light: #6878a8;--color-secondary-hover-dark: #7a8ab8;--color-secondary-hover-light: #7a8ab8;--color-secondary-dark-dark: #566690;--color-secondary-dark-light: #566690;--color-secondary-rgb-dark: 104, 120, 168;--color-secondary-rgb-light: 104, 120, 168;--color-social-dark: #9580e6;--color-social-light: #6860a8;--color-social-hover-dark: #b09ef0;--color-social-hover-light: #7B75B8;--color-social-dark-dark: #7b68d6;--color-social-dark-light: #5a5390;--color-social-rgb-dark: 149, 128, 230;--color-social-rgb-light: 104, 96, 168;--color-accent-dark: #B3B52F;--color-accent-light: #9a9c28;--color-accent-hover-dark: #c9cb45;--color-accent-hover-light: #B3B52F;--color-accent-rgb-dark: 179, 181, 47;--color-accent-rgb-light: 154, 156, 40;--color-user-bubble-dark: var(--swatch-warm-grey-dark);--color-user-bubble-light: var(--swatch-yellow-pale);--color-user-bubble-text-dark: var(--swatch-cream);--color-user-bubble-text-light: var(--swatch-charcoal);--color-user-bubble-border-dark: var(--swatch-warm-grey-mid);--color-user-bubble-border-light: var(--swatch-yellow-soft);--color-user-input-bg-dark: rgba(255, 255, 255, .06);--color-user-input-bg-light: #ffffff;--color-user-input-border-dark: rgba(255, 255, 255, .18);--color-user-input-border-light: #b8b8b8;--color-user-input-focus-dark: #ffffff;--color-user-input-focus-light: var(--swatch-blueteal-deep);--color-user-input-text-dark: #f5f5f5;--color-user-input-text-light: var(--swatch-charcoal);--color-feed-input-bg-dark: rgba(255, 255, 255, .04);--color-feed-input-bg-light: #ededed;--color-feed-input-hover-dark: rgba(255, 255, 255, .08);--color-feed-input-hover-light: #e3e3e3;--color-icon-btn-bg-dark: rgba(0, 0, 0, .65);--color-icon-btn-bg-light: #ededed;--color-icon-btn-bg-hover-dark: rgba(0, 0, 0, .8);--color-icon-btn-bg-hover-light: #e0e0e0;--color-icon-btn-border-dark: rgba(255, 255, 255, .18);--color-icon-btn-border-light: rgba(0, 0, 0, .25);--color-icon-btn-border-hover-dark: rgba(255, 255, 255, .3);--color-icon-btn-border-hover-light: rgba(0, 0, 0, .4);--color-icon-btn-fg-dark: var(--color-white-dark);--color-icon-btn-fg-light: var(--color-text-light);--pln-accent-active-dark: hsl(258, 70%, 65%);--pln-accent-active-light: hsl(258, 60%, 55%);--pln-accent-active-soft-dark: hsl(258, 70%, 65% / .12);--pln-accent-active-soft-light: hsl(258, 60%, 55% / .1);--pln-accent-complete-dark: hsl(150, 55%, 50%);--pln-accent-complete-light: hsl(150, 60%, 38%);--pln-accent-complete-soft-dark: hsl(150, 55%, 50% / .1);--pln-accent-complete-soft-light: hsl(150, 60%, 38% / .1);--pln-accent-warning-dark: hsl(38, 90%, 60%);--pln-accent-warning-light: hsl(38, 80%, 45%);--color-feed-reflective: var(--swatch-blueteal);--color-feed-curious: var(--swatch-blueteal-soft);--color-feed-helpful: #6878a8;--color-feed-connective: #9580e6;--color-feed-project: var(--swatch-blueteal);--color-danger-dark: #cd5c5c;--color-danger-light: #E53E3E;--color-danger-dark-dark: #dc2626;--color-danger-dark-light: #C53030;--color-danger-darker-dark: #b91c1c;--color-danger-darker-light: #9B2C2C;--color-danger-light-dark: #fee2e2;--color-danger-light-light: #FED7D7;--color-danger-border-dark: #fecaca;--color-danger-border-light: #FEB2B2;--color-error-dark: #a0141f;--color-error-light: #a0141f;--color-error-rgb-dark: 160, 20, 31;--color-error-rgb-light: 160, 20, 31;--color-markdown-bg-dark: #181e24;--color-markdown-bg-light: #eef2f5;--color-markdown-border-dark: #2b3338;--color-markdown-border-light: #dddddd;--shadow-sm-dark: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm-light: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md-dark: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-md-light: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg-dark: 0 10px 15px -3px rgba(0, 0, 0, .3);--shadow-lg-light: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl-dark: 0 20px 25px -5px rgba(0, 0, 0, .3);--shadow-xl-light: 0 20px 25px -5px rgba(0, 0, 0, .1);--text-shadow-sm-dark: 0 2px 4px rgba(0, 0, 0, .3);--text-shadow-sm-light: 0 1px 2px rgba(0, 0, 0, .1);--text-shadow-md-dark: 0 2px 4px rgba(0, 0, 0, .8);--text-shadow-md-light: 0 1px 2px rgba(0, 0, 0, .15);--text-shadow-lg-dark: 0 4px 8px rgba(0, 0, 0, .3);--text-shadow-lg-light: 0 2px 4px rgba(0, 0, 0, .1);--font-size-social-button: 14px;--font-weight-social-button: 500}:root:not([data-theme=light]){--color-bg: var(--color-bg-dark);--color-bg-secondary: var(--color-bg-secondary-dark);--color-surface: var(--color-surface-dark);--color-border: var(--color-border-dark);--color-gradient-start: var(--color-gradient-start-dark);--color-gradient-mid: var(--color-gradient-mid-dark);--color-gradient-teal: var(--color-gradient-teal-dark);--color-muted: var(--color-muted-dark);--color-disabled-bg: var(--color-disabled-bg-dark);--color-text: var(--color-text-dark);--color-text-secondary: var(--color-text-secondary-dark);--color-white: var(--color-white-dark);--color-gray-light: var(--color-gray-light-dark);--color-gray: var(--color-gray-dark);--color-gray-medium: var(--color-gray-medium-dark);--color-disabled-text: var(--color-disabled-text-dark);--color-primary: var(--color-primary-dark);--color-primary-hover: var(--color-primary-hover-dark);--color-primary-dark: var(--color-primary-dark-dark);--color-primary-border: var(--color-primary-border-dark);--color-primary-soft: var(--color-primary-soft-dark);--color-primary-rgb: var(--color-primary-rgb-dark);--color-primary-hover-rgb: var(--color-primary-hover-rgb-dark);--color-secondary: var(--color-secondary-dark);--color-secondary-hover: var(--color-secondary-hover-dark);--color-secondary-dark: var(--color-secondary-dark-dark);--color-secondary-rgb: var(--color-secondary-rgb-dark);--color-social: var(--color-social-dark);--color-social-hover: var(--color-social-hover-dark);--color-social-dark: var(--color-social-dark-dark);--color-social-rgb: var(--color-social-rgb-dark);--color-accent: var(--color-accent-dark);--color-accent-hover: var(--color-accent-hover-dark);--color-accent-rgb: var(--color-accent-rgb-dark);--color-user-bubble: var(--color-user-bubble-dark);--color-user-bubble-text: var(--color-user-bubble-text-dark);--color-user-bubble-border: var(--color-user-bubble-border-dark);--color-user-input-bg: var(--color-user-input-bg-dark);--color-user-input-border: var(--color-user-input-border-dark);--color-user-input-focus: var(--color-user-input-focus-dark);--color-user-input-text: var(--color-user-input-text-dark);--color-feed-input-bg: var(--color-feed-input-bg-dark);--color-feed-input-hover: var(--color-feed-input-hover-dark);--color-icon-btn-bg: var(--color-icon-btn-bg-dark);--color-icon-btn-bg-hover: var(--color-icon-btn-bg-hover-dark);--color-icon-btn-border: var(--color-icon-btn-border-dark);--color-icon-btn-border-hover: var(--color-icon-btn-border-hover-dark);--color-icon-btn-fg: var(--color-icon-btn-fg-dark);--pln-accent-active: var(--pln-accent-active-dark);--pln-accent-active-soft: var(--pln-accent-active-soft-dark);--pln-accent-complete: var(--pln-accent-complete-dark);--pln-accent-complete-soft: var(--pln-accent-complete-soft-dark);--pln-accent-warning: var(--pln-accent-warning-dark);--color-danger: var(--color-danger-dark);--color-danger-dark: var(--color-danger-dark-dark);--color-danger-darker: var(--color-danger-darker-dark);--color-danger-light: var(--color-danger-light-dark);--color-danger-border: var(--color-danger-border-dark);--color-error: var(--color-error-dark);--color-error-rgb: var(--color-error-rgb-dark);--color-markdown-bg: var(--color-markdown-bg-dark);--color-markdown-border: var(--color-markdown-border-dark);--shadow-sm: var(--shadow-sm-dark);--shadow-md: var(--shadow-md-dark);--shadow-lg: var(--shadow-lg-dark);--shadow-xl: var(--shadow-xl-dark);--text-shadow-sm: var(--text-shadow-sm-dark);--text-shadow-md: var(--text-shadow-md-dark);--text-shadow-lg: var(--text-shadow-lg-dark)}:root[data-theme=light]{--color-bg: var(--color-bg-light);--color-bg-secondary: var(--color-bg-secondary-light);--color-surface: var(--color-surface-light);--color-border: var(--color-border-light);--color-gradient-start: var(--color-gradient-start-light);--color-gradient-mid: var(--color-gradient-mid-light);--color-gradient-teal: var(--color-gradient-teal-light);--color-muted: var(--color-muted-light);--color-disabled-bg: var(--color-disabled-bg-light);--color-text: var(--color-text-light);--color-text-secondary: var(--color-text-secondary-light);--color-white: var(--color-white-light);--color-gray-light: var(--color-gray-light-light);--color-gray: var(--color-gray-light);--color-gray-medium: var(--color-gray-medium-light);--color-disabled-text: var(--color-disabled-text-light);--color-primary: var(--color-primary-light);--color-primary-hover: var(--color-primary-hover-light);--color-primary-dark: var(--color-primary-dark-light);--color-primary-border: var(--color-primary-border-light);--color-primary-soft: var(--color-primary-soft-light);--color-primary-rgb: var(--color-primary-rgb-light);--color-primary-hover-rgb: var(--color-primary-hover-rgb-light);--color-secondary: var(--color-secondary-light);--color-secondary-hover: var(--color-secondary-hover-light);--color-secondary-dark: var(--color-secondary-dark-light);--color-secondary-rgb: var(--color-secondary-rgb-light);--color-social: var(--color-social-light);--color-social-hover: var(--color-social-hover-light);--color-social-dark: var(--color-social-dark-light);--color-social-rgb: var(--color-social-rgb-light);--color-accent: var(--color-accent-light);--color-accent-hover: var(--color-accent-hover-light);--color-accent-rgb: var(--color-accent-rgb-light);--color-user-bubble: var(--color-user-bubble-light);--color-user-bubble-text: var(--color-user-bubble-text-light);--color-user-bubble-border: var(--color-user-bubble-border-light);--color-user-input-bg: var(--color-user-input-bg-light);--color-user-input-border: var(--color-user-input-border-light);--color-user-input-focus: var(--color-user-input-focus-light);--color-user-input-text: var(--color-user-input-text-light);--color-feed-input-bg: var(--color-feed-input-bg-light);--color-feed-input-hover: var(--color-feed-input-hover-light);--color-icon-btn-bg: var(--color-icon-btn-bg-light);--color-icon-btn-bg-hover: var(--color-icon-btn-bg-hover-light);--color-icon-btn-border: var(--color-icon-btn-border-light);--color-icon-btn-border-hover: var(--color-icon-btn-border-hover-light);--color-icon-btn-fg: var(--color-icon-btn-fg-light);--pln-accent-active: var(--pln-accent-active-light);--pln-accent-active-soft: var(--pln-accent-active-soft-light);--pln-accent-complete: var(--pln-accent-complete-light);--pln-accent-complete-soft: var(--pln-accent-complete-soft-light);--pln-accent-warning: var(--pln-accent-warning-light);--color-danger: var(--color-danger-light);--color-danger-dark: var(--color-danger-dark-light);--color-danger-darker: var(--color-danger-darker-light);--color-danger-light: var(--color-danger-light-light);--color-danger-border: var(--color-danger-border-light);--color-error: var(--color-error-light);--color-error-rgb: var(--color-error-rgb-light);--color-markdown-bg: var(--color-markdown-bg-light);--color-markdown-border: var(--color-markdown-border-light);--shadow-sm: var(--shadow-sm-light);--shadow-md: var(--shadow-md-light);--shadow-lg: var(--shadow-lg-light);--shadow-xl: var(--shadow-xl-light);--text-shadow-sm: var(--text-shadow-sm-light);--text-shadow-md: var(--text-shadow-md-light);--text-shadow-lg: var(--text-shadow-lg-light)}:root{--chat-history-width: 0px;--chat-panel-width: 0px}html,body{background:var(--color-bg);color:var(--color-text);width:100%;height:100%;overflow:hidden;position:fixed;-webkit-overflow-scrolling:touch;color-scheme:dark light}#root{background:linear-gradient(-3.46deg,rgba(var(--color-primary-rgb),0) 20.8%,rgba(var(--color-primary-rgb),.2) 102.47%),var(--color-bg);color:var(--color-text);width:100%;height:100%;overflow:hidden;position:relative}:root[data-theme=light] #root{background:linear-gradient(-3.46deg,#e0e6ea00 20.8%,#e0e6ea 102.47%),var(--color-bg)}html:not([data-theme=light]),html:not([data-theme=light]) body{background:var(--color-bg-dark)!important}html:not([data-theme=light]) .home-screen,html:not([data-theme=light]) .feed-items-container,html:not([data-theme=light]) .faded-list-content{background:transparent!important}:root[data-theme=light],:root[data-theme=light] body{background:var(--color-bg-light)!important}:root[data-theme=light] .home-screen,:root[data-theme=light] .feed-items-container,:root[data-theme=light] .faded-list-content{background:transparent!important}.app{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%;background-color:transparent;color:var(--color-text)}.content-surface{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;text-align:center;overflow-y:auto;color:var(--color-text);height:100%;margin-bottom:0;transition:margin-right .3s ease;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.content-surface::-webkit-scrollbar{width:6px}.content-surface::-webkit-scrollbar-track{background:transparent}.content-surface::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.content-surface::-webkit-scrollbar-thumb:hover{background:var(--color-gray-medium)}.content-surface::-webkit-scrollbar-button{display:none}.app.chat-pinned .content-surface{margin-right:var(--chat-panel-width, 0px)}html:not(.mobile) .content-surface{margin-left:72px}html:not(.mobile) .app.chat-pinned .content-surface{margin-left:72px}.spacer{height:2rem}.spacer-sm{height:1rem}.spacer-md{height:3rem}.spacer-lg{height:5rem}.spacer-xl{height:9rem}.markdown-body{background:transparent!important;color:var(--color-text)!important;border:none!important;font-size:inherit!important}.user-message .message-bubble .markdown-body{color:var(--color-user-bubble-text)!important}.markdown-body h1,.markdown-body h2,.markdown-body h3{border-bottom:none!important;padding-bottom:0!important;margin-top:.8em!important;margin-bottom:.4em!important}.markdown-body h1{font-size:1.25em!important}.markdown-body h2{font-size:1.1em!important}.markdown-body h3{font-size:1em!important}.markdown-body h1:first-child,.markdown-body h2:first-child,.markdown-body h3:first-child{margin-top:0!important}.markdown-body p{margin-top:.4em!important;margin-bottom:.4em!important}.markdown-body ul,.markdown-body ol{margin-top:.4em!important;margin-bottom:.4em!important;padding-left:1.5em!important}.markdown-body li{margin-top:.15em!important;margin-bottom:.15em!important}.markdown-body pre,.markdown-body code{background:var(--color-bg)!important;color:var(--color-accent)!important}input,textarea,select,button{color-scheme:dark light}.space-follow-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;background:rgba(var(--color-secondary-rgb),.12);border:1px solid rgba(var(--color-secondary-rgb),.25);border-radius:10px;font-size:13px;font-weight:500;color:var(--color-text);cursor:pointer;transition:all .25s ease;text-transform:none;letter-spacing:.2px;min-width:110px;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.space-follow-btn:hover:not(:disabled){background:rgba(var(--color-secondary-rgb),.2);border-color:rgba(var(--color-secondary-rgb),.4);color:var(--color-text);transform:translateY(-1px)}.space-follow-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px rgba(var(--color-social-rgb),.3),inset 0 1px #ffffff1a}.space-follow-btn.following{background:#ef44441f;border-color:#ef44444d;color:var(--color-text)}.space-follow-btn.following:hover:not(:disabled){background:#ef444433;border-color:var(--color-danger);color:var(--color-text)}.space-follow-btn:disabled{cursor:not-allowed;opacity:.5}@media (prefers-color-scheme: light){.space-follow-btn:hover:not(:disabled){background:rgba(var(--color-secondary-rgb),.25);color:var(--color-text)}}.expandable-text{position:relative;cursor:pointer;transition:all .3s ease;display:block;width:100%}.expandable-text:hover{background:#ffffff05;border-radius:8px}.expandable-text p,.expandable-text>div{margin:0;font-size:14px;color:var(--color-gray-medium);line-height:1.6;padding:12px 16px 12px 12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05);white-space:normal;word-wrap:break-word;max-width:100%;transition:all .3s ease}.expandable-text.collapsed p,.expandable-text.collapsed>div{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.expandable-text.expanded p,.expandable-text.expanded>div{display:block}.expandable-text-toggle{position:absolute!important;right:12px!important;bottom:12px!important;background:rgba(var(--color-secondary-rgb),.2)!important;border-radius:50%!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--color-social)!important;transition:all .2s ease!important;z-index:10!important;flex:none!important;flex-shrink:0!important;flex-grow:0!important;flex-basis:auto!important;padding:0!important;margin:0!important;box-sizing:border-box!important;overflow:visible!important;left:auto!important;top:auto!important}.expandable-text-toggle svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;display:block!important;flex-shrink:0!important;margin:0!important;padding:0!important;position:relative}.expandable-text:hover .expandable-text-toggle{background:rgba(var(--color-secondary-rgb),.3);transform:scale(1.1)}.feed-item-text-wrapper .expandable-text{margin:0;position:relative;display:block;width:100%}.feed-item-text-wrapper .expandable-text .expandable-text-toggle{position:absolute!important;right:12px!important;bottom:12px!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;flex:none!important;align-self:auto!important;transform:none!important}.feed-item-text-wrapper .expandable-text p,.feed-item-text-wrapper .expandable-text>div{font-size:1.05rem;color:var(--color-gray-light);text-align:center;font-weight:400;font-style:normal;padding:12px 44px 12px 12px}.feed-item-text-wrapper .expandable-text .feed-item-text{flex:1;line-height:1.6}.feed-item-content.has-image .feed-item-text-wrapper .expandable-text p,.feed-item-content.has-image .feed-item-text-wrapper .expandable-text>div,.feed-item-content.has-image-landscape .feed-item-text-wrapper .expandable-text p,.feed-item-content.has-image-landscape .feed-item-text-wrapper .expandable-text>div{text-align:left}.feed-item-content.has-image-portrait .feed-item-text-wrapper .expandable-text p,.feed-item-content.has-image-portrait .feed-item-text-wrapper .expandable-text>div{text-align:center}.space-summary.expandable-text p{font-style:italic}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{background:var(--color-muted);cursor:not-allowed;transform:none}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-icon{background:none;border:none;padding:6px;border-radius:6px;cursor:pointer;font-size:16px;transition:background-color .2s ease}.btn-icon:hover{background-color:var(--color-surface)}.big-plus-btn{background:var(--color-border);color:var(--color-text-secondary);width:36px;height:36px;border:none;padding:0;margin:0 8px 0 0;border-radius:50%;transition:color .18s,transform .12s,background .18s}.big-plus-btn:hover{color:var(--color-text-secondary);background:var(--color-muted);transform:scale(1.12)}.back-to-space-btn{display:flex;align-items:center;gap:.5rem;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9rem;white-space:nowrap;max-width:180px;flex-shrink:0;text-decoration:none}.back-to-space-btn:hover{background:var(--color-muted);transform:translate(-2px)}.back-to-space-btn:active{transform:translate(-4px)}.back-to-space-text{overflow:hidden;text-overflow:ellipsis}html.mobile .back-to-space-btn{max-width:150px;padding:.4rem .6rem;font-size:.85rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--color-text-secondary);gap:1rem}html.mobile .loading-indicator{padding:1rem .5rem;gap:.5rem}.loading-dots{display:flex;gap:.5rem;align-items:center;justify-content:center}.loading-dots .dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-secondary);animation:loadingDot 1.4s infinite ease-in-out}.loading-dots .dot:nth-child(1){animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}.loading-dots .dot:nth-child(3){animation-delay:0s}.wave-line{display:inline-flex;align-items:center;width:30px;height:14px;overflow:hidden;flex-shrink:0}.wave-line svg{animation:wave-flow 3.5s cubic-bezier(.35,.15,.65,.85) infinite;flex-shrink:0}@keyframes wave-flow{0%{transform:translate(0)}to{transform:translate(-60px)}}.wave-loading{display:flex;align-items:center;gap:8px}.wave-loading-text{font-size:13px;color:var(--color-text-secondary);font-weight:400;line-height:1.4;animation:shimmer-opacity 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@media (prefers-reduced-motion: reduce){.spin{animation:none}}.header{position:fixed;top:0;left:0;right:0;width:100%;background-color:transparent;color:var(--color-text);padding:1.04rem 1.6rem 0;box-sizing:border-box;z-index:1202;pointer-events:none}html:not(.mobile) .header{display:none}.header-content{display:flex;align-items:center;justify-content:space-between;height:32px;pointer-events:none}.header-left,.header-right{pointer-events:auto}.header-left{display:flex;align-items:center;gap:.75rem}.header-content h1{margin:0}.clickable-title{font-size:24pt;cursor:pointer;transition:opacity .2s ease;text-decoration:none;color:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.clickable-title:hover{opacity:.7}.clickable-title:active{opacity:.5}@media (hover: none) and (pointer: coarse){.clickable-title:hover{opacity:1}.clickable-title:active{opacity:.7}}.header-right{display:flex;align-items:center;gap:.75rem;position:relative}.chat-history-toggle-btn{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:all .2s ease;outline:none;color:var(--color-gray-medium);position:relative}.chat-history-toggle-btn:hover{background:var(--color-muted);transform:scale(1.05)}.chat-history-toggle-btn:active{transform:scale(.95)}.chat-history-toggle-btn:focus{box-shadow:0 0 0 2px var(--color-primary)}.chat-history-toggle-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.chat-icon{position:absolute;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .2s ease}.chat-icon.visible{opacity:1;transform:scale(1) rotate(0)}.chat-icon.hidden{opacity:0;transform:scale(.8) rotate(90deg);pointer-events:none}.hamburger-menu{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border-radius:.25rem;transition:all .2s ease}.hamburger-menu:hover{background:var(--color-muted)}.hamburger-menu.persistent{background:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.hamburger-menu.persistent:hover{background:var(--color-primary-dark);box-shadow:0 0 0 1px var(--color-primary-dark)}.hamburger-menu.persistent .hamburger-line{background:var(--color-text)}.hamburger-line{width:20px;height:2px;background:var(--color-text);transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.hamburger-menu.mobile .hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-menu.mobile .hamburger-line.open:nth-child(2){opacity:0}.hamburger-menu.mobile .hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hamburger-menu.desktop .hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-menu.desktop .hamburger-line.open:nth-child(2){opacity:0}.hamburger-menu.desktop .hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hamburger-menu.desktop.persistent{gap:1px}.hamburger-menu.desktop.persistent .hamburger-line:nth-child(1){transform:none;width:20px}.hamburger-menu.desktop.persistent .hamburger-line:nth-child(2){transform:rotate(90deg);width:20px;opacity:1}.hamburger-menu.desktop.persistent .hamburger-line:nth-child(3){transform:none;width:20px}.hamburger-menu.desktop.persistent.open{gap:4px}.hamburger-menu.desktop.persistent.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px);width:20px}.hamburger-menu.desktop.persistent.open .hamburger-line:nth-child(2){opacity:0;transform:scale(1)}.hamburger-menu.desktop.persistent.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);width:20px}:root[data-theme=light] .hamburger-menu.desktop.persistent.open .hamburger-line{background-color:#fff}.hamburger-menu.desktop.open:not(.persistent){background:var(--color-bg-secondary);gap:1px}.hamburger-menu.desktop.open:not(.persistent) .hamburger-line:nth-child(1){transform:none;width:20px}.hamburger-menu.desktop.open:not(.persistent) .hamburger-line:nth-child(2){transform:rotate(90deg);width:20px;opacity:1}.hamburger-menu.desktop.open:not(.persistent) .hamburger-line:nth-child(3){transform:none;width:20px}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1200;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.open{opacity:1;visibility:visible}.sidebar{position:fixed;top:0;left:0;width:260px;height:100%;background:var(--color-bg);border-right:1px solid var(--color-border);transform:translate(-100%);transition:transform .3s ease,width .3s ease;z-index:1201;display:flex;flex-direction:column;overflow:hidden}.sidebar-overlay.open .sidebar{transform:translate(0)}html.mobile .sidebar{width:260px;max-width:90vw}html.mobile .sidebar:has(.sidebar-spaces-section.expanded){width:420px}html:not(.mobile) .sidebar{width:240px}html:not(.mobile) .sidebar:has(.sidebar-spaces-section.expanded){width:380px}.sidebar-logo{position:absolute;top:.75rem;right:.75rem;width:48px;height:48px;opacity:.7}.sidebar-home-nav{display:flex;align-items:center;justify-content:flex-start;padding:.6rem .75rem;transition:background .15s ease;cursor:pointer;position:relative;border-radius:6px;margin:1px .5rem}.sidebar-home-nav:nth-child(2){margin-top:4rem}.sidebar-home-nav:hover{background:var(--color-bg-secondary)}.sidebar-home-link{flex:1;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;color:inherit;min-width:0}.sidebar-home-text{color:var(--color-text);font-size:1rem;font-weight:500;transition:color .15s ease;margin-left:.5rem;text-decoration:none;display:block}.sidebar-nav-icon{color:var(--color-text-secondary);flex-shrink:0}.sidebar-my-listings-nav{display:flex;align-items:center;justify-content:space-between}.sidebar-create-listing-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;text-decoration:none}.sidebar-create-listing-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.sidebar-create-space-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.sidebar-create-space-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.sidebar-spaces-list{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.sidebar-spaces-section{display:flex;flex-direction:column;min-height:0;flex-shrink:0}.sidebar-spaces-section.collapsed{flex:0 0 auto}.sidebar-spaces-section.expanded{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sidebar-spaces-header{display:flex;justify-content:space-between;align-items:center;padding:.4rem .75rem;margin:.25rem .5rem;border-radius:6px;flex-shrink:0;-webkit-user-select:none;user-select:none}.sidebar-spaces-header:hover{background:var(--color-bg-secondary)}.sidebar-spaces-header-left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.sidebar-section-toggle{background:transparent;border:none;cursor:pointer;color:var(--color-text);opacity:.7;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;transform:rotate(-90deg)}.sidebar-spaces-section.expanded .sidebar-section-toggle{transform:rotate(0)}.sidebar-section-toggle:hover{opacity:1;transform:translateY(2px) scale(1.1)}.sidebar-spaces-header h3{margin:0;color:var(--color-text-secondary);font-size:1rem;font-weight:500}.sidebar-action-buttons{display:flex;gap:.5rem}.sidebar-action-btn{background:var(--color-primary);color:#fff;border:none;border-radius:10px;padding:.4rem .65rem;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0003;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.3rem}.sidebar-action-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.sidebar-marketplace-btn{background:var(--color-social);color:#fff}.sidebar-marketplace-btn:hover{background:var(--color-social-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-social-rgb),.3)}.sidebar-spaces-animate{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.sidebar-spaces-section.expanded .sidebar-spaces-animate{grid-template-rows:1fr;flex:1 1 auto;min-height:0;overflow:hidden}.sidebar-spaces-content{overflow:hidden;min-height:0}.sidebar-spaces-section.expanded .sidebar-spaces-content{overflow-y:auto;overflow-x:hidden;padding:.3rem 0;flex:1 1 auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.sidebar-spaces-content::-webkit-scrollbar{width:4px}.sidebar-spaces-content::-webkit-scrollbar-track{background:transparent}.sidebar-spaces-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.sidebar-spaces-loading{padding:1.5rem 1rem;text-align:center;color:var(--color-text-secondary)}.sidebar-spaces-empty{padding:.3rem 1rem;text-align:center;color:var(--color-text-secondary);line-height:1;font-size:.88rem}.sidebar-space-item{display:flex;align-items:center;gap:0;padding:.3rem .5rem .3rem .75rem;transition:background .15s ease;position:relative;border-radius:6px;margin:1px .5rem}.sidebar-space-item:hover,.sidebar-space-item.active{background:var(--color-bg-secondary)}.sidebar-space-item.active .sidebar-space-name{color:var(--color-text);font-weight:500}.sidebar-space-main{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-left:.75rem}.sidebar-space-name-link{flex:1;min-width:0;text-decoration:none;color:inherit}.sidebar-space-name{color:var(--color-text);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:flex;align-items:center;gap:.35rem}.sidebar-space-actions{display:flex;align-items:center;flex-shrink:0;position:relative;opacity:0;transition:opacity .15s ease}.sidebar-space-item:hover .sidebar-space-actions,.sidebar-space-actions:has(.sidebar-space-menu){opacity:1}.sidebar-space-inline-note-btn{width:24px;height:24px;margin-left:.15rem;flex-shrink:0}.sidebar-menu-btn{border:none;margin-left:.15rem;cursor:pointer;border-radius:6px;font-size:1rem;font-weight:700;line-height:1;color:var(--color-text);background:transparent;width:24px;height:24px;opacity:.7;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sidebar-menu-btn:hover,.sidebar-menu-btn.active{background:var(--color-bg-secondary);opacity:1}.sidebar-space-menu{position:absolute;top:100%;right:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 4px 20px #0000004d;z-index:1000;min-width:140px;overflow:hidden}.sidebar-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;color:var(--color-text);font-size:.88rem;cursor:pointer;text-align:left;transition:all .3s ease}.sidebar-menu-item:hover{background:var(--color-bg-secondary);padding-left:1rem}.sidebar-menu-item-delete{color:var(--color-danger)}.sidebar-menu-item-delete:hover{background:var(--color-danger);color:var(--color-bg)}.sidebar-add-note-btn{border:none;cursor:pointer;border-radius:6px;color:var(--color-text-secondary);background:transparent;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.sidebar-add-note-btn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.sidebar-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-top:1px solid var(--color-border);margin-top:auto;flex-shrink:0}.sidebar-bottom-user{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1}.sidebar-bottom-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--color-bg-secondary)}.sidebar-bottom-name{font-size:.9rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.sidebar-bottom-btn{background:none;border:none;padding:.4rem;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}.sidebar-bottom-btn:hover{background:#ffffff14;color:var(--color-text)}.sidebar-bottom-signout:hover{color:var(--color-danger)}.sidebar-bottom-btn:disabled{opacity:.4;cursor:not-allowed}html:not(.mobile) .sidebar-overlay{background:transparent;pointer-events:none}html:not(.mobile) .sidebar-overlay.open .sidebar{pointer-events:auto}html:not(.mobile) .sidebar-overlay.open .sidebar{left:72px}html:not(.mobile) .sidebar-hover-zone{display:none}.sidebar-hover-zone{position:fixed;top:0;left:0;width:50px;height:100%;z-index:500;background:linear-gradient(to right,rgba(var(--color-primary-rgb),.1),transparent);opacity:0;transition:opacity .2s ease;pointer-events:none}.sidebar-hover-zone.visible{opacity:1}.sidebar-spaces-section:not(:first-child){margin-top:0;padding-top:0}html.mobile .sidebar-space-actions{opacity:1}.sidebar-spaces-list{gap:0}.sidebar-rail{position:fixed;top:0;left:0;width:72px;height:100%;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;padding:16px 0;z-index:1300;box-shadow:-12px 0 28px #0000002e}html.mobile .sidebar-rail{display:none}.sidebar-rail-logo{width:36px;height:36px;flex-shrink:0;margin-bottom:8px}.sidebar-rail-logo img{width:100%;height:100%;object-fit:contain}.sidebar-rail-section{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 10px}.sidebar-rail-items{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.sidebar-rail-item{width:44px;height:44px;border-radius:12px;border:none;background:transparent;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.sidebar-rail-item:hover{background:rgba(var(--color-primary-rgb),.12);color:var(--color-text)}.sidebar-rail-item.active{background:linear-gradient(135deg,rgba(var(--color-primary-hover-rgb),.6),rgba(var(--color-primary-rgb),.3));color:var(--color-text);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.25)}.sidebar-rail-item[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:10;box-shadow:0 2px 8px #00000026}.sidebar-rail-item[data-tooltip]:hover:after{opacity:1}.sidebar-rail-divider{width:36px;height:1px;background:var(--color-border);margin:4px 0;flex-shrink:0}.sidebar-rail-spacer{flex:1}.sidebar-rail-bottom{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0 10px;flex-shrink:0}.sidebar-rail-theme-toggle{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:4px}.sidebar-rail-theme-btn{width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.sidebar-rail-theme-btn:hover{color:var(--color-text)}.sidebar-rail-theme-btn.active{background:rgba(var(--color-primary-rgb),.24);color:var(--color-text)}.sidebar-rail-signout{width:36px;height:36px}.sidebar-rail-signout:hover{color:var(--color-danger);background:#cd5c5c1f}.sidebar-rail-avatar-btn{width:44px;height:44px;border-radius:50%;border:none;background:none;padding:0;cursor:pointer;transition:transform .2s ease;flex-shrink:0}.sidebar-rail-avatar-btn:hover{transform:scale(1.08)}.sidebar-rail-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--color-bg);border:2px solid var(--color-border)}.convobox{position:fixed;bottom:96px;left:50%;color:var(--color-text);background:linear-gradient(var(--color-bg-secondary),var(--color-bg-secondary)) padding-box,linear-gradient(135deg,var(--color-primary-dark),var(--color-primary),var(--color-primary-soft),var(--color-primary)) border-box;padding:1.1rem .7rem .8rem 1.2rem;border:2px solid transparent;border-bottom:none;border-radius:1.5rem 1.5rem 0 0;z-index:99;box-shadow:var(--shadow-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:calc(100% - 2rem);max-width:min(550px,calc(100vw - 2rem));max-height:200px;overflow:visible;display:flex;flex-direction:column;gap:.5rem;transform:translate(-50%) translateY(30px);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,bottom .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);pointer-events:none;background-size:100% 100%,200% 200%;background-repeat:no-repeat;background-position:center,0% 50%}.convobox{margin-bottom:-27px}.convobox.visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.convobox.streaming{animation:convobox-border-flow 1s linear infinite}@keyframes convobox-border-flow{0%{background-position:center,0% 50%}50%{background-position:center,100% 50%}to{background-position:center,0% 50%}}.convobox-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.convobox-text-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding-right:.5rem;margin-bottom:.5rem}.convobox-text-scrollable::-webkit-scrollbar{width:4px}.convobox-text-scrollable::-webkit-scrollbar-track{background:var(--color-surface)}.convobox-text-scrollable::-webkit-scrollbar-thumb{background:var(--color-muted);border-radius:2px}.convobox-bottom-fixed{flex-shrink:0;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:.375rem}.convobox-step-text{font-size:1rem;color:var(--color-text-secondary);font-weight:500;line-height:1.4;animation:shimmer-opacity 1.5s ease-in-out infinite}@keyframes shimmer-opacity{0%,to{opacity:.6}50%{opacity:1}}.convobox-text{font-size:.95rem;color:var(--color-text);line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.convobox-steps-inline{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.8125rem}.convobox-step-inline{color:var(--color-text-secondary);font-weight:400;line-height:1.4;display:inline-flex;align-items:center;animation:shimmer-opacity 1.5s ease-in-out infinite}.convobox-step-inline:not(:last-child):after{content:"·";margin-left:.5rem;color:var(--color-text-secondary);font-weight:600}.convobox-detailed-loading{display:flex;align-items:center;gap:.75rem}.convobox-detailed-loading .loading-dots{display:flex;gap:.4rem;align-items:center;justify-content:center}.convobox-detailed-loading .loading-dots .dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-secondary);animation:loadingDot 1.4s infinite ease-in-out}.convobox-detailed-loading .loading-dots .dot:nth-child(1){animation-delay:-.32s}.convobox-detailed-loading .loading-dots .dot:nth-child(2){animation-delay:-.16s}.convobox-detailed-loading .loading-dots .dot:nth-child(3){animation-delay:0s}.convobox-detailed-loading-text{font-size:.875rem;color:var(--color-text-secondary);font-weight:400;animation:shimmer-opacity 1.5s ease-in-out infinite}@keyframes loadingDot{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.convobox-close{position:absolute;top:-.5rem;right:-.5rem;background:var(--color-bg-secondary);border:none;color:var(--color-text-secondary);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s ease;z-index:100;box-shadow:0 2px 8px #0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.convobox-close:hover{background:#ffffff26;color:var(--color-text);box-shadow:0 2px 12px #0000004d}.convobox-placeholder{color:var(--color-text-secondary);font-style:italic;opacity:.7}html.mobile .convobox{width:calc(100% - 16px);max-width:calc(100vw - 16px);font-size:.9rem}html.mobile .convobox-step-text{font-size:.8125rem}html.mobile .convobox-text{font-size:.875rem}@media (min-width: 701px){.app.chat-pinned .convobox{left:50%;right:auto;width:auto;max-width:min(450px,calc(100vw - var(--chat-panel-width, 0px) - 2rem));transform:translate(calc(-50% - (var(--chat-panel-width, 0px) / 2))) translateY(30px)}.app.chat-pinned .convobox.visible{transform:translate(calc(-50% - (var(--chat-panel-width, 0px) / 2))) translateY(0)}}.convobox-action-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:.5rem}.convobox-suggested-btn{margin-top:0}.chat-panel-input{flex-shrink:0;padding:0 24px 24px}.chat-panel-input .input-area,.app.chat-pinned .chat-panel-input .input-area{position:relative;bottom:auto;left:auto;right:auto;max-width:100%;margin:0;z-index:auto}:root[data-theme=light] .chat-panel-input .input-area{background:var(--color-user-input-bg)}.input-area{position:fixed;color:var(--color-user-input-text);background:var(--color-user-input-bg);border:1px solid var(--color-user-input-border);border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:8px;z-index:100;max-width:600px;margin:0 auto 7px;transition:all .3s ease}.input-area:hover,.input-area:focus-within{border-color:var(--color-user-input-focus)}.input-area textarea{color:var(--color-user-input-text);font-family:inherit;font-size:14px;line-height:20px;flex:1;width:0;min-width:0;background:transparent;border:none;outline:none;padding:10px 0;border-radius:16px;transition:all .2s ease;resize:none;max-height:150px;display:block;box-sizing:border-box;overflow-y:auto;field-sizing:content;min-height:1lh}.input-area textarea::placeholder{color:var(--color-text-secondary, #b0bec5);font-weight:400}.transcription-container{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:4px 12px;border-radius:16px;background:var(--color-surface);border:1px solid var(--color-primary);animation:recordingPulse 2s ease-in-out infinite;min-height:44px;height:44px}@keyframes recordingPulse{0%,to{border-color:var(--color-primary);box-shadow:0 0 rgba(var(--color-primary-rgb),.4)}50%{border-color:var(--color-primary-hover, #2f8f86);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.2)}}.transcription-text{font-size:16px;color:var(--color-text);line-height:24px;width:100%;word-wrap:break-word}.input-area button.send-button{width:40px;height:40px;border:none;border-radius:120px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.send-button{background:var(--color-primary, #1f655f);color:#fff;position:relative;overflow:hidden}.send-button:disabled{background:var(--color-border);cursor:not-allowed}.send-button:not(:disabled):hover{background:var(--color-primary)}.send-button:not(:disabled):active{transform:scale(.96)}.send-button .stop-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1)}.send-button svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1)}.send-button svg.icon-visible{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.send-button svg.icon-hidden{opacity:0;transform:translate(-50%,-50%) scale(.8);pointer-events:none}.send-button svg.loading-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.send-button svg.microphone-icon{transform:translate(-50%,-50%) scale(1.1)}.send-button svg.send-icon{transform:translate(-50%,-50%) scale(1)}@supports (padding: max(0px)){.input-area{bottom:max(1rem,env(safe-area-inset-bottom) + 1rem);left:max(1rem,env(safe-area-inset-left) + 1rem);right:max(1rem,env(safe-area-inset-right) + 1rem)}}.app.chat-pinned .input-area{right:calc(var(--chat-panel-width, 0px) + 1rem);transition:right .3s ease}@supports (padding: max(0px)){.app.chat-pinned .input-area{right:calc(var(--chat-panel-width, 0px) + max(1rem,env(safe-area-inset-right) + 1rem))}}.home-screen{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;box-sizing:border-box;padding:0;background-color:transparent!important}.home-screen-header{margin-bottom:0;padding:1.25rem 1rem 1rem}.home-screen-header h1{color:var(--color-white);font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(to bottom right,var(--color-primary),var(--color-social));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:var(--text-shadow-lg)}.home-screen-header p{color:var(--color-gray-medium);font-size:1.2rem;margin:0;font-weight:400}.home-screen-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;background-color:transparent!important}html:not(.mobile) .home-screen-content .faded-list-content>.fade-header+*{margin-top:1.25rem}html:not(.mobile) .home-screen-content .faded-list-content .fade-header{display:none}html.mobile .home-screen-content .faded-list-content .fade-header{--fade-bg: var(--color-bg)}html.mobile .home-screen{padding:0}html.mobile .home-screen-header{padding:.5rem 1.5rem 1rem;margin-bottom:0}html.mobile .home-screen-header h1{font-size:1.8rem}html.mobile .home-screen-header p{font-size:1rem}.chat-history{position:fixed;top:0;bottom:0;right:0;background:linear-gradient(-3.46deg,rgba(var(--color-primary-rgb),0) 20.8%,rgba(var(--color-primary-rgb),.2) 102.47%),linear-gradient(90deg,var(--color-bg) 0%,var(--color-bg) 100%);border-left:1px solid var(--color-primary);border-radius:32px 0 0 32px;z-index:101;display:flex;flex-direction:column;opacity:1;transform:translate(0);box-shadow:-4px 0 20px #00000026;overflow:clip}.chat-history.desktop{width:463px;min-width:333px}.chat-history.mobile{left:8px;right:8px;width:auto;border-left:none;border-radius:32px 32px 0 0}.chat-history.mobile:not(.minimized){border-left:1px solid var(--color-primary-border);border-right:1px solid var(--color-primary-border);border-top:1px solid var(--color-primary-border);overflow:visible}.chat-history.expanded{transform:translate(0);opacity:1}.chat-history.dragging{transition:none}.chat-history.dragging .chat-history-dragger{cursor:col-resize}.chat-history.dragging .drag-handle .drag-indicator{background:var(--color-primary);transform:scaleY(1.2)}.chat-history.pinned{transform:translate(0);opacity:1}.chat-panel-greeting{display:flex;flex-direction:column;gap:4px;padding:16px 24px 0;flex-shrink:0}.chat-panel-greeting-hello{font-size:16px;font-weight:500;line-height:24px;color:var(--color-text-secondary);margin:0}.chat-panel-greeting-question{font-size:24px;font-weight:600;line-height:32px;color:var(--color-text);margin:0;max-width:276px}.chat-panel-suggestions{display:flex;flex-direction:column;gap:12px;padding:0 24px;flex-shrink:0}.chat-panel-suggestion-card{width:100%;display:flex;flex-direction:row;align-items:flex-start;gap:16px;background:var(--color-bg-secondary);border-radius:16px;padding:20px;cursor:pointer;transition:background .2s ease;border:none;text-align:left}.chat-panel-suggestion-card:hover{background:var(--color-surface)}.chat-panel-suggestion-icon{width:28px;height:28px;color:var(--color-text-secondary);flex-shrink:0}.chat-panel-suggestion-body{display:flex;flex-direction:column;gap:6px;min-width:0}.chat-panel-suggestion-title{font-size:16px;font-weight:600;line-height:22px;color:var(--color-text);margin:0}.chat-panel-suggestion-text{font-size:14px;font-weight:400;line-height:20px;color:var(--color-text-secondary);margin:0}.chat-history-dragger{position:absolute;left:0;top:0;bottom:0;width:12px;background:transparent;display:flex;align-items:center;justify-content:center;cursor:col-resize;z-index:10}.drag-handle{width:100%;display:flex;justify-content:center;align-items:center;height:100%}.drag-handle .drag-indicator{width:4px;height:44px;background:var(--color-border);border-radius:3px;opacity:.5;transition:opacity .2s ease,background .2s ease}.chat-history-dragger:hover .drag-indicator{opacity:1;background:var(--color-primary)}.messages-container{overflow-y:auto;padding:16px 24px;-webkit-overflow-scrolling:touch;flex:1;min-height:0}.chat-history.mobile .messages-container{padding:16px 18px}.messages-container::-webkit-scrollbar{width:4px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.messages-container:has(.chat-panel-greeting){display:flex;flex-direction:column;padding-bottom:36px}.message{margin-bottom:16px;display:flex;color:var(--color-text)}.step-message{justify-content:center;margin-bottom:8px}.step-message-content{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);opacity:.8}.step-indicator{font-size:1.2rem;color:var(--color-primary);line-height:1}.step-text{font-size:14px;color:var(--color-text-secondary);font-weight:500;line-height:20px}.step-message.conversational-step-message{justify-content:flex-start}.conversational-step-content{display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);max-width:90%}.conversational-step-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.conversational-step-text{font-size:14px;line-height:20px;color:var(--color-text)}.ai-message .long-response-content{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:var(--color-surface);color:var(--color-text);border-radius:16px;border:1px solid var(--color-border);max-width:95%}.long-response-text{font-size:14px;line-height:20px;color:var(--color-text)}.system-message{justify-content:center;margin-bottom:8px}.system-message-content{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;padding:8px 12px;background:var(--color-bg-secondary);border-radius:12px;border:1px solid var(--color-border);text-align:left}.system-message-row{display:flex;align-items:flex-start;gap:8px;min-width:0}.pln-chat-event-icon{flex-shrink:0;margin-top:3px;color:var(--color-text-secondary);opacity:.85}.pln-chat-event-actions{display:flex;justify-content:flex-start}.pln-chat-event-action-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px solid var(--color-border);border-radius:999px;color:var(--pln-accent, #5272da);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;line-height:1;transition:background-color .15s ease,border-color .15s ease}.pln-chat-event-action-btn:hover{background:var(--color-surface-hover, rgba(82, 114, 218, .08));border-color:var(--pln-accent, #5272da)}.pln-chat-event-action-btn:focus-visible{outline:2px solid var(--pln-accent, #5272da);outline-offset:1px}.system-text{flex:1;min-width:0;font-size:14px;color:var(--color-text-secondary);font-style:italic;line-height:20px;text-align:left;overflow-wrap:anywhere;white-space:pre-line}.user-message{justify-content:flex-end}.user-message .message-text{color:var(--color-user-bubble-text)!important}.ai-message{justify-content:flex-start;padding:0}.chat-error-retry-btn{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:8px;padding:6px 14px;background:transparent;border:1px solid var(--color-primary);border-radius:120px;color:var(--color-primary);font-size:13px;font-weight:500;line-height:18px;cursor:pointer;white-space:nowrap}.chat-error-retry-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.chat-error-retry-btn:disabled{opacity:.5;cursor:not-allowed}.chat-error-retry-btn svg{flex-shrink:0}.ai-message-group{display:flex;flex-direction:column;gap:0;width:100%}.ai-message.has-actions{flex-direction:column}.message-bubble{max-width:80%;min-width:120px;background:var(--color-user-bubble);color:var(--color-user-bubble-text);border:1px solid var(--color-user-bubble-border);border-radius:18px 18px 4px;padding:12px 16px}.ai-message .message-bubble{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border);border-radius:18px 18px 18px 4px}.message-text{font-size:14px;line-height:20px;margin-bottom:4px;word-wrap:break-word}.message-text a,.conversational-step-text a,.long-response-text a,.convobox-text a,.mobile-convobox-text a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;word-break:break-all;cursor:pointer}.message-text a:hover,.conversational-step-text a:hover,.long-response-text a:hover,.convobox-text a:hover,.mobile-convobox-text a:hover{opacity:.8}.user-message .message-text a{color:var(--color-primary);text-decoration-color:rgba(var(--color-primary-rgb),.5)}.ai-message .message-time{text-align:left}.chat-step-indicator{display:flex;align-items:center;gap:8px;padding:8px 14px;margin-bottom:16px}.chat-step-text{font-size:13px;color:var(--color-text-secondary);font-weight:400;line-height:1.4;animation:shimmer-opacity 1.5s ease-in-out infinite}.chat-action-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:0 14px}.chat-feedback-inline{margin-bottom:16px;padding:0 14px}.chat-hover-zone{position:fixed;top:0;right:0;width:10vw;height:100%;z-index:500;background:linear-gradient(to left,rgba(var(--color-primary-rgb),.08),transparent);opacity:0;transition:opacity .2s ease;pointer-events:none}.chat-hover-zone.visible{opacity:1}.suggested-connections-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;line-height:18px;width:fit-content;max-width:100%}.suggested-connections-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px}.suggested-connections-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.suggested-connections-btn:active{transform:translateY(0)}.suggested-connections-btn svg{flex-shrink:0}.suggested-connections-btn svg.spin{animation:btn-spin 1s linear infinite}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suggested-connections-btn:disabled{opacity:.7;cursor:not-allowed}.project-suggestion-error{display:block;margin-top:4px;font-size:12px;color:var(--color-error, #e53935)}.chat-batch-progress{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:4px 0;border-radius:12px;background:var(--surface-secondary, rgba(255, 255, 255, .05));font-size:13px;color:var(--text-secondary, #9ca3af)}.chat-batch-progress-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-history.mobile.minimized{top:auto;bottom:0;height:auto;border-radius:24px 24px 0 0;border-left:1px solid var(--color-primary-border);border-right:1px solid var(--color-primary-border);border-top:1px solid var(--color-primary-border);background:linear-gradient(178deg,rgba(var(--color-primary-rgb),.2),rgba(var(--color-primary-rgb),0) 80%),linear-gradient(90deg,var(--color-bg) 0%,var(--color-bg) 100%);box-shadow:0 -4px 20px #00000026;padding:0 20px 16px;transition:height .3s ease,top .3s ease;overflow:visible}.chat-history.mobile:not(.minimized){transition:height .3s ease,top .3s ease}.mobile-chat-expand-btn{display:flex;align-items:center;justify-content:center;width:48px;height:32px;margin:0 auto -5px;background:linear-gradient(159deg,rgba(var(--color-primary-rgb),0) 8%,rgba(var(--color-primary-rgb),.2) 79%),linear-gradient(90deg,var(--color-bg) 0%,var(--color-bg) 100%);border:1px solid var(--color-primary-border);border-radius:120px;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;position:relative;top:-17px}.mobile-chat-expand-btn:active{color:var(--color-text)}.mobile-chat-chips{display:flex;gap:12px;justify-content:center;overflow-x:auto;flex-shrink:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:12px}.mobile-chat-chips::-webkit-scrollbar{display:none}.mobile-chat-chip{flex-shrink:0;display:flex;align-items:center;gap:10px;height:40px;padding:0 16px;background:var(--color-bg);border:none;border-radius:12px;color:var(--color-text-secondary);font-size:14px;font-weight:400;cursor:pointer;white-space:nowrap;transition:background .15s ease;line-height:20px}.mobile-chat-chip:active{background:var(--color-primary);color:#fff}.mobile-convobox-response-wrap{position:relative;width:100%;margin-bottom:12px}.mobile-convobox-response{background:var(--color-bg-secondary);border-radius:12px;padding:12px 16px;width:100%;overflow-y:auto;max-height:160px}.mobile-convobox-close{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:4px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:120px;color:var(--color-text-secondary);cursor:pointer;z-index:2;flex-shrink:0}.mobile-convobox-close:active{color:var(--color-text);background:var(--color-surface)}.mobile-convobox-response::-webkit-scrollbar{width:4px}.mobile-convobox-response::-webkit-scrollbar-track{background:transparent}.mobile-convobox-response::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.mobile-convobox-text{font-size:14px;font-weight:500;line-height:20px;color:var(--color-text);margin:0;white-space:pre-wrap;word-wrap:break-word}.mobile-convobox-loading{display:flex;align-items:center;justify-content:center;padding:12px 0;margin-bottom:12px}.mobile-convobox-step{margin-bottom:12px}.mobile-convobox-step-text{font-size:13px;color:var(--color-text-secondary);font-weight:400;line-height:1.4;animation:shimmer-opacity 1.5s ease-in-out infinite}.mobile-convobox-action-btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px}.mobile-convobox-action-btn{display:inline-flex;align-items:center;gap:12px;height:40px;padding:10px 16px;background:var(--color-primary);border:none;border-radius:120px;color:#fff;font-size:14px;font-weight:500;line-height:20px;cursor:pointer;white-space:nowrap;width:fit-content}.mobile-convobox-action-btn:active{opacity:.85}.mobile-convobox-action-btn svg{flex-shrink:0}.chat-history.mobile.minimized .chat-panel-input{padding:0}.chat-history.mobile.minimized .chat-panel-input .input-area{border-radius:16px;border-color:var(--color-primary);background:var(--color-bg-secondary)}.mobile-feed-btn{position:relative;top:-17px;margin:0 auto -9px;display:flex;align-items:center;gap:8px;padding:8px 24px 8px 12px;background:linear-gradient(-16deg,rgba(var(--color-primary-rgb),0) 8%,rgba(var(--color-primary-rgb),.2) 79%),linear-gradient(90deg,var(--color-bg) 0%,var(--color-bg) 100%);border:1px solid var(--color-primary);border-radius:28px;color:var(--color-text);font-size:14px;font-weight:600;cursor:pointer;flex-shrink:0;z-index:2;overflow:hidden}.mobile-feed-btn:active{opacity:.85}@media (max-width: 700px){.message-text{font-size:14px}.chat-panel-header{padding:24px 16px 0}.chat-panel-separator{margin:12px 16px 0}.chat-panel-greeting{padding:12px 18px 0}.chat-panel-suggestions{padding:0 18px;gap:12px}.chat-panel-suggestion-card{padding:16px;gap:14px}.chat-panel-suggestion-icon{width:24px;height:24px}.chat-panel-suggestion-title{font-size:15px;line-height:20px}.chat-panel-suggestion-text{font-size:13px;line-height:18px}}.thread-list{flex-shrink:0;padding:12px 16px 0;position:relative;z-index:10}.thread-list-header{display:flex;align-items:center;gap:8px}.thread-list-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--color-text);font-size:16px;font-weight:600;padding:8px 0;cursor:pointer;text-align:left;max-width:calc(100% - 40px)}.thread-list-toggle:hover{color:var(--color-primary)}.thread-list-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-list-new-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0}.thread-list-new-btn:hover{background:var(--color-surface);color:var(--color-primary)}.thread-list-dropdown{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:2px;max-height:400px;overflow-y:auto;padding:8px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 4px 16px #0003}.thread-list-dropdown::-webkit-scrollbar{width:4px}.thread-list-dropdown::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.thread-list-empty{padding:16px 0;color:var(--color-text-secondary);font-size:13px;text-align:center}.thread-list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border-radius:10px;background:var(--color-bg-secondary);border:none;cursor:pointer;text-align:left;transition:background .15s ease}.thread-list-item:hover{background:var(--color-surface)}.thread-list-item.active{background:rgba(var(--color-primary-rgb),.35)}.thread-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.thread-item-name{font-size:14px;font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-item-preview{font-size:12px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-item-date{font-size:11px;color:var(--color-text-secondary);flex-shrink:0;white-space:nowrap;padding-top:2px}.step-timeout-indicator{display:flex;align-items:center;gap:12px;padding:8px 14px;margin-bottom:8px}.step-timeout-text{font-size:13px;color:var(--color-text-secondary);font-style:italic}.continue-anyway-btn{display:inline-flex;align-items:center;padding:6px 14px;border-radius:120px;border:1px solid var(--color-border);background:transparent;color:var(--color-text);font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.continue-anyway-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.mobile-step-timeout{padding:4px 12px}.mobile-step-timeout .continue-anyway-btn{padding:4px 10px;font-size:12px}.streaming-step{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;background:var(--color-muted);border-radius:.75rem;margin:.5rem 0;border-left:3px solid var(--color-primary);width:100%;max-width:80%;min-width:120px}.step-content{width:100%}.step-title{font-weight:500;color:var(--color-text);font-size:1.1rem;line-height:1.4;margin-bottom:.5rem}.reasoning-text{margin-top:.75rem;padding:.75rem;background:var(--color-surface);border-radius:.5rem;border-left:2px solid var(--color-primary);font-size:.9rem;line-height:1.5;color:var(--color-text-secondary);word-break:break-word}.debug-content{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.debug-content details{cursor:pointer}.debug-content summary{color:var(--color-text-secondary);font-size:.8rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin-bottom:.5rem}.debug-content pre{background:var(--color-surface);padding:.75rem;border-radius:.5rem;font-size:.75rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:var(--color-text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-all}.streaming-cursor{color:var(--color-primary);font-weight:700;animation:blink 1s infinite;display:inline-block;margin-left:.25rem}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}html.mobile .loading-indicator{padding-left:0;padding-right:0}html.mobile .streaming-step{padding:1rem;margin:.25rem 0}html.mobile .reasoning-text{margin-top:.5rem;padding:.5rem}.ai-actions-timeline{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.ai-actions-header{display:flex;align-items:center;gap:8px;padding:0;background:none;border:none;cursor:pointer;color:var(--color-text);font-size:16px;font-weight:400;line-height:24px}.ai-actions-header:hover .ai-actions-label{color:var(--color-text)}.ai-actions-chevron{color:var(--color-text-secondary);flex-shrink:0}.ai-actions-label{color:var(--color-text);transition:color .15s ease}.ai-actions-steps{display:flex;flex-direction:column;padding-left:2px}.ai-actions-step{display:flex;gap:5px;min-height:32px}.ai-actions-track{display:flex;flex-direction:column;align-items:center;width:18px;flex-shrink:0;padding-top:8px}.ai-actions-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-secondary);flex-shrink:0}.ai-actions-dot--thought,.ai-actions-dot--process{background:var(--color-text-secondary)}.ai-actions-dot--created{background:var(--color-primary)}.ai-actions-line{width:1px;flex:1;min-height:15px;background:var(--color-text-secondary);opacity:.4}.ai-actions-step-content{display:flex;flex-direction:column;gap:4px;padding-bottom:4px;min-width:0}.ai-actions-step-label{font-size:16px;font-weight:500;line-height:24px;color:var(--color-text-secondary)}.ai-actions-step-label--preview{font-weight:400;font-style:italic;max-width:50ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.ai-actions-step-label--preview p{margin:0;display:inline}.ai-actions-step-btn{display:flex;align-items:center;gap:8px;padding:0;background:none;border:none;cursor:pointer;color:var(--color-text-secondary)}.ai-actions-step-btn:hover .ai-actions-step-label{color:var(--color-text)}.ai-actions-step-chevron{color:var(--color-text-secondary);flex-shrink:0}.ai-actions-resource-link{display:inline-flex;align-items:center;gap:4px;padding:2px 0;background:none;border:none;cursor:pointer;font-size:13px;line-height:18px;color:var(--color-primary);transition:opacity .15s ease}.ai-actions-resource-link:hover{opacity:.8}.ai-actions-resource-title{color:var(--color-text-secondary);font-weight:400;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-actions-group-count{font-size:13px;font-weight:400;color:var(--color-text-secondary);opacity:.6;margin-left:6px}.ai-actions-group-children{display:flex;flex-direction:column;gap:2px;padding:4px 0 2px}.ai-actions-group-child{display:flex;align-items:center;gap:8px;min-height:22px}.ai-actions-group-child-dot{width:4px;height:4px;border-radius:50%;background:var(--color-text-secondary);opacity:.5;flex-shrink:0}.ai-actions-group-child-label{font-size:13px;font-weight:400;line-height:18px;color:var(--color-text-secondary);opacity:.7}.ai-actions-reasoning{font-size:13px;line-height:18px;color:var(--color-text-secondary);padding:8px 12px;background:var(--color-bg-secondary);border-radius:8px;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word;margin-top:2px}.ai-actions-reasoning::-webkit-scrollbar{width:4px}.ai-actions-reasoning::-webkit-scrollbar-track{background:transparent}.ai-actions-reasoning::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.ai-actions-pulse{width:8px;height:8px;border-radius:50%;background:var(--color-primary);flex-shrink:0;animation:ai-actions-pulse-anim 1.5s ease-in-out infinite}@keyframes ai-actions-pulse-anim{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.ai-actions-dot--pulse{animation:ai-actions-pulse-anim 1.5s ease-in-out infinite;background:var(--color-primary)}.ai-actions-step--active .ai-actions-step-label{color:var(--color-text)}@media (max-width: 700px){.ai-actions-header,.ai-actions-step-label{font-size:14px;line-height:20px}.ai-actions-reasoning{font-size:12px;line-height:16px;max-height:150px}.ai-actions-group-count{font-size:12px}.ai-actions-group-child-label{font-size:12px;line-height:16px}}.feed-items-container{width:100%;max-width:600px;margin:0 auto;box-sizing:border-box;background:transparent!important;position:relative;padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.5rem}.feed-item-outer{display:flex;flex-direction:column;align-items:stretch;position:relative;margin-bottom:.5rem;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1),margin-bottom .6s cubic-bezier(.4,0,.2,1)}.feed-item-outer.removing-left{animation:slideOutLeft .4s cubic-bezier(.4,0,.2,1) forwards}.feed-item-outer.removing-right{animation:slideOutRight .4s cubic-bezier(.4,0,.2,1) forwards}.feed-item-outer.animating-in{animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1) forwards}.feed-item-outer.pending-animation{opacity:0;max-height:0;margin-bottom:0;overflow:hidden;pointer-events:none}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1;max-height:1000px;margin-bottom:.5rem}60%{transform:translate(-120%);opacity:0;max-height:1000px;margin-bottom:.5rem}to{transform:translate(-120%);opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1;max-height:1000px;margin-bottom:.5rem}60%{transform:translate(120%);opacity:0;max-height:1000px;margin-bottom:.5rem}to{transform:translate(120%);opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}}@keyframes slideInFromTop{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.feed-item-card{background:linear-gradient(145deg,var(--color-gradient-start) 0%,var(--color-gradient-mid) 50%,var(--color-gradient-start) 100%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-xl);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:stretch;position:relative;overflow:hidden;z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.feed-item-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--feed-type-color, var(--color-secondary));opacity:0;transition:opacity .3s ease;border-radius:20px 20px 0 0}.feed-item-card[data-feed-type=reflective]{--feed-type-color: var(--color-feed-reflective)}.feed-item-card[data-feed-type=curious]{--feed-type-color: var(--color-feed-curious)}.feed-item-card[data-feed-type=helpful]{--feed-type-color: var(--color-feed-helpful)}.feed-item-card[data-feed-type=connective]{--feed-type-color: var(--color-feed-connective)}.feed-item-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.03) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.feed-item-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:#6366f14d}.feed-item-card:hover:before,.feed-item-card:hover:after{opacity:1}.feed-item-content.clickable{cursor:pointer}.feed-item-content.clickable:hover{opacity:.9}.feed-item-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;margin:-1.5rem -1.5rem 1rem;padding:1rem 1rem 1rem 1.5rem;gap:.7rem;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.05)}.feed-item-header-left{display:flex;align-items:center;gap:.5rem;justify-content:flex-start}.feed-item-header-center{display:flex;justify-content:center;text-align:center;min-width:0}.feed-item-header-right{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.feed-item-category-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:50%;color:#fff;cursor:pointer}.feed-item-action-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--color-icon-btn-border);background:var(--color-icon-btn-bg);color:var(--color-icon-btn-fg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.feed-item-action-btn:hover{background:var(--color-icon-btn-bg-hover);border-color:var(--color-icon-btn-border-hover);transform:scale(1.1)}.feed-item-timestamp{color:var(--color-gray-medium);font-size:.8rem;font-weight:500;white-space:nowrap;padding:.25rem .6rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.feed-item-content{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.feed-item-content.has-image{display:flex;flex-direction:row;align-items:flex-start;gap:1.25rem;justify-content:flex-start}.feed-item-content.has-image-landscape{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:1.25rem;justify-content:flex-start;margin-bottom:11px}.feed-item-content.has-image-portrait{display:flex!important;flex-direction:column!important;align-items:center;gap:1rem;justify-content:flex-start;margin-bottom:12px}.feed-item-content.has-image>.feed-item-image,.feed-item-content.has-image-landscape>.feed-item-image{flex-shrink:0;width:200px;min-width:200px;max-width:200px;height:220px;max-height:220px;aspect-ratio:auto;overflow:hidden}.feed-item-content.has-image-landscape>.feed-item-image img{width:100%;height:100%;object-fit:cover;object-position:center}.feed-item-content.has-image-portrait>.feed-item-image{flex-shrink:0;width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;max-height:250px!important}.feed-item-content.has-image-portrait>.feed-item-image img{width:100%;height:100%;object-fit:cover}.feed-item-content.has-image>.feed-item-text-wrapper:not(.has-scrollable){flex:1;min-width:0;width:auto}.feed-item-content.has-image-landscape>.feed-item-text-wrapper{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;align-self:stretch!important;min-height:0!important;min-width:0!important}.feed-item-content.has-image-landscape .feed-item-text-wrapper .feed-item-text-scrollable{width:100%!important;max-width:100%!important;flex:1 1 0!important;min-height:0!important;min-width:0!important;overflow-y:scroll!important;overflow-x:hidden!important;box-sizing:border-box!important;font-size:1.05rem!important;color:var(--color-gray-light)!important;text-align:left!important;font-weight:400!important;font-style:normal!important;padding:12px!important;line-height:1.6!important;scrollbar-width:thin!important;scrollbar-color:var(--color-border) transparent!important}.feed-item-content.has-image-landscape .feed-item-text-wrapper .feed-item-text-scrollable::-webkit-scrollbar{width:6px!important}.feed-item-content.has-image-landscape .feed-item-text-wrapper .feed-item-text-scrollable::-webkit-scrollbar-track{background:transparent!important}.feed-item-content.has-image-landscape .feed-item-text-wrapper .feed-item-text-scrollable::-webkit-scrollbar-thumb{background:var(--color-border)!important;border-radius:3px!important}.feed-item-content.has-image-landscape .feed-item-text-wrapper .feed-item-text-scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-gray-medium)!important}.feed-item-content.has-image-landscape .feed-item-text-wrapper .feed-item-text-scrollable::-webkit-scrollbar-button{display:none!important}.feed-item-content.has-image-portrait>.feed-item-text-wrapper{width:100%}.feed-item-video{width:100%;margin-bottom:1rem;order:-2;border-radius:12px;overflow:hidden;background:#0000004d;position:relative;padding-top:56.25%;box-shadow:0 4px 12px #0000004d}.feed-item-content.has-image .feed-item-video{width:100%;margin-bottom:0}.feed-item-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.feed-item-spotify{padding-top:0;height:auto;min-height:80px}.feed-item-spotify iframe{position:relative;height:80px}.feed-item-spotify iframe[src*=playlist],.feed-item-spotify iframe[src*=album]{height:352px}.feed-item-image{flex-shrink:0;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border:1px solid rgba(99,102,241,.2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);order:0;width:200px;min-width:200px;max-width:200px;height:auto;aspect-ratio:auto}.feed-item-image img{width:100%;height:auto;display:block;object-fit:contain;transition:opacity .2s ease,transform .2s ease}.feed-item-image a:hover img{opacity:.9;transform:scale(1.02)}.feed-item-text-wrapper{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.feed-item-content:not(.has-image) .feed-item-text-wrapper{width:100%}.feed-item-title{color:var(--color-text);font-size:1.15rem;font-weight:700;line-height:1.3;margin:0 8px;letter-spacing:-.01em;text-shadow:var(--text-shadow-sm);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%}.feed-item-text{flex:1;color:var(--color-gray-light);font-size:1.05rem;line-height:1.6;text-align:center;font-weight:400}.feed-item-content.has-image .feed-item-text,.feed-item-content.has-image-landscape .feed-item-text{text-align:left}.feed-item-content.has-image-portrait .feed-item-text{text-align:center}.feed-item-card[data-feed-type=connective] .feed-item-text,.feed-item-card[data-feed-type=connective] .feed-item-text-scrollable{text-align:center!important}.feed-item-feedback{margin-top:0rem;margin-bottom:2.5rem;animation:slideDownFeedback .3s ease-out;overflow:hidden}.feedback-options{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.feedback-option{padding:.5rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feedback-option:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-1px)}.feedback-option:active{transform:translateY(0)}.feedback-confirmation{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.85rem;color:#4ade80;animation:fadeInConfirmation .2s ease-out}@keyframes fadeInConfirmation{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.why-this-card{overflow:hidden;margin-top:.5rem;text-align:left}.why-this-card-toggle{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--color-gray-light, #7b7f96);font-weight:500;letter-spacing:.2px;background:none;border:none;cursor:pointer;padding:0;transition:color .2s}.why-this-card-toggle:hover{color:var(--color-text, #9b9fc0)}.why-this-card-icon{font-size:12px;opacity:.6}.why-this-card-explanation{padding:4px 0 28px;animation:slideDown .3s ease-out}.why-this-card-reason{font-size:12.5px;color:var(--color-gray-light, #b0b4cc);line-height:1.65;margin:0}.why-this-card-reason.fallback{font-style:italic}.why-this-card-signals-toggle{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.why-this-card-signals-btn{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--color-gray-light, #6b6e85);background:none;border:none;cursor:pointer;padding:0;letter-spacing:.2px}.why-this-card-signals-btn:hover{color:var(--color-text, #9b9fc0)}.why-this-card-signals-icon{font-size:10px}.why-this-card-signals-chevron{transition:transform .3s ease}.why-this-card-signals-chevron.rotated{transform:rotate(180deg)}.why-this-card-signals{display:flex;flex-direction:column;gap:5px;margin-top:8px;animation:slideDown .2s ease-out}.why-this-card-signal{display:flex;align-items:flex-start;gap:8px;padding:6px 10px;background:#ffffff05;border-radius:6px;border:1px solid rgba(255,255,255,.04)}.why-this-card-signal-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary, #6366f1);flex-shrink:0;margin-top:5px}.why-this-card-signal-content{flex:1;min-width:0}.why-this-card-signal-label{font-size:10.5px;color:var(--color-gray-light, #9b9fc0);font-weight:500}.why-this-card-signal-detail{font-size:10px;color:var(--color-gray-light, #6b6e85)}.why-this-card-meta{margin-top:8px;font-size:9.5px;color:var(--color-gray-light, #555770)}@keyframes slideDown{0%{opacity:0;max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:300px;margin-top:.25rem;margin-bottom:1rem;padding-top:.875rem;padding-bottom:.875rem}}@keyframes slideDownFeedback{0%{opacity:0;max-height:0;margin-top:0;margin-bottom:0}to{opacity:1;max-height:300px;margin-top:0rem;margin-bottom:2.5rem}}.feed-item-contact-section{margin-top:4px;margin-bottom:32px}.feed-item-contact-toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;background:rgba(var(--color-social-rgb),.08);border:1px solid rgba(var(--color-social-rgb),.2);border-radius:8px;font-size:var(--font-size-social-button);font-weight:var(--font-weight-social-button);color:var(--color-social-hover);cursor:pointer;transition:all .2s ease;gap:8px;position:relative}.feed-item-contact-toggle:hover{background:rgba(var(--color-social-rgb),.15);border-color:rgba(var(--color-social-rgb),.35);color:var(--color-social-hover)}.feed-item-contact-toggle span{text-align:center}.feed-item-contact-toggle svg{position:absolute;right:12px}.feed-item-contact-info{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px;padding:10px;background:rgba(var(--color-social-rgb),.06);border-radius:8px;border:1px solid rgba(var(--color-social-rgb),.12);animation:slideDown .3s ease-out}.feed-item-contact-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:rgba(var(--color-social-rgb),.04);border:1px solid rgba(var(--color-social-rgb),.1);border-radius:6px;font-size:12px;color:var(--color-social-hover);text-decoration:none;transition:all .2s ease}.feed-item-contact-item:hover{background:rgba(var(--color-social-rgb),.15);border-color:rgba(var(--color-social-rgb),.3);color:var(--color-social-hover);transform:translate(2px)}.feed-item-contact-item svg{flex-shrink:0}.feed-item-contact-item span{flex:1;word-break:break-word}.feed-item-importance-indicator{display:flex;align-items:center;gap:.4rem;margin-top:.5rem;padding:.3rem .6rem;background:#ff44441a;border-radius:6px;font-size:.7rem;font-weight:600;color:var(--color-error);width:fit-content}.importance-dot{width:6px;height:6px;border-radius:50%;background:var(--color-error);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.feed-item-actions{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;margin-top:-1.6rem;margin-bottom:.2rem;z-index:2;pointer-events:auto;position:relative}.action-button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.25rem .5rem .5rem;background:linear-gradient(135deg,rgba(var(--color-secondary-rgb),.15),rgba(var(--color-secondary-rgb),.1));color:var(--color-text);border:1px solid rgba(var(--color-secondary-rgb),.3);border-radius:12px;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;font-weight:600;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff1a;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-button-logo{height:1.4em;width:auto;vertical-align:middle;margin:-.15em .15em -.45em}.action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.action-button:hover:before{left:100%}.action-button:hover{background:linear-gradient(135deg,rgba(var(--color-secondary-rgb),.3),rgba(var(--color-secondary-rgb),.2));border-color:rgba(var(--color-secondary-rgb),.5);transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--color-secondary-rgb),.3),inset 0 1px #fff3}.action-button:active{transform:translateY(0) scale(.98)}.action-button.clicked{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-hover) 100%);color:var(--color-text);border-color:var(--color-secondary);cursor:not-allowed;box-shadow:0 4px 16px rgba(var(--color-secondary-rgb),.4),inset 0 1px #fff3}.action-button:disabled{cursor:not-allowed;opacity:.6}.feed-item-card .feedback-button-corner{position:absolute;bottom:1rem;right:1rem;width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,0,0,.2);background:#0006;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);z-index:3}.feed-item-card .feedback-button-corner:hover{background:#0000008c;border-color:#0000004d;transform:scale(1.1)}.feed-item-card .feedback-button-corner.expanded{background:#00000080;border-color:#0000004d}.feed-item-card .feedback-button-corner.thumbs-up{right:3.5rem}.feedback-section-title{font-size:.8rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem}.feed-suggested-section{position:relative;width:100%;max-width:600px;margin:1.5rem auto;padding:1.5rem;background:linear-gradient(135deg,rgba(var(--color-social-rgb),.06),rgba(var(--color-social-rgb),.02));border-radius:16px;border:1px solid rgba(var(--color-social-rgb),.12);box-sizing:border-box}.feed-suggested-dismiss{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.feed-suggested-dismiss:hover{background:#ffffff1a;border-color:#ffffff40;transform:scale(1.1)}.feed-suggested-label{text-align:center;font-size:1.1rem;font-weight:600;color:var(--color-social);margin:0 0 .25rem;letter-spacing:.01em}.feed-suggested-cards{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1rem}html.mobile .feed-suggested-section{padding:1rem;border-radius:12px;margin-bottom:1rem}html.mobile .feed-items-container{padding:1rem .5rem;max-width:100%}html.mobile .feed-item-outer{width:100%;max-width:100%}html.mobile .feed-item-card{padding:1rem;border-radius:16px;width:100%;max-width:100%;box-sizing:border-box}html.mobile .feed-item-header{grid-template-columns:auto 1fr auto;align-items:start;margin:-1rem -1rem .7rem;padding:.6rem .7rem;gap:.35rem}html.mobile .feed-item-header-center{justify-content:center;text-align:center;min-width:0}html.mobile .feed-item-category-badge{font-size:.7rem;padding:.2rem .5rem}html.mobile .feed-item-action-btn{width:28px;height:28px}html.mobile .feed-item-timestamp{font-size:.7rem;padding:.2rem .5rem}html.mobile .feed-item-image{width:100%;min-width:100%;height:250px;max-height:250px}html.mobile .feed-item-title,html.mobile .feed-item-text{font-size:1rem}html.mobile .feed-item-contact-section{margin-top:0;margin-bottom:2.5rem}html.mobile .feed-item-contact-toggle{padding:10px 12px;font-size:12px}html.mobile .feed-item-contact-info{grid-template-columns:1fr;padding:8px;gap:6px}html.mobile .feed-item-contact-item{padding:6px 8px;font-size:11px}html.mobile .feed-item-importance-indicator{font-size:.7rem;padding:.25rem .5rem}html.mobile .action-button{font-size:.95rem;padding:.45rem 1rem}html.mobile .feed-item-content{margin-bottom:1.5rem}html.mobile .feed-item-content.has-image-landscape{flex-direction:row;gap:1rem}html.mobile .feed-item-content.has-image-portrait{flex-direction:column;gap:1rem}html.mobile .feed-item-content.has-image-landscape>.feed-item-image{width:150px;min-width:150px;max-width:150px;height:auto}html.mobile .feed-item-content.has-image-portrait>.feed-item-image{width:100%;min-width:100%;height:auto;max-height:300px}html.mobile .feedback-button-corner{bottom:.7rem;right:.7rem;width:28px;height:28px}html.mobile .feedback-button-corner.thumbs-up{right:2.45rem}html.mobile .feed-item-feedback{margin-top:.2rem;margin-bottom:1.7rem}html.mobile .feedback-option{font-size:.85rem;padding:.45rem .85rem}html.mobile .why-this-card-toggle{min-height:44px}.feed-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--color-text-secondary)}.feed-empty-state--welcome{background:var(--color-bg);border-radius:24px;padding:48px 24px;margin:0 4rem;gap:24px;box-shadow:0 2px 8px #0000000d}.feed-empty-state-cards{display:inline-grid;position:relative;width:210px;height:90px}.feed-empty-state-card{width:123px;height:77px;background:var(--color-bg-secondary);border:.25px solid var(--color-surface);border-radius:6px;box-shadow:0 .5px 2px #0000000d;grid-row:1;grid-column:1}.feed-empty-state-card:first-child{margin-top:17px}.feed-empty-state-card--tilted{margin-left:83px;margin-top:0;transform:rotate(6.5deg)}.feed-empty-state-content{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:320px}.feed-empty-state-title{font-size:20px;font-weight:600;color:#cfcfcf;line-height:28px;margin:0}.feed-empty-state-subtitle{font-size:14px;font-weight:400;color:var(--color-text-secondary);line-height:20px;margin:0}.feed-empty-state-cta{display:flex;align-items:center;gap:12px;height:40px;padding:10px 16px;border-radius:23px;border:none;background:linear-gradient(90deg,#577598,#577598);color:#fff;font-size:14px;font-weight:600;cursor:pointer;line-height:20px;transition:opacity .2s ease}.feed-empty-state-cta:hover{opacity:.9}.feed-empty-state-btn{margin-top:1rem;padding:.5rem 1rem;cursor:pointer;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text)}.feed-new-items-separator{display:flex;align-items:center;gap:12px;padding:8px 16px 32px}.feed-new-items-separator__line{flex:1;height:1px;background:var(--color-border)}.feed-new-items-separator__label{font-size:12px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.feed-item-domain-badge{display:flex;align-items:center;gap:.3rem;padding:.5rem .75rem;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-size:.7rem;font-weight:500;color:#ffffff80;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.feed-item-domain-badge-icon{flex-shrink:0;opacity:.7}.draft-email-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.draft-email-modal{background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;max-width:480px;width:100%;position:relative;box-shadow:0 8px 32px #0000004d}.draft-email-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.draft-email-close:hover{background:#ffffff1a;color:var(--color-text)}.draft-email-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-right:2rem}.draft-email-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text)}.draft-email-recipient{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.draft-email-to{font-size:.9rem;color:var(--color-text);font-weight:500}.draft-email-via,.draft-email-sent-at{font-size:.8rem;color:var(--color-text-secondary)}.draft-email-label{font-weight:600;color:var(--color-text-secondary)}.draft-email-subject-input{width:100%;padding:.6rem .75rem;background:#ffffff0d;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.9rem;font-weight:500;margin-bottom:.5rem;outline:none;transition:border-color .2s ease;box-sizing:border-box}.draft-email-subject-input:focus{border-color:var(--color-primary)}.draft-email-textarea{width:100%;min-height:160px;padding:.75rem;background:#ffffff0d;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.9rem;font-family:inherit;line-height:1.5;resize:vertical;outline:none;transition:border-color .2s ease;box-sizing:border-box}.draft-email-textarea:focus{border-color:var(--color-primary)}.draft-email-loading{padding:2rem;text-align:center;color:var(--color-text-secondary);font-style:italic}.draft-email-success{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;font-size:.9rem;margin-top:.5rem}.draft-email-error{padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.85rem;margin-top:.5rem}.draft-email-sent-subject{font-size:.9rem;color:var(--color-text);margin-bottom:.75rem;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.draft-email-sent-body{font-size:.9rem;color:var(--color-text);line-height:1.6;white-space:pre-wrap;padding:.75rem;background:#ffffff08;border-radius:8px;margin-bottom:1rem;max-height:300px;overflow-y:auto}.draft-email-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.draft-email-btn-primary{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s ease}.draft-email-btn-primary:hover:not(:disabled){opacity:.9}.draft-email-btn-primary:disabled{opacity:.5;cursor:not-allowed}.draft-email-btn-secondary{padding:.6rem 1.25rem;background:none;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.draft-email-btn-secondary:hover{background:#ffffff0d;color:var(--color-text)}.action-button.draft-email-btn{padding:.5rem 1.25rem}.action-button.draft-email-btn .action-button-icon{width:1.2em;height:1.2em}.action-button.email-sent{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#22c55e;border-color:#22c55e66;cursor:pointer}.action-button.email-sent:hover{background:linear-gradient(135deg,#22c55e4d,#22c55e33);border-color:#22c55e99}.source-action-row{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;margin-top:12px;background-color:#ffffff08;border-left:2px solid var(--color-accent);border-radius:6px;text-decoration:none;color:inherit}.source-action-row--clickable{cursor:pointer;transition:background-color .15s ease}.source-action-row--clickable:hover{background-color:#ffffff0f}.source-action-row__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;margin-top:1px;color:#ffffffb3}.source-action-row__text{display:flex;flex-direction:column;flex:1;min-width:0}.source-action-row__label{font-size:.85rem;font-weight:600;color:#ffffffe6}.source-action-row__detail{font-size:.8rem;color:#fff9;margin-top:2px;line-height:1.35;overflow:hidden;text-overflow:ellipsis}.source-action-row__chevron{display:flex;align-items:center;color:#fff6;flex-shrink:0}.feed-item-connective-purpose-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;color:#fff;text-transform:none;margin-bottom:8px;align-self:flex-start}.feed-header{display:flex;align-items:center;gap:8px;padding:0}.feed-header-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;padding:0;border:1px solid var(--color-border);border-radius:50%;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background .2s,color .2s;flex-shrink:0}.feed-header-new-dot{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:#e53e3e;border:2px solid var(--color-bg-secondary);animation:feed-new-dot-pulse 2s ease-in-out infinite}@keyframes feed-new-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.feed-header-icon-btn:hover{background:var(--color-surface);color:var(--color-text)}.feed-header-icon-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.feed-header-filter-badge{position:absolute;top:-6px;right:-6px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:9999px;background:#e53e3e;color:#fff;font-size:10px;font-weight:700;line-height:1}.feed-header-separator{width:1px;height:16px;background:var(--color-border);flex-shrink:0}.feed-header-tags-wrapper{position:relative;flex:1;min-width:0;overflow:hidden}.feed-header-tags{display:flex;flex-direction:row;gap:8px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.feed-header-tags::-webkit-scrollbar{display:none}.feed-header-tag{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:none;border-radius:9999px;background:var(--color-surface);color:var(--color-text-secondary);font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s;flex-shrink:0}.feed-header-tag:hover{background:var(--color-border);color:var(--color-text)}.feed-header-tag:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.feed-header-tag.active{background:var(--color-primary);color:#fff;font-weight:600}html:not(.mobile) .feed-header{max-width:fit-content;margin:0 auto;gap:10px;padding-bottom:10px}html:not(.mobile) .feed-header-icon-btn{width:34px;height:34px;min-width:34px}html:not(.mobile) .feed-header-separator{height:20px}html:not(.mobile) .feed-header-tags-wrapper{height:34px;overflow:visible}html:not(.mobile) .feed-header-tags{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;padding-bottom:6px}html:not(.mobile) .feed-header-tags::-webkit-scrollbar{display:block;height:2px}html:not(.mobile) .feed-header-tags::-webkit-scrollbar-track{background:transparent}html:not(.mobile) .feed-header-tags::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}html:not(.mobile) .feed-header-tag{height:34px;padding:0 16px;font-size:14px;gap:8px}.feed-header-tag-dismiss{font-size:11px;margin-left:2px;opacity:.7;line-height:1}.feed-header-tag:hover .feed-header-tag-dismiss{opacity:1}.filter-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding-right:var(--scrollbar-width, 0px);background:#00000080;z-index:100;overflow:hidden;animation:filter-fade-in .2s ease}.filter-modal-overlay.closing{animation:filter-fade-out .2s ease forwards}.filter-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;z-index:101;width:calc(100% - 32px);max-width:500px;max-height:85%;overflow-y:auto;animation:filter-scale-in .2s ease}.filter-modal.closing{animation:filter-scale-out .2s ease forwards}.filter-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px}.filter-modal-title{font-size:20px;font-weight:600;color:var(--color-text);margin:0}.filter-modal-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background .2s}.filter-modal-close:hover{background:var(--color-surface)}.filter-modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.filter-modal-section{padding:12px 20px}.filter-modal-label{display:block;font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:12px}.filter-modal-categories{display:flex;flex-wrap:wrap;gap:8px}.filter-modal-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1px solid var(--color-border);border-radius:9999px;background:transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.filter-modal-chip:hover{background:var(--color-surface);color:var(--color-text)}.filter-modal-chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.filter-modal-chip.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-modal-divider{height:1px;background:var(--color-border);margin:4px 20px}.filter-modal-date-wrapper{position:relative}.filter-modal-date{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;padding:0 14px;border:1px solid var(--color-border);border-radius:10px;background:transparent;color:var(--color-text);font-size:14px;cursor:pointer;transition:border-color .2s}.filter-modal-date:hover{border-color:var(--color-primary)}.filter-modal-date:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.filter-modal-date.open svg{transform:rotate(180deg)}.filter-modal-date svg{transition:transform .2s;color:var(--color-text-secondary)}.filter-modal-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;z-index:10}.filter-modal-dropdown-item{display:block;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--color-text-secondary);font-size:14px;text-align:left;cursor:pointer;transition:background .15s,color .15s}.filter-modal-dropdown-item:hover{background:var(--color-border);color:var(--color-text)}.filter-modal-dropdown-item.active{color:var(--color-primary);font-weight:600}.filter-modal-footer{display:flex;gap:12px;padding:20px}.filter-modal-btn-reset,.filter-modal-btn-apply{flex:1;height:44px;border-radius:9999px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s}.filter-modal-btn-reset{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.filter-modal-btn-reset:hover{background:var(--color-surface);color:var(--color-text)}.filter-modal-btn-apply{background:var(--color-primary);border:none;color:#fff}.filter-modal-btn-apply:hover{opacity:.9}.filter-modal-btn-reset:focus-visible,.filter-modal-btn-apply:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes filter-fade-in{0%{opacity:0}to{opacity:1}}@keyframes filter-fade-out{0%{opacity:1}to{opacity:0}}@keyframes filter-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes filter-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}html.mobile .filter-modal-overlay{align-items:flex-start;padding-top:60px}html.mobile .filter-modal{width:calc(100% - 32px);max-width:none;border-radius:8px;border:1px solid var(--color-border)}.profile-page{display:flex;flex-direction:column;align-items:center;min-height:100%;box-sizing:border-box;padding:3rem 2rem 4rem;background-color:var(--color-bg);overflow-y:auto}.profile-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:680px;width:100%;margin-bottom:1.25rem;flex-shrink:0}.profile-toolbar-side:first-child{justify-self:center;grid-column:2}.profile-toolbar-right{justify-self:end;grid-column:3}.profile-color-swatches{display:flex;justify-content:center;gap:10px;margin-bottom:16px;flex-shrink:0}.profile-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s ease,transform .15s ease;padding:0}.profile-swatch:hover{transform:scale(1.15)}.profile-swatch--active{border-color:var(--color-primary);transform:scale(1.15)}.profile-card{position:relative;max-width:460px;width:100%;background:var(--color-bg-secondary);border-radius:24px;padding:12px;overflow:hidden;flex-shrink:0}html[data-theme=light] .profile-card{background:#ffffff8c;border:1px solid rgba(255,255,255,.6)}.profile-loading{text-align:center;color:var(--color-text-secondary);padding:3rem;font-size:1.1rem}.profile-error{background:var(--color-danger);color:var(--color-text);padding:.6rem 1rem;border-radius:8px;margin-bottom:8px;font-size:.9rem}.profile-success{background:rgba(var(--color-primary-rgb),.15);color:var(--color-text);padding:.6rem 1rem;border-radius:8px;margin-bottom:8px;font-size:.9rem;border:1px solid rgba(var(--color-primary-rgb),.3)}.profile-card-banner{position:relative;width:100%;height:140px;border-radius:20px;overflow:hidden;margin-bottom:-60px}.profile-card-banner-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.profile-card-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e1419cc;border-radius:20px}.profile-card-body{position:relative;display:flex;flex-direction:column;gap:16px;padding-bottom:8px}.profile-card-avatar-row{padding-left:16px}.profile-card-avatar{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid var(--color-bg-secondary);cursor:pointer;flex-shrink:0}.profile-card-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-card-avatar-hover{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fff;border-radius:50%}.profile-card-avatar:hover .profile-card-avatar-hover{opacity:1}.profile-card-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px}.profile-card-name{font-family:inherit;font-size:1.25rem;font-weight:600;line-height:1.3;color:var(--color-text);background:transparent;border:1px solid transparent;border-radius:8px;padding:4px 8px;margin:-4px -8px;flex:1;min-width:0;transition:all .15s ease}.profile-card-name:hover{background:#ffffff0a;border-color:#ffffff14}.profile-card-name:focus{outline:none;background:#ffffff0f;border-color:rgba(var(--color-primary-rgb),.3)}.profile-card-name::placeholder{color:var(--color-text-secondary);opacity:.5}html[data-theme=light] .profile-card-name:hover{background:#00000008;border-color:#00000014}html[data-theme=light] .profile-card-name:focus{background:#ffffff80}.profile-card-email-pill{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;background:var(--color-surface);border-radius:16px}.profile-card-email-pill svg{flex-shrink:0;color:var(--color-text-secondary)}.profile-card-email{font-family:inherit;font-size:12px;font-weight:400;line-height:16px;color:var(--color-text)}.profile-card-bio-section{padding:0 16px}.profile-wysiwyg{width:100%;padding:.3rem .5rem;margin:-.3rem -.5rem;background:transparent;color:var(--color-text);border:1px solid transparent;border-radius:6px;font-family:inherit;box-sizing:content-box;transition:all .15s ease}.profile-wysiwyg:hover{background:rgba(var(--color-primary-rgb),.04);border-color:#ffffff14}.profile-wysiwyg:focus{outline:none;background:rgba(var(--color-primary-rgb),.06);border-color:rgba(var(--color-primary-rgb),.3);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.08)}html[data-theme=light] .profile-wysiwyg:hover{background:#00000008;border-color:#00000014}html[data-theme=light] .profile-wysiwyg:focus{background:#ffffff80;border-color:rgba(var(--color-primary-rgb),.4)}.profile-wysiwyg::placeholder{color:var(--color-text-secondary);opacity:.4}.profile-wysiwyg-bio{font-size:.95rem;color:var(--color-text-secondary);line-height:1.5;resize:none;min-height:2.8em;overflow:hidden;field-sizing:content}.profile-wysiwyg-bio:focus{color:var(--color-text)}.profile-bio-wrapper{position:relative}.profile-bio-char-count{position:absolute;bottom:4px;right:8px;font-size:.75rem;color:var(--color-text-secondary);pointer-events:none}.profile-contact-value-row{display:flex;align-items:center;gap:.4rem}.profile-contact-icon{flex-shrink:0;color:var(--color-text-secondary);opacity:.6}.profile-wysiwyg-contact{font-size:.95rem;line-height:1.4;flex:1;min-width:0}.profile-divider{height:1px;background:#ffffff1a;margin:0 16px}html[data-theme=light] .profile-divider{background:#00000014}.profile-contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 16px}.profile-contact-field{display:flex;flex-direction:column}.profile-type-dropdown{position:relative;flex-shrink:0}.profile-type-dropdown-trigger{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.profile-type-dropdown-trigger:hover{background:rgba(var(--color-primary-rgb),.1);color:var(--color-text);border-color:rgba(var(--color-primary-rgb),.2)}html[data-theme=light] .profile-type-dropdown-trigger:hover{background:#0000000f}.profile-type-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:50;min-width:160px;padding:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px #00000040;animation:dropdown-in .12s ease}html[data-theme=light] .profile-type-dropdown-menu{background:#fff;box-shadow:0 8px 24px #0000001f}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-type-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .6rem;background:transparent;border:none;border-radius:6px;color:var(--color-text);font-size:.9rem;font-family:inherit;cursor:pointer;transition:background .1s ease;text-align:left}.profile-type-dropdown-item:hover{background:rgba(var(--color-primary-rgb),.1)}.profile-type-dropdown-item.active{background:rgba(var(--color-primary-rgb),.15);color:var(--color-text);font-weight:600}html[data-theme=light] .profile-type-dropdown-item:hover{background:#0000000d}html[data-theme=light] .profile-type-dropdown-item.active{background:rgba(var(--color-primary-rgb),.1)}.profile-remove-field-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:none;border:none;border-radius:4px;color:var(--color-text-secondary);font-size:.9rem;line-height:1;cursor:pointer;opacity:0;transition:all .15s ease;flex-shrink:0}.profile-contact-field:hover .profile-remove-field-btn{opacity:.4}.profile-remove-field-btn:hover{opacity:1!important;color:var(--color-danger);background:rgba(var(--color-error-rgb),.1)}.profile-add-field-btn{grid-column:1 / -1;justify-self:center;display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.4rem 1.25rem;background:transparent;border:1px dashed rgba(255,255,255,.1);border-radius:6px;color:var(--color-text-secondary);font-size:.85rem;font-family:inherit;cursor:pointer;opacity:.5;transition:all .2s ease}.profile-add-field-btn:hover{opacity:1;background:rgba(var(--color-primary-rgb),.06);border-color:rgba(var(--color-primary-rgb),.25);color:var(--color-text)}html[data-theme=light] .profile-add-field-btn{border-color:#0000001a}.profile-add-field-icon{font-size:1rem;font-weight:600;line-height:1}@keyframes profile-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.profile-save-btn{animation:profile-fade-in .15s ease;padding:.6rem 1.75rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.profile-save-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.profile-save-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}@media (max-width: 700px){.profile-page{padding:4rem 1rem;justify-content:flex-start}.profile-card{padding:10px}.profile-card-banner{height:100px;margin-bottom:-50px}.profile-card-avatar{width:80px;height:80px}.profile-card-info{flex-direction:column;align-items:flex-start;gap:8px}.profile-card-name{width:100%;font-size:1.1rem}.profile-card-email-pill{max-width:100%}.profile-contact-grid{grid-template-columns:1fr}.profile-save-btn{width:auto}}html.mobile .profile-page{padding:5rem 2rem 4rem;justify-content:flex-start}html.mobile .profile-card{padding:10px}html.mobile .profile-card-banner{height:100px;margin-bottom:-50px}html.mobile .profile-card-avatar{width:80px;height:80px}html.mobile .profile-card-info{flex-direction:column;align-items:flex-start;gap:8px}html.mobile .profile-card-name{width:100%;font-size:1.1rem}html.mobile .profile-card-email-pill{max-width:100%}html.mobile .profile-contact-grid{grid-template-columns:1fr}html.mobile .profile-save-btn{width:auto}.profile-page .profile-listings{max-width:680px;width:100%;margin:48px auto 0;flex-shrink:0}.profile-listings-loading{max-width:680px;width:100%;text-align:center;color:var(--color-text-secondary);margin-top:2rem;font-size:.95rem}.auth-prompt{display:flex;align-items:center;justify-content:center;flex:1;padding:2rem}.auth-form{background:var(--color-surface);padding:2.5rem;border-radius:1rem;box-shadow:0 4px 20px #0000001a;max-width:420px;width:100%;transition:max-height .3s ease,max-width .3s ease}.auth-form-expanded{max-width:600px;max-height:calc(100vh - 10rem);display:flex;flex-direction:column}.auth-logo{display:block;width:80px;height:80px;margin:0 auto 1rem}.auth-form p{text-align:center}.auth-form h2{margin-bottom:.5rem;color:var(--color-text);text-align:center;margin-top:0;font-size:1.75rem;padding-bottom:16px}.auth-tagline{text-align:center;color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 1.5rem;max-width:320px;margin-left:auto;margin-right:auto}.form{display:flex;flex-direction:column;gap:1.25rem;margin:0;padding:0;justify-content:center;align-items:center}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-group input{padding:.75rem;border:1px solid var(--color-border);border-radius:.375rem;font-size:1rem;background:var(--color-surface);color:var(--color-text)}.form-group input::placeholder{color:var(--color-text-secondary)}.error-message{padding:.75rem;background-color:var(--color-danger);color:var(--color-text);border-radius:.375rem;font-size:.875rem;text-align:center}.submit-btn{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-top:1rem}.submit-btn:hover:not(:disabled){background:var(--color-primary-hover)}.submit-btn:disabled{background-color:var(--color-border);cursor:not-allowed}.google-signin-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:300px;height:44px;padding:0 16px;background-color:#fff;border:1px solid #dadce0;border-radius:4px;font-family:Google Sans,Roboto,arial,sans-serif;font-size:14px;font-weight:500;color:#1f1f1f;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;letter-spacing:.25px;margin:0;box-sizing:border-box}.google-signin-button:hover:not(:disabled){background-color:#f8f9fa;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.google-signin-button:active:not(:disabled){background-color:#f1f3f4;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.google-signin-button:disabled{opacity:.6;cursor:not-allowed;background-color:#f8f9fa}.google-icon{flex-shrink:0}.google-button-text{flex:1;text-align:center;white-space:nowrap;font-weight:500;color:#1f1f1f;letter-spacing:.25px}.login-form{display:flex;flex-direction:column;gap:30px;align-items:center;width:100%}.login-form .google-signin-button{max-width:100%}.email-link-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.email-link-group label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-top:-16px}.email-link-row{display:flex;gap:.5rem;width:100%}.email-link-row input{flex:1;padding:.75rem;border:1px solid var(--color-border);border-radius:.375rem;font-size:1rem;min-width:0}.email-link-row .submit-btn{margin-top:0;white-space:nowrap}.auth-divider{display:flex;align-items:center;gap:1rem;width:100%;color:var(--color-text-secondary);font-size:.875rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-switch{margin-top:1.5rem;text-align:center}.switch-btn{background:none;border:none;color:var(--color-primary);font-weight:500;cursor:pointer;text-decoration:underline;margin-left:.5rem}.switch-btn:hover:not(:disabled){color:var(--color-primary-hover)}.switch-btn:disabled{color:var(--color-border);cursor:not-allowed}.auth-test-toggle{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);text-align:center;z-index:100}.test-toggle-btn{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.test-toggle-btn:hover:not(:disabled){background:var(--color-surface-elevated);border-color:var(--color-primary);color:var(--color-primary)}.test-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.test-users-container{flex:1;overflow-y:auto;min-height:200px;margin-top:1rem}.loading-users,.no-users{text-align:center;padding:2rem;color:var(--color-text-secondary)}.test-users-list{display:flex;flex-direction:column;gap:.75rem}.test-user-item{padding:1rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.test-user-item:hover{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.test-user-main{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.test-user-email{font-weight:500;color:var(--color-text);font-size:.95rem}.test-user-id{font-size:.75rem;color:var(--color-text-secondary);font-family:monospace}.test-user-dates{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}.test-user-date{display:flex;gap:.5rem;font-size:.75rem}.date-label{color:var(--color-text-secondary)}.date-value{color:var(--color-text);font-weight:500}.create-account-form{max-width:600px}.create-account-form textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.375rem;font-size:1rem;font-family:inherit;resize:vertical;min-height:120px;background:var(--color-surface);color:var(--color-text)}.create-account-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 0, 123, 255),.1)}.create-account-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 0, 123, 255),.1)}.create-account-form select,.onboarding-field select{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid var(--color-border);border-radius:.375rem;font-size:1rem;font-family:inherit;background:var(--color-surface);color:var(--color-text);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.create-account-form select:focus,.onboarding-field select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 0, 123, 255),.1)}.onboarding-field{display:flex;flex-direction:column;gap:.5rem;width:100%}.onboarding-field label{font-size:.875rem;font-weight:500;color:var(--color-text);line-height:1.4}.onboarding-field .required-marker{color:var(--color-primary)}.onboarding-field textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.375rem;font-size:1rem;font-family:inherit;resize:vertical;background:var(--color-surface);color:var(--color-text)}.onboarding-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 0, 123, 255),.1)}.onboarding-field input[type=text]{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.375rem;font-size:1rem;font-family:inherit;background:var(--color-surface);color:var(--color-text)}.onboarding-field input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 0, 123, 255),.1)}.onboarding-back-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;text-decoration:underline;padding:.5rem}.onboarding-back-btn:hover{color:var(--color-text)}.onboarding-screen{position:relative;width:100%;min-height:100vh;background:linear-gradient(160.9deg,rgba(var(--color-primary-rgb),.2) 4.8%,#0e141933 47.6%),linear-gradient(-72deg,rgba(var(--color-primary-rgb),.2) 10.9%,#0e141933 19.8%),linear-gradient(90deg,#0e1419,#0e1419);display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:120px 0 2rem;box-sizing:border-box}:root[data-theme=light] .onboarding-screen{background:linear-gradient(160.9deg,rgba(var(--color-primary-rgb),.12) 4.8%,#eef2f599 47.6%),linear-gradient(-72deg,rgba(var(--color-primary-rgb),.12) 10.9%,#eef2f599 19.8%),linear-gradient(90deg,#eef2f5,#fff)}.onboarding-logo{position:absolute;top:42px;left:29px;display:flex;align-items:center;gap:16px}.onboarding-logo img{width:59px;height:59px}.onboarding-logo-text{font-size:41.73px;font-weight:400;color:var(--color-text);letter-spacing:-.92px;line-height:1}.onboarding-container{display:flex;flex-direction:column;align-items:flex-end;gap:65px;width:726px;max-width:calc(100vw - 2rem)}.onboarding-skip{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:600;color:var(--color-primary);cursor:pointer;background:none;border:none;padding:0;line-height:28px}.onboarding-skip:hover{color:var(--color-primary-hover)}.onboarding-skip svg{width:24px;height:24px}.onboarding-body{display:flex;flex-direction:column;align-items:center;gap:48px;width:100%}.onboarding-header{display:flex;flex-direction:column;align-items:center;gap:16px}.onboarding-title{font-size:36px;font-weight:600;color:var(--color-gray-light);line-height:1;margin:0;text-align:center}.onboarding-subtitle{font-size:16px;font-weight:400;color:var(--color-text-secondary);line-height:24px;margin:0;text-align:center}.onboarding-cards{display:flex;gap:24px;width:100%}.onboarding-card{display:flex;flex-direction:column;justify-content:space-between;width:226px;padding:16px;border-radius:16px;overflow:hidden;cursor:pointer;transition:border-color .2s ease,background .2s ease;border:1px solid transparent;background:var(--color-bg-secondary);flex-shrink:0;text-align:left}.onboarding-card:hover{border-color:rgba(var(--color-primary-rgb),.5)}.onboarding-card--selected{border-color:var(--color-primary);background:linear-gradient(164.2deg,rgba(var(--color-primary-rgb),.2) 15.3%,#181e2433 64.6%),linear-gradient(90deg,var(--color-bg-secondary) 0%,var(--color-bg-secondary) 100%)}.onboarding-card--with-icon{height:194px}.onboarding-card--no-icon{height:151px}.onboarding-card-top{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.onboarding-card-icon{width:42px;height:42px;color:var(--color-text-secondary)}.onboarding-card-top--checkbox-only{justify-content:flex-end}.onboarding-card-bottom{display:flex;flex-direction:column;gap:4px}.onboarding-card-title{font-size:16px;font-weight:400;color:var(--color-text);line-height:24px}.onboarding-card-desc{font-size:16px;font-weight:400;color:var(--color-text-secondary);line-height:24px}.onboarding-radio{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s ease}.onboarding-radio--selected{border-color:var(--color-primary);background:var(--color-primary)}.onboarding-radio-inner{width:10px;height:10px;border-radius:50%;background:#fff}.onboarding-checkbox{width:24px;height:24px;border-radius:8px;border:1.5px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.onboarding-checkbox--selected{border-color:var(--color-primary);background:var(--color-primary)}.onboarding-footer{display:flex;align-items:center;justify-content:space-between;width:100%}.onboarding-step-group{display:flex;align-items:center;gap:16px}.onboarding-step-info{display:flex;flex-direction:column;gap:8px}.onboarding-theme-toggle{display:flex;align-items:center;gap:2px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:4px}.onboarding-theme-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease}.onboarding-theme-btn:hover{color:var(--color-text)}.onboarding-theme-btn.active{background:rgba(var(--color-primary-rgb),.24);color:var(--color-text)}.onboarding-step-text{font-size:14px;font-weight:400;color:var(--color-text-secondary);line-height:20px}.onboarding-progress-dots{display:flex;align-items:center;gap:8px}.onboarding-dot{height:4px;border-radius:2px;transition:all .3s ease}.onboarding-dot--active{width:57px;background:var(--color-primary)}.onboarding-dot--inactive{width:4px;background:var(--color-text-secondary);opacity:.5}.onboarding-dot--completed{width:4px;background:var(--color-primary);opacity:.5}.onboarding-actions{display:flex;align-items:center;gap:16px}.onboarding-btn-next{display:flex;align-items:center;gap:8px;height:40px;padding:8px 16px;border-radius:23px;border:none;background:linear-gradient(90deg,#577598,#577598);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease;line-height:20px}.onboarding-btn-next:hover:not(:disabled){opacity:.9}.onboarding-btn-next:disabled{opacity:.4;cursor:not-allowed}.onboarding-btn-next svg{width:24px;height:24px}.onboarding-btn-back{display:flex;align-items:center;justify-content:center;height:40px;padding:8px 16px;border-radius:23px;border:none;background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease;line-height:20px}.onboarding-btn-back:hover{background:var(--color-surface)}@media (max-width: 768px){.onboarding-logo{top:20px;left:16px;gap:10px}.onboarding-logo img{width:40px;height:40px}.onboarding-logo-text{font-size:28px}.onboarding-container{gap:32px;padding:0 1rem;width:100%}.onboarding-title{font-size:24px}.onboarding-cards{flex-direction:column;align-items:center}.onboarding-card{width:100%;max-width:320px}.onboarding-card--with-icon{height:auto;min-height:140px}.onboarding-card--no-icon{height:auto;min-height:100px}.onboarding-footer{flex-direction:column;gap:1rem;align-items:flex-start}.onboarding-actions{align-self:flex-end}}.pln-project-list{padding:1.5rem 2rem;max-width:800px;width:100%;margin:0 auto;box-sizing:border-box}.pln-project-list-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0 0 1.5rem}.pln-project-list-loading{text-align:center;color:var(--color-text-secondary);padding:3rem 0}.pln-project-list-empty{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary)}.pln-project-list-empty svg{margin-bottom:1rem;opacity:.5}.pln-project-list-empty p{font-size:.95rem;line-height:1.5;max-width:360px;margin:0 auto}.pln-project-list-grid{display:flex;flex-direction:column;gap:.75rem}.pln-project-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;background:var(--color-surface, #1a1f25);border:1px solid var(--color-border, rgba(255, 255, 255, .08));border-radius:10px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;min-width:0;max-width:100%;box-sizing:border-box}.pln-project-card:hover{background:var(--color-bg-secondary, rgba(255, 255, 255, .05));border-color:var(--color-border-hover, rgba(255, 255, 255, .15))}.pln-project-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pln-project-card-title{font-size:1rem;font-weight:500;color:var(--color-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.pln-project-card-state{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:4px;flex-shrink:0}.pln-project-card-state.active{background:#4caf5026;color:#4caf50}.pln-project-card-state.decomposition,.pln-project-card-state.requirements,.pln-project-card-state.intent{background:#6878a833;color:var(--color-secondary, #6878a8)}.pln-project-card-state.complete{background:#ffffff14;color:var(--color-text-secondary)}.pln-project-card-state.cancelled,.pln-project-card-state.failed{background:#cd5c5c26;color:var(--color-danger, #cd5c5c)}.pln-project-card-unread{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-danger, #cd5c5c);margin-left:6px;vertical-align:middle}.pln-project-card-date{font-size:.75rem;color:var(--color-text-secondary)}@media (max-width: 700px){.pln-project-list{padding:1rem}.pln-project-card{padding:.85rem 1rem}.pln-project-card-header{flex-wrap:wrap;gap:.4rem}.pln-project-card-title{white-space:normal;overflow:visible;text-overflow:unset}}.pln-wrap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:linear-gradient(135deg,#ffd8c9,#e8d4f0,#cfd7f5);display:flex;align-items:center;justify-content:center;padding:24px;animation:pln-wrap-fade-in .25s ease;overflow-y:auto}.pln-wrap-card{position:relative;background:var(--color-surface, #ffffff);border-radius:20px;max-width:640px;width:100%;padding:40px 32px 32px;text-align:center;box-shadow:0 20px 60px #0003;animation:pln-wrap-scale-in .35s cubic-bezier(.2,.8,.2,1);overflow:hidden}.pln-wrap-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:6px;border-radius:6px;z-index:2}.pln-wrap-close:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 8%,transparent)}.pln-wrap-confetti{position:absolute;top:0;left:0;right:0;height:160px;pointer-events:none;overflow:hidden}.pln-wrap-confetti-strip{position:absolute;top:-20px;width:8px;height:18px;border-radius:2px;animation:pln-wrap-confetti-fall 2.4s ease-in infinite}.pln-wrap-confetti-strip--0{left:6%;background:#5272da;animation-delay:0s}.pln-wrap-confetti-strip--1{left:18%;background:#e53935;animation-delay:.3s}.pln-wrap-confetti-strip--2{left:32%;background:#f59e0b;animation-delay:.6s}.pln-wrap-confetti-strip--3{left:46%;background:#10b981;animation-delay:.15s}.pln-wrap-confetti-strip--4{left:60%;background:#8b5cf6;animation-delay:.45s}.pln-wrap-confetti-strip--5{left:74%;background:#ec4899;animation-delay:.75s}.pln-wrap-confetti-strip:nth-child(n+7){top:-40px}.pln-wrap-confetti-strip:nth-child(n+13){top:-60px}.pln-wrap-confetti-strip:nth-child(n+19){top:-80px}@keyframes pln-wrap-confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(180px) rotate(540deg);opacity:0}}.pln-wrap-title{font-size:2.25rem;font-weight:700;color:var(--pln-accent, #5272da);margin:24px 0 8px;letter-spacing:-.02em}.pln-wrap-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0 0 24px}.pln-wrap-illustration{display:flex;justify-content:center;color:var(--pln-accent, #5272da);margin:8px 0 24px}.pln-wrap-stats{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-bottom:32px}.pln-wrap-stat{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px}.pln-wrap-stat-value{font-size:2rem;font-weight:700;line-height:1}.pln-wrap-stat-label{font-size:.8rem;color:var(--color-text-secondary);text-transform:capitalize}.pln-wrap-stat--days .pln-wrap-stat-value{color:#5272da}.pln-wrap-stat--phases .pln-wrap-stat-value{color:#e53935}.pln-wrap-stat--tasks .pln-wrap-stat-value{color:#f59e0b}.pln-wrap-stat--agents .pln-wrap-stat-value{color:#10b981}.pln-wrap-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pln-wrap-actions .btn{min-width:180px}@media (max-width: 480px){.pln-wrap-card{padding:32px 20px 24px}.pln-wrap-title{font-size:1.75rem}.pln-wrap-stats{gap:20px}.pln-wrap-stat-value{font-size:1.5rem}.pln-wrap-actions .btn{min-width:0;flex:1}}@keyframes pln-wrap-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pln-wrap-scale-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.pln-wrap-overlay,.pln-wrap-card{animation:none}.pln-wrap-confetti-strip{animation:none;opacity:0}}html:not(.mobile) .mobile-nav-bar{display:none}.mobile-nav-bar{position:fixed;top:0;left:0;right:0;z-index:1202;padding-top:max(0px,env(safe-area-inset-top));background:var(--color-bg);pointer-events:auto}.mobile-nav-bar-inner{display:flex;align-items:center;gap:12px;padding:8px 16px}.mobile-nav-menu-btn{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:48px;height:48px;padding:12px;background:var(--color-bg-secondary);border:none;border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s ease}.mobile-nav-menu-btn:active{background:var(--color-surface)}.mobile-nav-menu-line{display:block;width:16px;height:2px;background:var(--color-text);border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.mobile-nav-menu-btn.open .mobile-nav-menu-line:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.mobile-nav-menu-btn.open .mobile-nav-menu-line:nth-child(2){opacity:0}.mobile-nav-menu-btn.open .mobile-nav-menu-line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.mobile-nav-tabs{flex:1;display:flex;align-items:center;background:var(--color-bg-secondary);border-radius:12px;overflow:hidden;min-width:0;max-width:320px;margin:0 auto}.mobile-nav-tab{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;min-width:0;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease}.mobile-nav-tab:active{opacity:.7}.mobile-nav-tab-indicator{position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:rgba(var(--color-primary-rgb),.24);border-radius:8px;pointer-events:none}.mobile-nav-tab-icon{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text-secondary)}.mobile-nav-tab.active .mobile-nav-tab-icon{color:var(--color-text)}.mobile-nav-tab-label{position:relative;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:16px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-nav-tab.active .mobile-nav-tab-label{font-weight:600;color:var(--color-text)}.mobile-nav-avatar-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:var(--color-bg-secondary);border:2px solid var(--color-bg-secondary);border-radius:12px;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:box-shadow .2s ease}.mobile-nav-avatar-btn:active{opacity:.7}.mobile-nav-avatar-btn.active{border-color:var(--color-primary)}.mobile-nav-avatar{width:100%;height:100%;border-radius:10px;object-fit:cover;display:block}html.mobile .header{display:none}html.mobile .content-surface{padding-top:76px;background:var(--color-bg)}