:root{--glass-bg:#0f0f1499;--glass-border:#ffffff14;--glass-hover:#ffffff1f;--accent-gold:#fbbf24;--accent-gold-dim:#fbbf2426;--accent-rose:#f43f5e;--accent-cyan:#22d3ee;--text-primary:#fffffff2;--text-secondary:#ffffff80}.social-container{width:100%;padding:1rem 0;position:relative}.social-container:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--glass-border)20%,var(--accent-gold-dim)50%,var(--glass-border)80%,transparent 100%);height:1px;position:absolute;top:0;left:0;right:0}.social-buttons{align-items:center;gap:.5rem;display:flex}.social-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;align-items:center;gap:.625rem;padding:.875rem 1.5rem;font-family:Inter,SF Pro Display,system-ui,sans-serif;font-size:.8rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.social-btn:before{content:"";background:linear-gradient(135deg,transparent 50%,var(--glass-border)50%);width:12px;height:12px;transition:background .25s;position:absolute;top:0;right:0}.social-btn:after{content:"";background:linear-gradient(-45deg,transparent 50%,var(--glass-border)50%);width:12px;height:12px;transition:background .25s;position:absolute;bottom:0;left:0}.social-btn:hover{background:var(--glass-hover);color:var(--text-primary);border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 20px #0006,0 0 30px #fbbf240d}.social-btn:hover:before,.social-btn:hover:after{background:linear-gradient(135deg,transparent 50%,var(--accent-gold-dim)50%)}.social-btn:active{transition-duration:.1s;transform:translateY(0)}.social-btn--liked{color:var(--accent-rose);background:#f43f5e26;border-color:#f43f5e4d}.social-btn--liked:before,.social-btn--liked:after{background:linear-gradient(135deg,#0000 50%,#f43f5e66 50%)}.social-btn--liked:hover{background:#f43f5e40;box-shadow:0 4px 20px #f43f5e33,0 0 40px #f43f5e1a}.social-btn--active{color:var(--accent-cyan);background:#22d3ee1a;border-color:#22d3ee4d}.social-btn--active:before,.social-btn--active:after{background:linear-gradient(135deg,#0000 50%,#22d3ee66 50%)}.social-icon{filter:drop-shadow(0 0 4px);font-size:1.125rem;line-height:1;transition:filter .25s}.social-btn:hover .social-icon{filter:drop-shadow(0 0 8px)}.social-label{letter-spacing:.1em;font-size:.75rem;font-weight:600}.comments-section{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);margin-top:1.25rem;padding:1.25rem}.comments-section:before{content:"";background:linear-gradient(90deg,var(--accent-gold-dim),transparent 50%,var(--accent-gold-dim));height:1px;position:absolute;top:0;left:12px;right:12px}.comment-input-row{gap:.75rem;margin-bottom:1.25rem;display:flex}.comment-input{border:1px solid var(--glass-border);color:var(--text-primary);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);background:#0006;border-radius:0;flex:1;padding:.875rem 1rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.comment-input::placeholder{color:var(--text-secondary);font-style:italic}.comment-input:focus{border-color:var(--accent-gold);outline:none;box-shadow:0 0 20px #fbbf241a}.comment-submit-btn{background:linear-gradient(135deg,var(--accent-gold),#f59e0b);color:#0a0a0a;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);border:none;padding:.875rem 1.5rem;font-family:inherit;font-size:.75rem;font-weight:700;transition:transform .2s,box-shadow .2s}.comment-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #fbbf244d}.comment-submit-btn:disabled{opacity:.4;cursor:not-allowed}.comments-list{scrollbar-width:thin;scrollbar-color:var(--glass-border)transparent;flex-direction:column;gap:.75rem;max-height:280px;display:flex;overflow-y:auto}.comments-list::-webkit-scrollbar{width:4px}.comments-list::-webkit-scrollbar-track{background:0 0}.comments-list::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.comment-loading,.comment-empty{text-align:center;color:var(--text-secondary);letter-spacing:.05em;padding:1.5rem;font-size:.8rem;font-style:italic}.comment-item{border-left:2px solid var(--glass-border);background:#0000004d;gap:.75rem;padding:.875rem;transition:border-color .2s,background .2s;display:flex}.comment-item:hover{border-left-color:var(--accent-gold-dim);background:#0006}.comment-avatar{background:var(--glass-bg);border:1px solid var(--glass-border);clip-path:polygon(0 4px,4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%);flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;display:flex}.comment-body{flex:1;min-width:0}.comment-header{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.comment-author{color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600}.comment-time{color:var(--text-secondary);font-family:JetBrains Mono,SF Mono,monospace;font-size:.7rem}.comment-text{color:#ffffffbf;word-wrap:break-word;font-size:.85rem;line-height:1.5}@media (max-width:640px){.social-buttons{flex-wrap:wrap;gap:.5rem}.social-btn{flex:1;justify-content:center;min-width:0;padding:1rem 1.25rem}.social-label{display:none}.social-icon{font-size:1.25rem}.comment-input-row{flex-direction:column}.comment-submit-btn{width:100%}}.sign-in-prompt{color:#ffffffe6;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:#fbbf241a;border:1px solid #fbbf244d;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem 1rem;font-size:.8rem;display:flex}.sign-in-prompt span{flex:1}.sign-in-prompt button{color:#fbbf24;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:#fbbf2433;border:1px solid #fbbf2466;padding:.375rem .75rem;font-size:.7rem;font-weight:600;transition:all .2s}.sign-in-prompt button:hover{background:#fbbf244d}.sign-in-prompt button:last-child{color:#ffffff80;background:0 0;border:none;padding:.375rem .5rem}