@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}:root{--color-primary-blue: #3498db;--color-primary-blue-rgba: rgba(52, 152, 219, .8);--color-primary-blue-light: rgba(52, 152, 219, .15);--color-primary-blue-medium: rgba(52, 152, 219, .2);--color-primary-blue-border: rgba(52, 152, 219, .3);--color-primary-blue-hover: rgba(52, 152, 219, .25);--color-primary-blue-hover-border: rgba(52, 152, 219, .5);--color-calendar-blue: #3498db;--color-calendar-blue-gradient: linear-gradient(135deg, #3498db, #5dade2);--color-calendar-today-red: #ff3b30;--color-birthday-red: #ff6b6b;--color-birthday-red-gradient: linear-gradient(135deg, #ff6b6b, #ff8e8e);--color-event-blue: #3498db;--color-event-blue-gradient: linear-gradient(135deg, #3498db, #5dade2);--color-success-green: #22c55e;--color-success-green-rgba: rgba(34, 197, 94, .15);--color-success-green-border: rgba(34, 197, 94, .3);--color-success-green-hover: rgba(34, 197, 94, .25);--color-success-green-hover-border: rgba(34, 197, 94, .5);--color-error-red: #ef4444;--color-error-red-rgba: rgba(239, 68, 68, .15);--color-error-red-border: rgba(239, 68, 68, .3);--color-text-primary: #f5f5f5;--color-text-secondary: #a0a0a0;--color-text-tertiary: #808080;--color-text-quaternary: #909090;--color-text-white: #ffffff;--color-text-dark: #050505;--color-bg-primary: #060606;--color-bg-secondary: rgba(255, 255, 255, .04);--color-bg-tertiary: rgba(255, 255, 255, .08);--color-bg-quaternary: rgba(255, 255, 255, .12);--color-bg-white: #ffffff;--color-bg-overlay: rgba(10, 10, 10, .85);--color-bg-overlay-strong: rgba(10, 10, 10, .95);--color-bg-overlay-medium: rgba(12, 12, 12, .85);--color-bg-overlay-light: rgba(10, 10, 10, .75);--color-bg-overlay-heavy: rgba(6, 6, 6, .8);--color-bg-nav: rgba(6, 6, 6, .2);--color-bg-nav-hover: rgba(6, 6, 6, .4);--color-bg-nav-active: rgba(6, 6, 6, .5);--color-border-primary: rgba(255, 255, 255, .08);--color-border-secondary: rgba(255, 255, 255, .12);--color-border-tertiary: rgba(255, 255, 255, .16);--color-border-white: #ffffff;--color-border-nav: rgba(255, 255, 255, .1);--color-border-nav-hover: rgba(255, 255, 255, .2);--color-border-nav-active: rgba(255, 255, 255, .3);--color-activity-category: rgba(52, 152, 219, .8);--color-birthday-red-rgba-20: rgba(255, 107, 107, .2);--color-pin-yellow: #fbbf24;--color-pin-yellow-hover: #f59e0b;--color-avatar-grey: #6b7280;--color-avatar-text: rgba(255, 255, 255, .9);--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-500-rgba-20: rgba(59, 130, 246, .2);--color-blue-500-rgba-30: rgba(59, 130, 246, .3);--color-blue-500-rgba-40: rgba(59, 130, 246, .4);--color-green-500: #10b981;--color-green-400: #34d399;--color-success-green-alt: #5cd6a1;--color-shadow-sm: rgba(0, 0, 0, .2);--color-shadow-md: rgba(0, 0, 0, .3);--color-shadow-lg: rgba(0, 0, 0, .4);--color-shadow-overlay: rgba(0, 0, 0, .5);--color-shadow-overlay-light: rgba(0, 0, 0, .3);--color-shadow-overlay-heavy: rgba(0, 0, 0, .7);--color-shadow-overlay-strong: rgba(0, 0, 0, .95);--color-gradient-indigo-purple: linear-gradient(90deg, #667eea 0%, #764ba2 100%);--color-gradient-birthday: linear-gradient(90deg, #ff6b6b 0%, #ff8e8e 100%);--color-gradient-teal: linear-gradient(90deg, #4ecdc4 0%, #6dd5d0 100%);--color-gradient-blue: linear-gradient(90deg, #45b7d1 0%, #6bc5d8 100%);--color-gradient-activity-indigo-purple: linear-gradient(90deg, #6366f1 0%, #8b5cf6 100%);--color-gradient-activity-blue-cyan: linear-gradient(90deg, #3b82f6 0%, #06b6d4 100%);--color-gradient-activity-emerald-green: linear-gradient(90deg, #10b981 0%, #34d399 100%);--color-gradient-activity-amber-orange: linear-gradient(90deg, #f59e0b 0%, #f97316 100%);--color-gradient-activity-red-rose: linear-gradient(90deg, #ef4444 0%, #f87171 100%);--color-gradient-activity-violet-purple: linear-gradient(90deg, #8b5cf6 0%, #a855f7 100%);--color-gradient-activity-cyan-sky: linear-gradient(90deg, #06b6d4 0%, #22d3ee 100%);--color-gradient-activity-green-mint: linear-gradient(90deg, #34d399 0%, #6ee7b7 100%);--color-gradient-activity-orange-light: linear-gradient(90deg, #f97316 0%, #fb923c 100%);--color-gradient-activity-rose-light: linear-gradient(90deg, #f87171 0%, #fca5a5 100%);--color-gradient-activity-purple-light: linear-gradient(90deg, #a855f7 0%, #c084fc 100%);--color-gradient-activity-sky-light: linear-gradient(90deg, #22d3ee 0%, #67e8f9 100%);--color-gradient-activity-pink-rose: linear-gradient(90deg, #ec4899 0%, #f472b6 100%);--color-gradient-activity-lime-green: linear-gradient(90deg, #84cc16 0%, #a3e635 100%);--color-gradient-activity-cyan-blue: linear-gradient(90deg, #06b6d4 0%, #0891b2 100%);--color-activity-bg: rgba(255, 255, 255, .1);--color-bg-gradient: radial-gradient(circle at top left, rgba(255, 255, 255, .12), transparent 45%)}[data-theme=light]{--color-primary-blue: #3498db;--color-primary-blue-rgba: rgba(52, 152, 219, .8);--color-primary-blue-light: rgba(52, 152, 219, .15);--color-primary-blue-medium: rgba(52, 152, 219, .2);--color-primary-blue-border: rgba(52, 152, 219, .3);--color-primary-blue-hover: rgba(52, 152, 219, .25);--color-primary-blue-hover-border: rgba(52, 152, 219, .5);--color-calendar-blue: #3498db;--color-calendar-blue-gradient: linear-gradient(135deg, #3498db, #5dade2);--color-calendar-today-red: #ff3b30;--color-birthday-red: #ff6b6b;--color-birthday-red-gradient: linear-gradient(135deg, #ff6b6b, #ff8e8e);--color-event-blue: #3498db;--color-event-blue-gradient: linear-gradient(135deg, #3498db, #5dade2);--color-success-green: #22c55e;--color-success-green-rgba: rgba(34, 197, 94, .15);--color-success-green-border: rgba(34, 197, 94, .3);--color-success-green-hover: rgba(34, 197, 94, .25);--color-success-green-hover-border: rgba(34, 197, 94, .5);--color-error-red: #ef4444;--color-error-red-rgba: rgba(239, 68, 68, .15);--color-error-red-border: rgba(239, 68, 68, .3);--color-text-primary: #050505;--color-text-secondary: #4a6070;--color-text-tertiary: #6b7f90;--color-text-quaternary: #9bb0bf;--color-text-white: #ffffff;--color-text-dark: #111111;--color-bg-primary: #ffffff;--color-bg-secondary: rgba(52, 152, 219, .04);--color-bg-tertiary: rgba(52, 152, 219, .08);--color-bg-quaternary: rgba(52, 152, 219, .12);--color-bg-white: #ffffff;--color-bg-overlay: rgba(255, 255, 255, .85);--color-bg-overlay-strong: rgba(255, 255, 255, .95);--color-bg-overlay-medium: rgba(245, 245, 245, .85);--color-bg-overlay-light: rgba(250, 250, 250, .75);--color-bg-overlay-heavy: rgba(240, 240, 240, .8);--color-bg-nav: rgba(255, 255, 255, .2);--color-bg-nav-hover: rgba(255, 255, 255, .4);--color-bg-nav-active: rgba(255, 255, 255, .5);--color-border-primary: rgba(0, 0, 0, .08);--color-border-secondary: rgba(0, 0, 0, .12);--color-border-tertiary: rgba(0, 0, 0, .16);--color-border-white: #ffffff;--color-border-nav: rgba(0, 0, 0, .1);--color-border-nav-hover: rgba(0, 0, 0, .2);--color-border-nav-active: rgba(0, 0, 0, .3);--color-activity-category: rgba(52, 152, 219, .8);--color-birthday-red-rgba-20: rgba(255, 107, 107, .2);--color-pin-yellow: #f59e0b;--color-pin-yellow-hover: #d97706;--color-avatar-grey: #6b7280;--color-avatar-text: rgba(255, 255, 255, .9);--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-500-rgba-10: rgba(59, 130, 246, .1);--color-blue-500-rgba-20: rgba(59, 130, 246, .2);--color-blue-500-rgba-30: rgba(59, 130, 246, .3);--color-blue-500-rgba-40: rgba(59, 130, 246, .4);--color-green-500: #10b981;--color-green-400: #34d399;--color-success-green-alt: #5cd6a1;--color-shadow-sm: rgba(0, 0, 0, .2);--color-shadow-md: rgba(0, 0, 0, .3);--color-shadow-lg: rgba(0, 0, 0, .4);--color-shadow-overlay: rgba(0, 0, 0, .5);--color-shadow-overlay-light: rgba(0, 0, 0, .3);--color-shadow-overlay-heavy: rgba(0, 0, 0, .7);--color-shadow-overlay-strong: rgba(0, 0, 0, .95);--color-gradient-indigo-purple: linear-gradient(90deg, #667eea 0%, #764ba2 100%);--color-gradient-birthday: linear-gradient(90deg, #ff6b6b 0%, #ff8e8e 100%);--color-gradient-teal: linear-gradient(90deg, #4ecdc4 0%, #6dd5d0 100%);--color-gradient-blue: linear-gradient(90deg, #45b7d1 0%, #6bc5d8 100%);--color-gradient-activity-indigo-purple: linear-gradient(90deg, #6366f1 0%, #8b5cf6 100%);--color-gradient-activity-blue-cyan: linear-gradient(90deg, #3b82f6 0%, #06b6d4 100%);--color-gradient-activity-emerald-green: linear-gradient(90deg, #10b981 0%, #34d399 100%);--color-gradient-activity-amber-orange: linear-gradient(90deg, #f59e0b 0%, #f97316 100%);--color-gradient-activity-red-rose: linear-gradient(90deg, #ef4444 0%, #f87171 100%);--color-gradient-activity-violet-purple: linear-gradient(90deg, #8b5cf6 0%, #a855f7 100%);--color-gradient-activity-cyan-sky: linear-gradient(90deg, #06b6d4 0%, #22d3ee 100%);--color-gradient-activity-green-mint: linear-gradient(90deg, #34d399 0%, #6ee7b7 100%);--color-gradient-activity-orange-light: linear-gradient(90deg, #f97316 0%, #fb923c 100%);--color-gradient-activity-rose-light: linear-gradient(90deg, #f87171 0%, #fca5a5 100%);--color-gradient-activity-purple-light: linear-gradient(90deg, #a855f7 0%, #c084fc 100%);--color-gradient-activity-sky-light: linear-gradient(90deg, #22d3ee 0%, #67e8f9 100%);--color-gradient-activity-pink-rose: linear-gradient(90deg, #ec4899 0%, #f472b6 100%);--color-gradient-activity-lime-green: linear-gradient(90deg, #84cc16 0%, #a3e635 100%);--color-gradient-activity-cyan-blue: linear-gradient(90deg, #06b6d4 0%, #0891b2 100%);--color-activity-bg: rgba(0, 0, 0, .1);--color-bg-gradient: radial-gradient(circle at top left, rgba(0, 0, 0, .12), transparent 45%)}:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5}[data-theme=light]{color-scheme:light}*{box-sizing:border-box}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}body{margin:0;min-height:100vh;background:var(--color-bg-gradient),var(--color-bg-primary)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}@media (max-width: 768px){input:not([type=checkbox]):not([type=radio]):not([type=date]):not([type=datetime-local]),textarea,select{font-size:16px!important}}.brand-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--color-bg-tertiary);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.nav-separator{opacity:.5;margin:0 4px}.brand-icon-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.brand-icon-button:hover{opacity:.7}.nav-current-page{opacity:1;font-weight:600;color:var(--color-text-primary)}.landing{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:clamp(48px,12vh,120px) clamp(24px,6vw,120px)}.landing-content{width:min(1120px,100%);display:flex;gap:clamp(40px,8vw,120px);align-items:center;justify-content:space-between}.landing-copy{flex:1 1 380px;display:flex;flex-direction:column;gap:clamp(18px,3vh,28px);min-width:320px}.landing-copy h1{font-family:Playfair Display,serif;font-size:clamp(40px,7vw,64px);margin:0}.landing-copy p{margin:0;opacity:.75;font-size:16px}.landing-auth{flex:0 1 360px;display:flex;flex-direction:column;gap:20px;width:100%}.auth-card{background:var(--color-bg-overlay);border:1px solid var(--color-border-primary);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:18px;width:100%}.auth-card h3{margin:0;font-size:22px}.auth-subhead{margin:0;opacity:.7;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.65}.auth-form input{padding:12px;border-radius:12px;border:1px solid var(--color-border-primary);background:var(--color-bg-secondary);color:inherit;font-size:15px}.auth-form button{margin-top:8px;padding:12px;border-radius:12px;border:1px solid var(--color-border-primary);background:var(--color-bg-white);color:var(--color-text-dark);font-weight:600;transition:transform .2s ease}.auth-form button:disabled{opacity:.6;transform:none}.auth-form button:not(:disabled):hover{transform:translateY(-2px)}.auth-toggle{margin:0;font-size:14px;opacity:.75}.auth-toggle button{margin-left:6px;text-decoration:underline;text-underline-offset:4px}.error{color:var(--color-birthday-red);font-size:13px}.success{color:var(--color-success-green-alt);font-size:13px}.dashboard{min-height:100vh;display:flex;flex-direction:column;padding:40px clamp(24px,5vw,120px);gap:36px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.nav-menu{position:relative}.menu-trigger{width:42px;height:42px;background:transparent;display:grid;place-items:center;border-radius:8px;transition:background .2s ease}.menu-trigger:hover{background:var(--color-bg-tertiary)}.menu-dropdown{position:absolute;top:calc(100% + 16px);right:0;background:var(--color-bg-primary);border:1px solid var(--color-border-nav);border-radius:12px;padding:8px 0;display:flex;flex-direction:column;gap:0;min-width:180px;opacity:0;pointer-events:none;transform:translateY(-6px);transition:all .2s ease;z-index:10}.menu-dropdown:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;height:20px;pointer-events:none}.menu-dropdown.open:before{pointer-events:auto}.menu-dropdown a,.menu-dropdown button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--color-text-primary);font-size:14px;padding:8px 0 8px 12px;opacity:1;cursor:pointer;transition:all .2s ease}.menu-dropdown button{cursor:pointer}.menu-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.menu-hover-buffer{position:absolute;top:calc(100% - 34px);right:0;min-width:180px;width:180px;height:50px;opacity:0;pointer-events:none;z-index:11}.menu-hover-buffer.open{opacity:1;pointer-events:auto}.nav-notifications{position:relative;z-index:11}.notifications-trigger{position:relative;border:none;color:var(--color-text-primary);cursor:pointer;padding:0;width:42px;height:42px;background:transparent;display:grid;place-items:center;border-radius:8px;transition:background .2s ease}.notifications-trigger:hover{background:var(--color-bg-tertiary)}.notifications-badge{position:absolute;top:5px;right:5px;background:var(--color-birthday-red);color:var(--color-text-white);border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;line-height:1}.notifications-dropdown{position:absolute;top:calc(100% + 16px);right:0;background:var(--color-bg-primary);border:1px solid var(--color-border-nav);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:8px;min-width:400px;max-width:450px;max-height:calc(100vh - 120px);overflow-y:auto;opacity:0;pointer-events:none;transform:translateY(-6px);transition:all .16s ease;z-index:12}.notifications-dropdown:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;height:20px;pointer-events:auto}.notifications-hover-buffer{position:absolute;top:calc(100% - 34px);right:0;min-width:400px;max-width:450px;width:450px;height:50px;opacity:0;pointer-events:none;z-index:13}.notifications-hover-buffer.open{opacity:1;pointer-events:auto}.notifications-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--color-bg-overlay-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;border:1px solid var(--color-border-primary);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 6px #0000000f}.notification-item:hover{background:var(--color-bg-overlay-medium);border-color:var(--color-border-secondary);transform:translateY(-1px);box-shadow:0 3px 12px #0000001a}.notification-icon{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:var(--color-primary-blue-light);display:flex;align-items:center;justify-content:center;color:var(--color-primary-blue)}.notification-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.notification-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.notification-title{font-size:14px;font-weight:600;color:var(--color-text-primary);line-height:1.3;flex:1}.notification-message{font-size:13px;color:var(--color-text-secondary);line-height:1.4;margin-top:2px}.notification-time{font-size:12px;color:var(--color-text-tertiary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;white-space:nowrap;flex-shrink:0}.notification-empty{padding:32px 24px;text-align:center;color:var(--color-text-tertiary);font-size:14px;background:var(--color-bg-overlay-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;border:1px solid var(--color-border-primary)}.dashboard-body{flex:1;display:flex;flex-direction:column;gap:28px}.dashboard-body.waiting{justify-content:center;align-items:center}.dashboard-card{max-width:540px;background:var(--color-bg-overlay-medium);border-radius:32px;border:1px solid var(--color-border-primary);padding:40px clamp(24px,4vw,56px);display:flex;flex-direction:column;gap:18px;text-align:left}.welcome-line{margin:0;font-family:Playfair Display,serif;font-size:clamp(28px,4vw,34px)}.dashboard-card.waiting{align-self:center;text-align:center;align-items:center;gap:16px}.dashboard-card.waiting p{max-width:360px}.dashboard-card.waiting+.preview-grid{margin-inline:auto}.dashboard-card .eyebrow{margin:0;opacity:.6;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.dashboard-card h1{margin:0;font-family:Playfair Display,serif;font-size:clamp(28px,4vw,38px)}.dashboard-card p{margin:0;opacity:.75}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.preview-card{background:var(--color-bg-overlay-light);border:1px solid var(--color-border-primary);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:12px}.preview-card ul li{list-style:none;display:flex;align-items:center;gap:10px;padding:6px 0}.preview-card ul li .connection-item{padding:0;background:none;border:none}.preview-card h2{margin:0;font-size:18px}.preview-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13px;opacity:.75}.loading-state{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:14px;text-align:center}.loading-state p{margin:0;text-align:center}.spinner{width:42px;height:42px;border-radius:50%;border:3px solid var(--color-border-secondary);border-top-color:var(--color-primary-blue);animation:spin 1s linear infinite}.ghost{border:none;background:none;color:inherit;opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 720px){.landing{padding:32px 16px}.landing-content{flex-direction:column;gap:24px}.landing-copy,.landing-auth{flex:1 1 auto;min-width:0}.landing-copy h1{font-size:32px}.dashboard{padding:12px 16px}.dashboard-body{gap:16px}.main-content{flex-direction:column;gap:20px;margin-top:16px}.connections-column,.quick-picks-column{flex:1 1 auto}.connections-main{margin-top:56px;padding:12px 16px}.connections-main.with-floating-nav{margin-top:56px}.connections-nav.floating-glass{top:0;left:0;right:0;padding:10px 12px;border-radius:0}.connections-nav.floating-glass:hover{top:0}.quick-picks-column{position:static;padding:12px}.nav-link{font-size:12px}.welcome-section h1{font-size:24px}.welcome-section p{font-size:14px}.search-container{max-width:100%}.connection-item{padding:10px 12px;margin-bottom:6px}.connection-item .profile-image,.connection-item .avatar-placeholder{width:36px;height:36px}.connection-item .connection-avatar{margin-right:10px}}.user-list{margin-top:24px}.user-list ul{list-style:none;padding:0;margin:0}.user-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:12px;margin-bottom:12px;transition:all .2s ease}.user-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.user-info{display:flex;align-items:center;gap:12px}.user-info div{display:flex;flex-direction:column;gap:4px}.user-info strong{font-weight:600;color:var(--color-text-primary)}.user-info span{font-size:12px;color:var(--color-text-secondary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.user-actions{display:flex;gap:8px}.status-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;transition:all .2s ease;border:1px solid transparent}.status-button.accepted{background:var(--color-success-green-rgba);color:var(--color-success-green);border-color:var(--color-success-green-border)}.status-button.accepted:hover{background:var(--color-success-green-hover);border-color:var(--color-success-green-hover-border)}.status-button.pending{background:var(--color-primary-blue-light);color:var(--color-primary-blue);border-color:var(--color-primary-blue-border)}.status-button.pending:hover{background:var(--color-primary-blue-hover);border-color:var(--color-primary-blue-hover-border)}.panel-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-error-red-rgba);border:1px solid var(--color-error-red-border);border-radius:8px;color:var(--color-error-red);font-size:14px;margin-bottom:16px}.connections-board{min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary);display:flex;flex-direction:column}.connections-nav{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:var(--color-bg-nav);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-nav);width:100%;max-width:100%;border-radius:0;box-shadow:none;transition-property:top,width,max-width,border-radius,background,backdrop-filter,padding,box-shadow,border;transition-duration:.3s,.3s,.3s,.3s,.3s,.3s,.3s,.3s,.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.connections-nav.scrolled{top:16px;width:40%;max-width:400px;min-width:300px;border-radius:16px;background:var(--color-bg-nav-hover);border:1px solid var(--color-border-nav-hover);box-shadow:0 2px 8px #00000014;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:8px 20px;border-bottom:1px solid var(--color-border-nav-hover)}.connections-nav.scrolled:hover{background:var(--color-bg-nav-active);border-color:var(--color-border-nav-active);box-shadow:0 3px 12px #0000001f;transition-duration:.15s,.15s,.15s,.15s,.15s,.15s,.15s,.15s,.15s}@media (max-width: 720px){.connections-nav{padding:12px 16px;left:0;transform:none;width:100%;border-bottom:1px solid var(--color-border-nav)}.connections-nav.scrolled{top:0;left:0;right:0;width:100%;max-width:none;border-radius:0;background:var(--color-bg-nav-hover);border-bottom:1px solid var(--color-border-nav-hover);box-shadow:none;padding:12px 16px;transform:none}.nav-left .brand-chip{font-size:14px}.nav-right{gap:16px}.notifications-trigger,.menu-trigger{width:38px;height:38px}.menu-dropdown{right:8px;padding:12px;min-width:160px}.menu-dropdown a{padding:6px 10px;font-size:13px}.menu-label{font-size:11px;padding:4px 10px}.connections-nav.scrolled .menu-dropdown{right:8px;top:calc(100% + 16px)}.notifications-dropdown{right:8px;min-width:280px;max-width:calc(100vw - 32px);padding:12px}.notification-item{padding:10px;gap:10px}.notification-title{font-size:13px}.notification-message{font-size:12px}}.connections-nav.top-nav{top:0;bottom:auto}.connections-nav.floating-glass{top:20px;left:20px;right:20px;border-radius:16px;background:var(--color-bg-overlay-heavy);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-primary);box-shadow:0 8px 32px var(--color-shadow-md);padding:16px 32px}.connections-nav.floating-glass:hover{top:16px;background:var(--color-bg-overlay-strong);border-color:var(--color-border-secondary);box-shadow:0 12px 40px var(--color-shadow-lg)}.nav-left .brand-chip{display:flex;align-items:center;gap:10px;background:none;padding:0;font-size:16px;font-weight:600;letter-spacing:.05em}.brand-icon{width:24px;height:24px;border:2px solid var(--color-text-primary);border-radius:4px;position:relative}.inner-square{width:8px;height:8px;background-color:var(--color-text-primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-right{display:flex;align-items:center;gap:24px}.connections-nav.scrolled .nav-right{gap:12px}.nav-link{color:var(--color-text-primary);text-decoration:none;font-size:14px;font-weight:500;transition:opacity .2s ease}.nav-link:hover{opacity:.7}.nav-link.user-name{font-weight:600}.connections-main{flex:1;padding:40px;max-width:1200px;margin:80px auto 0;width:100%}.connections-main.with-floating-nav{margin-top:100px}.connections-header{margin-bottom:40px}.welcome-section{margin-bottom:32px}.welcome-section h1{font-family:Playfair Display,serif;font-size:48px;font-weight:400;margin:0;line-height:1.2;color:var(--color-text-primary)}.search-container{position:relative;flex:1;margin-left:auto}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);z-index:1}.search-input{width:100%;min-width:320px;padding:16px 16px 16px 48px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:12px;color:var(--color-text-primary);font-size:16px;font-family:inherit;box-sizing:border-box}.search-input::placeholder{color:var(--color-text-secondary)}.search-input:focus{outline:none;border-color:var(--color-border-secondary);background:var(--color-bg-quaternary)}.analytics-section{padding:30px 80px;margin-top:48px;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-nav)}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.analytics-header h2{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0}.analytics-period{color:var(--color-text-secondary);font-size:14px}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.top-locations-occupations-container{grid-column:span 2;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.analytics-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-locations-occupations-container .analytics-card{padding:16px}.analytics-card h3{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 20px}.top-locations-occupations-container .analytics-card h3,.metrics-card h3{font-size:16px;margin-bottom:12px}.metrics-card{grid-column:span 1;display:flex;flex-direction:column;justify-content:space-between;width:100%}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.metric-item{display:flex;align-items:center;gap:16px}.key-metrics-card{grid-column:span 3}.key-metrics-container{display:flex;flex-direction:column;gap:12px;flex:1;align-items:stretch;width:100%;max-width:100%}.key-metrics-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.key-metric-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:12px;transition:all .2s ease;width:100%;min-width:0;box-sizing:border-box}.key-metric-item:hover{background:var(--color-bg-quaternary);border-color:var(--color-border-secondary);transform:translateY(-2px)}.key-metric-item.primary{background:var(--color-bg-tertiary);border-color:var(--color-border-primary);padding:14px 16px}.key-metric-item.primary:hover{background:var(--color-bg-quaternary);border-color:var(--color-border-secondary)}.key-metric-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-tertiary);border-radius:10px;color:var(--color-text-primary)}.key-metric-icon.priority{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.key-metric-content{flex:1}.key-metric-value{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-bottom:0}.key-metric-label{font-size:12px;color:var(--color-text-secondary);font-weight:500}.metric-icon{width:48px;height:48px;border-radius:12px;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary)}.metric-icon.priority{background:var(--color-birthday-red-rgba-20);color:var(--color-birthday-red)}.metric-content{flex:1}.metric-value{font-size:24px;font-weight:700;color:var(--color-text-primary);line-height:1;margin-bottom:4px}.metric-label{font-size:14px;color:var(--color-text-secondary)}.trends-container{display:flex;flex-direction:column;gap:16px}.trend-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-border-nav)}.trend-item:last-child{border-bottom:none}.trend-label{font-size:14px;color:var(--color-text-primary)}.trend-value{font-size:20px;font-weight:600;color:var(--color-text-primary)}.interaction-types{display:flex;flex-direction:column;gap:16px}.interaction-type-item{display:flex;flex-direction:column;gap:8px}.interaction-type-info{display:flex;justify-content:space-between;align-items:center}.interaction-type-name{font-size:14px;color:var(--color-text-primary)}.interaction-type-count{font-size:14px;font-weight:600;color:var(--color-text-primary)}.interaction-type-bar{height:6px;background:var(--color-bg-tertiary);border-radius:3px;overflow:hidden}.interaction-type-fill{height:100%;background:var(--color-gradient-indigo-purple);border-radius:3px;transition:width .3s ease}.relationship-distribution{display:flex;flex-direction:column;gap:16px}.distribution-item{display:flex;flex-direction:column;gap:8px}.distribution-label{font-size:14px;color:var(--color-text-primary)}.distribution-value{font-size:16px;font-weight:600;color:var(--color-text-primary)}.distribution-bar{height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}.distribution-fill{height:100%;border-radius:4px;transition:width .3s ease}.distribution-fill.high{background:var(--color-gradient-birthday)}.distribution-fill.medium{background:var(--color-gradient-teal)}.distribution-fill.low{background:var(--color-gradient-blue)}.top-locations,.top-occupations{display:flex;flex-direction:column;gap:8px}.top-locations-occupations-container .top-locations,.top-locations-occupations-container .top-occupations{gap:6px}.location-item,.occupation-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--color-border-primary)}.top-locations-occupations-container .location-item,.top-locations-occupations-container .occupation-item{padding:4px 0}.location-item:last-child,.occupation-item:last-child{border-bottom:none}.location-name,.occupation-name{font-size:14px;color:var(--color-text-primary)}.top-locations-occupations-container .location-name,.top-locations-occupations-container .occupation-name{font-size:13px}.location-count,.occupation-count{font-size:14px;font-weight:600;color:var(--color-text-primary);background:var(--color-bg-tertiary);padding:4px 8px;border-radius:6px}.top-locations-occupations-container .location-count,.top-locations-occupations-container .occupation-count{font-size:13px;padding:3px 6px}@media (max-width: 1024px){.analytics-grid{grid-template-columns:1fr 1fr}.top-locations-occupations-container{grid-column:span 2;gap:16px}}@media (max-width: 768px){.analytics-section{padding:12px 16px}.analytics-grid{grid-template-columns:1fr;gap:12px}.top-locations-occupations-container{grid-column:span 1;grid-template-columns:1fr;gap:12px}.metrics-card,.key-metrics-card{grid-column:span 1;padding:12px}.key-metrics-row{grid-template-columns:1fr;gap:10px}.key-metric-item{padding:12px}.key-metric-value{font-size:20px}.key-metric-label{font-size:12px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:10px}.analytics-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px}.analytics-header h2{font-size:18px}}.main-content{display:flex;flex-direction:column;gap:32px;margin-top:24px}.dashboard-bottom{display:flex;gap:32px;align-items:flex-start}.connections-column{flex:0 0 62.5%;min-height:calc(100vh - 200px)}.quick-picks-column{flex:0 0 37.5%;position:sticky;top:100px;height:fit-content}.connections-list{height:100%;overflow-y:auto;max-height:none}.connections-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.connection-item{display:flex;align-items:center;padding:16px 20px;background:var(--color-bg-secondary);border-radius:12px;transition:all .2s ease;border:1px solid transparent}.connection-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-nav)}.connection-avatar{margin-right:16px}.profile-image{width:48px;height:48px;border-radius:50%;object-fit:cover}.gradient-avatar{line-height:1}.avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--color-bg-tertiary);border:2px solid var(--color-border-nav-hover)}.hidden{display:none}.connection-info{flex:1;display:flex;flex-direction:column;gap:2px}.connection-name{font-size:16px;font-weight:600;color:var(--color-text-primary)}.connection-descriptor{font-size:14px;color:var(--color-text-secondary);font-weight:400}.connection-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;color:var(--color-text-secondary)}.priority-indicator{background:var(--color-primary-blue-medium);color:var(--color-primary-blue);padding:2px 8px;border-radius:12px;font-weight:600;font-size:11px}.last-contact{font-size:12px;color:var(--color-text-secondary)}.loading-inline{display:flex;align-items:center;gap:8px;padding:20px;color:var(--color-text-secondary);font-size:14px}.empty-state{text-align:center;padding:40px 20px;color:var(--color-text-secondary);font-size:16px}.spin{animation:spin 1s linear infinite}.notes-section{margin-top:32px;margin-bottom:48px}.notes-section h2{margin:0 0 20px;font-size:24px;font-weight:600;color:var(--color-text-primary)}.notes-container{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:16px;padding:24px}.notes-input-container{display:flex;flex-direction:column;gap:16px}@media (max-width: 720px){.notes-input-container{gap:0px}}.notes-textarea{width:100%;padding:20px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:12px;color:var(--color-text-primary);font-size:15px;font-family:inherit;resize:vertical;min-height:200px;line-height:1.6}.notes-textarea::placeholder{color:var(--color-text-tertiary)}.notes-textarea:focus{outline:none;border-color:var(--color-border-secondary);background:var(--color-bg-secondary)}.notes-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;position:relative}.recording-timer{display:flex;align-items:center;color:var(--color-error-red);font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;min-width:50px}.notes-actions-buttons{display:flex;gap:12px;margin-left:auto}.recording-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:150px;justify-content:center;flex-shrink:0;box-sizing:border-box}.recording-button>svg{width:16px;height:16px;flex-shrink:0}.recording-button>.spinner{width:16px!important;height:16px!important;flex-shrink:0;border-width:2px}.recording-button:hover{background:var(--color-bg-quaternary);border-color:var(--color-border-nav-hover)}.recording-button.recording{background:var(--color-error-red-rgba);border-color:var(--color-error-red-border);color:var(--color-error-red)}.add-note-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-bg-white);border:1px solid var(--color-border-nav-hover);border-radius:8px;color:var(--color-text-dark);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;width:130px;justify-content:center;flex-shrink:0;box-sizing:border-box}.add-note-button>svg{width:16px;height:16px;flex-shrink:0}.add-note-button:hover:not(:disabled){background:var(--color-bg-overlay-light);color:var(--color-text-primary);transform:translateY(-1px)}.add-note-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.add-note-button:active:not(:disabled){transform:translateY(0);background:var(--color-bg-overlay-light);color:var(--color-text-primary)}.add-note-button>.spinner{width:16px!important;height:16px!important;flex-shrink:0;border-width:2px}.notes-bottom-bar{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:8px;font-size:13px}.notes-stats{display:flex;gap:20px}.stat-item{display:flex;gap:6px;align-items:center}.stat-label{color:var(--color-text-secondary);font-weight:500}.stat-value{color:var(--color-text-primary);font-weight:600;background:var(--color-bg-tertiary);padding:2px 8px;border-radius:4px;min-width:20px;text-align:center}.notes-timestamp{color:var(--color-text-secondary);font-size:12px}.top-picks-section{margin-bottom:24px}.top-picks-section h2{margin:0 0 20px;font-size:24px;font-weight:600;color:var(--color-text-primary)}.top-picks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.top-pick-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:16px;padding:20px;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;gap:16px}.top-pick-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-primary);transform:translateY(-2px)}.top-pick-card .pick-image-container{position:relative;width:100%;height:160px;border-radius:12px;overflow:hidden}.top-pick-card .pick-image{width:100%;height:100%;object-fit:cover;border:1px solid var(--color-border-nav-hover)}.top-pick-card .pick-image-placeholder{width:100%;height:100%;background:var(--color-bg-tertiary);border:1px solid var(--color-border-nav-hover);border-radius:12px}.top-pick-card .pick-content{flex:1;display:flex;flex-direction:column;gap:4px}.top-pick-card .pick-category{font-size:12px;font-weight:600;color:var(--color-activity-category);text-transform:uppercase;letter-spacing:.05em}.top-pick-card .pick-name{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.top-pick-card .pick-description{font-size:14px;color:var(--color-text-secondary);line-height:1.4}.quick-picks{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:16px;padding:24px;height:fit-content}.quick-picks h3{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--color-text-primary)}.quick-picks-list{display:flex;flex-direction:column;gap:16px}.quick-pick-item{padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:12px;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;gap:12px}.quick-pick-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-primary);transform:translateY(-2px)}.pick-image-container{position:relative;flex-shrink:0}.pick-image{width:96px;height:96px;border-radius:8px;object-fit:cover;border:1px solid var(--color-border-nav-hover)}.pick-image-placeholder{width:96px;height:96px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-nav-hover);border-radius:8px;flex-shrink:0}.pick-content{flex:1;min-width:0}.pick-category{font-size:11px;font-weight:600;color:var(--color-activity-category);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.pick-name{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.pick-description{font-size:13px;color:var(--color-text-secondary);line-height:1.4}.view-more-container{margin-top:24px;display:flex;justify-content:center}.view-more-button{padding:12px 24px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-more-button:hover{background:var(--color-bg-quaternary);border-color:var(--color-border-secondary);transform:translateY(-1px)}.connections-page{min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary);display:flex;flex-direction:column}.connections-page-main{flex:1;padding:20px 40px 0;max-width:1400px;margin:100px auto 0;width:100%;height:calc(100vh - 100px);overflow:hidden}.connections-page-header{margin-bottom:24px;display:flex;align-items:center;gap:16px;position:relative;padding:0}.add-connection-button{flex-shrink:0}.sort-container{display:flex;align-items:center;margin-left:auto}.filter-button{display:flex;align-items:center;gap:8px;padding:16px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:12px;color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.filter-button:hover{background:var(--color-bg-quaternary);border-color:var(--color-border-tertiary);transform:translateY(-1px)}.filter-button.active{background:var(--color-bg-quaternary);border-color:var(--color-border-tertiary);color:var(--color-text-white)}.filter-button.active:hover{background:var(--color-bg-quaternary);border-color:var(--color-border-tertiary)}.filter-button:before{content:"";position:absolute;top:50%;right:8px;transform:translateY(-50%);width:16px;height:16px;border:2px solid transparent;border-radius:4px;background:transparent;transition:all .2s ease;opacity:0}.filter-button:hover:before{opacity:1;border-color:var(--color-text-secondary)}.filter-button.active:before{opacity:1;border-color:var(--color-text-white);background:var(--color-bg-white)}.filter-button.active:after{content:"✓";position:absolute;top:50%;right:8px;transform:translateY(-50%);color:var(--color-text-dark);font-size:12px;font-weight:700;opacity:0;transition:opacity .2s ease}.sort-menu{position:relative}.sort-trigger{display:flex;align-items:center;gap:8px;padding:16px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:12px;color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.sort-trigger:hover{background:var(--color-bg-quaternary);border-color:var(--color-border-tertiary);transform:translateY(-1px)}.sort-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--color-bg-overlay-strong);border:1px solid var(--color-border-nav);border-radius:12px;padding:8px 0;min-width:180px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1000}.sort-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.sort-label{display:block;padding:8px 0 4px 12px;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.sort-dropdown button{display:block;width:100%;padding:8px 0 8px 12px;background:none;border:none;color:var(--color-text-primary);font-size:14px;text-align:left;cursor:pointer;transition:all .2s ease}.sort-dropdown button:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sort-dropdown button.active{background:var(--color-bg-quaternary);color:var(--color-text-primary);font-weight:600}.connections-page-header .welcome-section h1{font-family:Playfair Display,serif;font-size:42px;font-weight:400;margin:0 0 6px;line-height:1.2;color:var(--color-text-primary)}.connections-page-header .welcome-section p{margin:0;opacity:.7;font-size:15px}.connections-page-content{display:flex;gap:32px;align-items:flex-start;height:calc(100% - 100px);overflow:visible;justify-content:space-between}.connections-list-section{flex:1;height:100%}.connections-list-container{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:16px;padding:24px 24px 40px;height:520px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;-ms-overflow-style:none;scrollbar-width:none}.connections-list-container::-webkit-scrollbar{display:none}.connections-list-full{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;flex:1}.connection-item-full{display:flex;align-items:center;padding:16px 20px;background:var(--color-bg-secondary);border-radius:12px;transition:all .2s ease;border:1px solid transparent;cursor:pointer}.connection-item-full:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-nav)}.connection-item-full.selected{background:var(--color-bg-quaternary);border-color:var(--color-border-nav-hover)}.connection-item-full .connection-avatar{margin-right:16px}.connection-item-full .profile-image{width:48px;height:48px;border-radius:50%;object-fit:cover}.connection-item-full .avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--color-bg-tertiary);border:2px solid var(--color-border-nav-hover)}.connection-item-full .connection-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.connection-item-full .connection-name{font-size:16px;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;flex-wrap:wrap;gap:4px;word-break:break-word}.connection-item-full .connection-descriptor{font-size:14px;color:var(--color-text-secondary);font-weight:400}.connection-item-full .last-contact{font-size:12px;color:var(--color-text-secondary)}.connection-item-full .connection-status{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}@media (max-width: 720px){.connection-item-full{flex-wrap:wrap}.connection-item-full .connection-info{flex:1 1 auto;min-width:200px;gap:4px}.connection-item-full .connection-status{display:none}}.connection-detail-card{flex:1;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:16px;padding:24px;height:520px;overflow-y:auto;overflow-x:hidden}.connection-detail-card::-webkit-scrollbar{width:4px}.connection-detail-card::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:2px}.connection-detail-card::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:2px}.connection-detail-card::-webkit-scrollbar-thumb:hover{background:var(--color-bg-quaternary)}.detail-name-container{display:flex;align-items:center;justify-content:space-between;gap:8px}.detail-name-container h2{display:inline-block;border:1px solid transparent;padding:2px 6px;min-width:150px;max-width:300px;box-sizing:border-box;margin:0}.detail-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.expand-icon,.edit-icon{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px}.expand-icon:hover,.edit-icon:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.edit-icon.pin-button{color:var(--color-text-secondary)}.edit-icon.pin-button.pinned{color:#dc2626}[data-theme=light] .edit-icon.pin-button.pinned{color:#1e40af}.edit-icon.pin-button:hover{background:var(--color-bg-tertiary)}.edit-icon.pin-button.pinned:hover{color:#dc2626}[data-theme=light] .edit-icon.pin-button.pinned:hover{color:#1e40af}.edit-icon.pin-button svg{fill:currentColor}.connection-name .pin-icon{color:#dc2626;margin-right:6px;display:inline-block;vertical-align:middle}[data-theme=light] .connection-name .pin-icon{color:#1e40af}.connection-name .pin-icon svg{fill:currentColor}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--color-border-nav)}.detail-profile-image{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border-nav-hover)}.detail-image-placeholder{width:64px;height:64px;border-radius:50%;background:var(--color-bg-tertiary);border:2px solid var(--color-border-nav-hover)}.detail-header-info h2{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--color-text-primary)}.detail-status{display:flex;gap:8px;align-items:center}.priority-badge{background:var(--color-primary-blue-medium);color:var(--color-primary-blue);padding:4px 8px;border-radius:12px;font-weight:600;font-size:11px;border:1px solid var(--color-primary-blue-border)}.detail-content{display:flex;flex-direction:column;gap:16px}.detail-section h3{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--color-text-primary)}.detail-info-grid{display:flex;flex-direction:column;gap:8px}.detail-info-item{display:flex;align-items:center;gap:12px;color:var(--color-text-primary);font-size:14px}.detail-info-item svg{color:var(--color-text-secondary);flex-shrink:0}.detail-info-item>span{display:inline-block;border:1px solid transparent;padding:2px 6px;min-width:140px;max-width:200px;box-sizing:border-box;line-height:1.4}.detail-info-linkedin-span{max-width:400px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-name-input{font-size:24px;font-weight:600;background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:4px;padding:2px 6px;color:var(--color-text-primary);width:auto;min-width:150px;max-width:300px;outline:none;transition:all .2s ease}.detail-name-input:focus{border-color:var(--color-primary-blue-border);background:var(--color-bg-tertiary);box-shadow:0 0 0 3px var(--color-primary-blue-light)}.detail-edit-input{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:4px;padding:2px 6px;color:var(--color-text-primary);font-size:inherit;font-family:inherit;min-width:120px;max-width:200px;outline:none;transition:all .2s ease}.detail-edit-input:focus{border-color:var(--color-primary-blue-border);background:var(--color-bg-tertiary);box-shadow:0 0 0 3px var(--color-primary-blue-light)}.detail-edit-input[type=date],.detail-edit-input[type=datetime-local]{min-width:140px}.detail-edit-input[type=datetime-local]{min-width:180px}.detail-edit-input-linkedin{max-width:600px!important;min-width:360px}.detail-edit-select{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:4px;padding:2px 6px;color:var(--color-text-primary);font-size:inherit;font-family:inherit;min-width:100px;outline:none;cursor:pointer;transition:all .2s ease}.detail-edit-select:focus{border-color:var(--color-primary-blue-border);background:var(--color-bg-tertiary);box-shadow:0 0 0 3px var(--color-primary-blue-light)}.detail-edit-select option{background:var(--color-bg-overlay-strong);color:var(--color-text-primary)}.detail-notes{margin:0;color:var(--color-text-primary);font-size:14px;line-height:1.5}.interaction-summary{display:flex;flex-direction:column;gap:8px}.interaction-item{display:flex;align-items:center;gap:12px;color:var(--color-text-primary);font-size:14px}.interaction-item svg{color:var(--color-text-secondary);flex-shrink:0}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background:var(--color-bg-tertiary);color:var(--color-text-primary);padding:4px 12px;border-radius:16px;font-size:12px;border:1px solid var(--color-border-nav-hover)}.nav-link.active{opacity:1;color:var(--color-primary-blue)}.nav-link button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;display:flex;align-items:center}@media (max-width: 1024px){.connections-page-content{flex-direction:column;gap:24px}.connections-list-section,.connection-detail-card{flex:1 1 auto}.connection-detail-card{position:static}}@media (max-width: 720px){.connections-main,.connections-page-main{padding:12px 16px 8px;margin-top:56px}.connections-page-main{padding:12px 16px 8px;height:auto;min-height:auto;margin-top:56px;margin-bottom:0}.connections-nav,.connections-nav.scrolled{padding:10px 12px}.nav-left .brand-chip{font-size:12px;gap:6px}.brand-icon{width:20px;height:20px}.inner-square{width:6px;height:6px}.nav-right{gap:12px}.notifications-trigger,.menu-trigger{width:34px;height:34px}.notifications-badge{width:14px;height:14px;font-size:8px;top:2px;right:2px}.notifications-dropdown{right:8px;min-width:280px;max-width:calc(100vw - 32px);padding:10px}.notification-item{padding:8px 10px;gap:8px}.notification-title{font-size:12px}.notification-message{font-size:11px}.notification-time{font-size:10px}.connections-page-header{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;padding:0;justify-content:flex-start;align-items:center;width:100%}.search-container{width:100%;min-width:unset;margin:0;order:1;flex-basis:100%}.search-input{padding:10px 10px 10px 36px;font-size:14px}.search-icon{left:12px;width:16px;height:16px}.add-connection-button{padding:10px 12px;font-size:13px;order:2;flex:1;min-width:0}.sort-container{order:2;margin-left:8px;flex-shrink:0}.sort-trigger{padding:10px 12px;font-size:12px}.sort-dropdown{min-width:140px;font-size:13px}.connections-page-header .welcome-section h1{font-size:24px}.connections-page-content{flex-direction:column;gap:10px;height:auto;margin-bottom:8px}.connections-list-container{max-height:40vh;min-height:150px;padding:10px;border-radius:10px;margin:0}.connection-item-full{padding:10px 12px;border-radius:8px;margin-bottom:6px}.connection-item-full:last-child{margin-bottom:0}.connection-item-full .profile-image,.connection-item-full .avatar-placeholder{width:36px;height:36px}.connection-item-full .connection-avatar{margin-right:10px}.connection-item-full .connection-name{font-size:14px;word-break:break-word}.connection-item-full .connection-descriptor{font-size:12px}.connection-item-full .last-contact{font-size:11px}.connection-detail-card,.connection-detail-card.active-mobile{display:none!important}.connection-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;padding:12px;overflow-y:auto}.connection-detail-modal-content{background:#000;border:1px solid var(--color-border-primary);border-radius:16px;padding:16px;width:100%;max-width:100%;max-height:90vh;overflow-y:auto;position:relative}.connection-detail-modal-close{display:none}.detail-header{flex-direction:row;flex-wrap:nowrap;text-align:left;gap:12px;padding-bottom:10px;margin-bottom:10px;align-items:center;width:100%}.detail-header>div:first-child{flex-shrink:0}.detail-header-info{flex:1;min-width:0;display:flex;align-items:center;overflow:hidden}.detail-header-info h2{font-size:16px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-header-actions{display:flex!important;align-items:center;gap:4px;flex-shrink:0;margin-left:auto;z-index:10}.detail-header-actions .edit-icon{display:flex!important;visibility:visible!important;opacity:1!important}.detail-profile-image,.detail-image-placeholder{width:48px;height:48px}.connection-detail-modal-content .detail-header>div:first-child img,.connection-detail-modal-content .detail-header>div:first-child>div{width:48px!important;height:48px!important}.connection-detail-modal-content .detail-header>div:first-child>div>div{width:48px!important;height:48px!important}.detail-section{margin-bottom:6px}.detail-section h3{font-size:13px;margin-bottom:4px}.detail-info-grid{gap:4px}.detail-info-item{font-size:12px;padding:2px 0}.interaction-item{font-size:12px}.calendar-container{grid-template-columns:1fr;padding:12px;gap:12px}.calendar-section{margin-top:0;margin-bottom:24px;padding-top:0}.calendar-section h2{font-size:20px;margin:0!important}.calendar-grid{grid-template-columns:repeat(7,1fr);width:100%;min-width:0}.calendar-day-header{padding:6px 3px;font-size:10px;min-width:0;width:100%;box-sizing:border-box}.calendar-day{min-height:40px;padding:4px!important;min-width:0;width:100%;box-sizing:border-box}.day-number{font-size:12px}.upcoming-events{padding:12px}.upcoming-events h3{font-size:14px;margin-bottom:10px}.notes-section{margin-top:0;margin-bottom:0;padding-top:0}.notes-section h2{font-size:20px;font-weight:600;color:var(--color-text-primary);margin-top:0;margin-bottom:12px}.notes-container{padding:12px;border-radius:12px}.notes-textarea{min-height:250px;padding:12px;font-size:14px;border-radius:8px}.notes-actions{flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px}.add-note-button{padding:8px 12px;font-size:13px}.connection-detail-page{padding:12px 16px 8px!important;margin-top:72px!important;min-height:calc(100vh - 72px);position:relative;z-index:0;background:#000!important;background-color:#000!important;background-image:none!important}.connection-detail-page:before{content:"";position:fixed;top:72px;left:0;right:0;bottom:0;background:#000;z-index:-1;pointer-events:none}.connection-detail-content{gap:8px;padding:0;margin:0}.icebreakers-section,.conversation-timeline-section{padding:0;margin:0}.calendar-section-wrapper{padding:0;margin:0;width:100%;overflow:visible}.calendar-section-wrapper .calendar-section{padding:0;margin:0;width:100%}.calendar-section-wrapper .calendar-container{padding:12px;width:100%;box-sizing:border-box}.connection-detail-header{margin-bottom:8px;gap:12px}.back-button{padding:10px 12px;font-size:13px}.connection-name-container h1{font-size:20px}.icebreakers-section{margin-bottom:0}.icebreakers-section h3{font-size:16px;margin-top:0;margin-bottom:8px}.mobile-profile-header{display:flex;justify-content:flex-start;align-items:center;padding:0;margin-top:0;margin-bottom:8px;position:relative;z-index:1}.icebreakers-header{grid-template-columns:1fr;gap:16px}.icebreakers-avatar-wrapper{display:none}.icebreakers-grid{grid-template-columns:1fr;gap:10px;width:100%}.icebreaker-item{padding:12px;border-radius:8px;width:100%;box-sizing:border-box}.icebreaker-content{font-size:13px;margin-bottom:6px}.icebreaker-date{font-size:11px}.conversation-timeline-section{margin-top:0;width:100%}.conversation-timeline-section h3{font-size:16px;margin-top:0;margin-bottom:8px}.timeline-container{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:auto;min-height:auto;max-height:none;width:100%;gap:12px;-webkit-overflow-scrolling:touch;padding-bottom:12px;box-sizing:border-box}.timeline-container::-webkit-scrollbar{height:8px;display:block}.timeline-container::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:4px}.timeline-container::-webkit-scrollbar-thumb{background:var(--color-border-nav);border-radius:4px}.timeline-container::-webkit-scrollbar-thumb:hover{background:var(--color-border-nav-hover)}.conversation-list{flex:1 1 100%;width:100%;min-width:100%;height:fit-content;min-height:fit-content;max-height:fit-content;overflow-y:visible;overflow-x:visible;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--color-border-nav);background:var(--color-bg-secondary);box-sizing:border-box}.conversation-item{flex-shrink:0;margin-bottom:0!important;width:100%}.conversation-detail{padding:16px;border-radius:12px;min-height:auto}.conversation-detail-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:8px;padding-bottom:0}.conversation-detail-info h4{font-size:16px}.conversation-detail-meta{flex-wrap:wrap;font-size:12px;gap:6px}.conversation-actions{gap:6px}.conversation-detail-body{gap:8px}.conversation-summary-section h5,.conversation-notes-section h5{font-size:14px;margin-top:0;margin-bottom:8px}.connection-detail-section h3{font-size:16px;margin-bottom:12px}.connection-info-grid{gap:10px}.connection-info-item{padding:10px 12px;font-size:13px}.welcome-section h1{font-size:24px;margin-bottom:8px}.main-content{gap:20px;margin-top:2px}.settings-page-main{padding:12px 16px;margin-top:56px}.analytics-section{padding:16px 12px;margin-top:12px;margin-bottom:0}.analytics-header{margin-bottom:12px;gap:6px}.analytics-header h2{font-size:16px;margin:0}.analytics-period{font-size:12px}.analytics-grid{grid-template-columns:1fr;gap:10px}.top-locations-occupations-container{grid-column:span 1;grid-template-columns:1fr;gap:10px}.analytics-card{padding:12px;border-radius:12px}.top-locations-occupations-container .analytics-card{padding:10px}.analytics-card h3{font-size:14px;margin-bottom:12px}.metrics-card{padding:10px}.key-metrics-container{gap:10px}.key-metric-item{padding:10px 12px;gap:12px;border-radius:8px}.key-metric-icon{width:36px;height:36px;border-radius:8px;flex-shrink:0}.key-metric-icon svg{width:18px;height:18px}.key-metric-value{font-size:18px;margin-bottom:0}.key-metric-label{font-size:11px}.top-locations,.top-occupations{gap:8px}.location-item,.occupation-item{padding:4px 0}.top-locations-occupations-container .location-item,.top-locations-occupations-container .occupation-item{padding:3px 0}.location-name,.occupation-name{font-size:12px}.top-locations-occupations-container .location-name,.top-locations-occupations-container .occupation-name{font-size:11px}.location-count,.occupation-count{font-size:12px;padding:3px 6px;border-radius:4px}.top-locations-occupations-container .location-count,.top-locations-occupations-container .occupation-count{font-size:11px;padding:2px 5px}.quick-picks-column{padding:12px}.quick-picks{padding:12px;border-radius:12px}.quick-picks h3{font-size:16px;margin-bottom:12px}.quick-picks-list{gap:10px}.quick-pick-item{padding:10px;gap:10px;border-radius:8px}.pick-image,.pick-image-placeholder{width:56px;height:56px;border-radius:6px}.pick-name{font-size:13px}.pick-description{font-size:11px}.pick-category{font-size:10px}.top-pick-card{padding:12px;border-radius:12px}.top-pick-card .pick-name{font-size:16px}.top-pick-card .pick-description{font-size:13px}.modal-content{padding:16px;max-width:calc(100vw - 32px);margin:16px}.modal-header h2{font-size:18px}.form-group{margin-bottom:12px}.form-label{font-size:13px;margin-bottom:6px}.form-input,.form-select,.form-textarea{padding:10px 12px;font-size:14px;border-radius:8px}.button,button[type=submit],.save-button,.cancel-button{padding:10px 16px;font-size:13px;border-radius:8px}.tag{padding:4px 10px;font-size:11px}.connections-list ul{gap:6px}.empty-state,.loading-state{padding:16px 12px;font-size:13px}.spinner{width:28px;height:28px}.connections-page{padding-bottom:0}.empty-state p{margin:0}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;display:flex;flex-direction:column}.mobile-debug-indicator{display:none}@media (max-width: 720px){.mobile-debug-indicator{display:block;position:fixed;bottom:20px;right:20px;width:20px;height:20px;background-color:#3b82f6;border-radius:50%;z-index:9999;box-shadow:0 2px 8px #3b82f666}}.brand-icon-button{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;cursor:pointer;transition:opacity .2s ease}.brand-icon-button:hover{opacity:.8}.menu-dropdown a{display:block;width:100%;padding:8px 0 8px 12px;color:var(--color-text-primary);text-decoration:none;transition:all .2s ease;text-align:left}.menu-dropdown a:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.menu-dropdown a.active{background-color:var(--color-bg-quaternary);color:var(--color-text-primary);font-weight:600}.connections-nav.scrolled .menu-dropdown{top:calc(100% + 15px);right:0}.connections-nav.scrolled .notifications-dropdown{top:calc(100% + 15px)}.menu-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}.calendar-section{margin-top:32px;margin-bottom:48px}.calendar-section h2{margin:0 0 20px;font-size:24px;font-weight:600;color:var(--color-text-primary)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-navigation{display:flex;align-items:center;gap:16px}.nav-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);color:var(--color-text-primary);transition:all .2s ease}.nav-button:hover{background:var(--color-bg-quaternary);border-color:var(--color-border-secondary)}.month-year{font-size:18px;font-weight:600;color:var(--color-text-primary);min-width:160px;text-align:center}.calendar-container{display:grid;grid-template-columns:1fr 280px;gap:24px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:16px;padding:24px;align-items:start;height:550px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:auto repeat(6,1fr);gap:1px;background:var(--color-bg-tertiary);border-radius:12px;overflow:hidden;height:100%}.calendar-day-header{background:var(--color-bg-quaternary);padding:12px 8px;text-align:center;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.calendar-day{background:var(--color-bg-secondary);padding:8px;display:flex;flex-direction:column;position:relative;min-height:0;cursor:pointer;border:2px solid transparent}.calendar-day.today{background:var(--color-bg-quaternary)}.calendar-day.today .day-number{color:#dc2626;font-weight:700}[data-theme=light] .calendar-day.today .day-number{color:#1e40af}.calendar-day.selected{background:var(--color-bg-quaternary);border-color:var(--color-border-nav-active)}.calendar-day.empty{background:transparent}.day-number{font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:4px}.day-events{display:flex;flex-wrap:wrap;gap:2px;margin-top:auto}.event-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;color:var(--color-text-white)}.event-indicator.birthday{background:var(--color-birthday-red)!important}.event-indicator.event{background:var(--color-event-blue)!important}.upcoming-events{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:12px;padding:20px;height:100%;overflow-y:auto;display:flex;flex-direction:column}.upcoming-events h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--color-text-primary)}.events-list{display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto}.event-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:8px;transition:all .2s ease;box-sizing:border-box}:root:not([data-theme=light]) .event-item{border:1px solid var(--color-border-primary);outline:none}.event-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}.event-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;flex-shrink:0;color:var(--color-text-white)}.event-item .event-icon.birthday{background:var(--color-birthday-red)!important}.event-item .event-icon.event{background:var(--color-event-blue)!important}.event-details{flex:1;min-width:0}.event-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.event-person{font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.event-date{font-size:11px;color:var(--color-text-tertiary);font-weight:500}.event-description{font-size:11px;color:var(--color-text-quaternary);margin-top:2px;line-height:1.3}.no-events{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;color:var(--color-text-tertiary);flex:1}.no-events svg{margin-bottom:8px;opacity:.6}.no-events p{margin:0;font-size:14px}@media (max-width: 1024px){.calendar-container{grid-template-columns:1fr;gap:16px;height:auto}.upcoming-events{height:auto;max-height:300px}}@media (max-width: 720px){.calendar-header{flex-direction:column;gap:12px;align-items:flex-start;margin-bottom:12px}.calendar-navigation{align-self:flex-start;gap:8px}.nav-button{width:28px;height:28px}.day-number{font-size:11px}.event-indicator{width:12px;height:12px;border-radius:3px}.event-indicator svg{width:8px;height:8px}.upcoming-events{padding:12px;max-height:250px}.event-item{padding:10px;gap:10px}.event-icon{width:20px;height:20px;border-radius:3px}.event-title{font-size:13px}.event-person,.event-date{font-size:11px}.event-description{font-size:10px}}.settings-page{min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary);display:flex;flex-direction:column}.settings-page-main{flex:1;padding:0 40px;max-width:1400px;margin:120px auto 0;width:100%;height:calc(100vh - 120px);overflow-y:auto}.settings-page-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.settings-page-header .welcome-section h1{font-family:Playfair Display,serif;font-size:42px;font-weight:400;margin:0 0 6px;line-height:1.2;color:var(--color-text-primary)}.settings-page-header .welcome-section p{margin:0;opacity:.7;font-size:15px}.settings-page-content{padding-bottom:60px;padding-top:20px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;align-items:start}.settings-section{display:flex;flex-direction:column;gap:16px}.settings-section-header{margin-bottom:8px}.settings-section-header h2{font-size:24px;font-weight:600;margin:0 0 4px;color:var(--color-text-primary)}.settings-section-header p{font-size:14px;color:var(--color-text-secondary);margin:0;line-height:1.4}.settings-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:20px;padding:24px;transition:all .3s ease}.settings-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-primary);transform:translateY(-2px)}.profile-info{display:flex;align-items:center;gap:20px}.profile-avatar{flex-shrink:0}.avatar-circle{width:80px;height:80px;border-radius:50%;background:var(--color-calendar-blue-gradient);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:var(--color-text-white);border:3px solid var(--color-border-nav)}.profile-details{flex:1}.profile-details h3{font-size:20px;font-weight:600;margin:0 0 4px;color:var(--color-text-primary)}.profile-details p{font-size:14px;color:var(--color-text-secondary);margin:0 0 12px}.edit-button{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:12px;padding:8px 16px;color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-button:hover{background:var(--color-bg-quaternary);border-color:var(--color-border-secondary);transform:translateY(-1px)}.preference-group{margin-bottom:24px}.preference-group:last-child{margin-bottom:0}.preference-label{display:block;font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px}.preference-tags{display:flex;flex-wrap:wrap;gap:8px}.preference-tag{background:var(--color-bg-secondary);border:1px solid var(--color-border-nav);border-radius:20px;padding:8px 16px;font-size:14px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.preference-tag:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-nav-hover)}.preference-tag.active{background:var(--color-bg-quaternary);border-color:var(--color-border-nav-active);color:var(--color-text-primary)}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.form-select{width:100%;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:12px;padding:12px 16px;color:var(--color-text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.form-select:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.form-select:focus{outline:none;border-color:var(--color-primary-blue-border);box-shadow:0 0 0 3px var(--color-primary-blue-light)}.form-input{width:100%;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:12px;padding:12px 16px;color:var(--color-text-primary);font-size:14px;transition:all .2s ease}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.form-input:focus{outline:none;border-color:var(--color-primary-blue-border);box-shadow:0 0 0 3px var(--color-primary-blue-light)}.form-input:disabled{opacity:.5;cursor:not-allowed}.theme-toggle-container{display:flex;align-items:center}.theme-toggle-button{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:12px;color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.theme-toggle-button:hover{background:var(--color-bg-quaternary);border-color:var(--color-border-secondary);transform:translateY(-1px)}.theme-toggle-button:active{transform:translateY(0)}.theme-toggle-button svg{flex-shrink:0}gmp-place-autocomplete{width:100%!important;display:block!important}gmp-place-autocomplete input{width:100%!important;background:var(--color-bg-secondary)!important;border:1px solid var(--color-border-nav)!important;border-radius:12px!important;padding:12px 16px!important;color:var(--color-text-primary)!important;font-size:14px!important;transition:all .2s ease!important;font-family:inherit!important}gmp-place-autocomplete input::placeholder{color:var(--color-text-tertiary)!important}gmp-place-autocomplete input:hover{background:var(--color-bg-tertiary)!important;border-color:var(--color-border-nav-hover)!important}gmp-place-autocomplete input:focus{outline:none!important;border-color:var(--color-primary-blue-border)!important;box-shadow:0 0 0 3px var(--color-primary-blue-light)!important}gmp-place-autocomplete input:disabled{opacity:.5!important;cursor:not-allowed!important}.pac-container{background:var(--color-bg-overlay-strong)!important;border:1px solid var(--color-border-nav)!important;border-radius:12px!important;box-shadow:0 8px 32px var(--color-shadow-lg)!important;margin-top:4px!important;overflow:hidden!important;font-family:inherit!important;z-index:10000!important}.pac-container:after{display:none!important}.pac-item{background:transparent!important;border:none!important;border-top:1px solid var(--color-border-primary)!important;color:var(--color-text-primary)!important;cursor:pointer!important;padding:12px 16px!important;font-size:14px!important;transition:all .2s ease!important}.pac-item:first-child{border-top:none!important}.pac-item:hover,.pac-item-selected{background:var(--color-bg-tertiary)!important}.pac-item-query{color:var(--color-text-primary)!important;font-size:14px!important}.pac-item-query .pac-matched{color:var(--color-primary-blue-rgba)!important;font-weight:600!important}.pac-icon{background-image:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important}.pac-item-query .pac-icon{display:none!important}.pac-matched{color:var(--color-primary-blue-rgba)!important}.multi-select{display:flex;flex-direction:column;gap:12px}.selected-items{display:flex;flex-wrap:wrap;gap:8px}.selected-item{background:var(--color-bg-quaternary);border-radius:16px;padding:6px 12px;font-size:14px;color:var(--color-text-white);display:flex;align-items:center;gap:8px;border:1px solid var(--color-border-nav-hover)}.selected-item:after{content:"×";cursor:pointer;font-size:16px;opacity:.7}.selected-item:hover:after{opacity:1}.add-button{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:12px;padding:8px 16px;color:var(--color-text-primary);font-size:14px;cursor:pointer;transition:all .2s ease;align-self:flex-start}.add-button:hover{background:var(--color-bg-quaternary);border-color:var(--color-border-tertiary)}.range-container{display:flex;align-items:center;gap:16px}.range-slider{flex:1;height:6px;border-radius:3px;background:var(--color-bg-tertiary);outline:none;cursor:pointer}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-bg-overlay-light);cursor:pointer;border:2px solid var(--color-border-nav-active);transition:all .2s ease}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.1);border-color:var(--color-border-nav-hover)}.range-value{font-size:14px;font-weight:600;color:var(--color-text-primary);min-width:60px;text-align:right}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-item{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 0}.checkbox-item input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid var(--color-border-nav-hover);border-radius:6px;position:relative;transition:all .2s ease}.checkbox-item input[type=checkbox]:checked+.checkmark{background:var(--color-bg-quaternary);border-color:var(--color-border-nav-active)}.checkbox-item input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text-primary);font-size:12px;font-weight:700}.checkbox-item:hover .checkmark{border-color:var(--color-border-nav-active)}.toggle-group{display:flex;flex-direction:column;gap:20px}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--color-border-primary)}.toggle-item:last-child{border-bottom:none}.toggle-info h4{font-size:16px;font-weight:600;margin:0 0 4px;color:var(--color-text-primary)}.toggle-info p{font-size:14px;color:var(--color-text-secondary);margin:0}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-secondary);transition:.3s;border-radius:28px;border:1px solid var(--color-border-nav-hover)}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--color-text-white);transition:.3s;border-radius:50%}input:checked+.slider{background:var(--color-bg-quaternary);border-color:var(--color-border-nav-active)}input:checked+.slider:before{transform:translate(22px)}.security-actions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--color-border-primary)}.security-button{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:12px;padding:10px 16px;color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.security-button:hover{background:var(--color-bg-quaternary);border-color:var(--color-border-tertiary);transform:translateY(-1px)}.security-button.secondary{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}.account-actions{display:flex;flex-direction:column;gap:12px}.account-button{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:12px;padding:12px 16px;color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.account-button:hover{background:var(--color-bg-quaternary);border-color:var(--color-border-tertiary);transform:translateY(-1px)}.account-button.danger,.account-button.danger:hover{background:var(--color-error-red-rgba);border-color:var(--color-error-red-border);color:var(--color-error-red)}@media (max-width: 1024px){.settings-grid{grid-template-columns:1fr;gap:20px}.settings-page-main{padding:20px 24px 40px}}@media (max-width: 720px){.settings-page-main{padding:16px 20px 20px;margin-top:64px;height:calc(100vh - 64px)}.settings-page-content{padding-top:0}.settings-grid{grid-template-columns:1fr;gap:20px}.settings-card{padding:20px}.settings-section-header h2{font-size:20px}.settings-section-header p{font-size:14px}.profile-info{flex-direction:column;text-align:center;gap:16px}.preference-tags{justify-content:center}.security-actions{flex-direction:column}.range-container{flex-direction:column;align-items:stretch;gap:12px}.range-value{text-align:center}}.expanded-contact-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-shadow-overlay-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:0;animation:fadeIn .3s ease-out}.expanded-contact-card{background:var(--color-bg-secondary);border:none;border-radius:0;width:100%;height:100%;max-width:none;max-height:none;padding:40px;overflow-y:auto;animation:slideIn .3s ease-out}.expanded-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-border-nav)}.expanded-name-container{display:flex;align-items:center;justify-content:space-between;gap:16px}.expanded-name-container h1{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0}.close-expanded{background:var(--color-bg-tertiary);border:1px solid var(--color-border-nav-hover);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;font-size:24px;font-weight:300}.close-expanded:hover{background:var(--color-bg-quaternary);border-color:var(--color-border-nav-active);color:var(--color-text-primary)}.expanded-content{display:flex;flex-direction:column;gap:32px}.expanded-section h3{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 16px}.expanded-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.expanded-info-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-secondary);border-radius:12px;color:var(--color-text-primary)}.expanded-interaction-summary{display:flex;flex-direction:column;gap:12px}.expanded-interaction-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-secondary);border-radius:12px;color:var(--color-text-primary)}.expanded-tags-list{display:flex;flex-wrap:wrap;gap:8px}.expanded-tag{background:var(--color-bg-tertiary);border:1px solid var(--color-border-nav-hover);border-radius:20px;padding:6px 12px;font-size:14px;color:var(--color-text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.connection-detail-page{min-height:100vh;background:var(--color-bg-primary);padding:100px 40px 40px;position:relative;z-index:1;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.connection-detail-header{display:flex;align-items:center;gap:24px;margin-bottom:20px}.back-button{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:12px;color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--color-bg-quaternary);border-color:var(--color-border-tertiary);color:var(--color-text-white)}.connection-name-container h1{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0}.connection-detail-content{display:flex;flex-direction:column;gap:16px}.connection-detail-section h3{font-size:20px;font-weight:600;color:var(--color-text-primary);margin-bottom:24px}.connection-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.connection-info-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-secondary);border-radius:12px;color:var(--color-text-primary);border:1px solid var(--color-border-nav)}.connection-interaction-summary{display:flex;flex-direction:column;gap:12px}.connection-interaction-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-secondary);border-radius:12px;color:var(--color-text-primary)}.connection-tags-list{display:flex;flex-wrap:wrap;gap:8px}.connection-tag{background:var(--color-bg-tertiary);border:1px solid var(--color-border-nav-hover);border-radius:20px;padding:6px 12px;font-size:14px;color:var(--color-text-primary)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.close-button{background:none;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;font-size:22px}.close-button:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.connection-tags-inline{color:var(--color-text-primary);font-size:14px}.icebreakers-section{margin-top:0}.icebreakers-header{display:grid;grid-template-columns:1fr auto;align-items:flex-start;gap:32px;position:relative}@media (min-width: 721px){.mobile-profile-header{display:none}}.icebreakers-avatar-wrapper{display:flex;align-items:center;justify-content:center;min-height:200px;padding-top:20px}.icebreakers-content-wrapper{display:flex;flex-direction:column;margin-right:0;min-width:0}.icebreakers-section h3{font-size:20px;font-weight:600;color:var(--color-text-primary);margin-bottom:24px}.icebreakers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;max-width:100%}.icebreaker-item{background:var(--color-bg-secondary);border-radius:12px;padding:16px;border:1px solid var(--color-border-nav);transition:all .2s ease}.icebreaker-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-nav-hover)}.icebreaker-content{font-size:14px;line-height:1.5;color:var(--color-text-primary);margin-bottom:8px;font-style:italic}.icebreaker-date{font-size:12px;color:var(--color-text-secondary);font-weight:500}.conversation-timeline-section{margin-top:8px;position:relative}.conversation-timeline-section h3{font-size:20px;font-weight:600;color:var(--color-text-primary);margin-top:0;margin-bottom:24px}.timeline-container{display:flex;gap:24px;height:600px;position:relative;overflow-x:hidden;width:100%}.conversation-list{flex:0 0 300px;background:var(--color-bg-secondary);border-radius:16px;padding:16px;overflow-y:auto;overflow-x:hidden;border:1px solid var(--color-border-nav);position:relative;display:flex;flex-direction:column;width:300px;max-width:300px;box-sizing:border-box}.conversation-list:has(.empty-state-text){justify-content:center;align-items:center}.conversation-list-collapse-button{position:absolute;left:-20px;top:50%;transform:translateY(-50%);background:var(--color-bg-tertiary);border:1px solid var(--color-border-nav-hover);border-right:none;border-radius:8px 0 0 8px;width:32px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary);z-index:10;opacity:0;pointer-events:auto}.conversation-list-collapse-button:hover{opacity:1;background:var(--color-bg-quaternary);border-color:var(--color-border-nav-active);color:var(--color-text-primary);left:-22px}.conversation-item{display:flex;align-items:flex-start;gap:12px;padding:16px;margin-bottom:12px;background:var(--color-bg-secondary);border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;width:100%;max-width:100%;box-sizing:border-box;min-width:0}.conversation-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-nav)}.conversation-item.selected{background:var(--color-bg-tertiary);border-color:var(--color-border-nav-hover)}.conversation-item.loading{position:relative;animation:glow-pulse 2s ease-in-out infinite;border-color:var(--color-blue-500);opacity:.9}.conversation-item.loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background:linear-gradient(90deg,transparent,var(--color-blue-500-rgba-10),transparent);animation:shimmer 2s infinite;pointer-events:none}@keyframes glow-pulse{0%,to{box-shadow:0 0 0 0 var(--color-blue-500-rgba-40)}50%{box-shadow:0 0 0 4px var(--color-blue-500-rgba-20),0 0 20px var(--color-blue-500-rgba-10)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.conversation-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:8px;color:var(--color-text-primary)}.conversation-content{flex:1;min-width:0;overflow:hidden;width:100%}.conversation-summary{font-weight:500;color:var(--color-text-primary);margin-bottom:4px;font-size:14px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.conversation-date{font-size:14px;color:var(--color-text-secondary)}.conversation-duration{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-secondary)}.conversation-detail{flex:1;background:var(--color-bg-secondary);border-radius:16px;padding:24px;border:1px solid var(--color-border-nav);overflow-y:auto;min-width:0}.conversation-detail-content{height:100%}.conversation-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border-nav)}.conversation-detail-info{flex:1}.conversation-detail-info h4{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px;line-height:1.4}.conversation-detail-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-secondary);flex-direction:row}.conversation-location{font-size:14px}.conversation-type{text-transform:capitalize;background:var(--color-bg-tertiary);padding:2px 8px;border-radius:4px;font-size:14px}.play-recording-button{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:8px;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.play-recording-button:hover{background:var(--color-bg-quaternary);color:var(--color-text-primary)}.play-recording-button.playing{background:var(--color-blue-500-rgba-20);color:var(--color-blue-500);animation:playPulse 2s ease-in-out}@keyframes playPulse{0%{background:var(--color-blue-500-rgba-20);transform:scale(1)}50%{background:var(--color-blue-500-rgba-40);transform:scale(1.05)}to{background:var(--color-blue-500-rgba-20);transform:scale(1)}}.conversation-detail-body{display:flex;flex-direction:column;gap:20px}.conversation-actions{display:flex;gap:8px;align-items:center}.edit-notes-button{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:8px;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.edit-notes-button:hover{background:var(--color-bg-quaternary);color:var(--color-text-primary)}.edit-notes-button.saving{background:var(--color-blue-500-rgba-20);color:var(--color-blue-500)}.edit-notes-button.saving:hover{background:var(--color-blue-500-rgba-30);color:var(--color-blue-600)}.move-notes-button{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:8px;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.move-notes-button:hover{background:var(--color-bg-quaternary);color:var(--color-text-primary)}.delete-notes-button{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:8px;color:var(--color-error-red);cursor:pointer;transition:all .2s ease}.delete-notes-button:hover{background:var(--color-error-red-rgba-20);color:var(--color-error-red)}.record-button{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:8px;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.record-button:hover{background:var(--color-bg-quaternary);color:var(--color-avatar-text)}.record-button.recording{background:var(--color-error-red-rgba);color:var(--color-error-red);animation:recordPulse 1s ease-in-out infinite}@keyframes recordPulse{0%{background:var(--color-error-red-rgba);transform:scale(1)}50%{background:var(--color-error-red-border);transform:scale(1.1)}to{background:var(--color-error-red-rgba);transform:scale(1)}}.editable-field{cursor:pointer;padding:2px 8px;border-radius:4px;transition:all .2s ease}.editable-field:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.notes-display{margin-top:8px;cursor:pointer;transition:all .2s ease;min-height:auto;max-height:300px;overflow-y:auto}.notes-display:hover{opacity:.8}.notes-text{color:var(--color-text-primary);line-height:1.6;margin:0;padding:12px;background:var(--color-bg-secondary);border-radius:8px;border:1px solid var(--color-border-nav);font-size:14px;font-family:inherit;box-sizing:border-box}.notes-placeholder{color:var(--color-text-tertiary);font-style:italic;margin:0;padding:12px;background:var(--color-bg-secondary);border-radius:8px;border:1px dashed var(--color-border-nav);max-height:300px;min-height:300px;line-height:1.6;font-size:14px;font-family:inherit;box-sizing:border-box;display:flex;align-items:center}.save-button,.cancel-button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.save-button{background:var(--color-blue-500);color:var(--color-text-white)}.save-button:hover{background:var(--color-blue-600)}.cancel-button{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.cancel-button:hover{background:var(--color-bg-quaternary);color:var(--color-text-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-shadow-overlay-heavy);display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:40px 20px;box-sizing:border-box;overflow-y:auto}[data-theme=light] .modal-overlay{background:var(--color-shadow-overlay)}.modal-content{background:var(--color-bg-overlay-strong);border-radius:12px;padding:24px;width:90%;max-width:400px;border:1px solid var(--color-border-nav);box-sizing:border-box}.add-connection-modal{max-width:420px;max-height:calc(85vh - 40px);display:flex;flex-direction:column}.event-edit-modal-overlay{align-items:center}.event-edit-modal{max-width:500px;max-height:calc(80vh - 40px);display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary)}.modal-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-body{margin-bottom:20px;padding:0}.add-connection-modal .modal-body{overflow-y:auto;flex:1;min-height:0;padding-right:4px;margin-bottom:20px}.event-edit-modal .modal-body{overflow-y:auto;flex:1;min-height:0;padding-right:8px;margin-bottom:20px}.event-edit-modal .modal-body::-webkit-scrollbar{width:6px}.event-edit-modal .modal-body::-webkit-scrollbar-track{background:transparent}.event-edit-modal .modal-body::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:3px}.event-edit-modal .modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-border-nav-hover)}.add-connection-modal .modal-body::-webkit-scrollbar{width:6px}.add-connection-modal .modal-body::-webkit-scrollbar-track{background:transparent}.add-connection-modal .modal-body::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:3px}.add-connection-modal .modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-border-nav-hover)}.add-connection-modal form{display:flex;flex-direction:column;height:100%;min-height:0}.add-connection-modal .modal-header{flex-shrink:0}.add-connection-modal .modal-actions{flex-shrink:0;margin-top:auto}.modal-input{width:100%;padding:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border-nav);border-radius:8px;color:var(--color-text-primary);font-size:14px;font-family:inherit}.modal-input:focus{outline:none;border-color:var(--color-primary-blue-border);background:var(--color-bg-tertiary)}.modal-input::placeholder{color:var(--color-text-tertiary)}.type-options{display:flex;flex-direction:column;gap:12px}.type-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.type-option:hover{background:var(--color-bg-secondary)}.type-option input[type=radio]{margin:0}.type-label{color:var(--color-text-primary);font-size:14px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:0;margin-top:0}.conversation-summary-section h5{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px;margin-top:0}.conversation-summary-section p{font-size:14px;line-height:1.6;color:var(--color-text-primary);margin:0}.conversation-notes-section h5{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px;margin-top:0}.conversation-notes-section .notes-textarea{width:100%;height:150px;max-height:150px;min-height:150px;font-size:14px;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border-nav);border-radius:8px;padding:12px;resize:none;font-family:inherit;outline:none;transition:border-color .2s ease;margin:0;overflow-y:auto;box-sizing:border-box}.conversation-notes-section .notes-textarea:focus{border-color:var(--color-border-secondary)}.conversation-notes-section .notes-textarea::placeholder{color:var(--color-text-tertiary)}.conversation-events-section{margin-top:0}.conversation-events-section h5{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px;margin-top:0}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:8px}.event-card{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;border:1px solid var(--color-border-nav);background:var(--color-bg-secondary);cursor:pointer;transition:all .2s ease}.event-card:hover{border-color:var(--color-border-secondary);background:var(--color-bg-primary)}.event-card.complete{border-left:3px solid var(--color-primary-blue)}.event-card.incomplete{border-left:3px solid var(--color-text-tertiary);opacity:.7}.event-icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center}.event-card-content{flex:1;min-width:0;padding-right:32px}.event-card-title{font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:4px;word-wrap:break-word}.event-card-date{font-size:12px;color:var(--color-text-secondary)}.events-placeholder{font-size:13px;color:var(--color-text-tertiary);font-style:italic;margin:0}.event-indicator.clickable{cursor:pointer;transition:transform .2s ease,opacity .2s ease}.event-indicator.clickable:hover{transform:scale(1.1);opacity:.9}.event-item.clickable{cursor:pointer}.event-item.clickable:hover{background:var(--color-bg-primary)}.event-indicator.incomplete{opacity:.7;background-color:var(--color-bg-tertiary)!important;border-color:var(--color-text-tertiary)!important}.event-indicator.incomplete svg{color:var(--color-text-tertiary)!important}.event-item.incomplete{opacity:.7}.event-icon.incomplete{background-color:var(--color-bg-tertiary)!important;color:var(--color-text-tertiary)!important}.event-icon.incomplete svg{color:var(--color-text-tertiary)!important}.icon-picker-grid{display:grid;grid-template-columns:repeat(6,auto);justify-content:space-between;row-gap:8px;margin-top:8px}.icon-picker-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid var(--color-border-nav);border-radius:8px;background:var(--color-bg-secondary);cursor:pointer;transition:all .2s ease;color:var(--color-text-primary)}.icon-picker-item:hover{border-color:var(--color-border-secondary);background:var(--color-bg-primary)}.icon-picker-item.selected{border-color:var(--color-primary-blue);background:var(--color-primary-blue-light)}.form-field{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;color:var(--color-text-primary);font-size:14px;font-weight:500}.form-label.required:after{content:" *";color:var(--color-error-red)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border-nav);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:14px;font-family:inherit;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-border-secondary)}.form-textarea{resize:vertical;min-height:80px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding:16px 0 0;border-top:1px solid var(--color-border-nav)}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--color-primary-blue);color:var(--color-text-white)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-nav)}.btn-secondary:hover{background:var(--color-bg-primary)}.no-conversation-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary);text-align:center}.no-conversation-selected p{margin-top:16px;font-size:16px}.modal-label{display:block;margin-bottom:8px;color:var(--color-text-primary);font-size:14px;font-weight:500}.modal-label-small{display:block;margin-bottom:6px;color:var(--color-text-secondary);font-size:13px}.modal-text{color:var(--color-text-primary);font-size:14px;line-height:1.5}.modal-text-secondary{color:var(--color-text-secondary);font-size:12px}.modal-divider{border-top:1px solid var(--color-border-nav);padding-top:16px}.modal-section-title{color:var(--color-text-primary);font-size:14px;font-weight:500;margin-bottom:12px}.context-menu-item{width:100%;padding:10px 12px;background:transparent;border:none;color:var(--color-text-primary);text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;border-radius:4px;transition:background .2s}.context-menu-item:hover{background:var(--color-bg-tertiary)}.context-menu-item-danger{color:var(--color-error-red)}.context-menu-item-danger:hover{background:var(--color-error-red-rgba)}.modal-overlay-dark{background:var(--color-shadow-overlay)}[data-theme=light] .modal-overlay-dark{background:var(--color-shadow-overlay-light)}.empty-state-text{color:var(--color-text-secondary);text-align:center;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 768px){.timeline-container{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:auto;min-height:auto;max-height:none;width:100%;gap:12px;-webkit-overflow-scrolling:touch;padding-bottom:12px;box-sizing:border-box}.timeline-container::-webkit-scrollbar{height:8px;display:block}.timeline-container::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:4px}.timeline-container::-webkit-scrollbar-thumb{background:var(--color-border-nav);border-radius:4px}.timeline-container::-webkit-scrollbar-thumb:hover{background:var(--color-border-nav-hover)}.conversation-list{flex:1 1 100%;width:100%;min-width:100%;height:fit-content;min-height:fit-content;max-height:fit-content;overflow-y:visible;overflow-x:visible;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--color-border-nav);background:var(--color-bg-secondary);box-sizing:border-box}.conversation-list::-webkit-scrollbar{width:4px}.conversation-list::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:2px}.conversation-list::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:2px}.timeline-container{flex-wrap:nowrap}.timeline-container .conversation-detail{display:none}.conversation-timeline-section{display:flex;flex-direction:column}.conversation-timeline-section .conversation-detail-below{order:2;display:block;width:100%;margin-top:8px;padding:16px;border-radius:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border-nav)}}