.comments-widget{position:fixed;top:0;right:0;bottom:0;z-index:150;pointer-events:none}.comments-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:mixed;display:flex;align-items:center;gap:.5rem;padding:1.2rem .5rem;background:var(--primary);border:none;border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);color:#000;font-family:Chakra Petch,sans-serif;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease;pointer-events:auto;letter-spacing:.04em;z-index:2;box-shadow:-2px 0 12px #e8683059;animation:toggle-pulse 3s ease-in-out infinite}@keyframes toggle-pulse{0%,to{box-shadow:-2px 0 12px #e8683059}50%{box-shadow:-2px 0 20px #e868308c}}.comments-toggle:hover{background:#ff7a3d;box-shadow:-2px 0 20px #e8683099;animation:none}.comments-icon{font-size:1rem;writing-mode:horizontal-tb}.comments-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;border-radius:9px;writing-mode:horizontal-tb}.comments-arrow{font-size:.65rem;color:var(--muted);writing-mode:horizontal-tb}.comments-panel{position:absolute;right:0;top:0;bottom:0;width:380px;display:flex;flex-direction:column;background:var(--bg-panel);border-left:1px solid var(--line);transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);pointer-events:none;overflow:hidden}.comments-panel.open{transform:translate(0);pointer-events:auto}.comments-header{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-bottom:1px solid var(--line);flex-shrink:0}.comments-header h3{font-family:Chakra Petch,sans-serif;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin:0}.comments-count{font-size:.75rem;color:var(--muted)}.comments-list{flex:1;overflow-y:auto;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.75rem}.comments-empty{text-align:center;color:var(--muted);font-size:.85rem;padding:1rem}.comment{padding:.75rem;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.comment-author{font-family:Chakra Petch,sans-serif;font-size:.8rem;font-weight:600;color:var(--primary)}.comment-author-wrap{display:inline-flex;align-items:center;gap:.35rem;position:relative}.comment-level{font-family:Chakra Petch,sans-serif;font-size:.55rem;font-weight:700;padding:.1rem .35rem;border-radius:10px;color:#000;text-shadow:0 1px 0 rgba(255,255,255,.3);cursor:default;position:relative}.comment-level:after{content:attr(data-xp) " XP";position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-panel);border:1px solid var(--line);color:var(--text-soft);font-size:.65rem;font-weight:600;padding:.2rem .4rem;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:10}.comment-level:hover:after{opacity:1}.comment-time{font-size:.7rem;color:var(--muted)}.comment-body{font-size:.85rem;color:var(--text-soft);line-height:1.5;margin:0}.comment-footer{display:flex;gap:.5rem;margin-top:.5rem}.comment-vote{background:none;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.75rem;color:var(--muted);cursor:pointer;transition:all .1s ease}.comment-vote:hover{border-color:var(--primary);color:var(--primary)}.comments-form{padding:.75rem 1rem;border-top:1px solid var(--line);flex-shrink:0}.comment-guest-link{display:block;text-align:center;padding:.6rem;color:var(--primary);font-family:Chakra Petch,sans-serif;font-size:.8rem;font-weight:600;text-decoration:none;border:1px solid var(--line);border-radius:var(--radius-sm);transition:all .15s ease}.comment-guest-link:hover{border-color:var(--primary);background:#e868301a}.form-row{display:flex;gap:.5rem;align-items:flex-start}.comment-input{flex:1;padding:.5rem;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font-size:.85rem;font-family:IBM Plex Sans,sans-serif;resize:none;width:100%}.comment-input:focus{outline:none;border-color:var(--primary)}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.btn-cancel,.btn-submit{padding:.4rem .8rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .1s ease;border:1px solid var(--line)}.btn-cancel{background:none;color:var(--muted)}.btn-cancel:hover{border-color:var(--muted);color:var(--text)}.btn-submit{background:var(--primary);border-color:var(--primary);color:#fff}.btn-submit:hover{background:#cf4e17}@media(max-width:768px){.comments-widget{width:100vw}.comments-toggle{padding:.8rem .35rem;font-size:.7rem}}