:root{--bg-primary:#0a0a0a;--bg-secondary:#121212;--bg-tertiary:#1e1e1e;--bg-card:rgba(30,30,30,.6);--bg-glass:hsla(0,0%,7%,.8);--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#666;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--border-color:hsla(0,0%,100%,.1);--border-hover:hsla(0,0%,100%,.2);--gradient-primary:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));--gradient-dark:linear-gradient(180deg,transparent,rgba(0,0,0,.8));--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-glow:0 0 15px rgba(59,130,246,.5);--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:3.5rem;letter-spacing:-.02em}h2{font-size:2.5rem;letter-spacing:-.01em}h3{font-size:1.75rem}h4{font-size:1.5rem}p{color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grid{display:grid}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.75rem 1.5rem;transition:all var(--transition-normal)}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:#ffffff0d;border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--text-primary)}.btn-danger{background:#ef44441a;border-color:#ef444433;color:var(--accent-danger)}.btn-danger:hover{background:#ef444433;border-color:var(--accent-danger)}.btn-small{font-size:.875rem;padding:.5rem 1rem}.header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-glass);border-bottom:1px solid var(--border-color);padding:var(--space-md) 0;position:fixed;top:0;width:100%;z-index:1000}.nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--space-xl)}.logo{color:var(--text-primary);font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.nav-menu{display:flex;gap:var(--space-lg)}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.95rem;font-weight:500;padding:.5rem .75rem}.nav-link.router-link-active,.nav-link:hover{background:#ffffff0d;color:var(--text-primary)}.hero{background:radial-gradient(circle at top center,#1e1e2e 0,var(--bg-primary) 70%);overflow:hidden;padding:10rem 2rem 6rem;position:relative;text-align:center}.hero:before{background:radial-gradient(circle,rgba(59,130,246,.15) 0,transparent 70%);content:"";height:100%;left:50%;pointer-events:none;position:absolute;top:-50%;transform:translate(-50%);width:100%}.hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.hero h1{background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;margin-bottom:var(--space-lg);-webkit-text-fill-color:transparent}.hero p{font-size:1.25rem;margin-bottom:var(--space-2xl);margin-left:auto;margin-right:auto;max-width:600px}.features{background:var(--bg-secondary);padding:var(--space-2xl) 0}.section-title{margin-bottom:var(--space-2xl);text-align:center}.features-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:0 var(--space-xl)}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-normal)}.feature-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-icon{background:#ffffff0d;border-radius:var(--radius-lg);display:inline-block;font-size:2rem;margin-bottom:var(--space-md);padding:var(--space-sm)}.feature-card h3{color:var(--text-primary);margin-bottom:var(--space-sm)}.workspace-container{background:var(--bg-primary);display:flex;height:100vh;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:var(--space-lg) 0;width:260px}.workspace-main{display:flex;flex:1;flex-direction:column;height:100vh;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border-color);margin-bottom:var(--space-md);padding:0 var(--space-lg) var(--space-lg)}.sidebar-menu{flex:1;list-style:none;padding:0 var(--space-md)}.sidebar-menu a{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-weight:500;margin-bottom:var(--space-xs);padding:var(--space-md)}.sidebar-menu a.active,.sidebar-menu a:hover{background:#3b82f61a;color:var(--accent-primary)}.sidebar-menu a i{margin-right:var(--space-md);text-align:center;width:20px}.main-content{background:var(--bg-primary);flex:1;overflow-y:auto;padding:var(--space-xl)}.content-area{margin:0 auto;max-width:1200px}.strategy-metrics{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-2xl)}.metric{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.metric-value{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--space-xs);-webkit-text-fill-color:transparent}.metric-label{color:var(--text-secondary);font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.metrics-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-lg)}.table-wrapper{overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;font-weight:600;padding:var(--space-md);text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid hsla(0,0%,100%,.05);color:var(--text-primary);padding:var(--space-md)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#ffffff05}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.modal-content{background:#1a1a1a;border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:500px;padding:var(--space-xl);width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.modal-title{font-size:1.5rem;margin:0}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem}.modal-close:hover{color:var(--text-primary)}.form-group{margin-bottom:var(--space-lg)}.form-label{color:var(--text-secondary);display:block;font-size:.9rem;margin-bottom:var(--space-xs)}.form-input,.form-select,.form-textarea{background:#ffffff0d;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;padding:.75rem;transition:border-color var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#ffffff14;border-color:var(--accent-primary);outline:none}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.loading-state{color:var(--text-secondary);display:flex;justify-content:center;padding:var(--space-2xl)}.verification-banner{background:#333;border:1px solid #555;border-radius:8px;color:#e0e0e0;margin-bottom:2rem}.verification-banner,.workspace-header{align-items:center;display:flex;justify-content:space-between;padding:1rem 2rem}.workspace-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-glass);border-bottom:1px solid var(--border-color);flex-shrink:0}.pricing-page{background:#121212;min-height:100vh}.billing-toggle{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.toggle-label{color:#a0a0a0;font-weight:500}.discount-badge{background:#4caf50;border-radius:12px;color:#fff;font-size:.75rem;margin-left:.5rem;padding:.25rem .5rem}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#333;border-radius:24px;cursor:pointer;inset:0;position:absolute;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider{background-color:#4caf50}input:checked+.toggle-slider:before{transform:translate(26px)}.pricing-plans{padding:4rem 2rem}.pricing-container{margin:0 auto;max-width:1200px}.pricing-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:4rem}.plan-card{background:#242424;border:1px solid #333;border-radius:16px;padding:2rem;position:relative;transition:transform .3s ease,border-color .3s ease}.plan-card:hover{border-color:#555;transform:translateY(-5px)}.plan-card.featured{border:2px solid #4caf50;transform:scale(1.05)}.plan-card.featured:hover{transform:scale(1.05) translateY(-5px)}.popular-badge{background:#4caf50;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;left:50%;padding:.5rem 1rem;position:absolute;top:-12px;transform:translate(-50%)}.plan-header{border-bottom:1px solid #333;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.plan-name{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.plan-price{margin:1rem 0}.price{color:#fff;font-size:3rem;font-weight:700}.period{color:#a0a0a0;font-size:1rem;margin-left:.5rem}.plan-description{color:#a0a0a0;font-size:.9rem}.plan-features{margin-bottom:2rem}.features-list{list-style:none}.features-list h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.features-list li{border-bottom:1px solid #2a2a2a;color:#a0a0a0;font-size:.95rem;padding:.5rem 0}.features-list li:last-child{border-bottom:none}.plan-footer{margin-top:auto}.comparison-section{margin:4rem 0}.comparison-table{background:#242424;border:1px solid #333;border-radius:12px;overflow:hidden}.comparison-table table{border-collapse:collapse;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid #333;padding:1rem;text-align:left}.comparison-table th{background:#2a2a2a;color:#fff;font-weight:600}.comparison-table td{color:#a0a0a0}.comparison-table tr:hover{background:#2a2a2a}.faq-section{margin-top:4rem}.faq-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.faq-item{background:#242424;border:1px solid #333;border-radius:12px;padding:2rem}.faq-item h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.faq-item p{color:#a0a0a0;line-height:1.6}@media(max-width:768px){.nav-links,.nav-menu{display:none}.auth-buttons{flex-direction:column;gap:.5rem}.hero h1{font-size:2.5rem}.workspace-container{flex-direction:column}.sidebar{height:auto;width:100%}.form-row,.materials-grid,.pricing-grid,.strategies-grid{grid-template-columns:1fr}.plan-card.featured{border-radius:12px;transform:scale(1.02)}.features-workflow{flex-direction:column;gap:2rem}.workflow-arrow{transform:rotate(90deg)}.cta-buttons{align-items:center;flex-direction:column}.comparison-table{overflow-x:auto}.comparison-table table{min-width:600px}}.posts-page{background:#121212;min-height:100vh}.posts-container{padding:2rem}.filter-options{display:flex;gap:1rem;margin-bottom:2rem}.posts-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.post-card{background:#242424;border:1px solid #333;transition:transform .3s ease}.post-card:hover{transform:translateY(-5px)}.post-owner{color:#fff}.post-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.post-snippet{color:#a0a0a0}.post-actions{border-top:1px solid #333;margin-top:1.5rem;padding-top:1rem}.btn-icon{border:none;color:#a0a0a0;font-size:.9rem}.post-detail-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.post-detail-card{background:#2a2a2a;border:1px solid #444;border-radius:12px;max-height:80vh;max-width:800px;overflow-y:auto;padding:2rem;width:90%}.btn-close{background:none;border:none;color:#a0a0a0;cursor:pointer;font-size:1.5rem}.comments-section{border-top:1px solid #444;margin-top:2rem;padding-top:2rem}.comment-input textarea{background-color:#333;border:1px solid #444;border-radius:6px;color:#e0e0e0;font-size:.95rem;margin-bottom:1rem;padding:.75rem;width:100%}.posts-page{background-color:#f8f9fa;display:flex;height:100vh}.posts-page .sidebar{background:linear-gradient(180deg,#1a1a1a,#2d2d2d);box-shadow:2px 0 10px #0000001a;height:calc(100vh - 80px);left:0;position:fixed;top:80px;transition:width .3s ease;width:280px;z-index:1000}.posts-page .sidebar.collapsed{width:80px}.posts-page .sidebar-header{align-items:center;border-bottom:1px solid #404040;display:flex;justify-content:space-between;padding:1.5rem 1rem}.posts-page .logo-container{align-items:center;display:flex;justify-content:center}.posts-page .logo-text{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:1px}.posts-page .logo-icon{border-radius:6px;height:32px;width:32px}.posts-page .collapse-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:background-color .2s ease}.posts-page .collapse-btn:hover{background-color:#404040}.posts-page .sidebar-menu{padding:1rem 0}.posts-page .menu-list{list-style:none;margin:0;padding:0}.posts-page .menu-item{margin:.5rem 0}.posts-page .menu-link{align-items:center;border-radius:0 8px 8px 0;color:#b0b0b0;display:flex;margin-right:1rem;padding:1rem;text-decoration:none;transition:all .2s ease}.posts-page .menu-link:hover{background-color:#404040;color:#fff}.posts-page .menu-link.active{background-color:#292929;color:#fff}.posts-page .menu-icon{font-size:1.2rem;margin-right:1rem;min-width:24px;text-align:center}.posts-page .menu-text{font-size:1rem;font-weight:500}.posts-page .main-content{flex:1;margin-left:280px;margin-top:80px;overflow-y:auto;padding:2rem;transition:margin-left .3s ease}.posts-page .sidebar.collapsed+.main-content{margin-left:80px}.posts-page .content-header{margin-bottom:2rem;text-align:center}.posts-page .page-title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.posts-page .search-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.posts-page .search-box{align-items:center;display:flex;gap:.5rem;max-width:600px;width:100%}.posts-page .search-input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;font-size:1rem;padding:1rem 1.5rem;transition:border-color .2s ease}.posts-page .search-input:focus{border-color:#292929;box-shadow:0 0 0 3px #007bff1a;outline:none}.posts-page .search-btn{background:#292929;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem;transition:all .2s ease;white-space:nowrap}.posts-page .search-btn:hover{background:#292929;transform:translateY(-1px)}.posts-page .clear-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s ease}.posts-page .clear-btn:hover{background:#545b62}.posts-page .posts-container{margin:0 auto;max-width:1200px}.posts-page .posts-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));justify-items:center}@media(max-width:768px){.posts-page .sidebar{transform:translate(-100%)}.posts-page .sidebar.collapsed{transform:translate(0);width:80px}.posts-page .main-content{margin-left:0}.posts-page .posts-grid{grid-template-columns:1fr;padding:0 1rem}.posts-page .search-container{align-items:center;flex-direction:column}.posts-page .search-box{flex-direction:column;max-width:400px;width:100%}.posts-page .search-input{margin-bottom:.5rem;width:100%}.posts-page .search-btn{width:100%}}.post-detail-page{background-color:#f8f9fa;display:flex;height:100vh}.post-detail-page .sidebar{background:linear-gradient(180deg,#1a1a1a,#2d2d2d);box-shadow:2px 0 10px #0000001a;height:calc(100vh - 80px);left:0;position:fixed;top:80px;transition:width .3s ease;width:280px;z-index:1000}.post-detail-page .sidebar.collapsed{width:80px}.post-detail-page .sidebar-header{align-items:center;border-bottom:1px solid #404040;display:flex;justify-content:space-between;padding:1.5rem 1rem}.post-detail-page .logo-container{align-items:center;display:flex;justify-content:center}.post-detail-page .logo-text{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:1px}.post-detail-page .logo-icon{border-radius:6px;height:32px;width:32px}.post-detail-page .collapse-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:background-color .2s ease}.post-detail-page .collapse-btn:hover{background-color:#404040}.post-detail-page .sidebar-menu{padding:1rem 0}.post-detail-page .menu-list{list-style:none;margin:0;padding:0}.post-detail-page .menu-item{margin:.5rem 0}.post-detail-page .menu-link{align-items:center;border-radius:0 8px 8px 0;color:#b0b0b0;display:flex;margin-right:1rem;padding:1rem;text-decoration:none;transition:all .2s ease}.post-detail-page .menu-link:hover{background-color:#404040;color:#fff}.post-detail-page .menu-link.active{background-color:#292929;color:#fff}.post-detail-page .menu-icon{font-size:1.2rem;margin-right:1rem;min-width:24px;text-align:center}.post-detail-page .menu-text{font-size:1rem;font-weight:500}.post-detail-page .main-content{flex:1;margin-left:280px;overflow-y:auto;padding:2rem;transition:margin-left .3s ease}.post-detail-page .sidebar.collapsed+.main-content{margin-left:80px}.post-detail-page .content-header{margin-bottom:2rem;text-align:center}.post-detail-page .back-button{margin-bottom:1rem;text-align:left}.post-detail-page .back-link{align-items:center;color:#292929;display:inline-flex;font-weight:500;text-decoration:none;transition:color .2s ease}.post-detail-page .back-link:hover{color:#333}.post-detail-page .page-title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.post-detail-page .post-detail-container{margin:0 auto;max-width:800px}.post-detail-page .error-state,.post-detail-page .loading-state{padding:3rem;text-align:center}.post-detail-page .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#292929;height:50px;margin:0 auto 1rem;width:50px}.post-detail-page .post-detail-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem}.post-detail-page .post-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.post-detail-page .post-meta{display:flex;flex-direction:column;gap:.5rem}.post-detail-page .post-owner{color:#292929;font-size:1.1rem;font-weight:600}.post-detail-page .post-date{color:#666;font-size:.9rem}.post-detail-page .post-actions{align-items:center;display:flex;gap:1.5rem}.post-detail-page .action-item{align-items:center;display:flex;gap:.5rem}.post-detail-page .action-btn{align-items:center;background-color:#292929;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.post-detail-page .action-btn:hover{background-color:#333;transform:scale(1.05)}.post-detail-page .action-btn.liked{background-color:#4caf50;color:#fff}.post-detail-page .action-btn.liked:hover{background-color:#45a049}.post-detail-page .action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.post-detail-page .action-btn:disabled:hover{background-color:#292929;transform:none}.post-detail-page .action-count{color:#666;font-size:.9rem;font-weight:500;min-width:20px}.post-detail-page .post-content{margin-bottom:2rem}.post-detail-page .post-title{color:#333;font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.post-detail-page .post-body{color:#555;font-size:1.1rem;line-height:1.7}.post-detail-page .post-body h1,.post-detail-page .post-body h2,.post-detail-page .post-body h3,.post-detail-page .post-body h4,.post-detail-page .post-body h5,.post-detail-page .post-body h6{color:#333;font-weight:600;line-height:1.3;margin-bottom:1rem;margin-top:1.5rem}.post-detail-page .post-body h1{border-bottom:2px solid #f0f0f0;font-size:1.8rem;padding-bottom:.5rem}.post-detail-page .post-body h2{border-bottom:1px solid #f0f0f0;font-size:1.6rem;padding-bottom:.3rem}.post-detail-page .post-body h3{font-size:1.4rem}.post-detail-page .post-body h4{font-size:1.2rem}.post-detail-page .post-body h5,.post-detail-page .post-body h6{font-size:1.1rem}.post-detail-page .post-body p{line-height:1.7;margin-bottom:1rem}.post-detail-page .post-body ol,.post-detail-page .post-body ul{margin-bottom:1rem;padding-left:2rem}.post-detail-page .post-body li{line-height:1.6;margin-bottom:.5rem}.post-detail-page .post-body blockquote{background:#f8f9fa;border-left:4px solid #292929;border-radius:0 8px 8px 0;color:#666;font-style:italic;margin:1.5rem 0;padding:1rem}.post-detail-page .post-body code{background:#f1f3f4;border-radius:4px;color:#d73a49;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;padding:.2rem .4rem}.post-detail-page .post-body pre{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:8px;margin:1.5rem 0;overflow-x:auto;padding:1rem}.post-detail-page .post-body pre code{background:none;color:#333;font-size:.9rem;padding:0}.post-detail-page .post-body a{border-bottom:1px solid transparent;color:#292929;text-decoration:none;transition:border-color .2s ease}.post-detail-page .post-body a:hover{border-bottom-color:#292929}.post-detail-page .post-body strong{color:#333;font-weight:600}.post-detail-page .post-body em{color:#555;font-style:italic}.post-detail-page .post-body hr{border:none;border-top:2px solid #f0f0f0;margin:2rem 0}.post-detail-page .post-body table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:1.5rem 0;overflow:hidden;width:100%}.post-detail-page .post-body td,.post-detail-page .post-body th{border-bottom:1px solid #f0f0f0;padding:.75rem;text-align:left}.post-detail-page .post-body th{background:#f8f9fa;color:#333;font-weight:600}.post-detail-page .post-body tr:hover{background:#f8f9fa}.post-detail-page .post-body img{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;margin:1rem 0;max-width:100%}.post-detail-page .post-body .highlight{background:#fff3cd;border-radius:4px;color:#856404;padding:.2rem .4rem}.post-detail-page .post-info{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.post-detail-page .info-item{border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.post-detail-page .info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.post-detail-page .info-label{color:#495057;font-weight:600}.post-detail-page .info-value{color:#292929;font-weight:500}.post-detail-page .comments-section{border-top:2px solid #f0f0f0;padding-top:2rem}.post-detail-page .comments-section h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.post-detail-page .comment-input{margin-bottom:2rem}.post-detail-page .comment-input-section{border-top:2px solid #f0f0f0;margin-bottom:2rem;padding-top:2rem}.post-detail-page .comment-input-section h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.post-detail-page .comment-textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;margin-bottom:1rem;padding:1rem;resize:vertical;width:100%}.post-detail-page .comment-textarea:focus{border-color:#292929;outline:none}.post-detail-page .comment-actions{align-items:center;display:flex;gap:1rem}.post-detail-page .btn-secondary{background:transparent;border:2px solid #666;color:#666}.post-detail-page .btn-secondary:hover{background:#666;color:#fff}.post-detail-page .message-display{animation:slideIn .3s ease-out;border-radius:8px;font-weight:500;margin:1rem 0;padding:1rem;text-align:center}.post-detail-page .message-display.success{background-color:#4caf50;color:#fff}.post-detail-page .message-display.error{background-color:#f44336;color:#fff}.post-detail-page .message-display.info{background-color:#2196f3;color:#fff}.post-detail-page .cors-test-section{background:#f5f5f5;border-radius:8px;margin:1rem 0;padding:1rem;text-align:center}.post-detail-page .cors-result{color:#666;display:block;font-size:.9rem;margin-top:.5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.post-detail-page .comments-list{min-height:100px}.post-detail-page .no-comments{font-style:italic}.post-detail-page .loading-comments,.post-detail-page .no-comments{color:#666;padding:2rem;text-align:center}.post-detail-page .loading-comments .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#292929;height:40px;margin:0 auto 1rem;width:40px}.post-detail-page .comments-list{display:flex;flex-direction:column;gap:1.5rem}.post-detail-page .comment-item{background:#f8f8f8;border-left:4px solid #292929;border-radius:8px;padding:1.5rem}.post-detail-page .comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.post-detail-page .comment-author{color:#333;font-size:.95rem;font-weight:600}.post-detail-page .comment-date{color:#666;font-size:.85rem}.post-detail-page .comment-text{color:#333;font-size:.95rem;line-height:1.5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media(max-width:768px){.post-detail-page .sidebar{transform:translate(-100%)}.post-detail-page .sidebar.collapsed{transform:translate(0);width:80px}.post-detail-page .main-content{margin-left:0;padding:1rem}.post-detail-page .post-header{align-items:flex-start;flex-direction:column;gap:1rem}.post-detail-page .post-actions{justify-content:space-between;width:100%}.post-detail-page .post-title{font-size:1.5rem}}.post-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:280px;padding:1.5rem;transition:all .3s ease}.post-card:hover{border-color:#292929;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.post-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.post-owner{color:#292929;font-size:.9rem;font-weight:600}.post-date{color:#666;font-size:.8rem}.post-content{flex:1;margin-bottom:1rem}.post-title{color:#333;font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.post-snippet{color:#666;font-size:.95rem;line-height:1.6}.post-meta{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 0}.post-channel,.post-strategy{background:#f8f9fa;border-radius:4px;color:#888;font-size:.8rem;padding:.25rem .5rem}.post-actions{display:flex;gap:.5rem;justify-content:space-around}.btn-icon{background:none;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;flex:1;font-size:.85rem;padding:.5rem .75rem;transition:all .2s ease}.btn-icon:hover{background-color:#292929;border-color:#292929;color:#fff}@media(max-width:768px){.post-card{min-height:250px;padding:1rem}.post-title{font-size:1.1rem}.post-actions{flex-direction:column}}.mobile-only{display:none}.mobile-menu-btn{background:transparent;border:none;cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-around;padding:0;width:30px;z-index:1001}.hamburger-line{background-color:var(--text-primary);border-radius:2px;height:2px}.hamburger-line,.mobile-menu{transition:all .3s ease;width:100%}.mobile-menu{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1rem;left:0;opacity:0;padding:2rem 1rem;pointer-events:none;position:fixed;top:73px;transform:translateY(-150%);z-index:990}.mobile-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu .nav-link{border-bottom:1px solid hsla(0,0%,100%,.05);display:block;font-size:1.2rem;padding:1rem;text-align:center}.mobile-menu .nav-link:last-child{border-bottom:none}.mobile-auth-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.mobile-auth-buttons .btn{width:100%}@media(max-width:768px){.mobile-only{display:flex}.desktop-only{display:none!important}.mobile-menu-btn{display:flex}.nav{padding:0 1.5rem}.hero{padding-top:8rem}.hero h1{font-size:2.5rem}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:1005}.sidebar-overlay.is-visible{opacity:1;pointer-events:auto}@media(max-width:768px){.sidebar{box-shadow:var(--shadow-lg);height:100vh;left:0;max-width:300px;position:fixed;top:0;transform:translate(-100%);transition:transform .3s ease;width:80%;z-index:1010}.sidebar.mobile-open{transform:translate(0)}.workspace-header{gap:1rem;padding:1rem}.workspace-header .user-info{margin-left:auto}}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding:var(--space-md) var(--space-lg)}.logout-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding:var(--space-md);transition:all var(--transition-fast);width:100%}.logout-btn:hover{background:#ef44441a;color:var(--accent-danger)}.logout-btn i{margin-right:var(--space-md);text-align:center;width:20px}