:root{--accent:#00e5ff;--bg:#0b0f16;--surface:rgba(255,255,255,.06);--border:rgba(255,255,255,.16);--text:#eef2ff}
.hra-of-root{color:var(--text);background:#0b0f16;padding:10px;border-radius:12px}
.hra-toolbar{display:flex;gap:8px;align-items:center;margin:10px 0}
.hra-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer}
.hra-primary{background:linear-gradient(90deg, var(--accent), rgba(139,92,246,.9));border-color:transparent;color:#00111a}
.hra-badge{margin-left:auto;padding:6px 10px;border-radius:999px;background:linear-gradient(90deg, var(--accent), rgba(139,92,246,.9));color:#00111a;font-weight:700}
.hra-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px;margin:10px 0}
.hra-title{font-weight:700;margin-bottom:8px}
.hra-input,.hra-area,select{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:10px;outline:none}
.hra-area{width:100%;min-height:120px;margin-top:6px}
.hra-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}