:root{--bg-primary: #050508;--bg-surface: #0a0a0f;--bg-elevated: #12121a;--bg-secondary: #e9ecef;--bg-music-player: #556B2F;--text-secondary: #6c757d;--border-color: rgba(33, 37, 41, .15);--text-primary: #f0f0f2;--text-muted: rgba(240, 240, 242, .4);--text-subtle: rgba(240, 240, 242, .2);--accent-primary: #e07a5f;--accent-sage: #7ba38f;--accent-purple: #8b7ec8;--accent-blue: #5d9cec;--accent-gold: #f4d03f;--border-default: rgba(240, 240, 242, .06);--border-active: rgba(240, 240, 242, .12);--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-thin: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--space-xxs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 2px;--radius-md: 4px;--radius-full: 50%;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--z-header: 1000;--z-modal: 2000;--z-player: 1500;--z-overlay: 3000;--z-onboarding: 4000}[data-theme=light]{--bg-primary: #f5efdc;--bg-surface: #f8f4e6;--bg-elevated: #f0ecdc;--bg-secondary: #e9ecef;--bg-music-player: #fff8dc;--text-secondary: #6c757d;--border-color: rgba(33, 37, 41, .15);--text-primary: #212529;--text-muted: #6c757d;--text-subtle: rgba(33, 37, 41, .45);--border-default: rgba(33, 37, 41, .15);--border-active: rgba(33, 37, 41, .25)}[data-theme=light] .sort-btn{color:#495057}[data-theme=light] .sort-btn:hover{color:#212529}[data-theme=light] .sort-btn.active{background:var(--accent-primary);color:#fff}[data-theme=light] .post-meta,[data-theme=light] .post-stat,[data-theme=light] .compact-comment-date,[data-theme=light] .separator{color:#6c757d}[data-theme=light] .author{color:#212529;font-weight:500}[data-theme=light] .section-btn{color:#6c757d}[data-theme=light] .section-btn:hover{color:#212529}[data-theme=light] .post-meta .author{color:#212529;font-weight:500}[data-theme=light] .post-meta .time,[data-theme=light] .post-meta .separator,[data-theme=light] .post-stat{color:#6c757d}[data-theme=light] .post-stat:hover{color:#212529}[data-theme=light] .post-excerpt{color:#495057}[data-theme=light] .post-title{color:#212529}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-weight:var(--font-weight-light);color:var(--text-primary);background:var(--bg-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-thin);line-height:1.2;letter-spacing:-.01em;margin-bottom:var(--space-md)}h1{font-size:2rem;font-weight:var(--font-weight-thin);letter-spacing:-.02em;margin-bottom:var(--space-lg)}h2{font-size:1.5rem;font-weight:var(--font-weight-light)}h3{font-size:1.125rem;font-weight:var(--font-weight-light)}p{font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-md);font-weight:var(--font-weight-regular)}.label{font-size:.625rem;font-weight:var(--font-weight-medium);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.label--accent{color:var(--accent-primary)}.glyph{font-family:system-ui,sans-serif;font-style:normal;display:inline-block}.glyph--lg{font-size:1.5rem;line-height:1}.glyph--xl{font-size:2rem;line-height:1}.glyph--2xl{font-size:3rem;line-height:1}.glyph--accent{color:var(--accent-primary)}.glyph--sage{color:var(--accent-sage)}.glyph--purple{color:var(--accent-purple)}.glyph--blue{color:var(--accent-blue)}.glyph--gold{color:var(--accent-gold)}.glyph--muted{color:var(--text-muted)}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:var(--z-onboarding);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);overflow-y:auto;animation:fadeIn .4s ease}.onboarding-container{max-width:560px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg)}.onboarding-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.onboarding-title{font-size:2rem;font-weight:var(--font-weight-thin);letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0}.onboarding-subtitle{font-size:.9rem;font-weight:var(--font-weight-light);color:var(--text-muted);max-width:400px;line-height:1.5;margin-bottom:0}.onboarding-content{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.onboarding-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);transition:all var(--transition-base)}.onboarding-section:hover{border-color:var(--border-active);transform:translateY(-2px)}.onboarding-section-icon{width:48px;height:48px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--accent-primary)}.onboarding-section-title{font-size:1.125rem;font-weight:var(--font-weight-light);color:var(--text-primary);margin-bottom:0}.onboarding-section-content{font-size:.875rem;color:var(--text-muted);line-height:1.6;max-width:400px;margin-bottom:0}.onboarding-features{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:0}.onboarding-feature{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:.8125rem;color:var(--text-muted);text-align:left}.onboarding-feature:before{content:"✓";color:var(--accent-sage);font-weight:var(--font-weight-medium);flex-shrink:0}.onboarding-policies{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-md);width:100%}.onboarding-policies-title{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.1em}.onboarding-policy-item{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-default);font-size:.8125rem}.onboarding-policy-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.onboarding-policy-icon{width:24px;height:24px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--accent-primary);flex-shrink:0}.onboarding-policy-content{flex:1}.onboarding-policy-title{font-size:.8125rem;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-xs)}.onboarding-policy-description{font-size:.75rem;color:var(--text-muted);line-height:1.5}.onboarding-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-default);width:100%}.onboarding-actions{display:flex;gap:var(--space-sm)}.onboarding-note{font-size:.6875rem;color:var(--text-subtle);font-style:italic;max-width:400px;margin-bottom:0}.onboarding-progress{display:flex;gap:var(--space-xs);margin-top:0}.onboarding-progress-step{width:4px;height:4px;border-radius:var(--radius-full);background:var(--border-default);transition:all var(--transition-base)}.onboarding-progress-step.active{background:var(--accent-primary);width:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-family:var(--font-family);font-size:.75rem;font-weight:var(--font-weight-regular);letter-spacing:.15em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:all var(--transition-base);outline:none;background:transparent;color:var(--text-primary);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0);transition:transform .1s ease}.btn-primary{background:var(--accent-primary);color:var(--bg-primary);border:none}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 2px 8px #e07a5f4d}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-active)}.btn-ghost{background:transparent;color:var(--text-muted);padding:var(--space-sm) var(--space-md);border:none}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-elevated)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-muted)}.btn-icon:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-active)}.header{position:fixed;top:0;left:0;right:0;height:64px;background:var(--bg-surface);border-bottom:1px solid var(--border-default);z-index:var(--z-header);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--space-xl);max-width:1400px;margin:0 auto}.logo{font-family:var(--font-family);font-size:1.75rem;font-weight:var(--font-weight-thin);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.logo-suffix{font-weight:var(--font-weight-light);opacity:.6}.nav-links{display:flex;gap:var(--space-xl);margin-left:auto;margin-right:var(--space-xl)}.nav-link{font-family:var(--font-family);font-size:.75rem;font-weight:var(--font-weight-regular);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);transition:all var(--transition-base);padding:var(--space-sm) 0;background:none;border:none;cursor:pointer;position:relative;white-space:nowrap}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--text-primary);transition:width var(--transition-base)}.nav-link:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:var(--space-md)}.theme-toggle{background:var(--bg-surface);border:1px solid var(--border-default);width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base)}.theme-toggle:hover{background:var(--bg-elevated);border-color:var(--border-active);color:var(--text-primary)}.section-nav{position:sticky;top:64px;background:var(--bg-surface);border-bottom:1px solid var(--border-default);z-index:900;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.section-nav-content{max-width:1200px;margin:0 auto;padding:0 var(--space-xl);display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.section-nav-content::-webkit-scrollbar{display:none}.section-btn{padding:var(--space-lg) var(--space-xl);background:transparent;border:none;font-family:var(--font-family);font-size:.75rem;font-weight:var(--font-weight-regular);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;position:relative;display:flex;align-items:center;gap:var(--space-sm)}.section-btn:hover{color:var(--text-primary);background:var(--bg-elevated)}.section-btn.active{color:var(--text-primary)}.section-btn.active:before{content:"";position:absolute;bottom:0;left:var(--space-xl);right:var(--space-xl);height:1px;background:var(--accent-primary)}.main-content{padding-top:128px;min-height:calc(100vh - 144px);background:var(--bg-primary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-xl)}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-default)}.page-title{font-family:var(--font-family);font-size:1.5rem;font-weight:var(--font-weight-light);color:var(--text-primary)}.sort-controls{display:flex;gap:var(--space-xs);background:var(--bg-surface);border:1px solid var(--border-default);padding:var(--space-xs);border-radius:var(--radius-md)}.sort-btn{padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:.75rem;font-weight:var(--font-weight-regular);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-sm)}.sort-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.sort-btn.active{background:var(--bg-elevated);color:var(--accent-primary)}.posts-list{display:flex;flex-direction:column;gap:var(--space-md)}.post{background:var(--bg-surface);border:1px solid var(--border-default);padding:var(--space-lg);display:grid;grid-template-columns:auto 1fr;gap:var(--space-lg);transition:all var(--transition-base);border-radius:var(--radius-md);position:relative;overflow:hidden}.post:hover{border-color:var(--border-active);transform:translateY(-2px)}.post:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-default),transparent)}.post-sidebar{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:60px}.votes{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.vote-btn{background:var(--bg-surface);border:1px solid var(--border-default);width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.vote-btn:hover{background:var(--bg-elevated);border-color:var(--border-active);color:var(--text-primary)}.vote-btn.upvote:hover{color:var(--accent-sage);border-color:var(--accent-sage)}.vote-btn.downvote:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.score{font-family:SF Mono,Monaco,monospace;font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--text-primary);min-width:24px;text-align:center}.post-content{flex:1}.post-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);font-size:.75rem;color:var(--text-muted);font-weight:var(--font-weight-regular)}.author{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-primary);font-weight:var(--font-weight-medium)}.separator{opacity:.3}.time{font-size:.6875rem}.post-title{font-family:var(--font-family);font-size:1.125rem;font-weight:var(--font-weight-light);margin-bottom:var(--space-sm);line-height:1.3;color:var(--text-primary)}.post-excerpt{font-size:.875rem;line-height:1.6;color:var(--text-muted);margin-bottom:var(--space-lg)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.tag{padding:var(--space-xs) var(--space-sm);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:.625rem;font-weight:var(--font-weight-medium);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);transition:all var(--transition-base)}.tag:hover{background:var(--bg-surface);border-color:var(--border-active);color:var(--text-primary)}.post-footer{display:flex;gap:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-default)}.post-stat{display:flex;align-items:center;gap:var(--space-xs);background:transparent;border:none;font-size:.75rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);padding:var(--space-xs) 0}.post-stat:hover{color:var(--text-primary)}.auth-form,.create-post-form{display:flex;flex-direction:column;gap:var(--space-md)}.input,textarea,select{width:100%;padding:var(--space-md);font-family:var(--font-family);font-size:.875rem;font-weight:var(--font-weight-light);color:var(--text-primary);background:transparent;border:1px solid var(--border-default);outline:none;transition:all var(--transition-base);margin:0;border-radius:var(--radius-md)}.input::placeholder{color:var(--text-subtle)}.input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}textarea{resize:none;min-height:120px;line-height:1.6}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f0f0f2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;background-size:16px;padding-right:var(--space-2xl);cursor:pointer}.choice{display:block;width:100%;padding:var(--space-md);text-align:left;font-family:var(--font-family);font-size:.875rem;font-weight:var(--font-weight-light);color:var(--text-muted);background:transparent;border:1px solid var(--border-default);cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-md)}.choice:hover{background:var(--bg-surface);color:var(--text-primary)}.choice--selected{background:var(--bg-surface);border-color:var(--accent-primary);color:var(--text-primary)}.anonymous-option{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.anonymous-option input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--accent-primary);cursor:pointer}.anonymous-option label{font-size:.875rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-default)}.error-message{background:rgba(224,122,95,.15);border:1px solid var(--accent-primary);color:var(--accent-primary);padding:var(--space-md);border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--space-md);text-align:center;font-weight:var(--font-weight-regular)}.success-message{background:rgba(123,163,143,.15);border:1px solid var(--accent-sage);color:var(--accent-sage);padding:var(--space-md);border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--space-md);text-align:center;font-weight:var(--font-weight-regular)}.auth-switch{text-align:center;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-default)}.auth-switch button{background:none;border:none;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all var(--transition-base);padding:var(--space-xs)}.auth-switch button:hover{color:var(--text-primary)}.auth-switch span{color:var(--accent-primary);font-weight:var(--font-weight-medium)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl) 0;color:var(--text-muted);font-style:italic}.empty-state{text-align:center;padding:var(--space-2xl) 0;color:var(--text-muted);font-style:italic}.footer-player{position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-music-player);border-top:1px solid var(--border-default);z-index:var(--z-player);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;padding:0 var(--space-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-player.expanded{height:240px;align-items:stretch;padding:0}.player-container{max-width:1200px;margin:0 auto;width:100%;height:100%;display:flex;flex-direction:column}.player-header{display:flex;align-items:center;justify-content:space-between;height:60px;min-height:60px;padding:0 var(--space-md);flex-shrink:0;gap:var(--space-md)}.player-info{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex:1;overflow:hidden}.player-album-art{width:36px;height:36px;background:var(--bg-surface);border:1px solid;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all var(--transition-base);flex-shrink:0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.player-track-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.player-track-name{font-size:.8125rem;font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-track-details{font-size:.6875rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls{display:flex;align-items:center;gap:var(--space-xs);justify-content:center;flex:1;max-width:150px}.player-button{background:var(--bg-surface);border:1px solid var(--border-default);width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);font-family:system-ui,sans-serif;font-size:12px;padding:0}.player-button:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-active);color:var(--text-primary);transform:translateY(-1px)}.player-button:disabled{opacity:.5;cursor:not-allowed}.player-main-button{width:32px;height:32px;border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--bg-primary);cursor:pointer;transition:all var(--transition-base);font-family:system-ui,sans-serif;font-size:12px;padding:0;box-shadow:0 2px 8px #0003}.player-main-button:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.player-main-button:disabled{opacity:.7;cursor:not-allowed}.player-volume{display:flex;align-items:center;gap:var(--space-xs);min-width:100px;justify-content:flex-end;flex:1}.player-volume-icon{color:var(--text-muted);font-family:system-ui,sans-serif;font-size:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);background:var(--bg-surface);border:1px solid var(--border-default)}.player-volume-icon:hover{background:var(--bg-elevated);border-color:var(--border-active);color:var(--text-primary)}.player-volume-slider{width:60px;height:3px;-webkit-appearance:none;background:var(--bg-surface);border-radius:1px;outline:none;cursor:pointer;position:relative;transition:all var(--transition-base)}.player-volume-slider:hover{height:4px}.player-volume-slider:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--volume-width, 50%);background:var(--accent-primary);border-radius:1px;transition:width .1s ease}.player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:var(--radius-full);background:var(--text-primary);border:2px solid var(--accent-primary);cursor:pointer;transition:all var(--transition-base)}.player-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.player-expand-button{background:var(--bg-surface);border:1px solid var(--border-default);width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);font-family:system-ui,sans-serif;margin-left:var(--space-sm)}.player-expand-button:hover{border-color:var(--border-active);color:var(--text-primary);transform:translateY(-1px)}.footer-player.expanded .player-expand-button{transform:rotate(180deg)}.player-body{padding:var(--space-md) var(--space-md);height:calc(100% - 60px);display:none;animation:fadeIn .3s ease;border-top:1px solid var(--border-default);flex:1;overflow-y:auto;background:linear-gradient(to bottom,transparent,var(--bg-music-player) 20%)}.footer-player.expanded .player-body{display:flex;flex-direction:column;gap:var(--space-md)}.player-mode-selector{display:flex;flex-direction:column;gap:var(--space-sm)}.player-mode-selector h4{font-size:.625rem;font-weight:var(--font-weight-medium);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-xs)}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}.mode-item{padding:var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all var(--transition-base);text-align:center}.mode-item:hover{background:var(--bg-elevated);border-color:var(--border-active);transform:translateY(-1px)}.mode-item.active{background:var(--bg-elevated);border-color:var(--accent-primary);box-shadow:0 2px 8px #0000001a}.mode-icon{font-size:1rem;font-family:system-ui,sans-serif}.mode-name{font-size:.6875rem;font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.mode-description{font-size:.625rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.player-stats{display:flex;flex-direction:column;gap:var(--space-md)}.player-stat-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-md);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.player-stat-card h4{font-size:.625rem;font-weight:var(--font-weight-medium);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-sm)}.player-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.player-stat-item{display:flex;flex-direction:column;gap:2px}.player-stat-label{font-size:.6875rem;color:var(--text-muted)}.player-stat-value{font-size:.8125rem;font-weight:var(--font-weight-medium);color:var(--text-primary)}.player-stat-value.accent{color:var(--accent-primary)}.player-stat-value.sage{color:var(--accent-sage)}.connection-status{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-default)}.connection-status.live{color:var(--accent-sage);border-color:var(--accent-sage);background:rgba(123,163,143,.1)}.connection-status.error{color:var(--accent-primary);border-color:var(--accent-primary);background:rgba(224,122,95,.1)}@media (max-width: 768px){.footer-player{padding:0 var(--space-sm);height:56px}.footer-player.expanded{height:300px}.player-header{padding:0 var(--space-sm);height:56px;gap:var(--space-sm)}.player-controls{max-width:120px}.player-volume{display:none}.player-track-name{font-size:.75rem}.player-track-details{font-size:.625rem}.mode-grid{grid-template-columns:repeat(2,1fr)}.player-stat-grid{grid-template-columns:1fr}}@media (max-width: 480px){.player-header{gap:var(--space-xs)}.player-controls{max-width:100px;gap:2px}.player-button{width:24px;height:24px;font-size:10px}.player-main-button{width:28px;height:28px}.player-track-info{display:none}.mode-grid{grid-template-columns:repeat(3,1fr)}.mode-name{font-size:.625rem}.mode-description{display:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(5,5,8,.95);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--space-md);animation:fadeIn .2s ease}.modal-content{width:100%;max-width:440px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-xl);position:relative;animation:slideUp .3s cubic-bezier(.4,0,.2,1);max-height:90vh;overflow-y:auto}.close-btn{position:absolute;top:var(--space-lg);right:var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-default);width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base)}.close-btn:hover{background:var(--bg-elevated);border-color:var(--border-active);color:var(--text-primary);transform:translateY(-1px)}.modal-title{font-size:1.5rem;font-weight:var(--font-weight-light);color:var(--text-primary);margin-bottom:var(--space-xl)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.animate-fade{animation:fadeIn .3s ease}.animate-slide{animation:slideUp .3s ease}.animate-pulse{animation:pulse 2s infinite}@media (max-width: 768px){.header-content{padding:0 var(--space-md)}.nav-links{display:none}.container{padding:var(--space-md)}.content-header{flex-direction:column;gap:var(--space-md)}.sort-controls{width:100%;overflow-x:auto}.post{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-md)}.post-sidebar{width:100%;flex-direction:row;justify-content:space-between}.votes{flex-direction:row;gap:var(--space-md)}.modal-content{padding:var(--space-lg)}.onboarding-container{gap:var(--space-xl)}.onboarding-section,.onboarding-policies{padding:var(--space-lg)}}@media (max-width: 480px){.header-content{padding:0 var(--space-sm)}.logo{font-size:1.5rem}.btn-primary span,.btn-secondary span{display:none}.btn-primary,.btn-secondary{padding:var(--space-sm);min-width:40px}.section-nav-content{padding:0 var(--space-md)}.section-btn{padding:var(--space-md) var(--space-lg)}.modal-actions{flex-direction:column;gap:var(--space-sm)}.modal-actions .btn{width:100%}.onboarding-actions{flex-direction:column;width:100%}.onboarding-actions .btn{width:100%}}.vote-btn-bonobo{background:transparent;border:1px solid rgba(0,243,255,.3);color:#00f3ff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0}.section-select{width:100%;padding:12px;background:rgba(0,0,0,.4);border:1px solid rgba(0,243,255,.2);border-radius:8px;color:#fff;font-family:Inter,sans-serif;margin-bottom:15px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='cyan' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.section-select{width:100%;padding:12px;background:rgba(0,0,0,.4);border:1px solid rgba(0,243,255,.2);border-radius:8px;color:#fff;font-family:Inter,sans-serif;margin-bottom:15px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='cyan' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.footer-votes{display:flex;align-items:center;gap:10px;padding:2px 10px;background:rgba(255,255,255,.02);border-radius:20px;border:1px solid rgba(255,255,255,.05);margin-right:15px}.vote-btn-bonobo{background:transparent;border:1px solid rgba(0,243,255,.3);color:#00f3ff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;transition:all .3s ease}.vote-btn-bonobo:hover{background:rgba(0,243,255,.1);box-shadow:0 0 12px #00f3ff80}.score-bonobo{font-family:Inter,sans-serif;font-weight:700;font-size:12px;min-width:12px;text-align:center}.section-select{border:1px solid rgba(0,243,255,.3);transition:all .3s ease}.section-select:hover{border-color:#ff4500;box-shadow:0 0 10px #ff450033}.section-select:focus{border-color:#ff4500;background-color:#ff45000d;outline:none}.section-select option{background:#1a1a1a;color:#fff;padding:10px}.btn-primary:hover{background:#ff4500;border-color:#ff4500;box-shadow:0 0 15px #ff450066}.section-select{width:100%;padding:12px;background:rgba(0,0,0,.4);border:1px solid rgba(0,243,255,.2);border-radius:8px;color:#fff;margin-bottom:20px;cursor:pointer;transition:all .3s ease}.section-select:hover{border-color:#ff4500;box-shadow:0 0 10px #ff45004d}.section-select option{background:#121212;color:#fff}.section-select option:hover{background:#ff4500!important}.input-label{font-size:11px;color:#00f3ff;text-transform:uppercase;margin-bottom:8px;display:block}.comment-section-inline{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.comment-divider{height:1px;background:var(--border-color);margin:20px 0}.inline-comment-form{margin-bottom:20px}.comment-textarea{width:100%;margin-bottom:10px}.comment-actions{display:flex;justify-content:flex-end}.comments-container{margin-top:20px}.comment-item{background:var(--bg-secondary);padding:15px;border-radius:8px;margin-bottom:10px;border:1px solid var(--border-color)}.comment-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;opacity:.8}.comment-author{font-weight:500}.comment-body{line-height:1.5}.empty-comments{text-align:center;padding:20px;opacity:.6;font-style:italic}.loading-small{text-align:center;padding:15px;opacity:.7}.compact-comment-form{margin-bottom:15px}.comment-input-wrapper{display:flex;gap:8px;align-items:flex-end}.compact-comment-textarea{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;font-size:13px;line-height:1.4;color:var(--text-primary);resize:vertical;min-height:40px;max-height:120px;transition:border-color .2s ease}.compact-comment-textarea:focus{outline:none;border-color:var(--accent-primary)}.compact-submit-btn{background:var(--accent-primary);color:#fff;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease;flex-shrink:0}.compact-submit-btn:hover:not(:disabled){opacity:.9}.compact-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comment-login-prompt{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.compact-comments-container{margin-top:10px}.compact-comments-list{display:flex;flex-direction:column;gap:10px}.compact-comment-item{padding:10px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.compact-comment-header{display:flex;justify-content:space-between;align-items:center}.compact-comment-author{font-weight:500;color:var(--text-primary)}.compact-comment-date{color:var(--text-secondary)}.compact-comment-body{color:var(--text-primary);line-height:1.4;word-break:break-word}.show-comments-btn{background:transparent;border:none;color:var(--accent-primary);font-size:12px;padding:6px 0;margin-top:5px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:opacity .2s ease}.show-comments-btn:hover{opacity:.8}.loading-small{text-align:center;padding:10px;font-size:12px;color:var(--text-secondary)}.empty-comments{text-align:center;padding:12px;font-size:12px;color:var(--text-secondary);font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.compact-comment-item{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:500px;overflow:visible}}.comments-expand-animation{animation:fadeIn .3s ease-out}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.sort-controls{display:flex;gap:10px}.sort-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.sort-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.sort-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.loading-state{text-align:center;padding:40px;color:var(--text-secondary);font-size:14px}.loading-state .glyph{margin-right:8px;animation:pulse 1.5s infinite}.post-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);margin-bottom:10px}.author{font-weight:500;color:var(--text-primary)}.separator{opacity:.5}.post-title{font-size:18px;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.post-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:15px;font-size:14px}.post-footer{display:flex;gap:20px}.post-stat{background:none;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;transition:background-color .2s ease}.post-stat:hover{background:var(--bg-hover)}[data-theme=light] .theme-toggle{background:var(--bg-elevated);border-color:var(--border-active);color:#212529}[data-theme=light] .theme-toggle:hover{background:#dee2e6;color:#000}[data-theme=dark] .theme-toggle{background:var(--bg-surface);border-color:var(--border-default);color:#fff}[data-theme=dark] .theme-toggle:hover{background:var(--bg-elevated);color:#fff}.accessibility-controls{display:flex;gap:var(--space-sm);align-items:center;position:relative}.font-size-toggle{font-weight:var(--font-weight-medium);min-width:40px}.accessibility-menu-btn{font-size:1.125rem}.accessibility-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1999}.accessibility-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-lg);min-width:280px;z-index:2001;box-shadow:0 4px 12px #00000026}.accessibility-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-default)}.accessibility-menu-header h3{font-size:1rem;font-weight:var(--font-weight-light);margin:0;color:var(--text-primary)}.close-btn-small{background:transparent;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.close-btn-small:hover{color:var(--text-primary)}.accessibility-option{margin-bottom:var(--space-lg)}.accessibility-label{display:block;font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-md)}.font-size-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs);margin-bottom:var(--space-md)}.size-preset-btn{padding:var(--space-sm);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.75rem;font-weight:var(--font-weight-regular);cursor:pointer;transition:all var(--transition-fast)}.size-preset-btn:hover{background:var(--bg-primary);border-color:var(--accent-primary);color:var(--accent-primary)}.font-size-slider{width:100%;height:4px;background:var(--border-default);border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.font-size-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent-primary);border-radius:50%;cursor:pointer;transition:transform var(--transition-fast)}.font-size-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.font-size-slider::-moz-range-thumb{width:16px;height:16px;background:var(--accent-primary);border-radius:50%;border:none;cursor:pointer;transition:transform var(--transition-fast)}.font-size-slider::-moz-range-thumb:hover{transform:scale(1.2)}.reset-btn{width:100%;padding:var(--space-sm);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.reset-btn:hover{background:var(--bg-elevated);border-color:var(--border-active);color:var(--text-primary)}[data-theme=light] .accessibility-menu{box-shadow:0 4px 12px #0000001a}.comments-container{margin-top:16px}.comments-divider{height:1px;background:rgba(255,255,255,.1);margin-bottom:16px}[data-theme=light] .comments-divider{background:rgba(0,0,0,.1)}.forum-footer{border:none;border-top:none;box-shadow:none;margin-top:0;position:relative}.forum-footer:before,.forum-footer:after{content:none}.footer-content,.footer-bottom{border-top:none}.header-content{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:56px;gap:.5rem}.logo{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.logo-glyph{font-size:1.1rem}.logo-text{font-size:1.1rem;font-weight:700;letter-spacing:.1em}.logo-suffix{font-size:.6rem;letter-spacing:.15em;opacity:.6;align-self:flex-end;margin-bottom:2px}.header-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.accessibility-menu--right{position:absolute;top:calc(100% + 8px);right:0;left:auto!important;z-index:9999;min-width:260px}.accessibility-controls{position:relative}@media (max-width: 480px){.logout-btn{display:none}.create-post-btn{padding:.35rem .65rem;font-size:.8rem}.join-btn{padding:.35rem .75rem;font-size:.85rem}}.fab-create-post{position:fixed;bottom:88px;right:20px;width:52px;height:52px;border-radius:50%;background:#556B2F;color:#fff;font-size:1.6rem;line-height:1;border:none;cursor:pointer;z-index:9997;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #556b2f73;transition:transform .2s ease,box-shadow .2s ease}.fab-create-post:hover{transform:scale(1.08);box-shadow:0 6px 20px #556b2f99}.fab-create-post:active{transform:scale(.95)}@media (max-width: 768px){.fab-create-post{bottom:80px;right:16px}}.fab-create-post--header{position:static!important;width:32px!important;height:32px!important;font-size:1.2rem!important;box-shadow:none!important;bottom:unset!important;right:unset!important}.bonobo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.bonobo-modal-content.terminal-style{background:var(--bg-primary);border:1px solid var(--accent-primary);border-radius:8px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out;box-shadow:0 10px 30px #00000080}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.terminal-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--accent-secondary);background:var(--bg-secondary)}.header-left{display:flex;align-items:center;gap:10px}.terminal-glyph{font-size:18px;color:var(--accent-primary)}.terminal-label{font-family:Courier New,monospace;font-size:14px;font-weight:600;letter-spacing:.5px;color:var(--text-primary);text-transform:uppercase}.terminal-close-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--accent-secondary);color:var(--text-secondary);padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.terminal-close-btn:hover{background:var(--accent-secondary);color:var(--text-primary)}.close-glyph{font-size:14px}.close-label{font-family:Courier New,monospace;font-size:11px}.section-selector-row{display:flex;flex-wrap:wrap;gap:8px;padding:15px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.section-selector-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-family:Courier New,monospace;font-size:11px;cursor:pointer;transition:all .2s;text-transform:uppercase}.section-selector-btn:hover{border-color:var(--accent-secondary);color:var(--text-primary)}.section-selector-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.selector-glyph{font-size:12px}.selector-label{font-weight:600;letter-spacing:.5px}.terminal-form{padding:20px}.form-section{display:flex;flex-direction:column;gap:20px}.input-group.terminal-input-group{display:flex;flex-direction:column;gap:8px}.input-group.terminal-input-group label.terminal-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.label-glyph{font-size:14px;color:var(--accent-primary)}.terminal-input,.terminal-select,.terminal-textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:12px 15px;color:var(--text-primary);font-family:Inter,-apple-system,sans-serif;font-size:14px;transition:all .2s;width:100%}.terminal-input:focus,.terminal-select:focus,.terminal-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.1)}.terminal-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.terminal-textarea{min-height:120px;resize:vertical;font-family:Inter,-apple-system,sans-serif;line-height:1.5}.checkbox-group{display:flex;align-items:center;gap:10px;margin-top:10px}.terminal-checkbox{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:8px;font-family:Courier New,monospace;font-size:12px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:uppercase}.checkbox-glyph{font-size:14px}.error-display.terminal-error{display:flex;align-items:center;gap:10px;padding:12px 15px;background:rgba(255,75,43,.1);border:1px solid rgba(255,75,43,.3);border-radius:4px;margin:20px 0}.error-glyph{font-size:16px;color:#ff4b2b}.error-text{color:#ff4b2b;font-size:13px;font-weight:500;flex:1}.modal-actions.terminal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--border-color)}.terminal-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:4px;font-family:Courier New,monospace;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s;border:1px solid transparent}.terminal-btn.primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.terminal-btn.primary:hover:not(:disabled){background:var(--accent-primary-dark);border-color:var(--accent-primary-dark);transform:translateY(-1px)}.terminal-btn.secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.terminal-btn.secondary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-secondary)}.terminal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-glyph{font-size:14px}.btn-glyph.animate-pulse{animation:pulse 1.5s infinite}.modal-footer-hint{display:flex;align-items:center;gap:12px;padding:15px 20px;background:var(--bg-tertiary);border-top:1px solid var(--border-color);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.hint-glyph{font-size:16px;color:var(--accent-primary)}.hint-text{font-family:Courier New,monospace;font-size:11px;color:var(--text-secondary);line-height:1.4}.hint-text strong{color:var(--text-primary)}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--text-primary: #ffffff;--text-secondary: #888888;--accent-primary: #ff6b35;--accent-primary-dark: #e55a2b;--accent-secondary: #444444;--border-color: #333333}.light-theme .bonobo-modal-content.terminal-style{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #eeeeee;--text-primary: #111111;--text-secondary: #666666;--accent-primary: #ff6b35;--accent-primary-dark: #e55a2b;--accent-secondary: #cccccc;--border-color: #dddddd}@media (max-width: 768px){.bonobo-modal-content.terminal-style{max-width:95%;margin:10px}.section-selector-row{gap:6px;padding:10px 15px}.section-selector-btn{padding:4px 8px;font-size:10px}.terminal-form{padding:15px}.modal-actions.terminal-actions{flex-direction:column}.terminal-btn{width:100%;justify-content:center}}.messenger-comments{background:rgba(15,15,25,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;margin-top:24px}.comments-header{font-size:16px;font-weight:600;color:#ffffffe6;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px}.header-icon{color:#9333eacc;font-size:18px}.comments-thread{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;max-height:600px;overflow-y:auto;padding-right:8px}.comments-thread::-webkit-scrollbar{width:6px}.comments-thread::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:10px}.comments-thread::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:10px}.comments-thread::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.comment-group{display:flex;flex-direction:column;gap:12px}.comment-bubble{background:linear-gradient(135deg,rgba(30,30,45,.8),rgba(20,20,35,.6));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--user-color);border-radius:16px;padding:16px;max-width:85%;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideIn .4s cubic-bezier(.4,0,.2,1) backwards;position:relative}.comment-bubble:before{content:"";position:absolute;top:0;left:-3px;width:3px;height:100%;background:linear-gradient(180deg,var(--user-color),transparent);opacity:.5}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.comment-bubble:hover{transform:translate(4px);border-left-width:4px;box-shadow:0 8px 32px #0000004d}.reply-thread{padding-left:40px;position:relative}.reply-thread:before{content:"│";position:absolute;left:20px;top:0;bottom:0;color:var(--user-color);opacity:.3;font-size:20px;line-height:1}.comment-bubble.is-reply{max-width:90%;background:linear-gradient(135deg,rgba(40,40,60,.6),rgba(30,30,50,.4))}.bubble-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;box-shadow:0 4px 12px #0000004d;flex-shrink:0;position:relative}.user-avatar:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;padding:2px;background:linear-gradient(135deg,transparent,rgba(255,255,255,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.user-info{display:flex;align-items:center;gap:8px;flex:1}.username{font-size:14px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3);display:flex;align-items:center;gap:4px}.timestamp{font-size:12px;color:#ffffff80;display:flex;align-items:center;gap:4px}.bubble-content{color:#ffffffe6;font-size:14px;line-height:1.6;margin-bottom:12px;word-wrap:break-word}.bubble-actions{display:flex;align-items:center;gap:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.vote-btn,.reply-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 12px;color:#ffffffb3;font-size:13px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.vote-btn:hover:not(:disabled),.reply-btn:hover:not(:disabled){background:rgba(255,255,255,.1);color:#ffffffe6;transform:translateY(-1px)}.vote-up:hover:not(:disabled){border-color:#10b98180;color:#10b981e6}.vote-down:hover:not(:disabled){border-color:#ef444480;color:#ef4444e6}.vote-btn:disabled,.reply-btn:disabled{opacity:.4;cursor:not-allowed}.reactions{display:flex;gap:6px;margin-left:auto}.reaction-btn{background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:14px;cursor:pointer;opacity:.5;transition:all .2s ease;padding:4px 8px;color:#fff9}.reaction-btn:hover{opacity:1;transform:scale(1.1);background:rgba(255,255,255,.05);border-color:#ffffff4d}.comment-input-area{display:flex;align-items:center;gap:12px;background:rgba(30,30,45,.8);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:12px 16px;transition:all .3s ease}.comment-input-area:focus-within{background:rgba(40,40,60,.9);border-color:#9333ea80;box-shadow:0 0 20px #9333ea33}.input-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;position:relative}.input-avatar:before{content:"◉";position:absolute;top:-2px;right:-2px;font-size:10px;color:#10b981cc}.comment-input{flex:1;background:transparent;border:none;color:#ffffffe6;font-size:14px;outline:none}.comment-input::placeholder{color:#fff6}.send-btn{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#9333EA,#7C3AED);border:none;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative}.send-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:linear-gradient(135deg,#9333EA,transparent);opacity:0;transition:opacity .3s;z-index:-1}.send-btn:hover:not(:disabled):before{opacity:.5}.send-btn:hover:not(:disabled){transform:scale(1.1) rotate(90deg);box-shadow:0 4px 16px #9333ea66}.send-btn:disabled{opacity:.5;cursor:not-allowed}.replying-to{background:rgba(147,51,234,.2);border:1px solid rgba(147,51,234,.4);border-radius:12px;padding:8px 12px;margin-bottom:12px;font-size:13px;color:#fffc;display:flex;align-items:center;gap:8px}.reply-icon{color:#9333eae6}.replying-to button{background:transparent;border:none;color:#fff9;cursor:pointer;font-size:16px;padding:0;width:20px;height:20px;margin-left:auto}.replying-to button:hover{color:#fff}.sign-in-prompt{display:flex;justify-content:center;padding:16px}.sign-in-btn{background:linear-gradient(135deg,rgba(147,51,234,.3),rgba(124,58,237,.2));border:1px solid rgba(147,51,234,.5);border-radius:16px;padding:12px 24px;color:#ffffffe6;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-icon{font-size:16px;color:#9333eae6}.sign-in-btn:hover{background:linear-gradient(135deg,rgba(147,51,234,.5),rgba(124,58,237,.3));transform:translateY(-2px);box-shadow:0 8px 24px #9333ea4d}.typing-indicator{display:flex;gap:4px;padding:12px 16px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.typing-dot{width:8px;height:8px;border-radius:50%;background:rgba(147,51,234,.6);animation:typingBounce 1.4s infinite ease-in-out;position:relative}.typing-dot:before{content:"◦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:6px;opacity:.8}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}.empty-state{text-align:center;padding:48px 24px;color:#ffffff80}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.2;color:#9333ea80}.empty-state p{margin:8px 0;font-size:16px}.empty-subtitle{font-size:14px;opacity:.7}.comments-loading{display:flex;flex-direction:column;gap:16px;padding:24px}.loading-bubble{height:100px;background:linear-gradient(90deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 100%);border-radius:16px;animation:shimmer 2s infinite;background-size:200% 100%;position:relative}.loading-bubble:before{content:"◌";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#ffffff1a;animation:pulse 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.7}}@media (max-width: 768px){.messenger-comments{padding:16px;border-radius:16px}.comment-bubble{max-width:100%;padding:12px}.reply-thread{padding-left:24px}.bubble-actions{flex-wrap:wrap}.reactions{margin-left:0;width:100%;justify-content:flex-start}}.post-card-modern{background:var(--bg-surface);border:1px solid #222;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;transition:all .2s ease}.post-card-modern:hover{border-color:#333}.post-header-modern{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #222}.post-section-badge-modern{display:flex;align-items:center;gap:.5rem}.section-glyph-modern{font-size:1.25rem;color:#ff6b35;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#111;border-radius:4px;border:1px solid #222}.section-name-modern{font-size:.875rem;font-weight:600;color:#fff;letter-spacing:.5px}.post-meta-modern{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.post-author-modern{display:flex;align-items:center;gap:.5rem}.author-avatar-modern{width:1.5rem;height:1.5rem;border-radius:50%;background:#333;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.author-name-modern{font-size:.875rem;color:#aaa;font-weight:500}.post-timestamp-modern{font-size:.75rem;color:#666;font-weight:500}.post-content-modern{margin-bottom:1.5rem}.post-title-modern{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1rem;line-height:1.4}.post-body-modern{line-height:1.6}.post-text-modern{color:#ccc;font-size:.9375rem;margin-bottom:1rem}.post-text-modern strong{color:#fff;font-weight:600}.expand-toggle-modern{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#ff6b35;font-size:.875rem;font-weight:600;cursor:pointer;padding:0;margin-bottom:1rem;transition:color .2s ease}.expand-toggle-modern:hover{color:#ff8b5a}.expand-icon-modern{font-size:.75rem}.expand-text-modern{text-transform:uppercase;letter-spacing:.5px}.post-tags-modern{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.post-tag-modern{background:#111;color:#888;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid #222}.post-footer-modern{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #222}.footer-left-modern,.footer-center-modern,.footer-right-modern{flex:1}.footer-left-modern{display:flex;justify-content:flex-start}.footer-center-modern{display:flex;justify-content:center}.footer-right-modern{display:flex;justify-content:flex-end}.engagement-stats-modern{display:flex;gap:1rem;align-items:center}.comment-toggle-modern{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#888;font-size:.875rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease}.comment-toggle-modern:hover,.comment-toggle-modern.active{background:#111;color:#fff}.comment-icon-modern{font-size:1rem}.comment-count-modern{font-weight:600}.views-count-modern{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.875rem}.views-icon-modern{font-size:1rem}.views-count-modern{font-weight:600}.discussion-prompt-modern{display:flex;align-items:center;gap:.5rem;background:#111;color:#aaa;border:1px solid #222;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.discussion-prompt-modern:hover,.discussion-prompt-modern.active{background:#1a1a1a;color:#fff;border-color:#333}.prompt-icon-modern{font-size:.875rem}.prompt-text-modern{font-weight:600}.comments-section-modern{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #222}[data-theme=light] .post-card-modern{background:var(--bg-surface);border-color:#ddd}[data-theme=light] .section-glyph-modern{background:#f5f5f5;border-color:#ddd}[data-theme=light] .section-name-modern{color:#111}[data-theme=light] .author-name-modern{color:#666}[data-theme=light] .post-title-modern{color:#111}[data-theme=light] .post-text-modern{color:#555}[data-theme=light] .post-text-modern strong{color:#111}[data-theme=light] .post-tag-modern,[data-theme=light] .discussion-prompt-modern{background:#f5f5f5;border-color:#ddd;color:#666}[data-theme=light] .discussion-prompt-modern:hover{background:#e0e0e0;color:#111}@media (max-width: 768px){.post-card-modern{padding:1rem}.post-header-modern{flex-direction:column;gap:1rem;align-items:flex-start}.post-meta-modern{align-items:flex-start}.post-footer-modern{flex-direction:column;gap:1rem;align-items:stretch}.footer-left-modern,.footer-center-modern,.footer-right-modern{justify-content:center;width:100%}.engagement-stats-modern{justify-content:center}}.agreement-core-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.agreement-core-circle{position:relative;width:44px;height:44px;transition:transform .2s;-webkit-user-select:none;user-select:none}.agreement-core-circle:hover:not(.disabled){transform:scale(1.1)}.agreement-core-circle.dragging{transform:scale(1.15)}.agreement-core-circle.disabled{opacity:.5;cursor:not-allowed!important}.agreement-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:3}.ring-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.core-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;color:#999;font-weight:600;text-transform:uppercase;letter-spacing:.5px;pointer-events:none;z-index:2;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.agreement-total{font-size:10px;font-weight:600;color:#666;font-family:JetBrains Mono,monospace}body.dark-mode .agreement-total,.dark-mode .agreement-total,[data-theme=dark] .agreement-total{color:#999!important}body.dark-mode .core-hint,.dark-mode .core-hint,[data-theme=dark] .core-hint{color:#666!important}.workspace-dashboard-container{padding:2rem;max-width:1200px;margin:0 auto;font-family:Inter,-apple-system,sans-serif}.dashboard-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #222}.header-main{margin-bottom:2rem}.dashboard-title{display:flex;align-items:center;gap:1rem;font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;letter-spacing:-.5px}.title-glyph{font-size:2rem;color:#ff6b35;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#1a1a1a;border-radius:6px;border:1px solid #333}.title-text{font-weight:700;text-transform:uppercase;letter-spacing:1px}.dashboard-subtitle{font-size:.875rem;color:#888;letter-spacing:1px;text-transform:uppercase;margin:0;font-weight:500}.header-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.stat-card{background:#111;border:1px solid #222;border-radius:8px;padding:1.5rem;text-align:center;transition:all .2s ease}.stat-card:hover{border-color:#333;transform:translateY(-2px)}.stat-value{display:block;font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1}.stat-label{display:block;font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:1px;font-weight:600}.workspace-section{margin-bottom:3rem}.section-label-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.section-label{font-size:1.25rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.section-divider{flex:1;height:1px;background:#333}.section-description{font-size:.875rem;color:#888;margin-bottom:2rem;padding-left:.5rem;letter-spacing:.5px}.workspaces-grid{display:flex;flex-direction:column;gap:1.5rem}.cta-section{background:#0a0a0a;border:2px solid #222;border-radius:8px;padding:2rem;margin-top:3rem}.cta-content{display:flex;align-items:center;gap:2rem}.cta-icon{font-size:2rem;color:#ff6b35;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border-radius:6px;border:1px solid #333}.cta-text{flex:1}.cta-text h3{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:1px}.cta-text p{font-size:.875rem;color:#888;margin:0;line-height:1.5}.cta-button{background:#ff6b35;color:#fff;border:none;padding:1rem 2rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cta-button:hover{background:#ff7b4a;transform:translateY(-2px)}.success-stories-link{background:#0a0a0a;border:1px solid #222;border-radius:8px;padding:1.5rem;margin-top:2rem}.link-content{display:flex;align-items:center;gap:1.5rem}.link-icon{font-size:1.5rem;color:gold;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border-radius:4px}.link-text{flex:1}.link-title{display:block;font-size:1rem;font-weight:700;color:#fff;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:1px}.link-subtitle{display:block;font-size:.75rem;color:#888;letter-spacing:.5px}.link-button{color:#ff6b35;text-decoration:none;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:.75rem 1.5rem;border:1px solid #ff6b35;border-radius:4px;transition:all .2s ease;white-space:nowrap}.link-button:hover{background:#ff6b35;color:#fff}.empty-state{text-align:center;padding:4rem 2rem;background:#0a0a0a;border:2px dashed #333;border-radius:8px;margin:2rem 0}.empty-icon{font-size:3rem;color:#ff6b35;margin-bottom:1.5rem;display:inline-block}.empty-state h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem;text-transform:uppercase;letter-spacing:1px}.empty-state p{font-size:.875rem;color:#888;margin:0 0 2rem;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.5}.primary-button{background:#ff6b35;color:#fff;border:none;padding:1rem 2rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:4px;cursor:pointer;transition:all .2s ease}.primary-button:hover{background:#ff7b4a;transform:translateY(-2px)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-glyph{font-size:3rem;color:#ff6b35;margin-bottom:1.5rem;animation:pulse 1.5s infinite}.loading-text{font-size:.875rem;color:#888;text-transform:uppercase;letter-spacing:1px;font-weight:600}.light-theme .dashboard-title{color:#111}.light-theme .title-glyph{background:#f0f0f0;border-color:#ddd}.light-theme .dashboard-subtitle{color:#666}.light-theme .stat-card{background:#f5f5f5;border-color:#ddd}.light-theme .stat-value{color:#111}.light-theme .stat-label{color:#666}.light-theme .section-label{color:#111}.light-theme .section-divider{background:#ddd}.light-theme .cta-section{background:#f5f5f5;border-color:#ddd}.light-theme .cta-text h3{color:#111}.light-theme .success-stories-link{background:#f5f5f5;border-color:#ddd}.light-theme .link-icon{background:#f0f0f0}.light-theme .link-title{color:#111}.light-theme .empty-state{background:#f5f5f5;border-color:#ddd}.light-theme .empty-state h3{color:#111}@media (max-width: 768px){.workspace-dashboard-container{padding:1rem}.dashboard-title{font-size:1.75rem}.header-stats-grid{grid-template-columns:1fr;gap:1rem}.cta-content{flex-direction:column;text-align:center;gap:1.5rem}.cta-icon{width:3rem;height:3rem;font-size:1.5rem}.link-content{flex-direction:column;text-align:center;gap:1rem}.link-button{width:100%;text-align:center}}.workspace-card{background:#0a0a0a;border:1px solid #222;border-radius:8px;padding:1.5rem;transition:all .2s ease;display:flex;flex-direction:column;gap:1.25rem}.workspace-card:hover{border-color:#333;transform:translateY(-1px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.header-left{display:flex;align-items:center;gap:1rem}.workspace-code{font-family:Courier New,monospace;font-size:.875rem;font-weight:600;color:#888;letter-spacing:1px}.trust-score{display:flex;align-items:center;gap:.25rem;background:#111;padding:.25rem .5rem;border-radius:4px;border:1px solid #222}.trust-value{font-size:.75rem;font-weight:600;color:#fa0}.trust-glyph{font-size:.75rem;color:#fa0}.header-right .progress-visual{display:flex;align-items:center;gap:.75rem}.progress-circle-svg{flex-shrink:0}.status-label{font-size:.75rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:1px;min-width:80px;text-align:right}.card-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:.75rem;line-height:1.3}.title-glyph{font-size:1.25rem;color:#ff6b35;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#111;border-radius:4px;border:1px solid #222;flex-shrink:0}.card-content{display:flex;flex-direction:column;gap:1.25rem}.info-section{display:flex;flex-direction:column;gap:.5rem}.info-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:1px;font-weight:600}.partners-list{display:flex;flex-wrap:wrap;gap:.5rem}.partner-tag{background:#111;border:1px solid #222;padding:.5rem .75rem;font-size:.875rem;color:#aaa;border-radius:4px;font-weight:500;letter-spacing:.5px;white-space:nowrap}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1rem;border-top:1px solid #222}.metric{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:1px;font-weight:600}.metric-value{font-size:.875rem;font-weight:500;color:#fff;letter-spacing:.5px}.type-badge{display:inline-block;padding:.25rem .5rem;background:#111;border:1px solid #333;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}.action-button{padding:.75rem 1rem;border:none;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-button.primary{background:#111;color:#ff6b35;border:1px solid #333}.action-button.primary:hover{background:#1a1a1a;border-color:#ff6b35}.action-button.secondary{background:transparent;color:#888;border:1px solid #333}.action-button.secondary:hover{background:#111;color:#fff;border-color:#444}.action-button.success{grid-column:1 / -1;background:#111;color:#0f8;border:1px solid #00ff88}.action-button.success:hover{background:#005522;color:#fff}.button-text{font-weight:600}.button-arrow{font-size:1rem}.light-theme .workspace-card{background:#fff;border-color:#ddd}.light-theme .card-title{color:#111}.light-theme .title-glyph{background:#f5f5f5;border-color:#ddd}.light-theme .partner-tag{background:#f5f5f5;border-color:#ddd;color:#555}.light-theme .metric-value{color:#111}.light-theme .type-badge,.light-theme .action-button.primary{background:#f5f5f5;border-color:#ddd}.light-theme .action-button.secondary{background:transparent;border-color:#ddd;color:#555}@media (max-width: 768px){.workspace-card{padding:1rem}.metrics-grid{grid-template-columns:1fr;gap:.75rem}.card-actions{grid-template-columns:1fr}.card-title{font-size:1rem}.header-left{flex-direction:column;align-items:flex-start;gap:.5rem}}.success-stories-dashboard{margin-top:20px}.dashboard-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-primary, #1a1a1a)}.header-main .page-title{font-size:28px;color:var(--text-primary, #ffffff);margin:0 0 8px;text-transform:uppercase;letter-spacing:2px}.page-subtitle{font-size:14px;color:var(--text-secondary, #8b8b8b);margin:0;text-transform:uppercase;letter-spacing:1px}.header-filters{margin-top:20px}.filter-buttons{display:flex;gap:1px;background:var(--surface-secondary, #111);border:1px solid var(--border-primary, #1a1a1a);border-radius:8px;overflow:hidden}.filter-btn{flex:1;background:var(--surface-primary, #0a0a0a);color:var(--text-secondary, #8b8b8b);border:none;padding:12px 16px;font-size:12px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.filter-btn:hover{color:var(--text-primary, #ffffff);background:var(--surface-secondary, #111)}.filter-btn.active{background:var(--accent-primary, #3b82f6);color:#fff}.filter-glyph{font-size:14px}.bonobo-success-story.workspace-origin{background:var(--surface-primary, #0a0a0a);border:1px solid var(--border-primary, #1a1a1a);border-left:3px solid var(--accent-primary, #3b82f6);padding:20px;margin-bottom:20px;position:relative;transition:all .3s ease}.bonobo-success-story.workspace-origin:hover{border-color:var(--accent-primary, #3b82f6);transform:translateY(-2px)}.success-marker{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;align-items:center;gap:4px}.success-glyph{font-size:24px;color:var(--accent-primary, #3b82f6)}.origin-badge{font-size:9px;color:var(--text-secondary, #8b8b8b);text-transform:uppercase;letter-spacing:1px;background:rgba(59,130,246,.1);padding:2px 6px;border-radius:10px}.success-content{padding-right:60px}.story-title{font-size:18px;color:var(--text-primary, #ffffff);margin:0 0 12px;font-weight:400;line-height:1.4}.participants-row{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.participant-tag{font-size:11px;color:var(--accent-primary, #3b82f6);background:rgba(59,130,246,.1);padding:4px 8px;border-radius:12px;border:1px solid rgba(59,130,246,.2)}.story-body{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.origin-section,.outcome-section{display:flex;flex-direction:column;gap:4px}.section-label{font-size:10px;color:var(--text-secondary, #8b8b8b);text-transform:uppercase;letter-spacing:1.5px}.section-value{font-size:14px;color:var(--text-primary, #ffffff);line-height:1.4}.testimonial-section{margin:10px 0;padding:15px;background:rgba(139,139,139,.05);border-left:2px solid var(--accent-primary, #3b82f6);border-radius:4px}.testimonial-text{font-size:14px;color:var(--text-secondary, #8b8b8b);font-style:italic;line-height:1.5}.success-metrics{display:flex;gap:20px;margin-top:10px}.metric{display:flex;flex-direction:column;align-items:center;gap:4px}.metric-value{font-size:16px;color:var(--text-primary, #ffffff);font-weight:600}.metric-label{font-size:9px;color:var(--text-secondary, #8b8b8b);text-transform:uppercase;letter-spacing:1px}.story-actions{display:flex;gap:1px;background:var(--surface-secondary, #111);border:1px solid var(--border-primary, #1a1a1a);border-radius:6px;overflow:hidden}.action-btn{flex:1;background:var(--surface-primary, #0a0a0a);color:var(--text-primary, #ffffff);border:none;padding:10px 16px;font-size:11px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.action-btn:hover{background:var(--surface-secondary, #111);color:var(--accent-primary, #3b82f6)}.action-btn.subtle{background:transparent}.action-icon{font-size:12px}.stories-grid{display:flex;flex-direction:column;gap:20px}.empty-state{text-align:center;padding:60px 40px;background:var(--surface-primary, #0a0a0a);border:1px solid var(--border-primary, #1a1a1a);border-radius:12px;margin:40px 0}.empty-glyph{font-size:48px;color:var(--text-secondary, #8b8b8b);opacity:.5;margin-bottom:20px;display:block}.empty-state h3{font-size:18px;color:var(--text-primary, #ffffff);margin:0 0 12px;text-transform:uppercase;letter-spacing:2px}.empty-state p{color:var(--text-secondary, #8b8b8b);font-size:14px;max-width:400px;margin:0 auto}.completion-cta{margin-top:40px;padding:30px;background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);border-radius:12px}.cta-content{display:flex;align-items:center;gap:20px}.cta-glyph{font-size:32px;color:var(--accent-primary, #3b82f6)}.cta-text h3{font-size:16px;color:var(--text-primary, #ffffff);margin:0 0 8px;text-transform:uppercase;letter-spacing:1.5px}.cta-text p{font-size:13px;color:var(--text-secondary, #8b8b8b);margin:0 0 16px}.cta-actions{display:flex;gap:12px}.cta-btn{padding:10px 20px;font-size:12px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-radius:6px;transition:all .2s ease}.cta-btn.primary{background:var(--accent-primary, #3b82f6);color:#fff}.cta-btn.primary:hover{background:#2563eb}.cta-btn.secondary{background:transparent;color:var(--text-secondary, #8b8b8b);border:1px solid var(--border-primary, #1a1a1a)}.cta-btn.secondary:hover{color:var(--text-primary, #ffffff);border-color:var(--accent-primary, #3b82f6)}.loading-state{padding:60px;text-align:center;background:var(--surface-primary, #0a0a0a);border:1px solid var(--border-primary, #1a1a1a);border-radius:12px}.loading-glyph{font-size:32px;color:var(--accent-primary, #3b82f6);display:block;margin-bottom:15px}.loading-text{font-size:14px;color:var(--text-secondary, #8b8b8b);text-transform:uppercase;letter-spacing:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s ease-in-out infinite}@media (max-width: 768px){.filter-buttons{flex-direction:column}.success-content{padding-right:0}.success-marker{position:static;flex-direction:row;margin-bottom:15px}.success-metrics{flex-direction:column;gap:15px}.cta-content{flex-direction:column;text-align:center}.cta-actions{flex-direction:column}}