*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;align-items:center;padding:24px 12px 60px;background:#f5f5f5}.info-row{display:flex;gap:18px;margin-top:0;margin-bottom:36px;font-size:21px;color:#444;flex-wrap:wrap;justify-content:center}.info-row .item{display:flex}.prefix{font-weight:700;user-select:none}.editable{outline:none;min-width:20px;cursor:text;}.editable:focus{background:#fff9c4}.search-hint{text-align:center;font-size:12px;color:#999;margin-top:-28px;margin-bottom:28px}#profile-zone{width:100%;max-width:420px;background:#fff;border:1px solid #e2e2e2;border-radius:10px;margin-bottom:30px;overflow:hidden}.profile-zone-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#fafafa;border-bottom:1px solid #eee;cursor:pointer;font-size:13px;color:#666;user-select:none}.profile-zone-header .status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ccc;margin-right:6px}.profile-zone-header .status-dot.live{background:#2ecc71}#profile-zone-body{padding:20px 16px}#profile-zone.collapsed #profile-zone-body{display:none}.top-row{display:flex;align-items:center;gap:16px;justify-content:center}.avatar{width:90px;height:90px;border-radius:50%;background:#ddd;display:flex;align-items:center;justify-content:center;font-size:50px;line-height:1;cursor:pointer;user-select:none;border:2px solid #bbb;overflow:hidden;flex-shrink:0}.avatar.readonly{cursor:default}.right-col{display:flex;flex-direction:column;gap:6px;text-align:center}.username{font-size:26px;font-weight:700;outline:none;min-width:50px}.username:focus{background:#fff9c4}.emoji-row{display:flex}.slot{position:relative;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;margin:0 4px;border-radius:6px;cursor:pointer;font-size:16px;user-select:none}.slot.readonly{cursor:default}.slot:hover{background:#0000000d}.slot:hover .remove-btn{display:flex}.slot.empty{border:1.5px dashed #bbb;color:#bbb;font-size:14px}.slot.empty .remove-btn{display:none!important}.remove-btn{display:none;position:absolute;top:-6px;right:-6px;width:15px;height:15px;border-radius:50%;background:#e74c3c;color:#fff;border:none;font-size:10px;line-height:1;cursor:pointer;align-items:center;justify-content:center;padding:0}.slot.struck::after{content:'';position:absolute;top:50%;left:-15%;width:130%;height:2px;background:#e74c3c;transform:rotate(-45deg);transform-origin:center;pointer-events:none}.message-block{margin-top:18px}.message-block textarea{width:100%;resize:vertical;min-height:60px;font-family:inherit;font-size:14px;padding:8px 10px;border:1px solid #ccc;border-radius:6px}.char-counter{text-align:right;font-size:11px;color:#999;margin-top:2px}.email-block{margin-top:16px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.email-block input{font-size:14px;padding:6px 10px;border:1px solid #ccc;border-radius:6px}.btn{font-size:14px;padding:6px 14px;border:none;border-radius:6px;background:#4a90e2;color:#fff;cursor:pointer}.btn:hover{background:#3a7bc8}.btn.secondary{background:#eee;color:#444}.btn.secondary:hover{background:#ddd}.btn.danger{background:#fdecea;color:#c0392b}.btn.danger:hover{background:#fadbd8}.btn.dev{background:#fff;color:#888;border:1px dashed #bbb;font-size:12px}.email-pending{margin-top:16px;font-size:14px;color:#555;text-align:center}.email-pending .btn.dev{display:block;margin:8px auto 0}.profile-card{background:#fff;border:1px solid #e2e2e2;border-radius:10px;padding:14px 16px;margin-bottom:12px}.profile-card .pc-top{display:flex;align-items:center;gap:12px}.profile-card .pc-avatar{width:56px;height:56px;border-radius:50%;background:#ddd;display:flex;align-items:center;justify-content:center;font-size:30px;border:2px solid #bbb;overflow:hidden;flex-shrink:0}.profile-card .pc-right{flex:1;min-width:0}.profile-card .pc-username{font-size:17px;font-weight:700}.profile-card .pc-emojis{display:flex;margin-top:4px}.profile-card .pc-emojis .slot{width:22px;height:22px;font-size:13px;margin:0 2px 0 0}.profile-card .pc-params{margin-top:10px;font-size:13px;color:#555;display:flex;gap:12px;flex-wrap:wrap}.profile-card .pc-message{margin-top:8px;font-size:13px;color:#333;white-space:pre-wrap;word-break:break-word}.profile-card .pc-since{margin-top:8px;font-size:11px;color:#999}.profile-card .pc-actions{margin-top:12px;display:flex;gap:8px}.profile-card.mine{border-color:#bcd9fb;background:#f7fbff}hr.sep{width:100%;max-width:480px;height:1px;background:#d2d2d2;border:none;margin:10px 0 24px}#results-wrap{width:100%;max-width:420px}#results-status{text-align:center;font-size:13px;color:#999;margin-bottom:14px}#picker-wrap{display:none;position:absolute;z-index:999;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;width:270px;overflow:hidden}.picker-tabs{display:flex;border-bottom:1px solid #eee}.picker-tab{flex:1;padding:8px;border:none;background:#fafafa;cursor:pointer;font-size:13px;color:#666}.picker-tab.active{background:#fff;color:#222;font-weight:700;border-bottom:2px solid #4a90e2}.picker-content{max-height:300px;overflow-y:auto;overflow-x:hidden}.emoji-picker-toolbar{display:none;align-items:center;padding:6px 8px;border-bottom:1px solid #eee}.emoji-picker-toolbar button{border:1px solid #ccc;background:#fff;border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer;color:#444}.emoji-picker-toolbar button.active{background:#e74c3c;border-color:#e74c3c;color:#fff}emoji-picker{width:100%;height:300px;--num-columns:5}.icon-picker-controls{display:flex;align-items:center;gap:6px;padding:8px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff}.color-swatch{width:22px;height:22px;border-radius:50%;border:1px solid #ccc;cursor:pointer;overflow:hidden;position:relative;flex-shrink:0}.color-swatch input[type="color"]{opacity:0;width:100%;height:100%;cursor:pointer;position:absolute;top:0;left:0;border:none;padding:0}.icon-picker-controls input[type="text"]{flex:1;min-width:0;font-size:13px;padding:4px 8px;border:1px solid #ccc;border-radius:4px}.icon-picker-controls select{font-size:12px;padding:4px;border:1px solid #ccc;border-radius:4px;max-width:70px}.icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px}.icon-grid button{width:100%;height:40px;font-size:17px;border:1px solid transparent;background:none;border-radius:6px;cursor:pointer;color:#333}.icon-grid button:hover{background:#f0f0f0;border-color:#ddd}.icon-grid button.custom-icon-btn{border-color:#4a90e2;border-style:dashed}.icon-grid .no-results{padding:12px;color:#999;font-size:13px;grid-column:1 / -1;text-align:center}
[placeholder]:empty::before {
    content: attr(placeholder);
    color: #d2d2d2; 
}

[placeholder]:empty:focus::before {
    content: "";
}