:root{--bg-primary:#1e1f1c;--bg-secondary:#272822;--text-primary:#f8f8f2;--text-secondary:#75715e;--accent-blue:#66d9ef;--accent-green:#a6e22e;--accent-orange:#fd971f;--accent-yellow:#e6db74;--accent-red:#f92672;--color-golden:#d6ae54;--hover-color:#272822;--gradient-blue-green:linear-gradient(-45deg,#121314,#1c1a1e,#101010,#090d11);--gradient-blue-green-2:linear-gradient(-45deg,#134e5e,#71b280,#1cb5e0,#2c3e50);--border-color:#49483e;--border-light:#3e3d32;--light-bg-primary:#f8f8f2;--light-bg-secondary:#f0f0ea;--light-text-primary:#272822;--light-text-secondary:#75715e;--light-border-color:#d2d2c9;--light-border-light:#e6e6e0;--light-accent-blue:#0097c4;--light-accent-green:#67930a;--light-accent-orange:#d46300;--light-accent-yellow:#b59f00;--light-accent-red:#c9005a;--chat-bg:var(--bg-secondary);--chat-text:var(--text-primary);--chat-border:var(--border-color);--chat-input-bg:var(--bg-primary);--chat-author:var(--accent-blue);--chat-message:var(--text-primary);--chat-button-bg:var(--accent-blue);--chat-button-hover:var(--accent-green);--chat-shadow:#0000004d;--header-bg:var(--bg-primary);--header-text:var(--text-primary);--header-border:var(--border-color);--header-button-bg:var(--accent-blue);--header-button-hover:var(--accent-green);--sidebar-bg:var(--bg-primary);--sidebar-text:var(--text-primary);--sidebar-border:var(--border-color);--sidebar-hover:var(--bg-primary);--sidebar-active:var(--color-golden);--meeting-bg:var(--bg-primary);--meeting-text:var(--text-primary);--meeting-text-secondary:var(--text-secondary);--meeting-border:var(--border-color);--meeting-highlight:var(--accent-blue);--meeting-error:var(--accent-red);--meeting-success:var(--accent-green);--meeting-button-bg:var(--bg-secondary);--video-bg:var(--bg-secondary);--video-border:var(--border-color);--video-overlay:#00000080;--video-controls-bg:var(--bg-primary);--video-controls-text:var(--text-primary);--input-bg:var(--bg-secondary);--input-text:var(--text-primary);--input-border:var(--border-color);--input-focus:var(--accent-blue);--input-error:var(--accent-red);--input-success:var(--accent-green);--input-placeholder:var(--text-secondary);--notification-info-bg:var(--accent-blue);--notification-success-bg:var(--accent-green);--notification-warning-bg:var(--accent-orange);--notification-error-bg:var(--accent-red);--notification-text:var(--text-primary);--spacing-2xl:3rem;--spacing-3xl:4rem;--font-size-xs:0.75rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--transition-fast:0.15s ease;--transition-medium:0.3s ease;--transition-slow:0.5s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060;--shadow-sm:0 2px 4px #0003;--shadow-lg:0 6px 12px #0006;--card-bg-color:var(--bg-secondary);--card-shadow:var(--shadow-md);--card-bg-darken:0.55;--light-shadow-sm:0 2px 4px #0000001a;--light-shadow-md:0 4px 6px #00000026;--light-shadow-lg:0 6px 12px #0003;--font-family-elegant:"Georgia","Times New Roman",serif;--font-family-modern:"Inter","Segoe UI","Roboto",sans-serif;--z-negative:-1;--z-elevate:1;--z-modal-backdrop:1040;--color-silver:#907758;--color-lapis:#2d3546;--color-redwood:#b54a4d;--color-bone:#9e8660;--color-khaki:#6c5d43;--color-beaver:#968a75;--color-charcoal:#414553;--overlay-bg:#00000073}.light-theme{--bg-primary:var(--light-bg-primary);--bg-secondary:var(--light-bg-secondary);--text-primary:var(--light-text-primary);--text-secondary:var(--light-text-secondary);--border-color:var(--light-border-color);--border-light:var(--light-border-light);--accent-blue:var(--light-accent-blue);--accent-green:var(--light-accent-green);--accent-orange:var(--light-accent-orange);--accent-yellow:var(--light-accent-yellow);--accent-red:var(--light-accent-red);--shadow-sm:var(--light-shadow-sm);--shadow-md:var(--light-shadow-md);--shadow-lg:var(--light-shadow-lg);--video-overlay:#0000004d;--card-bg-color:#fff;--card-shadow:0 4px 12px #00000014;--overlay-bg:#fff9;--world-water:#dbefff;--world-land:#85c17e}.light-theme img[src*=atai_logo]{filter:brightness(.1) invert(1) hue-rotate(180deg)!important}.button-primary{background:#66d9ef;background:var(--accent-blue);border:none;border-radius:.5rem;border-radius:var(--border-radius-md);color:#272822;color:var(--bg-secondary);cursor:pointer;font-size:1rem;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .15s ease;transition:all var(--transition-fast)}.button-primary:hover{background:#a6e22e;background:var(--accent-green)}.button-secondary{background:#272822;background:var(--bg-secondary);border:1px solid #49483e;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--border-radius-md);color:#f8f8f2;color:var(--text-primary);cursor:pointer;font-size:1rem;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .15s ease;transition:all var(--transition-fast)}.button-secondary:hover{border-color:#66d9ef;border-color:var(--accent-blue);color:#66d9ef;color:var(--accent-blue)}.theme-toggle{background:#272822;background:var(--bg-secondary);border:1px solid #49483e;color:#f8f8f2;color:var(--text-primary);height:2.5rem;margin-left:1rem;margin-left:var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast);width:2.5rem}.theme-toggle:hover{border-color:#66d9ef;border-color:var(--accent-blue);transform:scale(1.05)}.theme-toggle svg{height:1.25rem;width:1.25rem}.input-base,.theme-toggle svg{transition:all .15s ease;transition:all var(--transition-fast)}.input-base{background:#272822;background:var(--input-bg);border:1px solid #49483e;border:1px solid var(--input-border);border-radius:.25rem;border-radius:var(--border-radius-sm);color:#f8f8f2;color:var(--input-text);font-size:1rem;font-size:var(--font-size-md);padding:.5rem;padding:var(--spacing-sm)}.input-base:focus{border-color:#66d9ef;border-color:var(--input-focus);box-shadow:0 0 0 2px #66d9ef;box-shadow:0 0 0 2px var(--input-focus);outline:none}.input-base::placeholder{color:#75715e;color:var(--input-placeholder)}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.bg-gradient-animate{animation:gradientFlow 10s ease infinite;background:linear-gradient(-45deg,#121314,#1c1a1e,#101010,#090d11);background:var(--gradient-blue-green);background-size:400% 400%}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-break{overflow-wrap:break-word;word-break:break-word}.header-elegant{color:#f8f8f2;color:var(--text-primary);font-family:Georgia,Times New Roman,serif;font-family:var(--font-family-elegant);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.02em;line-height:1.2;text-shadow:2px 2px 4px #0000004d}.header-overlay{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;z-index:1;z-index:var(--z-elevate)}.header-overlay-large{font-size:2.25rem;font-size:var(--font-size-4xl);opacity:.8}.header-overlay-xl{font-size:1.875rem;font-size:var(--font-size-3xl);opacity:.85}.header-overlay-lg{font-size:1.5rem;font-size:var(--font-size-2xl);opacity:.9}.header-modern{color:#f8f8f2;color:var(--text-primary);font-family:Inter,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-modern);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.01em;line-height:1.3;text-shadow:1px 1px 2px #0003}.header-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#66d9ef,#a6e22e);background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));-webkit-background-clip:text;background-clip:text}.light-theme .header-elegant,.light-theme .header-modern{text-shadow:1px 1px 2px #0000001a}.light-theme .header-overlay-large{opacity:.7}.light-theme .header-overlay-xl{opacity:.75}.light-theme .header-overlay-lg{opacity:.8}.m-0{margin:0}.p-0{padding:0}.mt-sm{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-md{margin-top:1rem;margin-top:var(--spacing-md)}.mt-lg{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.connection-card__connect-btn{background:#d6ae54;background:var(--color-golden);border-radius:.5rem;border-radius:var(--border-radius-md);color:#f8f8f2;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .15s ease;transition:all var(--transition-fast)}.connection-card__connect-btn:hover{filter:brightness(1.2)}.connection-card__connect-btn:active{transform:translateY(0)}*{scrollbar-color:#49483e #1e1f1c;scrollbar-color:var(--border-color) var(--bg-primary);scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1e1f1c;background:var(--bg-primary)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:.25rem;border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#66d9ef,#a6e22e);background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));-webkit-transition:background .15s ease;transition:background .15s ease;-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a6e22e,#66d9ef);background:linear-gradient(135deg,var(--accent-green),var(--accent-blue))}::-webkit-scrollbar-corner{background:#1e1f1c;background:var(--bg-primary)}.light-theme ::-webkit-scrollbar-corner,.light-theme ::-webkit-scrollbar-track{background:#272822;background:var(--bg-secondary)}.loading-message{align-items:center;color:#75715e;color:var(--text-secondary);display:flex;font-style:italic;justify-content:center;min-height:200px;padding:1.5rem;padding:var(--spacing-lg)}#root,.app,body,html{height:100%}.pagination-dots-container{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;bottom:1.5rem;bottom:var(--spacing-lg);box-shadow:0 4px 10px #0000004d;gap:10px;left:1.5rem;left:var(--spacing-lg);padding:6px 10px;pointer-events:auto;position:fixed;z-index:950}.pagination-dot{border:1px solid #49483e;border:1px solid var(--border-color);box-sizing:border-box;height:16px;transition:all .15s ease;transition:all var(--transition-fast);width:16px}.pagination-dot,.pagination-dot.active{background:#66d9ef;background:var(--accent-blue)}.pagination-dot.active{border-color:#66d9ef;border-color:var(--accent-blue);box-shadow:0 0 8px #66d9ef;box-shadow:0 0 8px var(--accent-blue)}.pagination-dot:hover:not(.active){background:#a6e22e;background:var(--accent-green);border-color:#a6e22e;border-color:var(--accent-green);transform:scale(1.2)}:root{--card-radius:18px;--card-radius-collapsed:18px;--card-radius-expanded:32px;--card-gap:16px;--card-shadow:0 4px 12px #0000000f;--card-bg:color-mix(in srgb,var(--bg-secondary) 90%,#fff 10%);--card-bg-alt:color-mix(in srgb,var(--bg-secondary) 85%,#fff 15%);--card-active-scale:1;--card-collapsed-scale:0.9;--card-transition-duration:0.4s;--card-container-padding:64px;--cluster-left-offset:24px}.light-theme{--card-bg:var(--bg-secondary,#fff);--card-shadow:0 2px 6px #00000014}:root{--layout-gap:16px}.flex-col-gap{flex-direction:column}.flex-col-gap,.flex-row-gap{display:flex;gap:16px;gap:var(--layout-gap)}.flex-row-gap{flex-direction:row}.overlay-center{align-items:center;display:flex;inset:0;justify-content:center;padding:16px;padding:var(--layout-gap);position:fixed;z-index:1000;z-index:var(--z-modal,1000)}:root{--monokai-bg:#272822;--monokai-bg-darker:#1e1f1c;--monokai-bg-lighter:#3e3d32;--monokai-fg:#f8f8f2;--monokai-yellow:#e6db74;--monokai-orange:#fd971f;--monokai-red:#f92672;--monokai-magenta:#fd5ff0;--monokai-blue:#66d9ef;--monokai-green:#a6e22e;--monokai-gray:#75715e;--bg-primary:var(--monokai-bg-darker);--bg-secondary:var(--monokai-bg);--bg-hover:var(--monokai-bg-lighter);--text-primary:var(--monokai-fg);--text-secondary:var(--monokai-gray);--accent-blue:var(--monokai-blue);--accent-green:var(--monokai-green);--accent-green-rgb:166,226,46;--border-color:var(--monokai-bg-lighter);--header-bg:var(--monokai-bg);--header-text:var(--monokai-fg);--header-border:var(--monokai-bg-lighter);--header-button-bg:var(--monokai-blue);--header-button-hover:var(--monokai-green);--sidebar-bg:#1e1f1cf2;--sidebar-text:var(--monokai-gray);--sidebar-active:var(--monokai-green);--sidebar-hover:#3e3d3280;--sidebar-border:var(--monokai-bg-lighter);--meeting-bg:var(--monokai-bg-darker);--meeting-content-bg:var(--monokai-bg);--meeting-text:var(--monokai-fg);--meeting-text-secondary:var(--monokai-gray);--meeting-title:var(--monokai-yellow);--meeting-border:var(--monokai-bg-lighter);--meeting-button-bg:var(--monokai-blue);--meeting-button-text:var(--monokai-fg);--profile-text:var(--monokai-fg);--profile-title:var(--monokai-fg);--profile-text-secondary:var(--monokai-gray);--profile-accent:var(--monokai-green);--profile-border:var(--monokai-bg-lighter);--profile-section-bg:var(--monokai-bg);--profile-section-title:var(--monokai-yellow);--profile-photo-bg:var(--monokai-bg-lighter);--profile-photo-text:var(--monokai-blue);--profile-label:var(--monokai-gray);--profile-value:var(--monokai-fg);--profile-skill-bg:var(--monokai-bg-darker);--profile-skill-hover:var(--monokai-bg-lighter);--profile-skill-text:var(--monokai-fg);--profile-skill-bar-bg:var(--monokai-bg-lighter);--profile-tag-bg:var(--monokai-bg-lighter);--profile-tag-text:var(--monokai-blue);--profile-tag-hover:var(--monokai-bg-darker);--profile-item-hover:#3e3d324d;--z-fixed:100;--z-modal:1000;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--border-radius-full:9999px;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0006;--shadow-xl:0 20px 25px #00000080;--content-width-lg:1200px;--content-width-xl:1400px;--transition-fast:0.2s ease;--transition-normal:0.3s ease}.container>.content-box{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:0;width:100%}.light-theme{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-hover:#eaeaea;--text-primary:#2c2c2c;--text-secondary:#666;--accent-blue:#0071e3;--accent-green:#34c759;--accent-green-rgb:52,199,89;--border-color:#ddd;--header-bg:#fff;--header-text:#2c2c2c;--header-border:#ddd;--header-button-bg:#0071e3;--header-button-hover:#34c759;--sidebar-bg:#fffffff2;--sidebar-text:#666;--sidebar-active:#0071e3;--sidebar-hover:#eaeaeacc;--sidebar-border:#ddd;--meeting-bg:#f5f5f7;--meeting-content-bg:#fff;--meeting-text:#2c2c2c;--meeting-text-secondary:#666;--meeting-title:#0071e3;--meeting-border:#ddd;--meeting-button-bg:#0071e3;--meeting-button-text:#fff;--profile-text:#2c2c2c;--profile-title:#2c2c2c;--profile-text-secondary:#666;--profile-accent:#34c759;--profile-border:#ddd;--profile-section-bg:#fff;--profile-section-title:#0071e3;--profile-photo-bg:#f0f0f0;--profile-photo-text:#0071e3;--profile-label:#666;--profile-value:#2c2c2c;--profile-skill-bg:#f7f7f7;--profile-skill-hover:#eaeaea;--profile-skill-text:#2c2c2c;--profile-skill-bar-bg:#eaeaea;--profile-tag-bg:#f0f0f0;--profile-tag-text:#0071e3;--profile-tag-hover:#eaeaea;--profile-item-hover:#eaeaea80;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 2px 4px #0000001a;--shadow-lg:0 4px 8px #0000001a;--shadow-xl:0 8px 16px #0000001a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1e1f1c;background:var(--bg-primary);color:#f8f8f2;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{min-height:100vh}.app,.main-content{display:flex;width:100%}.main-content{align-items:center;background:#0000;box-sizing:border-box;flex:1 1;flex-direction:column;justify-content:flex-start;margin-left:0;padding:1rem}@media (max-width:768px){.main-content{margin-left:0;padding:.5rem;width:100%}}.container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;max-width:100%;width:100%}.knowledge-page .content-box,.meeting-page .content-box,.profile-page .content-box{margin:0 auto;overflow:hidden;padding:0;width:100%}.error-page .content-box,.settings-page .content-box{margin:0 auto;max-width:1200px;overflow:hidden;padding:2rem;width:100%}.call-page .content-box,.haircheck-page .content-box{background:#0000;box-shadow:none;margin:0;max-width:100%;padding:0;width:100%}@supports (-ms-ime-align:auto){.container{margin-left:auto;margin-right:auto}}.home-screen-content{background:#272822;background:var(--bg-secondary);border-radius:12px;box-shadow:0 10px 15px #0006;box-shadow:var(--shadow-lg);padding:2rem}.api-error{padding:2rem}.api-error,.api-error h1{color:#f92672;color:var(--monokai-red)}.api-error code{background:#1e1f1c;background:var(--bg-primary);border-radius:4px;color:#fd971f;color:var(--monokai-orange);padding:.2em .4em}.api-error a{color:#66d9ef;color:var(--accent-blue);text-decoration:none}.api-error a:hover{text-decoration:underline}.page{font-size:1.2rem;padding:2rem;text-align:center}.page,button{color:#f8f8f2;color:var(--text-primary)}button{background:#1e1f1c;background:var(--bg-primary);border:1px solid #3e3d32;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}button:hover{background:#3e3d32;background:var(--bg-hover);border-color:#66d9ef;border-color:var(--accent-blue)}input{background:#272822;background:var(--bg-secondary);border:1px solid #3e3d32;border:1px solid var(--border-color);border-radius:4px;color:#f8f8f2;color:var(--text-primary);padding:.5rem}input:focus{border-color:#66d9ef;border-color:var(--accent-blue);outline:none}@media (max-width:768px){.main-content{margin-left:0;padding:1rem}.content-box{padding:1rem}.container{padding:.5rem}}.call-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.video-tile{aspect-ratio:16/9;background:var(--dark-blue);border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.global-input-box{bottom:20px;max-width:600px;position:fixed;right:20px;width:calc(100% - 40px);z-index:4000}.global-input-box .dynamic-input-container{background:#272822;background:var(--bg-secondary)}@media (max-width:768px){.global-input-box{bottom:10px;width:calc(100% - 20px)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth-modal-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000;z-index:var(--z-modal)}.auth-modal-content{background:#272822;background:var(--bg-secondary);border:1px solid #3e3d32;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px #0006;box-shadow:var(--shadow-lg);color:#f8f8f2;color:var(--text-primary);max-width:400px;padding:2rem;padding:var(--spacing-xl);position:relative;width:90%}.auth-modal-content h2{color:#f8f8f2;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 1rem;margin:0 0 var(--spacing-md) 0}.auth-modal-content p{color:#f8f8f2;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-md);line-height:1.5;margin:0 0 1.5rem;margin:0 0 var(--spacing-lg) 0}.auth-modal-actions{display:flex;gap:1rem;gap:var(--spacing-md);justify-content:flex-end;margin-top:1.5rem;margin-top:var(--spacing-lg)}.auth-modal-actions .button-primary{background:var(--accent-red);border:none;border-radius:6px;border-radius:var(--border-radius-md);color:#f8f8f2;color:var(--text-primary);cursor:pointer;font-size:1rem;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease;transition:all var(--transition-fast)}.auth-modal-actions .button-primary:hover{background:var(--accent-red);filter:brightness(1.1);transform:translateY(-1px)}.auth-modal-actions .button-secondary{background:#1e1f1c;background:var(--bg-primary);border:1px solid #3e3d32;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius-md);color:#f8f8f2;color:var(--text-primary);cursor:pointer;font-size:1rem;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease;transition:all var(--transition-fast)}.auth-modal-actions .button-secondary:hover{border-color:#66d9ef;border-color:var(--accent-blue);color:#66d9ef;color:var(--accent-blue);transform:translateY(-1px)}.auth-modal-close{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--border-radius-sm);color:#75715e;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;padding:var(--spacing-sm);position:absolute;right:1rem;right:var(--spacing-md);top:1rem;top:var(--spacing-md);transition:all .2s ease;transition:all var(--transition-fast)}.auth-modal-close:hover{color:#f8f8f2}.auth-modal-close:hover,.dev-login-input{background:#1e1f1c;background:var(--bg-primary);color:var(--text-primary)}.dev-login-input{border:1px solid #3e3d32;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius-md);box-sizing:border-box;font-size:1rem;font-size:var(--font-size-md);margin:1rem 0;margin:var(--spacing-md) 0;padding:1rem;padding:var(--spacing-md);transition:all .2s ease;transition:all var(--transition-fast)}.dev-login-input:focus{border-color:#66d9ef;border-color:var(--accent-blue);box-shadow:0 0 0 2px #66d9ef33;outline:none}.dev-login-input::placeholder{color:var(--text-secondary)}.dev-login-actions{gap:1rem;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.dev-login-button{background:#66d9ef;background:var(--accent-blue);border:none;border-radius:6px;border-radius:var(--border-radius-md);color:#1e1f1c;color:var(--bg-primary);cursor:pointer;font-size:1rem;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease;transition:all var(--transition-fast)}.dev-login-button:hover{background:#a6e22e;background:var(--accent-green)}.dev-login-cancel{border:1px solid #3e3d32;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease;transition:all var(--transition-fast)}.dev-login-cancel:hover{background:#1e1f1c;background:var(--bg-primary);border-color:#66d9ef;border-color:var(--accent-blue);color:var(--text-primary)}.simple-loading-container{align-items:center;animation:authGradientFlow 12s ease infinite;background:linear-gradient(135deg,#d6ae54,#1e1f1c,#2a2a24,#d6ae54,#272822);background:linear-gradient(135deg,var(--color-golden,#d6ae54),var(--bg-primary,#1e1f1c),#2a2a24,var(--color-golden,#d6ae54),var(--bg-secondary,#272822));background-size:400% 400%;display:flex;flex-direction:column;height:100vh;isolation:isolate;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.simple-loading-spinner{animation:simple-spin 1s linear infinite;border:4px solid #d6ae544d;border-radius:50%;border-top-color:#d6ae54;border-top:4px solid var(--color-golden,#d6ae54);filter:drop-shadow(0 0 20px rgba(214,174,84,.4));height:60px;margin-bottom:20px;width:60px}.simple-loading-text{word-wrap:break-word;color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-size:1.1rem;font-weight:500;max-width:90%;text-align:center}@keyframes simple-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.simple-loading-spinner{border-width:3px;height:40px;width:40px}.simple-loading-text{font-size:1rem}}@media (prefers-reduced-motion:reduce){.simple-loading-spinner{animation:none;border:4px solid #d6ae54;border:4px solid var(--color-golden,#d6ae54)}@keyframes simple-spin{0%{transform:rotate(0deg)}to{transform:rotate(0deg)}}}.get-user-media-error{align-items:center;grid-column:1/3;margin:0 auto;max-width:600px;padding:2rem;text-align:left}.get-user-media-error h1{color:var(--red-dark);margin-bottom:1.5rem;text-align:center}.get-user-media-error h3{color:var(--accent-color);font-size:1.1rem;margin-bottom:.75rem;margin-top:1.5rem}.get-user-media-error .security-warning{background:#ffc1071a;border:2px solid #ffc107;border-radius:8px;margin:1rem 0;padding:1rem}.get-user-media-error .security-warning h3{color:#ffc107;margin-top:0}.get-user-media-error .permission-help{background:#4a90e21a;border-radius:8px;margin:1rem 0;padding:1rem}.get-user-media-error .troubleshooting{background:#6c757d1a;border-radius:8px;margin:1rem 0;padding:1rem}.get-user-media-error ol{margin:.5rem 0;padding-left:1.5rem}.get-user-media-error ol li{line-height:1.4;margin:.5rem 0}.get-user-media-error ul{margin:.5rem 0;padding-left:1.5rem}.get-user-media-error ul li{line-height:1.4;margin:.25rem 0}.get-user-media-error .action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.get-user-media-error .retry-button{background:var(--accent-color);border:none;border-radius:6px;color:var(--white);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.get-user-media-error .retry-button:hover{background:var(--accent-color-dark)}.get-user-media-error .help-link{background:var(--grey-dark);border-radius:6px;color:var(--white);display:inline-block;font-size:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s ease}.get-user-media-error .help-link:hover{background:var(--grey-darker);text-decoration:none}.get-user-media-error .permission-visual-guide{background:#28a7451a;border-radius:8px;margin:1.5rem 0;padding:1rem;text-align:center}.get-user-media-error .browser-icons{display:flex;font-size:1.5rem;gap:1rem;justify-content:center;margin:.5rem 0}.get-user-media-error .browser-icons span{align-items:center;background:#ffffff1a;border-radius:50%;display:inline-block;display:flex;justify-content:center;min-height:3rem;min-width:3rem;padding:.5rem}.get-user-media-error p{line-height:1.5;margin:.5rem 0}@media (max-width:768px){.get-user-media-error{margin:0 1rem;padding:1rem}.get-user-media-error .action-buttons{align-items:center;flex-direction:column}.get-user-media-error .browser-icons{font-size:1.2rem}.get-user-media-error .browser-icons span{min-height:2.5rem;min-width:2.5rem}}.content-box{max-width:100%}.content-box,.hair-check{border-radius:4px;padding:1rem}.hair-check{background:var(--bg-primary);border:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:600px}.hair-check video{border-radius:4px;box-shadow:0 0 10px 0 #00000080;display:block;margin:1em auto;max-width:480px;object-fit:cover;object-position:center}.hair-check label{color:var(--white);display:block;font-size:12px;line-height:14px;margin:1em 0 .5em}.hair-check input,.hair-check select{background:var(--bg-secondary);border:1px solid var(--grey);border-radius:4px;color:var(--monokai-fg);padding:.5em;width:100%}.hair-check h1{color:var(--monokai-green);font-size:1em;margin-bottom:1em;text-align:center}.hair-check button{margin-top:2em}.hair-check button+button{margin-top:0}.cancel-call{background:var(--bg-secondary)}.cancel-call:hover{background:var(--monokai-red)}.join-button{background:var(--monokai-green);color:var(--white)}.join-button:hover{background:var(--accent-yellow);color:var(--white)}.call{grid-gap:1rem;align-items:center;background:var(--monokai-bg);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-content:center;margin:0 auto 0 0;max-width:1440px;min-height:calc(100vh - 80px);padding:2rem 1rem 1rem;position:relative;width:100%}@media only screen and (max-width:600px){.call{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:.5rem}}.is-screenshare{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1440px;min-height:calc(100vh - 120px);padding:1rem;position:relative}.is-screenshare .self-view,.is-screenshare .tile-video{height:135px;width:240px}.info-box{display:none}.call.single-participant{display:block;gap:0;grid-template-columns:1fr;height:calc(100vh - 80px);margin:0;max-width:none;padding:0}.call.single-participant .tile{border-radius:0;height:100%;margin:0;max-height:none;min-height:100%;width:100%}.call.single-participant .tile-video{bottom:0;height:100%;left:0;padding-bottom:0;position:absolute;right:0;top:0}.call.single-participant .tile-video.self-view.alone{height:100%;width:100%}.call.single-participant .tile-video.self-view.alone video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.waiting-message{color:#fff;font-size:1.1rem;font-weight:500;left:50%;pointer-events:none;position:fixed;text-align:center;text-shadow:2px 2px 4px #000c;top:60px;transform:translateX(-50%);z-index:1100}@media only screen and (max-width:768px){.call{gap:.5rem;padding:.5rem}.call.single-participant{height:calc(100vh - 80px)}.waiting-message{font-size:1rem;top:40px}}.tile{background:var(--monokai-bg);box-shadow:0 4px 20px #00000026;height:100%;margin:0 auto;max-height:400px;min-height:200px;position:relative}.tile,.tile-video{border-radius:8px;overflow:hidden;width:100%}.tile-video{background:var(--dark-gray);height:0;padding-bottom:56.25%}.tile-video,.tile-video.no-video{align-items:center;display:flex;justify-content:center}.tile-video.no-video{background:var(--gray-dark)}[data-local=true]{max-height:400px;object-fit:contain}.chat-window{display:flex;flex-direction:column}.chat-window,.transcription-window{background:var(--gray-dark);border-radius:8px;bottom:80px;max-height:400px;overflow:hidden;position:fixed;right:1rem;width:300px;z-index:100}.transcription-window.active{background:var(--bg-primary);border:2px solid #4caf50}.transcription-status{background:var(--gray-darker);padding:.5rem;text-align:center}.transcription-status.active{color:#4caf50;font-weight:700}.call.is-screenshare{grid-template-columns:3fr 1fr}.call.is-screenshare .tile-screenshare{grid-column:1;grid-row:1/span 2}.call.single-participant .tile-video.self-view.alone video[data-local=true]{bottom:0;height:100%;left:0;max-height:none;object-fit:cover!important;position:absolute;right:0;top:0;width:100%}.call.single-participant .tile-video.self-view.alone .username{bottom:2.2rem;left:1rem;position:inherit;z-index:2}.call{margin-left:0;margin-top:0}.call~.sidebar{transform:translateX(-100%);transition:transform .3s ease;z-index:1050}.call~.sidebar:hover{transform:translateX(0)}.call~.header{transform:translateY(-100%);transition:transform .3s ease;z-index:1050}.call~.header:hover{transform:translateY(0)}.call:before{height:100vh;width:20px}.call:after,.call:before{content:"";left:0;position:fixed;top:0;z-index:1040}.call:after{height:20px;width:100%}.call:after:hover~.header,.call:before:hover~.sidebar{transform:translateX(0)}.tile-video:not(.self-view){height:100vh;left:0;padding:0;position:absolute;top:0;width:100%}.tile-video:not(.self-view) video{height:100%;object-fit:cover!important;width:100%}.tile-video.self-view{border-radius:8px;box-shadow:0 4px 12px #00000026;height:135px;overflow:hidden;padding:0;position:fixed;right:20px;top:20px;width:240px;z-index:1000}.tile-video.self-view video{height:100%;object-fit:cover;width:100%}.app:has(.call) .sidebar{transform:translateX(-100%);transition:transform .3s ease}.app:has(.call) .sidebar:hover{transform:translateX(0)}.app:has(.call) .header{transform:translateY(-100%);transition:transform .3s ease}.app:has(.call) .header:hover{transform:translateY(0)}.app:has(.call):before{content:"";height:100vh;left:0;position:fixed;top:0;width:20px;z-index:1040}.app:has(.call):after{content:"";height:20px;left:0;position:fixed;top:0;width:100%;z-index:1040}.app:has(.call):after:hover~.header,.app:has(.call):before:hover~.sidebar{transform:translateX(0)}.confirmation-overlay{align-items:center;animation:fadeIn .2s ease-in;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.confirmation-dialog{animation:scaleIn .2s ease-out;background:#1a1a1a;background:var(--background,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;box-shadow:0 8px 32px #00000080;color:#fff;color:var(--text-primary,#fff);max-width:400px;padding:24px}.confirmation-dialog h3{color:#ff8c00;color:var(--warning-color,#ff8c00);font-size:1.2rem;font-weight:600;margin:0 0 16px}.confirmation-dialog p{color:#ccc;color:var(--text-secondary,#ccc);line-height:1.5;margin:0 0 24px}.confirmation-buttons{display:flex;gap:12px;justify-content:flex-end}.confirmation-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;min-width:100px;padding:8px 16px;transition:all .2s ease}.confirm-button{background-color:#dc3545;background-color:var(--error-color,#dc3545);color:#fff}.confirm-button:hover{background-color:#c82333;background-color:var(--error-color-hover,#c82333);transform:translateY(-1px)}.cancel-button{background-color:#6c757d;background-color:var(--secondary-button,#6c757d);color:#fff}.cancel-button:hover{background-color:#5a6268;background-color:var(--secondary-button-hover,#5a6268);transform:translateY(-1px)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tile-video{height:270px;position:relative;width:480px}@media only screen and (max-width:600px){.tile-video{height:135px;width:240px}}.self-view{height:270px;position:relative;width:480px}@media only screen and (max-width:600px){.self-view{height:135px;width:240px}}.no-video{background-color:var(--dark-blue-border)}.no-video video{visibility:hidden}.self-view.alone{height:270px;width:480px}@media only screen and (max-width:600px){.self-view.alone{height:135px;width:240px}}.tile-screenshare{grid-column:1/-1;grid-row:1}.username{background-color:var(--dark-blue);bottom:0;color:var(--grey);font-size:14px;left:0;padding:.2em .5em;position:absolute;z-index:2}.meeting-information{background:var(--monokai-bg-lighter);border-radius:8px;box-shadow:0 4px 20px #00000026;color:var(--monokai-fg);font-size:12px;left:1rem;max-height:80vh;max-width:400px;overflow-y:auto;padding:1rem;position:fixed;top:1rem;width:90%;z-index:1100}@media (max-width:768px){.meeting-information{left:1rem;right:1rem;top:1rem;width:calc(100% - 2rem)}}.meeting-information-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1090}.meeting-information h1{color:var(--monokai-blue);font-size:1.2rem;margin-bottom:1rem}.meeting-information ul{list-style-type:none;margin:0;padding:0}.meeting-information li{border-bottom:1px solid var(--monokai-bg);line-height:1.4;margin-bottom:.5rem;padding-bottom:.5rem}.meeting-information .section-header{color:var(--monokai-blue);font-size:1.1rem;font-weight:700;margin-bottom:.5rem;margin-top:1rem}.meeting-information .error{background:var(--monokai-bg);border-radius:4px;color:var(--monokai-red);font-weight:500;margin:.5rem 0;padding:.5rem}.chat-container{border-left:1px solid var(--chat-border);bottom:4rem;box-shadow:-2px 0 5px var(--chat-shadow);display:flex;flex-direction:column;justify-content:flex-end;position:fixed;right:0;top:4rem;visibility:visible!important;width:300px;z-index:1000}.chat-container,.chat-message-list{background:var(--chat-bg);overflow-y:auto}.chat-message-list{height:100%;list-style:none;margin:0;padding:var(--spacing-md)}.chat-message-item{color:var(--chat-text);line-height:1.4;margin-bottom:var(--spacing-md);position:relative;z-index:1}.chat-author{color:var(--chat-author);display:inline-block;font-weight:var(--font-weight-bold)}.chat-author,.chat-text{font-size:var(--font-size-sm)}.chat-text{color:var(--chat-message);display:block;margin:.5em 0;white-space:pre-wrap;word-break:break-word}.chat-text p{line-height:1.5;margin:.5em 0}.chat-text p:first-child{margin-top:0}.chat-text p:last-child{margin-bottom:0}.chat-input-section{border-top:1px solid var(--chat-border);padding:var(--spacing-md);position:relative;z-index:2}.chat-form,.chat-input-section{background:var(--chat-input-bg)}.chat-form{align-items:center;border-bottom:2px solid var(--chat-border);display:flex;justify-content:space-between}.chat-textbox{background:#0000;border:0;color:var(--chat-text);flex-grow:1;font-size:var(--font-size-sm);min-width:0;padding:var(--spacing-sm)}.chat-textbox::placeholder{color:var(--text-secondary)}.chat-textbox:focus{border-color:var(--chat-button-bg);outline:none}.chat-send-btn{background:#0000;border:none;color:var(--chat-button-bg);cursor:pointer;padding:var(--spacing-sm);position:relative;transition:opacity var(--transition-fast);z-index:2}.chat-send-btn:hover{color:var(--chat-button-hover);opacity:.8}.chat-close-btn{align-self:flex-end;background:var(--chat-button-bg);border:1px solid var(--chat-border);color:var(--bg-secondary);cursor:pointer;font-weight:var(--font-weight-normal);margin:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast);z-index:3}.chat-close-btn:hover{background:var(--chat-button-hover)}@media only screen and (max-width:600px){.chat-container{bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.chat-close-btn{position:sticky;top:0}.chat-message-list{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 120px);overflow-y:auto}}.transcription-timeout-error{bottom:20px;color:#f44;font-size:14px;font-weight:500;text-align:center;text-shadow:1px 1px 2px #000c;z-index:1200}.transcription-subtitles,.transcription-timeout-error{left:50%;pointer-events:none;position:fixed;transform:translateX(-50%)}.transcription-subtitles{align-items:center;bottom:120px;display:flex;flex-direction:column;gap:8px;max-width:900px;width:80%;z-index:1100}.subtitle-line{animation:fadeIn .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0000004d;border-radius:4px;padding:8px 16px;text-align:center}.subtitle-speaker{color:#66d9ef;font-weight:600;margin-right:8px}.subtitle-speaker,.subtitle-text{font-size:18px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 3px #000c}.subtitle-text{color:#fff;font-weight:500;line-height:1.4}.transcription-status-indicator{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0003;border-radius:12px;color:#a6e22e;display:flex;font-size:14px;font-weight:500;gap:6px;padding:4px 12px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 3px #000c}.status-dot{animation:pulse 1.5s infinite;background-color:#a6e22e;height:6px;width:6px}@media (max-width:768px){.transcription-subtitles{bottom:100px;width:90%}.subtitle-speaker,.subtitle-text{font-size:16px}.transcription-status-indicator{font-size:12px}.transcription-timeout-error{bottom:15px;font-size:12px}}@media (max-width:480px){.subtitle-speaker,.subtitle-text{font-size:14px}.subtitle-line{padding:6px 12px}}@media (prefers-contrast:high){.subtitle-speaker,.subtitle-text{text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 0 6px #000}.subtitle-line{background:#0009;border:1px solid #ffffff4d}}@media (prefers-reduced-motion:reduce){.status-dot,.subtitle-line{animation:none}}.tray{background:var(--monokai-bg);bottom:0;box-shadow:0 -2px 10px #00000026;height:auto;left:0;padding:1rem;position:fixed;right:0;z-index:1000}.tray-buttons-container{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}@media (max-width:768px){.tray-buttons-container{flex-direction:column;gap:.5rem}.actions,.controls,.leave{justify-content:center;width:100%}}.actions,.controls,.leave,.tray button{align-items:center;display:flex;gap:.5rem}.tray button{background:var(--monokai-bg-lighter);border:1px solid #0000;border-radius:6px;color:var(--monokai-fg);cursor:pointer;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.tray button:hover{background:var(--monokai-gray);border-color:var(--monokai-blue)}.tray button.active{background:var(--monokai-blue);color:var(--monokai-bg)}.tray button.copied{color:var(--monokai-bg)}.tray button.copied,.tray button.copied:hover{background:var(--monokai-green);border-color:var(--monokai-green)}.transcript-window{background:var(--monokai-bg-lighter);border-radius:8px;bottom:80px;box-shadow:0 2px 10px #00000026;display:flex;flex-direction:column;max-height:400px;position:fixed;right:1rem;width:300px}.transcript-header{align-items:center;border-bottom:1px solid var(--monokai-gray);display:flex;justify-content:space-between;padding:.5rem 1rem}.transcript-toggle{background:none;border:none;color:var(--monokai-fg);cursor:pointer;padding:.25rem}.transcript-toggle:hover{color:var(--monokai-blue)}.transcript-content{flex-grow:1;overflow-y:auto;padding:1rem}@media (max-width:768px){.transcript-window{max-height:300px;width:calc(100% - 2rem)}}.loading-transition{--primary-color:var(--turquoise,#1bebba);--primary-color-rgb:27,235,185;align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.loading-transition .loading-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.loading-transition .loading-spinner{animation:spin 1s linear infinite,glow 2s ease-in-out infinite;border-top:6px solid rgba(var(--primary-color-rgb),.2);border:6px solid rgba(var(--primary-color-rgb),.2);border-radius:50%;border-top-color:var(--primary-color);box-shadow:0 0 12px rgba(var(--primary-color-rgb),.4);height:64px;width:64px}@keyframes glow{0%,to{box-shadow:0 0 8px rgba(var(--primary-color-rgb),.3)}50%{box-shadow:0 0 16px rgba(var(--primary-color-rgb),.6)}}.loading-transition .loading-steps{display:flex;flex-direction:column;gap:.5rem;width:260px}.loading-transition .loading-step{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;position:relative}.loading-transition .loading-step.active{color:var(--text-primary)}.loading-transition .loading-step:before{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:18px;margin-right:.4rem;width:18px}.loading-transition .loading-step.active:before{border-color:var(--primary-color)}.loading-transition .loading-step.completed:before{align-items:center;background:var(--accent-green);border-color:var(--accent-green);color:var(--bg-primary);content:"\2713";display:flex;font-size:12px;font-weight:700;justify-content:center}.loading-transition .check-mark{display:none}.loading-transition .progress-bar{background:rgba(var(--primary-color-rgb),.15);border-radius:3px;flex:1 1;height:6px;margin-left:.5rem;overflow:hidden}.loading-transition .progress-fill{animation:pulse-fill 2s ease-in-out infinite;background:var(--primary-color);height:100%;width:0}@keyframes pulse-fill{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.loading-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem}.error-icon{color:#ef4444;font-size:1.25rem}.error-message{color:#fca5a5;font-size:.9rem}.page-loading-container{align-items:center;background:#0000001a;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.page-loading-content{color:var(--text-primary);text-align:center}.page-loading-spinner{animation:page-spin 1s linear infinite;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--accent-gold);height:32px;margin:0 auto 16px;width:32px}.page-loading-message{font-size:14px;opacity:.8}@keyframes page-spin{to{transform:rotate(1turn)}}.tree-success-wrapper{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.tree-success-text{color:var(--text-primary);font-size:1rem;font-weight:600}.tree-success-icon path{fill:#777;transition:fill .8s ease-in-out}.tree-success-icon.animate path{fill:#4caf50}.sidebar{align-items:center;background:var(--bg-secondary);border-right:1px solid var(--sidebar-border);color:var(--sidebar-text);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;padding:var(--spacing-md);position:fixed;top:0;width:72px;z-index:1030}.sidebar-trigger{display:none}.logo-section{flex-direction:column;margin-bottom:var(--spacing-lg);width:100%}.logo-button,.logo-section{align-items:center;display:flex}.logo-button{background:none;border:none;cursor:pointer;height:48px;justify-content:center;padding:var(--spacing-xs);width:48px}.logo{color:#d6ae54;color:var(--color-golden,#d6ae54);height:100%;object-fit:contain;width:100%}.logo,.logo-button img{border:none;border-radius:0}.nav-menu{box-sizing:border-box;flex-direction:column;gap:1.5rem;margin-top:auto;padding:var(--spacing-lg) 0;width:100%}.nav-item,.nav-menu{align-items:center;display:flex;position:relative}.nav-item{background:var(--bg-secondary);border-radius:var(--border-radius-lg);color:var(--sidebar-text);height:40px;justify-content:center;padding:0;text-decoration:none;transition:all var(--transition-fast);width:56px}.nav-item svg{height:30px;transition:transform .2s ease;width:30px}.nav-item span{background:var(--bg-secondary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);font-size:var(--font-size-sm);left:calc(100% + var(--spacing-xs));opacity:0;padding:var(--spacing-xs) var(--spacing-md);pointer-events:none;position:absolute;transform:translateX(-10px);transition:all var(--transition-fast);white-space:nowrap}.nav-item:hover span{opacity:1;transform:translateX(0)}.nav-item:hover svg{transform:scale(1.05)}.nav-item.active{color:var(--color-golden)}.debug-toggle{background:none;border:none;bottom:4.5rem;cursor:pointer;left:50%;position:absolute;transform:translateX(-50%);transition:all var(--transition-fast)}.debug-toggle:hover{background:var(--sidebar-hover)}.debug-toggle.debug-active{color:var(--accent-orange)}.debug-toggle.debug-active svg{filter:drop-shadow(0 0 4px var(--accent-orange))}.debug-toggle span{background:var(--bg-secondary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:var(--font-size-sm);left:calc(100% + var(--spacing-xs));opacity:0;padding:var(--spacing-xs) var(--spacing-md);pointer-events:none;position:absolute;transform:translateX(-10px);transition:all var(--transition-fast);white-space:nowrap}.debug-toggle:hover span{opacity:1;transform:translateX(0)}.debug-toggle.debug-active span{background:var(--accent-orange);color:var(--bg-primary)}.sidebar-header{border-bottom:1px solid var(--sidebar-border);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);width:100%}.sidebar-logo{flex-shrink:0;height:40px;width:40px}.sidebar-title{color:var(--sidebar-active);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0;opacity:0;transition:opacity var(--transition-fast)}.expanded .sidebar-title{opacity:1}.sidebar-nav{flex:1 1;flex-direction:column}.sidebar-button,.sidebar-link,.sidebar-nav{display:flex;gap:var(--spacing-sm);width:100%}.sidebar-button,.sidebar-link{align-items:center;background:none;border:1px solid #0000;border-radius:var(--border-radius-md);color:var(--sidebar-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.sidebar-button:hover,.sidebar-link:hover{background:var(--sidebar-hover);border-color:var(--sidebar-border);box-shadow:var(--shadow-sm)}.sidebar-button.active,.sidebar-link.active{background:var(--sidebar-hover);border-color:var(--sidebar-active);color:var(--sidebar-active)}.sidebar-footer{border-top:1px solid var(--sidebar-border);margin-top:auto;padding-top:var(--spacing-lg);width:100%}.light-theme .user-section{border-top-color:#0000001a}.light-theme .user-info{background:#0000000d}.light-theme .user-name{color:#000c}.light-theme .logout-button{background:#0000000d;border-color:#0000001a;color:#000000b3}.light-theme .logout-button:hover{background:#0000001a;border-color:#0003;color:#000000e6}@media (max-width:768px){.user-section{gap:.5rem;padding:.75rem}.user-info{padding:.375rem}.user-avatar{font-size:.75rem;height:28px;width:28px}.logout-button,.user-name{font-size:.8125rem}.logout-button{padding:.625rem}}@media only screen and (max-width:600px){.sidebar{bottom:0;flex-direction:row;height:60px;justify-content:space-around;left:0;padding:var(--spacing-xs);top:auto;width:100%}.logo-section{display:none}.nav-menu{flex-direction:row;gap:2rem;height:auto;justify-content:center;margin-top:0;padding:0}.nav-item span{display:none}}.websocket-status-container{display:flex;justify-content:center;margin-bottom:8px}.websocket-status-indicator{background-color:var(--color-gray-400);border:none;border-radius:50%;box-shadow:0 1px 2px #0000001a;height:12px;margin:0;padding:0;position:relative;transition:all var(--transition-fast);width:12px}.websocket-status-indicator.clickable{cursor:pointer;transform:scale(1)}.websocket-status-indicator.clickable:hover{box-shadow:0 2px 4px #0003;filter:brightness(1.1);transform:scale(1.2)}.websocket-status-indicator.clickable:active{transform:scale(.95)}.websocket-status-indicator:disabled{cursor:default}.websocket-status-indicator[style*="#F59E0B"]{animation:pulse 2s ease-in-out infinite}.debug-toggle{margin-top:0}.nav-item.transitioning{opacity:.7;transform:scale(.98);transition:opacity .2s ease,transform .2s ease}.nav-item.transitioning:after{animation:pulse-transition .6s ease-in-out infinite alternate;background:#3b82f6;background:var(--accent-color,#3b82f6);border-radius:50%;content:"";height:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:4px}@keyframes pulse-transition{0%{opacity:.5;transform:translateY(-50%) scale(1)}to{opacity:1;transform:translateY(-50%) scale(1.2)}}.nav-item:hover:not(.transitioning){transform:translateX(2px);transition:transform .2s ease}.nav-item.active{transition:background-color .3s ease,color .3s ease}.sidebar.navigation-loading{pointer-events:none}.sidebar.navigation-loading .nav-item{opacity:.6}.nav-item-badge .badge{align-items:center;background:#f59e0b;background:var(--accent-orange,#f59e0b);border-radius:50%;color:#fff;display:flex;font-size:.7rem;height:16px;justify-content:center;line-height:16px;min-width:16px;padding:0 6px;position:absolute;right:-4px;top:-4px}.websocket-status-container.top{margin-bottom:0;margin-top:var(--spacing-md)}.nav-center{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;justify-content:center;width:100%}.avatar-btn{margin-top:var(--spacing-lg)}.avatar-btn .avatar-img{border-radius:50%;height:32px;object-fit:cover;width:32px}.avatar-menu{align-items:stretch;background:var(--bg-secondary);border:1px solid var(--sidebar-border);border-radius:var(--border-radius-md);bottom:84px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;left:50%;min-width:160px;padding:var(--spacing-sm) 0;position:absolute;transform:translateX(-50%);z-index:1040}.avatar-menu-right{bottom:auto;left:calc(100% + 8px);top:0;transform:none}.avatar-menu-header{border-bottom:1px solid var(--sidebar-border);font-weight:var(--font-weight-semibold)}.avatar-menu-header,.avatar-menu-item{color:var(--sidebar-text);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.avatar-menu-item{background:none;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.avatar-menu-item:hover{background:var(--sidebar-hover)}:root{--analog-gradient-colors:#243258,#222e44,#211a2d,#12093d;--analog-gradient-angle:270deg;--analog-gradient-duration:10s;--analog-noise-opacity:0.05;--analog-noise-image:url(/static/media/noise.59ec0900c070e594cbf4.jpeg);--analog-noise-size:600px;--analog-noise-animation:analogNoiseFlicker 6s steps(8) infinite}.analog-gradient-bg{height:100vh;inset:0;overflow:hidden;pointer-events:none;position:fixed;width:100vw;z-index:-1}.analog-gradient-bg:before{animation:analogGradientShift 10s ease-in-out infinite;animation:analogGradientShift var(--analog-gradient-duration) ease-in-out infinite;background-image:linear-gradient(270deg,#243258,#222e44,#211a2d,#12093d);background-image:linear-gradient(var(--analog-gradient-angle),var(--analog-gradient-colors));background-size:400% 400%;content:"";filter:brightness(120%) contrast(120%);inset:0;position:absolute}.analog-gradient-bg:after{animation:analogNoiseFlicker 6s steps(8) infinite;animation:var(--analog-noise-animation);background-image:url(/static/media/noise.59ec0900c070e594cbf4.jpeg);background-image:var(--analog-noise-image);background-repeat:repeat;background-size:600px 600px;background-size:var(--analog-noise-size) var(--analog-noise-size);content:"";filter:contrast(250%) brightness(600%);inset:0;mix-blend-mode:overlay;opacity:.05;opacity:var(--analog-noise-opacity);pointer-events:none;position:absolute}@keyframes analogGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes analogNoiseDrift{0%{transform:translate(0)}to{transform:translate(-20%,-10%)}}@keyframes analogNoiseFlicker{0%,to{opacity:.05;opacity:var(--analog-noise-opacity)}8%{opacity:.065;opacity:calc(var(--analog-noise-opacity)*1.3)}15%{opacity:.035;opacity:calc(var(--analog-noise-opacity)*.7)}22%{opacity:.06;opacity:calc(var(--analog-noise-opacity)*1.2)}31%{opacity:.03;opacity:calc(var(--analog-noise-opacity)*.6)}45%{opacity:.0625;opacity:calc(var(--analog-noise-opacity)*1.25)}60%{opacity:.04;opacity:calc(var(--analog-noise-opacity)*.8)}72%{opacity:.07;opacity:calc(var(--analog-noise-opacity)*1.4)}85%{opacity:.0375;opacity:calc(var(--analog-noise-opacity)*.75)}}.light-theme{--analog-gradient-colors:#eaeaea,#cdbaba,#f5f5f5;--analog-noise-opacity:0.025}.dynamic-input-wrapper-main{align-items:flex-end;bottom:20px;position:fixed;right:20px;z-index:var(--z-modal)}.dynamic-input-container,.dynamic-input-wrapper-main{display:flex;flex-direction:column;transition:all var(--transition-medium)}.dynamic-input-container{animation:fadeIn var(--transition-medium) ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);max-width:90vw;overflow:hidden;transform-origin:bottom right;width:500px}.chat-messages{background:var(--bg-primary);gap:var(--spacing-sm);max-height:500px;overflow-y:auto;padding:var(--spacing-md)}.chat-messages,.message{display:flex;flex-direction:column}.message{gap:var(--spacing-xs);max-width:85%}.message.system{align-self:center;max-width:90%}.message-content{font-family:var(--font-family-modern);font-size:var(--font-size-md);line-height:1.6}.message-content.formatted-chat-message{background-color:var(--bg-primary);margin:0;padding:0}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{color:inherit;font-weight:var(--font-weight-semibold);line-height:1.4;margin:var(--spacing-sm) 0 var(--spacing-xs) 0}.message-content h1{font-size:var(--font-size-xl)}.message-content h2{font-size:var(--font-size-lg)}.message-content h3,.message-content h4{font-size:var(--font-size-md)}.message-content h5,.message-content h6{font-size:var(--font-size-sm)}.message-content p{line-height:1.6;margin:0 0 var(--spacing-xs) 0}.message-content p:last-child{margin-bottom:0}.message-content ol,.message-content ul{margin:var(--spacing-xs) 0;padding-left:var(--spacing-lg)}.message-content li{line-height:1.6;margin:var(--spacing-xs) 0}.message-content ul li{list-style-type:disc}.message-content ol li{list-style-type:decimal}.message-content strong{color:inherit;font-weight:var(--font-weight-semibold)}.message-content em{color:inherit;font-style:italic}.message-content del{opacity:.7;text-decoration:line-through}.message-content code{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);font-family:Fira Code,Courier New,Courier,monospace;font-size:var(--font-size-sm);padding:2px var(--spacing-xs)}.message-content pre{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--border-radius-md);margin:var(--spacing-xs) 0;overflow-x:auto;padding:var(--spacing-sm)}.message-content pre code{background:none;border:none;font-size:var(--font-size-xs);padding:0}.message-content blockquote{background:#3b82f61a;border-left:4px solid var(--accent-blue);font-style:italic;margin:var(--spacing-xs) 0;padding:var(--spacing-xs) var(--spacing-md)}.message-content table{border-collapse:collapse;font-size:var(--font-size-sm);margin:var(--spacing-xs) 0;width:100%}.message-content td,.message-content th{border:1px solid var(--border-light);padding:var(--spacing-xs) var(--spacing-sm);text-align:left}.message-content th{background:var(--bg-secondary);font-weight:var(--font-weight-semibold)}.message-content hr{border:none;border-top:1px solid var(--border-light);margin:var(--spacing-md) 0}.message-content a{color:var(--accent-blue);text-decoration:none}.message-content a:hover{text-decoration:underline}.message-content .message-line{margin:var(--spacing-xs) 0}.message-content .message-line span{color:var(--accent-orange);font-weight:var(--font-weight-semibold);margin-right:var(--spacing-xs)}.message-timestamp{color:var(--text-primary);font-family:var(--font-family-modern);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);opacity:.6;text-align:right}.typing-indicator{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs)}.typing-indicator span{animation:typing 1s ease-in-out infinite;background:var(--color-golden);border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:.2s}.typing-indicator span:nth-child(2){animation-delay:.3s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.dynamic-input-content{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:var(--spacing-md)}.input-form{width:100%}.input-box{border:1px solid var(--border-color);border-radius:var(--border-radius-md);position:relative;transition:all var(--transition-fast)}.input-box,.input-box.focused{background:var(--bg-secondary)}.input-box.focused{border-color:var(--color-golden);box-shadow:0 0 0 2px var(--accent-blue)}.input-box-inner{align-items:center;display:flex;padding:var(--spacing-xs) var(--spacing-sm)}.input-textarea{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:var(--font-size-md);line-height:1.4;max-height:200px;outline:none;padding:var(--spacing-xs) 0;resize:none}.input-textarea:focus{outline:none}.input-textarea::placeholder{color:var(--text-secondary)}.input-actions{align-items:center;display:flex;justify-content:flex-end;padding:var(--spacing-xs) var(--spacing-sm)}.submit-buttons{display:flex;gap:var(--spacing-xs)}.action-button{background:#0000;border-radius:var(--border-radius-sm);color:var(--text-secondary);height:32px;justify-content:center;transition:all var(--transition-fast);width:36px}.action-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.action-icon{filter:brightness(0) invert(1);height:24px;width:24px}.submit-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast)}.submit-button:not(.disabled):hover{background:var(--accent-green)}.submit-button.disabled{cursor:not-allowed;opacity:.5}.submit-button img.action-icon{filter:brightness(0) invert(1);height:24px;width:24px}.toggle-input-button{align-items:center;background:var(--color-golden);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);color:var(--bg-primary);cursor:pointer;display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast)}.toggle-input-button:hover{background:var(--accent-orange);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.toggle-input-button.compact{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);margin-top:0;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:var(--spacing-xs);top:var(--spacing-xs)}.toggle-button-text{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.toggle-button-icon{transition:transform var(--transition-fast)}.toggle-input-button:hover .toggle-button-icon{transform:translateY(1px)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--bg-primary)}.chat-messages::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:var(--border-radius-sm)}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}@media (max-width:768px){.dynamic-input-wrapper-main{bottom:0;left:0;right:0}.dynamic-input-container{border-radius:0;max-width:100%;width:100%}.chat-container-with-avatars .chat-messages,.chat-messages{max-height:60vh}.avatar-strip{padding:var(--spacing-xs);width:50px}.avatar-icon{font-size:var(--font-size-xs);height:36px;width:36px}.input-box{padding:var(--spacing-xs) var(--spacing-sm)}.input-textarea{font-size:var(--font-size-md)}.action-button,.submit-button{height:28px;width:28px}.toggle-input-button{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.toggle-input-button.compact{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.toggle-button-text{margin-right:var(--spacing-xs)}}.overlay-active .dynamic-input-wrapper-main{z-index:var(--z-popover)}.modal-dialog-open .dynamic-input-wrapper-main{z-index:var(--z-sticky)}.toggle-input-button:focus{outline:2px solid var(--color-golden);outline-offset:2px}.toggle-input-button:focus:not(:focus-visible){outline:none}.toggle-input-button:focus-visible{outline:2px solid var(--color-golden);outline-offset:2px}.error-message{border:1px solid var(--accent-red);border-radius:var(--border-radius-md);color:var(--accent-red);font-size:var(--font-size-md);line-height:1.4;margin:var(--spacing-xs) var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.spinner{border-top:2px solid var(--border-light);border:2px solid var(--border-light);border-top-color:var(--text-primary);height:20px;width:20px}.notification-glow{animation:notificationGlow 1.6s ease-in-out infinite alternate}@keyframes notificationGlow{0%{box-shadow:0 0 0 0 #4b6bfbb3}to{box-shadow:0 0 12px 4px #4b6bfb66}}.toggle-button-icon-left{margin-right:6px}.notification-list-wrapper{max-height:320px;overflow-y:auto;padding:8px 4px}.notification-header-inline{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.notification-header-inline h3{font-size:14px;margin:0}.notification-card{background:#1f2937;background:var(--card-bg,#1f2937);border-radius:8px;color:#fff;margin-bottom:6px;padding:10px 12px;text-align:left;transition:background .2s ease;width:100%}.notification-card:hover{background:#374151;background:var(--card-bg-hover,#374151)}.clear-all-btn{background:none;border:none;color:#4b6bfb;color:var(--accent-blue,#4b6bfb);cursor:pointer;font-size:12px}.chat-container-with-avatars{display:flex;height:100%}.avatar-strip{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs);padding:var(--spacing-sm);width:60px}.avatar-button{background:none;border:none;border-radius:50%;cursor:pointer;padding:0;position:relative;transition:all var(--transition-fast)}.avatar-button:hover{transform:scale(1.1)}.avatar-button.active{box-shadow:0 0 0 3px var(--accent-blue)}.avatar-icon{align-items:center;border-radius:50%;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.ai-avatar{background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));color:var(--bg-primary)}.user-avatar{background:var(--color-golden)}.online-indicator{background:var(--accent-green);border:2px solid var(--bg-secondary);border-radius:50%;bottom:2px;height:10px;position:absolute;right:2px;width:10px}.unread-badge{background:var(--accent-red);border-radius:var(--border-radius-xl);color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.chat-container-with-avatars .chat-messages{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);max-height:500px;overflow-y:auto;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 80px}.avatar-selector{left:var(--spacing-sm);position:absolute;top:var(--spacing-sm);z-index:10}.current-avatar-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);cursor:pointer;display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.current-avatar-button:hover{background:var(--bg-tertiary);border-color:var(--accent-green)}.dropdown-arrow{transition:transform var(--transition-fast)}.current-avatar-button:hover .dropdown-arrow{transform:translateY(1px)}.avatar-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);left:0;max-height:300px;min-width:200px;overflow:hidden;overflow-y:auto;position:absolute;top:calc(100% + var(--spacing-xs))}.avatar-dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);position:relative;text-align:left;transition:all var(--transition-fast);width:100%}.avatar-dropdown-item:hover{background:var(--bg-secondary)}.avatar-dropdown-item.active{background:var(--bg-tertiary);border-left:3px solid var(--accent-green)}.avatar-name{color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm)}.message.user .message-content{background:var(--accent-blue)!important;border:none!important;border-radius:var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-sm) var(--border-radius-lg)!important;box-shadow:none!important;color:#fff!important;padding:var(--spacing-sm) var(--spacing-md)!important}.message.user{align-self:flex-end}.message.assistant .message-content{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-sm)!important;box-shadow:var(--shadow-sm)!important;color:var(--text-primary)!important;padding:var(--spacing-sm) var(--spacing-md)!important}.message.assistant{align-self:flex-start}.message.other-user .message-content{background:var(--bg-secondary)!important;border:1px solid var(--accent-green)!important;border-radius:var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-sm)!important;box-shadow:var(--shadow-sm)!important;color:var(--text-primary)!important;padding:var(--spacing-sm) var(--spacing-md)!important}.message.other-user{align-self:flex-start}.message .message-content{-webkit-user-select:text;user-select:text}.message-content{word-wrap:break-word;line-height:1.4;max-width:100%}.avatar-strip{display:none}.new-message-glow{animation:messageGlow 2s ease-in-out infinite alternate!important;background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 20px #10b98166!important;color:#fff!important}.new-message-glow:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 6px 25px #10b98199!important;transform:translateY(-2px)!important}@keyframes messageGlow{0%{box-shadow:0 4px 20px #10b98166}to{box-shadow:0 6px 30px #10b981cc}}.onboarding{height:100vh;position:fixed;z-index:1000;z-index:var(--z-modal,1000)}.onboarding,.onboarding-overlay{align-items:center;display:flex;justify-content:center;left:0;top:0;width:100%}.onboarding-overlay{background:#1e1f1c;background:var(--bg-primary,#1e1f1c);box-sizing:border-box;flex-direction:column;height:100%;opacity:0;padding:2rem;padding:var(--spacing-xl,2rem);position:absolute;transition:opacity .8s ease-in-out;transition:opacity var(--transition-slow,.8s ease-in-out)}.onboarding-overlay.visible{opacity:1}.onboarding-content{box-sizing:border-box;flex-direction:column;max-height:80vh;max-width:600px;min-height:600px;padding:1rem;padding:var(--spacing-md,1rem);position:relative;width:100%;z-index:2}.logo-container,.onboarding-content{align-items:center;display:flex;justify-content:center}.logo-container{flex-shrink:0;height:clamp(120px,25vw,220px);margin-bottom:4rem;opacity:0;transform:scale(.9);transition:all 1.5s cubic-bezier(.34,1.56,.64,1);width:clamp(120px,25vw,220px)}.logo-container.animate{animation:grow-logo 1.2s ease-out forwards;opacity:1;transform:scale(1)}.logo-container.animate .onboarding-logo{filter:drop-shadow(0 0 4px rgba(214,174,84,.3))}.onboarding-logo{filter:brightness(0) saturate(100%) invert(67%) sepia(54%) saturate(423%) hue-rotate(7deg) brightness(96%) contrast(89%);height:auto;width:100%}.logo-path{fill:var(--color-golden);stroke:var(--color-golden);stroke-width:.5;stroke-dasharray:900;stroke-dashoffset:900}.logo-container.animate .logo-path{animation:draw-logo 2.5s .2s forwards}@keyframes grow-logo{0%{transform:scale(1)}40%{transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes draw-logo{0%{fill-opacity:0;stroke-dashoffset:900}50%{fill-opacity:.2;stroke-dashoffset:0}to{fill-opacity:1;stroke-dashoffset:0}}.text-container{align-items:center;display:flex;height:120px;justify-content:center;margin-bottom:3rem;position:relative;width:100%}.welcome-text{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-size:3rem;font-size:var(--font-size-3xl,3rem);font-weight:300;font-weight:var(--font-weight-light,300);letter-spacing:.5px;opacity:0;position:absolute;text-align:center;transition:opacity .5s ease;transition:opacity var(--transition-medium,.5s ease);width:100%}.welcome-text.visible{opacity:1}.cursor{background:#0000;color:#d6ae54;color:var(--color-golden,#d6ae54);display:inline-block;height:1.2em;margin-left:2px;position:relative;top:.1em;width:3px}.cursor.blink{animation:cursor-blink 1s step-end infinite}.cursor.hidden{display:none}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.cursor.typing-complete{color:#d6ae54;color:var(--accent-primary,var(--color-golden,#d6ae54))}.interaction-container{box-sizing:border-box;justify-content:flex-start;min-height:120px;overflow:visible;padding:1rem;padding:var(--spacing-md,1rem);position:relative}.interaction-container,.step-interaction{align-items:center;display:flex;flex-direction:column;width:100%}.step-interaction{max-width:500px}.start-button{animation:fade-in .8s ease forwards;background:#0000;border:2px solid var(--color-golden);border-radius:50px;color:var(--color-golden);cursor:pointer;font-size:1.2rem;font-weight:400;letter-spacing:1px;margin:4px;opacity:0;overflow:hidden;padding:.8rem 2.5rem;position:relative;transform:translateY(2px);transition:all .3s ease}.start-button:hover{background:#d6ae541a;box-shadow:0 4px 12px #d6ae5433;transform:translateY(-2px)}.start-button:before{background:linear-gradient(90deg,#0000,#d6ae544d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease-out;width:100%}.start-button:hover:before{left:100%}.input-interaction{align-items:center;display:flex;flex-direction:column;width:100%}.animate-fade-in{animation:fade-in .5s ease forwards}.name-prompt-container{animation:fade-in .8s ease forwards;max-width:400px;opacity:0;text-align:center;width:100%}.name-form{width:100%}.input-container{align-items:center;display:flex;position:relative;width:100%}.name-input{background:#0000;border:none;border-bottom:2px solid var(--color-golden);caret-color:var(--color-golden);color:var(--text-primary);font-size:1.5rem;outline:none;padding:.8rem 60px .8rem 1rem;transition:all .3s ease;width:100%}.name-input:focus{border-color:var(--color-golden);box-shadow:0 4px 8px #d6ae541a}.bg--secondary{background-color:#ffffff0d!important}.next-button{align-items:center;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1) forwards;background:var(--color-golden);border:none;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:0;transform:scale(0);transition:transform .2s ease,background-color .2s ease;width:48px}.next-button:hover{background-color:var(--color-golden);background-color:var(--accent-primary,var(--color-golden));transform:scale(1.1)!important}.next-button svg{color:var(--bg-primary);height:24px;width:24px}.interests-container{align-items:center;margin-top:1rem}.interests-grid{grid-gap:12px;align-items:stretch;gap:12px;grid-template-columns:repeat(3,1fr);justify-content:center;margin-bottom:20px;max-height:55vh;overflow-y:auto;padding-right:8px}.interest-tag{background:#d6ae541a;font-size:.9rem;padding:.7rem 1rem}.interest-next-button{font-size:1rem;margin-top:.5rem;padding:.8rem 2.5rem}.interest-next-button:hover{box-shadow:0 4px 12px #d6ae544d;transform:translateY(-2px)}.loading-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:1rem}.loading-indicator p{color:var(--text-primary);font-size:1.2rem;margin-top:1rem}.spinner{border:3px solid #d6ae544d;border-top:3px solid var(--color-golden);height:40px;width:40px}.error-message{background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center;width:100%}.error-message p{color:#dc3545;margin-bottom:.5rem}.retry-button{background:#0000;border:1px solid #dc3545;color:#dc3545;padding:.5rem 1rem;transition:all .3s ease}.retry-button:hover{background:#dc35451a}.thank-you-message{animation:fade-in .8s ease forwards;color:var(--text-primary);font-size:1.8rem;opacity:0;position:absolute;text-align:center;width:100%}.continue-button{background:#0000;border:2px solid var(--color-golden);border-radius:50px;color:var(--color-golden);cursor:pointer;font-size:1.2rem;font-weight:400;letter-spacing:1px;margin-top:2rem;opacity:0;overflow:hidden;padding:1rem 3.5rem;position:relative;transform:translateY(20px);transition:all .6s ease-out}.continue-button:before{background:linear-gradient(90deg,#0000,#d6ae544d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease-out;width:100%}.continue-button:hover{background:#d6ae541a;border-color:var(--color-golden);box-shadow:0 4px 12px #d6ae5433;transform:translateY(-2px)}.continue-button:hover:before{left:100%}.continue-button.visible{opacity:1;transform:translateY(0)}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (max-height:700px){.onboarding-content{min-height:500px;padding:.5rem;padding:var(--spacing-sm,.5rem)}.text-container{height:100px;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg,1.5rem)}.welcome-text{font-size:2.5rem;font-size:var(--font-size-2xl,2.5rem)}.interaction-container{height:140px;padding:.5rem;padding:var(--spacing-sm,.5rem)}.continue-button{padding:.75rem 1.5rem;padding:var(--spacing-sm,.75rem) var(--spacing-lg,1.5rem)}.continue-button,.name-input{font-size:1rem;font-size:var(--font-size-md,1rem)}.name-input{padding:.75rem;padding:var(--spacing-sm,.75rem)}.next-button{font-size:.875rem;font-size:var(--font-size-sm,.875rem);padding:.75rem 1rem;padding:var(--spacing-sm,.75rem) var(--spacing-md,1rem)}.thank-you-message{font-size:1.25rem;font-size:var(--font-size-lg,1.25rem);padding:1rem;padding:var(--spacing-md,1rem)}.interests-grid{gap:.5rem;gap:var(--spacing-sm,.5rem);padding:.5rem;padding:var(--spacing-sm,.5rem)}.interest-tag{font-size:.875rem;font-size:var(--font-size-sm,.875rem);padding:.5rem .75rem;padding:var(--spacing-xs,.5rem) var(--spacing-sm,.75rem)}}@media (max-width:768px){.onboarding-overlay{padding:1rem;padding:var(--spacing-md,1rem)}.onboarding-content{max-width:100%;padding:.5rem;padding:var(--spacing-sm,.5rem)}.welcome-text{font-size:2rem;font-size:var(--font-size-2xl,2rem);padding:0 1rem;padding:0 var(--spacing-md,1rem)}.text-container{height:120px;margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem)}.interests-grid{gap:.75rem;gap:var(--spacing-sm,.75rem);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-width:100%}.interest-tag{font-size:.875rem;font-size:var(--font-size-sm,.875rem);min-height:44px;padding:.75rem;padding:var(--spacing-sm,.75rem)}}@media (max-width:480px){.onboarding-overlay{padding:.75rem;padding:var(--spacing-sm,.75rem)}.welcome-text{font-size:1.75rem;font-size:var(--font-size-xl,1.75rem);padding:0 .5rem;padding:0 var(--spacing-sm,.5rem)}.text-container{height:100px;margin-bottom:.75rem;margin-bottom:var(--spacing-sm,.75rem)}.interests-grid{gap:.5rem;gap:var(--spacing-sm,.5rem);grid-template-columns:1fr 1fr}.interest-tag{font-size:.75rem;font-size:var(--font-size-xs,.75rem);min-height:48px;padding:.75rem;padding:var(--spacing-sm,.75rem)}.interaction-container{padding:.5rem;padding:var(--spacing-sm,.5rem)}.continue-button,.name-input,.next-button{margin:0 auto;max-width:280px;width:100%}}.logo-container.interests-step{display:none}.text-container.interests-step{height:50px;margin-bottom:1rem}.text-container.interests-step .welcome-text{font-size:2rem}.onboarding-content.interests-step{height:100vh;padding:1rem}.interaction-container.interests-step,.onboarding-content.interests-step{display:flex;flex-direction:column;justify-content:flex-start;max-height:none}.interaction-container.interests-step{flex-grow:1;height:80%;margin-bottom:24px;margin-top:24px;overflow:visible;width:100%}.interests-container{display:flex;flex-direction:column;flex-grow:1;margin:0;padding:.5rem;width:100%}.interests-grid{grid-gap:1rem;display:grid;flex-grow:1;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:1.5rem;max-height:none;overflow:visible;width:100%}.interest-tag{background:#0000;border:1px solid #d6ae544d;border-radius:50px;color:var(--text-primary);cursor:pointer;font-size:1.1rem;overflow:hidden;padding:1rem 1.2rem;text-align:center;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.interest-tag:hover{background:#d6ae541a;border-color:var(--color-golden);transform:translateY(-2px)}.interest-tag.selected{border-color:var(--color-golden);box-shadow:0 4px 8px #d6ae544d;transform:translateY(-3px)}.interest-next-button,.interest-tag.selected{background:var(--color-golden);color:var(--bg-primary);font-weight:500}.interest-next-button{align-self:center;border:none;border-radius:50px;cursor:pointer;font-size:1.2rem;letter-spacing:.5px;margin-bottom:1rem;margin-top:auto;max-width:300px;padding:1rem 3rem;transition:all .3s ease;width:80%}.interest-next-button:hover{box-shadow:0 6px 12px #d6ae544d;transform:translateY(-3px)}.onboarding .interest-tag{background:#0000;border:1px solid #d6ae544d;border-radius:50px;color:var(--text-primary)}.onboarding .interest-tag:hover{background:#d6ae541a;border-color:var(--color-golden)}.onboarding .interest-tag.selected{background:var(--color-golden);border-color:var(--color-golden);color:var(--bg-primary)}.auth-page-container{align-items:center;background:#0000;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.auth-page-content{animation:auth-content-fade-in .6s ease-out;max-width:420px;position:relative;width:100%}@keyframes authGradientFlow{0%{background-position:0 50%}25%{background-position:100% 25%}50%{background-position:100% 75%}75%{background-position:0 100%}to{background-position:0 50%}}@keyframes auth-content-fade-in{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-logo{height:auto;margin-bottom:24px;max-width:200px;width:50%}@keyframes logoGlow{0%{transform:scale(1)}to{transform:scale(1.02)}}.auth-form-container{align-items:center;background:#1e1f1c;background:var(--bg-primary,#1e1f1c);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:center;min-height:100vh;padding:1rem}.auth-page-container .auth-form-container{background:none;min-height:auto;padding:0}.auth-form{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;border-radius:16px;box-shadow:none;max-width:420px;padding:2.5rem;position:relative;width:100%}.auth-title{font-size:2.25rem;font-weight:700;margin:0 0 .5rem;text-align:center}.auth-subtitle,.auth-title{color:#f8f8f2;color:var(--text-primary,#f8f8f2);line-height:1.2;text-shadow:0 2px 4px #0000004d}.auth-subtitle{font-size:1.5rem;margin:0}.auth-inactivity-notice{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#d6ae541a;border:1px solid #d6ae544d;border-radius:12px;margin-bottom:1rem;padding:1rem;text-align:center}.auth-inactivity-notice .auth-title{color:#d6ae54;color:var(--color-golden,#d6ae54);font-size:1.5rem;margin-bottom:.5rem}.auth-inactivity-notice .auth-subtitle{color:#a59f85;color:var(--text-secondary,#a59f85);font-size:.875rem;font-weight:400;line-height:1.4;margin:0}.auth-form-content{display:flex;flex-direction:column;gap:1rem}.auth-error-icon{flex-shrink:0;font-size:1.125rem}.auth-error-icon,.auth-error-text{color:#f92672;color:var(--accent-red,#f92672)}.auth-error-text{font-size:.875rem;line-height:1.4}.auth-field{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm,.5rem);margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem)}.auth-label{font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0}.auth-input,.auth-label{color:#f8f8f2;color:var(--text-primary,#f8f8f2)}.auth-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#1e1f1ccc;border:2px solid #49483e99;border-radius:10px;border-radius:var(--border-radius-md,10px);box-sizing:border-box;font-size:1rem;font-size:var(--font-size-md,1rem);line-height:1.5;padding:.875rem 1rem;padding:var(--spacing-md,.875rem) var(--spacing-md,1rem);transition:all .3s ease;transition:all var(--transition-medium,.3s ease);width:100%}.auth-input:focus{background-color:#1e1f1cf2;border-color:#d6ae54;border-color:var(--color-golden,#d6ae54);box-shadow:0 0 0 3px #d6ae5433,0 0 20px #d6ae541a;outline:none}.auth-input:disabled{background-color:#27282299;cursor:not-allowed}.auth-input::placeholder,.auth-input:disabled{color:#75715e;color:var(--text-secondary,#75715e)}.auth-input-error,.auth-input-error:focus{border-color:#f92672;border-color:var(--accent-red,#f92672)}.auth-input-error:focus{box-shadow:0 0 0 3px #f9267233}.auth-field-error{color:#f92672;color:var(--accent-red,#f92672);font-size:.875rem;line-height:1.4;margin-top:.25rem}.password-strength-container{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.password-strength-bar{background-color:#49483e99;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.password-strength-fill{border-radius:2px;height:100%;transition:all .4s ease}.password-strength-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.very-weak{background-color:#f92672;background-color:var(--accent-red,#f92672);color:#f92672;color:var(--accent-red,#f92672)}.weak{background-color:#fd971f;background-color:var(--accent-orange,#fd971f);color:#fd971f;color:var(--accent-orange,#fd971f)}.fair{background-color:#e6db74;background-color:var(--accent-yellow,#e6db74);color:#e6db74;color:var(--accent-yellow,#e6db74)}.good{background-color:#a6e22e;background-color:var(--accent-green,#a6e22e);color:#a6e22e;color:var(--accent-green,#a6e22e)}.strong{background-color:#d6ae54;background-color:var(--color-golden,#d6ae54);color:#d6ae54;color:var(--color-golden,#d6ae54)}.auth-button{border:none;border-radius:10px;border-radius:var(--border-radius-md,10px);cursor:pointer;font-size:1rem;font-size:var(--font-size-md,1rem);font-weight:600;font-weight:var(--font-weight-semibold,600);gap:.5rem;gap:var(--spacing-sm,.5rem);justify-content:center;line-height:1.5;margin-top:1rem;margin-top:var(--spacing-lg,1rem);max-width:100%;min-height:48px;overflow:hidden;padding:1rem 1.5rem;padding:var(--spacing-md,1rem) var(--spacing-lg,1.5rem);position:relative;text-align:center;transition:all .3s ease;transition:all var(--transition-medium,.3s ease)}.auth-button,.auth-button-container{align-items:center;display:flex;width:100%}.auth-button-container{flex-direction:column;gap:1rem;gap:var(--spacing-md,1rem);margin-top:1.5rem;margin-top:var(--spacing-lg,1.5rem)}.auth-button-container .auth-button{margin-top:0;max-width:320px;width:100%}.auth-login-subheader{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-size:2rem;font-weight:200;line-height:1.2;margin:0 0 1.5rem;opacity:.9;text-align:center}.password-field-container{position:relative}.password-tooltip{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#272822f2;border:1px solid #d6ae54;border:1px solid var(--color-golden,#d6ae54);border-radius:8px;box-shadow:0 8px 24px #0006;max-width:320px;min-width:280px;opacity:0;padding:1rem;position:absolute;right:8px;top:-8px;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1000}.password-tooltip.visible{opacity:1;transform:translateY(0);visibility:visible}.password-tooltip:before{background:#272822f2;border-bottom:1px solid #d6ae54;border-bottom:1px solid var(--color-golden,#d6ae54);border-right:1px solid #d6ae54;border-right:1px solid var(--color-golden,#d6ae54);bottom:-6px;content:"";height:12px;position:absolute;right:20px;transform:rotate(45deg);width:12px}.password-tooltip-header{align-items:center;color:#d6ae54;color:var(--color-golden,#d6ae54);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.password-tooltip-rules{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.password-tooltip-rule{align-items:center;color:#75715e;color:var(--text-secondary,#75715e);display:flex;font-size:.8rem;gap:.5rem;line-height:1.3}.password-tooltip-rule.met,.password-tooltip-rule.met .rule-icon{color:#a6e22e;color:var(--accent-green,#a6e22e)}.password-tooltip-rule .rule-icon{flex-shrink:0;height:12px;width:12px}.password-info-icon,.password-tooltip-rule .rule-icon{align-items:center;display:flex;font-size:.75rem;justify-content:center}.password-info-icon{background:#d6ae5433;border:1px solid #d6ae5466;border-radius:50%;color:#d6ae54;color:var(--color-golden,#d6ae54);cursor:help;font-weight:600;height:20px;position:absolute;right:.875rem;top:.875rem;transition:all .3s ease;width:20px;z-index:10}.password-info-icon:hover{background:#d6ae544d;border-color:#d6ae54;border-color:var(--color-golden,#d6ae54);transform:scale(1.1)}@media (max-width:768px){.password-tooltip{left:0;margin:0 auto;max-width:280px;min-width:260px;right:0}.password-tooltip:before{right:50%;transform:translateX(50%) rotate(45deg)}}@media (max-width:480px){.password-tooltip{left:50%;max-width:calc(100vw - 3rem);min-width:calc(100vw - 3rem);padding:.875rem;right:auto;transform:translateX(-50%) translateY(-10px)}.password-tooltip.visible{transform:translateX(-50%) translateY(0)}.password-tooltip:before{left:50%;right:auto;transform:translateX(-50%) rotate(45deg)}.auth-button-container .auth-button{max-width:none}.auth-login-subheader{font-size:.9rem;margin:.5rem 0 1.25rem}}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-button-primary{background:linear-gradient(135deg,#d6ae54,#e8c175);background:linear-gradient(135deg,var(--color-golden,#d6ae54) 0,#e8c175 100%);box-shadow:0 4px 15px #d6ae544d;color:#1e1f1c;color:var(--bg-primary,#1e1f1c)}.auth-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#a6e22e,#b8e653);background:linear-gradient(135deg,var(--accent-green,#a6e22e) 0,#b8e653 100%);box-shadow:0 6px 20px #d6ae5466;transform:translateY(-2px)}.auth-button-primary:active:not(:disabled){transform:translateY(0)}.auth-button-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#1e1f1ccc;border:2px solid #49483e99;color:#f8f8f2;color:var(--text-primary,#f8f8f2)}.auth-button-secondary:hover:not(:disabled){background-color:#272822e6;border-color:#d6ae54;border-color:var(--color-golden,#d6ae54);transform:translateY(-1px)}.auth-button-secondary:active:not(:disabled){transform:translateY(0)}.auth-spinner{animation:auth-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;color:#d6ae54;color:var(--color-golden,#d6ae54);height:16px;width:16px}@keyframes auth-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-footer{margin-top:2rem;text-align:center}.auth-switch-text{color:#75715e;color:var(--text-secondary,#75715e);font-size:.875rem;line-height:1.5;margin:0}.auth-switch-button{background:none;border:none;color:#d6ae54;color:var(--color-golden,#d6ae54);cursor:pointer;font-size:.875rem;font-weight:600;padding:0;text-decoration:underline;transition:color .3s ease}.auth-switch-button:hover:not(:disabled){color:#a6e22e;color:var(--accent-green,#a6e22e)}.auth-switch-button:disabled{color:#75715e;color:var(--text-secondary,#75715e);cursor:not-allowed}.auth-alternatives{border-top:1px solid #49483e66;margin-top:2rem;padding-top:1.5rem}.auth-divider{margin-bottom:1.5rem;position:relative;text-align:center}.auth-divider:before{background:#49483e66;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#272822d9;color:#75715e;color:var(--text-secondary,#75715e);font-size:.875rem;padding:0 1rem;position:relative;z-index:1}.demo-login-button,.dev-login-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e1f1ccc;border:1px solid #49483e99;border-radius:10px;color:#f8f8f2;color:var(--text-primary,#f8f8f2);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:.75rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.demo-login-button:hover{background:#272822e6;border-color:#d6ae54;border-color:var(--color-golden,#d6ae54);color:#d6ae54;color:var(--color-golden,#d6ae54);transform:translateY(-1px)}.dev-login-button{background:#27282299;border-color:#3e3d3299;color:#75715e;color:var(--text-secondary,#75715e);font-size:.8rem}.dev-login-button:hover{background:#1e1f1ccc;border-color:#49483ecc;color:#f8f8f2;color:var(--text-primary,#f8f8f2);transform:translateY(-1px)}.demo-login-button svg,.dev-login-button svg{opacity:.7}.dev-login-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e1f1ccc;border:1px solid #49483e99;border-radius:8px;color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-size:.875rem;margin:1rem 0 1.5rem;outline:none;padding:.875rem;transition:all .3s ease;width:100%}.dev-login-input:focus{border-color:#d6ae54;border-color:var(--color-golden,#d6ae54);box-shadow:0 0 0 3px #d6ae5433}.dev-login-input::placeholder{color:#75715e;color:var(--text-secondary,#75715e)}.dev-login-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.dev-login-actions .dev-login-button{background:#d6ae54;background:var(--color-golden,#d6ae54);border:none;border-radius:8px;color:#1e1f1c;color:var(--bg-primary,#1e1f1c);cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:0;padding:.625rem 1.25rem;transition:background-color .3s ease;width:auto}.dev-login-actions .dev-login-button:hover{background:#a6e22e;background:var(--accent-green,#a6e22e)}.dev-login-cancel{background:#0000;border:1px solid #49483e99;border-radius:8px;color:#75715e;color:var(--text-secondary,#75715e);cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .3s ease}.dev-login-cancel:hover{background:#272822cc;border-color:#3e3d32cc;color:#f8f8f2;color:var(--text-primary,#f8f8f2)}@media (max-width:768px){.auth-page-container{padding:1rem .75rem}.auth-form-container{padding:.75rem}.auth-form{border-radius:14px;max-width:100%;padding:2rem 1.5rem}.auth-title{font-size:3rem}.auth-subtitle{font-size:1rem}.auth-form-content{gap:1.25rem}.password-strength-container{gap:.75rem}.auth-logo-container.splash{height:150px;width:150px}.auth-logo-container.form,.auth-logo-container.transitioning{height:100px;width:100px}.auth-tagline.splash{font-size:2rem}.auth-logo-container.transitioning{transform:translateY(-25vh)}}@media (max-width:480px){.auth-form-container,.auth-page-container{padding:.5rem}.auth-form{border-radius:12px;padding:1.75rem 1.25rem}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.875rem}.auth-form-content{gap:1rem}.password-strength-container{align-items:stretch;flex-direction:column;gap:.5rem}.password-strength-label{text-align:center}.auth-splash-content{padding:1rem}.auth-logo-container.splash{height:120px;margin-bottom:1.5rem;width:120px}.auth-logo-container.form,.auth-logo-container.transitioning{height:80px;width:80px}.auth-tagline.splash{font-size:1.5rem}.auth-logo-container.transitioning{transform:translateY(-20vh)}.auth-button{font-size:1rem;padding:1rem}.auth-field{gap:.5rem}.auth-input{font-size:1rem;padding:.875rem}}@media (max-width:320px){.auth-page-container{padding:.25rem}.auth-form{padding:1.5rem 1rem}.auth-tagline.splash,.auth-title{font-size:1.25rem}.auth-logo-container.splash{height:100px;width:100px}.auth-logo-container.form,.auth-logo-container.transitioning{height:70px;width:70px}}@media (min-width:1024px){.auth-form,.auth-page-content{max-width:480px}.auth-form{padding:3rem}}@media (min-width:1440px){.auth-page-content{max-width:520px}}@media (max-height:480px) and (orientation:landscape){.auth-page-container{padding:.5rem}.auth-form{padding:1.5rem}.auth-logo-container.splash{height:80px;margin-bottom:1rem;width:80px}.auth-tagline.splash,.auth-title{font-size:1.25rem}.auth-form-content{gap:.75rem}}.auth-button:focus,.auth-form :focus{outline:2px solid #d6ae54;outline:2px solid var(--color-golden,#d6ae54);outline-offset:2px}@media (prefers-contrast:high){.auth-form{background:#272822f2;border:2px solid #f8f8f2;border:2px solid var(--text-primary,#f8f8f2)}.auth-input{background-color:#1e1f1cf2;border-width:2px}.auth-button-primary{background:#f8f8f2;background:var(--text-primary,#f8f8f2);color:#1e1f1c;color:var(--bg-primary,#1e1f1c)}.auth-button-secondary{background:#1e1f1cf2;border-color:#f8f8f2;border-color:var(--text-primary,#f8f8f2);color:#f8f8f2;color:var(--text-primary,#f8f8f2)}.auth-page-container{background:linear-gradient(0deg,#000,#333,#000,#333)}}@media (prefers-reduced-motion:reduce){.auth-button,.auth-input,.password-strength-fill{transition:none}.auth-logo,.auth-spinner{animation:none}@keyframes authGradientFlow{0%{background-position:0 50%}to{background-position:0 50%}}@keyframes auth-content-fade-in{0%{opacity:0}to{opacity:1}}}@media print{.auth-page-container{display:none}.auth-form-container{background:#fff;padding:0}.auth-form{background:#fff;border:1px solid #000;box-shadow:none}.auth-button{background:#fff!important;border:1px solid #000;color:#000!important}}.auth-page-content.transitioning{opacity:.9}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.auth-error-banner{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#f9267226;border:1px solid #f9267266;border-radius:10px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:1rem}.splash-screen-container{background:#0000;cursor:pointer;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.splash-screen-container,.splash-screen-content{align-items:center;display:flex;justify-content:center}.splash-screen-content{flex-direction:column;gap:0;padding:0;transition:all .3s ease}.splash-screen-content:focus{border-radius:1rem;outline:2px solid #d6ae54;outline:2px solid var(--color-golden,#d6ae54);outline-offset:4px}.splash-logo-container{align-items:center;border-radius:50%;display:flex;height:200px;justify-content:center;padding:.2rem;transition:all .3s ease;width:200px}.splash-logo{filter:drop-shadow(0 0 20px rgba(214,174,84,.3));height:100%;transition:all .3s ease;width:100%}.splash-text-container{border-radius:1rem;padding:1rem 2rem;text-align:center;transition:all .3s ease}.splash-title{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-size:2.5rem;font-weight:300;letter-spacing:-.02em;margin:0;text-shadow:0 0 20px #d6ae544d;transition:all .3s ease}.splash-logo-container:hover{border-color:#d6ae54;border-color:var(--color-golden,#d6ae54);transform:translateY(-2px)}.splash-logo-container:hover .splash-logo{transform:scale(1.02)}.splash-text-container:hover{transform:translateY(-2px)}.splash-text-container:hover .splash-title{color:#d6ae54;color:var(--color-golden,#d6ae54)}@media (max-width:768px){.splash-logo-container{height:150px;width:150px}.splash-title{font-size:2rem}}@media (max-width:480px){.splash-screen-content{gap:1.5rem}.splash-logo-container{height:120px;width:120px}.splash-title{font-size:1.5rem}}.auth-splash-content{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;transition:opacity .4s ease;z-index:10}.auth-splash-content.transitioning{cursor:default;pointer-events:none}.auth-logo-container{align-items:center;display:flex;justify-content:center;position:relative;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.auth-logo-container.splash{height:200px;margin-bottom:2rem;width:200px}.auth-logo-container.transitioning{height:120px;margin-bottom:1rem;transform:translateY(-30vh);width:120px}.auth-logo-container.form{height:120px;margin:0 auto 1rem;transform:translateY(0);transition:all .3s ease;width:120px}.auth-logo-svg{height:100%;transition:all .8s cubic-bezier(.25,.46,.45,.94);width:100%}.auth-logo-svg.splash{filter:drop-shadow(0 0 30px rgba(214,174,84,.4))}.auth-logo-svg.transitioning{filter:drop-shadow(0 0 15px rgba(214,174,84,.3))}.auth-logo-svg.form{filter:drop-shadow(0 0 10px rgba(214,174,84,.2));margin-bottom:1rem}.auth-header{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem;text-align:center}.auth-tagline-container{text-align:center;transition:all .6s ease}.auth-tagline-container.splash{opacity:1;transform:translateY(0)}.auth-tagline-container.transitioning{opacity:0;transform:translateY(20px)}.auth-tagline{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-size:2.5rem;font-weight:300;letter-spacing:-.02em;margin:0;text-shadow:0 0 20px #d6ae544d;transition:all .3s ease}.auth-form-container.hidden{opacity:0;pointer-events:none}.auth-form-container.hidden,.auth-form-container.visible{left:50%;max-width:420px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.auth-form-container.visible{animation:form-fade-in .5s ease .3s both;opacity:1;pointer-events:all}@keyframes form-fade-in{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.auth-splash-content:hover .auth-logo-container.splash{transform:scale(1.02)}.auth-splash-content:hover .auth-tagline.splash{color:#d6ae54;color:var(--color-golden,#d6ae54)}.auth-form-wrapper{transition:opacity .15s ease-in-out,transform .15s ease-in-out}.auth-form-wrapper.transitioning{opacity:.7;transform:scale(.98)}@media (max-width:768px){.auth-logo-container.splash{height:150px;width:150px}.auth-logo-container.form,.auth-logo-container.transitioning{height:100px;width:100px}.auth-tagline.splash{font-size:2rem}.auth-logo-container.transitioning{transform:translateY(-25vh)}}@media (max-width:480px){.auth-splash-content{padding:1rem}.auth-logo-container.splash{height:120px;margin-bottom:1.5rem;width:120px}.auth-logo-container.form,.auth-logo-container.transitioning{height:80px;width:80px}.auth-tagline.splash{font-size:1.5rem}.auth-logo-container.transitioning{transform:translateY(-20vh)}}@media (prefers-reduced-motion:reduce){.auth-logo-container,.auth-logo-svg,.auth-tagline,.auth-tagline-container{transition:none}.auth-form-container.visible{animation:none;opacity:1}@keyframes form-fade-in{0%{opacity:1}to{opacity:1}}}.simple-loading-overlay{align-items:center;background:#0000;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.golden-spinner{animation:spin 1s linear infinite;border:4px solid #d6ae544d;border-radius:50%;border-top-color:#d6ae54;border-top:4px solid var(--color-golden,#d6ae54);filter:drop-shadow(0 0 20px rgba(214,174,84,.4));height:60px;width:60px}@media (max-width:480px){.golden-spinner{border-width:3px;height:50px;width:50px}}@media (prefers-reduced-motion:reduce){.golden-spinner{animation:none;border:4px solid #d6ae54;border:4px solid var(--color-golden,#d6ae54)}.simple-loading-overlay{animation:none;background:#1e1f1c;background:var(--bg-primary,#1e1f1c)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(0deg)}}}.auth-particles-layer,.splash-particles-layer{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@media{.auth-form{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;border:none!important;box-shadow:none!important}}.card-carousel{-ms-overflow-style:none;box-sizing:border-box;display:flex;flex-direction:column;gap:calc(var(--card-gap)*1.5);height:calc(100vh - var(--card-container-padding)*2);overflow-x:hidden;overflow-y:auto;padding:var(--card-container-padding);padding-bottom:calc(var(--card-gap)*6);scrollbar-width:none}.card-carousel::-webkit-scrollbar{display:none}.carousel-card{background:#272822;background:var(--card-bg-color,#272822);border-radius:var(--card-radius-collapsed);box-shadow:var(--card-shadow);cursor:pointer;display:flex;flex-direction:column;min-height:clamp(48px,9vh,72px);overflow:hidden;padding:var(--spacing-md);position:relative;transition:transform var(--card-transition-duration) ease,border-radius var(--card-transition-duration) ease;width:100%}.carousel-card.is-active{align-self:stretch;max-width:none;overflow-y:auto;width:100%}.carousel-card.cluster-left{margin-left:0}.carousel-card:focus-visible{outline:2px solid #60a5fa;outline:2px solid var(--primary,#60a5fa);outline-offset:-2px}.card-carousel.horizontal{align-items:center;flex-direction:row;gap:var(--card-gap);margin:auto;max-height:calc(100vh - var(--card-container-padding)*2);max-width:calc(100vw - var(--card-container-padding)*2)}.card-carousel.horizontal .carousel-card{height:100%;min-width:clamp(48px,9vh,72px)}.carousel-card.theater{background:var(--bg-primary);border-radius:0;flex:none!important;height:100vh!important;left:0;position:fixed;top:0;width:100vw!important;z-index:2000}.exit-theater-btn{background:#0006;border:none;border-radius:9999px;color:#fff;cursor:pointer;padding:8px;position:absolute;right:24px;top:50%;transform:translateY(-50%);transition:background .2s ease;z-index:2100}.exit-theater-btn:hover{background:#0009}.knowledge-overlay-panel{overflow-y:auto}.carousel-card.has-bg{padding:var(--spacing-md)}.carousel-card.has-bg:before{background-image:var(--card-bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";filter:brightness(.55);filter:brightness(var(--card-bg-darken,.55));inset:0;position:absolute;z-index:0}.light-theme{--card-bg-darken:0.8}.carousel-card.has-bg>*{position:relative;z-index:1}.carousel-card-header{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm,8px);justify-content:space-between;margin-bottom:4px;margin-bottom:var(--spacing-xs,4px);min-height:40px;padding:8px;padding:var(--spacing-md,8px);position:relative}.carousel-card:not(.is-active) .carousel-card-header{justify-content:center}.carousel-card:not(.is-active) .carousel-card-header__icon{color:var(--text-secondary);flex-shrink:0;height:42px;width:42px}.carousel-card-header.active{padding:16px;padding:var(--spacing-md,16px)}.carousel-card-header.active .carousel-card-header__title{font-size:1.75rem;font-size:var(--font-size-2xl,1.75rem)}.carousel-card-header__icon{color:var(--text-secondary);flex-shrink:0;height:42px;width:42px}.carousel-card.is-active .carousel-card-header__icon{height:42px;width:42px}.carousel-card-header__title{color:var(--text-primary);font-size:2.25rem;font-size:var(--font-size-3xl,2.25rem);font-weight:600;font-weight:var(--font-weight-medium,600);line-height:1.2;margin:0}.carousel-card-header:after{background:#ffffff1a;background:var(--border-color,#ffffff1a);bottom:-1px;content:"";height:1px;left:0;position:absolute;width:100%}.carousel-card-header__actions{display:flex;gap:6px;gap:var(--spacing-xs,6px)}:root{--world-water:#0b1622;--world-land:#3fa34d;--world-state:#fff;--world-county:gold;--world-graticule:#ffffff0d;--world-outline:#888}.world-container{background-color:initial;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100%}.world-canvas-container{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden}canvas{display:block;max-height:100%;max-width:100%}@media (max-width:840px){.world-container{height:calc(100vh - 60px)}}.cosmic-background{background-position:50%;background-size:cover;height:100%;top:0;z-index:1}.cosmic-background,.map-container{left:0;position:absolute;width:100%}.map-container{bottom:0;display:flex;justify-content:center;z-index:2}.world-map{max-height:80vh;object-fit:contain;object-position:bottom;width:100%}body{overflow:hidden}.world-tooltip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;border-radius:4px;box-shadow:0 2px 4px #0006;color:#fff;font-size:.8rem;line-height:1.2rem;max-width:300px;padding:8px 12px;pointer-events:none;position:fixed;white-space:normal;z-index:9999}.world-zoom-controls{display:flex;flex-direction:column;gap:8px;position:absolute;right:20px;top:20px;z-index:1000}.zoom-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#404040d9;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 12px #00000026,0 1px 3px #0000001a,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;height:44px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.zoom-btn:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.zoom-btn:hover:not(:disabled){background:#505050e6;border-color:#fff3;box-shadow:0 8px 24px #0003,0 2px 6px #00000026,inset 0 1px 0 #ffffff26;transform:translateY(-2px) scale(1.05)}.zoom-btn:hover:not(:disabled):before{opacity:1}.zoom-btn:active:not(:disabled){box-shadow:0 2px 8px #0003,0 1px 3px #0000001a,inset 0 1px 0 #ffffff0d;transform:translateY(0) scale(1.02)}.zoom-btn:disabled{background:#30303099;cursor:not-allowed;opacity:.4;transform:none}.zoom-btn span{position:relative;text-shadow:0 1px 2px #0000004d;z-index:1}.zoom-in-btn{background:#404040d9}.zoom-in-btn:hover:not(:disabled){background:#4caf50e6;box-shadow:0 8px 24px #4caf504d,0 2px 6px #00000026,inset 0 1px 0 #ffffff26}.zoom-out-btn{background:#404040d9}.zoom-out-btn:hover:not(:disabled){background:#f44336e6;box-shadow:0 8px 24px #f443364d,0 2px 6px #00000026,inset 0 1px 0 #ffffff26}.zoom-reset-btn{background:#404040d9}.zoom-reset-btn:hover:not(:disabled){background:#2196f3e6;box-shadow:0 8px 24px #2196f34d,0 2px 6px #00000026,inset 0 1px 0 #ffffff26}.zoom-to-user-btn{background:#404040d9}.zoom-to-user-btn:hover:not(:disabled){background:#ff9800e6;box-shadow:0 8px 24px #ff98004d,0 2px 6px #00000026,inset 0 1px 0 #ffffff26}.world-zoom-indicator{align-items:flex-end;bottom:20px;display:flex;flex-direction:column;gap:8px;position:absolute;right:20px;z-index:1000}.zoom-level-text{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#404040d9;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a;color:#fff;font-size:14px;font-weight:600;padding:6px 10px}.zoom-level-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff0d;border-radius:3px;box-shadow:0 2px 4px #0000001a,inset 0 1px 0 #ffffff1a;height:6px;overflow:hidden;width:120px}.zoom-level-fill{background:linear-gradient(90deg,#4caf50,#2196f3);border-radius:3px;box-shadow:0 0 8px #4caf504d;height:100%;transition:width .3s ease}.detail-indicator{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#404040d9;border:1px solid #ffffff1a;border-radius:6px;box-shadow:0 2px 6px #00000026,0 1px 3px #0000001a;color:#fff;font-size:12px;font-weight:500;min-width:80px;padding:4px 8px;text-align:center}.world-loading-indicator{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#404040e6;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 24px #0003,0 2px 6px #0000001a;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;left:50%;padding:12px 20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1001}.world-loading-indicator:before{animation:spin 1s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#fff;content:"";height:16px;width:16px}@media (max-width:768px){.world-zoom-controls{gap:6px;right:10px;top:10px}.zoom-btn{border-radius:10px;font-size:16px;height:40px;width:40px}.world-zoom-indicator{bottom:10px;right:10px}.zoom-level-bar{height:5px;width:100px}.zoom-level-text{border-radius:6px;font-size:12px;padding:4px 8px}.detail-indicator{border-radius:4px;font-size:11px;min-width:70px;padding:3px 6px}.world-loading-indicator{border-radius:10px;font-size:13px;padding:10px 16px}.world-loading-indicator:before{height:14px;width:14px}}@media (hover:none) and (pointer:coarse){.zoom-btn{min-height:44px;min-width:44px}}.world-online-users-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:.9rem;left:20px;min-width:200px;padding:12px 16px;position:absolute;z-index:1000}.online-users-count{color:#00e676;display:block;font-weight:600;margin-bottom:8px}.online-users-legend{display:flex;flex-direction:column;gap:6px}.legend-item{align-items:center;display:flex;font-size:.8rem;gap:8px}.legend-pin{font-size:1.2rem;line-height:1}.legend-pin.local-pin{color:#ff4136}.legend-pin.other-pin{color:gold}@media (max-width:768px){.world-online-users-indicator{bottom:10px;font-size:.8rem;left:10px;min-width:auto;padding:10px 12px;right:10px}.online-users-legend{flex-direction:row;gap:12px;justify-content:space-around}.legend-item{font-size:.75rem}}.connection-requests-badge{align-items:center;animation:pulse 2s infinite;background:var(--accent-red);border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:24px}.connection-requests-badge:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}.badge-icon{font-size:.8rem}.badge-count{align-items:center;background:var(--accent-blue);border:2px solid var(--background-primary);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:16px;justify-content:center;position:absolute;right:-2px;top:-2px;width:16px}.connection-notification{animation:slideInUp .5s ease-out;bottom:20px;left:20px;max-width:400px;position:fixed;z-index:1000}.notification-content{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid gold;border-radius:12px;box-shadow:0 8px 32px #ffd70033;display:flex;gap:12px;padding:16px}.notification-icon{flex-shrink:0;font-size:24px}.notification-text{flex:1 1;min-width:0}.notification-title{color:gold;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.notification-message{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.notification-line{margin-bottom:4px}.notification-line:last-child{margin-bottom:0}.notification-close{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;flex-shrink:0;font-size:18px;padding:4px;transition:all .2s ease}.notification-close:hover{background:#ffd7001a;color:gold}.connection-notifications{animation:slideInDown .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid gold;border-radius:12px;box-shadow:0 8px 32px #ffd70033;max-width:400px;position:fixed;right:20px;top:20px;z-index:1000}.notifications-header{align-items:center;border-bottom:1px solid #ffd70033;display:flex;justify-content:space-between;padding:16px 16px 8px}.notifications-header h3{color:gold;font-size:16px;font-weight:700;margin:0}.close-notifications{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;font-size:20px;padding:4px;transition:all .2s ease}.close-notifications:hover{background:#ffd7001a;color:gold}.notifications-list{max-height:400px;overflow-y:auto;padding:8px}.connection-request{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;margin:8px 0;padding:12px}.request-info{flex:1 1}.sender-name{color:#fff;font-weight:700;margin-bottom:4px}.request-message{color:var(--text-secondary);font-size:.9rem}.request-actions{display:flex;gap:8px;margin-left:12px}.accept-btn,.reject-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:700;padding:6px 12px;transition:all .2s ease}.accept-btn{background:#4caf50;color:#fff}.accept-btn:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.reject-btn{background:#f44336;color:#fff}.reject-btn:hover:not(:disabled){background:#da190b;transform:translateY(-1px)}.accept-btn:disabled,.reject-btn:disabled{cursor:not-allowed;opacity:.6}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.connection-notification,.connection-notifications{left:10px;max-width:none;right:10px}.connection-request{align-items:flex-start;flex-direction:column;gap:8px}.request-actions{margin-left:0;width:100%}.accept-btn,.reject-btn{flex:1 1}.notification-content{padding:12px}.notification-title{font-size:13px}.notification-message{font-size:12px}}.passport-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.passport-popup{animation:slideIn .3s ease-out;background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);max-height:80vh;max-width:500px;overflow:hidden;width:90%}.passport-popup-header{align-items:center;background:var(--background-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-sm)}.passport-popup-title{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:var(--spacing-sm)}.passport-icon{color:var(--text-secondary);font-size:1.2rem}.passport-popup-close{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:var(--spacing-xs);transition:color .2s ease}.passport-popup-close:hover{color:var(--accent-blue)}.passport-popup-body{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;max-height:60vh;overflow-y:auto;padding:var(--spacing-sm);text-align:left}.passport-popup-body:before{background:var(--overlay-bg);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.profile-header{text-align:left}.profile-box-name{color:var(--text-primary);font-size:1.2rem;font-weight:600}.profile-box-current-inline,.profile-box-name{margin-bottom:var(--spacing-xs);text-align:left}.profile-box-current-inline{color:var(--text-secondary);font-size:.9rem;font-weight:500}.profile-online-status{align-items:center;color:var(--accent-green);display:flex;font-size:.9rem;gap:var(--spacing-xs);justify-content:flex-start;margin-top:var(--spacing-xs);text-align:left}.green-dot{color:var(--accent-green);font-size:1rem;margin-right:4px}.detail-label{font-size:.9rem}.detail-value{font-weight:500}.passport-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.tag-chip{background:var(--accent-blue)}.passport-add-tag,.tag-chip{font-weight:500;padding:4px 8px}.passport-add-tag{background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-tertiary);cursor:pointer;font-size:.8rem;transition:all .2s ease}.passport-add-tag:hover{background:var(--bg-hover);border-color:var(--accent-blue);color:var(--text-primary)}.passport-footer{align-items:center;border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.passport-connect-button,.passport-footer{display:flex;justify-content:flex-end;margin-top:var(--spacing-md)}.connect-btn{align-items:center;background:var(--accent-blue);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.connect-btn:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-1px)}.connect-btn:disabled{cursor:not-allowed}.connect-btn.connection-requested{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary);cursor:default}.connect-btn.connection-requested:hover{background:#0000;transform:none}.connect-icon{font-size:1rem}.connect-text{font-weight:500}.error-message{background:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#c62828;font-size:.85rem;margin-bottom:12px;padding:8px 12px}.connect-btn.loading{background:var(--accent-blue);color:#fff;cursor:not-allowed;opacity:.7}.connect-btn.loading:hover{background:var(--accent-blue);transform:none}.connect-btn.loading .connect-icon{animation:spin 1s linear infinite}@keyframes slideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.passport-popup{max-height:90vh;width:95%}.profile-details-grid{gap:var(--spacing-md);grid-template-columns:1fr}.passport-popup-body,.passport-popup-header{padding:var(--spacing-sm)}.profile-box-name{font-size:1.1rem}.passport-footer{justify-content:center}}.passport-popup-body::-webkit-scrollbar{width:6px}.passport-popup-body::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.passport-popup-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.passport-popup-body::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.profile-box{background:#0000;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin:var(--spacing-xs);overflow:auto;position:relative;transition:box-shadow .25s ease}.profile-box:focus{outline:2px solid var(--accent-green);outline-offset:2px}.profile-box-image{height:100%;inset:0;overflow:hidden;position:absolute;width:100%;z-index:0}.profile-box-image img{height:100%;object-fit:cover;object-position:center;transform:scale(1);transition:transform .4s ease;width:100%}.profile-box.is-active .profile-box-image img{transform:scale(1.05)}.profile-box-content{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding:var(--spacing-sm);position:relative;text-align:left;z-index:2}.profile-box-content:before{background:var(--overlay-bg);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.profile-box-passport{align-items:flex-start;display:flex;gap:var(--spacing-sm);justify-content:flex-start;padding:var(--spacing-sm);width:100%}.profile-line{border-bottom:1px solid var(--border-color);margin:var(--spacing-xs) 0;width:100%}.profile-box-textbox{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0;width:100%}.profile-icon{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;height:40px;justify-content:center;margin-top:var(--spacing-xs);width:40px}.profile-icon svg{fill:currentColor;height:24px;width:24px}.profile-box-name-container{margin-bottom:var(--spacing-xs);width:100%}.profile-box-name-container .inline-editor{color:var(--text-primary);font-size:1.2rem;font-weight:600;min-height:1.4em}.profile-box-name-container .inline-editor.display{border-radius:4px;font-size:1.2rem;font-weight:600;line-height:1.4;padding:2px 4px}.profile-box-name-container .inline-editor.display:hover{background:var(--bg-hover)}.profile-box-name-container .inline-editor-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:1.2rem;font-weight:600;padding:2px 4px;width:100%}.profile-box-roles{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--overlay-bg);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);width:100%}.profile-box-roles-icon{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.profile-box-roles-icon svg{fill:currentColor;height:16px;width:16px}.profile-box-roles .inline-editor{color:#fff;flex:1 1;font-size:.9rem;font-weight:500}.profile-box-roles .inline-editor.display{border-bottom:1px solid var(--border-color);border-radius:4px;padding:2px 4px}.profile-box-roles .inline-editor.display:hover{background:var(--bg-hover)}.profile-box-roles .inline-editor-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.9rem;padding:2px 4px;width:100%}.profile-box-target{align-items:flex-start;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--overlay-bg);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);width:100%}.profile-box-target .profile-box-roles-icon{margin-top:2px}.profile-box-target .inline-editor{color:#fff;flex:1 1;font-size:.9rem;font-weight:400}.profile-box-target .inline-editor.display{border-radius:4px;line-height:1.4;padding:2px 4px}.profile-box-target .inline-editor.display:hover{background:var(--bg-hover)}.profile-box-target .inline-editor-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.9rem;min-height:1.4em;padding:2px 4px;width:100%}.profile-box-updated{border-top:1px solid var(--border-color);color:var(--text-tertiary);font-size:.8rem;line-height:1.4;margin:var(--spacing-md) 0 0;padding-top:var(--spacing-sm)}.profile-box .inline-editor.empty{color:var(--text-tertiary);font-style:italic}.profile-box .inline-editor-error{color:var(--accent-red);font-size:.8rem;margin-top:2px}.profile-box .inline-editor-saving{color:var(--accent-blue);font-size:.8rem;margin-top:2px}@media (max-width:768px){.profile-box{margin:var(--spacing-sm)}.profile-box-image{padding-top:75%}.profile-box-content{padding:var(--spacing-sm)}.profile-box-name-container .inline-editor{font-size:1.1rem}.profile-box-roles,.profile-box-target{font-size:.85rem}.profile-box-passport{align-items:center;flex-direction:column;gap:var(--spacing-xs)}.profile-icon{align-self:center;margin-top:0}}.profile-detail-view{max-height:70vh;overflow-y:auto}.profile-detail-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}.profile-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.profile-section h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-xs)}.profile-field{margin-bottom:var(--spacing-md)}.profile-field:last-child{margin-bottom:0}.profile-field label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:var(--spacing-xs)}.profile-detail-editor{font-size:.95rem;line-height:1.4;width:100%}.profile-detail-editor.display{border:1px solid #0000;border-radius:var(--border-radius-sm);min-height:1.5em;padding:var(--spacing-xs);transition:background-color .2s ease,border-color .2s ease}.profile-detail-editor.display:hover{background:var(--bg-hover);border-color:var(--border-color)}.profile-detail-editor.display.empty{color:var(--text-tertiary);font-style:italic}.profile-detail-editor.editing .inline-editor-input{border:1px solid var(--accent-blue);color:var(--text-primary);font-size:.95rem;line-height:1.4;resize:vertical;width:100%}.interests-display,.profile-detail-editor.editing .inline-editor-input{background:var(--bg-primary);border-radius:var(--border-radius-sm);padding:var(--spacing-xs)}.interests-display{align-items:center;border:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-xs);min-height:2.5em}.interest-tag{background:var(--accent-blue);border-radius:var(--border-radius-sm);color:#fff;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px}.empty-text{color:var(--text-tertiary);font-size:.9rem;font-style:italic}.stat-value{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.95rem;padding:var(--spacing-xs)}@media (min-width:768px){.profile-detail-grid{grid-template-columns:1fr 1fr}.profile-section:last-child{grid-column:1/-1}}@media (min-width:1024px){.profile-detail-grid{grid-template-columns:repeat(3,1fr)}.profile-section:last-child{grid-column:1/-1}}@media (max-width:768px){.profile-detail-view{max-height:80vh}.profile-section{padding:var(--spacing-sm)}.profile-field{margin-bottom:var(--spacing-sm)}.profile-detail-editor{font-size:.9rem}}.profile-header{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:var(--spacing-sm)}.profile-body{color:var(--text-secondary);font-size:1rem;line-height:1.5}.profile-box:hover .profile-box-content{transform:translateY(-2px)}.profile-text-block{background:var(--overlay-bg);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);width:100%}.profile-text-block .inline-editor.display{background:#0000;border:none;color:#fff}.section-divider{background:#ffffff26;height:1px;margin:var(--spacing-sm) 0;width:100%}.profile-section-divider{background:linear-gradient(90deg,#0000,#ffffff4d 20%,#ffffff80 50%,#ffffff4d 80%,#0000);grid-column:1/-1;height:1px;margin:var(--spacing-lg) 0;position:relative;width:100%}.profile-section-divider:before{background:#fff9;border-radius:50%;box-shadow:0 0 8px #ffffff4d;content:"";height:4px;left:50%;position:absolute;top:-2px;transform:translateX(-50%);width:4px}.tag-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);width:100%}.tag-chip{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#ffffff40;border-radius:var(--border-radius-sm);color:#fff;font-size:.8rem;padding:2px 8px}.profile-details-grid{grid-gap:var(--spacing-md) var(--spacing-lg);box-sizing:border-box;display:grid;gap:var(--spacing-md) var(--spacing-lg);grid-template-columns:1fr 1fr;margin-top:var(--spacing-lg);width:100%}@media (max-width:768px){.profile-details-grid{gap:var(--spacing-lg);grid-template-columns:1fr}}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:1.4rem;margin-bottom:var(--spacing-xs)}.detail-value{font-size:.95rem}.detail-item{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--overlay-bg);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md)}.detail-label{border-bottom:1px solid #ffffff40;color:var(--text-primary);font-weight:700;margin-bottom:4px;padding-bottom:2px}.detail-value{color:var(--text-primary);margin-top:4px}.profile-box-roles,.profile-box-target{margin-top:var(--spacing-md)}.profile-box-current-inline.inline-editor.display{border-radius:px;color:var(--text-primary);font-size:1rem;font-weight:400;padding-left:4px}.profile-settings-btn{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:2px;transition:color .2s ease}.profile-settings-btn:hover{color:var(--accent-blue)}.profile-settings-btn svg{height:18px;width:18px}.detail-item .tags-display,.detail-item .tags-editor{margin-top:4px}.detail-item .tags-display .tag,.detail-item .tags-editor .tag{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#ffffff40;border-radius:var(--border-radius-sm);color:#fff;font-size:.8rem;margin:2px 4px 2px 0;padding:4px 8px}.detail-item .tags-editor .editable-tag{position:relative}.detail-item .tag-delete-button{align-items:center;background:#ffffff4d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:10px;height:16px;justify-content:center;margin-left:4px;transition:background-color .2s ease;width:16px}.detail-item .tag-delete-button:hover{background:#ffffff80}.detail-item .add-tag-button{background:#ffffff26;border:1px dashed #ffffff4d;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:.8rem;margin:2px 4px 2px 0;padding:4px 8px;transition:all .2s ease}.detail-item .add-tag-button:hover{background:#ffffff40;border-color:#ffffff80}.detail-item .tag-input{background:#ffffffe6;border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.8rem;outline:none;padding:2px 6px;width:80px}.detail-item .add-tag-input{background:#ffffff40;border:1px solid #ffffff4d;border-radius:var(--border-radius-sm);margin:2px 4px 2px 0;padding:4px 8px}.inline-editor{display:inline-block;font-family:inherit;font-size:inherit;line-height:inherit;min-width:100px;position:relative}.inline-editor.display{word-wrap:break-word;background:#0000;border:1px solid #0000;border-radius:4px;cursor:pointer;min-height:1.5em;padding:4px 8px;transition:all .2s ease}.inline-editor.display:hover{background:#ffffff0d;background:var(--surface-hover,#ffffff0d);border-color:#ffffff1a;border-color:var(--border-primary,#ffffff1a)}.inline-editor.display.empty{color:#fff6;color:var(--text-tertiary,#fff6);font-style:italic}.inline-editor.display.disabled{cursor:not-allowed;opacity:.6}.inline-editor.display.disabled:hover{background:#0000;border-color:#0000}.inline-editor.editing{display:block;width:100%}.inline-editor-input{background:#1e1f1c;background:var(--bg-primary,#1e1f1c);border:2px solid #d6ae54;border:2px solid var(--color-golden,#d6ae54);border-radius:4px;color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-family:inherit;font-size:inherit;line-height:inherit;min-height:1.5em;outline:none;padding:6px 8px;resize:vertical;transition:all .2s ease;width:100%}.inline-editor-input:focus{background:#1a1a1a;background:var(--surface-primary,#1a1a1a);border-color:#d6ae54;border-color:var(--color-golden,#d6ae54);box-shadow:0 0 0 3px #d6ae5433}.inline-editor-input.error,.inline-editor-input.error:focus{border-color:#f92672;border-color:var(--accent-red,#f92672)}.inline-editor-input.error:focus{box-shadow:0 0 0 3px #f9267233}.inline-editor-input::placeholder{color:#fff6;color:var(--text-tertiary,#fff6);font-style:italic}.inline-editor-input:disabled{background:#272822;background:var(--surface-secondary,#272822);color:#75715e;color:var(--text-secondary,#75715e);cursor:not-allowed}.inline-editor-error{background:#f926721a;border:1px solid #f92672;border:1px solid var(--accent-red,#f92672);border-radius:4px;color:#f92672;color:var(--accent-red,#f92672)}.inline-editor-error,.inline-editor-saving{font-size:.875rem;line-height:1.4;margin-top:4px;padding:4px 8px}.inline-editor-saving{align-items:center;background:#d6ae541a;border:1px solid #d6ae54;border:1px solid var(--color-golden,#d6ae54);border-radius:4px;color:#d6ae54;color:var(--color-golden,#d6ae54);display:flex;gap:6px}.inline-editor-saving:before{animation:inline-editor-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:12px;width:12px}.inline-editor-counter{color:#fff6;color:var(--text-tertiary,#fff6);font-size:.75rem;margin-top:4px;text-align:right}.inline-editor.note-title{font-size:24px;font-weight:700;line-height:1.3;margin:0}.inline-editor.note-title .inline-editor-input{font-size:24px;font-weight:700;line-height:1.3;padding:8px 12px}.inline-editor.note-tag{background:#ffffff1a;background:var(--surface-tertiary,#ffffff1a);border:1px solid #ffffff0d;border:1px solid var(--border-secondary,#ffffff0d);border-radius:12px;color:#fffc;color:var(--text-secondary,#fffc);display:inline-block;font-size:12px;font-weight:500;margin:2px;padding:4px 10px}.inline-editor.note-tag:hover{background:#ffffff26;background:var(--surface-hover,#ffffff26);border-color:#d6ae54;border-color:var(--color-golden,#d6ae54)}.inline-editor.note-tag .inline-editor-input{font-size:12px;font-weight:500;min-width:60px;padding:4px 8px}.inline-editor.compact{min-width:60px}.inline-editor.compact .inline-editor-input{font-size:.875rem;padding:4px 6px}.inline-editor textarea.inline-editor-input{min-height:60px;resize:vertical}@keyframes inline-editor-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.inline-editor.note-title{font-size:20px}.inline-editor.note-title .inline-editor-input{font-size:20px;padding:6px 10px}}.inline-editor-input:focus{outline:2px solid #d6ae54;outline:2px solid var(--color-golden,#d6ae54);outline-offset:2px}@media (prefers-contrast:high){.inline-editor.display{border:1px solid #f8f8f2;border:1px solid var(--text-primary,#f8f8f2)}.inline-editor-input{background:#1e1f1c;background:var(--bg-primary,#1e1f1c);border-width:2px;color:#f8f8f2;color:var(--text-primary,#f8f8f2)}}@media (prefers-reduced-motion:reduce){.inline-editor-input,.inline-editor.display{transition:none}.inline-editor-saving:before{animation:none}}.tags-display .tag,.tags-editor .tag{background:#e0e0e0;border-radius:3px;display:inline-block;font-size:12px;margin:2px;padding:2px 6px}.add-tag-button{background:#0000;color:#03a9f4}:root{--quadrant-bg-opacity:0.1;--quadrant-border-opacity:0.3;--quadrant-hover-opacity:0.15}.action-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.action-header{align-items:center;display:flex;gap:6px;gap:var(--spacing-xs,6px);justify-content:flex-end}.action-header h3{display:none}.action-header-buttons{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-sm)}.saving-indicator{animation:pulse 1.5s infinite;color:var(--text-secondary);font-size:.8rem}.quadrants-container{display:flex;flex-direction:column;flex-grow:1;gap:15px;height:calc(100vh - 200px);height:calc(100vh - var(--header-height, 60px) - 140px);max-height:calc(100vh - 200px);max-height:calc(100vh - var(--header-height, 60px) - 140px);overflow-x:hidden;overflow-y:auto;padding:10px 10px 0}.quadrants-container::-webkit-scrollbar{width:8px}.quadrants-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.quadrants-container::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}.quadrants-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.quadrant{background-color:var(--bg-card);border:1px solid var(--border-color);border-left:4px solid var(--quadrant-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;min-height:100px;padding:10px}.quadrant-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.quadrant-header h4{color:var(--quadrant-color);font-size:1rem;font-weight:600;margin:0}.quadrant-tasks{padding-right:5px}.quadrant-title{color:#333;font-size:1.1rem;font-weight:600;margin:0}.add-task-button{background:none;border:none;border-radius:4px;color:#4a90e2;cursor:pointer;font-size:1.2rem;padding:2px 8px;transition:background-color .2s}.add-task-icon{color:var(--text-primary);height:36px;width:36px}.add-task-button:hover{background-color:#4a90e21a}.tasks-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.task-item{align-items:flex-start;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 4px #0003;cursor:grab;display:flex;height:auto;margin-bottom:8px;min-height:60px;padding:10px 12px;transition:all .2s ease;width:100%}.task-item:hover{background-color:var(--bg-hover)}.task-item:last-child{margin-bottom:0}.task-dragging{cursor:grabbing;opacity:.5}.task-checkbox{align-items:center;display:flex;flex-shrink:0;padding-right:12px}.task-checkbox input{accent-color:var(--accent-primary);cursor:pointer;height:18px;width:18px}.task-text{word-wrap:break-word;align-items:center;color:var(--text-primary);display:flex;flex:1 1;font-size:.9rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;overflow-wrap:break-word;padding:4px 0;word-break:break-word}.task-complete .task-text{opacity:.6;text-decoration:line-through}.task-item.task-complete{background-color:#8080801a;background-color:var(--bg-tertiary,#8080801a);border-color:#8080804d;border-color:var(--border-color-muted,#8080804d);opacity:.7;transform:scale(.98);transition:all .3s ease}.task-item.task-complete:hover{opacity:.85;transform:scale(1)}.task-item.task-complete .task-text{color:#888;color:var(--text-tertiary,#888);opacity:.8;text-decoration:line-through}.task-completing{overflow:visible;position:relative}.completion-bubble{font-size:14px;font-weight:700;pointer-events:none}.task-menu-button{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-left:8px;opacity:.6;padding:4px;transition:all .2s ease;width:28px}.task-menu-button:hover{background-color:var(--bg-tertiary);opacity:1}.task-menu-icon{fill:var(--text-secondary);height:18px;width:18px}.task-item:hover .task-menu-button{opacity:.8}.action-quadrant-loading{color:var(--text-secondary);font-size:.9rem;height:100%}.action-quadrant-loading,.empty-quadrant-message{align-items:center;display:flex;justify-content:center}.empty-quadrant-message{color:var(--text-tertiary);font-size:.85rem;font-style:italic;height:60px;padding:10px;text-align:center}.grid-item .action-quadrant{height:100%;min-height:360px}@media (max-width:768px){.task-item{min-height:70px}.empty-quadrant-message{height:70px}.quadrant-tasks{min-height:100px}}.task-item.priority-0{background-color:#f76c6c0d;border-left:4px solid #f76c6c;border-left:4px solid var(--important-urgent)}.task-item.priority-1{background-color:#4a7dfc0d;border-left:4px solid #4a7dfc;border-left:4px solid var(--important-not-urgent)}.task-item.priority-2{background-color:#ff99660d;border-left:4px solid #f96;border-left:4px solid var(--not-important-urgent)}.task-item.priority-3{background-color:#4caf500d;border-left:4px solid #4caf50;border-left:4px solid var(--not-important-not-urgent)}@media (min-width:768px){.quadrants-container{align-items:flex-start;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.quadrant{flex-basis:calc(50% - 15px);flex-grow:1;flex-shrink:1;max-width:calc(50% - 15px);min-width:250px}}@media (min-width:1200px){.quadrant{flex-basis:calc(25% - 15px);flex-grow:1;flex-shrink:1;max-width:calc(25% - 15px)}}.ai-generate-button{align-items:center;background:var(--accent-green);border:none;border-radius:var(--border-radius-sm);color:var(--bg-primary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:var(--spacing-xs);position:relative;transform-origin:center center;transition:all var(--transition-fast);width:32px}.ai-generate-button:hover:not(:disabled){background:#fff;color:var(--accent-green);transform:scale(1.1)}.ai-generate-button:active:not(:disabled){transform:scale(.95)}.ai-generate-button:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;transform:none}.ai-generate-button.loading{animation:ai-generate-pulse 1.5s infinite;background:var(--accent-green);color:var(--bg-primary);transform:none}@keyframes ai-generate-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.ai-generate-button svg{height:16px;transition:transform .2s ease;width:16px}.ai-generate-button:hover:not(:disabled) svg{transform:rotate(90deg)}.ai-generate-button.loading svg{animation:ai-generate-icon-spin 1s linear infinite}@keyframes ai-generate-icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.ai-generate-button{height:28px;width:28px}.ai-generate-button svg{height:14px;width:14px}}.clean-completed-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:var(--spacing-xs);position:relative;transform-origin:center center;transition:all var(--transition-fast);width:32px}.clean-completed-button:hover{background:var(--accent-blue);color:var(--bg-primary);transform:scale(1.1)}.clean-completed-button:active{transform:scale(.95)}.clean-completed-button.cleaning{animation:clean-spin .5s ease-out}@keyframes clean-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auto-order-button{align-items:center;background:var(--bg-secondary);border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast);width:32px}.auto-order-button:hover{background:var(--accent-blue);color:var(--bg-primary)}.auto-order-button:active{transform:scale(.95)}.auto-order-button.active,.clean-completed-button.active{background-color:#ffffff14;border-color:#f59e0b;border-color:var(--accent-orange,#f59e0b)}.auto-order-button.active svg,.clean-completed-button.active svg{opacity:.85}.action-list .drag-list-header{display:flex}.task-edit-overlay{max-width:500px;min-width:450px;width:90%}.overlay-header{background-color:#272822;background-color:var(--bg-color-secondary,#272822);border-bottom:1px solid #444;border-bottom:1px solid var(--border-color,#444);padding:16px}.overlay-body{background-color:#1e1f1c;background-color:var(--bg-color-primary,#1e1f1c)}#overlay-title{font-size:18px;font-weight:700}#overlay-title,.close-overlay-button{color:#fff;color:var(--text-color-primary,#fff)}.close-overlay-button{transition:color .2s}.close-overlay-button:hover{color:#ff4d4d;color:var(--text-color-secondary,#ff4d4d)}.close-overlay-button svg{height:24px;width:24px}.overlay-dialog.task-edit-dialog{align-items:center;display:flex;justify-content:center}.overlay-dialog.task-edit-dialog .overlay-content{left:auto;margin:auto;max-height:90vh;overflow-y:auto;position:relative;top:auto;transform:none}.task-edit-form{gap:16px;padding:8px 0}.form-group,.task-edit-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:var(--text-secondary);font-size:14px}.form-group input[type=date],.form-group input[type=text],.form-group select,.form-group textarea{background-color:#747474;background-color:var(--bg-color-secondary,#747474);border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.form-group input[type=date]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.checkbox-group{align-items:center;flex-direction:row}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-group input[type=checkbox]{cursor:pointer;height:16px;width:16px}.tags-input-container{display:flex;gap:8px}.tags-input-container input{flex:1 1}.add-tag-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s}.add-tag-button:hover{background-color:#3a80d2}.add-tag-button:disabled{background-color:#ccc;cursor:not-allowed}.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-item{background-color:#859db3;border:1px solid #859db3;border-radius:16px;font-size:13px;gap:4px;padding:4px 8px}.remove-tag-button,.tag-item{align-items:center;display:flex}.remove-tag-button{background:none;border:none;color:#999;cursor:pointer;font-size:16px;height:16px;justify-content:center;padding:0;transition:color .2s;width:16px}.remove-tag-button:hover{color:#e74c3c}.overlay-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.overlay-button-primary{background-color:#4a90e2;color:#fff}.overlay-button-primary:hover{background-color:#3a80d2}.overlay-button-primary:disabled{background-color:#ccc;cursor:not-allowed}.overlay-button-secondary{background-color:#f5f5f5;color:#333}.overlay-button-secondary:hover{background-color:#e5e5e5}.overlay-button-danger{background-color:#fff;border:1px solid #e74c3c;color:#e74c3c}.overlay-button-danger:hover{background-color:#fef5f5}.form-group input::placeholder{color:#999;color:var(--text-tertiary,#999)}.task-edit-overlay .overlay-body{padding-bottom:16px}.task-edit-overlay .overlay-content{left:auto;overflow:visible;position:relative;top:auto;transform:none}@media (max-width:768px){.task-edit-form{gap:12px}.form-group input[type=text],.form-group select{padding:10px}.checkbox-group input[type=checkbox]{height:20px;width:20px}.task-edit-overlay{max-width:95%;min-width:90%}}.edit-field.edit-field-vision{display:flex;flex-direction:column;gap:8px}.edit-field.edit-field-vision label{color:var(--text-secondary);font-size:14px;font-weight:500}.edit-field.edit-field-vision .task-edit-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.edit-field.edit-field-vision .task-edit-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.overlay-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.overlay-content{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);color:var(--text-primary);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.overlay-small{max-width:500px}.overlay-medium{max-width:800px}.overlay-large{max-width:1100px}.overlay-header{justify-content:space-between;padding:16px 20px}.overlay-header h2{font-weight:600}.overlay-body{flex:1 1;overflow-y:auto;padding:20px}.overlay-footer{border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.close-overlay-button{background:none;padding:4px;transition:background-color .2s,color .2s}.close-overlay-button:hover{background-color:var(--bg-primary);background-color:var(--bg-hover,var(--bg-primary))}.light-theme .overlay-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff6}@media (max-width:768px){.overlay-content{max-height:95vh;width:95%}.overlay-large,.overlay-medium,.overlay-small{max-width:95%}.overlay-header h2{font-size:1.25rem}.overlay-body{padding:16px}.overlay-footer{flex-wrap:wrap;padding:12px 16px}}.card-drag-container{display:flex;gap:var(--spacing-md);min-height:200px;overflow-x:auto;padding:var(--spacing-sm);scrollbar-width:thin}.drag-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;flex-shrink:0;max-width:320px;min-width:280px;transition:all var(--transition-fast)}.drag-list:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-md)}.drag-list.drag-over{background:var(--bg-secondary);border-color:var(--accent-green);box-shadow:0 0 12px #66d9ef4d}.drag-list-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;display:flex;justify-content:space-between;padding:var(--spacing-md)}.drag-list-title{color:var(--text-primary);flex:1 1;font-size:var(--font-size-md);margin:0}.drag-list-title,.item-count{font-weight:var(--font-weight-medium)}.item-count{background:var(--accent-blue);border-radius:12px;color:var(--bg-primary);font-size:var(--font-size-sm);min-width:20px;padding:2px 8px;text-align:center}.add-item-btn,.item-count{margin-left:var(--spacing-sm)}.add-item-btn{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--accent-blue);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast)}.add-item-btn:hover{background:var(--accent-blue);color:var(--bg-primary);transform:scale(1.1)}.add-item-btn svg{height:16px;width:16px}.drag-list-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-height:100px;padding:var(--spacing-sm)}.empty-list-message{border:2px dashed var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic;margin:var(--spacing-sm) 0;padding:var(--spacing-lg);text-align:center}.draggable-card{background:#0000;border:none;cursor:grab;display:flex;flex-direction:column;padding:0;position:relative}.draggable-card:hover{box-shadow:none;transform:none}.draggable-card.dragging{opacity:.8;transform:scale(1.02)}.drag-placeholder-line{background:var(--accent-blue);border-radius:2px;height:4px;margin:var(--spacing-xs) 0}.default-card{align-items:center;display:flex;justify-content:space-between;width:100%}.default-card h4{color:var(--text-primary);font-weight:var(--font-weight-medium);margin:0}.default-card h4,.default-card p{flex:1 1;font-size:var(--font-size-sm)}.default-card p{color:var(--text-secondary);line-height:1.3;margin:4px 0 0}.card-actions{align-items:center;display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.draggable-card:hover .card-actions{opacity:1}.card-delete-btn{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:4px;transition:all var(--transition-fast)}.card-delete-btn:hover{background:var(--accent-red);color:var(--bg-primary);transform:scale(1.1)}.drag-placeholder{align-items:center;animation:pulse 1.5s infinite;background:#66d9ef1a;border:2px dashed var(--accent-blue);border-radius:var(--border-radius-sm);color:var(--accent-blue);display:flex;font-size:var(--font-size-sm);height:60px;justify-content:center;margin-bottom:var(--spacing-xs)}@media (max-width:768px){.card-drag-container{flex-direction:column;gap:var(--spacing-sm)}.drag-list{max-width:none;min-width:100%}}.add-item-btn:focus,.draggable-card:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.action-item-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);min-height:60px;padding:var(--spacing-sm);position:relative;transition:all var(--transition-fast)}.action-item-card.status-0{border-left:4px solid var(--accent-orange)}.action-item-card.status-1{border-left:4px solid var(--accent-green);opacity:.9}.action-item-card:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-item-card .card-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.action-item-card .card-content h5{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.3;margin:0}.action-item-card .card-content p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.2;margin:0}.action-item-card .action-item-meta{align-items:center;display:flex;gap:var(--spacing-sm);margin-top:4px}.action-item-card .importance-indicator{border-radius:12px;font-size:12px;font-weight:var(--font-weight-medium);padding:2px 6px;white-space:nowrap}.action-item-card .importance-0{background:var(--text-secondary);color:var(--bg-primary)}.action-item-card .importance-1{background:var(--accent-blue);color:var(--bg-primary)}.action-item-card .importance-2{background:var(--accent-orange);color:var(--bg-primary)}.action-item-card .importance-3{background:var(--accent-red);color:var(--bg-primary)}.action-item-card .target-date{color:var(--text-secondary);font-size:12px;white-space:nowrap}.action-item-card .card-actions{align-items:center;display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.action-item-card:hover .card-actions{opacity:1}.light-theme .drag-list{box-shadow:var(--light-shadow-sm)}.light-theme .drag-list:hover{box-shadow:var(--light-shadow-md)}.light-theme .draggable-card{box-shadow:var(--light-shadow-sm)}.light-theme .draggable-card:hover{box-shadow:var(--light-shadow-md)}.light-theme .draggable-card.card-dragging,.light-theme .draggable-card.dragging{box-shadow:var(--light-shadow-lg)}.drag-card-checkbox{flex-shrink:0;margin-right:var(--spacing-sm)}.drag-card-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:4px;cursor:pointer;display:inline-block;height:18px;position:relative;width:18px}.drag-card-checkbox input[type=checkbox]:checked{background:var(--accent-green);border-color:var(--accent-green)}.drag-card-checkbox input[type=checkbox]:checked:after{color:var(--bg-primary);content:"\2713";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-55%)}.universal-card{align-items:center;background:var(--card-bg);border-radius:24px;box-shadow:var(--card-shadow);display:flex;gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:box-shadow .2s ease}.universal-card:hover{box-shadow:0 6px 24px #00000014}.universal-card.has-sidebar:before{align-self:stretch;background:var(--accent-blue);background:var(--sidebar-color,var(--accent-blue));border-radius:3px 0 0 3px;content:"";width:6px}.universal-card.has-image .card-image{align-items:center;background:var(--bg-secondary);border-radius:16px;display:flex;flex-shrink:0;height:72px;justify-content:center;overflow:hidden;width:72px}.universal-card.has-image img{height:100%;object-fit:cover;width:100%}.universal-card .card-body{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.universal-card .card-title{color:var(--text-primary);font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.universal-card .progress-bar-container{background:var(--bg-tertiary);border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.universal-card .progress-bar-fill{background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));height:100%;transition:width .3s ease}.universal-card .status-dot{background:var(--accent-orange);border-radius:50%;height:8px;width:8px}.universal-card .task-checkbox{flex-shrink:0;margin-right:var(--spacing-sm)}.universal-card .task-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;cursor:pointer;height:18px;position:relative;width:18px}.universal-card .task-checkbox input[type=checkbox]:checked{background:var(--accent-green);border-color:var(--accent-green)}.universal-card .task-checkbox input[type=checkbox]:checked:after{color:var(--bg-primary);content:"\2713";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-55%)}.card-menu-btn{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;padding:2px}.card-menu-btn:hover,.context-menu{color:var(--text-primary)}.context-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);min-width:160px;padding:4px 0;position:absolute;z-index:var(--z-tooltip)}.context-menu ul{list-style:none;margin:0;padding:0}.context-menu li{cursor:pointer;font-size:var(--font-size-sm);padding:6px 12px}.context-menu li:hover{background:var(--hover-color)}.context-menu .danger{color:var(--accent-red)}.tokens-container{animation:fadeIn .5s ease-in-out;background-color:#272822;background-color:var(--bg-secondary,#272822);border-left:4px solid #d6ae54;border-left:4px solid var(--color-golden,#d6ae54);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:0 4px 6px #0000004d;box-shadow:var(--shadow-md,0 4px 6px #0000004d);margin:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-md,16px);margin-top:0;padding:20px}.tokens-title{align-items:center;color:#f8f8f2;color:var(--text-primary,#f8f8f2);display:flex;font-size:1.2rem;font-weight:500;font-weight:var(--font-weight-medium,500);margin:0 0 15px}.tokens-amount{align-items:baseline;border-bottom:1px solid #3e3d32;border-bottom:1px solid var(--border-light,#3e3d32);display:flex;margin-bottom:20px;padding-bottom:15px}.token-value{color:#d6ae54;color:var(--color-golden,#d6ae54);font-size:2.5rem;font-weight:700;margin-right:10px}.token-label{color:#75715e;color:var(--text-secondary,#75715e);font-size:1.2rem}.tokens-ledger{margin-top:10px}.ledger-title{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-size:1rem;font-weight:500;font-weight:var(--font-weight-medium,500);margin:0 0 15px}.token-activity-list{list-style-type:none;margin:0;padding:0}.token-activity-item{align-items:center;border-bottom:1px solid #3e3d32;border-bottom:1px solid var(--border-light,#3e3d32);display:flex;justify-content:space-between;padding:12px 0}.token-activity-item:last-child{border-bottom:none}.activity-details{display:flex;flex-direction:column}.activity-description{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-size:.95rem;margin-bottom:4px}.activity-date{color:#75715e;color:var(--text-secondary,#75715e);font-size:.8rem}.activity-amount{font-size:1.1rem;font-weight:700}.token-positive .activity-amount{color:#a6e22e;color:var(--accent-green,#a6e22e)}.token-negative .activity-amount{color:#f92672;color:var(--accent-red,#f92672)}@media (max-width:768px){.tokens-container{padding:15px}.token-value{font-size:2rem}.activity-description{font-size:.9rem}}.growth-metrics-container{height:100%;max-height:calc(100vh - 120px);overflow-y:auto;padding-bottom:24px;padding-bottom:var(--spacing-lg,24px)}.area-details{animation:fadeIn .5s ease-in-out;background-color:#272822;background-color:var(--bg-secondary,#272822);border-left:4px solid #d6ae54;border-left:4px solid var(--color-golden,#d6ae54);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:0 4px 6px #0000004d;box-shadow:var(--shadow-md,0 4px 6px #0000004d);margin:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-md,16px);padding:var(--spacing-md);transition:all .3s ease;transition:all var(--transition-normal,.3s ease)}.area-details:last-child{margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.area-details h3{align-items:center;color:#d6ae54;color:var(--color-golden,#d6ae54);display:flex;font-size:1.5rem;font-weight:500;font-weight:var(--font-weight-medium,500);margin-bottom:12px;margin-top:0}.area-details h3:before{background-color:#d6ae54;background-color:var(--color-golden,#d6ae54);border-radius:50%;content:"";display:inline-block;height:8px;margin-right:12px;width:8px}.area-content{border-top:1px solid #3e3d32;border-top:1px solid var(--border-light,#3e3d32);color:#fff;color:var(--text-primary,#fff);margin-top:8px;padding:8px 0}.area-content p{line-height:1.5;margin-bottom:8px}.debug-toggle-button{bottom:10px;font-size:10px;padding:4px 8px;position:relative;right:10px}.debug-controls{position:relative;right:var(--spacing-sm);top:10px}.bar-chart-row{gap:16px;gap:var(--spacing-sm,16px);height:260px;justify-content:center;padding:16px;padding:var(--spacing-md,16px)}.bar-chart-row,.bar-wrapper{align-items:center;display:flex;position:relative}.bar-wrapper{flex-direction:column;height:100%;width:56px}.bar{border-radius:4px;box-shadow:0 2px 4px #0006;left:0;position:absolute;right:0;transition:height .6s ease,background-color .4s ease}.bar-label{color:#cfcfcf;color:var(--text-secondary,#cfcfcf);font-size:.75rem;margin-top:6px;text-align:center;word-break:break-word}.midline{background:#fff3;background:var(--border-light,#fff3);height:1px;left:0;position:absolute;right:0;top:50%}.randomize-btn{background:#333;background:var(--bg-secondary,#333);border:1px solid #555;border:1px solid var(--border-light,#555);border-radius:4px;color:#eee;color:var(--text-secondary,#eee);cursor:pointer;font-size:.75rem;margin-left:auto;padding:4px 8px;transition:background .3s,transform .1s}.randomize-btn:hover{background:#444;background:var(--bg-tertiary,#444)}.randomize-btn:active{transform:scale(.95)}.bar-icon{filter:invert(.9);filter:var(--icon-filter,invert(.9));height:28px;left:50%;opacity:.9;pointer-events:auto;position:absolute;top:-56px;transform:translateX(-50%);width:28px;z-index:2}.area-info-panel{animation:fadeIn .4s ease;background:#252525;background:var(--bg-secondary,#252525);border:1px solid #ffffff26;border:1px solid var(--border-light,#ffffff26);border-radius:10px;border-radius:var(--border-radius-md,10px);box-shadow:0 2px 6px #00000080;color:#e6e6e6;color:var(--text-primary,#e6e6e6);margin:var(--spacing-md) 0;padding:var(--spacing-md) var(--spacing-lg)}.area-info-panel h3{color:#ffd76c;color:var(--color-accent,#ffd76c);font-size:1.25rem;font-weight:600;margin:0 0 8px}.area-info-panel p{line-height:1.4;margin:4px 0}.loading-text{color:#bdbdbd;color:var(--text-secondary,#bdbdbd);font-style:italic}.error-text{color:#ff6b6b;color:var(--accent-red,#ff6b6b)}.growth-task-list{display:flex;flex-direction:column;gap:6px;margin-top:var(--spacing-sm)}.growth-task-card{align-items:center;background:#303030;background:var(--bg-tertiary,#303030);border:1px solid #ffffff1a;border-radius:6px;color:#e8e8e8;color:var(--text-primary,#e8e8e8);display:flex;font-size:.85rem;padding:6px 10px}.growth-task-card .button-secondary{font-size:.7rem;padding:2px 6px}.ai-generate-button.text-btn{font-size:.8rem;gap:6px;min-width:100px;padding:6px 12px;width:auto}.ai-generate-button.text-btn.loading{min-width:100px}.growth-task-card.removing{opacity:0;transform:translateX(20px);transition:opacity .3s ease,transform .3s ease}.button-tertiary{background:#0000;border:none;color:#bbb;color:var(--text-secondary,#bbb);cursor:pointer;font-size:.8rem;padding:2px 6px}.button-tertiary:hover{color:#ff6b6b;color:var(--accent-red,#ff6b6b)}.light-theme .growth-task-card{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.vision-board{background-color:var(--bg-primary);display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.component-container{background-color:var(--background-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--text-color);margin-bottom:var(--spacing-md);min-height:100vh;overflow:hidden;position:relative;width:100%}.component-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;position:relative}.component-header-content{align-items:center;display:flex;gap:var(--spacing-md);width:100%}.component-title{color:var(--text-primary);flex-shrink:0;font-size:1.5rem;font-weight:600;margin:0}.add-vision-inline-button{align-items:center;background:var(--text-secondary);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-normal);white-space:nowrap}.add-vision-inline-button:hover{background:var(--accent-green);box-shadow:var(--shadow-md);filter:brightness(1.1);transform:translateY(-1px)}.add-vision-inline-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.add-vision-inline-button .add-icon{filter:brightness(0) saturate(100%) invert(100%);height:16px;width:16px}.add-vision-inline-button span{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.add-vision-header-button{display:none}.component-content{padding:var(--spacing-md)}.visions-section{margin-bottom:0}.timeframe-title{display:none}.visions-grid{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.vision-card{background:var(--card-bg);border:none;border-radius:24px;box-shadow:0 4px 20px #00000014;cursor:pointer;display:flex;flex-direction:row;height:90px;min-height:90px;overflow:hidden;position:relative;transition:all .3s ease}.vision-card:hover{border-color:var(--accent-color);box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.vision-image-container{background:var(--card-bg);border-radius:6px 0 0 6px;flex-shrink:0;height:100%;overflow:hidden;position:relative;width:120px}.vision-image{flex:1 1;height:100%;object-fit:cover;padding:10px;transition:transform .2s ease;width:100%}.vision-card:hover .vision-image{transform:scale(1.03)}.vision-content{display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:center;min-width:0;padding:12px 80px 12px 16px}.vision-name{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis}.vision-progress{flex-shrink:0;margin:4px 0}.progress-bar-container{background:var(--bg-tertiary);border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background:linear-gradient(90deg,var(--accent-color),var(--accent-green));border-radius:3px;height:100%;transition:width .3s ease}.progress-hover-text{background:var(--bg-popup);border-radius:4px;color:var(--text-primary);font-size:.75rem;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;top:-30px;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:10}.progress-bar-container:hover .progress-hover-text{opacity:1}.vision-metadata{align-items:center;display:flex;flex-shrink:0;justify-content:space-between}.vision-target-date{display:none}.status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-planning{background:#f39c12;background:var(--status-planning,#f39c12)}.status-in-progress{background:#3498db;background:var(--status-in-progress,#3498db)}.status-complete{background:#27ae60;background:var(--status-complete,#27ae60)}.vision-card-actions{display:flex;gap:6px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease;z-index:2}.vision-card:hover .vision-card-actions{opacity:1}.tree-link-button{align-items:center;background:#000000b3;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;transition:background .2s ease;width:24px}.tree-link-button:hover{background:#000000e6}.tree-icon{filter:invert(1);height:12px;width:12px}.delete-vision-card-button{align-items:center;background:#dc3545cc;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;transition:background .2s ease;width:24px}.delete-vision-card-button:hover{background-color:var(--danger-color-hover)}.delete-icon{filter:invert(1);height:14px;width:14px}.visions-section{border-radius:8px;min-height:150px;padding:16px;transition:background-color .2s ease}.visions-section:hover{background:rgba(var(--accent-color-rgb),.05)}.empty-visions-message{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);font-style:italic;padding:30px 20px;text-align:center}.vision-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:var(--z-modal)}.vision-overlay-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.close-overlay-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:background .2s ease;width:30px;z-index:1}.close-overlay-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.overlay-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);position:relative}.overlay-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.editable-title{gap:var(--spacing-sm)}.edit-button,.editable-title{align-items:center;display:flex}.edit-button{background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;height:24px;justify-content:center;opacity:0;padding:4px;transition:all .2s ease;width:24px}.edit-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.editable-title:hover .edit-button,.info-item h4:hover .edit-button,.overlay-description h4:hover .edit-button,.overlay-progress h4:hover .edit-button,.overlay-section h4:hover .edit-button{opacity:1}.overlay-body{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg)}.overlay-left-column{flex:1 1;max-width:33.333%}.overlay-right-column{flex:2 1;max-width:66.666%}.overlay-image-container{align-items:center;background-color:var(--bg-tertiary);display:flex;height:auto;justify-content:center;margin-bottom:var(--spacing-md);overflow:hidden}.overlay-image,.overlay-image-container{border-radius:var(--border-radius-md);max-width:100%}.overlay-image{max-height:300px;object-fit:contain}.overlay-description{margin-bottom:var(--spacing-lg)}.info-item h4,.overlay-description h4,.overlay-progress h4,.overlay-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;gap:var(--spacing-sm);margin:0 0 var(--spacing-sm)}.overlay-description p{color:var(--text-primary);font-size:.95rem;line-height:1.6;margin:0;white-space:pre-wrap}.overlay-info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(1,1fr);margin-bottom:var(--spacing-lg)}.info-item{position:relative}.info-item h4{color:var(--text-secondary);font-size:.9rem}.info-item p{color:var(--text-primary);font-size:1rem;margin:0}.overlay-progress{margin-bottom:var(--spacing-md)}.overlay-progress .progress-bar-container{height:8px}.progress-text{color:var(--text-secondary);font-size:.9rem;margin-top:var(--spacing-xs)}.overlay-section{margin-bottom:var(--spacing-lg)}.button-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag-button{background-color:#ffffff1a;border:none;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s ease}.tag-button:hover{background-color:#fff3}.action-button{align-items:center;background-color:#ffffff1a;border:none;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:var(--spacing-sm);padding:8px 16px;transition:all .2s ease}.action-button:hover{background-color:#fff3}.action-button .status-dot{margin-right:0}.overlay-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}@media (max-width:768px){.vision-card{height:80px;min-height:80px}.vision-image-container{width:80px}.vision-content{padding:8px 60px 8px 12px}.vision-name{font-size:.9rem}.vision-target-date{font-size:.75rem}.vision-card-actions{gap:4px;right:6px;top:6px}.delete-vision-card-button,.tree-link-button{height:20px;width:20px}.delete-icon,.tree-icon{background-size:10px 10px;height:10px;width:10px}.progress-bar-container{height:4px}.status-dot{height:6px;width:6px}.overlay-body{flex-direction:column}.overlay-left-column,.overlay-right-column{flex:1 1;max-width:100%}.overlay-image-container{height:250px}.overlay-info-grid{grid-template-columns:repeat(2,1fr)}}body.overlay-open{overflow:hidden}.progress-slider{-webkit-appearance:none;appearance:none;background:var(--bg-quaternary);border-radius:var(--border-radius-sm);height:8px;margin:var(--spacing-md) 0;outline:none;width:100%}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-blue);border-radius:50%;cursor:pointer;height:20px;width:20px}.progress-slider::-moz-range-thumb{background:var(--accent-blue);border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.toggle-switch{align-items:center;display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.switch{display:inline-block;height:20px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--bg-quaternary);border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;width:16px}input:checked+.slider{background-color:var(--accent-blue)}input:checked+.slider:before{transform:translateX(20px)}.test-controls{background-color:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.test-overlay-button{background-color:var(--text-secondary);border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.test-overlay-button:hover{background-color:var(--bg-hover)}.edit-vision-button{background:var(--accent-blue);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background .2s ease}.edit-vision-button:hover{background:var(--accent-blue);opacity:.9}.delete-vision-button{background:#0000;border:1px solid var(--accent-red);border-radius:var(--border-radius-sm);color:var(--accent-red);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.delete-vision-button:hover{background:var(--accent-red);color:#fff}.edit-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.edit-modal-content{background:var(--bg-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);max-width:500px;padding:var(--spacing-lg);width:100%}.edit-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.edit-modal-header h3{color:var(--text-primary);margin:0}.edit-modal-body{margin-bottom:var(--spacing-lg)}.edit-modal-body input,.edit-modal-body textarea{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:1rem;min-height:100px;padding:var(--spacing-sm);resize:vertical;width:100%}.edit-modal-body input{min-height:auto}.edit-modal-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.dragging{border:2px dashed var(--accent-color);box-shadow:0 5px 15px #0003;cursor:grabbing!important;opacity:.5;transform:scale(1.02);z-index:10}.add-vision-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;margin-left:auto;transition:all .2s ease;width:28px}.add-vision-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.add-vision-button.primary{background-color:var(--accent-blue);border-radius:20px;color:#fff;display:flex;font-size:.9rem;gap:6px;height:auto;padding:6px 12px;width:auto}.add-vision-button.primary:hover{background-color:var(--accent-green);color:#fff;transform:translateY(-2px)}.cancel-button{background-color:var(--bg-primary);border-radius:4px;color:var(--text-primary);font-size:.9rem;gap:5px;padding:8px 16px;transition:all .2s ease}.cancel-button:hover{background-color:var(--bg-hover);border-color:var(--text-secondary)}.vision-board-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.vision-board-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.vision-board-actions{display:flex;gap:10px}.vision-board-loading{color:var(--text-secondary);height:200px}.vision-board-empty,.vision-board-loading{align-items:center;display:flex;justify-content:center}.vision-board-empty{color:var(--text-tertiary);flex-direction:column;padding:50px;text-align:center}.vision-board-empty-icon{font-size:3rem;margin-bottom:20px}.vision-board-empty-title{color:var(--text-secondary);font-size:1.2rem;font-weight:500;margin-bottom:10px}.vision-board-empty-text{font-size:1rem;margin-bottom:20px;max-width:400px}.vision-board-empty-button{background-color:var(--accent-primary);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.vision-board-empty-button:hover{background-color:var(--accent-secondary)}.overlay-section .item-button{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000000d;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;margin-bottom:8px;min-height:2.5rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-align:left;text-overflow:ellipsis;transition:all .2s;width:100%}.overlay-section .item-button:hover{border-color:var(--accent-blue);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.overlay-section .action-button{background-color:var(--bg-primary);border-left-width:4px;padding:.75rem 1rem}.overlay-section .action-name{font-weight:600;margin-bottom:.25rem}.overlay-section .action-meta{color:var(--text-secondary);display:flex;font-size:.75rem;justify-content:space-between}.overlay-section .action-category{background-color:#0000001a;border-radius:1rem;font-size:.7rem;padding:.15rem .4rem}.overlay-section .action-deadline{font-style:italic}.overlay-section .importance-10{border-left-color:#ff9500;border-left-color:var(--importance-10,#ff9500)}.overlay-section .importance-9{border-left-color:#fa3;border-left-color:var(--importance-9,#fa3)}.overlay-section .importance-8{border-left-color:#fb6;border-left-color:var(--importance-8,#fb6)}.overlay-section .importance-7{border-left-color:#fc9;border-left-color:var(--importance-7,#fc9)}.overlay-section .importance-6{border-left-color:#ffdccc;border-left-color:var(--importance-6,#ffdccc)}.overlay-section .importance-5{border-left-color:#e6e6e6;border-left-color:var(--importance-5,#e6e6e6)}.overlay-section .importance-4{border-left-color:#ccf2e8;border-left-color:var(--importance-4,#ccf2e8)}.overlay-section .importance-3{border-left-color:#99e6d1;border-left-color:var(--importance-3,#99e6d1)}.overlay-section .importance-2{border-left-color:#66d9ba;border-left-color:var(--importance-2,#66d9ba)}.overlay-section .importance-1{border-left-color:#33cca3;border-left-color:var(--importance-1,#33cca3)}.overlay-section .priority-10,.overlay-section .priority-8,.overlay-section .priority-9{border-left-color:#f76c6c;border-left-color:var(--important-urgent,#f76c6c)}.overlay-section .priority-5,.overlay-section .priority-6,.overlay-section .priority-7{border-left-color:#4a7dfc;border-left-color:var(--important-not-urgent,#4a7dfc)}.overlay-section .priority-2,.overlay-section .priority-3,.overlay-section .priority-4{border-left-color:#f96;border-left-color:var(--not-important-urgent,#f96)}.overlay-section .priority-0,.overlay-section .priority-1{border-left-color:#4caf50;border-left-color:var(--not-important-not-urgent,#4caf50)}.overlay-section .action-button.completed{opacity:.6;text-decoration:line-through}.overlay-section .item-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%}.overlay-section .empty-items-message{color:var(--text-secondary);font-style:italic;grid-column:1/-1;padding:1rem;text-align:center}.edit-image-button{align-items:center;background:#000000b3;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease;width:32px}.vision-image-container:hover .edit-image-button{opacity:1}.edit-image-button:hover{background:#000000e6}.edit-image-button .edit-icon{filter:invert(1);height:16px;width:16px}.vision-card.dragging{cursor:grabbing;opacity:.6;transform:rotate(1deg)}.floating-add-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));border:none;border-radius:var(--border-radius-full);bottom:var(--spacing-lg);box-shadow:var(--shadow-lg);cursor:pointer;display:flex;height:60px;justify-content:center;position:absolute;right:var(--spacing-lg);transition:all var(--transition-normal);width:60px;z-index:var(--z-fixed)}.floating-add-button:hover{background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));box-shadow:var(--shadow-xl);filter:brightness(1.1);transform:translateY(-2px)}.floating-add-button:active{box-shadow:var(--shadow-md);transform:translateY(0)}.floating-add-button .add-icon{filter:brightness(0) saturate(100%) invert(100%);height:32px;transition:transform var(--transition-fast);width:32px}.floating-add-button:hover .add-icon{transform:scale(1.1)}.form-group{margin-bottom:16px}.form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #4a9eff33;outline:none}.note{color:var(--text-secondary);font-size:12px;font-style:italic}@media (max-width:480px){.floating-add-button{bottom:16px;height:50px;right:16px;width:50px}.floating-add-button .add-icon{height:24px;width:24px}.vision-card{height:70px;min-height:70px}.vision-image-container{width:70px}.vision-content{padding:6px 50px 6px 10px}.vision-name{font-size:.85rem}.vision-target-date{font-size:.7rem}.progress-bar-container{height:3px}.delete-vision-card-button,.tree-link-button{height:18px;width:18px}.delete-icon,.tree-icon{background-size:8px 8px;height:8px;width:8px}}.drag-list-header{display:none}.drag-list{background:#0000;border:none;padding:0}.vision-board .drag-list-header{display:none}.visions-row{display:flex;flex-direction:row;gap:var(--spacing-md);overflow-x:auto;padding:var(--spacing-sm) var(--spacing-md)}.vision-board .visions-row .drag-list-header{display:none}.vertical-card{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm);height:340px;min-width:200px;padding:var(--spacing-md);width:200px}.vertical-card .card-image{border-radius:16px;height:140px;width:100%}.vertical-card .card-body{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);width:100%}.vertical-card .card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal}.vertical-card .progress-bar-container{width:100%}.vertical-card .status-dot{bottom:var(--spacing-sm);position:absolute;right:var(--spacing-sm)}.vertical-card .card-menu-btn{position:absolute;right:var(--spacing-xs);top:var(--spacing-xs)}:root{--priority-10:red;--priority-9:#f33;--priority-8:#f66;--priority-7:#f99;--priority-6:#fcc;--priority-5:#e6e6e6;--priority-4:#ccf;--priority-3:#99f;--priority-2:#66f;--priority-1:#33f;--importance-10:#ff9500;--importance-9:#fa3;--importance-8:#fb6;--importance-7:#fc9;--importance-6:#ffdccc;--importance-5:#e6e6e6;--importance-4:#ccf2e8;--importance-3:#99e6d1;--importance-2:#66d9ba;--importance-1:#33cca3;--important-urgent:#f76c6c;--important-not-urgent:#4a7dfc;--not-important-urgent:#f96;--not-important-not-urgent:#4caf50}.edit-db-list{display:flex;flex-direction:column;gap:1rem;width:100%}.edit-db-list-header{display:flex;justify-content:flex-end;margin-bottom:.5rem}.add-item-button{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:.25rem;transition:transform .2s,color .2s;width:2rem}.add-item-button:hover{color:var(--accent-color);transform:scale(1.1)}.add-item-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.add-circle-icon{fill:currentColor;height:1.5rem;width:1.5rem}.item-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%}.item-button{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000000d;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;min-height:2.5rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-align:left;text-overflow:ellipsis;transition:all .2s;width:100%}.item-button:hover{border-color:var(--accent-color);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.item-button:focus{outline:2px solid var(--accent-color);outline-offset:2px}.action-button{background-color:var(--bg-primary);border-left-width:4px;padding:.75rem 1rem}.action-name{font-weight:600;margin-bottom:.25rem}.action-meta{color:var(--text-secondary);display:flex;font-size:.75rem;justify-content:space-between}.action-category{background-color:#0000001a;border-radius:1rem;font-size:.7rem;padding:.15rem .4rem}.action-deadline{font-style:italic}.component-button{border-left-width:4px;padding:.75rem 1rem}.component-name{font-weight:600;margin-bottom:.25rem}.component-type{align-self:flex-start;background-color:#0000001a;border-radius:1rem;color:var(--text-secondary);font-size:.75rem;padding:.15rem .4rem}.priority-10{border-left-color:red;border-left-color:var(--priority-10)}.priority-9{border-left-color:#f33;border-left-color:var(--priority-9)}.priority-8{border-left-color:#f66;border-left-color:var(--priority-8)}.priority-7{border-left-color:#f99;border-left-color:var(--priority-7)}.priority-6{border-left-color:#fcc;border-left-color:var(--priority-6)}.priority-5{border-left-color:#e6e6e6;border-left-color:var(--priority-5)}.priority-4{border-left-color:#ccf;border-left-color:var(--priority-4)}.priority-3{border-left-color:#99f;border-left-color:var(--priority-3)}.priority-2{border-left-color:#66f;border-left-color:var(--priority-2)}.priority-1{border-left-color:#33f;border-left-color:var(--priority-1)}.importance-10{border-left-color:#ff9500;border-left-color:var(--importance-10)}.importance-9{border-left-color:#fa3;border-left-color:var(--importance-9)}.importance-8{border-left-color:#fb6;border-left-color:var(--importance-8)}.importance-7{border-left-color:#fc9;border-left-color:var(--importance-7)}.importance-6{border-left-color:#ffdccc;border-left-color:var(--importance-6)}.importance-5{border-left-color:#e6e6e6;border-left-color:var(--importance-5)}.importance-4{border-left-color:#ccf2e8;border-left-color:var(--importance-4)}.importance-3{border-left-color:#99e6d1;border-left-color:var(--importance-3)}.importance-2{border-left-color:#66d9ba;border-left-color:var(--importance-2)}.importance-1{border-left-color:#33cca3;border-left-color:var(--importance-1)}.action-button.completed{opacity:.6;text-decoration:line-through}.edit-item-container{grid-column:1/-1;width:100%}.edit-item-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;width:100%}.edit-item-input:focus{border-color:var(--accent-color);outline:2px solid var(--accent-color)}.item-detail-form{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;gap:1rem;grid-column:1/-1;padding:1.5rem;width:100%}.form-field,.item-detail-form{display:flex;flex-direction:column}.form-field{gap:.5rem}.form-field label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.form-field input,.form-field select{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem}.form-field input:focus,.form-field select:focus{border-color:var(--accent-color);outline:2px solid var(--accent-color)}.checkbox-field{align-items:center;flex-direction:row}.checkbox-field label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-field input[type=checkbox]{cursor:pointer;height:1.2rem;width:1.2rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.cancel-button,.save-button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.save-button{background-color:var(--accent-color);color:#fff}.save-button:hover{background-color:#0056b3;background-color:var(--accent-color-dark,#0056b3)}.cancel-button{background-color:initial;border:1px solid var(--border-color);color:var(--text-secondary)}.cancel-button:hover{background-color:var(--border-color)}.empty-items-message{color:var(--text-secondary);font-style:italic;grid-column:1/-1;padding:2rem 0;text-align:center}@media (max-width:768px){.item-grid{grid-template-columns:1fr}.item-detail-form{padding:1rem}.form-actions{flex-direction:column-reverse}.cancel-button,.save-button{text-align:center;width:100%}}@media (max-width:480px){.action-meta{flex-direction:column;gap:.25rem}}.quadrant-0{background-color:#f76c6c0d;border-left:4px solid #f76c6c;border-left:4px solid var(--important-urgent,#f76c6c)}.quadrant-1{background-color:#4a7dfc0d;border-left:4px solid #4a7dfc;border-left:4px solid var(--important-not-urgent,#4a7dfc)}.quadrant-2{background-color:#ff99660d;border-left:4px solid #f96;border-left:4px solid var(--not-important-urgent,#f96)}.quadrant-3{background-color:#4caf500d;border-left:4px solid #4caf50;border-left:4px solid var(--not-important-not-urgent,#4caf50)}.importance-select{background-color:#fff;background-color:var(--bg-secondary,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:4px;color:#000;color:var(--text-primary,#000);padding:8px;width:100%}.field-hint{font-size:.8rem;margin-top:4px}.action-importance,.field-hint{color:#666;color:var(--text-secondary,#666)}.action-importance{background-color:#0000000d;border-radius:10px;font-size:.7rem;margin-left:6px;padding:2px 6px}.confirmation-dialog-backdrop{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;pointer-events:auto!important;position:fixed;right:0;top:0;z-index:1100}.confirmation-dialog{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.confirmation-dialog--danger{border-top:4px solid #dc3545}.confirmation-dialog--warning{border-top:4px solid #ffc107}.confirmation-dialog--info{border-top:4px solid #0dcaf0}.confirmation-dialog__header{border-bottom:1px solid #e9ecef;margin-bottom:20px;padding:24px 24px 0}.confirmation-dialog__title{color:#212529;font-size:1.5rem;font-weight:600;line-height:1.3;margin:0 0 20px}.confirmation-dialog__content{padding:0 24px 24px}.confirmation-dialog__message{color:#6c757d;font-size:1rem;line-height:1.5;margin:0 0 20px}.confirmation-dialog__linked-item{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:20px;padding:16px}.confirmation-dialog__linked-item-warning{align-items:flex-start;display:flex;gap:12px}.confirmation-dialog__warning-icon{flex-shrink:0;font-size:1.2rem;margin-top:2px}.confirmation-dialog__linked-item-info{flex:1 1}.confirmation-dialog__linked-text{color:#856404;font-size:.95rem;font-weight:500;margin:0 0 8px}.confirmation-dialog__linked-subtext{color:#6c5100;font-size:.9rem;line-height:1.4;margin:0}.confirmation-dialog__notes-section{background:#e7f3ff;border:1px solid #91d5ff;border-radius:8px;margin-bottom:20px;padding:16px}.confirmation-dialog__notes-warning{align-items:flex-start;display:flex;gap:12px}.confirmation-dialog__notes-info{flex:1 1}.confirmation-dialog__notes-text{color:#1c4876;font-size:.95rem;font-weight:500;margin:0 0 8px}.confirmation-dialog__notes-subtext{color:#3a6b95;font-size:.9rem;line-height:1.4;margin:0}.confirmation-dialog__loading{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#6c757d;font-style:italic;margin-bottom:20px;padding:12px;text-align:center}.confirmation-dialog__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:0 24px 24px}.confirmation-dialog__button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.confirmation-dialog__button:focus{outline:2px solid #06c;outline-offset:2px}.confirmation-dialog__button--cancel{background:#6c757d;color:#fff}.confirmation-dialog__button--cancel:hover{background:#5a6268}.confirmation-dialog__button--confirm{background:#dc3545;color:#fff}.confirmation-dialog__button--confirm:hover{background:#c82333}.confirmation-dialog__button--confirm-linked{background:#fd7e14;color:#fff}.confirmation-dialog__button--confirm-linked:hover{background:#e8630c}.confirmation-dialog__button--archive-notes{background:#17a2b8;color:#fff}.confirmation-dialog__button--archive-notes:hover{background:#138496}.confirmation-dialog__button--delete-notes{background:#dc3545;border:2px solid #c82333;color:#fff}.confirmation-dialog__button--delete-notes:hover{background:#c82333;border-color:#bd2130}.confirmation-dialog__button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.confirmation-dialog__notes-list{border:1px solid #dee2e6;border-radius:8px;margin-top:16px;overflow:hidden}.notes-list-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:12px 16px}.notes-select-all-label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px;margin:0}.notes-select-all-checkbox{cursor:pointer;margin:0}.notes-select-all-text{color:#495057;font-size:.9rem}.notes-list-items{max-height:200px;overflow-y:auto}.note-item-label{align-items:flex-start;border-bottom:1px solid #f1f3f4;cursor:pointer;display:flex;gap:12px;margin:0;padding:12px 16px;transition:background-color .2s ease}.note-item-label:last-child{border-bottom:none}.note-item-label:hover{background:#f8f9fa}.note-item-checkbox{cursor:pointer;flex-shrink:0;margin:2px 0 0}.note-item-content{flex:1 1;min-width:0}.note-item-title{color:#212529;display:block;font-weight:500;line-height:1.3;margin-bottom:4px}.note-item-preview{word-wrap:break-word;color:#6c757d;display:block;font-size:.85rem;line-height:1.4}.notes-selection-summary{background:#e9ecef;border-top:1px solid #dee2e6;padding:8px 16px;text-align:center}.selection-count{color:#495057;font-size:.85rem;font-weight:500}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:576px){.confirmation-dialog{margin:20px;width:95%}.confirmation-dialog__actions,.confirmation-dialog__content,.confirmation-dialog__header{padding-left:16px;padding-right:16px}.confirmation-dialog__actions{flex-direction:column}.confirmation-dialog__button{width:100%}}@media (prefers-color-scheme:dark){.confirmation-dialog{background:#2d3748;color:#e2e8f0}.confirmation-dialog__header{border-bottom-color:#4a5568}.confirmation-dialog__title{color:#f7fafc}.confirmation-dialog__message{color:#a0aec0}.confirmation-dialog__linked-item{background:#744210;border-color:#975a16}.confirmation-dialog__linked-text{color:#fbd38d}.confirmation-dialog__linked-subtext{color:#d69e2e}.confirmation-dialog__button--cancel{background:#4a5568;border-color:#718096;color:#e2e8f0}.confirmation-dialog__button--cancel:hover{background:#2d3748;color:#f7fafc}}.meeting{display:flex;flex-direction:column;height:100vh;width:100%}.meeting-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xl);justify-content:flex-start;margin-top:var(--spacing-lg);min-height:calc(100vh - 80px);overflow-y:visible;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);position:relative}.meeting-connection-status{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);max-width:600px;padding:var(--spacing-sm);width:100%}.meeting-connection-status.compact{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm)}.status-indicator{align-items:center;display:flex;gap:var(--spacing-xs)}.attempt-count,.status-indicator{color:var(--text-secondary);font-size:var(--font-size-sm)}.status-actions{display:flex;gap:var(--spacing-xs)}.status-debug-btn,.status-retry-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.status-debug-btn:hover,.status-retry-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.meeting-debug-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);max-width:600px;padding:var(--spacing-md);width:100%}.debug-section{background:var(--bg-secondary);border-radius:8px;margin-bottom:12px;padding:12px}.debug-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 8px}.debug-grid{grid-gap:8px;display:grid;font-size:.9rem;gap:8px;grid-template-columns:1fr 2fr;margin:8px 0}.debug-grid span:first-child{color:var(--text-secondary);font-weight:500}.debug-grid span:last-child{color:var(--text-primary);word-break:break-all}.debug-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.debug-action-btn{background-color:var(--accent-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.debug-action-btn:hover{background-color:var(--accent-green);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.debug-action-btn:active{transform:translateY(0)}.connection-debug-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-top:var(--spacing-md);max-width:600px;padding:var(--spacing-md);width:100%}.connection-debug-info h4{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;margin:0 0 var(--spacing-sm) 0}.connection-debug-info p{color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin:var(--spacing-xs) 0}.connection-debug-info p strong{color:var(--text-primary)}.detailed-diagnostics{border-top:1px solid var(--border-color);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.detailed-diagnostics p{color:var(--text-secondary);font-size:calc(var(--font-size-sm) - 1px);margin:var(--spacing-xs) 0}.meeting-error{animation:slideDown .3s ease;background:#f926721a;border:1px solid var(--accent-red);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);color:var(--accent-red);gap:var(--spacing-md);left:50%;max-width:90%;padding:var(--spacing-md) var(--spacing-lg);position:absolute;top:var(--spacing-md);transform:translateX(-50%);z-index:var(--z-elevate)}.error-content,.meeting-error{align-items:center;display:flex}.error-content{gap:var(--spacing-sm)}.error-icon{font-size:var(--font-size-lg)}.error-message{flex:1 1;font-weight:var(--font-weight-medium);margin:0}.error-dismiss{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--accent-red);cursor:pointer;font-weight:var(--font-weight-bold);padding:var(--spacing-xs) var(--spacing-sm);transition:background-color var(--transition-fast)}.error-dismiss:hover{background:#ffffff1a}.meeting-main{align-items:center;display:flex;flex-direction:column;margin-top:var(--spacing-lg);max-width:600px;text-align:center}.meeting-image{height:auto;margin-bottom:var(--spacing-xl);opacity:1;width:200px}.meeting-title{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-md)}.meeting-description{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-xl)}.meeting-button{background:var(--accent-blue);border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);color:var(--bg-primary);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.meeting-button:hover:not(:disabled){background:var(--accent-green);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.meeting-button:active{transform:translateY(0)}.meeting-button:disabled{background:var(--text-secondary);box-shadow:var(--shadow-sm);cursor:not-allowed;transform:none}.meeting-note{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic;margin:0;opacity:.8}.meeting-online-users{margin:var(--spacing-lg);max-width:600px;width:100%}.meeting-auth-prompt{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-top:var(--spacing-xl);max-width:600px;padding:var(--spacing-lg);text-align:center;width:100%}.meeting-auth-prompt p{color:var(--text-secondary);font-size:var(--font-size-md);margin:0}.websocket-reconnect-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-top:var(--spacing-md);max-width:600px;padding:var(--spacing-md);width:100%}.reconnect-content{align-items:center;display:flex;gap:var(--spacing-md);text-align:center}.reconnect-icon{font-size:var(--font-size-lg)}.reconnect-message{color:var(--text-secondary);flex:1 1;font-size:var(--font-size-sm);margin:0}.reconnect-btn{background:var(--accent-blue);border:none;border-radius:var(--border-radius-sm);color:var(--bg-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.reconnect-btn:hover{background:var(--accent-green)}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:1024px){.meeting-content{padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md)}}@media (max-width:768px){.meeting-content{gap:var(--spacing-lg);margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-sm) var(--spacing-sm)}.meeting-title{font-size:var(--font-size-2xl)}.meeting-button,.meeting-description{font-size:var(--font-size-md)}.meeting-button{padding:var(--spacing-sm) var(--spacing-lg)}.meeting-image{margin-bottom:var(--spacing-lg);width:150px}.meeting-error{flex-direction:column;gap:var(--spacing-sm);left:auto;margin-bottom:var(--spacing-md);position:relative;text-align:center;top:auto;transform:none}.meeting-main,.meeting-online-users{max-width:100%}.debug-actions{flex-direction:column;gap:var(--spacing-xs)}}@media (max-width:480px){.meeting-content{gap:var(--spacing-md);padding:var(--spacing-sm)}.meeting-title{font-size:var(--font-size-xl)}.meeting-button{font-size:var(--font-size-md);padding:var(--spacing-sm)}.meeting-online-users{margin:var(--spacing-lg)}}.universal-title{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0}.pending-invitations-banner{align-items:center;background:#ffe56426;background:var(--accent-yellow-light,#ffe56426);border:1px solid #fc0;border:1px solid var(--accent-yellow,#fc0);border-radius:var(--border-radius-md);color:var(--text-primary);display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-md)}.blink-dot{animation:blink-dot 1s infinite;background:#f92672;background:var(--accent-red,#f92672);border-radius:50%;height:10px;width:10px}@keyframes blink-dot{0%,49%{opacity:1}50%,to{opacity:0}}.decline-call-btn,.join-call-btn{border:none;border-radius:var(--border-radius-sm);color:var(--bg-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md);transition:background var(--transition-fast)}.join-call-btn{background:var(--accent-blue)}.join-call-btn:hover{background:var(--accent-green)}.decline-call-btn{background:var(--accent-red)}.decline-call-btn:hover{background:#d91e48;background:var(--accent-red-dark,#d91e48)}.meeting-page .content-box{overflow-y:auto!important;overscroll-behavior:contain}.meeting-fab.chat-toggle{align-items:center;background:var(--accent-blue);border:none;border-radius:0 6px 6px 0;box-shadow:2px 0 6px #0000004d;color:#fff;cursor:pointer;display:flex;justify-content:center;left:0;padding:10px 12px;position:fixed;top:50%;transform:translateY(-50%);transition:transform .3s ease,background .2s ease;z-index:1020}.meeting-fab.chat-toggle:hover{background:var(--accent-green);opacity:1}body.chat-open .meeting-fab.chat-toggle{pointer-events:none;transform:translate(-120%,-50%)}.light-theme .pending-invitations-banner{background:#ffe56433;border-color:var(--accent-yellow);color:var(--text-primary)}.light-theme .connection-debug-info,.light-theme .meeting-connection-status,.light-theme .meeting-debug-panel{background:var(--bg-secondary);border-color:var(--border-color)}.chat-section{background:var(--chat-bg);border-right:1px solid var(--chat-border);box-shadow:var(--shadow-md);height:calc(100vh - 60px);left:80px;opacity:0;position:fixed;top:60px;transform:translateX(-100%);transition:transform .3s ease-in-out,opacity .2s ease-in-out,visibility 0s linear .3s;visibility:hidden;width:320px;z-index:var(--z-modal)}.chat-section.visible{opacity:1;transform:translateX(0);transition:transform .3s ease-in-out,opacity .2s ease-in-out,visibility 0s linear;visibility:visible}.chat-header{align-items:center;background:var(--chat-bg);border-bottom:1px solid var(--chat-border);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.search-icon{color:#999;color:var(--input-placeholder,#999);pointer-events:none;position:absolute;right:8px;right:var(--spacing-sm,8px);top:50%;transform:translateY(-50%)}.new-chat-button{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);transition:all var(--transition-fast)}.new-chat-button:hover{background:var(--header-button-hover);color:var(--text-primary)}.chat-sidebar-container{background:#fff;background:var(--chat-bg,#fff);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md,0 4px 6px #0000001a);z-index:1010}.chat-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.search-container{margin:8px 16px;margin:var(--spacing-sm,8px) var(--spacing-md,16px);margin-bottom:16px;margin-bottom:var(--spacing-md,16px);position:relative}.search-input{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.search-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #4a9eff33;outline:none}.search-input::placeholder{color:var(--text-secondary);font-size:14px;opacity:1}.chat-tabs{background:#fff;background:var(--chat-bg,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--chat-border,#e0e0e0);display:flex}.chat-tabs,.tab{padding:8px 16px;padding:var(--spacing-sm,8px) var(--spacing-md,16px)}.tab{background:none;border:none;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm,.875rem);position:relative;transition:color .2s;transition:color var(--transition-fast,.2s)}.tab.active,.tab:hover{color:#4a9eff;color:var(--chat-button-bg,#4a9eff)}.tab.active{font-weight:600;font-weight:var(--font-weight-bold,600)}.tab.active:after{background:#4a9eff;background:var(--chat-button-bg,#4a9eff);bottom:-9px;content:"";height:2px;left:0;position:absolute;width:100%}.chat-list{background:#fff;background:var(--chat-bg,#fff);flex-grow:1;overflow-y:auto;scrollbar-color:#666 #fff;scrollbar-color:var(--text-secondary,#666) var(--bg-primary,#fff);scrollbar-width:thin}.chat-list::-webkit-scrollbar{width:8px}.chat-list::-webkit-scrollbar-track{background:#fff;background:var(--bg-primary,#fff);border-radius:4px}.chat-list::-webkit-scrollbar-thumb{background:#666;background:var(--text-secondary,#666);border:2px solid #fff;border:2px solid var(--bg-primary,#fff);border-radius:4px}.chat-list::-webkit-scrollbar-thumb:hover{background:#333;background:var(--text-primary,#333)}.chat-item{align-items:center;background:none;border:none;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light,#f0f0f0);color:inherit;cursor:pointer;display:flex;gap:16px;gap:var(--spacing-md,16px);padding:16px;padding:var(--spacing-md,16px);text-align:left;text-decoration:none;transition:background-color .2s;transition:background-color var(--transition-fast,.2s);width:100%}.chat-item:hover{background:#f5f5f5;background:var(--chat-button-hover,#f5f5f5)}.chat-item.unread .chat-title span:first-child:after{background-color:#4a9eff;background-color:var(--chat-button-bg,#4a9eff);border-radius:50%;content:"";display:inline-block;height:8px;margin-left:4px;margin-left:var(--spacing-xs,4px);vertical-align:middle;width:8px}.chat-avatar{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);border-radius:6px;border-radius:var(--border-radius-md,6px);flex-shrink:0;height:56px;overflow:hidden;width:56px}.chat-avatar img{height:100%;object-fit:cover;width:100%}.chat-details{flex-grow:1;min-width:0}.chat-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--spacing-xs,4px)}.chat-title span:first-child{color:#333;color:var(--text-primary,#333);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-bold,600)}.chat-date{color:#666;color:var(--text-secondary,#666);font-size:.74375rem;font-size:calc(var(--font-size-sm, .875rem)*.85)}.chat-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-preview,.no-chats-message{color:#666;color:var(--text-secondary,#666);font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.no-chats-message{align-items:center;background-color:#fff;background-color:var(--chat-bg,#fff);border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light,#f0f0f0);display:flex;height:120px;justify-content:center;padding:0 24px;padding:0 var(--spacing-lg,24px);text-align:center}.chat-section-divider{background-color:#f0f0f0;background-color:var(--border-light,#f0f0f0);height:1px;margin:16px 0;margin:var(--spacing-md,16px) 0}.chat-connections{padding:0 16px 16px;padding:0 var(--spacing-md,16px) var(--spacing-md,16px)}.chat-connections .suggested-connections{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md,16px)}.chat-connections .suggested-connections__title{color:#666;color:var(--text-secondary,#666);font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}.chat-connections .connection-card{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);border-radius:4px;border-radius:var(--border-radius-sm,4px);display:flex;flex-direction:column;padding:8px;padding:var(--spacing-sm,8px);transition:transform .2s;transition:transform var(--transition-fast,.2s)}.chat-connections .connection-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.chat-connections .connection-card__header{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm,8px);margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}.chat-connections .connection-card__avatar-container{border-radius:50%;height:40px;overflow:hidden;width:40px}.chat-connections .connection-card__info{flex-grow:1}.chat-connections .connection-card__name{color:#333;color:var(--text-primary,#333);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-bold,600)}.chat-connections .connection-card__role{color:#666;color:var(--text-secondary,#666);font-size:.74375rem;font-size:calc(var(--font-size-sm, .875rem)*.85);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-connections .connection-card__connect-btn{background-color:#4a9eff;background-color:var(--chat-button-bg,#4a9eff);border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#fff;cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500);padding:8px;padding:var(--spacing-sm,8px);transition:background-color .2s;transition:background-color var(--transition-fast,.2s)}.chat-connections .connection-card__connect-btn:hover{background-color:#2c8af8;background-color:var(--chat-button-hover-bg,#2c8af8)}.chat-window .error-banner{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.chat-window .error-banner button{background:none;border:none;color:#c33;cursor:pointer;font-size:1.2rem;margin-left:8px;padding:0}.chat-window .error-state{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center}.chat-window .error-state .error-message{background-color:#fee;border:1px solid #fcc;border-radius:8px;max-width:300px;padding:16px}.chat-window .error-state button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:12px;padding:8px 16px}.chat-window .error-state button:hover{background-color:#0056b3}.chat-bubble .status-failed{color:#c33;font-size:.8rem;margin-left:8px}.chat-input-bar textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.chat-input-bar button:disabled{background-color:#ccc;cursor:not-allowed}.connections-tab-content{flex:1 1;overflow-y:auto;padding:8px 0}.chat-connections{margin-top:auto}.pagination-dots-container{align-items:center;display:flex;gap:8px;justify-content:center;padding:12px}.pagination-dot{background-color:var(--border-color);border:none;border-radius:50%;cursor:pointer;height:8px;opacity:.4;outline:none;padding:0;position:relative;transition:all .3s ease;width:8px}.pagination-dot:hover{background-color:var(--text-secondary);opacity:.6;transform:scale(1.2)}.pagination-dot.active{background-color:var(--accent-blue);height:10px;opacity:1;width:10px}.pagination-dot:focus-visible{box-shadow:0 0 0 2px #66d9ef4d}[data-theme=light] .pagination-dot{background-color:var(--light-border-color);opacity:.5}[data-theme=light] .pagination-dot:hover{background-color:var(--light-text-secondary);opacity:.7}[data-theme=light] .pagination-dot.active{background-color:var(--light-accent-blue);opacity:1}[data-theme=light] .pagination-dot:focus-visible{box-shadow:0 0 0 2px #0097c44d}@keyframes pulse-dot{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.pagination-dot.active{animation:pulse-dot .3s ease-out}.pagination-dot:disabled{cursor:not-allowed;opacity:.3}@media (hover:none){.pagination-dot{height:10px;width:10px}.pagination-dot.active{height:12px;width:12px}}.suggested-connections{background:#0000;border:none;margin:0;padding:0;position:relative;width:100%}.suggested-connections__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:0 2px}.suggested-connections__title{color:var(--text-primary);font-size:15px;font-weight:600;letter-spacing:.025em;margin:0}.debug-info-compact{color:var(--text-secondary);display:flex;font-size:10px;gap:6px}.debug-info-compact span{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:2px;padding:1px 4px}.suggested-connections__loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;padding:20px 12px}.loading-spinner{border-top:2px solid var(--bg-tertiary);border:2px solid var(--bg-tertiary);border-top-color:var(--accent-primary);height:20px;margin-bottom:6px;width:20px}.suggested-connections__error{background:#ef444414;border:1px solid #ef444426;border-radius:6px;color:#ef4444;color:var(--accent-red);font-size:13px;padding:10px;text-align:center}.retry-button{background:var(--accent-primary);font-size:11px;margin-top:6px;padding:4px 10px}.retry-button:hover{background:#5b21b6;background:var(--accent-primary-hover)}.suggested-connections__empty{color:var(--text-secondary);font-size:13px;padding:16px 12px;text-align:center}.suggested-connections__empty p{font-weight:500;margin:0 0 4px}.suggested-connections__empty span{font-size:12px;opacity:.8}.suggested-connections__content{display:flex;flex-direction:column;min-height:200px;position:relative;width:100%}.suggested-connections__grid{display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:180px;width:100%}.connection-card{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:visible;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.connection-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #00000026;transform:translateY(-1px);z-index:10}.connection-card:hover .connection-card__tooltip{opacity:1;transform:translateY(-50%) translateX(0);visibility:visible}.connection-card__header{align-items:center;display:flex;gap:10px;padding:8px 10px;width:100%}.connection-card__avatar-container{flex-shrink:0;height:36px;position:relative;width:36px}.connection-card__avatar,.connection-card__avatar-fallback{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;height:100%;transition:border-color .2s ease;width:100%}.connection-card:hover .connection-card__avatar,.connection-card:hover .connection-card__avatar-fallback{border-color:var(--accent-primary)}.connection-card__avatar{object-fit:cover}.connection-card__avatar-fallback{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,#7c3aed 100%);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);color:#fff;display:flex;font-size:13px;font-weight:600;justify-content:center}.connection-card__info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.connection-card__name{color:var(--text-primary);font-size:13px;font-weight:600;letter-spacing:.025em}.connection-card__name,.connection-card__role{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-card__role{color:var(--text-secondary);font-size:11px;font-weight:500}.connection-card__location{color:#9ca3af;color:var(--text-tertiary);font-size:10px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-card__shared-interests{margin-top:1px}.shared-interests-indicator{align-items:center;color:var(--text-secondary);display:flex;font-size:10px;gap:3px}.interests-icon{color:var(--accent-primary);font-size:10px}.interests-count{color:var(--accent-primary);font-weight:600}.connection-card__actions{align-items:center;display:flex;flex-shrink:0}.connection-card__connect-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:6px;box-shadow:0 1px 3px #0003;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:500;gap:3px;padding:5px 8px;transition:all .2s ease;white-space:nowrap}.connection-card__connect-btn:hover{background:#5b21b6;background:var(--accent-primary-hover);box-shadow:0 2px 6px #00000040;transform:translateY(-1px)}.connection-card__tooltip{word-wrap:break-word;background:#2a2a2a;background:var(--bg-tooltip,#2a2a2a);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 20px #00000040;color:#fff;font-size:11px;left:100%;max-width:300px;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(8px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;white-space:normal;width:250px;z-index:1000}.connection-card:last-child .connection-card__tooltip{left:auto;right:100%;transform:translateY(-50%) translateX(-8px);z-index:1001}.connection-card__tooltip:before{border:6px solid #0000;border-right:6px solid var(--border-primary);left:-6px;z-index:1002}.connection-card__tooltip:after,.connection-card__tooltip:before{content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.connection-card__tooltip:after{border:5px solid #0000;border-right:5px solid var(--bg-tooltip,#2a2a2a);left:-5px;z-index:1003}.connection-card:last-child .connection-card__tooltip:before{border-color:#0000 #0000 #0000 var(--border-primary);left:auto;right:-6px}.connection-card:last-child .connection-card__tooltip:after{border-color:#0000 #0000 #0000 #2a2a2a;border-color:#0000 #0000 #0000 var(--bg-tooltip,#2a2a2a);left:auto;right:-5px}.tooltip-section{margin-bottom:8px}.tooltip-section:last-child{margin-bottom:0}.tooltip-section strong{color:var(--text-primary);display:block;font-size:11px;font-weight:600;margin-bottom:3px}.tooltip-section p{color:var(--text-secondary);font-size:10px;line-height:1.4;margin:0}.suggested-connections__navigation{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:auto;order:2;padding:8px 2px 4px}.nav-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:5px;color:var(--text-primary);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;min-width:60px;padding:4px 10px;transition:all .2s ease}.nav-button:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-1px)}.nav-button:disabled{cursor:not-allowed;opacity:.4}.suggested-connections__pagination{order:3}@media (max-width:768px){.connection-card__header{gap:8px;padding:6px 8px}.connection-card__avatar-container{height:32px;width:32px}.connection-card__name{font-size:12px}.connection-card__role{font-size:10px}.connection-card__connect-btn{font-size:9px;padding:4px 6px}.connection-card__tooltip{max-width:90vw;width:200px}.nav-button{font-size:10px;min-width:50px;padding:3px 8px}}@media (max-width:480px){.suggested-connections__content{min-height:180px}.suggested-connections__grid{gap:4px;min-height:140px}.connection-card__header{gap:6px;padding:5px 6px}.connection-card__avatar-container{height:28px;width:28px}.connection-card__tooltip{bottom:auto;left:50%;max-width:85vw;position:fixed;right:auto;top:auto;transform:translateX(-50%) translateY(-100%);width:200px;z-index:9999}.connection-card:hover .connection-card__tooltip{bottom:100%;transform:translateX(-50%) translateY(-8px)}.connection-card__tooltip:before{border-color:var(--border-primary) #0000 #0000 #0000;border-width:5px 5px 0;left:50%;right:auto;top:100%;transform:translateX(-50%)}.connection-card__tooltip:after{border-color:#2a2a2a #0000 #0000;border-color:var(--bg-tooltip,#2a2a2a) #0000 #0000 #0000;border-width:4px 4px 0;left:50%;right:auto;top:100%;transform:translateX(-50%)}.nav-button{font-size:9px;gap:2px;min-width:45px;padding:3px 6px}.suggested-connections__navigation{padding:6px 2px 3px}.suggested-connections__pagination{padding:3px 0 4px}}:root{--bg-tooltip:#2a2a2a;--text-tertiary:#9ca3af;--accent-secondary:#7c3aed}[data-theme=dark]{--bg-tooltip:#1f2937}.connection-card{animation:slideInUp .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.connections-container{background:#fff;background:var(--surface-light,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;margin-bottom:16px;overflow:hidden}.connections-header{align-items:center;background:#f8fafc;background:var(--surface-secondary,#f8fafc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 16px}.connections-header h4{flex:1 1;font-size:14px;font-weight:600;margin:0}.refresh-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.refresh-btn:hover{background:#f3f4f6;background:var(--surface-hover,#f3f4f6);color:#1f2937;color:var(--text-primary,#1f2937)}.connections-loading{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:13px;gap:8px;justify-content:center;padding:24px 16px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border:2px solid var(--border-color,#e5e7eb);border-radius:50%;border-top-color:var(--accent-blue,#3b82f6);height:16px;width:16px}.connections-error{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;padding:16px;text-align:center}.retry-btn{background:#3b82f6;background:var(--accent-blue,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 12px;transition:background-color .2s ease}.retry-btn:hover{background:#2563eb;background:var(--accent-blue-hover,#2563eb)}.connections-empty{color:#6b7280;color:var(--text-secondary,#6b7280);padding:24px 16px;text-align:center}.empty-icon{color:#9ca3af;color:var(--text-tertiary,#9ca3af);margin-bottom:8px}.connections-empty span{display:block;font-size:14px;font-weight:500;margin-bottom:4px}.connections-empty p{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:12px;margin:0}.connections-list{max-height:300px;overflow-y:auto}.connection-item{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light,#f3f4f6);display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.connection-item:last-child{border-bottom:none}.connection-item:hover{background:#f8fafc;background:var(--surface-hover,#f8fafc)}.connection-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.connection-avatar{flex-shrink:0;height:36px;position:relative;width:36px}.connection-avatar img{object-fit:cover}.avatar-fallback,.connection-avatar img{border-radius:50%;height:100%;width:100%}.avatar-fallback{align-items:center;background:#3b82f6;background:var(--accent-blue,#3b82f6);color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center}.status-indicator{border:2px solid #fff;border:2px solid var(--surface-light,#fff);bottom:0;height:10px;right:0;width:10px}.status-indicator.online{background:#10b981}.connection-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.connection-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-status{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px}.connection-actions{display:flex;flex-shrink:0;gap:6px}.action-btn{align-items:center;background:#f8fafc;background:var(--surface-secondary,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.action-btn:hover{background:#f3f4f6;background:var(--surface-hover,#f3f4f6);border-color:#d1d5db;border-color:var(--border-hover,#d1d5db);color:#1f2937;color:var(--text-primary,#1f2937)}.message-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#3b82f6;color:var(--accent-blue,#3b82f6)}.video-btn:hover{background:#f0fdf4;border-color:#bbf7d0;color:#10b981}.video-btn.calling{background:#fef3c7;border-color:#fcd34d;color:#d97706;cursor:not-allowed}.calling-icon{animation:pulse 1.5s ease-in-out infinite}.action-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.connection-item{padding:10px 12px}.connection-avatar{height:32px;width:32px}.avatar-fallback,.connection-name{font-size:13px}.connection-status{font-size:11px}.action-btn{padding:5px}}.context-sidebar{background-color:#1e1f1c;background-color:var(--bg-primary,#1e1f1c);border-right:1px solid #49483e;border-right:1px solid var(--border-color,#49483e);box-shadow:2px 0 5px #0000001a;color:#f8f8f2;color:var(--text-primary,#f8f8f2);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;pointer-events:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:320px;z-index:1010}.context-sidebar.visible{transform:translateX(0)}.context-sidebar.hidden{pointer-events:none;transform:translateX(-100%)}.sidebar-header{align-items:center;background-color:#272822;background-color:var(--bg-secondary,#272822);border-bottom:1px solid #49483e;border-bottom:1px solid var(--border-color,#49483e);display:flex;justify-content:space-between;padding:16px;padding:var(--spacing-md,16px)}.sidebar-header h2{color:#f8f8f2;color:var(--text-primary,#f8f8f2);font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:500;font-weight:var(--font-weight-medium,500);margin:0}.toggle-sidebar-btn{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#75715e;color:var(--text-secondary,#75715e);cursor:pointer;display:flex;font-size:1.5rem;height:28px;justify-content:center;padding:0;transition:all .2s;transition:all var(--transition-fast,.2s);width:28px}.toggle-sidebar-btn:hover{background-color:#272822;background-color:var(--hover-color,#272822);color:#f8f8f2;color:var(--text-primary,#f8f8f2)}.sidebar-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px;padding:var(--spacing-md,16px)}.profile-sidebar{background-color:var(--bg-primary);background-color:var(--profile-sidebar-bg,var(--bg-primary))}.knowledge-sidebar{background-color:var(--bg-primary);background-color:var(--knowledge-sidebar-bg,var(--bg-primary))}.chat-sidebar{background-color:var(--bg-primary);background-color:var(--chat-sidebar-bg,var(--bg-primary))}.app-container,.main-content{margin-left:72px;transition:margin-left .3s ease}@media (max-width:768px){.context-sidebar{left:0;width:280px}.app-container,.main-content{margin-left:0}}.online-users-container{margin-top:var(--spacing-lg);max-width:600px;padding:var(--spacing-md);width:100%}.online-users-header{border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.header-content h3{font-size:var(--font-size-lg)}.connection-status-container{font-size:var(--font-size-sm)}.connection-connected{border:1px solid #a6e22e4d}.connection-disconnected{background:#f926721a;color:var(--accent-red)}.connection-disconnected,.connection-error{border:1px solid #f926724d}.connection-connecting{background:#fd971f1a;border:1px solid #fd971f4d;color:var(--accent-orange)}.last-updated{font-size:.75rem}.connection-warning{align-items:center;border:1px solid;border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.warning-disconnected,.warning-error{background:#f926721a;border-color:#f926724d;color:var(--accent-red)}.warning-connecting{background:#fd971f1a;border-color:#fd971f4d;color:var(--accent-orange)}.warning-content{align-items:center;display:flex;gap:var(--spacing-sm)}.warning-text{display:flex;flex-direction:column;gap:2px}.warning-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.warning-subtitle{font-size:.75rem;opacity:.8}.warning-refresh{background:#0000;border:1px solid;border-radius:var(--border-radius-sm);color:inherit;cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-fast)}.warning-refresh:hover{background:currentColor;color:var(--bg-secondary)}.online-users-list{max-height:400px;min-height:200px;scrollbar-color:var(--accent-blue) var(--bg-primary);scrollbar-width:thin}.user-item{background:var(--bg-primary);border:1px solid var(--border-light);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);transition:all var(--transition-fast)}.user-item:hover{border-color:var(--accent-blue);transform:translateY(-1px)}.user-info{min-width:0}.user-avatar{flex-shrink:0}.avatar-text{color:var(--bg-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.status-indicator{border:2px solid var(--bg-primary);height:12px;width:12px}.user-details{gap:2px;min-width:0;position:relative}.username{font-size:var(--font-size-md);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-status-hover{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);bottom:0;color:var(--text-secondary);font-size:var(--font-size-sm);left:0;opacity:0;padding:2px 4px;pointer-events:none;position:absolute;transition:opacity var(--transition-fast);white-space:nowrap;z-index:10}.user-item:hover .user-status-hover{opacity:1}.call-actions{flex-shrink:0;gap:var(--spacing-sm)}.call-button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);height:40px;min-width:40px;padding:var(--spacing-sm);transition:all var(--transition-fast)}.call-button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.call-button:active{transform:translateY(0)}.call-button:disabled{box-shadow:none;opacity:.5;transform:none}.video-call{background:linear-gradient(135deg,var(--accent-green),#7cb342);border-color:var(--accent-green);color:var(--bg-primary)}.video-call:hover{background:linear-gradient(135deg,#7cb342,var(--accent-green));border-color:#7cb342;box-shadow:0 4px 12px #a6e22e4d}.text-message{background:linear-gradient(135deg,var(--accent-blue),#42a5f5);border-color:var(--accent-blue);color:var(--bg-primary)}.text-message:hover{background:linear-gradient(135deg,#42a5f5,var(--accent-blue));border-color:#42a5f5;box-shadow:0 4px 12px #66d9ef4d}.calling{animation:calling-pulse 2s infinite;background:linear-gradient(135deg,var(--accent-orange),#ff9800);border-color:var(--accent-orange);color:var(--bg-primary)}@keyframes calling-pulse{0%,to{box-shadow:0 0 0 0 #fd971fb3;transform:scale(1)}50%{box-shadow:0 0 0 10px #fd971f00;transform:scale(1.05)}}.calling-icon{animation:pulse 1.5s infinite}.status-text{font-style:italic}.empty-state{min-height:200px;padding:var(--spacing-xl)}.empty-icon{opacity:.6}.empty-icon.error{color:var(--accent-red)}.empty-icon.connecting{animation:pulse 2s infinite;color:var(--accent-blue)}.empty-icon.disconnected{color:var(--accent-red)}.empty-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-sm) 0}.empty-subtitle{font-size:var(--font-size-md);line-height:1.5;margin:0 0 var(--spacing-md) 0}.empty-tip{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.refresh-button-large{font-size:var(--font-size-md);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg)}.loading-dots{display:flex;gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-md)}.loading-dots span{animation:loading-bounce 1.4s ease-in-out infinite both;background:var(--accent-orange);border-radius:50%;display:inline-block;height:6px;width:6px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loading-bounce{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.light-theme .user-avatar{border:2px solid var(--bg-secondary)}.light-theme .status-indicator{border-color:var(--bg-secondary)}.light-theme .empty-tip{background:var(--bg-secondary)}.connection-fallback{background:#66d9ef1a;border:1px solid #66d9ef4d;color:var(--accent-blue)}.connection-limited{background:#fd971f1a;border:1px solid #fd971f4d;color:var(--accent-orange)}.empty-state.normal .empty-icon{color:var(--text-secondary)}.empty-state.connecting .empty-icon{color:var(--accent-blue)}.empty-state.connection-issue .empty-icon{color:var(--accent-red)}.online-users-list::-webkit-scrollbar{width:8px}.online-users-list::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:var(--border-radius-sm)}.online-users-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-blue),var(--accent-green));border-radius:var(--border-radius-sm);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.online-users-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-green),var(--accent-blue))}.online-users-list::-webkit-scrollbar-corner{background:var(--bg-primary)}.online-users-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;max-height:500px;overflow:hidden}.online-users-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.header-content{align-items:center;color:var(--text-primary);display:flex;gap:var(--spacing-sm)}.header-content h3{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:0}.connection-status-container{align-items:center;display:flex;gap:var(--spacing-sm)}.connection-status{align-items:center;border-radius:var(--border-radius-sm);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.connection-connected{background:#a6e22e1a;color:var(--accent-green)}.connection-disconnected{background:#fd971f1a;color:var(--accent-orange)}.connection-error{background:#f926721a;color:var(--accent-red)}.connection-connecting{background:#66d9ef1a;color:var(--accent-blue)}.online-users-list{flex:1 1;overflow-y:auto;padding:var(--spacing-sm)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.empty-icon,.empty-state{color:var(--text-secondary)}.empty-icon{margin-bottom:var(--spacing-md);opacity:.5}.empty-state p{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-sm) 0}.empty-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);opacity:.8}.user-item{align-items:center;border:1px solid #0000;border-radius:var(--border-radius-md);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast)}.user-item:hover{background:var(--bg-primary);border-color:var(--border-light)}.user-info{flex:1 1;gap:var(--spacing-sm)}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:var(--accent-blue);border-radius:50%;color:var(--bg-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);height:40px;justify-content:center;position:relative;width:40px}.avatar-text{line-height:1}.status-indicator{border:2px solid var(--bg-secondary);border-radius:50%;bottom:-2px;height:14px;position:absolute;right:-2px;width:14px}.status-online{background:var(--accent-green)}.status-away{background:var(--accent-yellow)}.status-busy{background:var(--accent-red)}.status-in-call{background:var(--accent-blue)}.status-offline{background:var(--text-secondary)}.user-details{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.username{color:var(--text-primary);font-weight:var(--font-weight-medium)}.user-status,.username{font-size:var(--font-size-sm)}.user-status{color:var(--text-secondary);text-transform:capitalize}.call-actions{gap:8px}.call-actions,.call-button{align-items:center;display:flex}.call-button{border:none;border-radius:18px;cursor:pointer;height:36px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:36px}.call-button:disabled{cursor:not-allowed;opacity:.6}.call-button.text-message{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.call-button.text-message:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.call-button.video-call{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.call-button.video-call:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.call-button.audio-call{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.call-button.audio-call:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 4px 12px #48bb7866;transform:translateY(-1px)}.call-button.calling{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ed8936,#dd6b20)}.calling-icon{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-text{font-weight:var(--font-weight-medium)}.last-updated,.status-text{color:var(--text-secondary);font-size:var(--font-size-sm)}.last-updated{opacity:.8}.refresh-button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast)}.refresh-button:hover{background:var(--bg-secondary);border-color:var(--accent-blue);color:var(--accent-blue)}.refresh-button:active{transform:scale(.95)}.refresh-button-large{align-items:center;background:var(--accent-blue);border:none;border-radius:var(--border-radius-md);color:var(--bg-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.refresh-button-large:hover{background:var(--accent-green);box-shadow:var(--shadow-md);transform:translateY(-1px)}.refresh-button-large:active{transform:translateY(0)}.connection-issue{opacity:.8}.call-invitation-overlay{align-items:flex-start;animation:fadeIn .3s ease;background:#0000;bottom:0;display:flex;justify-content:flex-end;left:0;padding:var(--spacing-lg);pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.call-invitation-modal{animation:slideInFromRight .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-primary);border:2px solid var(--accent-blue);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:90vw;min-width:280px;padding:var(--spacing-lg);pointer-events:auto;position:relative;width:320px}.call-invitation-modal.outgoing{background:linear-gradient(135deg,var(--bg-primary) 0,#a6e22e0d 100%);border-color:var(--accent-green)}.call-invitation-modal.incoming{background:linear-gradient(135deg,var(--bg-primary) 0,#66d9ef0d 100%);border-color:var(--accent-blue)}.invitation-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:center}.call-icon-container{align-items:center;animation:pulse 2s infinite;border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:var(--spacing-sm);width:60px}.call-icon.video{background:var(--accent-blue);color:var(--bg-primary)}.call-icon.audio,.call-icon.outgoing{background:var(--accent-green);color:var(--bg-primary)}.call-icon.outgoing{animation:pulseOutgoing 1.5s infinite}.invitation-details{flex:1 1;margin-bottom:var(--spacing-sm)}.invitation-title{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.caller-name,.invitation-title{margin-bottom:var(--spacing-xs)}.caller-name{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4}.caller-name strong{color:var(--text-primary);font-weight:var(--font-weight-medium)}.invitation-timer{align-items:center;color:var(--text-secondary);display:flex;font-family:monospace;font-size:var(--font-size-sm);gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-sm)}.invitation-timer.urgent{color:var(--accent-red);font-weight:var(--font-weight-medium)}.invitation-error{align-items:center;background:#f926721a;border:1px solid var(--accent-red);border-radius:var(--border-radius-md);color:var(--accent-red);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);text-align:center}.invitation-actions{display:flex;gap:var(--spacing-sm);width:100%}.accept-button,.reject-button{align-items:center;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);justify-content:center;min-height:36px;padding:var(--spacing-sm);transition:all var(--transition-fast)}.reject-button{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.reject-button:hover:not(:disabled){background:var(--accent-red);border-color:var(--accent-red);color:var(--bg-primary)}.accept-button{background:var(--accent-green);color:var(--bg-primary)}.accept-button:hover:not(:disabled){background:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}.cancel-button{align-items:center;background:#0000;border:1px solid var(--accent-red);border-radius:var(--border-radius-md);color:var(--accent-red);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);justify-content:center;min-height:36px;padding:var(--spacing-sm);transition:all var(--transition-fast)}.cancel-button:hover:not(:disabled){background:var(--accent-red);color:var(--bg-primary)}.accept-button:disabled,.cancel-button:disabled,.reject-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.responding-indicator{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-sm)}.spinner{animation:spin 1s linear infinite;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-blue);height:14px;width:14px}.modal-close-button{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:all var(--transition-fast)}.modal-close-button:hover{background:var(--bg-secondary);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes pulseOutgoing{0%,to{box-shadow:0 0 0 0 #a6e22eb3;transform:scale(1)}50%{box-shadow:0 0 0 10px #a6e22e00;transform:scale(1.1)}}@media (max-width:768px){.online-users-container{max-height:400px}.user-item{padding:var(--spacing-sm)}.user-avatar{font-size:var(--font-size-sm);height:36px;width:36px}.call-button{height:32px;width:32px}.call-invitation-modal,.call-invitation-overlay{padding:var(--spacing-md)}.call-invitation-modal{width:280px}.call-icon-container{height:50px;width:50px}.invitation-title{font-size:var(--font-size-sm)}.caller-name{font-size:var(--font-size-xs)}.accept-button,.cancel-button,.reject-button{font-size:var(--font-size-xs);min-height:32px;padding:var(--spacing-xs)}}.ongoing-calls-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-top:var(--spacing-lg);max-width:600px;padding:var(--spacing-md);width:100%}.ongoing-calls-header{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.ongoing-calls-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}.ongoing-calls-actions{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;width:100%}.ongoing-calls-count{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.ongoing-calls-list{display:flex;flex-wrap:nowrap;gap:var(--spacing-md);overflow-x:auto;padding:var(--spacing-sm) 0;scroll-behavior:smooth}.ongoing-calls-list::-webkit-scrollbar{height:6px}.ongoing-calls-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.ongoing-calls-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.ongoing-calls-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.ongoing-call-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);min-width:320px;overflow:hidden;position:relative;transition:all .2s ease}.ongoing-call-card:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.call-card-content{align-items:flex-start;display:flex;gap:12px;padding:16px}.call-status-indicator{border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.call-status-indicator.active{background:#10b981;background:var(--accent-green);box-shadow:0 0 0 3px #10b98133}.call-card-info{flex:1 1;min-width:0}.call-card-title{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-card-details{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.call-duration,.call-participants-count{color:var(--text-secondary);font-size:13px}.call-type-badge{background:var(--accent-primary);border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:500;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.call-card-actions{align-items:center;display:flex;gap:8px}.join-call-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.join-call-btn:hover{background:#5b21b6;background:var(--accent-primary-hover);transform:translateY(-1px)}.join-icon{height:16px;width:16px}.manual-cleanup-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px;transition:all .2s ease}.manual-cleanup-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.remove-call-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px}.remove-call-btn:hover:not(:disabled){background:#ef4444;background:var(--accent-red);border-color:#ef4444;border-color:var(--accent-red);color:#fff}.remove-call-btn:disabled{cursor:not-allowed;opacity:.6}.remove-call-btn.removing{background:#ef4444;background:var(--accent-red);border-color:#ef4444;border-color:var(--accent-red);color:#fff}.remove-icon,.remove-spinner{height:14px;width:14px}.remove-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff}.call-thumbnail{border-radius:0 10px 0 6px;height:40px;opacity:.8;overflow:hidden;position:absolute;right:0;top:0;width:60px}.call-thumbnail img{height:100%;object-fit:cover;width:100%}@media (max-width:768px){.ongoing-calls-container{margin-top:24px;padding:16px}.ongoing-call-card{min-width:280px}.call-card-content{padding:12px}.call-card-title{font-size:14px}.join-call-btn{font-size:12px;padding:6px 12px}}@media (max-width:480px){.ongoing-calls-header{align-items:flex-start;flex-direction:column;gap:8px}.ongoing-calls-header h3{font-size:16px}.ongoing-call-card{min-width:260px}.ongoing-calls-list{flex-direction:column;overflow-x:hidden}}.ongoing-call-card{animation:slideInRight .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}:root{--accent-green:#10b981;--accent-primary-hover:#5b21b6;--accent-red:#ef4444}.ongoing-calls-container.empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:120px}.no-active-calls-msg{color:var(--text-secondary);font-size:14px;margin:0}.connection-celebration-overlay{align-items:center;animation:celebrationFade 3s ease-in-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4a9effe6,#1d4ed8e6);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.celebration-content{animation:celebrationBounce .8s ease-out;color:#fff;text-align:center}.achievement-icon{animation:iconSpin 1s ease-in-out;font-size:4rem;margin-bottom:1rem}.achievement-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.achievement-message{font-size:1.2rem;line-height:1.4;max-width:500px;opacity:.9}.connection-success-toast{align-items:center;animation:toastSlideIn .5s ease-out,toastSlideOut .5s ease-in 2.5s forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 8px 32px #10b9814d;color:#fff;display:flex;gap:12px;max-width:400px;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:9999}.connection-success-toast .toast-icon{animation:iconBounce .6s ease-out;font-size:1.5rem}.connection-success-toast .toast-content{flex:1 1}.connection-success-toast .toast-title{font-size:1rem;font-weight:600;margin-bottom:4px}.connection-success-toast .toast-message{font-size:.875rem;opacity:.9}.connection-progress{animation:progressSlideUp .6s ease-out,progressSlideDown .4s ease-in 3s forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;bottom:20px;box-shadow:0 8px 32px #0000001a;left:50%;min-width:300px;padding:16px 24px;position:fixed;text-align:center;transform:translateX(-50%);z-index:9998}.progress-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.875rem;font-weight:600;margin-bottom:8px}.progress-bar{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{animation:progressFill 1s ease-out;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;height:100%;transition:width .5s ease-out}.progress-text{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.75rem}.celebration-particles{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9997}.particle{animation:particleFloat 3s ease-out forwards;background:gold;border-radius:50%;height:8px;position:absolute;width:8px}.particle:nth-child(odd){background:#ff6b6b}.particle:nth-child(3n){background:#4ecdc4}@keyframes celebrationFade{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1.05)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes celebrationBounce{0%{opacity:0;transform:translateY(50px) scale(.8)}60%{opacity:1;transform:translateY(-10px) scale(1.1)}80%{transform:translateY(5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes iconSpin{0%{transform:rotate(0deg) scale(.5)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(1)}}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes progressSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes progressSlideDown{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(100%)}}@keyframes progressFill{0%{width:0}to{width:50%;width:var(--progress-width,50%)}}@keyframes particleFloat{0%{opacity:1;transform:translateY(100vh) rotate(0deg)}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}@media (max-width:768px){.celebration-content{padding:0 20px}.achievement-icon{font-size:3rem}.achievement-title{font-size:1.5rem}.achievement-message{font-size:1rem}.connection-success-toast{max-width:calc(100vw - 32px);right:16px;top:16px}.connection-progress{left:16px;min-width:auto;right:16px;transform:none}}@media (prefers-color-scheme:dark){.connection-progress{background:#1f2937f2;color:#f9fafb}.progress-title{color:#f9fafb}.progress-text{color:#d1d5db}}@media (prefers-contrast:high){.connection-celebration-overlay{background:#000000f2}.connection-success-toast{border:2px solid #fff}}.call-summary{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;margin-top:200px;max-width:none;min-height:100%;overflow-x:hidden;overflow-y:auto;padding:0 1rem 2rem;position:relative;width:100%}.call-summary.has-expanded-item{overflow:hidden;overflow-y:auto}#call-summary-title{color:var(--text-primary);display:flex;font-size:2.5rem;font-weight:700;justify-content:center;margin:10rem 0 4rem;padding:4rempx;text-align:center}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-text{animation:fadeInOut 1.5s infinite;color:var(--primary-color);font-size:2.5rem;margin-bottom:2rem;text-shadow:0 2px 4px #0000001a}.loading-circle{animation:spin 1s cubic-bezier(.6,.2,.4,.8) infinite;border-top:6px solid rgba(var(--primary-color-rgb),.1);border:6px solid rgba(var(--primary-color-rgb),.1);border-radius:50%;border-top-color:var(--primary-color);box-shadow:0 4px 10px #0000001a;height:80px;width:80px}.learning-items{gap:1rem;margin:0 auto;max-width:100%;padding:1rem}.learning-items,.learning-items-container{align-items:center;display:flex;flex-direction:column;width:100%}.learning-items-container{height:100%;justify-content:center;margin-bottom:2rem}.learning-items::-webkit-scrollbar{display:none}.learning-items{-ms-overflow-style:none;scrollbar-width:none}.learning-items.has-expanded-item{align-items:center;height:auto;padding-bottom:0}.learning-items.has-expanded-item .learning-item.expanded{margin-bottom:2rem;max-width:800px;min-width:280px;overflow:hidden;padding-bottom:3rem;width:min(90vw,800px);z-index:20}.learning-item{word-wrap:break-word;background:var(--bg-primary);border:2px solid #0000;border-radius:16px;box-shadow:0 8px 24px #0000001a;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:1rem;height:auto;margin:0;max-height:none;max-width:800px;min-height:fit-content;overflow:visible;padding:2rem;position:relative;transition:all .3s ease;white-space:normal;width:100%;z-index:1}.learning-item::-webkit-scrollbar{width:8px}.learning-item::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.learning-item::-webkit-scrollbar-thumb{background:#86a561;background:var(--accent-color,#86a561);border-radius:4px}.learning-item::-webkit-scrollbar-thumb:hover{background:#367a40;background:var(--primary-color,#367a40)}.learning-item.expanded{height:auto;margin-bottom:2rem;max-width:800px;min-height:fit-content;overflow:hidden auto;padding-bottom:3rem;position:relative;width:min(90vw,800px);z-index:20}.learning-item .close-button{align-items:center;animation:pulseGlow 2s ease-in-out infinite;background:#4caf50;background:var(--accent-green,#4caf50);border:none;border-radius:50%;box-shadow:0 0 6px rgba(var(--primary-color-rgb),.5);cursor:pointer;display:flex;height:24px;justify-content:center;padding:5px;position:absolute;right:10px;top:10px;transition:background-color .2s ease;width:24px}.learning-item .close-button:hover{background-color:#0000001a}.learning-item .close-button:before{display:none}.learning-item .close-button .checkmark-icon{filter:drop-shadow(0 0 2px rgba(0,0,0,.3));height:100%;pointer-events:none;width:100%}.learning-item:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-4px)}.learning-item.expanded:hover{transform:none}.learning-item.closing{animation:closeItem .8s cubic-bezier(.34,1.56,.64,1) forwards;border-color:var(--primary-color)}.learning-item.shift{animation:shiftPosition .6s cubic-bezier(.34,1.56,.64,1) forwards}.learning-item:before{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:18px;content:"";filter:blur(1px);inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.learning-item:hover:before{animation:borderGlow 2s infinite;opacity:1}.learning-item h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:.5rem;word-break:break-word}.learning-item p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0;opacity:.9;word-break:break-word}.complete-button{align-self:center;background:var(--accent-yellow);border:none;border-radius:50px;box-shadow:0 8px 24px rgba(var(--primary-color-rgb),.3);color:#fff;cursor:pointer;font-size:1.3rem;font-weight:600;margin-bottom:2rem;margin-top:0;opacity:0;padding:1.2rem 3rem;position:relative;transform:scale(0);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10}.complete-button.visible{animation:pulseButton 4s infinite;opacity:1;transform:scale(1)}.complete-button:hover{background:var(--accent-green);box-shadow:0 12px 32px rgba(var(--primary-color-rgb),.4);transform:scale(1.2)}.garden-preview{bottom:0;display:flex;justify-content:center;left:50%;max-width:800px;opacity:.3;padding:2rem;pointer-events:none;position:fixed;transform:translateX(-50%);width:100%;z-index:1}.garden-preview img{height:auto;max-width:100%;opacity:.5}.recent-additions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(var(--primary-color-rgb),.95);border-radius:12px;box-shadow:0 8px 24px #0003;color:#fff;cursor:pointer;font-weight:500;left:50%;padding:1.2rem 2.5rem;position:absolute;top:2rem;transform:translateX(-50%) scale(0);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10}.recent-additions.visible{animation:floatBox 3s ease-in-out infinite;transform:translateX(-50%) scale(1)}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes borderGlow{0%,to{filter:brightness(1);opacity:.5}50%{filter:brightness(1.2);opacity:.8}}@keyframes closeItem{0%{border-color:var(--primary-color);box-shadow:0 0 0 rgba(var(--primary-color-rgb),.3);transform:scale(1)}50%{border-color:var(--accent-color);box-shadow:0 0 20px rgba(var(--primary-color-rgb),.5);transform:scale(1.1)}to{border-color:var(--accent-color);box-shadow:0 0 40px rgba(var(--primary-color-rgb),0);opacity:0;transform:scale(0)}}@keyframes shiftPosition{0%{transform:translateX(0)}50%{transform:translateX(-20px)}to{transform:translateX(0)}}@keyframes pulseButton{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes floatBox{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}.error-container{align-items:center;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;min-height:50vh;padding:2rem;text-align:center}.error-container h2{color:#dc3545;font-size:1.8rem;margin-bottom:1rem}.error-container p{color:#343a40;font-size:1.1rem;margin-bottom:1rem}.error-container ul{margin-bottom:2rem;padding-left:1.5rem;text-align:left}.error-container li{color:#495057;font-size:1rem;margin-bottom:.5rem}.retry-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease}.retry-button:hover{background-color:#0069d9}@media (max-width:768px){.call-summary{padding:0 0 1rem}.learning-items{gap:.5rem;padding-bottom:120px}.learning-item{margin:0;min-width:250px;padding:1.5rem}.learning-item.expanded{padding:1.5rem;width:calc(90% - .67rem)}.tab-navigation-wrapper{margin-bottom:10px}}.learning-item .expanded-content{margin-top:1rem}.learning-item .details-section h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.learning-item .details-section ul{list-style:none;margin:0;padding:0}.learning-item .details-section li{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0;opacity:.9;padding:.5rem 0;word-break:break-word}.tab-navigation-wrapper{margin-bottom:20px;width:100%;z-index:20}.call-summary .tab-navigation-container{margin:0;padding:0;width:100%}.learning-item.expanded{max-height:70vh;overflow-y:auto}.learning-item.expanded::-webkit-scrollbar{width:6px}.learning-item.expanded::-webkit-scrollbar-thumb{background:rgba(var(--primary-color-rgb),.5);border-radius:3px}@keyframes pulseGlow{0%,to{box-shadow:0 0 4px rgba(var(--primary-color-rgb),.4)}50%{box-shadow:0 0 12px rgba(var(--primary-color-rgb),.8)}}.settings-container{margin:100px auto 0;max-width:1200px;padding:var(--spacing-xl)}.settings{margin:0 auto;max-width:var(--content-width-lg);padding:var(--spacing-lg);width:100%}.settings-header{border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.settings-title{color:var(--accent-blue);font-size:var(--font-size-2xl);margin:0 0 var(--spacing-xs)}.settings-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm)}.settings-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}@supports (grid-template-columns:subgrid){.settings-content{grid-template-columns:repeat(3,1fr)}}.settings-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);height:fit-content;padding:var(--spacing-lg)}.settings-section-title{border-bottom:1px solid var(--border-light);color:var(--accent-yellow);font-size:var(--font-size-lg);margin:0 0 var(--spacing-lg);padding-bottom:var(--spacing-sm)}.settings-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr}.settings-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);transition:background var(--transition-fast)}.settings-item:hover{background:var(--bg-secondary)}.settings-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.settings-label,.settings-value{font-weight:var(--font-weight-medium)}.settings-value{color:var(--text-primary);font-size:var(--font-size-md)}.settings-value.enabled{color:var(--accent-green)}.settings-value.disabled{color:var(--accent-red)}.settings-value.premium{color:var(--accent-yellow)}.settings-value.shortcut{background:var(--bg-secondary);border-radius:var(--border-radius-sm);display:inline-block;font-family:monospace;padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width:1200px){.settings-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.settings-container{margin-top:80px}.settings,.settings-container{padding:var(--spacing-md)}.settings-content{gap:var(--spacing-lg);grid-template-columns:1fr}.settings-section{padding:var(--spacing-md)}}.settings-control{align-items:center;display:flex;gap:10px}.theme-toggle{align-items:center;background:none;border:1px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.theme-toggle.dark{background-color:#333;color:#fff}.theme-toggle.light{background-color:#f5f5f5;color:#333}.theme-toggle:hover{box-shadow:0 0 8px rgba(var(--accent-green-rgb),.5);transform:scale(1.1)}.theme-toggle:focus{box-shadow:0 0 0 2px rgba(var(--accent-green-rgb),.5);outline:none}:root{--grey-lightest:#f7f9fa;--white:#fff;--grey:#c8d1dc;--dark-grey:#6b7785;--dark-blue:#1f2d3d;--dark-blue-border:#2b3f56;--darkest-blue:#121a24;--green:#72cc18;--red-dark:#f63135;--turquoise:#1bebb9}*{box-sizing:border-box}body,html{height:100%;overflow:hidden;position:relative;width:100%}body{color:#333;margin:0;padding:0}body,button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}
/*# sourceMappingURL=main.bf06e5a8.css.map*/