.comment-choose{position:relative;display:inline-block;width:35ch;background-color:white;border-style:solid;border-width:1px;padding:2px;margin:0}.comment-choose .web3-comment-box{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:2rem;margin-top:2rem;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.comment-choose .comment-choose{display:block;width:100%;padding:12px;background:#f8f9fa;border:1px solid #ccc;border-radius:4px;cursor:pointer;text-align:center;font-weight:600;color:var(--brand-primary);transition:all 0.2s;margin-bottom:1.5rem}.comment-choose .comment-choose:hover{background:#e2e6ea;border-color:var(--brand-accent)}.comment-choose #comment-options{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;max-width:900px;max-height:85vh;background:white;z-index:10000;box-shadow:0 25px 50px rgba(0,0,0,0.3);border-radius:12px;padding:2rem;overflow-y:auto;border:1px solid #dfe6e9}.comment-choose #comment-options .button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:140px;height:120px;margin:10px;vertical-align:top;background:#fff;border:1px solid #eee;color:var(--text-main);box-shadow:none}.comment-choose #comment-options .button img{height:32px;width:32px;object-fit:contain;margin:5px 0}.comment-choose #comment-options .button:hover{border-color:var(--brand-accent);background:#f0faff;transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,0.1)}.comment-choose #comment-options button[onclick="hide_web3_comment_options()"]{position:absolute;top:15px;right:15px;width:auto;height:auto;background:transparent;border:none;font-size:1.5rem;color:#e74c3c;cursor:pointer}.comment-choose #comment-options button[onclick="hide_web3_comment_options()"]:hover{transform:scale(1.1)}.comment-choose .comment-form-group{margin-bottom:1.5rem}.comment-choose .comment-form-group label{display:block;font-size:0.9rem;font-weight:600;color:var(--text-muted);margin-bottom:0.5rem}.comment-choose .comment-form-group input,.comment-choose .comment-form-group textarea{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:1rem;font-family:inherit;transition:border 0.2s}.comment-choose .comment-form-group input:focus,.comment-choose .comment-form-group textarea:focus{outline:none;border-color:var(--brand-accent);box-shadow:0 0 0 3px rgba(9,132,227,0.1)}.comment-choose #comment-status{display:block;margin-top:10px;font-weight:bold;color:var(--brand-accent)}.comment-choose>*{width:100%}.comment-choose img{height:1em;width:1em}.comment-choose:hover{color:gold;cursor:pointer}.comment-choose:active{color:blue;cursor:pointer}.dapp-comment-wallets{display:none;position:fixed;top:0;left:0;background-color:white;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1}.dapp-comment-wallets button{font-size:calc(18pt + 1vw)}.dapp-comment-wallets button img{height:1em}
