.comms-loading{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-dark)}.comms-loading-text{font-family:var(--font-mono);font-size:14px;color:var(--accent);letter-spacing:4px;text-transform:uppercase;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.conduct-gate{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-dark);padding:20px}.conduct-container{max-width:600px;width:100%;background:var(--bg-card);border:1px solid var(--border)}.conduct-header{padding:30px;border-bottom:1px solid var(--border)}.conduct-logo{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:4px;text-transform:uppercase}.conduct-header h1{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--text-primary);margin:12px 0 0;letter-spacing:2px}.conduct-content{padding:30px}.conduct-content p{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0 0 20px}.conduct-rules{display:flex;flex-direction:column;gap:16px;margin:20px 0}.conduct-rule{display:flex;gap:16px;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);line-height:1.5}.rule-number{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--bg-dark);font-weight:700;font-size:12px}.conduct-rule strong{color:var(--text-primary)}.conduct-enforcement{font-size:12px!important;color:var(--text-dim)!important;font-style:italic}.conduct-footer{padding:30px;border-top:1px solid var(--border)}.conduct-checkbox{display:flex;gap:12px;align-items:flex-start;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);cursor:pointer;margin-bottom:20px}.conduct-checkbox input[type=checkbox]{margin-top:3px;accent-color:var(--accent)}.conduct-enter{width:100%;padding:14px;background:var(--accent);color:var(--bg-dark);border:none;font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:4px;text-transform:uppercase;cursor:pointer;transition:opacity .2s}.conduct-enter:hover:not(:disabled){opacity:.9}.conduct-enter:disabled{opacity:.3;cursor:not-allowed}.comms-layout{display:flex;height:100vh;background:var(--bg-dark);color:var(--text-primary);font-family:var(--font-mono);overflow:hidden;padding-top:74px;box-sizing:border-box;position:relative}.comms-layout:before{content:"";position:fixed;top:70px;left:0;right:0;height:1px;background:var(--accent);z-index:50}.comms-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;z-index:100}.comms-mobile-toggle{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:4px 8px}.comms-mobile-channel{font-size:14px;font-weight:700;color:var(--text-primary)}.comms-sidebar{width:240px;flex-shrink:0;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.comms-sidebar.hidden{display:none}.comms-sidebar-header{padding:20px 16px;border-bottom:1px solid var(--border)}.comms-logo{font-size:12px;color:var(--accent);letter-spacing:4px;text-transform:uppercase;font-weight:700}.channel-list{padding:8px 0}.channel-group{margin-bottom:8px}.channel-group-label{padding:8px 16px 4px;font-size:10px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;font-weight:700}.channel-item{display:flex;align-items:center;gap:4px;width:100%;padding:6px 16px;background:none;border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:13px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.channel-item:hover{background:var(--bg-card);color:var(--text-secondary)}.channel-item.active{background:var(--bg-card);color:var(--text-primary)}.channel-item.unread{color:var(--text-primary);font-weight:700}.channel-hash{color:var(--text-dim);margin-right:4px}.channel-item.active .channel-hash{color:var(--accent)}.channel-unread-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:auto}.comms-main{flex:1;display:flex;flex-direction:column;min-width:0}.comms-channel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg-dark)}.comms-channel-info h2{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.comms-channel-purpose{font-size:12px;color:var(--text-dim);margin-top:2px}.comms-presence-indicator{display:flex;align-items:center;gap:6px}.comms-presence-dot{width:8px;height:8px;border-radius:50%;background:#4caf50;flex-shrink:0}.comms-presence-count{font-size:11px;color:var(--text-dim);letter-spacing:1px}.comms-mobile-presence{gap:5px;font-size:12px}.comms-empty,.comms-mobile-presence{display:flex;align-items:center;color:var(--text-dim)}.comms-empty{flex:1;justify-content:center;font-size:14px}.message-stream{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column}.message-stream.loading{align-items:center;justify-content:center}.message-stream-loading,.message-stream-loading-more{font-size:12px;color:var(--text-dim);text-align:center;padding:12px}.message-stream-start{font-size:12px;color:var(--text-dim);text-align:center;padding:20px 0;border-bottom:1px solid var(--bg-card);margin-bottom:12px}.message-stream-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:13px;font-style:italic}.new-messages-badge{position:sticky;bottom:8px;left:50%;transform:translateX(-50%);display:inline-block;padding:6px 16px;background:var(--accent);color:var(--bg-dark);border:none;border-radius:16px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:1px;cursor:pointer;z-index:5;transition:opacity .2s;align-self:center}.new-messages-badge:hover{opacity:.85}.message-date-separator{display:flex;align-items:center;gap:16px;padding:16px 0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.message-date-separator:after,.message-date-separator:before{content:"";flex:1;height:1px;background:var(--border)}.message-date-separator-text{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);white-space:nowrap}.typing-indicator{display:flex;align-items:center;gap:8px;padding:4px 16px 8px;min-height:24px}.typing-text{font-size:12px;color:var(--text-dim);font-style:italic}.typing-dots{display:flex;gap:3px;align-items:center}.typing-dots span{width:4px;height:4px;border-radius:50%;background:var(--text-dim);animation:typingBounce 1.4s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.message-item{padding:4px 0;position:relative}.message-item:not(.grouped){padding-top:12px}.message-item.pinned{background:rgba(255,21,22,.03);border-left:2px solid var(--accent);padding-left:12px;margin-left:-12px}.message-pinned-label{font-size:10px;color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}.message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.message-author{font-size:14px;font-weight:700;cursor:pointer}.message-author.admin{font-weight:900}.admin-diamond{font-size:12px}.message-time{font-size:11px;color:var(--text-dim)}.message-body{position:relative}.grouped-body{padding-left:0}.message-time-hover{position:absolute;left:-48px;top:2px;font-size:10px;color:var(--text-dim);opacity:0;transition:opacity .15s}.message-item:hover .message-time-hover{opacity:1}.message-content{font-size:14px;color:var(--text-secondary);line-height:1.5;word-break:break-word}.message-content p{margin:0 0 4px}.message-content a{color:var(--accent);text-decoration:none}.message-content a:hover{text-decoration:underline}.message-code-wrapper{position:relative;margin:8px 0}.code-copy-button{position:absolute;top:6px;right:6px;padding:2px 8px;background:var(--border);border:1px solid var(--text-dim);color:var(--text-dim);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;opacity:.3;transition:opacity .15s,background .15s;z-index:1}.message-code-wrapper:hover .code-copy-button{opacity:1}.code-copy-button:hover{background:var(--text-dim);color:var(--text-secondary)}.message-code-block{background:var(--bg-card);border:1px solid var(--border);padding:12px;margin:0;overflow-x:auto;font-size:13px;line-height:1.5}.message-code-block code{font-family:var(--font-mono)}.message-inline-code{background:var(--bg-card);padding:2px 6px;font-size:13px;color:#f88}.hljs{background:transparent!important;color:#ccc}.hljs-keyword,.hljs-selector-tag{color:#ff7b72}.hljs-attr,.hljs-string{color:#a5d6ff}.hljs-literal,.hljs-number{color:#79c0ff}.hljs-built_in{color:#ffa657}.hljs-comment{color:#555;font-style:italic}.hljs-function,.hljs-title{color:#d2a8ff}.hljs-class,.hljs-type,.hljs-variable{color:#ffa657}.hljs-params{color:#ccc}.message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.message-attachment-image{display:block;max-width:400px;border:1px solid var(--border);overflow:hidden;transition:border-color .15s}.message-attachment-image:hover{border-color:var(--text-dim)}.message-attachment-image img{display:block;width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;background:var(--bg-dark)}.message-attachment-file{display:inline-block;padding:6px 12px;background:var(--bg-card);border:1px solid var(--border);color:var(--accent);font-family:var(--font-mono);font-size:12px;text-decoration:none}.message-attachment-file:hover{border-color:var(--accent)}.message-edited{font-size:11px;color:var(--text-dim);margin-left:4px}.message-actions-bar{display:none;gap:2px;padding:2px;border-radius:4px}.message-item:hover .message-actions-bar{display:inline-flex}@media (max-width:768px){.message-actions-bar{display:inline-flex}}.message-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px dashed var(--border);border-radius:4px;color:var(--text-dim);font-size:12px;cursor:pointer;transition:background .1s,color .1s,border-color .1s}.message-action-btn:hover{background:var(--bg-card);border-color:var(--text-dim);color:var(--text-primary)}.message-action-delete:hover{color:var(--accent);border-color:var(--accent)}.message-edit-container{margin-top:4px}.message-edit-input{width:100%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;padding:8px 12px;resize:vertical;outline:none;line-height:1.4;min-height:40px;max-height:200px;box-sizing:border-box}.message-edit-input:focus{border-color:var(--text-dim)}.message-edit-actions{display:flex;align-items:center;gap:8px;margin-top:6px}.message-edit-save{background:var(--accent);color:var(--bg-dark);border:none;font-weight:700}.message-edit-cancel,.message-edit-save{padding:4px 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.message-edit-cancel{background:none;border:1px solid var(--border);color:var(--text-dim)}.message-edit-cancel:hover{color:var(--text-primary);border-color:var(--text-dim)}.message-edit-hint{font-size:10px;color:var(--text-dim);margin-left:auto}.link-preview-card{display:flex;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);text-decoration:none;overflow:hidden;margin-top:6px;transition:border-color .15s}.link-preview-card:hover{border-color:var(--text-dim);border-left-color:var(--accent)}.link-preview-image{width:80px;min-height:80px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;background:var(--bg-dark)}.link-preview-text{display:flex;flex-direction:column;gap:2px;padding:8px 12px;overflow:hidden;min-width:0}.link-preview-site{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.link-preview-title{font-size:13px;color:var(--text-primary);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-description{font-size:12px;color:var(--text-dim);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-reactions{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.reaction-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);transition:background .15s}.reaction-badge:hover{background:var(--bg-card);border-color:var(--text-dim)}.reaction-emoji{font-size:14px}.reaction-count{font-size:11px}.reaction-badge.active{border-color:var(--accent);background:rgba(255,21,22,.1)}.reaction-badge.active:hover{background:rgba(255,21,22,.15)}.reaction-add-button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:1px dashed var(--border);border-radius:4px;color:var(--text-dim);font-size:14px;cursor:pointer;opacity:.3;transition:opacity .15s,background .15s,border-color .15s}.message-item:hover .reaction-add-button{opacity:1}.reaction-add-button:hover{background:var(--bg-card);border-color:var(--text-dim);color:var(--text-dim)}.message-reactions{position:relative}.reaction-picker{position:absolute;bottom:100%;left:0;margin-bottom:4px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:6px;z-index:10}.reaction-picker-item{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:4px;font-size:18px;cursor:pointer;transition:background .1s}.reaction-picker-item:hover{background:var(--border)}.message-input-container{padding:12px 20px 20px;border-top:1px solid var(--border)}.message-input-wrapper{background:var(--bg-card);border:1px solid var(--border);transition:border-color .2s}.message-input-wrapper:focus-within{border-color:var(--text-dim)}.message-input-wrapper.over-limit{border-color:var(--accent)}.message-input{width:100%;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:14px;padding:12px;resize:none;outline:none;line-height:1.4;min-height:20px;max-height:200px}.message-input::-moz-placeholder{color:var(--text-dim)}.message-input::placeholder{color:var(--text-dim)}.message-input-footer{display:flex;align-items:center;justify-content:space-between;padding:4px 12px 8px}.char-count{font-size:11px;color:var(--text-dim)}.char-count.warning{color:#fa0}.char-count.over{color:var(--accent)}.input-hint{font-size:11px;color:var(--text-dim)}.message-input-actions{display:flex;align-items:center;gap:12px}.message-send-button{padding:4px 12px;background:var(--accent);color:var(--bg-dark);border:none;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:opacity .2s}.message-send-button:hover:not(:disabled){opacity:.85}.message-send-button:disabled{opacity:.2;cursor:not-allowed}.comms-members-sidebar{width:200px;flex-shrink:0;background:var(--bg-card);border-left:1px solid var(--border);overflow-y:auto}.member-list{padding:8px 0}.member-list-header{padding:20px 16px 12px;font-size:10px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;font-weight:700}.member-group{margin-bottom:12px}.member-group-label{padding:8px 16px 4px;font-size:10px;color:var(--text-dim);letter-spacing:1px}.member-item{display:flex;align-items:center;gap:8px;padding:4px 16px}.member-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.member-status-dot.online{background:#4caf50}.member-status-dot.away{background:#ff9800}.member-status-dot.offline{background:var(--text-dim)}.member-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-name.admin{font-weight:900}.member-list-empty{padding:16px;font-size:12px;color:var(--text-dim);text-align:center}.comms-mobile-backdrop{display:none}@media (max-width:768px){.comms-layout{flex-direction:column;padding-top:74px}.comms-sidebar{position:fixed;top:74px;left:0;bottom:0;width:280px;z-index:90;box-shadow:4px 0 20px rgba(0,0,0,.5)}.comms-sidebar.hidden{display:none}.comms-members-sidebar{position:fixed;top:74px;right:0;bottom:0;width:240px;z-index:90;box-shadow:-4px 0 20px rgba(0,0,0,.5)}.comms-channel-header{display:none}.message-stream{padding:12px}.message-input-container{padding:8px 12px 12px}.message-time-hover{position:static;opacity:.5;font-size:10px;margin-bottom:2px}.comms-mobile-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:80}.comms-mobile-header{padding-top:max(12px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.message-input-container{padding-bottom:max(12px,env(safe-area-inset-bottom))}}.comms-members-sidebar::-webkit-scrollbar,.comms-sidebar::-webkit-scrollbar,.message-stream::-webkit-scrollbar{width:6px}.comms-members-sidebar::-webkit-scrollbar-track,.comms-sidebar::-webkit-scrollbar-track,.message-stream::-webkit-scrollbar-track{background:transparent}.comms-members-sidebar::-webkit-scrollbar-thumb,.comms-sidebar::-webkit-scrollbar-thumb,.message-stream::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.comms-members-sidebar::-webkit-scrollbar-thumb:hover,.comms-sidebar::-webkit-scrollbar-thumb:hover,.message-stream::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.comms-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:8px;vertical-align:middle}.comms-status-dot.connected{background:#4caf50}.comms-status-dot.disconnected{background:var(--accent);animation:pulse 1.5s ease-in-out infinite}.showcase-stream{flex:1;overflow-y:auto;padding:16px 20px}.showcase-stream.loading{display:flex;align-items:center;justify-content:center}.showcase-stream-loading{font-size:12px;color:var(--text-dim);text-align:center}.showcase-stream-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim);font-size:13px;font-style:italic}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.showcase-load-more{display:block;width:100%;padding:10px;margin-top:16px;background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:12px;cursor:pointer;letter-spacing:1px}.showcase-load-more:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-dim)}.showcase-load-more:disabled{opacity:.5;cursor:not-allowed}.showcase-card{background:var(--bg-card);border:1px solid var(--border);transition:border-color .2s}.showcase-card:hover{border-color:var(--text-dim)}.showcase-card-media{aspect-ratio:16/9;overflow:hidden;background:var(--bg-dark);position:relative}.showcase-card-image,.showcase-card-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.showcase-card-link{display:block;padding:8px 12px;color:var(--accent);font-size:12px;text-decoration:none;word-break:break-all}.showcase-card-link:hover{text-decoration:underline}.showcase-card-content{padding:16px}.showcase-card-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.showcase-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px}.showcase-card-author{font-size:13px;font-weight:700}.showcase-card-date{font-size:11px;color:var(--text-dim)}.showcase-card-description{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.showcase-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.showcase-card-tags{display:flex;gap:6px;flex-wrap:wrap}.showcase-tag{display:inline-block;padding:2px 8px;background:var(--bg-card);border:1px solid var(--border);font-size:11px;color:var(--text-dim);letter-spacing:.5px}.showcase-tag.removable{cursor:pointer}.showcase-tag.removable:hover{border-color:var(--accent);color:var(--accent)}.showcase-card-comments{font-size:11px;color:var(--text-dim)}.showcase-submit-collapsed{padding:12px 20px 20px;border-top:1px solid var(--border)}.showcase-submit-trigger{width:100%;padding:12px;background:var(--bg-card);border:1px dashed var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:13px;cursor:pointer;transition:color .2s,border-color .2s}.showcase-submit-trigger:hover{color:var(--text-primary);border-color:var(--text-dim)}.showcase-submit-form{padding:16px 20px 20px;border-top:1px solid var(--border);background:var(--bg-dark)}.showcase-submit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.showcase-submit-title{font-size:12px;color:var(--accent);letter-spacing:2px;text-transform:uppercase;font-weight:700}.showcase-submit-close{background:none;border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:14px;cursor:pointer}.showcase-submit-close:hover{color:var(--text-primary)}.showcase-input,.showcase-textarea{width:100%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;padding:10px 12px;margin-bottom:8px;outline:none;transition:border-color .2s}.showcase-input:focus,.showcase-textarea:focus{border-color:var(--text-dim)}.showcase-textarea{resize:vertical;min-height:60px;max-height:200px;line-height:1.4}.showcase-input::-moz-placeholder,.showcase-textarea::-moz-placeholder{color:var(--text-dim)}.showcase-input::placeholder,.showcase-textarea::placeholder{color:var(--text-dim)}.showcase-tags-section{margin-bottom:12px}.showcase-tags-input-row{display:flex;gap:4px}.showcase-tag-input{flex:1;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono);font-size:12px;padding:6px 10px;outline:none}.showcase-tag-input:focus{border-color:var(--text-dim)}.showcase-tag-input::-moz-placeholder{color:var(--text-dim)}.showcase-tag-input::placeholder{color:var(--text-dim)}.showcase-tag-add{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:14px;padding:4px 10px;cursor:pointer}.showcase-tag-add:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-dim)}.showcase-tag-add:disabled{opacity:.3;cursor:not-allowed}.showcase-tags-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.showcase-submit-success{text-align:center;padding:10px;font-size:12px;color:#4caf50;letter-spacing:1px;text-transform:uppercase}.showcase-submit-error{font-size:12px;color:var(--accent);margin-bottom:8px}.showcase-submit-button{width:100%;padding:12px;background:var(--accent);color:var(--bg-dark);border:none;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:opacity .2s}.showcase-submit-button:hover:not(:disabled){opacity:.9}.showcase-submit-button:disabled{opacity:.3;cursor:not-allowed}.showcase-upload-section{margin-bottom:8px}.showcase-upload-button{width:100%;padding:10px;background:var(--bg-card);border:1px dashed var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:color .2s,border-color .2s}.showcase-upload-button:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-dim)}.showcase-upload-button:disabled{opacity:.3;cursor:not-allowed}.showcase-upload-previews{display:flex;gap:8px;margin-top:8px}.showcase-upload-preview{position:relative;width:80px;height:80px}.showcase-upload-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border:1px solid var(--border)}.showcase-upload-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;background:var(--bg-dark);border:1px solid var(--text-dim);color:var(--accent);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.showcase-card.clickable{cursor:pointer}.showcase-card.clickable:hover{border-color:var(--accent);transform:translateY(-1px);transition:border-color .2s,transform .2s}.showcase-card-project-link{display:inline-block;padding:4px 0;color:var(--accent);font-size:12px;text-decoration:none;font-family:var(--font-mono);margin-bottom:8px}.showcase-card-project-link:hover{text-decoration:underline}.showcase-detail-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:100;display:flex;align-items:center;justify-content:center;padding:40px}.showcase-detail-modal{position:relative;max-width:700px;width:100%;max-height:90vh;overflow-y:auto}.showcase-detail-close,.showcase-detail-modal{background:var(--bg-dark);border:1px solid var(--border)}.showcase-detail-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-family:var(--font-mono);font-size:16px;cursor:pointer;z-index:1;transition:color .2s,border-color .2s}.showcase-detail-close:hover{color:var(--text-primary);border-color:var(--text-dim)}.showcase-detail-loading{padding:60px;text-align:center;color:var(--text-dim);font-size:13px}.showcase-detail-media{display:flex;flex-direction:column;gap:2px;background:var(--bg-dark)}.showcase-detail-image{-o-object-fit:contain;object-fit:contain}.showcase-detail-image,.showcase-detail-video{display:block;width:100%;max-height:400px}.showcase-detail-content{padding:20px}.showcase-detail-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.showcase-detail-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:13px}.showcase-detail-date{font-size:11px;color:var(--text-dim)}.showcase-detail-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 12px}.showcase-detail-project-link{display:inline-block;padding:6px 12px;background:rgba(255,21,22,.1);border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);font-size:12px;text-decoration:none;margin-bottom:12px;transition:background .2s}.showcase-detail-project-link:hover{background:rgba(255,21,22,.2)}.showcase-detail-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.showcase-detail-comments{border-top:1px solid var(--border);padding:16px 20px 20px}.showcase-detail-comments-header{font-size:12px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}.showcase-detail-no-comments{font-size:13px;color:var(--text-dim);font-style:italic;margin-bottom:12px}.showcase-comment{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--bg-card)}.showcase-comment:last-of-type{border-bottom:none}.showcase-comment-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.showcase-comment-date{font-size:10px;color:var(--text-dim)}.showcase-comment-content{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}.showcase-comment-input-row{display:flex;gap:8px;margin-top:12px}.showcase-comment-input{flex:1;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;padding:8px 12px;outline:none;resize:none;min-height:36px;transition:border-color .2s}.showcase-comment-input:focus{border-color:var(--text-dim)}.showcase-comment-input::-moz-placeholder{color:var(--text-dim)}.showcase-comment-input::placeholder{color:var(--text-dim)}.showcase-comment-submit{padding:8px 16px;background:var(--accent);color:var(--bg-dark);border:none;font-family:var(--font-mono);font-size:12px;font-weight:700;cursor:pointer;align-self:flex-end;transition:opacity .2s}.showcase-comment-submit:hover:not(:disabled){opacity:.9}.showcase-comment-submit:disabled{opacity:.3;cursor:not-allowed}@media (max-width:768px){.showcase-detail-backdrop{padding:0}.showcase-detail-modal{max-height:100vh;height:100vh}}.comms-vibes-scroll{flex:1;overflow-y:auto;padding:16px 20px}.comms-vibes-loading{font-size:12px}.comms-vibes-empty,.comms-vibes-loading{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-dim)}.comms-vibes-empty{font-size:13px;font-style:italic}.comms-vibes-masonry{-moz-columns:3;column-count:3;-moz-column-gap:12px;column-gap:12px}.comms-vibe-card{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:12px;background:var(--bg-card);border:1px solid var(--border);overflow:hidden;transition:border-color .2s}.comms-vibe-card:hover{border-color:var(--text-dim)}.comms-vibe-media{width:100%;overflow:hidden;background:var(--bg-dark)}.comms-vibe-media img{height:auto}.comms-vibe-media img,.comms-vibe-media video{display:block;width:100%}.comms-vibe-link{display:flex;align-items:center;gap:8px;padding:16px;text-decoration:none;color:var(--accent);transition:background .2s}.comms-vibe-link:hover{background:rgba(255,21,22,.05)}.comms-vibe-link-icon{font-size:16px}.comms-vibe-link-url{font-family:var(--font-mono);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comms-vibe-info{padding:12px}.comms-vibe-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin:0 0 4px}.comms-vibe-description{font-size:12px;color:var(--text-dim);line-height:1.4;margin:0}.comms-vibe-creator{padding:8px 12px;font-size:10px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;border-top:1px solid var(--border)}@media (max-width:1200px){.comms-vibes-masonry{-moz-columns:2;column-count:2}}@media (max-width:768px){.comms-vibes-masonry{-moz-columns:1;column-count:1}.comms-vibes-scroll{padding:12px}}