:root{--color-bg-primary: #1e1e2e;--color-bg-secondary: #2a2d3a;--color-bg-tertiary: #3c3f4c;--color-text-primary: #cdd6f4;--color-text-secondary: #9399b2;--color-text-muted: #6c7086;--color-accent-primary: #89b4fa;--color-accent-secondary: #f38ba8;--color-accent-warning: #f9e2af;--color-border: #6c7086;--color-border-secondary: #45475a;--font-family-primary: system-ui, -apple-system, sans-serif;--font-family-mono: "Doto", monospace;--font-weight-normal: 500;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 36px;--spacing-4xl: 40px;--spacing-5xl: 50px;--radius-sm: 4px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 35px;--radius-full: 50%;--shadow-sm: 0 4px 16px rgba(0, 0, 0, .4);--shadow-md: 0 6px 20px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(137, 180, 250, .3), 0 0 40px rgba(137, 180, 250, .2), 0 0 60px rgba(137, 180, 250, .1);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: 1.5s ease-in-out;--nav-offset-desktop: 110px;--nav-offset-mobile: 110px;--container-max-width: 400px;--grid-gap: 20px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-primary)}.loading{color:var(--color-text-muted);font-style:italic}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-scroll{overflow:hidden}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:18px 36px;border:2px solid var(--color-border);border-radius:var(--radius-xl);background-color:#11111bcc;backdrop-filter:blur(10px);z-index:1000;box-shadow:var(--shadow-glow)}.navbar-content{display:flex;align-items:center;gap:var(--spacing-5xl)}.navbar-brand{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none}.navbar-logo{width:32px;height:32px;object-fit:contain}.navbar-brand-text{font-family:var(--font-family-mono);font-weight:var(--font-weight-normal);font-size:18px;color:var(--color-text-primary);letter-spacing:.5px}.navbar-links{display:flex;align-items:center;gap:30px}.navbar-item{color:var(--color-text-primary);text-decoration:none;font-size:16px;font-weight:var(--font-weight-normal);transition:color var(--transition-fast)}.navbar-item:hover{color:var(--color-accent-primary)}@media (max-width: 768px){.navbar{left:10px;right:10px;transform:none;width:auto;min-width:auto;justify-content:center}.navbar-content,.navbar-brand{justify-content:center}.navbar-brand img,.navbar-links{display:none}}@media (hover: none) and (pointer: coarse){.navbar-links a:hover{background-color:#89b4fa33}.navbar-links a{min-height:32px;display:flex;align-items:center;justify-content:center}}.members-section{padding:var(--spacing-md) var(--spacing-4xl);display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);margin:calc(var(--nav-offset-desktop) + 27px) 0 var(--spacing-md) 0}.members-divider{display:flex;align-items:center;width:100%}.members-line{flex:1;height:1px;background:linear-gradient(to right,rgba(108,112,134,.6) 0%,rgba(108,112,134,.4) 30%,rgba(108,112,134,.2) 60%,rgba(108,112,134,.1) 80%,transparent 100%)}.members-text{font-family:var(--font-family-mono);font-weight:var(--font-weight-normal);font-size:clamp(16px,2.2vw,24px);color:var(--color-text-primary);letter-spacing:1px;opacity:1;margin:0 var(--spacing-xl);white-space:nowrap}.projects-section{padding:var(--spacing-md) var(--spacing-4xl);margin-top:var(--spacing-4xl);display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary)}.projects-divider{display:flex;align-items:center;width:100%}.projects-line{flex:1;height:1px;background:linear-gradient(to right,rgba(108,112,134,.6) 0%,rgba(108,112,134,.4) 30%,rgba(108,112,134,.2) 60%,rgba(108,112,134,.1) 80%,transparent 100%)}.projects-text{font-family:var(--font-family-mono);font-weight:var(--font-weight-normal);font-size:clamp(16px,2.2vw,24px);color:var(--color-text-primary);letter-spacing:1px;opacity:1;margin:0 var(--spacing-xl);white-space:nowrap}.members-container,.projects-container{margin:var(--spacing-md) var(--spacing-5xl) var(--spacing-md) var(--spacing-5xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--container-max-width),1fr));gap:var(--grid-gap);justify-items:center}.content-spacer{height:50px;position:relative;z-index:50}@media (max-width: 768px){html,body{overflow-y:auto;-webkit-overflow-scrolling:touch;height:auto;min-height:100vh}.members-section{padding:10px;margin-top:calc(var(--nav-offset-mobile) + 27px);background:var(--color-bg-primary)}.members-container,.projects-container{margin:var(--spacing-md) auto var(--spacing-md) auto;grid-template-columns:1fr;width:100%;max-width:var(--container-max-width);justify-items:center}.projects-section{padding:10px;margin-top:var(--spacing-md);background:var(--color-bg-primary)}.content-spacer{display:none}}.footer{padding:var(--spacing-sm) var(--spacing-lg);text-align:center;background:var(--color-bg-primary);margin-top:var(--spacing-sm)}.footer-text{font-family:var(--font-family-mono);font-weight:var(--font-weight-normal);font-size:14px;color:var(--color-text-muted);margin:0;opacity:.8;transition:opacity var(--transition-fast);letter-spacing:1px;text-transform:uppercase}.footer-text:hover{opacity:1}@media (max-width: 480px){.members-section{padding:0 5px}.footer{padding:var(--spacing-xs) var(--spacing-md)}.footer-text{font-size:12px}}.member-card-container{width:var(--container-max-width);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.member-card{background:transparent;padding:0;border:none;display:flex;flex-direction:column;gap:var(--spacing-lg)}.member-header{display:flex;align-items:flex-start;gap:var(--spacing-lg)}.member-avatar{width:115px;height:115px;border-radius:var(--radius-full);background-color:var(--color-bg-tertiary);position:relative;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.member-avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover;object-position:center}.status-indicator{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;border-radius:var(--radius-full);border:3px solid var(--color-bg-secondary)}.status-online{background-color:var(--color-accent-secondary)}.status-idle{background-color:var(--color-accent-warning)}.status-dnd{background-color:var(--color-accent-secondary)}.status-offline{background-color:var(--color-text-muted)}.member-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.member-name{font-family:var(--font-family-mono);font-weight:var(--font-weight-normal);font-size:18px;color:var(--color-text-primary);margin:0;letter-spacing:1px;text-decoration:none;cursor:pointer;transition:color var(--transition-fast)}.member-name:hover{color:var(--color-accent-primary);text-decoration:underline}.member-name.no-link{cursor:default}.member-name.no-link:hover{color:var(--color-text-primary);text-decoration:none}.status-row{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-accent-primary);font-size:14px}.speech-icon{width:16px;height:16px;opacity:.8}.user-status{font-family:var(--font-family-mono);font-weight:var(--font-weight-normal);color:var(--color-text-primary);font-size:14px;letter-spacing:.5px}.activity-row{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:14px;margin-top:var(--spacing-xs)}.code-icon{width:14px;height:14px;opacity:.8;color:var(--color-text-primary)}.activity-text{color:var(--color-text-primary);flex:1}.clock-icon{width:14px;height:14px;opacity:.8;margin-left:var(--spacing-sm)}.time-text{color:var(--color-text-muted);font-size:13px;margin-left:var(--spacing-xs)}.project-card-container{width:var(--container-max-width);background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.project-card-container:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-card{background:transparent;padding:0;border:none;display:flex;flex-direction:column}.project-card.error{opacity:.6}.project-header{display:flex;align-items:flex-start;gap:var(--spacing-lg)}.project-icon{width:48px;height:48px;border-radius:var(--radius-md);background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-primary);border:1px solid var(--color-border-secondary)}.project-icon svg{width:20px;height:20px}.project-info{flex:1;display:flex;flex-direction:column;gap:10px}.project-name{font-family:var(--font-family-mono);font-weight:var(--font-weight-normal);font-size:18px;color:var(--color-text-primary);margin:0;letter-spacing:1px;text-decoration:none;cursor:pointer;transition:color var(--transition-fast);display:block}.project-name:hover{color:var(--color-accent-primary);text-decoration:underline}.project-description{font-family:var(--font-family-mono);font-size:14px;color:var(--color-text-secondary);line-height:1.4;margin:0;display:flex;align-items:center;gap:6px}.project-description svg{width:14px;height:14px;opacity:.8;flex-shrink:0}.project-description.error{color:var(--color-accent-secondary);font-style:italic}.project-stats{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.project-stat{display:flex;align-items:center;gap:6px;color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:13px}.project-stat svg{width:14px;height:14px;opacity:.8}.star-icon{color:var(--color-accent-warning)}.fork-icon{color:var(--color-accent-primary)}.project-updated{display:flex;align-items:center;gap:6px;color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:12px;margin-top:var(--spacing-xs)}.project-updated svg{width:12px;height:12px;opacity:.8}@keyframes loading-shimmer{0%{background-color:var(--color-bg-tertiary)}50%{background-color:var(--color-border-secondary)}to{background-color:var(--color-bg-tertiary)}}.loading{animation:loading-shimmer var(--transition-slow) infinite;border-radius:var(--radius-sm)}.project-name.loading,.project-description.loading,.member-name.loading,.user-status.loading,.activity-text.loading,.time-text.loading{color:transparent;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);min-height:16px;display:inline-block}.project-updated.loading span{color:transparent;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);min-height:14px;display:inline-block}@media (max-width: 768px){.member-card-container,.project-card-container{width:100%;max-width:var(--container-max-width);margin:0 auto}}@media (max-width: 480px){.member-card-container,.project-card-container{min-width:350px}.project-stats{gap:var(--spacing-md)}}@media (hover: none) and (pointer: coarse){.member-name:hover{color:var(--color-accent-primary);text-decoration:underline}.member-name,.project-name{padding:var(--spacing-xs) 0;min-height:24px}}