: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;margin-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-md);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:0;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-md);padding-bottom:0;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}.posts-list{position:relative;margin-left:calc(-1 * var(--space-xl));margin-right:calc(-1 * var(--space-xl));width:calc(100% + 2 * var(--space-xl));overflow-x:hidden}.nav-collapse{transition:max-height .35s ease,opacity .35s ease;overflow:hidden;max-height:300px;opacity:1}@media (min-width: 769px){.nav-collapse{max-height:300px!important;opacity:1!important}}@media (max-width: 768px){.nav-collapse.nav-visible{max-height:300px;opacity:1}.nav-collapse.nav-hidden{max-height:0;opacity:0;pointer-events:none}.container{padding-left:0!important;padding-right:0!important}.posts-list{margin:0;width:100vw}.content-header{padding:0 16px}}.section-nav{display:block!important;visibility:visible!important}.section-btn{color:#fafaf8b3!important}[data-theme=light] .section-btn{color:#1a1a1a!important;opacity:.8!important}[data-theme=light] .section-btn.active{color:var(--accent-primary)!important;opacity:1!important}[data-theme=light] .section-btn .glyph{color:var(--accent-primary)!important}[data-theme=light] .section-nav{background:#fdfaf5!important;border-bottom:1px solid rgba(0,0,0,.1)!important}.pc-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative!important;min-height:70px}.pc-footer>div:nth-child(2){position:absolute!important;left:50%!important;transform:translate(-50%)!important;margin:0!important}.pc-discuss-btn{flex-shrink:0;margin-left:auto;z-index:2}.pc-stats{flex-shrink:0;margin-right:auto;z-index:2}.pc-card{position:relative;background:var(--pc-bg, #0A0A0A);border-bottom:1px solid var(--pc-border, rgba(255,255,255,.07));border-radius:0;margin-bottom:0;height:100dvh;overflow-y:auto;overflow-x:hidden;scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0}.pc-image-wrap{position:relative;width:100%;height:45dvh;overflow:hidden;background:#111}.pc-image{width:100%;height:100%;object-fit:cover;display:block}.pc-image-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,var(--pc-bg, #0A0A0A) 100%)}.pc-image-section-badge{position:absolute;bottom:12px;left:16px;display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:rgba(10,10,10,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--sec) 30%,transparent);font-size:9px;color:var(--sec);letter-spacing:.15em;text-transform:uppercase;font-family:monospace}.pc-content-zone{padding:14px 16px 80px}.pc-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:10px 16px 14px;background:var(--pc-bg, #0A0A0A);border-top:1px solid var(--pc-divider, rgba(255,255,255,.06))}.pc-author-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.pc-avatar{position:relative;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--sec) 20%,transparent);border:1.5px solid color-mix(in srgb,var(--sec) 40%,transparent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--sec);font-family:monospace}.pc-bonobo-dot{position:absolute;bottom:0;right:0;width:7px;height:7px;border-radius:50%;background:#7BA38F;border:1.5px solid var(--pc-bg, #0A0A0A)}.pc-author-info{flex:1;min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pc-author-name{font-size:12px;font-weight:600;color:var(--pc-text-strong, rgba(250,250,248,.9));letter-spacing:.02em}.pc-official-badge{font-size:8px;color:var(--sec);letter-spacing:.15em;text-transform:uppercase;padding:1px 6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--sec) 30%,transparent);background:color-mix(in srgb,var(--sec) 10%,transparent);font-family:monospace}.pc-timestamp{font-size:10px;color:var(--pc-text-muted, rgba(250,250,248,.3));font-family:monospace}.pc-section-badge{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;flex-shrink:0;background:color-mix(in srgb,var(--sec) 10%,transparent);border:1px solid color-mix(in srgb,var(--sec) 20%,transparent)}.pc-section-glyph{font-size:9px;color:var(--sec)}.pc-section-name{font-size:8px;color:var(--sec);letter-spacing:.12em;text-transform:uppercase;font-family:monospace}.pc-title{font-size:16px;font-weight:400;color:var(--pc-text-strong, rgba(250,250,248,.95));letter-spacing:-.01em;line-height:1.35;margin:0 0 8px;font-family:Times New Roman,serif}.pc-body-text{font-size:13px;font-weight:300;color:var(--pc-text-body, rgba(250,250,248,.5));line-height:1.65;margin:0 0 8px}.pc-expand-btn{display:flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:0 0 8px;font-size:9px;color:var(--sec);letter-spacing:.2em;text-transform:uppercase;font-family:monospace}.pc-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.pc-tag{font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--sec) 8%,transparent);border:1px solid color-mix(in srgb,var(--sec) 20%,transparent);color:var(--sec);font-family:monospace}.pc-stats{display:flex;align-items:center;gap:12px}.pc-stat-btn{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:0}.pc-stat-icon{font-size:12px;color:var(--pc-text-muted, rgba(250,250,248,.25))}.pc-stat-icon.active{color:var(--sec)}.pc-stat-count{font-size:10px;color:var(--pc-text-muted, rgba(250,250,248,.3));font-family:monospace}.pc-discuss-btn{display:flex;align-items:center;gap:5px;background:none;border:1px solid var(--pc-btn-border, rgba(255,255,255,.08));border-radius:999px;padding:5px 12px;cursor:pointer;transition:all .2s;font-size:9px;color:var(--pc-text-muted, rgba(250,250,248,.3));letter-spacing:.15em;text-transform:uppercase;font-family:monospace}.pc-discuss-btn.active{border-color:color-mix(in srgb,var(--sec) 40%,transparent);color:var(--sec)}.pc-comments-inline{margin-top:12px;border-top:1px solid var(--pc-divider, rgba(255,255,255,.06));padding-top:10px;max-height:300px;overflow-y:auto}[data-theme=light] .pc-card{--pc-bg: #F5F0E8;--pc-border: rgba(0,0,0,.08);--pc-text-strong: rgba(20,18,16,.92);--pc-text-body: rgba(20,18,16,.65);--pc-text-muted: rgba(20,18,16,.4);--pc-divider: rgba(0,0,0,.08);--pc-btn-border: rgba(0,0,0,.12);--pc-img-fade: #F5F0E8}.comment-section-compact{padding:0}.comment-section-loading{font-size:11px;color:#fafaf840;font-family:monospace;padding:8px 0}.comment-input-compact{display:flex;align-items:center;gap:8px;margin-bottom:12px}.comment-input-field{flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:7px 14px;font-size:13px;color:#fafaf8d9;outline:none;transition:border-color .2s;font-family:inherit}.comment-input-field::placeholder{color:#fafaf833}.comment-input-field:focus{border-color:var(--sec, rgba(255,255,255,.2))}.comment-submit-compact{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#fafaf899;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.comment-submit-compact:hover:not(:disabled){background:rgba(255,255,255,.1);color:#fafaf8e6}.comment-submit-compact:disabled{opacity:.3;cursor:not-allowed}.comment-avatar-small{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#fafaf899;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:monospace}.comment-login-compact{font-size:11px;color:#fafaf840;padding:4px 0 12px;font-family:monospace}.comment-login-compact a{color:var(--sec, #E07A5F);text-decoration:none;font-weight:600}.comments-list-compact{display:flex;flex-direction:column;gap:0}.comment-item-compact{display:flex;gap:8px;padding:10px 0;border-top:1px solid rgba(255,255,255,.05)}.comment-content-compact{flex:1;min-width:0}.comment-header-compact{display:flex;align-items:baseline;gap:6px;margin-bottom:3px}.comment-author-compact{font-size:12px;font-weight:700;color:#fafaf8d9;font-family:monospace}.comment-time-compact{font-size:10px;color:#fafaf840;font-family:monospace}.comment-text-compact{font-size:13px;color:#fafaf8bf;line-height:1.55;margin:0;word-break:break-word;font-weight:400}[data-theme=light] .comment-input-field{background:rgba(0,0,0,.03);border-color:#0000001a;color:#141210cc}[data-theme=light] .comment-input-field::placeholder{color:#14121040}[data-theme=light] .comment-avatar-small{background:rgba(0,0,0,.06);border-color:#0000001a;color:#14121080}[data-theme=light] .comment-author-compact{color:#141210b3}[data-theme=light] .comment-time-compact{color:#1412104d}[data-theme=light] .comment-text-compact{color:#1412108c}[data-theme=light] .comment-item-compact{border-top-color:#0000000f}[data-theme=light] .comment-submit-compact{background:rgba(0,0,0,.04);border-color:#0000001a;color:#14121080}[data-theme=light] .comment-login-compact{color:#1412104d}.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}.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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.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}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.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}}